:root{
  --sk-pinktint-100:#150b0f;
  --sk-pinktint-200:#180d14;
  --sk-pinktint-300:#27121b;
  --sk-pinktint-deep:#381621;
  --sk-mauve:#150c10;
  --sk-mauve-alt:#1d121e;

  --sk-surface:#1c0e13;
  --sk-surface-50:#1e141c;
  --sk-surface-alt:#2c1b25;

  --sk-accent:#f4337a;
  --sk-accent-active:#ff2c70;
  --pink-ink:#ff6e9c;
  --sk-coral:#ff4f5c;
  --sk-coral-alt:#fe384d;
  --sk-orange:#ff793a;
  --sk-orange-alt:#ff6c25;
  --sk-like:#ff3b4c;
  --sk-peri:#9ca1df;
  --sk-promo-active:linear-gradient(95deg,var(--sk-orange),var(--sk-coral) 55%,var(--sk-accent));

  --sk-text:#f2eff2;
  --sk-text-50:#b6a8b1;
  --sk-quiet:#867986;
  --sk-divider:#382730;

  --sk-ondark:#fdfdff;
  --sk-blank:#fdfdff;
  --sk-positive:#8dc4a7;
  --sk-divider-50:rgba(253,253,255,.08);
  --sk-surface-back:rgba(20,11,15,.82);
  --sk-veil:rgba(2,0,1,.63);
  --sk-ft-back:#10070a;
  --sk-ft:#c7bec5;
  --sk-ft-alt:#f2eff2;
  --sk-ft-50:#8c7e88;
  --sk-ft-bd:rgba(253,253,255,.1);

  --sk-r-sm:14px;
  --sk-r-md:20px;
  --sk-r-lg:28px;
  --sk-r-xl:36px;
  --sk-r-pill:999px;

  --sk-elev-sm:0 6px 16px -8px rgba(2,0,1,.57);
  --sk-elev-md:0 18px 38px -18px rgba(2,0,1,.62);
  --sk-elev-lg:0 30px 60px -24px rgba(2,0,1,.64);

  --sk-heading:"Trebuchet MS","Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;
  --sk-type:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;

  --sk-wrap:1200px;
  --sk-edge-x:24px;
  --sk-vgap:clamp(56px,7vw,104px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--sk-text);font-family:var(--sk-type);background:
    radial-gradient(1200px 700px at 85% -8%, var(--sk-pinktint-300) 0%, transparent 55%),
    radial-gradient(900px 600px at -10% 8%, var(--sk-mauve) 0%, transparent 55%),
    linear-gradient(180deg, var(--sk-pinktint-100) 0%, var(--sk-surface-50) 40%, var(--sk-pinktint-100) 100%);
  background-attachment:fixed;
  line-height:1.6;-webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}



.konten-layout{gap:22px;grid-template-columns:repeat(4,1fr);display:grid}

