/* weltseite-zirbenstern.css — Welt-Seite „Der Zirbenstern“ (Antonia Gruber), 02.11.2026.
   Geladen NACH weltseite-hell.css (koerper_klasse: t-hell t-zirbenstern). Farbwelt der Cover: Sommerwiese, Zirbenholz,
   Preiselbeerrot der Schnur. Abschnitte zs-* (build_weltseite.py: sternregel · jahreslauf), Logik ZS_JS. */
@font-face{font-family:'Caveat';font-style:normal;font-weight:400 700;font-display:swap;src:url(caveat-500.woff2) format('woff2')}
.t-zirbenstern{
  --nacht:#fbf6ec;--nacht2:#f2eadb;--schiefer:#fffcf5;--linie:rgba(120,80,30,.2);
  --gold:#a5782f;--gold-hell:#7c5520;--hz:#8e2b2b;--hz2:#6f1f20;--holz:#c9a46a;--holz2:#6b4a24;--wiese:#4f6b34;
  --text:#2b2620;--text2:#62564a}
.t-zirbenstern .w-hero{min-height:clamp(560px,80vh,840px)}
.t-zirbenstern .w-hero-img{object-position:60% 55%}
.t-zirbenstern .w-hero::after{background:
  linear-gradient(to top,rgba(251,246,236,1) 0%,rgba(251,246,236,.82) 15%,rgba(251,246,236,.2) 36%,rgba(251,246,236,0) 50%),
  linear-gradient(to right,rgba(251,246,236,.94) 0%,rgba(251,246,236,.74) 26%,rgba(251,246,236,0) 52%)}
.t-zirbenstern .w-hero h1{font-family:'Caveat',cursive;font-weight:700;font-size:clamp(3.4rem,7vw,6rem);line-height:.95;color:var(--hz2)}
.t-zirbenstern .w-hero .kicker{color:var(--holz2)}
.t-zirbenstern .w-hero-hinw{margin:14px 0 0;font-size:.95rem}
.t-zirbenstern .w-hero-hinw a{color:var(--hz2);text-decoration:none;border-bottom:1px solid rgba(142,43,43,.4)}
.t-zirbenstern .w-hero-termin{color:var(--wiese)}
/* Handy: Bild als Streifen oben (Tal + Stern am Zaun), Text darunter auf Creme – wie Ein Dienstag hell */
@media (max-width:900px){
  .t-zirbenstern .w-hero{min-height:0}
  .t-zirbenstern .w-hero-img{height:min(78vw,440px);bottom:auto;object-position:84% 62%}
  .t-zirbenstern .w-hero::after{background:linear-gradient(to bottom,rgba(251,246,236,0) 0,rgba(251,246,236,0) calc(min(78vw,440px) - 80px),rgba(251,246,236,1) min(78vw,440px))}
  .t-zirbenstern .w-hero-txt{padding-top:calc(min(78vw,440px) - 10px)}}
.t-zirbenstern .tags li{color:var(--wiese);border-color:rgba(79,107,52,.35)}
.t-zirbenstern .fig p{color:var(--text2)}
.t-zirbenstern [hidden]{display:none !important}
/* ---------------------------------------------------------------- Sternregel + Kerben */
.zs-regel{background:linear-gradient(to bottom,var(--nacht),var(--nacht2))}
.zs-regel-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
@media (max-width:900px){.zs-regel-grid{grid-template-columns:1fr;gap:36px}}
.zs-kaertchen{margin:8px 0 0;background:#fffaf0;border:1px solid rgba(120,80,30,.18);border-radius:3px;padding:30px 32px 22px;
  box-shadow:0 14px 34px rgba(60,40,15,.14),0 2px 6px rgba(60,40,15,.08);transform:rotate(-1.2deg);position:relative}
.zs-kaertchen::before{content:"";position:absolute;top:-10px;left:50%;width:84px;height:20px;margin-left:-42px;background:rgba(201,164,106,.45);transform:rotate(2deg)}
.zs-kaertchen p{font-family:'Caveat',cursive;font-size:clamp(1.5rem,2.6vw,1.95rem);line-height:1.3;color:#2c2219;margin:0}
.zs-kaertchen figcaption{margin-top:16px;font-size:.78rem;letter-spacing:.06em;color:var(--text2)}
.zs-regel-nach{margin-top:26px;color:var(--text2);max-width:520px}
.zs-kerben{background:var(--schiefer);border:1px solid var(--linie);border-radius:14px;padding:28px 26px;text-align:center}
.zs-kerben h3{margin:0 0 8px;color:var(--text)}
.zs-kerben>p{color:var(--text2);margin:0 auto 14px;max-width:420px}
.zs-stern{width:min(220px,62vw);height:auto;display:block;margin:6px auto 4px;filter:drop-shadow(0 8px 14px rgba(90,60,20,.25))}
.zs-st-f{fill:#e2c28c}.zs-st-l{fill:none;stroke:#a5782f;stroke-width:2.2;stroke-linejoin:round}
.zs-st-loch{fill:#fbf6ec;stroke:#a5782f;stroke-width:1.5}
.zs-stern .k{stroke:#6b4a24;stroke-width:4;stroke-linecap:round;opacity:0;transition:opacity .45s}
.zs-stern .k.an{opacity:.9}
.zs-zahl{font-family:'Caveat',cursive;font-size:1.6rem;color:var(--hz2);min-height:1.6em;margin:4px 0}
.zs-stationen{list-style:none;padding:0;margin:0 0 14px;text-align:left;counter-reset:st}
.zs-stationen li{counter-increment:st;padding:8px 0 8px 34px;border-top:1px solid var(--linie);position:relative;font-size:.96rem;color:var(--text)}
.zs-stationen li::before{content:counter(st);position:absolute;left:0;top:8px;width:22px;height:22px;border-radius:50%;background:var(--hz);color:#fff;font-size:.72rem;line-height:22px;text-align:center}
.zs-stationen li.neu{animation:zsNeu .6s ease}
@keyframes zsNeu{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.zs-st-ort{font-weight:600;color:var(--holz2)}
.zs-schluss{font-family:'Caveat',cursive;font-size:1.45rem;line-height:1.3;color:var(--hz2);margin:6px 0 14px}
.zs-kerben .knoepfe{justify-content:center}
.zs-ds{font-size:.78rem;color:var(--text2);margin:12px 0 0}
@media (prefers-reduced-motion:reduce){.zs-stationen li.neu{animation:none}.zs-stern .k{transition:none}}
/* ---------------------------------------------------------------- Jahreslauf */
.zs-jz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
@media (max-width:820px){.zs-jz-grid{grid-template-columns:1fr}}
.zs-jz{background:var(--schiefer);border:1px solid var(--linie);border-top:5px solid var(--jz);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.zs-jz.jetzt{box-shadow:0 0 0 2px var(--jz),0 14px 30px rgba(60,40,15,.14)}
.zs-jz-bild{position:relative;aspect-ratio:3/2;overflow:hidden}
.zs-jz-bild img{width:100%;height:100%;object-fit:cover;display:block}
.zs-jz-zeit{position:absolute;left:14px;top:14px;background:rgba(255,252,245,.92);color:var(--text);font-family:'Cinzel',serif;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;padding:6px 12px 6px 26px;border-radius:20px}
.zs-jz-zeit::before{content:"";position:absolute;left:11px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--jz)}
.zs-jz-jetzt{display:none;position:absolute;right:14px;top:14px;background:var(--jz);color:#fff;font-size:.72rem;padding:6px 12px;border-radius:20px;letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.zs-jz.jetzt .zs-jz-jetzt{display:block}
.zs-jz-in{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.zs-jz-band{margin:0;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text2)}
.zs-jz h3{margin:4px 0 0;font-size:1.6rem;color:var(--text)}
.zs-jz-titel{margin:2px 0 10px;font-style:italic;color:var(--holz2)}
.zs-jz-in>p{color:var(--text)}
.zs-jz dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:6px 0 12px;font-size:.9rem}
.zs-jz dt{color:var(--text2)}.zs-jz dd{margin:0;color:var(--text)}
.zs-jz-status{margin:auto 0 0;font-weight:600;color:var(--wiese);font-size:.92rem}
.zs-jz-lk{margin:8px 0 0}.zs-jz-lk a{color:var(--hz);text-decoration:none;border-bottom:1px solid rgba(142,43,43,.35)}