/* ==========================================================
   GLOBAL COMPONENTS CSS V2.0 BEGINNT
   EINHEITLICHE TYPOGRAFIE + KOMPONENTEN
========================================================== */

/* ==========================================================
   HERO
========================================================== */

.fold-hero{
    padding:90px 40px;
    background:var(--fold-surface);
}

.fold-hero__inner{
    width:100%;
    max-width:1100px;
    margin:0 auto;
}

.fold-hero__content{
    max-width:760px;
}

.fold-hero__eyebrow{
    display:block;
    margin:0 0 16px;

    color:#A97900;

    font-family:"Inter",Arial,sans-serif;
    font-size:12px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.fold-hero__title{
    display:block;
    margin:0;
    padding:0;

    color:var(--fold-text);

    font-family:"Oswald",Arial,sans-serif;
    font-size:64px;
    font-weight:600;
    line-height:1.02;
    letter-spacing:-.02em;
    text-transform:none;

    white-space:normal;
    word-break:normal;
    overflow-wrap:normal;
    hyphens:none;
}

.fold-hero__title--light{
    color:#FFFFFF;
}

.fold-hero__line{
    display:block;
    width:70px;
    min-width:70px;
    max-width:70px;
    height:4px;
    min-height:4px;
    max-height:4px;
    margin:24px 0 30px;

    background:var(--fold-accent);
    border:0;
    border-radius:999px;
}

.fold-hero__text{
    max-width:620px;
    margin:0;
    font-size:19px;
    line-height:1.65;
}

.fold-hero__actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:40px;
}

.fold-button{
    min-width:170px;
}

/* ==========================================================
   SECTION HEADER
========================================================== */

.fold-section-header{
    max-width:980px;
    margin-bottom:48px;
}

.fold-eyebrow{
    display:block;
    margin:0 0 16px;

    color:#A97900;

    font-family:"Inter",Arial,sans-serif;
    font-size:12px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.fold-title{
    display:block;
    margin:0;
    padding:0;

    color:var(--fold-text);

    font-family:"Oswald",Arial,sans-serif;
    font-size:54px;
    font-weight:600;
    line-height:1.07;
    letter-spacing:-.015em;
    text-transform:none;

    white-space:normal;
    word-break:normal;
    overflow-wrap:normal;
    hyphens:none;
}

.fold-title--light{
    color:#FFFFFF;
}

.fold-title-line{
    display:block;
    width:70px;
    min-width:70px;
    max-width:70px;
    height:4px;
    min-height:4px;
    max-height:4px;
    margin:24px 0 30px;

    background:var(--fold-accent);
    border:0;
    border-radius:999px;
}

.fold-text{
    max-width:680px;
    margin:0;
    font-size:19px;
    line-height:1.7;
}

/* ==========================================================
   CARDS
========================================================== */

.fold-card{
    padding:36px;
    background:var(--fold-surface);
    border:1px solid var(--fold-border);
    border-radius:var(--fold-radius);
    transition:transform .25s ease, box-shadow .25s ease;
}

.fold-card:hover{
    transform:translateY(-4px);
    box-shadow:var(--fold-shadow);
}

.fold-card h3{
    margin-bottom:16px;
}

.fold-card p:last-child{
    margin-bottom:0;
}

/* ==========================================================
   IMAGE
========================================================== */

.fold-image{
    overflow:hidden;
    border-radius:var(--fold-radius);
}

.fold-image img{
    display:block;
    width:100%;
    height:auto;
    transition:transform .35s ease;
}

.fold-image:hover img{
    transform:scale(1.03);
}

/* ==========================================================
   FEATURE
========================================================== */

.fold-feature{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.fold-feature-title{
    font-size:28px;
}

.fold-feature-text{
    color:var(--fold-text-light);
}

/* ==========================================================
   CTA
========================================================== */

.fold-cta{
    padding:80px;
    background:var(--fold-surface);
    border:1px solid var(--fold-border);
    border-radius:var(--fold-radius-lg);
    text-align:center;
}

.fold-cta .fold-text{
    margin-left:auto;
    margin-right:auto;
}

/* ==========================================================
   QUOTE
========================================================== */

.fold-quote{
    padding:48px;
    background:var(--fold-surface);
    border-left:5px solid var(--fold-accent);
    border-radius:var(--fold-radius);
}

/* ==========================================================
   NUMBER
========================================================== */

.fold-number{
    font-family:"Oswald",Arial,sans-serif;
    font-size:80px;
    font-weight:600;
    line-height:1;
    color:var(--fold-accent);
}

/* ==========================================================
   FEATURE GRID
========================================================== */

.fold-feature-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:32px;
}

.fold-feature-card{
    padding:32px;
    background:var(--fold-surface);
    border:1px solid var(--fold-border);
    border-radius:var(--fold-radius);
}

.fold-feature-card h3{
    margin:0 0 16px;
    font-size:28px;
}

.fold-feature-card p{
    margin:0;
    color:var(--fold-text-light);
}

/* ==========================================================
   GLOBAL COMPONENTS CSS V2.0 ENDET
========================================================== */

/* ==========================================================
   FOLD SUPPORT COMPONENTS CSS V5.0 BEGINNT
   ALLE TITEL WIE „ALLES RUND UM DEIN FOLD.“
========================================================== */

.fold-support-page{
  --fs-yellow:#FACA30;
  --fs-yellow-hover:#FFD743;
  --fs-black:#111111;
  --fs-text:#4B4F56;
  --fs-surface:#F7F7F4;
  --fs-border:#E9E9E3;
  --fs-radius:28px;

  position:relative;
  left:50%;

  width:min(94vw,1680px);
  max-width:none;

  margin:0;
  padding:56px 0 96px;

  transform:translateX(-50%);

  color:var(--fs-black);
  font-family:"Inter",Arial,sans-serif;
}

.fold-support-page *,
.fold-support-page *::before,
.fold-support-page *::after{
  box-sizing:border-box;
}

.fold-support-page h1,
.fold-support-page h2,
.fold-support-page h3,
.fold-support-page p{
  margin-top:0;
}

.fold-support-page h1,
.fold-support-page h2,
.fold-support-page h3{
  margin-bottom:0;
  font-family:"Oswald",Arial,sans-serif;
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.01em;
  text-transform:none;
  color:var(--fs-black);
}

/* ==========================================================
   1. HERO + EINHEITLICHE TITEL
========================================================== */

.fold-support-hero{
  width:100%;
  max-width:none;
  margin:0 0 44px;
}

.fold-support-eyebrow{
  display:block;
  margin:0 0 14px;

  font-size:12px;
  font-weight:800;
  line-height:1;
  letter-spacing:.15em;
  text-transform:uppercase;
  white-space:nowrap;

  color:#A97900;
}

.fold-support-title,
.fold-support-section-title{
  width:max-content;
  max-width:100%;
  margin:0;

  font-family:"Oswald",Arial,sans-serif;
  font-size:54px;
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.01em;
  white-space:nowrap;
  text-transform:none;

  color:var(--fs-black);
}

.fold-support-line{
  width:70px !important;
  max-width:70px;
  height:4px;

  margin:20px 0 24px;

  background:var(--fs-yellow);
  border-radius:999px;
}

.fold-support-intro,
.fold-support-section-text{
    max-width:1280px;
}

.fold-support-section-text{
    font-size:18px;
    line-height:1.7;
    white-space: normal;
    color:var(--fs-text);
}

/* ==========================================================
   2. SCHNELLNAVIGATION
========================================================== */

.fold-support-nav{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}

.fold-support-nav a{
  width:150px;
  min-width:150px;
  min-height:44px;
  padding:0 18px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  background:#FFFFFF;
  border:1px solid var(--fs-border);
  border-radius:999px;

  color:var(--fs-black) !important;

  font-size:14px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  text-align:center;
  text-decoration:none !important;

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

.fold-support-nav a:hover,
.fold-support-nav a:focus,
.fold-support-nav a:active,
.fold-support-nav a:visited{
  color:var(--fs-black) !important;
  text-decoration:none !important;
}

.fold-support-nav a:hover{
  background:#FFFDF4;
  border-color:var(--fs-yellow);
  transform:translateY(-1px);
}

/* ==========================================================
   3. SECTIONEN
========================================================== */

.fold-support-section{
  padding:48px 0;
  border-top:1px solid var(--fs-border);
}

.fold-support-section--last{
  padding-bottom:0;
}

.fold-support-section-head{
  width:100%;
  max-width:none;
  margin-bottom:28px;
}

/* ==========================================================
   4. GEMEINSAME KARTEN
========================================================== */

.fold-support-card{
  position:relative;
  min-width:0;

  display:flex;
  flex-direction:column;

  overflow:hidden;

  background:var(--fs-surface);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-radius);

  box-shadow:none;
  transform:none;
  transition:none;
}

.fold-support-card::before{
  content:"";

  width:100%;
  height:5px;
  flex:0 0 5px;

  background:var(--fs-yellow);
}

.fold-support-card:hover{
  background:var(--fs-surface);
  border-color:var(--fs-border);
  box-shadow:none;
  transform:none;
}

.fold-support-card h3{
  width:max-content;
  max-width:100%;
  margin:0 0 12px;

  font-family:"Oswald",Arial,sans-serif;
  font-size:30px;
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.01em;
  white-space:nowrap;
  text-transform:none;
}

.fold-support-card p{
  margin:0;

  font-size:16px;
  line-height:1.62;
  white-space:normal;

  color:var(--fs-text);
}

.fold-support-card-label{
  display:block;
  margin:0 0 14px;

  font-size:12px;
  font-weight:800;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:nowrap;

  color:#A97900;
}

/* ==========================================================
   5. DOWNLOADS
========================================================== */

.fold-support-download-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.fold-support-download-card{
  min-height:300px;
  padding:0 32px 30px;
}

.fold-support-download-card > div{
  padding-top:32px;
}

.fold-support-download-card .fold-support-button{
  margin-top:auto;
}

/* ==========================================================
   6. VIDEOS
========================================================== */

.fold-support-video-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.fold-support-video-card{
  min-height:240px;
  padding:0 28px 28px;
}

.fold-support-play{
  width:50px;
  height:50px;
  margin:28px 0 24px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:var(--fs-yellow);
  border-radius:50%;

  color:var(--fs-black);
  font-size:16px;
}

/* ==========================================================
   7. FAQ
========================================================== */

.fold-faq-list{
  border-top:1px solid var(--fs-border);
}

.fold-faq-item{
  border-bottom:1px solid var(--fs-border);
}

.fold-faq-question{
  width:100%;
  min-height:68px;
  padding:0;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;

  background:transparent !important;
  border:0;

  color:var(--fs-black) !important;

  font-family:"Inter",Arial,sans-serif;
  font-size:16px;
  font-weight:700;
  line-height:1.3;
  white-space:nowrap;
  text-align:left;

  cursor:pointer;
}

.fold-faq-question i{
  width:38px;
  height:38px;
  flex:0 0 38px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:var(--fs-surface);
  border:1px solid var(--fs-border);
  border-radius:50%;

  font-style:normal;
  font-size:20px;
  font-weight:500;
}

.fold-faq-answer{
  display:none;
  max-width:1100px;
  padding:0 56px 24px 20px;

  border-left:4px solid var(--fs-yellow);

  font-size:16px;
  line-height:1.68;
  white-space:normal;

  color:var(--fs-text);
}

.fold-faq-item.is-open .fold-faq-answer{
  display:block;
}

/* ==========================================================
   8. SERVICE
========================================================== */

.fold-support-service{
  margin:48px 0;
  padding:48px;

  display:grid;
  grid-template-columns:minmax(0,1fr) 160px;
  gap:48px;
  align-items:center;

  background:var(--fs-surface);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-radius);
}

.fold-support-service-copy{
  max-width:none;
}

.fold-support-service-mark{
  width:130px;
  height:130px;
  justify-self:end;

  display:flex;
  align-items:center;
  justify-content:center;

  background:#FFFFFF;
  border:1px solid var(--fs-border);
  border-radius:50%;

  font-family:"Oswald",Arial,sans-serif;
  font-size:62px;
  font-weight:600;
}

.fold-support-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:26px;
}

/* ==========================================================
   9. GEMEINSAME BUTTONS
========================================================== */

.fold-support-button{
  width:220px;
  min-width:220px;
  min-height:48px;
  padding:0 22px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  border-radius:999px;

  color:var(--fs-black) !important;

  font-family:"Inter",Arial,sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  text-align:center;
  text-decoration:none !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background-color .22s ease,
    border-color .22s ease;
}

.fold-support-button:hover,
.fold-support-button:focus,
.fold-support-button:active,
.fold-support-button:visited{
  color:var(--fs-black) !important;
  text-decoration:none !important;
}

.fold-support-button--yellow{
  background:var(--fs-yellow);
  border:1px solid var(--fs-yellow);
}

.fold-support-button--light{
  background:#FFFFFF;
  border:1px solid #D9D9D4;
}

.fold-support-button:hover{
  transform:translateY(-2px);
  box-shadow:0 9px 20px rgba(0,0,0,.09);
}

.fold-support-button--yellow:hover{
  background:var(--fs-yellow-hover);
  border-color:var(--fs-yellow-hover);
}

.fold-support-button--light:hover{
  border-color:var(--fs-yellow);
}

/* ==========================================================
   10. WEITERE THEMEN
========================================================== */

.fold-support-topic-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
}

.fold-support-topic-card{
  min-height:250px;
  padding:0 20px 22px;
}

.fold-support-topic-card h3{
  margin-top:26px;

  font-family:"Oswald",Arial,sans-serif;
  font-size:30px;
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.01em;
  white-space:nowrap;
  text-transform:none;
}

.fold-support-topic-card p{
  margin-bottom:24px;
  white-space:normal;
}

.fold-support-topic-card a{
  width:100%;
  min-height:44px;
  margin-top:auto;
  padding:0 14px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  background:#FFFFFF;
  border:1px solid #D9D9D4;
  border-radius:999px;

  color:var(--fs-black) !important;

  font-family:"Inter",Arial,sans-serif;
  font-size:13px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  text-align:center;
  text-decoration:none !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background-color .22s ease,
    border-color .22s ease;
}

.fold-support-topic-card a:hover,
.fold-support-topic-card a:focus,
.fold-support-topic-card a:active,
.fold-support-topic-card a:visited{
  color:var(--fs-black) !important;
  text-decoration:none !important;
}

.fold-support-topic-card a:hover{
  background:var(--fs-yellow);
  border-color:var(--fs-yellow);

  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(0,0,0,.08);
}

/* ==========================================================
   FOLD SUPPORT COMPONENTS CSS V5.0 ENDET
========================================================== */

/* ==========================================================
   FOLD EVENTS COMPONENTS CSS V3.0 BEGINNT
========================================================== */


/* ==========================================================
   0. SEITENBASIS
========================================================== */

.fold-events-page{
  --fe-yellow:#FACA30;
  --fe-yellow-hover:#FFD743;
  --fe-yellow-dark:#A97900;

  --fe-black:#111111;
  --fe-text:#4B4F56;
  --fe-muted:#747980;

  --fe-white:#FFFFFF;
  --fe-surface:#F7F7F4;
  --fe-border:#E9E9E3;

  --fe-radius:28px;
  --fe-card-radius:22px;

  position:relative;
  left:50%;

  width:min(94vw,1680px);
  max-width:none;

  margin:0;
  padding:48px 0;

  transform:translateX(-50%);

  color:var(--fe-black);

  font-family:"Inter",Arial,sans-serif;
}

.fold-events-page,
.fold-events-page *,
.fold-events-page *::before,
.fold-events-page *::after{
  box-sizing:border-box;
}

.fold-events-page h1,
.fold-events-page p{
  margin-top:0;
}

.fold-events-page a{
  color:inherit;
}


/* ==========================================================
   1. HERO
========================================================== */

.fold-events-hero{
  width:100%;

  margin:0;
  padding:56px 60px;

  background:var(--fe-surface);
  border:1px solid var(--fe-border);
  border-radius:var(--fe-radius);
}

.fold-events-hero__content{
  width:100%;
  max-width:960px;
}


/* ==========================================================
   2. EYEBROW
========================================================== */

.fold-events-eyebrow{
  display:block;

  margin:0 0 14px;

  color:var(--fe-yellow-dark);

  font-family:"Inter",Arial,sans-serif;
  font-size:12px;
  font-weight:800;
  line-height:1.15;
  letter-spacing:.16em;

  text-transform:uppercase;
}


/* ==========================================================
   3. HERO-ÜBERSCHRIFT
========================================================== */

.fold-events-title{
  display:block;

  width:100%;
  max-width:100%;

  margin:0;
  padding:0;

  color:var(--fe-black);

  font-family:"Oswald",Arial,sans-serif;
  font-size:50px;
  font-weight:600;
  line-height:1.07;
  letter-spacing:-.01em;

  text-transform:none;

  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}


/* ==========================================================
   4. GELBE LINIE
========================================================== */

.fold-events-line{
  display:block;

  width:70px;
  min-width:70px;
  max-width:70px;

  height:4px;
  min-height:4px;
  max-height:4px;

  margin:22px 0 28px;

  background:var(--fe-yellow);
  border:0;
  border-radius:999px;
}


/* ==========================================================
   5. EINLEITUNG
========================================================== */

.fold-events-intro{
  max-width:820px;

  margin:0;

  color:var(--fe-text);

  font-family:"Inter",Arial,sans-serif;
  font-size:18px;
  font-weight:400;
  line-height:1.7;
}


/* ==========================================================
   6. EVENT-LISTE
========================================================== */

.fold-events-list{
  width:100%;

  display:grid;
  grid-template-columns:1fr;
  gap:18px;

  margin:28px 0 0;
  padding:0;
}


/* ==========================================================
   7. EVENT-KARTEN
========================================================== */

.fold-event-card{
  width:100%;
  min-width:0;

  display:grid;
  grid-template-columns:170px minmax(0,1fr) 52px;
  gap:32px;
  align-items:center;

  padding:30px 34px;

  overflow:hidden;

  background:var(--fe-surface);
  border:1px solid var(--fe-border);
  border-radius:var(--fe-card-radius);

  color:var(--fe-black) !important;

  text-decoration:none !important;

  box-shadow:none;

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

.fold-event-card:hover,
.fold-event-card:focus-visible{
  background:var(--fe-white);
  border-color:var(--fe-yellow);

  color:var(--fe-black) !important;

  text-decoration:none !important;

  outline:none;
  transform:translateY(-2px);
}

.fold-event-card:visited,
.fold-event-card:active{
  color:var(--fe-black) !important;
  text-decoration:none !important;
}


/* ==========================================================
   8. DATUM
========================================================== */

.fold-event-date{
  display:block;

  margin:0;
  padding:0;

  color:var(--fe-muted);

  font-family:"Inter",Arial,sans-serif;
  font-size:13px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:.08em;

  text-transform:uppercase;
  text-decoration:none !important;

  white-space:nowrap;
}


/* ==========================================================
   9. EVENT-TEXTBEREICH
========================================================== */

.fold-event-main{
  width:100%;
  min-width:0;

  display:flex;
  flex-direction:column;
  gap:8px;
}


/* ==========================================================
   10. EVENT-TITEL
========================================================== */

.fold-event-title{
  display:block;

  width:100%;
  min-width:0;
  max-width:100%;

  margin:0;
  padding:0;

  color:var(--fe-black);

  font-family:"Oswald",Arial,sans-serif;
  font-size:34px;
  font-weight:600;
  line-height:1.08;
  letter-spacing:0;

  text-transform:none;
  text-decoration:none !important;

  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:none;

  writing-mode:horizontal-tb;
  text-orientation:mixed;

  transition:color .2s ease;
}


/* ==========================================================
   11. EVENT-ORT
========================================================== */

.fold-event-meta{
  display:block;

  margin:0;
  padding:0;

  color:var(--fe-muted);

  font-family:"Inter",Arial,sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.5;

  text-decoration:none !important;

  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
}


/* ==========================================================
   12. PFEIL
========================================================== */

.fold-event-arrow{
  width:46px;
  height:46px;

  display:flex;
  align-items:center;
  justify-content:center;

  justify-self:end;
  flex:0 0 46px;

  background:var(--fe-white);
  border:1px solid var(--fe-border);
  border-radius:50%;

  color:var(--fe-black);

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

.fold-event-arrow svg{
  width:20px;
  height:20px;

  display:block;

  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.fold-event-card:hover .fold-event-title,
.fold-event-card:focus-visible .fold-event-title{
  color:var(--fe-yellow-dark);
}

.fold-event-card:hover .fold-event-arrow,
.fold-event-card:focus-visible .fold-event-arrow{
  background:var(--fe-yellow);
  border-color:var(--fe-yellow);

  transform:translate(2px,-2px);
}


/* ==========================================================
   13. UNTERSTREICHUNGEN SICHER ENTFERNEN
========================================================== */

.fold-event-card,
.fold-event-card *,
.fold-event-card:hover,
.fold-event-card:hover *,
.fold-event-card:focus,
.fold-event-card:focus *,
.fold-event-card:active,
.fold-event-card:active *,
.fold-event-card:visited,
.fold-event-card:visited *{
  text-decoration:none !important;
}


/* ==========================================================
   FOLD EVENTS COMPONENTS CSS V3.0 ENDET
========================================================== */

/* ==========================================================
   FOLD MODELLE COMPONENTS CSS V4.0 BEGINNT
========================================================== */


/* ==========================================================
   0. SEITENBASIS UND VARIABLEN
========================================================== */

.fold-model-page{
  --fold-model-width:94%;
  --fold-model-max:1680px;

  --fold-model-yellow:#FACA30;
  --fold-model-yellow-hover:#FFD743;

  --fold-model-black:#111111;
  --fold-model-text:#4B4F56;

  --fold-model-surface:#F7F7F4;
  --fold-model-border:#E9E9E3;

  --fold-model-radius:28px;

  width:var(--fold-model-width);
  max-width:var(--fold-model-max);

  margin:0 auto;
  padding:72px 0 112px;

  color:var(--fold-model-black);

  font-family:"Inter",Arial,sans-serif;
}

.fold-model-page *,
.fold-model-page *::before,
.fold-model-page *::after{
  box-sizing:border-box;
}

.fold-model-page img{
  display:block;
  max-width:100%;
}

.fold-model-page h1,
.fold-model-page h2,
.fold-model-page p{
  margin-top:0;
}


/* ==========================================================
   1. HERO
========================================================== */

.fold-model-hero{
  width:100%;
  max-width:900px;

  margin:0 0 52px;
  padding:0;

  text-align:left;
}

.fold-model-eyebrow{
  display:block;

  margin:0 0 16px;

  color:#A97900;

  font-size:13px;
  font-weight:800;
  line-height:1;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.fold-model-page-title{
  margin:0;

  color:var(--fold-model-black);

  font-family:"Oswald",Arial,sans-serif;
  font-size:54px;
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.01em;
  text-transform:none;
}

.fold-model-line{
  width:70px;
  height:4px;

  margin:22px 0 30px;

  background:var(--fold-model-yellow);
  border-radius:999px;
}

.fold-model-intro{
  max-width:760px;

  margin:0;

  color:var(--fold-model-text);

  font-size:18px;
  line-height:1.72;
}


/* ==========================================================
   2. GRID
========================================================== */

.fold-model-grid{
  width:100%;

  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:34px;
}


/* ==========================================================
   3. MODELLKARTEN
========================================================== */

.fold-model-card{
  position:relative;

  width:100%;
  min-width:0;

  display:flex;
  flex-direction:column;

  overflow:hidden;

  background:var(--fold-model-surface);
  border:1px solid var(--fold-model-border);
  border-radius:var(--fold-model-radius);

  box-shadow:none;
  transform:none;
  transition:none;
}

.fold-model-card:hover{
  background:var(--fold-model-surface);
  border-color:var(--fold-model-border);

  box-shadow:none;
  transform:none;
}

.fold-model-card__accent{
  width:100%;
  height:5px;
  flex:0 0 5px;

  background:var(--fold-model-yellow);
}


/* ==========================================================
   4. BILDBEREICH
========================================================== */

.fold-bike-image{
  width:100%;
  height:560px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:28px 24px 0;

  overflow:hidden;

  background:var(--fold-model-surface);
}

.fold-bike-image img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;

  object-fit:contain;
  object-position:center;

  transform:scale(1.20);
  transition:none;
}

.fold-model-card:hover .fold-bike-image img{
  transform:scale(1.20);
}


/* ==========================================================
   5. TEXTBEREICH
========================================================== */

.fold-model-info{
  width:100%;

  padding:24px 34px 34px;

  display:flex;
  flex-direction:column;
  align-items:flex-start;

  background:var(--fold-model-surface);
}

.fold-model-heading{
  min-height:84px;
}

.fold-model-title{
  margin:0;

  color:var(--fold-model-black);

  font-family:"Oswald",Arial,sans-serif;
  font-size:36px;
  font-weight:600;
  line-height:1.08;
  letter-spacing:0;
  text-transform:none;
}

.fold-model-subtitle{
  margin:8px 0 0;

  color:#A97900;

  font-size:13px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.fold-price{
  margin:4px 0 22px;

  color:var(--fold-model-black);

  font-family:"Inter",Arial,sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:1.2;
}


/* ==========================================================
   6. BUTTON
========================================================== */

.fold-model-button{
  width:100%;
  max-width:220px;
  min-height:48px;

  padding:0 22px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;

  background:var(--fold-model-yellow);
  border:1px solid var(--fold-model-yellow);
  border-radius:999px;

  color:var(--fold-model-black) !important;

  font-family:"Inter",Arial,sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1;
  text-decoration:none !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background-color .22s ease,
    border-color .22s ease;
}

.fold-model-button:hover{
  background:var(--fold-model-yellow-hover);
  border-color:var(--fold-model-yellow-hover);

  color:var(--fold-model-black) !important;

  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(0,0,0,.12);
}

.fold-model-button span{
  font-size:16px;
  line-height:1;
}


/* ==========================================================
   7. FARBEN
========================================================== */

.fold-color-legend{
  width:100%;

  margin-top:38px;

  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
}

.fold-color-pill{
  min-height:40px;

  padding:0 18px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  border-radius:999px;

  color:#FFFFFF;

  font-size:13px;
  font-weight:700;
  line-height:1;
}

.fold-color-pill i{
  width:9px;
  height:9px;

  border-radius:50%;

  background:rgba(255,255,255,.82);
}

.fold-blue{
  background:#7088A1;
}

.fold-violet{
  background:#A6849C;
}

.fold-anthracite{
  background:#434A50;
}

.fold-malachite{
  background:#7E8F82;
}


/* ==========================================================
   FOLD MODELLE COMPONENTS CSS V4.0 ENDET
========================================================== */

/* ==========================================================
   SAFETY COMPONENTS CSS BEGINNT
   KOMPLETTE NEUFASSUNG MIT ICONS
========================================================== */

:root{
  --fs-width:94%;
  --fs-max-width:1680px;
  --fs-black:#171717;
  --fs-muted:#6d6d68;
  --fs-white:#ffffff;
  --fs-soft:#f7f7f4;
  --fs-border:#e8e8e2;
  --fs-yellow:#f4c400;
  --fs-radius:32px;
  --fs-card-radius:22px;
}

/* 1. BASIS */

.fold-safety-page{
  width:min(var(--fs-width),var(--fs-max-width));
  margin:0 auto;
  color:var(--fs-black);
  font-family:"Inter",sans-serif;
}

.fold-safety-page,
.fold-safety-page *{
  box-sizing:border-box;
}

.fold-safety-page img,
.fold-safety-page svg{
  display:block;
  max-width:100%;
}

.fold-safety-page h1,
.fold-safety-page h2,
.fold-safety-page h3,
.fold-safety-page p,
.fold-safety-page figure{
  margin-top:0;
}

.fs-kicker{
  display:inline-block;
  margin:0 0 18px;
  padding:0;
  font-size:12px;
  font-weight:700;
  line-height:1;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--fs-muted);
}

.fs-line{
  width:72px;
  height:4px;
  margin:28px 0 34px;
  border-radius:999px;
  background:var(--fs-yellow);
}

/* 2. EINHEITLICHE HAUPTÜBERSCHRIFTEN */

.fs-hero h1,
.fs-section-head h2,
.fs-result h2{
  max-width:1050px;
  margin:0;
  font-family:"Oswald",sans-serif;
  font-size:56px;
  font-weight:600;
  line-height:1.06;
  letter-spacing:-.02em;
  text-transform:uppercase;
  color:var(--fs-black);
}

/* 3. HERO */

.fs-hero{
  display:grid;
  grid-template-columns:minmax(440px,.88fr) minmax(0,1.12fr);
  gap:56px;
  align-items:stretch;
  padding:48px 0 72px;
}

.fs-hero-content{
  display:flex;
  flex-direction:column;
  justify-content:center;

  min-width:0;
  min-height:620px;
  height:100%;

  padding:54px 54px 54px 0;
}

.fs-date{
  margin:0 0 22px;
  font-size:14px;
  font-weight:600;
  color:var(--fs-muted);
}

.fs-lead{
  max-width:680px;
  margin:0;
  font-size:18px;
  line-height:1.72;
}

.fs-hero-media{
  position:relative;
  align-self:stretch;

  width:100%;
  min-width:0;
  min-height:620px;
  height:100%;

  margin:0;
  overflow:hidden;

  border-radius:var(--fs-radius);
  background:var(--fs-soft);
}

.fs-hero-media img{
  position:absolute;
  inset:0;

  display:block;

  width:100%;
  height:100%;

  object-fit:cover;
  object-position:center center;
}

/* 4. ALLGEMEINE SECTIONS */

.fs-section{
  margin-bottom:48px;
  padding:72px;
  border:1px solid var(--fs-border);
  border-radius:var(--fs-radius);
}

.fs-section--white{ background:var(--fs-white); }
.fs-section--soft{ background:var(--fs-soft); }

.fs-section-head{
  width:100%;
  max-width:1120px;
  margin:0 0 64px;
}

.fs-section-head--compact{
  margin-bottom:48px;
}

.fs-section-intro{
  max-width:760px;
  margin:0;
  font-size:19px;
  line-height:1.75;
  color:#3f3f3f;
}

.fs-divider{
  width:100%;
  height:1px;
  margin:64px 0;
  background:var(--fs-border);
}

/* 5. KENNZAHLEN MIT ALTEN ICONS */

.fs-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.fs-stat-card{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:20px;
  align-items:center;
  min-width:0;
  min-height:190px;
  padding:30px 26px;
  background:var(--fs-soft);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-card-radius);
}

.fs-stat-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
}

.fs-stat-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:var(--fs-black);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.fs-stat-icon text{
  fill:var(--fs-black);
  stroke:none;
  font-family:"Inter",sans-serif;
  font-size:9px;
  font-weight:700;
}

.fs-stat-copy{
  min-width:0;
}

.fs-stat-value{
  display:block;
  margin:0 0 10px;
  font-family:"Oswald",sans-serif;
  font-size:38px;
  font-weight:600;
  line-height:.98;
  letter-spacing:-.02em;
}

.fs-stat-value--stacked{
  font-size:34px;
  line-height:.96;
  text-transform:uppercase;
}

.fs-stat-card p{
  margin:0;
  font-size:12px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--fs-muted);
}

