/* Gemeinsamer Look für Tageskarte, Kartenübersicht und Kartenseiten (dunkel, Samt und Kerzenlicht) */
:root{--samt:#1b1420;--samt-hell:#271d2d;--linie:#4a3a4f;--kerze:#e2b86b;--papier:#efe6d6;--leise:#b8a9b3;
  --f-display:"IM Fell English", Georgia, serif;--f-text:"Hanken Grotesk", Arial, sans-serif;color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;background:var(--samt);color:var(--papier)}
body{font-family:var(--f-text);font-size:17px;line-height:1.65;padding:0 16px 60px;background:radial-gradient(1200px 600px at 50% -10%,#3a2636 0%,transparent 60%),var(--samt)}
.buehne{max-width:900px;margin:0 auto}
a{color:var(--kerze)}
h1,h2{font-family:var(--f-display);font-weight:400;text-wrap:balance;margin:0}
.krumen{font-size:13px;color:var(--leise);padding:22px 0 6px}
.krumen a{color:var(--leise)}
.karten-kopf{display:grid;grid-template-columns:220px minmax(0,1fr);gap:34px;align-items:center;padding:18px 0 10px}
.kartenbild{width:100%;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.5);display:block}
.ueber{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--kerze)}
h1{font-size:clamp(34px,5vw,52px);line-height:1.05;margin:8px 0 14px}
h1.gross{margin-top:14px}
.kurz{font-size:19px;color:var(--papier);max-width:60ch}
.kurz.breit{color:var(--leise)}
.stichwort{color:var(--leise);font-size:15px}
.stichwort b{color:var(--kerze);font-weight:600}
.text{max-width:68ch;margin-top:20px}
.text h2{font-size:27px;margin:34px 0 8px}
.text p{margin:0 0 12px}
.mitnehmen{margin-top:30px;background:var(--samt-hell);border:1px solid var(--linie);border-radius:14px;padding:18px 22px}
.mitnehmen small{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--kerze)}
.mitnehmen p{font-family:var(--f-display);font-style:italic;font-size:23px;line-height:1.35;margin:6px 0 0}
.cta{margin-top:40px;background:linear-gradient(135deg,#2f2132,#241a27);border:1px solid var(--linie);border-radius:16px;padding:24px 26px}
.cta h2{font-size:28px;margin-bottom:6px}
.cta p{color:var(--leise);margin:0 0 16px;max-width:60ch}
.knoepfe{display:flex;flex-wrap:wrap;gap:10px}
.knopf{display:inline-block;background:var(--kerze);color:var(--samt);text-decoration:none;font-weight:600;border-radius:999px;padding:12px 22px;border:0;font:inherit;font-weight:600;cursor:pointer}
.knopf.leise{background:transparent;color:var(--papier);border:1px solid var(--linie)}
.weitere{margin-top:40px}
.weitere h2{font-size:24px;margin-bottom:12px}
.weitere ul,.raster{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}
.weitere a,.raster a{text-decoration:none;color:var(--papier)}
.weitere img,.raster img{width:100%;border-radius:8px;display:block;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.weitere span{display:block;font-family:var(--f-display);font-size:16px;margin-top:6px;text-align:center}
.raster{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:26px}
.raster li{text-align:center}
.raster li:not(:has(a)) img{opacity:.55}
.raster .name{display:block;font-family:var(--f-display);font-size:17px;margin-top:8px}
.raster .wort{display:block;font-size:13px;color:var(--leise)}
.hinweis{margin-top:36px;font-size:13px;color:var(--leise);border-top:1px solid var(--linie);padding-top:14px;max-width:75ch}
.fuss{margin-top:18px;text-align:center;color:var(--leise);font-size:13px}
.fuss a{color:var(--leise)}
@media (max-width:640px){.karten-kopf{grid-template-columns:minmax(0,1fr)}.kartenbild{max-width:220px;margin:0 auto}}