.btn{
  padding:14px 26px;white-space:nowrap;border:1.5px solid transparent;text-align:center;
  justify-content:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;cursor:pointer;font-weight:700;
  display:inline-flex;gap:9px;font-size:1rem;align-items:center;
  border-radius:var(--sk-r-pill);
}
.btn svg{height:18px;width:18px}
.btn-small{padding:10px 18px;font-size:.9rem}
.btn-block{width:100%}
.btn-cta{color:var(--sk-ondark);background:linear-gradient(95deg,var(--sk-orange),var(--sk-coral) 55%,var(--sk-accent));box-shadow:0 14px 26px -12px rgba(252,75,97,.77)}
.btn-cta:hover{box-shadow:0 20px 34px -12px rgba(252,75,97,.83);transform:translateY(-2px);color:var(--sk-ondark);background:var(--sk-promo-active)}
.btn-soft{color:var(--sk-accent);border-color:var(--sk-divider);background:var(--sk-surface)}
.btn-soft:hover{transform:translateY(-2px);background:var(--sk-surface-alt);color:var(--sk-accent-active)}
.btn-clear{color:var(--sk-accent-active);background:var(--sk-blank)}
.btn-clear:hover{color:var(--sk-accent-active);transform:translateY(-2px);box-shadow:var(--sk-elev-md)}
.wortmarke,.links-a,.sidebar-mobile a,.btn,.pfad a,.main-fuss a,.nah-menu a,.konto-chat{text-decoration:none}
h1,h2,h3,h4{letter-spacing:-.01em;color:var(--sk-text);margin:0;line-height:1.12;font-family:var(--sk-heading)}
.pfad a:hover{color:var(--sk-accent-active)}
p{margin:0}
.links-a{transition:background .18s,color .18s;color:var(--sk-text);border-radius:var(--sk-r-pill);font-weight:600;padding:9px 14px;font-size:.96rem}
.links-a:hover{color:var(--sk-accent-active);background:var(--sk-surface-alt)}
.links-blitz{align-items:center;position:relative;gap:7px;cursor:pointer;color:var(--sk-text);display:inline-flex;background:none;font-weight:600;transition:background .18s ease,color .18s ease;font-size:.96rem;border:none;text-decoration:none;border-radius:var(--sk-r-pill);padding:9px 12px}
.links-blitz:hover{background:var(--sk-surface-alt);color:var(--sk-accent-active)}
.links-blitz svg{height:20px;color:var(--sk-accent);width:20px}
.links-blitz:hover svg{color:var(--sk-accent-active)}
.links-blitz-txt{white-space:nowrap}
.links-blitz .chat-tag{top:auto;position:static;right:auto}
.links-blitz-mobile{font-weight:600;display:flex;text-align:left;border:none;text-decoration:none;padding:14px 2px;font-size:15px;cursor:pointer;color:var(--sk-text);gap:9px;border-bottom:1px solid var(--sk-divider);background:none;width:100%;align-items:center}
.links-blitz-mobile:hover{color:var(--sk-accent-active)}
.links-blitz-mobile svg{width:18px;color:var(--sk-accent);height:18px}

.rahmen{margin-inline:auto;padding-inline:var(--sk-edge-x);max-width:var(--sk-wrap)}
:focus-visible{outline:3px solid var(--sk-accent);border-radius:6px;outline-offset:2px}
.block{padding-block:var(--sk-vgap)}
.block-other{background:var(--sk-surface-alt)}
.block-head{text-align:center;max-width:640px;margin:0 auto 44px}
.block-head .btn{margin-top:24px}
.heading-2{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}
figure{margin:0}
.page-links{display:flex;align-items:center;margin-left:auto;gap:8px}
.links-screen{inset:0;background:var(--sk-veil);visibility:hidden;position:fixed;opacity:0;transition:opacity .3s ease;z-index:1090}
.links-screen.active{opacity:1;visibility:visible}
button{font-family:inherit}
.sidebar-mobile{position:fixed;background:var(--sk-surface);height:100vh;top:0;width:80%;transition:right .3s ease;z-index:1100;overflow-y:auto;right:-100%;height:100dvh;box-shadow:-6px 0 30px rgba(44,38,47,.19);max-width:320px;padding:84px 22px 22px}
.sidebar-mobile.active{right:0}
.sidebar-mobile nav{flex-direction:column;display:flex}
.sidebar-mobile a:not(.btn){padding:14px 2px;border-bottom:1px solid var(--sk-divider);font-weight:600;font-size:15px;color:var(--sk-text)}
.sidebar-mobile a:not(.btn):hover{color:var(--sk-accent-active)}
.sidebar-mobile a.btn{margin-top:22px}

