body.ctwd-experience{margin:0;background:#fff;color:#111}.ctexp-main{overflow:hidden}.ctexp-wrap{max-width:1280px;margin:0 auto;padding:0 5vw}.ctexp-kicker{display:flex;align-items:center;gap:14px;margin:0 0 28px;font-size:13px;font-weight:800;letter-spacing:.22em;color:#555}.ctexp-kicker span{display:block;width:42px;height:3px;background:#ffd200}.ctexp-kicker.light{color:#fff}.ctexp-kicker.dark{color:#5d5d5d}.ctexp-hero{min-height:680px;display:grid;grid-template-columns:44% 56%;background:#090909}.ctexp-hero-copy{padding:90px 6vw 80px max(5vw,calc((100vw - 1280px)/2));display:flex;flex-direction:column;justify-content:center}.ctexp-hero-copy .ctexp-kicker{color:#b8b8b8}.ctexp-hero h1{margin:0;color:#fff;font-size:clamp(54px,5.1vw,86px);line-height:.91;letter-spacing:-.045em;font-weight:800}.ctexp-hero h1 strong{color:#ffd200;font-weight:800}.ctexp-hero-copy>p:last-child{max-width:560px;margin:34px 0 0;color:#c9c9c9;font-size:18px;line-height:1.65}.ctexp-hero-image{min-width:0}.ctexp-hero-image img{width:100%;height:100%;display:block;object-fit:cover}.ctexp-routes{padding:110px 0;background:#f3f3f0}.ctexp-section-head{display:grid;grid-template-columns:1.1fr .75fr;gap:9vw;align-items:end;margin-bottom:58px}.ctexp-section-head h2,.ctexp-care h2,.ctexp-number-intro h2{margin:0;font-size:clamp(42px,4.2vw,68px);line-height:1.02;letter-spacing:-.045em;font-weight:400}.ctexp-section-head h2 strong,.ctexp-care h2 strong,.ctexp-number-intro h2 strong{font-weight:800}.ctexp-section-head>p{margin:0;color:#62625f;font-size:17px;line-height:1.7}.ctexp-route-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:270px 270px;gap:18px}.ctexp-route-grid figure{margin:0;overflow:hidden}.ctexp-route-grid .wide{grid-row:1/3}.ctexp-route-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.ctexp-route-grid figure:hover img{transform:scale(1.02)}.ctexp-together{display:grid;grid-template-columns:56% 44%;min-height:720px;background:#111;color:#fff}.ctexp-together-images{position:relative;min-height:720px}.ctexp-together-images .main{width:100%;height:100%;object-fit:cover;display:block}.ctexp-together-images .small{position:absolute;right:-58px;bottom:60px;width:250px;height:185px;object-fit:cover;border:10px solid #111}.ctexp-together-copy{padding:100px 7vw 90px 9vw;display:flex;flex-direction:column;justify-content:center}.ctexp-together h2,.ctexp-moment-head h2,.ctexp-final h2{margin:0;font-size:clamp(44px,4.4vw,70px);line-height:1;letter-spacing:-.045em;font-weight:400}.ctexp-together h2 strong,.ctexp-moment-head h2 strong,.ctexp-final h2 strong{font-weight:800;color:#ffd200}.ctexp-together-copy>p:not(.ctexp-kicker){color:#c9c9c9;font-size:17px;line-height:1.72;margin:30px 0 0}.ctexp-together blockquote{margin:34px 0 0;padding:0 0 0 22px;border-left:4px solid #ffd200;font-size:23px;line-height:1.35;font-weight:700}.ctexp-care{padding:110px 0;background:#fff}.ctexp-care-copy{max-width:940px}.ctexp-care-copy>p:last-child{max-width:700px;margin:28px 0 0;color:#666;font-size:17px;line-height:1.7}.ctexp-care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ddd;margin-top:62px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.ctexp-care-grid article{background:#fff;padding:40px 34px}.ctexp-care-grid article>span{color:#c2a100;font-size:13px;font-weight:800;letter-spacing:.14em}.ctexp-care-grid h3{font-size:24px;line-height:1.15;margin:22px 0 14px}.ctexp-care-grid p{margin:0;color:#686868;line-height:1.65}.ctexp-care-images{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:46px;height:420px}.ctexp-care-images img{width:100%;height:100%;object-fit:cover}.ctexp-moments{padding:110px 0;background:#111;color:#fff}.ctexp-moment-head{display:grid;grid-template-columns:1.1fr .75fr;column-gap:8vw}.ctexp-moment-head .ctexp-kicker,.ctexp-moment-head h2{grid-column:1}.ctexp-moment-head>p:last-child{grid-column:2;grid-row:1/3;align-self:end;color:#bbb;font-size:17px;line-height:1.7}.ctexp-moment-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:260px 260px;gap:14px;margin-top:60px}.ctexp-moment-grid figure{margin:0;overflow:hidden}.ctexp-moment-grid .a{grid-row:1/3}.ctexp-moment-grid .d{grid-column:2/4}.ctexp-moment-grid img{width:100%;height:100%;display:block;object-fit:cover}.ctexp-photo-note{margin:44px 0 0 auto;max-width:760px;border-top:1px solid #444;padding-top:28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.ctexp-photo-note strong{font-size:22px}.ctexp-photo-note p{margin:0;color:#bbb;line-height:1.65}.ctexp-numbers{padding:110px 0 95px;background:#ffd200}.ctexp-number-intro{max-width:1000px}.ctexp-number-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;border-top:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25)}.ctexp-number-grid>div{padding:38px 26px 36px;border-right:1px solid rgba(0,0,0,.25)}.ctexp-number-grid>div:last-child{border-right:0}.ctexp-number-grid strong{display:block;font-size:58px;line-height:1;font-weight:800;letter-spacing:-.05em}.ctexp-number-grid strong span{font-size:.55em}.ctexp-number-grid div>span{display:block;margin-top:14px;font-size:14px;line-height:1.45;font-weight:700}.ctexp-number-grid .highlight{background:#111;color:#fff}.ctexp-distance{margin-top:34px;display:flex;justify-content:space-between;gap:30px;align-items:center}.ctexp-distance>span{font-size:12px;letter-spacing:.18em;font-weight:800}.ctexp-distance p{margin:0;font-size:17px}.ctexp-final{position:relative;min-height:590px;background-size:cover;background-position:center;display:flex;align-items:center}.ctexp-final-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.83) 0%,rgba(0,0,0,.55) 46%,rgba(0,0,0,.1) 100%)}.ctexp-final-copy{position:relative;z-index:1;width:min(1280px,90vw);margin:0 auto;color:#fff}.ctexp-final-copy>p{font-size:13px;letter-spacing:.2em;font-weight:800;color:#ffd200}.ctexp-final h2{margin-top:24px}.ctexp-final a{display:inline-flex;align-items:center;gap:45px;margin-top:40px;padding:19px 24px;background:#ffd200;color:#111;text-decoration:none;font-weight:800;min-width:260px;justify-content:space-between}.ctexp-final a:hover{background:#fff}
@media(max-width:980px){.ctexp-hero{grid-template-columns:1fr;min-height:0}.ctexp-hero-copy{padding:70px 6vw}.ctexp-hero-image{height:auto;aspect-ratio:16/9}.ctexp-section-head,.ctexp-moment-head{grid-template-columns:1fr;gap:28px}.ctexp-moment-head>p:last-child{grid-column:1;grid-row:auto}.ctexp-together{grid-template-columns:1fr}.ctexp-together-images{min-height:0;height:auto;aspect-ratio:16/10}.ctexp-together-images .small{right:5vw;bottom:-55px}.ctexp-together-copy{padding:110px 6vw 80px}.ctexp-care-grid{grid-template-columns:1fr}.ctexp-care-grid article{border-bottom:1px solid #ddd}.ctexp-number-grid{grid-template-columns:1fr 1fr}.ctexp-number-grid>div:nth-child(2){border-right:0}.ctexp-number-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(0,0,0,.25)}}
@media(max-width:680px){.ctexp-wrap{padding:0 22px}.ctexp-hero-copy{padding:56px 22px}.ctexp-hero h1{font-size:46px}.ctexp-routes,.ctexp-care,.ctexp-moments,.ctexp-numbers{padding:76px 0}.ctexp-route-grid{grid-template-columns:1fr;grid-template-rows:330px 220px 220px}.ctexp-route-grid .wide{grid-row:auto}.ctexp-together-copy{padding:100px 22px 70px}.ctexp-together-images .small{width:180px;height:130px}.ctexp-care-images{grid-template-columns:1fr;height:auto}.ctexp-care-images img{height:260px}.ctexp-moment-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 190px 190px}.ctexp-moment-grid .a{grid-column:1/3;grid-row:auto}.ctexp-moment-grid .d{grid-column:1/3}.ctexp-photo-note{grid-template-columns:1fr;gap:14px}.ctexp-number-grid{grid-template-columns:1fr}.ctexp-number-grid>div{border-right:0!important;border-bottom:1px solid rgba(0,0,0,.25)}.ctexp-distance{align-items:flex-start;flex-direction:column}.ctexp-final{min-height:520px}.ctexp-final-copy{width:calc(100% - 44px)}}


/* =========================================================
   Champions Training-Erlebnis 0.8.2
   First visual correction pass after iPad review
   ========================================================= */

/* Hero: same flowing image transition used on the approved travel heroes. */
body.ctwd-experience .ctexp-hero-image{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
}
body.ctwd-experience .ctexp-hero-image::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,#090909 0%,rgba(9,9,9,.52) 10%,rgba(9,9,9,.13) 28%,rgba(9,9,9,0) 48%),
    linear-gradient(0deg,rgba(0,0,0,.12),transparent 36%)!important;
}
body.ctwd-experience .ctexp-hero-image img{
  position:relative!important;
  z-index:0!important;
}

/* Explicit text colours: protect this page from inherited theme/global heading colours. */
body.ctwd-experience .ctexp-routes .ctexp-section-head h2,
body.ctwd-experience .ctexp-care .ctexp-care-copy h2,
body.ctwd-experience .ctexp-care .ctexp-care-grid h3,
body.ctwd-experience .ctexp-numbers .ctexp-number-intro h2{
  color:#111!important;
}
body.ctwd-experience .ctexp-routes .ctexp-section-head h2 strong,
body.ctwd-experience .ctexp-care .ctexp-care-copy h2 strong,
body.ctwd-experience .ctexp-care .ctexp-care-grid h3,
body.ctwd-experience .ctexp-numbers .ctexp-number-intro h2 strong{
  color:#111!important;
}

/* DER ANFANG: slightly tighter editorial relationship between headline and copy. */
body.ctwd-experience .ctexp-section-head{
  align-items:center!important;
}

/* GEMEINSAM UNTERWEGS: let the large authentic image stand on its own. */
body.ctwd-experience .ctexp-together-images .small{
  display:none!important;
}
body.ctwd-experience .ctexp-together blockquote{
  color:#fff!important;
}

/* PERSÖNLICH BETREUT: headings need to remain visible on the white section. */
body.ctwd-experience .ctexp-care-grid h3{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}

/* DIE MOMENTE DAZWISCHEN: calmer composition — one lead image, three supporting moments. */
body.ctwd-experience .ctexp-moment-head h2{
  color:#fff!important;
}
body.ctwd-experience .ctexp-moment-head h2 strong{
  color:#ffd200!important;
}
body.ctwd-experience .ctexp-moment-head>p:last-child{
  color:#bdbdbd!important;
}
body.ctwd-experience .ctexp-moment-grid{
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)!important;
  grid-template-rows:repeat(3,180px)!important;
  gap:14px!important;
  margin-top:58px!important;
}
body.ctwd-experience .ctexp-moment-grid .a{
  grid-column:1!important;
  grid-row:1/4!important;
}
body.ctwd-experience .ctexp-moment-grid .b{
  grid-column:2!important;
  grid-row:1!important;
}
body.ctwd-experience .ctexp-moment-grid .c{
  grid-column:2!important;
  grid-row:2!important;
}
body.ctwd-experience .ctexp-moment-grid .d{
  grid-column:2!important;
  grid-row:3!important;
}
body.ctwd-experience .ctexp-photo-note strong{
  color:#fff!important;
}
body.ctwd-experience .ctexp-photo-note p{
  color:#bdbdbd!important;
}

