/* Clinic leaves „Goldene Stunde Vivid“ (2026-10-29) — loaded after goldene-stunde.css on every page,
   every rule scoped to the leaf wrapper. Same vocabulary as the homepage: the hero is a chapter on
   the photograph, reading surfaces are glass, loose lines get a pill, one copper primary.

   Layout (≥1100px, the two-column leaf of desktop-autumn.css): breadcrumb → full-width hero → left
   column: facts, weather, text, map, voices, Taub, FAQ, documents, team panel, links; right column:
   photo gallery, then the sticky request card. 960–1099px: breadcrumb → hero → request card → the
   rest, in one column. Phones keep phone-autumn's order (hero first, request card never shown). */

/* ---- The theme's own H1 („Hurghada“) duplicates the hero title: kept for assistive tech, not drawn ---- */
html body.dueseweb-modern:has(.dw-center-leaf > .dw-clinic-hero) #main h1:first-of-type{
 position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;
 padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important
}
@media (min-width:960px){
 html body.dueseweb-modern:has(.dw-center-leaf > .dw-clinic-hero) #main .hentry > .entry-content{padding-top:0!important}
 /* The breadcrumb is row 1 of the grid: keep it clear of the 68px fixed banner */
 html body.dueseweb-modern .dw-center-leaf.has-aside{margin-top:calc(var(--ks-banner-h,68px) + 22px)!important}
}

/* ---- Hero chapter ---- */
html body.dueseweb-modern .dw-center-leaf > .dw-clinic-hero.has-image{
 min-height:420px;border-radius:26px;background-position:center 45%!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 24px 60px rgba(40,20,10,.32)!important
}
html body.dueseweb-modern .dw-center-leaf > .dw-clinic-hero.has-image::before{background:linear-gradient(180deg,rgba(20,10,6,.08) 0%,rgba(20,10,6,0) 30%,rgba(20,10,6,.84) 100%)!important}
html body.dueseweb-modern .dw-center-leaf > .dw-clinic-hero .dw-clinic-hero-inner{padding:28px 32px 30px;gap:12px}
html body.dueseweb-modern #main .dw-center-leaf > .dw-clinic-hero .dw-clinic-hero-h1{font-size:clamp(32px,3.8vw,54px)!important;line-height:1.06!important;letter-spacing:-.012em;max-width:22ch;margin:6px 0 0!important}
html body.dueseweb-modern .dw-center-leaf > .dw-clinic-hero :is(.dw-clinic-hero-kicker,.dw-clinic-hero-region){font-size:15px;padding:6px 12px;border-radius:999px}
/* Breadcrumb pill above the hero */
html body.dueseweb-modern #main .dw-center-leaf > nav.dw-leaf-crumbs{margin:0 0 4px;font-size:16px}

@media (min-width:1100px){
 /* Row 1 breadcrumb, row 2 hero across both columns, row 3 gallery (right) + first facts (left),
    request card from row 4 in the right column, sticky as before. */
 html body.dueseweb-modern .dw-center-leaf.has-aside > .dw-leaf-crumbs{grid-column:1;grid-row:1}
 html body.dueseweb-modern .dw-center-leaf.has-aside > .dw-clinic-hero{grid-column:1 / -1;grid-row:2;margin:0 0 6px}
 html body.dueseweb-modern .dw-center-leaf.has-aside > .dw-clinic-slider{grid-column:2;grid-row:3;align-self:start;margin:0}
 html body.dueseweb-modern .dw-center-leaf.has-aside > .dw-leaf-aside{grid-column:2;grid-row:4 / span 50}
 html body.dueseweb-modern .dw-center-leaf.has-aside > .dw-clinic-hero.has-image{min-height:460px}
 html body.dueseweb-modern #main .dw-center-leaf.has-aside > .dw-clinic-hero .dw-clinic-hero-h1{font-size:clamp(40px,4.2vw,60px)!important}
}
@media (min-width:1100px) and (min-height:800px){
 html body.dueseweb-modern .dw-center-leaf.has-aside > .dw-leaf-aside{position:sticky;top:80px}
}
@media (min-width:960px) and (max-width:1099px){
 /* One column: breadcrumb, hero, request card, then the page */
 html body.dueseweb-modern .dw-center-leaf.has-aside{display:flex;flex-direction:column;gap:16px}
 html body.dueseweb-modern .dw-center-leaf.has-aside > *{margin-top:0!important;margin-bottom:0!important}
 html body.dueseweb-modern .dw-center-leaf.has-aside > .dw-leaf-crumbs{order:-3}
 html body.dueseweb-modern .dw-center-leaf.has-aside > .dw-clinic-hero{order:-2}
 html body.dueseweb-modern .dw-center-leaf.has-aside > .dw-leaf-aside{order:-1}
 html body.dueseweb-modern #main .dw-center-leaf > .dw-clinic-section-h2{margin-top:14px!important}
}

/* ---- Photo gallery: rim + shadow like the mosaic tiles; the overlay pills stay ---- */
html body.dueseweb-modern .dw-center-leaf .dw-clinic-slider-track{border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 18px 44px rgba(40,20,10,.26)!important}

