/* ==========================================================
   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 V6.1 */

.fold-support-page{
  --fs-yellow:#FACA30;
  --fs-yellow-hover:#FFD743;
  --fs-eyebrow:#A97900;
  --fs-black:#111111;
  --fs-text:#4B4F56;
  --fs-surface:#F7F7F4;
  --fs-border:#DEDEDE;
  --fs-card-radius:16px;
  --fs-button-radius:16px;
  position:relative;
  left:50%;
  width:min(93vw,1680px);
  max-width:none;
  margin:0;
  padding:20px 0 80px;
  transform:translateX(-50%);
  background:#fff;
  color:var(--fs-black);
  font-family:"Inter",Arial,sans-serif;
}

.fold-support-page,
.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{
  color:var(--fs-black);
  font-family:"Oswald",Arial,sans-serif;
  font-weight:600;
  text-transform:none;
}

.fold-support-breadcrumb{
  margin:0 24px 34px;
  color:var(--fs-black);
  font-size:13px;
  line-height:1.4;
}

/* HERO UND ABSCHNITTSTITEL */
.fold-support-hero{max-width:1040px;margin:0 24px 42px}

.fold-support-eyebrow,
.fold-support-card-label{
  display:block;
  color:var(--fs-eyebrow);
  font-size:12px;
  font-weight:800;
  line-height:1;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.fold-support-eyebrow{margin:0 0 12px}
.fold-support-title{margin:0;font-size:42px;line-height:1.08;letter-spacing:-.01em}
.fold-support-section-title{margin:0;font-size:32px;line-height:1.1;letter-spacing:-.01em}

.fold-support-line{
  width:58px;
  height:2px;
  margin:16px 0 18px;
  background:var(--fs-yellow);
  border-radius:999px;
}

.fold-support-intro,
.fold-support-section-text{
  margin-bottom:0;
  color:var(--fs-text);
  font-size:17px;
  line-height:1.65;
}

.fold-support-intro{max-width:900px}
.fold-support-section-text{max-width:980px}

/* SCHNELLNAVIGATION */
.fold-support-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}

.fold-support-nav a{
  min-height:42px;
  padding:0 17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid var(--fs-border);
  border-radius:var(--fs-button-radius);
  color:var(--fs-black)!important;
  font-size:13px;
  font-weight:700;
  line-height:1;
  text-decoration:none!important;
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease;
}

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

/* ABSCHNITTE */
.fold-support-section{
  padding:40px 6px;
  border-top:1px solid var(--fs-border);
  scroll-margin-top:100px;
}

.fold-support-section--last{padding-bottom:0}
.fold-support-section-head{margin:0 0 24px}

/* 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-card-radius);
  color:var(--fs-black)!important;
  text-decoration:none!important;
}

.fold-support-card::before{
  content:none;
  display:none;
}

.fold-support-card h3{margin:0 0 9px;font-size:27px;line-height:1.08;letter-spacing:-.01em}
.fold-support-card p{margin:0;color:var(--fs-text);font-size:14px;line-height:1.55}
.fold-support-card-label{margin:0 0 10px}

/* DOWNLOADS UND ANLEITUNGEN */
.fold-support-download-grid,
.fold-support-video-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:19px;
}

.fold-support-download-card{min-height:250px;padding:0 24px 24px}
.fold-support-download-card>div{padding-top:24px}
.fold-support-download-card .fold-support-button{margin-top:auto}

.fold-support-video-card{min-height:232px;padding:0 24px 24px}

.fold-support-play{
  width:42px;
  height:42px;
  flex:0 0 42px;
  margin:22px 0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--fs-yellow);
  border-radius:50%;
  color:var(--fs-black);
  font-family:Arial,sans-serif;
  font-size:16px;
  line-height:1;
}

.fold-support-guide-card{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}

a.fold-support-guide-card:hover,
a.fold-support-guide-card:focus-visible{
  border-color:var(--fs-yellow);
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(0,0,0,.07);
}

.fold-support-guide-status,
.fold-support-guide-cta{
  margin-top:auto;
  padding-top:20px;
  color:var(--fs-black);
  font-size:13px;
  font-weight:800;
  line-height:1.2;
}

.fold-support-guide-cta::after{content:" →"}
.fold-support-guide-card--pending{opacity:.72}

/* FAQ */
.fold-faq-list{display:grid;gap:10px}

.fold-faq-item{
  overflow:hidden;
  background:var(--fs-surface);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-card-radius);
  transition:border-color .2s ease,background-color .2s ease;
}

.fold-faq-item:hover,
.fold-faq-item[open]{
  background:#fff;
  border-color:var(--fs-yellow);
}

.fold-faq-question{
  width:100%;
  min-height:62px;
  padding:10px 16px 10px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:transparent!important;
  border:0;
  border-radius:0;
  color:var(--fs-black)!important;
  font-family:"Inter",Arial,sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:1.4;
  text-align:left;
  cursor:pointer;
  list-style:none;
}

.fold-faq-question::-webkit-details-marker{display:none}
.fold-faq-question::marker{content:""}

.fold-faq-question i{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--fs-black);
  border-radius:50%;
  color:#fff;
  font-style:normal;
  font-size:0;
  font-weight:400;
  line-height:1;
}

.fold-faq-question i::before{content:"+";font-size:18px}
.fold-faq-item[open] .fold-faq-question i::before{content:"−"}

.fold-faq-question:focus-visible{outline:3px solid rgba(250,202,48,.45);outline-offset:-3px}

.fold-faq-answer{
  max-width:1100px;
  padding:0 64px 20px 20px;
  color:var(--fs-text);
  font-size:15px;
  line-height:1.65;
}

/* SERVICE */
.fold-support-service{
  position:relative;
  margin:40px 6px;
  padding:34px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 110px;
  align-items:center;
  gap:32px;
  overflow:hidden;
  background:var(--fs-surface);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-card-radius);
  scroll-margin-top:100px;
}

.fold-support-service-mark{
  width:92px;
  height:92px;
  justify-self:end;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid var(--fs-border);
  border-radius:50%;
  font-family:"Oswald",Arial,sans-serif;
  font-size:46px;
  font-weight:600;
}

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

/* BUTTONS */
.fold-support-button{
  position:relative;
  width:196px;
  min-height:46px;
  padding:0 48px 0 17px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  border-radius:var(--fs-button-radius);
  color:var(--fs-black)!important;
  font-size:13px;
  font-weight:800;
  line-height:1;
  text-decoration:none!important;
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}

.fold-support-button::after{
  content:"→";
  position:absolute;
  top:50%;
  right:6px;
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--fs-black);
  border-radius:50%;
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:15px;
  line-height:1;
  transform:translateY(-50%);
}

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

.fold-support-button:hover,
.fold-support-button:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(0,0,0,.08);
}

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

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

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

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

.fold-support-topic-card{min-height:222px;padding:0 18px 18px}
.fold-support-topic-card h3{margin-top:21px;font-size:25px}
.fold-support-topic-card p{margin-bottom:18px;font-size:13px}

.fold-support-topic-card a{
  position:relative;
  width:100%;
  min-height:42px;
  margin-top:auto;
  padding:0 42px 0 14px;
  display:inline-flex;
  align-items:center;
  background:#fff;
  border:1px solid var(--fs-border);
  border-radius:var(--fs-button-radius);
  color:var(--fs-black)!important;
  font-size:12px;
  font-weight:800;
  line-height:1;
  text-decoration:none!important;
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease;
}

.fold-support-topic-card a::after{
  content:"→";
  position:absolute;
  top:50%;
  right:5px;
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--fs-black);
  border-radius:50%;
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:14px;
  transform:translateY(-50%);
}

.fold-support-topic-card a:hover,
.fold-support-topic-card a:focus-visible{
  background:var(--fs-yellow);
  border-color:var(--fs-yellow);
  transform:translateY(-1px);
}

/* RESPONSIVE */
@media (max-width:1180px){
  .fold-support-download-grid,
  .fold-support-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

  .fold-support-download-grid>:last-child,
  .fold-support-video-grid>:last-child{grid-column:1/-1}

  .fold-support-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:760px){
  .fold-support-page{width:min(92vw,1680px);padding:16px 0 56px}
  .fold-support-breadcrumb{margin:0 4px 26px;font-size:12px}
  .fold-support-hero{margin:0 4px 34px}
  .fold-support-title{font-size:36px}
  .fold-support-section-title{font-size:29px}

  .fold-support-intro,
  .fold-support-section-text{font-size:15px;line-height:1.6}

  .fold-support-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .fold-support-nav a{width:100%;padding:0 10px}
  .fold-support-section{padding:34px 0}

  .fold-support-download-grid,
  .fold-support-video-grid,
  .fold-support-topic-grid{grid-template-columns:1fr}

  .fold-support-download-grid>:last-child,
  .fold-support-video-grid>:last-child{grid-column:auto}

  .fold-support-download-card,
  .fold-support-video-card,
  .fold-support-topic-card{min-height:0}

  .fold-faq-question{min-height:58px;padding:10px 12px 10px 16px;gap:14px;font-size:14px}
  .fold-faq-answer{padding:0 16px 18px;font-size:14px}

  .fold-support-service{
    margin:34px 0;
    padding:26px 22px;
    grid-template-columns:1fr;
    gap:22px;
  }

  .fold-support-service-mark{display:none}
  .fold-support-actions{flex-direction:column}
  .fold-support-button{width:100%}
}

@media (prefers-reduced-motion:reduce){
  .fold-support-page *{scroll-behavior:auto!important;transition:none!important}
}

/* FOLD SUPPORT COMPONENTS CSS V6.1 ENDET */


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

.fold-events-page{
  --fe-yellow:#FACA30;
  --fe-yellow-hover:#FFD743;
  --fe-gold:#A97900;
  --fe-black:#111111;
  --fe-text:#4B4F56;
  --fe-muted:#747980;
  --fe-white:#FFFFFF;
  --fe-surface:#F7F7F4;
  --fe-border:#DEDEDE;
  --fe-radius:16px;

  position:relative;
  left:50%;
  width:min(93vw,1680px);
  max-width:none;
  margin:0;
  padding:54px 0 82px;
  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-page .fold-events-hero{
  width:100%;
  margin:0;
  padding:42px;
  background:var(--fe-surface);
  border:1px solid var(--fe-border);
  border-radius:var(--fe-radius);
}

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

.fold-events-page .fold-events-eyebrow{
  display:block;
  margin:0 0 13px;
  color:var(--fe-gold) !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
}

.fold-events-page .fold-events-title{
  width:100%;
  margin:0;
  padding:0;
  color:var(--fe-black) !important;
  font-family:"Oswald",Arial,sans-serif !important;
  font-size:44px !important;
  font-weight:600 !important;
  line-height:1.08 !important;
  letter-spacing:-.01em !important;
  text-transform:none !important;
}

.fold-events-page .fold-events-line{
  display:block;
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;
  height:2px !important;
  min-height:2px !important;
  max-height:2px !important;
  margin:16px 0 22px !important;
  background:var(--fe-yellow) !important;
  border:0 !important;
  border-radius:999px !important;
}

.fold-events-page .fold-events-intro{
  max-width:820px;
  margin:0;
  color:var(--fe-text);
  font-size:16px;
  line-height:1.68;
}

/* 2. EVENT-LISTE */

.fold-events-page .fold-events-list{
  width:100%;
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin:18px 0 0;
  padding:0;
}

.fold-events-page .fold-event-card{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:150px minmax(0,1fr) 46px;
  gap:24px;
  align-items:center;
  padding:24px 28px;
  overflow:hidden;
  background:var(--fe-surface);
  border:1px solid var(--fe-border);
  border-radius:var(--fe-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,box-shadow .2s ease;
}

.fold-events-page .fold-event-card:hover,
.fold-events-page .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);
  box-shadow:0 9px 20px rgba(0,0,0,.08);
}

.fold-events-page .fold-event-date{
  display:block;
  margin:0;
  color:var(--fe-gold);
  font-size:13px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}

.fold-events-page .fold-event-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}

.fold-events-page .fold-event-title{
  display:block;
  min-width:0;
  margin:0;
  color:var(--fe-black) !important;
  font-family:"Oswald",Arial,sans-serif !important;
  font-size:29px !important;
  font-weight:600 !important;
  line-height:1.08 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  overflow-wrap:break-word;
}

.fold-events-page .fold-event-meta{
  display:block;
  margin:0;
  color:var(--fe-muted);
  font-size:14px;
  line-height:1.5;
}

.fold-events-page .fold-event-arrow{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:var(--fe-black);
  border:1px solid var(--fe-black);
  border-radius:50%;
  color:var(--fe-white);
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease;
}

.fold-events-page .fold-event-arrow svg{
  width:18px;
  height:18px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.fold-events-page .fold-event-card:hover .fold-event-arrow,
.fold-events-page .fold-event-card:focus-visible .fold-event-arrow{
  background:var(--fe-yellow);
  border-color:var(--fe-yellow);
  color:var(--fe-black);
  transform:translate(2px,-2px);
}

.fold-events-page .fold-event-card,
.fold-events-page .fold-event-card *{
  text-decoration:none !important;
}

/* 3. RESPONSIVE */

@media (max-width:767px){
  .fold-events-page{
    width:min(92vw,1680px);
    padding:36px 0 58px;
  }

  .fold-events-page .fold-events-hero{
    padding:28px 22px;
  }

  .fold-events-page .fold-events-eyebrow{
    font-size:11px !important;
  }

  .fold-events-page .fold-events-title{
    font-size:34px !important;
  }

  .fold-events-page .fold-events-intro{
    font-size:15px;
  }

  .fold-events-page .fold-event-card{
    grid-template-columns:minmax(0,1fr) 42px;
    gap:14px;
    padding:22px;
  }

  .fold-events-page .fold-event-date{
    grid-column:1;
  }

  .fold-events-page .fold-event-main{
    grid-column:1 / -1;
    grid-row:2;
  }

  .fold-events-page .fold-event-title{
    font-size:25px !important;
  }

  .fold-events-page .fold-event-arrow{
    grid-column:2;
    grid-row:1;
  }
}

@media (prefers-reduced-motion:reduce){
  .fold-events-page *,
  .fold-events-page *::before,
  .fold-events-page *::after{
    animation:none !important;
    transition:none !important;
  }
}

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


/* ==========================================================
   FOLD MODELLE COMPONENTS CSS V6.0 BEGINNT
   ACCESSOIRES-DESIGNSYSTEM / 3 SPALTEN / RESPONSIVE
========================================================== */


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

.fold-model-page{
  --fm-yellow:#FACA30;
  --fm-yellow-hover:#FFD743;
  --fm-eyebrow:#A97900;

  --fm-black:#0B0B0B;
  --fm-text:#4A4A4A;

  --fm-surface:#F7F7F4;
  --fm-border:#DEDEDE;

  --fm-card-radius:16px;
  --fm-button-radius:16px;

  position:relative;
  left:50%;

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

  margin:0;
  padding:20px 0 48px;

  overflow:hidden;
  transform:translateX(-50%);

  color:var(--fm-black);
  background:#FFFFFF;

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

.fold-model-page,
.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. BREADCRUMB + HERO
========================================================== */

.fold-model-breadcrumb,
.fold-model-hero{
  margin-left:24px;
}

.fold-model-breadcrumb{
  margin-top:0;
  margin-bottom:17px;

  color:#171717;

  font-size:12px;
  font-weight:400;
  line-height:1.4;
}

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

  margin-top:0;
  margin-bottom:25px;
  padding:0;

  text-align:left;
}

.fold-model-page .fold-model-eyebrow{
  display:block;

  margin:0;

  color:var(--fm-eyebrow) !important;

  font-family:"Inter",Arial,sans-serif;
  font-size:11px !important;
  font-weight:800;
  line-height:1.2;
  letter-spacing:2.1px;

  text-transform:uppercase;
}

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

  color:var(--fm-black);

  font-family:"Oswald",Arial,sans-serif !important;
  font-size:42px !important;
  font-weight:600 !important;
  line-height:.98 !important;
  letter-spacing:-.025em !important;

  text-transform:none;
}

.fold-model-page .fold-model-line{
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;

  height:2px !important;
  min-height:2px !important;
  max-height:2px !important;

  margin:11px 0 13px !important;

  background:var(--fm-yellow) !important;
  border:0 !important;
  border-radius:999px !important;
}

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

  margin:0;

  color:var(--fm-text);

  font-size:17px;
  font-weight:400;
  line-height:1.45;
}


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

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

  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;

  gap:19px;
}


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

.fold-model-card{
  position:relative;

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

  display:flex;
  flex-direction:column;

  overflow:hidden;

  background:var(--fm-surface);

  border:1px solid var(--fm-border);
  border-radius:var(--fm-card-radius);

  box-shadow:0 1px 2px rgba(0,0,0,.015);
  transform:none;
}

.fold-model-card__accent{
  display:none;
}


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

.fold-bike-image{
  width:100%;
  height:250px;
  flex:0 0 250px;

  padding:18px 18px 0;

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

  overflow:hidden;

  background:var(--fm-surface);
}

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

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

  transform:scale(1.12) !important;
}

.fold-model-card--fold .fold-bike-image img{
  transform:scale(1.13) !important;
}

.fold-model-card--px-six .fold-bike-image img,
.fold-model-card--cx-nine .fold-bike-image img{
  transform:scale(1.11) !important;
}


/* ==========================================================
   5. MODELLINFO
========================================================== */

.fold-model-info{
  width:100%;
  flex:1 1 auto;

  padding:14px 22px 22px;

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

  background:var(--fm-surface);
}

.fold-model-heading{
  width:100%;
  min-height:68px;
}

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

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

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

  text-transform:none !important;
}

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

  color:var(--fm-eyebrow);

  font-size:11px;
  font-weight:700;
  line-height:1.35;
  letter-spacing:.1em;

  text-transform:uppercase;
}

.fold-price{
  margin:6px 0 18px;

  color:var(--fm-black);

  font-size:16px;
  font-weight:700;
  line-height:1.2;
}


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

.fold-model-button{
  width:100%;
  max-width:200px;
  min-height:44px;

  padding:5px 6px 5px 16px;

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

  gap:14px;

  background:var(--fm-yellow);

  border:1px solid var(--fm-yellow);
  border-radius:var(--fm-button-radius);

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

  font-size:13px;
  font-weight:800;
  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__text{
  display:block;
  min-width:0;
}

.fold-model-button__icon{
  width:32px;
  height:32px;
  flex:0 0 32px;

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

  background:var(--fm-black);
  border-radius:50%;

  color:#FFFFFF;

  font-family:Arial,sans-serif;
  font-size:16px;
  font-weight:700;
  line-height:1;

  transition:transform .22s ease;
}

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

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

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

.fold-model-button:hover .fold-model-button__icon,
.fold-model-button:focus-visible .fold-model-button__icon{
  transform:translateX(2px);
}

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


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

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

  margin-top:22px;

  display:flex;
  justify-content:center;
  flex-wrap:wrap;

  gap:10px;
}

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

  padding:0 15px;

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

  gap:9px;

  border-radius:999px;

  color:#FFFFFF;

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

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

  background:rgba(255,255,255,.82);
  border-radius:50%;
}

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

.fold-violet{
  background:#A6849C;
}

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

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


/* ==========================================================
   8. RESPONSIVE
========================================================== */

@media (max-width:1100px){

  .fold-model-page{
    width:min(94vw,900px);
  }

  .fold-model-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .fold-model-card:last-child{
    width:calc((100% - 19px) / 2);
    grid-column:1 / -1;
    justify-self:center;
  }

  .fold-bike-image{
    height:275px;
    flex-basis:275px;
  }

}

@media (max-width:680px){

  .fold-model-page{
    width:calc(100vw - 28px);
    padding-top:16px;
  }

  .fold-model-breadcrumb,
  .fold-model-hero{
    margin-left:2px;
  }

  .fold-model-hero{
    margin-bottom:29px;
  }

  .fold-model-page .fold-model-page-title{
    font-size:34px !important;
    line-height:1.02 !important;
  }

  .fold-model-page .fold-model-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-model-intro{
    font-size:16px;
  }

  .fold-model-grid{
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }

  .fold-model-card:last-child{
    width:100%;
    grid-column:auto;
  }

  .fold-bike-image{
    height:250px;
    flex-basis:250px;
  }

}


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

/* ==========================================================
   FOLD SAFETY COMPONENTS CSS V3.0 BEGINNT
   Einheitliches FOLD Designsystem
========================================================== */

.fold-safety-page{
  --fs-black:#111111;
  --fs-text:#4B4F56;
  --fs-white:#FFFFFF;
  --fs-soft:#F7F7F4;
  --fs-border:#DEDEDE;
  --fs-yellow:#FACA30;
  --fs-yellow-hover:#FFD743;
  --fs-gold:#A97900;
  --fs-radius:16px;

  position:relative;
  left:50%;
  width:min(93vw,1680px);
  max-width:none;
  margin:0;
  padding:54px 0 82px;
  transform:translateX(-50%);

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

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

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

.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;
}

/* 1. TYPOGRAFIE */

.fold-safety-page .fs-kicker{
  display:block;
  margin:0 0 13px;
  padding:0;
  color:var(--fs-gold) !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
}

.fold-safety-page .fs-hero h1,
.fold-safety-page .fs-section-head h2,
.fold-safety-page .fs-result h2{
  max-width:1050px;
  margin:0;
  color:var(--fs-black) !important;
  font-family:"Oswald",Arial,sans-serif !important;
  font-weight:600 !important;
  line-height:1.08 !important;
  letter-spacing:-.01em !important;
  text-transform:none !important;
}

.fold-safety-page .fs-hero h1{
  font-size:44px !important;
}

.fold-safety-page .fs-section-head h2,
.fold-safety-page .fs-result h2{
  font-size:34px !important;
}

/* Nur nach einer echten H1/H2 verwenden. */
.fold-safety-page .fs-line{
  display:block;
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;
  height:2px !important;
  min-height:2px !important;
  max-height:2px !important;
  margin:16px 0 22px !important;
  background:var(--fs-yellow) !important;
  border:0 !important;
  border-radius:999px !important;
}

/* 2. HERO */

.fold-safety-page .fs-hero{
  display:grid;
  grid-template-columns:minmax(340px,40%) minmax(0,60%);
  gap:18px;
  align-items:stretch;
  margin:0 0 30px;
}

.fold-safety-page .fs-hero-content{
  min-height:500px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px;
  background:var(--fs-soft);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-radius);
}

.fold-safety-page .fs-date{
  margin:0 0 18px;
  color:var(--fs-text);
  font-size:13px;
  font-weight:700;
}

.fold-safety-page .fs-lead{
  max-width:620px;
  margin:0;
  color:var(--fs-text);
  font-size:16px;
  line-height:1.68;
}

.fold-safety-page .fs-hero-media{
  position:relative;
  min-height:500px;
  height:100%;
  margin:0;
  overflow:hidden;
  background:var(--fs-white);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-radius);
}

.fold-safety-page .fs-hero-media img{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:inherit !important;
}

/* 3. SEKTIONEN */

.fold-safety-page .fs-section{
  margin:0 0 30px;
  padding:42px;
  background:var(--fs-soft);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-radius);
}

.fold-safety-page .fs-section--white,
.fold-safety-page .fs-section--soft{
  background:var(--fs-soft);
}

.fold-safety-page .fs-section-head{
  width:100%;
  max-width:1120px;
  margin:0 0 34px;
}

.fold-safety-page .fs-section-head--compact{
  margin-bottom:28px;
}

.fold-safety-page .fs-section-intro{
  max-width:760px;
  margin:0;
  color:var(--fs-text);
  font-size:16px;
  line-height:1.68;
}

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

/* 4. KENNZAHLEN */

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

.fold-safety-page .fs-stat-card{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:16px;
  align-items:center;
  min-height:160px;
  padding:24px;
  background:var(--fs-white);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-radius);
}

.fold-safety-page .fs-stat-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
}

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

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

.fold-safety-page .fs-stat-value{
  display:block;
  margin:0 0 8px;
  color:var(--fs-black);
  font-family:"Oswald",Arial,sans-serif;
  font-size:31px;
  font-weight:600;
  line-height:1;
  letter-spacing:-.01em;
}

.fold-safety-page .fs-stat-value--stacked{
  font-size:27px;
  line-height:1;
  text-transform:none;
}

.fold-safety-page .fs-stat-card p{
  margin:0;
  color:var(--fs-text);
  font-size:11px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.05em;
  text-transform:uppercase;
}

/* 5. PRÜFSTANDARDS */

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

.fold-safety-page .fs-badge-card{
  min-height:180px;
  padding:26px;
  overflow:hidden;
  background:var(--fs-white);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-radius);
}

.fold-safety-page .fs-badge-card::before,
.fold-safety-page .fs-badge-card::after{
  content:none !important;
  display:none !important;
}

.fold-safety-page .fs-badge-card strong{
  display:block;
  margin:0 0 14px;
  color:var(--fs-black);
  font-family:"Oswald",Arial,sans-serif;
  font-size:24px;
  font-weight:600;
  line-height:1.08;
  overflow-wrap:anywhere;
}

.fold-safety-page .fs-badge-card p{
  margin:0;
  color:var(--fs-text);
  font-size:14px;
  line-height:1.55;
}

/* 6. ENTWICKLUNGSPROZESS */

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

.fold-safety-page .fs-process-card{
  min-height:280px;
  padding:26px 24px;
  background:var(--fs-white);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-radius);
}

.fold-safety-page .fs-step,
.fold-safety-page .fs-test-index{
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--fs-yellow);
  border-radius:50%;
  color:var(--fs-black);
  font-family:"Oswald",Arial,sans-serif;
  font-weight:600;
  line-height:1;
}

.fold-safety-page .fs-step{
  width:44px;
  height:44px;
  margin-bottom:22px;
  font-size:19px;
}

.fold-safety-page .fs-process-card h3,
.fold-safety-page .fs-lab-copy h3,
.fold-safety-page .fs-test-copy h3{
  color:var(--fs-black) !important;
  font-family:"Oswald",Arial,sans-serif !important;
  font-weight:600 !important;
  line-height:1.1 !important;
  text-transform:none !important;
}

.fold-safety-page .fs-process-card h3{
  margin:0 0 12px;
  font-size:24px !important;
}

.fold-safety-page .fs-process-card p{
  margin:0;
  color:var(--fs-text);
  font-size:14px;
  line-height:1.6;
}

/* 7. LABORPRÜFUNG */

.fold-safety-page .fs-lab-card{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  overflow:hidden;
  background:var(--fs-white);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-radius);
}

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

.fold-safety-page .fs-lab-photo{
  width:100%;
  height:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}

.fold-safety-page .fs-lab-image img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:462px !important;
  object-fit:contain !important;
  object-position:center !important;
  overflow:hidden !important;
  border-radius:24px !important;
  clip-path:inset(0 round 24px) !important;
  -webkit-clip-path:inset(0 round 24px) !important;
  transform:translateZ(0);
}

.fold-safety-page .fs-lab-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px;
  background:var(--fs-soft);
}

