.ctwd-radreisen{margin:0;background:#f4f4f1;color:#101112}.ctwd-radreisen .ctwd-page{overflow:hidden}.cttr-hero{background:#0b0c0d;color:#fff;padding:68px 0 62px;border-top:1px solid rgba(255,255,255,.08)}.cttr-kicker{margin:0 0 16px;color:#ffd200;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.cttr-hero h1{margin:0;max-width:860px;color:#fff!important;font-size:clamp(46px,6.2vw,78px);line-height:.96;letter-spacing:-.04em;text-transform:uppercase}.cttr-lead{max-width:760px;margin:30px 0 0;color:#c9cbcd;font-size:20px;line-height:1.55}.cttr-list{padding:64px 0 82px}.cttr-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:42px}.cttr-intro h2{margin:0;font-size:clamp(34px,4vw,54px);line-height:1.04;letter-spacing:-.035em}.cttr-intro>p{margin:0;color:#5f6264;font-size:17px;line-height:1.65}.cttr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cttr-card{display:flex;flex-direction:column;min-width:0;background:#fff;color:#111;text-decoration:none;box-shadow:0 8px 28px rgba(0,0,0,.055);transition:transform .22s ease,box-shadow .22s ease}.cttr-card:hover{transform:translateY(-4px);box-shadow:0 15px 38px rgba(0,0,0,.1)}.cttr-image{position:relative;aspect-ratio:16/10;background-position:center;background-size:cover;overflow:hidden}.cttr-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 48%)}.cttr-image-fallback{background:linear-gradient(135deg,#25282a,#090a0b)}.cttr-number{position:absolute;z-index:2;left:18px;top:17px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em}.cttr-flag{position:absolute;z-index:3;right:16px;top:14px;min-width:43px;height:34px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:3px;box-shadow:0 3px 12px rgba(0,0,0,.16);font-size:22px;line-height:1;letter-spacing:2px;white-space:nowrap}.cttr-body{display:flex;flex:1;flex-direction:column;padding:23px 23px 21px}.cttr-date{margin:0 0 9px;color:#8a7300;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cttr-body h3{display:block!important;margin:0 0 12px!important;color:#111!important;font-size:25px!important;font-weight:750!important;line-height:1.08!important;letter-spacing:-.025em!important;visibility:visible!important;opacity:1!important}.cttr-text{margin:0 0 24px;color:#666a6c;font-size:14.5px;line-height:1.55}.cttr-bottom{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:17px;border-top:1px solid #ececea}.cttr-bottom span{color:#777b7d;font-size:12px;font-weight:700}.cttr-bottom b{color:#111;font-size:13px}.cttr-card:hover .cttr-bottom b{color:#9b8200}.cttr-closing{background:#ffd200;padding:42px 0 44px}.cttr-closing .cttr-kicker{color:#111}.cttr-closing .ctwd-container{display:grid;grid-template-columns:1.45fr .55fr;gap:48px;align-items:end}.cttr-closing h2{margin:0;color:#111!important;font-size:clamp(30px,3.8vw,50px);line-height:1;letter-spacing:-.035em;text-transform:uppercase}.cttr-closing p:last-child{margin:0;color:#202223;font-size:16px;line-height:1.55}@media(max-width:1020px){.cttr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cttr-intro{gap:35px}.cttr-closing .ctwd-container{grid-template-columns:1fr;gap:16px}}@media(max-width:700px){.cttr-hero{padding:52px 0 48px}.cttr-list{padding:52px 0 68px}.cttr-intro{grid-template-columns:1fr;gap:20px}.cttr-grid{grid-template-columns:1fr;gap:20px}.cttr-image{aspect-ratio:16/9}.cttr-lead{font-size:17px}.cttr-body h3{font-size:24px}}
.cttr-image{background-color:#17191a!important;background-repeat:no-repeat!important}.cttr-card .cttr-body,.cttr-card .cttr-body *{box-sizing:border-box}.cttr-card .cttr-body h3{font-family:inherit!important;}

/* 0.4.2 – gezielter Feinschliff nach iPad-Prüfung */
.cttr-hero{padding-top:58px!important;padding-bottom:58px!important}
.cttr-hero h1{margin-top:0!important}
.cttr-list{padding-top:58px!important}
@media(max-width:1020px){
  .cttr-hero{padding-top:50px!important;padding-bottom:52px!important}
}
@media(max-width:700px){
  .cttr-hero{padding-top:42px!important;padding-bottom:46px!important}
}

/* =========================================================
   RADREISEN 0.5.0 — Champions Training editorial redesign
   ========================================================= */
.ctwd-radreisen{background:#f1f1ee}
.ctwd-radreisen .cttr-hero{
  position:relative;overflow:hidden;background:#090a0b!important;
  padding:72px 0 70px!important;border-top:1px solid rgba(255,255,255,.08)
}
.cttr-hero .ctwd-container{position:relative;display:flex;align-items:flex-end;justify-content:space-between}
.cttr-hero-copy{position:relative;z-index:2;max-width:930px}
.cttr-eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:19px;color:#ffd200;font-size:12px;font-weight:850;letter-spacing:.2em}
.cttr-eyebrow:before{content:"";width:42px;height:3px;background:#ffd200}
.cttr-hero h1{display:flex!important;flex-direction:column;margin:0!important;max-width:none!important;text-transform:uppercase}
.cttr-hero h1 span{color:#fff;font-size:clamp(42px,5.4vw,70px);font-weight:400;line-height:.92;letter-spacing:-.045em}
.cttr-hero h1 strong{color:#ffd200;font-size:clamp(62px,8.6vw,116px);font-weight:900;line-height:.84;letter-spacing:-.06em}
.cttr-hero h1 em{color:#fff;font-size:clamp(58px,8.2vw,108px);font-style:normal;font-weight:900;line-height:.9;letter-spacing:-.06em}
.cttr-lead{max-width:780px!important;margin:30px 0 0!important;color:#bfc1c2!important;font-size:18px!important;line-height:1.55!important}
.cttr-lead b{color:#fff;font-weight:700}
.cttr-hero-mark{position:absolute;right:-15px;bottom:-105px;color:rgba(255,210,0,.055);font-size:360px;font-weight:950;line-height:1;letter-spacing:-.1em;user-select:none}

.ctwd-radreisen .cttr-list{padding:78px 0 96px!important}
.cttr-intro{grid-template-columns:1.1fr .72fr!important;gap:95px!important;align-items:end!important;margin-bottom:48px!important}
.cttr-intro .cttr-kicker{margin-bottom:13px}
.cttr-intro h2{color:#111!important;font-size:clamp(40px,4.8vw,62px)!important;font-weight:400!important;line-height:.94!important;letter-spacing:-.045em!important}
.cttr-intro h2 span{color:#111;font-weight:850}
.cttr-intro h2 strong{color:#b29600;font-weight:850}
.cttr-intro-side{padding-bottom:5px}
.cttr-intro-side .cttr-line{display:block;width:58px;height:4px;margin-bottom:19px;background:#ffd200}
.cttr-intro-side p{margin:0;color:#5e6264;font-size:16px;line-height:1.62}

.cttr-grid{gap:26px!important}
.cttr-card{position:relative;overflow:hidden;border:0!important;background:#fff;box-shadow:0 9px 30px rgba(0,0,0,.055)!important}
.cttr-card:before{content:"";position:absolute;z-index:5;left:0;bottom:0;width:0;height:4px;background:#ffd200;transition:width .28s ease}
.cttr-card:hover:before{width:100%}
.cttr-card:hover{transform:translateY(-6px)!important;box-shadow:0 18px 42px rgba(0,0,0,.13)!important}
.cttr-image{aspect-ratio:16/9!important;transition:transform .45s ease}
.cttr-card:hover .cttr-image{transform:scale(1.018)}
.cttr-image:after{background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,0) 47%,rgba(0,0,0,.08))!important}
.cttr-number{left:20px!important;top:18px!important;font-size:13px!important}
.cttr-flag{right:17px!important;top:15px!important}
.cttr-body{position:relative;padding:22px 24px 23px!important}
.cttr-date{margin-bottom:8px!important;color:#9b8200!important;font-size:12px!important;letter-spacing:.09em!important}
.cttr-body h3{font-size:27px!important;line-height:1.04!important}
.cttr-text{font-size:14.5px!important}
.cttr-bottom b{display:inline-flex;align-items:center;gap:6px;font-weight:800!important}
.cttr-bottom b:after{content:"";display:inline-block;width:20px;height:2px;background:#ffd200;transition:width .2s ease}
.cttr-card:hover .cttr-bottom b:after{width:34px}

/* Three editorial highlight cards break the catalogue rhythm */
.cttr-card-featured{grid-column:span 2;background:#0d0e0f!important;color:#fff!important}
.cttr-card-featured .cttr-image{aspect-ratio:2.15/1!important}
.cttr-card-featured .cttr-image:after{background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.06) 66%),linear-gradient(0deg,rgba(0,0,0,.48),transparent 55%)!important}
.cttr-image-title{position:absolute;z-index:4;left:25px;bottom:22px;display:flex;flex-direction:column;max-width:72%}
.cttr-image-title small{margin-bottom:6px;color:#ffd200;font-size:10px;font-weight:850;letter-spacing:.16em}
.cttr-image-title span{color:#fff;font-size:clamp(27px,3vw,43px);font-weight:900;line-height:.98;letter-spacing:-.035em}
.cttr-card-featured .cttr-body{display:grid;grid-template-columns:1fr 1.15fr;gap:8px 28px}
.cttr-card-featured .cttr-date{grid-column:1;color:#ffd200!important}
.cttr-card-featured .cttr-body h3{display:none!important}
.cttr-card-featured .cttr-text{grid-column:1;margin:0!important;color:#d1d3d4!important}
.cttr-card-featured .cttr-bottom{grid-column:2;grid-row:1/3;justify-content:flex-end;border-top:0!important;border-left:1px solid rgba(255,255,255,.13);padding:0 0 0 25px!important}
.cttr-card-featured .cttr-bottom span{color:#aeb1b2!important}
.cttr-card-featured .cttr-bottom b{color:#fff!important}

/* Yellow closer remains compact, now with stronger typographic hierarchy */
.cttr-closing{padding:40px 0 42px!important}
.cttr-closing .cttr-kicker{font-size:11px!important;letter-spacing:.2em!important}
.cttr-closing h2{font-size:clamp(31px,3.7vw,48px)!important;font-weight:850!important;letter-spacing:-.045em!important}
.cttr-closing p:last-child{max-width:390px}

@media(max-width:1020px){
  .cttr-hero-mark{font-size:280px;bottom:-80px}
  .cttr-intro{grid-template-columns:1fr .72fr!important;gap:48px!important}
  .cttr-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cttr-card-featured{grid-column:span 2}
}
@media(max-width:700px){
  .ctwd-radreisen .cttr-hero{padding:48px 0 50px!important}
  .cttr-eyebrow{margin-bottom:14px}
  .cttr-hero-mark{display:none}
  .cttr-lead{font-size:16px!important;margin-top:24px!important}
  .ctwd-radreisen .cttr-list{padding:54px 0 70px!important}
  .cttr-intro{grid-template-columns:1fr!important;gap:26px!important;margin-bottom:32px!important}
  .cttr-grid{grid-template-columns:1fr!important;gap:21px!important}
  .cttr-card-featured{grid-column:auto}
  .cttr-card-featured .cttr-image{aspect-ratio:16/10!important}
  .cttr-image-title{left:20px;bottom:18px}
  .cttr-card-featured .cttr-body{display:flex;flex-direction:column;gap:0}
  .cttr-card-featured .cttr-bottom{border-left:0!important;border-top:1px solid rgba(255,255,255,.13)!important;padding:17px 0 0!important}
}

/* =========================================================
   RADREISEN 0.5.1 — dynamischer, kompakter, nicht jahresgebunden
   ========================================================= */

/* Text und Karten nicht mehr direkt am linken/rechten Viewport-Rand */
.ctwd-radreisen main .ctwd-container{
  width:min(100%,1480px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:clamp(24px,3.6vw,56px)!important;
  padding-right:clamp(24px,3.6vw,56px)!important;
  box-sizing:border-box!important;
}

/* Hero: weniger schwarze Fläche, dafür starkes Rennradbild rechts */
.ctwd-radreisen .cttr-hero{
  padding:56px 0 58px!important;
}
.cttr-hero .ctwd-container{
  min-height:430px;
  display:grid!important;
  grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr)!important;
  gap:44px;
  align-items:center!important;
}
.cttr-hero-copy{max-width:760px!important}
.cttr-eyebrow{margin-bottom:15px!important}
.cttr-hero h1 span{
  font-size:clamp(38px,4.6vw,62px)!important;
}
.cttr-hero h1 strong{
  font-size:clamp(58px,7.1vw,92px)!important;
}
.cttr-hero h1 em{
  font-size:clamp(55px,6.8vw,88px)!important;
}
.cttr-lead{
  max-width:720px!important;
  margin-top:25px!important;
  font-size:17px!important;
}
.cttr-hero-mark{display:none!important}
.cttr-hero-visual{
  position:relative;
  align-self:stretch;
  min-height:390px;
  border-radius:2px;
  background:
    linear-gradient(90deg,#090a0b 0%,rgba(9,10,11,.45) 18%,rgba(9,10,11,.04) 48%),
    url('https://www.champions-training.de/wp-content/uploads/2023/05/Top13.jpg') center center/cover no-repeat;
  overflow:hidden;
}
.cttr-hero-visual:after{
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}

/* Intro: gewünschtes echte Champions-Gelb */
.cttr-intro h2 strong{
  color:#ffd200!important;
}

/* John Degenkolb: Bildausschnitt weiter nach oben, Kopf vollständig sichtbar */
.cttr-card:nth-child(7) .cttr-image{
  background-position:center 16%!important;
}

/* Yellow closer also gets the same inset as the rest of the content */
.cttr-closing .ctwd-container{
  padding-left:clamp(24px,3.6vw,56px)!important;
  padding-right:clamp(24px,3.6vw,56px)!important;
}

@media(max-width:1020px){
  .cttr-hero .ctwd-container{
    min-height:390px;
    grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr)!important;
    gap:32px;
  }
  .cttr-hero-visual{min-height:350px}
}
@media(max-width:760px){
  .cttr-hero .ctwd-container{
    min-height:0;
    grid-template-columns:1fr!important;
    gap:26px;
  }
  .cttr-hero-visual{
    min-height:260px;
    background:
      linear-gradient(180deg,rgba(9,10,11,.05),rgba(9,10,11,.16)),
      url('https://www.champions-training.de/wp-content/uploads/2023/05/Top13.jpg') center center/cover no-repeat;
  }
  .ctwd-radreisen .cttr-hero{padding:44px 0 46px!important}
}

/* =========================================================
   RADREISEN 0.5.2 — Hero / spacing / imagery refinements
   ========================================================= */
.cttr-hero .ctwd-container{
  width:100%!important;
  max-width:none!important;
  padding-right:0!important;
  grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr)!important;
}
.cttr-hero-copy{
  padding-left:clamp(24px,3.6vw,56px);
}
.cttr-hero-visual{
  min-height:390px!important;
  background:
    linear-gradient(90deg,#090a0b 0%,rgba(9,10,11,.28) 15%,rgba(9,10,11,0) 44%),
    url('https://www.champions-training.de/wp-content/uploads/2026/09/costa98.webp') center center/cover no-repeat!important;
}
.ctwd-radreisen .cttr-list{
  padding-top:40px!important;
}
.cttr-intro{
  margin-bottom:38px!important;
}
.cttr-number{display:none!important}
.cttr-card:nth-child(7) .cttr-image{
  background-position:center 8%!important;
}
@media(max-width:1020px){
  .cttr-hero .ctwd-container{
    grid-template-columns:minmax(0,1fr) minmax(330px,.9fr)!important;
  }
  .cttr-hero-copy{
    padding-left:clamp(24px,3.6vw,44px);
  }
}
@media(max-width:760px){
  .cttr-hero .ctwd-container{
    padding-left:0!important;
    grid-template-columns:1fr!important;
  }
  .cttr-hero-copy{
    padding-left:24px;
    padding-right:24px;
  }
  .cttr-hero-visual{
    min-height:250px!important;
    width:100%;
    background:
      linear-gradient(180deg,rgba(9,10,11,.03),rgba(9,10,11,.13)),
      url('https://www.champions-training.de/wp-content/uploads/2026/09/costa98.webp') center center/cover no-repeat!important;
  }
  .ctwd-radreisen .cttr-list{
    padding-top:34px!important;
  }
}

/* =========================================================
   RADREISEN 0.5.3 — full-bleed hero + Grand Tour Alpen
   ========================================================= */
.ctwd-radreisen .cttr-hero{
  overflow:hidden!important;
}
.cttr-hero .ctwd-container{
  width:100%!important;
  max-width:none!important;
  margin-right:0!important;
  padding-right:0!important;
}
.cttr-hero-visual{
  width:calc(100% + max(0px, (100vw - 100%) / 2))!important;
  margin-right:calc(-1 * max(0px, (100vw - 100%) / 2))!important;
  justify-self:stretch!important;
  border-radius:0!important;
  background:
    linear-gradient(90deg,#090a0b 0%,rgba(9,10,11,.20) 12%,rgba(9,10,11,0) 38%),
    url('https://www.champions-training.de/wp-content/uploads/2026/09/hero.png') center center/cover no-repeat!important;
}
@media(max-width:760px){
  .cttr-hero-visual{
    width:100vw!important;
    margin-right:0!important;
    background:
      linear-gradient(180deg,rgba(9,10,11,.02),rgba(9,10,11,.10)),
      url('https://www.champions-training.de/wp-content/uploads/2026/09/hero.png') center center/cover no-repeat!important;
  }
}

/* =========================================================
   RADREISEN 0.5.4 — hero image without cyclist cropping
   ========================================================= */
.cttr-hero-visual{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-height:390px!important;
  background:#090a0b!important;
  overflow:hidden!important;
}
.cttr-hero-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:390px!important;
  object-fit:contain!important;
  object-position:right center!important;
}

/* Laptop / tablet landscape: keep the complete source image visible */
@media (min-width:761px) and (max-width:1280px){
  .cttr-hero .ctwd-container{
    grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr)!important;
  }
  .cttr-hero-visual,
  .cttr-hero-visual img{
    min-height:350px!important;
  }
}

/* Portrait tablet: image gets its own full-width row; no crop */
@media (min-width:701px) and (max-width:900px) and (orientation:portrait){
  .cttr-hero .ctwd-container{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .cttr-hero-copy{
    padding-right:clamp(24px,3.6vw,44px)!important;
  }
  .cttr-hero-visual{
    width:100%!important;
    margin-right:0!important;
    min-height:0!important;
  }
  .cttr-hero-visual img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* Mobile: natural image ratio, no cyclist cropping */
@media(max-width:700px){
  .cttr-hero-visual{
    width:100vw!important;
    margin-right:0!important;
    min-height:0!important;
    background:#090a0b!important;
  }
  .cttr-hero-visual img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* =========================================================
   RADREISEN 0.5.5 — restore approved compact hero dimensions
   Keep full cyclists visible without increasing hero height
   ========================================================= */

/* Desktop: return to the compact 0.5.3 hero proportions */
.ctwd-radreisen .cttr-hero{
  padding:56px 0 58px!important;
}
.cttr-hero .ctwd-container{
  min-height:430px!important;
  height:430px!important;
  grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr)!important;
  align-items:center!important;
}
.cttr-hero-visual{
  height:390px!important;
  min-height:390px!important;
  max-height:390px!important;
  align-self:center!important;
  overflow:hidden!important;
}
.cttr-hero-visual img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:390px!important;
  object-fit:contain!important;
  object-position:right center!important;
}

/* Laptop / landscape tablet: compact fixed-height hero */
@media (min-width:901px) and (max-width:1280px){
  .cttr-hero .ctwd-container{
    min-height:390px!important;
    height:390px!important;
  }
  .cttr-hero-visual{
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
  }
  .cttr-hero-visual img{
    height:350px!important;
    max-height:350px!important;
  }
}

/* Portrait tablet: still compact; image sits below copy without runaway height */
@media (min-width:701px) and (max-width:900px) and (orientation:portrait){
  .cttr-hero .ctwd-container{
    height:auto!important;
    min-height:0!important;
  }
  .cttr-hero-visual{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
  }
  .cttr-hero-visual img{
    width:100%!important;
    height:300px!important;
    max-height:300px!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* Mobile: controlled compact image height */
@media(max-width:700px){
  .cttr-hero .ctwd-container{
    height:auto!important;
    min-height:0!important;
  }
  .cttr-hero-visual{
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important;
  }
  .cttr-hero-visual img{
    width:100%!important;
    height:230px!important;
    max-height:230px!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* =========================================================
   RADREISEN 0.5.6 — compact hero with useful image crop
   ========================================================= */

/*
 * Keep the approved compact hero dimensions.
 * Fill the right image panel again; do not use contain,
 * which created the large empty black area in 0.5.5.
 * Crop from the TOP so the cyclists at the lower edge remain visible.
 */
.cttr-hero-visual{
  height:390px!important;
  min-height:390px!important;
  max-height:390px!important;
  overflow:hidden!important;
  background:#090a0b!important;
}
.cttr-hero-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center bottom!important;
}

/* Laptop / landscape tablet */
@media (min-width:901px) and (max-width:1280px){
  .cttr-hero-visual{
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
  }
  .cttr-hero-visual img{
    height:100%!important;
    object-fit:cover!important;
    object-position:center bottom!important;
  }
}

/* Portrait tablet: keep the same visual logic, but shallower */
@media (min-width:701px) and (max-width:900px) and (orientation:portrait){
  .cttr-hero-visual{
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
  }
  .cttr-hero-visual img{
    height:100%!important;
    object-fit:cover!important;
    object-position:center bottom!important;
  }
}

/* Mobile */
@media(max-width:700px){
  .cttr-hero-visual{
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
  }
  .cttr-hero-visual img{
    height:100%!important;
    object-fit:cover!important;
    object-position:center bottom!important;
  }
}

/* =========================================================
   RADREISEN 0.5.7 — hero image zoomed out inside fixed panel
   ========================================================= */
.cttr-hero-visual{
  background:#090a0b!important;
}
.cttr-hero-visual img{
  width:92%!important;
  height:92%!important;
  margin-left:auto!important;
  object-fit:cover!important;
  object-position:center 72%!important;
}

/* Laptop / landscape tablet: a little more overview */
@media (min-width:901px) and (max-width:1280px){
  .cttr-hero-visual img{
    width:91%!important;
    height:91%!important;
    object-position:center 70%!important;
  }
}

/* Portrait tablet: retain more of the complete scene */
@media (min-width:701px) and (max-width:900px) and (orientation:portrait){
  .cttr-hero-visual img{
    width:94%!important;
    height:94%!important;
    margin-left:auto!important;
    object-fit:cover!important;
    object-position:center 70%!important;
  }
}

/* Mobile: modest zoom-out so subjects remain legible */
@media(max-width:700px){
  .cttr-hero-visual img{
    width:96%!important;
    height:96%!important;
    margin-left:auto!important;
    object-fit:cover!important;
    object-position:center 72%!important;
  }
}

/* =========================================================
   RADREISEN 0.5.8 — show both cyclists + mountain scenery
   ========================================================= */

/*
 * Preserve the compact hero dimensions. The source image is shown
 * with its complete height and scaled down enough to retain both
 * cyclists plus the mountain/road scenery. Any remaining breathing
 * room stays black and belongs visually to the hero.
 */
.cttr-hero-visual{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  background:#090a0b!important;
}
.cttr-hero-visual img{
  width:auto!important;
  height:100%!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0 0 0 auto!important;
  object-fit:contain!important;
  object-position:right center!important;
}

/* Laptop / landscape tablet */
@media (min-width:901px) and (max-width:1280px){
  .cttr-hero-visual img{
    width:auto!important;
    height:100%!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:right center!important;
  }
}

/* Portrait tablet */
@media (min-width:701px) and (max-width:900px) and (orientation:portrait){
  .cttr-hero-visual img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* Mobile */
@media(max-width:700px){
  .cttr-hero-visual img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* =========================================================
   RADREISEN 0.5.9 — compact hero, full cyclists, visible mountains
   ========================================================= */

/*
 * The source image is portrait-oriented. In a wide, compact hero it is
 * geometrically impossible to show the complete image and fill the whole
 * width at the same time. Therefore:
 * 1) a softly darkened/blurred copy fills the panel,
 * 2) the complete sharp source image sits on the right edge.
 * This preserves both cyclists AND mountain scenery without enlarging
 * the hero or leaving a dead black rectangle.
 */
.cttr-hero-visual{
  position:relative!important;
  height:390px!important;
  min-height:390px!important;
  max-height:390px!important;
  overflow:hidden!important;
  background:#090a0b!important;
}
.cttr-hero-visual::before{
  content:"";
  position:absolute;
  inset:-18px;
  background:
    linear-gradient(90deg,rgba(9,10,11,.68) 0%,rgba(9,10,11,.20) 42%,rgba(9,10,11,.05) 100%),
    url('https://www.champions-training.de/wp-content/uploads/2026/09/hero.png') center 58%/cover no-repeat;
  filter:blur(8px);
  transform:scale(1.04);
  opacity:.78;
}
.cttr-hero-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#090a0b 0%,rgba(9,10,11,.62) 11%,rgba(9,10,11,.10) 38%,rgba(9,10,11,0) 60%);
  pointer-events:none;
}
.cttr-hero-visual img{
  position:absolute!important;
  z-index:2!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:auto!important;
  height:100%!important;
  min-height:0!important;
  max-width:none!important;
  max-height:100%!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:right center!important;
}

/* Laptop / landscape tablet */
@media (min-width:901px) and (max-width:1280px){
  .cttr-hero-visual{
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
  }
  .cttr-hero-visual::before{
    background-position:center 58%!important;
  }
  .cttr-hero-visual img{
    height:100%!important;
    width:auto!important;
    max-width:none!important;
  }
}

/* Portrait tablet: preserve the compact layout while showing the whole motif */
@media (min-width:701px) and (max-width:900px) and (orientation:portrait){
  .cttr-hero-visual{
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
  }
  .cttr-hero-visual::after{
    background:linear-gradient(90deg,rgba(9,10,11,.38),rgba(9,10,11,0) 48%)!important;
  }
  .cttr-hero-visual img{
    height:100%!important;
    width:auto!important;
    max-width:none!important;
    right:0!important;
  }
}

/* Mobile */
@media(max-width:700px){
  .cttr-hero-visual{
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
  }
  .cttr-hero-visual::after{
    background:linear-gradient(90deg,rgba(9,10,11,.22),rgba(9,10,11,0) 42%)!important;
  }
  .cttr-hero-visual img{
    height:100%!important;
    width:auto!important;
    max-width:none!important;
    right:0!important;
  }
}

/* =========================================================
   RADREISEN 0.6.0 — definitive hero reset
   Goal: original compact hero dimensions + complete hero.png
   ========================================================= */

.ctwd-radreisen .cttr-hero{
  padding:56px 0 58px!important;
}

.ctwd-radreisen .cttr-hero .ctwd-container{
  min-height:430px!important;
  height:430px!important;
  grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr)!important;
  align-items:center!important;
}

/* Reset every experimental image layer from 0.5.4–0.5.9 */
.ctwd-radreisen .cttr-hero-visual{
  position:relative!important;
  display:block!important;
  height:390px!important;
  min-height:390px!important;
  max-height:390px!important;
  overflow:hidden!important;
  background:#090a0b!important;
}

.ctwd-radreisen .cttr-hero-visual::before,
.ctwd-radreisen .cttr-hero-visual::after{
  content:none!important;
  display:none!important;
  background:none!important;
  filter:none!important;
  opacity:0!important;
}

/*
 * Intentionally fit the complete supplied composition into the fixed
 * hero panel. No cover crop, no contain gutters, no hidden cyclists.
 */
.ctwd-radreisen .cttr-hero-visual img{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  object-fit:fill!important;
  object-position:center center!important;
  transform:none!important;
}

/* Laptop / landscape tablet */
@media (min-width:901px) and (max-width:1280px){
  .ctwd-radreisen .cttr-hero .ctwd-container{
    min-height:390px!important;
    height:390px!important;
  }
  .ctwd-radreisen .cttr-hero-visual{
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
  }
}

/* Portrait tablet */
@media (min-width:701px) and (max-width:900px) and (orientation:portrait){
  .ctwd-radreisen .cttr-hero{
    padding:42px 0 44px!important;
  }
  .ctwd-radreisen .cttr-hero .ctwd-container{
    grid-template-columns:1fr!important;
    height:auto!important;
    min-height:0!important;
    gap:28px!important;
  }
  .ctwd-radreisen .cttr-hero-visual{
    width:100%!important;
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
  }
}

/* Mobile */
@media(max-width:700px){
  .ctwd-radreisen .cttr-hero{
    padding:36px 0 38px!important;
  }
  .ctwd-radreisen .cttr-hero .ctwd-container{
    grid-template-columns:1fr!important;
    height:auto!important;
    min-height:0!important;
    gap:24px!important;
  }
  .ctwd-radreisen .cttr-hero-visual{
    width:100%!important;
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
  }
}

/* =========================================================
   RADREISEN 0.6.1 — new hero asset, proportional rendering
   Keep approved 0.6.0 size/position; remove distortion only.
   ========================================================= */
.ctwd-radreisen .cttr-hero-visual img{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}

/* =========================================================
   RADREISEN 0.6.2 — hero like the travel pages
   Landscape: image spans the complete hero height/width behind the copy.
   Portrait/mobile: keep the already working stacked presentation.
   ========================================================= */

@media (min-width:901px){
  .ctwd-radreisen .cttr-hero{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
    padding:56px 0 58px!important;
    min-height:540px!important;
  }

  .ctwd-radreisen .cttr-hero .ctwd-container{
    position:relative!important;
    z-index:3!important;
    display:block!important;
    height:auto!important;
    min-height:426px!important;
  }

  .ctwd-radreisen .cttr-hero-copy{
    position:relative!important;
    z-index:4!important;
    width:min(49%,760px)!important;
    max-width:760px!important;
    padding-top:34px!important;
  }

  /*
   * The image is no longer a small right-hand box.
   * It fills the full hero, exactly like the travel-page hero concept.
   */
  .ctwd-radreisen .cttr-hero-visual{
    position:absolute!important;
    z-index:1!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    overflow:hidden!important;
    background:#090a0b!important;
    pointer-events:none!important;
  }

  .ctwd-radreisen .cttr-hero-visual img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center 55%!important;
    transform:none!important;
  }

  /*
   * Strong black fade on the text side, transparent over the riders/mountains.
   * This keeps the typography clear without shrinking or cropping the image
   * into a separate box.
   */
  .ctwd-radreisen .cttr-hero-visual::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    opacity:1!important;
    filter:none!important;
    background:
      linear-gradient(90deg,
        #090a0b 0%,
        #090a0b 30%,
        rgba(9,10,11,.95) 39%,
        rgba(9,10,11,.70) 48%,
        rgba(9,10,11,.25) 60%,
        rgba(9,10,11,0) 74%)!important;
    pointer-events:none!important;
  }

  .ctwd-radreisen .cttr-hero-visual::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    background:linear-gradient(180deg,rgba(9,10,11,.08),rgba(9,10,11,.04))!important;
    pointer-events:none!important;
  }
}

/* Landscape tablet / smaller laptop: same concept, slightly more right-biased motif. */
@media (min-width:901px) and (max-width:1280px){
  .ctwd-radreisen .cttr-hero{
    min-height:500px!important;
  }
  .ctwd-radreisen .cttr-hero .ctwd-container{
    min-height:386px!important;
  }
  .ctwd-radreisen .cttr-hero-copy{
    width:50%!important;
    padding-top:26px!important;
  }
  .ctwd-radreisen .cttr-hero-visual img{
    object-position:56% 55%!important;
  }
  .ctwd-radreisen .cttr-hero-visual::before{
    background:
      linear-gradient(90deg,
        #090a0b 0%,
        #090a0b 31%,
        rgba(9,10,11,.95) 40%,
        rgba(9,10,11,.68) 50%,
        rgba(9,10,11,.22) 63%,
        rgba(9,10,11,0) 78%)!important;
  }
}

/*
 * Portrait tablet/mobile deliberately retain the 0.6.1 stacked image setup,
 * because that presentation was already reported as correct.
 */