.preloader {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 999999999999999999999999999999999999999999998;
   background-image: url('./../../fileadmin/template/images/preloader.gif');
   background-repeat: no-repeat; 
   background-color: #FFF;
   background-position: center;
}


	.logoOver{position:absolute; left:4%; top:90px; display:none}
	.logoOver img{width:100%; height:auto; max-width:150px;}
@media screen and (min-width: 320px) and (max-width: 1750px) {
	.logoOver{position:absolute; left:4%; top:40px;}	
}


strong {font-family: 'myMontserratBold', Arial, sans-serif;}
b {font-family: 'myMontserratBold', Arial, sans-serif;}

.containerLeft {
  width: 39px;
  max-width: 39px;
  padding: 0;
  opacity: 0.9;
  background-color: transparent !important;
  position: fixed;
  /*top: 220px;*/
  top: 50%;
	transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
  z-index: 999;
  right: 0;
}
.containerLeft .kontakt{margin:5px 0}
.containerLeft IMG {width:100%; height: auto; max-width:30px }
.containerLeft IMG.showmobil {display:none}
.containerLeft IMG.showstandard {display:block}

@media screen and (min-width: 320px) and (max-width: 1024px) {
/*.containerLeft {  top: 1000px; }
.containerLeft {  top: 220px }
.containerLeft IMG {width:100%; height: auto; max-width:30px }*/

.containerLeft IMG.showmobil {display:block}
.containerLeft IMG.showstandard {display:none}
.containerLeft IMG {width:100%; height: auto; max-width:100%; max-height: 20px; }

.containerLeft {  margin:0 auto;
  width: 320px;
  max-width: none;
  padding: 0;
  opacity: 0.9;
  background-color: transparent !important;
  position: relative;
  /*top: 220px;*/
  top: 0;
	transform: translate(0,0);
	-moz-transform: translate(0,0);
	-webkit-transform: translate(0,0);
  z-index: 1!Important;
  right: 0;
  margin:0 auto -6px auto

}
.containerLeft .kontakt{margin: 0 5px; float:left;}
.containerLeft .leichteSprache{ float:left;}
.containerLeft .changeit{ float:left;}
.containerLeft div {display:inline-block}

}

.header-top{position:relative; justify-content: center;}
.header-middle{max-width:1180px; margin:0 auto; }
.header-middle{ /*background-image: url("./../../fileadmin/images/trans.png");*/ padding:8px 8px 5px 0px ; border-radius:15px; }

.header-scroll .header__container {
  border-radius: 0 0 16px 16px;
  background-color: #FFFFFF;
  /*background-color: transparent;
    background-image: url("./../../fileadmin/images/transNav.png");*/
  transition: all 300ms ease-in-out;
  border-bottom:1px solid #000000;
}
.header-scroll .header-top__logo img{display:block}
.header-scroll .header-middle {margin-top:-30px; margin-bottom:25px; background-image: none;}
.header-scroll .header-top__right {margin-top:-30px;}
@media screen and (min-width: 320px) and (max-width: 1024px) {

}
.custom-map-control-button.changeit2{z-index:999999999999999999999999999999; position:relative}
.mybutton {
  font-family: 'myMontserrat', Arial, sans-serif;
  font-size: 16px;
  color: #fff;
  padding: 10px 17px;
  background-color: #C88F2F;
  text-align: center;
  border-radius: 8px;
  width: -moz-fit-content;
  width: fit-content;
  transition: background-color 300ms ease-out;
  align-items: center;
  gap: 8px;
}


/*
.cboth{clear:both}
#main{width:100%}
/*h1.ce-headline-left{font-family: 'myHead', Arial, sans-serif; font-size: 36px; width:100%}*/
#main .inner h1{  font-family: 'myHead', Arial, sans-serif; font-size:48px; line-height:50px; margin-bottom:25px; font-weight:600;}
#main .inner h2{  font-family: 'myHead', Arial, sans-serif; font-size:42px; line-height:44px; margin-bottom:20px; font-weight:600;}
#main .inner h3{  font-family: 'myHead', Arial, sans-serif; font-size:36px; line-height:38px; margin-bottom:15px; font-weight:600;}
#main .inner h4{  font-family: 'myHead', Arial, sans-serif; font-size:28px; line-height:30px; margin-bottom:10px; font-weight:600;}