.fold-safety-page .fs-card-label{
  margin:0 0 13px;
  color:var(--fs-gold);
  font-size:11px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.fold-safety-page .fs-lab-copy h3{
  margin:0 0 18px;
  font-size:29px !important;
}

.fold-safety-page .fs-lab-copy p{
  margin:0 0 18px;
  color:var(--fs-text);
  font-size:15px;
  line-height:1.65;
}

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

.fold-safety-page .fs-lab-list{
  display:grid;
  gap:10px;
  margin:0 0 20px;
  padding:0;
  list-style:none;
}

.fold-safety-page .fs-lab-list li{
  position:relative;
  padding-left:22px;
  color:var(--fs-text);
  font-size:14px;
  line-height:1.5;
}

.fold-safety-page .fs-lab-list li::before{
  content:"";
  position:absolute;
  top:.62em;
  left:0;
  width:6px;
  height:6px;
  background:var(--fs-yellow);
  border-radius:50%;
}

/* 8. PRÜFÜBERSICHT */

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

.fold-safety-page .fs-test-item{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  padding:22px 26px;
  border-bottom:1px solid var(--fs-border);
}

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

.fold-safety-page .fs-test-index{
  width:40px;
  height:40px;
  font-size:17px;
}

.fold-safety-page .fs-test-copy h3{
  margin:0 0 6px;
  font-size:22px !important;
}

.fold-safety-page .fs-test-copy p{
  margin:0;
  color:var(--fs-text);
  font-size:14px;
  line-height:1.55;
}

.fold-safety-page .fs-test-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:100px;
  padding:9px 13px;
  color:var(--fs-black);
  border:1px solid var(--fs-border);
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}

/* 9. ABSCHLUSS UND DOKUMENT */

.fold-safety-page .fs-result{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:32px;
  align-items:center;
  margin:0;
  padding:42px;
  background:var(--fs-soft);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-radius);
}

.fold-safety-page .fs-result-mark{
  width:80px;
  height:80px;
}

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

.fold-safety-page .fs-result-copy > p:last-of-type{
  max-width:920px;
  margin:0;
  color:var(--fs-text);
  font-size:16px;
  line-height:1.68;
}

.fold-safety-page .fs-document-link{
  display:inline-flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  margin-top:24px;
  padding:13px 17px;
  background:var(--fs-white);
  border:1px solid var(--fs-border);
  border-radius:var(--fs-radius);
  color:var(--fs-black) !important;
  font-size:13px;
  font-weight:700;
  line-height:1.3;
  text-decoration:none !important;
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease;
}

.fold-safety-page .fs-document-link span{
  color:var(--fs-text);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.fold-safety-page .fs-document-link strong{
  color:var(--fs-black);
  font-weight:800;
}

.fold-safety-page .fs-document-link:hover,
.fold-safety-page .fs-document-link:focus-visible{
  background:#FFFDF4;
  border-color:var(--fs-yellow);
  transform:translateY(-1px);
}

.fold-safety-page .fs-document-link:focus-visible{
  outline:3px solid rgba(250,202,48,.42);
  outline-offset:3px;
}

/* 10. RESPONSIVE */

@media (max-width:1200px){
  .fold-safety-page .fs-stat-grid,
  .fold-safety-page .fs-badge-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .fold-safety-page .fs-process-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:900px){
  .fold-safety-page .fs-hero,
  .fold-safety-page .fs-lab-card{
    grid-template-columns:1fr;
  }

  .fold-safety-page .fs-hero-content,
  .fold-safety-page .fs-hero-media{
    min-height:430px;
  }

  .fold-safety-page .fs-lab-image{
    min-height:430px;
    border-right:0;
    border-bottom:1px solid var(--fs-border);
  }

  .fold-safety-page .fs-result{
    grid-template-columns:1fr;
  }
}

@media (max-width:767px){
  .fold-safety-page{
    width:min(92vw,1680px);
    padding:36px 0 58px;
  }

  .fold-safety-page .fs-hero{
    margin-bottom:20px;
  }

  .fold-safety-page .fs-hero-content,
  .fold-safety-page .fs-section,
  .fold-safety-page .fs-lab-copy,
  .fold-safety-page .fs-result{
    padding:28px 22px;
  }

  .fold-safety-page .fs-section{
    margin-bottom:20px;
  }

  .fold-safety-page .fs-hero h1{
    font-size:34px !important;
  }

  .fold-safety-page .fs-section-head h2,
  .fold-safety-page .fs-result h2{
    font-size:29px !important;
  }

  .fold-safety-page .fs-kicker{
    font-size:11px !important;
  }

  .fold-safety-page .fs-stat-grid,
  .fold-safety-page .fs-badge-grid,
  .fold-safety-page .fs-process-grid{
    grid-template-columns:1fr;
  }

  .fold-safety-page .fs-hero-media{
    min-height:330px;
  }

  .fold-safety-page .fs-stat-card,
  .fold-safety-page .fs-badge-card,
  .fold-safety-page .fs-process-card{
    min-height:0;
  }

  .fold-safety-page .fs-lab-image{
    min-height:340px;
    padding:18px;
  }

  .fold-safety-page .fs-test-item{
    grid-template-columns:40px minmax(0,1fr);
    gap:14px;
    padding:19px;
  }

  .fold-safety-page .fs-test-status{
    grid-column:2;
    justify-self:start;
  }

  .fold-safety-page .fs-result-mark{
    width:68px;
    height:68px;
  }

  .fold-safety-page .fs-document-link{
    width:100%;
    align-items:flex-start;
    flex-direction:column;
  }
}

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


/* FOLD CARGO BIKE COMPONENTS CSS V6.6 */

.fold-cargo-page{
  --fc-yellow:#FACA30;
  --fc-black:#111111;
  --fc-text:#4B4F56;
  --fc-white:#FFFFFF;
  --fc-surface:#F7F7F4;
  --fc-border:#DEDEDE;
  --fc-radius:16px;
  position:relative;
  left:50%;
  width:min(93vw,1680px);
  max-width:none;
  margin:0;
  padding:20px 0 80px;
  transform:translateX(-50%);
  background:var(--fc-white);
  color:var(--fc-black);
  font-family:"Inter",Arial,sans-serif;
}

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

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

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

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

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

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

.fold-cargo-line{
  width:58px;
  height:2px;
  margin:16px 0 20px;
  background:var(--fc-yellow);
  border-radius:999px;
}

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

/* SECTION */
.fold-cargo-section{
  padding:40px 6px;
  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:0 0 24px}

/* SPLIT LAYOUT */
.fold-cargo-split{
  display:grid;
  grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);
  align-items:stretch;
  gap:19px;
}

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

.fold-cargo-panel-accent,
.fold-cargo-card-accent{
  display:none;
}

/* TEXTKARTEN */
.fold-cargo-panel-content{
  height:100%;
  padding:40px 34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}

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

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

/* BILDKARTEN */
.fold-cargo-panel--image{background:var(--fc-white)}

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

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

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

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

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

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

/* KOMPAKT ZU HAUSE */
.fold-cargo-compact-layout{
  display:grid;
  grid-template-columns:minmax(330px,.75fr) minmax(0,1.25fr);
  align-items:stretch;
  gap:19px;
}

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

.fold-cargo-compact-copy{
  height:100%;
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

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

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

/* STATISTIK */
.fold-cargo-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.fold-cargo-stat{
  min-width:0;
  min-height:150px;
  padding:24px;
  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 14px;
  color:var(--fc-black);
  font-family:"Oswald",Arial,sans-serif;
  font-size:34px;
  font-weight:600;
  line-height:1;
}

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

/* MODULARE KARTEN */
.fold-cargo-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

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

.fold-cargo-card-content{padding:26px 22px}
.fold-cargo-card h2{margin:0 0 12px;font-size:27px;line-height:1.08}

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

/* FINAL CTA */
.fold-cargo-final{
  position:relative;
  margin:40px 6px 0;
  padding:50px 40px;
  overflow:hidden;
  text-align:center;
  background:var(--fc-surface);
  border:1px solid var(--fc-border);
  border-radius:var(--fc-radius);
}

.fold-cargo-final::before{
  content:none;
  display:none;
}

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

.fold-cargo-final-title{
  width:100%;
  max-width:1050px;
  margin:0 auto;
  font-size:42px;
  line-height:1.08;
  letter-spacing:-.01em;
}

.fold-cargo-final .fold-cargo-line{
  display:block;
  margin:16px auto 20px !important;
}

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

/* RESPONSIVE */
@media (max-width:1100px){
  .fold-cargo-split,
  .fold-cargo-compact-layout{grid-template-columns:repeat(2,minmax(0,1fr))}

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

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

  .fold-cargo-panel{min-height:0}
  .fold-cargo-panel-content{min-height:360px}
  .fold-cargo-panel-media{height:430px;min-height:430px}
}

@media (max-width:680px){
  .fold-cargo-page{width:min(92vw,1680px);padding:16px 0 56px}
  .fold-cargo-section{padding:34px 0}
  .fold-cargo-title{font-size:36px}
  .fold-cargo-intro{font-size:15px;line-height:1.6}

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

  .fold-cargo-panel-content{min-height:0}
  .fold-cargo-panel-content h2,
  .fold-cargo-compact-copy h2{font-size:30px}

  .fold-cargo-panel-content>p,
  .fold-cargo-compact-copy p{font-size:15px;line-height:1.6}

  .fold-cargo-panel-media{height:350px;min-height:350px}
  .fold-cargo-grid{grid-template-columns:1fr}
  .fold-cargo-card{min-height:0}
  .fold-cargo-stats{gap:10px}
  .fold-cargo-stat{min-height:132px;padding:20px 16px}
  .fold-cargo-stat strong{font-size:28px}

  .fold-cargo-final{margin:34px 0 0;padding:36px 22px}
  .fold-cargo-final-title{font-size:34px}
  .fold-cargo-final p{font-size:15px}
}

@media (max-width:430px){
  .fold-cargo-stats{grid-template-columns:1fr}
  .fold-cargo-stat{min-height:112px}
}

/* FOLD CARGO BIKE COMPONENTS CSS V6.6 ENDET */



/* ==========================================================
   FOLD ACCESSOIRES COMPONENTS CSS V4.0 BEGINNT
   MOCK-UP-LAYOUT / 4 SPALTEN / RESPONSIVE
========================================================== */


/* ==========================================================
   0. DESIGN TOKENS / BASIS
========================================================== */

.fold-accessory-page{
  --fa-yellow:#FACA30;
  --fa-eyebrow:#A97900;
  --fa-black:#0B0B0B;
  --fa-text:#4A4A4A;
  --fa-surface:#F7F7F4;
  --fa-border:#DEDEDE;

  --fa-radius:16px;
  --fa-button-radius:16px;

  position:relative;
  left:50%;

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

  margin:0;
  padding:20px 0 48px;

  overflow:hidden;
  transform:translateX(-50%);

  color:var(--fa-black);
  background:#FFFFFF;

  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{
  color:var(--fa-black);
  font-family:"Oswald",Arial,sans-serif;
  font-weight:600;
  text-transform:none;
}

.fold-accessory-shell{
  width:100%;
  margin:0 auto;
}


/* ==========================================================
   1. BREADCRUMB + HERO
========================================================== */

.fold-accessory-breadcrumb,
.fold-accessory-hero{
  margin-left:24px;
}

.fold-accessory-breadcrumb{
  margin-top:0;
  margin-bottom:17px;

  color:#171717;

  font-size:12px;
  font-weight:400;
  line-height:1.4;
}

.fold-accessory-hero{
  max-width:900px;
  margin-top:0;
  margin-bottom:25px;
}

.fold-accessory-page .fold-accessory-eyebrow,
.fold-accessory-group-eyebrow,
.fold-accessory-kicker{
  display:block;

  color:var(--fa-eyebrow) !important;

  font-family:"Inter",Arial,sans-serif;
  font-size:11px !important;
  font-weight:800;
  line-height:1.2;
  letter-spacing:2.1px;

  text-transform:uppercase;
}

.fold-accessory-page .fold-accessory-eyebrow{
  margin:0;
}

.fold-accessory-page .fold-accessory-title{
  margin:7px 0 0;

  font-family:"Oswald",Arial,sans-serif !important;
  font-size:42px !important;
  font-weight:600 !important;
  line-height:.98 !important;
  letter-spacing:-.025em !important;
}

.fold-accessory-page .fold-accessory-line{
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;

  height:2px !important;
  min-height:2px !important;
  max-height:2px !important;

  margin:11px 0 13px !important;

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

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

  color:#444444;

  font-size:17px;
  font-weight:400;
  line-height:1.45;
}


/* ==========================================================
   2. SECTION HEADERS + GRIDS
========================================================== */

.fold-accessory-group-heading{
  margin:0 0 11px;
  padding-left:7px;
}

.fold-accessory-group-eyebrow{
  margin:0;
}

.fold-accessory-page .fold-accessory-group-title{
  margin:7px 0 0;

  font-family:"Oswald",Arial,sans-serif !important;
  font-size:31px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:-.02em !important;
}

.fold-accessory-group--accessories{
  margin-top:22px;
}

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

  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;

  gap:19px;
}


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

.fold-accessory-card{
  position:relative;

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

  display:flex;
  flex-direction:column;

  padding:18px 22px 13px;

  overflow:hidden;

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

  box-shadow:0 1px 2px rgba(0,0,0,.015);
  transform:none;

  transition:none;
}

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

  box-shadow:0 1px 2px rgba(0,0,0,.015);
  transform:none;
}

.fold-accessory-card__accent{
  display:none;
}


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

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

  display:flex;
  align-items:flex-start;
  justify-content:space-between;

  gap:10px;
}

.fold-accessory-card--cargo .fold-accessory-card-head{
  min-height:105px;
}

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

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

.fold-accessory-kicker{
  margin:0 0 8px;

  font-size:10.5px !important;
  letter-spacing:1.9px;
}

.fold-accessory-page .fold-accessory-card h2{
  margin:0;

  font-family:"Oswald",Arial,sans-serif !important;
  font-size:27px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:-.02em !important;
}

.fold-accessory-sub{
  margin:9px 0 0;

  color:var(--fa-text);

  font-size:13px;
  font-weight:400;
  line-height:1.42;
}


/* ==========================================================
   5. PREISANGABE / BADGE
========================================================== */

.fold-accessory-badge{
  min-width:64px;
  height:32px;

  padding:0 14px;
  margin-top:-1px;

  flex:0 0 auto;

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

  background:var(--fa-yellow);
  border-radius:var(--fa-button-radius);

  color:#111111;

  font-size:13px;
  font-weight:800;
  line-height:1;

  white-space:nowrap;
}


/* ==========================================================
   6. PRODUCT IMAGE
========================================================== */

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

  flex:0 0 210px;

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

  margin:2px 0 0;
  padding:0;

  overflow:hidden;
}

.fold-accessory-card--accessory .fold-accessory-image{
  height:224px;
  flex-basis:224px;
  margin-top:5px;
}

.fold-accessory-image img{
  display:block;

  width:auto;
  height:auto;

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

  margin:auto;

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

  transform:none !important;
}

.fold-accessory-card--basket-pro .fold-accessory-image img{
  max-width:94%;
  max-height:94%;
}

.fold-accessory-card--basket-family .fold-accessory-image img{
  max-width:96%;
  max-height:98%;
}

.fold-accessory-card--flex-box .fold-accessory-image img{
  max-width:94%;
  max-height:94%;
}

.fold-accessory-card--platform .fold-accessory-image img{
  max-width:98%;
  max-height:82%;
}

.fold-accessory-card--rain-cover .fold-accessory-image img,
.fold-accessory-card--child-seat .fold-accessory-image img{
  max-width:92%;
  max-height:96%;
}

.fold-accessory-card--power-rack .fold-accessory-image img{
  max-width:82%;
  max-height:88%;
}

.fold-accessory-card--kickstand .fold-accessory-image img{
  max-width:76%;
  max-height:94%;
}


/* ==========================================================
   7. FEATURE LIST
========================================================== */

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

  margin:auto 0 0;
  padding:10px 1px 0 22px;

  list-style:none;

  border-top:1px solid #E6E6E6;

  color:#555555;

  font-size:13px;
  font-weight:400;
  line-height:1.28;
}

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

  margin:0 0 7px;
  padding:0;

  color:#555555;

  font-size:13px;
  line-height:1.28;
}

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

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

  position:absolute;

  top:.48em;
  left:-17px;

  width:5px;
  height:5px;

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


/* ==========================================================
   8. RESPONSIVE
========================================================== */

@media (max-width:1180px){

  .fold-accessory-page{
    width:min(94vw,900px);
  }

  .fold-accessory-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

}

@media (max-width:680px){

  .fold-accessory-page{
    width:calc(100vw - 28px);
    padding-top:16px;
  }

  .fold-accessory-breadcrumb,
  .fold-accessory-hero{
    margin-left:2px;
  }

  .fold-accessory-hero{
    margin-bottom:29px;
  }

  .fold-accessory-page .fold-accessory-title{
    font-size:34px !important;
    line-height:1.02 !important;
  }

  .fold-accessory-page .fold-accessory-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-accessory-intro{
    font-size:16px;
  }

  .fold-accessory-group-heading{
    padding-left:2px;
  }

  .fold-accessory-page .fold-accessory-group-title{
    font-size:29px !important;
    line-height:1.05 !important;
  }

  .fold-accessory-grid{
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }

  .fold-accessory-card{
    min-height:445px;
  }

}


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


/* ==========================================================
   FOLD HOMEPAGE COMPONENTS CSS V12.2 BEGINNT
   Abgestimmt auf Modelle, Zubehör und Support
========================================================== */


/* ==========================================================
   0. DESIGN TOKENS / BASIS
========================================================== */

