.BODY{height:auto;width:100vw;margin-bottom: 8.34rem;overflow: hidden;position: relative;
}
.section{display:flex;justify-content: center;width:100%;position: relative;}
.sectionInner{width: 100%; max-width: 1366px;}
.sectionInnerContent{width:calc(100% - 2rem);padding:0 1rem 0 1rem;position: relative;overflow: hidden;}

#home{margin-top: 8rem;}
.mLandingSection{
    max-width: 1366px;position: relative;transform: translate(-50%, 0);left: 50%; height: auto; margin: 1rem 0 0 0;position: relative ;overflow: hidden;border-radius: 1px;display: flex;flex-direction: column;align-items: center;padding-bottom: 2rem ;}
.mLandingBlur{ z-index: -10;position: absolute;height: 100%;width: 100vw ; background-color: white;}
.mLandingContent{position: relative;z-index: 10;width: calc(100% - 2rem);padding: 1rem;}
.mLandingHeadline {display: flex;justify-content: center;align-items: center;text-align: center;}
h1{font-size: 3rem;}
.mLandingHeadline h2{padding:  0 6px 0 6px;font-family: 'tahoma', Roboto , sans-serif;}
.mLandingSubHeadline{display: flex;justify-content: center;}
.mLandingSubHeadline h3{margin:  0 6px 0 6px;}
.headLineLine{height: 0;width:3rem;border: 2px solid #FFF200;border-radius: 2px;}
.mLandingMap{height: 15rem; width: calc(100% - 2rem);margin:1rem; display: flex;justify-content: center;}
.landingLocationRow{display: flex;justify-content: center;align-items: center;font-size: 1.8rem;padding: .5rem;padding-bottom: 0;color: white}

.lLocation{font-size: 1.3rem;text-align: center; margin: 0 3px 0 3px;cursor: pointer;}
.lLocation.active{font-weight: bold;text-decoration: underline;text-decoration-color:#FFF200;}
.mLandingCallRow{display: flex;justify-content: center;align-items: center;height:2.5rem; background-color: #FFF200;font-size: 2rem; font-weight: bold; margin-top: 1rem;}
/*//////////    Landing lead Form       //////////  */
.mStep{width:100%; margin-top: 2rem;}
.mLF-textFieldRow{display: flex;width:calc(100% - 2rem);margin: 1rem 1rem 0 1rem;align-items: center;}

.mLF-textField{
 border-radius: 3px; font-size: 1.1rem; font-family: sans-serif; resize: none; margin: 0 0 0 1rem ;width: calc(100% - 4rem);padding: 1rem; border: 1px solid grey;
}



@media(min-width:1366px){
  .mLandingSection{padding: 0;}
  .mLandingForm{width: calc(100% - 2rem);padding: 1rem;}
  .mStep{display: flex; justify-content: space-between; margin: 0; }
  .mLandingBlur{opacity: .8;}
  .mLF-textFieldRow{margin:0 1rem 0 0}
  .mLF-textField{margin:0}
  .mLF-button{margin:0 }
  #offer{margin-top: 2rem;}
}
@media(max-width:850px){}





/*/////// offerSection //////*/ 


#offer{height: auto;background-color: white;padding: 1rem 0 2rem 0;} 
.offerCubeOuter{display: flex;flex-direction: column;align-items: center;}
.offerCube{position: relative;width: calc(100% - 4px); aspect-ratio: 1/1;background-color: tra;border: #FFF200; margin:2rem 0 0 0;overflow: hidden;border:2px solid black;border-radius: 1.5px;}
.offerCubeBg{position: absolute;z-index: 1;display: flex;justify-content: center;align-items: center;height: 100%;width: 100%;top:0;filter: blur(3px);}
.offerCubeBlur{position:absolute;z-index: 2;height:100%; width: 100%; top:0;background-color: lightgray;opacity: 0;transition: all .5s ;}
.offerHeadline{position: absolute;transform: translate( -50% , -50% );left: 50% ; top: 50%;z-index: 4;font-size: 1.6rem;font-weight: bold; padding: .5rem;background-color: #FFF200;transition: all .6s ;border-radius: 1px;text-align: center;}
.offerCubeContent{position: relative;z-index: 3;;display: flex;flex-direction: column;justify-content: space-between;align-items: center;width: calc(100% - 2rem);height: calc(100% - 8rem);padding: 5.5rem 1rem 1rem 1rem ;opacity: 0; }
.offerCubeContent a{color:black}
.offerCubeContent h1{ margin: 0; padding: .5rem;background-color: #FFF200;border-bottom: 3px solid black;}
.offerCubeContent p{text-align: center;font-size: 1.2rem;}
.offerCubeContent ul{padding:0 ;margin: 0; font-size: 1.3rem;}
.offerCubeContent li{margin:  0 0 1rem 0;}
.offerBTN{ border: none;background-color: #FFF200;padding: .5rem;font-size: 1rem;font-weight: bold;border-radius: 1.5px;color: black;cursor: pointer;}

.offerBTN:hover{border: 2px solid black;}
.offerMap{height:9rem;padding: 1rem 0 1rem 0 ;}
.offerCubeContent.active {
  /* Initially hide the menu items */
  animation: dropIn 0.6s ease forwards; /* Apply animation */
}

@keyframes dropIn {
  from {
      transform: translateY(50px);
      
  }
  to {
      transform: translateY(0);
      opacity: 1;
  }
}


.offerHeadline.active{border-bottom: 3px solid black;background-color: #FFF200; top: 3.5rem; }
.offerCubeBlur.active{ opacity: .9;}
@media(min-width:680px){
  .offerCube{aspect-ratio: 2/1;}
  .offerCubeBg{height:auto; width:100%}
  .offerCubeBg img{height:auto; width:100%}
}

@media(min-width:1000px){
  #offer{height:100vh}
  .offerCubeOuter{display: flex;justify-content: space-between;flex-direction: row;}
  .offerCube{width: calc((100% - 3rem )/4);aspect-ratio: 1/2;}
  .offerCubeBg{height:100%; width:auto}
  .offerCubeBg img{height:100%; width:auto}
  .offerHeadline { font-size: 1.3rem;}

}
/*/////////////   About Section //////////*/

.fixedBgActivator{
  height: calc(100%);position: absolute;top: -4.5rem
}
.clearAboutWindow{
  height: auto;display: flex;justify-content: center;align-items: center;
  width: 100%;position: relative;
}
.clearAboutBlur{position: absolute;top:0;width:100%;height:100%;background-color: white;opacity: .9;}
.clearAboutContent{position: relative;z-index: 1;width: calc(100% - 2rem);padding: 1rem;}
.clearAboutContent p{text-align: center; margin-top: 1rem;font-size: 1.15rem;}
.clearAboutHeadline{display: flex;justify-content: content;align-items: center;flex-direction: column;}
.cahUnderline{height: 0;width: 4.5rem;border: 2px solid #FFF200; border-radius: 2px;}
.aboutMap{ height: 10rem;display:flex;justify-content: center;margin-top: 1rem;}
.flagRow{ display: flex;justify-content:center;align-items: center;}
.langFlag{height:2rem;margin: 1rem;box-shadow:  0 0 6px #b2b2b2; cursor: pointer;}
.langFlag.active{height:3rem}




#team{background-color: white;padding-top: 1rem;}
.aboutContent{width:100%;height: auto;background-color: white;}
.aboutHeadline{
  display: flex; justify-content: start;padding: 0 1rem 1rem 0;width: calc(100% - 2rem);position: relative;
}
.aboutHeadlineContent{position: relative;font-weight: bold;font-size: 2rem;}
.aboutHeadUnderline{position: absolute;height:0;width: 70%;border: 2px solid #FFF200; border-radius: 2px;bottom: -2rem;margin-bottom: 1rem;}
.personalBlockOuter{margin-top: 1rem;}
.personalBlock{ height:auto; width: auto; padding: 1rem;background-color: white;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.personalIMG{height: 20rem;background-color: transparent; border-radius:4px; overflow: hidden;display: flex;justify-content: center;align-items: end;overflow: hidden;}
.personalIMG img{}
.personalName{font-size:2rem;font-weight: 600;padding-top: 1rem;}
.personalDivider{
  height: 0;width: 4rem;border: 2px solid #FFF200;border-radius: 2px;margin:1rem;
}
.personalFunction{ font-size: 1.4rem;font-weight: 500;padding-bottom: .5rem;text-align: center;}
.personalTime{font-size: 1.4rem;font-weight: 500;padding-bottom: .5rem;}
.personalInterests{font-size:1.4rem;font-weight: 500;}

@media(min-width:1050px){
.personalBlockOuter{display: flex;justify-content: space-around;align-items: start;flex-direction: row;}

}
/*////////    FAQ    ////////////*/

#faq{
  background-color: white;
  padding-top: 1rem;
}
.faqCol{ margin-top: 1rem;padding-bottom: 2rem;position: relative; }
.faqMore{position: absolute;bottom: 1rem;right:1rem;}
.faqMore a{padding: 1rem 0 1rem ;color:black;text-decoration: none;}
.faqMore a:hover{text-decoration: underline;}
.faqBlock{width:100%;margin-bottom: 1rem;border-radius: 4px;overflow: hidden;}
.questRow{width: calc(100% -2rem);background-color: #e4e6e8;display: flex;justify-content: start;align-items: center;padding: 1rem;}
.faqArrow{height:2rem; aspect-ratio: 1/1; margin-right: 1rem;display: flex;justify-content: center;align-items: center;}
.faqArrowIMG{transition:all .5s;}
.faqQuest{font-size: 1.5em;font-weight: bold;color:black}
.faqAnswer{background-color: #e4e6e8;width:calc(100%);transition:all .5s  ;height: 0;overflow: hidden;}
.faqAnswerInner{padding: 1rem;}
.faqAnswerTxt{padding: 1rem;font-size: 1.2rem;}

.questRow.active{background-color: #FFF200;}
.faqArrowIMG.active{rotate: 90deg;transition:all .5s;}
.faqAnswer.active{height: auto;}



/*/////// mid ConatctSection /////*/


#contact{
  width: 100% - 2rem;padding: 2rem 0 2rem 0;background-color: #FFF200;
}



/*/// contactSection ////*/


#c2{background-color: #FFF200;padding: 1rem 0 1rem 0;} 
.yellowSubH{margin-top: .5rem;font-size: 1.2rem;}
.yellowSubH a{color:black}
.contIconRow{position: relative;;display: flex;align-items: center;justify-content: start;margin-top: 1rem;}
.contIconIMG{height: 3rem; width:63.04px; display: flex;justify-content: center;margin-right: 1rem;}
.contIconRow a{color: black;font-size: 1.5rem; font-weight: bold;text-decoration:underline;}
.contIconRow a:hover{text-decoration: underline;}

/*///// bottomForm ////*/

.botForm{width:100%;padding: 1rem 0 1rem 0 ;}
.botForm{width:100%;position: relative;}
.botFormInputInfo{width:calc(100% - 1rem ); font-size: 1.1rem;padding: .5rem;border:none; font-family: sans-serif;resize: none;border-radius: 2px;}
.botFormInputSelect{width:100%; font-size: 1.1rem;padding: .5rem;border:2px solid black; font-family: sans-serif;margin: .3rem 0 .3rem 0; border:none;background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMTYuNTlMMTguNzEgOS44OCAxNy4yOSA4LjQ2TDEyIDEzLjdMMTIgMTMuNzI5TDYuNzEgOC40NkE3LjczIDcuNzMgMCAwMCA1LjU5IDEwLjcxbDQuMjkgNC4yOEE3Ljc0IDcuNzQgMCAwMCA3LjcgMTYuNTlMMTggMTYuNTkiLz48L3N2Zz4=') no-repeat right center; /* Custom arrow image */
  background-size: 2rem; /* Size of the custom arrow */
  background-color: white;border-radius: 2px;
  -webkit-appearance: none; /* Remove default arrow in WebKit browsers */
  -moz-appearance: none; /* Remove default arrow in Firefox */
  appearance: none;color: black;}
.or{margin: .3rem 0 .3rem 8px;}
.botFormConsent{display: flex;align-items: start;justify-content: space-between;width:100%; margin-top: 1rem;}
.botFormConsent p{text-align: start;}
.botFormConsent a{color:black;}
#botFormConsent{margin: 3px 1.5rem 0 0;height:1rem;aspect-ratio: 1/1;}
/* Hide the default checkbox */
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1rem;
  height: 1rem;
  border: 1px solid #ccc;
  border-radius: 4px; /* Optional: for rounded corners */
  background-color: #fff;
  cursor: pointer;
  position: relative;
}

/* Create a custom checkmark */
input[type="checkbox"]::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #000; /* Color of the check mark */
  border-radius: 2px;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s ease-in-out;
}

/* Show the checkmark when checked */
input[type="checkbox"]:checked::after {
  transform: translate(-50%, -50%) scale(1);
}

#botFormSubmit{ -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;;margin-top: 1rem;font-size: 1.4rem;background-color: white; border: none;padding: .5rem 1rem .5rem 1rem ;border-radius: 4px;border: 2px solid white;color:black; font-family: 'Open Sans', sans-serif;;}
#botFormSubmit:hover{border:2px solid black;cursor: pointer;}

/*////  rezenSection //////////*/

#reviews{background-color: white;padding-bottom: 1rem; }
.rezenHeadline{ padding: 1rem 0 1rem 0;}
.rezenHeadlineAct{font-size: 2rem;font-weight: bold;margin: 0;}
.GOOGLEPic{height:4rem}
.rezenHeadStars{height:1.5rem; display: flex;margin-bottom: .3rem;}
.rezenSlider{position: relative;width:100%;height: auto;background-color: white;overflow: hidden;}
.sliderBTN{position: absolute;top: 50%;transform: translate(0, -50%);z-index: 1; background-color: transparent;border: none;height:2rem;opacity: .2;cursor:pointer}
#rSlLeft{left: 0;}
#rSlRight{right:0;}
.rSlLeftIMG{transform: rotate(180deg);}
.slideRow{display: flex;height: auto; transition: transform 0.5s ease;cursor:pointer}
.slide{width:100%;display: flex;justify-content: center;align-items: center;height: auto;flex: 0 0 100%;cursor: pointer;}
.slideContent{width: calc(100% - 2rem);padding: 1rem;display: flex;justify-content: center;align-items: center;cursor:pointer;height: auto;}

/*google Fakes*/
.googleBox{width:calc(100% - 4rem - 4px);max-height: calc(100% - 2rem - 4px);padding: 1rem;background-color: white;border: 1px solid #b2b2b2;border-radius: 1rem;position: relative;box-shadow:  0 3px 6px #b2b2b2}
.renzGoogleLogo{position: absolute;right: 1rem ;top:1rem;height: 3rem;}
.renzRow{display: flex;align-items: center;}
.renzPic{height:4rem; aspect-ratio: 1/1;overflow: hidden;display: flex;justify-content: center;align-items: center;border-radius: 50%;background-color: #b2b2b2;}
.renzRowInner{margin-left: .5rem;}
.renzName{font-size: 1.3rem;font-weight:bold;}
.renzDate{color:grey;margin-top: .2rem;}
.renzStars{display: flex;height: 1.8rem; margin: 1rem 0 1rem 0;}
.renzTXT{max-height: 15rem;overflow: hidden; word-wrap: break-word; /* Für ältere Browser */
  overflow-wrap: break-word;}

.rezenFoot{display: flex;flex-direction: column;align-items: center;width: calc(100% - 2rem);padding: 0 1rem 1rem 1rem;}
.rezenFtop{ margin-bottom: .3rem;}
.rezenFrow{height: 2rem; display: flex;justify-content: center;align-items: center;}
/*//////  FooterSection ////////*/

#footer{ padding-top: 1rem;background-color: white;position: relative;margin-bottom: 2rem;}
.footerRow{display: flex;justify-content: space-between;align-items: center;color: black;text-decoration-color:#FFF200;text-decoration: none;}
.footerRow h1{font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;text-decoration: underline;text-decoration-color:#FFF200;}
.aboutHeadlineContent.foot{}

.upBTN{height: 3rem;aspect-ratio: 1/1;display: flex;justify-content: center;align-items: center;padding: .5rem;border: 2px solid #FFF200;background-color: #FFF200;border-radius: 3px;cursor: pointer;}
.upBTN:hover{background-color: #FFF200;border: 2px solid black;}
.contIconRow.foot{align-items: start;}
.contIconRow.foot a{text-decoration: none;text-decoration-color: #FFF200;}
.contIconRow.foot a:hover{text-decoration: underline;text-decoration-color: #FFF200;}
.contIconIMG.foot{height:2rem}
.footReview{height:5rem; display: flex;justify-content: center;margin-top: 2rem;}
.footLine{height:0;width:100%;border:2px solid #FFF200; border-radius: 2px;margin-top: 1rem;}


/*//////////  Sublanding  ///////// */

.subLanding{margin-top:5rem;padding: 0 0 3rem 0;}
.subHeadline{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.subHeadline h1{margin: 0 0 1rem 0 ;font-size: 3rem;}
#impressum{background-color: white;padding:2rem 0 5rem 0;}
#impressum br{height: 1rem;}
.morePadding{padding-bottom: 2rem;}
#datenschutz{background-color: white;}
.Datenschutzpart{padding: .5rem 0 .5rem 0 ;}
.faq{background-color: white;padding-top: 5rem;}


.yellowSubH a{font-weight: bold;}
.yellowSubH a:hover{text-decoration: underline;text-decoration-color: black;}

.sightTitleMain h3{font-size: 3rem;}