/* imprima-regular - latin */
@font-face {
  font-family: 'Imprima';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/imprima-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/imprima-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/imprima-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/imprima-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/imprima-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/imprima-v16-latin-regular.svg#Imprima') format('svg'); /* Legacy iOS */
}
html, body {width:100%; margin:0; padding:0;font-family: 'Imprima', sans-serif;font-style:italic;letter-spacing: 1px;font-size:1.1em;line-height:1.9;text-align:center;}
td{font-family: 'Imprima', sans-serif;font-size:1.1em;}
.seite {max-width:1000px; margin:0;margin-left: auto; margin-right: auto;text-align:left;position:relative;}
.seite_kontakt{background:#f2d8b3;text-align:left;padding:20px 40px 20px 40px;}
#kopf_startseite{width:100%;position:fixed;z-index:999;background:url(Bilder/hg_navi.png) repeat-x;text-align:center;}
.logo_kontakt{width:100%;text-align:center;}
input{background:white;font-family: 'Imprima', sans-serif;font-style:italic;letter-spacing: 1px;font-size:1.1em;}
.d_geschichte{position:absolute;top:10px;left:-390px;}
.d_geschichte_i{width:300px;height:194px;background:url(Bilder/Apelinos_Geschichte.png);}
.d_bildergalerie{float:left;width:370px;height:320px;line-height:1;}

.pt_12{padding-top:12px;}
.pt_20{padding-top:25px;}
.seite{max-width:2500px;margin-left: auto; margin-right: auto;text-align:center;position:relative;}

.t_impressum{font-size:0.7em;}
h1 {font-size:2em;font-weight:bold;line-height:1.2;}
h2 {font-size:1.5em;font-weight:bold;color:#ffffff;line-height:1.2;}

a {color:#333333;text-decoration:none;}
a:hover{color:#ffffff;text-decoration:none;}
a.l_oben {color:#00448a;text-decoration:none;font-size:1.2em;}
a.l_oben:hover{color:#e03133;text-decoration:none;}
a.l_obenr {color:#ffffff;text-decoration:none;font-size:1.2em;}
a.l_obenr:hover{color:#ffffcc;text-decoration:none;}
a.l_kontakt {color:#00448a;text-decoration:none;font-size:1.2em;}
a.l_kontakt:hover{color:#e03133;text-decoration:none;}
a.l_online_kontakt {color:#ffff33;text-decoration:none;font-size:1.2em;}
a.l_online_kontakt:hover{color:#ffffff;text-decoration:none;}
a.l_bildergalerie{color:#0e4e96;font-size:1.3em;}
a.l_bildergalerie:hover{color:#dc282b;}


#nav{
	list-style: none;
	padding:0px;margin:0px;
}

@media all and (min-width: 1301px){
.seite_weiss{max-width:2500px;margin-left:auto; margin-right:auto;text-align:center;position:relative;}
.inhalt_willkommen{max-width:2500px;margin-left: auto; margin-right: auto;text-align:center;position:relative;background:url(Bilder/getraenkebar.png) 50% 0 no-repeat;height:1750px;}
.abstand_willkommen{height:120px;}
.inhalt_mieten{max-width:2500px;margin-left: auto; margin-right: auto;text-align:center;position:relative;background:url(Bilder/bar_zum_mieten.png) 50% 0 no-repeat;height:1700px;}
.inhalt_ueber_uns{max-width:2500px;margin-left: auto; margin-right: auto;text-align:center;position:relative;background:url(Bilder/mobile_bar_ueber_uns.png) 50% 0 no-repeat;height:1600px;}
.inhalt_termine{max-width:2500px;margin-left: auto; margin-right: auto;text-align:center;position:relative;background:url(Bilder/apelino_on_tour.png) 50% 0 no-repeat;height:1700px;}
.d_oben{float:left;text-align:center;}
.d_obeni{width:165px;height:133px;line-height:1.2;}
.d_obenis{width:120px;height:133px;}
.d_navi{margin-left: auto; margin-right: auto;max-width:1000px;height:133px;text-align:left;position:relative;background:url(Bilder/apelino_navi.png) no-repeat;}
.d_navi_i{float:right;padding-left:20px;}
.d_geschichte{display:block;}
#d_home{display:block;}
#d_ueber_uns_screen{display:block;}
#d_ueber_uns_mobile{display:none;}
#d_logo{display:block;}
.p_inhalt{max-width:400px;margin-left: auto; margin-right: auto;color:#605043;text-align:left;position:relative;}
.p_inhalt_kontakt{max-width:800px;margin-left: auto; margin-right: auto;color:#ffffff;text-align:center;}

.story{
	margin: 0 auto;
	overflow: auto;
	width:100%;
	position:relative;
}

#intro{
	background:url(Bilder/apelino_die_bar.jpg) 50% 0 no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: white;
	height: 1100px;
	margin: 0 auto;
	padding: 0;
}
#t_bild_intro{display:none;}
#second{
	background:#f2d8b3 url(Bilder/bowle_bar.jpg) 30% 0 no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: white;
	margin: 0 auto;
	height: 1700px;
}
#t_bild_second{display:none;}
#third{
	background:#f2d8b3 url(Bilder/mixgetraenke.jpg) 50% 0 no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: white;
	padding: 0;
	height: 1700px;
}
#t_bild_third{display:none;}
#four{
	background:#f2d8b3 url(Bilder/mobile_bar.jpg) 50% 0 no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: white;
	height: 1700px;
	padding: 0;	
}
#t_bild_four{display:none;}
#five{
	background:#d21521 url(Bilder/bowle_sorten.jpg) no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: white;
	height: 1700px;
	padding: 0;	
}
#t_bild_five{display:none;}
#ten{
	background:#d21521 url(Bilder/kontakt_bar_annaberg.jpg) 50% 0 no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: white;
	padding: 0;	
}
#t_bild_ten{display:none;}
.inhalt_start{padding-top:300px;}
.t_uebernachten{}
#t_die_bar_g{display:block;}
#t_die_bar_k{display:none;}
#t_miete_mich_g{display:block;}
#t_miete_mich_k{display:none;}
#t_ueber_uns_g{display:block;}
#t_ueber_uns_k{display:none;}
#t_termine_g{display:block;}
#t_termine_k{display:none;}
#t_kontakt_g{display:block;}
#t_kontakt_k{display:none;}
}

@media all and (max-width: 1300px) {
.seite_weiss{max-width:1100px;margin-left: auto; margin-right: auto;text-align:center;}
.d_navi{width:100%;text-align:left;position:relative;background:#e03133;height:85px;}
.d_oben{float:left;text-align:center;width:20%;}
.d_obeni{padding-left:4px;padding-right:4px;width:100%;height:85px;border-right:1px solid white;border-bottom:1px solid white;}
#d_home{display:none;}
.pt_12{padding-top:0px;}
.pt_20{padding-top:0px;}
.p_inhalt_kontakt{color:#605043;text-align:center;}
.d_navi_i{}
#d_ueber_uns_screen{display:none;}
#d_ueber_uns_mobile{display:block;}
#d_logo{display:none;}
.d_geschichte{display:none;}

.story{
	width:100%;
	position:relative;
}
.inhalt_start{padding-top:80px;}
.p_inhalt{text-align:left;padding-left:20px;padding-right:20px;}
.p_inhalt_kontakt{text-align:center;}

a.l_oben {color:#ffffff;text-decoration:none;font-size:1em;}
a.l_oben:hover{color:#ffffcc;text-decoration:none;}
a.l_obenr {color:#ffffff;text-decoration:none;font-size:1em;}
a.l_obenr:hover{color:#ffffcc;text-decoration:none;}

h1 {font-size:1.5em;font-weight:bold;line-height:1.2;}
h2 {font-size:1.3em;font-weight:bold;color:#605043;line-height:1.2;}
 
 #intro{background: #f2d8b3;}
 #t_bild_intro{display:block;}
 #second{ 
	background: #f2d8b3;
        }
 #t_bild_second{display:block;}
 #third{
	background: #f2d8b3;
  }
  #t_bild_third{display:block;}
  #four{
	background: #f2d8b3;
  }
  #t_bild_four{display:block;}
  #five{
	background: #f2d8b3;
  }
  #t_bild_five{display:block;}
  #ten{
	background: #f2d8b3;
	padding:0;
	color:
  }
  #t_bild_ten{display:block;}
  
#t_die_bar_g{display:none;}
#t_die_bar_k{display:block;}
#t_miete_mich_g{display:none;}
#t_miete_mich_k{display:block;}
#t_ueber_uns_g{display:none;}
#t_ueber_uns_k{display:block;}
#t_termine_g{display:none;}
#t_termine_k{display:block;}
#t_kontakt_g{display:none;}
#t_kontakt_k{display:block;}
 
  .inhalt_willkommen{max-width:1200px;margin-left: auto; margin-right: auto;text-align:center;background:#f2d8b3;border:1px solid #f2d8b3;}
  .abstand_willkommen{height:0px;}
  .inhalt_mieten{max-width:1200px;margin-left: auto; margin-right: auto;text-align:center;background:#f2d8b3;border:1px solid #f2d8b3;}
  .inhalt_ueber_uns{max-width:1200px;margin-left: auto; margin-right: auto;text-align:center;background:#f2d8b3;border:1px solid #f2d8b3;}
  .inhalt_termine{max-width:1200px;margin-left: auto; margin-right: auto;text-align:center;background:#f2d8b3;border:1px solid #f2d8b3;}
a {color:#605043;text-decoration:none;}
a:hover{color:#ffffff;text-decoration:none;}  
  
a.l_braun{color:#ffffff;text-decoration:none;font-size:1.3em;font-weight:normal;}
a.l_braun:hover {color:#ffff33;text-decoration:none;}
}