.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #496458;
    border-color: #496458;
}
.btn-primary {
    color: #fff;
    background-color: #496458;
    border-color: #496458;
}
.btn-primary:hover {
    color: #fff;
    background-color: #3A4540 !important;
    border-color: #3A4540 !important;
}

@media (min-width: 770px) {
	.content-lines {
		background-image: url(../img/content_lines.png); 
		background-repeat: no-repeat; 
		background-attachment: scroll; 
		background-position: right top; 
		background-size: auto 120%; 
		position: relative;
	}
}

.bg-primary {background-color: #496458 !important;}

/* Email */
.mgssmartform .has-feedback.has-error.has-danger::before, .mgssmartform .has-feedback.has-success::before {

    left: 0;
    top: -15px;
}
.contactInfo-wrap .contact-item:hover {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.mgssmartform .form-control:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.mgssmartform .has-error .form-control:focus {
	border-color: red;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
#contactForm {
    border: 0px;
    border-radius: 0;
    box-shadow: 0 0 0 0;
    margin: 0 0 0;
    padding: 0;
    position: relative;
}
.mgssmartform .form-control {
    border: 1px solid #ECE8E0;
    background-color: #ECE8E0;
    padding-left: 10px;
}
.form-control:not(.form-control-sm):not(.form-control-lg), .mgssmartform span.sub-text {
    color: #496458;
}
button.confirm {background-color: #496458 !important;}
.mgssmartform .help-block ul li {
    font-size: 12px;
    background-color: transparent;
    color: #ce0606;
    padding: 0 5px;
    border-radius: 0;
    top: -2px;
    position: relative;
    margin-left: 0;
    max-height: 20px;
}
.mgssmartform .help-block {
    color: #ce0606;
    margin: 0;
    padding-left: 20px;
    position: absolute;
    top: -23px;
}
.mgssmartform .help-block ul li::after {
    border: 0;
    border-top: 0;
}
#contactForm:hover {}
.mgssmartform span.sub-text {
    right: 20px;
	text-align: right;
    bottom: 100px;
}
.mgssmartform .has-feedback.has-error.has-danger::before, .mgssmartform .has-feedback.has-success::before {
	left: -2px;
}
@media screen and (max-width: 320px) {
	#humanCheckCaptchaInput.form-control {
		margin-left: 8px;
		padding: 5px 2px;
		width: 32px;
	}
}
.mgsstyle-checkbox.mgscheckbox-style label:before {
    border: 12px solid #ECE8E0;
    background-color: #ECE8E0;
    border-radius: 50%;
}
.mgsstyle-checkbox.mgscheckbox-style :checked + label:before {
    border: 12px solid #496458;
    background-color: #496458;
    border-radius: 50%;
}
.mgsstyle-checkbox.mgscheckbox-style label {
    /* position: relative; */
    /* padding: 0px 30px; */
    cursor: pointer;
    padding-left: 35px;
    margin-top: -25px;
}
.mgssmartform .form-group {
    position: relative;
    margin: 0 0 20px;
}
 /* Email Ende */ 

.fancybox-thumbs {
			    top: auto;
			    width: auto;
			    bottom: 0;
			    left: 0;
			    right : 0;
			    height: 95px;
			    padding: 10px 10px 5px 10px;
			    box-sizing: border-box;
			    background: rgba(0, 0, 0, 0.3);
			  }	  
.fancybox-show-thumbs .fancybox-inner { right: 0; bottom: 95px; }
.fancybox-thumbs__list a:before { border: 6px solid #ECE8E0; }
.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; left: 50%; transform: translate(-50%, 0%); }			  
.fancybox-thumbs__list a { height: 80px; width: 80px; }

.loader{
			  background: #ECE8E0;
			  width: 100%;
			  height: 100vh;
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  z-index:999;
			  position: absolute;
			  top: 0;
			  left: 0;
			}
			
.loader div{
			  background: #ECE8E0;
			  width: 16px;
			  height: 32px;
			  margin-left: 10px;
			  animation: loader 1.2s infinite;
			}
			
@keyframes loader{
			  50%{
			    height: 64px;
			  }
			}
			
.loader div:nth-child(1){
			  background: #496458;
			  animation-delay: -0.40s;
			}
			
.loader div:nth-child(2){
			  background: #496458;
			  animation-delay: -0.20s;
			}
			
.loader div:nth-child(3){
			  background: #496458;
			  animation-delay: 0s;
			}			
@media (max-width: 770px) {
		.slidersize { height:50vh; width: 100%; object-fit: cover; object-position: center; }
		.slidersize-spacer { height:41vh; width: 100%;}		
		.headerlogo {width: 100%; z-index: 9; background-color:rgba(236,232,224,1);}				
	}
@media (min-width: 770px) {
		.slidersize { height:100vh; width: 100%; object-fit: cover; object-position: center; }
		.slidersize-spacer { height:100vh; width: 100%;}	
		.headerlogo {position: absolute; bottom:0; width: 100%; z-index: 9; background-color:rgba(236,232,224,0.8);}					
	}
.owl-carousel.dots-style-2 .owl-dots { width: 100px; left: 50%; transform: translate(-50%, 0%); z-index: 99 !important; }
	
.termsfeed-com---palette-light .cc-cp-foot-save { background: #496458 !important; color: #fff; }
.termsfeed-com---palette-light .cc-nb-reject { color: #fff; background-color: #496458 !important; }
.termsfeed-com---palette-light .cc-nb-okagree { color: #fff; background-color: #496458 !important; }







@media (min-width: 992px) {

.blende {background-color: #ECE8E0; width: 155px; height: 65px; position: absolute; bottom: -55; right:0; z-index: 99;}

.owl_dots {display: flex; position: relative; justify-content: center !important; top:-20px; padding-right: 157px;}
#counter3, #counter2, #counter {display: flex; padding-right: 157px; align-items: right; justify-content: right !important;}

.banner_carousel_wrapper .owl_pagination,
.banner_carousel_wrapper2 .owl_pagination {  
  width: 100%;
  margin-top: 20px; 
  position: relative;
  top:-120px;
  z-index: 99;
}
.banner_carousel_wrapper3 .owl_pagination {  
  width: 100%;
  margin-top: 20px; 
  position: relative;
  top:0px;
  z-index: 99;
}
.banner_carousel_wrapper .owl_pagination .owl_dots, 
.banner_carousel_wrapper2 .owl_pagination .owl_dots, 
.banner_carousel_wrapper3 .owl_pagination .owl_dots {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.banner_carousel_wrapper .owl_pagination .owl_dots .owl-dot, 
.banner_carousel_wrapper2 .owl_pagination .owl_dots .owl-dot, 
.banner_carousel_wrapper3 .owl_pagination .owl_dots .owl-dot {
  height: 11px;
  width: 35px;
  cursor: pointer;
  position: relative;
  border: none;
  background: transparent;  
}
.banner_carousel_wrapper .owl_pagination .owl_dots .owl-dot::before, 
.banner_carousel_wrapper2 .owl_pagination .owl_dots .owl-dot::before, 
.banner_carousel_wrapper3 .owl_pagination .owl_dots .owl-dot::before {
  position: absolute;
  content: "";
  height: 1px !important;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #C3C7BE;
}
.banner_carousel_wrapper .owl_pagination .owl_dots .owl-dot.active::before, 
.banner_carousel_wrapper2 .owl_pagination .owl_dots .owl-dot.active::before, 
.banner_carousel_wrapper3 .owl_pagination .owl_dots .owl-dot.active::before {
  height: 1px !important;  
  background-color: #496458;
}
.banner_carousel_wrapper .owl_pagination #counter, 
.banner_carousel_wrapper2 .owl_pagination #counter2,
.banner_carousel_wrapper3 .owl_pagination #counter3 {
  padding-left:50px; 
  color: #496458;
  letter-spacing: 1px;
}
.banner_carousel_wrapper .owl-stage,
.banner_carousel_wrapper2 .owl-stage,
.banner_carousel_wrapper3 .owl-stage { 
left: -100px; 
}
html .owl-carousel:not(.mirrored):not(.nav-arrows-pills):not(.nav-style-9) .owl-nav .owl-prev {
    color: #fff;
}
html .owl-carousel:not(.mirrored):not(.nav-arrows-pills):not(.nav-style-9) .owl-nav .owl-next {
    color: #fff;
}
.owl-carousel .owl-nav .owl-next {
    right: 20px;
}
.owl-carousel .owl-nav .owl-prev {
    left: 20px;
}
.owl-carousel-txt {height:120px; padding-top:55px}
}


@media (max-width: 992px) {

#counter3, #counter2, #counter {display: flex; align-items: center; justify-content: center !important;}

html .owl-carousel:not(.mirrored):not(.nav-arrows-pills):not(.nav-style-9) .owl-nav .owl-prev, 
html .owl-carousel:not(.mirrored):not(.nav-arrows-pills):not(.nav-style-9) .owl-nav .owl-next {
    color: #fff;
}
.owl-carousel .owl-nav .owl-prev {
    left: 0;
}
.owl-carousel .owl-nav .owl-next {
    right: 0;
}
.owl-carousel-txt {height:120px; padding-top:35px}

.banner_carousel_wrapper .owl_pagination #counter, 
.banner_carousel_wrapper2 .owl_pagination #counter2,
.banner_carousel_wrapper3 .owl_pagination #counter3 {
  padding-bottom: 20px; 
}

}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;

}
.owl-theme .owl-nav [class*=owl-] {	
    font-size: 30px;
    margin: 5px;
    padding: 4px 7px;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.owl-carousel .owl-nav .owl-next:before,
.owl-carousel .owl-nav .owl-prev:before {
    top: -60px;
}
.nachhaltigkeit-height {min-height: 410px}

@media (max-width: 770px) {
.move-to-top {top:-130px; margin-bottom:-130px;}}

/* Container Versatz */
.container-right, .container-left {padding-right: .75rem; padding-left: .75rem; }   

@media (min-width:768px) {
  .container-right {
    max-width: 720px;
    margin-right: calc((100% - 720px) / 2) !important;
    margin-left: calc((100% - 720px) / 2) !important;
  }
  .container-left {
    max-width: 720px;
    margin-left: calc((100% - 720px) / 2) !important;
    margin-right: calc((100% - 720px) / 2) !important;
  }
}
@media (min-width:992px) {
  .container-right {
    max-width: calc(((100% - 960px) / 2) + 960px) !important;
    margin-right: 0 !important;
    margin-left: calc((100% - 960px) / 2) !important;
  }
  .container-left {
    max-width: calc(((100% - 960px) / 2) + 960px) !important;
    margin-left: 0 !important;
    margin-right: calc((100% - 960px) / 2) !important;
  }
}
@media (min-width:1200px) {
  .container-right {
    max-width: calc(((100% - 1140px) / 2) + 1140px) !important;
    margin-right: 0 !important;
    margin-left: calc((100% - 1140px) / 2) !important;
  }
  .container-left {
    max-width: calc(((100% - 1140px) / 2) + 1140px) !important;
    margin-left: 0 !important;
    margin-right: calc((100% - 1140px) / 2) !important;
  }
}
@media (min-width:1400px) {
  .container-right {
    max-width: calc(((100% - 1140px) / 2) + 1140px) !important;
    margin-right: 0 !important;
    margin-left: calc((100% - 1140px) / 2) !important;
  }
  .container-left {
    max-width: calc(((100% - 1140px) / 2) + 1140px) !important;
    margin-left: 0 !important;
    margin-right: calc((100% - 1140px) / 2) !important;
  }
}
.einruecken53 {padding-right: 13px}
.einruecken-53 {padding-left: 23px}
.einruecken-facts {padding-left: 23px}
@media (min-width:770px) {.einruecken53 {padding-right: 45px} .einruecken-53 {padding-left: 55px} .einruecken-facts {padding-left: 10px}}

			html #header.header-transparent .header-body:before { background: rgba(236, 232, 224, 1) }
			html #header.header-semi-transparent-light .header-body:before { background: rgba(236, 232, 224, 1) }	
			#header .header-container { min-height: 50px }
			#header .header-body { background: rgba(217, 209, 192, 1) }

        #header {
        	position: sticky;
            top: 0;
            z-index: 1000; /* Ensure header stays on top */
            display: none; /* Start hidden */
            opacity: 0; /* Initial opacity set to 0 */
            transform: translateY(-100px); /* Initial position set above */
            transition: transform 2s; /* Smooth transition for opacity and transform */ /* opacity 2s, */
        }
        #header.visible {
            opacity: 1; /* Set opacity to 1 */
            transform: translateY(0); /* Move to original position */
        }

@media (max-width: 992px) {
    #header .header-nav-main:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        background: #496458;
        z-index: -1;
        transform: translateX(-50%);
    }
    #header .header-nav-main nav > ul li a:not(.btn) {
        color: #fff;
        padding-left:18px
    }
    #header .header-nav-main {
        position: absolute;
        top: 99%;
        left: 0;
        background: transparent;
        margin-top: 0px;
        z-index: 1;
        width: 100vw;
        padding-left: 20px;
        padding-right: 20px;
    }
    .sprache, .sprache:hover {color: #fff !important}
}

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 112, 244, 0.4);
  }
  100% {
    box-shadow: 0 0 7px 25px rgba(0, 112, 244, 0);
  }
}

.pulsebutton {
  width: 200px;
  padding: 5px 0;
  color: #fff;
  text-align: center;
  background: #496458;
  border-radius: 50px;
  animation: shadow-pulse 1.5s infinite;
}

.nachhaltigkeit {width:100px !important; height:100px !important;}

.tparrows { background: rgba(73, 100, 88, 0.3) }
.tparrows:hover { background: rgba(73, 100, 88, 0.8) }
.tparrows:before { font-size: 30px }

/* für die Sprache, das DE und EN in der Navigation, korrektur der Abstände und Pipe als Trennung*/
@media (min-width: 992px) { 
.mobile_en {padding-left:0px !important}
.mobile_de {padding-right:0px !important}
}
@media (max-width: 992px) { 
.mobile_de_hide {display:none !important}
}

.background-height {height: 60vh}
@media (min-width: 992px) {
	.background-height {height: 80vh}
}