@charset "utf-8";
@import url('https://www.hotelier.de/css/open-sans/style.css');
@import url('https://www.hotelier.de/css/oswald/style2.css');
/*@import url('werbung.css');*/

body{margin:0;padding:0;color:#090909;background:#EBEBEB;overflow-x:hidden;max-width:100%}
body *{z-index:1;position:relative;font-family: 'Open Sans', serif, Verdana sans-serif,Arial}
h1,.h1,h2,.h2 { font-size: 1.5em; font-family: 'Oswald', serif !important;}
h3,.h3 { font-size: 1.17em; }
h4,.h4 { font-size: 1.12em; }
h5,.h5 { font-size: .83em; }
h6,.h6 { font-size: .75em; }
h2,h3,.h2,.h3{margin:0 !important;padding:10px;padding-left:40px;background:#3B657D;color:#fff;width:1200px;max-width:100%;font-family: 'Oswald', serif !important;display: block}
h1 > b, h2 > b, h2 > span, h2 > strong, h2 > * {font-family: 'Oswald', serif !important}
h4,.h4 {margin-bottom: 5px !important;display: block}
a{color:inherit;text-decoration:none}
address{font-style:normal;margin: 5px 0}
*,*:before, *:after{-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important}
header{z-index:2}
header > .container{border-bottom:2px solid lightgrey !important}
header > div > a > img{width:100%;max-width:250px !important;height:auto;margin:0;z-index: 2}
header > div > a{position:relative;z-index:4}
/*header #suche .form-group {margin-right:5px !important}
#suche legend {text-shadow: 0 0 10px #000}
header > .container > form {width:50%;position:absolute;right:15px;bottom:30px;z-index:99}
header > .container > form > div {display: inline}
header > .container > form input {border-color:#4595ba !important;margin:0;background: none !important;}
header > .container > form button {background-color:#4595ba !important;}
header > .container > form label {padding: 5px;width:70%}
header > .container > form input[type=radio]:empty {margin-left: -9999px;}
header > .container > form input[type=radio]:empty ~ label {position: relative;float: left}
header > .container > form #hotels:empty ~ label {float:right;width:30%}
header > .container > form input[type=radio]:empty ~ label:before {display:inline-block;content: '';width: 1.5em}
header > .container > form input[type=radio]:hover:not(:checked) ~ label:before {content: "\f00c";font-family: FontAwesome;width:1.5em}
header > .container > form input[type=radio]:checked ~ label {background:#528cba;color:#fff}
header > .container > form input[type=radio]:checked ~ label:before {content: "\f00c";font-family: FontAwesome;width:1.5em}*/
#preisknaller {
	position: absolute;
	left: 0;
	bottom: 20px;
}
#podcast {
	z-index: 5;
	position: absolute;
	left: 5px;
	bottom: 20px;
	width: 60px;
	height: 60px;
	display: inline-block;
	padding: 0;
}
#podcast img {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}