/* Zahlen: use the 60% repeat-customer figure as the intentional focal point. */
body.ctwd-experience .ctexp-number-grid .highlight{
  background:#111!important;
  color:#fff!important;
}
body.ctwd-experience .ctexp-number-grid .highlight>strong,
body.ctwd-experience .ctexp-number-grid .highlight>strong span{
  color:#ffd200!important;
  opacity:1!important;
}
body.ctwd-experience .ctexp-number-grid .highlight>span{
  color:#fff!important;
  opacity:1!important;
}

/* Final CTA: give the person and landscape a more deliberate crop. */
body.ctwd-experience .ctexp-final{
  background-position:center 38%!important;
}

@media(max-width:980px){
  body.ctwd-experience .ctexp-hero-image::after{
    background:
      linear-gradient(180deg,#090909 0%,rgba(9,9,9,.20) 11%,rgba(9,9,9,0) 30%),
      linear-gradient(0deg,rgba(0,0,0,.12),transparent 42%)!important;
  }
  body.ctwd-experience .ctexp-moment-grid{
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:360px 210px 210px!important;
  }
  body.ctwd-experience .ctexp-moment-grid .a{
    grid-column:1/3!important;
    grid-row:1!important;
  }
  body.ctwd-experience .ctexp-moment-grid .b{
    grid-column:1!important;
    grid-row:2!important;
  }
  body.ctwd-experience .ctexp-moment-grid .c{
    grid-column:2!important;
    grid-row:2!important;
  }
  body.ctwd-experience .ctexp-moment-grid .d{
    grid-column:1/3!important;
    grid-row:3!important;
  }
}

@media(max-width:680px){
  body.ctwd-experience .ctexp-moment-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:320px 210px 210px 210px!important;
  }
  body.ctwd-experience .ctexp-moment-grid .a,
  body.ctwd-experience .ctexp-moment-grid .b,
  body.ctwd-experience .ctexp-moment-grid .c,
  body.ctwd-experience .ctexp-moment-grid .d{
    grid-column:1!important;
  }
  body.ctwd-experience .ctexp-moment-grid .a{grid-row:1!important;}
  body.ctwd-experience .ctexp-moment-grid .b{grid-row:2!important;}
  body.ctwd-experience .ctexp-moment-grid .c{grid-row:3!important;}
  body.ctwd-experience .ctexp-moment-grid .d{grid-row:4!important;}
}