.fold-clean{
  --fc-width:93%;
  --fc-max:1680px;
  --fc-space:40px;

  --fc-yellow:#FACA30;
  --fc-yellow-hover:#FFD743;

  --fc-black:#111111;
  --fc-text:#4B4F56;
  --fc-white:#FFFFFF;

  --fc-surface:#F7F7F4;
  --fc-border:#DEDEDE;

  --fc-radius:16px;
  --fc-button-radius:16px;

  width:100%;
  margin:0;
  padding:0;

  overflow:hidden;

  background:var(--fc-white);
  color:var(--fc-black);

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

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

.fold-clean img{
  display:block;
  max-width:100%;
  margin:0;
  padding:0;
}

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

.fold-clean h1,
.fold-clean h2,
.fold-clean h3{
  color:var(--fc-black);

  font-family:"Oswald",Arial,sans-serif;
  font-weight:600;
  line-height:1.08;

  text-transform:none;
}


/* ==========================================================
   1. HAUPTCONTAINER
========================================================== */

.fold-clean .fc-section,
.fold-clean .fc-features{
  width:var(--fc-width);
  max-width:var(--fc-max);

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

.fold-clean .fc-section{
  margin-top:var(--fc-space);
}

.fold-clean .fc-features{
  margin-top:var(--fc-space);
  margin-bottom:var(--fc-space);
}


/* ==========================================================
   2. GEMEINSAME KARTEN
========================================================== */

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

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

.fold-clean .fc-media{
  position:relative;

  width:100%;
  min-width:0;

  overflow:hidden;

  background:var(--fc-surface);
  border-radius:var(--fc-radius);
}

.fold-clean .fc-media img{
  width:100% !important;
  height:100% !important;

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

  border-radius:inherit;
}


/* ==========================================================
   3. TYPOGRAFIE
========================================================== */

.fold-clean .fc-eyebrow{
  display:block;

  width:100%;

  margin:0 0 12px;

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

.fold-clean .fc-title{
  width:100%;
  min-width:0;

  margin:0;

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

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

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

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

  width:58px;
  height:2px;

  margin:16px 0 20px;

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

.fold-clean .fc-copy{
  width:100%;
  max-width:540px;
}

.fold-clean .fc-copy p,
.fold-clean .fc-performance__intro p{
  margin:0 0 18px;

  color:var(--fc-text);

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

.fold-clean .fc-copy p:last-child{
  margin-bottom:0;
}


/* ==========================================================
   4. HERO
   BASIS OHNE RAHMEN / OHNE VERLAUF
========================================================== */

.fold-clean .fc-hero{
  position:relative;

  width:100%;

  margin:0;
  padding:0;

  overflow:hidden;

  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}

.fold-clean .fc-hero__image{
  display:block;

  width:100% !important;
  height:clamp(640px,78vh,860px) !important;

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

  border:0 !important;
  border-radius:inherit;
  box-shadow:none !important;
}

.fold-clean .fc-hero::before,
.fold-clean .fc-hero::after{
  display:none !important;
  content:none !important;
  background:none !important;
  background-image:none !important;
}

.fold-clean .fc-hero__image{
  filter:none !important;
}

.fold-clean .fc-hero__claim{
  position:absolute;
  z-index:2;

  left:clamp(24px,3.5vw,58px);
  bottom:clamp(106px,9vw,128px);

  width:auto;
  max-width:min(780px,76vw);

  margin:0;
  padding:0;

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

  font-family:"Oswald",Arial,sans-serif;
  font-size:clamp(34px,3.4vw,58px) !important;
  font-weight:700;
  line-height:1.03;
  letter-spacing:-.025em;

  text-transform:none;
  text-shadow:0 2px 14px rgba(0,0,0,.30);

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

.fold-clean .fc-hero__actions{
  position:absolute;
  z-index:2;

  right:clamp(24px,3.5vw,58px);
  bottom:34px;
  left:clamp(24px,3.5vw,58px);

  display:flex;
  align-items:center;
  gap:12px;
}


/* ==========================================================
   5. BUTTONS
   EINHEITLICH 16 PX RADIUS
========================================================== */

.fold-clean .fc-btn,
.fold-clean .fc-model-button{
  position:relative;

  width:196px;
  min-width:196px;
  max-width:196px;

  height:46px;
  min-height:46px;
  max-height:46px;

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

  margin:0;
  padding:0 48px 0 17px;

  border:1px solid transparent;
  border-radius:var(--fc-button-radius) !important;

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

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

  text-decoration:none !important;
  white-space:nowrap;

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

.fold-clean .fc-btn--yellow,
.fold-clean .fc-model-button{
  background:var(--fc-yellow);
  border-color:var(--fc-yellow);
}

.fold-clean .fc-btn--white{
  background:var(--fc-white);
  border-color:var(--fc-border);
}

.fold-clean .fc-btn__icon,
.fold-clean .fc-model-button__icon{
  position:absolute;

  top:50%;
  right:6px;

  width:32px;
  height:32px;

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

  background:var(--fc-black);
  border-radius:50%;

  color:var(--fc-white);

  font-family:Arial,sans-serif;
  font-size:15px;

  transform:translateY(-50%);
}

.fold-clean .fc-btn:hover,
.fold-clean .fc-model-button:hover{
  transform:translateY(-2px);
  box-shadow:0 9px 20px rgba(0,0,0,.12);
}


/* ==========================================================
   6. DIE IDEE
========================================================== */

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

  gap:22px;
}

.fold-clean .fc-idea__text,
.fold-clean .fc-idea__media{
  min-height:560px;
}

.fold-clean .fc-idea__text{
  padding:42px 36px;

  display:flex;
  flex-direction:column;
  justify-content:center;
}


/* ==========================================================
   7. PERFORMANCE
   FLEX CONTENT, DAMIT HIGHLIGHT-KARTE NICHT GESTRECKT WIRD
========================================================== */

.fold-clean .fc-performance{
  display:grid;
  grid-template-columns:minmax(0,62%) minmax(430px,38%);
  align-items:stretch;

  gap:22px;
}

.fold-clean .fc-performance__media{
  position:relative;

  min-height:560px;
}

.fold-clean .fc-performance__media img{
  position:absolute;
  inset:0;

  width:100% !important;
  height:100% !important;

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

.fold-clean .fc-performance__content{
  min-width:0;
  min-height:560px;

  padding:34px 30px 24px;

  display:flex;
  flex-direction:column;

  gap:0;

  overflow:hidden;
}

.fold-clean .fc-performance__intro{
  flex:0 0 auto;
}

.fold-clean .fc-performance__intro p{
  margin:0;
}


/* ==========================================================
   8. PERFORMANCE STATS
========================================================== */

.fold-clean .fc-stats{
  flex:0 0 auto;

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

  gap:10px;

  margin:22px 0 0;
}

.fold-clean .fc-stat{
  min-width:0;
  min-height:82px;

  padding:14px 16px;

  background:var(--fc-white);
  border:1px solid var(--fc-border);
  border-radius:16px;
}

.fold-clean .fc-stat strong{
  display:block;

  margin:0 0 5px;

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

.fold-clean .fc-stat small{
  display:block;

  color:#555B64;

  font-size:10.5px;
  line-height:1.35;
}


/* ==========================================================
   9. TECHNISCHE HIGHLIGHTS
   KOMPAKT / GLEICHMÄSSIG / KEIN STRETCHING
========================================================== */

.fold-clean .fc-tech{
  position:relative;

  flex:0 0 auto !important;

  width:100%;
  min-height:0 !important;
  height:auto !important;

  margin:14px 0 0;
  padding:24px 24px 24px 30px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  background:var(--fc-white);
  border:1px solid var(--fc-border);
  border-radius:16px;
}

.fold-clean .fc-tech::before{
  content:"";

  position:absolute;

  top:22px;
  bottom:22px;
  left:0;

  width:2px;

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

.fold-clean .fc-tech h3{
  margin:0 0 10px;

  font-family:"Inter",Arial,sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.02em;
}

.fold-clean .fc-tech p{
  margin:0;

  color:#555B64;

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


/* ==========================================================
   10. SECTION HEAD
========================================================== */

.fold-clean .fc-section-head{
  width:100%;

  margin:0 0 22px;
}


/* ==========================================================
   11. KOMPAKT ZU HAUSE
========================================================== */

.fold-clean .fc-storage__head{
  margin-bottom:26px;
}

.fold-clean .fc-storage__title{
  white-space:nowrap;
}

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

.fold-clean .fc-storage__copy p{
  width:100%;

  margin:0 0 8px;

  line-height:1.55;
}

.fold-clean .fc-storage__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:18px;
}

.fold-clean .fc-storage-card{
  position:relative;

  height:480px;

  overflow:hidden;

  border-radius:var(--fc-radius);
}

.fold-clean .fc-storage-card img{
  position:absolute;
  inset:0;

  width:100% !important;
  height:100% !important;

  object-fit:cover;
}

.fold-clean .fc-storage-card::after{
  content:"";

  position:absolute;
  inset:48% 0 0;

  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(0,0,0,.44)
    );
}

.fold-clean .fc-storage-card h3{
  position:absolute;
  z-index:2;

  right:22px;
  bottom:22px;
  left:22px;

  margin:0;

  color:var(--fc-white) !important;

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


/* ==========================================================
   12. MODELLE
========================================================== */

.fold-clean .fc-lineup .fc-section-head{
  max-width:900px;
}

.fold-clean .fc-lineup__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));

  align-items:stretch;

  gap:19px;
}

.fold-clean .fc-model-card{
  min-width:0;

  display:flex;
  flex-direction:column;

  overflow:hidden;

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

.fold-clean .fc-model-card__accent{
  display:none;
}

.fold-clean .fc-model-card__image{
  height:390px;

  padding:42px 24px 8px;
}

.fold-clean .fc-model-card__image img{
  width:100% !important;
  height:100% !important;

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

.fold-clean .fc-model-card__content{
  flex:1 1 auto;

  padding:18px 24px 24px;

  display:flex;
  flex-direction:column;
}

.fold-clean .fc-model-card__content h3{
  margin:0 0 9px;

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

.fold-clean .fc-model-card__content p{
  min-height:52px;

  margin:0 0 18px;

  color:var(--fc-text);

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

  white-space:normal;
}

.fold-clean .fc-model-button{
  margin-top:auto;
}


/* ==========================================================
   13. FALTEN
========================================================== */

.fold-clean .fc-folding{
  display:grid;
  grid-template-columns:minmax(0,62%) minmax(430px,38%);

  align-items:stretch;

  gap:22px;
}

.fold-clean .fc-folding__media,
.fold-clean .fc-folding__text{
  min-height:560px;
}

.fold-clean .fc-folding__text{
  padding:42px 36px;

  display:flex;
  flex-direction:column;
  justify-content:center;
}


/* ==========================================================
   14. KOMPAKT UNTERWEGS
========================================================== */

.fold-clean .fc-travel{
  display:grid;
  grid-template-columns:minmax(430px,38%) minmax(0,62%);

  align-items:stretch;

  gap:22px;
}

.fold-clean .fc-travel__text,
.fold-clean .fc-travel__media{
  min-height:560px;
}

.fold-clean .fc-travel__text{
  padding:42px 36px;

  display:flex;
  flex-direction:column;
  justify-content:center;
}


/* ==========================================================
   15. FEATURES
========================================================== */

.fold-clean .fc-features{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:18px;
}

.fold-clean .fc-features article{
  position:relative;

  min-height:210px;

  padding:30px 24px 24px;

  background:var(--fc-surface);
  border:1px solid #E1E1DC;
  border-radius:16px;
}

.fold-clean .fc-features article::before{
  content:none;
  display:none;
}

.fold-clean .fc-features article > span{
  display:block;

  margin-bottom:26px;

  color:#A97900;

  font-family:"Oswald",Arial,sans-serif;
  font-size:22px;
}

.fold-clean .fc-features article h3{
  margin:0 0 14px;

  font-size:28px;
}

.fold-clean .fc-features article p{
  margin:0;

  color:var(--fc-text);

  font-size:14px;
  line-height:1.62;
}



/* ==========================================================
   16. HERO CLAIM RESPONSIVE
========================================================== */

@media (max-width:1100px){

  .fold-clean .fc-title{
    font-size:38px !important;
  }

  .fold-clean .fc-idea,
  .fold-clean .fc-performance,
  .fold-clean .fc-folding,
  .fold-clean .fc-travel{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .fold-clean .fc-idea__text,
  .fold-clean .fc-idea__media,
  .fold-clean .fc-performance__media,
  .fold-clean .fc-performance__content,
  .fold-clean .fc-folding__media,
  .fold-clean .fc-folding__text,
  .fold-clean .fc-travel__text,
  .fold-clean .fc-travel__media{
    min-height:500px;
  }

  .fold-clean .fc-features{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .fold-clean .fc-model-card__image{
    height:340px;
  }

}

@media (max-width:900px){

  .fold-clean .fc-idea,
  .fold-clean .fc-performance,
  .fold-clean .fc-folding,
  .fold-clean .fc-travel{
    grid-template-columns:1fr;
  }

  .fold-clean .fc-idea__text,
  .fold-clean .fc-performance__content,
  .fold-clean .fc-folding__text,
  .fold-clean .fc-travel__text{
    min-height:0;
  }

  .fold-clean .fc-idea__media,
  .fold-clean .fc-performance__media,
  .fold-clean .fc-folding__media,
  .fold-clean .fc-travel__media{
    min-height:460px;
  }

  .fold-clean .fc-storage__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .fold-clean .fc-storage__grid > :last-child{
    grid-column:1 / -1;
  }

  .fold-clean .fc-hero__claim{
    left:4%;
    bottom:136px;
    max-width:84vw;
  }

}

@media (max-width:767px){

  .fold-clean{
    --fc-width:92%;
    --fc-space:32px;
  }

  .fold-clean .fc-title{
    font-size:34px !important;
  }

  .fold-clean .fc-eyebrow{
    font-size:11px;
  }

  .fold-clean .fc-copy p,
  .fold-clean .fc-performance__intro p{
    font-size:15px;
    line-height:1.6;
  }

  .fold-clean .fc-hero__image{
    height:680px !important;
    object-position:center center !important;
  }

  .fold-clean .fc-hero__claim{
    right:20px;
    left:20px;
    bottom:132px;

    max-width:none;

    font-size:clamp(27px,8vw,40px) !important;
    line-height:1.06 !important;
  }

  .fold-clean .fc-hero__actions{
    right:20px;
    bottom:24px;
    left:20px;
  }

  .fold-clean .fc-btn{
    width:calc(50% - 5px);
    min-width:0;
    max-width:none;
    padding-left:14px;
  }

  .fold-clean .fc-idea__text,
  .fold-clean .fc-performance__content,
  .fold-clean .fc-folding__text,
  .fold-clean .fc-travel__text{
    padding:28px 22px;
  }

  .fold-clean .fc-idea__media,
  .fold-clean .fc-performance__media,
  .fold-clean .fc-folding__media,
  .fold-clean .fc-travel__media{
    min-height:390px;
  }

  .fold-clean .fc-storage__title{
    white-space:normal;
  }

  .fold-clean .fc-storage__grid,
  .fold-clean .fc-lineup__grid,
  .fold-clean .fc-features{
    grid-template-columns:1fr;
  }

  .fold-clean .fc-storage__grid > :last-child{
    grid-column:auto;
  }

  .fold-clean .fc-storage-card{
    height:420px;
  }

  .fold-clean .fc-model-card__image{
    height:290px;
    padding:28px 18px 6px;
  }

  .fold-clean .fc-model-card__content{
    padding:16px 20px 20px;
  }

  .fold-clean .fc-model-button{
    width:100%;
    min-width:0;
    max-width:none;
  }

  .fold-clean .fc-features article{
    min-height:0;
  }

}

/* ==========================================================
   HOMEPAGE HERO — WIDE SCREEN
   Nur große Desktop-Monitore
========================================================== */


@media (min-width:1600px){

  .fold-clean .fc-hero__image{
    height:clamp(720px,42vw,820px) !important;
    aspect-ratio:auto;
    object-fit:cover !important;
    object-position:center 54% !important;
  }

}

/* ==========================================================
   FOLD HOMEPAGE COMPONENTS CSS V12.0 ENDET
========================================================== */


/* ==========================================================
   FOLD ABOUT PAGE — COMPONENTS CSS V28.0
   Aktuelles kompaktes FOLD Designsystem
========================================================== */


/* ==========================================================
   0. DESIGN TOKENS / BASIS
========================================================== */

.fold-about-page{
  --fa-yellow:#FACA30;
  --fa-yellow-hover:#FFD743;
  --fa-gold:#A97900;
  --fa-black:#111111;
  --fa-copy:#4B4F56;
  --fa-muted:#6D7178;
  --fa-surface:#F7F7F4;
  --fa-white:#FFFFFF;
  --fa-border:#DEDEDE;
  --fa-radius:16px;
  --fa-space:32px;

  position:relative;
  left:50%;

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

  margin:0;
  padding:20px 0 48px;

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

  transform:translateX(-50%);
}

.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:42px;
  line-height:1.02;
  letter-spacing:-.025em;
}

.fold-about-page h2{
  font-size:32px;
  line-height:1.04;
  letter-spacing:-.02em;
}

.fold-about-page h3{
  margin:0 0 11px;

  font-size:25px;
  line-height:1.08;
  letter-spacing:-.015em;
}

.fold-about-page p{
  margin-bottom:16px;

  color:var(--fa-copy);

  font-size:15px;
  line-height:1.6;
}

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


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

.fold-about-page .fold-about-eyebrow{
  display:block;
  margin:0;

  color:var(--fa-gold) !important;

  font-family:"Inter",Arial,sans-serif;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:2.1px;
  text-transform:uppercase;
}

.fold-about-page .fold-about-line{
  width:58px;
  min-width:58px;
  max-width:58px;

  height:2px;
  min-height:2px;
  max-height:2px;

  margin:11px 0 18px;

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

.fold-about-page .fold-about-card{
  padding:36px;

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

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

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

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


/* ==========================================================
   2. HERO
========================================================== */

.fold-about-page .fold-about-hero{
  grid-template-columns:minmax(340px,40%) minmax(0,60%);
  min-height:460px;
}

.fold-about-page .fold-about-hero__copy,
.fold-about-page .fold-about-hero__image{
  min-height:460px;
  height:100%;
}

.fold-about-page .fold-about-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}

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

.fold-about-page .fold-about-hero__image{
  position:relative;
  overflow:hidden;

  background:#ECECE8;
  border:1px solid var(--fa-border);
  border-radius:var(--fa-radius);
}

.fold-about-page .fold-about-hero__image img{
  position:absolute !important;
  inset:0 !important;

  width:100% !important;
  height:100% !important;

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


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

.fold-about-page .fold-about-concept{
  grid-template-columns:minmax(340px,42%) minmax(0,58%);
  min-height:500px;
}

.fold-about-page .fold-about-concept__copy,
.fold-about-page .fold-about-concept__image{
  min-height:500px;
  height:100%;
}

.fold-about-page .fold-about-concept__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.fold-about-page .fold-about-image-card{
  position:relative;
  overflow:hidden;

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

.fold-about-page .fold-about-concept__image{
  display:flex;
  align-items:center;
  justify-content:center;

  padding:22px;
}

.fold-about-page .fold-about-concept__image img{
  position:relative !important;
  inset:auto !important;

  width:auto !important;
  height:auto !important;
  max-width:90%;
  max-height:86%;

  margin:auto;

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


/* ==========================================================
   4. BUILT FOR LIFE
========================================================== */

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

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

.fold-about-page .fold-about-story__image{
  position:relative;

  width:100%;
  aspect-ratio:16 / 10;

  overflow:hidden;
  isolation:isolate;

  background:#ECECE8;
  border:1px solid var(--fa-border);
  border-radius:var(--fa-radius);
}

.fold-about-page .fold-about-story__image img{
  position:absolute !important;
  inset:0 !important;

  width:100% !important;
  height:100% !important;

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


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

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

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

.fold-about-page .fold-about-principle{
  min-height:220px;

  display:flex;
  flex-direction:column;

  padding:24px;

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

.fold-about-page .fold-about-principle__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;

  margin-bottom:24px;
}

.fold-about-page .fold-about-principle__number{
  color:var(--fa-gold);

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

.fold-about-page .fold-about-principle__icon{
  position:relative;

  width:30px;
  height:30px;
  flex:0 0 30px;

  display:block;

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

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

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

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

.fold-about-page .fold-about-principle__icon--plus::before,
.fold-about-page .fold-about-principle__icon--plus::after{
  content:"";

  position:absolute;
  top:50%;
  left:50%;

  background:currentColor;
  border-radius:999px;

  transform:translate(-50%,-50%);
}

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

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

.fold-about-page .fold-about-principle p{
  margin:0;

  color:var(--fa-copy);

  font-size:14px;
  line-height:1.58;
}


/* ==========================================================
   6. FINAL CTA
========================================================== */

.fold-about-page .fold-about-cta{
  grid-template-columns:minmax(340px,40%) minmax(0,60%);
  min-height:460px;
}

.fold-about-page .fold-about-cta__copy,
.fold-about-page .fold-about-cta__image{
  min-height:460px;
  height:100%;
}

.fold-about-page .fold-about-cta__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}

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

.fold-about-page .fold-about-cta__image{
  position:relative;
  overflow:hidden;

  background:#ECECE8;
  border:1px solid var(--fa-border);
  border-radius:var(--fa-radius);
}

.fold-about-page .fold-about-cta__image img{
  position:absolute !important;
  inset:0 !important;

  width:100% !important;
  height:100% !important;

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

.fold-about-page .fold-about-cta__buttons{
  width:100%;
  margin-top:22px;

  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.fold-about-page .fold-about-button{
  position:relative;

  min-width:220px;
  min-height:54px;

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

  padding:0 58px 0 20px;

  background:var(--fa-yellow) !important;
  border:1px solid var(--fa-yellow);
  border-radius:var(--fa-radius);
  color:var(--fa-black) !important;

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

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

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

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

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

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

.fold-about-page .fold-about-button__icon{
  position:absolute;
  top:50%;
  right:7px;

  width:40px;
  height:40px;

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

  background:var(--fa-black);
  border-radius:50%;
  color:var(--fa-white);

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

  transform:translateY(-50%);
  transition:transform .18s ease;
}

.fold-about-page .fold-about-button:hover .fold-about-button__icon,
.fold-about-page .fold-about-button:focus-visible .fold-about-button__icon{
  transform:translate(2px,-50%);
}

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


/* ==========================================================
   7. RESPONSIVE
========================================================== */

@media (max-width:1180px){

  .fold-about-page{
    width:min(94vw,1100px);
  }

  .fold-about-page .fold-about-hero,
  .fold-about-page .fold-about-concept,
  .fold-about-page .fold-about-cta{
    grid-template-columns:minmax(310px,43%) minmax(0,57%);
  }

  .fold-about-page .fold-about-card{
    padding:32px;
  }

  .fold-about-page .fold-about-principles__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

}

@media (max-width:900px){

  .fold-about-page .fold-about-hero,
  .fold-about-page .fold-about-concept,
  .fold-about-page .fold-about-cta{
    grid-template-columns:minmax(0,1fr);
    min-height:0;
  }

  .fold-about-page .fold-about-hero__copy,
  .fold-about-page .fold-about-hero__image,
  .fold-about-page .fold-about-concept__copy,
  .fold-about-page .fold-about-concept__image,
  .fold-about-page .fold-about-cta__copy,
  .fold-about-page .fold-about-cta__image{
    min-height:0;
  }

  .fold-about-page .fold-about-hero__image,
  .fold-about-page .fold-about-cta__image{
    height:420px;
  }

  .fold-about-page .fold-about-concept__image{
    min-height:420px;
  }

}

@media (max-width:680px){

  .fold-about-page{
    width:calc(100vw - 28px);
    padding:16px 0 48px;
  }

  .fold-about-page .fold-about-row{
    gap:14px;
  }

  .fold-about-page .fold-about-concept,
  .fold-about-page .fold-about-story,
  .fold-about-page .fold-about-principles,
  .fold-about-page .fold-about-cta{
    margin-top:24px;
  }

  .fold-about-page .fold-about-card{
    padding:28px 22px;
  }

  .fold-about-page h1{
    font-size:34px;
    line-height:1.04;
  }

  .fold-about-page h2{
    font-size:29px;
  }

  .fold-about-page h3{
    font-size:23px;
  }

  .fold-about-page p{
    font-size:15px;
  }

  .fold-about-page .fold-about-story__gallery,
  .fold-about-page .fold-about-principles__grid{
    grid-template-columns:minmax(0,1fr);
    gap:14px;
  }

  .fold-about-page .fold-about-story__copy,
  .fold-about-page .fold-about-principles__head{
    margin-bottom:14px;
  }

  .fold-about-page .fold-about-hero__image,
  .fold-about-page .fold-about-cta__image{
    height:320px;
  }

  .fold-about-page .fold-about-concept__image{
    min-height:320px;
    padding:18px;
  }

  .fold-about-page .fold-about-principle{
    min-height:0;
    padding:22px;
  }

  .fold-about-page .fold-about-principle__top{
    margin-bottom:20px;
  }

  .fold-about-page .fold-about-cta__buttons{
    display:grid;
  }

  .fold-about-page .fold-about-button{
    width:100%;
    min-width:0;
  }

}

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

  .fold-about-page .fold-about-button,
  .fold-about-page .fold-about-button__icon{
    transition:none !important;
  }

}


/* ==========================================================
   FOLD ABOUT PAGE — COMPONENTS CSS V28.0 ENDET
========================================================== */



/* ==========================================================
   FOLD PRESSE COMPONENT CSS V6.0 BEGINNT
   Einheitliches FOLD Designsystem
========================================================== */

.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:#FFD743;
  --fp-gold:#A97900;
  --fp-black:#111111;
  --fp-dark:#242424;
  --fp-copy:#4B4F56;
  --fp-card:#F7F7F4;
  --fp-white:#FFFFFF;
  --fp-border:#DEDEDE;
  --fp-radius:16px;

  position:relative;
  left:50%;
  width:min(93vw,1680px);
  max-width:none;
  margin:0;
  padding:54px 0 82px;
  transform:translateX(-50%);

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

.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,
.fold-press-page h3{
  margin-bottom:0;
  color:var(--fp-black) !important;
  font-family:"Oswald",Arial,sans-serif !important;
  font-weight:600 !important;
  text-transform:none !important;
}

.fold-press-page h1{
  max-width:1050px;
  font-size:44px !important;
  line-height:1.08 !important;
  letter-spacing:-.01em !important;
}

.fold-press-page h2{
  font-size:34px !important;
  line-height:1.08 !important;
  letter-spacing:-.01em !important;
}

.fold-press-page h3{
  margin:0 0 12px;
  font-size:27px !important;
  line-height:1.1 !important;
  letter-spacing:-.008em !important;
}

.fold-press-page p{
  margin-bottom:16px;
  color:var(--fp-copy);
  font-size:16px;
  line-height:1.68;
}

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

.fold-press-page .fold-press-eyebrow,
.fold-press-page .fold-press-card-label{
  display:block;
  margin:0;
  color:var(--fp-gold) !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
}

/* Ausschließlich nach H1/H2. */
.fold-press-page .fold-press-line{
  display:block;
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;
  height:2px !important;
  min-height:2px !important;
  max-height:2px !important;
  margin:16px 0 22px !important;
  background:var(--fp-yellow) !important;
  border:0 !important;
  border-radius:999px !important;
}

/* 1. HERO */

.fold-press-page .fold-press-hero{
  max-width:1040px;
  padding:42px;
  background:var(--fp-card);
  border:1px solid var(--fp-border);
  border-radius:var(--fp-radius);
}

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

/* 2. ABSCHNITTE */

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

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

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

.fold-press-page .fold-press-section-head > p:last-child{
  max-width:780px;
  margin-bottom:0;
}

/* 3. AWARDS */

.fold-press-page .fold-press-award{
  display:grid;
  grid-template-columns:minmax(320px,40%) minmax(0,60%);
  align-items:stretch;
  gap:18px;
  margin-bottom:18px;
}

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

.fold-press-page .fold-press-award__logo,
.fold-press-page .fold-press-award__content{
  min-height:460px;
  background:var(--fp-card);
  border:1px solid var(--fp-border);
  border-radius:var(--fp-radius);
}

.fold-press-page .fold-press-award__logo{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px;
  overflow:hidden;
}

.fold-press-page .fold-press-award__logo img{
  display:block;
  width:100%;
  height:auto;
  max-width:290px;
  max-height:230px;
  object-fit:contain;
}

.fold-press-page .fold-press-award__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:42px;
}

.fold-press-page .fold-press-award__content h3{
  font-size:34px !important;
  line-height:1.08 !important;
}

.fold-press-page .fold-press-award__content h3 small{
  display:block;
  margin-top:8px;
  color:var(--fp-copy);
  font-family:"Inter",Arial,sans-serif;
  font-size:12px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:.13em;
  text-transform:uppercase;
}

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

/* 4. PRESSEKARTEN */

.fold-press-page .fold-press-media-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  max-width:1280px;
}

.fold-press-page .fold-press-media-card,
.fold-press-page .fold-press-download-card{
  display:flex;
  flex-direction:column;
  background:var(--fp-card);
  border:1px solid var(--fp-border);
  border-radius:var(--fp-radius);
}

.fold-press-page .fold-press-media-card{
  min-height:330px;
  padding:28px;
}

.fold-press-page .fold-press-media-card__top,
.fold-press-page .fold-press-download-card__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:34px;
}

.fold-press-page .fold-press-card-number{
  flex:0 0 auto;
  color:var(--fp-gold);
  font-family:"Oswald",Arial,sans-serif;
  font-size:17px;
  font-weight:600;
  line-height:1;
}

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

/* 5. DOWNLOADS */

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

.fold-press-page .fold-press-download-card{
  min-height:330px;
  padding:26px;
}

.fold-press-page .fold-press-download-icon{
  width:40px;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--fp-yellow);
  border-radius:50%;
  color:var(--fp-black);
  font-size:17px;
  font-weight:700;
  line-height:1;
}

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

.fold-press-page .fold-press-download-card p{
  font-size:14px;
  line-height:1.6;
}

/* 6. BUTTONS */

.fold-press-page .fold-press-button{
  width:100%;
  max-width:245px;
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:auto;
  padding:6px 7px 6px 19px;
  background:var(--fp-yellow) !important;
  border:1px solid var(--fp-yellow);
  border-radius:16px;
  color:var(--fp-black) !important;
  font-size:14px;
  font-weight:800;
  line-height:1.2;
  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-visible{
  background:var(--fp-yellow-hover) !important;
  border-color:var(--fp-yellow-hover);
  color:var(--fp-black) !important;
  text-decoration:none !important;
  transform:translateY(-2px);
  box-shadow:0 9px 20px rgba(0,0,0,.10);
}

.fold-press-page .fold-press-button__icon{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 38px;
  background:var(--fp-dark);
  border-radius:50%;
  color:var(--fp-white);
  font-size:17px;
  font-weight:600;
  line-height:1;
}

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

.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-page .fold-press-button--pending .fold-press-button__icon{
  background:#777777;
}

/* 7. RESPONSIVE */

@media (max-width:1200px){
  .fold-press-page .fold-press-download-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:900px){
  .fold-press-page .fold-press-award{
    grid-template-columns:1fr;
  }

  .fold-press-page .fold-press-award__logo,
  .fold-press-page .fold-press-award__content{
    min-height:0;
  }

  .fold-press-page .fold-press-award__logo{
    min-height:340px;
  }

  .fold-press-page .fold-press-media-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:767px){
  .fold-press-page{
    width:min(92vw,1680px);
    padding:36px 0 58px;
  }

  .fold-press-page h1{
    font-size:34px !important;
  }

  .fold-press-page h2{
    font-size:29px !important;
  }

  .fold-press-page h3,
  .fold-press-page .fold-press-award__content h3{
    font-size:24px !important;
  }

  .fold-press-page p{
    font-size:15px;
  }

  .fold-press-page .fold-press-eyebrow,
  .fold-press-page .fold-press-card-label{
    font-size:11px !important;
  }

  .fold-press-page .fold-press-hero,
  .fold-press-page .fold-press-award__content,
  .fold-press-page .fold-press-media-card,
  .fold-press-page .fold-press-download-card{
    padding:28px 22px;
  }

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

  .fold-press-page .fold-press-download-grid{
    grid-template-columns:1fr;
  }

  .fold-press-page .fold-press-award__logo{
    min-height:280px;
    padding:30px;
  }

  .fold-press-page .fold-press-button{
    max-width:none;
  }
}

@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 V6.0 ENDET
========================================================== */


/* ==========================================================
   FOLD DATENSCHUTZ COMPONENTS CSS V2.1 BEGINNT
   AKTUELLES DESIGN / KOMPAKT / RESPONSIVE
========================================================== */


/* ==========================================================
   0. DESIGN TOKENS / BASIS
========================================================== */

.fold-privacy-page{
  --fp-yellow:#FACA30;
  --fp-gold:#A97900;
  --fp-black:#0B0B0B;
  --fp-text:#4A4A4A;
  --fp-muted:#6D7278;
  --fp-white:#FFFFFF;
  --fp-surface:#F7F7F4;
  --fp-border:#DEDEDE;
  --fp-radius:16px;

  position:relative;
  left:50%;

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

  margin:0;
  padding:20px 0 48px;

  transform:translateX(-50%);

  color:var(--fp-black);
  background:#FFFFFF;

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

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

.fold-privacy-page section,
.fold-privacy-page nav,
.fold-privacy-page div{
  min-width:0;
}

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

.fold-privacy-page h1,
.fold-privacy-page h2{
  color:var(--fp-black);

  font-family:"Oswald",Arial,sans-serif !important;
  font-weight:600 !important;
  text-transform:none;
}

.fold-privacy-page p{
  margin:0 0 16px;

  color:var(--fp-text);

  font-size:15px;
  font-weight:400;
  line-height:1.68;

  overflow-wrap:break-word;
  hyphens:auto;
}

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

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

.fold-privacy-page a:focus-visible{
  outline:2px solid var(--fp-yellow);
  outline-offset:3px;
}


/* ==========================================================
   1. EYEBROW + ÜBERSCHRIFTENLINIE
========================================================== */

.fold-privacy-page .fold-privacy-eyebrow{
  display:block;

  margin:0 0 8px;

  color:var(--fp-gold);

  font-size:11px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:2px;
  text-transform:uppercase;
}

.fold-privacy-page .fold-privacy-line{
  display:block !important;
  flex:none !important;

  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;

  height:2px !important;
  min-height:2px !important;
  max-height:2px !important;

  margin:11px 0 13px !important;
  padding:0 !important;

  background:var(--fp-yellow) !important;
  border:0 !important;
  border-radius:999px !important;
}


/* ==========================================================
   2. HERO / SEITENKOPF
========================================================== */

.fold-privacy-page .fold-privacy-hero{
  width:100%;
  margin:0;
  padding:0 0 0 24px;

  background:transparent;
  border:0;
  border-radius:0;
}

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

.fold-privacy-page .fold-privacy-hero h1{
  margin:0;

  font-size:42px !important;
  line-height:.98 !important;
  letter-spacing:-.025em !important;
}

.fold-privacy-page .fold-privacy-intro{
  max-width:820px;
  margin:0 !important;

  color:var(--fp-text) !important;

  font-size:16px !important;
  line-height:1.55 !important;
}

.fold-privacy-page .fold-privacy-meta{
  margin:10px 0 0 !important;

  color:var(--fp-muted) !important;

  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.5 !important;
}


/* ==========================================================
   3. INHALTSÜBERSICHT
========================================================== */

.fold-privacy-page .fold-privacy-nav{
  width:100%;
  margin-top:28px;
  padding:26px;

  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  align-items:start;

  gap:24px;

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

.fold-privacy-page .fold-privacy-nav__head h2{
  margin:0;

  font-size:27px !important;
  line-height:1.08 !important;
  letter-spacing:-.015em !important;
}

.fold-privacy-page .fold-privacy-nav__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:9px;
}

.fold-privacy-page .fold-privacy-nav__grid a{
  min-height:42px;

  display:flex;
  align-items:center;

  padding:9px 12px;

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

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

  font-size:12px;
  font-weight:700;
  line-height:1.35;

  text-decoration:none !important;
}

.fold-privacy-page .fold-privacy-nav__grid a:hover,
.fold-privacy-page .fold-privacy-nav__grid a:focus-visible{
  background:#FFFDF4;
  border-color:var(--fp-yellow);
  outline:none;
}


/* ==========================================================
   4. INHALTSKARTEN
   Keine gelbe Kartenlinie, keine Schatten, keine Bewegung.
========================================================== */

.fold-privacy-page .fold-privacy-content{
  width:100%;
  margin-top:19px;

  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;

  gap:19px;
}

.fold-privacy-page .fold-privacy-card{
  position:relative;

  min-width:0;

  padding:28px;

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

  box-shadow:none;
  transform:none;

  scroll-margin-top:120px;
}

.fold-privacy-page .fold-privacy-card h2{
  width:calc(100% - 46px);
  max-width:100%;

  margin:0 0 18px;
  padding:0;

  font-size:25px !important;
  line-height:1.1 !important;
  letter-spacing:-.015em !important;

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

.fold-privacy-page .fold-privacy-card p{
  max-width:1100px;
}

.fold-privacy-page .fold-privacy-number{
  position:absolute;
  top:29px;
  right:27px;

  color:var(--fp-gold);

  font-family:"Oswald",Arial,sans-serif !important;
  font-size:15px;
  font-weight:600;
  line-height:1;
}


/* ==========================================================
   5. HINWEISBLÖCKE
========================================================== */

.fold-privacy-page .fold-privacy-highlight{
  margin:18px 0;
  padding:16px 18px;

  background:var(--fp-white);
  border:1px solid var(--fp-border);
  border-left:3px solid var(--fp-yellow);
  border-radius:12px;
}


/* ==========================================================
   6. KONTAKT
========================================================== */

.fold-privacy-page .fold-privacy-contact{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:18px;

  margin-bottom:16px;
}


/* ==========================================================
   7. SOCIAL-MEDIA-PLATTFORMEN
========================================================== */

.fold-privacy-page .fold-privacy-platforms{
  display:grid;
  gap:9px;

  margin:18px 0;
}

.fold-privacy-page .fold-privacy-platforms div{
  display:grid;
  grid-template-columns:100px minmax(0,1fr);

  gap:14px;

  padding:12px 14px;

  background:var(--fp-white);
  border:1px solid var(--fp-border);
  border-radius:12px;
}

.fold-privacy-page .fold-privacy-platforms span{
  color:var(--fp-text);

  font-size:13px;
  line-height:1.5;
}


/* ==========================================================
   8. EXTERNE / RECHTLICHE LINKS
========================================================== */

.fold-privacy-page .fold-privacy-links{
  display:flex;
  flex-wrap:wrap;

  gap:9px;

  margin-top:18px;
}

.fold-privacy-page .fold-privacy-links a,
.fold-privacy-page .fold-privacy-link{
  min-height:40px;

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

  padding:9px 14px;

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

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

  font-size:12px;
  font-weight:700;
  line-height:1.2;

  text-decoration:none !important;
}

.fold-privacy-page .fold-privacy-links a:hover,
.fold-privacy-page .fold-privacy-links a:focus-visible,
.fold-privacy-page .fold-privacy-link:hover,
.fold-privacy-page .fold-privacy-link:focus-visible{
  background:#FFFDF4;
  border-color:var(--fp-yellow);
  outline:none;
}


/* ==========================================================
   9. RESPONSIVE
========================================================== */

@media (max-width:1180px){

  .fold-privacy-page{
    width:min(94vw,1100px);
  }

  .fold-privacy-page .fold-privacy-nav{
    grid-template-columns:minmax(0,1fr);
  }

  .fold-privacy-page .fold-privacy-nav__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .fold-privacy-page .fold-privacy-content{
    grid-template-columns:minmax(0,1fr);
  }

}

@media (max-width:680px){

  .fold-privacy-page{
    width:calc(100vw - 28px);
    padding:16px 0 48px;
  }

  .fold-privacy-page .fold-privacy-hero{
    padding-left:2px;
  }

  .fold-privacy-page .fold-privacy-hero h1{
    font-size:34px !important;
    line-height:1.02 !important;
  }

  .fold-privacy-page .fold-privacy-intro{
    font-size:15px !important;
  }

  .fold-privacy-page .fold-privacy-nav{
    margin-top:24px;
    padding:20px;
  }

  .fold-privacy-page .fold-privacy-nav__grid{
    grid-template-columns:minmax(0,1fr);
  }

  .fold-privacy-page .fold-privacy-content{
    gap:14px;
    margin-top:14px;
  }

  .fold-privacy-page .fold-privacy-card{
    padding:22px;
  }

  .fold-privacy-page .fold-privacy-card h2{
    width:calc(100% - 40px);

    margin-bottom:16px;

    font-size:23px !important;
    line-height:1.12 !important;
  }

  .fold-privacy-page .fold-privacy-number{
    top:23px;
    right:21px;
  }

  .fold-privacy-page p{
    margin-bottom:14px;

    font-size:14px;
    line-height:1.62;
  }

  .fold-privacy-page .fold-privacy-contact,
  .fold-privacy-page .fold-privacy-platforms div{
    grid-template-columns:minmax(0,1fr);
    gap:8px;
  }

}


/* ==========================================================
   FOLD DATENSCHUTZ COMPONENTS CSS V2.1 ENDET
========================================================== */


/* ==========================================================
   FOLD IMPRESSUM COMPONENTS CSS V4.0 BEGINNT
   AKTUELLES DESIGN / KOMPAKT / RESPONSIVE
========================================================== */


/* ==========================================================
   0. DESIGN TOKENS / BASIS
========================================================== */

.fold-imprint-page{
  --fi-yellow:#FACA30;
  --fi-gold:#A97900;
  --fi-black:#0B0B0B;
  --fi-text:#4A4A4A;
  --fi-muted:#6D7278;
  --fi-surface:#F7F7F4;
  --fi-border:#DEDEDE;
  --fi-radius:16px;

  position:relative;
  left:50%;

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

  margin:0;
  padding:20px 0 48px;

  transform:translateX(-50%);

  color:var(--fi-black);
  background:#FFFFFF;

  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{
  color:var(--fi-black);

  font-family:"Oswald",Arial,sans-serif !important;
  font-weight:600 !important;
  text-transform:none;
}

.fold-imprint-page p{
  margin:0 0 16px;

  color:var(--fi-text);

  font-size:14px;
  font-weight:400;
  line-height:1.6;
}

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

.fold-imprint-page a{
  color:inherit;
  text-decoration:none;
  text-underline-offset:3px;
}

.fold-imprint-page a:hover{
  text-decoration:underline;
}

.fold-imprint-page a:focus-visible{
  outline:2px solid var(--fi-yellow);
  outline-offset:3px;
  border-radius:3px;
}


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

.fold-imprint-page .fold-imprint-hero{
  width:100%;
  margin:0;
  padding:0 0 0 24px;

  background:transparent;
  border:0;
  border-radius:0;
}

.fold-imprint-page .fold-imprint-hero__content{
  width:100%;
  max-width:900px;
}

.fold-imprint-page .fold-imprint-hero h1{
  margin:0;

  font-size:42px !important;
  line-height:.98 !important;
  letter-spacing:-.025em !important;
}

.fold-imprint-page .fold-heading-line{
  display:block !important;
  flex:none !important;

  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;

  height:2px !important;
  min-height:2px !important;
  max-height:2px !important;

  margin:11px 0 13px !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:13px !important;
  font-weight:500 !important;
  line-height:1.5 !important;
}


/* ==========================================================
   2. KARTENRASTER
========================================================== */

.fold-imprint-page .fold-imprint-content{
  width:100%;
  margin-top:28px;

  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;

  gap:19px;
}


/* ==========================================================
   3. KARTEN
   Bewusst ohne gelbe Kartenlinie, Schatten oder Bewegung.
========================================================== */

.fold-imprint-page .fold-imprint-card{
  position:relative;

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

  padding:28px;

  overflow:hidden;

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

  box-shadow:none;
  transform:none;
}

.fold-imprint-page .fold-imprint-card h2{
  width:calc(100% - 44px);
  max-width:calc(100% - 44px);

  margin:0 0 18px;
  padding:0;

  font-size:25px !important;
  line-height:1.08 !important;
  letter-spacing:-.015em !important;

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

.fold-imprint-page .fold-imprint-card__text{
  width:100%;
  max-width:720px;
}

.fold-imprint-page .fold-imprint-number{
  position:absolute;
  top:29px;
  right:27px;

  color:var(--fi-gold);

  font-family:"Oswald",Arial,sans-serif !important;
  font-size:15px;
  font-weight:600;
  line-height:1;
}


/* ==========================================================
   4. RESPONSIVE
========================================================== */

@media (max-width:1180px){

  .fold-imprint-page{
    width:min(94vw,1100px);
  }

  .fold-imprint-page .fold-imprint-content{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

}

@media (max-width:680px){

  .fold-imprint-page{
    width:calc(100vw - 28px);
    padding:16px 0 48px;
  }

  .fold-imprint-page .fold-imprint-hero{
    padding-left:2px;
  }

  .fold-imprint-page .fold-imprint-hero h1{
    font-size:34px !important;
    line-height:1.02 !important;
  }

  .fold-imprint-page .fold-imprint-content{
    grid-template-columns:minmax(0,1fr);
    gap:14px;
    margin-top:24px;
  }

  .fold-imprint-page .fold-imprint-card{
    min-height:0;
    padding:22px;
  }

  .fold-imprint-page .fold-imprint-card h2{
    width:calc(100% - 40px);
    max-width:calc(100% - 40px);

    margin-bottom:16px;

    font-size:23px !important;
    line-height:1.1 !important;
  }

  .fold-imprint-page .fold-imprint-number{
    top:23px;
    right:21px;
  }

}


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

/* ==========================================================
   FOLD HÄNDLER COMPONENTS CSS V5.0 BEGINNT
========================================================== */

.fold-dealers-page{
  --fd-yellow:#FACA30;
  --fd-yellow-hover:#FFD743;
  --fd-gold:#A97900;
  --fd-black:#111111;
  --fd-text:#4B4F56;
  --fd-white:#FFFFFF;
  --fd-surface:#F7F7F4;
  --fd-border:#DEDEDE;
  --fd-radius:16px;

  position:relative;
  left:50%;
  width:min(93vw,1680px);
  max-width:none;
  margin:0;
  padding:54px 0 82px;
  transform:translateX(-50%);
  color:var(--fd-black);
  font-family:"Inter",Arial,sans-serif;
}

.fold-dealers-page,
.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-page h1,
.fold-dealers-page h2{
  margin-bottom:0;
  color:var(--fd-black) !important;
  font-family:"Oswald",Arial,sans-serif !important;
  font-weight:600 !important;
  line-height:1.08 !important;
  letter-spacing:-.01em !important;
  text-transform:none !important;
}

.fold-dealers-page .fold-dealers-hero{
  width:100%;
  padding:42px;
  background:var(--fd-surface);
  border:1px solid var(--fd-border);
  border-radius:var(--fd-radius);
}

.fold-dealers-page .fold-dealers-hero__content{
  max-width:900px;
}

.fold-dealers-page .fold-dealers-eyebrow,
.fold-dealers-page .fold-dealers-card-kicker{
  display:block;
  margin:0 0 13px;
  color:var(--fd-gold) !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
}

.fold-dealers-page .fold-dealers-title{
  margin:0;
  font-size:44px !important;
}

.fold-dealers-page .fold-dealers-info-card h2,
.fold-dealers-page .fold-dealers-cta h2{
  font-size:34px !important;
}

.fold-dealers-page .fold-dealers-line{
  display:block;
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;
  height:2px !important;
  min-height:2px !important;
  max-height:2px !important;
  margin:16px 0 22px !important;
  background:var(--fd-yellow) !important;
  border:0 !important;
  border-radius:999px !important;
}

.fold-dealers-page .fold-dealers-intro{
  max-width:820px;
  margin:0;
  color:var(--fd-text);
  font-size:16px;
  line-height:1.68;
}

/* 2. HÄNDLERSUCHE */

.fold-dealers-page .fold-dealers-main{
  width:100%;
  display:grid;
  grid-template-columns:minmax(320px,.68fr) minmax(0,1.32fr);
  align-items:stretch;
  gap:18px;
  margin-top:18px;
}

.fold-dealers-page .fold-dealers-info-card{
  min-height:0;
  padding:42px;
  display:flex;
  align-items:center;
  background:var(--fd-surface);
  border:1px solid var(--fd-border);
  border-radius:var(--fd-radius);
}

.fold-dealers-page .fold-dealers-info-card__inner{
  width:100%;
}

.fold-dealers-page .fold-dealers-info-card__inner > p:not(.fold-dealers-card-kicker){
  max-width:620px;
  margin:0;
  color:var(--fd-text);
  font-size:15px;
  line-height:1.65;
}

.fold-dealers-page .fold-dealers-info-points{
  display:grid;
  margin-top:28px;
  border-top:1px solid var(--fd-border);
}

.fold-dealers-page .fold-dealers-info-points span{
  position:relative;
  padding:15px 0 15px 22px;
  color:var(--fd-black);
  font-size:14px;
  font-weight:700;
  line-height:1.4;
  border-bottom:1px solid var(--fd-border);
}

.fold-dealers-page .fold-dealers-info-points span::before{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:6px;
  height:6px;
  background:var(--fd-yellow);
  border-radius:50%;
  transform:translateY(-50%);
}

/* 3. STORE LOCATOR */

.fold-dealers-page .fold-dealers-map-card{
  position:relative;
  min-height:0;
  padding:0;
  overflow:hidden;
  background:var(--fd-surface);
  border:1px solid var(--fd-border);
  border-radius:var(--fd-radius);
}

.fold-dealers-page .fold-dealers-map-frame{
  position:absolute;
  inset:8px;
  width:auto;
  min-height:0;
  height:auto;
  overflow:hidden;
  background:#ECECE7;
  border-radius:12px;
}

.fold-dealers-page .fold-dealers-map-frame > *,
.fold-dealers-page .fold-dealers-map-widget,
.fold-dealers-page .fold-dealers-map-widget > div,
.fold-dealers-page .fold-dealers-map-widget iframe{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
}

/* 4. CTA */

.fold-dealers-page .fold-dealers-cta{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:40px;
  margin-top:18px;
  padding:42px;
  background:var(--fd-surface);
  border:1px solid var(--fd-border);
  border-radius:var(--fd-radius);
}

.fold-dealers-page .fold-dealers-cta__content{
  max-width:900px;
}

.fold-dealers-page .fold-dealers-cta__content > p:not(.fold-dealers-card-kicker){
  max-width:820px;
  margin:0 0 11px;
  color:var(--fd-text);
  font-size:15px;
  line-height:1.65;
}

.fold-dealers-page .fold-dealers-cta__content > p:last-child{
  margin-bottom:0;
}

.fold-dealers-page .fold-dealers-cta__actions{
  min-width:0;
  display:flex;
  flex-direction:column; width:max-content; max-width:100%;
  gap:12px;
}

.fold-dealers-page .fold-dealers-button{
  position:relative;
  width:max-content;
  min-width:0;
  max-width:100%;
  min-height:54px;
  display:inline-grid; grid-template-columns:minmax(0,1fr) 38px; gap:16px;
  align-items:center;
  margin:0;
  padding:7px 7px 7px 19px; box-sizing:border-box;
  border:1px solid transparent;
  border-radius:var(--fd-radius);
  color:var(--fd-black) !important;
  font-size:14px;
  font-weight:800;
  line-height:1.3;
  text-decoration:none !important;
  white-space:normal; overflow-wrap:anywhere;
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}

.fold-dealers-page .fold-dealers-button--primary{
  background:var(--fd-yellow);
  border-color:var(--fd-yellow);
}

.fold-dealers-page .fold-dealers-button--secondary{
  background:var(--fd-white);
  border-color:var(--fd-border);
}

.fold-dealers-page .fold-dealers-button > span:last-child{
  position:static;
  top:50%;
  right:7px;
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--fd-black);
  border-radius:50%;
  color:var(--fd-white);
  font-family:Arial,sans-serif;
  font-size:17px;
  line-height:1;
  transform:none;
}

.fold-dealers-page .fold-dealers-button:hover,
.fold-dealers-page .fold-dealers-button:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 9px 20px rgba(0,0,0,.10);
}

.fold-dealers-page .fold-dealers-button--primary:hover,
.fold-dealers-page .fold-dealers-button--primary:focus-visible{
  background:var(--fd-yellow-hover);
  border-color:var(--fd-yellow-hover);
}

.fold-dealers-page .fold-dealers-button--secondary:hover,
.fold-dealers-page .fold-dealers-button--secondary:focus-visible{
  background:#FAFAF8;
  border-color:var(--fd-yellow);
}

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

/* 5. RESPONSIVE */

@media (max-width:1000px){
  .fold-dealers-page .fold-dealers-main{
    grid-template-columns:1fr;
  }

  .fold-dealers-page .fold-dealers-info-card{
    min-height:0;
  }

  .fold-dealers-page .fold-dealers-map-card{
    min-height:480px;
  }

  .fold-dealers-page .fold-dealers-cta{
    grid-template-columns:1fr;
  }

  .fold-dealers-page .fold-dealers-cta__actions{
    min-width:0;
    flex-direction:row;
    flex-wrap:wrap;
  }
}

@media (max-width:767px){
  .fold-dealers-page{
    width:min(92vw,1680px);
    padding:36px 0 58px;
  }

  .fold-dealers-page .fold-dealers-hero,
  .fold-dealers-page .fold-dealers-info-card,
  .fold-dealers-page .fold-dealers-cta{
    padding:28px 22px;
  }

  .fold-dealers-page .fold-dealers-eyebrow,
  .fold-dealers-page .fold-dealers-card-kicker{
    font-size:11px !important;
  }

  .fold-dealers-page .fold-dealers-title{
    font-size:34px !important;
  }

  .fold-dealers-page .fold-dealers-info-card h2,
  .fold-dealers-page .fold-dealers-cta h2{
    font-size:29px !important;
  }

  .fold-dealers-page .fold-dealers-intro{
    font-size:15px;
  }

  .fold-dealers-page .fold-dealers-cta__actions{
    flex-direction:column;
  }

  .fold-dealers-page .fold-dealers-button{
    width:100%;
    min-width:0;
    max-width:none;
  }
}

@media (prefers-reduced-motion:reduce){
  .fold-dealers-page *,
  .fold-dealers-page *::before,
  .fold-dealers-page *::after{
    animation:none !important;
    transition:none !important;
  }
}

/* ==========================================================
   FOLD HÄNDLER COMPONENTS CSS V5.0 ENDET
========================================================== */


/* ==========================================================
   FOLD AGB COMPONENTS CSS V5.0 BEGINNT
   AKTUELLES DESIGN / KOMPAKT / RESPONSIVE
========================================================== */


/* ==========================================================
   0. DESIGN TOKENS / BASIS
========================================================== */

.fold-legal-page{
  --fl-yellow:#FACA30;
  --fl-gold:#A97900;
  --fl-black:#0B0B0B;
  --fl-text:#4A4A4A;
  --fl-muted:#6D7278;
  --fl-surface:#F7F7F4;
  --fl-border:#DEDEDE;
  --fl-radius:16px;

  position:relative;
  left:50%;

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

  margin:0;
  padding:20px 0 48px;

  transform:translateX(-50%);

  color:var(--fl-black);
  background:#FFFFFF;

  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 header,
.fold-legal-page article,
.fold-legal-page div{
  min-width:0;
}

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

.fold-legal-page h1,
.fold-legal-page h2{
  color:var(--fl-black);

  font-family:"Oswald",Arial,sans-serif !important;
  font-weight:600 !important;
  text-transform:none;
}


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

.fold-legal-page .fold-legal-hero{
  width:100%;
  margin:0;
  padding:0 0 0 24px;

  background:transparent;
  border:0;
  border-radius:0;
}

.fold-legal-page .fold-legal-heading{
  width:100%;
  max-width:1120px;
}

.fold-legal-page .fold-legal-hero h1{
  margin:0;

  font-size:42px !important;
  line-height:.98 !important;
  letter-spacing:-.025em !important;
}

.fold-legal-page .fold-legal-line{
  display:block !important;
  flex:none !important;

  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;

  height:2px !important;
  min-height:2px !important;
  max-height:2px !important;

  margin:11px 0 13px !important;
  padding:0 !important;

  background:var(--fl-yellow) !important;
  border:0 !important;
  border-radius:999px !important;
}

.fold-legal-page .fold-legal-meta{
  margin:0 !important;

  color:var(--fl-muted) !important;

  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.5 !important;
}


/* ==========================================================
   2. EINLEITUNG + INHALTSRASTER
========================================================== */

.fold-legal-page .fold-legal-intro{
  margin:28px 0 11px;
  padding-left:7px;

  color:var(--fl-gold);

  font-size:11px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:2px;
  text-transform:uppercase;
}

.fold-legal-page .fold-legal-content{
  width:100%;
  margin:0;

  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;

  gap:19px;
}


/* ==========================================================
   3. RECHTSTEXT-KARTEN
   Einspaltig für gute Lesbarkeit langer Vertragstexte.
   Bewusst ohne gelbe Kartenlinie, Schatten oder Bewegung.
========================================================== */

.fold-legal-page .fold-legal-card{
  position:relative;

  width:100%;
  min-width:0;

  padding:30px 34px 32px;

  overflow:hidden;

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

  box-shadow:none;
  transform:none;
}

.fold-legal-page .fold-legal-card::after{
  content:attr(data-section);

  position:absolute;
  top:31px;
  right:31px;

  color:var(--fl-gold);

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

  pointer-events:none;
}

.fold-legal-page .fold-legal-card h2{
  position:relative;
  z-index:1;

  width:calc(100% - 58px);
  max-width:1120px;

  margin:0 0 20px;
  padding:0;

  font-size:27px !important;
  line-height:1.1 !important;
  letter-spacing:-.015em !important;

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

.fold-legal-page .fold-legal-card p{
  position:relative;
  z-index:1;

  width:100%;
  max-width:1240px;

  margin:0 0 16px;

  color:var(--fl-text);

  font-size:15px;
  font-weight:400;
  line-height:1.68;

  overflow-wrap:break-word;
  hyphens:auto;
}

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


/* ==========================================================
   4. RESPONSIVE
========================================================== */

@media (max-width:1180px){

  .fold-legal-page{
    width:min(94vw,1100px);
  }

}

@media (max-width:680px){

  .fold-legal-page{
    width:calc(100vw - 28px);
    padding:16px 0 48px;
  }

  .fold-legal-page .fold-legal-hero{
    padding-left:2px;
  }

  .fold-legal-page .fold-legal-hero h1{
    font-size:34px !important;
    line-height:1.02 !important;
  }

  .fold-legal-page .fold-legal-intro{
    margin-top:24px;
    padding-left:2px;

    font-size:10px;
    letter-spacing:1.7px;
  }

  .fold-legal-page .fold-legal-content{
    gap:14px;
  }

  .fold-legal-page .fold-legal-card{
    padding:22px;
  }

  .fold-legal-page .fold-legal-card::after{
    top:23px;
    right:21px;
  }

  .fold-legal-page .fold-legal-card h2{
    width:calc(100% - 42px);

    margin-bottom:17px;

    font-size:23px !important;
    line-height:1.12 !important;
  }

  .fold-legal-page .fold-legal-card p{
    margin-bottom:14px;

    font-size:14px;
    line-height:1.62;
  }

}


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


/* ==========================================================
   FOLD HÄNDLER WERDEN COMPONENTS CSS V4.6 BEGINNT
   Kompakt abgestimmt auf FOLD Accessoires / Design V12.0
========================================================== */

.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
========================================================== */

/* Kompaktere Proportionen passend zum aktuellen FOLD-System */
.fold-dealer-form-page{
  --fdf-yellow-dark:#A97900;
  --fdf-border:#DEDEDE;

  width:min(93vw,1680px);
  padding:20px 0 48px;
  overflow:hidden;
  background:var(--fdf-white);
}

.fold-dealer-form-eyebrow,
.fold-dealer-form-kicker{
  margin:0;
  color:var(--fdf-yellow-dark);
  font-size:11px;
  line-height:1.2;
  letter-spacing:2.1px;
}

.fold-dealer-form-page .fold-dealer-form-line{
  display:block;
  width:58px;
  min-width:58px;
  max-width:58px;
  height:2px;
  min-height:2px;
  max-height:2px;
  margin:11px 0 13px;
  border:0;
}

.fold-dealer-form-hero{
  grid-template-columns:minmax(340px,40%) minmax(0,60%);
  gap:19px;
  min-height:447px;
  padding:0;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
}

.fold-dealer-form-hero__content{
  min-height:447px;
  padding:28px 24px;
  background:var(--fdf-surface);
  border:1px solid var(--fdf-border);
  border-radius:16px;
}

.fold-dealer-form-hero h1{
  margin:7px 0 0;
  font-size:42px;
  line-height:.98;
  letter-spacing:-.025em;
}

.fold-dealer-form-hero__text{
  max-width:760px;
  font-size:17px;
  line-height:1.45;
}

.fold-dealer-form-hero__image{
  min-height:447px;
  border:1px solid var(--fdf-border);
  border-radius:16px;
}

.fold-dealer-form-hero__image img{
  border-radius:16px;
  clip-path:inset(0 round 16px);
}

.fold-dealer-form-hero__button,
.fold-dealer-submit button,
.fold-dealer-form-button{
  position:relative;
  height:46px;
  min-height:46px;
  max-height:46px;
  padding:0 48px 0 17px;
  font-size:13px;
}

.fold-dealer-form-hero__button{
  width:230px;
  min-width:230px;
  max-width:230px;
  margin-top:22px;
}

.fold-dealer-form-hero__button span:last-child,
.fold-dealer-submit button span:last-child,
.fold-dealer-form-button span:last-child{
  position:absolute;
  top:50%;
  right:6px;
  width:32px;
  height:32px;
  flex:0 0 32px;
  font-size:15px;
  transform:translateY(-50%);
}

.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,
.fold-dealer-form-hero__button:focus-visible span:last-child,
.fold-dealer-submit button:focus-visible span:last-child,
.fold-dealer-form-button:focus-visible span:last-child{
  transform:translate(2px,-50%);
}

.fold-dealer-form-page .fold-dealer-form-hero__button,
.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-hero__button:visited,
.fold-dealer-form-page .fold-dealer-form-button,
.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,
.fold-dealer-form-page .fold-dealer-form-button:visited{
  color:var(--fdf-black) !important;
  text-decoration:none !important;
}

.fold-dealer-form-intro{
  grid-template-columns:minmax(340px,40%) minmax(0,60%);
  gap:19px;
  align-items:stretch;
  margin-top:22px;
  scroll-margin-top:110px;
}

.fold-dealer-form-copy,
.fold-dealer-form-card,
.fold-dealer-benefits,
.fold-dealer-form-process,
.fold-dealer-form-contact{
  border-radius:16px;
}

.fold-dealer-form-copy,
.fold-dealer-form-card{
  padding:28px 24px;
}

.fold-dealer-form-copy{
  align-self:stretch;
  gap:26px;
}

.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:7px 0 0;
  font-size:31px;
  line-height:1;
  letter-spacing:-.02em;
}

.fold-dealer-form-copy__intro > p:last-child,
.fold-dealer-form-card__heading > p:last-child,
.fold-dealer-form-contact p{
  font-size:15px;
  line-height:1.55;
}

.fold-dealer-form-points article{
  grid-template-columns:34px minmax(0,1fr);
  gap:12px;
  padding:14px 0;
}

.fold-dealer-form-points__number{
  font-size:18px;
}

.fold-dealer-form-points h3{
  margin-bottom:6px;
  font-size:15px;
}

.fold-dealer-form-points p{
  font-size:13px;
  line-height:1.42;
}

.fold-dealer-form-card__heading{
  margin-bottom:22px;
}

.fold-dealer-benefits,
.fold-dealer-form-process,
.fold-dealer-form-contact{
  margin-top:22px;
  padding:28px 24px;
}

.fold-dealer-benefits,
.fold-dealer-form-process{
  padding:28px 24px;
  background:var(--fdf-surface);
  border:1px solid var(--fdf-border);
  border-radius:16px;
}

.fold-dealer-form-contact{
  gap:24px;
}

.fold-dealer-form-contact h2{
  margin:7px 0 14px;
}

.fold-dealer-benefits__grid,
.fold-dealer-form-steps{
  gap:19px;
  margin-top:22px;
}

.fold-dealer-benefits__grid article,
.fold-dealer-form-steps article{
  position:relative;
  min-height:190px;
  padding:22px 20px 18px;
  background:var(--fdf-white);
  border:1px solid var(--fdf-border);
  border-radius:16px;
}

.fold-dealer-benefits__grid article::before,
.fold-dealer-form-steps article::before{
  content:none;
  display:none;
}

.fold-dealer-benefits__grid span,
.fold-dealer-form-steps span{
  margin-bottom:20px;
  color:var(--fdf-yellow-dark);
  font-size:22px;
}

.fold-dealer-benefits__grid h3,
.fold-dealer-form-steps h3{
  font-size:27px;
  line-height:1;
  letter-spacing:-.02em;
}

.fold-dealer-benefits__grid p,
.fold-dealer-form-steps p{
  font-size:13px;
  line-height:1.42;
}


/* ==========================================================
   FLUENT FORMS ID 6
========================================================== */

.fold-dealer-fluent-form .fluentform{
  width:100%;
}

.fold-dealer-fluent-form .ff-el-group{
  margin-bottom:14px;
}

.fold-dealer-fluent-form .ff-el-input--label{
  margin-bottom:7px;
}

.fold-dealer-fluent-form .ff-el-input--label label{
  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-dealer-fluent-form input:not([type="checkbox"]):not([type="radio"]),
.fold-dealer-fluent-form select,
.fold-dealer-fluent-form textarea{
  width:100% !important;
  min-height:50px !important;
  padding:12px 14px !important;
  border:1px solid var(--fdf-input-border) !important;
  border-radius:14px !important;
  outline:none !important;
  background:var(--fdf-white) !important;
  color:var(--fdf-black) !important;
  font-family:"Inter",Arial,sans-serif !important;
  font-size:15px !important;
  line-height:1.4 !important;
  box-shadow:none !important;
  transition:border-color .2s ease,box-shadow .2s ease !important;
}

.fold-dealer-fluent-form textarea{
  min-height:140px !important;
  resize:vertical !important;
}

.fold-dealer-fluent-form input:not([type="checkbox"]):not([type="radio"]):focus,
.fold-dealer-fluent-form select:focus,
.fold-dealer-fluent-form textarea:focus{
  border-color:var(--fdf-black) !important;
  box-shadow:0 0 0 3px rgba(17,17,17,.06) !important;
}

.fold-dealer-fluent-form .ff-el-form-check{
  color:var(--fdf-text);
  font-size:13px;
  line-height:1.55;
}

.fold-dealer-fluent-form input[type="checkbox"],
.fold-dealer-fluent-form input[type="radio"]{
  accent-color:var(--fdf-black);
}

.fold-dealer-fluent-form .ff-btn-submit{
  width:100% !important;
  min-height:46px !important;
  padding:0 17px !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:14px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  opacity:1 !important;
  box-shadow:none !important;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease !important;
}

.fold-dealer-fluent-form .ff-btn-submit:hover,
.fold-dealer-fluent-form .ff-btn-submit:focus-visible{
  transform:translateY(-2px);
  background:var(--fdf-yellow-hover) !important;
  border-color:var(--fdf-yellow-hover) !important;
  box-shadow:0 10px 24px rgba(17,17,17,.12) !important;
}

.fold-dealer-fluent-form .ff-el-is-error .ff-el-form-control{
  border-color:#B42318 !important;
}

.fold-dealer-fluent-form .text-danger,
.fold-dealer-fluent-form .error.text-danger{
  color:#B42318 !important;
  font-size:12px !important;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:1180px){
  .fold-dealer-form-page{
    width:min(94vw,900px);
  }

  .fold-dealer-form-hero__content,
  .fold-dealer-form-copy,
  .fold-dealer-form-card,
  .fold-dealer-benefits,
  .fold-dealer-form-process,
  .fold-dealer-form-contact{
    padding:24px;
  }

  .fold-dealer-benefits,
  .fold-dealer-form-process{
    padding:24px;
  }

  .fold-dealer-benefits__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:900px){
  .fold-dealer-form-hero,
  .fold-dealer-form-intro,
  .fold-dealer-form-contact{
    grid-template-columns:1fr;
  }

  .fold-dealer-form-hero{
    min-height:0;
  }

  .fold-dealer-form-hero__image{
    min-height:400px;
  }

  .fold-dealer-form-contact{
    gap:30px;
  }

  .fold-dealer-form-button{
    width:100%;
    min-width:0;
    max-width:380px;
  }
}

@media (max-width:680px){
  .fold-dealer-form-page{
    width:calc(100vw - 28px);
    padding:16px 0 48px;
  }

  .fold-dealer-form-hero{
    gap:18px;
    padding:0;
    border-radius:0;
  }

  .fold-dealer-form-hero__content,
  .fold-dealer-form-copy,
  .fold-dealer-form-card,
  .fold-dealer-benefits,
  .fold-dealer-form-process,
  .fold-dealer-form-contact{
    padding:22px;
  }

  .fold-dealer-benefits,
  .fold-dealer-form-process{
    padding:22px;
  }

  .fold-dealer-form-eyebrow,
  .fold-dealer-form-kicker{
    font-size:11px;
  }

  .fold-dealer-form-hero h1{
    font-size:34px;
    line-height:1.02;
  }

  .fold-dealer-form-copy h2,
  .fold-dealer-form-card h2,
  .fold-dealer-benefits h2,
  .fold-dealer-form-process h2,
  .fold-dealer-form-contact h2{
    font-size:29px;
    line-height:1.05;
  }

  .fold-dealer-form-hero__text,
  .fold-dealer-form-copy__intro > p:last-child,
  .fold-dealer-form-card__heading > p:last-child,
  .fold-dealer-form-contact p{
    font-size:15px;
  }

  .fold-dealer-form-hero__button{
    width:100%;
    min-width:0;
    max-width:none;
  }

  .fold-dealer-form-hero__image{
    min-height:320px;
    border-radius:16px;
  }

  .fold-dealer-form-hero__image img{
    border-radius:16px;
  }

  .fold-dealer-form-intro,
  .fold-dealer-benefits,
  .fold-dealer-form-process,
  .fold-dealer-form-contact{
    margin-top:22px;
  }

  .fold-dealer-form-page .fold-dealer-form-line{
    width:58px;
    min-width:58px;
    max-width:58px;
    height:3px;
    min-height:3px;
    max-height:3px;
    margin:18px 0 24px;
  }

  .fold-dealer-form-points article{
    grid-template-columns:38px minmax(0,1fr);
    gap:12px;
  }

  .fold-dealer-form-grid,
  .fold-elementor-form .elementor-form-fields-wrapper{
    grid-template-columns:1fr !important;
  }

  .fold-dealer-fluent-form .ff-t-container{
    display:block !important;
  }

  .fold-dealer-fluent-form .ff-t-cell{
    width:100% !important;
    padding-right:0 !important;
    padding-left:0 !important;
  }

  .fold-dealer-benefits__grid,
  .fold-dealer-form-steps{
    grid-template-columns:1fr;
  }

  .fold-dealer-benefits__grid article,
  .fold-dealer-form-steps article{
    min-height:0;
  }

  .fold-dealer-benefits__grid span,
  .fold-dealer-form-steps span{
    margin-bottom:24px;
  }

  .fold-dealer-form-button{
    max-width:none;
  }
}

@media (prefers-reduced-motion:reduce){
  .fold-dealer-form-page *,
  .fold-dealer-form-page *::before,
  .fold-dealer-form-page *::after{
    scroll-behavior:auto !important;
    animation:none !important;
    transition:none !important;
  }
}


/* ==========================================================
   FOLD HÄNDLER WERDEN COMPONENTS CSS V4.6 ENDET
   Kompakt abgestimmt auf FOLD Accessoires / Design V12.0
========================================================== */


/* ----------------------------------------------------------
   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 – EINHEITLICH MIT HÄNDLER WERDEN / EMPFEHLEN
========================================================== */

.fold-contact-page{
  --fct-yellow-dark:#A97900;
  --fct-border:#DEDEDE;
  width:min(93vw,1680px);
  padding:20px 0 48px;
  overflow:hidden;
  background:var(--fct-white);
}

.fold-contact-eyebrow,
.fold-contact-kicker{
  margin:0;
  color:var(--fct-yellow-dark);
  font-size:11px;
  line-height:1.2;
  letter-spacing:2.1px;
}

.fold-contact-page .fold-contact-line{
  display:block;
  width:58px;
  min-width:58px;
  max-width:58px;
  height:2px;
  min-height:2px;
  max-height:2px;
  margin:11px 0 13px;
  border:0;
}

.fold-contact-hero{
  grid-template-columns:minmax(340px,40%) minmax(0,60%);
  gap:19px;
  min-height:447px;
  padding:0;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
}

.fold-contact-hero__content{
  min-height:447px;
  padding:28px 24px;
  background:var(--fct-surface);
  border:1px solid var(--fct-border);
  border-radius:16px;
}

.fold-contact-hero h1{
  margin:7px 0 0;
  font-size:42px;
  line-height:.98;
  letter-spacing:-.025em;
}

.fold-contact-hero__text{
  max-width:760px;
  font-size:17px;
  line-height:1.45;
}

.fold-contact-hero__image{
  min-height:447px;
  border:1px solid var(--fct-border);
  border-radius:16px;
}

body .fold-contact-page .fold-contact-hero__image picture{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
}

body .fold-contact-page .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;
  border:0!important;
  border-radius:16px!important;
  clip-path:inset(0 round 16px);
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}

.fold-contact-page .fold-contact-hero__button,
.fold-contact-page .fold-form-button,
.fold-contact-page .fold-contact-cta__button,
.fold-contact-page .fold-elementor-form .elementor-button{
  position:relative;
  height:46px;
  min-height:46px!important;
  max-height:46px;
  padding:0 48px 0 17px!important;
  border-radius:16px!important;
  font-size:13px!important;
}

.fold-contact-page .fold-contact-hero__button{
  width:230px;
  min-width:230px;
  max-width:230px;
  margin-top:22px;
}

.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{
  position:absolute;
  top:50%;
  right:6px;
  width:32px;
  height:32px;
  flex:0 0 32px;
  font-size:15px;
  transform:translateY(-50%);
}

.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,
.fold-contact-page .fold-contact-hero__button:focus-visible span:last-child,
.fold-contact-page .fold-form-button:focus-visible span:last-child,
.fold-contact-page .fold-contact-cta__button:focus-visible span:last-child{
  transform:translate(2px,-50%);
}

.fold-contact-layout{
  grid-template-columns:minmax(340px,40%) minmax(0,60%);
  gap:19px;
  margin-top:22px;
  scroll-margin-top:110px;
}

.fold-contact-info,
.fold-contact-form-card,
.fold-contact-cta{
  border-radius:16px;
}

.fold-contact-info,
.fold-contact-form-card{
  padding:28px 24px;
}

.fold-contact-info{
  gap:26px;
}

.fold-contact-info h2,
.fold-contact-form-card h2,
.fold-contact-cta h2{
  margin:7px 0 0;
  font-size:31px;
  line-height:1;
  letter-spacing:-.02em;
}

.fold-contact-info__intro > p:last-child,
.fold-contact-form-heading > p:last-child,
.fold-contact-cta p{
  font-size:15px;
  line-height:1.55;
}

.fold-contact-details > a,
.fold-contact-details > div{
  grid-template-columns:34px minmax(0,1fr);
  gap:12px;
  padding:14px 0;
}

.fold-contact-detail-number{
  font-size:18px;
}

.fold-contact-detail-label{
  font-size:11px;
}

.fold-contact-details strong{
  font-size:14px;
}

.fold-contact-form-heading{
  margin-bottom:22px;
}

.fold-form-grid,
.fold-elementor-form .elementor-form-fields-wrapper{
  gap:19px!important;
}

.fold-form-field input,
.fold-form-field select,
.fold-form-field textarea,
.fold-elementor-form input:not([type="checkbox"]),
.fold-elementor-form select,
.fold-elementor-form textarea{
  min-height:50px!important;
  padding:12px 14px!important;
  border-radius:14px!important;
  font-size:15px!important;
}

.fold-form-field textarea,
.fold-elementor-form textarea{
  min-height:140px!important;
}

/* FLUENT FORMS ID 5 */

.fold-contact-fluent-form .fluentform{
  width:100%;
}

.fold-contact-fluent-form .ff-el-group{
  margin-bottom:14px;
}

.fold-contact-fluent-form .ff-el-input--label{
  margin-bottom:7px;
}

.fold-contact-fluent-form .ff-el-input--label label{
  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-contact-fluent-form input:not([type="checkbox"]):not([type="radio"]),
.fold-contact-fluent-form select,
.fold-contact-fluent-form textarea{
  width:100%!important;
  min-height:50px!important;
  padding:12px 14px!important;
  border:1px solid var(--fct-input-border)!important;
  border-radius:14px!important;
  outline:none!important;
  background:var(--fct-white)!important;
  color:var(--fct-black)!important;
  font-family:"Inter",Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.4!important;
  box-shadow:none!important;
  transition:border-color .2s ease,box-shadow .2s ease!important;
}

.fold-contact-fluent-form textarea{
  min-height:140px!important;
  resize:vertical!important;
}

.fold-contact-fluent-form input:not([type="checkbox"]):not([type="radio"]):focus,
.fold-contact-fluent-form select:focus,
.fold-contact-fluent-form textarea:focus{
  border-color:var(--fct-black)!important;
  box-shadow:0 0 0 3px rgba(17,17,17,.06)!important;
}

.fold-contact-fluent-form .ff-t-container{
  gap:19px!important;
  margin:0!important;
}

.fold-contact-fluent-form .ff-t-cell{
  min-width:0!important;
  padding:0!important;
}

.fold-contact-fluent-form .ff-el-form-check{
  color:var(--fct-text);
  font-size:13px;
  line-height:1.55;
}

.fold-contact-fluent-form input[type="checkbox"],
.fold-contact-fluent-form input[type="radio"]{
  accent-color:var(--fct-black);
}

.fold-contact-fluent-form .ff-btn-submit{
  width:100%!important;
  min-height:46px!important;
  margin-top:8px!important;
  padding:0 17px!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:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
  opacity:1!important;
  box-shadow:none!important;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}

.fold-contact-fluent-form .ff-btn-submit:hover,
.fold-contact-fluent-form .ff-btn-submit:focus-visible{
  transform:translateY(-2px);
  background:var(--fct-yellow-hover)!important;
  border-color:var(--fct-yellow-hover)!important;
  box-shadow:0 10px 24px rgba(17,17,17,.12)!important;
}

.fold-contact-fluent-form .ff-el-is-error .ff-el-form-control{
  border-color:#B42318!important;
}

.fold-contact-fluent-form .text-danger,
.fold-contact-fluent-form .error.text-danger{
  color:#B42318!important;
  font-size:12px!important;
}

.fold-contact-cta{
  grid-template-columns:minmax(0,1fr) minmax(260px,340px);
  gap:24px;
  margin-top:22px;
  padding:28px 24px;
}

.fold-contact-cta h2{
  margin:7px 0 14px;
}

@media (max-width:1180px){
  .fold-contact-page{
    width:min(94vw,900px);
  }

  .fold-contact-hero__content,
  .fold-contact-info,
  .fold-contact-form-card,
  .fold-contact-cta{
    padding:24px;
  }
}

@media (max-width:900px){
  .fold-contact-hero,
  .fold-contact-layout,
  .fold-contact-cta{
    grid-template-columns:1fr;
  }

  .fold-contact-hero{
    min-height:0;
  }

  .fold-contact-hero__image{
    min-height:400px;
  }

  .fold-contact-page .fold-contact-cta__button{
    width:100%;
    min-width:0;
    max-width:380px;
  }
}

@media (max-width:680px){
  .fold-contact-page{
    width:calc(100vw - 28px);
    padding:16px 0 48px;
  }

  .fold-contact-hero{
    gap:18px;
  }

  .fold-contact-hero__content,
  .fold-contact-info,
  .fold-contact-form-card,
  .fold-contact-cta{
    padding:22px;
  }

  .fold-contact-eyebrow,
  .fold-contact-kicker{
    font-size:11px;
  }

  .fold-contact-hero h1{
    font-size:34px;
    line-height:1.02;
  }

  .fold-contact-info h2,
  .fold-contact-form-card h2,
  .fold-contact-cta h2{
    font-size:29px;
    line-height:1.05;
  }

  .fold-contact-hero__text,
  .fold-contact-info__intro > p:last-child,
  .fold-contact-form-heading > p:last-child,
  .fold-contact-cta p{
    font-size:15px;
  }

  .fold-contact-page .fold-contact-hero__button,
  .fold-contact-page .fold-contact-cta__button{
    width:100%;
    min-width:0;
    max-width:none;
  }

  .fold-contact-hero__image{
    min-height:320px;
  }

  .fold-contact-layout,
  .fold-contact-cta{
    margin-top:22px;
  }

  .fold-form-grid,
  .fold-elementor-form .elementor-form-fields-wrapper,
  .fold-contact-fluent-form .ff-t-container{
    grid-template-columns:1fr!important;
  }

  .fold-contact-fluent-form .ff-t-container{
    display:block!important;
  }

  .fold-contact-fluent-form .ff-t-cell{
    width:100%!important;
    padding-right:0!important;
    padding-left:0!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .fold-contact-page *,
  .fold-contact-page *::before,
  .fold-contact-page *::after{
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important;
  }
}

/* ==========================================================
   FOLD KONTAKT COMPONENTS CSS V3.0 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 HÄNDLER EMPFEHLEN – KOMPAKTES DESIGN V2.0
   Abgestimmt auf FOLD Accessoires / Design V12.0
========================================================== */

.fold-recommend-page{
  --frc-yellow-dark:#A97900;
  --frc-border:#DEDEDE;

  width:min(93vw,1680px);
  padding:20px 0 48px;
  overflow:hidden;
  background:var(--frc-white);
}

.fold-recommend-eyebrow,
.fold-recommend-kicker{
  margin:0;
  color:var(--frc-yellow-dark);
  font-size:11px;
  line-height:1.2;
  letter-spacing:2.1px;
}

.fold-recommend-page .fold-recommend-line{
  display:block;
  width:58px;
  min-width:58px;
  max-width:58px;
  height:2px;
  min-height:2px;
  max-height:2px;
  margin:11px 0 13px;
  border:0;
}


/* HERO: TEXT UND BILD ALS GETRENNTE KARTEN */

.fold-recommend-hero{
  grid-template-columns:minmax(340px,40%) minmax(0,60%);
  gap:19px;
  min-height:447px;
  padding:0;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
}

.fold-recommend-hero__content{
  min-height:447px;
  padding:28px 24px;
  background:var(--frc-surface);
  border:1px solid var(--frc-border);
  border-radius:16px;
}

.fold-recommend-hero h1{
  margin:7px 0 0;
  font-size:42px;
  line-height:.98;
  letter-spacing:-.025em;
}

.fold-recommend-hero__text{
  max-width:760px;
  font-size:17px;
  line-height:1.45;
}

.fold-recommend-hero__image{
  min-height:447px;
  border:1px solid var(--frc-border);
  border-radius:16px;
}

.fold-recommend-hero__image img{
  border-radius:16px !important;
  clip-path:inset(0 round 16px);
}


/* KOMPAKTE BUTTONS UND STABILER HOVER */

.fold-recommend-page .fold-recommend-hero__button,
.fold-recommend-page .fold-recommend-submit button,
.fold-recommend-page .fold-recommend-cta__button{
  position:relative;
  height:46px;
  min-height:46px;
  max-height:46px;
  padding:0 48px 0 17px;
  font-size:13px;
}

.fold-recommend-page .fold-recommend-hero__button{
  width:230px;
  min-width:230px;
  max-width:230px;
  margin-top:22px;
}

.fold-recommend-page .fold-recommend-cta__button{
  min-width:0;
}

.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{
  position:absolute;
  top:50%;
  right:6px;
  width:32px;
  height:32px;
  flex:0 0 32px;
  font-size:15px;
  transform:translateY(-50%);
}

.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,
.fold-recommend-page .fold-recommend-hero__button:focus-visible span:last-child,
.fold-recommend-page .fold-recommend-submit button:focus-visible span:last-child,
.fold-recommend-page .fold-recommend-cta__button:focus-visible span:last-child{
  transform:translate(2px,-50%);
}

.fold-recommend-page .fold-recommend-hero__button,
.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-hero__button:visited,
.fold-recommend-page .fold-recommend-cta__button,
.fold-recommend-page .fold-recommend-cta__button:hover,
.fold-recommend-page .fold-recommend-cta__button:focus,
.fold-recommend-page .fold-recommend-cta__button:active,
.fold-recommend-page .fold-recommend-cta__button:visited{
  color:var(--frc-black) !important;
  text-decoration:none !important;
}

.fold-recommend-page .fold-recommend-hero__button:focus-visible,
.fold-recommend-page .fold-recommend-submit button:focus-visible,
.fold-recommend-page .fold-recommend-cta__button:focus-visible{
  outline:3px solid rgba(250,202,48,.45);
  outline-offset:3px;
}


/* SECTIONS UND TYPOGRAFIE */

.fold-recommend-benefits,
.fold-recommend-layout,
.fold-recommend-process,
.fold-recommend-cta{
  margin-top:22px;
}

.fold-recommend-layout{
  grid-template-columns:minmax(340px,40%) minmax(0,60%);
  gap:19px;
  align-items:stretch;
  scroll-margin-top:110px;
}

.fold-recommend-benefits,
.fold-recommend-info,
.fold-recommend-form-card,
.fold-recommend-process,
.fold-recommend-cta{
  border-radius:16px;
}

.fold-recommend-benefits,
.fold-recommend-info,
.fold-recommend-form-card,
.fold-recommend-process,
.fold-recommend-cta{
  padding:28px 24px;
}

.fold-recommend-info{
  align-self:stretch;
  gap:26px;
}

.fold-recommend-benefits h2,
.fold-recommend-info h2,
.fold-recommend-form-card h2,
.fold-recommend-process h2,
.fold-recommend-cta h2{
  margin:7px 0 0;
  font-size:31px;
  line-height:1;
  letter-spacing:-.02em;
}

.fold-recommend-info__intro > p:last-child,
.fold-recommend-form-heading > p:last-child,
.fold-recommend-cta p{
  font-size:15px;
  line-height:1.55;
}

.fold-recommend-form-heading{
  margin-bottom:22px;
}

.fold-recommend-points article{
  grid-template-columns:34px minmax(0,1fr);
  gap:12px;
  padding:14px 0;
}

.fold-recommend-points article > span{
  font-size:18px;
}

.fold-recommend-points h3{
  margin-bottom:6px;
  font-size:15px;
}

.fold-recommend-points p{
  font-size:13px;
  line-height:1.42;
}

.fold-recommend-benefits__grid,
.fold-recommend-steps{
  gap:19px;
  margin-top:22px;
}

.fold-recommend-benefits__grid article,
.fold-recommend-steps article{
  position:relative;
  min-height:190px;
  padding:22px 20px 18px;
  background:var(--frc-white);
  border:1px solid var(--frc-border);
  border-radius:16px;
}

.fold-recommend-benefits__grid article::before,
.fold-recommend-steps article::before{
  content:none;
  display:none;
}

.fold-recommend-benefits__grid span,
.fold-recommend-steps span{
  margin-bottom:20px;
  color:var(--frc-yellow-dark);
  font-size:22px;
}

.fold-recommend-benefits__grid h3,
.fold-recommend-steps h3{
  font-size:27px;
  line-height:1;
  letter-spacing:-.02em;
}

.fold-recommend-benefits__grid p,
.fold-recommend-steps p{
  font-size:13px;
  line-height:1.42;
}

.fold-recommend-cta{
  gap:24px;
}

.fold-recommend-cta h2{
  margin:7px 0 14px;
}


/* FLUENT FORMS ID 7 */

.fold-recommend-fluent-form .ff-el-group{
  margin-bottom:14px;
}

.fold-recommend-fluent-form .ff-el-input--label{
  margin-bottom:7px;
}

.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{
  min-height:50px !important;
  padding:12px 14px !important;
  font-size:15px !important;
}

.fold-recommend-fluent-form textarea{
  min-height:140px !important;
}

.fold-recommend-fluent-form .ff-t-container{
  gap:14px !important;
}

.fold-recommend-fluent-form .ff-btn-submit{
  min-height:46px !important;
  margin-top:4px !important;
  padding:0 17px !important;
  font-size:14px !important;
}


/* RESPONSIVE */

@media (max-width:1180px){
  .fold-recommend-page{
    width:min(94vw,900px);
  }

  .fold-recommend-hero__content,
  .fold-recommend-benefits,
  .fold-recommend-info,
  .fold-recommend-form-card,
  .fold-recommend-process,
  .fold-recommend-cta{
    padding:24px;
  }

  .fold-recommend-benefits__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:900px){
  .fold-recommend-hero,
  .fold-recommend-layout,
  .fold-recommend-cta{
    grid-template-columns:1fr;
  }

  .fold-recommend-hero{
    min-height:0;
  }

  .fold-recommend-hero__content{
    min-height:0;
  }

  .fold-recommend-hero__image{
    min-height:400px;
  }

  .fold-recommend-cta{
    gap:30px;
  }

  .fold-recommend-page .fold-recommend-cta__button{
    width:100%;
    min-width:0;
    max-width:380px;
  }
}

@media (max-width:680px){
  .fold-recommend-page{
    width:calc(100vw - 28px);
    padding:16px 0 48px;
  }

  .fold-recommend-hero{
    gap:18px;
  }

  .fold-recommend-hero__content,
  .fold-recommend-benefits,
  .fold-recommend-info,
  .fold-recommend-form-card,
  .fold-recommend-process,
  .fold-recommend-cta{
    padding:22px;
  }

  .fold-recommend-hero h1{
    font-size:34px;
    line-height:1.02;
  }

  .fold-recommend-benefits h2,
  .fold-recommend-info h2,
  .fold-recommend-form-card h2,
  .fold-recommend-process h2,
  .fold-recommend-cta h2{
    font-size:29px;
    line-height:1.05;
  }

  .fold-recommend-hero__text,
  .fold-recommend-info__intro > p:last-child,
  .fold-recommend-form-heading > p:last-child,
  .fold-recommend-cta p{
    font-size:15px;
  }

  .fold-recommend-page .fold-recommend-hero__button,
  .fold-recommend-page .fold-recommend-cta__button{
    width:100%;
    min-width:0;
    max-width:none;
  }

  .fold-recommend-hero__image{
    min-height:320px;
  }

  .fold-recommend-page .fold-recommend-line{
    width:58px;
    min-width:58px;
    max-width:58px;
    height:3px;
    min-height:3px;
    max-height:3px;
    margin:18px 0 24px;
  }

  .fold-recommend-points article{
    grid-template-columns:38px minmax(0,1fr);
  }

  .fold-recommend-form-grid,
  .fold-recommend-elementor-form .elementor-form-fields-wrapper{
    grid-template-columns:1fr !important;
  }

  .fold-recommend-fluent-form .ff-t-container{
    display:block !important;
  }

  .fold-recommend-fluent-form .ff-t-cell{
    width:100% !important;
    padding-right:0 !important;
    padding-left:0 !important;
  }

  .fold-recommend-benefits__grid,
  .fold-recommend-steps{
    grid-template-columns:1fr;
  }

  .fold-recommend-benefits__grid article,
  .fold-recommend-steps article{
    min-height:0;
  }

  .fold-recommend-benefits__grid span,
  .fold-recommend-steps span{
    margin-bottom:24px;
  }
}

@media (prefers-reduced-motion:reduce){
  .fold-recommend-page *,
  .fold-recommend-page *::before,
  .fold-recommend-page *::after{
    scroll-behavior:auto !important;
    animation:none !important;
    transition:none !important;
  }
}


/* ==========================================================
   FOLD HÄNDLER EMPFEHLEN – KOMPAKTES DESIGN V2.0 ENDET
========================================================== */


/* ==========================================================
   FOLD PROBEFAHRT COMPONENTS CSS V2.0 BEGINNT
   Aktuelles FOLD Designsystem + Fluent Forms ID 8
========================================================== */

.fold-test-ride-page{
  --ftr-yellow:var(--fold-accent,#FACA30);
  --ftr-yellow-hover:var(--fold-accent-hover,#F4C200);
  --ftr-gold:#8A6700;
  --ftr-black:#111111;
  --ftr-text:#4B4F56;
  --ftr-muted:#747A81;
  --ftr-white:#FFFFFF;
  --ftr-surface:var(--fold-surface,#F7F7F4);
  --ftr-border:#DEDEDE;
  --ftr-input:#D8D9D3;
  --ftr-radius:16px;

  position:relative;
  left:50%;
  width:min(93vw,1680px);
  max-width:none;
  margin:0;
  padding:20px 0 48px;
  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 h1,
.fold-test-ride-page h2,
.fold-test-ride-page h3{
  color:var(--ftr-black);
  font-family:"Oswald",Arial,sans-serif;
  font-weight:600;
  text-transform:none;
}

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

.fold-test-ride-eyebrow,
.fold-test-ride-kicker{
  margin:0;
  color:var(--ftr-gold);
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:2.1px;
  text-transform:uppercase;
}

.fold-test-ride-line{
  width:58px;
  height:2px;
  margin:11px 0 13px;
  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-size:31px;
  line-height:1;
  letter-spacing:-.02em;
}

/* HERO */

.fold-test-ride-hero{
  display:grid;
  grid-template-columns:minmax(340px,40%) minmax(0,60%);
  gap:19px;
  min-height:447px;
  padding:0;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
}

.fold-test-ride-hero__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
  min-height:447px;
  padding:28px 24px;
  background:var(--ftr-surface);
  border:1px solid var(--ftr-border);
  border-radius:var(--ftr-radius);
}

.fold-test-ride-hero h1{
  max-width:720px;
  margin:0;
  margin:7px 0 0;
  font-size:42px;
  line-height:.98;
  letter-spacing:-.025em;
}

.fold-test-ride-hero__text{
  max-width:650px;
  margin:0;
  color:var(--ftr-text);
  font-size:17px;
  line-height:1.45;
}

.fold-test-ride-hero__image{
  position:relative;
  min-width:0;
  min-height:447px;
  margin:0;
  overflow:hidden;
  background:#EDEDE8;
  border:1px solid var(--ftr-border);
  border-radius:var(--ftr-radius);
}

body .fold-test-ride-page .fold-test-ride-hero__image picture{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
}

body .fold-test-ride-page .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;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}

/* BUTTONS */

.fold-test-ride-page .fold-test-ride-hero__button,
.fold-test-ride-page .fold-test-ride-cta__button,
.fold-test-ride-page #fluentform_8 .ff-btn-submit{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  position:relative;
  height:46px;
  min-height:46px;
  max-height:46px;
  gap:22px;
  padding:0 48px 0 17px;
  border:1px solid var(--ftr-yellow);
  border-radius:var(--ftr-radius);
  background:var(--ftr-yellow);
  color:var(--ftr-black)!important;
  font-family:"Inter",Arial,sans-serif;
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none!important;
  cursor:pointer;
  box-shadow:none;
  transition:background-color .2s ease,border-color .2s ease;
}

.fold-test-ride-page .fold-test-ride-hero__button{
  width:230px;
  min-width:230px;
  max-width:230px;
  margin-top:22px;
}

.fold-test-ride-page .fold-test-ride-cta__button{
  width:100%;
  min-width:260px;
}

.fold-test-ride-page .fold-test-ride-hero__button span:last-child,
.fold-test-ride-page .fold-test-ride-cta__button span:last-child{
  position:absolute;
  top:50%;
  right:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  flex:0 0 32px;
  border-radius:50%;
  background:var(--ftr-black);
  color:var(--ftr-white);
  font-size:15px;
  line-height:1;
  transform:translateY(-50%);
}

.fold-test-ride-page .fold-test-ride-hero__button:hover,
.fold-test-ride-page .fold-test-ride-cta__button:hover,
.fold-test-ride-page #fluentform_8 .ff-btn-submit:hover{
  background:var(--ftr-yellow-hover);
  border-color:var(--ftr-yellow-hover);
  color:var(--ftr-black)!important;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(17,17,17,.12);
}

.fold-test-ride-page .fold-test-ride-hero__button:hover span:last-child,
.fold-test-ride-page .fold-test-ride-cta__button:hover span:last-child,
.fold-test-ride-page .fold-test-ride-hero__button:focus-visible span:last-child,
.fold-test-ride-page .fold-test-ride-cta__button:focus-visible span:last-child{
  transform:translate(2px,-50%);
}

.fold-test-ride-page .fold-test-ride-hero__button:focus-visible,
.fold-test-ride-page .fold-test-ride-cta__button:focus-visible,
.fold-test-ride-page #fluentform_8 .ff-btn-submit:focus-visible{
  outline:3px solid rgba(250,202,48,.45);
  outline-offset:3px;
}

/* SEKTIONEN UND 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:var(--ftr-radius);
  box-shadow:none;
}

.fold-test-ride-benefits,
.fold-test-ride-process{
  margin-top:22px;
  padding:28px 24px;
}

.fold-test-ride-benefits__heading,
.fold-test-ride-process__heading,
.fold-test-ride-form-heading{
  max-width:780px;
}

.fold-test-ride-benefits__grid,
.fold-test-ride-steps{
  display:grid;
  gap:19px;
  margin-top:22px;
}

.fold-test-ride-benefits__grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.fold-test-ride-steps{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.fold-test-ride-benefits__grid article,
.fold-test-ride-steps article{
  position:relative;
  min-width:0;
  min-height:190px;
  padding:22px 20px 18px;
  background:var(--ftr-white);
  border:1px solid var(--ftr-border);
  border-radius:var(--ftr-radius);
}

.fold-test-ride-benefits__grid article > span,
.fold-test-ride-steps article > span{
  display:block;
  margin-bottom:20px;
  color:var(--ftr-gold);
  font-family:"Oswald",Arial,sans-serif;
  font-size:22px;
  font-weight:600;
}

.fold-test-ride-benefits__grid h3,
.fold-test-ride-steps h3{
  margin:0 0 10px;
  font-family:"Oswald",Arial,sans-serif!important;
  font-size:27px!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
}

.fold-test-ride-benefits__grid p,
.fold-test-ride-steps p{
  margin:0;
  color:var(--ftr-text);
  font-size:13px;
  line-height:1.42;
}

/* FORMULARBEREICH */

.fold-test-ride-layout{
  display:grid;
  grid-template-columns:minmax(340px,40%) minmax(0,60%);
  gap:19px;
  align-items:stretch;
  margin-top:22px;
  scroll-margin-top:110px;
}

.fold-test-ride-info,
.fold-test-ride-form-card{
  min-width:0;
  padding:28px 24px;
}

.fold-test-ride-info{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:26px;
}

.fold-test-ride-info__intro > p:last-child,
.fold-test-ride-form-heading > p:last-child,
.fold-test-ride-cta p{
  margin:0;
  color:var(--ftr-text);
  font-size:15px;
  line-height:1.55;
}

.fold-test-ride-facts article{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:12px;
  padding:14px 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-gold);
  font-family:"Oswald",Arial,sans-serif;
  font-size:18px;
  font-weight:600;
}

.fold-test-ride-facts h3{
  margin:0 0 6px;
  font-family:"Inter",Arial,sans-serif;
  font-size:15px;
  font-weight:800;
  line-height:1.4;
}

.fold-test-ride-facts p{
  margin:0;
  color:var(--ftr-text);
  font-size:14px;
  line-height:1.42;
}

.fold-test-ride-form-heading{
  margin-bottom:22px;
}

/* FLUENT FORMS ID 8 */

.fold-test-ride-page #fluentform_8 .ff-el-group{
  margin-bottom:14px;
}

.fold-test-ride-page #fluentform_8 .ff-el-input--label{
  margin-bottom:8px;
}

.fold-test-ride-page #fluentform_8 .ff-el-input--label label{
  color:var(--ftr-black);
  font-family:"Inter",Arial,sans-serif;
  font-size:13px;
  font-weight:800;
  line-height:1.4;
}

.fold-test-ride-page #fluentform_8 input:not([type="checkbox"]):not([type="radio"]),
.fold-test-ride-page #fluentform_8 select,
.fold-test-ride-page #fluentform_8 textarea{
  width:100%;
  min-height:50px;
  padding:12px 14px;
  border:1px solid var(--ftr-input);
  border-radius:var(--ftr-radius);
  outline:none;
  background:var(--ftr-white);
  color:var(--ftr-black);
  font-family:"Inter",Arial,sans-serif;
  font-size:15px;
  line-height:1.4;
  box-shadow:none;
  transition:border-color .2s ease,box-shadow .2s ease;
}

.fold-test-ride-page #fluentform_8 textarea{
  min-height:140px;
  resize:vertical;
}

.fold-test-ride-page #fluentform_8 input:focus,
.fold-test-ride-page #fluentform_8 select:focus,
.fold-test-ride-page #fluentform_8 textarea:focus{
  border-color:var(--ftr-black);
  box-shadow:0 0 0 3px rgba(17,17,17,.06);
}

.fold-test-ride-page #fluentform_8 .ff-el-form-check{
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.fold-test-ride-page #fluentform_8 input[type="checkbox"]{
  width:18px;
  height:18px;
  margin-top:2px;
  accent-color:var(--ftr-black);
}

.fold-test-ride-page #fluentform_8 .ff-el-form-check-label{
  color:var(--ftr-text);
  font-size:13px;
  line-height:1.5;
}

.fold-test-ride-page #fluentform_8 .ff-el-form-check-label a{
  color:var(--ftr-black);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}

.fold-test-ride-page #fluentform_8 .ff_submit_btn_wrapper{
  margin-top:14px;
  margin-bottom:0;
}

.fold-test-ride-page #fluentform_8 .ff-btn-submit{
  justify-content:center;
  width:100%;
  min-height:46px;
  padding:0 17px;
  font-size:14px;
}

.fold-test-ride-page #fluentform_8 .error.text-danger,
.fold-test-ride-page #fluentform_8 .ff-el-is-error .text-danger{
  margin-top:6px;
  color:#A52828;
  font-size:12px;
}

.fold-test-ride-page #fluentform_8 .ff-message-success{
  padding:18px;
  border:1px solid var(--ftr-yellow);
  border-radius:var(--ftr-radius);
  background:#FFF9E5;
  box-shadow:none;
}

/* ABSCHLUSS */

.fold-test-ride-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,340px);
  gap:24px;
  align-items:center;
  margin-top:22px;
  padding:28px 24px;
}

.fold-test-ride-cta > div{
  max-width:780px;
}

.fold-test-ride-cta h2{
  margin-bottom:16px;
}

/* RESPONSIVE */

@media (max-width:1180px){
  .fold-test-ride-page{
    width:min(94vw,900px);
  }

  .fold-test-ride-hero__content,
  .fold-test-ride-benefits,
  .fold-test-ride-info,
  .fold-test-ride-form-card,
  .fold-test-ride-process,
  .fold-test-ride-cta{
    padding:24px;
  }

  .fold-test-ride-benefits__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .fold-test-ride-layout{
    grid-template-columns:minmax(340px,40%) minmax(0,60%);
  }
}

@media (max-width:900px){
  .fold-test-ride-hero,
  .fold-test-ride-layout,
  .fold-test-ride-cta{
    grid-template-columns:1fr;
  }

  .fold-test-ride-hero__content{
    padding:32px 28px;
  }

  .fold-test-ride-hero__image{
    min-height:420px;
  }

  .fold-test-ride-cta__button{
    max-width:340px;
  }
}

@media (max-width:680px){
  .fold-test-ride-page{
    width:calc(100vw - 28px);
    padding:16px 0 48px;
  }

  .fold-test-ride-hero{
    gap:18px;
    padding:0;
  }

  .fold-test-ride-hero__content,
  .fold-test-ride-benefits,
  .fold-test-ride-info,
  .fold-test-ride-form-card,
  .fold-test-ride-process,
  .fold-test-ride-cta{
    padding:28px 24px;
  }

  .fold-test-ride-hero__image{
    min-height:320px;
    margin:0;
  }

  .fold-test-ride-hero h1{
    font-size:34px;
  }

  .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{
    font-size:28px;
  }

  .fold-test-ride-benefits__grid,
  .fold-test-ride-steps{
    grid-template-columns:1fr;
  }

  .fold-test-ride-benefits__grid article,
  .fold-test-ride-steps article{
    min-height:0;
    padding:22px;
  }

  .fold-test-ride-benefits__grid article > span,
  .fold-test-ride-steps article > span{
    margin-bottom:20px;
  }

  .fold-test-ride-page .fold-test-ride-hero__button,
  .fold-test-ride-page .fold-test-ride-cta__button{
    width:100%;
    min-width:0;
  }

  .fold-test-ride-cta__button{
    max-width:none;
  }
}

@media (max-width:480px){
  .fold-test-ride-page{
    width:calc(100% - 24px);
  }

  .fold-test-ride-hero__content,
  .fold-test-ride-benefits,
  .fold-test-ride-info,
  .fold-test-ride-form-card,
  .fold-test-ride-process,
  .fold-test-ride-cta{
    padding:24px 20px;
  }

  .fold-test-ride-hero__image{
    min-height:260px;
  }

  .fold-test-ride-hero h1{
    font-size:31px;
  }
}

@media (prefers-reduced-motion:reduce){
  .fold-test-ride-page *,
  .fold-test-ride-page *::before,
  .fold-test-ride-page *::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}

/* ==========================================================
   FOLD PROBEFAHRT COMPONENTS CSS V2.0 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.1 BEGINNT
========================================================== */


/* ==========================================================
   0. GRUNDEINSTELLUNGEN UND VARIABLEN
========================================================== */

.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;

  --ff-radius:16px;

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


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


/* ==========================================================
   2. MARKE
========================================================== */

.fold-footer__brand{
  min-width:0;
  max-width:360px;
}


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


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


/* ==========================================================
   5. MARKENTEXT
========================================================== */

.fold-footer__brand-text{
  max-width:335px;

  margin:0;

  color:var(--ff-text);

  font-size:13px;
  font-weight:400;
  line-height:1.68;
}


/* ==========================================================
   6. SPALTENÜ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;
}


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


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

.fold-footer__newsletter-form{
  width:100%;
}


/* ==========================================================
   9. FLUENT FORMS NEWSLETTER – GRUNDLAGE
========================================================== */

.fold-footer__newsletter-form .fluentform,
.fold-footer__newsletter-form form,
#fluentform_4{
  width:100% !important;

  margin:0 !important;
  padding:0 !important;
}

#fluentform_4 .ff-el-group{
  margin-bottom:14px !important;
}

#fluentform_4 .ff-el-group:last-child{
  margin-bottom:0 !important;
}

#fluentform_4 .ff-el-input--content{
  width:100% !important;

  margin:0 !important;
  padding:0 !important;
}

