/* amunra.radio.fm — Shell «Sonnenlauf» */
@font-face{font-family:Cinzel;src:url(/fonts/cinzel-400-900-latin.woff2) format("woff2");font-weight:400 900;font-display:optional}
@font-face{font-family:Barlow;src:url(/fonts/barlow-400-latin.woff2) format("woff2");font-weight:400;font-display:optional}
@font-face{font-family:Barlow;src:url(/fonts/barlow-600-latin.woff2) format("woff2");font-weight:600;font-display:optional}
@font-face{font-family:BarlowC;src:url(/fonts/barlowcond-600-latin.woff2) format("woff2");font-weight:600;font-display:optional}
@font-face{font-family:BarlowC;src:url(/fonts/barlowcond-800-latin.woff2) format("woff2");font-weight:800;font-display:optional}
:root{
 --night:#17101d;--dusk:#292230;--brown:#261104;--stone:#3a2a1f;--stone2:#2a1a0f;--edge:#6b4d2c;--edge2:#8a6238;
 --gold:#FFA632;--gold2:#E57104;--yellow:#FFB800;--gem:#3FC2B4;--green:#70B01F;--text:#E7E7ED;--muted:#CDC2B3;--ink:#1c0d03;
 --cw:1180px;--sb:250px;--p:0;
 --serif:Cinzel,"Times New Roman",serif;--sans:Barlow,system-ui,sans-serif;--cond:BarlowC,"Arial Narrow",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--dusk);color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.sky{position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,#3a2a3a 0%,#4a2c1c 35%,#8a4b16 70%,#c97a22 100%)}
.sky.n{z-index:-2;background:linear-gradient(180deg,#0e0a14 0%,#17101d 50%,#241224 100%);opacity:var(--p)}
.stars{position:fixed;inset:0;z-index:-1;opacity:var(--p);pointer-events:none;background:
 radial-gradient(1.5px 1.5px at 12% 22%,#fff 60%,transparent),radial-gradient(1px 1px at 28% 68%,#ffe6b0 60%,transparent),radial-gradient(1.6px 1.6px at 44% 14%,#fff 60%,transparent),radial-gradient(1px 1px at 61% 41%,#fff 60%,transparent),radial-gradient(1.4px 1.4px at 73% 76%,#ffe6b0 60%,transparent),radial-gradient(1px 1px at 86% 28%,#fff 60%,transparent),radial-gradient(1.2px 1.2px at 92% 61%,#fff 60%,transparent)}
.stars::before{content:"";position:absolute;inset:0;background:radial-gradient(1px 1px at 8% 85%,#fff 60%,transparent),radial-gradient(1.5px 1.5px at 54% 88%,#ffe6b0 60%,transparent),radial-gradient(1px 1px at 36% 47%,#fff 60%,transparent),radial-gradient(1.2px 1.2px at 68% 8%,#fff 60%,transparent),radial-gradient(1px 1px at 20% 52%,#fff 60%,transparent),radial-gradient(1px 1px at 48% 32%,#fff 60%,transparent),radial-gradient(1.3px 1.3px at 80% 92%,#fff 60%,transparent);animation:twinkle 4s ease-in-out infinite;will-change:opacity}
@keyframes twinkle{0%,100%{opacity:1}50%{opacity:.25}}
.sonne{position:fixed;right:14px;top:14px;z-index:45;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff3c4,var(--yellow) 45%,#c9530a 100%);box-shadow:0 0 18px 4px rgba(255,184,0,.6);transform:translateY(calc(var(--p) * (100vh - 60px)));filter:hue-rotate(calc(var(--p) * -25deg));pointer-events:none}
.sonne::after{content:"";position:absolute;left:50%;top:-100vh;width:1px;height:200vh;background:linear-gradient(180deg,transparent,rgba(255,184,0,.35),transparent);transform:translateX(-50%)}
@media(min-width:1080px){.sonne{width:46px;height:46px;right:26px;top:22px;transform:translateY(calc(var(--p) * (100vh - 90px)))}}
img,video{display:block;max-width:100%}
a{color:var(--gold);text-decoration:none}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.1;margin:0;color:#fff}
h1{font-size:30px;color:#FFD27A;background:linear-gradient(180deg,#FFF1C9 0%,#FFD27A 42%,#FFA632 72%,#E57104 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.85)) drop-shadow(0 6px 22px rgba(0,0,0,.5))}
h2{font-size:24px}h3{font-size:18px;margin:18px 0 8px}
p{margin:0 0 12px}
.muted{color:var(--muted)}
.cw{max-width:var(--cw);margin-inline:auto;padding-inline:16px}
code{font-family:var(--cond);font-size:.95em;background:rgba(0,0,0,.3);padding:1px 6px;border-radius:3px}
.prose{max-width:74ch;min-width:0}
.prose p{margin-bottom:14px}
.prose ul,.prose ol{padding-left:0;margin:0 0 14px;list-style:none}
.prose ul li{position:relative;padding-left:26px;margin-bottom:8px}
.prose ul li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff3c4,var(--yellow) 50%,#c9530a);box-shadow:0 0 6px rgba(255,184,0,.7)}
.prose ol{counter-reset:s}
.prose ol li{position:relative;padding-left:40px;margin-bottom:10px;counter-increment:s}
.prose ol li::before{content:counter(s,upper-roman);position:absolute;left:0;top:.1em;font:800 11px/1 var(--cond);letter-spacing:.08em;color:var(--gold);border:1px solid var(--gold);border-radius:999px;min-width:28px;height:20px;display:grid;place-items:center}
.prose b,.prose strong{color:#fff}
.prose a{border-bottom:1px solid rgba(255,166,50,.5)}
.prose a:hover{color:var(--yellow)}
.tabwrap{overflow-x:auto;margin:14px 0;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%}
table{border-collapse:collapse;width:100%;min-width:480px;font-size:15px;background:rgba(0,0,0,.25);border:1px solid var(--edge)}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,166,50,.18);vertical-align:top}
th{font:600 12px/1.3 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:rgba(0,0,0,.3)}
td b{color:#fff;font-family:var(--cond);font-size:16px;letter-spacing:.02em}
tr:last-child td{border-bottom:0}
.tabhint{display:block;font-size:12px;color:var(--muted);margin:-8px 0 12px}
@media(min-width:720px){.tabhint{display:none}}

/* Buttons: Sonnenscheibe */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 24px 0 16px;border-radius:999px;font:600 16px/1 var(--sans);letter-spacing:.02em;position:relative;white-space:nowrap;transition:transform .2s,box-shadow .2s;color:var(--ink)}
.btn .disc{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff3c4,var(--yellow) 45%,#c9530a 100%);box-shadow:0 0 12px rgba(255,184,0,.8);animation:pulse 2.4s ease-in-out infinite;flex:none}
@keyframes pulse{0%,100%{box-shadow:0 0 10px rgba(255,184,0,.7)}50%{box-shadow:0 0 22px 4px rgba(255,184,0,.95)}}
.btn.hot{background:linear-gradient(180deg,#FFC26B,var(--gold) 45%,var(--gold2));box-shadow:0 10px 26px -10px rgba(255,166,50,.9)}
.btn.cold{border:1.5px solid var(--gold);color:#fff;background:rgba(20,10,20,.4);padding-left:24px}
.btn:hover{transform:translateY(-2px)}
.prose .btn{color:var(--ink);border-bottom:0}.prose .btn.cold{color:#fff}

/* Obelisk */
.wrap{display:block}.sidebar{display:none}
@media(min-width:1080px){
 .wrap{display:grid;grid-template-columns:var(--sb) minmax(0,1fr);min-height:100vh}
 main{min-width:0}
 .sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:18px 14px 18px 16px}
 .obelisk{position:relative;flex:1;display:flex;flex-direction:column;gap:14px;padding:38px 14px 18px;background:linear-gradient(180deg,#4a3627,#2a1a0f 30%,#1f120a);clip-path:polygon(50% 0,100% 34px,100% 100%,0 100%,0 34px);border:1px solid var(--edge);min-height:0}
 .obelisk::before{content:"";position:absolute;left:50%;top:0;width:0;height:0;border-left:calc(var(--sb)/2 - 15px) solid transparent;border-right:calc(var(--sb)/2 - 15px) solid transparent;border-bottom:34px solid var(--gold);transform:translateX(-50%);opacity:.9}
 .obelisk .logo{margin-top:8px}
 .obelisk .logo img{height:38px;width:auto;margin:0 auto}
 .snav{display:flex;flex-direction:column;gap:2px;overflow:auto;min-height:0;scrollbar-width:none}
 .snav a{display:flex;align-items:center;gap:10px;padding:9px 8px;color:var(--text);font:600 14.5px/1.15 var(--sans);border-bottom:1px solid rgba(255,166,50,.18);transition:.2s}
 .snav a .h{font:800 10px/1 var(--cond);letter-spacing:.14em;color:var(--gold);width:52px;flex:none}
 .snav a:hover,.snav a.on{color:var(--yellow);padding-left:12px}
 .soffer{margin-top:auto;text-align:center;padding-top:10px}
 .soffer .k{font:600 10px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
 .soffer .v{font:700 22px/1.1 var(--serif);color:#fff;margin:6px 0 2px}
 .soffer .s{font-size:12.5px;color:var(--muted);margin-bottom:10px}
 .soffer .btn{width:100%}
 .sidebar .age{font-size:11px;color:var(--muted);line-height:1.4;margin:0}
}
/* Mobile header */
#nt{position:absolute;opacity:0;pointer-events:none}
.mhead{display:flex;align-items:center;justify-content:space-between;padding:10px 52px 10px 14px;position:sticky;top:0;z-index:40;background:rgba(23,16,29,.85);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,166,50,.25)}
.mhead .logo img{height:32px;width:auto}
.burger{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--gold);color:#fff;font:600 13px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.burger i{width:16px;height:2px;background:var(--gold);box-shadow:0 -5px 0 var(--gold),0 5px 0 var(--gold);display:block}
.mnav{position:fixed;inset:0;z-index:30;background:rgba(23,16,29,.97);padding:76px 22px 22px;display:none;flex-direction:column;gap:2px;overflow:auto}
#nt:checked~.mnav,#nt:checked~.wrap .mnav{display:flex}
.mnav a{display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid rgba(255,166,50,.25);color:#fff;font:600 16px/1.2 var(--sans)}
.mnav a .h{font:800 10px/1 var(--cond);letter-spacing:.14em;color:var(--gold);width:60px;flex:none}
.mnav .btn{margin-top:auto;border:0;justify-content:center}
@media(min-width:1080px){.mhead,.mnav{display:none!important}}

/* Hero */
.hero{position:relative;overflow:hidden}
.hero-art{position:relative;height:300px}
.hero-art video,.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,16,29,.15) 30%,rgba(41,34,48,.2) 60%,var(--dusk) 100%)}
.rays{position:absolute;left:50%;top:22%;width:140vw;aspect-ratio:1;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0 12deg,rgba(255,200,90,.14) 12deg 16deg,transparent 16deg 40deg,rgba(255,200,90,.10) 40deg 44deg,transparent 44deg 75deg,rgba(255,200,90,.14) 75deg 80deg,transparent 80deg 120deg,rgba(255,200,90,.10) 120deg 124deg,transparent 124deg 160deg,rgba(255,200,90,.14) 160deg 165deg,transparent 165deg 200deg,rgba(255,200,90,.10) 200deg 204deg,transparent 204deg 250deg,rgba(255,200,90,.14) 250deg 255deg,transparent 255deg 300deg,rgba(255,200,90,.10) 300deg 304deg,transparent 304deg 360deg);-webkit-mask:radial-gradient(circle,#000 0,transparent 55%);mask:radial-gradient(circle,#000 0,transparent 55%);animation:spin 80s linear infinite;pointer-events:none;mix-blend-mode:screen;will-change:transform}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.sand{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.sand i{position:absolute;bottom:-4px;width:2px;height:2px;border-radius:50%;background:#ffd48a;opacity:0;animation:sand 7s linear infinite}
@keyframes sand{0%{transform:translate(0,0);opacity:0}10%{opacity:.8}100%{transform:translate(var(--dx,60px),-140px);opacity:0}}
.hero-body{position:relative;padding:0 16px 18px;margin-top:-70px}
.eyebrow{font:600 12px/1.3 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 10px}
.eyebrow a{color:var(--gold)}
.kart{position:relative;margin:14px auto 12px;padding:16px 22px 14px;border-radius:999px;border:3px solid var(--gold);background:linear-gradient(180deg,rgba(58,42,31,.92),rgba(38,17,4,.95));box-shadow:0 0 0 3px #1c0d03,0 0 0 4px rgba(255,166,50,.55),0 20px 50px -20px #000,inset 0 0 40px rgba(255,166,50,.12);text-align:center;overflow:hidden}
.kart::before{content:"";position:absolute;inset:6px;border-radius:999px;border:1px solid rgba(255,166,50,.45);pointer-events:none}
.kart::after{content:"";position:absolute;top:-40%;left:-30%;width:35%;height:180%;background:linear-gradient(100deg,transparent,rgba(255,230,170,.28),transparent);transform:skewX(-18deg);animation:sheen 7s ease-in-out infinite;pointer-events:none}
@keyframes sheen{0%,55%{left:-40%}100%{left:130%}}
.kart .k{font:600 10.5px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.kart .v{font:700 26px/1.05 var(--serif);color:#fff;margin:6px 0 2px;text-shadow:0 0 18px rgba(255,166,50,.5)}
.kart .v small{display:block;font-size:15px;color:var(--yellow);margin-top:2px;font-weight:600}
.kart .row{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 14px;font:600 12.5px/1.3 var(--cond);letter-spacing:.06em;color:var(--muted);margin-top:8px;text-transform:uppercase}
.kart .row b{color:#fff}
.lead{font-size:16px;max-width:64ch}.lead b{color:#fff}.lead.more{display:none}
.cta{display:flex;flex-direction:column;gap:10px;margin:14px 0 10px}
.age{font-size:12px;color:var(--muted)}
@media(min-width:720px){h1{font-size:40px}.cta{flex-direction:row;flex-wrap:wrap}.lead.more{display:block}.lead.first{display:none}.hero-art{height:420px}.kart .v{font-size:34px}.kart{padding:20px 40px 18px}}
@media(min-width:1080px){
 .hero{min-height:720px;display:grid;align-items:end}
 .hero-art{position:absolute;inset:0;height:auto}
 .hero-art video,.hero-art img{object-position:50% 0}
 .hero-art::after{background:linear-gradient(180deg,rgba(23,16,29,0) 30%,rgba(41,34,48,.72) 52%,rgba(41,34,48,.9) 70%,var(--dusk) 100%)}
 .rays{top:38%}
 .hero-body{margin:0 auto;max-width:var(--cw);width:100%;padding:120px 40px 40px;text-align:center;position:relative}
 .hero-body::before{content:"";position:absolute;left:50%;top:90px;width:900px;height:260px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(23,16,29,.72),rgba(23,16,29,.35) 55%,transparent 75%);pointer-events:none;z-index:0}
 .hero-body>*{position:relative;z-index:1}
 .hero-body{display:flex;flex-direction:column;align-items:center}
 .hero-body .eyebrow{order:5;margin:6px 0 0}
 .hero-body .kart{width:100%}
 .eyebrow{justify-content:center}
 h1{font-size:46px;max-width:22ch;margin-inline:auto}
 .lead{margin-inline:auto;text-align:center}
 .kart{max-width:760px}
 .cta{justify-content:center}
}
@media(min-width:1600px){:root{--cw:1440px;--sb:290px}h1{font-size:56px}.hero{min-height:840px}.kart{max-width:860px}.kart .v{font-size:40px}}
@media(min-width:2100px){:root{--cw:1760px;--sb:330px}body{font-size:17px}h1{font-size:66px}h2{font-size:38px}.lead{font-size:20px}.btn{min-height:62px;font-size:18px}.hero{min-height:880px}}
@media(min-width:2800px){body{zoom:1.3}}

/* Stundenleiste */
.anch{position:sticky;top:60px;z-index:20;background:rgba(23,16,29,.9);backdrop-filter:blur(8px);border-block:1px solid rgba(255,166,50,.3)}
.anch ul{list-style:none;margin:0;padding:8px 12px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.anch li a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;min-height:44px;color:var(--text);font:600 13px/1 var(--sans);white-space:nowrap;border-bottom:2px solid transparent}
.anch li a:hover,.anch li a.on{border-color:var(--gold)}
.anch li a .h{font:800 10px/1 var(--cond);letter-spacing:.12em;color:var(--gold)}
@media(min-width:1080px){.anch{top:0}.anch ul{max-width:var(--cw);margin-inline:auto;padding:10px 40px;justify-content:center}}

section{padding:36px 0 8px;position:relative}
.sh{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.sh .std{display:inline-flex;align-items:center;gap:8px;font:800 11px/1 var(--cond);letter-spacing:.16em;color:var(--gold);white-space:nowrap}
.sh .std i{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff3c4,var(--yellow) 45%,#c9530a);box-shadow:0 0 8px rgba(255,184,0,.8)}
.two{display:grid;gap:18px}.two>*{min-width:0}
@media(min-width:900px){.two{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}.two.eq{grid-template-columns:1fr 1fr}}
@media(min-width:1080px){section{padding:52px 0 10px}.cw{padding-inline:40px}h2{font-size:32px}h3{font-size:20px}}

/* Kartuschen-Fries (TL;DR) */
.tldr{position:relative;margin:18px 0 4px;padding:24px 14px 20px;border-radius:14px;background:linear-gradient(180deg,#3a2a1f,#2a1a0f);border:1px solid var(--edge);overflow:hidden}
.tldr::before,.tldr::after{content:"";position:absolute;left:14px;right:14px;height:6px;border-radius:3px;opacity:.7;background:repeating-linear-gradient(90deg,var(--gold) 0 14px,transparent 14px 20px,rgba(255,166,50,.45) 20px 26px,transparent 26px 34px)}
.tldr::before{top:8px}.tldr::after{bottom:8px}
.tldr .k{font:800 11px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);text-align:center;margin:2px 0 16px}
.tldr .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
.kt{position:relative;padding:18px 12px 12px;border-radius:999px;border:2px solid var(--gold);background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 4px #2a1a0f,inset 0 0 0 5px rgba(255,166,50,.45),0 10px 24px -16px #000;text-align:center;min-height:96px;display:flex;flex-direction:column;justify-content:center}
.kt::before{content:"";position:absolute;left:50%;top:-8px;width:14px;height:14px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle at 40% 35%,#fff3c4,var(--yellow) 45%,#c9530a);box-shadow:0 0 0 3px #2a1a0f,0 0 10px rgba(255,184,0,.8)}
.kt b{display:block;font:700 20px/1.1 var(--serif);color:#FFD27A;background:linear-gradient(180deg,#FFF1C9,#FFD27A 45%,#FFA632);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:5px}
.kt span{font-size:12.5px;line-height:1.3;color:var(--muted)}
@media(min-width:720px){.tldr .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1080px){.tldr{padding:28px 22px 24px}.tldr .grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.kt{padding:26px 8px 18px;min-height:156px;border-radius:70px}.kt b{font-size:19px}.kt span{font-size:11.5px}}
@media(min-width:1600px){.kt b{font-size:22px}.kt span{font-size:12.5px}}

/* Sonnenbarke */
.barke{position:relative;padding:22px 18px 26px;background:linear-gradient(180deg,#3d2c1f,#2a1a0f);border:1px solid var(--edge2);border-radius:16px 16px 110px 110px/16px 16px 70px 70px;box-shadow:0 30px 50px -30px #000,inset 0 -30px 40px -30px rgba(255,166,50,.25)}
.barke::before{content:"";position:absolute;left:-6px;right:-6px;top:-8px;height:10px;border-radius:6px;background:linear-gradient(90deg,var(--gold2),var(--gold),var(--gold2));box-shadow:0 0 14px rgba(255,166,50,.5)}
.barke .k{text-align:center;font:600 11px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.barke ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.barke li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:14.5px;padding:7px 0;border-bottom:1px dashed rgba(255,166,50,.22)}
.barke li:last-child{border-bottom:0}
.barke li i{width:18px;height:18px;border-radius:50%;margin-top:2px;display:grid;place-items:center;font:800 11px/1 var(--cond);font-style:normal}
.barke li.ok i{background:radial-gradient(circle at 40% 35%,#fff3c4,var(--yellow) 55%,#c9530a);color:var(--ink);box-shadow:0 0 8px rgba(255,184,0,.7)}
.barke li.no i{background:#17101d;border:1px solid var(--edge);color:var(--muted)}
.barke li b{color:#fff}
.barke .wasser{position:absolute;left:10%;right:10%;bottom:-14px;height:6px;border-radius:3px;background:linear-gradient(90deg,transparent,rgba(63,194,180,.7),transparent);animation:welle 3s ease-in-out infinite}
@keyframes welle{0%,100%{transform:translateX(-6px)}50%{transform:translateX(6px)}}

/* Opfergaben */
.gaben{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:40px}
.gabe{position:relative;padding:44px 12px 14px;border-radius:10px;background:linear-gradient(180deg,#3a2a1f,#2a1a0f);border:1px solid var(--edge);text-align:center;min-height:150px}
.gabe::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--gold2),var(--gold),var(--gold2))}
.gabe img{position:absolute;left:50%;top:-30px;height:70px;width:auto;transform:translateX(-50%);animation:bob 4s ease-in-out infinite;filter:drop-shadow(0 8px 12px rgba(0,0,0,.6))}
.gabe:nth-child(2) img{animation-delay:-1s}.gabe:nth-child(3) img{animation-delay:-2s}.gabe:nth-child(4) img{animation-delay:-3s}
@keyframes bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-7px)}}
.gabe .v{font:700 26px/1 var(--serif);color:#fff;margin:6px 0 6px}
.gabe .v small{font-size:13px;color:var(--gold)}
.gabe .s{font-size:12.5px;color:var(--muted);line-height:1.35}
@media(min-width:720px){.gaben{grid-template-columns:repeat(4,minmax(0,1fr))}.gabe .v{font-size:30px}.gabe img{height:84px;top:-38px}}

/* Tafel callout + Nische */
.tafel{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:14px 16px;border-radius:10px;background:rgba(0,0,0,.3);border-left:4px solid var(--gold);margin:16px 0}
.tafel .n{font:700 22px/1 var(--serif);color:var(--gold)}
.tafel img{height:64px;width:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}
.tafel p{margin:0;font-size:14.5px}
.nische{position:relative;margin:16px 0;padding:18px 18px 16px 18px;border-radius:14px 14px 4px 4px;background:linear-gradient(180deg,#17101d,#241224);border:1px solid var(--edge);border-top:0;box-shadow:inset 0 14px 30px -14px #000}
.nische::before{content:"";position:absolute;left:-1px;right:-1px;top:-6px;height:6px;border-radius:6px 6px 0 0;background:linear-gradient(90deg,var(--gold2),var(--gold),var(--gold2))}
.nische .k{font:800 11px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.nische p{margin:0;font-size:14.5px}

/* Schatzkammer */
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.tabs button{cursor:pointer;background:rgba(0,0,0,.3);border:1px solid rgba(255,166,50,.4);color:var(--text);padding:9px 14px;min-height:44px;border-radius:999px;font:600 14px/1 var(--sans)}
.tabs button.on{background:linear-gradient(180deg,#FFC26B,var(--gold) 45%,var(--gold2));color:var(--ink);border-color:transparent}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:42%;gap:10px;overflow-x:auto;padding:4px 0 10px;scroll-snap-type:x mandatory;scrollbar-width:none}
.rail .pane{display:contents}.rail .pane[hidden]{display:none}
.tile{scroll-snap-align:start;display:block;border-radius:10px;padding:3px;background:linear-gradient(180deg,var(--gold),var(--edge));box-shadow:0 10px 24px -14px #000;transition:transform .25s,box-shadow .25s;position:relative}
.tile:hover{transform:translateY(-4px);box-shadow:0 0 0 2px rgba(255,184,0,.4),0 16px 30px -14px rgba(255,166,50,.6)}
.tile .cv{display:block;border-radius:8px 8px 0 0;overflow:hidden;aspect-ratio:1;background:#1b0d05}
.tile .cv img{width:100%;height:auto}
.tile .t{display:block;padding:8px 6px 2px;font:600 13px/1.2 var(--sans);color:#fff;background:#2a1a0f}
.tile .p{display:block;padding:0 6px 7px;font:600 11px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:#2a1a0f;border-radius:0 0 8px 8px}
@media(min-width:720px){.rail{grid-auto-columns:23%}}
@media(min-width:1080px){.rail{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-columns:auto;overflow:visible}.rail.r7{grid-template-columns:repeat(7,minmax(0,1fr))}.rail.l3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:720px) and (max-width:1079px){.rail.l3{grid-auto-columns:31%}}
.prov{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.prov div{display:grid;place-items:center;height:56px;border-radius:8px;background:rgba(0,0,0,.3);border:1px solid rgba(255,166,50,.25)}
.prov img{height:22px;width:auto;max-width:82%;opacity:.9}
@media(min-width:720px){.prov{grid-template-columns:repeat(8,minmax(0,1fr))}}
.figcap{font:600 12px/1.4 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:6px 0 14px}

/* Sonnenuhr */
.calc{display:grid;gap:16px;padding:18px 16px;border-radius:14px;background:linear-gradient(180deg,#3a2a1f,#2a1a0f);border:1px solid #7a5530;margin:16px 0}
.calc label{font:600 12px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:8px}
.calc input[type=range]{width:100%;accent-color:var(--gold)}
.calc .kv{display:grid;grid-template-columns:1fr auto;gap:8px 12px;font-size:15px;align-items:baseline}
.calc .kv b{font:700 20px/1 var(--serif);color:#fff}
.uhr{position:relative;text-align:center;padding:10px 10px 0}
.dial{position:relative;width:220px;height:110px;margin:0 auto;border-radius:220px 220px 0 0;background:conic-gradient(from 270deg at 50% 100%,var(--gold) 0deg,var(--gold) var(--deg,90deg),rgba(255,166,50,.18) var(--deg,90deg) 180deg,transparent 180deg);-webkit-mask:radial-gradient(circle at 50% 100%,transparent 60px,#000 61px);mask:radial-gradient(circle at 50% 100%,transparent 60px,#000 61px)}
.dial::after{content:"";position:absolute;left:50%;bottom:0;width:2px;height:104px;background:#fff;transform-origin:50% 100%;transform:translateX(-50%) rotate(calc(var(--deg,90deg) - 90deg));box-shadow:0 0 8px rgba(255,255,255,.8);transition:transform .3s}
.uhr .k{font:600 11px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:10px}
.uhr .v{font:700 34px/1.1 var(--serif);color:#fff;margin-top:6px}
.uhr .s{font-size:13px;color:var(--muted);margin-top:6px}
@media(min-width:900px){.calc{grid-template-columns:1.1fr .9fr;align-items:center;padding:24px}}

/* Drei Tore (steps) */
.tore{display:grid;gap:12px;margin:16px 0;counter-reset:t}
.tor{position:relative;padding:18px 16px 16px;background:linear-gradient(180deg,#3a2a1f,#2a1a0f);border:1px solid var(--edge);clip-path:polygon(0 100%,0 22px,12% 0,88% 0,100% 22px,100% 100%);counter-increment:t}
.tor::before{content:counter(t,upper-roman) ". TOR";font:800 11px/1 var(--cond);letter-spacing:.16em;color:var(--gold);display:block;margin-bottom:6px}
.tor h3{margin:0 0 6px;font-size:17px}
.tor p{margin:0;font-size:14.5px;color:var(--muted)}
@media(min-width:720px){.tore{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Sport-Tafel, Kasse */
.zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}
.zahlen div{padding:12px 8px;text-align:center;border-radius:10px;background:rgba(0,0,0,.28);border:1px solid rgba(255,166,50,.3)}
.zahlen b{display:block;font:700 22px/1.1 var(--serif);color:#fff}
.zahlen span{font:600 11.5px/1.3 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
@media(min-width:720px){.zahlen b{font-size:28px}}
.pay{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.pay div{display:grid;place-items:center;height:44px;padding:0 14px;border-radius:8px;background:rgba(0,0,0,.3);border:1px solid rgba(255,166,50,.25)}
.pay img{height:18px;width:auto}
.pay .txt{font:800 12px/1 var(--cond);letter-spacing:.1em;color:#fff}
.crypto{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px}
.crypto span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 6px;border-radius:999px;border:1px solid rgba(255,166,50,.35);font:800 12px/1 var(--cond);letter-spacing:.08em;color:#fff}
.crypto span img{width:18px;height:18px;border-radius:50%}

/* Fundstelle (footer exhibit) */
.fund{margin:16px 0;padding:14px 16px;border:1px dashed rgba(255,166,50,.5);border-radius:10px;background:rgba(0,0,0,.35);font-family:var(--cond);font-size:14px;color:var(--muted);letter-spacing:.02em}
.fund .k{font:800 11px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-family:var(--cond)}
.fund .l{display:flex;flex-wrap:wrap;gap:6px 18px;padding:6px 0;border-bottom:1px solid rgba(255,166,50,.15)}
.fund .l:last-child{border-bottom:0}
.fund .miss{color:#ff8e6e}

/* Wide panel */
.panel{position:relative;margin:24px 0 8px;aspect-ratio:16/9;overflow:hidden;border-radius:14px;border:1px solid var(--edge);background:#1b0d05}
.panel video,.panel img{width:100%;height:100%;object-fit:cover;animation:kb 28s ease-in-out infinite alternate}
@keyframes kb{0%{transform:scale(1)}100%{transform:scale(1.08)}}
.panel .fog{position:absolute;inset:auto -10% 0;height:60%;background:radial-gradient(60% 80% at 30% 100%,rgba(255,200,120,.25),transparent 70%),radial-gradient(50% 70% at 80% 100%,rgba(255,200,120,.18),transparent 70%);animation:fog 18s ease-in-out infinite alternate;pointer-events:none}
@keyframes fog{0%{transform:translateX(-4%)}100%{transform:translateX(4%)}}
@media(min-width:720px){.panel{aspect-ratio:21/9}}
.panel .cap{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;background:linear-gradient(180deg,transparent,rgba(23,16,29,.9));font:600 12px/1.4 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}

/* FAQ */
.faq details{border-bottom:1px solid rgba(255,166,50,.22);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;display:flex;gap:12px;align-items:center;padding:12px 0;font:600 16px/1.35 var(--sans);color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff3c4,var(--yellow) 45%,#c9530a);box-shadow:0 0 8px rgba(255,184,0,.7);transition:transform .3s}
.faq details[open] summary::before{transform:scale(1.25);box-shadow:0 0 16px rgba(255,184,0,.95)}
.faq details p{margin:0 0 14px 26px;color:var(--muted)}

/* Fazit + Risiko */
.fazit{padding:22px 18px;border-radius:14px;background:linear-gradient(180deg,#3a2a1f,#2a1a0f);border:1px solid var(--edge2);margin:16px 0}
.fazit .cta{margin-top:14px}
.risk{margin:18px 0 0;padding:14px 16px;border-radius:10px;border:1px solid rgba(255,142,110,.45);background:rgba(120,40,20,.18);font-size:14px;color:var(--muted)}
.risk b{color:#fff}

footer{margin:30px auto 90px;padding:20px 16px;font-size:12.5px;color:var(--muted);border-top:1px solid rgba(255,166,50,.3);max-width:var(--cw)}
footer p{margin:0 0 8px}footer nav{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0}footer nav a{color:var(--text)}
@media(min-width:1080px){footer{margin-bottom:30px;padding:24px 40px}}

.sbar{position:fixed;left:0;right:0;bottom:0;z-index:35;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(23,16,29,.95);border-top:1px solid var(--gold);display:flex;align-items:center;gap:12px;transform:translateY(110%);transition:transform .35s}
.sbar.show{transform:none}
.sbar .t{flex:1;font:600 13px/1.25 var(--cond)}
.sbar .t b{display:block;font:700 15px/1.1 var(--serif);color:#fff}
.sbar .btn{min-height:44px;padding:0 16px 0 12px;font-size:14px}
.sbar .btn .disc{width:16px;height:16px}
@media(min-width:1080px){.sbar{display:none}}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}