/* =========================================================
   Champions Training-Erlebnis 0.8.3
   Feinschliff I: rhythm, calmer image language, final CTA
   ========================================================= */

/* 1) Overall rhythm: reduce vertical distances between sections. */
body.ctwd-experience .ctexp-routes,
body.ctwd-experience .ctexp-care,
body.ctwd-experience .ctexp-moments,
body.ctwd-experience .ctexp-numbers{
  padding-top:82px!important;
  padding-bottom:82px!important;
}
body.ctwd-experience .ctexp-section-head{
  margin-bottom:44px!important;
}
body.ctwd-experience .ctexp-together{
  min-height:650px!important;
}
body.ctwd-experience .ctexp-together-images{
  min-height:650px!important;
}
body.ctwd-experience .ctexp-together-copy{
  padding-top:78px!important;
  padding-bottom:72px!important;
}
body.ctwd-experience .ctexp-number-grid{
  margin-top:48px!important;
}
body.ctwd-experience .ctexp-distance{
  margin-top:26px!important;
}

/* 2) PERSÖNLICH BETREUT: make the upper copy deliberately narrower. */
body.ctwd-experience .ctexp-care-copy{
  max-width:790px!important;
}
body.ctwd-experience .ctexp-care-copy>p:last-child{
  max-width:620px!important;
  margin-top:22px!important;
}
body.ctwd-experience .ctexp-care-grid{
  margin-top:44px!important;
}
body.ctwd-experience .ctexp-care-images{
  margin-top:34px!important;
  height:390px!important;
}