#fluentform_4 label{
  color:var(--ff-text);

  font-family:"Inter",Arial,sans-serif;
  font-size:13px;
  font-weight:600;
  line-height:1.4;
}


/* ==========================================================
   10. NEWSLETTER-E-MAIL-FELD
========================================================== */

#fluentform_4 input[type="email"],
#fluentform_4 input[type="text"]{
  width:100% !important;
  min-width:0 !important;
  min-height:52px !important;

  margin:0 !important;
  padding:0 16px !important;

  background:var(--ff-white) !important;
  border:1px solid var(--ff-input-border) !important;
  border-radius:var(--ff-radius) !important;

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

  font-family:"Inter",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;

  outline:none !important;

  box-shadow:none !important;

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

#fluentform_4 input[type="email"]::placeholder,
#fluentform_4 input[type="text"]::placeholder{
  color:#8A8D92 !important;
  opacity:1 !important;
}

#fluentform_4 input[type="email"]:hover,
#fluentform_4 input[type="text"]:hover{
  border-color:#BDBDB7 !important;
}

#fluentform_4 input[type="email"]:focus,
#fluentform_4 input[type="text"]:focus{
  border-color:var(--ff-yellow) !important;

  box-shadow:
    0 0 0 4px rgba(250,202,48,.18) !important;
}


