/* weltseite-hell.css — helles Thema fuer Welt-Seiten (08.10.2026, zuerst Highland-Saga).
   Nur ueber YAML zusatz_css + koerper_klasse: t-hell geladen. weltseite.css (dunkel, gemeinsam) bleibt unveraendert.
   Anlass: neue helle Cover „Historischer Liebesroman“ – Elfenbein statt Nachtblau, Heide-Violett und Gold als Akzent.
   Karte (Pergament), Motiv-Bilder, Bildbaender und Erbstueck-Muster behalten ihre eigenen Farben. */
.t-hell{
  --nacht:#fbf8f2;--nacht2:#f3eee5;--schiefer:#fffdf9;--linie:rgba(150,110,50,.24);
  --gold:#a8762a;--gold-hell:#8a5d1c;--heide:#7c4a6c;--heide-hell:#7c4a6c;
  --text:#2f2621;--text2:#6a5a4c;--hz:#7c4a6c;--hz2:#663a59}
.t-hell{background:var(--nacht);color:var(--text)}
.t-hell a{color:var(--hz)}
.t-hell h2{color:var(--text)}
/* Kopfleiste */
.t-hell .w-nav .brand,.t-hell .w-nav a.zur{color:var(--text);text-shadow:0 0 12px rgba(251,248,242,.9)}
.t-hell .w-nav a.zur:hover{color:var(--hz)}
.t-hell .w-nav img{filter:brightness(.34) sepia(.5)}
.t-hell .w-nav .mn-burger{color:var(--text);filter:none}
/* 11.10.2026: beim Scrollen dunkel wie nav-dunkel der Startseite (vorher Elfenbein auf Elfenbein) */
.t-hell .w-nav.fest{background:rgba(44,31,20,.96);border-bottom-color:rgba(212,160,85,.22);box-shadow:0 4px 20px rgba(44,31,20,.25)}
.t-hell .w-nav.fest .brand,.t-hell .w-nav.fest a.zur{color:#faf5ee;text-shadow:none}
.t-hell .w-nav.fest a.zur:hover{color:#d4a055}
.t-hell .w-nav.fest img{filter:none}
.t-hell .w-nav.fest .mn-burger{color:#faf5ee}
/* Hero: helle Abdeckung links unten, Bild bleibt rechts frei */
.t-hell .w-hero{background:var(--nacht);min-height:clamp(560px,78vh,820px)}
.t-hell .w-hero-img{object-position:70% 50%}
.t-hell .w-hero .kicker{color:var(--gold-hell);text-shadow:0 0 14px rgba(251,248,242,.95)}
.t-hell .w-hero::after{background:
  linear-gradient(to top,rgba(251,248,242,1) 0%,rgba(251,248,242,.84) 16%,rgba(251,248,242,.34) 36%,rgba(251,248,242,0) 54%),
  linear-gradient(to right,rgba(251,248,242,.9) 0%,rgba(251,248,242,.62) 24%,rgba(251,248,242,0) 46%)}
.t-hell .w-hero h1{color:var(--text);font-size:clamp(3rem,8vw,5.6rem);text-shadow:0 2px 24px rgba(251,248,242,.7)}
.t-hell .w-hero .unter,.t-hell .w-hero blockquote{max-width:450px}
.t-hell .w-hero .unter{color:#3d3129;text-shadow:0 1px 12px rgba(251,248,242,.9)}
.t-hell .w-hero blockquote p{color:var(--text)}
.t-hell .knopf.voll{background:var(--hz);color:#fff;box-shadow:0 6px 20px rgba(124,74,108,.28)}
.t-hell .knopf.voll:hover{background:var(--hz2)}
.t-hell .knopf.leer{border-color:var(--gold);color:var(--text)}
.t-hell .knopf.leer:hover{border-color:var(--hz);color:var(--hz)}
/* Sprungleiste */
.t-hell .w-sprung{background:rgba(251,248,242,.95)}
.t-hell .w-sprung a:hover,.t-hell .w-sprung a.an{color:var(--hz);border-bottom-color:var(--hz)}
/* Texte, die in weltseite.css fest hell stehen */
.t-hell .w-intro p,.t-hell .ort .tx,.t-hell .stufe figcaption,.t-hell .hg p,.t-hell .gl dd,.t-hell .erb p,
.t-hell .faq details p,.t-hell .autor p,.t-hell .weiter p,.t-hell .buchk .satz{color:#4a3d33}
.t-hell .ort blockquote p,.t-hell .paar .p b,.t-hell .erb h3,.t-hell .hg h3,.t-hell .gl dt,.t-hell .buchk h3,
.t-hell .buchk .preis b,.t-hell .faq summary,.t-hell .autor b,.t-hell .weiter h3,.t-hell .fig h3,.t-hell .zp b,.t-hell .zp b a{color:var(--text)}
.t-hell .fuer{color:#4a3d33}
.t-hell .erb q{color:var(--gold-hell)}
/* Karten und Flaechen */
.t-hell .ort-bild,.t-hell .stufe .bb{box-shadow:0 18px 40px rgba(80,55,30,.18)}
/* 14.10.2026 Chris: Schatten hinter den Ortsbildern sichtbar, aber dezent */
.t-hell .ort-bild{box-shadow:0 3px 8px rgba(60,40,20,.12),14px 22px 44px rgba(80,55,30,.30)}
.t-hell .erb,.t-hell .paar,.t-hell .hg,.t-hell .fig{background:var(--schiefer);box-shadow:0 8px 24px rgba(80,55,30,.07)}
.t-hell .erb:hover{box-shadow:0 16px 34px rgba(80,55,30,.14)}
.t-hell .buchk{background:var(--schiefer);box-shadow:0 10px 30px rgba(80,55,30,.08)}
.t-hell .buchk .cov{box-shadow:0 16px 34px rgba(60,35,20,.28)}
.t-hell .tags li{color:var(--hz);border-color:rgba(124,74,108,.35)}
.t-hell .autor{background:rgba(255,253,249,.8)}
.t-hell .autor img{border-color:var(--gold)}
.t-hell .weiter{background:linear-gradient(120deg,#fffdf9,#f3eee5)}
.t-hell .weiter img{box-shadow:0 10px 24px rgba(60,35,20,.25)}
.t-hell .w-familie{background:linear-gradient(to bottom,var(--nacht),var(--nacht2))}
.t-hell .faden,.t-hell .kind b{color:var(--hz)}
/* Bildbaender: oben/unten in den hellen Grund auslaufen, Mitte leicht abgedunkelt fuer die weisse Schrift */
.t-hell .band::after{background:linear-gradient(to bottom,var(--nacht) 0%,rgba(40,30,24,.22) 20%,rgba(40,30,24,.36) 55%,rgba(40,30,24,.26) 82%,var(--nacht) 100%)}
.t-hell .band cite{color:#fff4dc}
/* Wegweiser und Winterregal (weltseite-stillwater.css) */
.t-hell .lw-karte{background:var(--schiefer);color:var(--text);box-shadow:0 10px 30px rgba(80,55,30,.08)}
.t-hell .lw-karte:hover,.t-hell .lw-karte:focus-visible{box-shadow:0 16px 36px rgba(80,55,30,.16)}
.t-hell .lw-st{color:var(--text)}
.t-hell .lw-moor{--lw:#7c4a6c}
.t-hell .lw-advent{--lw:#a8762a}
.t-hell .lw-feuer{--lw:#b5651d}
.t-hell .lw-bild{background:var(--nacht2)}
.t-hell .lw-leiste dd{color:#4a3d33}
.t-hell .lw-quer a{color:var(--hz);border-bottom-color:rgba(124,74,108,.4)}
/* Fuss */
.t-hell .w-fuss{background:#2f2621;color:#d9ccb8;border-top:0}
.t-hell .w-fuss a{color:#d9ccb8}
.t-hell .w-fuss a:hover{color:#fff}
@media (max-width:760px){
  .t-hell .w-hero-img{object-position:60% 50%}
  .t-hell .w-hero::after{background:linear-gradient(to top,rgba(251,248,242,1) 0%,rgba(251,248,242,.9) 30%,rgba(251,248,242,.45) 52%,rgba(251,248,242,0) 72%)}
}