#main .inner .tx-standort h1{  font-family: 'myHead', Arial, sans-serif; font-size:36px; line-height:40px; margin-bottom:0px; font-weight:400;}
#main .inner .tx-standort h2{  font-family: 'myHead', Arial, sans-serif; font-size:36px; line-height:38px; margin-bottom:15px; font-weight:400;}
#main .inner .tx-standort h3{  font-family: 'myHead', Arial, sans-serif; font-size:22px; line-height:32px; margin-bottom:13px; font-weight:300;}

#main .inner .tx-standort h1.standort{  font-family: 'myHead', Arial, sans-serif; font-size:36px; line-height:38px; margin-bottom:25px; font-weight:400;}


@media screen and (min-width: 320px) and (max-width: 1024px) {
#main .inner h1{  font-family: 'myHead', Arial, sans-serif; font-size:34px; line-height:38px; margin-bottom:28px; font-weight:200;}
#main .inner h2{  font-family: 'myHead', Arial, sans-serif; font-size:28px; line-height:32px; margin-bottom:22px; font-weight:200;}
#main .inner h3{  font-family: 'myHead', Arial, sans-serif; font-size:22px; line-height:24px; margin-bottom:14px; font-weight:200;}
#main .inner h4{  font-family: 'myHead', Arial, sans-serif; font-size:18px; line-height:20px; margin-bottom:10px; font-weight:200;}
}



#main .innerWide h1{  font-family: 'myHead', Arial, sans-serif; font-size:48px; line-height:60px; margin-bottom:25px; font-weight:600;}
#main .innerWide h2{  font-family: 'myHead', Arial, sans-serif; font-size:36px; line-height:38px; margin-bottom:20px; font-weight:600;}
#main .innerWide h3{  font-family: 'myHead', Arial, sans-serif; font-size:36px; line-height:38px; margin-bottom:15px; font-weight:600;}
#main .innerWide h4{  font-family: 'myHead', Arial, sans-serif; font-size:28px; line-height:30px; margin-bottom:10px; font-weight:600;}


@media screen and (min-width: 320px) and (max-width: 1024px) {
#main .innerWide h1{  font-family: 'myHead', Arial, sans-serif; font-size:36px; line-height: 42px; margin-bottom:28px; font-weight:200;}
#main .innerWide h2{  font-family: 'myHead', Arial, sans-serif; font-size:28px; line-height:32px; margin-bottom:22px; font-weight:200;}
#main .innerWide h3{  font-family: 'myHead', Arial, sans-serif; font-size:22px; line-height:24px; margin-bottom:14px; font-weight:200;}
#main .innerWide h4{  font-family: 'myHead', Arial, sans-serif; font-size:18px; line-height:20px; margin-bottom:10px; font-weight:200;}
}


#mainKGB .innerKGB h1{  font-family: 'myHead', Arial, sans-serif; font-size:48px; line-height:60px; margin-bottom:25px; font-weight:600;}
#mainKGB .innerKGB h2{  font-family: 'myHead', Arial, sans-serif; font-size:36px; line-height:48px; margin-bottom:20px; font-weight:600;}
#mainKGB .innerKGB h3{  font-family: 'myHead', Arial, sans-serif; font-size:30px; line-height:42px; margin-bottom:15px; font-weight:600;}
#mainKGB .innerKGB h4{  font-family: 'myHead', Arial, sans-serif; font-size:28px; line-height:30px; margin-bottom:10px; font-weight:600;}


@media screen and (min-width: 320px) and (max-width: 1024px) {
#mainKGB .innerKGB h1{  font-family: 'myHead', Arial, sans-serif; font-size:36px; line-height:42px; margin-bottom:28px; font-weight:200;}
#mainKGB .innerKGB h2{  font-family: 'myHead', Arial, sans-serif; font-size:28px; line-height:32px; margin-bottom:22px; font-weight:200;}
#mainKGB .innerKGB h3{  font-family: 'myHead', Arial, sans-serif; font-size:22px; line-height:24px; margin-bottom:14px; font-weight:200;}
#mainKGB .innerKGB h4{  font-family: 'myHead', Arial, sans-serif; font-size:18px; line-height:20px; margin-bottom:10px; font-weight:200;}
}