/* 6. PRÜFSTANDARDS */

.fs-badge-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:14px;
}

.fs-badge-card{
  position:relative;
  min-width:0;
  height:220px;
  padding:30px 24px;
  overflow:hidden;
  background:var(--fs-white);
  border:1px solid var(--fs-border);
  border-radius:18px;
}

.fs-badge-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:var(--fs-yellow);
}

.fs-badge-card strong{
  display:flex;
  align-items:flex-start;
  min-height:60px;
  overflow-wrap:anywhere;
  font-family:"Oswald",sans-serif;
  font-size:23px;
  font-weight:600;
  line-height:1.08;
}

.fs-badge-card p{
  margin:18px 0 0;
  font-size:14px;
  line-height:1.55;
  color:var(--fs-muted);
}

/* 7. ENTWICKLUNGSPROZESS */

.fs-process-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}

.fs-process-card{
  min-width:0;
  min-height:330px;
  padding:30px 24px 28px;
  background:var(--fs-white);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-card-radius);
}

.fs-step{
  display:flex;
  align-items:center;
  justify-content:center;
  width:50px;
  height:50px;
  margin-bottom:26px;
  border-radius:999px;
  background:var(--fs-yellow);
  font-family:"Oswald",sans-serif;
  font-size:24px;
  font-weight:600;
}

.fs-process-card h3{
  margin:0 0 16px;
  font-family:"Oswald",sans-serif;
  font-size:25px;
  font-weight:600;
  line-height:1.12;
  text-transform:uppercase;
}

.fs-process-card p{
  margin:0;
  font-size:15px;
  line-height:1.65;
}

/* 8. LABORPRÜFUNG */

.fs-lab-card{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);
  gap:0;
  overflow:hidden;
  background:var(--fs-soft);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-card-radius);
}

.fs-lab-image{
  min-height:560px;
  margin:0;
  padding:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--fs-white);
  border-right:1px solid var(--fs-border);
}

.fs-lab-image img{
  width:100%;
  height:100%;
  max-height:520px;
  object-fit:contain;
  object-position:center;
  border-radius:18px;
}

.fs-lab-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:54px 48px;
}

.fs-card-label{
  margin:0 0 22px;
  font-size:11px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--fs-muted);
}

.fs-lab-copy h3{
  margin:0 0 22px;
  font-family:"Oswald",sans-serif;
  font-size:34px;
  font-weight:600;
  line-height:1.1;
  text-transform:uppercase;
}

.fs-lab-copy p{
  margin:0 0 22px;
  font-size:16px;
  line-height:1.7;
}

.fs-lab-copy p:last-child{
  margin-bottom:0;
}

.fs-lab-list{
  display:grid;
  gap:12px;
  margin:0 0 24px;
  padding:0;
  list-style:none;
}

.fs-lab-list li{
  position:relative;
  padding-left:28px;
  font-size:15px;
  line-height:1.5;
}

.fs-lab-list li::before{
  content:"";
  position:absolute;
  top:.55em;
  left:0;
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--fs-yellow);
}

/* 9. PRÜFÜBERSICHT */

.fs-test-list{
  overflow:hidden;
  background:var(--fs-white);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-card-radius);
}

.fs-test-item{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  padding:26px 30px;
  border-bottom:1px solid var(--fs-border);
}

.fs-test-item:last-child{ border-bottom:0; }

.fs-test-index{
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:999px;
  background:var(--fs-yellow);
  font-family:"Oswald",sans-serif;
  font-size:20px;
  font-weight:600;
}

.fs-test-copy h3{
  margin:0 0 7px;
  font-family:"Oswald",sans-serif;
  font-size:23px;
  font-weight:600;
  line-height:1.1;
  text-transform:uppercase;
}

.fs-test-copy p{
  margin:0;
  font-size:15px;
  line-height:1.55;
  color:var(--fs-muted);
}

.fs-test-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:110px;
  padding:10px 14px;
  border:1px solid var(--fs-border);
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}

/* 10. ABSCHLUSS */

.fs-result{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:44px;
  align-items:center;
  margin-bottom:96px;
  padding:66px 70px;
  background:var(--fs-soft);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-radius);
  color:var(--fs-black);
}

.fs-result .fs-kicker{ color:var(--fs-muted); }

.fs-result-mark{
  width:98px;
  height:98px;
}

.fs-result-mark svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:var(--fs-yellow);
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.fs-result-copy p:last-child{
  max-width:920px;
  margin:24px 0 0;
  font-size:18px;
  line-height:1.7;
  color:#444;
}

/* ==========================================================
   GABELBILD – RUNDUNG ERZWINGEN
========================================================== */

.fold-safety-page .fs-lab-image{
  padding:28px !important;
  overflow:hidden !important;

  background:#f7f7f4 !important;
  border-radius:22px 0 0 22px !important;
}

.fold-safety-page .fs-lab-image img{
  display:block !important;

  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:520px !important;

  object-fit:contain !important;
  object-position:center !important;

  border-radius:24px !important;
  clip-path:inset(0 round 24px) !important;
  -webkit-clip-path:inset(0 round 24px) !important;
}


/* ==========================================================
   SAFETY COMPONENTS CSS ENDET
========================================================== */
/* ==========================================================
   FOLD CARGO BIKE COMPONENTS CSS V3.0 BEGINNT
========================================================== */

.fold-cargo-page{
  --fc-yellow:#FACA30;
  --fc-black:#111111;
  --fc-text:#4B4F56;
  --fc-surface:#F7F7F4;
  --fc-border:#E9E9E3;
  --fc-radius:28px;
  position:relative;
  left:50%;
  width:min(94vw,1680px);
  max-width:none;
  margin:0;
  padding:72px 0 120px;
  transform:translateX(-50%);
  color:var(--fc-black);
  font-family:"Inter",Arial,sans-serif;
}

.fold-cargo-page *,
.fold-cargo-page *::before,
.fold-cargo-page *::after{box-sizing:border-box}

.fold-cargo-page h1,
.fold-cargo-page h2,
.fold-cargo-page p{margin-top:0}

.fold-cargo-page h1,
.fold-cargo-page h2{
  font-family:"Oswald",Arial,sans-serif;
  font-weight:600;
  color:var(--fc-black);
  text-transform:none;
}

.fold-cargo-eyebrow{
  display:block;
  margin:0 0 16px;
  font-size:13px;
  font-weight:800;
  line-height:1;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#A97900;
}

.fold-cargo-title{
  margin:0;
  font-size:54px;
  line-height:1.08;
  letter-spacing:-.01em;
}

.fold-cargo-line{
  width:70px;
  height:4px;
  margin:22px 0 26px;
  background:var(--fc-yellow);
  border-radius:999px;
}

.fold-cargo-intro{
  max-width:760px;
  margin:0;
  font-size:18px;
  line-height:1.72;
  color:var(--fc-text);
}

.fold-cargo-section{
  padding:52px 0;
  border-top:1px solid var(--fc-border);
}

.fold-cargo-section--first{
  padding-top:0;
  border-top:0;
}

.fold-cargo-section-head{
  max-width:980px;
  margin-bottom:28px;
}

.fold-cargo-section-head .fold-cargo-line{
  margin-top:14px;
  margin-bottom:0;
}

/* Erste zwei Bereiche: getrennte Text- und Bildkarten */
.fold-cargo-split{
  display:grid;
  grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);
  gap:18px;
  align-items:stretch;
}

.fold-cargo-panel{
  position:relative;
  min-width:0;
  min-height:590px;
  overflow:hidden;
  background:var(--fc-surface);
  border:1px solid var(--fc-border);
  border-radius:var(--fc-radius);
  box-shadow:none;
  transform:none;
  transition:none;
}

.fold-cargo-panel-accent{
  width:100%;
  height:5px;
  background:var(--fc-yellow);
}

.fold-cargo-panel-content{
  height:calc(100% - 5px);
  padding:48px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}

.fold-cargo-panel-content h2{
  margin:0 0 22px;
  font-size:42px;
  line-height:1.08;
}

.fold-cargo-panel-content > p{
  max-width:700px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.68;
  color:var(--fc-text);
}

.fold-cargo-panel--image{background:#FFFFFF}

.fold-cargo-panel-media{
  height:calc(100% - 5px);
  min-height:585px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.fold-cargo-panel-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

.fold-cargo-list{margin:0;padding:0;list-style:none}

.fold-cargo-list li{
  position:relative;
  margin:0 0 14px;
  padding-left:24px;
  font-size:16px;
  line-height:1.5;
  color:var(--fc-text);
}

.fold-cargo-list li:last-child{margin-bottom:0}

.fold-cargo-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.58em;
  width:7px;
  height:7px;
  background:var(--fc-yellow);
  border-radius:50%;
}

/* Kompakt zu Hause: linke Textkarte bündig mit dem unveränderten Stats-Block */
.fold-cargo-compact-layout{
  display:grid;
  grid-template-columns:minmax(360px,.75fr) minmax(0,1.25fr);
  gap:18px;
  align-items:stretch;
}

.fold-cargo-compact-card{
  min-width:0;
  height:100%;
  overflow:hidden;
  background:var(--fc-surface);
  border:1px solid var(--fc-border);
  border-radius:var(--fc-radius);
}

.fold-cargo-compact-copy{
  height:calc(100% - 5px);
  padding:40px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.fold-cargo-compact-copy h2{
  margin:0 0 22px;
  font-size:42px;
  line-height:1.08;
}

.fold-cargo-compact-copy p{
  max-width:700px;
  margin:0;
  font-size:18px;
  line-height:1.68;
  color:var(--fc-text);
}

/* Statistik-Karten unverändert */
.fold-cargo-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.fold-cargo-stat{
  min-height:170px;
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:var(--fc-surface);
  border:1px solid var(--fc-border);
  border-radius:var(--fc-radius);
}

.fold-cargo-stat strong{
  display:block;
  margin:0 0 18px;
  font-family:"Oswald",Arial,sans-serif;
  font-size:40px;
  font-weight:600;
  line-height:1;
  color:var(--fc-black);
}

.fold-cargo-stat span{
  font-size:15px;
  line-height:1.5;
  color:var(--fc-text);
}

/* Modular im Alltag und Entwickelt bis ins Detail unverändert */
.fold-cargo-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.fold-cargo-card{
  min-height:240px;
  overflow:hidden;
  background:var(--fc-surface);
  border:1px solid var(--fc-border);
  border-radius:var(--fc-radius);
  box-shadow:none;
  transform:none;
  transition:none;
}

.fold-cargo-card-accent{
  width:100%;
  height:5px;
  background:var(--fc-yellow);
}

.fold-cargo-card-content{padding:30px}

.fold-cargo-card h2{
  margin:0 0 16px;
  font-size:29px;
  line-height:1.08;
}

.fold-cargo-card p{
  margin:0;
  font-size:16px;
  line-height:1.62;
  color:var(--fc-text);
}

.fold-cargo-final{
  margin-top:52px;
  padding:78px 64px;
  text-align:center;
  background:var(--fc-surface);
  border:1px solid var(--fc-border);
  border-radius:32px;
}

.fold-cargo-final .fold-cargo-eyebrow{margin-bottom:18px}

.fold-cargo-final h2{
  max-width:980px;
  margin:0 auto;
  font-size:54px;
  line-height:1.08;
}

.fold-cargo-final .fold-cargo-line{
  margin-left:auto;
  margin-right:auto;
}

.fold-cargo-final p{
  max-width:800px;
  margin:0 auto;
  font-size:18px;
  line-height:1.72;
  color:var(--fc-text);
}

@media (max-width:1100px){
  .fold-cargo-split,
  .fold-cargo-compact-layout{grid-template-columns:1fr}

  .fold-cargo-panel{min-height:0}
  .fold-cargo-panel-media{min-height:460px}
  .fold-cargo-compact-card{min-height:340px}
  .fold-cargo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:767px){
  .fold-cargo-page{
    width:calc(100vw - 32px);
    padding:36px 0 72px;
  }

  .fold-cargo-title,
  .fold-cargo-final h2{font-size:34px}

  .fold-cargo-section{padding:42px 0}

  .fold-cargo-panel-content,
  .fold-cargo-compact-copy{padding:28px 24px}

  .fold-cargo-panel-content h2,
  .fold-cargo-compact-copy h2{font-size:32px}

  .fold-cargo-panel-media{min-height:320px}
  .fold-cargo-stats,
  .fold-cargo-grid{grid-template-columns:1fr}
  .fold-cargo-stat{min-height:150px}
  .fold-cargo-final{padding:52px 24px}
}

/* ==========================================================
   FOLD CARGO BIKE COMPONENTS CSS V3.0 ENDET
========================================================== */

/* ==========================================================
   FOLD ACCESSOIRES COMPONENTS CSS V3.0 BEGINNT
========================================================== */

.fold-accessory-page{
  --fa-yellow:#FACA30;
  --fa-black:#111111;
  --fa-text:#4B4F56;
  --fa-surface:#F7F7F4;
  --fa-border:#E9E9E3;
  --fa-radius:28px;

  position:relative;
  left:50%;

  width:min(94vw,1680px);
  max-width:none;

  margin:0;
  padding:72px 0 112px;

  transform:translateX(-50%);

  color:var(--fa-black);
  font-family:"Inter",Arial,sans-serif;
}

.fold-accessory-page *,
.fold-accessory-page *::before,
.fold-accessory-page *::after{
  box-sizing:border-box;
}

.fold-accessory-page h1,
.fold-accessory-page h2,
.fold-accessory-page p{
  margin-top:0;
}

.fold-accessory-page h1,
.fold-accessory-page h2{
  font-family:"Oswald",Arial,sans-serif;
  font-weight:600;
  color:var(--fa-black);
  text-transform:none;
}

/* ==========================================================
   1. HERO
========================================================== */

.fold-accessory-hero{
  max-width:900px;
  margin:0 0 52px;
}

.fold-accessory-eyebrow{
  display:block;

  margin:0 0 16px;

  font-size:13px;
  font-weight:800;
  line-height:1;
  letter-spacing:.15em;
  text-transform:uppercase;

  color:#A97900;
}

.fold-accessory-title{
  margin:0;

  font-size:54px;
  line-height:1.08;
  letter-spacing:-.01em;
}

.fold-accessory-line{
  width:70px;
  height:4px;

  margin:22px 0 26px;

  background:var(--fa-yellow);
  border-radius:999px;
}

.fold-accessory-intro{
  max-width:760px;
  margin:0;

  font-size:18px;
  line-height:1.72;

  color:var(--fa-text);
}

/* ==========================================================
   2. PRODUCT GRID
========================================================== */

.fold-accessory-products{
  width:100%;
}

.fold-accessory-grid{
  width:100%;

  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

/* ==========================================================
   3. CARDS
========================================================== */

.fold-accessory-card{
  position:relative;

  min-width:0;
  min-height:680px;

  display:flex;
  flex-direction:column;

  overflow:hidden;

  background:var(--fa-surface);
  border:1px solid var(--fa-border);
  border-radius:var(--fa-radius);

  box-shadow:none;
  transform:none;
  transition:none;
}

.fold-accessory-card:hover{
  background:var(--fa-surface);
  border-color:var(--fa-border);

  box-shadow:none;
  transform:none;
}

.fold-accessory-card__accent{
  width:100%;
  height:5px;
  flex:0 0 5px;

  background:var(--fa-yellow);
}

/* ==========================================================
   4. CARD HEADER
========================================================== */

.fold-accessory-card-head{
  min-height:128px;

  padding:30px 34px 10px;

  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
}

.fold-accessory-card-head > div{
  min-width:0;
}

.fold-accessory-card h2{
  margin:0 0 10px;

  font-size:34px;
  line-height:1.08;
}

.fold-accessory-sub{
  max-width:560px;
  margin:0;

  font-size:16px;
  line-height:1.55;

  color:var(--fa-text);
}

.fold-accessory-badge{
  min-height:38px;
  padding:0 16px;

  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  background:var(--fa-yellow);
  border-radius:999px;

  color:var(--fa-black);

  font-size:13px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}

/* ==========================================================
   5. PRODUCT IMAGE
========================================================== */

.fold-accessory-image{
  width:100%;
  height:370px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:10px 24px 16px;

  overflow:hidden;
}

.fold-accessory-image img{
  width:100%;
  height:100%;
  max-width:none;

  display:block;

  object-fit:contain;
  object-position:center;

  transform:scale(1.06);
}

/* ==========================================================
   6. FEATURE LIST
========================================================== */

.fold-accessory-card ul{
  width:100%;

  margin:auto 0 0;
  padding:24px 34px 32px;

  list-style:none;

  border-top:1px solid var(--fa-border);
}

.fold-accessory-card li{
  position:relative;

  margin:0 0 11px;
  padding-left:22px;

  font-size:15px;
  line-height:1.5;

  color:var(--fa-text);
}

.fold-accessory-card li:last-child{
  margin-bottom:0;
}

.fold-accessory-card li::before{
  content:"";

  position:absolute;
  left:0;
  top:.58em;

  width:7px;
  height:7px;

  background:var(--fa-yellow);
  border-radius:50%;
}

/* ==========================================================
   FOLD ACCESSOIRES COMPONENTS CSS V3.0 ENDET
========================================================== */

/* ==========================================================
   FOLD HOMEPAGE COMPONENTS CSS V6.1 BEGINNT
   DESKTOP / BASIS
========================================================== */

:root{
  --fc-width:94%;
  --fc-max-width:1680px;
  --fc-first-space:48px;
  --fc-section-space:48px;

  --fc-yellow:#FACA30;
  --fc-yellow-hover:#FFD743;
  --fc-black:#111111;
  --fc-text:#4B4F56;
  --fc-border:#E9E9E3;
  --fc-surface:#F7F7F4;

  --fc-radius:28px;
  --fc-radius-small:15px;
}

/* ==========================================================
   0. BASIS
========================================================== */

.fold-clean{
  width:100%;
  overflow:hidden;
  background:#FFFFFF;
  color:var(--fc-black);
  font-family:"Inter",Arial,sans-serif;
}

.fold-clean *,
.fold-clean *::before,
.fold-clean *::after{
  box-sizing:border-box;
}

.fold-clean img{
  max-width:100%;
}

.fold-clean h1,
.fold-clean h2,
.fold-clean h3{
  margin:0;
  color:var(--fc-black);
  font-family:"Oswald",Arial,sans-serif;
  font-weight:600;
  line-height:1.08;
  text-transform:none;
}

.fold-clean p{
  margin-top:0;
}

/* ==========================================================
   1. EINHEITLICHER CONTAINER + SECTION-ABSTAND
========================================================== */

.fc-idea,
.fc-performance,
.fc-storage,
.fc-lineup,
.fc-folding,
.fc-travel,
.fc-features{
  width:var(--fc-width);
  max-width:var(--fc-max-width);
  margin-left:auto;
  margin-right:auto;
}

.fc-idea{
  margin-top:var(--fc-first-space);
}

.fc-performance,
.fc-storage,
.fc-lineup,
.fc-folding,
.fc-travel,
.fc-features{
  margin-top:var(--fc-section-space);
}

.fc-features{
  margin-bottom:var(--fc-section-space);
}

/* Alte globale Section-Paddings sicher neutralisieren */
.fc-section,
.fc-lineup{
  padding-top:0;
  padding-bottom:0;
  border-bottom:0;
}

/* ==========================================================
   2. GEMEINSAME TYPOGRAFIE
   DESKTOP / BASIS – EINHEITLICH WIE IMPRESSUM
========================================================== */

.fc-text,
.fc-head{
  width:100%;
  max-width:none;
}

/* EYEBROW */

.fold-clean .fc-eyebrow{
  display:block;
  width:100%;
  max-width:100%;
  margin:0 0 16px;
  padding:0;

  color:#A97900 !important;
  -webkit-text-fill-color:#A97900 !important;

  font-family:"Inter",Arial,sans-serif;
  font-size:13px;
  font-weight:800;
  line-height:1.15;
  letter-spacing:.15em;

  text-transform:uppercase;
  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
}

/* SECTION-ÜBERSCHRIFTEN */

.fold-clean .fc-section-title{
  display:block;
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;

  color:var(--fc-black) !important;
  -webkit-text-fill-color:var(--fc-black) !important;

  font-family:"Oswald",Arial,sans-serif;
  font-size:54px !important;
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.01em;

  text-transform:none;
  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}

/* GELBE LINIE */

.fold-clean .fc-line{
  display:block;
  flex:none;

  width:70px;
  min-width:70px;
  max-width:70px;

  height:4px;
  min-height:4px;
  max-height:4px;

  margin:22px 0 30px;
  padding:0;

  background:var(--fc-yellow);
  border:0;
  border-radius:999px;
}

/* FLIESSTEXT */

.fold-clean .fc-text p,
.fold-clean .fc-idea__copy p,
.fold-clean .fc-storage__copy p,
.fold-clean .fc-folding__copy p,
.fold-clean .fc-travel__copy p{
  margin:0 0 18px;

  color:var(--fc-text);

  font-family:"Inter",Arial,sans-serif;
  font-size:17px;
  font-weight:400;
  line-height:1.72;
}

.fold-clean .fc-text p:last-child,
.fold-clean .fc-idea__copy p:last-child,
.fold-clean .fc-storage__copy p:last-child,
.fold-clean .fc-folding__copy p:last-child,
.fold-clean .fc-travel__copy p:last-child{
  margin-bottom:0;
}

/* ==========================================================
   3. HERO
========================================================== */

.fc-hero{
  position:relative;
  width:100%;
  height:calc(100vh - 86px);
  min-height:680px;
  max-height:920px;
  overflow:hidden;
  background:#111111;
}

.fc-hero > img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.fc-hero::after{
  display:none;
}

.fc-hero-content{
  position:absolute;
  z-index:2;
  left:6%;
  bottom:64px;
  width:min(760px,88%);
}

.fold-clean .fc-hero-content h1{
  margin:0;
  padding:0;

  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;

  font-family:"Oswald",Arial,sans-serif;
  font-size:54px;
  font-weight:600;
  line-height:1.05;
  letter-spacing:-.01em;

  text-transform:none;
}

.fc-hero-content p{
  margin:0;
  font-size:18px;
  line-height:1.5;
  color:#FFFFFF;
}

/* ==========================================================
   4. BUTTONS – HOVER NUR AUF INTERAKTIVEN ELEMENTEN
========================================================== */

.fc-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
}

.fc-btn,
.fc-lineup-button,
.fc-lineup-copy a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 24px;
  border-radius:13px;
  font-family:"Inter",Arial,sans-serif;
  font-size:14px;
  font-weight:800;
  line-height:1;
  text-decoration:none !important;
  cursor:pointer;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background-color .22s ease,
    border-color .22s ease;
}

.fc-btn-yellow,
.fc-lineup-button{
  color:#111111 !important;
  background:var(--fc-yellow);
  border:1px solid var(--fc-yellow);
}

.fc-btn-white{
  color:#111111 !important;
  background:#FFFFFF;
  border:1px solid #FFFFFF;
}

.fc-btn:hover,
.fc-lineup-button:hover,
.fc-lineup-copy a:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(0,0,0,.12);
}

.fc-btn-yellow:hover,
.fc-lineup-button:hover{
  background:var(--fc-yellow-hover);
  border-color:var(--fc-yellow-hover);
}

/* ==========================================================
   5. DIE IDEE
========================================================== */

.fc-idea{
  display:grid;
  grid-template-columns:minmax(430px,38%) minmax(0,62%);
  gap:22px;
  align-items:stretch;
}

.fc-idea__text{
  width:100%;
  min-width:0;
  height:640px;
  padding:58px 50px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:var(--fc-surface);
  border:1px solid var(--fc-border);
  border-radius:var(--fc-radius);
}

.fc-idea__copy{
  width:100%;
  max-width:520px;
}

.fc-idea__image{
  display:block;
  width:100%;
  height:640px;
  object-fit:cover;
  object-position:center;
  border:0;
  border-radius:var(--fc-radius) !important;
  box-shadow:none;
}

/* ==========================================================
   6. PERFORMANCE
========================================================== */

.fc-performance{
  display:grid;
  grid-template-columns:minmax(0,62%) minmax(430px,38%);
  grid-template-areas:"performance-image performance-text";
  gap:22px;
  align-items:stretch;
}

.fc-performance > .fc-image-hero{
  grid-area:performance-image;
}

.fc-performance > .fc-text{
  grid-area:performance-text;
  width:100%;
  min-width:0;
  height:620px;
  min-height:620px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:0;
}

.fc-performance > .fc-text > span,
.fc-performance > .fc-text > h2,
.fc-performance > .fc-text > p,
.fc-performance > .fc-text > .fc-stats,
.fc-performance > .fc-text > .fc-performance-info{
  width:96%;
  max-width:500px;
}

.fc-image-hero{
  position:relative;
  width:100%;
  height:620px;
  min-height:620px;
  overflow:hidden;
  border-radius:var(--fc-radius);
}

.fc-image-hero::before,
.fc-image-hero::after,
.fc-image-hero h3{
  display:none;
}

.fc-image-hero img{
  width:100%;
  height:100%;
  min-height:620px;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:inherit;
  transform:none;
}

.fc-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}

.fc-stats article{
  min-height:82px;
  padding:14px 16px;
  background:#FFFFFF;
  border:1px solid var(--fc-border);
  border-radius:14px;
}

.fc-stats strong{
  display:block;
  margin-bottom:5px;
  font-family:"Oswald",Arial,sans-serif;
  font-size:26px;
  font-weight:600;
  line-height:1;
}

.fc-stats small{
  display:block;
  font-size:10.5px;
  line-height:1.35;
  color:#555B64;
}

.fc-performance-info{
  display:grid;
  gap:10px;
  margin-top:12px;
}

.fc-performance-info article{
  position:relative;
  min-height:74px;
  padding:15px 17px 15px 25px;
  background:#FFFFFF;
  border:1px solid var(--fc-border);
  border-radius:15px;
}

.fc-performance-info article::before{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  bottom:16px;
  width:4px;
  background:var(--fc-yellow);
  border-radius:0 999px 999px 0;
}

.fc-performance-info h3{
  margin:0 0 5px;
  font-family:"Inter",Arial,sans-serif;
  font-size:16px;
  font-weight:700;
  line-height:1.3;
  text-transform:none;
}

.fc-performance-info p{
  margin:0;
  font-size:12px;
  line-height:1.45;
  color:#555B64;
}

/* ==========================================================
   7. KOMPAKT ZU HAUSE
========================================================== */

.fc-storage{
  display:flex;
  flex-direction:column;
}

.fc-storage__header{
  width:100%;
  margin:0 0 18px;
  padding:0;
  background:transparent;
  border:0;
}

.fc-storage__title{
  width:100%;
  max-width:100%;
  white-space:normal;
}

.fc-storage__header .fc-line{
  margin-bottom:20px;
}

.fc-storage__copy{
  width:100%;
  max-width:none;
}

.fc-storage__copy p{
  width:100%;
  max-width:100%;
  margin-bottom:8px;
  line-height:1.55;
  white-space:normal;
}

.fc-storage__media{
  width:100%;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px;
}

.fc-storage__card{
  position:relative;
  width:100%;
  min-width:0;
  height:580px;
  overflow:hidden;
  background:transparent !important;
  border:0 !important;
  border-radius:var(--fc-radius);
  box-shadow:none !important;
}

.fc-storage__card::before,
.fc-storage__card::after{
  content:none !important;
  display:none !important;
}

.fc-storage__card img{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:inherit;
  transform:none !important;
}

.fc-storage__card h3{
  position:absolute;
  z-index:2;
  left:24px;
  bottom:22px;
  margin:0;
  font-size:30px;
  line-height:1;
  color:#FFFFFF !important;
  text-shadow:0 2px 12px rgba(0,0,0,.55);
}

/* ==========================================================
   8. MODELLE
========================================================== */

.fc-lineup{
  background:#FFFFFF;
}

.fc-lineup .fc-head{
  width:100%;
  max-width:900px;
}

.fc-lineup .fc-head .fc-line{
  margin-bottom:48px;
}

.fc-lineup-grid{
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.fc-lineup-card{
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  overflow:hidden;
  background:var(--fc-surface);
  border:1px solid var(--fc-border);
  border-radius:30px;
  box-shadow:none;
  transform:none;
}

.fc-lineup-card__accent{
  width:100%;
  height:5px;
  flex:0 0 5px;
  background:var(--fc-yellow);
}

.fc-lineup-image{
  width:100%;
  height:500px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:70px 30px 12px;
  overflow:hidden;
  background:var(--fc-surface);
}

.fc-lineup-image img{
  width:100%;
  height:100%;
  max-width:none;
  display:block;
  object-fit:contain;
  object-position:center;
  transform:none;
}

.fc-lineup-copy{
  width:100%;
  padding:20px 30px 30px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  background:var(--fc-surface);
}

.fc-lineup-copy h3{
  margin:0 0 8px;
  font-size:34px;
}

.fc-lineup-copy p{
  width:100%;
  margin:0 0 16px;
  font-size:15px;
  line-height:1.7;
  color:var(--fc-text);
  white-space:normal;
}

.fc-lineup-button{
  min-height:48px;
  padding:0 22px;
  border-radius:999px;
  font-weight:700;
}

/* ==========================================================
   9. FALTEN
========================================================== */

.fc-folding{
  display:grid;
  grid-template-columns:minmax(0,62%) minmax(430px,38%);
  gap:22px;
  align-items:stretch;
}

.fc-folding__media{
  width:100%;
  min-width:0;
  height:640px;
  overflow:hidden;
  border-radius:var(--fc-radius);
  background:var(--fc-surface);
}

.fc-folding__media img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:inherit;
}

.fc-folding__text{
  width:100%;
  min-width:0;
  height:640px;
  padding:58px 50px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:var(--fc-surface);
  border:1px solid var(--fc-border);
  border-radius:var(--fc-radius);
}

.fc-folding__copy{
  width:100%;
  max-width:520px;
}

/* ==========================================================
   10. KOMPAKT UNTERWEGS
========================================================== */

.fc-travel{
  display:grid;
  grid-template-columns:minmax(430px,38%) minmax(0,62%);
  gap:22px;
  align-items:stretch;
}

.fc-travel__text{
  width:100%;
  min-width:0;
  height:640px;
  padding:58px 50px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:var(--fc-surface);
  border:1px solid var(--fc-border);
  border-radius:var(--fc-radius);
}

.fc-travel__copy{
  width:100%;
  max-width:520px;
}

.fc-travel__media{
  width:100%;
  min-width:0;
  height:640px;
  overflow:hidden;
  border-radius:var(--fc-radius);
  background:var(--fc-surface);
}