/* ==========================================================
   11. NEWSLETTER-DSGVO
========================================================== */

#fluentform_4 .ff_gdpr_field,
#fluentform_4 .fold-gdpr-field{
  width:100% !important;

  margin:2px 0 0 !important;
  padding:0 !important;
}

#fluentform_4 .ff_gdpr_field .ff-el-input--content,
#fluentform_4 .fold-gdpr-field .ff-el-input--content{
  width:100% !important;

  margin:0 !important;
  padding:0 !important;
}

#fluentform_4 .ff_gdpr_field .ff-el-form-check,
#fluentform_4 .fold-gdpr-field .ff-el-form-check{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;

  width:100% !important;

  margin:0 !important;
  padding:0 !important;
}

#fluentform_4 input[type="checkbox"]{
  appearance:none !important;
  -webkit-appearance:none !important;

  position:relative !important;

  display:block !important;
  flex:0 0 18px !important;

  width:18px !important;
  min-width:18px !important;
  max-width:18px !important;

  height:18px !important;
  min-height:18px !important;
  max-height:18px !important;

  margin:1px 0 0 !important;
  padding:0 !important;

  background:var(--ff-white) !important;
  border:1.5px solid #B9BBB5 !important;
  border-radius:5px !important;

  cursor:pointer !important;

  box-shadow:none !important;
}