.headlinekrone{display: inline-block; padding-top:80px; background-image: url("./../../fileadmin/images/headline-krone.png"); background-repeat:no-repeat; background-position: 50% 0 ; background-size:60px auto}


#main .inner{width:96%; max-width:1280px; padding: 2% 25px; margin:0 auto}

#main .inner ul{list-style-type: disc; }
#main .inner ul li {list-style-type: disc; margin-left:30px}

#main .innerWide ul{list-style-type: disc; }
#main .innerWide ul li {list-style-type: disc; margin-left:30px}

#mainKGB .innerKGB ul{list-style-type: disc; }
#mainKGB .innerKGB ul li {list-style-type: disc; margin-left:30px}


.text-center{text-align:center;}
.text-end{text-align:right;}
.text-justify{text-align:justify;}

.frame-space-before-extra-small{margin-top:1em}
.frame-space-before-small{margin-top:2em}
.frame-space-before-medium{margin-top:3em}
.frame-space-before-large{margin-top:4em}
.frame-space-before-extra-large{margin-top:5em}

.frame-space-after-extra-small{margin-bottom:1em}
.frame-space-after-small{margin-bottom:2em}
.frame-space-after-medium{margin-bottom:3em}
.frame-space-after-large{margin-bottom:4em}
.frame-space-after-extra-large{margin-bottom:5em}


.after-extra-small{margin-bottom:1em}
.after-small{margin-bottom:2em}
.after-medium{margin-bottom:3em}
.after-large{margin-bottom:4em}
.after-extra-large{margin-bottom:5em}


