@media screen and (min-width: 1422px){
@font-face {
    font-family: 'danielregular';
    src: url('daniel-webfont.eot');
    src: url('daniel-webfont.eot?#iefix') format('embedded-opentype'),
         url('daniel-webfont.woff2') format('woff2'),
         url('daniel-webfont.woff') format('woff'),
         url('daniel-webfont.ttf') format('truetype'),
         url('daniel-webfont.svg#danielregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'danielbold';
    src: url('danielbd-webfont.eot');
    src: url('danielbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('danielbd-webfont.woff2') format('woff2'),
         url('danielbd-webfont.woff') format('woff'),
         url('danielbd-webfont.ttf') format('truetype'),
         url('danielbd-webfont.svg#danielbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'daniel_blackregular';
    src: url('danielbk-webfont.eot');
    src: url('danielbk-webfont.eot?#iefix') format('embedded-opentype'),
         url('danielbk-webfont.woff2') format('woff2'),
         url('danielbk-webfont.woff') format('woff'),
         url('danielbk-webfont.ttf') format('truetype'),
         url('danielbk-webfont.svg#daniel_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
  font-family: 'danielbold';
  color: white;
  background: url(gruen.jpg) no-repeat center center fixed;
  background-size: cover;
}
body{
  margin: 0;
  padding: 0;
}
#tannenbaum{
  float: left;
  width: 30%;
  margin-top: 3%;
  margin-left: 5%;
}
#ueberschrift{
  padding-top: 1%;
  -moz-transform: rotate(-5deg); /* Firefox 3.6 Firefox 4 */
  -webkit-transform: rotate(-5deg); /* Safari */
  -o-transform: rotate(-5deg); /* Opera */
  -ms-transform: rotate(-5deg); /* IE9 */
  transform: rotate(-5deg); /* W3C */
}
#teil1{
  float-right;
  text-align: left;
  font-size: 1.35em;
  margin-right: 5%;
  margin-left: 30%;
}
#teil1 h1{
  font-size: 1.9em;
  margin-bottom: 2%;
  letter-spacing: 0.25em;
  font-weight: normal;
}
#teil1 p{
  font-size: 0.5em;
}
#teil1 br{
  line-height: 0.5;
}
#kugeln{
  position: absolute;
  top: 0;
  left: 25%;
}
#header_re{
  display: none;
}
#text_re{
  display: none;
}
#impressum{
  text-align: center;
  margin: 10%;
}
#leiste{
  width: 100%;
  height: 1.8em;
  background-color: RGB(199,149,67);
  position: fixed;
  bottom: 0;
  padding-top: 0.2em;
  margin: 0;
  padding: 0;
  border-top: 0px black solid;
}
}
@media screen and (max-width: 1421px){
@font-face {
    font-family: 'danielregular';
    src: url('daniel-webfont.eot');
    src: url('daniel-webfont.eot?#iefix') format('embedded-opentype'),
         url('daniel-webfont.woff2') format('woff2'),
         url('daniel-webfont.woff') format('woff'),
         url('daniel-webfont.ttf') format('truetype'),
         url('daniel-webfont.svg#danielregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'danielbold';
    src: url('danielbd-webfont.eot');
    src: url('danielbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('danielbd-webfont.woff2') format('woff2'),
         url('danielbd-webfont.woff') format('woff'),
         url('danielbd-webfont.ttf') format('truetype'),
         url('danielbd-webfont.svg#danielbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'daniel_blackregular';
    src: url('danielbk-webfont.eot');
    src: url('danielbk-webfont.eot?#iefix') format('embedded-opentype'),
         url('danielbk-webfont.woff2') format('woff2'),
         url('danielbk-webfont.woff') format('woff'),
         url('danielbk-webfont.ttf') format('truetype'),
         url('danielbk-webfont.svg#daniel_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
  font-family: 'daniel_blackregular';
  color: white;
  background: url(gruen.jpg) no-repeat center center fixed;
  background-size: cover;
}
body{
  margin: 0;
  padding: 0;
}
#tannenbaum{
  display: none;
}
umfassend{
  display: none;
}
#teil1{
  display: none;
}
#header_re{
  width: 100%;
}
#text_re{
  text-align: center;
  padding: 2%;
}
#imp{
  display: none;
}
#impressum{
  text-align: center;
  margin: 10%;
}
#leiste{
  display: none;
}
}