/* FONTS */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('images/open-sans-v15-latin/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('images/open-sans-v15-latin/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('images/open-sans-v15-latin/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('images/open-sans-v15-latin/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('images/open-sans-v15-latin/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('images/open-sans-v15-latin/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: bold;
  font-weight: 700;
  font-display: swap;
  src: url('images/open-sans-v15-latin/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('images/open-sans-v15-latin/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('images/open-sans-v15-latin/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('images/open-sans-v15-latin/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('images/open-sans-v15-latin/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('images/open-sans-v15-latin/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('images/roboto-v18-latin/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('images/roboto-v18-latin/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('images/roboto-v18-latin/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('images/roboto-v18-latin/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('images/roboto-v18-latin/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('images/roboto-v18-latin/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('images/roboto-condensed-v16-latin/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('images/roboto-condensed-v16-latin/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('images/roboto-condensed-v16-latin/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('images/roboto-condensed-v16-latin/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('images/roboto-condensed-v16-latin/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('images/roboto-condensed-v16-latin/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: bold;
  font-weight: 900;
  font-display: swap;
  src: url('images/lato-v14-latin/lato-v14-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Lato Black'), local('Lato-Black'),
       url('images/lato-v14-latin/lato-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('images/lato-v14-latin/lato-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('images/lato-v14-latin/lato-v14-latin-900.woff') format('woff'), /* Modern Browsers */
       url('images/lato-v14-latin/lato-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('images/lato-v14-latin/lato-v14-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}
a.link_block { display:inline-block; margin:20px 10px 0px 10px; padding:10px 30px 10px 30px; background-color:#fcac00; color:#f1f1f1; text-decoration:none; font-weight:700; box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.10); }
a.link_block:hover { color:#fff; box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.10); }


/*a.weiter { display:inline; padding:6px 20px 6px 20px; background-color:#00cc00; border:1px solid #00cc00; text-decoration:none; text-transform:uppercase; font-size:14px;  }*/
a.weiter { display:inline-block; margin:auto; margin-top:20px; padding:6px 20px 6px 20px; background-color:#f1f1f1; border:1px solid #ccc; text-decoration:none; text-transform:uppercase; text-align:center; font-size:14px;  }
a.weiter:hover { border:1px solid #999; }

/* ::: Allgemein ::: */
* { margin:0px; padding:0px; } 
body { font-family: "Roboto", sans-serif; font-size:18px; line-height:28px; font-weight:400; color:#333; text-align:center; background-color:#f1f1f1; /*background-image:url('images/bg-body.png');*/ }
div, main, nav, header, figure, section { display:block; position:relative; }
figure { line-height:0px; }
figcaption.bildname { display:none; }
img { }
b, strong { font-weight:700; color:#666; }
a, a:hover { color:#333333; text-decoration:none; }
a.intern { display:none; }
input, select, textarea { margin-bottom: 10px; }
.oblique { font-style:italic; }
.underline { text-decoration:underline; }
.clbo { clear:both; height:0px; overflow:hidden; }
.icons { font-family:'FontAwesome'; font-style:none; }
.video { width:100%; text-align:center; }
.video iframe { margin:auto; }

/* Z-INDEX */
div#banner { z-index:1; }

div#snetwork { z-index:5; }
header#head { z-index:395; }
div#head_logo { z-index:397; }
div#google-ratings { z-index:398; }
div#umnav { z-index:399; }
div#logo_kl { z-index:4; }
main#inhalt { z-index:2; }
div#footer { z-index:3; }
footer#foo { z-index:6; }
div#zeige_menue, div#verberge_menue { z-index:396; }
div#logo_smart { z-index:399; }
div#banner { z-index:0; }
div#logo_banner { z-index:7; }
div#holidaycheck { z-index:8; }



div#logo_banner { position:absolute; display:inline-block; bottom:0px; left:0px; width:15%; height:auto; /* width:297px; height:255px; */ }
div#logo_banner img { width:100%; height:auto; line-height:0px; }
/*
@media only screen and (min-width: 0px) and (max-width: 1200px) {
	div#logo_banner { width:223px; height:191px; }
}*/
@media only screen and (min-width: 0px) and (max-width: 1024px) {
	div#logo_banner { display:none; width:149px; height:128px; }
}
@media only screen and (min-width: 0px) and (max-width: 800px) {
	div#logo_banner { display:none; }
}

div#holidaycheck { position:absolute; top:100px; right:10px; }

div#bg { display:none; position:fixed; top:0px; left:0px; right:0px; bottom:0px; background-image:url('images/bg.jpg'); background-repeat:no-repeat; background-position:top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
div#extra_fenster { display:none; position:fixed; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.8); }

/* ::: GRUNDGERUEST ::: */
div#load { z-index:9999; display:none; position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; text-align:center; background-image:url('images/ajax-loader.gif'); background-repeat:no-repeat; background-position: center center; }
div#load img { margin-top:20%; }
	.hatjs div#load { display:block; }


div#tel_bu { display:inline-block; width:100%; background-color:#95a321; text-align:center; }
div#tel_bu ul { display:inline-block; margin:auto; list-style:none; display:inline-block; margin:auto; padding-top:12px; padding-bottom:8px; }
div#tel_bu ul li { display:inline-block; float:left; padding:10px 20px; margin-right:20px; border:2px solid #fff; border-radius:5px; color:#fff; font-weight:700; }
div#tel_bu ul li a { color:#fff; }

@media only screen and (min-width: 0px) and (max-width: 800px) {
	div#tel_bu { display:none; }
	div#tel_bu ul { float:none; width:100%; }
	div#tel_bu ul li { float:none; }
}

/* HEAD */
header#head { width:100%; text-align:center; height:160px; background-color:#fff; }
	div#logo_head { margin:auto; padding-top:20px; width:292px; height:120px; }
	div#logo_head img { width:292px; height:120px; }

div#head_logo { display:none; position:absolute; top:110px; left:-205px; width:185px; height:70px; text-align:center; }
	div#logo { margin:auto; padding-top:3px; margin-left:20px; width:185px; height:61px; overflow:hidden; }
	div#logo img { width:200px; height:70px; }

div#logo_smart { position:fixed; top:0px; left:20px; width:140px; height:80px; overflow:hidden; }
div#logo_smart img { width:100%; height:auto; }

/* MENUE OEFFNEN SCHLIESSEN */
div#zeige_menue, div#verberge_menue { display:none; position:fixed; top:0px; left:0px; width:100%; height:90px; background-color: #fff; /*3e3e3e*/ color:#333; text-align:right; -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.10); box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.10); background-image:url('images/logo-banner.png'); background-repeat:no-repeat; background-position:10px -28px; background-size: 150px; }
div#zeige_menue {  }
	div#zeige_menue a, div#verberge_menue a { display:block; padding-top:20px; padding-right:2%; padding-bottom:11px; text-decoration:none; color:#333; font-size:18px !important; }
	div#zeige_menue span, div#verberge_menue span { padding-left:10px; padding-right:10px; font-family: "Roboto Condensed", sans-serif; text-decoration:none; color:#333; font-size:18px !important; }
	div#verberge_menue { color:#333; }

/* BANNER */
div#banner { margin-top:90px; width:100%; height:0px; overflow:hidden; }
div#banner ul#image-slider { width:100%; height:auto; }
div#banner ul#image-slider li { width:100%; height:auto; }
	div#banner ul#image-slider li img { width:100%; height:auto; }
	
@media only screen and (min-width: 0px) and (max-width: 700px) {
	div#banner { margin-top:70px; }
}

/* ::: ZEIGE INHALT ::: */
div#zeige_inhalt { /*display:none;*/ position:fixed; bottom:40px; left:0px; width:100%; height:70px; text-align:center; /*border-top:3px solid #fff;*/ }
	body#bd_1 > div#zeige_inhalt { display:block; }
	div#zeige_inhalt a { margin:auto; display:block; width:100px; height:80px; padding-top:10px; text-decoration:none; font-size:150px; font-weight:400; color:#fff; }
	
	

/* INHALT */
main#inhalt { margin:auto; margin-top:0px; padding-bottom:46px; min-height:900px; width:100%; text-align:left; font-weight:400; /*background-color:#ccc; text-align:center;*/ }
	main#inhalt img { width:100%; height:auto; border:0px; }
	main#inhalt p { margin-bottom:12px; }
	main#inhalt ul, main#inhalt ol { margin:10px; margin-top:0px; padding:10px; padding-top:0px; }
	main#inhalt ul li, main#inhalt ol li { margin-bottom:4px; }
	
div#foo { width:100%; height:auto; padding-top:30px; padding-bottom:60px; background-color:#003a64; text-align:left; border-bottom:20px solid #fff; text-align:center; }
div#foo ul { list-style:none; display:inline-block; margin:auto; }
div#foo ul li { float:left; margin-right:20px; }

a.hc-widget-default-link { color:#000 !important; font-weight:700 !important; }

@media only screen and (min-width: 0px) and (max-width: 700px) {
	div#foo ul li { float:none; margin-right:0px; margin-bottom:20px; text-align:center; width:150px; }
	div#foo ul li.logo_foo img { width:150px; }
}
		
		
		div#konweb2 { margin:auto; width:960px; font-size:14px; line-height:18px; white-space:nowrap; }
		
		div#customer { float:left; margin-right:30px; }
		div#kurzurlaub { float:left; margin-right:30px; }
		div#gohotels { float:left; margin-right:30px; width:200px;  }
		
		div#googleb { float:left; margin-right:30px; background-color:#fff; }
			div#googleb > div#headline { width:200px; font-size:18px; text-align:center; padding-bottom:7px; padding-top:8px;  }
			
			div#googleb > div#bewertung > iframe { border:0px; width:200px; height:60px; overflow:hidden; }
			div#googleb > div#bewertung { width:200px; text-align:center; padding-bottom:8px; }
			
			div#kurzurlaub, div#googleb { -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); }

.rating-text { color:#666 !important; text-align:center !important; }

/* TRANSLATE
#google_translate_element { position:fixed; bottom:0px; right:0px; width:0px; height:0px; overflow:hidden; }
.goog-te-banner { display:none; position:fixed; bottom:0px;}
iframe.goog-te-banner-frame { position:fixed !important; left:0px !important; top:0px !important; bottom:auto !important; } */
#google_translate_element { margin-top:-3px; }

/* FOOTER
footer#foo { display:block; width:100%; background-color:#3c3c3c; color:#fff; }
div#bereiche_foo { display:inline-block; }
div.bereich_foo { float:left; }
	
	div#karte { }
	div#kontakt { }
	div#extern { } */

/* FOOTER */
footer#foo { height:40px; padding-top:6px; width:100%; background-color:#fff; color:#333; box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.10); }
	
	/* KONTAKTZEILE */
	div#kontakt { }
	div#kontakt ul { list-style:none; margin-left:2%; }
	div#kontakt ul li { float:left; margin-bottom:0px; width:auto; margin-left:10px; margin-right:2%; margin-top:3px; font-family: "Roboto Condensed", sans-serif; text-align:left; font-size:16px; }
	div#kontakt ul li:last-child { margin-right:0px; }
	div#kontakt ul li span { display:inline; width:auto; text-align:left; }
	div#kontakt ul li a { text-decoration:none; }
	div#kontakt ul li a:hover { border-bottom:1px solid #333; }
	
	/* NAV2 */
	nav#nav2 { margin:auto; margin-right:2%; display:inline-block; float:right; width:auto; height:auto; text-align:right; }
	nav#nav2 ul { margin:auto; display:inline-block; list-style:none; }
	nav#nav2 ul li { display:inline-block; float:left; margin-left:10px; margin-right:10px; font-family: "Roboto Condensed", sans-serif; text-align:left; font-size:16px; }
	nav#nav2 ul a { display:inline-block; text-decoration:none; font-size:14px;  }



@media only screen and (min-width: 0px) and (max-width: 1300px) { /*min 601*/
	
	footer#foo { text-align:center; }
	div#kontakt { display:inline-block; width:100%; }
	div#kontakt ul { display:inline-block; margin:auto; display:inline-block; }	
	div#kontakt ul li { float:left; margin-bottom:6px; }
	div#kontakt ul li span { display:inline-block; width:25px; text-align:center; }
	nav#nav2 { position:absolute; top:10px; right:2%; }
}

@media only screen and (min-width: 0px) and (max-width: 500px) {
	div#kontakt { width:59%; }
	div#kontakt ul li { float:none; margin-bottom:6px; }
	nav#nav2 { width:150px; }
	nav#nav2 ul li { float:none !important; margin-right:0px; text-align:center; }
	nav#nav2 ul li a { display:inline-block; float:none; text-align:center; }
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
	footer#foo { display:none; }
}


/* BUCHEN */
div#buchen { display:none; position:fixed; top:0px; left:0px; right:0px; bottom:0px; border:30px solid #fff; padding:20px; background-color:#f7f7e7; /*background-image:url('images/t_w_90.png');*/ }
div#close_buchen { position:absolute; top:10px; right:10px; width:30px; height:30px; }
div#close_buchen a { display:block; margin:auto; width:30px; height:30px; text-decoration:none; }
.fontsizeclose { font-size:40px; }


/* NAV1 */
@media only screen and (min-width: 0px) and (max-width: 1000px) {
	div#umnav { display:none; position:fixed; top:90px; left:0px; right:0px; bottom:0px; background-color:#fff; overflow:auto; text-align:left;  }
	nav#nav1 { margin:auto; margin-left:0px; margin-top:0px; width:100%; height:auto; text-align:left; }
	nav#nav1 ul { list-style:none; }
	nav#nav1 > ul { padding-bottom:30px; padding-top:20px; margin-left:20px; margin-right:20px; }
	nav#nav1 ul li { text-align:left; margin-bottom:12px; }
	nav#nav1 ul li a { display:block; margin:auto; margin-bottom:6px; padding:6px 10px 6px 10px; /*border-bottom:1px solid #333; border-right:1px solid #333;*/ font-family:"Roboto Condensed", sans-serif; font-size:16px; line-height:16px; font-weight:400; color:#fff; text-decoration:none; background-color:#8bccf4;  }
	
	nav#nav1 ul li a.aktiv { font-weight:700; background-color: #429AC7; /*border-bottom:2px solid #333; border-right:2px solid #333;*/ }
	nav#nav1 ul li#li_20180302131039 a { background-color:#00cc00; color:#fff; font-weight:700; text-transform:uppercase; text-align:center;  }
	
	nav#nav1 > ul > li { display:block !important; text-align:left; }
	nav#nav1 ul li { display:none; }
	nav#nav1 ul li.aktiv ul li { display:block; }
	nav#nav1 ul li.aktiv ul { display:block; margin-top:-8px; padding:12px 12px 4px 12px; background-color:#429AC7; }

	nav#nav1 ul li ul li a { padding:6px 10px 6px 10px; color:#fff;  border:1px solid #fff; text-align:left; /*border-bottom:1px solid #999; border-right:1px solid #999;*/ }
	nav#nav1 ul li ul li a.last { /*margin-bottom:18px;*/ }
	nav#nav1 ul li ul li a.aktiv { background-color:#fff; color:#000; /*border-bottom:2px solid #999; border-right:2px solid #999;*/ }
}

@media only screen and (min-width: 1001px) {
	div#umnav { position:fixed; top:0px; left:0px; width:100%; height:90px; text-align:left; background-color: #fff; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.20); }
	nav#nav1 { margin-left:0px; margin-left:0px; height:90px; /*border-bottom:1px solid #ccc;*/ text-align:center; }
	nav#nav1 ul { list-style:none; margin:auto; display:inline-block; }
	nav#nav1 > ul {margin-left:0px; }
	nav#nav1 > ul > li { float:left; display:inline-block; height:90px; border-right:1px solid #f1f1f1; }
	nav#nav1 > ul > li.last { border-right:0px; }
	nav#nav1 ul li#li_1 { background-image:url('images/logo-banner.png'); background-repeat:no-repeat; background-position:10px -28px; background-size: 150px; }
	nav#nav1 ul li#li_1 a { width:170px; padding:0px; background-color:transparent !important; }
	nav#nav1 ul li#li_1 span { display:none; }

	nav#nav1 ul li a { display:block; font-family:"Roboto Condensed", sans-serif; font-size:18px; line-height:18px; font-weight:400; text-decoration:none;  }
	nav#nav1 > ul > li > a { padding:20px 20px 0px 20px; height:70px; margin:auto; color: #666; /*text-transform:uppercase; letter-spacing:2px;*/ }
	nav#nav1 > ul > li > a:hover, nav#nav1 > ul > li > a.aktiv:hover { background-color: #ccc; }
	
	nav#nav1 > ul > li > a.aktiv { background-color:#ccc; }
	
	nav#nav1 ul li a.aktiv span { color:#fff; }
		nav#nav1 > ul > li > a > span { display:block; padding-top:18px;}
	nav#nav1 ul li:hover { }
	nav#nav1 ul li a:hover { }

	nav#nav1 ul li:hover > a { color:#fff; }
	nav#nav1 ul li ul li a:hover, nav#nav1 ul li ul li a.aktiv { color:#fff; }
	nav#nav1 ul li.mitsub:hover > a { background-color:#ccc; }
	nav#nav1 ul li ul li:hover > a { background-image:none; }
	
	nav#nav1 ul li ul { padding:20px 20px 14px 20px; background-color:#ccc; }
	nav#nav1 ul li ul li { margin-bottom:6px; background-color:#f1f1f1; }
	nav#nav1 ul li ul li:hover { background-color:#fff; }
	nav#nav1 ul li ul li:hover a { color:#333; }
	nav#nav1 ul li ul li.aktiv { background-color:#fff; }
	nav#nav1 ul li ul li.aktiv a { color:#333; }
	nav#nav1 ul li ul li { padding:10px 20px 10px 20px; }


	nav#nav1 ul li ul { display:none; position:absolute; left:auto; min-width:200px; width:auto; height:auto; padding-left:auto; padding-right:auto; text-align:left; -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.10);
	box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.10);  }
	
	
	nav#nav1 ul li#li_20180607141142 ul li { width:360px; }
	
	
/*	nav#nav1 ul li ul li { float:left; width:306px; margin-left:6px; margin-right:6px; margin-bottom:12px;  }
	nav#nav1 ul li ul li.aktiv { }
	nav#nav1 ul li ul li:hover { }
	nav#nav1 ul li ul li a { padding:20px 30px 20px 30px; color:#999; box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.10); }
	nav#nav1 ul li ul li a:hover, nav#nav1 ul li ul li a.aktiv { color:#000; box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.45); }
	nav#nav1 ul li ul li a.aktiv { color:#000; box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.90); }
*/

	/* folgend horizontal navigation mit ausklappbaren menue */
	nav#nav1 ul ul,
	nav#nav1 ul li:hover ul ul,
	nav#nav1 ul ul li:hover ul ul,
	.galaxys_hover_effect
	{ display: none; }

	nav#nav1 ul li:hover ul,
	nav#nav1 ul ul li:hover ul,
	nav#nav1 ul ul ul li:hover ul,
	.galaxys_hover_effect2
	{ display: block; }
	/* ende */
}

/* ::: Überschriften ::: */
h1 { display:block; margin:auto; font-family:"Roboto", sans-serif; font-size:34px; line-height:44px; font-weight:400; margin-bottom:12px; color:#555555; }
h2 { display:block; margin:auto; font-family:"Roboto", sans-serif; font-size:30px; line-height:40px; font-weight:400; margin-bottom:30px; color:#555555; /*color:#666;*/  }
header hr { margin:auto; width:80%; height:0px; border-top:1px solid #95a321; border-bottom:1px solid #95a321; margin-bottom:30px;}
/* infobox */
h3 { }
/* angebotsvorlage - temp 26 */
h4 { }
h5 { }

/* ::: Templates UND Ticker ::: */
.back, .forward { display:none; position:absolute; top:40%; width:35px; height:35px; font-size:60px; line-height:0px; font-weight:100; }
.back { left:2px; }
.forward { right:2%; }
.back a, .forward a { display:block; width:35px; height:35px; font-size:60px; line-height:0px; font-weight:100; text-decoration:none; }

.zeile_erhalten { white-space:nowrap; }


.fl { float:left; }
.fr { float:right; }
.mr0 { margin-right:0px !important; }
.tl { text-align:left; }
.tc { text-align:center; }
.tr { text-align:right; }
.abschluss { clear:both; display:block; height:0px; margin:auto; overflow:hidden; }
.ticker_ende { clear:both; display:block; height:1px; margin:auto; overflow:hidden; background-color:#999999; }

div.anfragebuchenlink { float:left; margin-top:20px; margin-right:20px; }
div.anfragebuchenlink a { display:block; width:150px; margin-left:20px; padding:5px; padding-left:20px; padding-right:20px; font-weight:400; text-align:center; background-color:#CCCCCC; text-decoration:none; color:#333333; /*border:1px dotted #ccc;*/ }
div.anfragebuchenlink a:hover { background-color:#999999; }

/* ::: Ticker ::: */
div.ticker, div.ticker02bild, div.ticker02text, div.ticker03text, div.ticker03bild, div.ticker07 { width:auto; }
div.ticker02bild { margin-bottom:5px; }
div.ticker02text { }
div.ticker03text { }
div.ticker03bild { margin-top:5px; }
div.ticker07 { }

/* ::: Kontaktformular ::: */
.kontabhead { border: 1px solid #797A7D; background-color:#F2F3F4; font-weight:700; }
.kontabinh { background-color:#ccc; font-weight:700; }
table#tab_kontakt { width:80%; margin:auto; }
table#tab_kontakt img { width:0px; height:0px; }



@media only screen and (min-width: 0px) and (max-width: 320px) {
	body { font-size:14px; line-height:24px; }
	h2 { font-size:20px; line-height:28px; }
}
@media only screen and (min-width: 321px) and (max-width: 600px) {
	body { font-size:15px; line-height:25px; }
	h2 { font-size:20px; line-height:28px; }
}

@media only screen and (min-width: 601px) and (max-width: 800px) {
	body { font-size:16px; line-height:26px; }
	h2 { font-size:26px; line-height:36px; }
	

}

@media only screen and (min-width: 801px) and (max-width: 1024px) {
	body { font-size:17px; line-height:28px; }
	h2 { font-size:30px; line-height:40px; }
	.back { left:20px; }
	.forward { right:20px; }
}

@media only screen and (min-width: 0px) and (max-width: 1300px) {
	div#zeige_menue { display:block; }
	div#snav { display:none; }
	div#google-ratings { padding:20px 0px 20px 0px; position:relative; top:auto; right:auto; height:90px; text-align:center; background-image:url('images/t_s_50.png'); }
	div.rating-text { color:#fff !important; }
	#google-ratings > iframe { width:160px; height:50px; overflow: hidden; border:0px;  }
	#google-ratings a { display:block; margin:auto; width:160px; margin-top:-5px; color:#fff; font-size:12px; }
}
@media only screen and (min-width: 1000px) {
	div#zeige_menue, div#verberge_menue { display:none !important; }
}


@media only screen and (min-width: 0px) and (max-width: 1024px) 
{
	header#head { margin-top:70px; }
	div#anreise, div#abreise { display:none; }
	div#submit_booking { padding-left:0px; }
}


/* TEMP SELECT */

/* ::: Farben ::: */
.temp_f1 { background-color:#fff; }
.temp_f2 { background-color:#666; }
.temp_f3 { background-color:#429AC7; }
.temp_f4 { background-color:#FAFAFA; }
/*.temp_f4 { background:rgba(105,147,176,0.75); }*/
.temp_f5 { background-color:#000; }

/* ::: Hintergrundbild ::: */
.bg_image {
	padding:5% 0px 5% 0px; background-repeat:no-repeat; background-position:top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	/*animation: animateBg forwards 2s ease-in;*/
}
@media only screen and (min-width: 1025px) {
	.bg_image { background-attachment: fixed; }
}
/*
@keyframes animateBg{
    from { background-size: 100%; }
    to { background-size: 105%; }
}
*/


/* ::: Transparenzen ::: */
.bg_trans { font-weight:700; }
.trans_1 { background-image:url('images/t_w_90.png'); }
.trans_2 { background-image:url('images/t_w_80.png'); }
.trans_3 { background-image:url('images/t_w_70.png'); }
.trans_4 { background-image:url('images/t_w_60.png'); }
.trans_5 { background-image:url('images/t_w_50.png'); }
.trans_6 { background-image:url('images/t_w_40.png'); }
.trans_7 { background-image:url('images/t_w_30.png'); }
.trans_8 { background-image:url('images/t_w_20.png'); }
.trans_9 { background-image:url('images/t_w_10.png'); }
.trans_10 { background-image:url('images/t_s_90.png'); }
.trans_11 { background-image:url('images/t_s_80.png'); }
.trans_12 { background-image:url('images/t_s_70.png'); }
.trans_13 { background-image:url('images/t_s_60.png'); }
.trans_14 { background-image:url('images/t_s_50.png'); }
.trans_15 { background-image:url('images/t_s_40.png'); }
.trans_16 { background-image:url('images/t_s_30.png'); }
.trans_17 { background-image:url('images/t_s_20.png'); }
.trans_18 { background-image:url('images/t_s_10.png'); }

/* ::: Schriftfarben ::: */
.sf1, .sf1 a, .sf1 h2 { color:#fff !important; }
.sf2, .sf2 a { color:#ccc !important; }
.sf3, .sf3 a { color:#999 !important; }
.sf4, .sf4 a { color:#666 !important; }
.sf5, .sf5 a { color:#333 !important; }
.sf6, .sf6 a { color:#000 !important; }

.sf1 .bg_trans, .sf1 h2 { text-shadow: 1px 1px 0px #666; }
.sf2 .bg_trans { text-shadow: 1px 1px 1px #000; }
.sf3 .bg_trans { text-shadow: 1px 1px 1px #000; }
.sf4 .bg_trans { text-shadow: 1px 1px 1px #fff; }
.sf5 .bg_trans { text-shadow: 1px 1px 1px #fff; }
.sf6 .bg_trans { text-shadow: 1px 1px 1px #fff; }

.bildunterschrift span { display:block; margin:auto;text-shadow:1px 1px 0px #000 !important; text-transform:none; text-align:center; font-family:"Roboto Condensed", sans-serif; font-size:17px; line-height:17px; }

/* NET-BOOKING */

/* Z-INDEX */
div.astrotel_connect { z-index:600; }
div#astrotel_close { z-index:601; }
div#astrotel_close a { z-index:602; }
div#astrotel_nav { z-index:603; }
div#astrotel_nav_m { z-index:604; }
div#mask_iframe { z-index:605; }

.icons_extern { font-family:'FontAwesome'; font-style:none; font-size:20px; line-height:28px; }

/* SEITLICHE NAVIGATION DESKTOP */
div#astrotel_nav { display:block; position:fixed; margin:auto; width:400px; height:auto; top:30%; right:-350px; bottom:auto; left:auto; text-align:left; background-color: transparent; }
div#astrotel_nav_m { display:none; }

div#astrotel_nav ul { list-style:none; position:relative; display:inline-block; width:500px; height:auto; margin-top:0px; top:auto; right:auto; bottom:auto; left:auto; }
div#astrotel_nav ul li { position:absolute; display:block; width:500px; height:40px; left:0px; top:0px; } /*background-color:#fff;*/
div#astrotel_nav ul li a { position:absolute; display:block; width:100%; height:100%; margin:auto; font-family: "Lato", sans-serif; font-weight:900; text-decoration:none; color:#666; }
div#astrotel_nav ul li span { float:left; display:block; width:300px; height:35px; padding-top:5px; padding-left:14px; border-bottom-left-radius:20px; border-top-left-radius:20px; font-size:17px; /*text-transform:uppercase;*/ letter-spacing:0.6px; color:#666; background-color:#f1f1f1;  box-shadow:2px 2px 0px #666; }
div#astrotel_nav ul li span.icons_extern { width:40px; height:35px; padding-top:5px; padding-left:0px; border-radius:40px; margin-right:10px; font-size:20px; text-align:center; background-color:#f1f1f1; }





/* SEITLICHE NAVIGATION MOBILE */
@media only screen and (min-width: 0px) and (max-width: 1023px) {
	div#astrotel_nav_m { display:block; position:fixed; margin:auto; width:auto; height:70px; top:auto; right:0px; bottom:0px; left:0px; text-align:center; background-color: #3E3E11; } /*overflow:hidden;*/ 
	div#astrotel_nav { display:none; }
	
	div#astrotel_nav_m ul { list-style:none; position:relative; display:inline-block; width:auto; height:auto; padding-left:0px !important; margin-top:15px; top:auto; right:auto; bottom:auto; left:auto; }
	div#astrotel_nav_m ul li { position:relative; float:right; display:inline-block; margin-top:auto; margin-bottom:10px; width:60px; height:40px; left:auto; top:0px !important; } /*background-color:#666;*/
	div#astrotel_nav_m ul li:first-child { width:40px; }
	div#astrotel_nav_m ul li a { position:absolute; display:block; width:100%; height:100%; margin:auto; font-family: "Lato", sans-serif; font-weight:900; text-decoration:none; color:#fff; }
	
	div#astrotel_nav_m ul li span {  display:block; width:100%; letter-spacing:0.6px; color:#666; background-color:#f1f1f1; }
	div#astrotel_nav_m ul li span.stxt { display:none; position:absolute; width:100%; height:35px; padding-top:5px; top:0px; right:-100%; box-shadow:0px 1px 0px #666;  background-color:transparent; /*background-color:#000;*/ text-align:left; }
	div#astrotel_nav_m ul li span.icons_extern { display:block; cursor:pointer; width:40px; height:32px; padding-top:8px; padding-left:0px; border-radius:40px; margin-right:10px; font-size:20px; text-align:center; background-color:#f1f1f1; box-shadow:2px 2px 0px #666; }

	div#mclose { display:none; position:absolute; width:100%; height:50px; top:-50px; right:auto; background-color:#fff; color:#fff; border-top:12px solid #3E3E11; }
	div#mclose span { display:block; position:absolute; width:40px; height:32px; padding-top:8px; top:5px; right:10px; background-color:#333; border-radius:40px; font-size:20px; color:#fff; text-align:center; cursor:pointer; }
}

/* ZURUECK ZUR HP */
#astrotel_close { z-index:999; width:100%; height:72px; /*background:rgba(0,0,0,0.2);*/ text-align:right; }
#astrotel_close a { display:block; position:fixed; left:0px; right:0px; top:0px; bottom:0px; margin:auto; color:#fff; font-size: 22px; line-height: 22px; text-decoration: none; font-weight: 100; font-family: "Roboto Condensed", sans-serif; background:rgba(0,0,0,0.8); }
#astrotel_close a span { display:inline-block; padding:20px 5% 20px 20px; }

/* MAIN */
div.astrotel_connect { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background:rgba(0,0,0,0,9); }

/* IFRAME */
div#mask_iframe { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: scroll; overflow:hidden; /*overflow-y: scroll !important; iPAD */ position:fixed; display:block; top:72px; left:5%; width:90%; /*height:400px;*/ bottom:5%; border-radius:2px; overflow:hidden; }
div.astrotel_connect iframe { overflow-y: scroll; position:absolute; display:block; width:100%; height:100%; border:0px solid #666; overflow-y: scroll; }



div#close_neu { display:none !important; position:fixed; display:block; top:10px; right:10px; width:100px; height:50px; background-color:#ccc; }


/* BOOKING FORMULAR */
div#main_booking { width:590px; padding:20px 20px 0px 20px; margin:auto; margin-top:20px; text-align:center; /*background:rgba(255,255,255,0.9);*/ background-color:ccc; color:#333; }
div#main_booking a { color:#333; }
	/*div#ranfrage { padding-top:-50px;}*/
	div#ranfrage_txt { margin:auto; margin-bottom:18px; width:510px; padding:20px 20px 20px 20px; border:1px solid #ccc; font-size: 14px; line-height: 24px; }
	
	div#zeitraum, div#einheiten, div#pflichtfelder , div#option, div#option_div, div#einwilligung, div#sicherheit { margin:auto; width:550px; margin-bottom:24px; }
	input.input_booking { width: 250px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; padding:6px; /* border:1px solid #333; */}
	.icons_booking { font-family:'FontAwesome'; font-style:none; font-size:15px; line-height:15px; color:#333; }

	div#zeitraum { padding-top:24px; }
		div#anreise, div#abreise { display:inline-block; float:left; }
		div#abreise { float:right; }
		/*div#uhrzeit { display:inline-block; width:100%; text-align:right; }*/
		input#input_anreise, input#input_abreise { display:inline-block; width:232px; margin-left:6px; }
		input#input_abreise { width:231px; }
		input#datetimepicker { display:inline-block; width:515px; margin-left:6px; }
		
		div#uhrzeit, div#dauer { display:inline-block; float:left; margin-left:6px; }
		input#input_uhrzeit, input#input_dauer { display:inline-block; width:103px; margin-left:6px; }
		body.bd_25 div#uhrzeit { display:inline-block; float:right; margin-left:6px; }
		body.bd_25 input#input_uhrzeit { display:inline-block; width:231px; margin-left:6px; }
		
		
		.ui-timepicker-wrapper { width:115px !important; text-align:left !important; font-size:14px !important; }
		
	div#einheiten { }
		select.select_booking { display:block; width:100%; height:40px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; padding:8px; }
		option.option_booking { }

	div#pflichtfelder { /*margin-top:36px;*/ text-align:left; }
		div#name, div#email { display:inline-block; float:left; width:275px; /*background-color:#999;*/ }
		div#email { float:right; text-align:right; }
		
	div#option_link { margin:auto; width:550px;  border-bottom:1px solid #ccc; text-align:left; font-size: 14px; line-height: 24px; }
		div#option_link a { display:block; margin:auto; padding:6px 6px 6px 6px; text-decoration:none; }
			span.option_link_span { display:inline-block; padding-left:6px; font-family: "Open Sans", Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 24px !important; }
		
	div#option_div { display:none; margin-bottom:36px; margin-top:18px; text-align:left; }
		div.div_input_booking { display:inline-block; float:left; width:275px; }
		div#opt_kontakt_telefon {  }
		div#opt_kontakt_strasse { clear:left; float:right; text-align:right; }
		div#opt_kontakt_ort { }
		div#opt_kontakt_firma { display:none; }
		div#opt_kontakt_ansprechpartner { display:none; float:right; text-align:right; }
		
		div#nachricht { clear:both; display:block; margin:auto; width:550px; }
			textarea#kommentar { width:536px; height:120px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; padding:6px; }

	div#einwilligung { clear:both; margin-top:36px; text-align:left; font-size:12px; line-height:16px; }
	div#einwilligung_checkbox { width:19px; height:19px; overflow:hidden; }
	div#einwilligung_checkbox input { margin-top:3px; margin-left:3px; }
	div#einwilligung_text { width:100%; text-align:justify;  }

	div#sicherheit { clear:both; margin-top:36px; }
		div#sicherheit_txt { display:none; margin:auto; width:325px; padding:12px; font-size: 13px; line-height: 23px; }
		div#sicherheit_form { display:block; margin:auto; float:left; width:290px; }
			div#captcha_bild { display:inline-block; float:left; width:100px; height:31px; padding-top:2px; border:1px solid #ccc; }
				div#captcha_bild img { width:100%; height:auto; }
			div#captcha_input { display:inline-block; width:178px; margin-left:6px; float:left; text-align:left; }
			div#submit_booking { float:right; text-align:right; display:block; margin:auto; width:260px; margin-bottom:12px; }
				input#submit_booking_input { float:right; display:block; margin:auto; padding:6px; height:38px; width:260px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; font-weight:700px; }


div#captcha_input input.input_booking { width:130px; }
p.small_info { font-size:0.8em; line-height:1.4em; }

.ui-widget { font-family: "Open Sans", Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 24px !important; width:238px !important; margin-top:6px !important; }
	.ui-widget-content { background-color:#fff !important; }
	.ui-widget-header { background-color:#fff !important; }

div#erfolg { padding:50px 0px 200px 0px; }

@media only screen and (min-width: 0px) and (max-width: 560px) {
	div#main_booking { width:90%; }
	div#ranfrage_txt, div#zeitraum, div#einheiten, div#pflichtfelder , div#option, div#option_div, div#option_link, div#einwilligung, div#sicherheit, div#nachricht { width: 90%; }
	div#anreise, div#abreise, div#name, div#email, div#opt_kontakt_strasse { float:none; margin:auto; }
	div#option_div, div#pflichtfelder  { text-align:center}
	div#name, div#email, div.div_input_booking { margin:auto; float:none; width:auto;}
	textarea#kommentar { width:250px; }
	div#einwilligung_checkbox { width:8%; }
	div#einwilligung_text { text-align:justify; }
	div#sicherheit { text-align:center; width:90%; }
	div#sicherheit_form { float:none; margin:auto; background-color:#ccc; }
	
	div#submit_booking { float:none; width:100%; }
	input#submit_booking_input { float:none; width:100%; }
}

/* BOOKING KALENDER */
div#mk div#zeitraum { display:inline-block; margin:auto; width:auto; margin-bottom:0px; padding-top:16px; }
div#mk div#abreise { float:left; margin-left:10px; }
div#mk div#submit_booking { float:left; padding-left:24px; text-align:right; display:block; margin:auto; width:260px; margin-bottom:12px; }
div#mk input.input_booking { padding:6px; }
div#mk .icons_booking { color:#fff; }
div#mk input#submit_booking_input { padding:8px; height:40px; margin-top:-1px; }
div#mk input { border-radius:3px; border:1px solid #fff; }