.roundImage img {border:0px solid #FFFFFF; border-radius:15px}
.whiteRound {background-color: #FFFFFF; border:0px solid #FFFFFF; border-radius:15px; padding:25px;}
.whiteRoundTOP{background-color: #FFFFFF; border:0px solid #FFFFFF; border-radius:15px; padding:25px; position:relative; z-index:10;}
.whiteRoundBOTTOM{background-color: #FFFFFF; border:0px solid #FFFFFF; border-radius:15px; padding:25px; position:relative; z-index:10; margin-bottom:-35px}
.overlappingLayer{position:relative; z-index:100;}

.extra-smallT{margin-top:-1em}
.smallT{margin-top:-2em}
.mediumT{margin-top:-3em}
.largeT{margin-top:-4em}
.extra-largeT{margin-top:-5em}

.imageExtra-smallTop{position:relative; z-index:100;margin-top:-1em}
.imageExtra-smallTop{position:relative; z-index:100;margin-top:-2em}
.imageExtra-mediumTop{position:relative; z-index:100;margin-top:-3em}
.imageExtra-largeTop{position:relative; z-index:100;margin-top:-4em}
.imageExtra-extra-largeTop{position:relative; z-index:100;margin-top:-5em}



.imageExtra-smallBottom{position:relative; z-index:10;margin-top:-1em}
.imageExtra-smallBottom{position:relative; z-index:10;margin-top:-2em}
.imageExtra-mediumBottom{position:relative; z-index:10;margin-top:-3em}
.imageExtra-largeBottom{position:relative; z-index:10;margin-top:-4em}
.imageExtra-extra-largeBottom{position:relative; z-index:10;margin-top:-5em}
.imageExtra-smallBottom img{position:relative; z-index:10;border:0px solid #FFFFFF; border-radius:15px;}
.imageExtra-smallBottom img{position:relative; z-index:10;border:0px solid #FFFFFF; border-radius:15px;}
.imageExtra-mediumBottom img{position:relative; z-index:10;border:0px solid #FFFFFF; border-radius:15px;}
.imageExtra-largeBottom img{position:relative; z-index:10;border:0px solid #FFFFFF; border-radius:15px;}
.imageExtra-extra-largeBottom img{position:relative; z-index:10;border:0px solid #FFFFFF; border-radius:15px;}

#main {min-height:600px}

@media only screen and (max-width: 1024px)  {
#main {min-height:auto}
}

#main .inner ul {margin:25px; padding:0; }
#main .inner ul li{list-style-type: disc;}
#main .inner ol {margin:25px; padding:0; }
#main .inner ol li{list-style-type: numeric;}



#main .innerWide ul li{list-style-type: disc;}
#main .innerWide ol li{list-style-type: numeric;}


#main .inner .tx-standort ul {margin:0; padding:0; }
#main .inner .tx-standort ul li{list-style-type: none; margin-left:0px}
#main .inner .tx-standort ol {margin:0; padding:0; }
#main .inner .tx-standort ol li{list-style-type:none;margin-left:0px}

#main .inner .tx-standort .container7030 .left ul {margin:0px; padding:0; }
#main .inner .tx-standort .container7030 .left ul li{list-style-type: disc;}
#main .inner .tx-standort .container7030 .left ol {margin:0px; padding:0; }
#main .inner .tx-standort .container7030 .left ol li{list-style-type: numeric;}


#main .inner .tx-standort .container7030 .right.service ul li{list-style-type: none;}
#main .inner .tx-standort .container7030 .right.service ol li{list-style-type: none;}

#main .inner .tx-standort .container7030 .left .standortWhite ol {  margin-top:18px}
#main .inner .tx-standort .container7030 .left .standortWhite ol li {  list-style-type: none;}



.myKlickpfad {margin:-15px 0 25px 0; padding-bottom:15px; position:relative; width:100%}
.myKlickpfad .standardview{display:none; float:left}

.myStepback {margin:0 0 25px 0; padding-bottom:15px; position:relative; width:100%;}
.myStepback .standardview{display:block; float:left}
.myStepback img{ width: 60px!Important; height:auto!Important; max-width: 60px;}



@media screen and (min-width: 320px) and (max-width: 1024px) {
.myKlickpfad .standardview{display:none}
.myStepback .standardview{display:none}
}

#footer{width:100%; border-top:1px solid #000000;}
#footer .inner{width:96%; max-width:1280px; padding: 0; margin:0 auto; max-width:225px}

			.homepage .s-gallery__item__content--tag{width:100% !Important; float:none; display:block}
			.homepage .s-gallery__item__content--name{width:100% !Important; float:none; display:block;}
			/*.homepage .s-gallery__item__content--button--mobile{display:none}*/
			.homepage .s-gallery__item__content--button{width:185px!Important; }


			.homepage .s-gallery__item__content .mobile{display:none}
			.homepage .s-gallery__item__content .standard{display:block;width:100%; margin-bottom:32px}
			

			.homepage .s-gallery__item__content .standard ul li:last-child a{position:absolute; right:15px; bottom:15px}

			.homepage .s-gallery__item__content--button .standard{width:185px; }
			
			.homepage .s-gallery__item__content .mobile {width:100%}
			.homepage .s-gallery__item__content .mobile .fleft{width:70%; float:left}
			.homepage .s-gallery__item__content .mobile .fright{width:50px; height:40px; float:right; text-align:right; }
			.homepage .s-gallery__item__content--button--mobile{right:0}
			.homepage .s-gallery__item__content--button--mobile img {width:35px; height:auto; margin: 0px 0 0 0px; }

			.s-gallery__item.gallery__item--0{font-family: 'myHead', Arial, sans-serif; font-size: 48px}
			
			.header-scroll .header-top__right {  margin-top: 0px!Important;  }	
		
			@media screen and (min-width: 320px) and (max-width: 1024px) {
			.homepage .s-gallery__item {height: calc((92vw / 1.6) + 90px);}
		    .homepage .s-gallery__item.gallery__item--0{height:60px}
			.homepage .s-gallery__item__content .standard{display:none}
			.homepage .s-gallery__item__content .mobile{display:block}

			.homepage .s-gallery__item__content--name {width: 220px !Important; }
			
			.s-gallery.wrap {margin:0; padding:0; }
			.homepage .s-gallery__item__content .mobile{position:absolute; margin-top:-70px }
			.homepage .s-gallery__item__content .mobile{width:96%}
			}
			
			
			@media screen and (min-width: 320px) and (max-width: 1024px) {
			.homepage .s-gallery__item__content .mobile{position:absolute; margin-top:-70px }
			.homepage .s-gallery__item__content .mobile{width:94%}
			}
			
			
			@media screen and (min-width: 320px) and (max-width: 950px) {
			.homepage .s-gallery__item__content .mobile{position:absolute; margin-top:-70px }
			.homepage .s-gallery__item__content .mobile{width:92%}
			}
			
			@media screen and (min-width: 320px) and (max-width: 480px) {
			.homepage .s-gallery__item__content .mobile{position:absolute; margin-top:-70px }
			.homepage .s-gallery__item__content .mobile{width:90%}
			}
			
			
			@media screen and (min-width: 320px) and (max-width: 430px) {
			.homepage .s-gallery__item {height: calc((92vw / 1.85) + 90px);}
			.homepage .s-gallery__item.gallery__item--0 {  height: 110px;  }
			}
			
.homepage .swiper-hero .swiper-slide .slide-content__title{font-family: 'myHead', Arial, sans-serif;}


.element2cols {margin-bottom:25px; width: 100%;  font-family: 'myMontserrat', Arial, sans-serif; font-size: 16px;  color: black;  line-height: 1.6;}
.first2col   {float:left; width:48%; text-align:left; margin-bottom:25px; margin-right:1% }
.second2col  {float:left; width:47%; text-align:left; margin-bottom:25px; margin-left:1% }


.element2colsProdukte {margin-bottom:25px; width: 100%; max-width: 100%; font-family: 'myMontserrat', Arial, sans-serif; font-size: 16px;  color: black;  line-height: 1.6;}
.first2colProdukte   {float:left; width:65.04%; text-align:left; margin:0; padding:0}
.first2colProdukte IMG {width:100%; height:auto; margin:0; padding:0}
.second2colProdukte  {float:left; width:32.15%; margin-left: 2.45%; text-align:left; }

#main .innerWide .second2colProdukte ul {list-style-type: disc!Important;  margin:15px 0px}
#main .innerWide .second2colProdukte ul li{display:list-item;list-style-type: disc!Important; }

#main .inner .element2colsProdukte h1{  font-family: 'myHead', Arial, sans-serif; font-size:36px; line-height:38px; margin-bottom:25px; font-weight:600;}
#main .inner .element2colsProdukte h2{  font-family: 'myHead', Arial, sans-serif; font-size:48px; line-height:60px; margin-bottom:20px; font-weight:600;}
#main .innerWide .element2colsProdukte h1{  font-family: 'myHead', Arial, sans-serif; font-size:36px; line-height:44px; margin-bottom:25px; font-weight:600;}
#main .innerWide .element2colsProdukte h2{  font-family: 'myHead', Arial, sans-serif; font-size:48px; line-height:60px; margin-bottom:20px; font-weight:600;}

.pLeft  {float: left; width: 32%; margin: 0; padding:0; margin-right:3%; position:relative; border:0px solid #000000; border-radius: 0 0 15px  15px }
.pLeft IMG {width:100%; height:auto;}
.pLeftInner {position:absolute;  text-align:center; height:25px;  bottom:45%; right:5%;
	-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
	color:#FFFFFF;  margin: 0; padding:0;
	font-family: 'myHead', Arial, sans-serif; font-size: 30px;  color: black;  line-height: 1.6; color:#FFFFFF}
	
.pLeftInnerNormal{width:100%; position:absolute; top:55px; font-family: 'myHead', Arial, sans-serif; font-size: 30px;  color: black;  line-height: 1.6; color:#FFFFFF; text-align:center}	
.pRight {float: left; width: 55%; padding:4% 4% 0% 10%;  text-align: left;}






.element3cols{margin-bottom:25px; width: 100%; max-width: 1280px; font-family: 'myMontserrat', Arial, sans-serif; font-size: 16px;  color: black;  line-height: 1.6;}
.first3col  {float:left; width:32%; text-align:left; margin-bottom:25px;}
.second3col {float:left; width:32%; text-align:left; margin:0 2%; margin-bottom:25px; }
.third3col  {float:left; width:32%; text-align:left; margin-bottom:25px;}







@media screen and (min-width: 320px) and (max-width: 1024px) {
.first2col   {float:none; width:100%; margin-right:0; margin-bottom:35px;}
.second2col  {float:none; width:100%; margin-left:0; margin-bottom:35px;}

.first2colProdukte   {float:none; width:100%; margin-right:0; margin-bottom:35px;}
.second2colProdukte  {float:none; width:95.1%; margin-left:0; padding:0 2.45%; margin-bottom:35px;}


.first3col  {float:none; width:100%; text-align:left; margin-bottom:35px;}
.second3col {float:none; width:100%; text-align:left; margin:0; margin-bottom:35px; }
.third3col  {float:none; width:100%; text-align:left; margin-bottom:35px;}

}



@media screen and (min-width: 1140px) and (max-width: 1550px) {
.pLeftInner {font-family: 'myHead', Arial, sans-serif; font-size: 24px;  color: black;  line-height: 1.6; color:#FFFFFF}

}
@media screen and (min-width: 1140px) and (max-width: 1350px) {
#main .innerWide .element2colsProdukte h1 { font-size: 28px; line-height: 36px;}
#main .innerWide .element2colsProdukte h2 { font-size: 36px; line-height: 42px;}

}	

@media screen and (min-width: 800px) and (max-width: 1140px) {
.pLeft  {float: left; width: 100%; margin: 0; padding:0; margin-right:0%;  position:relative; height:180px}
.pLeftInner {position:absolute;  text-align:center; height:25px; width:180px; bottom:45%; right:-5%;}
.pRight {float: none; width: 95%; padding:2.45%;  text-align: left;}
#main .innerWide .element2colsProdukte h1 { font-size: 28px; line-height: 36px;}
#main .innerWide .element2colsProdukte h2 { font-size: 36px; line-height: 42px;}
.pLeft IMG {width:100%; height:auto; display:none}
}

@media screen and (min-width: 320px) and (max-width: 800px) {
#main .innerWide .element2colsProdukte h1 { font-size: 28px; line-height: 36px;}
#main .innerWide .element2colsProdukte h2 { font-size: 36px; line-height: 42px;}
.pLeft  {float: left; width: 100%; margin: 0; padding:0; margin-right:0%;  position:relative; height:180px}
.pLeft IMG {width:100%; height:auto; display:none}
.pLeftInner {position:absolute;  text-align:center; height:25px; width:180px; bottom:45%; right:-8%;}
.pRight {float: none; width: 95%; padding:2.45%;  text-align: left;}
}



.footerStandard{margin:0 auto; max-width:1850px; display:block; height: 225px; width:auto; padding: 35px 4%; background-color:#ffffff; position:relative; bottom:0; box-sizing: initial; }
.footerStandard  h2{  font-family: 'myHead', Arial, sans-serif; font-size:18px; line-height:18px; font-weight:200; padding:0 !Important; margin:0 0 15px 0!Important; color:#818181 }
.footerStandard  h3{  font-family: 'myHead', Arial, sans-serif; font-size:18px; line-height:18px; font-weight:200; padding:0 !Important; margin:0 0 15px 0!Important; color:#818181 }

.footerStandard #footerKGB {position:relative; float: left; padding: 0 45px 0 0; height: 200px; }
.footerStandard #footerProdukte {position:relative;float: left; padding: 0 45px 0 0; height: 200px; }
.footerStandard #footerStandorte {position:relative;float: left; padding: 0 45px 0 45px; height: 200px;}
.footerStandard #footerKarriere {position:relative;float: left; padding: 0 45px 0 45px; height: 200px; }
.footerStandard #footerInfo {position:relative;float: left; padding: 0 45px 0 45px; height: 200px; }
.footerStandard #footerAllgemein {position:relative;float: left; padding: 0 45px 0 45px; height: 200px; }
.footerStandard #footerAllgemein h2 a{color:#818181}
.footerStandard #footerAllgemein h3 a{color:#818181}
.footerStandard #footerFollow {position:relative;float: left; padding: 0 35px 0 45px; height: 200px; }
.footerStandard #footerFollow .follow {float:left; margin-right:10px} 
.footerStandard #footerFollow .follow IMG{width:auto; height:25px}
.footerStandard #footerKontakt {position:relative; float: right; padding: 0 0 0 0; height: 225px; margin-right:0px}
.footerStandard #footerKontakt .inner{width:100%;}
.footerStandard #footerKontakt .inner IMG{width:auto; height:90px; margin-bottom:10px}
.footerStandard a{color:#000000;}
.footerStandard a:hover{color:#D1A353;}

.footerStandard a.act{color:#D1A353;}
.footerStandard a.act:hover{color:#000000;}

 @media screen and (max-width: 1640px) {
.footerStandard #footerFollow {padding: 35px 25px 0 0; width:100% }
}

@media screen and (min-width: 1495px) and (max-width: 1595px) {
.footerStandard #footerProdukte {padding: 0 35px 0 0;}
.footerStandard #footerStandorte {padding: 0 35px 0 35px; }
.footerStandard #footerKarriere {padding: 0 35px 0 35px; }
.footerStandard #footerInfo {padding: 0 35px 0 35px; }

}

@media screen and (min-width: 1400px) and (max-width: 1495px) {
.footerStandard #footerProdukte {padding: 0 25px 0 0;  }
.footerStandard #footerStandorte {padding: 0 25px 0 25px;  }
.footerStandard #footerKarriere {padding: 0 25px 0 25px; }
.footerStandard #footerInfo {padding: 0 25px 0 25px;  }

}

@media screen and (min-width: 1320px) and (max-width: 1400px) {
.footerStandard{height: 195px}	
.footerStandard #footerKGB{padding: 0 45px 0 0; font-size:16px; height: 170px;}
.footerStandard #footerProdukte {padding: 0 25px 0 0; font-size:16px; height: 170px;}
.footerStandard #footerStandorte {padding: 0 25px 0 25px; font-size:16px; height: 170px;}
.footerStandard #footerKarriere {padding: 0 25px 0 25px; font-size:16px; height: 170px;}
.footerStandard #footerInfo {padding: 0 25px 0 25px;   font-size:16px; height: 170px;}
.footerStandard #footerFollow { font-size:16px; height: 170px;}
.footerStandard #footerKontakt { font-size:16px; height: 170px;}
.footerStandard #footerKontakt .inner IMG{height:80px; }

}

@media screen and (min-width: 1230px) and (max-width: 1320px) {
.footerStandard{height: 170px}
.footerStandard #footerKGB{padding: 0 45px 0 0; font-size:14px; height: 155px;}
.footerStandard #footerProdukte {padding: 0 25px 0 0; font-size:14px; height: 155px;}
.footerStandard #footerStandorte {padding: 0 25px 0 25px; font-size:14px; height: 155px;}
.footerStandard #footerKarriere {padding: 0 25px 0 25px; font-size:14px; height: 155px;}
.footerStandard #footerInfo {padding: 0 25px 0 25px;   font-size:14px; height: 155px;}
.footerStandard #footerFollow {font-size:14px; height: 155px;}
.footerStandard #footerKontakt { font-size:14px; height: 155px;}
.footerStandard  h2{ font-weight:100;}
.footerStandard  h3{ font-weight:100;}
}

@media screen and (min-width: 1150px) and (max-width: 1230px) {
.footerStandard{height: 220px}
.footerStandard #footerKGB{padding: 0 45px 0 0; font-size:12px; height: 155px;}
.footerStandard #footerProdukte {padding: 0 25px 0 0; font-size:12px; height: 155px;}
.footerStandard #footerStandorte {padding: 0 25px 0 25px; font-size:12px; height: 155px;}
.footerStandard #footerKarriere {padding: 0 25px 0 25px; font-size:12px; height: 155px;}
.footerStandard #footerInfo {padding: 0 25px 0 25px;   font-size:12px; height: 155px; border-right:0px solid #000000}
.footerStandard #footerFollow {width:100%;  font-size:12px; height:45px}
.footerStandard #footerKontakt { font-size:12px; height: 155px;}
.footerStandard  h2{  font-size:24px; line-height:24px; font-weight:100;}
.footerStandard  h3{  font-size:24px; line-height:24px; font-weight:100;}
}




.footerMobil{display:none; min-height: 130px; width:92%; padding: 35px 4%; background-color:#ffffff; position:relative; bottom:0; box-sizing: initial; }
@media screen and (min-width: 320px) and (max-width: 1150px) {
	.footerStandard{display:none}
	.footerMobil{display:block; font-size:16px;}
	
	.footerMobil  h2{cursor:pointer;  font-family: 'myHead', Arial, sans-serif; color:#818181;  font-size:30px; line-height:30px; font-weight:200; padding:0 !Important; margin:0 0 15px 0!Important; width:100%}
	.footerMobil  h3{cursor:pointer;  font-family: 'myHead', Arial, sans-serif; color:#818181;  font-size:30px; line-height:30px; font-weight:200; padding:0 !Important; margin:0 0 20px 0!Important; width:100%}
	
	.footerMobil #footerKontakt {position:relative; padding: 0 0 0 0; margin-bottom:25px; width:100%; text-align:left}
	.footerMobil #footerKontakt .inner {margin:0px; margin-bottom:25px;}
	.footerMobil #footerKontakt .inner IMG{width:auto; height:80px; margin-bottom:10px}
	.footerMobil #footerKGB { width:100%; margin-bottom:25px;}
	.footerMobil .footerKGB.no{display:none}
	.footerMobil .footerKGB.yes{display:block}
	.footerMobil #footerProdukte { width:100%; margin-bottom:25px;}
	.footerMobil .footerProdukte.no{display:none}
	.footerMobil .footerProdukte.yes{display:block}
	.footerMobil #footerStandorte { width:100%; margin-bottom:25px;}
	.footerMobil .footerStandorte.no{display:none}
	.footerMobil .footerStandorte.yes{display:block}
	.footerMobil #footerKarriere { width:100%; margin-bottom:25px;}
	.footerMobil .footerKarriere.no{display:none}
	.footerMobil .footerKarriere.yes{display:block}
	.footerMobil #footerInfo { width:100%; margin-bottom:25px;}
	.footerMobil .footerInfo.no{display:none}
	.footerMobil .footerInfo.yes{display:block}
	.footerMobil #footerFollow {width:100%; margin-bottom:25px;}
	.footerMobil #footerFollow .follow {float:left; margin-right:10px} 
	.footerMobil #footerFollow .follow IMG{width:auto; height:25px}

	.footerMobil  h2.open{background-image: url("./../../fileadmin/template/images/opener.png"); background-repeat:no-repeat; background-position: 100% 50%; background-size:15px auto}
	.footerMobil  h2.close{background-image: url("./../../fileadmin/template/images/closer.png"); background-repeat:no-repeat; background-position: 100% 50%; background-size:30px auto}	
}


	
	
.video-embed video {
  max-width: 100% !important;
  height: auto !important;
}	

@media screen and (min-width: 320px) and (max-width: 600px) {
.ce-gallery .video-embed iframe.video-embed-item {
	width:520px !important;
    aspect-ratio: 16 / 9;
    height: auto;
 }
}


@media screen and (min-width: 320px) and (max-width: 480px) {
.ce-gallery .video-embed iframe.video-embed-item {
	width:380px !important;
    aspect-ratio: 16 / 9;
    height: auto;
 }
}

@media screen and (min-width: 320px) and (max-width: 380px) {
.ce-gallery .video-embed iframe.video-embed-item {
	width:320px !important;
    aspect-ratio: 16 / 9;
    height: auto;
 }
}

#mainImage .innerSuperwide {width:100%; padding: 0; /*padding: 106px 0 106px 0; background-color:#e7ddc9;*/ margin: 0px auto 85px auto; }
@media only screen and (max-width: 1024px)  {
	#mainImage .innerSuperwide {width:100%;  margin: 155px auto 45px auto; }
}

#mainImage .innerSuperwide .inner {
  width: 96%;
  max-width: 1280px;
  padding:  0px 2%;
  margin: 0px auto ;
}

#mainKGB .innerKGB {
  width: 96%;
  max-width: 1280px;
  padding:  0px 2% 85px 2%;
  margin: 0px auto ;
}
