/* weltseite-gew-hell.css — helles Aquarell-Thema „Gesund Erwachsen Werden“ (30.10.2026, neue einheitliche Cover 1–5).
   Laden NACH weltseite-winterfeld.css (+ wut); Koerperklassen: t-winterfeld t-gewhell.
   Farben aus den Covern: Papier #fcf8f2, Titelgruen #12382a, Salbei #7f9a7c, Ocker/Senf #c9952f.
   Der Regenbogen-Farbweg der alten Cover entfaellt: --tint bleibt beim Gruen (auf body gesetzt, schlaegt die
   Variable, die GEW_JS am <html> setzt); Bandfarben = erdige Toene aus den Covern. Hero: Papier links frei,
   dunkle Schrift statt Weiss auf Blauschleier. */
.t-gewhell{--nacht:#fcf8f2;--nacht2:#f4eee3;--papier:#fcf8f2;--papier2:#f2ebdf;--linie:rgba(18,56,42,.14);
  --text:#26302a;--text2:#5b655e;--tinte:#12382a;--tint:#3d7a52;--gold:#3d7a52;--gold-hell:#2c5e40;
  --tint-text:#2c5e40;--tint-weich:rgba(61,122,82,.10)}
body.t-gewhell{background-image:radial-gradient(ellipse at 50% 0%,rgba(201,149,47,.08),transparent 70%)}
.t-gewhell ::selection{background:#3d7a52;color:#fff}
/* Hero */
.t-gewhell .w-hero::after{background:
  linear-gradient(to top,var(--papier) 0%,rgba(252,248,242,.6) 9%,rgba(252,248,242,0) 22%),
  linear-gradient(to right,rgba(252,248,242,.92) 0%,rgba(252,248,242,.75) 30%,rgba(252,248,242,0) 52%)}
.t-gewhell .w-hero-img{object-position:70% 55%}
.t-gewhell .w-hero h1{color:var(--tinte);text-shadow:none}
.t-gewhell .w-hero .kicker{color:#a8792c;text-shadow:none}
.t-gewhell .w-hero .unter,.t-gewhell .w-hero blockquote p{color:var(--text);text-shadow:none}
.t-gewhell .w-hero blockquote{border-left-color:#c9952f}
.t-gewhell .w-hero blockquote cite{color:var(--text2);opacity:1}
.t-gewhell .w-hero .knopf.voll{background:var(--tinte);color:#fff}
.t-gewhell .w-hero .knopf.voll:hover{background:#2c5e40;color:#fff}
.t-gewhell .w-hero .knopf.leer{border-color:rgba(18,56,42,.4);color:var(--tinte)}
@media (max-width:760px){
  .t-gewhell .w-hero::after{background:
    linear-gradient(to top,var(--papier) 0%,rgba(252,248,242,.9) 38%,rgba(252,248,242,.55) 62%,rgba(252,248,242,0) 85%)}
  .t-gewhell .w-hero-img{object-position:72% 40%}}
/* Bandfarben (Tagesleiste, Tueren, Karten) */
.t-gewhell .tg-blatt[data-band="1"]{--bt:#3d7a52}.t-gewhell .tg-blatt[data-band="2"]{--bt:#b98a2f}.t-gewhell .tg-blatt[data-band="3"]{--bt:#5f8a73}.t-gewhell .tg-blatt[data-band="4"]{--bt:#c27a33}.t-gewhell .tg-blatt[data-band="5"]{--bt:#2f5e48}
.t-gewhell .ue[data-band="1"]{--bk:#3d7a52}.t-gewhell .ue[data-band="2"]{--bk:#b98a2f}.t-gewhell .ue[data-band="3"]{--bk:#5f8a73}.t-gewhell .ue[data-band="4"]{--bk:#c27a33}.t-gewhell .ue[data-band="5"]{--bk:#2f5e48}
.t-gewhell .fr-karte::before,.wf-weg{background:linear-gradient(to right,#3d7a52,#7f9a7c,#c9952f,#c27a33,#2f5e48)}
.t-gewhell .w-nav.fest{background:rgba(252,248,242,.94)}
/* Zitatbaender: Bild hat rechts die Szene, links Papier -> Zitat links, dunkel, heller Schleier statt Grauton */
.t-gewhell .band{place-items:center start}
.t-gewhell .band::after{background:
  linear-gradient(to bottom,var(--papier) 0%,rgba(252,248,242,0) 14%,rgba(252,248,242,0) 86%,var(--papier) 100%),
  linear-gradient(to right,rgba(252,248,242,.94) 0%,rgba(252,248,242,.8) 34%,rgba(252,248,242,0) 58%)}
.t-gewhell .band blockquote{max-width:min(560px,52vw);margin-left:clamp(22px,7vw,120px);text-align:left;padding:0}
.t-gewhell .band p{color:var(--tinte);text-shadow:none}
.t-gewhell .band cite{color:#a8792c;text-shadow:none}
@media (max-width:760px){.t-gewhell .band{place-items:end center}
  .t-gewhell .band::after{background:linear-gradient(to top,rgba(252,248,242,.95) 0%,rgba(252,248,242,.85) 45%,rgba(252,248,242,0) 80%)}
  .t-gewhell .band blockquote{max-width:none;margin:0 22px 26px;text-align:center}}
/* Kopfleiste im Hero: dunkle Schrift auf hellem Bild */
.t-gewhell .w-nav:not(.fest) .brand,.t-gewhell .w-nav:not(.fest) a,.t-gewhell .w-nav:not(.fest) a.zur{color:var(--tinte);text-shadow:none}
.t-gewhell .w-nav:not(.fest) img{filter:brightness(.35)}
.t-gewhell .w-nav:not(.fest) .mn-burger{color:var(--tinte);filter:none}
.t-gewhell .w-hero-img{object-position:96% 55%}
@media (max-width:760px){
  .t-gewhell .w-hero::after{background:linear-gradient(to bottom,rgba(252,248,242,.86) 0%,rgba(252,248,242,.8) 60%,rgba(252,248,242,.92) 88%,var(--papier) 100%)}
  .t-gewhell .w-hero-img{object-position:80% 40%}}