/* 3) DIE MOMENTE DAZWISCHEN:
      no text over pictures; two calm, large images only. */
body.ctwd-experience .ctexp-moment-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,.62fr)!important;
  column-gap:7vw!important;
  row-gap:0!important;
  align-items:end!important;
}
body.ctwd-experience .ctexp-moment-head .ctexp-kicker,
body.ctwd-experience .ctexp-moment-head h2{
  grid-column:1!important;
}
body.ctwd-experience .ctexp-moment-head>p:last-child{
  grid-column:2!important;
  grid-row:1/3!important;
  align-self:end!important;
  margin:0!important;
  color:#c6c6c6!important;
}
body.ctwd-experience .ctexp-moment-grid.ctexp-moment-grid-calm{
  display:grid!important;
  grid-template-columns:1.35fr .65fr!important;
  grid-template-rows:470px!important;
  gap:16px!important;
  margin-top:46px!important;
}
body.ctwd-experience .ctexp-moment-grid.ctexp-moment-grid-calm figure{
  grid-column:auto!important;
  grid-row:auto!important;
  margin:0!important;
  overflow:hidden!important;
}
body.ctwd-experience .ctexp-moment-grid.ctexp-moment-grid-calm img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
body.ctwd-experience .ctexp-photo-note{
  margin-top:30px!important;
  padding-top:24px!important;
  max-width:840px!important;
}

/* 4) FINAL CTA:
      move the copy away from the rider and calm the left side.
      On wide screens the text now sits in the quieter right-hand landscape. */