#fluentform_4 input[type="checkbox"]:checked{
  background:var(--ff-black) !important;
  border-color:var(--ff-black) !important;
}

#fluentform_4 input[type="checkbox"]:checked::after{
  content:"";

  position:absolute;
  top:2px;
  left:5px;

  width:5px;
  height:9px;

  border:solid var(--ff-white);
  border-width:0 2px 2px 0;

  transform:rotate(45deg);
}

#fluentform_4 .ff-el-form-check-label{
  display:block !important;
  flex:1 1 auto !important;

  min-width:0 !important;

  margin:0 !important;
  padding:0 !important;

  color:var(--ff-muted) !important;

  font-family:"Inter",Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:1.55 !important;

  cursor:pointer !important;
}

#fluentform_4 .ff-el-form-check-label span,
#fluentform_4 .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;
}

#fluentform_4 .ff-el-form-check-label a{
  color:var(--ff-black) !important;

  font-weight:700 !important;

  text-decoration:underline !important;
  text-underline-offset:2px;
}

#fluentform_4 input[type="checkbox"]:focus-visible{
  outline:3px solid rgba(250,202,48,.45) !important;
  outline-offset:3px !important;
}


/* ==========================================================
   12. NEWSLETTER-BUTTON-CONTAINER
========================================================== */

#fluentform_4 .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;
}


/* ==========================================================
   13. NEWSLETTER-BUTTON
========================================================== */

#fluentform_4 .ff-btn-submit{
  position:relative !important;

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

  width:auto !important;
  min-width:176px !important;
  max-width:100% !important;
  min-height:52px !important;

  margin:0 !important;
  padding:7px 58px 7px 20px !important;

  background:var(--ff-yellow) !important;
  border:1px solid var(--ff-yellow) !important;
  border-radius:var(--ff-radius) !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;
  text-align:center !important;

  opacity:1 !important;
  cursor:pointer !important;

  box-shadow:none !important;

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


/* ==========================================================
   14. NEWSLETTER-PFEILKREIS
========================================================== */

#fluentform_4 .ff-btn-submit::after{
  content:"→" !important;

  position:absolute !important;
  top:50% !important;
  right:7px !important;

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

  width:38px !important;
  height:38px !important;

  background:var(--ff-black) !important;
  border-radius:50% !important;

  color:var(--ff-white) !important;

  font-family:Arial,sans-serif !important;
  font-size:17px !important;
  font-weight:700 !important;
  line-height:1 !important;

  pointer-events:none;

  transform:translateY(-50%) !important;

  transition:transform .2s ease;
}


/* ==========================================================
   15. NEWSLETTER-BUTTON HOVER UND FOKUS
========================================================== */

#fluentform_4 .ff-btn-submit:hover,
#fluentform_4 .ff-btn-submit:focus-visible{
  background:var(--ff-yellow-hover) !important;
  border-color:var(--ff-yellow-hover) !important;

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

  transform:translateY(-1px) !important;

  box-shadow:0 7px 16px rgba(0,0,0,.08) !important;
}

#fluentform_4 .ff-btn-submit:hover::after,
#fluentform_4 .ff-btn-submit:focus-visible::after{
  transform:translate(2px,-50%) !important;
}

#fluentform_4 .ff-btn-submit:active{
  transform:translateY(0) !important;

  box-shadow:none !important;
}

#fluentform_4 .ff-btn-submit:focus-visible{
  outline:2px solid var(--ff-black) !important;
  outline-offset:3px !important;
}


/* ==========================================================
   16. FLUENT-FORMS FEHLER UND BESTÄTIGUNG
========================================================== */

#fluentform_4 .ff-el-is-error input{
  border-color:#B42318 !important;
}

#fluentform_4 .error{
  margin-top:6px !important;

  color:#B42318 !important;

  font-size:11px !important;
  line-height:1.4 !important;
}

.fold-footer__newsletter-form .ff-message-success{
  margin:0 !important;
  padding:14px 16px !important;

  background:var(--ff-white) !important;
  border:1px solid var(--ff-border) !important;
  border-radius:var(--ff-radius) !important;

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

  font-size:13px !important;
  line-height:1.55 !important;

  box-shadow:none !important;
}


/* ==========================================================
   17. 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;
  flex:0 0 38px;

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

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


/* ==========================================================
   18. 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:44px;

  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:var(--ff-radius);

  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);
}


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


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


/* ==========================================================
   21. NACH-OBEN-BUTTON
========================================================== */