.fc-travel__media img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:inherit;
}

/* ==========================================================
   11. FEATURES
========================================================== */

.fc-features{
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.fc-features article{
  position:relative;
  min-width:0;
  min-height:230px;
  padding:34px 26px 28px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  overflow:hidden;
  background:var(--fc-surface);
  border:1px solid #E1E1DC;
  border-radius:22px;
  box-shadow:none;
  transform:none;
}

.fc-features article::before{
  content:"";
  position:absolute;
  top:0;
  left:14px;
  right:14px;
  height:4px;
  background:var(--fc-yellow);
  border-radius:0 0 999px 999px;
}

.fc-features article > span{
  display:block;
  margin-bottom:26px;
  font-family:"Oswald",Arial,sans-serif;
  font-size:22px;
  font-weight:600;
  line-height:1;
  color:#A97900;
}

.fc-features article h3,
.fc-features h3{
  width:100%;
  margin:0 0 14px;
  font-size:28px;
  line-height:1.1;
  text-transform:none;
}

.fc-features article p,
.fc-features p{
  margin:0;
  font-size:14px;
  line-height:1.62;
  color:var(--fc-text);
}


/* ==========================================================
   FOLD HOMEPAGE COMPONENTS CSS V6.1 ENDET
========================================================== */


/* ==========================================================
   FOLD ABOUT PAGE – COMPONENTS CSS V26.0
   KOMPLETTE SAUBERE NEUFASSUNG
   PASSEND ZU HTML V22
========================================================== */

.fold-about-page{
  --fa-yellow:#FACA30;
  --fa-yellow-hover:#FFD743;
  --fa-black:#111111;
  --fa-dark:#252525;
  --fa-copy:#62676F;
  --fa-card:#F7F7F4;
  --fa-white:#FFFFFF;
  --fa-border:#E6E6E0;

  --fa-radius:28px;
  --fa-small-radius:22px;
  --fa-space:48px;

  width:min(1680px,94%);
  margin:0 auto;
  padding:48px 0 96px;

  color:var(--fa-black);
  font-family:"Inter",Arial,sans-serif;
}

.fold-about-page,
.fold-about-page *,
.fold-about-page *::before,
.fold-about-page *::after{
  box-sizing:border-box;
}

.fold-about-page section,
.fold-about-page article,
.fold-about-page header,
.fold-about-page figure,
.fold-about-page div{
  min-width:0;
}

.fold-about-page figure{
  margin:0;
}

.fold-about-page img{
  display:block;
  max-width:100%;
}

.fold-about-page h1,
.fold-about-page h2,
.fold-about-page h3,
.fold-about-page p{
  margin-top:0;
}

.fold-about-page h1,
.fold-about-page h2,
.fold-about-page h3{
  margin-bottom:0;
  color:var(--fa-black);
  font-family:"Oswald",Arial,sans-serif;
  font-weight:600;
  text-transform:none;
}

.fold-about-page h1{
  font-size:66px;
  line-height:1.02;
  letter-spacing:-.02em;
}

.fold-about-page h2{
  font-size:54px;
  line-height:1.07;
  letter-spacing:-.015em;
}

.fold-about-page h3{
  margin:0 0 14px;
  font-size:26px;
  line-height:1.16;
}

.fold-about-page p{
  margin-bottom:20px;
  color:var(--fa-copy);
  font-size:17px;
  line-height:1.72;
}

.fold-about-page p:last-child{
  margin-bottom:0;
}


/* ==========================================================
   1. GEMEINSAME ELEMENTE
========================================================== */

.fold-about-eyebrow{
  display:block;
  margin:0;
  color:#8A6700 !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.fold-about-line{
  width:70px;
  height:4px;
  margin:24px 0 30px;
  border-radius:999px;
  background:var(--fa-yellow);
}

.fold-about-card{
  padding:52px;
  border:1px solid var(--fa-border);
  border-radius:var(--fa-radius);
  background:var(--fa-card);
}

.fold-about-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}

.fold-about-row > *{
  min-width:0;
}

.fold-about-concept,
.fold-about-story,
.fold-about-principles,
.fold-about-cta{
  margin-top:var(--fa-space);
}


/* ==========================================================
   2. HERO
   BILD OHNE KARTE · DIREKT ABGERUNDET
========================================================== */

.fold-about-hero{
  min-height:560px;
}

.fold-about-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-height:560px;
}

.fold-about-hero__copy > p:last-child{
  max-width:620px;
}

.fold-about-hero__image{
  position:relative;
  min-height:560px;
  overflow:hidden;
  border-radius:var(--fa-radius);
  background:transparent;
}

.fold-about-hero__image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  border-radius:inherit;
  background:transparent;
}


/* ==========================================================
   3. KONZEPT
========================================================== */

.fold-about-concept{
  min-height:640px;
}

.fold-about-concept__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:640px;
}

.fold-about-image-card{
  position:relative;
  min-height:640px;
  overflow:hidden;
  border:1px solid var(--fa-border);
  border-radius:var(--fa-radius);
  background:var(--fa-white);
}

.fold-about-concept__image{
  padding:18px;
}

.fold-about-concept__image img{
  position:absolute;
  inset:18px;
  width:calc(100% - 36px);
  height:calc(100% - 36px);
  object-fit:contain;
  object-position:center center;
  border-radius:20px;
  background:var(--fa-white);
}


/* ==========================================================
   4. BUILT FOR LIFE
   BILDER OHNE KARTE · DIREKT ABGERUNDET
========================================================== */

.fold-about-story__copy{
  max-width:980px;
  margin-bottom:24px;
}

.fold-about-story__gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.fold-about-story__image{
  position:relative;
  width:100%;
  aspect-ratio:16 / 10;
  overflow:hidden;
  border-radius:var(--fa-small-radius);
  background:transparent;
}

.fold-about-story__image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  border-radius:inherit;
}


/* ==========================================================
   5. PRINZIPIEN
========================================================== */

.fold-about-principles__head{
  max-width:980px;
  margin-bottom:24px;
}

.fold-about-principles__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.fold-about-principle{
  display:flex;
  flex-direction:column;
  min-height:340px;
  padding:30px;
  border:1px solid var(--fa-border);
  border-radius:var(--fa-small-radius);
  background:var(--fa-card);
}

.fold-about-principle__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:54px;
}

.fold-about-principle__number{
  color:#937440;
  font-family:"Oswald",Arial,sans-serif;
  font-size:18px;
  font-weight:600;
}

.fold-about-principle__icon{
  position:relative;
  display:block;
  flex:0 0 auto;
  width:34px;
  height:34px;
  color:var(--fa-black);
}

.fold-about-principle__icon--circle{
  border:3px solid currentColor;
  border-radius:50%;
}

.fold-about-principle__icon--square{
  border:3px solid currentColor;
  border-radius:3px;
}

.fold-about-principle__icon--ring{
  border:8px solid currentColor;
  border-radius:50%;
}

.fold-about-principle__icon--plus::before,
.fold-about-principle__icon--plus::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  background:currentColor;
  border-radius:999px;
  transform:translate(-50%,-50%);
}

.fold-about-principle__icon--plus::before{
  width:34px;
  height:4px;
}

.fold-about-principle__icon--plus::after{
  width:4px;
  height:34px;
}

.fold-about-principle p{
  margin:0;
  font-size:15px;
  line-height:1.65;
}


/* ==========================================================
   6. CTA
   BILD OHNE KARTE · DIREKT ABGERUNDET
========================================================== */

.fold-about-cta{
  min-height:600px;
}

.fold-about-cta__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-height:600px;
}

.fold-about-cta__copy > p:last-of-type{
  max-width:560px;
}

.fold-about-cta__image{
  position:relative;
  min-height:600px;
  overflow:hidden;
  border-radius:var(--fa-radius);
  background:transparent;
}

.fold-about-cta__image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  border-radius:inherit;
}

.fold-about-cta__buttons{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  width:100%;
  margin-top:34px;
}

.fold-about-page .fold-about-button{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-width:250px;
  min-height:66px;
  padding:12px 13px 12px 22px;
  color:var(--fa-black) !important;
  border:1px solid var(--fa-yellow);
  border-radius:16px;
  background:var(--fa-yellow) !important;
  font-family:"Inter",Arial,sans-serif;
  font-size:14px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none !important;
}

.fold-about-page .fold-about-button:hover{
  border-color:var(--fa-yellow-hover);
  background:var(--fa-yellow-hover) !important;
}

.fold-about-page .fold-about-button--secondary{
  border-color:rgba(17,17,17,.18);
  background:var(--fa-white) !important;
}

.fold-about-button__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:40px;
  height:40px;
  color:var(--fa-white);
  border-radius:50%;
  background:var(--fa-dark);
  font-size:18px;
  line-height:1;
}


/* ==========================================================
   FOLD ABOUT PAGE – COMPONENTS CSS V26.0 ENDET
========================================================== */


/* ==========================================================
   FOLD PRESSE COMPONENT CSS V5.0 BEGINNT
========================================================== */

.fold-press-page,
.fold-press-page *,
.fold-press-page *::before,
.fold-press-page *::after{
  box-sizing:border-box;
}

.fold-press-page{
  --fp-yellow:#faca30;
  --fp-yellow-hover:#efba19;

  --fp-black:#111111;
  --fp-dark:#242424;
  --fp-copy:#686868;

  --fp-card:#f5f4f0;
  --fp-card-soft:#faf9f6;
  --fp-white:#ffffff;

  --fp-border:rgba(17,17,17,.10);

  --fp-radius:26px;
  --fp-mobile-radius:18px;

  width:min(1680px,calc(100% - 64px));

  margin:0 auto;
  padding:48px 0 96px;

  font-family:"Inter",Arial,sans-serif;
  color:var(--fp-black);
}


/* ==========================================================
   BASIS
========================================================== */

.fold-press-page section,
.fold-press-page article,
.fold-press-page header,
.fold-press-page div{
  min-width:0;
}

.fold-press-page h1,
.fold-press-page h2,
.fold-press-page h3,
.fold-press-page p{
  margin-top:0;
}

.fold-press-page h1,
.fold-press-page h2{
  margin-bottom:0;

  font-family:"Oswald",Arial,sans-serif;
  font-weight:600;
  line-height:1.05;
  letter-spacing:-.025em;

  color:var(--fp-black);
}

.fold-press-page h1{
  max-width:1050px;

  font-size:66px;
}

.fold-press-page h2{
  font-size:50px;
}

.fold-press-page h3{
  margin:0 0 18px;

  font-size:30px;
  font-weight:700;
  line-height:1.12;
  letter-spacing:-.035em;

  color:var(--fp-black);
}

.fold-press-page p{
  margin-bottom:20px;

  font-size:17px;
  font-weight:400;
  line-height:1.72;

  color:var(--fp-copy);
}

.fold-press-page p:last-child{
  margin-bottom:0;
}

.fold-press-eyebrow,
.fold-press-card-label{
  display:block;

  margin:0;

  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:.16em;
  text-transform:uppercase;

  color:#8b6d23 !important;
}

.fold-press-line{
  width:72px;
  height:4px;

  margin:28px 0 32px;

  border-radius:999px;

  background:var(--fp-yellow);
}


/* ==========================================================
   HERO
========================================================== */

.fold-press-hero{
  max-width:1120px;

  padding:52px;

  border:1px solid var(--fp-border);
  border-radius:var(--fp-radius);

  background:var(--fp-card);
}

.fold-press-hero__text{
  max-width:820px;
}


/* ==========================================================
   ABSCHNITTE
========================================================== */

.fold-press-section{
  padding:72px 0;
}

.fold-press-section + .fold-press-section{
  border-top:1px solid var(--fp-border);
}

.fold-press-section-head{
  max-width:980px;
  margin-bottom:34px;
}


/* ==========================================================
   AWARDS
========================================================== */

.fold-press-award{
  display:grid;
  grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);
  align-items:stretch;
  gap:24px;

  margin-bottom:24px;
}

.fold-press-award:last-child{
  margin-bottom:0;
}

.fold-press-award__logo,
.fold-press-award__content{
  min-height:540px;

  border:1px solid var(--fp-border);
  border-radius:var(--fp-radius);

  background:var(--fp-card);
}

.fold-press-award__logo{
  display:flex;
  align-items:center;
  justify-content:center;

  padding:58px;

  overflow:hidden;
}

.fold-press-award__logo img{
  width:100%;
  height:auto;

  max-width:320px;
  max-height:260px;

  display:block;

  object-fit:contain;
}

.fold-press-award__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;

  padding:52px;
}

.fold-press-award__content h3{
  font-family:"Oswald",Arial,sans-serif;
  font-size:42px;
  font-weight:600;
  line-height:1.05;
  letter-spacing:-.02em;
}

.fold-press-award__content h3 small{
  display:block;

  margin-top:10px;

  font-family:"Inter",Arial,sans-serif;
  font-size:13px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:.14em;
  text-transform:uppercase;

  color:var(--fp-copy);
}

.fold-press-award__content .fold-press-card-label{
  margin-bottom:18px;
}

.fold-press-award__content .fold-press-line{
  margin-top:24px;
  margin-bottom:28px;
}


/* ==========================================================
   PRESSEKARTEN
========================================================== */

.fold-press-media-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;

  max-width:1280px;
}

.fold-press-media-card{
  display:flex;
  flex-direction:column;

  min-height:380px;
  padding:34px;

  border:1px solid var(--fp-border);
  border-radius:24px;

  background:var(--fp-card);
}

.fold-press-media-card__top,
.fold-press-download-card__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;

  margin-bottom:50px;
}

.fold-press-card-number{
  flex:0 0 auto;

  font-family:"Oswald",Arial,sans-serif;
  font-size:18px;
  font-weight:600;
  line-height:1;

  color:#91723e;
}

.fold-press-media-card p{
  max-width:580px;
}


/* ==========================================================
   DOWNLOADS
========================================================== */

.fold-press-download-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.fold-press-download-card{
  display:flex;
  flex-direction:column;

  min-height:370px;
  padding:28px;

  border:1px solid var(--fp-border);
  border-radius:22px;

  background:var(--fp-card);
}

.fold-press-download-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:42px;
  height:42px;

  border-radius:50%;

  font-size:18px;
  font-weight:700;
  line-height:1;

  color:var(--fp-black);
  background:var(--fp-yellow);
}

.fold-press-download-card h3{
  font-size:25px;
}

.fold-press-download-card p{
  font-size:15px;
  line-height:1.65;
}


/* ==========================================================
   BUTTONS
========================================================== */

.fold-press-page .fold-press-button{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;

  width:100%;
  max-width:285px;
  min-height:64px;

  margin-top:auto;
  padding:12px 13px 12px 22px;

  border:1px solid var(--fp-yellow);
  border-radius:16px;

  font-family:"Inter",Arial,sans-serif;
  font-size:14px;
  font-weight:800;
  line-height:1.2;

  color:var(--fp-black) !important;
  background:var(--fp-yellow) !important;

  text-decoration:none !important;

  box-shadow:none;

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

.fold-press-page .fold-press-button:hover,
.fold-press-page .fold-press-button:focus,
.fold-press-page .fold-press-button:active,
.fold-press-page .fold-press-button:visited{
  color:var(--fp-black) !important;
  text-decoration:none !important;
}

.fold-press-page .fold-press-button:hover{
  background:var(--fp-yellow-hover) !important;
  border-color:var(--fp-yellow-hover);

  transform:translateY(-2px);

  box-shadow:0 14px 28px rgba(0,0,0,.10);
}

.fold-press-button__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;

  width:40px;
  height:40px;

  border-radius:50%;

  font-size:18px;
  font-weight:600;
  line-height:1;

  color:#ffffff;
  background:var(--fp-dark);
}

.fold-press-page .fold-press-button:focus-visible{
  outline:3px solid rgba(250,202,48,.35);
  outline-offset:3px;
}


/* ==========================================================
   DEAKTIVIERTE BUTTONS
========================================================== */

.fold-press-page .fold-press-button--pending{
  cursor:default;
  pointer-events:none;

  color:#777777 !important;
  background:#e9e8e3 !important;
  border-color:#dcdbd5;

  opacity:1;

  transform:none;
  box-shadow:none;
}

.fold-press-button--pending .fold-press-button__icon{
  background:#777777;
}


/* ==========================================================
   REDUCED MOTION
========================================================== */

@media(prefers-reduced-motion:reduce){

  .fold-press-page *,
  .fold-press-page *::before,
  .fold-press-page *::after{
    animation:none !important;
    transition:none !important;
  }

}

/* ==========================================================
   FOLD PRESSE COMPONENT CSS V5.0 ENDET
========================================================== */

/* ==========================================================
   FOLD DATENSCHUTZ COMPONENTS CSS V1.0 BEGINNT
========================================================== */

.fold-privacy-page{
  --fp-yellow:#FACA30;
  --fp-yellow-dark:#A97900;
  --fp-black:#111111;
  --fp-text:#4B4F56;
  --fp-surface:#F7F7F4;
  --fp-border:#E9E9E3;
  --fp-white:#FFFFFF;
  --fp-radius:32px;
  --fp-card-radius:24px;

  position:relative;
  left:50%;
  width:min(94vw,1680px);
  max-width:none;
  margin:0;
  padding:48px 0 112px;
  transform:translateX(-50%);

  color:var(--fp-black);
  font-family:"Inter",Arial,sans-serif;
}

.fold-privacy-page *,
.fold-privacy-page *::before,
.fold-privacy-page *::after{
  box-sizing:border-box;
}

.fold-privacy-page h1,
.fold-privacy-page h2,
.fold-privacy-page p{
  margin-top:0;
}

.fold-privacy-page h1,
.fold-privacy-page h2{
  margin-bottom:0;
  color:var(--fp-black);
  font-family:"Oswald",Arial,sans-serif;
  font-weight:600;
  line-height:1.08;
}

.fold-privacy-page h1{
  font-size:64px;
  letter-spacing:-.015em;
}

.fold-privacy-page h2{
  font-size:32px;
}

.fold-privacy-page p{
  margin:0 0 18px;
  color:var(--fp-text);
  font-size:16px;
  line-height:1.72;
}

.fold-privacy-page p:last-child{
  margin-bottom:0;
}

.fold-privacy-page a{
  color:var(--fp-black);
  text-decoration-color:var(--fp-yellow-dark);
  text-underline-offset:3px;
}

.fold-privacy-eyebrow{
  display:block;
  margin:0 0 16px;
  color:var(--fp-yellow-dark);
  font-size:13px;
  font-weight:800;
  line-height:1;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.fold-privacy-line{
  width:70px;
  height:4px;
  margin:22px 0 28px;
  background:var(--fp-yellow);
  border-radius:999px;
}


/* ==========================================================
   HERO
========================================================== */

.fold-privacy-hero{
  padding:64px;
  background:var(--fp-surface);
  border:1px solid var(--fp-border);
  border-radius:var(--fp-radius);
}

.fold-privacy-hero__content{
  max-width:1000px;
}

.fold-privacy-intro{
  max-width:820px;
  font-size:19px!important;
}

.fold-privacy-meta{
  margin-top:30px!important;
  color:#767B82!important;
  font-size:14px!important;
  font-weight:600;
}


/* ==========================================================
   INHALTSÜBERSICHT
========================================================== */

.fold-privacy-nav{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:40px;
  margin-top:24px;
  padding:40px;

  background:var(--fp-white);
  border:1px solid var(--fp-border);
  border-radius:var(--fp-radius);
}

.fold-privacy-nav__head h2{
  font-size:34px;
}

.fold-privacy-nav__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px 18px;
}

.fold-privacy-nav__grid a{
  display:flex;
  align-items:center;
  min-height:46px;
  padding:10px 14px;

  background:var(--fp-surface);
  border:1px solid var(--fp-border);
  border-radius:12px;

  color:var(--fp-black);
  font-size:13px;
  font-weight:700;
  line-height:1.35;
  text-decoration:none;

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

.fold-privacy-nav__grid a:hover,
.fold-privacy-nav__grid a:focus-visible{
  background:var(--fp-yellow);
  border-color:var(--fp-yellow);
  outline:none;
  transform:translateY(-2px);
}


/* ==========================================================
   INHALT
========================================================== */

.fold-privacy-content{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-top:48px;
}

.fold-privacy-card{
  position:relative;
  min-width:0;
  padding:42px;

  background:var(--fp-surface);
  border:1px solid var(--fp-border);
  border-radius:var(--fp-card-radius);

  scroll-margin-top:120px;
}

.fold-privacy-card h2{
  padding-right:60px;
  margin-bottom:24px;
}

.fold-privacy-number{
  position:absolute;
  top:34px;
  right:34px;

  color:var(--fp-yellow-dark);
  font-family:"Oswald",Arial,sans-serif;
  font-size:18px;
  font-weight:600;
  line-height:1;
}

.fold-privacy-highlight{
  margin:22px 0;
  padding:20px 22px;

  background:var(--fp-white);
  border:1px solid var(--fp-border);
  border-left:4px solid var(--fp-yellow);
  border-radius:14px;
}

.fold-privacy-contact{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin-bottom:20px;
}

.fold-privacy-platforms{
  display:grid;
  gap:10px;
  margin:22px 0;
}

.fold-privacy-platforms div{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:16px;
  padding:14px 16px;

  background:var(--fp-white);
  border:1px solid var(--fp-border);
  border-radius:12px;
}

.fold-privacy-platforms span{
  color:var(--fp-text);
  font-size:14px;
  line-height:1.55;
}

.fold-privacy-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.fold-privacy-links a,
.fold-privacy-link{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:10px 16px;

  background:var(--fp-white);
  border:1px solid #D8D8D2;
  border-radius:999px;

  color:var(--fp-black)!important;
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  text-decoration:none!important;

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

.fold-privacy-links a:hover,
.fold-privacy-links a:focus-visible,
.fold-privacy-link:hover,
.fold-privacy-link:focus-visible{
  background:var(--fp-black);
  border-color:var(--fp-black);
  color:var(--fp-white)!important;
  outline:none;
  transform:translateY(-2px);
}

/* ==========================================================
   FOLD DATENSCHUTZ COMPONENTS CSS V1.0 ENDET
========================================================== */

/* ==========================================================
   FOLD IMPRESSUM COMPONENTS CSS V3.0 BEGINNT
========================================================== */


/* ==========================================================
   0. VARIABLEN UND BASIS
========================================================== */

.fold-imprint-page{
  --fi-yellow:#FACA30;
  --fi-gold:#A97900;

  --fi-black:#111111;
  --fi-text:#555A63;
  --fi-muted:#777C84;

  --fi-surface:#F7F7F4;
  --fi-border:#E6E6E0;

  --fi-page-radius:32px;
  --fi-card-radius:24px;

  position:relative;
  left:50%;

  width:min(94vw,1680px);
  max-width:none;

  margin:0;
  padding:48px 0 112px;

  transform:translateX(-50%);

  color:var(--fi-black);
  font-family:"Inter",Arial,sans-serif;
}

.fold-imprint-page,
.fold-imprint-page *,
.fold-imprint-page *::before,
.fold-imprint-page *::after{
  box-sizing:border-box;
}

.fold-imprint-page section,
.fold-imprint-page div{
  min-width:0;
}

.fold-imprint-page h1,
.fold-imprint-page h2,
.fold-imprint-page p{
  margin-top:0;
}

.fold-imprint-page h1,
.fold-imprint-page h2{
  margin-bottom:0;

  color:var(--fi-black);

  font-family:"Oswald",Arial,sans-serif !important;
  font-weight:600 !important;

  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}

.fold-imprint-page h1{
  font-size:64px !important;
  line-height:1.04 !important;
  letter-spacing:-.015em;
}

.fold-imprint-page h2{
  font-size:31px !important;
  line-height:1.12 !important;
  letter-spacing:0;
}

.fold-imprint-page p{
  margin:0 0 18px;

  color:var(--fi-text);

  font-size:16px;
  font-weight:400;
  line-height:1.72;

  overflow-wrap:anywhere;
}

.fold-imprint-page p:last-child{
  margin-bottom:0;
}

.fold-imprint-page a{
  color:inherit;
  text-decoration:none;
}

.fold-imprint-page a:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}


/* ==========================================================
   1. HERO
========================================================== */

.fold-imprint-page .fold-imprint-hero{
  display:block;

  width:100%;
  padding:64px;

  background:var(--fi-surface);
  border:1px solid var(--fi-border);
  border-radius:var(--fi-page-radius);
}

.fold-imprint-page .fold-imprint-hero__content{
  width:100%;
  max-width:900px;
}

.fold-imprint-page .fold-heading-line{
  display:block !important;
  flex:none !important;

  width:70px !important;
  min-width:70px !important;
  max-width:70px !important;

  height:4px !important;
  min-height:4px !important;
  max-height:4px !important;

  margin:22px 0 28px !important;
  padding:0 !important;

  background:var(--fi-yellow) !important;
  border:0 !important;
  border-radius:999px !important;
}

.fold-imprint-page .fold-imprint-meta{
  margin:0 !important;

  color:var(--fi-muted) !important;

  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.5 !important;
}


/* ==========================================================
   2. KARTENRASTER
========================================================== */

.fold-imprint-page .fold-imprint-content{
  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;

  gap:24px;

  width:100%;
  margin-top:48px;
}


/* ==========================================================
   3. KARTEN
========================================================== */

.fold-imprint-page .fold-imprint-card{
  position:relative;
  display:block;

  width:100%;
  min-width:0;
  min-height:300px;

  padding:42px;

  background:var(--fi-surface);
  border:1px solid var(--fi-border);
  border-radius:var(--fi-card-radius);

  box-shadow:none;
  overflow:hidden;
}

.fold-imprint-page .fold-imprint-card h2{
  display:block;

  width:calc(100% - 64px);
  max-width:calc(100% - 64px);

  margin:0 0 26px;
  padding:0;

  font-size:31px !important;
  line-height:1.12 !important;

  white-space:normal;
  word-break:normal;
  overflow-wrap:anywhere;
  hyphens:auto;
}

.fold-imprint-page .fold-imprint-card__text{
  width:100%;
  max-width:720px;
}

.fold-imprint-page .fold-imprint-number{
  position:absolute;

  top:40px;
  right:34px;

  color:var(--fi-gold);

  font-family:"Oswald",Arial,sans-serif !important;
  font-size:16px;
  font-weight:600;
  line-height:1;
}


/* ==========================================================
   FOLD IMPRESSUM COMPONENTS CSS V3.0 ENDET
========================================================== */
/* ==========================================================
   FOLD HÄNDLER COMPONENTS CSS V3.0 BEGINNT
========================================================== */

.fold-dealers-page{
  --fd-yellow:#FACA30;
  --fd-yellow-dark:#A97900;
  --fd-black:#111111;
  --fd-text:#4B4F56;
  --fd-muted:#767B82;
  --fd-surface:#F7F7F4;
  --fd-border:#E9E9E3;
  --fd-white:#FFFFFF;
  --fd-radius:32px;
  --fd-card-radius:24px;

  position:relative;
  left:50%;
  width:min(94vw,1680px);
  max-width:none;
  margin:0;
  padding:48px 0 112px;
  transform:translateX(-50%);

  color:var(--fd-black);
  font-family:"Inter",Arial,sans-serif;
}

.fold-dealers-page *,
.fold-dealers-page *::before,
.fold-dealers-page *::after{
  box-sizing:border-box;
}

.fold-dealers-page h1,
.fold-dealers-page h2,
.fold-dealers-page p{
  margin-top:0;
}

.fold-dealers-eyebrow,
.fold-dealers-card-kicker{
  margin:0 0 16px;
  color:var(--fd-yellow-dark);
  font-size:13px;
  font-weight:800;
  line-height:1;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.fold-dealers-title{
  margin:0;
  color:var(--fd-black);
  font-family:"Oswald",Arial,sans-serif;
  font-size:64px;
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.015em;
}

.fold-dealers-line{
  display:block;
  width:70px;
  height:4px;
  margin:22px 0 30px;
  background:var(--fd-yellow);
  border-radius:999px;
}

.fold-dealers-intro{
  max-width:840px;
  margin:0;
  color:var(--fd-text);
  font-size:19px;
  line-height:1.7;
}


/* ==========================================================
   HERO
========================================================== */

.fold-dealers-hero{
  display:block;
  width:100%;
  padding:64px;
  background:var(--fd-surface);
  border:1px solid var(--fd-border);
  border-radius:var(--fd-radius);
}

.fold-dealers-hero__content{
  max-width:1000px;
}


/* ==========================================================
   MAIN GRID
========================================================== */

.fold-dealers-main{
  display:grid;
  grid-template-columns:minmax(340px,.78fr) minmax(0,1.72fr);
  gap:24px;
  align-items:stretch;
  margin-top:48px;
}

.fold-dealers-info-card,
.fold-dealers-map-card,
.fold-dealers-cta{
  background:var(--fd-surface);
  border:1px solid var(--fd-border);
  border-radius:var(--fd-card-radius);
}

.fold-dealers-info-card{
  display:flex;
  min-width:0;
  min-height:640px;
  align-items:center;
  padding:48px;
}

.fold-dealers-info-card__inner{
  width:100%;
}

.fold-dealers-info-card h2,
.fold-dealers-cta h2{
  margin:0 0 22px;
  color:var(--fd-black);
  font-family:"Oswald",Arial,sans-serif;
  font-size:42px;
  font-weight:600;
  line-height:1.12;
}

.fold-dealers-info-card__inner > p{
  margin:0;
  color:var(--fd-text);
  font-size:17px;
  line-height:1.7;
}

.fold-dealers-info-points{
  display:grid;
  gap:14px;
  margin-top:34px;
}

.fold-dealers-info-points span{
  position:relative;
  padding-left:26px;
  color:var(--fd-black);
  font-size:15px;
  font-weight:700;
  line-height:1.4;
}

.fold-dealers-info-points span::before{
  position:absolute;
  top:.45em;
  left:0;
  width:10px;
  height:10px;
  background:var(--fd-yellow);
  border-radius:50%;
  content:"";
}


/* ==========================================================
   MAP
========================================================== */

.fold-dealers-map-card{
  min-width:0;
  min-height:640px;
  padding:16px;
  overflow:hidden;
}

.fold-dealers-map-frame{
  width:100%;
  height:100%;
  min-height:606px;
  overflow:hidden;
  background:#ECEDE8;
  border-radius:18px;
}

.fold-dealers-map-widget,
.fold-dealers-map-widget > div,
.fold-dealers-map-widget iframe{
  width:100%!important;
  height:100%!important;
  min-height:606px!important;
}

.fold-dealers-map-widget{
  overflow:hidden!important;
  border-radius:18px!important;
}


/* ==========================================================
   CTA
========================================================== */

.fold-dealers-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,310px);
  gap:48px;
  align-items:center;
  margin-top:24px;
  padding:48px;
}

.fold-dealers-cta__content{
  max-width:850px;
}

.fold-dealers-cta__content p{
  margin:0 0 14px;
  color:var(--fd-text);
  font-size:17px;
  line-height:1.7;
}

