/* Homepage „Goldene Stunde Vivid“ (2026-10-29) — front page only, after goldene-stunde.css.
   Markup: 42b-home-vivid.php (anchors, count tile, figures, band photos, chapter order, pill nav).
   Chapters: hero on the photograph → bento → dark „Warum“ with figures → „3 Schritten“ on a photo
   band → Patientenstimmen → Apps → FAQ → finale on a photo band → footer. Reading text stays ink on
   ≥ 86 % glass; the only white type is the hero headline (over its own dark radial scrim), the
   „3 Schritten“ title (over the band's dark top) and photo-tile captions. */

/* ---- Hero (desktop): headline, two CTAs and the gold chips on the photograph ---- */
@media (min-width:960px){
 html body.home.dueseweb-modern.dw-winter-sun .dw-home-carousel-as-hero{min-height:72vh!important;padding-top:150px!important;padding-bottom:36px!important;display:flex;flex-direction:column;justify-content:center;gap:0!important}
 html body.home.dueseweb-modern.dw-winter-sun .dw-home-carousel-as-hero .dw-home-carousel-header{position:relative;isolation:isolate;gap:22px!important;padding:0 120px}
 html body.home.dueseweb-modern.dw-winter-sun .dw-home-carousel-as-hero .dw-home-carousel-header::before{content:"";position:absolute;inset:-60px -20%;z-index:-1;pointer-events:none;background:radial-gradient(58% 70% at 50% 48%,rgba(40,20,5,.55),rgba(40,20,5,.28) 45%,rgba(40,20,5,0) 72%)}
 html body.dueseweb-modern.dw-winter-sun.home #main .dw-home-carousel-heading-hero{
  display:block!important;max-width:26ch;margin:0 auto!important;padding:0!important;
  background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:clamp(42px,4.8vw,66px)!important;line-height:1.08!important;letter-spacing:-.015em;font-weight:600!important;
  text-shadow:0 2px 6px rgba(40,20,5,.55),0 14px 40px rgba(40,20,5,.4)!important
 }
 html body.dueseweb-modern.dw-winter-sun.home #main .dw-home-carousel-heading-hero .dw-hero-escape{display:block;color:#fff!important;-webkit-text-fill-color:#fff!important}
 /* The badges and CTAs exist in the markup as mobile-only: shown here, CTAs before the chips */
 html body.home.dueseweb-modern .dw-home-carousel-header .dw-hero-ctas.dw-mobile-only{display:flex!important;order:1;gap:14px;justify-content:center;flex-wrap:wrap;margin:6px 0 0}
 html body.home.dueseweb-modern .dw-home-carousel-header .dw-trust-badges.dw-mobile-only{display:flex!important;order:2;gap:10px;justify-content:center;flex-wrap:wrap;margin:4px 0 0}
 html body.home.dueseweb-modern #main .dw-hero-ctas .dw-home-carousel-cta{min-height:60px;padding:0 30px;border-radius:18px;font-size:20px;font-weight:700;display:inline-flex;align-items:center;gap:10px}
 html body.home.dueseweb-modern #main .dw-hero-ctas .dw-cta-secondary{
  background:rgba(255,250,242,.8)!important;color:#2b1d14!important;-webkit-text-fill-color:#2b1d14;text-shadow:none;
  border:1px solid rgba(255,255,255,.95)!important;box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(20,10,5,.3)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4)
 }
 html body.home.dueseweb-modern #main .dw-hero-ctas .dw-cta-secondary *{color:#2b1d14!important;-webkit-text-fill-color:#2b1d14}
 html body.home.dueseweb-modern #main .dw-hero-ctas .dw-cta-secondary:is(:hover,:focus-visible){background:#fff!important;transform:translateY(-1px)}
}
html body.home.dueseweb-modern .dw-trust-badges .dw-trust-badge{
 display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:21px;
 background:linear-gradient(180deg,#ffe8a8 0%,#f0c35a 45%,#d9a53a 55%,#f3cf74 100%);border:1px solid #b8862a;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 4px 12px rgba(0,0,0,.25);color:#3a2a0a!important;font-weight:700;font-size:16px
}

/* ---- Banner pill navigation (front page, from 1100px) ---- */
html body.dueseweb-modern .dw-desktop-banner-nav{display:none}
@media (min-width:1100px){
 html body.dueseweb-modern .dw-desktop-banner-nav{display:flex;gap:4px;padding:4px;margin:0 10px;border-radius:16px;background:rgba(90,50,20,.08);box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}
 html body.dueseweb-modern .dw-desktop-banner-nav a{display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:12px;font-weight:700;font-size:16px;color:#2b1d14!important;text-decoration:none;white-space:nowrap}
 html body.dueseweb-modern .dw-desktop-banner-nav a:is(:hover,:focus-visible){background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18)}
}

/* ---- Bento: the partner-count tile (5th grid child, row 2 col 4) ---- */
html body.home.dueseweb-modern .dw-mosaic-count-cell{position:relative;min-width:0;min-height:0}
html body.home.dueseweb-modern .dw-mosaic-count{
 position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;padding:20px 22px;border-radius:22px;
 background:linear-gradient(160deg,#4a2214 0%,#7a2e12 60%,#9a3f16 100%);color:#fff3dc;text-decoration:none;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 0 0 1px rgba(255,255,255,.18),0 16px 40px rgba(40,20,10,.3);
 transition:transform .22s ease,box-shadow .22s ease
}
html body.home.dueseweb-modern .dw-mosaic-count::before{content:"";position:absolute;inset:0;border-radius:22px;background:radial-gradient(60% 50% at 100% 0%,rgba(255,214,120,.45),rgba(255,214,120,0) 70%);pointer-events:none}
html body.home.dueseweb-modern .dw-mosaic-count:is(:hover,:focus-visible){transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 0 0 1px rgba(255,255,255,.25),0 24px 54px rgba(40,20,10,.38)}
html body.home.dueseweb-modern .dw-mosaic-count__n{position:relative;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(40px,3.6vw,52px);line-height:1;background:linear-gradient(90deg,#ffe8a8,#f0c35a 60%,#ffd36a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html body.home.dueseweb-modern .dw-mosaic-count__t{position:relative;font-size:19px;font-weight:700;line-height:1.25;color:#fff3dc!important}
html body.home.dueseweb-modern .dw-mosaic-count__l{position:relative;font-size:16px;color:#ffe2b8!important;margin-top:6px}
@media (max-width:1199px){ html body.home.dueseweb-modern .dw-mosaic-count__n{font-size:40px} }

/* ---- „Warum Feriendialyse“: four figures on glass, rust numerals (light chapter since 2026-10-29 evening) ---- */
html body.home.dueseweb-modern .dw-home-stats{list-style:none;margin:8px auto 28px;padding:0;max-width:1160px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
html body.home.dueseweb-modern .dw-home-stats__item{
 display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:24px 16px;border-radius:24px;
 background:var(--gs-glass,rgba(255,250,242,.88));border:1px solid var(--gs-rim,rgba(255,255,255,.95));
 box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 rgba(255,255,255,.6),0 18px 44px rgba(74,34,20,.16);-webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5)
}
html body.home.dueseweb-modern .dw-home-stats__n{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(56px,5.2vw,84px);line-height:1;letter-spacing:-.02em;background:linear-gradient(180deg,#bf501c 0%,#9a3f16 55%,#7a2e12 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html body.home.dueseweb-modern .dw-home-stats__label{font-size:19px;font-weight:700;color:#2b1d14!important}
html body.home.dueseweb-modern .dw-home-stats__sub{font-size:16px;line-height:1.45;color:#5e4a3a!important;max-width:28ch}
@media (max-width:959px){
 html body.home.dueseweb-modern .dw-home-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 20px}
 html body.home.dueseweb-modern .dw-home-stats__item{padding:18px 12px}
 html body.home.dueseweb-modern .dw-home-stats__n{font-size:44px}
 html body.home.dueseweb-modern .dw-home-stats__label{font-size:17px}
 html body.home.dueseweb-modern .dw-home-stats__sub{font-size:15px}
}

/* ---- Photo bands: „In 3 Schritten“ (dark top → light foot) and the finale (light top → sea) ---- */
html body.home.dueseweb-modern .dw-band-photo{position:relative;background-image:var(--dw-band-photo)!important;background-size:cover!important;background-position:center 60%!important;background-color:#c98a4a!important;isolation:isolate;overflow:hidden}
html body.home.dueseweb-modern .dw-band-photo::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
html body.home.dueseweb-modern .dw-band-photo > .dw-section-inner{position:relative;z-index:1}
html body.home.dueseweb-modern .dw-process.dw-band-photo{padding-top:60px!important;padding-bottom:50px!important;border:0!important}
html body.home.dueseweb-modern .dw-process.dw-band-photo::before{background:linear-gradient(180deg,rgba(42,27,23,.9) 0%,rgba(42,27,23,.5) 22%,rgba(60,30,10,.2) 60%,rgba(247,239,227,.12) 100%)}
html body.home.dueseweb-modern #main .dw-process.dw-band-photo h2{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.5);font-size:clamp(30px,3vw,46px)!important}
html body.home.dueseweb-modern .dw-process.dw-band-photo .dw-process-steps{position:relative}
@media (min-width:960px){
 html body.home.dueseweb-modern .dw-process.dw-band-photo .dw-process-steps::before{content:"";position:absolute;left:16%;right:16%;top:44px;height:4px;border-radius:2px;background:linear-gradient(90deg,#ffe8a8,#f0c35a,#ffe8a8);box-shadow:0 2px 8px rgba(0,0,0,.35);z-index:0}
 html body.home.dueseweb-modern .dw-process.dw-band-photo .dw-process-step{position:relative;z-index:1}
}
html body.home.dueseweb-modern .dw-process.dw-band-photo .dw-process-num{width:56px;height:56px;font-family:Fraunces,Georgia,serif;font-size:26px;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -2px 0 rgba(0,0,0,.12),0 8px 18px rgba(0,0,0,.3)!important}

html body.home.dueseweb-modern .dw-final-cta.dw-band-photo{padding-top:70px!important;padding-bottom:60px!important;background-position:center 38%!important}
html body.home.dueseweb-modern .dw-final-cta.dw-band-photo::before{background:linear-gradient(180deg,rgba(247,239,227,.9) 0%,rgba(14,53,88,.1) 30%,rgba(14,53,88,.45) 100%)}
html body.home.dueseweb-modern .dw-final-cta.dw-band-photo > .dw-section-inner{
 max-width:860px;margin:0 auto;box-sizing:border-box;padding:36px 40px!important;border-radius:30px;text-align:center;
 background:var(--gs-glass,rgba(255,250,242,.88));border:1px solid var(--gs-rim,rgba(255,255,255,.95));
 box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 rgba(255,255,255,.6),0 30px 70px rgba(10,30,50,.35);
 -webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5)
}
html body.home.dueseweb-modern #main .dw-final-cta.dw-band-photo h2{display:block;padding:0;margin:0 0 12px!important;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#7a2e12!important;font-size:clamp(30px,3vw,44px)!important}
html body.home.dueseweb-modern #main .dw-final-cta.dw-band-photo .dw-section-subheading{display:block;padding:0;margin:0 auto 18px;max-width:56ch;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;color:#2b1d14!important;font-size:19px;line-height:1.5}
html body.home.dueseweb-modern .dw-final-cta.dw-band-photo .dw-final-cta-buttons{justify-content:center;gap:14px}
html body.home.dueseweb-modern #main .dw-final-cta.dw-band-photo .dw-cta{min-height:58px;padding:0 28px;border-radius:18px;font-size:19px;font-weight:700;display:inline-flex;align-items:center;gap:10px}

@media (max-width:959px){
 html body.home.dueseweb-modern #main .dw-final-cta.dw-band-photo .dw-cta{font-size:17px;padding:0 16px;white-space:nowrap}
 html body.home.dueseweb-modern .dw-final-cta.dw-band-photo > .dw-section-inner{padding:26px 18px!important;border-radius:22px}
}

/* ---- Patientenstimmen: gold quote mark, pills as in the mockup ---- */
html body.home.dueseweb-modern .dw-pe-card{position:relative;padding-top:52px!important}
html body.home.dueseweb-modern .dw-pe-card::before{content:"\201C";position:absolute;top:14px;left:22px;font-family:Fraunces,Georgia,serif;font-size:56px;line-height:1;color:#f0c35a;pointer-events:none}

/* ---- Reduced transparency / contrast: solid surfaces, scrims denser ---- */
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){
 html body.home.dueseweb-modern .dw-home-stats__item{background:#fffaf2;border-color:#c9b494}
 html body.home.dueseweb-modern .dw-process.dw-band-photo::before{background:linear-gradient(180deg,rgba(42,27,23,.94) 0%,rgba(42,27,23,.7) 22%,rgba(247,239,227,.7) 60%,rgba(247,239,227,.85) 100%)}
 html body.home.dueseweb-modern .dw-final-cta.dw-band-photo::before{background:rgba(247,239,227,.85)}
 html body.home.dueseweb-modern .dw-home-carousel-as-hero .dw-home-carousel-header::before{background:radial-gradient(60% 72% at 50% 48%,rgba(40,20,5,.8),rgba(40,20,5,.5) 45%,rgba(40,20,5,0) 72%)}
}
@media (prefers-reduced-motion:reduce){
 html body.home.dueseweb-modern :is(.dw-mosaic-count,.dw-hero-ctas .dw-cta):is(:hover,:focus-visible){transform:none}
}
/* The phone count tile's arrow (42b-) is for the bento only */
@media (min-width:960px){ html body.home.dueseweb-modern .dw-mosaic-count__a{display:none} }