.main-navleiste{top:0;position:sticky;z-index:60;border-bottom:1px solid var(--sk-divider);background:var(--sk-surface)}
.main-navleiste-in{display:flex;min-height:74px;align-items:center;justify-content:space-between;padding-block:12px;gap:20px}
.konto-panel{overflow:hidden;border-radius:var(--sk-r-lg);border:1px solid var(--sk-divider-50);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;position:relative;background:var(--sk-surface);cursor:pointer}
.konto-panel:hover{z-index:3;transform:translateY(-8px) scale(1.02);box-shadow:var(--sk-elev-lg)}
.konto-pic{overflow:hidden;background:linear-gradient(160deg,var(--sk-pinktint-200),var(--sk-mauve-alt));aspect-ratio:3/4;position:relative;display:block}
.konto-pic img{display:block;object-fit:cover;height:100%;transition:transform .5s ease,filter .3s ease;width:100%}
.konto-panel:hover .konto-pic img{filter:brightness(.7);transform:scale(1.1)}
.konto-tag{box-shadow:0 2px 8px rgba(2,0,1,.18);border:1px solid #5d9dd8;border-radius:var(--sk-r-pill);align-items:center;display:inline-flex;background:linear-gradient(135deg,#0d2c49,#091e32);top:10px;padding:5px 9px;letter-spacing:.05em;gap:6px;font-weight:800;position:absolute;color:#ecf6ff;font-size:.68rem;z-index:3;right:10px}
.konto-tag .round{color:transparent;font-size:0;width:8px;position:relative;background:var(--sk-positive);box-shadow:0 0 6px rgba(141,196,167,.68);border-radius:50%;height:8px}
.konto-tag .round::after{background:var(--sk-positive);inset:0;animation:beat 1.8s ease-out infinite;content:"";position:absolute;border-radius:50%}
.konto-in{left:0;transition:opacity .3s ease;text-align:left;right:0;position:absolute;bottom:0;z-index:2;padding:20px 15px 15px;background:linear-gradient(to top,rgba(2,0,1,.96),rgba(2,0,1,.68) 55%,rgba(2,0,1,.01))}
.konto-panel:hover .konto-in{opacity:0}
.konto-slogan{gap:5px;letter-spacing:.02em;align-items:center;background:rgba(21,46,45,.9);margin-bottom:8px;padding:4px 9px;box-shadow:0 2px 8px rgba(2,0,1,.18);font-size:.68rem;color:#f0fef5;border-radius:var(--sk-r-pill);display:inline-flex;border:1px solid rgba(73,116,107,.88);font-weight:700}
.konto-slogan svg{height:14px;color:#a9e6ce;width:14px}
.konto-titel{font-family:var(--sk-heading);color:#fdfdff;line-height:1.2;font-weight:800;font-size:1.32rem}
.konto-titel span{font-weight:600;font-size:.86rem;color:rgba(253,253,255,.82)}
.konto-place{align-items:center;gap:6px;font-size:.82rem;display:flex;color:rgba(253,253,255,.88);margin-top:3px}
.konto-place .pin svg{color:#fdfdff;height:14px;width:14px}
.konto-screen{transition:opacity .3s ease,visibility .3s ease;visibility:hidden;display:flex;opacity:0;justify-content:center;padding:20px;inset:0;position:absolute;z-index:4;background:linear-gradient(to bottom,rgba(2,0,1,.09),rgba(2,0,1,.88));align-items:flex-end}
.konto-panel:hover .konto-screen{opacity:1;visibility:visible}
.konto-box{text-align:center;width:100%;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transform:translateY(20px)}
.konto-panel:hover .konto-box{transform:translateY(0)}
.konto-txt{line-height:1.4;overflow:hidden;color:#fdfdff;margin:0 0 12px;-webkit-line-clamp:2;text-shadow:0 2px 4px rgba(2,0,1,.78);display:-webkit-box;font-size:.85rem;-webkit-box-orient:vertical}
.konto-chat{justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--sk-accent),var(--sk-coral));box-shadow:0 4px 15px rgba(2,0,1,.3);transition:transform .3s ease,box-shadow .3s ease;color:var(--sk-ondark);align-items:center;height:50px;display:inline-flex;width:50px}
.konto-chat svg{height:22px;width:22px}
.konto-chat:hover{box-shadow:var(--sk-elev-md);transform:scale(1.1)}
.konto-blitz{width:34px;position:absolute;place-items:center;display:grid;box-shadow:0 2px 8px rgba(2,0,1,.29);border-radius:50%;background:rgba(2,0,1,.44);top:10px;cursor:pointer;z-index:6;border:none;height:34px;left:10px;transition:transform .2s ease,background .2s ease,color .2s ease;color:#fdfdff}
.konto-blitz svg{height:18px;width:18px}
.konto-blitz:hover{transform:scale(1.1);background:rgba(2,0,1,.59)}
.konto-blitz.ticked{color:var(--sk-ondark);background:var(--sk-coral)}
.konto-blitz.ticked svg{fill:currentColor}
::selection{background:rgba(236,78,149,.2)}

.menue-btn{background:none;display:none;border:none;padding:6px;z-index:1105;gap:5px;flex-direction:column;cursor:pointer}
.menue-btn span{display:block;transition:transform .3s ease,opacity .3s ease;border-radius:2px;height:3px;background:var(--sk-text);width:26px}
.menue-btn.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.menue-btn.active span:nth-child(2){opacity:0}
.menue-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
.pop{color:transparent;background:linear-gradient(92deg,var(--sk-accent),var(--sk-coral) 60%,var(--sk-orange));-webkit-background-clip:text;background-clip:text}
.koeder{margin-top:14px;color:var(--sk-text-50);font-size:1.06rem}
.kicker{font-weight:800;margin-bottom:10px;letter-spacing:.1em;color:var(--sk-accent);font-size:.8rem;text-transform:uppercase}
svg{display:block}
ul{padding:0;list-style:none;margin:0}
.sym-ticked svg{fill:currentColor;stroke:none}

.tag-chip{font-weight:700;padding:8px 16px;box-shadow:var(--sk-elev-sm);gap:8px;align-items:center;border:1px solid var(--sk-divider);font-size:.82rem;background:var(--sk-surface);border-radius:var(--sk-r-pill);color:var(--sk-accent);letter-spacing:.06em;display:inline-flex}
.tag-chip svg{color:var(--sk-coral);height:16px;width:16px}
.wortmarke{letter-spacing:-.02em;font-family:var(--sk-heading);align-items:center;color:var(--sk-text);font-weight:800;font-size:1.28rem;gap:11px;display:flex}
.wortmarke:hover{color:var(--sk-text)}
.wortmarke-mark{display:inline-flex;color:var(--sk-ondark);align-items:center;background:linear-gradient(135deg,var(--sk-accent),var(--sk-coral) 55%,var(--sk-orange));height:42px;border-radius:14px;justify-content:center;width:42px;box-shadow:0 8px 18px -8px rgba(236,78,149,.78);flex-shrink:0}
.wortmarke-mark svg{width:22px;height:22px}
@media(max-width:768px){.konto-screen{opacity:1;visibility:visible;inset:auto 7px 8px auto;width:auto;height:auto;padding:0;background:none}.konto-box{width:auto;transform:none}.konto-txt{display:none}.konto-chat{width:34px;height:34px}.konto-chat svg{width:16px;height:16px}.konto-blitz{top:8px;left:8px;width:30px;height:30px}.konto-blitz svg{width:16px;height:16px}.konto-tag{top:8px;right:8px;gap:4px;padding:3px 7px;font-size:9.5px;letter-spacing:.03em}.konto-tag .round{width:6px;height:6px}.konto-panel .konto-in{padding:10px 9px 9px}.konto-slogan{gap:3px;margin-bottom:5px;padding:3px 6px;font-size:9.5px}.konto-slogan svg{width:12px;height:12px}.konto-titel{font-size:.92rem;line-height:1.2;padding-right:40px}.konto-titel span{font-size:.72rem;white-space:nowrap}.konto-place{font-size:.72rem;gap:4px;margin-top:2px;padding-right:40px}.konto-place .pin svg{width:12px;height:12px}}
@keyframes beat{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(2.4)}}

.kontakt-box{max-width:640px}
.kontakt-empty{overflow:hidden;height:1px;width:1px;position:absolute;left:-9999px}

.round{line-height:1;color:var(--sk-positive);font-size:.6rem}
.gruende-list{margin-top:14px;display:grid;gap:10px}
.gruende-list li{padding-left:24px;position:relative;color:var(--sk-text)}
.gruende-list li::before{content:"";height:10px;background:var(--sk-coral);border-radius:50%;width:10px;left:0;top:.5em;position:absolute}

.kontakt{box-shadow:var(--sk-elev-md);background:var(--sk-surface);padding:clamp(24px,3vw,40px);border-radius:var(--sk-r-lg);border:1px solid var(--sk-divider-50)}
.kontakt-cell{gap:7px;display:grid;margin-bottom:18px}
.kontakt-cell label{font-weight:700;font-size:.92rem}
.ueber-cityhall{border-radius:var(--sk-r-lg);background:var(--sk-surface);box-shadow:var(--sk-elev-md);border:1px solid var(--sk-divider-50);padding:24px}
.schedule{gap:4px;margin-top:10px;display:grid}
.input-row{gap:18px;grid-template-columns:1fr 1fr;display:grid}
.input{border-radius:var(--sk-r-sm);width:100%;color:var(--sk-text);transition:border-color .16s,box-shadow .16s;background:var(--sk-surface-50);padding:13px 16px;font-family:inherit;font-size:1rem;border:1.5px solid var(--sk-divider)}
.input:focus{box-shadow:0 0 0 3px rgba(236,78,149,.17);border-color:var(--sk-accent);outline:none}
textarea.input{resize:vertical;min-height:140px}
.time{gap:12px;color:var(--sk-text-50);font-size:.9rem;justify-content:space-between;display:flex}

.lesen-block h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.lesen-block h2{color:var(--sk-accent-active);margin-top:34px;font-size:1.35rem;font-weight:800}
.lesen-block p{color:var(--sk-text-50);margin-top:14px;font-size:1.04rem}
.lesen-block p a{font-weight:600}
.lesen-block ul{gap:10px;display:grid;margin-top:14px}
.lesen-block li{padding-left:24px;color:var(--sk-text-50);position:relative}
.lesen-block li::before{background:var(--sk-coral);width:10px;left:0;position:absolute;border-radius:50%;height:10px;top:.5em;content:""}
.konto-frame-blitz{top:14px;width:46px;height:46px;right:14px}
.konto-frame-blitz svg{height:21px;width:21px}
.konto-layout{align-items:start;margin-top:22px;display:grid;gap:clamp(24px,4vw,52px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.konto-part{min-width:0}
.konto-frame{margin:0;background:linear-gradient(160deg,var(--sk-pinktint-200),var(--sk-mauve-alt));overflow:hidden;position:relative;border-radius:var(--sk-r-lg);box-shadow:var(--sk-elev-md)}
.konto-frame img{aspect-ratio:4/5;width:100%;object-fit:cover;display:block;height:auto}
.konto-nav{place-items:center;transition:transform .15s ease,background .15s ease;position:absolute;transform:translateY(-50%);border-radius:50%;background:var(--sk-surface-back);width:44px;border:none;top:50%;z-index:2;height:44px;box-shadow:var(--sk-elev-md);display:grid;cursor:pointer;color:var(--sk-accent-active)}
.konto-nav:hover{background:var(--sk-surface-back);transform:translateY(-50%) scale(1.07)}
.konto-nav svg{width:22px;height:22px}
.konto-back{left:12px}
.konto-next{right:12px}
.konto-rail{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.konto-cell{aspect-ratio:3/4;padding:0;flex:0 0 auto;cursor:pointer;background:var(--sk-surface-alt);transition:transform .15s ease,border-color .15s ease;box-shadow:var(--sk-elev-sm);border:2px solid transparent;width:72px;border-radius:var(--sk-r-sm);overflow:hidden}
.konto-cell img{height:100%;width:100%;display:block;object-fit:cover}
.konto-cell:hover{transform:translateY(-2px)}
.konto-cell.ticked{border-color:var(--sk-accent)}
.konto-part [hidden]{display:none!important}
.konto-clip{object-fit:contain;display:block;background:#020001;width:100%;height:auto;max-height:70vh}
.konto-cell-clip{position:relative}
.kontakt-vermerk{font-weight:700}
.kontakt-vermerk-ticked{color:var(--sk-positive)}
.kontakt-vermerk-off{color:var(--sk-accent-active)}
.lesen-txt .btn{margin-top:26px}
.pfad{display:flex;margin-bottom:14px;color:var(--sk-quiet);font-size:.86rem;flex-wrap:wrap;gap:6px;justify-content:flex-start}
.konto-clip-play{transform:translate(-50%,-50%);transition:transform .15s ease,background .15s ease;line-height:1;font-size:1.9rem;height:78px;top:50%;position:absolute;border-radius:50%;width:78px;background:rgba(2,0,1,.52);border:none;place-items:center;display:grid;z-index:3;left:50%;box-shadow:var(--sk-elev-md);padding-left:6px;cursor:pointer;color:#fdfdff}
.konto-clip-play:hover{background:rgba(2,0,1,.68);transform:translate(-50%,-50%) scale(1.07)}
.konto-sidebar{position:sticky;top:96px}
.konto-top{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.konto-top .tag-chip{flex:none}
.konto-koeder{line-height:1.1;font-family:var(--sk-heading);font-weight:800;font-size:clamp(1.7rem,3.2vw,2.3rem)}
.konto-koeder span{color:var(--sk-quiet);font-weight:600;font-size:.62em}
.konto-vermerk{font-size:1.02rem;color:var(--sk-text-50);gap:7px;margin-top:10px;align-items:center;display:flex}
.konto-vermerk .pin svg{height:18px;color:var(--sk-accent);width:18px}
.konto-vermerk a{transition:border-color .15s ease;font-weight:600;color:var(--sk-accent-active);border-bottom:1px solid transparent;text-decoration:none}
.konto-vermerk a:hover{border-bottom-color:currentColor}
.konto-facts{display:flex;flex-wrap:wrap;margin-top:16px;gap:8px}
.konto-sidebar .koeder{margin-top:18px}
.konto-list{flex-wrap:wrap;margin-top:24px;display:flex;gap:12px}

.ueber{display:grid;align-items:start;gap:clamp(28px,4vw,48px);grid-template-columns:1.2fr 1fr}
.ueber-facts{display:grid;gap:16px;grid-template-columns:1fr 1fr}
.fuss-layout{gap:40px;display:grid;grid-template-columns:1.6fr 1fr 1fr}
.fuss-wortmarke{margin-bottom:12px;color:var(--sk-ft-alt);gap:10px;font-family:var(--sk-heading);font-weight:800;font-size:1.2rem;align-items:center;display:flex}
.fuss-part>p:not(.fuss-titel){font-size:.94rem;max-width:34ch;color:var(--sk-ft-50)}
.fuss-titel{color:var(--sk-ft-alt);font-size:1rem;font-weight:800;margin-bottom:14px}
.fuss-menu{display:grid;font-size:.94rem;gap:10px}
.fact{align-items:center;padding:14px 16px;border-radius:var(--sk-r-md);background:var(--sk-surface);gap:12px;display:flex;border:1px solid var(--sk-divider-50);box-shadow:var(--sk-elev-sm)}
.fact-sym{border-radius:12px;place-items:center;width:40px;background:var(--sk-surface-alt);display:grid;color:var(--sk-accent);flex:none;height:40px}
.fact-sym svg{width:18px;height:18px}
.fact-txt dt{color:var(--sk-quiet);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}
.fact-txt dd{font-family:var(--sk-heading);font-weight:800;font-size:.98rem;margin:2px 0 0}

.empty{text-align:center;padding-block:clamp(60px,10vw,140px)}
.empty-rank{font-family:var(--sk-heading);font-weight:800;font-size:clamp(6rem,20vw,13rem);line-height:.9}
.empty-set{gap:14px;display:flex;margin-top:30px;justify-content:center;flex-wrap:wrap}

.view-buehne{padding-block:clamp(40px,6vw,80px) 20px}
.view-buehne h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.view-buehne p{font-size:1.08rem;margin:16px auto 0;color:var(--sk-text-50)}

.nah{gap:32px;flex-direction:column;display:flex}
.nah-set h2{color:var(--sk-text);font-size:1.15rem;margin-bottom:16px;font-weight:800}
.nah-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.nah-menu a{transition:transform .14s,box-shadow .14s,color .14s;box-shadow:var(--sk-elev-sm);padding:13px 16px;gap:10px;align-items:center;font-size:.92rem;justify-content:space-between;border:1px solid var(--sk-divider);display:flex;font-weight:600;background:var(--sk-surface);border-radius:var(--sk-r-md);color:var(--sk-text)}
.nah-menu a:hover{transform:translateY(-3px);color:var(--sk-accent-active);box-shadow:var(--sk-elev-md)}
.nah-menu a .pin{place-items:center;flex:none;color:var(--sk-accent);display:grid}
.nah-menu a .pin svg{height:16px;width:16px}

.main-fuss{background:var(--sk-ft-back);color:var(--sk-ft)}
.main-fuss .rahmen{padding-block:56px 22px}
.main-fuss a{color:var(--sk-ft)}
.main-fuss a:hover{color:var(--sk-ft-alt)}
.clip-frame{display:block;background:#020001;object-fit:cover;pointer-events:none;height:100%;width:100%}
.clip-round{font-size:.64rem;border-radius:50%;width:28px;transform:translate(-50%,-50%);top:50%;place-items:center;display:grid;pointer-events:none;line-height:1;box-shadow:var(--sk-elev-sm);height:28px;padding-left:2px;position:absolute;left:50%;color:#fdfdff;background:rgba(2,0,1,.57)}
.clip-tag{padding:5px 9px;bottom:12px;border-radius:var(--sk-r-pill);font-weight:700;box-shadow:var(--sk-elev-sm);font-size:.7rem;left:12px;position:absolute;display:inline-flex;letter-spacing:.02em;background:rgba(2,0,1,.63);gap:4px;color:#fdfdff;z-index:2;align-items:center}
.cityhall-titel{margin-bottom:14px;font-family:var(--sk-heading);font-weight:800}
.cityhall-row{align-items:flex-start;margin-top:10px;gap:10px;font-size:.94rem;color:var(--sk-text-50);display:flex}
.cityhall-row .pin{color:var(--sk-accent);flex:none}
.cityhall-row .pin svg{height:16px;width:16px}
.lesen-block .pfad{display:flex}.lesen-block .pfad li{padding-left:0}.lesen-block .pfad li::before{display:none}


.deal-panel{box-shadow:var(--sk-elev-lg);flex-wrap:wrap;overflow:hidden;background:linear-gradient(100deg,var(--sk-accent-active),var(--sk-coral) 60%,var(--sk-orange));position:relative;color:var(--sk-ondark);padding:clamp(38px,5vw,64px);border-radius:var(--sk-r-xl);gap:30px;justify-content:space-between;align-items:center;display:flex}
.deal-shape{position:absolute;right:-90px;top:-120px;border-radius:50%;background:rgba(253,253,255,.12);height:320px;width:320px}
.deal-txt{z-index:2;position:relative}
.deal-txt h2{max-width:16ch;color:var(--sk-ondark)}
.deal-txt p{max-width:46ch;margin-top:10px;color:rgba(253,253,255,.9)}
.deal-panel .btn{z-index:2;position:relative}

.widget-trigger{display:flex;z-index:80;height:60px;justify-content:center;border-radius:50%;text-decoration:none;right:22px;width:60px;background:linear-gradient(135deg,var(--sk-accent),var(--sk-coral));cursor:pointer;box-shadow:var(--sk-elev-lg);bottom:22px;position:fixed;align-items:center;color:var(--sk-ondark);border:none}
.widget-trigger svg{fill:currentColor;height:26px;stroke:none;width:26px}
.widget-trigger-txt{max-width:calc(100vw - 44px);height:auto;padding:13px 20px;font-family:var(--sk-heading);width:auto;font-weight:800;font-size:.95rem;border-radius:var(--sk-r-pill);gap:9px}
.widget-trigger-txt svg{width:20px;height:20px}
.widget-txt{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.credits{color:var(--sk-ft-50);margin-top:34px;font-size:.86rem;padding-top:22px;border-top:1px solid var(--sk-ft-bd)}

.durchsuchen-kontakt{border-radius:var(--sk-r-pill);margin:0 auto;gap:12px;background:var(--sk-surface);padding:12px;box-shadow:var(--sk-elev-md);display:flex;border:1px solid var(--sk-divider-50)}
.durchsuchen-kontakt .input{border:none;font-size:1.06rem;box-shadow:none;background:transparent}
.durchsuchen-kontakt .input:focus{box-shadow:none}
.durchsuchen-kontakt+.nah{margin-top:40px}

.lesen{display:grid;align-items:center;gap:clamp(28px,4vw,56px);grid-template-columns:1fr 1fr}
.lesen-txt>p:not(.kicker){margin-top:16px;color:var(--sk-text-50);font-size:1.04rem}
.lesen-slogan{margin-top:22px;font-family:var(--sk-heading);font-size:1.1rem;color:var(--sk-accent-active);font-weight:800}
.wo-panel{border-radius:var(--sk-r-lg);overflow:hidden;box-shadow:var(--sk-elev-md);border:1px solid var(--sk-divider-50);position:relative;background:var(--sk-mauve);aspect-ratio:4/3}
.wo-panel.wo-lazy{cursor:pointer}
.wo-empty{place-items:center;text-align:center;position:absolute;inset:0;background:linear-gradient(160deg,var(--sk-mauve-alt),var(--sk-surface-alt));gap:10px;padding:20px;display:grid}
.wo-empty p{font-weight:700;color:var(--sk-text)}
.wo-pin{filter:drop-shadow(0 10px 12px rgba(252,75,97,.52));color:var(--sk-coral)}
.wo-pin svg{fill:currentColor;height:40px;stroke:none;width:40px}
.wo-panel iframe{position:absolute;border:0;width:100%;inset:0;height:100%}
.wo-panel.loaded .wo-empty{display:none}
.pfad li:not(:last-child)::after{color:var(--sk-quiet);margin-left:6px;content:"\00203a"}
.pfad a{color:var(--sk-text-50)}

.chat-tag{display:grid;border-radius:var(--sk-r-pill);line-height:1;font-size:.72rem;box-shadow:var(--sk-elev-sm);position:absolute;color:var(--sk-ondark);font-weight:800;border:2px solid var(--sk-surface);place-items:center;top:-3px;padding:0 6px;right:-3px;background:var(--sk-like);height:22px;min-width:22px}
.chat-tag[hidden]{display:none}
.lesen-block .pfad,.pfad:has(+ .block-head){justify-content:center}

@media (max-width:980px){
  .konten-layout{grid-template-columns:repeat(3,1fr)}
  .konto-layout{grid-template-columns:1fr}
  .konto-frame{width:100%;max-width:380px;justify-self:start}
  .konto-sidebar{position:static}
  .lesen,.ueber{grid-template-columns:1fr}
  .fuss-layout{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .page-links{display:none}
  .menue-btn{display:flex;position:fixed;top:22px;right:18px}
}
@media (min-width:861px){
  .sidebar-mobile,.links-screen{display:none}
}
@media (max-width:600px){
  :root{--sk-vgap:clamp(30px,7vw,48px);--sk-edge-x:14px}
  .fuss-layout,.input-row{grid-template-columns:1fr}
  .konten-layout{grid-template-columns:repeat(2,1fr);gap:12px}
  .konto-in{padding:16px 10px}
  .deal-panel{flex-direction:column;align-items:stretch;padding:32px 24px}
  .deal-panel .btn{width:100%;white-space:normal}
  .durchsuchen-kontakt{flex-direction:column;border-radius:var(--sk-r-lg)}
  .durchsuchen-kontakt .btn{width:100%}
  .block-konto{padding-top:0}
  .konto-frame img{aspect-ratio:1/1;max-height:46vh}
  .konto-layout{margin-top:0}
  .konto-sidebar{display:flex;flex-direction:column;margin-top:14px}
  .konto-top{order:1;margin-top:0}
  .konto-vermerk{order:2}
  .konto-list{order:3;margin-top:16px;gap:10px}
  .konto-list .btn{flex:1 1 auto}
  .konto-rail{display:none}
  .konto-facts{order:4}
  .konto-sidebar .koeder{order:5}
  .ueber-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .fact{padding:11px 12px;gap:8px;flex-direction:column;align-items:flex-start}
  .fact-sym{width:34px;height:34px}
  .fact-txt{min-width:0}
  .fact-txt dd{font-size:.92rem;overflow-wrap:anywhere}
}
@media(max-width:600px){.konto-panel{border-radius:14px}}