.fold-dealers-cta__content p:last-child{
  margin-bottom:0;
}

.fold-dealers-cta__actions{
  display:flex;
  width:100%;
  flex-direction:column;
  gap:12px;
}

.fold-dealers-button{
  display:inline-flex;
  width:100%;
  min-height:56px;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:15px 20px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:15px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none!important;
  transition:
    transform .2s ease,
    background-color .2s ease,
    border-color .2s ease;
}

.fold-dealers-button:hover,
.fold-dealers-button:focus-visible{
  outline:none;
  text-decoration:none!important;
  transform:translateY(-2px);
}

.fold-dealers-button--primary{
  background:var(--fd-yellow);
  color:var(--fd-black);
}

.fold-dealers-button--primary:hover,
.fold-dealers-button--primary:focus-visible{
  background:#F4C018;
  color:var(--fd-black);
}

.fold-dealers-button--secondary{
  background:var(--fd-white);
  border-color:var(--fd-border);
  color:var(--fd-black);
}

.fold-dealers-button--secondary:hover,
.fold-dealers-button--secondary:focus-visible{
  border-color:var(--fd-yellow);
  color:var(--fd-black);
}

/* ==========================================================
   FOLD HÄNDLER COMPONENTS CSS V3.0 ENDET
========================================================== */

/* ==========================================================
   FOLD AGB COMPONENTS CSS V4 BEGINNT
========================================================== */

.fold-legal-page{
  --fold-legal-width:94%;
  --fold-legal-max:1680px;
  --fold-legal-yellow:#FACA30;
  --fold-legal-black:#111111;
  --fold-legal-text:#4B4F56;
  --fold-legal-muted:#747A81;
  --fold-legal-surface:#F7F7F4;
  --fold-legal-border:#E9E9E3;
  --fold-legal-radius:32px;
  --fold-legal-card-radius:24px;

  position:relative;
  left:50%;
  width:var(--fold-legal-width);
  max-width:var(--fold-legal-max);
  margin:0;
  padding:48px 0 112px;
  transform:translateX(-50%);
  color:var(--fold-legal-black);
  font-family:"Inter",Arial,sans-serif;
}

.fold-legal-page,
.fold-legal-page *,
.fold-legal-page *::before,
.fold-legal-page *::after{
  box-sizing:border-box;
}

.fold-legal-page h1,
.fold-legal-page h2,
.fold-legal-page p{
  margin-top:0;
}

.fold-legal-hero{
  padding:64px;
  background:var(--fold-legal-surface);
  border:1px solid var(--fold-legal-border);
  border-radius:var(--fold-legal-radius);
}

.fold-legal-hero__inner{
  max-width:1120px;
}

.fold-legal-kicker{
  margin:0 0 16px;
  color:#A97900;
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.fold-legal-hero h1{
  margin:0;
  color:var(--fold-legal-black);
  font-family:"Oswald",Arial,sans-serif;
  font-size:64px;
  font-weight:600;
  line-height:1.06;
  letter-spacing:-.015em;
}

.fold-legal-line{
  width:70px;
  height:4px;
  margin:22px 0 30px;
  background:var(--fold-legal-yellow);
  border-radius:999px;
}

.fold-legal-date{
  margin:0;
  color:var(--fold-legal-muted);
  font-size:15px;
  font-weight:700;
  line-height:1.5;
}

.fold-legal-content{
  display:grid;
  gap:24px;
  margin-top:48px;
}

.fold-legal-card{
  position:relative;
  padding:48px 64px;
  overflow:hidden;
  background:var(--fold-legal-surface);
  border:1px solid var(--fold-legal-border);
  border-radius:var(--fold-legal-card-radius);
}

.fold-legal-card::after{
  content:attr(data-section);
  position:absolute;
  top:30px;
  right:38px;
  color:rgba(17,17,17,.07);
  font-family:"Oswald",Arial,sans-serif;
  font-size:72px;
  font-weight:600;
  line-height:1;
  pointer-events:none;
}

.fold-legal-card h2{
  position:relative;
  z-index:1;
  max-width:calc(100% - 100px);
  margin:0 0 28px;
  color:var(--fold-legal-black);
  font-family:"Oswald",Arial,sans-serif;
  font-size:34px;
  font-weight:600;
  line-height:1.18;
}

.fold-legal-card p{
  position:relative;
  z-index:1;
  max-width:1240px;
  margin:0 0 18px;
  color:var(--fold-legal-text);
  font-size:16px;
  font-weight:400;
  line-height:1.78;
}

.fold-legal-card p:last-child{
  margin-bottom:0;
}

/* ==========================================================
   FOLD AGB COMPONENTS CSS V4 ENDET
========================================================== */

/* ==========================================================
   FOLD HÄNDLER WERDEN COMPONENTS CSS V3 BEGINNT
========================================================== */

.fold-dealer-form-page{
  --fdf-yellow:#FACA30;
  --fdf-yellow-hover:#F5C222;
  --fdf-yellow-dark:#8A6700;

  --fdf-black:#111111;
  --fdf-text:#4B4F56;
  --fdf-muted:#747A81;

  --fdf-white:#FFFFFF;
  --fdf-surface:#F7F7F4;
  --fdf-border:#E9E9E3;
  --fdf-input-border:#D8D9D3;

  position:relative;
  left:50%;

  width:94%;
  max-width:1680px;

  margin:0;
  padding:48px 0 112px;

  transform:translateX(-50%);

  color:var(--fdf-black);
  font-family:"Inter",Arial,sans-serif;
}

.fold-dealer-form-page,
.fold-dealer-form-page *,
.fold-dealer-form-page *::before,
.fold-dealer-form-page *::after{
  box-sizing:border-box;
}

.fold-dealer-form-page h1,
.fold-dealer-form-page h2,
.fold-dealer-form-page h3,
.fold-dealer-form-page p{
  margin-top:0;
}

.fold-dealer-form-page img{
  display:block;
  max-width:100%;
}


/* ==========================================================
   GEMEINSAME TYPOGRAFIE
========================================================== */

.fold-dealer-form-eyebrow,
.fold-dealer-form-kicker{
  margin:0 0 16px;

  color:var(--fdf-yellow-dark);

  font-size:13px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.fold-dealer-form-line{
  width:70px;
  height:4px;

  margin:22px 0 30px;

  background:var(--fdf-yellow);
  border-radius:999px;
}

.fold-dealer-form-copy h2,
.fold-dealer-form-card h2,
.fold-dealer-benefits h2,
.fold-dealer-form-process h2,
.fold-dealer-form-contact h2{
  margin:0;

  font-family:"Oswald",Arial,sans-serif;
  font-size:46px;
  font-weight:600;
  line-height:1.1;
  letter-spacing:-.015em;
}


/* ==========================================================
   HERO
========================================================== */

.fold-dealer-form-hero{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:24px;

  min-height:620px;
  padding:24px;

  overflow:hidden;

  background:var(--fdf-surface);
  border:1px solid var(--fdf-border);
  border-radius:32px;
}

.fold-dealer-form-hero__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;

  min-width:0;
  padding:40px;
}

.fold-dealer-form-hero h1{
  max-width:740px;
  margin:0;

  font-family:"Oswald",Arial,sans-serif;
  font-size:64px;
  font-weight:600;
  line-height:1.05;
  letter-spacing:-.018em;
}

.fold-dealer-form-hero__text{
  max-width:690px;
  margin:0;

  color:var(--fdf-text);

  font-size:19px;
  line-height:1.7;
}

.fold-dealer-form-hero__image{
  position:relative;

  min-width:0;
  min-height:572px;

  overflow:hidden;

  border-radius:24px;
  background:#EDEDE8;

  isolation:isolate;
}

.fold-dealer-form-hero__image img{
  position:absolute;
  inset:0;

  width:100%;
  max-width:none;
  height:100%;

  object-fit:cover;
  object-position:center;

  border-radius:24px;

  transform:translateZ(0);
}


/* ==========================================================
   BUTTONS – FOLD DESIGN
========================================================== */

.fold-dealer-form-hero__button,
.fold-dealer-submit button,
.fold-dealer-form-button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;

  min-height:66px;
  padding:16px 18px 16px 24px;

  border:1px solid var(--fdf-yellow);
  border-radius:16px;

  background:var(--fdf-yellow);
  color:var(--fdf-black);

  font-family:"Inter",Arial,sans-serif;
  font-size:16px;
  font-weight:800;
  line-height:1.2;

  text-decoration:none;
  cursor:pointer;

  box-shadow:none;

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

.fold-dealer-form-hero__button{
  width:auto;
  min-width:310px;
  margin-top:36px;
}

.fold-dealer-submit button{
  width:100%;
}

.fold-dealer-form-button{
  width:100%;
  min-width:320px;
}

.fold-dealer-form-hero__button span:first-child,
.fold-dealer-submit button span:first-child,
.fold-dealer-form-button span:first-child{
  color:inherit;
  text-decoration:none;
}

.fold-dealer-form-hero__button span:last-child,
.fold-dealer-submit button span:last-child,
.fold-dealer-form-button span:last-child{
  display:flex;
  width:36px;
  height:36px;
  flex:0 0 36px;

  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:var(--fdf-black);
  color:var(--fdf-white);

  font-size:18px;
  font-weight:700;
  line-height:1;

  transition:transform .2s ease;
}

.fold-dealer-form-hero__button:hover,
.fold-dealer-submit button:hover,
.fold-dealer-form-button:hover{
  transform:translateY(-2px);

  background:var(--fdf-yellow-hover);
  border-color:var(--fdf-yellow-hover);
  color:var(--fdf-black);

  box-shadow:0 10px 24px rgba(17,17,17,.12);
}

.fold-dealer-form-hero__button:hover span:last-child,
.fold-dealer-submit button:hover span:last-child,
.fold-dealer-form-button:hover span:last-child{
  transform:translateX(2px);
  background:var(--fdf-black);
  color:var(--fdf-white);
}

.fold-dealer-form-hero__button:focus-visible,
.fold-dealer-submit button:focus-visible,
.fold-dealer-form-button:focus-visible{
  outline:3px solid rgba(250,202,48,.45);
  outline-offset:3px;
}


/* ==========================================================
   INTRO + FORMULAR
========================================================== */

.fold-dealer-form-intro{
  display:grid;
  grid-template-columns:minmax(330px,.78fr) minmax(0,1.35fr);
  gap:24px;

  align-items:stretch;

  margin-top:48px;
}

.fold-dealer-form-copy,
.fold-dealer-form-card,
.fold-dealer-benefits,
.fold-dealer-form-process,
.fold-dealer-form-contact{
  background:var(--fdf-surface);
  border:1px solid var(--fdf-border);
  border-radius:24px;
}


/* ==========================================================
   LINKE INFORMATIONSSPALTE
========================================================== */

.fold-dealer-form-copy{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:54px;

  min-width:0;
  padding:48px;
}

.fold-dealer-form-copy__intro{
  max-width:650px;
}

.fold-dealer-form-copy__intro > p:last-child{
  margin:0;

  color:var(--fdf-text);

  font-size:17px;
  line-height:1.7;
}

.fold-dealer-form-points{
  display:grid;
}

.fold-dealer-form-points article{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:18px;

  padding:24px 0;

  border-top:1px solid var(--fdf-border);
}

.fold-dealer-form-points article:last-child{
  padding-bottom:0;
}

.fold-dealer-form-points__number{
  color:var(--fdf-yellow-dark);

  font-family:"Oswald",Arial,sans-serif;
  font-size:20px;
  font-weight:600;
  line-height:1.25;
}

.fold-dealer-form-points h3{
  margin:0 0 8px;

  font-size:16px;
  font-weight:800;
  line-height:1.4;
}

.fold-dealer-form-points p{
  margin:0;

  color:var(--fdf-text);

  font-size:14px;
  line-height:1.6;
}


/* ==========================================================
   FORMULAR-CARD
========================================================== */

.fold-dealer-form-card{
  min-width:0;
  padding:48px;
}

.fold-dealer-form-card__heading{
  max-width:820px;
  margin-bottom:40px;
}

.fold-dealer-form-card__heading > p:last-child{
  margin:0;

  color:var(--fdf-text);

  font-size:17px;
  line-height:1.7;
}


/* ==========================================================
   NATIVES FORMULAR
========================================================== */

.fold-dealer-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.fold-dealer-field{
  min-width:0;
}

.fold-dealer-field--full{
  grid-column:1 / -1;
}

.fold-dealer-field label{
  display:block;

  margin:0 0 10px;

  color:var(--fdf-black);

  font-size:14px;
  font-weight:800;
  line-height:1.4;
}

.fold-dealer-field input,
.fold-dealer-field select,
.fold-dealer-field textarea{
  width:100%;
  min-width:0;
  min-height:58px;

  padding:15px 16px;

  border:1px solid var(--fdf-input-border);
  border-radius:14px;
  outline:none;

  background:var(--fdf-white);
  color:var(--fdf-black);

  font-family:"Inter",Arial,sans-serif;
  font-size:16px;
  line-height:1.4;

  box-shadow:none;

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

.fold-dealer-field textarea{
  min-height:200px;
  resize:vertical;
}

.fold-dealer-field input::placeholder,
.fold-dealer-field textarea::placeholder{
  color:#989B9F;
  opacity:1;
}

.fold-dealer-field input:hover,
.fold-dealer-field select:hover,
.fold-dealer-field textarea:hover{
  border-color:#BEBFB9;
}

.fold-dealer-field input:focus,
.fold-dealer-field select:focus,
.fold-dealer-field textarea:focus{
  border-color:var(--fdf-black);

  background:var(--fdf-white);

  box-shadow:0 0 0 3px rgba(17,17,17,.06);
}

.fold-dealer-consent{
  padding-top:2px;
}

.fold-dealer-consent > label{
  display:flex;
  align-items:flex-start;
  gap:12px;

  margin:0;

  color:var(--fdf-text);

  font-size:13px;
  font-weight:500;
  line-height:1.6;

  cursor:pointer;
}

.fold-dealer-consent input{
  width:19px;
  min-width:19px;
  height:19px;

  margin:2px 0 0;

  accent-color:var(--fdf-black);
}

.fold-dealer-consent a{
  color:var(--fdf-black);

  font-weight:700;
  text-decoration:underline;
  text-underline-offset:2px;
}

.fold-dealer-form-note{
  margin:18px 0 0;

  color:var(--fdf-muted);

  font-size:12px;
  line-height:1.5;
}


/* ==========================================================
   ELEMENTOR-FORMULAR
========================================================== */

.fold-elementor-form .elementor-form-fields-wrapper{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
}

.fold-elementor-form .elementor-field-group{
  width:100%!important;
  margin:0!important;
}

.fold-elementor-form .elementor-field-type-textarea,
.fold-elementor-form .elementor-field-type-acceptance,
.fold-elementor-form .elementor-field-type-submit{
  grid-column:1 / -1!important;
}

.fold-elementor-form .elementor-field-label{
  margin-bottom:10px!important;

  color:var(--fdf-black)!important;

  font-family:"Inter",Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.4!important;
}

.fold-elementor-form input:not([type="checkbox"]),
.fold-elementor-form select,
.fold-elementor-form textarea{
  width:100%!important;
  min-height:58px!important;

  padding:15px 16px!important;

  border:1px solid var(--fdf-input-border)!important;
  border-radius:14px!important;

  background:var(--fdf-white)!important;
  color:var(--fdf-black)!important;

  font-family:"Inter",Arial,sans-serif!important;
  font-size:16px!important;

  box-shadow:none!important;
}

.fold-elementor-form textarea{
  min-height:200px!important;
  resize:vertical!important;
}

.fold-elementor-form input:focus,
.fold-elementor-form select:focus,
.fold-elementor-form textarea:focus{
  border-color:var(--fdf-black)!important;
  outline:none!important;

  box-shadow:0 0 0 3px rgba(17,17,17,.06)!important;
}

.fold-elementor-form .elementor-field-type-acceptance{
  color:var(--fdf-text)!important;

  font-size:13px!important;
  line-height:1.6!important;
}

.fold-elementor-form .elementor-button{
  display:flex!important;
  width:100%!important;
  min-height:66px!important;

  align-items:center!important;
  justify-content:center!important;

  padding:16px 24px!important;

  border:1px solid var(--fdf-yellow)!important;
  border-radius:16px!important;

  background:var(--fdf-yellow)!important;
  color:var(--fdf-black)!important;

  font-family:"Inter",Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:800!important;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background-color .2s ease !important;
}

.fold-elementor-form .elementor-button:hover{
  transform:translateY(-2px)!important;

  background:var(--fdf-yellow-hover)!important;
  border-color:var(--fdf-yellow-hover)!important;
  color:var(--fdf-black)!important;

  box-shadow:0 10px 24px rgba(17,17,17,.12)!important;
}


/* ==========================================================
   VORTEILE
========================================================== */

.fold-dealer-benefits{
  margin-top:24px;
  padding:48px;
}

.fold-dealer-benefits__heading{
  max-width:820px;
}

.fold-dealer-benefits__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;

  margin-top:36px;
}

.fold-dealer-benefits__grid article{
  min-height:250px;
  padding:28px;

  background:var(--fdf-white);
  border:1px solid var(--fdf-border);
  border-radius:18px;
}

.fold-dealer-benefits__grid span{
  display:block;

  margin-bottom:42px;

  color:var(--fdf-yellow-dark);

  font-family:"Oswald",Arial,sans-serif;
  font-size:20px;
  font-weight:600;
}

.fold-dealer-benefits__grid h3{
  margin:0 0 12px;

  font-family:"Oswald",Arial,sans-serif;
  font-size:26px;
  font-weight:600;
  line-height:1.18;
}

.fold-dealer-benefits__grid p{
  margin:0;

  color:var(--fdf-text);

  font-size:15px;
  line-height:1.65;
}


/* ==========================================================
   PROZESS
========================================================== */

.fold-dealer-form-process{
  margin-top:24px;
  padding:48px;
}

.fold-dealer-form-process__heading{
  max-width:820px;
}

.fold-dealer-form-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;

  margin-top:36px;
}

.fold-dealer-form-steps article{
  min-height:230px;
  padding:28px;

  background:var(--fdf-white);
  border:1px solid var(--fdf-border);
  border-radius:18px;
}

.fold-dealer-form-steps span{
  display:block;

  margin-bottom:42px;

  color:var(--fdf-yellow-dark);

  font-family:"Oswald",Arial,sans-serif;
  font-size:20px;
  font-weight:600;
}

.fold-dealer-form-steps h3{
  margin:0 0 12px;

  font-family:"Oswald",Arial,sans-serif;
  font-size:27px;
  font-weight:600;
  line-height:1.18;
}

.fold-dealer-form-steps p{
  margin:0;

  color:var(--fdf-text);

  font-size:15px;
  line-height:1.65;
}


/* ==========================================================
   ABSCHLUSS
========================================================== */

.fold-dealer-form-contact{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,380px);
  gap:48px;

  align-items:center;

  margin-top:24px;
  padding:48px;
}

.fold-dealer-form-contact > div{
  max-width:820px;
}

.fold-dealer-form-contact h2{
  margin-bottom:18px;
}

.fold-dealer-form-contact p{
  margin:0;

  color:var(--fdf-text);

  font-size:17px;
  line-height:1.7;
}

/* ==========================================================
   FOLD HÄNDLER WERDEN – HERO- UND BUTTON-KORREKTUR
========================================================== */


/* ----------------------------------------------------------
   HERO-BILD: ABGERUNDET UND OHNE WEISSRAUM UNTEN
---------------------------------------------------------- */

.fold-dealer-form-hero{
  align-items:stretch;
}

.fold-dealer-form-hero__image{
  position:relative;
  display:block;

  width:100%;
  min-width:0;
  min-height:572px;
  height:100%;

  margin:0;
  padding:0;

  overflow:hidden;

  background:#EDEDE8;
  border-radius:24px;

  line-height:0;
  font-size:0;

  isolation:isolate;
}

.fold-dealer-form-hero__image img{
  position:absolute !important;
  inset:0 !important;

  display:block !important;

  width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:100% !important;

  margin:0 !important;
  padding:0 !important;

  object-fit:cover !important;
  object-position:center center !important;

  border:0 !important;
  border-radius:24px !important;

 
  transform:none !important;
}


/* ----------------------------------------------------------
   BUTTONS: KEINE UNTERSTREICHUNG
---------------------------------------------------------- */

.fold-dealer-form-page .fold-dealer-form-hero__button,
.fold-dealer-form-page .fold-dealer-form-button{
  text-decoration:none !important;
  text-decoration-line:none !important;
  text-decoration-color:transparent !important;
  text-underline-offset:0 !important;
}

.fold-dealer-form-page .fold-dealer-form-hero__button span,
.fold-dealer-form-page .fold-dealer-form-button span,
.fold-dealer-form-page .fold-dealer-submit button span{
  text-decoration:none !important;
  text-decoration-line:none !important;
}

.fold-dealer-form-page .fold-dealer-form-hero__button:link,
.fold-dealer-form-page .fold-dealer-form-hero__button:visited,
.fold-dealer-form-page .fold-dealer-form-hero__button:hover,
.fold-dealer-form-page .fold-dealer-form-hero__button:focus,
.fold-dealer-form-page .fold-dealer-form-hero__button:active,
.fold-dealer-form-page .fold-dealer-form-button:link,
.fold-dealer-form-page .fold-dealer-form-button:visited,
.fold-dealer-form-page .fold-dealer-form-button:hover,
.fold-dealer-form-page .fold-dealer-form-button:focus,
.fold-dealer-form-page .fold-dealer-form-button:active{
  color:var(--fdf-black) !important;

  text-decoration:none !important;
  text-decoration-line:none !important;
  text-decoration-color:transparent !important;
}


/* ----------------------------------------------------------
   BUTTON-HOVER: BLEIBT GELB
---------------------------------------------------------- */

.fold-dealer-form-page .fold-dealer-form-hero__button:hover,
.fold-dealer-form-page .fold-dealer-submit button:hover,
.fold-dealer-form-page .fold-dealer-form-button:hover{
  background:var(--fdf-yellow-hover) !important;
  border-color:var(--fdf-yellow-hover) !important;
  color:var(--fdf-black) !important;

  text-decoration:none !important;

  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(17,17,17,.12);
}

.fold-dealer-form-page .fold-dealer-form-hero__button:hover span,
.fold-dealer-form-page .fold-dealer-submit button:hover span,
.fold-dealer-form-page .fold-dealer-form-button:hover span{
  text-decoration:none !important;
}


/* ==========================================================
   FOLD HÄNDLER WERDEN COMPONENTS CSS V3 ENDET
========================================================== */

/* ==========================================================
   FOLD KONTAKT COMPONENTS CSS V2 BEGINNT
========================================================== */

.fold-contact-page{
  --fct-yellow:#FACA30;
  --fct-yellow-hover:#F5C222;
  --fct-yellow-dark:#8A6700;

  --fct-black:#111111;
  --fct-text:#4B4F56;
  --fct-muted:#747A81;

  --fct-white:#FFFFFF;
  --fct-surface:#F7F7F4;
  --fct-border:#E9E9E3;
  --fct-input-border:#D8D9D3;

  position:relative;
  left:50%;

  width:94%;
  max-width:1680px;

  margin:0;
  padding:48px 0 112px;

  transform:translateX(-50%);

  color:var(--fct-black);
  font-family:"Inter",Arial,sans-serif;
}

.fold-contact-page,
.fold-contact-page *,
.fold-contact-page *::before,
.fold-contact-page *::after{
  box-sizing:border-box;
}

.fold-contact-page h1,
.fold-contact-page h2,
.fold-contact-page h3,
.fold-contact-page p{
  margin-top:0;
}

.fold-contact-page img{
  display:block;
  max-width:100%;
}


/* ==========================================================
   GEMEINSAME TYPOGRAFIE
========================================================== */

.fold-contact-eyebrow,
.fold-contact-kicker{
  margin:0 0 16px;

  color:var(--fct-yellow-dark);

  font-size:13px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.fold-contact-line{
  width:70px;
  height:4px;

  margin:22px 0 30px;

  background:var(--fct-yellow);
  border-radius:999px;
}

.fold-contact-info h2,
.fold-contact-form-card h2,
.fold-contact-cta h2{
  margin:0;

  font-family:"Oswald",Arial,sans-serif;
  font-size:46px;
  font-weight:600;
  line-height:1.1;
  letter-spacing:-.015em;
}


/* ==========================================================
   HERO
========================================================== */

.fold-contact-hero{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:24px;
  align-items:stretch;

  min-height:620px;
  padding:24px;

  overflow:hidden;

  background:var(--fct-surface);
  border:1px solid var(--fct-border);
  border-radius:32px;
}

.fold-contact-hero__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;

  min-width:0;
  min-height:572px;
  padding:40px;
}

.fold-contact-hero h1{
  max-width:740px;
  margin:0;

  font-family:"Oswald",Arial,sans-serif;
  font-size:64px;
  font-weight:600;
  line-height:1.05;
  letter-spacing:-.018em;
}

.fold-contact-hero__text{
  max-width:690px;
  margin:0;

  color:var(--fct-text);

  font-size:19px;
  line-height:1.7;
}

.fold-contact-hero__image{
  position:relative;
  display:block;

  width:100%;
  min-width:0;
  min-height:572px;
  height:100%;

  margin:0;
  padding:0;

  overflow:hidden;

  background:#EDEDE8;
  border-radius:24px;

  line-height:0;
  font-size:0;
  isolation:isolate;
}

.fold-contact-hero__image img{
  position:absolute !important;
  inset:0 !important;

  display:block !important;

  width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:100% !important;

  margin:0 !important;
  padding:0 !important;

  object-fit:cover !important;
  object-position:center center !important;

  border:0 !important;
  border-radius:24px !important;

  transform:none !important;
}


/* ==========================================================
   BUTTONS
========================================================== */

.fold-contact-page .fold-contact-hero__button,
.fold-contact-page .fold-form-button,
.fold-contact-page .fold-contact-cta__button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;

  min-height:66px;
  padding:15px 16px 15px 24px;

  border:1px solid var(--fct-yellow);
  border-radius:16px;

  background:var(--fct-yellow);
  color:var(--fct-black);

  font-family:"Inter",Arial,sans-serif;
  font-size:16px;
  font-weight:800;
  line-height:1.2;

  text-decoration:none !important;
  text-decoration-line:none !important;

  cursor:pointer;
  box-shadow:none;

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

.fold-contact-page .fold-contact-hero__button{
  width:auto;
  min-width:300px;
  margin-top:36px;
}

.fold-contact-page .fold-form-button{
  width:100%;
}

.fold-contact-page .fold-contact-cta__button{
  width:100%;
  min-width:310px;
}

.fold-contact-page .fold-contact-hero__button span,
.fold-contact-page .fold-form-button span,
.fold-contact-page .fold-contact-cta__button span{
  text-decoration:none !important;
}

.fold-contact-page .fold-contact-hero__button span:last-child,
.fold-contact-page .fold-form-button span:last-child,
.fold-contact-page .fold-contact-cta__button span:last-child{
  display:flex;
  align-items:center;
  justify-content:center;

  width:36px;
  height:36px;
  flex:0 0 36px;

  border-radius:50%;

  background:var(--fct-black);
  color:var(--fct-white);

  font-size:18px;
  font-weight:700;
  line-height:1;

  transition:transform .2s ease;
}

.fold-contact-page .fold-contact-hero__button:link,
.fold-contact-page .fold-contact-hero__button:visited,
.fold-contact-page .fold-contact-hero__button:hover,
.fold-contact-page .fold-contact-hero__button:focus,
.fold-contact-page .fold-contact-hero__button:active,
.fold-contact-page .fold-contact-cta__button:link,
.fold-contact-page .fold-contact-cta__button:visited,
.fold-contact-page .fold-contact-cta__button:hover,
.fold-contact-page .fold-contact-cta__button:focus,
.fold-contact-page .fold-contact-cta__button:active{
  color:var(--fct-black);
  text-decoration:none !important;
  text-decoration-line:none !important;
}

.fold-contact-page .fold-contact-hero__button:hover,
.fold-contact-page .fold-form-button:hover,
.fold-contact-page .fold-contact-cta__button:hover{
  transform:translateY(-2px);

  background:var(--fct-yellow-hover);
  border-color:var(--fct-yellow-hover);
  color:var(--fct-black);

  box-shadow:0 10px 24px rgba(17,17,17,.12);
}

.fold-contact-page .fold-contact-hero__button:hover span:last-child,
.fold-contact-page .fold-form-button:hover span:last-child,
.fold-contact-page .fold-contact-cta__button:hover span:last-child{
  transform:translateX(2px);
}

.fold-contact-page .fold-contact-hero__button:focus-visible,
.fold-contact-page .fold-form-button:focus-visible,
.fold-contact-page .fold-contact-cta__button:focus-visible{
  outline:3px solid rgba(250,202,48,.45);
  outline-offset:3px;
}


/* ==========================================================
   LAYOUT
========================================================== */

.fold-contact-layout{
  display:grid;
  grid-template-columns:minmax(330px,.78fr) minmax(0,1.35fr);
  gap:24px;
  align-items:stretch;

  margin-top:48px;
}

.fold-contact-info,
.fold-contact-form-card,
.fold-contact-cta{
  background:var(--fct-surface);
  border:1px solid var(--fct-border);
  border-radius:24px;
}


/* ==========================================================
   KONTAKTINFORMATIONEN
========================================================== */

.fold-contact-info{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:54px;

  min-width:0;
  padding:48px;
}

.fold-contact-info__intro{
  max-width:650px;
}

.fold-contact-info__intro > p:last-child{
  margin:0;

  color:var(--fct-text);

  font-size:17px;
  line-height:1.7;
}

.fold-contact-details{
  display:grid;
}

.fold-contact-details > a,
.fold-contact-details > div{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:18px;

  padding:24px 0;

  border-top:1px solid var(--fct-border);

  color:var(--fct-black);
  text-decoration:none !important;
}

.fold-contact-details > a:last-child,
.fold-contact-details > div:last-child{
  padding-bottom:0;
}

.fold-contact-detail-number{
  color:var(--fct-yellow-dark);

  font-family:"Oswald",Arial,sans-serif;
  font-size:20px;
  font-weight:600;
  line-height:1.25;
}