/* ---- Loose lines on the ground → pills ---- */
html body.dueseweb-modern #main .dw-center-leaf :is(.dw-clinic-info-note,.dw-dok-leaf-help){
 display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:12px;margin:8px 0 12px;
 background:var(--gs-glass-bar,rgba(255,250,242,.8));border:1px solid var(--gs-rim,rgba(255,255,255,.95));
 box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(74,34,20,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
 color:var(--gs-ink,#2b1d14)!important;font-size:16px
}
html body.dueseweb-modern #main .dw-center-leaf :is(.dw-clinic-info-note,.dw-dok-leaf-help) *{color:var(--gs-ink,#2b1d14)!important}

/* ---- Weather: ivory glass with ink (was a navy / mahogany slab) ---- */
html body.dueseweb-modern .dw-center-leaf .dw-weather-card{
 --dw-ink:#2b1d14;--dw-navy:#7a2e12;--dw-muted:#5e4a3a;
 background:var(--gs-glass,rgba(255,250,242,.88))!important;border:1px solid var(--gs-rim,rgba(255,255,255,.95))!important;border-radius:22px;
 box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 rgba(255,255,255,.6),0 18px 44px rgba(74,34,20,.16)!important;
 -webkit-backdrop-filter:blur(24px) saturate(1.5)!important;backdrop-filter:blur(24px) saturate(1.5)!important;color:#2b1d14!important
}
html body.dueseweb-modern .dw-center-leaf .dw-weather-card::before{background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.1) 60%,transparent 100%)}
html body.dueseweb-modern .dw-center-leaf .dw-weather-card::after{opacity:.45}
html body.dueseweb-modern #main .dw-center-leaf .dw-weather-card .dw-weather-card__h2{
 display:block;padding:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;
 color:#7a2e12!important;opacity:1;font-size:20px!important;font-weight:600;margin:0 0 10px!important
}
html body.dueseweb-modern .dw-center-leaf .dw-weather-card :is(.dw-weather-now__temp,.dw-weather-now__label,.dw-weather-now__sub,.dw-weather-day__name,.dw-weather-day__hi,.dw-weather-day__lo,.dw-weather-card__foot,.dw-weather-card__foot *){color:#2b1d14!important}
html body.dueseweb-modern .dw-center-leaf .dw-weather-card :is(.dw-weather-now__sub,.dw-weather-day__lo,.dw-weather-card__foot){color:#5e4a3a!important}
html body.dueseweb-modern .dw-center-leaf .dw-weather-card .dw-weather-card__foot{opacity:1}
html body.dueseweb-modern .dw-center-leaf .dw-weather-card .dw-weather-day{
 background:rgba(255,255,255,.62)!important;border:1px solid rgba(120,80,40,.22)!important;border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 12px rgba(74,34,20,.08)
}
html body.dueseweb-modern .dw-center-leaf .dw-weather-card .dw-weather-day--today{background:linear-gradient(180deg,#ffe8a8 0%,#f0c35a 45%,#d9a53a 55%,#f3cf74 100%)!important;border-color:#b8862a!important}
html body.dueseweb-modern .dw-center-leaf .dw-weather-card .dw-weather-day--today *{color:#3a2a0a!important}

/* ---- Facts tiles: white glass with a gold-rimmed icon coin ---- */
html body.dueseweb-modern .dw-center-leaf .dw-clinic-info-item{
 background:rgba(255,255,255,.62)!important;border:1px solid rgba(120,80,40,.22)!important;border-radius:16px;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 12px rgba(74,34,20,.08)!important
}
html body.dueseweb-modern .dw-center-leaf .dw-clinic-info-icon{
 background:linear-gradient(180deg,#ffe8a8 0%,#f0c35a 45%,#d9a53a 55%,#f3cf74 100%)!important;border:1px solid #b8862a;border-radius:50%;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 3px 8px rgba(0,0,0,.18);color:#3a2a0a!important
}
html body.dueseweb-modern .dw-center-leaf .dw-clinic-info-label{letter-spacing:.08em}

/* ---- Availability heatmap tiles + the Taub panel's inset title ---- */
html body.dueseweb-modern .dw-center-leaf .dw-occ-heatmap{border-radius:22px}
html body.dueseweb-modern #main .dw-center-leaf .dw-clinic-taub .dw-clinic-taub-h2{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;margin:4px 0 10px!important}

/* ---- Team panel: the hotline number as a gold-rimmed tile ---- */
html body.dueseweb-modern #main .dw-wahl-panel a.dw-wahl-phone-lg{
 display:inline-flex;align-items:center;justify-content:center;border-radius:16px;
 background:rgba(255,255,255,.7)!important;border:2px solid #d9a53a!important;color:#2b1d14!important;-webkit-text-fill-color:#2b1d14;
 box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(74,34,20,.12)!important;text-decoration:none
}
html body.dueseweb-modern #main .dw-wahl-panel a.dw-wahl-phone-lg:is(:hover,:focus-visible){background:#fff!important;border-color:#7a2e12!important}

/* ---- Documents list ---- */
html body.dueseweb-modern .dw-center-leaf .dw-dok-leaf-item{border-radius:14px}
html body.dueseweb-modern .dw-center-leaf .dw-dok-leaf-item > a{border-radius:14px}

/* ---- Further links row: glass pills ---- */
html body.dueseweb-modern #main .dw-center-leaf .dw-clinic-link{
 background:var(--gs-glass-bar,rgba(255,250,242,.8))!important;border:1px solid var(--gs-rim,rgba(255,255,255,.95))!important;border-radius:999px;
 box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(74,34,20,.1)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)
}

/* ---- Fallbacks ---- */
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){
 html body.dueseweb-modern .dw-center-leaf .dw-weather-card{background:#fffaf2!important;border-color:#c9b494!important}
 html body.dueseweb-modern .dw-center-leaf :is(.dw-clinic-info-item,.dw-weather-card .dw-weather-day){background:#fff!important}
}

/* ---- Network country pages (/bbraun/<land>/ …) reuse the leaf wrapper without a hero: the list of
   centres sat on the bare ground. The wrapper itself becomes the glass card there. ---- */
html body.dueseweb-modern .dw-center-leaf:not(:has(> .dw-clinic-hero)):not(:has(> .dw-clinic-info)){
 background:var(--gs-glass,rgba(255,250,242,.88))!important;border:1px solid var(--gs-rim,rgba(255,255,255,.95))!important;border-radius:22px;
 box-shadow:inset 0 1px 0 #fff,0 18px 44px rgba(74,34,20,.16)!important;padding:24px 28px!important;box-sizing:border-box;
 -webkit-backdrop-filter:blur(24px) saturate(1.5)!important;backdrop-filter:blur(24px) saturate(1.5)!important;color:var(--gs-ink,#2b1d14)!important
}
html body.dueseweb-modern .dw-center-leaf:not(:has(> .dw-clinic-hero)):not(:has(> .dw-clinic-info)) > :is(h2,h3){color:var(--gs-rust,#7a2e12)!important;margin-top:0}
html body.dueseweb-modern .dw-center-leaf:not(:has(> .dw-clinic-hero)):not(:has(> .dw-clinic-info)) > :is(ul,ol) a{color:var(--gs-rust,#7a2e12)!important}
html body.dueseweb-modern .dw-center-leaf:not(:has(> .dw-clinic-hero)):not(:has(> .dw-clinic-info)) > .dw-leaf-aside{margin-top:0}
@media (min-width:1100px){
 html body.dueseweb-modern .dw-center-leaf.has-aside:not(:has(> .dw-clinic-hero)):not(:has(> .dw-clinic-info)) > .dw-leaf-aside{grid-row:1 / span 50}
 html body.dueseweb-modern .dw-center-leaf.has-aside:not(:has(> .dw-clinic-hero)):not(:has(> .dw-clinic-info)){margin-top:calc(var(--ks-banner-h,68px) + 60px)!important}
}

/* Audit 2026-10-29: network leaves (bbraun/nephrocare/…) have a hero WITHOUT a photograph — it was a bare frame
   with a white title over whatever the seasonal photo showed; and their plain .dw-clinic-info sections had no
   surface. Ivory glass with rust title and ink body, like the network country pages. */
html body.dueseweb-modern .dw-center-leaf > .dw-clinic-hero:not(.has-image){
 background:rgba(255,250,242,.9)!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:24px;
 box-shadow:inset 0 1px 0 #fff,0 14px 36px rgba(20,10,5,.14)!important;-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);
 min-height:0!important
}
html body.dueseweb-modern .dw-center-leaf > .dw-clinic-hero:not(.has-image) :is(.dw-clinic-hero-glow,.dw-clinic-hero-shine){display:none!important}
html body.dueseweb-modern #main .dw-center-leaf > .dw-clinic-hero:not(.has-image) .dw-clinic-hero-h1{color:#7a2e12!important;-webkit-text-fill-color:#7a2e12!important;text-shadow:none!important}
html body.dueseweb-modern .dw-center-leaf > .dw-clinic-hero:not(.has-image) .dw-clinic-hero-inner > p{color:#2b1d14!important}
html body.dueseweb-modern .dw-center-leaf > section.dw-clinic-info:not(.dw-service-notice):not(.dw-clinic-info--overview):not(.ks-card){
 background:rgba(255,250,242,.88)!important;color:#2b1d14!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:22px;
 padding:22px 24px!important;margin:0 0 16px!important;box-shadow:inset 0 1px 0 #fff,0 10px 26px rgba(20,10,5,.12);
 -webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)
}
html body.dueseweb-modern .dw-center-leaf > section.dw-clinic-info :is(p,li,span,dd,dt,td,th){color:#2b1d14}
html body.dueseweb-modern #main .dw-center-leaf > section.dw-clinic-info :is(h2,h3,h4){color:#7a2e12!important}