/* weltseite-dienstag.css — Welt-Seite „Ein Dienstag und elf andere Geschenke“ (Nora Westfield, Geschenkbuch), 11.10.2026.
   Nur über YAML zusatz_css + koerper_klasse: t-dienstag geladen. Farbwelt des Covers: Petrol, Lampenlicht, Zinnoberrot, Papier.
   Abschnitte dj-* (build_weltseite.py: jahr · fuerwen · hineinlesen · widmung), Logik DIENSTAG_JS. */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&display=swap');
.t-dienstag{
  --nacht:#0b2627;--nacht2:#0e2e2f;--schiefer:#133a3b;--linie:rgba(227,160,76,.24);
  --gold:#e3a04c;--gold-hell:#f4c983;--text:#efe5d4;--text2:#bcb2a1;
  --papier:#f4e8d3;--papier2:#e8d6b8;--tinte:#2b2219;--tinte2:#6d5a47;--rot:#b23a20;--blau:#22305a}
.t-dienstag{background:var(--nacht)}
.t-dienstag .w-sprung{background:rgba(11,38,39,.94)}
.t-dienstag .w-nav.fest{background:rgba(11,38,39,.95)}
/* ---------------------------------------------------------------- Hero */
.t-dienstag .w-hero{background:#0b2627}
.t-dienstag .w-hero-img{object-position:100% 50%}
.t-dienstag .w-hero::after{background:
  linear-gradient(to top,rgba(11,38,39,1) 0%,rgba(11,38,39,.82) 20%,rgba(11,38,39,.25) 48%,rgba(11,38,39,0) 70%),
  linear-gradient(to right,rgba(11,38,39,.7) 0%,rgba(11,38,39,0) 58%)}
.t-dienstag .w-hero h1{font-size:clamp(2.6rem,6.6vw,5rem);line-height:1.02;max-width:12.5ch}
@media (max-width:900px){.t-dienstag .w-hero{min-height:max(118vh,900px)}.t-dienstag .w-hero-img{object-position:100% 0}
  .t-dienstag .w-hero::after{background:linear-gradient(to top,rgba(11,38,39,1) 0%,rgba(11,38,39,.85) 30%,rgba(11,38,39,.35) 62%,rgba(11,38,39,.15) 100%)}}
/* ---------------------------------------------------------------- Abreißkalender */
.dj-jahr{background:radial-gradient(ellipse 70% 55% at 32% 18%,rgba(227,160,76,.12),rgba(227,160,76,0) 70%),var(--nacht2)}
.dj-status{margin-top:16px!important;color:var(--gold-hell)!important;font-style:italic}
.dj-buehne{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:46px;align-items:start}
@media (max-width:920px){.dj-buehne{grid-template-columns:1fr;gap:34px}}
.dj-seiten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.dj-kopf{display:none}
.dj-papier{position:relative;background:
  radial-gradient(ellipse at 20% 10%,rgba(255,255,255,.35),rgba(255,255,255,0) 55%),
  radial-gradient(ellipse at 80% 90%,rgba(170,120,60,.12),rgba(170,120,60,0) 60%),var(--papier);
  color:var(--tinte);padding:30px 28px 26px;text-align:center;border-radius:2px 2px 4px 4px;
  box-shadow:0 1px 0 var(--papier2),0 18px 40px rgba(0,0,0,.42)}
.dj-papier::before{content:'';position:absolute;left:0;right:0;top:-6px;height:7px;
  background:radial-gradient(circle at 5px 7px,var(--papier) 4.6px,rgba(0,0,0,0) 5px) 0 0/10px 7px repeat-x}
.dj-monat{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:1.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rot);margin:0 0 10px}
.dj-vig{margin:0 auto 12px;max-width:320px}
.dj-vig img{width:100%;height:auto;mix-blend-mode:multiply;border-radius:50%}
.dj-kd{font-family:'Cinzel',serif;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tinte2);margin:0 0 6px}
.dj-titel{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;font-size:1.55rem;line-height:1.2;color:var(--tinte);margin:0 0 6px}
.dj-fuer{font-size:1rem;color:var(--tinte2);margin:0 auto 16px;max-width:30ch;line-height:1.45}
.dj-satz{margin:0;padding:14px 4px 0;border-top:1px solid rgba(43,34,25,.18)}
.dj-satz p{font-style:italic;font-size:1.06rem;line-height:1.55;margin:0;color:var(--tinte)}
.dj-satz cite{display:block;font-style:normal;font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rot);margin-top:8px}
.dj-ende-in{display:flex;gap:20px;align-items:center;text-align:left;margin:6px 0 18px}
.dj-ende-cov{width:118px;flex:none;border-radius:2px;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.dj-ende-t{font-family:'Playfair Display',Georgia,serif;font-size:1.45rem;line-height:1.2;margin:0 0 8px}
.dj-ende-x{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:1.3rem;line-height:1.25;color:var(--rot);margin:0 0 10px}
.dj-ende-q{font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tinte2);margin:0}
.dj-papier .knoepfe{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.dj-papier .knopf.voll{background:var(--rot);color:#fff;box-shadow:none}
.dj-papier .knopf.voll:hover{background:#94301a}
.dj-papier .knopf{font-size:.7rem;padding:11px 18px}
.dj-papier .knopf.leer{border-color:rgba(43,34,25,.4);color:var(--tinte);background:transparent;cursor:pointer;font-family:'Cinzel',serif;line-height:1.3}
/* mit JS: ein Block, ein Blatt oben */
.dj-an .dj-wand{display:flex;flex-direction:column;align-items:center}
.dj-an .dj-block{position:relative;width:min(100%,440px);outline:none;touch-action:pan-y}
.dj-an .dj-block:focus-visible{box-shadow:0 0 0 3px var(--gold-hell);border-radius:6px}
.dj-an .dj-kopf{display:flex;justify-content:space-around;position:relative;z-index:9;height:30px;margin:0 -8px -4px;
  background:linear-gradient(#3a2a1e,#22180f);border-radius:5px 5px 2px 2px;box-shadow:0 6px 14px rgba(0,0,0,.45)}
.dj-an .dj-kopf i{width:14px;height:14px;margin-top:8px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#6b5a48,#0d0907 70%);box-shadow:inset 0 1px 2px rgba(0,0,0,.8)}
.dj-an .dj-kopf::after{content:'';position:absolute;left:8px;right:8px;bottom:-7px;height:8px;
  background:linear-gradient(to bottom,var(--papier2),var(--papier2));
  clip-path:polygon(0 0,100% 0,100% 40%,96% 90%,91% 30%,86% 80%,80% 35%,74% 95%,69% 40%,63% 85%,57% 30%,51% 90%,45% 35%,39% 80%,33% 30%,27% 95%,21% 40%,15% 85%,9% 30%,4% 80%,0 45%)}
.dj-an .dj-seiten{display:grid;grid-template-columns:1fr;gap:0}
.dj-an .dj-blatt{grid-area:1/1;visibility:hidden}
.dj-an .dj-blatt.oben{visibility:visible;z-index:5}
.dj-an .dj-blatt.u1{visibility:visible;z-index:4;transform:translate(5px,6px) rotate(.7deg)}
.dj-an .dj-blatt.u2{visibility:visible;z-index:3;transform:translate(-4px,11px) rotate(-.9deg)}
.dj-an .dj-blatt.u1 .dj-papier>*,.dj-an .dj-blatt.u2 .dj-papier>*{visibility:hidden}
.dj-an .dj-blatt.u1 .dj-papier,.dj-an .dj-blatt.u2 .dj-papier{box-shadow:0 1px 0 var(--papier2),0 10px 22px rgba(0,0,0,.35)}
.dj-an .dj-blatt.weg{visibility:hidden}
.dj-an .dj-blatt.reisst{visibility:visible;z-index:7;transform-origin:88% 0;animation:djReiss .78s cubic-bezier(.5,.02,.75,.45) forwards;pointer-events:none}
.dj-an .dj-blatt.kommt{animation:djKommt .45s ease-out}
@keyframes djReiss{0%{transform:none}16%{transform:rotate(-2.6deg) translate(-3px,3px)}100%{transform:translate(-22%,118%) rotate(-26deg);opacity:0}}
@keyframes djKommt{0%{transform:translateY(-16px) rotate(-1.2deg);opacity:0}100%{transform:none;opacity:1}}
.dj-steuer{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.dj-steuer .knopf{cursor:pointer;font-size:.74rem}
.dj-steuer .knopf.leer{background:transparent}
.dj-steuer .knopf:disabled{opacity:.35;cursor:default;transform:none}
.dj-wisch{font-size:.84rem;color:var(--text2);margin:12px 0 0;text-align:center}
@media (hover:hover) and (pointer:fine){.dj-wisch{display:none}}
.dj-leiste{list-style:none;display:grid;grid-template-columns:repeat(12,1fr);gap:6px;margin:44px auto 0;padding:0;max-width:860px}
@media (max-width:640px){.dj-leiste{grid-template-columns:repeat(6,1fr)}}
.dj-t{width:100%;padding:9px 0 8px;border:1px solid var(--linie);border-radius:4px;background:rgba(255,255,255,.02);color:var(--text);
  font-family:'Cinzel',serif;font-size:.72rem;letter-spacing:.12em;cursor:pointer;position:relative;transition:background .2s,color .2s}
.dj-t:hover{border-color:var(--gold)}
.dj-t[aria-pressed="true"]{background:var(--gold);color:#1a140c;border-color:var(--gold)}
.dj-t.heute::after{content:'';position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--gold-hell)}
.dj-t.heute[aria-pressed="true"]::after{background:#1a140c}
/* Geste des Monats: ein Zettel neben dem Kalender */
.dj-geste{position:relative;margin-top:34px;background:#fbf4e4;color:var(--tinte);padding:26px 24px 20px;border-radius:2px;transform:rotate(1.4deg);
  box-shadow:0 14px 30px rgba(0,0,0,.4)}
.dj-geste::before{content:'';position:absolute;top:-12px;left:50%;width:84px;height:24px;margin-left:-42px;background:rgba(232,214,184,.75);transform:rotate(-3deg);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.dj-geste .kicker{color:var(--rot);font-size:.64rem;margin:0 0 10px}
.dj-geste-t{font-family:'Caveat','Segoe Print','Bradley Hand',cursive;font-size:1.7rem;line-height:1.2;color:var(--blau);margin:0 0 14px}
.dj-geste-f{font-size:.84rem;line-height:1.5;color:var(--tinte2);margin:0;border-top:1px dashed rgba(43,34,25,.25);padding-top:10px}
.dj-pin{text-align:center;margin:34px 0 0}
/* ---------------------------------------------------------------- Geschenkfinder */
.dj-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.dj-chip{border:1px solid var(--linie);background:rgba(255,255,255,.03);color:var(--text);border-radius:999px;padding:10px 18px;
  font-family:'Spectral',Georgia,serif;font-size:1rem;cursor:pointer;transition:background .2s,border-color .2s}
.dj-chip:hover{border-color:var(--gold)}
.dj-chip[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#1a140c}
.dj-fw-erg{min-height:60px}
.dj-fw-erg.neu{animation:djKommt .4s ease-out}
.dj-fw-leer{color:var(--text2);font-style:italic}
.dj-fw-text{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:1.25rem;color:#fff;margin:0 0 18px;max-width:640px}
.dj-fw-k{display:flex;gap:18px;align-items:center;background:var(--schiefer);border:1px solid var(--linie);border-radius:6px;padding:14px 18px;margin:0 0 12px;max-width:640px}
.dj-fw-vig{width:92px;height:92px;flex:none;border-radius:50%;object-fit:cover}
.dj-fw-m{font-family:'Cinzel',serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 4px}
.dj-fw-f{margin:0 0 6px;color:var(--text);line-height:1.45}
.dj-fw-zeig{background:none;border:0;padding:0;cursor:pointer;font-family:'Cinzel',serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hell)}
.dj-fw-zeig:hover{text-decoration:underline}
/* ---------------------------------------------------------------- Hineinlesen */
.dj-lesen{background:var(--nacht2)}
.dj-seite{background:radial-gradient(ellipse at 15% 0%,rgba(255,255,255,.4),rgba(255,255,255,0) 50%),var(--papier);color:var(--tinte);
  padding:46px clamp(24px,6vw,64px) 34px;border-radius:2px;box-shadow:0 22px 50px rgba(0,0,0,.45),inset -14px 0 24px -18px rgba(90,60,30,.35)}
.dj-seite-k{font-family:'Cinzel',serif;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--rot);text-align:center;margin:0 0 26px}
.dj-seite p{font-size:1.08rem;line-height:1.72;margin:0;text-indent:1.4em;hyphens:auto}
.dj-seite p.dj-seite-k,.dj-seite p.dj-seite-orn{text-indent:0}
.dj-seite-k+p{text-indent:0}
.dj-seite-k+p::first-letter{font-family:'Playfair Display',serif;float:left;font-size:3.5em;line-height:.85;padding:6px 10px 0 0;color:var(--rot)}
.dj-seite-orn{text-align:center;color:var(--tinte2);letter-spacing:.5em;margin-top:22px!important}
.dj-nach{text-align:center;color:var(--text2);font-style:italic;margin:28px auto 18px;max-width:560px}
.dj-nach-k{text-align:center;margin:0}
/* ---------------------------------------------------------------- Widmung */
.dj-wid{background:radial-gradient(ellipse 60% 60% at 78% 40%,rgba(227,160,76,.10),rgba(227,160,76,0) 70%),var(--nacht)}
.dj-wid-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:56px;align-items:center}
@media (max-width:900px){.dj-wid-grid{grid-template-columns:1fr;gap:36px}}
.dj-wid-z{margin:0 0 18px;padding-left:16px;border-left:2px solid var(--gold)}
.dj-wid-z p{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:1.18rem;line-height:1.45;color:#fff!important;margin:0}
.dj-wid-z cite{display:block;font-style:normal;font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:6px}
.dj-felder{display:grid;gap:14px;margin:0 0 6px}
.dj-felder label{display:grid;grid-template-columns:64px 1fr;align-items:baseline;gap:12px}
.dj-felder span{font-family:'Cinzel',serif;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.dj-felder input,.dj-felder textarea{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(239,229,212,.4);color:#fff;
  font-family:'Caveat',cursive;font-size:1.7rem;line-height:1.25;padding:2px 2px 4px;resize:none;outline:none}
.dj-felder input:focus,.dj-felder textarea:focus{border-bottom-color:var(--gold-hell)}
.dj-felder ::placeholder{color:rgba(239,229,212,.38)}
.dj-wid .fussnote{text-align:left;margin-top:14px}
.dj-wid-h{font-size:.92rem;color:var(--text2);margin:10px 0 0}
.dj-buchseite{margin:0;justify-self:center;width:min(100%,380px);aspect-ratio:5/8;background:
  radial-gradient(ellipse at 20% 10%,rgba(255,255,255,.45),rgba(255,255,255,0) 55%),var(--papier);
  border-radius:2px 6px 6px 2px;box-shadow:0 26px 60px rgba(0,0,0,.5),inset 16px 0 22px -16px rgba(90,60,30,.38);display:flex;align-items:center;transform:rotate(-1.2deg)}
.dj-bs-in{width:100%;padding:0 12%}
.dj-bs-l{font-family:'Cinzel',serif;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--tinte2);margin:0;padding-top:16px}
.dj-hand{font-family:'Caveat','Segoe Print','Bradley Hand',cursive;font-size:clamp(1.5rem,3.4vw,1.95rem);line-height:1.22;color:var(--blau);opacity:.5;
  margin:0 0 4px;min-height:1.25em;border-bottom:1px solid rgba(43,34,25,.28);overflow-wrap:anywhere;transition:opacity .25s}
.dj-hand.eigen{opacity:1}
.dj-hand-weil{min-height:3.7em;background:linear-gradient(to bottom,rgba(0,0,0,0) calc(1.22em - 1px),rgba(43,34,25,.28) calc(1.22em - 1px),rgba(43,34,25,.28) 1.22em) 0 0/100% 1.22em;border-bottom:0}
@media (prefers-reduced-motion:reduce){.dj-buchseite,.dj-geste{transform:none}.dj-an .dj-blatt.reisst,.dj-an .dj-blatt.kommt,.dj-fw-erg.neu{animation:none}}