.fold-contact-details > a > div,
.fold-contact-details > div > div{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.fold-contact-detail-label{
  color:var(--fct-muted);

  font-size:12px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.fold-contact-details strong{
  color:var(--fct-black);

  font-size:15px;
  font-weight:800;
  line-height:1.5;
}


/* ==========================================================
   FORMULAR-CARD
========================================================== */

.fold-contact-form-card{
  min-width:0;
  padding:48px;
}

.fold-contact-form-heading{
  max-width:820px;
  margin-bottom:40px;
}

.fold-contact-form-heading > p:last-child{
  margin:0;

  color:var(--fct-text);

  font-size:17px;
  line-height:1.7;
}


/* ==========================================================
   NATIVES FORMULAR
========================================================== */

.fold-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.fold-form-field{
  min-width:0;
}

.fold-form-field--full{
  grid-column:1 / -1;
}

.fold-form-field label{
  display:block;

  margin:0 0 10px;

  color:var(--fct-black);

  font-size:14px;
  font-weight:800;
  line-height:1.4;
}

.fold-form-field label > span{
  color:var(--fct-yellow-dark);
}

.fold-form-field input,
.fold-form-field select,
.fold-form-field textarea{
  width:100%;
  min-width:0;
  min-height:58px;

  padding:15px 16px;

  border:1px solid var(--fct-input-border);
  border-radius:14px;
  outline:none;

  background:var(--fct-white);
  color:var(--fct-black);

  font-family:"Inter",Arial,sans-serif;
  font-size:16px;
  line-height:1.4;

  box-shadow:none;

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

.fold-form-field textarea{
  min-height:200px;
  resize:vertical;
}

.fold-form-field input::placeholder,
.fold-form-field textarea::placeholder{
  color:#989B9F;
  opacity:1;
}

.fold-form-field input:hover,
.fold-form-field select:hover,
.fold-form-field textarea:hover{
  border-color:#BEBFB9;
}

.fold-form-field input:focus,
.fold-form-field select:focus,
.fold-form-field textarea:focus{
  border-color:var(--fct-black);

  background:var(--fct-white);

  box-shadow:0 0 0 3px rgba(17,17,17,.06);
}

.fold-form-consent{
  padding-top:2px;
}

.fold-form-consent > label{
  display:flex;
  align-items:flex-start;
  gap:12px;

  margin:0;

  color:var(--fct-text);

  font-size:13px;
  font-weight:500;
  line-height:1.6;

  cursor:pointer;
}

.fold-form-consent input{
  width:19px;
  min-width:19px;
  height:19px;
  min-height:0;

  margin:2px 0 0;
  padding:0;

  accent-color:var(--fct-black);
}

.fold-form-consent a{
  color:var(--fct-black);

  font-weight:700;
  text-decoration:underline;
  text-underline-offset:2px;
}

.fold-contact-form-note{
  margin:18px 0 0;

  color:var(--fct-muted);

  font-size:12px;
  line-height:1.5;
}


/* ==========================================================
   ELEMENTOR FORMULAR
========================================================== */

.fold-elementor-form .elementor-form-fields-wrapper{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px !important;
}

.fold-elementor-form .elementor-field-group{
  width:100% !important;
  margin:0 !important;
}

.fold-elementor-form .elementor-field-type-textarea,
.fold-elementor-form .elementor-field-type-acceptance,
.fold-elementor-form .elementor-field-type-submit{
  grid-column:1 / -1 !important;
}

.fold-elementor-form .elementor-field-label{
  margin-bottom:10px !important;

  color:var(--fct-black) !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.4 !important;
}

.fold-elementor-form input:not([type="checkbox"]),
.fold-elementor-form select,
.fold-elementor-form textarea{
  width:100% !important;
  min-height:58px !important;

  padding:15px 16px !important;

  border:1px solid var(--fct-input-border) !important;
  border-radius:14px !important;

  background:var(--fct-white) !important;
  color:var(--fct-black) !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:16px !important;

  box-shadow:none !important;
}

.fold-elementor-form textarea{
  min-height:200px !important;
  resize:vertical !important;
}

.fold-elementor-form input:focus,
.fold-elementor-form select:focus,
.fold-elementor-form textarea:focus{
  border-color:var(--fct-black) !important;
  outline:none !important;

  box-shadow:0 0 0 3px rgba(17,17,17,.06) !important;
}

.fold-elementor-form .elementor-field-type-acceptance{
  color:var(--fct-text) !important;

  font-size:13px !important;
  line-height:1.6 !important;
}

.fold-elementor-form .elementor-button{
  display:flex !important;
  width:100% !important;
  min-height:66px !important;

  align-items:center !important;
  justify-content:center !important;

  padding:16px 24px !important;

  border:1px solid var(--fct-yellow) !important;
  border-radius:16px !important;

  background:var(--fct-yellow) !important;
  color:var(--fct-black) !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:16px !important;
  font-weight:800 !important;

  text-decoration:none !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background-color .2s ease !important;
}

.fold-elementor-form .elementor-button:hover{
  transform:translateY(-2px) !important;

  background:var(--fct-yellow-hover) !important;
  border-color:var(--fct-yellow-hover) !important;
  color:var(--fct-black) !important;

  box-shadow:0 10px 24px rgba(17,17,17,.12) !important;
}


/* ==========================================================
   ABSCHLUSS CTA
========================================================== */

.fold-contact-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,380px);
  gap:48px;
  align-items:center;

  margin-top:24px;
  padding:48px;
}

.fold-contact-cta > div{
  max-width:820px;
}

.fold-contact-cta h2{
  margin-bottom:18px;
}

.fold-contact-cta p{
  margin:0;

  color:var(--fct-text);

  font-size:17px;
  line-height:1.7;
}

/* ==========================================================
   FOLD KONTAKT COMPONENTS CSS V2 ENDET
========================================================== */

/* ==========================================================
   FOLD HÄNDLER EMPFEHLEN COMPONENTS CSS V1 BEGINNT
========================================================== */

.fold-recommend-page{
  --frc-yellow:#FACA30;
  --frc-yellow-hover:#F5C222;
  --frc-yellow-dark:#8A6700;

  --frc-black:#111111;
  --frc-text:#4B4F56;
  --frc-muted:#747A81;

  --frc-white:#FFFFFF;
  --frc-surface:#F7F7F4;
  --frc-border:#E9E9E3;
  --frc-input-border:#D8D9D3;

  position:relative;
  left:50%;

  width:94%;
  max-width:1680px;

  margin:0;
  padding:48px 0 112px;

  transform:translateX(-50%);

  color:var(--frc-black);
  font-family:"Inter",Arial,sans-serif;
}

.fold-recommend-page,
.fold-recommend-page *,
.fold-recommend-page *::before,
.fold-recommend-page *::after{
  box-sizing:border-box;
}

.fold-recommend-page h1,
.fold-recommend-page h2,
.fold-recommend-page h3,
.fold-recommend-page p{
  margin-top:0;
}

.fold-recommend-page img{
  display:block;
  max-width:100%;
}


/* ==========================================================
   TYPOGRAFIE
========================================================== */

.fold-recommend-eyebrow,
.fold-recommend-kicker{
  margin:0 0 16px;

  color:var(--frc-yellow-dark);

  font-size:13px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.fold-recommend-line{
  width:70px;
  height:4px;

  margin:22px 0 30px;

  background:var(--frc-yellow);
  border-radius:999px;
}

.fold-recommend-benefits h2,
.fold-recommend-info h2,
.fold-recommend-form-card h2,
.fold-recommend-process h2,
.fold-recommend-cta h2{
  margin:0;

  font-family:"Oswald",Arial,sans-serif;
  font-size:46px;
  font-weight:600;
  line-height:1.1;
  letter-spacing:-.015em;
}


/* ==========================================================
   HERO
========================================================== */

.fold-recommend-hero{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:24px;
  align-items:stretch;

  min-height:620px;
  padding:24px;

  overflow:hidden;

  background:var(--frc-surface);
  border:1px solid var(--frc-border);
  border-radius:32px;
}

.fold-recommend-hero__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;

  min-width:0;
  min-height:572px;
  padding:40px;
}

.fold-recommend-hero h1{
  max-width:780px;
  margin:0;

  font-family:"Oswald",Arial,sans-serif;
  font-size:64px;
  font-weight:600;
  line-height:1.05;
  letter-spacing:-.018em;
}

.fold-recommend-hero__text{
  max-width:700px;
  margin:0;

  color:var(--frc-text);

  font-size:19px;
  line-height:1.7;
}

.fold-recommend-hero__image{
  position:relative;
  display:block;

  width:100%;
  min-width:0;
  min-height:572px;
  height:100%;

  margin:0;
  padding:0;

  overflow:hidden;

  background:#EDEDE8;
  border-radius:24px;

  line-height:0;
  font-size:0;
  isolation:isolate;
}

.fold-recommend-hero__image img{
  position:absolute !important;
  inset:0 !important;

  display:block !important;

  width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:100% !important;

  margin:0 !important;
  padding:0 !important;

  object-fit:cover !important;
  object-position:center center !important;

  border:0 !important;
  border-radius:24px !important;

  transform:none !important;
}


/* ==========================================================
   BUTTONS
========================================================== */

.fold-recommend-page .fold-recommend-hero__button,
.fold-recommend-page .fold-recommend-submit button,
.fold-recommend-page .fold-recommend-cta__button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;

  min-height:66px;
  padding:15px 16px 15px 24px;

  border:1px solid var(--frc-yellow);
  border-radius:16px;

  background:var(--frc-yellow);
  color:var(--frc-black);

  font-family:"Inter",Arial,sans-serif;
  font-size:16px;
  font-weight:800;
  line-height:1.2;

  text-decoration:none !important;
  text-decoration-line:none !important;

  cursor:pointer;
  box-shadow:none;

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

.fold-recommend-page .fold-recommend-hero__button{
  width:auto;
  min-width:300px;
  margin-top:36px;
}

.fold-recommend-page .fold-recommend-submit button{
  width:100%;
}

.fold-recommend-page .fold-recommend-cta__button{
  width:100%;
  min-width:310px;
}

.fold-recommend-page .fold-recommend-hero__button span,
.fold-recommend-page .fold-recommend-submit button span,
.fold-recommend-page .fold-recommend-cta__button span{
  text-decoration:none !important;
}

.fold-recommend-page .fold-recommend-hero__button span:last-child,
.fold-recommend-page .fold-recommend-submit button span:last-child,
.fold-recommend-page .fold-recommend-cta__button span:last-child{
  display:flex;
  align-items:center;
  justify-content:center;

  width:36px;
  height:36px;
  flex:0 0 36px;

  border-radius:50%;

  background:var(--frc-black);
  color:var(--frc-white);

  font-size:18px;
  font-weight:700;
  line-height:1;

  transition:transform .2s ease;
}

.fold-recommend-page .fold-recommend-hero__button:link,
.fold-recommend-page .fold-recommend-hero__button:visited,
.fold-recommend-page .fold-recommend-hero__button:hover,
.fold-recommend-page .fold-recommend-hero__button:focus,
.fold-recommend-page .fold-recommend-hero__button:active,
.fold-recommend-page .fold-recommend-cta__button:link,
.fold-recommend-page .fold-recommend-cta__button:visited,
.fold-recommend-page .fold-recommend-cta__button:hover,
.fold-recommend-page .fold-recommend-cta__button:focus,
.fold-recommend-page .fold-recommend-cta__button:active{
  color:var(--frc-black);
  text-decoration:none !important;
}

.fold-recommend-page .fold-recommend-hero__button:hover,
.fold-recommend-page .fold-recommend-submit button:hover,
.fold-recommend-page .fold-recommend-cta__button:hover{
  transform:translateY(-2px);

  background:var(--frc-yellow-hover);
  border-color:var(--frc-yellow-hover);
  color:var(--frc-black);

  box-shadow:0 10px 24px rgba(17,17,17,.12);
}

.fold-recommend-page .fold-recommend-hero__button:hover span:last-child,
.fold-recommend-page .fold-recommend-submit button:hover span:last-child,
.fold-recommend-page .fold-recommend-cta__button:hover span:last-child{
  transform:translateX(2px);
}


/* ==========================================================
   GEMEINSAME KARTEN
========================================================== */

.fold-recommend-benefits,
.fold-recommend-info,
.fold-recommend-form-card,
.fold-recommend-process,
.fold-recommend-cta{
  background:var(--frc-surface);
  border:1px solid var(--frc-border);
  border-radius:24px;
}


/* ==========================================================
   VORTEILE
========================================================== */

.fold-recommend-benefits{
  margin-top:48px;
  padding:48px;
}

.fold-recommend-benefits__heading{
  max-width:820px;
}

.fold-recommend-benefits__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;

  margin-top:36px;
}

.fold-recommend-benefits__grid article{
  min-height:250px;
  padding:28px;

  background:var(--frc-white);
  border:1px solid var(--frc-border);
  border-radius:18px;
}

.fold-recommend-benefits__grid span,
.fold-recommend-steps span{
  display:block;

  margin-bottom:42px;

  color:var(--frc-yellow-dark);

  font-family:"Oswald",Arial,sans-serif;
  font-size:20px;
  font-weight:600;
}

.fold-recommend-benefits__grid h3,
.fold-recommend-steps h3{
  margin:0 0 12px;

  font-family:"Oswald",Arial,sans-serif;
  font-size:26px;
  font-weight:600;
  line-height:1.18;
}

.fold-recommend-benefits__grid p,
.fold-recommend-steps p{
  margin:0;

  color:var(--frc-text);

  font-size:15px;
  line-height:1.65;
}


/* ==========================================================
   FORMULARBEREICH
========================================================== */

.fold-recommend-layout{
  display:grid;
  grid-template-columns:minmax(330px,.78fr) minmax(0,1.35fr);
  gap:24px;
  align-items:stretch;

  margin-top:24px;
}

.fold-recommend-info{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:54px;

  min-width:0;
  padding:48px;
}

.fold-recommend-info__intro > p:last-child,
.fold-recommend-form-heading > p:last-child{
  margin:0;

  color:var(--frc-text);

  font-size:17px;
  line-height:1.7;
}

.fold-recommend-points{
  display:grid;
}

.fold-recommend-points article{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:18px;

  padding:24px 0;

  border-top:1px solid var(--frc-border);
}

.fold-recommend-points article:last-child{
  padding-bottom:0;
}

.fold-recommend-points article > span{
  color:var(--frc-yellow-dark);

  font-family:"Oswald",Arial,sans-serif;
  font-size:20px;
  font-weight:600;
}

.fold-recommend-points h3{
  margin:0 0 8px;

  font-size:16px;
  font-weight:800;
  line-height:1.4;
}

.fold-recommend-points p{
  margin:0;

  color:var(--frc-text);

  font-size:14px;
  line-height:1.6;
}

.fold-recommend-form-card{
  min-width:0;
  padding:48px;
}

.fold-recommend-form-heading{
  max-width:820px;
  margin-bottom:40px;
}


/* ==========================================================
   FORMULAR
========================================================== */

.fold-recommend-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.fold-recommend-field{
  min-width:0;
}

.fold-recommend-field--full{
  grid-column:1 / -1;
}

.fold-recommend-field label{
  display:block;

  margin:0 0 10px;

  color:var(--frc-black);

  font-size:14px;
  font-weight:800;
  line-height:1.4;
}

.fold-recommend-field label > span{
  color:var(--frc-yellow-dark);
}

.fold-recommend-field input,
.fold-recommend-field select,
.fold-recommend-field textarea{
  width:100%;
  min-width:0;
  min-height:58px;

  padding:15px 16px;

  border:1px solid var(--frc-input-border);
  border-radius:14px;
  outline:none;

  background:var(--frc-white);
  color:var(--frc-black);

  font-family:"Inter",Arial,sans-serif;
  font-size:16px;
  line-height:1.4;

  box-shadow:none;

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

.fold-recommend-field textarea{
  min-height:200px;
  resize:vertical;
}

.fold-recommend-field input:hover,
.fold-recommend-field select:hover,
.fold-recommend-field textarea:hover{
  border-color:#BEBFB9;
}

.fold-recommend-field input:focus,
.fold-recommend-field select:focus,
.fold-recommend-field textarea:focus{
  border-color:var(--frc-black);
  box-shadow:0 0 0 3px rgba(17,17,17,.06);
}

.fold-recommend-consent{
  padding-top:2px;
}

.fold-recommend-consent > label{
  display:flex;
  align-items:flex-start;
  gap:12px;

  margin:0;

  color:var(--frc-text);

  font-size:13px;
  font-weight:500;
  line-height:1.6;

  cursor:pointer;
}

.fold-recommend-consent input{
  width:19px;
  min-width:19px;
  height:19px;
  min-height:0;

  margin:2px 0 0;
  padding:0;

  accent-color:var(--frc-black);
}

.fold-recommend-consent a{
  color:var(--frc-black);

  font-weight:700;
  text-decoration:underline;
  text-underline-offset:2px;
}

.fold-recommend-form-note{
  margin:18px 0 0;

  color:var(--frc-muted);

  font-size:12px;
  line-height:1.5;
}


/* ==========================================================
   ELEMENTOR FORMULAR
========================================================== */

.fold-recommend-elementor-form .elementor-form-fields-wrapper{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px !important;
}

.fold-recommend-elementor-form .elementor-field-group{
  width:100% !important;
  margin:0 !important;
}

.fold-recommend-elementor-form .elementor-field-type-textarea,
.fold-recommend-elementor-form .elementor-field-type-acceptance,
.fold-recommend-elementor-form .elementor-field-type-submit{
  grid-column:1 / -1 !important;
}

.fold-recommend-elementor-form .elementor-field-label{
  margin-bottom:10px !important;

  color:var(--frc-black) !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.4 !important;
}

.fold-recommend-elementor-form input:not([type="checkbox"]),
.fold-recommend-elementor-form select,
.fold-recommend-elementor-form textarea{
  width:100% !important;
  min-height:58px !important;

  padding:15px 16px !important;

  border:1px solid var(--frc-input-border) !important;
  border-radius:14px !important;

  background:var(--frc-white) !important;
  color:var(--frc-black) !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:16px !important;

  box-shadow:none !important;
}

.fold-recommend-elementor-form textarea{
  min-height:200px !important;
  resize:vertical !important;
}

.fold-recommend-elementor-form .elementor-button{
  width:100% !important;
  min-height:66px !important;

  border:1px solid var(--frc-yellow) !important;
  border-radius:16px !important;

  background:var(--frc-yellow) !important;
  color:var(--frc-black) !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:16px !important;
  font-weight:800 !important;

  text-decoration:none !important;
}


/* ==========================================================
   PROZESS
========================================================== */

.fold-recommend-process{
  margin-top:24px;
  padding:48px;
}

.fold-recommend-process__heading{
  max-width:820px;
}

.fold-recommend-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;

  margin-top:36px;
}

.fold-recommend-steps article{
  min-height:230px;
  padding:28px;

  background:var(--frc-white);
  border:1px solid var(--frc-border);
  border-radius:18px;
}


/* ==========================================================
   ABSCHLUSS
========================================================== */

.fold-recommend-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,380px);
  gap:48px;
  align-items:center;

  margin-top:24px;
  padding:48px;
}

.fold-recommend-cta > div{
  max-width:820px;
}

.fold-recommend-cta h2{
  margin-bottom:18px;
}

.fold-recommend-cta p{
  margin:0;

  color:var(--frc-text);

  font-size:17px;
  line-height:1.7;
}

/* ==========================================================
   FLUENT FORMS – HÄNDLER EMPFEHLEN
========================================================== */

.fold-recommend-fluent-form{
  width:100%;
}

.fold-recommend-fluent-form .fluentform,
.fold-recommend-fluent-form form{
  width:100%;
}

.fold-recommend-fluent-form .ff-el-group{
  margin:0 0 24px;
}

.fold-recommend-fluent-form .ff-el-input--label{
  margin:0 0 10px;
}

.fold-recommend-fluent-form .ff-el-input--label label{
  display:block;

  margin:0;

  color:var(--frc-black);

  font-family:"Inter",Arial,sans-serif;
  font-size:14px;
  font-weight:800;
  line-height:1.4;
}

.fold-recommend-fluent-form .ff-el-input--label label::after{
  color:var(--frc-yellow-dark);
}


/* ----------------------------------------------------------
   EINGABEFELDER
---------------------------------------------------------- */

.fold-recommend-fluent-form input[type="text"],
.fold-recommend-fluent-form input[type="email"],
.fold-recommend-fluent-form input[type="tel"],
.fold-recommend-fluent-form input[type="url"],
.fold-recommend-fluent-form select,
.fold-recommend-fluent-form textarea{
  width:100% !important;
  min-width:0 !important;

  margin:0 !important;
  padding:15px 16px !important;

  border:1px solid var(--frc-input-border) !important;
  border-radius:14px !important;
  outline:none !important;

  background:var(--frc-white) !important;
  color:var(--frc-black) !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:16px !important;
  font-weight:400 !important;
  line-height:1.4 !important;

  box-shadow:none !important;

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

.fold-recommend-fluent-form input[type="text"],
.fold-recommend-fluent-form input[type="email"],
.fold-recommend-fluent-form input[type="tel"],
.fold-recommend-fluent-form input[type="url"],
.fold-recommend-fluent-form select{
  min-height:58px !important;
}

.fold-recommend-fluent-form textarea{
  min-height:200px !important;
  resize:vertical !important;
}

.fold-recommend-fluent-form input::placeholder,
.fold-recommend-fluent-form textarea::placeholder{
  color:#989B9F !important;
  opacity:1 !important;
}

.fold-recommend-fluent-form input:hover,
.fold-recommend-fluent-form select:hover,
.fold-recommend-fluent-form textarea:hover{
  border-color:#BEBFB9 !important;
}

.fold-recommend-fluent-form input:focus,
.fold-recommend-fluent-form select:focus,
.fold-recommend-fluent-form textarea:focus{
  border-color:var(--frc-black) !important;
  outline:none !important;

  background:var(--frc-white) !important;

  box-shadow:0 0 0 3px rgba(17,17,17,.06) !important;
}


/* ----------------------------------------------------------
   ZWEI SPALTEN
---------------------------------------------------------- */

.fold-recommend-fluent-form .ff-t-container{
  display:flex !important;
  gap:24px !important;
  margin:0 !important;
}

.fold-recommend-fluent-form .ff-t-cell{
  min-width:0 !important;
  padding:0 !important;
}


/* ----------------------------------------------------------
   DATENSCHUTZ
---------------------------------------------------------- */

.fold-recommend-fluent-form .ff_gdpr_field{
  margin-top:2px;
}

.fold-recommend-fluent-form .ff_gdpr_field .ff-el-form-check{
  margin:0;
}

.fold-recommend-fluent-form .ff_gdpr_field .ff-el-form-check-label{
  display:flex;
  align-items:flex-start;
  gap:12px;

  margin:0;

  color:var(--frc-text);

  font-family:"Inter",Arial,sans-serif;
  font-size:13px;
  font-weight:500;
  line-height:1.6;

  cursor:pointer;
}

.fold-recommend-fluent-form .ff_gdpr_field input[type="checkbox"]{
  width:19px !important;
  min-width:19px !important;
  height:19px !important;
  min-height:19px !important;

  flex:0 0 19px;

  margin:2px 0 0 !important;
  padding:0 !important;

  accent-color:var(--frc-black);
}

.fold-recommend-fluent-form .ff_gdpr_field a{
  color:var(--frc-black);

  font-weight:700;
  text-decoration:underline;
  text-underline-offset:2px;
}


/* ----------------------------------------------------------
   ABSENDE-BUTTON
---------------------------------------------------------- */

.fold-recommend-fluent-form .ff-btn-submit{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:100% !important;
  min-height:66px !important;

  margin:8px 0 0 !important;
  padding:16px 24px !important;

  border:1px solid var(--frc-yellow) !important;
  border-radius:16px !important;

  background:var(--frc-yellow) !important;
  color:var(--frc-black) !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.2 !important;

  text-decoration:none !important;

  cursor:pointer;
  opacity:1 !important;

  box-shadow:none !important;

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

.fold-recommend-fluent-form .ff-btn-submit:hover{
  transform:translateY(-2px);

  background:var(--frc-yellow-hover) !important;
  border-color:var(--frc-yellow-hover) !important;
  color:var(--frc-black) !important;

  box-shadow:0 10px 24px rgba(17,17,17,.12) !important;
}

.fold-recommend-fluent-form .ff-btn-submit:focus-visible{
  outline:3px solid rgba(250,202,48,.45) !important;
  outline-offset:3px;
}


/* ----------------------------------------------------------
   FEHLERMELDUNGEN
---------------------------------------------------------- */

.fold-recommend-fluent-form .ff-el-is-error input,
.fold-recommend-fluent-form .ff-el-is-error select,
.fold-recommend-fluent-form .ff-el-is-error textarea{
  border-color:#C73D32 !important;
}

.fold-recommend-fluent-form .error,
.fold-recommend-fluent-form .text-danger,
.fold-recommend-fluent-form .ff-el-is-error .text-danger{
  margin-top:7px !important;

  color:#B7322C !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.4 !important;
}


/* ----------------------------------------------------------
   ERFOLGSMELDUNG
---------------------------------------------------------- */

.fold-recommend-fluent-form .ff-message-success{
  margin:0 !important;
  padding:20px 22px !important;

  border:1px solid rgba(250,202,48,.55) !important;
  border-radius:16px !important;

  background:rgba(250,202,48,.10) !important;
  color:var(--frc-black) !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:15px !important;
  line-height:1.65 !important;

  box-shadow:none !important;
}



/* ==========================================================
   FOLD HÄNDLER EMPFEHLEN COMPONENTS CSS V1 ENDET
========================================================== */

/* ==========================================================
   FOLD PROBEFAHRT COMPONENTS CSS V1 BEGINNT
========================================================== */

.fold-test-ride-page{
  --ftr-yellow:#FACA30;
  --ftr-yellow-hover:#F5C222;
  --ftr-yellow-dark:#8A6700;

  --ftr-black:#111111;
  --ftr-text:#4B4F56;
  --ftr-muted:#747A81;

  --ftr-white:#FFFFFF;
  --ftr-surface:#F7F7F4;
  --ftr-border:#E9E9E3;
  --ftr-input-border:#D8D9D3;

  position:relative;
  left:50%;

  width:94%;
  max-width:1680px;

  margin:0;
  padding:48px 0 112px;

  transform:translateX(-50%);

  color:var(--ftr-black);
  font-family:"Inter",Arial,sans-serif;
}

.fold-test-ride-page,
.fold-test-ride-page *,
.fold-test-ride-page *::before,
.fold-test-ride-page *::after{
  box-sizing:border-box;
}

.fold-test-ride-page h1,
.fold-test-ride-page h2,
.fold-test-ride-page h3,
.fold-test-ride-page p{
  margin-top:0;
}

.fold-test-ride-page img{
  display:block;
  max-width:100%;
}


/* ==========================================================
   TYPOGRAFIE
========================================================== */

.fold-test-ride-eyebrow,
.fold-test-ride-kicker{
  margin:0 0 16px;

  color:var(--ftr-yellow-dark);

  font-size:13px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.fold-test-ride-line{
  width:70px;
  height:4px;

  margin:22px 0 30px;

  background:var(--ftr-yellow);
  border-radius:999px;
}

.fold-test-ride-benefits h2,
.fold-test-ride-info h2,
.fold-test-ride-form-card h2,
.fold-test-ride-process h2,
.fold-test-ride-cta h2{
  margin:0;

  font-family:"Oswald",Arial,sans-serif;
  font-size:46px;
  font-weight:600;
  line-height:1.1;
  letter-spacing:-.015em;
}


/* ==========================================================
   HERO
========================================================== */

.fold-test-ride-hero{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:24px;
  align-items:stretch;

  min-height:620px;
  padding:24px;

  overflow:hidden;

  background:var(--ftr-surface);
  border:1px solid var(--ftr-border);
  border-radius:32px;
}

.fold-test-ride-hero__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;

  min-width:0;
  min-height:572px;
  padding:40px;
}

.fold-test-ride-hero h1{
  max-width:780px;
  margin:0;

  font-family:"Oswald",Arial,sans-serif;
  font-size:64px;
  font-weight:600;
  line-height:1.05;
  letter-spacing:-.018em;
}

.fold-test-ride-hero__text{
  max-width:700px;
  margin:0;

  color:var(--ftr-text);

  font-size:19px;
  line-height:1.7;
}

.fold-test-ride-hero__image{
  position:relative;
  display:block;

  width:100%;
  min-width:0;
  min-height:572px;
  height:100%;

  margin:0;
  padding:0;

  overflow:hidden;

  background:#EDEDE8;
  border-radius:24px;

  line-height:0;
  font-size:0;
  isolation:isolate;
}

.fold-test-ride-hero__image img{
  position:absolute !important;
  inset:0 !important;

  display:block !important;

  width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:100% !important;

  margin:0 !important;
  padding:0 !important;

  object-fit:cover !important;
  object-position:center center !important;

  border:0 !important;
  border-radius:24px !important;

  transform:none !important;
}


/* ==========================================================
   BUTTONS
========================================================== */

.fold-test-ride-page .fold-test-ride-hero__button,
.fold-test-ride-page .fold-test-ride-submit button,
.fold-test-ride-page .fold-test-ride-cta__button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;

  min-height:66px;
  padding:15px 16px 15px 24px;

  border:1px solid var(--ftr-yellow);
  border-radius:16px;

  background:var(--ftr-yellow);
  color:var(--ftr-black);

  font-family:"Inter",Arial,sans-serif;
  font-size:16px;
  font-weight:800;
  line-height:1.2;

  text-decoration:none !important;
  text-decoration-line:none !important;

  cursor:pointer;
  box-shadow:none;

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

.fold-test-ride-page .fold-test-ride-hero__button{
  width:auto;
  min-width:300px;
  margin-top:36px;
}

.fold-test-ride-page .fold-test-ride-submit button{
  width:100%;
}

.fold-test-ride-page .fold-test-ride-cta__button{
  width:100%;
  min-width:310px;
}

.fold-test-ride-page .fold-test-ride-hero__button span,
.fold-test-ride-page .fold-test-ride-submit button span,
.fold-test-ride-page .fold-test-ride-cta__button span{
  text-decoration:none !important;
}

.fold-test-ride-page .fold-test-ride-hero__button span:last-child,
.fold-test-ride-page .fold-test-ride-submit button span:last-child,
.fold-test-ride-page .fold-test-ride-cta__button span:last-child{
  display:flex;
  align-items:center;
  justify-content:center;

  width:36px;
  height:36px;
  flex:0 0 36px;

  border-radius:50%;

  background:var(--ftr-black);
  color:var(--ftr-white);

  font-size:18px;
  font-weight:700;
  line-height:1;

  transition:transform .2s ease;
}

.fold-test-ride-page .fold-test-ride-hero__button:link,
.fold-test-ride-page .fold-test-ride-hero__button:visited,
.fold-test-ride-page .fold-test-ride-hero__button:hover,
.fold-test-ride-page .fold-test-ride-hero__button:focus,
.fold-test-ride-page .fold-test-ride-hero__button:active,
.fold-test-ride-page .fold-test-ride-cta__button:link,
.fold-test-ride-page .fold-test-ride-cta__button:visited,
.fold-test-ride-page .fold-test-ride-cta__button:hover,
.fold-test-ride-page .fold-test-ride-cta__button:focus,
.fold-test-ride-page .fold-test-ride-cta__button:active{
  color:var(--ftr-black);
  text-decoration:none !important;
}

.fold-test-ride-page .fold-test-ride-hero__button:hover,
.fold-test-ride-page .fold-test-ride-submit button:hover,
.fold-test-ride-page .fold-test-ride-cta__button:hover{
  transform:translateY(-2px);

  background:var(--ftr-yellow-hover);
  border-color:var(--ftr-yellow-hover);
  color:var(--ftr-black);

  box-shadow:0 10px 24px rgba(17,17,17,.12);
}


/* ==========================================================
   KARTEN
========================================================== */

.fold-test-ride-benefits,
.fold-test-ride-info,
.fold-test-ride-form-card,
.fold-test-ride-process,
.fold-test-ride-cta{
  background:var(--ftr-surface);
  border:1px solid var(--ftr-border);
  border-radius:24px;
}


/* ==========================================================
   VORTEILE
========================================================== */

.fold-test-ride-benefits{
  margin-top:48px;
  padding:48px;
}

.fold-test-ride-benefits__heading{
  max-width:820px;
}

.fold-test-ride-benefits__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;

  margin-top:36px;
}

.fold-test-ride-benefits__grid article{
  min-height:250px;
  padding:28px;

  background:var(--ftr-white);
  border:1px solid var(--ftr-border);
  border-radius:18px;
}

.fold-test-ride-benefits__grid span,
.fold-test-ride-steps span{
  display:block;

  margin-bottom:42px;

  color:var(--ftr-yellow-dark);

  font-family:"Oswald",Arial,sans-serif;
  font-size:20px;
  font-weight:600;
}

.fold-test-ride-benefits__grid h3,
.fold-test-ride-steps h3{
  margin:0 0 12px;

  font-family:"Oswald",Arial,sans-serif;
  font-size:26px;
  font-weight:600;
  line-height:1.18;
}

.fold-test-ride-benefits__grid p,
.fold-test-ride-steps p{
  margin:0;

  color:var(--ftr-text);

  font-size:15px;
  line-height:1.65;
}


/* ==========================================================
   FORMULARBEREICH
========================================================== */

.fold-test-ride-layout{
  display:grid;
  grid-template-columns:minmax(330px,.78fr) minmax(0,1.35fr);
  gap:24px;
  align-items:stretch;

  margin-top:24px;
}

.fold-test-ride-info{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:54px;

  min-width:0;
  padding:48px;
}

.fold-test-ride-info__intro > p:last-child,
.fold-test-ride-form-heading > p:last-child{
  margin:0;

  color:var(--ftr-text);

  font-size:17px;
  line-height:1.7;
}

.fold-test-ride-facts{
  display:grid;
}

.fold-test-ride-facts article{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:18px;

  padding:24px 0;

  border-top:1px solid var(--ftr-border);
}

.fold-test-ride-facts article:last-child{
  padding-bottom:0;
}

.fold-test-ride-facts article > span{
  color:var(--ftr-yellow-dark);

  font-family:"Oswald",Arial,sans-serif;
  font-size:20px;
  font-weight:600;
}

.fold-test-ride-facts h3{
  margin:0 0 8px;

  font-size:16px;
  font-weight:800;
  line-height:1.4;
}

.fold-test-ride-facts p{
  margin:0;

  color:var(--ftr-text);

  font-size:14px;
  line-height:1.6;
}

.fold-test-ride-form-card{
  min-width:0;
  padding:48px;
}

.fold-test-ride-form-heading{
  max-width:820px;
  margin-bottom:40px;
}


/* ==========================================================
   FORMULAR
========================================================== */

.fold-test-ride-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.fold-test-ride-field{
  min-width:0;
}

.fold-test-ride-field--full{
  grid-column:1 / -1;
}

.fold-test-ride-field label{
  display:block;

  margin:0 0 10px;

  color:var(--ftr-black);

  font-size:14px;
  font-weight:800;
  line-height:1.4;
}

.fold-test-ride-field label > span{
  color:var(--ftr-yellow-dark);
}

.fold-test-ride-field input,
.fold-test-ride-field select,
.fold-test-ride-field textarea{
  width:100%;
  min-width:0;
  min-height:58px;

  padding:15px 16px;

  border:1px solid var(--ftr-input-border);
  border-radius:14px;
  outline:none;

  background:var(--ftr-white);
  color:var(--ftr-black);

  font-family:"Inter",Arial,sans-serif;
  font-size:16px;
  line-height:1.4;

  box-shadow:none;

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

.fold-test-ride-field textarea{
  min-height:200px;
  resize:vertical;
}

.fold-test-ride-field input:hover,
.fold-test-ride-field select:hover,
.fold-test-ride-field textarea:hover{
  border-color:#BEBFB9;
}

.fold-test-ride-field input:focus,
.fold-test-ride-field select:focus,
.fold-test-ride-field textarea:focus{
  border-color:var(--ftr-black);
  box-shadow:0 0 0 3px rgba(17,17,17,.06);
}

.fold-test-ride-consent{
  padding-top:2px;
}

.fold-test-ride-consent > label{
  display:flex;
  align-items:flex-start;
  gap:12px;

  margin:0;

  color:var(--ftr-text);

  font-size:13px;
  font-weight:500;
  line-height:1.6;

  cursor:pointer;
}

.fold-test-ride-consent input{
  width:19px;
  min-width:19px;
  height:19px;
  min-height:0;

  margin:2px 0 0;
  padding:0;

  accent-color:var(--ftr-black);
}

.fold-test-ride-consent a{
  color:var(--ftr-black);

  font-weight:700;
  text-decoration:underline;
  text-underline-offset:2px;
}

.fold-test-ride-form-note{
  margin:18px 0 0;

  color:var(--ftr-muted);

  font-size:12px;
  line-height:1.5;
}


/* ==========================================================
   ELEMENTOR FORMULAR
========================================================== */

.fold-test-ride-elementor-form .elementor-form-fields-wrapper{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px !important;
}

.fold-test-ride-elementor-form .elementor-field-group{
  width:100% !important;
  margin:0 !important;
}

.fold-test-ride-elementor-form .elementor-field-type-textarea,
.fold-test-ride-elementor-form .elementor-field-type-acceptance,
.fold-test-ride-elementor-form .elementor-field-type-submit{
  grid-column:1 / -1 !important;
}

.fold-test-ride-elementor-form .elementor-field-label{
  margin-bottom:10px !important;

  color:var(--ftr-black) !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.4 !important;
}

.fold-test-ride-elementor-form input:not([type="checkbox"]),
.fold-test-ride-elementor-form select,
.fold-test-ride-elementor-form textarea{
  width:100% !important;
  min-height:58px !important;

  padding:15px 16px !important;

  border:1px solid var(--ftr-input-border) !important;
  border-radius:14px !important;

  background:var(--ftr-white) !important;
  color:var(--ftr-black) !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:16px !important;

  box-shadow:none !important;
}

.fold-test-ride-elementor-form textarea{
  min-height:200px !important;
  resize:vertical !important;
}

.fold-test-ride-elementor-form .elementor-button{
  width:100% !important;
  min-height:66px !important;

  border:1px solid var(--ftr-yellow) !important;
  border-radius:16px !important;

  background:var(--ftr-yellow) !important;
  color:var(--ftr-black) !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:16px !important;
  font-weight:800 !important;

  text-decoration:none !important;
}


/* ==========================================================
   PROZESS
========================================================== */

.fold-test-ride-process{
  margin-top:24px;
  padding:48px;
}

.fold-test-ride-process__heading{
  max-width:820px;
}

.fold-test-ride-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;

  margin-top:36px;
}

.fold-test-ride-steps article{
  min-height:230px;
  padding:28px;

  background:var(--ftr-white);
  border:1px solid var(--ftr-border);
  border-radius:18px;
}


/* ==========================================================
   ABSCHLUSS
========================================================== */

.fold-test-ride-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,380px);
  gap:48px;
  align-items:center;

  margin-top:24px;
  padding:48px;
}