@media (max-width:1000px) {header > .container > form {display: none;}}
header .btn,.navopener{position:absolute;right:20px;bottom:20px;padding:10px;color:#fff;background-color:#CC191F;display:none;z-index:4;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer}
nav{position:absolute;right:-10px;bottom:20px}
nav ul,  nav ul li{margin:0;padding:0;list-style:none;display:inline-block}
nav > ul,  nav > ul > li > a{padding:10px 20px;position:relative}
nav > ul ul{display:none;position:absolute;padding:10px;z-index:9999}
nav > ul > li:Hover ul{border-top:1px solid #fff;margin-top:9px;display:block}
nav > ul > li > ul > li > a{display:block;white-space:nowrap;padding:5px 0}
nav > ul ul > li{display:block}
nav > ul > li,  nav > ul > li > a{z-index:5}
nav .hotellerie > a{padding-bottom:0px;border-bottom:10px solid #CC191F}
nav .hotellerie:Hover > a,  nav .hotellerie > ul,  .hotellerie nav .hotellerie a{background-color:#CC191F;color:#fff;border:none;padding-bottom:10px}
nav .gastronomie > a{padding-bottom:0px;border-bottom:10px solid #3F647E}
nav .gastronomie:Hover > a,  nav .gastronomie > ul,  .gastronomie nav .gastronomie a{background-color:#305D72;color:#fff;border:none;padding-bottom:10px}
nav .lieferanten > a{padding-bottom:0px;border-bottom:10px solid #0B2230}
nav .lieferanten:Hover > a,  nav .lieferanten > ul,  .lieferanten nav .lieferanten a{background-color:#0B1F2B;color:#fff;border:none;padding-bottom:10px}
nav .jobs > a{padding-bottom:0px;border-bottom:10px solid #C69C52}
nav .jobs:Hover > a,  nav .jobs > ul,  .jobs nav .jobs a{background-color:#AE8D47;color:#fff;border:none;padding-bottom:10px}
nav .immobilien > a{padding-bottom:0px;border-bottom:10px solid #5C8179}
nav .immobilien:Hover > a,  nav .immobilien > ul,  .immobilien nav .immobilien a{background-color:#55776F;color:#fff;border:none;padding-bottom:10px}
nav .lexikon > a{padding-bottom:0px;border-bottom:10px solid #4595BA}
nav .lexikon:Hover > a,  nav .lexikon > ul,  .lexikon nav .lexikon a{background-color:#3C88A8;color:#fff;border:none;padding-bottom:10px}
nav .tourismus > a{padding-bottom:0px;border-bottom:10px solid #456A25}
nav .tourismus:Hover > a,  nav .tourismus > ul,  .tourismus nav .tourismus a{background-color:#3C5E1D;color:#fff;border:none;padding-bottom:10px}
nav .tourismus > ul{right:0}
nav > span {position: absolute;right:0%;top:50px;z-index:111;display: none}
nav .fa-times {cursor:pointer;z-index:112;}
header .basics{position:absolute;top:10px;top:20px;right:10px;list-style:none;margin:0;padding:0}
header .basics li{display:inline-block;padding-left:10px}
header .basics li a{color:inherit}
.body{z-index:1}
.container{width:100%;max-width:1200px;margin:0;padding:40px;padding-right:10px;padding-top:0px;padding-bottom:0px;clear:both;position:relative}
/*.container::before,.container::after{content:"\00a0";clear:both}*/
.container-white{background:#fff;padding-bottom:10px;padding-top:10px}
.container-red{background:#ff9999;padding-bottom:10px;padding-top:10px;border:1px solid red;}
.container h1, .container h2,  .container h3, .container .h3 {background:none;color:inherit;margin:10px 0;padding:0}
.breadcrumb,  .breadcrumb li{list-style:none;display:inline-block;margin:0;padding:0;margin-right:10px}
.breadcrumb li a:before{content:"\f054\00a0";font-style:normal;text-decoration:inherit;font:normal 12px FontAwesome}
.breadcrumb li a{display:inline-block;text-decoration:none}
.liste,footer ul,  footer li{margin:0;padding:0;list-style:none}
.body .container .text > .liste {margin-bottom: 20px}
.liste li{display:block;margin:3px 0;background:url('../img/pfeil.png');background-repeat: no-repeat !important;padding-left:22px;background-position: left 5px !important;}
/*.liste li a{text-decoration:none}*/
.liste li:after{content:"\A";display:block}
.liste li .btn {
	margin-left: -22px;
	padding-left: 22px;
	/*background-image: url('../img/pfeil.png');
	background-position: 5px center;
	background-repeat: no-repeat !important*/
}
.liste li .btn:before {
	content:"\f054";
	font-family:"FontAwesome";
	position: absolute;
	left: 4px;
	top: 11.5px;
	font-size: 0.7em;
}
.body a{text-decoration:underline;/*text-decoration-style:dotted*/}
.body a:Hover{color:#386582}
.body h1, .body h2, .body .h2, .body h3, .body .h3, .body p{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
/*.body h2, .body .h2 {font-size: 2em}*/
.body .lead{font-size:1.15em;font-weight:700}
.body .lead * {font-size: 1em;font-weight:700}
.body .hidden{display:none}
.body .text h1, .body .text h2, .body .text .h2, .body .text h3, .body .text .h3, .body .text h4, .body .text .h4 {font-size:1.2em;display:block}

footer{clear:both;background:#3B657D;color:#fff}
footer > .container > div{clear:both;margin-right:-20px;margin-left:-20px;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
footer > .container > div > div{position:relative;min-height:1px;margin-right:1%;margin-left:1%;padding:15px;float:left;-webkit-box-flex:0;-webkit-flex:0 0 31.333333%;-ms-flex:0 0 31.333333%;flex:0 0 31.333333%;max-width:31.333333%}
footer ul li a{margin:3px 0;background:url('../img/pfeil-reverse.png') center left no-repeat;padding-left:22px}
.seo{display:none}

ul.socialbar, ul.socialbar li{margin:0;margin-left:20px;margin-top:10px;padding:0;padding-top:2px;list-style:none !important;display:inline-block}
ul.socialbar li a:Hover,  ul.socialbar li a{display:inline-block;padding:10px;color:#fff;background:black;text-decoration:none}
ul.socialbar li a:Hover{margin-top:-2px;padding-top:12px;-webkit-transition:margin-top ease-in-out .15s,padding-top ease-in-out .15s;-o-transition:margin-top ease-in-out .15s,padding-top ease-in-out .15s;transition:margin-top ease-in-out .15s,padding-top ease-in-out .15s}
ul.socialbar li a.facebook{background:#3B5998;border-radius:none}
ul.socialbar li a.whatsapp{background:#71c164;border-radius:none}
ul.socialbar li a.twitter{background:#55ACEE;border-radius:none}
ul.socialbar li a.pinterest{background:#CB2027;border-radius:none}
.nav,.nav li{display:inline-block !important;list-style:none;padding:0;margin:0}
.nav li{margin: 0 5px 5px 0}
.nav li a{display:block;padding:5px;border-radius:1px;background:#3B657D;color:#fff;text-decoration:none}
.nav li.active a,  .nav li:Hover a{color:#3B657D;background:#fff}
.nav li.active a{outline:0;border:1px solid #3B657D}
form{margin:20px 0}
label{font-weight:bold;margin:5px 0;display: inline-block;width:100%}
/*select, textarea, input[type=text], input[type=password], input[type=email]{display:inline-block;width:100%;border:1px solid #66AFE9;padding:5px;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}*/
/*textarea:focus, input:focus{border-color:#CC191F;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(204,25,31,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(204,25,31,.6)}*/
select, textarea, input[type=text], input[type=number], input[type=password], input[type=email]{display: inline-block;width:100%;border: none;border-bottom: 1px solid #66AFE9;background: #f0f7fd;padding:5px}
select:focus, textarea:focus, input[type=text]:focus, input[type=number]:focus, input[type=password]:focus, input[type=email]:focus{background:#e0effb;}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;background: url('../img/select.png') #f0f7fd right center no-repeat;}
select:focus{background:url('../img/select-hover.png') #e0effb right center no-repeat}
select::-ms-expand {display:none;}
.lt-ie10 select {background-image: none;}
.form-group{white-space:nowrap}
.form-group input{width:95%}
.form-group button{margin:0;width:5%}
.g-recaptcha{margin:15px 0}
/*.btn,button{width:auto;border:none;background-color:#66AFE9;padding:5px;border-radius:3px;color:#fff;cursor:pointer;text-decoration:none !important;display: inline-block;margin: 5px 0}*/
.btn,.btn:hover,button{width:auto;border:none;background-color:#66AFE9;padding:5px;color:#fff !important;cursor:pointer;text-decoration:none !important;display: inline-block;margin: 5px 0;font-size:1em}
.btn:hover,button:hover {background:#5c9dd1}
.btn-red {background: #cc191f}
.btn-red:Hover {background: #b7161c}
.btn.active {background:#5c9dd1 !important}

.body .btn {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 3px 5px;
	color: #090909 !important;
	border:1px solid #000;
	background: #d4e7ee;
	background: -moz-linear-gradient(top, #d4e7ee 0%, #ffffff 40%, #ffffff 60%, #d4e7ee 100%);
	background: -webkit-linear-gradient(top, #d4e7ee 0%,#ffffff 40%,#ffffff 60%,#d4e7ee 100%);
	background: linear-gradient(to bottom, #d4e7ee 0%,#ffffff 40%,#ffffff 60%,#d4e7ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e7ee', endColorstr='#d4e7ee',GradientType=0 );
}

label > strong {float:right}
label.asterisk:after {content:"\f069";font-family:"FontAwesome";margin-left:5px;color:red}
label.asterisk i {display: none}
progress{width:100%;border:0;height:20px;-webkit-appearance: none;appearance: none;}
progress[value] {color:#456a25} /* IE10 */
progress::-webkit-progress-bar-value {background:#456a25}
progress::-webkit-progress-value {background:#456a25}
progress::-moz-progress-bar {background:#456a25}
progress.red[value] {color:#cc191f} /* IE10 */
progress.red::-webkit-progress-bar-value {background:#cc191f}
progress.red::-webkit-progress-value {background:#cc191f}
progress.red::-moz-progress-bar {background:#cc191f}
progress.yellow[value] {color:#c69c52} /* IE10 */
progress.yellow::-webkit-progress-bar-value {background:#c69c52}
progress.yellow::-webkit-progress-value {background:#c69c52}
progress.yellow::-moz-progress-bar {background:#c69c52}
.galerie {width: 100%;position:relative}
.galerie > div {display:none;width:100%;text-align:center}
.galerie > div:first-child {display:block}
.galerie > div > img {max-width:100%;margin:auto;max-height:800px;}
.galerie > div > p {display:block;width:100%;text-align:left}
.galerie > div > p > span {float:right}
.galerie span.l {position:absolute;left:0;top:0;display:none}
.galerie span.r {position:absolute;right:0;top:0;display:none}
.galerie span.l:before{content:"\f053";font-family:FontAwesome;font-size:8em;color:rgba(0,0,0,0.3);cursor:pointer}
.galerie span.r:after{content:"\f054";font-family:FontAwesome;font-size:8em;color:rgba(0,0,0,0.3);cursor:pointer}
.galerie span.l:Hover:before,.galerie span.r:Hover:after{color:rgba(0,0,0,0.9)}
@media (max-width: 1200px) {   .container {   padding-left: 15px;   }  }
@media (max-width: 1080px) {
	nav > span, header .btn, .navopener {   display: block;   max-width: 20%;   }   
	.basics,   nav { border-bottom: 1px solid black;  display: none;   right: 0px;   left: 0px;   top: 0px;   bottom: 0px;  padding-bottom: 15px;  width: 100%;   overflow-y: scroll;   background: #fff;   z-index: 5;   }   
	nav ul,   nav ul:Hover a,   nav li,   nav li:Hover a,   nav a,   nav a:Hover {   margin: 0 !important;   padding: 5px 3px !important;   position: relative !important;   display: block !important;   width: 90% !important;   border: none !important;   } 
	header .fa-times:Hover + nav {display: none} 
}
@media (max-width: 1000px) {   
	body * {   font-size: 0.95em;   } 
	.body a {text-decoration:underline;/*border-bottom: 1px dotted #090909*/}  
	header > div > a {   max-width: 80%;   display: block;   }   
	body {   padding-top: 0 !important;   }   
	nav > span, header .btn, .navopener {   display: block;   max-width: 20%;   }   
	.basics,   nav { border-bottom: 1px solid black;  display: none;   right: 0px;   left: 0px;   top: 0px;   bottom: 0px;  padding-bottom: 15px;  width: 100%;   overflow-y: scroll;   background: #fff;   z-index: 5;   }   
	nav ul,   nav ul:Hover a,   nav li,   nav li:Hovnexer a,   nav a,   nav a:Hover {   margin: 0 !important;   padding: 5px 3px !important;   position: relative !important;   display: block !important;   width: 90% !important;   border: none !important;   } 
	header .fa-times:Hover + nav {display: none}  
}
@media (max-width: 800px) {   
	footer > .container > div > div {   -webkit-box-flex: 0;    -webkit-flex: 0 0 98%;    -ms-flex: 0 0 98%;    flex: 0 0 98%;    max-width: 98%;    margin-bottom: 10px; padding-bottom: 0; padding-top: 0 }   
	.container {   padding: 10px;}
	header nav {min-height:700px}
	.form-group input{width:90%}
	.form-group button{margin:0;width:10%}
}
@media (max-height: 500px) { header nav {min-height:450px}}
/*.banner,.box-container{height:0}*/
.right{float:right}
table th {text-align:left}
table .online-0 {background: #ffb3b3}
.werbung{
	color: grey;
	margin: 5px 10px;	
}

.close {
	display: none;
}

.box {
	background: none;
	padding: 0;
	background: #528cba;
}
.box > * {
	margin: 0;
	padding: 10px;
	display: block;
}
.box * {
	color: #fff !important;
}
.box h2,
.box .h2,
.box h3,
.box .h3 {
	border-bottom: 1px solid #fff;
	min-height: 80px;
}

.box > a {
	display: none;
}


.box ul,
.box ol {
	margin-left: 15px !important;
	background: none;
}
.tophotel {
	padding-top: 15px;
	background: url('/img/tophotelprojects.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
@media (max-width: 1080bodypx) { 
	.tophotel {
		padding-top: 0px;
		background: none;
	}
}

#hotelsuche {
	margin-bottom: -10px;
}