.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{}
/*/////// landingSection //////*/ 
.landingLineOne{width: calc(100%);height:0; border: 2px solid white ;border-radius: 2px; margin:  1rem 0 1rem 0;margin-top: 75vh;}
.qLinkRow{display: flex;justify-content: center;align-items: center;margin-bottom: 1rem;}
.curBTN{color:white; font-size: 1.5rem;font-weight: bold;background-color: #f18619; border-radius: 5rem;border:3px solid #f18619; padding: .5rem;text-decoration: none !important;}
.curBTN:hover{background-color: transparent;}
.dwnLineLanding{height: 2rem;width:0;border:2px solid white; border-radius: 2px;margin:0 2rem 0 2rem}
.driveBTN {
  position: relative;
  background-color: transparent;
  border: none;
  color: white;
  font-size: 1.5rem;
  padding: 5px;
  cursor: pointer;
  text-decoration: none; /* Remove any default text decoration */
  outline: none;
  overflow: hidden; /* Ensure the underline doesn’t overflow the button */
}
.driveBTN::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  border-radius: 1.5px;
  background-color: white; /* Underline color */
  bottom: 0;
  left: 0;
  transform: scaleX(0); /* Initially hidden */
  transform-origin: bottom right; /* Start animation from the right */
  transition: transform 0.3s ease-out;
}

/* Hover effect */
.driveBTN:hover::before {
  transform: scaleX(1); /* Expand the underline */
  transform-origin: bottom left; /* Animate from left to right */
}
/* ////// aktuelles /////////*/
#aktuelles{background-color: white;}
.latest-post-section{margin-top: .75rem}

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