.fold-test-ride-cta > div{
  max-width:820px;
}

.fold-test-ride-cta h2{
  margin-bottom:18px;
}

.fold-test-ride-cta p{
  margin:0;

  color:var(--ftr-text);

  font-size:17px;
  line-height:1.7;
}

/* ==========================================================
   FOLD PROBEFAHRT COMPONENTS CSS V1 ENDET
========================================================== */

/* ==========================================================
   FOLD DETAILS COMPONENT CSS BEGINNT
========================================================== */

.fold-details-page,
.fold-details-page *,
.fold-details-page *::before,
.fold-details-page *::after{
  box-sizing:border-box;
}

.fold-details-page{
  --fd-yellow:#faca30;
  --fd-yellow-hover:#efbd23;

  --fd-black:#111111;
  --fd-dark:#262626;
  --fd-copy:#686868;
  --fd-muted:#8a8a8a;

  --fd-card:#f4f3ef;
  --fd-media:#ececea;
  --fd-white:#ffffff;

  --fd-border:rgba(17,17,17,.10);
  --fd-border-strong:rgba(17,17,17,.17);

  --fd-radius:26px;
  --fd-small-radius:18px;

  width:min(1680px,calc(100% - 64px));
  margin:0 auto;
  padding:48px 0 96px;

  font-family:"Inter",Arial,sans-serif;
  color:var(--fd-black);
}


/* ==========================================================
   RESET
========================================================== */

.fold-details-page section,
.fold-details-page article,
.fold-details-page header,
.fold-details-page figure,
.fold-details-page div{
  min-width:0;
}

.fold-details-page figure{
  margin:0;
}

.fold-details-page h1,
.fold-details-page h2,
.fold-details-page h3,
.fold-details-page p{
  margin-top:0;
}

.fold-details-page img{
  max-width:100%;
}

.fold-details-page a{
  text-decoration:none;
}


/* ==========================================================
   TYPOGRAFIE
========================================================== */

.fold-details-page h1,
.fold-details-page h2{
  margin-bottom:0;

  font-family:"Oswald",Arial,sans-serif;
  font-weight:600;
  line-height:1.02;
  letter-spacing:-.025em;
  text-transform:uppercase;

  color:var(--fd-black);
}

.fold-details-page h1{
  font-size:68px;
}

.fold-details-page h2{
  font-size:54px;
}

.fold-details-page p{
  margin-bottom:60px;

  font-size:17px;
  font-weight:400;
  line-height:1.72;

  color:var(--fd-copy);
}

.fold-details-page p:last-child{
  margin-bottom:0;
}

.fold-details-eyebrow{
  margin:0 0 15px !important;

  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:.15em;
  text-transform:uppercase;

  color:#80683b !important;
}

.fold-details-lead{
  font-size:20px !important;
  font-weight:600 !important;
  line-height:1.5 !important;

  color:var(--fd-black) !important;
}

.fold-details-line{
  width:76px;
  height:4px;

  margin:27px 0 31px;

  border-radius:999px;

  background:var(--fd-yellow);
}


/* ==========================================================
   GEMEINSAME KARTEN
========================================================== */

.fold-details-card{
  padding:52px;

  border:1px solid var(--fd-border);
  border-radius:var(--fd-radius);

  background:var(--fd-card);
}


/* ==========================================================
   HERO
========================================================== */

.fold-details-hero{
  display:grid;
  grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);
  gap:24px;
  align-items:stretch;
}

.fold-details-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;

  min-height:650px;
}

.fold-details-hero__copy p{
  max-width:610px;
}

.fold-details-hero__media{
  position:relative;

  min-height:650px;

  overflow:hidden;

  border:0;
  border-radius:var(--fd-radius);

  background:var(--fd-media);
}

.fold-details-hero__media img{
  position:absolute;
  top:50%;
  left:50%;

  width:100%;
  height:100%;

  display:block;

  border:0;
  border-radius:inherit;

  object-fit:contain;
  object-position:center center;

  background:transparent;

  transform:translate(-50%,-50%);
  transform-origin:center center;
}


/* ==========================================================
   EINLEITUNG
========================================================== */

.fold-details-intro{
  max-width:980px;
  padding:108px 0 68px;
}

.fold-details-intro p:last-child{
  max-width:700px;
}


/* ==========================================================
   FEATURE-SEKTIONEN
========================================================== */

.fold-details-feature{
  display:grid;
  grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);
  gap:24px;
  align-items:stretch;

  padding:24px 0;
}

.fold-details-feature--reverse{
  grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);
}

.fold-details-feature--reverse .fold-details-feature__copy{
  grid-column:2;
  grid-row:1;
}

.fold-details-feature--reverse .fold-details-feature__media{
  grid-column:1;
  grid-row:1;
}

.fold-details-feature__copy{
  position:relative;

  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;

  min-height:630px;
}

.fold-details-feature__number{
  position:absolute;
  top:38px;
  right:42px;

  font-family:"Oswald",Arial,sans-serif;
  font-size:17px;
  font-weight:600;
  line-height:1;

  color:#9b8359;
}

.fold-details-feature__media{
  position:relative;

  min-height:630px;

  overflow:hidden;

  border:0;
  border-radius:var(--fd-radius);

  background:var(--fd-media);
}

.fold-details-feature__media img{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  display:block;

  margin:0;
  padding:0;

  border:0;
  border-radius:inherit;

  object-fit:cover;
  object-position:center;

  background:transparent;
  box-shadow:none;
}


/* ==========================================================
   FEATURE FACTS
========================================================== */

.fold-details-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;

  width:100%;
  margin-top:24px;
}

.fold-details-fact{
  padding:22px;

  border:1px solid var(--fd-border);
  border-radius:16px;

  background:rgba(255,255,255,.65);
}

.fold-details-fact strong{
  display:block;

  margin-bottom:6px;

  font-family:"Oswald",Arial,sans-serif;
  font-size:30px;
  font-weight:600;
  line-height:1;

  color:var(--fd-black);
}

.fold-details-fact span{
  display:block;

  font-size:13px;
  font-weight:600;
  line-height:1.4;

  color:var(--fd-copy);
}


/* ==========================================================
   LISTE
========================================================== */

.fold-details-list{
  display:grid;
  gap:11px;

  width:100%;
  margin:22px 0 0;
  padding:0;

  list-style:none;
}

.fold-details-list li{
  position:relative;

  padding:15px 18px 15px 44px;

  border:1px solid var(--fd-border);
  border-radius:14px;

  font-size:14px;
  font-weight:600;
  line-height:1.45;

  color:var(--fd-black);
  background:rgba(255,255,255,.60);
}

.fold-details-list li::before{
  content:"";

  position:absolute;
  top:50%;
  left:18px;

  width:9px;
  height:9px;

  border-radius:50%;

  background:var(--fd-yellow);

  transform:translateY(-50%);
}


/* ==========================================================
   HIGHLIGHT
========================================================== */

.fold-details-highlight{
  width:100%;
  margin-top:24px;
  padding:24px;

  border-radius:16px;

  background:var(--fd-yellow);
}

.fold-details-highlight strong{
  display:block;

  margin-bottom:7px;

  font-family:"Oswald",Arial,sans-serif;
  font-size:32px;
  font-weight:600;
  line-height:1;

  color:var(--fd-black);
}

.fold-details-highlight span{
  display:block;

  font-size:14px;
  font-weight:700;
  line-height:1.5;

  color:var(--fd-black);
}


/* ==========================================================
   SICHERHEITSHINWEIS
========================================================== */

.fold-details-notice{
  display:flex;
  flex-direction:column;
  gap:5px;

  width:100%;
  margin-top:24px;
  padding:20px 22px;

  border-left:4px solid var(--fd-yellow);
  border-radius:0 14px 14px 0;

  background:rgba(255,255,255,.68);
}

.fold-details-notice strong{
  font-size:13px;
  font-weight:800;
  line-height:1.4;
  text-transform:uppercase;
  letter-spacing:.04em;

  color:var(--fd-black);
}

.fold-details-notice span{
  font-size:14px;
  line-height:1.5;

  color:var(--fd-copy);
}


/* ==========================================================
   TECHNISCHE DATEN HEAD
========================================================== */

.fold-details-tech-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);
  gap:60px;
  align-items:end;

  padding:118px 0 52px;
}

.fold-details-tech-head__copy{
  max-width:540px;
}

.fold-details-tech-head__copy .fold-details-line{
  margin-top:0;
}


/* ==========================================================
   ACCORDION
========================================================== */

.fold-details-tech{
  overflow:hidden;

  border:1px solid var(--fd-border);
  border-radius:var(--fd-radius);

  background:var(--fd-white);
}

.fold-details-accordion__item{
  border-bottom:1px solid var(--fd-border);

  background:var(--fd-white);
}

.fold-details-accordion__item:last-child{
  border-bottom:0;
}

.fold-details-accordion__button{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) 48px;
  gap:20px;
  align-items:center;

  width:100%;
  min-height:112px;
  padding:20px 34px;

  border:0;
  outline:0;

  text-align:left;

  color:var(--fd-black);
  background:var(--fd-white);

  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;

  box-shadow:none;

  transition:background-color .2s ease;
}

.fold-details-accordion__button:hover,
.fold-details-accordion__button:focus,
.fold-details-accordion__button:active{
  color:var(--fd-black);
  background:#f8f7f4;
  outline:0;
  box-shadow:none;
}

.fold-details-accordion__index{
  font-family:"Oswald",Arial,sans-serif;
  font-size:15px;
  font-weight:600;

  color:#9b8359;
}

.fold-details-accordion__title{
  font-family:"Oswald",Arial,sans-serif;
  font-size:29px;
  font-weight:600;
  line-height:1.1;
  text-transform:uppercase;

  color:var(--fd-black);
}

.fold-details-accordion__icon{
  position:relative;

  display:block;

  width:44px;
  height:44px;

  border:1px solid var(--fd-border-strong);
  border-radius:50%;

  background:var(--fd-white);

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

.fold-details-accordion__icon::before,
.fold-details-accordion__icon::after{
  content:"";

  position:absolute;
  top:50%;
  left:50%;

  width:16px;
  height:2px;

  border-radius:999px;

  background:var(--fd-black);

  transform:translate(-50%,-50%);
}

.fold-details-accordion__icon::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

.fold-details-accordion__item.is-open
.fold-details-accordion__button{
  background:var(--fd-card);
}

.fold-details-accordion__item.is-open
.fold-details-accordion__icon{
  border-color:var(--fd-yellow);
  background:var(--fd-yellow);
}

.fold-details-accordion__item.is-open
.fold-details-accordion__icon::after{
  opacity:0;
}

.fold-details-accordion__content{
  display:grid;
  grid-template-rows:0fr;

  overflow:hidden;

  background:var(--fd-card);

  transition:grid-template-rows .35s ease;
}

.fold-details-accordion__content > *{
  min-height:0;
}

.fold-details-accordion__item.is-open
.fold-details-accordion__content{
  grid-template-rows:1fr;
}


/* ==========================================================
   SPEZIFIKATIONEN
========================================================== */

.fold-details-specs{
  padding:0 34px 34px 112px;
}

.fold-details-spec{
  display:grid;
  grid-template-columns:minmax(220px,.42fr) minmax(0,.58fr);
  gap:36px;

  padding:17px 0;

  border-top:1px solid rgba(17,17,17,.08);
}

.fold-details-spec:first-child{
  border-top:0;
}

.fold-details-spec span{
  font-size:15px;
  font-weight:600;
  line-height:1.55;

  color:var(--fd-copy);
}

.fold-details-spec strong{
  font-size:16px;
  font-weight:700;
  line-height:1.55;

  color:var(--fd-black);
}


/* ==========================================================
   TECHNISCHE ZEICHNUNGEN
========================================================== */

.fold-details-drawings{
  padding:118px 0 0;
}

.fold-details-drawings__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);
  gap:60px;
  align-items:end;

  margin-bottom:48px;
}

.fold-details-drawings__intro{
  max-width:540px;
}

.fold-details-drawings__intro .fold-details-line{
  margin-top:0;
}

.fold-details-drawings__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.fold-details-drawing{
  position:relative;

  display:flex;
  flex-direction:column;

  min-height:460px;

  overflow:hidden;

  border:1px solid var(--fd-border);
  border-radius:var(--fd-radius);

  background:var(--fd-card);
}

.fold-details-drawing{
    display:flex;
    align-items:center;
    justify-content:center;
}

.fold-details-drawing img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center center;

    margin:auto;
}

.fold-details-drawing figcaption{
  margin-top:auto;
  padding:18px 24px 22px;

  border-top:1px solid var(--fd-border);

  font-size:13px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.08em;
  text-transform:uppercase;

  color:var(--fd-black);
}

.fold-details-drawing--wide{
  grid-column:span 1;
}


/* ==========================================================
   CTA
========================================================== */

.fold-details-cta{
  display:grid;
  grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);
  gap:24px;
  align-items:stretch;

  padding-top:118px;
}

.fold-details-cta__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;

  min-height:610px;
}

.fold-details-cta__copy p{
  max-width:580px;
}

.fold-details-cta__media{
  position:relative;

  min-height:610px;

  overflow:hidden;

  border:0;
  border-radius:var(--fd-radius);

  background:var(--fd-media);
}

.fold-details-cta__media img{
  position:absolute;
  top:50%;
  left:50%;

  width:100%;
  height:100%;

  display:block;

  border:0;
  border-radius:inherit;

  object-fit:contain;
  object-position:center center;

  background:transparent;

  transform:translate(-50%,-50%);
  transform-origin:center center;
}


/* ==========================================================
   BUTTONS
========================================================== */

.fold-details-page .fold-details-button{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;

  min-width:240px;
  min-height:64px;

  margin-top:28px;
  padding:11px 12px 11px 22px;

  border:1px solid var(--fd-yellow);
  border-radius:16px;

  font-family:"Inter",Arial,sans-serif;
  font-size:14px;
  font-weight:800;
  line-height:1.2;

  color:var(--fd-black) !important;
  background:var(--fd-yellow) !important;

  text-decoration:none !important;

  box-shadow:none;

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

.fold-details-page .fold-details-button:hover{
  color:var(--fd-black) !important;
  background:var(--fd-yellow-hover) !important;
  border-color:var(--fd-yellow-hover);

  text-decoration:none !important;

  transform:translateY(-2px);

  box-shadow:0 14px 28px rgba(0,0,0,.10);
}

.fold-details-page .fold-details-button--secondary{
  color:var(--fd-black) !important;
  background:var(--fd-white) !important;

  border-color:var(--fd-border-strong);
}

.fold-details-page .fold-details-button--secondary:hover{
  background:#eeede9 !important;
  border-color:rgba(17,17,17,.30);
}

.fold-details-button__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;

  width:40px;
  height:40px;

  border-radius:50%;

  font-size:17px;
  font-weight:600;
  line-height:1;

  color:#fff;
  background:var(--fd-dark);
}

/* CTA BUTTON-GRUPPE */

.fold-details-cta__buttons{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:20px;

  margin-top:28px;
}

.fold-details-cta__buttons .fold-details-button{
  margin:0;
}


/* ==========================================================
   FOLD DETAILS COMPONENT CSS ENDET
========================================================== */
/* ==========================================================
   FOLD FOOTER COMPONENTS CSS V5.0 BEGINNT
========================================================== */


/* ==========================================================
   GRUNDEINSTELLUNGEN
========================================================== */

.fold-footer{
  --ff-black:#111111;
  --ff-text:#36383D;
  --ff-muted:#74777D;
  --ff-yellow:#FACA30;
  --ff-yellow-hover:#FFD743;
  --ff-white:#FFFFFF;
  --ff-surface:#F7F7F4;
  --ff-hover:#EFEFEA;
  --ff-border:#E3E3DD;
  --ff-input-border:#D4D4CE;

  width:100%;
  padding:58px 0 18px;

  background:var(--ff-surface);
  border-top:1px solid var(--ff-border);

  color:var(--ff-black);

  font-family:"Inter",Arial,sans-serif;
  font-size:16px;
  line-height:1.5;
}

.fold-footer,
.fold-footer *,
.fold-footer *::before,
.fold-footer *::after{
  box-sizing:border-box;
}

.fold-footer a{
  color:inherit;
}

.fold-footer img,
.fold-footer svg{
  display:block;
}

.fold-footer button,
.fold-footer input,
.fold-footer select{
  font:inherit;
}

.fold-footer__inner{
  width:min(94%,1680px);
  margin:0 auto;
}


/* ==========================================================
   HAUPTBEREICH
========================================================== */

.fold-footer__main{
  display:grid;

  grid-template-columns:
    minmax(250px,1.15fr)
    minmax(135px,.62fr)
    minmax(150px,.72fr)
    minmax(135px,.62fr)
    minmax(300px,1.2fr);

  align-items:start;
  gap:38px;

  padding-bottom:48px;
}


/* ==========================================================
   MARKE
========================================================== */

.fold-footer__brand{
  min-width:0;
  max-width:360px;
}


/* ==========================================================
   LOGO
========================================================== */

.fold-footer__logo{
  width:126px;
  max-width:100%;

  display:inline-flex;
  align-items:center;
  justify-content:flex-start;

  margin:0 0 22px;

  color:var(--ff-black) !important;
  text-decoration:none !important;
}

.fold-footer__logo img{
  width:100%;
  height:auto;
  max-height:50px;

  object-fit:contain;
  object-position:left center;
}


/* ==========================================================
   CLAIM
========================================================== */

.fold-footer__claim{
  margin:0 0 18px;

  color:var(--ff-black);

  font-family:"Oswald",Arial,sans-serif;
  font-size:26px;
  font-weight:600;
  line-height:1.16;
  letter-spacing:-.01em;
}


/* ==========================================================
   MARKENTEXT
========================================================== */

.fold-footer__brand-text{
  max-width:335px;
  margin:0;

  color:var(--ff-text);

  font-size:13px;
  font-weight:400;
  line-height:1.68;
}


/* ==========================================================
   EYEBROW-ÜBERSCHRIFTEN
========================================================== */

.fold-footer__heading{
  position:relative;

  display:inline-block;

  margin:0 0 22px;
  padding-bottom:10px;

  color:var(--ff-black);

  font-size:10px;
  font-weight:800;
  line-height:1;
  letter-spacing:.18em;

  text-transform:uppercase;
}

.fold-footer__heading::after{
  content:"";

  position:absolute;
  left:0;
  bottom:0;

  width:28px;
  height:3px;

  background:var(--ff-yellow);
  border-radius:999px;
}


/* ==========================================================
   LINKSPALTEN
========================================================== */

.fold-footer__column{
  min-width:0;
}

.fold-footer__links{
  display:grid;
  gap:12px;

  margin:0;
  padding:0;

  list-style:none;
}

.fold-footer__links li{
  margin:0;
  padding:0;
}

.fold-footer__links a{
  position:relative;

  display:inline-block;

  color:var(--ff-text) !important;

  font-size:13px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:-.01em;

  text-decoration:none !important;

  transition:
    color .2s ease,
    transform .2s ease;
}

.fold-footer__links a::after{
  content:"";

  position:absolute;
  left:0;
  bottom:-3px;

  width:0;
  height:1.5px;

  background:var(--ff-yellow);

  transition:width .2s ease;
}

.fold-footer__links a:hover{
  color:var(--ff-black) !important;
  transform:translateX(2px);
}

.fold-footer__links a:hover::after{
  width:100%;
}

.fold-footer__links a:focus-visible{
  outline:2px solid var(--ff-yellow);
  outline-offset:4px;
  border-radius:3px;
}


/* ==========================================================
   NEWSLETTER
========================================================== */

.fold-footer__newsletter{
  min-width:0;
}

.fold-footer__newsletter-text{
  max-width:420px;
  margin:0 0 20px;

  color:var(--ff-text);

  font-size:13px;
  font-weight:400;
  line-height:1.65;
}


/* ==========================================================
   NEWSLETTER-FORMULAR
========================================================== */

.fold-footer__form{
  width:100%;
  margin:0;
}

.fold-footer__label{
  position:absolute;

  width:1px;
  height:1px;

  padding:0;
  margin:-1px;

  overflow:hidden;
  clip:rect(0,0,0,0);
  clip-path:inset(50%);

  white-space:nowrap;
  border:0;
}

.fold-footer__form-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
}