.fold-footer__top{
  width:40px;
  height:40px;
  flex:0 0 40px;

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

  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.1 ENDET
========================================================== */

/* ==========================================================
   FOLD HEADER COMPONENTS CSS V3.2 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;
  --fh-radius:16px;

  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:2px;

  margin:0;
  padding:0;

  list-style:none;
}

.fold-header__menu-item{
  position:relative;

  margin:0;
  padding:0;
}

.fold-header__menu-item > a{
  min-height:36px;

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

  padding:0 13px;

  border:1px solid transparent;
  border-radius:var(--fh-radius);

  background:transparent;
  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,
    border-color .2s ease,
    transform .2s ease;
}


/* ==========================================================
   DESKTOP-MENÜ HOVER
========================================================== */

.fold-header__menu-item > a:hover,
.fold-header__menu-item:focus-within > a{
  background:var(--fh-hover);
  border-color: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:var(--fh-radius);

  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:40px;

  display:flex;
  align-items:center;

  padding:0 12px;

  border-radius:var(--fh-radius);

  background:transparent;
  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,
    transform .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-BUTTON
========================================================== */

.fold-header__cta{
  min-height:40px;

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

  padding:4px 6px 4px 16px;

  background:var(--fh-yellow);
  border:1px solid var(--fh-yellow);
  border-radius:var(--fh-radius);

  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-text{
  display:block;
}

.fold-header__cta-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;

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

  border-radius:50%;

  background:var(--fh-black);
  color:var(--fh-white);

  font-family:Arial,sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1;

  transition:transform .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:hover .fold-header__cta-icon,
.fold-header__cta:focus-visible .fold-header__cta-icon{
  transform:translateX(1px);
}


/* ==========================================================
   MOBILER MENÜ-BUTTON
========================================================== */

.fold-header__mobile-toggle{
  width:40px;
  height:40px;

  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:var(--fh-radius);

  cursor:pointer;

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

.fold-header__mobile-toggle:hover{
  background:var(--fh-hover);
  border-color:var(--fh-hover);
}

.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:3px;

  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:var(--fh-radius);

  background:transparent;
  color:var(--fh-text) !important;

  font-size:14px;
  font-weight:600;

  text-decoration:none !important;

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

.fold-header__mobile-menu a:hover,
.fold-header__mobile-menu a:focus-visible{
  background:var(--fh-hover);
  color:var(--fh-black) !important;
}


/* ==========================================================
   MOBILER PROBEFAHRT-BUTTON
========================================================== */

.fold-header__mobile-cta-item{
  margin-top:10px !important;
}

.fold-header__mobile-menu .fold-header__mobile-cta{
  min-height:54px;

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

  padding:6px 8px 6px 18px;

  background:var(--fh-yellow);
  border:1px solid var(--fh-yellow);
  border-radius:var(--fh-radius);

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

  font-size:15px;
  font-weight:800;
}

.fold-header__mobile-cta-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;

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

  border-radius:50%;

  background:var(--fh-black);
  color:var(--fh-white);

  font-family:Arial,sans-serif;
  font-size:17px;
  font-weight:700;
  line-height:1;

  transition:transform .2s ease;
}

.fold-header__mobile-menu .fold-header__mobile-cta:hover,
.fold-header__mobile-menu .fold-header__mobile-cta:focus-visible{
  background:var(--fh-yellow-hover);
  border-color:var(--fh-yellow-hover);

  color:var(--fh-black) !important;
}

.fold-header__mobile-cta:hover
.fold-header__mobile-cta-icon,
.fold-header__mobile-cta:focus-visible
.fold-header__mobile-cta-icon{
  transform:translateX(2px);
}


/* ==========================================================
   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.2 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-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
========================================================== */


/* ==========================================================
   FOLD IM ALLTAG — COMPONENTS CSS V5.0 BEGINNT
   Einheitlich mit Modelle, Zubehör, Support und Cargo Bike
========================================================== */

.fold-usage-page{
  --fu-yellow:#FACA30;
  --fu-yellow-hover:#FFD743;
  --fu-gold:#A97900;
  --fu-black:#111111;
  --fu-text:#4B4F56;
  --fu-white:#FFFFFF;
  --fu-surface:#F7F7F4;
  --fu-soft:#FAF8F3;
  --fu-border:#DEDEDE;
  --fu-radius:16px;
  --fu-button-radius:16px;
  position:relative;
  left:50%;
  width:min(93vw,1680px);
  max-width:none;
  margin:0;
  padding:54px 0 82px;
  transform:translateX(-50%);
  overflow:hidden;
  color:var(--fu-black);
  font-family:"Inter",Arial,sans-serif;
}

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

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

.fold-usage-page figure{ margin:0; }
.fold-usage-page img{ display:block; max-width:100%; }

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

.fold-usage-page .fold-container,
.fold-usage-page .fold-container-wide{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}

/* 1. SECTIONEN UND GRID */

.fold-usage-section{ padding:30px 0; }
.fold-usage-section--first{ padding-top:0; }
.fold-usage-section--last{ padding-bottom:0; }

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

/* 2. KARTEN */

.fold-usage-panel,
.fold-usage-media,
.fold-usage-summary-card,
.fold-usage-check-card{
  overflow:hidden;
  background:var(--fu-surface);
  border:1px solid var(--fu-border);
  border-radius:var(--fu-radius);
  box-shadow:none;
}

/* Alte oder globale Karten-Akzente sicher unterdrücken. */
.fold-usage-page figure.fold-usage-media::before,
.fold-usage-page figure.fold-usage-media::after,
.fold-usage-page .fold-usage-summary-card::before,
.fold-usage-page .fold-usage-summary-card::after,
.fold-usage-page .fold-usage-check-card::before,
.fold-usage-page .fold-usage-check-card::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
}

.fold-usage-panel--copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px;
}

.fold-usage-panel--wide{ padding:42px; }

/* 3. TYPOGRAFIE */

.fold-usage-page .fold-usage-eyebrow{
  display:block;
  margin:0 0 13px;
  color:var(--fu-gold) !important;
  font-family:"Inter",Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
}

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

.fold-usage-page .fold-usage-h1{ font-size:44px !important; }
.fold-usage-page .fold-usage-h2{ font-size:34px !important; }

/* Ausschließlich unter einer echten H1/H2, nie unter dem Eyebrow. */
.fold-usage-page .fold-usage-line{
  display:block;
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;
  height:2px !important;
  min-height:2px !important;
  max-height:2px !important;
  margin:16px 0 22px !important;
  background:var(--fu-yellow) !important;
  border:0 !important;
  border-radius:999px !important;
}

.fold-usage-intro,
.fold-usage-panel p,
.fold-usage-summary-card p{ color:var(--fu-text); }

.fold-usage-intro{
  max-width:720px;
  margin:0;
  font-size:17px;
  line-height:1.68;
}

.fold-usage-panel p{
  margin:0 0 16px;
  font-size:16px;
  line-height:1.68;
}

.fold-usage-panel p:last-of-type{ margin-bottom:0; }

/* 4. BILDER */

figure.fold-usage-media{
  position:relative;
  min-height:470px;
  height:100%;
  line-height:0;
  font-size:0;
}

figure.fold-usage-media 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 !important;
  border:0 !important;
}

figure.fold-usage-media--bike{ background:var(--fu-white); }

figure.fold-usage-media--bike img{
  object-fit:contain !important;
  transform:scale(1.05);
  background:var(--fu-white);
}

figure.fold-usage-media--top img{ object-position:center top !important; }

/* 5. CLAIMS, LISTEN UND HINWEISE */

.fold-usage-claims{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:24px;
}

.fold-usage-claims strong{
  display:flex;
  align-items:center;
  min-height:68px;
  padding:18px 20px;
  background:var(--fu-white);
  border:1px solid var(--fu-border);
  border-radius:var(--fu-radius);
  color:var(--fu-black);
  font-size:16px;
  font-weight:700;
  line-height:1.4;
}

.fold-usage-list{
  margin:22px 0 0;
  padding:0;
  list-style:none;
}

.fold-usage-list li{
  position:relative;
  margin:0 0 11px;
  padding-left:21px;
  color:var(--fu-text);
  font-size:15px;
  line-height:1.55;
}

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

.fold-usage-list li::before{
  content:"";
  position:absolute;
  top:.62em;
  left:0;
  width:6px;
  height:6px;
  background:var(--fu-yellow);
  border-radius:50%;
}

.fold-usage-note,
.fold-usage-flow{
  margin-top:22px;
  padding:17px 19px;
  background:var(--fu-soft);
  border:1px solid var(--fu-border);
  border-radius:var(--fu-radius);
}

.fold-usage-note{ border-left:3px solid var(--fu-yellow); }

.fold-usage-note strong{
  display:block;
  margin-bottom:5px;
  color:var(--fu-black);
  font-size:14px;
  font-weight:800;
  line-height:1.4;
}

.fold-usage-note span,
.fold-usage-flow{
  color:var(--fu-text);
  font-size:14px;
  line-height:1.6;
}

/* 6. ZUSAMMENFASSUNG */

.fold-usage-section-head{
  max-width:900px;
  margin:0 0 24px;
}

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

.fold-usage-summary-card,
.fold-usage-check-card{
  position:relative;
  padding:28px;
}

.fold-usage-number{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  background:var(--fu-yellow);
  border-radius:50%;
  color:var(--fu-black);
  font-family:"Oswald",Arial,sans-serif;
  font-size:14px;
  font-weight:600;
  line-height:1;
}

.fold-usage-panel h3,
.fold-usage-summary-card h3,
.fold-usage-check-card h3{
  margin:0 0 10px;
  color:var(--fu-black) !important;
  font-family:"Oswald",Arial,sans-serif !important;
  font-size:27px !important;
  font-weight:600 !important;
  line-height:1.1 !important;
  letter-spacing:-.008em !important;
  text-transform:none !important;
}

.fold-usage-summary-card p{
  margin:0;
  font-size:15px;
  line-height:1.6;
}

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

/* 7. CTA UND BUTTONS */

.fold-usage-cta p{ max-width:760px; }

.fold-usage-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:24px;
}

.fold-usage-page .fold-usage-button{
  position:relative;
  width:230px;
  min-width:230px;
  max-width:230px;
  min-height:54px;
  display:inline-flex;
  align-items:center;
  margin:0;
  padding:6px 54px 6px 19px;
  background:var(--fu-yellow);
  border:1px solid var(--fu-yellow);
  border-radius:var(--fu-button-radius);
  color:var(--fu-black) !important;
  font-family:"Inter",Arial,sans-serif;
  font-size:14px;
  font-weight:800;
  line-height:1;
  text-decoration:none !important;
  white-space:nowrap;
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}

.fold-usage-page .fold-usage-button--secondary{
  background:var(--fu-white);
  border-color:var(--fu-border);
}

.fold-usage-page .fold-usage-button,
.fold-usage-page .fold-usage-button *{ text-decoration:none !important; }

.fold-usage-page .fold-usage-button__icon{
  position:absolute;
  top:50%;
  right:7px;
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--fu-black) !important;
  border-radius:50%;
  color:var(--fu-white) !important;
  font-family:Arial,sans-serif;
  font-size:17px;
  line-height:1;
  transform:translateY(-50%);
}

.fold-usage-page .fold-usage-button:hover,
.fold-usage-page .fold-usage-button:focus-visible{
  background:var(--fu-yellow-hover);
  border-color:var(--fu-yellow-hover);
  transform:translateY(-2px);
  box-shadow:0 9px 20px rgba(0,0,0,.10);
}

.fold-usage-page .fold-usage-button--secondary:hover,
.fold-usage-page .fold-usage-button--secondary:focus-visible{
  background:#FAFAF8;
  border-color:var(--fu-yellow);
}

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

/* 8. RESPONSIVE */

@media (max-width:1100px){
  .fold-usage-panel--copy,
  .fold-usage-panel--wide{ padding:34px; }
  .fold-usage-page .fold-usage-h1{ font-size:40px !important; }
  .fold-usage-page .fold-usage-h2{ font-size:32px !important; }
}

@media (max-width:900px){
  .fold-usage-grid{ grid-template-columns:1fr; }
  .fold-usage-grid--reverse > article{ order:1; }
  .fold-usage-grid--reverse > figure{ order:2; }
  figure.fold-usage-media{ min-height:430px; }
  .fold-usage-summary-grid{ grid-template-columns:1fr; }
}

@media (max-width:767px){
  .fold-usage-page{
    width:min(92vw,1680px);
    padding:36px 0 58px;
  }

  .fold-usage-section{ padding:20px 0; }

  .fold-usage-panel--copy,
  .fold-usage-panel--wide{ padding:28px 22px; }

  .fold-usage-page .fold-usage-eyebrow{ font-size:11px !important; }
  .fold-usage-page .fold-usage-h1{ font-size:34px !important; }
  .fold-usage-page .fold-usage-h2{ font-size:29px !important; }

  .fold-usage-page .fold-usage-line{
    width:52px !important;
    min-width:52px !important;
    max-width:52px !important;
    margin:15px 0 20px !important;
  }

  .fold-usage-intro,
  .fold-usage-panel p{ font-size:15px; }

  figure.fold-usage-media{ min-height:330px; }

  .fold-usage-claims,
  .fold-usage-check-grid{ grid-template-columns:1fr; }

  .fold-usage-summary-card,
  .fold-usage-check-card{ padding:24px 22px; }

  .fold-usage-panel h3,
  .fold-usage-summary-card h3,
  .fold-usage-check-card h3{ font-size:24px !important; }

  .fold-usage-page .fold-usage-button{
    width:100%;
    min-width:0;
    max-width:none;
  }
}

/* ==========================================================
   FOLD IM ALLTAG — COMPONENTS CSS V5.0 ENDET
========================================================== */


/* ==========================================================
   FOLD HOMEPAGE HERO — FINAL TYPOGRAFIE
   Weiß · 46 px · Oswald 600 · kein Verlauf
========================================================== */

body .fold-clean .fc-hero__claim{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;

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

  text-transform:none !important;
  text-shadow:none !important;
}

body .fold-clean .fc-hero::before,
body .fold-clean .fc-hero::after{
  display:none !important;
  content:none !important;
  background:none !important;
  background-image:none !important;
}

@media (max-width:900px){
  body .fold-clean .fc-hero__claim{
    font-size:40px !important;
  }
}

@media (max-width:767px){

  body .fold-clean .fc-hero__claim{
    font-size:23px !important;
    line-height:1.08 !important;
    bottom:85px !important;
  }

}

/* =========================================================
   FOLD HERO — LANDSCAPE FINAL
   Aufbau wie Desktop
   Typografie kompakter wie Mobile Portrait
========================================================= */

