/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* luckiest-guy-regular - latin */
@font-face {
  font-family: 'Luckiest Guy';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/luckiest-guy-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/luckiest-guy-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/luckiest-guy-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/luckiest-guy-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/luckiest-guy-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/luckiest-guy-v18-latin-regular.svg#LuckiestGuy') format('svg'); /* Legacy iOS */
}
body {font-family: 'Roboto', sans-serif; font-size:1em;color:#853041;background:#099d30 url(Bilder/hintergrund.jpg) no-repeat;background-size:100%;text-align:center;width:100%;margin:0px;line-height:1;}
.seite{width:1200px;margin-left: auto; margin-right: auto;text-align:left;position:relative;background:#099d30;color:#ffffff;border:1px solid white;margin-top:20px;}
.bild_oben{width:100%;}
.inhalt{padding:40px 40px 40px 60px;line-height:1.4;}
.navi{width:100%;padding-top:15px;padding-bottom:15px;background:#b61215;color:#ffffff;position:relative;}
.d_navi{float:left;padding-left:40px;padding-right:40px;position:relative;}
.alinks_80{padding-left:60px;}
.online-shop{position:absolute;right:60px;top:-60px;width:170px;height:170px;}
.clear{clear:both;}
.slogan{font-family: 'Luckiest Guy', cursive;}
.inhalt_text{width:800px;font-size:1.2em;padding-bottom:40px;}
.inhalt_text_gesamt{width:100%;font-size:1.2em;padding-bottom:40px;}
.bild_start{width:800px;}
.d_wichtel{float:right;margin-left:30px;width:20%;margin-top:50px;}
.fuss{width:1200px;margin-left:auto;margin-right:auto;margin-top:20px;padding-bottom:20px;color:#ffffff;}
.c_submit{padding:5px 15px 5px 15px;font-size:1.1em;color:#099d30;background:#ffffff;}
.bild_links{width:48%;float:left;}
.bild_rechts{width:48%;float:right;}
.bild_1r{width:20%;float:right;margin-left:20px;}

.unavi{position:absolute;top:30px;left:0px;background:#b61215;color:#ffffff;padding:20px;text-align:left;line-height:2;display:none;z-index:999;}
.header{position:absolute;top:10px;left:10px;display:none;}

.d_alter{position:absolute;top:50px;left:20%;width:60%;z-index:1000;background:#ffffff;margin-left:auto;margin-right:auto;}
.d_alter_l{width:100%;background:#099d30;color:#ffffff;font-family: 'Luckiest Guy', cursive;font-size:1.8em;text-align:center;padding-top:20px;padding-bottom:20px;}

.d_alter_ii{text-align:left;padding:20px 40px 20px 40px;color:#333333;text-align:center;line-height:1.5;}
.d_alter_g{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;}
.d_alter_wahl1{width:200px;padding:20px;background:#099d30;float:left;}
.d_alter_wahl2{width:200px;padding:20px;background:#099d30;float:right;}
.d_alter_wahl_u{width:500px;margin-left: auto; margin-right: auto;}

#online-shop
{
    background: transparent url('Bilder/button-online-shop.png') center top no-repeat;
    transform:translate(-3px);transition: 0.5s;
}

#online-shop:hover {
	transform:translate(3px);transition: 0.5s;
}


h1{font-size:1.4em;font-weight:bold;}
h2{font-size:1.2em;font-weight:bold;}

a{font-size:1em;color:#ffffff;text-decoration:none;font-weight:normal;}
a:hover{color:#f6f1a7;}
a.l_oben{color:#ffffff;font-size:1.1em;}
a.l_fuss{color:#ffffff;}
a.l_fuss:hover{color:#f6f1a7;}
a.l_unavi
  {text-decoration:none; color:#ffffff; font-size:1em;}
a.l_unavi:hover
  {color:#ffffff;text-decoration:underline;}
a.l_shop{background:#ffffff;padding:10px;font-size:1.3em;color:#099d30;}

@media all and (min-width: 601px) {
.bild_i{height:315px;overflow:hidden;}
}

@media all and (max-width: 900px) {
 .header{display:block;}
 .navi{display:none;}
 .seite{width:100%;margin-top:0px;}	
 .fuss{display:none;}	
 .inhalt_text{width:100%;}
 .bild_start{width:100%;}
 .bild_1r{width:40%;float:right;margin-left:20px;}
 .d_alter{width:90%;left:5%;}
}

@media all and (max-width: 600px) {
.d_alter_wahl1{width:200px;padding:20px;float:none;margin-right:auto;margin-left:auto;margin-bottom:20px;}
.d_alter_wahl2{width:200px;padding:20px;float:none;margin-right:auto;margin-left:auto;margin-bottom:20px;}
.d_alter_wahl_u{width:100%;}
.bild_rechts{float:none;width:100%;}
.bild_links{float:none;width:100%;}
.inhalt{padding:15px;}
.bild_1r{width:100%;float:none;margin-left:0px;}
}