body.ctwd-experience .ctexp-final{
  min-height:540px!important;
  background-position:center 40%!important;
}
body.ctwd-experience .ctexp-final-overlay{
  background:
    linear-gradient(270deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 32%,rgba(0,0,0,.18) 64%,rgba(0,0,0,.08) 100%)!important;
}
body.ctwd-experience .ctexp-final-copy{
  width:min(1280px,90vw)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:54%!important;
  box-sizing:border-box!important;
}
body.ctwd-experience .ctexp-final-copy>p{
  margin:0!important;
}
body.ctwd-experience .ctexp-final h2{
  margin-top:18px!important;
  font-size:clamp(42px,4vw,64px)!important;
}
body.ctwd-experience .ctexp-final a{
  margin-top:30px!important;
}

@media(max-width:980px){
  body.ctwd-experience .ctexp-routes,
  body.ctwd-experience .ctexp-care,
  body.ctwd-experience .ctexp-moments,
  body.ctwd-experience .ctexp-numbers{
    padding-top:68px!important;
    padding-bottom:68px!important;
  }
  body.ctwd-experience .ctexp-together,
  body.ctwd-experience .ctexp-together-images{
    min-height:0!important;
  }
  body.ctwd-experience .ctexp-moment-head{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  body.ctwd-experience .ctexp-moment-head .ctexp-kicker,
  body.ctwd-experience .ctexp-moment-head h2,
  body.ctwd-experience .ctexp-moment-head>p:last-child{
    grid-column:1!important;
    grid-row:auto!important;
  }
  body.ctwd-experience .ctexp-moment-grid.ctexp-moment-grid-calm{
    grid-template-columns:1.2fr .8fr!important;
    grid-template-rows:380px!important;
  }
  body.ctwd-experience .ctexp-final-overlay{
    background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.22) 72%)!important;
  }
  body.ctwd-experience .ctexp-final-copy{
    padding-left:0!important;
    width:88vw!important;
  }
}

@media(max-width:680px){
  body.ctwd-experience .ctexp-routes,
  body.ctwd-experience .ctexp-care,
  body.ctwd-experience .ctexp-moments,
  body.ctwd-experience .ctexp-numbers{
    padding-top:56px!important;
    padding-bottom:56px!important;
  }
  body.ctwd-experience .ctexp-care-images{
    height:auto!important;
  }
  body.ctwd-experience .ctexp-moment-grid.ctexp-moment-grid-calm{
    grid-template-columns:1fr!important;
    grid-template-rows:290px 240px!important;
  }
  body.ctwd-experience .ctexp-final{
    min-height:500px!important;
  }
}


/* =========================================================
   Champions Training-Erlebnis 0.8.4
   Feinschliff II: borders, care tiles, calm details, split CTA
   ========================================================= */

