/* WOW-Vorschau 2026 – gemeinsames Design (an /kultur/ angelehnt). Keine externen Ressourcen. */
:root{--cream:#f2eae0;--paper:#faf5ed;--line:#ded3c4;--ink:#17130f;--ink2:#2b221b;--muted:#6e6054;--forest:#1e4d38;--forest2:#2d6a4f;--gold:#c9a24a;--gold2:#e2c477;--open:#22c55e;--warn:#f59e0b;--red:#dc2626;--r:14px;--sh:0 10px 30px -12px rgba(23,19,15,.25)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink2);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit}button,input,select{font:inherit;color:inherit}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Top bar */
.w-top{position:sticky;top:0;z-index:1100;display:flex;align-items:center;gap:12px;padding:10px 16px;background:rgba(250,245,237,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.w-brand{font-weight:800;letter-spacing:.14em;font-size:11px;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.w-crumb{display:flex;align-items:center;gap:8px;font-size:13px;min-width:0;flex:1;padding:4px 6px 4px 4px;border:1px solid var(--line);border-radius:999px;background:#fff8}
.w-crumb .w-pill{display:none}@media(min-width:600px){.w-crumb .w-pill{display:inline-flex}}.w-crumb>a{text-decoration:none;color:var(--muted);font-weight:700;display:none}.w-sep{color:#b9ab98;display:none}@media(min-width:600px){.w-crumb>a,.w-sep{display:inline}}
.w-crumb b{padding-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w-pill{display:inline-flex;align-items:center;gap:6px;background:var(--forest);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;white-space:nowrap}
.w-pill.gold{background:transparent;color:var(--forest2);border:1px solid rgba(30,77,56,.35)}
.w-prev{font-size:10.5px;font-weight:800;letter-spacing:.06em;color:#1e4d38;background:#eef6f1;border:1px solid #c5d9ce;border-radius:999px;padding:3px 8px;white-space:nowrap}
.w-nav{display:none;gap:4px}.w-nav a{font-size:12.5px;font-weight:600;text-decoration:none;padding:6px 10px;border-radius:999px;color:var(--muted)}.w-nav a[aria-current]{background:var(--forest);color:#fff}
@media(min-width:1000px){.w-nav{display:flex}}
/* Hero */
.w-hero{position:relative;min-height:min(42vh,420px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#0f1c16}
.w-hero.short{min-height:min(34vh,340px)}
.w-hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.12);animation:w-kb 9s cubic-bezier(.2,.7,.2,1) forwards}
.w-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,12,.35) 0%,rgba(10,14,12,.25) 35%,rgba(10,14,12,.86) 100%),linear-gradient(90deg,rgba(10,14,12,.55),transparent 65%)}
.w-hero .in{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:56px 20px 28px}
.w-hero h1{font-size:clamp(2rem,1.4rem + 3.2vw,3.4rem);line-height:1.02;letter-spacing:-.03em;margin:8px 0 10px;font-weight:800;max-width:18ch}
.w-hero p.lead{font-size:clamp(1rem,.95rem + .4vw,1.2rem);max-width:56ch;opacity:.93;margin:0 0 22px}
.w-credit{position:absolute;right:10px;bottom:8px;z-index:3;font-size:10.5px;color:#fff;background:rgba(0,0,0,.45);padding:3px 8px;border-radius:6px;max-width:70%;text-align:right}
.w-credit a{color:#fff}
.w-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.w-stat{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);border-radius:14px;padding:10px 14px;min-width:120px}
.w-stat b{display:block;font-size:1.35rem;letter-spacing:-.02em}.w-stat span{font-size:12px;opacity:.85}
@keyframes w-kb{to{transform:scale(1)}}
@keyframes w-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.w-hero .in>*{opacity:0;animation:w-up .9s cubic-bezier(.2,.7,.2,1) forwards}
.w-hero .in>*:nth-child(2){animation-delay:.12s}.w-hero .in>*:nth-child(3){animation-delay:.24s}.w-hero .in>*:nth-child(4){animation-delay:.36s}.w-hero .in>*:nth-child(5){animation-delay:.48s}
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.w-hero .bg,.w-hero .in>*{animation:none;opacity:1;transform:none}.rv{opacity:1;transform:none;transition:none}}
/* Layout */
.w-wrap{max-width:1280px;margin:0 auto;padding:0 16px}
.w-sec{padding:12px 0}
.w-h2{font-size:clamp(1.5rem,1.2rem + 1.4vw,2.3rem);letter-spacing:-.025em;line-height:1.1;margin:0 0 6px;font-weight:800;color:var(--ink)}
.w-sub{color:var(--muted);margin:0 0 18px;max-width:70ch}
.w-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:12px 14px}
.w-grid{display:grid;gap:10px}
@media(min-width:1000px){.w-grid.two{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.w-grid.app{grid-template-columns:400px minmax(0,1fr)}}
.w-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:13px 20px;font-weight:700;cursor:pointer;text-decoration:none;background:var(--forest);color:#fff;transition:transform .15s,box-shadow .2s;min-height:46px}
.w-btn:active{transform:scale(.97)}.w-btn.gold{background:var(--forest);color:#fff}.w-btn.ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.4);color:#fff}
.w-btn.line{background:#fff;color:var(--forest);border:1px solid var(--line)}.w-btn.red{background:var(--red)}
.w-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.w-chips::-webkit-scrollbar{display:none}
.w-chip{flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.w-chip[aria-pressed=true]{background:var(--forest);color:#fff;border-color:var(--forest)}
.w-input{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px;font-size:16px;min-height:46px}
.w-input:focus,.w-chip:focus-visible,.w-btn:focus-visible{outline:3px solid rgba(201,162,74,.6);outline-offset:2px}
.w-label{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.w-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 9px;background:#eee5d7;color:#523a28}
.w-badge.open{background:#dcfce7;color:#14532d}.w-badge.closed{background:#f1ece4;color:#6e6054}.w-badge.unk{background:#efe6d8;color:#6e6054}.w-badge.warn{background:#eef6f1;color:#1e4d38}
.w-note{font-size:12.5px;color:var(--muted)}.w-note a{color:var(--forest)}
.w-src{font-size:11.5px;color:var(--muted)}.w-src a{color:var(--forest)}
.w-flag{border-left:4px solid var(--forest);background:#eef6f1;padding:10px 12px;border-radius:10px;font-size:13.5px}
/* Map */
.w-map{height:42vh;min-height:280px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#efe7da;box-shadow:var(--sh)}
.w-map .leaflet-container{background:#efe7da;font-family:inherit}
.leaflet-control-attribution{font-size:10px!important;background:rgba(250,245,237,.85)!important}
.w-dot{width:14px;height:14px;border-radius:50%;background:#a8a29e;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.w-dot.open{background:var(--open);box-shadow:0 0 0 0 rgba(34,197,94,.7),0 1px 4px rgba(0,0,0,.3);animation:w-glow 1.8s infinite}
.w-dot.maybe{background:#6e9b82}.w-dot.closed{background:#57534e;opacity:.75}.w-dot.unk{background:#a89888}
.w-dot.hi{transform:scale(1.6);background:var(--gold);z-index:999;box-shadow:0 0 0 6px rgba(201,162,74,.35)}
.w-pin{width:28px;height:28px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--forest);border:3px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.35);display:grid;place-items:center}
.w-pin i{transform:rotate(45deg);color:#fff;font-style:normal;font-size:12px;font-weight:800}
.w-pin.gold{background:var(--forest2)}.w-pin.red{background:var(--red)}
@keyframes w-glow{0%{box-shadow:0 0 0 0 rgba(34,197,94,.65),0 1px 4px rgba(0,0,0,.3)}70%{box-shadow:0 0 0 12px rgba(34,197,94,0),0 1px 4px rgba(0,0,0,.3)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0),0 1px 4px rgba(0,0,0,.3)}}
.leaflet-popup-content-wrapper{border-radius:14px!important}.leaflet-popup-content{margin:12px 14px!important;font-size:13px;line-height:1.45}
/* Footer */
.w-foot{border-top:1px solid var(--line);margin-top:16px;padding:14px 0 80px;font-size:12.5px;color:var(--muted)}
.w-foot a{color:var(--forest)}
.w-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.w-item{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 10px}
.w-item h4{margin:0 0 2px;font-size:15px}.w-item p{margin:0;font-size:13px;color:var(--muted)}
.w-skel{background:linear-gradient(90deg,#eee5d7,#f8f2e9,#eee5d7);background-size:200% 100%;animation:w-sk 1.3s infinite;border-radius:10px;min-height:20px}
@keyframes w-sk{to{background-position:-200% 0}}

/* ===== Live-Feinschliff 2026-10 ===== */
.w-skip{position:absolute;left:12px;top:-60px;z-index:2000;background:var(--forest);color:#fff;padding:10px 14px;border-radius:10px;font-weight:700;text-decoration:none;transition:top .2s}
.w-skip:focus{top:10px}
.w-top{transition:box-shadow .3s,background .3s}.w-top.scrolled{box-shadow:0 8px 24px -14px rgba(23,19,15,.35);background:rgba(250,245,237,.97)}
.w-nav a{transition:background .2s,color .2s}.w-nav a:hover{color:var(--forest);background:#ebf3ee}.w-nav a[aria-current]:hover{background:var(--forest);color:#fff}
.w-hero .bg{opacity:0;transition:opacity .9s ease}.w-hero .bg.ld{opacity:1}
.w-chip{min-height:40px;transition:background .2s,color .2s,border-color .2s,transform .15s}
.w-chip:active{transform:scale(.96)}
.w-btn{transition:transform .15s,box-shadow .25s,filter .2s}
@media(hover:hover){.w-btn:hover{box-shadow:0 10px 22px -10px rgba(23,19,15,.45);filter:brightness(1.05)}
 .w-chip:hover{border-color:var(--forest)}
 .w-card,.w-item,.sc,.kc,.opt,.fds-card,.sect{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .2s}
 .sc:hover,.kc:hover,.opt:hover,.fds-card:hover,.res .w-item:hover,.sect:hover{transform:translateY(-2px);box-shadow:0 12px 26px -16px rgba(23,19,15,.4)}}
.w-list>li{animation:w-fade .45s cubic-bezier(.2,.7,.2,1) both}
.w-list>li:nth-child(2){animation-delay:.03s}.w-list>li:nth-child(3){animation-delay:.06s}.w-list>li:nth-child(4){animation-delay:.09s}.w-list>li:nth-child(5){animation-delay:.12s}.w-list>li:nth-child(6){animation-delay:.15s}.w-list>li:nth-child(n+7){animation-delay:.18s}
@keyframes w-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.w-dot{animation:w-pop .5s cubic-bezier(.2,1.5,.4,1) backwards;transition:transform .3s}
.w-dot.open{animation:w-pop .5s cubic-bezier(.2,1.5,.4,1) backwards,w-glow 1.8s .5s infinite}
.w-pinw{animation:w-drop .55s cubic-bezier(.2,1.4,.4,1) both}
@keyframes w-pop{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes w-drop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.w-dot.hi{animation:w-pop .5s cubic-bezier(.2,1.5,.4,1) backwards,w-hi 1.6s .5s infinite}
@keyframes w-hi{50%{box-shadow:0 0 0 10px rgba(201,162,74,.15)}}
.w-pill.is-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.7);animation:w-live 2s infinite}
@keyframes w-live{70%{box-shadow:0 0 0 7px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.flip{animation:w-flip .55s cubic-bezier(.2,.7,.2,1)}
@keyframes w-flip{from{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.w-stat{transition:background .25s}.w-stat b{font-variant-numeric:tabular-nums}
html.in-frame .w-hero{min-height:min(36vh,360px)}html.in-frame .w-hero .in{padding-top:56px}
html.in-frame .fds-orb,html.in-frame .fds-tag{display:none!important}
html.in-frame .w-foot{padding-bottom:40px}
.w-more{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--forest);text-decoration:none;border-bottom:2px solid rgba(30,77,56,.25);padding-bottom:2px;transition:border-color .2s,gap .2s}
.w-more:hover{border-color:var(--forest);gap:12px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.w-hero .bg{opacity:1}}