.fold-footer__form input{
  width:100%;
  min-width:0;
  min-height:46px;

  padding:0 16px;

  background:var(--ff-white);
  border:1px solid var(--ff-input-border);
  border-radius:999px;

  color:var(--ff-black);

  font-size:13px;
  font-weight:500;
  line-height:1;

  outline:none;

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

.fold-footer__form input::placeholder{
  color:#8A8D92;
  opacity:1;
}

.fold-footer__form input:hover{
  border-color:#BDBDB7;
}

.fold-footer__form input:focus{
  border-color:var(--ff-yellow);
  box-shadow:0 0 0 4px rgba(250,202,48,.18);
}

.fold-footer__form button{
  min-width:124px;
  min-height:46px;

  padding:0 19px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  background:var(--ff-yellow);
  border:1px solid var(--ff-yellow);
  border-radius:999px;

  color:var(--ff-black);

  font-size:13px;
  font-weight:800;
  line-height:1;

  cursor:pointer;

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

.fold-footer__form button span{
  font-size:17px;
  font-weight:600;
  line-height:1;
}

.fold-footer__form button:hover{
  background:var(--ff-yellow-hover);
  border-color:var(--ff-yellow-hover);

  transform:translateY(-1px);

  box-shadow:0 7px 16px rgba(0,0,0,.08);
}

.fold-footer__form button:active{
  transform:translateY(0);
  box-shadow:none;
}

.fold-footer__form button:focus-visible{
  outline:2px solid var(--ff-black);
  outline-offset:3px;
}


/* ==========================================================
   SOCIAL MEDIA
========================================================== */

.fold-footer__social{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;

  margin-top:20px;
}

.fold-footer__social a{
  width:38px;
  height:38px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  flex:0 0 38px;

  background:var(--ff-white);
  border:1px solid var(--ff-border);
  border-radius:50%;

  color:var(--ff-black) !important;

  text-decoration:none !important;

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

.fold-footer__social a:hover{
  background:var(--ff-yellow);
  border-color:var(--ff-yellow);

  transform:translateY(-2px);

  box-shadow:0 7px 15px rgba(0,0,0,.07);
}

.fold-footer__social a:focus-visible{
  outline:2px solid var(--ff-black);
  outline-offset:3px;
}

.fold-footer__social svg{
  width:17px;
  height:17px;

  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* ==========================================================
   SPRACHE
========================================================== */

.fold-footer__language{
  width:100%;
  max-width:245px;
  margin-top:20px;
}

.fold-footer__language label,
.fold-footer__language-label{
  position:relative;

  display:inline-block;

  margin:0 0 12px;
  padding-bottom:8px;

  color:var(--ff-black);

  font-size:10px;
  font-weight:800;
  line-height:1;
  letter-spacing:.18em;

  text-transform:uppercase;
}

.fold-footer__language label::after,
.fold-footer__language-label::after{
  content:"";

  position:absolute;
  left:0;
  bottom:0;

  width:24px;
  height:3px;

  background:var(--ff-yellow);
  border-radius:999px;
}

.fold-footer__language select{
  width:100%;
  min-height:40px;

  padding:0 40px 0 15px;

  appearance:none;
  -webkit-appearance:none;

  background-color:var(--ff-white);

  background-image:
    linear-gradient(45deg,transparent 50%,var(--ff-black) 50%),
    linear-gradient(135deg,var(--ff-black) 50%,transparent 50%);

  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 13px) 50%;

  background-size:
    5px 5px,
    5px 5px;

  background-repeat:no-repeat;

  border:1px solid var(--ff-border);
  border-radius:999px;

  color:var(--ff-black);

  font-size:13px;
  font-weight:600;

  cursor:pointer;
  outline:none;

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

.fold-footer__language select:hover{
  border-color:#BDBDB7;
}

.fold-footer__language select:focus{
  border-color:var(--ff-yellow);
  box-shadow:0 0 0 4px rgba(250,202,48,.18);
}


/* ==========================================================
   UNTERE LEISTE
========================================================== */

.fold-footer__bottom{
  min-height:58px;

  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:24px;

  padding:18px 0 12px;

  border-top:1px solid var(--ff-border);
}

.fold-footer__bottom p{
  margin:0;

  color:var(--ff-muted);

  font-size:12px;
  font-weight:500;
  line-height:1.4;
}


/* ==========================================================
   RECHTLICHE LINKS
========================================================== */

.fold-footer__legal{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:12px 20px;
}

.fold-footer__legal a{
  color:var(--ff-muted) !important;

  font-size:12px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:-.01em;

  text-decoration:none !important;

  transition:color .2s ease;
}

.fold-footer__legal a:hover{
  color:var(--ff-black) !important;
}

.fold-footer__legal a:focus-visible{
  outline:2px solid var(--ff-yellow);
  outline-offset:4px;
  border-radius:3px;
}


/* ==========================================================
   NACH-OBEN-BUTTON
========================================================== */

.fold-footer__top{
  width:40px;
  height:40px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  flex:0 0 40px;

  background:var(--ff-white);
  border:1px solid var(--ff-border);
  border-radius:50%;

  color:var(--ff-black) !important;

  text-decoration:none !important;

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

.fold-footer__top:hover{
  background:var(--ff-yellow);
  border-color:var(--ff-yellow);

  transform:translateY(-2px);

  box-shadow:0 7px 15px rgba(0,0,0,.07);
}

.fold-footer__top:focus-visible{
  outline:2px solid var(--ff-black);
  outline-offset:3px;
}

.fold-footer__top svg{
  width:18px;
  height:18px;

  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* ==========================================================
   FOLD FOOTER COMPONENTS CSS V5.0 ENDET
========================================================== */

/* ==========================================================
   FOLD HEADER COMPONENTS CSS V3.1 BEGINNT
========================================================== */

.fold-header{
  --fh-black:#111111;
  --fh-text:#2F3135;
  --fh-yellow:#FACA30;
  --fh-yellow-hover:#FFD743;
  --fh-white:#FFFFFF;
  --fh-hover:#F5F5F1;
  --fh-border:#E7E7E1;

  position:relative;
  z-index:9999;

  width:100%;

  background:var(--fh-white);
  border-bottom:1px solid var(--fh-border);

  color:var(--fh-black);

  font-family:"Inter",Arial,sans-serif;
}

.fold-header,
.fold-header *,
.fold-header *::before,
.fold-header *::after{
  box-sizing:border-box;
}

.fold-header a{
  color:inherit;
}

.fold-header img,
.fold-header svg{
  display:block;
}


/* ==========================================================
   HEADER-LAYOUT
========================================================== */

.fold-header__inner{
  width:min(94%,1680px);
  height:54px;
  min-height:54px;

  margin:0 auto;

  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:20px;
}


/* ==========================================================
   LOGO
========================================================== */

.fold-header__logo{
  justify-self:start;

  width:60px;
  min-width:60px;

  display:inline-flex;
  align-items:center;

  text-decoration:none !important;
}

.fold-header__logo img{
  width:100%;
  height:auto;
  max-height:32px;

  object-fit:contain;
  object-position:left center;
}


/* ==========================================================
   DESKTOP-NAVIGATION
========================================================== */

.fold-header__nav{
  justify-self:center;

  width:auto;
  min-width:0;
}

.fold-header__menu{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;

  margin:0;
  padding:0;

  list-style:none;
}

.fold-header__menu-item{
  position:relative;

  margin:0;
  padding:0;
}

.fold-header__menu-item > a{
  min-height:34px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;

  padding:0 12px;

  border-radius:999px;

  color:var(--fh-text) !important;

  font-size:13px;
  font-weight:600;
  line-height:1;
  letter-spacing:-.01em;

  text-decoration:none !important;
  white-space:nowrap;

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

.fold-header__menu-item > a:hover,
.fold-header__menu-item:focus-within > a{
  background:var(--fh-hover);
  color:var(--fh-black) !important;
}


/* ==========================================================
   DROPDOWN-PFEIL
========================================================== */

.fold-header__dropdown-link svg{
  width:13px;
  height:13px;

  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;

  transition:transform .2s ease;
}

.fold-header__menu-item--dropdown:hover
.fold-header__dropdown-link svg,
.fold-header__menu-item--dropdown:focus-within
.fold-header__dropdown-link svg{
  transform:rotate(180deg);
}


/* ==========================================================
   DROPDOWN-BRÜCKE
========================================================== */

.fold-header__menu-item--dropdown::after{
  content:"";

  position:absolute;
  top:100%;
  left:0;

  width:100%;
  height:12px;
}


/* ==========================================================
   DROPDOWN
========================================================== */

.fold-header__submenu{
  position:absolute;
  top:calc(100% + 8px);
  left:50%;
  z-index:100;

  width:max-content;
  min-width:230px;

  margin:0;
  padding:8px;

  list-style:none;

  background:var(--fh-white);
  border:1px solid var(--fh-border);
  border-radius:16px;

  box-shadow:0 18px 46px rgba(0,0,0,.12);

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  transform:
    translateX(-50%)
    translateY(7px);

  transition:
    opacity .18s ease,
    visibility .18s ease,
    transform .18s ease;
}

.fold-header__menu-item--dropdown:hover
.fold-header__submenu,
.fold-header__menu-item--dropdown:focus-within
.fold-header__submenu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;

  transform:
    translateX(-50%)
    translateY(0);
}

.fold-header__submenu li{
  margin:0;
  padding:0;
}

.fold-header__submenu a{
  width:100%;
  min-height:38px;

  display:flex;
  align-items:center;

  padding:0 12px;

  border-radius:10px;

  color:var(--fh-text) !important;

  font-size:13px;
  font-weight:600;
  line-height:1.25;

  text-decoration:none !important;
  white-space:nowrap;

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

.fold-header__submenu a:hover,
.fold-header__submenu a:focus-visible{
  background:var(--fh-hover);
  color:var(--fh-black) !important;

  outline:none;
}


/* ==========================================================
   RECHTER BEREICH
========================================================== */

.fold-header__actions{
  justify-self:end;

  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}


/* ==========================================================
   PROBEFAHRT
========================================================== */

.fold-header__cta{
  min-height:36px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  padding:0 15px;

  background:var(--fh-yellow);
  border:1px solid var(--fh-yellow);
  border-radius:999px;

  color:var(--fh-black) !important;

  font-size:13px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.01em;

  text-decoration:none !important;
  white-space:nowrap;

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

.fold-header__cta:hover,
.fold-header__cta:focus-visible{
  background:var(--fh-yellow-hover);
  border-color:var(--fh-yellow-hover);

  color:var(--fh-black) !important;

  transform:translateY(-1px);

  box-shadow:0 7px 16px rgba(0,0,0,.09);
}

.fold-header__cta span{
  font-size:16px;
  font-weight:600;
  line-height:1;
}


/* ==========================================================
   MOBILER MENÜ-BUTTON
========================================================== */

.fold-header__mobile-toggle{
  width:38px;
  height:38px;

  display:none;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;

  padding:0;

  background:transparent;
  border:1px solid var(--fh-border);
  border-radius:50%;

  cursor:pointer;
}

.fold-header__mobile-toggle span{
  width:16px;
  height:1.5px;

  display:block;

  background:var(--fh-black);

  transition:
    transform .2s ease,
    opacity .2s ease;
}

.fold-header__mobile-toggle[aria-expanded="true"] span:nth-child(1){
  transform:translateY(5.5px) rotate(45deg);
}

.fold-header__mobile-toggle[aria-expanded="true"] span:nth-child(2){
  opacity:0;
}

.fold-header__mobile-toggle[aria-expanded="true"] span:nth-child(3){
  transform:translateY(-5.5px) rotate(-45deg);
}


/* ==========================================================
   MOBILES MENÜ
========================================================== */

.fold-header__mobile-menu{
  width:100%;

  padding:8px 16px 18px;

  background:var(--fh-white);
  border-top:1px solid var(--fh-border);
}

.fold-header__mobile-menu[hidden]{
  display:none;
}

.fold-header__mobile-menu nav{
  width:min(100%,720px);
  margin:0 auto;
}

.fold-header__mobile-menu ul{
  display:grid;
  gap:2px;

  margin:0;
  padding:0;

  list-style:none;
}

.fold-header__mobile-menu li{
  margin:0;
  padding:0;
}

.fold-header__mobile-menu a{
  min-height:44px;

  display:flex;
  align-items:center;

  padding:0 12px;

  border-radius:10px;

  color:var(--fh-text) !important;

  font-size:14px;
  font-weight:600;

  text-decoration:none !important;
}

.fold-header__mobile-menu a:hover{
  background:var(--fh-hover);
  color:var(--fh-black) !important;
}


/* ==========================================================
   FOKUS
========================================================== */

.fold-header a:focus-visible,
.fold-header button:focus-visible{
  outline:2px solid var(--fh-black);
  outline-offset:3px;
}


/* ==========================================================
   FOLD HEADER COMPONENTS CSS V3.1 ENDET
========================================================== */
/* ==========================================================
   GLOBAL TYPOGRAFIE- UND SEITENABSTANDS-KORREKTUR V3.0
   EINHEITLICHE ÜBERSCHRIFTEN / KLEINERE HERO-TITEL /
   EINHEITLICHER ABSTAND ZUM FOOTER
========================================================== */

:root{
  --fold-heading-hero:50px;
  --fold-heading-section:46px;
  --fold-heading-card:30px;
  --fold-page-footer-gap:48px;
  --fold-eyebrow-size:12px;
  --fold-eyebrow-spacing:.16em;
}

/* ==========================================================
   1. EINHEITLICHE EYEBROWS
========================================================== */

.fold-hero__eyebrow,
.fold-eyebrow,
.fold-support-eyebrow,
.fold-support-card-label,
.fold-events-eyebrow,
.fold-model-eyebrow,
.fs-kicker,
.fold-cargo-eyebrow,
.fold-accessory-eyebrow,
.fold-clean .fc-eyebrow,
.fold-about-eyebrow,
.fold-press-eyebrow,
.fold-privacy-eyebrow,
.fold-imprint-eyebrow,
.fold-dealers-eyebrow,
.fold-legal-eyebrow,
.fold-dealer-form-eyebrow,
.fold-contact-eyebrow,
.fold-recommend-eyebrow,
.fold-test-ride-eyebrow,
.fold-details-eyebrow{
  margin-bottom:14px;
  color:#A97900 !important;
  font-family:"Inter",Arial,sans-serif;
  font-size:var(--fold-eyebrow-size) !important;
  font-weight:800;
  line-height:1.15;
  letter-spacing:var(--fold-eyebrow-spacing);
  text-transform:uppercase;
}

/* ==========================================================
   2. EINHEITLICHE HERO-ÜBERSCHRIFTEN
========================================================== */

.fold-hero__title,
.fold-support-title,
.fold-events-title,
.fold-model-page-title,
.fs-hero h1,
.fold-cargo-title,
.fold-accessory-title,
.fold-clean .fc-hero-content h1,
.fold-about-page h1,
.fold-press-page h1,
.fold-privacy-page h1,
.fold-imprint-page h1,
.fold-dealers-title,
.fold-legal-hero h1,
.fold-dealer-form-hero h1,
.fold-contact-hero h1,
.fold-recommend-hero h1,
.fold-test-ride-hero h1,
.fold-details-page h1{
  font-family:"Oswald",Arial,sans-serif !important;
  font-size:var(--fold-heading-hero) !important;
  font-weight:600 !important;
  line-height:1.06 !important;
  letter-spacing:-.015em !important;
  text-transform:none;
}

/* Safety-Seite bewusst weiterhin in Versalien */
.fs-hero h1{
  text-transform:uppercase;
}

/* ==========================================================
   3. EINHEITLICHE SECTION-ÜBERSCHRIFTEN
========================================================== */

.fold-title,
.fold-support-section-title,
.fs-section-head h2,
.fs-result h2,
.fold-cargo-section-head h2,
.fold-cargo-final h2,
.fold-clean .fc-section-title,
.fold-about-page h2,
.fold-press-page h2,
.fold-privacy-page h2,
.fold-imprint-page h2,
.fold-dealers-page h2,
.fold-legal-page h2,
.fold-dealer-form-page h2,
.fold-contact-page h2,
.fold-recommend-page h2,
.fold-test-ride-page h2,
.fold-details-page h2{
  font-family:"Oswald",Arial,sans-serif !important;
  font-size:var(--fold-heading-section) !important;
  font-weight:600 !important;
  line-height:1.08 !important;
  letter-spacing:-.01em !important;
  text-transform:none;
}

/* Safety-Seite bewusst weiterhin in Versalien */
.fs-section-head h2,
.fs-result h2{
  text-transform:uppercase;
}

/* ==========================================================
   4. EINHEITLICHE GELBE TITELLINIEN
========================================================== */

.fold-hero__line,
.fold-title-line,
.fold-support-line,
.fold-events-line,
.fold-model-line,
.fs-line,
.fold-cargo-line,
.fold-accessory-line,
.fold-clean .fc-line,
.fold-about-line,
.fold-press-line,
.fold-privacy-line,
.fold-imprint-line,
.fold-dealers-line,
.fold-legal-line,
.fold-dealer-form-line,
.fold-contact-line,
.fold-recommend-line,
.fold-test-ride-line,
.fold-details-line{
  width:70px !important;
  min-width:70px !important;
  max-width:70px !important;
  height:4px !important;
  min-height:4px !important;
  max-height:4px !important;
  margin:20px 0 26px !important;
  background:#FACA30 !important;
  border:0 !important;
  border-radius:999px !important;
}

/* ==========================================================
   5. EINHEITLICHER ABSTAND ALLER SEITEN ZUM FOOTER
   REFERENZ: HOMEPAGE = 48 PX
========================================================== */

.fold-support-page,
.fold-events-page,
.fold-model-page,
.fold-cargo-page,
.fold-accessory-page,
.fold-about-page,
.fold-press-page,
.fold-privacy-page,
.fold-imprint-page,
.fold-dealers-page,
.fold-legal-page,
.fold-dealer-form-page,
.fold-contact-page,
.fold-recommend-page,
.fold-test-ride-page,
.fold-details-page{
  padding-bottom:var(--fold-page-footer-gap) !important;
}

/* Seiten ohne eigenes Wrapper-Padding */
.fold-safety-page .fs-result{
  margin-bottom:var(--fold-page-footer-gap) !important;
}

/* Homepage bleibt die Referenz */
.fold-clean .fc-features{
  margin-bottom:var(--fold-page-footer-gap) !important;
}

/* Verhindert doppelte Abstände am jeweiligen Seitenende */
.fold-support-page > :last-child,
.fold-events-page > :last-child,
.fold-model-page > :last-child,
.fold-cargo-page > :last-child,
.fold-accessory-page > :last-child,
.fold-about-page > :last-child,
.fold-press-page > :last-child,
.fold-privacy-page > :last-child,
.fold-imprint-page > :last-child,
.fold-dealers-page > :last-child,
.fold-legal-page > :last-child,
.fold-dealer-form-page > :last-child,
.fold-contact-page > :last-child,
.fold-recommend-page > :last-child,
.fold-test-ride-page > :last-child,
.fold-details-page > :last-child{
  margin-bottom:0 !important;
}

/* ==========================================================
   6. FOOTER-EYEBROWS EINHEITLICH
========================================================== */

.fold-footer__heading,
.fold-footer__language label,
.fold-footer__language-label{
  position:relative;
  display:inline-block;
  margin:0 0 22px;
  padding-bottom:10px;
  color:#111111;
  font-family:"Inter",Arial,sans-serif;
  font-size:10px;
  font-weight:800;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.fold-footer__heading::after,
.fold-footer__language label::after,
.fold-footer__language-label::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:28px;
  height:3px;
  background:#FACA30;
  border-radius:999px;
}

/* ==========================================================
   7. RESPONSIVE TYPOGRAFIE UND FOOTER-ABSTAND
========================================================== */

@media (max-width:900px){
  :root{
    --fold-heading-hero:42px;
    --fold-heading-section:40px;
    --fold-page-footer-gap:44px;
  }
}

@media (max-width:767px){
  :root{
    --fold-heading-hero:34px;
    --fold-heading-section:32px;
    --fold-page-footer-gap:40px;
    --fold-eyebrow-size:11px;
  }

  .fold-hero__line,
  .fold-title-line,
  .fold-support-line,
  .fold-events-line,
  .fold-model-line,
  .fs-line,
  .fold-cargo-line,
  .fold-accessory-line,
  .fold-clean .fc-line,
  .fold-about-line,
  .fold-press-line,
  .fold-privacy-line,
  .fold-imprint-line,
  .fold-dealers-line,
  .fold-legal-line,
  .fold-dealer-form-line,
  .fold-contact-line,
  .fold-recommend-line,
  .fold-test-ride-line,
  .fold-details-line{
    width:58px !important;
    min-width:58px !important;
    max-width:58px !important;
    height:3px !important;
    min-height:3px !important;
    max-height:3px !important;
    margin:18px 0 24px !important;
  }

  .fold-footer__heading,
  .fold-footer__language label,
  .fold-footer__language-label{
    margin-bottom:20px;
    padding-bottom:9px;
    font-size:10px;
    letter-spacing:.17em;
  }

  .fold-footer__heading::after,
  .fold-footer__language label::after,
  .fold-footer__language-label::after{
    width:26px;
    height:3px;
  }
}

/* ==========================================================
   GLOBAL TYPOGRAFIE- UND SEITENABSTANDS-KORREKTUR V3.0 ENDET
========================================================== */

/* ==========================================================
   FOLD GLOBAL FINAL SYSTEM V8.0
   ALLE BISHERIGEN ÄNDERUNGEN KONSOLIDIERT
========================================================== */

:root{
  --fold-card-title-large:30px;
  --fold-card-title-medium:27px;
  --fold-card-title-small:24px;
  --fold-card-title-weight:600;
  --fold-card-title-line-height:1.10;
  --fold-card-title-color:#111111;
}


/* ==========================================================
   1. HOMEPAGE-HERO: NUR BUTTONS
========================================================== */

body .fold-clean .fc-hero-content--buttons-only{
  position:absolute !important;
  z-index:2 !important;

  left:6% !important;
  right:auto !important;
  top:auto !important;
  bottom:40px !important;

  width:auto !important;
  max-width:none !important;

  margin:0 !important;
  padding:0 !important;
}

body .fold-clean .fc-hero-content--buttons-only .fc-buttons{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;

  gap:14px !important;

  margin:0 !important;
  padding:0 !important;
}


/* ==========================================================
   2. PRODUKTTITEL: FOLD / eFOLD
========================================================== */

body .fold-clean .fc-lineup-copy h3,
body .fold-model-title{
  margin:0 0 10px !important;

  color:var(--fold-card-title-color) !important;

  font-family:"Oswald",Arial,sans-serif !important;
  font-size:var(--fold-card-title-large) !important;
  font-weight:var(--fold-card-title-weight) !important;
  line-height:1.08 !important;
  letter-spacing:-.01em !important;

  text-transform:none !important;

  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}


/* ==========================================================
   3. HOMEPAGE-FEATURES
========================================================== */

body .fold-clean .fc-features article h3{
  margin:0 0 14px !important;

  color:var(--fold-card-title-color) !important;

  font-family:"Oswald",Arial,sans-serif !important;
  font-size:var(--fold-card-title-medium) !important;
  font-weight:var(--fold-card-title-weight) !important;
  line-height:var(--fold-card-title-line-height) !important;
  letter-spacing:-.008em !important;

  text-transform:none !important;

  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}


/* ==========================================================
   4. ABOUT-PRINZIPIEN
========================================================== */

body .fold-about-page .fold-about-principle h3,
body .fold-about-principle h3{
  margin:0 0 14px !important;

  color:var(--fold-card-title-color) !important;

  font-family:"Oswald",Arial,sans-serif !important;
  font-size:var(--fold-card-title-medium) !important;
  font-weight:var(--fold-card-title-weight) !important;
  line-height:var(--fold-card-title-line-height) !important;
  letter-spacing:-.008em !important;

  text-transform:none !important;

  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}


/* ==========================================================
   5. PRESSE- UND DOWNLOADKARTEN
========================================================== */

body .fold-press-page .fold-press-download-card h3,
body .fold-press-page .fold-press-media-card h3,
body .fold-press-download-card h3,
body .fold-press-media-card h3{
  margin:0 0 14px !important;

  color:var(--fold-card-title-color) !important;

  font-family:"Oswald",Arial,sans-serif !important;
  font-size:var(--fold-card-title-medium) !important;
  font-weight:var(--fold-card-title-weight) !important;
  line-height:var(--fold-card-title-line-height) !important;
  letter-spacing:-.008em !important;

  text-transform:none !important;

  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}


/* ==========================================================
   6. SICHERHEIT: PROZESSKARTEN
========================================================== */

body .fold-safety-page .fs-process-card h3{
  margin:0 0 16px !important;

  color:var(--fold-card-title-color) !important;

  font-family:"Oswald",Arial,sans-serif !important;
  font-size:21px !important;
  font-weight:600 !important;
  line-height:1.10 !important;
  letter-spacing:-.004em !important;

  text-transform:uppercase !important;

  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  hyphens:auto !important;
}


/* ==========================================================
   7. SICHERHEIT: PRÜFLISTE
========================================================== */

body .fold-safety-page .fs-test-item h3,
body .fold-safety-page .fs-test-item strong{
  color:var(--fold-card-title-color) !important;

  font-family:"Oswald",Arial,sans-serif !important;
  font-size:24px !important;
  font-weight:600 !important;
  line-height:1.08 !important;
  letter-spacing:-.006em !important;

  text-transform:uppercase !important;

  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}


/* ==========================================================
   8. DESKTOP-PROZESSGRID
========================================================== */

@media (min-width:1101px){

  body .fold-safety-page .fs-process-grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  body .fold-safety-page .fs-process-card{
    padding:28px 20px 26px !important;
  }

}


/* ==========================================================
   FOLD GLOBAL FINAL SYSTEM V8.0 ENDET
========================================================== */

/* ==========================================================
   FOLD TITLE WEIGHT SYSTEM V10.0
   OSWALD 600 · KEINE ÄNDERUNG AN GRÖSSE ODER LAYOUT
========================================================== */

body .fold-clean .fc-lineup-copy h3,
body .fold-model-title,

body .fold-clean .fc-features article h3,

body .fold-about-page .fold-about-principle h3,
body .fold-about-principle h3,

body .fold-cargo-card h2,
body .fold-cargo-panel-content h2,
body .fold-cargo-compact-copy h2,

body .fold-accessory-card h2,
body .fold-feature-card h3,

body .fold-press-page .fold-press-download-card h3,
body .fold-press-page .fold-press-media-card h3,
body .fold-press-download-card h3,
body .fold-press-media-card h3,

body .fold-safety-page .fs-process-card h3,
body .fold-safety-page .fs-test-item h3,
body .fold-safety-page .fs-test-item strong,

body .fold-support-card h3,
body .fold-support-topic-card h3{
  font-family:"Oswald",Arial,sans-serif !important;
  font-weight:600 !important;
}

/* ==========================================================
   FOLD TITLE WEIGHT SYSTEM V10.0 ENDET
========================================================== */

/* ==========================================================
   FOLD FOOTER – FLUENT FORMS V1.0
========================================================== */

.fold-footer__newsletter-form{
  width:100%;
  margin:0;
}

.fold-footer__newsletter-form .fluentform{
  width:100%;
}

.fold-footer__newsletter-form form{
  width:100%;
  margin:0 !important;
}

.fold-footer__newsletter-form .ff-el-group{
  margin:0 0 10px !important;
}

.fold-footer__newsletter-form .ff-el-input--label{
  position:absolute !important;

  width:1px !important;
  height:1px !important;

  margin:-1px !important;
  padding:0 !important;

  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  clip-path:inset(50%) !important;

  white-space:nowrap !important;
  border:0 !important;
}

.fold-footer__newsletter-form input[type="email"]{
  width:100% !important;
  min-height:46px !important;

  padding:0 16px !important;

  background:var(--ff-white) !important;
  border:1px solid var(--ff-input-border) !important;
  border-radius:999px !important;

  color:var(--ff-black) !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;

  box-shadow:none !important;
  outline:none !important;

  transition:
    border-color .2s ease,
    box-shadow .2s ease !important;
}

.fold-footer__newsletter-form input[type="email"]::placeholder{
  color:#8A8D92 !important;
  opacity:1 !important;
}

.fold-footer__newsletter-form input[type="email"]:hover{
  border-color:#BDBDB7 !important;
}

.fold-footer__newsletter-form input[type="email"]:focus{
  border-color:var(--ff-yellow) !important;
  box-shadow:0 0 0 4px rgba(250,202,48,.18) !important;
}

.fold-footer__newsletter-form .ff-el-form-check{
  margin:0 !important;
}

.fold-footer__newsletter-form .ff-el-form-check-label{
  display:grid !important;
  grid-template-columns:16px minmax(0,1fr) !important;
  align-items:start !important;
  gap:8px !important;

  margin:0 !important;

  color:var(--ff-muted) !important;

  font-size:10px !important;
  font-weight:500 !important;
  line-height:1.45 !important;

  cursor:pointer;
}

.fold-footer__newsletter-form input[type="checkbox"]{
  width:15px !important;
  height:15px !important;

  margin:1px 0 0 !important;

  accent-color:var(--ff-yellow);
}

.fold-footer__newsletter-form .ff-btn-submit,
.fold-footer__newsletter-form .ff_submit_btn{
  min-width:124px !important;
  min-height:46px !important;

  padding:0 19px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:var(--ff-yellow) !important;
  border:1px solid var(--ff-yellow) !important;
  border-radius:999px !important;

  color:var(--ff-black) !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;

  box-shadow:none !important;
  cursor:pointer !important;

  transition:
    background-color .2s ease,
    border-color .2s ease,
    transform .2s ease,
    box-shadow .2s ease !important;
}

.fold-footer__newsletter-form .ff-btn-submit:hover,
.fold-footer__newsletter-form .ff_submit_btn:hover{
  background:var(--ff-yellow-hover) !important;
  border-color:var(--ff-yellow-hover) !important;

  transform:translateY(-1px);

  box-shadow:0 7px 16px rgba(0,0,0,.08) !important;
}

.fold-footer__newsletter-form .ff-btn-submit:focus-visible,
.fold-footer__newsletter-form .ff_submit_btn:focus-visible{
  outline:2px solid var(--ff-black) !important;
  outline-offset:3px !important;
}

.fold-footer__newsletter-form .text-danger,
.fold-footer__newsletter-form .error{
  margin-top:5px !important;

  color:#B42318 !important;

  font-size:10px !important;
  line-height:1.4 !important;
}

.fold-footer__newsletter-form .ff-message-success{
  margin:0 !important;
  padding:12px 14px !important;

  background:rgba(250,202,48,.14) !important;
  border:1px solid rgba(250,202,48,.55) !important;
  border-radius:14px !important;

  color:var(--ff-black) !important;

  font-size:12px !important;
  line-height:1.5 !important;
}


/* MOBILE */
@media (max-width:767px){

  .fold-footer__newsletter-form .ff-btn-submit,
  .fold-footer__newsletter-form .ff_submit_btn{
    width:100% !important;
  }

}

/* ==========================================================
   FOLD FOOTER – FLUENT FORMS V1.0
========================================================== */

.fold-footer__newsletter-form{
  width:100%;
  margin-top:18px;
}

.fold-footer__newsletter-form .fluentform{
  width:100%;
}

.fold-footer__newsletter-form form{
  width:100%;
  margin:0 !important;
}

.fold-footer__newsletter-form .ff-el-group{
  margin:0 0 12px !important;
}

.fold-footer__newsletter-form .ff-el-input--label{
  display:none !important;
}

.fold-footer__newsletter-form input[type="email"]{
  width:100% !important;
  height:46px !important;
  min-height:46px !important;

  margin:0 !important;
  padding:0 16px !important;

  background:#ffffff !important;
  border:1px solid #ddddda !important;
  border-radius:999px !important;

  color:#111111 !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;

  outline:none !important;
  box-shadow:none !important;

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

.fold-footer__newsletter-form input[type="email"]::placeholder{
  color:#8a8d92 !important;
  opacity:1 !important;
}

.fold-footer__newsletter-form input[type="email"]:focus{
  border-color:#faca30 !important;
  box-shadow:0 0 0 4px rgba(250,202,48,.18) !important;
}

.fold-footer__newsletter-form .ff-el-form-check{
  margin:0 !important;
}

.fold-footer__newsletter-form .ff-el-form-check-label{
  display:grid !important;
  grid-template-columns:16px minmax(0,1fr) !important;
  align-items:start !important;
  gap:8px !important;

  margin:0 !important;

  color:#6f7277 !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:10px !important;
  font-weight:500 !important;
  line-height:1.45 !important;

  cursor:pointer;
}

.fold-footer__newsletter-form input[type="checkbox"]{
  width:15px !important;
  height:15px !important;

  margin:1px 0 0 !important;

  accent-color:#faca30;
}

.fold-footer__newsletter-form .ff-btn-submit,
.fold-footer__newsletter-form .ff_submit_btn{
  width:auto !important;
  min-width:124px !important;
  height:46px !important;
  min-height:46px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;
  padding:0 20px !important;

  background:#faca30 !important;
  border:1px solid #faca30 !important;
  border-radius:999px !important;

  color:#111111 !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;

  box-shadow:none !important;
  cursor:pointer !important;

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

.fold-footer__newsletter-form .ff-btn-submit:hover,
.fold-footer__newsletter-form .ff_submit_btn:hover{
  background:#f6c21d !important;
  border-color:#f6c21d !important;

  transform:translateY(-1px);

  box-shadow:0 7px 16px rgba(0,0,0,.08) !important;
}

.fold-footer__newsletter-form .ff-message-success{
  margin:0 !important;
  padding:14px 16px !important;

  background:rgba(250,202,48,.12) !important;
  border:1px solid rgba(250,202,48,.55) !important;
  border-radius:14px !important;

  color:#333333 !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:12px !important;
  line-height:1.5 !important;
}

.fold-footer__newsletter-form .text-danger{
  margin-top:5px !important;

  color:#b42318 !important;

  font-size:10px !important;
  line-height:1.4 !important;
}

@media (max-width:767px){

  .fold-footer__newsletter-form .ff-btn-submit,
  .fold-footer__newsletter-form .ff_submit_btn{
    width:100% !important;
  }

}

/* ==========================================================
   FOLD KONTAKT – FLUENT FORMS V1.0
========================================================== */

.fold-contact-fluent-form{
  width:100%;
}

.fold-contact-fluent-form .fluentform{
  width:100%;
}

.fold-contact-fluent-form form{
  width:100%;
  margin:0 !important;
}

.fold-contact-fluent-form .ff-el-group{
  margin:0 0 24px !important;
}

.fold-contact-fluent-form .ff-t-container{
  gap:24px !important;
  margin:0 !important;
}

.fold-contact-fluent-form .ff-el-input--label{
  margin:0 0 9px !important;
}

.fold-contact-fluent-form .ff-el-input--label label{
  margin:0 !important;

  color:#202124 !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}

.fold-contact-fluent-form .ff-el-input--label .ff-el-required{
  color:#E6A900 !important;
}

.fold-contact-fluent-form input[type="text"],
.fold-contact-fluent-form input[type="email"],
.fold-contact-fluent-form input[type="tel"],
.fold-contact-fluent-form select,
.fold-contact-fluent-form textarea{
  width:100% !important;

  margin:0 !important;
  padding:15px 16px !important;

  background:#FFFFFF !important;
  border:1px solid #D8D9D3 !important;
  border-radius:14px !important;

  color:#202124 !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:16px !important;
  font-weight:500 !important;
  line-height:1.5 !important;

  outline:none !important;
  box-shadow:none !important;

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

.fold-contact-fluent-form input[type="text"],
.fold-contact-fluent-form input[type="email"],
.fold-contact-fluent-form input[type="tel"],
.fold-contact-fluent-form select{
  min-height:58px !important;
}

.fold-contact-fluent-form textarea{
  min-height:190px !important;
  resize:vertical !important;
}

.fold-contact-fluent-form input::placeholder,
.fold-contact-fluent-form textarea::placeholder{
  color:#92959A !important;
  opacity:1 !important;
}

.fold-contact-fluent-form input:focus,
.fold-contact-fluent-form select:focus,
.fold-contact-fluent-form textarea:focus{
  border-color:#FACA30 !important;
  box-shadow:0 0 0 4px rgba(250,202,48,.18) !important;
}

.fold-contact-fluent-form .ff-el-form-check{
  margin:0 !important;
}

.fold-contact-fluent-form .ff-el-form-check-label{
  display:grid !important;
  grid-template-columns:18px minmax(0,1fr) !important;
  align-items:start !important;
  gap:10px !important;

  margin:0 !important;

  color:#5F6368 !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.55 !important;
}

.fold-contact-fluent-form input[type="checkbox"]{
  width:17px !important;
  height:17px !important;

  margin:2px 0 0 !important;

  accent-color:#FACA30 !important;
}

.fold-contact-fluent-form .ff-el-form-check-label a{
  color:#202124 !important;
  font-weight:700 !important;
  text-decoration:underline !important;
  text-underline-offset:2px !important;
}

.fold-contact-fluent-form .ff-btn-submit,
.fold-contact-fluent-form .ff_submit_btn{
  width:100% !important;
  min-height:66px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  margin:0 !important;
  padding:14px 16px 14px 22px !important;

  background:#FACA30 !important;
  border:1px solid #FACA30 !important;
  border-radius:16px !important;

  color:#111111 !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1 !important;

  box-shadow:none !important;
  cursor:pointer !important;

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

.fold-contact-fluent-form .ff-btn-submit:hover,
.fold-contact-fluent-form .ff_submit_btn:hover{
  background:#F6C21D !important;
  border-color:#F6C21D !important;

  transform:translateY(-1px);

  box-shadow:0 8px 18px rgba(0,0,0,.08) !important;
}

.fold-contact-fluent-form .text-danger{
  margin-top:6px !important;

  color:#B42318 !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:12px !important;
  line-height:1.4 !important;
}

.fold-contact-fluent-form .ff-message-success{
  margin:0 !important;
  padding:20px 22px !important;

  background:rgba(250,202,48,.12) !important;
  border:1px solid rgba(250,202,48,.65) !important;
  border-radius:16px !important;

  color:#202124 !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:15px !important;
  line-height:1.6 !important;
}

@media(max-width:767px){

  .fold-contact-fluent-form .ff-t-container{
    display:block !important;
  }

  .fold-contact-fluent-form .ff-t-cell{
    width:100% !important;
    margin:0 0 20px !important;
  }

  .fold-contact-fluent-form .ff-el-group{
    margin-bottom:20px !important;
  }

  .fold-contact-fluent-form .ff-btn-submit,
  .fold-contact-fluent-form .ff_submit_btn{
    width:100% !important;
  }

}

/* ==========================================================
   FOLD PROBEFAHRT – FLUENT FORMS COMPONENT CSS V1 BEGINNT
========================================================== */

.fold-test-ride-fluent-form{
  width:100%;
  margin:0;
}


/* ----------------------------------------------------------
   FLUENT-FORMS GRUNDLAYOUT
---------------------------------------------------------- */

.fold-test-ride-fluent-form .fluentform,
.fold-test-ride-fluent-form .frm-fluent-form,
.fold-test-ride-fluent-form .ff-el-group,
.fold-test-ride-fluent-form .ff-el-input--content{
  width:100%;
}

.fold-test-ride-fluent-form .frm-fluent-form{
  margin:0;
}

.fold-test-ride-fluent-form .ff-t-container{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px 24px;
  margin:0;
}

.fold-test-ride-fluent-form .ff-t-cell{
  width:100%;
  min-width:0;
  padding:0 !important;
}

.fold-test-ride-fluent-form .ff-el-group{
  margin:0 0 22px;
}

.fold-test-ride-fluent-form .ff-el-group:last-child{
  margin-bottom:0;
}


/* ----------------------------------------------------------
   LABELS
---------------------------------------------------------- */

.fold-test-ride-fluent-form .ff-el-input--label{
  margin:0 0 9px;
}

.fold-test-ride-fluent-form .ff-el-input--label label{
  display:block;

  margin:0;

  color:#171717;

  font-family:"Inter",sans-serif;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}

.fold-test-ride-fluent-form .ff-el-input--label.ff-el-is-required label::after{
  color:#e0a000;
}


/* ----------------------------------------------------------
   EINGABEFELDER
---------------------------------------------------------- */

.fold-test-ride-fluent-form input[type="text"],
.fold-test-ride-fluent-form input[type="email"],
.fold-test-ride-fluent-form input[type="tel"],
.fold-test-ride-fluent-form input[type="number"],
.fold-test-ride-fluent-form input[type="date"],
.fold-test-ride-fluent-form select,
.fold-test-ride-fluent-form textarea{
  width:100% !important;
  max-width:none !important;

  min-height:58px;

  margin:0 !important;
  padding:15px 17px !important;

  color:#171717 !important;
  background:#fff !important;

  border:1px solid rgba(23,23,23,.16) !important;
  border-radius:12px !important;
  box-shadow:none !important;
  outline:none !important;

  font-family:"Inter",sans-serif !important;
  font-size:16px !important;
  font-weight:400 !important;
  line-height:1.45 !important;

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

.fold-test-ride-fluent-form textarea{
  min-height:150px;
  resize:vertical;
}

.fold-test-ride-fluent-form select{
  cursor:pointer;
}

.fold-test-ride-fluent-form input::placeholder,
.fold-test-ride-fluent-form textarea::placeholder{
  color:#8a8a8a !important;
  opacity:1;
}


/* ----------------------------------------------------------
   FOCUS
---------------------------------------------------------- */

.fold-test-ride-fluent-form input[type="text"]:focus,
.fold-test-ride-fluent-form input[type="email"]:focus,
.fold-test-ride-fluent-form input[type="tel"]:focus,
.fold-test-ride-fluent-form input[type="number"]:focus,
.fold-test-ride-fluent-form input[type="date"]:focus,
.fold-test-ride-fluent-form select:focus,
.fold-test-ride-fluent-form textarea:focus{
  border-color:#e7ad00 !important;
  box-shadow:0 0 0 3px rgba(231,173,0,.14) !important;
}


/* ----------------------------------------------------------
   DSGVO / CHECKBOX
---------------------------------------------------------- */

.fold-test-ride-fluent-form .ff-el-form-check{
  display:flex;
  align-items:flex-start;
  gap:10px;

  margin:0;
}

.fold-test-ride-fluent-form .ff-el-form-check input[type="checkbox"]{
  width:18px !important;
  min-width:18px !important;
  height:18px !important;

  margin:2px 0 0 !important;

  accent-color:#e7ad00;
  cursor:pointer;
}

.fold-test-ride-fluent-form .ff-el-form-check-label{
  margin:0;

  color:#565656;

  font-family:"Inter",sans-serif;
  font-size:13px;
  font-weight:400;
  line-height:1.55;
}

.fold-test-ride-fluent-form .ff-el-form-check-label a{
  color:#171717;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:2px;
}

.fold-test-ride-fluent-form .ff-el-form-check-label a:hover{
  color:#a97800;
}


/* ----------------------------------------------------------
   ABSENDEBUTTON
---------------------------------------------------------- */

.fold-test-ride-fluent-form .ff-btn-submit,
.fold-test-ride-fluent-form button[type="submit"]{
  display:flex !important;
  align-items:center;
  justify-content:center;

  width:100% !important;
  min-height:64px;

  margin:8px 0 0 !important;
  padding:16px 24px !important;

  color:#171717 !important;
  background:#f2b900 !important;

  border:0 !important;
  border-radius:12px !important;
  box-shadow:none !important;

  font-family:"Inter",sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-align:center;

  cursor:pointer;

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

.fold-test-ride-fluent-form .ff-btn-submit:hover,
.fold-test-ride-fluent-form button[type="submit"]:hover{
  color:#171717 !important;
  background:#ffc400 !important;

  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(23,23,23,.12) !important;
}

.fold-test-ride-fluent-form .ff-btn-submit:focus,
.fold-test-ride-fluent-form button[type="submit"]:focus{
  color:#171717 !important;
  background:#ffc400 !important;
  box-shadow:0 0 0 4px rgba(231,173,0,.20) !important;
}


/* ----------------------------------------------------------
   FEHLERMELDUNGEN
---------------------------------------------------------- */

.fold-test-ride-fluent-form .ff-el-is-error input,
.fold-test-ride-fluent-form .ff-el-is-error select,
.fold-test-ride-fluent-form .ff-el-is-error textarea{
  border-color:#c93636 !important;
}

.fold-test-ride-fluent-form .ff-el-is-error input:focus,
.fold-test-ride-fluent-form .ff-el-is-error select:focus,
.fold-test-ride-fluent-form .ff-el-is-error textarea:focus{
  box-shadow:0 0 0 3px rgba(201,54,54,.12) !important;
}

.fold-test-ride-fluent-form .error,
.fold-test-ride-fluent-form .text-danger,
.fold-test-ride-fluent-form .ff-el-is-error .text-danger{
  display:block;

  margin-top:7px;

  color:#b42323 !important;

  font-family:"Inter",sans-serif;
  font-size:12px;
  font-weight:600;
  line-height:1.4;
}


/* ----------------------------------------------------------
   ERFOLGSMELDUNG
---------------------------------------------------------- */

.fold-test-ride-fluent-form .ff-message-success{
  width:100%;

  margin:0 !important;
  padding:22px 24px !important;

  color:#171717 !important;
  background:#fff8dd !important;

  border:1px solid rgba(231,173,0,.42) !important;
  border-radius:14px !important;
  box-shadow:none !important;

  font-family:"Inter",sans-serif;
  font-size:15px;
  line-height:1.65;
}

.fold-test-ride-fluent-form .ff-message-success p{
  margin:0 0 10px;
}

.fold-test-ride-fluent-form .ff-message-success p:last-child{
  margin-bottom:0;
}


/* ----------------------------------------------------------
   SPINNER
---------------------------------------------------------- */

.fold-test-ride-fluent-form .ff-btn-submit .ff-btn-spinner{
  margin-right:8px;
}


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

@media(max-width:820px){

  .fold-test-ride-fluent-form .ff-t-container{
    grid-template-columns:1fr;
    gap:0;
  }

}


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

@media(max-width:767px){

  .fold-test-ride-fluent-form .ff-el-group{
    margin-bottom:18px;
  }

  .fold-test-ride-fluent-form input[type="text"],
  .fold-test-ride-fluent-form input[type="email"],
  .fold-test-ride-fluent-form input[type="tel"],
  .fold-test-ride-fluent-form input[type="number"],
  .fold-test-ride-fluent-form input[type="date"],
  .fold-test-ride-fluent-form select,
  .fold-test-ride-fluent-form textarea{
    min-height:56px;

    padding:14px 15px !important;

    border-radius:10px !important;

    font-size:16px !important;
  }

  .fold-test-ride-fluent-form textarea{
    min-height:140px;
  }

  .fold-test-ride-fluent-form .ff-btn-submit,
  .fold-test-ride-fluent-form button[type="submit"]{
    min-height:62px;

    padding:15px 18px !important;

    border-radius:10px !important;
  }

  .fold-test-ride-fluent-form .ff-message-success{
    padding:20px !important;
    border-radius:12px !important;
  }

}


/* ==========================================================
   FOLD PROBEFAHRT – FLUENT FORMS COMPONENT CSS V1 ENDET
========================================================== */

/* ==========================================================
   FOLD HÄNDLER WERDEN – FLUENT FORM CSS V1 BEGINNT
========================================================== */

.fold-dealer-fluent-form{
  width:100%;
}

.fold-dealer-fluent-form .fluentform{
  width:100%;
}

.fold-dealer-fluent-form .ff-el-group{
  margin:0 0 20px;
}

.fold-dealer-fluent-form .ff-el-input--label{
  margin:0 0 9px;
}

.fold-dealer-fluent-form .ff-el-input--label label{
  display:block;

  margin:0;

  color:#171717;

  font-family:Inter, sans-serif;
  font-size:14px;
  font-weight:600;
  line-height:1.4;
}

.fold-dealer-fluent-form .ff-el-input--label label::after{
  color:#e7a900;
}

.fold-dealer-fluent-form input[type="text"],
.fold-dealer-fluent-form input[type="email"],
.fold-dealer-fluent-form input[type="tel"],
.fold-dealer-fluent-form input[type="url"],
.fold-dealer-fluent-form select,
.fold-dealer-fluent-form textarea{
  width:100% !important;

  margin:0 !important;
  padding:15px 16px !important;

  border:1px solid rgba(17,17,17,.13) !important;
  border-radius:10px !important;

  background:#fff !important;
  box-shadow:none !important;

  color:#171717 !important;

  font-family:Inter, sans-serif !important;
  font-size:15px !important;
  font-weight:400 !important;
  line-height:1.5 !important;

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

.fold-dealer-fluent-form input[type="text"],
.fold-dealer-fluent-form input[type="email"],
.fold-dealer-fluent-form input[type="tel"],
.fold-dealer-fluent-form input[type="url"],
.fold-dealer-fluent-form select{
  min-height:54px;
}

.fold-dealer-fluent-form textarea{
  min-height:170px;
  resize:vertical;
}

.fold-dealer-fluent-form input::placeholder,
.fold-dealer-fluent-form textarea::placeholder{
  color:#8a8a8a !important;
  opacity:1;
}

.fold-dealer-fluent-form input:focus,
.fold-dealer-fluent-form select:focus,
.fold-dealer-fluent-form textarea:focus{
  outline:none !important;

  border-color:#e8ad00 !important;
  box-shadow:0 0 0 3px rgba(232,173,0,.13) !important;
}

.fold-dealer-fluent-form .ff-el-form-check{
  margin:0;
}

.fold-dealer-fluent-form .ff-el-form-check-label{
  display:flex;
  align-items:flex-start;
  gap:10px;

  color:#555;

  font-family:Inter, sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.55;
}

.fold-dealer-fluent-form .ff-el-form-check-input{
  flex:0 0 auto;

  width:17px !important;
  height:17px !important;

  margin:3px 0 0 !important;

  accent-color:#e8ad00;
}

.fold-dealer-fluent-form .ff-el-form-check-label a{
  color:#171717;
  text-decoration:underline;
  text-underline-offset:2px;
}

.fold-dealer-fluent-form .ff-btn-submit{
  display:flex !important;
  align-items:center;
  justify-content:center;

  width:100% !important;
  min-height:62px !important;

  margin-top:8px !important;
  padding:15px 24px !important;

  border:0 !important;
  border-radius:12px !important;

  background:#f2b900 !important;
  box-shadow:none !important;

  color:#111 !important;

  font-family:Inter, sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.2 !important;

  cursor:pointer;
  opacity:1 !important;

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

.fold-dealer-fluent-form .ff-btn-submit:hover{
  background:#e7ae00 !important;
  transform:translateY(-1px);
}

.fold-dealer-fluent-form .ff-btn-submit:focus{
  outline:2px solid #111 !important;
  outline-offset:3px;
}

.fold-dealer-fluent-form .ff-el-is-error input,
.fold-dealer-fluent-form .ff-el-is-error select,
.fold-dealer-fluent-form .ff-el-is-error textarea{
  border-color:#c73d32 !important;
}

.fold-dealer-fluent-form .error,
.fold-dealer-fluent-form .text-danger,
.fold-dealer-fluent-form .ff-el-is-error .text-danger{
  margin-top:6px !important;

  color:#b7322c !important;

  font-family:Inter, sans-serif !important;
  font-size:13px !important;
  line-height:1.4 !important;
}

.fold-dealer-fluent-form .ff-message-success{
  margin:0 !important;
  padding:18px 20px !important;

  border:1px solid rgba(232,173,0,.35) !important;
  border-radius:12px !important;

  background:rgba(242,185,0,.08) !important;
  box-shadow:none !important;

  color:#333 !important;

  font-family:Inter, sans-serif !important;
  font-size:15px !important;
  line-height:1.6 !important;
}

/* Zweispaltiges Formular auf Desktop */
.fold-dealer-fluent-form form .ff-t-container{
  gap:20px !important;
}

@media(max-width:767px){

  .fold-dealer-fluent-form .ff-el-group{
    margin-bottom:18px;
  }

  .fold-dealer-fluent-form input[type="text"],
  .fold-dealer-fluent-form input[type="email"],
  .fold-dealer-fluent-form input[type="tel"],
  .fold-dealer-fluent-form input[type="url"],
  .fold-dealer-fluent-form select,
  .fold-dealer-fluent-form textarea{
    font-size:16px !important;
  }

  .fold-dealer-fluent-form .ff-t-container{
    display:block !important;
  }

  .fold-dealer-fluent-form .ff-t-cell{
    width:100% !important;
  }

  .fold-dealer-fluent-form .ff-btn-submit{
    min-height:64px !important;
  }

}

/* ==========================================================
   FOLD HÄNDLER WERDEN – FLUENT FORM CSS V1 ENDET
========================================================== */

/* ==========================================================
   FOLD FLUENT FORMS
   BUTTONS UND DSGVO-CHECKBOXEN – FINALE VERSION V7 BEGINNT

   Formulare:
   Kontakt             ID 5
   Händler werden      ID 6
   Händler empfehlen   ID 7
   Probefahrt          ID 8
========================================================== */


/* ==========================================================
   1. BUTTON-CONTAINER
========================================================== */

#fluentform_5 .ff_submit_btn_wrapper,
#fluentform_6 .ff_submit_btn_wrapper,
#fluentform_7 .ff_submit_btn_wrapper,
#fluentform_8 .ff_submit_btn_wrapper{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  width:100% !important;

  margin:18px 0 0 !important;
  padding:0 !important;
}


/* ==========================================================
   2. ABSENDE-BUTTON
========================================================== */

#fluentform_5 .ff-btn-submit,
#fluentform_6 .ff-btn-submit,
#fluentform_7 .ff-btn-submit,
#fluentform_8 .ff-btn-submit{
  position:relative !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:auto !important;
  min-width:240px !important;
  max-width:100% !important;
  min-height:58px !important;

  margin:0 !important;
  padding:14px 66px 14px 26px !important;

  border:1px solid #FACA30 !important;
  border-radius:16px !important;

  background:#FACA30 !important;
  color:#111111 !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-align:center !important;
  text-decoration:none !important;

  opacity:1 !important;
  cursor:pointer !important;

  box-shadow:none !important;

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


/* ==========================================================
   3. RUNDER KREIS MIT PFEIL
========================================================== */

#fluentform_5 .ff-btn-submit::after,
#fluentform_6 .ff-btn-submit::after,
#fluentform_7 .ff-btn-submit::after,
#fluentform_8 .ff-btn-submit::after{
  content:"→" !important;

  position:absolute !important;
  top:50% !important;
  right:10px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:38px !important;
  height:38px !important;

  border-radius:50% !important;

  background:#111111 !important;
  color:#FFFFFF !important;

  font-family:Arial,sans-serif !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1 !important;

  pointer-events:none;

  transform:translateY(-50%) !important;
  transition:transform .2s ease;
}


/* ==========================================================
   4. BUTTON HOVER
========================================================== */

#fluentform_5 .ff-btn-submit:hover,
#fluentform_6 .ff-btn-submit:hover,
#fluentform_7 .ff-btn-submit:hover,
#fluentform_8 .ff-btn-submit:hover{
  background:#F5C222 !important;
  border-color:#F5C222 !important;
  color:#111111 !important;

  transform:translateY(-2px) !important;

  box-shadow:0 10px 24px rgba(17,17,17,.12) !important;
}

#fluentform_5 .ff-btn-submit:hover::after,
#fluentform_6 .ff-btn-submit:hover::after,
#fluentform_7 .ff-btn-submit:hover::after,
#fluentform_8 .ff-btn-submit:hover::after{
  transform:translate(2px,-50%) !important;
}


/* ==========================================================
   5. BUTTON FOKUS
========================================================== */

#fluentform_5 .ff-btn-submit:focus-visible,
#fluentform_6 .ff-btn-submit:focus-visible,
#fluentform_7 .ff-btn-submit:focus-visible,
#fluentform_8 .ff-btn-submit:focus-visible{
  outline:3px solid rgba(250,202,48,.45) !important;
  outline-offset:3px !important;
}


/* ==========================================================
   6. DSGVO-CONTAINER
   Benötigte Container-Klasse in Fluent Forms:
   fold-gdpr-field
========================================================== */

.fold-gdpr-field{
  width:100% !important;

  margin:18px 0 0 !important;
  padding:0 !important;
}

.fold-gdpr-field .ff-el-input--content{
  width:100% !important;

  margin:0 !important;
  padding:0 !important;
}

.fold-gdpr-field .ff-el-form-check{
  display:flex !important;
  align-items:flex-start !important;
  gap:12px !important;

  width:100% !important;

  margin:0 !important;
  padding:0 !important;
}


/* ==========================================================
   7. DSGVO-CHECKBOX
========================================================== */

.fold-gdpr-field input[type="checkbox"]{
  appearance:none !important;
  -webkit-appearance:none !important;

  position:relative !important;
  display:block !important;

  flex:0 0 20px !important;

  width:20px !important;
  min-width:20px !important;
  max-width:20px !important;

  height:20px !important;
  min-height:20px !important;
  max-height:20px !important;

  margin:2px 0 0 !important;
  padding:0 !important;

  border:1.5px solid #B9BBB5 !important;
  border-radius:5px !important;

  background:#FFFFFF !important;

  cursor:pointer !important;

  box-shadow:none !important;
}


/* ==========================================================
   8. AKTIVIERTE CHECKBOX
========================================================== */

.fold-gdpr-field input[type="checkbox"]:checked{
  border-color:#111111 !important;
  background:#111111 !important;
}

.fold-gdpr-field input[type="checkbox"]:checked::after{
  content:"";

  position:absolute;
  top:2px;
  left:6px;

  width:5px;
  height:10px;

  border:solid #FFFFFF;
  border-width:0 2px 2px 0;

  transform:rotate(45deg);
}


/* ==========================================================
   9. DSGVO-TEXT
========================================================== */

.fold-gdpr-field .ff-el-form-check-label{
  display:block !important;

  flex:1 1 auto !important;
  min-width:0 !important;

  margin:0 !important;
  padding:0 !important;

  color:#4B4F56 !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.55 !important;

  cursor:pointer !important;
}


/* ==========================================================
   10. INNERE TEXTELEMENTE ZURÜCKSETZEN
========================================================== */

.fold-gdpr-field .ff-el-form-check-label span,
.fold-gdpr-field .ff-el-form-check-label p{
  display:inline !important;

  margin:0 !important;
  padding:0 !important;

  color:inherit !important;

  font:inherit !important;
  line-height:inherit !important;
}


/* ==========================================================
   11. DATENSCHUTZ-LINK
========================================================== */

.fold-gdpr-field a{
  color:#111111 !important;

  font-weight:700 !important;

  text-decoration:underline !important;
  text-underline-offset:2px;
}


/* ==========================================================
   12. CHECKBOX FOKUS
========================================================== */

.fold-gdpr-field input[type="checkbox"]:focus-visible{
  outline:3px solid rgba(250,202,48,.45) !important;
  outline-offset:3px !important;
}


/* ==========================================================
   FOLD FLUENT FORMS
   BUTTONS UND DSGVO-CHECKBOXEN – FINALE VERSION V7 ENDET
========================================================== */

/* ==========================================================
   FOLD FOOTER – FLUENT FORMS NEWSLETTER V2 BEGINNT
========================================================== */

.fold-footer__newsletter-form{
  width:100%;
  margin-top:22px;
}

.fold-footer__newsletter-form form{
  width:100%;
}

.fold-footer__newsletter-form .ff-el-group{
  margin:0 !important;
}


/* ==========================================================
   E-MAIL-FELD
========================================================== */

.fold-footer__newsletter-form input[type="email"]{
  width:100% !important;
  min-width:0 !important;
  min-height:58px !important;

  margin:0 !important;
  padding:14px 18px !important;

  border:1px solid #D8D9D3 !important;
  border-radius:16px !important;
  outline:none !important;

  background:#FFFFFF !important;
  color:#111111 !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:16px !important;
  font-weight:400 !important;
  line-height:1.4 !important;

  box-shadow:none !important;

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

.fold-footer__newsletter-form input[type="email"]::placeholder{
  color:#7B7E82 !important;
  opacity:1 !important;
}

.fold-footer__newsletter-form input[type="email"]:hover{
  border-color:#BEBFB9 !important;
}

.fold-footer__newsletter-form input[type="email"]:focus{
  border-color:#111111 !important;

  box-shadow:
    0 0 0 3px rgba(17,17,17,.06) !important;
}


/* ==========================================================
   DSGVO-BEREICH
========================================================== */

.fold-footer__newsletter-form .ff_gdpr_field{
  margin:14px 0 0 !important;
}

.fold-footer__newsletter-form .ff_gdpr_field .ff-el-form-check{
  margin:0 !important;
}

.fold-footer__newsletter-form .ff_gdpr_field .ff-el-form-check-label{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;

  width:100%;
  max-width:560px;

  margin:0 !important;

  color:#4B4F56 !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1.5 !important;

  cursor:pointer;
}


/* ==========================================================
   CHECKBOX
========================================================== */

.fold-footer__newsletter-form .ff_gdpr_field input[type="checkbox"]{
  appearance:none !important;
  -webkit-appearance:none !important;

  position:relative;
  display:block !important;

  width:20px !important;
  min-width:20px !important;
  max-width:20px !important;

  height:20px !important;
  min-height:20px !important;
  max-height:20px !important;

  flex:0 0 20px;

  margin:1px 0 0 !important;
  padding:0 !important;

  border:1.5px solid #B9BBB5 !important;
  border-radius:5px !important;

  background:#FFFFFF !important;

  cursor:pointer;
  box-shadow:none !important;
}

.fold-footer__newsletter-form .ff_gdpr_field input[type="checkbox"]:checked{
  border-color:#111111 !important;
  background:#111111 !important;
}

.fold-footer__newsletter-form .ff_gdpr_field input[type="checkbox"]:checked::after{
  content:"";

  position:absolute;
  top:2px;
  left:6px;

  width:5px;
  height:10px;

  border:solid #FFFFFF;
  border-width:0 2px 2px 0;

  transform:rotate(45deg);
}

.fold-footer__newsletter-form .ff_gdpr_field input[type="checkbox"]:focus-visible{
  outline:3px solid rgba(250,202,48,.45) !important;
  outline-offset:3px;
}

.fold-footer__newsletter-form .ff_gdpr_field a{
  color:#111111 !important;

  font-weight:700 !important;

  text-decoration:underline !important;
  text-underline-offset:2px;
}


/* ==========================================================
   ABSENDE-BUTTON
========================================================== */

.fold-footer__newsletter-form .ff_submit_btn_wrapper{
  width:auto !important;
  margin:18px 0 0 !important;
}

.fold-footer__newsletter-form .ff-btn-submit{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:auto !important;
  min-width:220px !important;
  min-height:58px !important;

  margin:0 !important;
  padding:14px 28px !important;

  border:1px solid #FACA30 !important;
  border-radius:16px !important;

  background:#FACA30 !important;
  color:#111111 !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-align:center !important;

  opacity:1 !important;
  cursor:pointer;

  box-shadow:none !important;

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

.fold-footer__newsletter-form .ff-btn-submit:hover{
  background:#F5C222 !important;
  border-color:#F5C222 !important;
  color:#111111 !important;

  transform:translateY(-2px);

  box-shadow:0 10px 24px rgba(17,17,17,.10) !important;
}

.fold-footer__newsletter-form .ff-btn-submit:focus-visible{
  outline:3px solid rgba(250,202,48,.45) !important;
  outline-offset:3px;
}


/* ==========================================================
   FEHLERMELDUNGEN
========================================================== */

.fold-footer__newsletter-form .error,
.fold-footer__newsletter-form .text-danger,
.fold-footer__newsletter-form .ff-el-is-error .text-danger{
  margin-top:7px !important;

  color:#B7322C !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.4 !important;
}


/* ==========================================================
   ERFOLGSMELDUNG
========================================================== */

.fold-footer__newsletter-form .ff-message-success{
  margin:0 !important;
  padding:16px 18px !important;

  border:1px solid rgba(250,202,48,.55) !important;
  border-radius:14px !important;

  background:rgba(250,202,48,.10) !important;
  color:#111111 !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:14px !important;
  line-height:1.6 !important;

  box-shadow:none !important;
}

/* ==========================================================
   FOLD FOOTER – FLUENT FORMS NEWSLETTER V2 ENDET
========================================================== */