/* No visual borders/outlines on content images. */
body.ctwd-experience .ctexp-main img,
body.ctwd-experience .ctexp-main figure,
body.ctwd-experience .ctexp-together-images,
body.ctwd-experience .ctexp-care-images,
body.ctwd-experience .ctexp-moment-grid{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body.ctwd-experience .ctexp-main img{
  border-radius:0!important;
}

/* PERSÖNLICH BETREUT: narrower, calmer cards with no numbering. */
body.ctwd-experience .ctexp-care-grid{
  max-width:960px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  grid-template-columns:repeat(3,1fr)!important;
}
body.ctwd-experience .ctexp-care-grid article{
  padding:30px 26px 32px!important;
}
body.ctwd-experience .ctexp-care-grid article>span{
  display:none!important;
}
body.ctwd-experience .ctexp-care-grid h3{
  margin:0 0 12px!important;
  font-size:21px!important;
  line-height:1.2!important;
}
body.ctwd-experience .ctexp-care-grid p{
  font-size:15.5px!important;
  line-height:1.58!important;
}

/* Keep the care imagery secondary and visually quiet. */
body.ctwd-experience .ctexp-care-images{
  max-width:1040px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
  height:330px!important;
}
body.ctwd-experience .ctexp-care-images img{
  object-fit:cover!important;
  object-position:center!important;
}

/* DIE MOMENTE DAZWISCHEN:
   new detail images, no over-cropping, and deliberately quiet proportions. */
body.ctwd-experience .ctexp-moment-grid.ctexp-moment-grid-calm{
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:auto!important;
  gap:18px!important;
  max-width:1040px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.ctwd-experience .ctexp-moment-grid.ctexp-moment-grid-calm figure{
  background:#181818!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:0!important;
}
body.ctwd-experience .ctexp-moment-grid.ctexp-moment-grid-calm img{
  width:100%!important;
  height:auto!important;
  max-height:430px!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* FINAL CTA:
   text left of the rider, button right of the rider. */
body.ctwd-experience .ctexp-final{
  min-height:520px!important;
  background-position:center center!important;
}
body.ctwd-experience .ctexp-final-overlay{
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.80) 0%,
      rgba(0,0,0,.56) 26%,
      rgba(0,0,0,.10) 43%,
      rgba(0,0,0,.10) 57%,
      rgba(0,0,0,.45) 76%,
      rgba(0,0,0,.68) 100%)!important;
}
body.ctwd-experience .ctexp-final-copy{
  width:min(1280px,90vw)!important;
  padding-left:0!important;
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) minmax(280px,34vw) minmax(260px,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:26px!important;
}
body.ctwd-experience .ctexp-final-copy>p{
  grid-column:1!important;
  grid-row:1!important;
  align-self:end!important;
}
body.ctwd-experience .ctexp-final h2{
  grid-column:1!important;
  grid-row:2!important;
  margin:16px 0 0!important;
  font-size:clamp(40px,3.5vw,58px)!important;
}
body.ctwd-experience .ctexp-final a{
  grid-column:3!important;
  grid-row:1/3!important;
  justify-self:center!important;
  align-self:center!important;
  margin:0!important;
  min-width:250px!important;
}

/* Tablet: still preserve left / person / right composition while there is space. */
@media(max-width:1100px) and (min-width:761px){
  body.ctwd-experience .ctexp-final-copy{
    grid-template-columns:minmax(260px,1fr) minmax(230px,30vw) minmax(220px,.9fr)!important;
    column-gap:18px!important;
  }
  body.ctwd-experience .ctexp-final h2{
    font-size:clamp(36px,4.4vw,52px)!important;
  }
  body.ctwd-experience .ctexp-final a{
    min-width:220px!important;
    padding:17px 20px!important;
    gap:24px!important;
  }
}

@media(max-width:760px){
  body.ctwd-experience .ctexp-care-grid{
    max-width:none!important;
    grid-template-columns:1fr!important;
  }
  body.ctwd-experience .ctexp-care-images{
    grid-template-columns:1fr!important;
    height:auto!important;
  }
  body.ctwd-experience .ctexp-care-images img{
    height:auto!important;
  }
  body.ctwd-experience .ctexp-moment-grid.ctexp-moment-grid-calm{
    grid-template-columns:1fr!important;
  }
  body.ctwd-experience .ctexp-moment-grid.ctexp-moment-grid-calm img{
    max-height:none!important;
  }

  /* Mobile falls back to the proven stacked CTA. */
  body.ctwd-experience .ctexp-final-overlay{
    background:linear-gradient(90deg,rgba(0,0,0,.80),rgba(0,0,0,.22) 78%)!important;
  }
  body.ctwd-experience .ctexp-final-copy{
    display:block!important;
    width:calc(100% - 44px)!important;
  }
  body.ctwd-experience .ctexp-final h2{
    margin-top:16px!important;
  }
  body.ctwd-experience .ctexp-final a{
    display:inline-flex!important;
    margin-top:30px!important;
  }
}


/* =========================================================
   Champions Training-Erlebnis 0.8.5
   Feinschliff III
   ========================================================= */

/* HERO — softer transition, image reaches further left. */
body.ctwd-experience .ctexp-hero{
  grid-template-columns:41% 59%!important;
}
body.ctwd-experience .ctexp-hero-copy{
  position:relative!important;
  z-index:2!important;
}
body.ctwd-experience .ctexp-hero-image{
  margin-left:-90px!important;
  width:calc(100% + 90px)!important;
}
body.ctwd-experience .ctexp-hero-image::after{
  background:
    linear-gradient(90deg,
      #090909 0%,
      rgba(9,9,9,.92) 8%,
      rgba(9,9,9,.68) 20%,
      rgba(9,9,9,.36) 35%,
      rgba(9,9,9,.12) 50%,
      rgba(9,9,9,0) 66%)!important;
}

/* PERSÖNLICH BETREUT — wider across the page, therefore flatter. */
body.ctwd-experience .ctexp-care-grid{
  max-width:none!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.ctwd-experience .ctexp-care-grid article{
  padding:23px 30px 25px!important;
}
body.ctwd-experience .ctexp-care-grid h3{
  font-size:20px!important;
  margin-bottom:9px!important;
}
body.ctwd-experience .ctexp-care-grid p{
  font-size:15px!important;
  line-height:1.48!important;
}

/* Remove the old paired care imagery entirely. */
body.ctwd-experience .ctexp-care-images{
  display:none!important;
}

/* MOMENTS — editorial, calm composition.
   One large authentic image, a clean text panel, two quiet details. */
body.ctwd-experience .ctexp-moments{
  padding-top:66px!important;
  padding-bottom:56px!important;
}
body.ctwd-experience .ctexp-moment-story{
  display:grid!important;
  grid-template-columns:minmax(0,1.42fr) minmax(300px,.78fr)!important;
  grid-template-rows:auto 190px 190px!important;
  gap:16px!important;
  align-items:stretch!important;
}
body.ctwd-experience .ctexp-moment-story figure{
  margin:0!important;
  overflow:hidden!important;
  background:#171717!important;
}
body.ctwd-experience .ctexp-moment-story img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body.ctwd-experience .ctexp-moment-lead{
  grid-column:1!important;
  grid-row:1/4!important;
  min-height:530px!important;
}
body.ctwd-experience .ctexp-moment-lead img{
  object-position:center 45%!important;
}
body.ctwd-experience .ctexp-moment-copy{
  grid-column:2!important;
  grid-row:1!important;
  padding:10px 8px 20px 18px!important;
  align-self:end!important;
}
body.ctwd-experience .ctexp-moment-copy .ctexp-kicker{
  margin-bottom:20px!important;
}
body.ctwd-experience .ctexp-moment-copy h2{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(38px,3.25vw,54px)!important;
  line-height:1.02!important;
}
body.ctwd-experience .ctexp-moment-copy h2 strong{
  color:#ffd200!important;
}
body.ctwd-experience .ctexp-moment-copy>p:last-child{
  margin:22px 0 0!important;
  color:#bdbdbd!important;
  font-size:16px!important;
  line-height:1.62!important;
}
body.ctwd-experience .ctexp-moment-detail.one{
  grid-column:2!important;
  grid-row:2!important;
}
body.ctwd-experience .ctexp-moment-detail.two{
  grid-column:2!important;
  grid-row:3!important;
}
body.ctwd-experience .ctexp-moment-detail img{
  object-fit:cover!important;
  object-position:center!important;
}
body.ctwd-experience .ctexp-photo-note{
  margin-top:24px!important;
  padding-top:22px!important;
  max-width:820px!important;
}

/* Bring SEIT 2005 closer to the preceding section. */
body.ctwd-experience .ctexp-numbers{
  padding-top:64px!important;
}

/* FINAL CTA — keep button right, but lower it slightly. */
body.ctwd-experience .ctexp-final a{
  transform:translateY(48px)!important;
}

/* Tablet */
@media(max-width:1100px) and (min-width:761px){
  body.ctwd-experience .ctexp-hero{
    grid-template-columns:43% 57%!important;
  }
  body.ctwd-experience .ctexp-hero-image{
    margin-left:-58px!important;
    width:calc(100% + 58px)!important;
  }
  body.ctwd-experience .ctexp-moment-story{
    grid-template-columns:minmax(0,1.22fr) minmax(290px,.78fr)!important;
    grid-template-rows:auto 170px 170px!important;
  }
  body.ctwd-experience .ctexp-moment-lead{
    min-height:500px!important;
  }
  body.ctwd-experience .ctexp-moment-copy{
    padding-left:8px!important;
  }
  body.ctwd-experience .ctexp-final a{
    transform:translateY(38px)!important;
  }
}

/* Stacked hero / mobile. */
@media(max-width:980px){
  body.ctwd-experience .ctexp-hero{
    grid-template-columns:1fr!important;
  }
  body.ctwd-experience .ctexp-hero-image{
    margin-left:0!important;
    width:100%!important;
  }
  body.ctwd-experience .ctexp-hero-image::after{
    background:
      linear-gradient(180deg,
        #090909 0%,
        rgba(9,9,9,.58) 8%,
        rgba(9,9,9,.22) 20%,
        rgba(9,9,9,0) 38%)!important;
  }
}

@media(max-width:760px){
  body.ctwd-experience .ctexp-care-grid{
    width:100%!important;
  }
  body.ctwd-experience .ctexp-care-grid article{
    padding:22px 0!important;
  }
  body.ctwd-experience .ctexp-moment-story{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
  }
  body.ctwd-experience .ctexp-moment-lead,
  body.ctwd-experience .ctexp-moment-copy,
  body.ctwd-experience .ctexp-moment-detail.one,
  body.ctwd-experience .ctexp-moment-detail.two{
    grid-column:1!important;
    grid-row:auto!important;
  }
  body.ctwd-experience .ctexp-moment-lead{
    min-height:340px!important;
  }
  body.ctwd-experience .ctexp-moment-detail{
    height:230px!important;
  }
  body.ctwd-experience .ctexp-moment-copy{
    padding:18px 0 8px!important;
  }
  body.ctwd-experience .ctexp-final a{
    transform:none!important;
  }
}

/* 0.9.0 final image crop */
body.ctwd-experience .ctexp-final{background-position:center 24%!important}@media(max-width:760px){body.ctwd-experience .ctexp-final{background-position:center 20%!important}}


/* =========================================================
   0.9.1 — Final CTA image framing only
   Keep text/button untouched. Align image to top so helmet,
   head and raised arms remain visible at the existing zoom.
   ========================================================= */
body.ctwd-experience .ctexp-final{
  background-size:cover!important;
  background-position:center top!important;
}
@media(max-width:760px){
  body.ctwd-experience .ctexp-final{
    background-size:cover!important;
    background-position:center top!important;
  }
}


/* =========================================================
   0.9.2 — Erlebnis final CTA: image only
   Restore the stronger person framing from the approved reference.
   Text, button, sizing and placement are untouched.
   ========================================================= */
body.ctwd-experience .ctexp-final{
  background-size:auto 138%!important;
  background-repeat:no-repeat!important;
  background-position:56% 38%!important;
}
@media(max-width:1100px) and (min-width:761px){
  body.ctwd-experience .ctexp-final{
    background-size:auto 145%!important;
    background-position:56% 40%!important;
  }
}
@media(max-width:760px){
  body.ctwd-experience .ctexp-final{
    background-size:auto 135%!important;
    background-position:58% 40%!important;
  }
}


/* =========================================================
   0.9.3 — Erlebnis CTA: restore approved screenshot framing
   Image only. No changes to text, button or CTA layout.
   Slightly more open than 0.9.2 so head/arms/hands and lower
   torso remain visible together.
   ========================================================= */
body.ctwd-experience .ctexp-final{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center 18%!important;
}
@media(max-width:1100px) and (min-width:761px){
  body.ctwd-experience .ctexp-final{
    background-size:cover!important;
    background-position:center 16%!important;
  }
}
@media(max-width:760px){
  body.ctwd-experience .ctexp-final{
    background-size:cover!important;
    background-position:center 16%!important;
  }
}

/* =========================================================
   0.10.0 — final CTA, screenshot correction only
   Show more of the rider vertically (including lower back / seat area)
   while keeping head and hands visible. Button slightly smaller/lower.
   ========================================================= */
body.ctwd-experience .ctexp-final{
  background-size:100% auto!important;
  background-position:center 28%!important;
  background-color:#0b2638!important;
}
body.ctwd-experience .ctexp-final a{
  min-width:230px!important;
  padding:16px 20px!important;
  gap:34px!important;
  transform:translateY(62px)!important;
}
@media(max-width:1100px) and (min-width:761px){
  body.ctwd-experience .ctexp-final{
    background-size:100% auto!important;
    background-position:center 30%!important;
  }
  body.ctwd-experience .ctexp-final a{
    min-width:220px!important;
    padding:15px 18px!important;
    transform:translateY(52px)!important;
  }
}
@media(max-width:760px){
  body.ctwd-experience .ctexp-final{
    background-size:auto 100%!important;
    background-position:center center!important;
  }
  body.ctwd-experience .ctexp-final a{transform:none!important}
}

/* =========================================================
   0.11.1 – iPhone/mobile hardening
   Prevent long German headings/copy from overflowing the narrow viewport.
   ========================================================= */
@media (max-width:480px){
  body.ctwd-experience,
  body.ctwd-experience .ctwd-page,
  body.ctwd-experience .ctexp-main{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body.ctwd-experience .ctexp-wrap{
    width:100%!important;
    max-width:100%!important;
    padding-left:20px!important;
    padding-right:20px!important;
    box-sizing:border-box!important;
  }
  body.ctwd-experience .ctexp-section-head,
  body.ctwd-experience .ctexp-section-head>*{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.ctwd-experience .ctexp-section-head h2,
  body.ctwd-experience .ctexp-section-head h2 strong{
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:auto!important;
    -webkit-hyphens:auto!important;
  }
  body.ctwd-experience .ctexp-section-head h2{
    font-size:36px!important;
    line-height:1.03!important;
    letter-spacing:-.035em!important;
  }
  body.ctwd-experience .ctexp-section-head>p{
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:auto!important;
    -webkit-hyphens:auto!important;
    font-size:17px!important;
    line-height:1.65!important;
  }
}