@media
  (orientation: landscape)
  and (min-width: 568px)
  and (max-width: 1366px)
  and (max-height: 700px) {

  /* HERO-BILD */
  body .fold-clean .fc-hero__image {
    width:100% !important;

    height:390px !important;
    min-height:390px !important;
    max-height:390px !important;

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

    filter:none !important;
  }


  /* HERO-CLAIM — WIE DESKTOP LINKS UNTEN */
  body .fold-clean .fc-hero__claim {
    position:absolute !important;
    z-index:2 !important;

    top:auto !important;
    right:auto !important;
    bottom:96px !important;
    left:3% !important;

    width:auto !important;
    max-width:560px !important;

    margin:0 !important;
    padding:0 !important;

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

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

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

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


  /* CTA-GRUPPE — WIE DESKTOP LINKS UNTEN */
  body .fold-clean .fc-hero__actions {
    position:absolute !important;
    z-index:2 !important;

    right:auto !important;
    bottom:22px !important;
    left:3% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:12px !important;

    width:auto !important;

    margin:0 !important;
    padding:0 !important;
  }


  /* CTA-BUTTONS — KOMPAKTER ALS DESKTOP */
  body .fold-clean .fc-hero__actions .fc-btn {
    flex:none !important;

    width:200px !important;
    min-width:200px !important;
    max-width:200px !important;

    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;

    margin:0 !important;

    font-size:14px !important;
  }


  /* KEIN VERLAUF / KEIN OVERLAY */
  body .fold-clean .fc-hero::before,
  body .fold-clean .fc-hero::after {
    display:none !important;
    content:none !important;

    background:none !important;
    background-image:none !important;
  }

}

/* ==========================================================
   FOLD HEADER — STICKY + DYNAMISCHE FARBEN V1.0
========================================================== */


/* ==========================================================
   1. HEADER BLEIBT BEIM SCROLLEN OBEN
========================================================== */

body .fold-header{
  --fh-dynamic-bg:#FFFFFF;
  --fh-dynamic-fg:#111111;
  --fh-dynamic-border:#E7E7E1;
  --fh-dynamic-hover:#F5F5F1;

  position:fixed !important;
top:0 !important;
right:0 !important;
left:0 !important;
z-index:99999 !important;

width:100% !important;

  background:var(--fh-dynamic-bg) !important;
  border-bottom:1px solid var(--fh-dynamic-border) !important;

  color:var(--fh-dynamic-fg) !important;

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

/* Platz für den festen Header */

body{
  padding-top:54px !important;
}


/* WordPress Admin-Bar */

body.admin-bar .fold-header{
  top:32px !important;
}


@media (max-width:782px){

  body.admin-bar .fold-header{
    top:46px !important;
  }

}

/* ==========================================================
   2. DESKTOP-MENÜ
========================================================== */

body .fold-header .fold-header__menu-item > a{
  color:var(--fh-dynamic-fg) !important;
}


body .fold-header .fold-header__menu-item > a:hover,
body .fold-header .fold-header__menu-item:focus-within > a{
  background:var(--fh-dynamic-hover) !important;
  border-color:var(--fh-dynamic-hover) !important;

  color:var(--fh-dynamic-fg) !important;
}


/* ==========================================================
   3. LOGO
   Logo folgt immer der Farbe der Menüschrift
========================================================== */

body .fold-header .fold-header__logo img{
  transition:filter .22s ease;
}


/* HELL / BEIGE = SCHWARZES LOGO */

body .fold-header.is-light .fold-header__logo img,
body .fold-header.is-beige .fold-header__logo img{
  filter:brightness(0) !important;
}


/* DUNKEL = WEISSES LOGO */

body .fold-header.is-dark .fold-header__logo img{
  filter:brightness(0) invert(1) !important;
}


/* ==========================================================
   4. DROPDOWN-PFEILE
========================================================== */

body .fold-header .fold-header__dropdown-link svg{
  color:var(--fh-dynamic-fg) !important;
  stroke:currentColor !important;
}


/* ==========================================================
   5. DESKTOP-DROPDOWN
   BLEIBT IMMER HELL UND GUT LESBAR
========================================================== */

body .fold-header .fold-header__submenu{
  background:#FFFFFF !important;
  border-color:#E7E7E1 !important;
}


body .fold-header .fold-header__submenu a{
  color:#2F3135 !important;
}


body .fold-header .fold-header__submenu a:hover,
body .fold-header .fold-header__submenu a:focus-visible{
  background:#F5F5F1 !important;
  color:#111111 !important;
}


/* ==========================================================
   6. MOBILE HAMBURGER
========================================================== */

body .fold-header .fold-header__mobile-toggle{
  border-color:var(--fh-dynamic-border) !important;
}


body .fold-header .fold-header__mobile-toggle span{
  background:var(--fh-dynamic-fg) !important;
}


body .fold-header .fold-header__mobile-toggle:hover{
  background:var(--fh-dynamic-hover) !important;
  border-color:var(--fh-dynamic-hover) !important;
}


/* ==========================================================
   7. MOBILES MENÜ
========================================================== */

body .fold-header .fold-header__mobile-menu{
  background:var(--fh-dynamic-bg) !important;
  border-top-color:var(--fh-dynamic-border) !important;
}


body .fold-header .fold-header__mobile-menu a:not(.fold-header__mobile-cta){
  color:var(--fh-dynamic-fg) !important;
}


body .fold-header .fold-header__mobile-menu a:not(.fold-header__mobile-cta):hover,
body .fold-header .fold-header__mobile-menu a:not(.fold-header__mobile-cta):focus-visible{
  background:var(--fh-dynamic-hover) !important;
  color:var(--fh-dynamic-fg) !important;
}


/* ==========================================================
   8. HELLER HEADER
========================================================== */

body .fold-header.is-light{
  --fh-dynamic-bg:#FFFFFF;
  --fh-dynamic-fg:#111111;
  --fh-dynamic-border:#E7E7E1;
  --fh-dynamic-hover:#F5F5F1;
}


/* ==========================================================
   9. BEIGER HEADER
========================================================== */

body .fold-header.is-beige{
  --fh-dynamic-bg:#F7F7F4;
  --fh-dynamic-fg:#111111;
  --fh-dynamic-border:#E1E1DC;
  --fh-dynamic-hover:#EFEFEA;
}


/* ==========================================================
   10. TRANSPARENTER HEADER ÜBER HERO
========================================================== */

body .fold-header.is-dark{
  --fh-dynamic-bg:rgba(17,17,17,.18);
  --fh-dynamic-fg:#FFFFFF;
  --fh-dynamic-border:transparent;
  --fh-dynamic-hover:rgba(255,255,255,.10);

  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}


/* ==========================================================
   11. PROBEFAHRT-BUTTON BLEIBT IMMER GELB
========================================================== */

body .fold-header .fold-header__cta,
body .fold-header .fold-header__mobile-cta{
  background:#FACA30 !important;
  border-color:#FACA30 !important;
  color:#111111 !important;
}


body .fold-header .fold-header__cta:hover,
body .fold-header .fold-header__mobile-cta:hover{
  background:#FFD743 !important;
  border-color:#FFD743 !important;
  color:#111111 !important;
}


body .fold-header .fold-header__cta-icon,
body .fold-header .fold-header__mobile-cta-icon{
  background:#111111 !important;
  color:#FFFFFF !important;
}


/* ==========================================================
   FOLD HEADER — STICKY + DYNAMISCHE FARBEN V1.0 ENDET
========================================================== */



/* ==========================================================
   FOLD SUPPORT — DREI VIDEO-/ANLEITUNGSKARTEN FINAL
   Erste Fahrt + FOLD falten & entfalten + Zubehör montieren

   Diesen Block ganz unten an die BESTEHENDE fold-components.css
   anhängen. Die komplette fold-components.css NICHT ersetzen.
========================================================== */

.fold-support-page .fold-support-video-grid--guides{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}

.fold-support-page .fold-support-guide-card{
  min-height:300px;
}

.fold-support-page a.fold-support-guide-card{
  color:var(--fs-black) !important;
  text-decoration:none !important;
  cursor:pointer;

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

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

.fold-support-page a.fold-support-guide-card:hover,
.fold-support-page a.fold-support-guide-card:focus-visible{
  background:#FFFDF4;
  border-color:var(--fs-yellow);
  outline:none;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(17,17,17,.08);
}

.fold-support-page a.fold-support-guide-card:hover .fold-support-play,
.fold-support-page a.fold-support-guide-card:focus-visible .fold-support-play{
  background:var(--fs-yellow-hover);
  transform:translateX(2px);
}

.fold-support-page .fold-support-guide-card h3{
  width:100%;
  max-width:100%;
  white-space:normal;
  overflow-wrap:normal;
}

.fold-support-page a.fold-support-guide-card .fold-support-play{
  transition:
    background-color .2s ease,
    transform .2s ease;
}

.fold-support-page .fold-support-guide-cta,
.fold-support-page .fold-support-guide-status{
  position:relative;

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

  margin-top:auto;
  padding-top:26px;

  color:var(--fs-black);

  font-size:13px;
  font-weight:800;
  line-height:1.3;
}

.fold-support-page .fold-support-guide-cta{
  padding-right:42px;
}

.fold-support-page .fold-support-guide-cta::after{
  content:"→";

  position:absolute;
  right:0;
  bottom:-7px;

  width:32px;
  height:32px;

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

  border-radius:50%;

  background:var(--fs-black);
  color:#FFFFFF;

  font-family:Arial,sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1;
}

.fold-support-page .fold-support-guide-card--pending{
  cursor:default;
}

.fold-support-page .fold-support-guide-card--pending .fold-support-play{
  background:var(--fs-yellow);
}

.fold-support-page .fold-support-guide-status{
  color:#686C73;
}

@media (max-width:1100px){
  .fold-support-page .fold-support-video-grid--guides{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:700px){
  .fold-support-page .fold-support-video-grid--guides{
    grid-template-columns:1fr;
  }
}

/* ==========================================================
   FOLD SUPPORT — DREI KARTEN ENDET
========================================================== */

/* ==========================================================
   FOLD WARTUNG & PFLEGE — COMPACT DESIGN V12.0 BEGINNT
   Nach dem bestehenden globalen FOLD-CSS laden.
========================================================== */

.fold-maintenance-page{
  --fm-yellow:#FACA30;
  --fm-yellow-hover:#FFD743;
  --fm-yellow-dark:#A97900;
  --fm-black:#111111;
  --fm-text:#4B4F56;
  --fm-muted:#747A81;
  --fm-white:#FFFFFF;
  --fm-surface:#F7F7F4;
  --fm-border:#DEDEDE;
  --fm-note:#EFEFEA;
  --fm-warning:#FFF8DE;
  --fm-warning-border:#E7C24B;
  --fm-radius:16px;

  position:relative;
  left:50%;

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

  margin:0;
  padding:20px 0 48px !important;

  transform:translateX(-50%);

  color:var(--fm-black);
  background:var(--fm-white);

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

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

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


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

.fold-maintenance-page .fold-legal-hero{
  padding:36px 40px;

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

.fold-maintenance-page .fold-legal-hero__inner{
  max-width:1180px;
}

.fold-maintenance-page .fold-legal-kicker{
  margin:0;

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

  font-size:11px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:2.1px;
  text-transform:uppercase;
}

.fold-maintenance-page .fold-legal-hero h1{
  max-width:980px;
  margin:7px 0 0;

  color:var(--fm-black);

  font-family:"Oswald",Arial,sans-serif !important;
  font-size:42px !important;
  font-weight:600 !important;
  line-height:.98 !important;
  letter-spacing:-.025em !important;
  text-transform:none;
}

.fold-maintenance-page .fold-legal-line{
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;

  height:2px !important;
  min-height:2px !important;
  max-height:2px !important;

  margin:11px 0 18px !important;

  background:var(--fm-yellow) !important;
  border:0 !important;
  border-radius:999px !important;
}

.fold-maintenance-page .fold-maintenance-intro{
  max-width:1000px;
  margin:0 0 14px;

  color:var(--fm-text);

  font-size:16px;
  font-weight:400;
  line-height:1.65;
}

.fold-maintenance-page .fold-legal-date{
  max-width:1080px;
  margin:0;

  color:var(--fm-muted);

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


/* ==========================================================
   CONTENT GRID
========================================================== */

.fold-maintenance-page .fold-legal-content{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:auto;
  align-items:stretch;
  gap:18px 20px;

  margin-top:18px;
}

.fold-maintenance-page .fold-legal-card{
  position:relative; display:flex; flex-direction:column;

  min-width:0;
  height:100% !important;
  min-height:0 !important;
  align-self:stretch;
  padding:28px 32px;
  overflow:hidden;

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

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

/* Lange bzw. besonders wichtige Kapitel bleiben gut lesbar. */
.fold-maintenance-page .fold-legal-card[data-section="01"],
.fold-maintenance-page .fold-legal-card[data-section="02"],
.fold-maintenance-page .fold-legal-card[data-section="11"],
.fold-maintenance-page .fold-legal-card[data-section="12"]{
  grid-column:1 / -1;
}

/* Keine dekorative gelbe Linie auf den Karten. */
.fold-maintenance-page .fold-legal-card::before{
  display:none !important;
  content:none !important;
}

.fold-maintenance-page .fold-legal-card::after{
  content:attr(data-section);

  position:absolute;
  top:24px;
  right:28px;

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

  font-family:"Oswald",Arial,sans-serif;
  font-size:13px;
  font-weight:600;
  line-height:1;
  letter-spacing:.08em;

  pointer-events:none;
}

.fold-maintenance-page .fold-legal-card:hover{
  background:var(--fm-surface);
  border-color:var(--fm-border);
  box-shadow:none;
  transform:none;
}

.fold-maintenance-page .fold-legal-card h2{
  position:relative;
  z-index:1;

  max-width:calc(100% - 62px);
  margin:0 0 14px;

  color:var(--fm-black);

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

.fold-maintenance-page .fold-legal-card > p:not(.fold-maintenance-note){
  position:relative;
  z-index:1;

  max-width:1260px;
  margin:0 0 12px;

  color:var(--fm-text);

  font-size:15px;
  font-weight:400;
  line-height:1.65;
}

.fold-maintenance-page .fold-legal-card > p:not(.fold-maintenance-note):last-child{
  margin-bottom:0;
}


/* ==========================================================
   LISTEN
========================================================== */

.fold-maintenance-page .fold-maintenance-list{
  position:relative;
  z-index:1;

  max-width:1260px;
  margin:2px 0 14px;
  padding:0;

  list-style:none;

  color:var(--fm-text);

  font-size:15px;
  line-height:1.6;
}

.fold-maintenance-page .fold-maintenance-list li{
  position:relative;

  margin:0 0 7px;
  padding-left:20px;
}

.fold-maintenance-page .fold-maintenance-list li:last-child{
  margin-bottom:0;
}

.fold-maintenance-page .fold-maintenance-list li::before{
  content:"";

  position:absolute;
  top:.64em;
  left:1px;

  width:5px;
  height:5px;

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


/* ==========================================================
   HINWEISE
========================================================== */

.fold-maintenance-page .fold-maintenance-note{
  position:relative;
  z-index:1;

  max-width:1260px;
  margin:auto 0 0 !important;
  padding:14px 16px;

  color:var(--fm-text) !important;
  background:var(--fm-white);
  border:1px solid var(--fm-note);
  border-left:3px solid #C9CBC5;
  border-radius:10px;

  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.55 !important;
}

.fold-maintenance-page .fold-maintenance-note--important{
  color:var(--fm-black) !important;
  background:var(--fm-warning);
  border-color:#F1DF99;
  border-left-color:var(--fm-warning-border);
}


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

.fold-maintenance-page .fold-warranty-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;

  margin-top:22px;
}

.fold-maintenance-page .fold-warranty-button{
  position:relative;

  min-width:190px;
  min-height:54px;

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

  padding:0 52px 0 18px;

  color:var(--fm-black) !important;
  background:var(--fm-yellow);
  border:1px solid var(--fm-yellow);
  border-radius:16px;

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

  box-shadow:none;
  transform:none;

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

.fold-maintenance-page .fold-warranty-button::after{
  content:"→";

  position:absolute;
  top:50%;
  right:7px;

  width:40px;
  height:40px;

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

  color:var(--fm-white);
  background:var(--fm-black);
  border-radius:50%;

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

  transform:translateY(-50%);
  transition:transform .2s ease;
}

.fold-maintenance-page .fold-warranty-button:hover{
  color:var(--fm-black) !important;
  background:var(--fm-yellow-hover);
  border-color:var(--fm-yellow-hover);

  box-shadow:none;
  transform:none;
}

.fold-maintenance-page .fold-warranty-button:hover::after{
  transform:translate(2px,-50%);
}

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

.fold-maintenance-page .fold-warranty-button--light{
  background:var(--fm-white);
  border-color:var(--fm-border);
}

.fold-maintenance-page .fold-warranty-button--light:hover{
  background:var(--fm-white);
  border-color:var(--fm-yellow);
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:980px){
  .fold-maintenance-page{
    width:min(94vw,960px);
  }

  .fold-maintenance-page .fold-legal-content{
    grid-template-columns:minmax(0,1fr);
  }

  .fold-maintenance-page .fold-legal-card[data-section]{
    grid-column:auto;
  }

  .fold-maintenance-page .fold-legal-hero{
    padding:30px;
  }

  .fold-maintenance-page .fold-legal-card{
    padding:26px 28px;
  }
}

@media (max-width:680px){
  .fold-maintenance-page{
    width:calc(100vw - 28px);
    padding:16px 0 40px !important;
  }

  .fold-maintenance-page .fold-legal-hero{
    padding:24px 20px;
  }

  .fold-maintenance-page .fold-legal-hero h1{
    font-size:34px !important;
    line-height:1.02 !important;
  }

  .fold-maintenance-page .fold-legal-line{
    height:3px !important;
    min-height:3px !important;
    max-height:3px !important;

    margin:18px 0 24px !important;
  }

  .fold-maintenance-page .fold-maintenance-intro{
    font-size:15px;
    line-height:1.6;
  }

  .fold-maintenance-page .fold-legal-date{
    font-size:12.5px;
  }

  .fold-maintenance-page .fold-legal-content{
    gap:12px;
    margin-top:14px;
  }

  .fold-maintenance-page .fold-legal-card{
    padding:22px 20px;
  }

  .fold-maintenance-page .fold-legal-card::after{
    top:20px;
    right:20px;
  }

  .fold-maintenance-page .fold-legal-card h2{
    max-width:calc(100% - 48px);
    margin-bottom:12px;

    font-size:24px !important;
    line-height:1.1 !important;
  }

  .fold-maintenance-page .fold-legal-card > p:not(.fold-maintenance-note),
  .fold-maintenance-page .fold-maintenance-list{
    font-size:14px;
    line-height:1.6;
  }

  .fold-maintenance-page .fold-maintenance-note{
    padding:13px 14px;
    font-size:13.5px !important;
  }

  .fold-maintenance-page .fold-warranty-actions{
    flex-direction:column;
  }

  .fold-maintenance-page .fold-warranty-button{
    width:100%;
  }
}

@media (prefers-reduced-motion:reduce){
  .fold-maintenance-page .fold-warranty-button,
  .fold-maintenance-page .fold-warranty-button::after{
    transition:none;
  }
}

/* ==========================================================
   FOLD WARTUNG & PFLEGE — COMPACT DESIGN V12.0 ENDET
========================================================== */

/* ==========================================================
   FOLD WARRANTY — COMPACT DESIGN V12.0 BEGINNT
   Neue FOLD-Designlogik / eigenständig überschreibend
========================================================== */

.fold-warranty-page{
  --fw-yellow:#FACA30;
  --fw-yellow-hover:#FFD743;
  --fw-yellow-dark:#A97900;
  --fw-black:#111111;
  --fw-text:#4B4F56;
  --fw-muted:#747A81;
  --fw-white:#FFFFFF;
  --fw-surface:#F7F7F4;
  --fw-border:#DEDEDE;
  --fw-radius:16px;

  position:relative;
  left:50%;

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

  margin:0;
  padding:20px 0 48px !important;

  transform:translateX(-50%);

  color:var(--fw-black);
  background:var(--fw-white);

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

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

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


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

.fold-warranty-page .fold-legal-hero{
  padding:36px 40px;

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

.fold-warranty-page .fold-legal-hero__inner{
  max-width:1180px;
}

.fold-warranty-page .fold-legal-kicker{
  margin:0;

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

  font-size:11px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:2.1px;
  text-transform:uppercase;
}

.fold-warranty-page .fold-legal-hero h1{
  max-width:980px;
  margin:7px 0 0;

  color:var(--fw-black);

  font-family:"Oswald",Arial,sans-serif !important;
  font-size:42px !important;
  font-weight:600 !important;
  line-height:.98 !important;
  letter-spacing:-.025em !important;
  text-transform:none;
}

.fold-warranty-page .fold-legal-line{
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;

  height:2px !important;
  min-height:2px !important;
  max-height:2px !important;

  margin:11px 0 18px !important;

  background:var(--fw-yellow) !important;
  border:0 !important;
  border-radius:999px !important;
}

.fold-warranty-page .fold-legal-date{
  max-width:1080px;
  margin:0;

  color:var(--fw-muted);

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

.fold-warranty-page .fold-legal-intro{
  max-width:1000px;
  margin:18px 0 0;

  color:var(--fw-text);

  font-size:16px;
  font-weight:400;
  line-height:1.65;
}


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

.fold-warranty-page .fold-legal-content{
  display:grid;
  gap:14px;

  margin-top:18px;
}

.fold-warranty-page .fold-legal-card{
  position:relative;

  padding:28px 32px;
  overflow:hidden;

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

  box-shadow:none;
  transform:none;
}

.fold-warranty-page .fold-legal-card::after{
  content:attr(data-section);

  position:absolute;
  top:24px;
  right:28px;

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

  font-family:"Oswald",Arial,sans-serif;
  font-size:13px;
  font-weight:600;
  line-height:1;
  letter-spacing:.08em;

  pointer-events:none;
}

.fold-warranty-page .fold-legal-card h2{
  position:relative;
  z-index:1;

  max-width:calc(100% - 62px);
  margin:0 0 14px;

  color:var(--fw-black);

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

.fold-warranty-page .fold-legal-card p{
  position:relative;
  z-index:1;

  max-width:1260px;
  margin:0 0 12px;

  color:var(--fw-text);

  font-size:15px;
  font-weight:400;
  line-height:1.65;
}

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

.fold-warranty-page .fold-legal-card strong{
  color:var(--fw-black);
  font-weight:700;
}

.fold-warranty-page .fold-legal-list{
  position:relative;
  z-index:1;

  max-width:1260px;
  margin:0 0 14px;
  padding:0 0 0 22px;

  color:var(--fw-text);

  font-size:15px;
  line-height:1.6;
}

.fold-warranty-page .fold-legal-list li{
  margin:0 0 7px;
  padding-left:2px;
}

.fold-warranty-page .fold-legal-list li:last-child{
  margin-bottom:0;
}

.fold-warranty-page .fold-legal-list li::marker{
  color:var(--fw-yellow-dark);
}


/* ==========================================================
   WARRANTY SUMMARY / FORMS
========================================================== */

.fold-warranty-page .fold-warranty-actions--hero{
  margin-top:26px;
}

.fold-warranty-page .fold-warranty-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;

  margin-top:18px;
}

.fold-warranty-page .fold-warranty-summary__card{
  position:relative;

  min-height:148px;
  padding:26px 28px 26px 34px;
  overflow:hidden;

  background:var(--fw-white);
  border:1px solid var(--fw-border);
  border-radius:var(--fw-radius);
}

.fold-warranty-page .fold-warranty-summary__card::before{
  content:"";

  position:absolute;
  top:22px;
  bottom:22px;
  left:0;

  width:4px;

  background:#B9BDC2;
  border-radius:0 4px 4px 0;
}

.fold-warranty-page .fold-warranty-summary__card--yellow{
  background:#FFF9DF;
  border-color:#E8D789;
}

.fold-warranty-page .fold-warranty-summary__card--yellow::before{
  background:var(--fw-yellow);
}

.fold-warranty-page .fold-warranty-summary__card strong,
.fold-warranty-page .fold-warranty-summary__card span{
  display:block;
}

.fold-warranty-page .fold-warranty-summary__card strong{
  color:var(--fw-black);

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

.fold-warranty-page .fold-warranty-summary__card span{
  max-width:360px;
  margin-top:12px;

  color:var(--fw-text);

  font-size:14px;
  font-weight:600;
  line-height:1.55;
}

.fold-warranty-page .fold-warranty-forms{
  display:grid;
  gap:18px;

  margin-top:18px;
}

.fold-warranty-page .fold-warranty-form-card{
  position:relative;

  padding:34px 36px;
  scroll-margin-top:110px;
  overflow:hidden;

  background:var(--fw-white);
  border:1px solid var(--fw-border);
  border-radius:var(--fw-radius);
}

.fold-warranty-page .fold-warranty-form-card::before{
  content:"";

  position:absolute;
  top:28px;
  bottom:28px;
  left:0;

  width:4px;

  background:#B9BDC2;
  border-radius:0 4px 4px 0;
}

.fold-warranty-page .fold-warranty-form-card:nth-child(2){
  background:#FFF9DF;
  border-color:#E8D789;
}

.fold-warranty-page .fold-warranty-form-card:nth-child(2)::before{
  background:var(--fw-yellow);
}

.fold-warranty-page .fold-warranty-form-card__kicker{
  margin:0 0 8px;

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

  font-size:11px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:2px;
  text-transform:uppercase;
}

.fold-warranty-page .fold-warranty-form-card h2,
.fold-warranty-page .fold-warranty-terms-heading h2{
  max-width:1040px;
  margin:0;

  color:var(--fw-black);

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

.fold-warranty-page .fold-warranty-form-card__intro{
  max-width:920px;
  margin:14px 0 0;

  color:var(--fw-text);

  font-size:15px;
  line-height:1.65;
}

.fold-warranty-page .fold-warranty-form-card__form{
  max-width:1180px;
  margin-top:28px;
}

.fold-warranty-page .fold-warranty-form-fallback{
  padding:22px;

  background:rgba(255,255,255,.78);
  border:1px solid var(--fw-border);
  border-radius:14px;
}

.fold-warranty-page .fold-warranty-form-fallback p{
  margin:0;
  color:var(--fw-text);
}

.fold-warranty-page .fold-warranty-terms-heading{
  margin-top:28px;
  padding:30px 32px;

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

.fold-warranty-page .fold-warranty-terms-heading > p:last-child{
  max-width:980px;
  margin:12px 0 0;

  color:var(--fw-muted);

  font-size:14px;
  line-height:1.6;
}

/* Fluent Forms inherits the FOLD design system. */
.fold-warranty-page .fluentform{
  color:var(--fw-text);
  font-family:"Inter",Arial,sans-serif;
}

.fold-warranty-page .fluentform .ff-el-group{
  margin-bottom:18px;
}

.fold-warranty-page .fluentform .ff-el-input--label label{
  margin-bottom:7px;

  color:var(--fw-black);

  font-size:13px;
  font-weight:750;
  line-height:1.4;
}

.fold-warranty-page .fluentform input:not([type="checkbox"]):not([type="radio"]),
.fold-warranty-page .fluentform select,
.fold-warranty-page .fluentform textarea{
  width:100%;
  min-height:50px;
  padding:12px 14px;

  background:var(--fw-white);
  border:1px solid #CFCFCB;
  border-radius:11px;

  color:var(--fw-black);

  font-family:"Inter",Arial,sans-serif;
  font-size:15px;
  line-height:1.45;

  box-shadow:none;
  outline:none;
}

.fold-warranty-page .fluentform textarea{
  min-height:150px;
  resize:vertical;
}

.fold-warranty-page .fluentform input:focus,
.fold-warranty-page .fluentform select:focus,
.fold-warranty-page .fluentform textarea:focus{
  border-color:var(--fw-yellow-dark);
  box-shadow:0 0 0 3px rgba(250,202,48,.2);
}

.fold-warranty-page .fluentform input[type="file"]{
  min-height:auto;
  padding:13px;

  background:var(--fw-surface);
  border-style:dashed;
}

.fold-warranty-page .fluentform .ff-el-form-check-label{
  color:var(--fw-text);
  font-size:13px;
  line-height:1.55;
}

.fold-warranty-page .fluentform .ff-btn-submit{
  position:relative;

  min-height:54px;
  padding:0 58px 0 22px !important;

  background:var(--fw-yellow) !important;
  border:1px solid var(--fw-yellow) !important;
  border-radius:16px !important;

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

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

  box-shadow:none !important;
  opacity:1 !important;
}

.fold-warranty-page .fluentform .ff-btn-submit:hover{
  background:var(--fw-yellow-hover) !important;
  border-color:var(--fw-yellow-hover) !important;
}

.fold-warranty-page .fluentform .error,
.fold-warranty-page .fluentform .ff-el-is-error .text-danger{
  color:#A32222;
  font-size:12px;
}

.fold-warranty-page .fluentform .ff-el-is-error input,
.fold-warranty-page .fluentform .ff-el-is-error select,
.fold-warranty-page .fluentform .ff-el-is-error textarea{
  border-color:#A32222;
}


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

.fold-warranty-page .fold-warranty-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;

  margin-top:22px;
}

.fold-warranty-page .fold-warranty-button{
  position:relative;

  min-width:190px;
  min-height:54px;

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

  padding:0 52px 0 18px;

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

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

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

  text-decoration:none !important;

  box-shadow:none;
  transform:none;

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

.fold-warranty-page .fold-warranty-button::after{
  content:"→";

  position:absolute;
  top:50%;
  right:7px;

  width:40px;
  height:40px;

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

  background:var(--fw-black);
  border-radius:50%;

  color:#FFFFFF;

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

  transform:translateY(-50%);

  transition:transform .2s ease;
}

.fold-warranty-page .fold-warranty-button:hover{
  background:var(--fw-yellow-hover);
  border-color:var(--fw-yellow-hover);

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

  box-shadow:none;
  transform:none;
}

.fold-warranty-page .fold-warranty-button:hover::after{
  transform:translate(2px,-50%);
}

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

.fold-warranty-page .fold-warranty-button--light{
  background:var(--fw-white);
  border-color:var(--fw-border);
}

.fold-warranty-page .fold-warranty-button--light:hover{
  background:var(--fw-white);
  border-color:var(--fw-yellow);
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:900px){
  .fold-warranty-page{
    width:min(94vw,900px);
  }

  .fold-warranty-page .fold-legal-hero{
    padding:30px;
  }

  .fold-warranty-page .fold-legal-card{
    padding:26px 28px;
  }

  .fold-warranty-page .fold-warranty-summary{
    grid-template-columns:1fr;
  }

  .fold-warranty-page .fold-warranty-summary__card{
    min-height:0;
  }
}

@media (max-width:680px){
  .fold-warranty-page{
    width:calc(100vw - 28px);
    padding:16px 0 40px !important;
  }

  .fold-warranty-page .fold-legal-hero{
    padding:24px 20px;
  }

  .fold-warranty-page .fold-legal-hero h1{
    font-size:34px !important;
    line-height:1.02 !important;
  }

  .fold-warranty-page .fold-legal-line{
    height:3px !important;
    min-height:3px !important;
    max-height:3px !important;

    margin:18px 0 24px !important;
  }

  .fold-warranty-page .fold-legal-date{
    font-size:12.5px;
  }

  .fold-warranty-page .fold-legal-intro{
    font-size:15px;
    line-height:1.6;
  }

  .fold-warranty-page .fold-legal-content{
    gap:12px;
    margin-top:14px;
  }

  .fold-warranty-page .fold-legal-card{
    padding:22px 20px;
  }

  .fold-warranty-page .fold-warranty-form-card{
    padding:26px 20px 28px;
  }

  .fold-warranty-page .fold-warranty-form-card h2,
  .fold-warranty-page .fold-warranty-terms-heading h2{
    font-size:27px !important;
  }

  .fold-warranty-page .fold-warranty-terms-heading{
    padding:24px 20px;
  }

  .fold-warranty-page .fold-legal-card::after{
    top:20px;
    right:20px;
  }

  .fold-warranty-page .fold-legal-card h2{
    max-width:calc(100% - 48px);
    margin-bottom:12px;

    font-size:24px !important;
    line-height:1.1 !important;
  }

  .fold-warranty-page .fold-legal-card p,
  .fold-warranty-page .fold-legal-list{
    font-size:14px;
    line-height:1.6;
  }

  .fold-warranty-page .fold-warranty-actions{
    flex-direction:column;
  }

  .fold-warranty-page .fold-warranty-button{
    width:100%;
  }
}

@media (prefers-reduced-motion:reduce){
  .fold-warranty-page .fold-warranty-button,
  .fold-warranty-page .fold-warranty-button::after{
    transition:none;
  }
}

/* ==========================================================
   FOLD WARRANTY — COMPACT DESIGN V12.0 ENDET
========================================================== */

/* ==========================================================
   FOLD ERSATZTEILE — COMPACT DESIGN V12.0 BEGINNT
   Nach dem bestehenden globalen FOLD-CSS laden.
========================================================== */

.fold-spare-parts-page{
  --fsp-yellow:#FACA30;
  --fsp-yellow-hover:#FFD743;
  --fsp-yellow-dark:#A97900;
  --fsp-black:#111111;
  --fsp-text:#4B4F56;
  --fsp-muted:#747A81;
  --fsp-white:#FFFFFF;
  --fsp-surface:#F7F7F4;
  --fsp-border:#DEDEDE;
  --fsp-note:#EFEFEA;
  --fsp-warning:#FFF8DE;
  --fsp-warning-border:#E7C24B;
  --fsp-radius:16px;

  position:relative;
  left:50%;

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

  margin:0;
  padding:20px 0 48px !important;

  transform:translateX(-50%);

  color:var(--fsp-black);
  background:var(--fsp-white);

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

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

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


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

.fold-spare-parts-page .fold-legal-hero{
  padding:36px 40px;

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

.fold-spare-parts-page .fold-legal-hero__inner{
  max-width:1180px;
}

.fold-spare-parts-page .fold-legal-kicker{
  margin:0;

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

  font-size:11px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:2.1px;
  text-transform:uppercase;
}

.fold-spare-parts-page .fold-legal-hero h1{
  max-width:980px;
  margin:7px 0 0;

  color:var(--fsp-black);

  font-family:"Oswald",Arial,sans-serif !important;
  font-size:42px !important;
  font-weight:600 !important;
  line-height:.98 !important;
  letter-spacing:-.025em !important;
  text-transform:none;
}

.fold-spare-parts-page .fold-legal-line{
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;

  height:2px !important;
  min-height:2px !important;
  max-height:2px !important;

  margin:11px 0 18px !important;

  background:var(--fsp-yellow) !important;
  border:0 !important;
  border-radius:999px !important;
}

.fold-spare-parts-page .fold-parts-intro{
  max-width:1000px;
  margin:0 0 14px;

  color:var(--fsp-text);

  font-size:16px;
  font-weight:400;
  line-height:1.65;
}

.fold-spare-parts-page .fold-legal-date{
  max-width:1080px;
  margin:0;

  color:var(--fsp-muted);

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


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

.fold-spare-parts-page .fold-legal-content{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:14px;

  margin-top:18px;
}

.fold-spare-parts-page .fold-legal-card{
  position:relative;

  min-width:0;
  height:100%;
  padding:28px 32px;
  overflow:hidden;

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

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

.fold-spare-parts-page .fold-legal-card[data-section="07"]{
  grid-column:1 / -1;
}

/* Keine dekorative gelbe Linie auf den Karten. */
.fold-spare-parts-page .fold-legal-card::before{
  display:none !important;
  content:none !important;
}

.fold-spare-parts-page .fold-legal-card::after{
  content:attr(data-section);

  position:absolute;
  top:24px;
  right:28px;

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

  font-family:"Oswald",Arial,sans-serif;
  font-size:13px;
  font-weight:600;
  line-height:1;
  letter-spacing:.08em;

  pointer-events:none;
}

.fold-spare-parts-page .fold-legal-card:hover{
  background:var(--fsp-surface);
  border-color:var(--fsp-border);
  box-shadow:none;
  transform:none;
}

.fold-spare-parts-page .fold-legal-card h2{
  position:relative;
  z-index:1;

  max-width:calc(100% - 62px);
  margin:0 0 14px;

  color:var(--fsp-black);

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

.fold-spare-parts-page .fold-legal-card > p:not(.fold-parts-note){
  position:relative;
  z-index:1;

  max-width:1260px;
  margin:0 0 12px;

  color:var(--fsp-text);

  font-size:15px;
  font-weight:400;
  line-height:1.65;
}

.fold-spare-parts-page .fold-legal-card > p:not(.fold-parts-note):last-child{
  margin-bottom:0;
}


/* ==========================================================
   LISTEN
========================================================== */

.fold-spare-parts-page .fold-parts-list{
  position:relative;
  z-index:1;

  max-width:1260px;
  margin:2px 0 14px;
  padding:0;

  list-style:none;

  color:var(--fsp-text);

  font-size:15px;
  line-height:1.6;
}

.fold-spare-parts-page .fold-parts-list li{
  position:relative;

  margin:0 0 7px;
  padding-left:20px;
}

.fold-spare-parts-page .fold-parts-list li:last-child{
  margin-bottom:0;
}

.fold-spare-parts-page .fold-parts-list li::before{
  content:"";

  position:absolute;
  top:.64em;
  left:1px;

  width:5px;
  height:5px;

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


/* ==========================================================
   HINWEISE
========================================================== */

.fold-spare-parts-page .fold-parts-note{
  position:relative;
  z-index:1;

  max-width:1260px;
  margin:16px 0 0 !important;
  padding:14px 16px;

  color:var(--fsp-text) !important;
  background:var(--fsp-white);
  border:1px solid var(--fsp-note);
  border-left:3px solid #C9CBC5;
  border-radius:10px;

  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.55 !important;
}

.fold-spare-parts-page .fold-parts-note--important{
  color:var(--fsp-black) !important;
  background:var(--fsp-warning);
  border-color:#F1DF99;
  border-left-color:var(--fsp-warning-border);
}


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

.fold-spare-parts-page .fold-warranty-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;

  margin-top:22px;
}

.fold-spare-parts-page .fold-warranty-button{
  position:relative;

  min-width:190px;
  min-height:54px;

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

  padding:0 52px 0 18px;

  color:var(--fsp-black) !important;
  background:var(--fsp-yellow);
  border:1px solid var(--fsp-yellow);
  border-radius:16px;

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

  box-shadow:none;
  transform:none;

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

.fold-spare-parts-page .fold-warranty-button::after{
  content:"→";

  position:absolute;
  top:50%;
  right:7px;

  width:40px;
  height:40px;

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

  color:var(--fsp-white);
  background:var(--fsp-black);
  border-radius:50%;

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

  transform:translateY(-50%);
  transition:transform .2s ease;
}

.fold-spare-parts-page .fold-warranty-button:hover{
  color:var(--fsp-black) !important;
  background:var(--fsp-yellow-hover);
  border-color:var(--fsp-yellow-hover);

  box-shadow:none;
  transform:none;
}

.fold-spare-parts-page .fold-warranty-button:hover::after{
  transform:translate(2px,-50%);
}

.fold-spare-parts-page .fold-warranty-button:focus-visible{
  outline:3px solid rgba(250,202,48,.42);
  outline-offset:3px;
}

.fold-spare-parts-page .fold-warranty-button--light{
  background:var(--fsp-white);
  border-color:var(--fsp-border);
}

.fold-spare-parts-page .fold-warranty-button--light:hover{
  background:var(--fsp-white);
  border-color:var(--fsp-yellow);
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:1180px){
  .fold-spare-parts-page{
    width:min(94vw,960px);
  }

  .fold-spare-parts-page .fold-legal-content{
    grid-template-columns:minmax(0,1fr);
  }

  .fold-spare-parts-page .fold-legal-card[data-section]{
    grid-column:auto;
  }

  .fold-spare-parts-page .fold-legal-hero{
    padding:30px;
  }

  .fold-spare-parts-page .fold-legal-card{
    padding:26px 28px;
  }
}

@media (max-width:680px){
  .fold-spare-parts-page{
    width:calc(100vw - 28px);
    padding:16px 0 40px !important;
  }

  .fold-spare-parts-page .fold-legal-hero{
    padding:24px 20px;
  }

  .fold-spare-parts-page .fold-legal-hero h1{
    font-size:34px !important;
    line-height:1.02 !important;
  }

  .fold-spare-parts-page .fold-legal-line{
    height:3px !important;
    min-height:3px !important;
    max-height:3px !important;

    margin:18px 0 24px !important;
  }

  .fold-spare-parts-page .fold-parts-intro{
    font-size:15px;
    line-height:1.6;
  }

  .fold-spare-parts-page .fold-legal-date{
    font-size:12.5px;
  }

  .fold-spare-parts-page .fold-legal-content{
    gap:12px;
    margin-top:14px;
  }

  .fold-spare-parts-page .fold-legal-card{
    padding:22px 20px;
  }

  .fold-spare-parts-page .fold-legal-card::after{
    top:20px;
    right:20px;
  }

  .fold-spare-parts-page .fold-legal-card h2{
    max-width:calc(100% - 48px);
    margin-bottom:12px;

    font-size:24px !important;
    line-height:1.1 !important;
  }

  .fold-spare-parts-page .fold-legal-card > p:not(.fold-parts-note),
  .fold-spare-parts-page .fold-parts-list{
    font-size:14px;
    line-height:1.6;
  }

  .fold-spare-parts-page .fold-parts-note{
    padding:13px 14px;
    font-size:13.5px !important;
  }

  .fold-spare-parts-page .fold-warranty-actions{
    flex-direction:column;
  }

  .fold-spare-parts-page .fold-warranty-button{
    width:100%;
  }
}

@media (prefers-reduced-motion:reduce){
  .fold-spare-parts-page .fold-warranty-button,
  .fold-spare-parts-page .fold-warranty-button::after{
    transition:none;
  }
}

/* ==========================================================
   FOLD ERSATZTEILE — COMPACT DESIGN V12.0 ENDET
========================================================== */