/* Startseite (ST1, 27.10.2026): Papieroptik aus den App-Tokens (klient/stil/tokens.css, UI5/FR1), ohne Produktwort.
   Statisch, keine fremden Quellen: Schrift und Papierkorn liegen neben der Seite (CSP: nur 'self'). */
@font-face{font-family:"Nunito Sans";src:url("schrift/NunitoSans-latein.woff2") format("woff2");font-weight:200 1000;font-display:swap}
:root{--papier:#F9F1E6;--blatt:#F7EBDA;--kasten:#F4E6D3;--tinte:#1D2D3A;--tinte-leise:#56606A;--terrakotta:#CC6E47;--terrakotta-text:#A8512E;
  --knopf-papier:#EEDBC2;--knopf-rand:#D6BE9F;--linie:#D6C2A6;--gold:#F5BF62;--papier-textur:url("papier-hell.svg");
  --schatten-farbe:89,62,36;--schatten-2:1px 4px 6px -2px rgba(var(--schatten-farbe),.16),1px 10px 22px -6px rgba(var(--schatten-farbe),.22);
  --schatten-1:0 1px 1px rgba(var(--schatten-farbe),.18),0 3px 5px -1px rgba(var(--schatten-farbe),.22);
  --schrift:"Nunito Sans","Avenir Next","Segoe UI",system-ui,sans-serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--papier:#2A241F;--blatt:#362E27;--kasten:#3B322A;--tinte:#F2E7D8;--tinte-leise:#C2B4A2;
  --terrakotta-text:#EE9670;--knopf-papier:#4C4136;--knopf-rand:#75644F;--linie:#5E5142;--papier-textur:url("papier-dunkel.svg");--schatten-farbe:8,5,2;color-scheme:dark}}
:root[data-theme="dark"]{--papier:#2A241F;--blatt:#362E27;--kasten:#3B322A;--tinte:#F2E7D8;--tinte-leise:#C2B4A2;--terrakotta-text:#EE9670;
  --knopf-papier:#4C4136;--knopf-rand:#75644F;--linie:#5E5142;--papier-textur:url("papier-dunkel.svg");--schatten-farbe:8,5,2;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background-color:var(--papier);background-image:var(--papier-textur);background-size:240px 240px;color:var(--tinte);font:400 17px/1.55 var(--schrift);overflow-wrap:anywhere}
/* Sprache: beide Fassungen stehen im Dokument; sprache.js setzt <html lang>. Ohne Skript gilt Deutsch. */
html[lang="de"] .t[lang="en"],html[lang="en"] .t[lang="de"]{display:none}
.kopf{max-width:760px;margin:0 auto;padding:12px 16px 0;display:flex;justify-content:flex-end}
.sprache{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--knopf-papier);color:var(--tinte);
  text-decoration:none;font-weight:700;font-size:15px;box-shadow:var(--schatten-1)}
main{max-width:760px;margin:0 auto;padding:8px 16px 24px}
.start{text-align:center}
.datum{margin:12px 0 0;color:var(--tinte-leise);letter-spacing:.08em;font-variant-numeric:tabular-nums;font-weight:700}
h1{font-weight:800;font-size:1.75rem;line-height:1.2;margin:.3em auto .8em;max-width:16em}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:440px;margin:0 auto}
.countdown>div{background:var(--blatt);border-radius:12px;padding:12px 4px;box-shadow:var(--schatten-1)}
.countdown span.zahl{display:block;font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}
.countdown small{display:block;color:var(--tinte-leise);font-size:.75rem;margin-top:4px}
.unter{color:var(--tinte-leise);font-size:.95rem;margin:.9em 0 0}
.kopfbild{display:block;margin:14px 0 0}
.kopfbild img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:var(--schatten-2)}
.blatt{background-color:var(--blatt);background-image:var(--papier-textur);background-size:240px 240px;border-radius:14px;box-shadow:var(--schatten-2);
  padding:20px 20px 8px;margin:24px auto 0;max-width:620px;text-align:left}
.blatt h2{font-weight:800;font-size:1.15rem;line-height:1.25;margin:0 0 .3em}
.blatt section{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--linie)}
.blatt section:last-child{border-bottom:0;margin-bottom:0}
.blatt p{margin:0 0 .5em}
.preis{font-size:1.5rem;font-weight:800;color:var(--terrakotta-text);margin:0 0 .2em}
.klein{font-size:.9rem;color:var(--tinte-leise)}
footer{text-align:center;color:var(--tinte-leise);font-size:.92rem;padding:28px 16px 40px;max-width:760px;margin:0 auto}
footer p{margin:.3em 0}
a{color:var(--terrakotta-text);text-underline-offset:3px}
a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.seite h1{text-align:left;margin-left:0;font-size:1.6rem}
.seite .blatt{max-width:none;margin-top:8px}
.seite h2{font-size:1.08rem}
@media (min-width:720px){h1{font-size:2.3rem}.countdown span.zahl{font-size:2.6rem}.seite h1{font-size:1.9rem}}
.nw{white-space:nowrap}