/* Global */
/*=========================*/
body {overflow-x: hidden;}
body {
    font-family: "Scheherazade",Times,Helvetica,Arial,sans-serif;
    font-size: 22px;
    line-height: 22px;
    color: #644e3a;
}
.menu-link { display: none;}
.clear {clear: both;}
.parallaxcontainer {min-height: 970px;}
a{color:#a3916c;text-decoration:none}a:focus,a:hover{color:#a29374;text-decoration:underline;}
#header {background: #FFFFFF;}
.headershadow {background: #FFFFFF;  -webkit-box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.7);-moz-box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.7);box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.7);}
.signatur {font-family: "Nothing You Could Do"; color:rgba(18,60,129,1.00); font-size: 25px;}
h1, h2 {font-weight: normal !important; font-size: 50px !important; padding: 0; margin: 0; color: #a06c23 !important; text-align:center; text-transform: uppercase;}
h1 {
    line-height: 1.1;
}
h2.unterHeadline {font-weight: bold !important; font-size: 30px !important; padding: 0; margin: 0; color: #a06c23 !important; text-align:inherit !important;}
h3 {font-size: 24px; text-transform: uppercase; color: #a06c23; padding:0; margin: 0;}
h5 {font-weight: normal; font-size: 28px; padding: 0; margin: 0; color: #a06c23; text-align:center; text-transform: uppercase;}
h1:before, h2:before, h5:before {
	content: '';
	background:url(../upload/layout/headline-linie_top_bottom.png) no-repeat left;
	width: 100%;
	height: 1px;
	display: block;
	margin: 0 0 10px 0;
}
h2.unterHeadline:before, h2.unterHeadline:after {
	background:none;
	margin: 10px 0 10px 0;
}
h1:after, h2:after, h5:after {
	content: '';
	background:url(../upload/layout/headline-linie_top_bottom.png) no-repeat left;
	width: 100%;
	height: 1px;
	display: block;
	margin: 10px 0 40px 0;
}
ul.bereichliste h3 {
	font-size: 26px;
	padding-top: 20px;
	text-transform: none;
}
.btn-default {background: #db021b !important; color: #fff !important;}
.btn-default.focus, .btn-default:focus, .btn-default:hover, .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {background: #db021b !important; color: #FFF !important;}
.dropdown-menu {border: none !important; border-radius: 0px !important; font-size: 22px !important; margin: 0 !important; min-width: inherit !important; padding: 0 !important; left: inherit !important; right: 0 !important;
}
.dropdown-menu ul {float:right;}
.dropdown-menu > li > a:hover {background: #db021b !important; color: #FFFFFF !important;}
.btn {
    border: none !important;
    border-radius: 0px !important;
}
div.language {position: fixed; right: 141px; z-index: 10000;}
div.language li {list-style-type: none !important;}
div.language ul li a:first-letter {text-transform: uppercase;}

.coronaInfo {
    position: fixed;
    right: 0px;
    background: #db021b;
    color: #FFFFFF;
    width: 140px;
    padding: 6px;
    text-align: center;
    z-index: 10000;
}
.coronaInfo a {
    color: #FFFFFF;
}
@media all and (max-width: 1024px){
.coronaInhalt {
    padding: 30px 20px;
}
}
@media all and (min-width: 1024px){
.coronaInhalt {
    padding: 30px 100px;
}
}
/* Liste Karriere */
/*=========================*/
dt {
	background: url("../upload/layout/back-acc-down.png") no-repeat scroll left;
    border-bottom: 1px solid #a06c23;
    color: #a06c23;
    cursor: pointer;
    display: block;
    margin: 10px 0;
    padding: 0 0 0 30px;
	width: 100%;
	font-size: 24px;
}
/* Breite Gallery */
@media all and (min-width:768px){
div.liGallery > div.Gallery_cell:nth-of-type(4n+1) {padding-right: 6px; padding-left: 0px !important;}
div.liGallery > div.Gallery_cell:nth-of-type(4n+2) {padding-right: 3px; padding-left: 3px !important;}
div.liGallery > div.Gallery_cell:nth-of-type(4n+3) {padding-right: 0px; padding-left: 6px !important;}
div.liGallery > div.Gallery_cell_schmal:nth-of-type(3n+1) {padding-right: 6px; padding-left: 0px !important;}
div.liGallery > div.Gallery_cell_schmal:nth-of-type(3n+2) {padding-right: 3px; padding-left: 3px !important;}
div.liGallery > div.Gallery_cell_schmal:nth-of-type(3n+3) {padding-right: 0px; padding-left: 6px !important;}
}

div.liGallery > div.Gallery_cell {padding-bottom: 9px !important;}
div.liGallery > div.Gallery_cell_schmal {padding-bottom: 9px !important;}

.img-responsive {max-width: 100%; height: auto; }

footer h4 {font-weight:normal; font-size: 26px; padding:0 !important; margin: 0; text-transform: uppercase;}
footer {padding: 40px 0 46px 0; height: 200px; display: table; width: 100%; color: #644e3a;}
footer a, footer a:hover {color: #644e3a;}
div.trenner {
	display: block;
	background:url(../upload/layout/icon_trenner-logo.png) center no-repeat;
	width: 100%;
	height: 56px;
	margin: 0 0 40px 0;
}
div.trenner60_0 {
	display: block;
	background:url(../upload/layout/icon_trenner-logo.png) center no-repeat;
	width: 100%;
	height: 56px;
	margin: 60px 0 0 0;
}
.IconGutschein {position: absolute; z-index: 500; left: 0;}

/* News */
.NewsStart h3 {font-size: 24px; text-transform: uppercase; color: #a06c23; padding:0; margin: 0;}
.NewsStart a {color: #a06c23;}
.NewsStart {line-height: 20px;}
ul.NewsStart {padding: 0; margin: 0;}
ul.NewsStart li {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 10px 0;
	padding: 0;
}
.TeaserWeiter {display: none;}

/* Swiper */
.swiper-container {
        width: 100%;
        height: 100%;
        
    }
	.swiper-pagination-2 {position: absolute !important;
	top: 50px;
	z-index: 100;
	}
    .swiper-slide {
        text-align: center;
        font-size: 22px;
		padding-bottom: 40px;
        /* background: #fff; */
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

/* Bereiche */
.bereichliste h3 {font-size: 24px; text-transform: uppercase; color: #a06c23; padding:0; margin: 0;}
.bereichliste a {color: #a06c23;}
.bereichliste {line-height: 20px;}
ul.bereichliste {padding: 0; margin: 0; list-style-position:inside;}
ul.bereichliste li {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
}
.clearbereichliste {clear: both;}
li.clearbereichliste {margin-top: 20px !important;}
.main {margin: 80px 0;}
ul {padding: 0 0 0 20px; }
ul.liste {padding: 0 0 0 20px; }
li {list-style-type: square;}

.main ul.listeHaken {padding: 0 0 0 28px !important;}
.main ul.listeHaken li {list-style-type: none !important; list-style-image:url(../upload/layout/liste-haken.png) !important;}
 
/* Links */
/*=========================*/
a:active, a:focus { outline: none; text-decoration: none; color: inherit;}
.ServiceIcons a {color: rgba(255,255,255,0.6); font-size:24px; text-decoration:none;}
.ServiceIcons a:hover {text-decoration:none;}

/* Layout */
/*=========================*/
.logo { padding: 20px 0 20px 0; z-index: 100; }
.logo img {height: 150px; width: auto;}
.slider {position: relative; top: 0; z-index: 0; width: 100%;}
.slider .item img.bild {width: 100%; height: auto; min-width: 1000px; margin-top: -20%}
.slider .item img {width: 100%; height: auto; min-width: 1000px;}
.slider div.item {max-height: 720px; overflow: hidden;}
.scrollup {width: 45px; height: 45px; position: fixed; bottom: 50px; right: 60px; display: none; text-indent: -9999px; background: url(../upload/layout/scrolltop.png) no-repeat; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.55); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.55); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.55); z-index: 100000000;}
.icons {position: fixed; left: 0px; top: 438px; z-index: 100; width:46px;}
.icon {width: 46px; border-radius: 0 3px 3px 0; padding-top: 3px;-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);}
.ZimmerPreislisteMerken {margin-top: -60px; margin-bottom: 80px;}

/* Carousel */
/*=========================*/
.carousel-caption {text-align: left; width: 90%; height: 137px; display: table; }
.carousel-caption > div.caption-text  {display: table-cell; vertical-align: middle; }
.carousel-more {background: #FFF; height: 90px; width: 90px; border-radius: 45px; color:#333;text-align:center; display: table;}
.carousel-more > div{display: table-cell; vertical-align: middle;}
.carousel-more > div a {padding: 20px 0 20px 0; color: #333; font-weight: bold; text-decoration: none; text-shadow: none; text-transform: uppercase;}
.carousel-left {background: url(../upload/layout/chevron-left.png) no-repeat; height: 100px; width: 27px; position:absolute;top:50%;z-index:100;display:inline-block;}
.carousel-right {background: url(../upload/layout/chevron-right.png) no-repeat; height: 100px; width: 27px; position:absolute;top:50%;z-index:100;display:inline-block;}

/* Navigation Footer */
/*=========================*/
ul.navigationFooter li {list-style-type: none; display: inline-block;  margin: 17px 0;}
ul.navigationFooter li:first-child {margin: 0 0;}
ul.navigationFooter li a {border-left: 1px solid #644e3a; padding-left: 10px; padding-right: 6px;}
ul.navigationFooter li:first-child a {border: none; padding-left: 0px;}
ul.navigationFooter {padding: 0; margin: 0;}

/* Slides */
/*=========================*/
/* BOC Normaler Hinweis */
/*=========================*/

.slideMehr a {text-transform: none; max-width: 500px; background: rgba(255,255,255,0.4);  padding: 0 30px 0 30px; transition: background 0.5s; color: #a06c23; font-size: 40px; box-sizing: border-box; text-align: center; white-space:nowrap;}
.slideMehr a:fist-line {text-transform: uppercase;}
.slideMehr a:hover {text-decoration: none; background: rgba(255,255,255,0.6);}
/* EOC Normaler Hinweis*/
/*=========================*/

/* Lightbox */
/*=========================*/
.dfGallery_cell {margin-bottom: 10px; margin-right: 10px; box-sizing:border-box;}

/* für jQuery */
/*=========================*/
.displayNo {display: none;}
.displayYes {display: block;}

/* Padding */
/*=========================*/
.nopadding {padding-bottom:0; padding-left: 0; padding-right: 0; padding-top: 0;}
.nopaddingLeft {padding-left: 0;}
.paddingTopBottom40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.paddingTopBottom60 {padding-top: 60px; padding-bottom: 60px;}
.paddingBottom40 {padding-bottom: 40px;}
.paddingBottom20 {padding-bottom: 20px;}
.nopaddingTopBottom {padding-top: 0px !important; padding-bottom: 0px !important;}
.paddingTop20 {padding-top: 20px !important;}
.paddingTop40 {padding-top: 40px !important;}
.paddingTop80 {padding-top: 80px !important;}
.paddingTop100 {padding-top: 100px !important;}
.paddingLeft40 {padding-left: 40px !important; box-sizing: border-box !important;}
.paddingLeft30Right90 {padding-left: 30px; padding-right: 90px;}
.paddingRight20 {padding-right: 20px !important;}
.paddingRight30 {padding-right: 30px !important;}
.paddingLeft30Right30 {padding-left: 30px; padding-right: 30px;}

/* Margin */
/*=========================*/
.marginTopBottom40 {margin-top: 40px; margin-bottom: 40px;}
.marginTop40 {maring-top: 40px !important;}

/* Hintergründe */
/*=========================*/
.bgWeiss {background: #fff;}
.bgSand {background: #dad1be;}
.NewsStartBg {
	background: rgba(255,255,255,0.85);
	padding: 10px 5px;
}

/* Inhalte */
/*=========================*/
.bewertungenContainer {width: 100% !important; max-width: 100% !important;}

/* BOC Parallax-Backgrounds */
/*=========================*/
.bgparallax {background-repeat: no-repeat; width: 100%; height: auto; background-color: #dad1be;}
@media all and (min-width: 768px){
	.bgparallax {background-size: cover;	min-height: 500px;}
	.img-gastgeber {max-height: 150px; width: auto;}
}
@media all and (max-width: 768px){
	.bgparallax {min-height: 400px; background-size: 200%; background-position: 50%;}
	
}
@media all and (max-width: 480px){
	.bgparallax {min-height: 200px; background-size: 200%; background-position: 50%;}
}
/* EOC Parallax-Backgrounds */
/*=========================*/
/* EOC Hintergründe */
/*=========================*/

/* BOC Formulare Stylen */
/*=========================*/
/* Standardstyle entfernen */
select{
	
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
	  display:none;
	}
/* In kleineren IE den blauen Pfeil entfernen */
.lt-ie10 select {
	    background-image: none;
	}
/* Neuer Style für Selectfelder */
select{
	background-image: url("../upload/layout/DropButton.png");
    background-position: right;
    background-repeat: no-repeat;
	background-color: #FFF;
    height: 30px;
	border-radius: 0px;
	padding: 0px 30px 5px 10px !important;
	margin: 0 6px 6px 0;
	color: #221f1f;
	border: none;
	width: 244px;
}
input[type=text], textarea, input[type=date] {
	background-color: #FFF;
    height: 30px;
	border-radius: 0px;
	border: none;
	padding: 5px 30px 5px 10px;
	margin: 0 6px 6px 0;
	color: #221f1f;
	border: 1px solid #ebe6db;
	width: 244px;
}
input[type=submit] {
	background-color: #644e3a;
    height: 30px;
	padding: 5px 30px 5px 10px;
	border-radius: 0px;
	margin: 0 6px 6px 0;
	color: #ffffff;
	border: none;
	width: 240px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}
/* Footer Formular */
footer input[type=text], footer input[type=date], footer textarea, footer select, input[type=text], textarea, select, input[type=date] {
	background-color: #ebe6db;
    height: 35px;
	padding: 5px 30px 5px 10px;
	margin: 0 6px 6px 0;
	color: #644e3a;
	width: 240px;
	border-radius: 0px;
	border: none;
}
footer select {
	margin: 0; padding: 0 30px 0px 10px;
	width: 240px;
}
footer textarea, textarea {
	height: 100px;
	resize: none;
}
footer #footer_Datum_von, footer #footer_Datum_bis, footer #footer_Datum_von_s, footer #footer_Datum_bis_s, #footer_Datum_von, #footer_Datum_bis, #footer_Datum_von_s, #footer_Datum_bis_s {
    /* background-image: url("../upload/layout/DropDate.png");
    background-position: right center;
    background-repeat: no-repeat;
	
    width: 114px;*/
}

footer input[type=submit] {
	background-color: transparent;
    height: 30px;
	padding: 5px 30px 5px 10px;
	margin: 0 6px 6px 0;
	color: #644e3a;
	border-top: 1px solid #c4aa81;
	border-bottom: 1px solid #c4aa81;
	width: 100%;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	border-radius: 0px;
}
/* EOC Formulare Stylen */
/*=========================*/


/* BOC Carousel Fade */
/*=========================*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/* EOC Carousel Fade */
/*=========================*/


/* Desktop gross */
@media (min-width: 1400px){

}
/* Desktop */
@media all and (min-width: 992px){
	footer .wrap {display: table-cell; vertical-align: bottom;}
	footer .content {display: table-cell; float: none; vertical-align: bottom;}
	.bg {max-height: 720px; overflow:hidden;width: 100vW;}
	.bg2 {max-height: 1000px;}
	ul.bereichliste li:nth-child(3n+1) .bereich {padding-right: 10px !important;}
	ul.bereichliste li:nth-child(3n+2) .bereich {padding-left: 5px !important; padding-right: 5px !important;}
	ul.bereichliste li:nth-child(3n+3) .bereich {padding-left: 10px !important;}
	ul.bereichliste h3 {white-space: nowrap;}
	a.btn-weiter {display: block; text-align: left; width: 100%; padding: 7px; color: #FFFFFF; background: #343434; text-decoration: none; padding-left: 642px; font-weight: bold; text-transform: uppercase;}
	
}
@media all and (min-width: 768px){
.nopaddingcaption {padding-bottom:0; padding-left: 0; padding-right: 0; padding-top: 0}
.marginLeft15{margin-left: 15px !important;}
.hauptnavigation {position: relative; max-width: 100%; z-index: 1000; width: 100%; float: left;}
/* NewStart */
.Headerpart {margin-top: -420px; height: 420px; z-index: 100; position: relative;}
.Detail {padding-top: 20px;}
.NewsStartImg img {max-height: 152px !important; width: auto !important; margin-left: -100%}
.NewsStartImg {overflow: hidden;}
.ServiceIcons {margin-top: 300px; padding-left: 30px;}
.ServiceIcons > div {width:auto; padding: 0 10px;}
.ServiceMerkzettel a {padding: 10px 30px 10px 20px; font-size: 24px; background: #db021b; color: #FFF; box-sizing:border-box;}
.ServiceMerkzettel a:hover {text-decoration:none;}
.ServiceMerkzettel {position: absolute; margin-top: -110px; right: 0px; z-index: 300;}
.GutscheinIcon a {padding: 10px 30px 10px 20px; font-size: 24px; background: #db021b; color: #FFF; box-sizing:border-box;}
.GutscheinIcon a:hover {text-decoration:none;}
.GutscheinIcon {position: absolute; margin-top: -175px; right: 0px; z-index: 300;}
	.GutscheinIcon svg {width: 32px;
padding-right: 0px;
top: 4px;
position: relative;}
.slideMehr {position: absolute; z-index:2; width: 500px; text-align: center; top:200px; left: 50%; margin-left: -250px;}
}
@media all and (max-width: 991px){
	.carousel-caption {width: 100%; text-align: center;}
	.more {padding-top: 30px;}
	.carousel-more {position: relative;margin: 0 auto;}
	footer > div {text-align:center;}
	.minh {min-height:inherit;}
	.marginLeft15 {margin-left: 0 !important;}
	#nav {left: 7%;}
	ul.bereichliste li .bereich {padding-bottom: 15px;}
	h3.mobTop {margin-top: 50px;}
	a.btn-weiter {display: block; width: 100%; padding: 7px; color: #FFFFFF; background: #343434; text-decoration: none; font-weight: bold; text-transform: uppercase;}
}
/* Tablet */
@media all and (max-width: 768px) {
	.slider div.item {max-height: 385px; overflow: hidden;}
	img {max-width: 100% !important; height: auto !important;}
	.logo {padding-left: 50px; padding-right: 50px;}
	.slide img {position:relative; left: 50%; margin-left: -450px;}
	.slider div.item img {position:relative; left: 50%; margin-left: -450px;}
	#nav {left: 0;}
	#header-sticky-wrapper, .sticky-wrapper {position: relative !important; z-index: 1000000 !important;}
	.icons {position: absolute;}
	.vCenter {height: auto;}
	.slider .item img.bild {margin-top: -30%;}
	.ServiceIcons {background: #333; padding: 40px;}
	.ServiceMerkzettel a {padding: 10px 30px 10px 20px; width: 100%; display: block; text-align: center; font-size: 24px; background: #db021b; color: #FFF; box-sizing:border-box;}
.ServiceMerkzettel a:hover {text-decoration:none;}
	
	
	.GutscheinIcon a {padding: 10px 30px 10px 20px; display: block; width: 100%; text-align: center; font-size: 24px; background: #db021b; color: #FFF; box-sizing:border-box;margin-bottom: 5px;margin-top: 5px;}
.GutscheinIcon a:hover {text-decoration:none;}
.GutscheinIcon {position: relative; right: 0px; z-index: 300;}
	.GutscheinIcon svg {width: 32px;
padding-right: 0px;
top: 4px;
position: relative;}
	
.NewsStartImg img {max-height: 130px !important; width: auto !important; margin-left: -30%; max-width: none !important;}
.NewsStartImg {overflow: hidden;}
.slideMehr {position: absolute; z-index:2; width: 400px; text-align: center; bottom: 20px; left: 50%; margin-left: -200px;}
}
@media all and (min-width: 480px) {
	.slider .item img.bild {margin-top: -60%;}
	
	
}
@media all and (min-width: 480px) and (max-width: 768px) {
	/* NewStart */
.Headerpart {margin-top: 0;}
ul.NewsStart {margin-top: 30px;}
.Detail {padding-top: 20px;}
/* .NewsStartImg img {max-height: 152px !important; width: auto !important;}
.NewsStartImg {overflow: hidden;} */
}
@media all and (max-width: 480px) {
	.slider .item img.bild {margin-top: -80%;}
	.Headerpart {margin-top: 0px;}
	ul.NewsStart {margin-top: 30px;}
	.contentarea {
    		overflow-x:hidden;
    		width:100%;
    		-webkit-box-sizing: border-box;
    	   	-moz-box-sizing: border-box;
            box-sizing: border-box;
}
.NewsStartImg img {max-height: 130px !important; width: auto !important; margin-left: -80%; max-width: none !important;}
.NewsStartImg {overflow: hidden;}
}

@media all and (min-width: 991px){
.zidado {position: absolute; margin-top: 33px; max-width: 150px;}
}
@media all and (max-width: 991px){
.zidado {max-width: 150px !important;}
}

.responsive-video {
position: relative;
padding-bottom: 60px;
padding-top: 0px; overflow: hidden;
}
@media all and (min-width: 991px){
.responsive-video iframe {
	width: 50%;
}
}
@media all and (max-width: 991px){
.responsive-video iframe {
	width: 100%;
}
}
.socialMediaLinks {
	width: 100px;
	position: absolute;
	left: 60px;
	margin-top: 6px;
}
.socialMediaLinks a {
	margin-right: 5px;
}
.socialMediaLinks a:hover {
	text-decoration: none !important;
}
.socialMediaLinks a svg {
	transform: scale(1);
	transition: all ease 0.3s;
}
.socialMediaLinks a:hover svg {
	transform: scale(1.2);
}
.socialMediaLinks svg {
	width: 20px;
	height: auto;
}
.socialMediaLinks .facebook circle {
	fill: #db021b;
}
.socialMediaLinks .instagram path, .socialMediaLinks .instagram circle {
	fill: #db021b !important;
}
/* Alte Merkzettel- und Anfragebuttons ausblenden */
a[href*="/deutsch/zum-merkzettel-hinzugefuegt.html"] {
  display: none !important;
}