#offer{height: auto;background-color: white;padding: 1rem 0 2rem 0;} 
.offerCubeOuter{display: flex;flex-direction: column;align-items: center; color:white}
.offerCube{position: relative;width: calc(100% - 4px); aspect-ratio: 1/1.3;background-color: tra;border: #f18619; margin:2rem 0 0 0;overflow: hidden;border:2px solid #253f64;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: #253f64;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: #CFFF04;color:#343e5f;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:white}
.offerCubeContent h1{ margin: 0; padding: .5rem;background-color: #CFFF04;border-bottom: 3px solid white;}
.offerCubeContent p{text-align: center;font-size: 1.2rem;color: white;}
.offerCubeContent ul{padding:0 ;margin: 0; font-size: 1.3rem;}
.offerCubeContent li{margin:  0 0 1rem 0;}
.offerBTN{ border: none;background-color: #CFFF04;padding: .5rem;font-size: 1rem;font-weight: bold;border-radius: 1.5px;color: #343e5f;cursor: pointer;}
.offerCubeContent .offerBTN {
    color: #343e5f;
    text-decoration: none;
}

.offerCubeContent p a {color:#253f64 }

.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{background-color: #CFFF04; 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:auto;padding:1rem 0 3rem 0;}
  .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.3rem;color:#343e5f}
.clearAboutHeadline{display: flex;justify-content: content;align-items: center;flex-direction: column;color:#343e5f}
.cahUnderline{height: 0;width: 4.5rem;border: 2px solid #f18619; border-radius: 2px;color:#343e5f}
.aboutMap{ height: 40vh;display:flex;justify-content: center;margin-top: 1rem;}
.aboutMap img{width:100vw}
.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 #f18619; 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 {
    width: 100%;
    max-width: 18rem;
    height: 20rem;
    background-color: transparent;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: end;
}

.personalIMG img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: 100%;
    object-fit: contain;
}
.personalName{font-size:2rem;font-weight: 600;padding-top: 1rem;text-align: center;}
.personalDivider{
  height: 0;width: 4rem;border: 2px solid #f18619;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:100%;
    background-color:#e4e6e8;
    display:flex;
    justify-content:start;
    align-items:center;
    padding:1rem;
    border:0;
    font:inherit;
    color:inherit;
    text-align:left;
    cursor:pointer;
}

.questRow:focus-visible{
    outline:3px solid #f18619;
    outline-offset:-3px;
}
.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;}
.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: #343e5f;color:white}
.faqArrowIMG.active{rotate: 90deg;transition:all .5s;filter: invert(100%);}
.faqAnswer.active{height: auto;}


#agb{background-color: white;}
/*/////// mid ConatctSection /////*/


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



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


#c2{background-color: #f18619;padding: 1rem 0 1rem 0;color:white} 
.yellowSubH{margin-top: .5rem;font-size: 1.2rem;}
.yellowSubH a{color:#343e5f}
.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: #343e5f;font-size: 1.5rem; font-weight: bold;text-decoration:underline;text-decoration-color: #CFFF04;}
.contIconRow a:hover{text-decoration: underline;}

/*///anmeldung Section ///*/
#anmeldung{background-color: white;}

#anmeldung p { margin-top: 1rem; font-size: 1.4rem;}

#anmeldung a { font-size: 1.8rem; margin: 1rem 1rem 1rem 0;width: calc(100% - 2rem); word-wrap: break-word; /* Break long words (like URLs) onto the next line */
  overflow-wrap: break-word; /* Ensure compatibility across browsers */
  white-space: normal; /* Allow wrapping */
  display: inline-block; /* Keep it inline but allow wrapping */}

.anmeldungQR {height: 30vh; margin: 1.5rem  0 3rem 0 ; }

/*/// download Section ///*/


#downloads{background-color:white; }
.documents-list{list-style: none;display: flex;flex-direction: row;justify-content: space-evenly;padding: 0;}
.downloadPDF{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.pdfIconContainer{height: 5rem;}



/*///// 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{color:#343e5f; font-size: 2rem;height: 3rem;}
.aboutHeadlineContent.foot img {height:100%}


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

.specialFootIMG{padding: 0 15px 0 15px;}


/*//////////  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;}


/* ----------------------------
   TRAINER RESPONSIVE
---------------------------- */

.personalBlockOuter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 2rem;
}


/* Desktop: maximal 3 Trainer pro Zeile */
.personalBlock {
    flex: 0 1 calc(33.333% - 2rem);
    min-width: 0;
    box-sizing: border-box;
}


/* Trainerbild */
.personalIMG {
    width: 100%;
    max-width: 18rem;
    margin-left: auto;
    margin-right: auto;
}

.personalIMG img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}


/* ----------------------------
   TABLET
---------------------------- */

@media (max-width: 900px) {

    .personalBlock {
        flex: 0 1 calc(50% - 1rem);
    }

}


/* ----------------------------
   MOBILE / IPHONE
---------------------------- */

@media (max-width: 600px) {

    .personalBlockOuter {
        gap: 2.5rem;
    }

    .personalBlock {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }

    .personalIMG {
        width: 100%;
        max-width: 16rem;
        margin-left: auto;
        margin-right: auto;
    }

}


#faqArchive{background-color: white;}

/* MOBILE TEAM - MAX 2 TRAINERS */

@media (max-width: 600px) {

    #team.lts-team-preview .personalBlockOuter > .personalBlock:nth-child(n+3) {
        display: none;
    }

}
/* =========================================
   UP BUTTON - BACK TO TOP
========================================= */

/* DEFAULT STATE */
.upBTN {
    height: 3rem;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;

    background-color: #343e5f;
    border: 2px solid #343e5f;
    border-radius: 3px;

    cursor: pointer;

    transition: background-color .2s ease,
                border-color .2s ease;
}

/* WHITE ARROW */
.upBTN img {
    display: block;
    max-height: 100%;
    width: auto;

    filter: brightness(0) invert(1);

    transition: filter .2s ease;
}

/* HOVER STATE */
.upBTN:hover {
    background-color: white;
    border-color:#343e5f ;
}

/* DARK BLUE ARROW ON HOVER */
.upBTN:hover img {
    filter: brightness(0) saturate(100%)
            invert(23%) sepia(17%)
            saturate(1469%) hue-rotate(187deg)
            brightness(92%) contrast(90%);
}

/* KEYBOARD FOCUS */
.upBTN:focus-visible {
    outline: 2px solid #343e5f;
    outline-offset: 3px;
}

.lts-legal-section {
    background-color: white;
    padding: 2rem 0 5rem 0;
}

.lts-legal-content {
    color: #343e5f;
    font-size: 1.1rem;
    line-height: 1.7;
}

.lts-legal-content > *:first-child {
    margin-top: 0;
}

.lts-legal-content > *:last-child {
    margin-bottom: 0;
}

.lts-legal-content h2 {
    position: relative;
    font-size: 2rem;
    line-height: 1.2;
    margin: 3rem 0 2rem 0;
    padding-bottom: 1rem;
    color: #343e5f;
}

.lts-legal-content h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 4.5rem;
    border-bottom: 4px solid #f18619;
    border-radius: 2px;
}

.lts-legal-content h3 {
    font-size: 1.4rem;
    line-height: 1.3;
    margin: 2rem 0 .75rem 0;
    color: #343e5f;
}

.lts-legal-content h4 {
    font-size: 1.2rem;
    margin: 1.5rem 0 .5rem 0;
    color: #343e5f;
}

.lts-legal-content p {
    margin: 0 0 1.25rem 0;
}

.lts-legal-content ul,
.lts-legal-content ol {
    margin: 0 0 1.5rem 0;
    padding-left: 2rem;
}

.lts-legal-content li {
    margin-bottom: .5rem;
}

.lts-legal-content a {
    color: #343e5f;
    text-decoration: underline;
    text-decoration-color: #f18619;
    text-underline-offset: 3px;
}

.lts-legal-content a:hover {
    text-decoration-color: #CFFF04;
}

.lts-legal-content strong {
    font-weight: 700;
}

@media (max-width: 680px) {

    .lts-legal-content {
        font-size: 1rem;
    }

    .lts-legal-content h2 {
        font-size: 1.6rem;
    }

    .lts-legal-content h3 {
        font-size: 1.25rem;
    }

    .subHeadline h1 {
        font-size: 2.2rem;
        text-align: center;
    }
}

/* =========================================
   LEGAL PAGES
========================================= */

.lts-legal-page .subLanding {
    padding-bottom: 2rem;
}


/* LEGAL NAVIGATION */

.lts-legal-toc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .75rem;
    margin-top: 1.75rem;
}


.lts-legal-toc a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 2.75rem;

    padding: .55rem 1rem;

    border: 2px solid #343e5f;
    border-radius: 3px;

    background-color: white;
    color: #343e5f;

    font-weight: 700;
    text-decoration: none;

    transition:
        background-color .2s ease,
        color .2s ease;
}


.lts-legal-toc a:hover {
    background-color: #343e5f;
    color: white;
}


.lts-legal-toc a:focus-visible {
    background-color: #343e5f;
    color: white;

    outline: 2px solid #f18619;
    outline-offset: 3px;
}


/* SECTIONS */

.lts-legal-section {
    scroll-margin-top: 6rem;
}


/* TEXT WIDTH */

.lts-legal-content {
    width: 100%;
    max-width: 58rem;

    margin-left: auto;
    margin-right: auto;
}


.lts-legal-content > h2:first-child {
    margin-top: 0;
}


/* MOBILE */

@media (max-width: 680px) {

    .lts-legal-toc {
        flex-direction: column;
        align-items: stretch;
    }


    .lts-legal-toc a {
        width: 100%;
        box-sizing: border-box;
    }

}