:root{--bg: #0d0d10;--bg2: #111118;--card: #1a1a26;--line: #2a2a3a;--line2: #3a3a4a;--text: #e2e8f0;--muted: #7c849a;--muted2: #a0a8bc;--gold: #ffe81f;--gold2: #ff9d2e;--green: #38ef7d;--purple: #b06cff;--warn: #ffb454}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.sc{font-variant:small-caps;letter-spacing:.06em}.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--gold);color:#1a1400;padding:10px 16px;border-radius:0 0 10px;font-weight:700}.skip:focus{left:0}nav{position:sticky;top:0;z-index:50;background:#0d0d10c7;backdrop-filter:blur(16px) saturate(150%)}nav:after{content:"";position:absolute;left:0;right:0;top:100%;height:20px;background:linear-gradient(to bottom,rgba(13,13,16,.6),transparent);pointer-events:none}nav .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:16px}.logo{font-weight:800;font-size:1.35rem;letter-spacing:-.01em;background:linear-gradient(90deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.navlinks{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.navlinks a:not(.btn){color:var(--muted);font-weight:600;font-size:.95rem;transition:color .2s}.navlinks a:not(.btn):hover,.navlinks a:not(.btn):focus-visible{color:var(--gold)}.btn{display:inline-block;padding:11px 22px;border-radius:10px;font-weight:700;cursor:pointer;border:none;font-size:.95rem;transition:transform .12s ease-out,box-shadow .2s,border-color .2s,color .2s,background .2s}.btn-gold{background:linear-gradient(90deg,var(--gold2),var(--gold));color:#1a1400;box-shadow:0 6px 22px #ff9d2e47}.btn-gold:hover,.btn-gold:focus-visible{transform:translateY(-2px);box-shadow:0 10px 30px #ff9d2e70}.btn-gold:active{transform:translateY(0) scale(.985)}.btn-dunkel{position:relative;overflow:hidden;isolation:isolate;color:var(--gold);background:linear-gradient(180deg,color-mix(in srgb,var(--gold2) 15%,var(--card)),color-mix(in srgb,var(--gold2) 4%,var(--card)));border:1px solid color-mix(in srgb,var(--gold2) 46%,transparent);box-shadow:0 6px 22px #00000061,inset 0 1px color-mix(in srgb,var(--gold) 20%,transparent)}.btn-dunkel:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,232,31,.05) 1px,transparent 1px) 0 0 / 9px 9px,linear-gradient(0deg,rgba(255,232,31,.05) 1px,transparent 1px) 0 0 / 9px 9px}.btn-dunkel:hover,.btn-dunkel:focus-visible{transform:translateY(-2px);color:#1a1400;border-color:var(--gold);background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 82%,var(--gold2)),var(--gold2));box-shadow:0 10px 30px color-mix(in srgb,var(--gold2) 34%,transparent),inset 0 1px #ffffff4d}.btn-dunkel:hover:before,.btn-dunkel:focus-visible:before{opacity:0}.btn-dunkel:active{transform:translateY(0) scale(.985)}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.btn-ghost:hover,.btn-ghost:focus-visible{border-color:var(--gold);color:var(--gold)}.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-dunkel[aria-disabled=true]:before{opacity:0}@media(max-width:780px){.navlinks a:not(.btn){display:none}}header.hero{position:relative;padding:96px 0 132px;text-align:center;overflow:hidden;background:radial-gradient(1200px 500px at 50% -10%,rgba(255,157,46,.14),transparent 60%),var(--bg)}header.hero:after{content:"";position:absolute;inset:auto 0 0;height:62%;background:linear-gradient(to bottom,var(--bg) 0%,rgba(13,13,16,.72) 26%,rgba(13,13,16,.34) 62%,rgba(13,13,16,.62) 100%),url(/bilder/hero-gross.png) center bottom / cover no-repeat;opacity:.85;pointer-events:none;z-index:0}header.hero>.wrap{position:relative;z-index:1}@media(max-width:640px){header.hero:after{height:46%}}.hero h1{font-size:clamp(2.6rem,7vw,5rem);font-weight:900;letter-spacing:clamp(-.15rem,1.3px - .324vw,-.039rem);line-height:1.04;background:linear-gradient(90deg,var(--gold2) 0%,#ffd98a 40%,var(--gold) 60%,var(--gold2) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px;animation:schimmer 3s linear infinite}@keyframes schimmer{0%{background-position:-200% center}to{background-position:200% center}}.statusbadge{display:inline-flex;align-items:center;gap:9px;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px 6px 12px;border-radius:999px;margin-bottom:20px;border:1px solid var(--line);background:var(--bg2);color:var(--muted);transition:color .3s,border-color .3s,background-color .3s}.spunkt{width:8px;height:8px;border-radius:50%;flex:none;background:currentColor;transition:background-color .3s}.statusbadge[data-zustand=online]{color:var(--green);border-color:color-mix(in srgb,var(--green) 34%,transparent);background:color-mix(in srgb,var(--green) 9%,transparent)}.statusbadge[data-zustand=online] .spunkt{animation:pulsschlag 2.4s ease-in-out infinite}@keyframes pulsschlag{0%,to{box-shadow:0 0 color-mix(in srgb,var(--green) 55%,transparent)}60%{box-shadow:0 0 0 6px transparent}}.statusbadge[data-zustand=offline]{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 34%,transparent);background:color-mix(in srgb,var(--warn) 9%,transparent)}.statusbadge[data-zustand=unbekannt]{color:var(--muted)}.szahl{color:var(--muted2);font-weight:600;text-transform:none;letter-spacing:0}.tagline{font-size:clamp(1rem,2.4vw,1.4rem);color:var(--muted);font-weight:600;margin-bottom:34px}.ipbox{display:inline-flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:30px}.ip{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:14px;min-width:240px;text-align:left}.ip .k{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.ip .v{font-weight:800;font-size:1.05rem;color:var(--gold)}.ip .v.pending{color:var(--warn);font-weight:600;font-size:.9rem}.ip button{margin-left:auto;background:var(--bg2);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:6px 10px;font-size:.8rem;cursor:pointer;transition:.2s}.ip button:hover,.ip button:focus-visible{color:var(--gold);border-color:var(--gold)}.cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}section{padding:72px 0;border-top:1px solid var(--line)}.h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;text-align:center;margin-bottom:10px;letter-spacing:-.022em;line-height:1.1}.h2 span{color:var(--gold)}.sub{text-align:center;color:var(--muted);max-width:640px;margin:0 auto 44px;line-height:1.62}.mapframe{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0006;background:var(--bg2)}.mapframe iframe{width:100%;height:560px;border:0;display:block}@media(max-width:720px){.mapframe iframe{height:380px}}.taphint{color:var(--muted);font-size:.84rem;margin:-8px 0 18px;display:flex;align-items:center;gap:7px}.taphint:before{content:"☝";font-size:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;align-items:start}.fcard{background:color-mix(in srgb,var(--card) 80%,transparent);backdrop-filter:blur(10px) saturate(135%);border:1px solid var(--line);border-top-color:color-mix(in srgb,var(--line) 55%,#fff 11%);border-radius:14px;box-shadow:0 6px 18px #00000038;transition:transform .15s,border-color .2s,box-shadow .25s}.fcard:hover{transform:translateY(-5px) scale(1.02);border-color:var(--gold2);background:color-mix(in srgb,var(--card) 88%,#fff 4%);box-shadow:0 8px 32px color-mix(in srgb,var(--gold2) 10%,transparent)}.fcard:hover .ic{animation:kloetzchenHuepfen .6s ease infinite}@keyframes kloetzchenHuepfen{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.fcard[open],.fcard[open]:hover{border-color:var(--gold2);transform:none;backdrop-filter:blur(22px) saturate(165%);box-shadow:0 24px 58px #00000075}.fcard>summary{padding:26px;cursor:pointer;list-style:none;position:relative;border-radius:14px}.fcard>summary::-webkit-details-marker{display:none}.fcard>summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.fcard>summary:active{transform:scale(.985)}.fkopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding-right:30px}.fcard .ic{font-size:2rem;display:block}.fbadge{font-size:.7rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;color:var(--gold);background:color-mix(in srgb,var(--gold2) 10%,transparent);border:1px solid color-mix(in srgb,var(--gold2) 22%,transparent);border-radius:999px;padding:4px 10px;position:relative}.fbadge:after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 18px 4px color-mix(in srgb,var(--gold2) 18%,transparent);opacity:0;pointer-events:none;animation:scheinPuls 2.5s ease-in-out infinite}@keyframes scheinPuls{0%,to{opacity:0}50%{opacity:1}}.fcard h3{font-size:1.2rem;margin:0 0 6px;color:var(--gold);padding-right:26px;letter-spacing:-.012em;line-height:1.2}.fstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.fstat-l{color:var(--muted);font-size:.78rem}.fstat-v{font-weight:800;font-size:.95rem;color:var(--gold);white-space:nowrap}.fcard .ftext{display:block;font-size:.95rem;line-height:1.55;color:color-mix(in srgb,var(--muted) 74%,var(--text));letter-spacing:.005em}.chev{position:absolute;top:28px;right:24px;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .25s cubic-bezier(.22,1,.36,1)}.fcard:hover .chev,.fcard[open] .chev{border-color:var(--gold)}.fcard[open] .chev{transform:rotate(-135deg)}.fcard[open]:hover .ic{animation:none}.fdetail{padding:0 26px 26px}.fdetail>p{color:var(--text);font-size:.95rem;line-height:1.6;border-top:1px solid var(--line);padding-top:16px;margin:0 0 14px}.fpoints{list-style:none;margin:0;padding:0;display:grid;gap:8px}.fpoints li{color:color-mix(in srgb,var(--muted) 82%,var(--text));font-size:.88rem;line-height:1.5;letter-spacing:.005em;display:flex;gap:9px;align-items:baseline}.fpoints li:before{content:"◆";color:var(--gold2);flex:none;font-size:.62rem}.joblist{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2px 22px}.joblist li{display:grid;grid-template-columns:1.5rem auto;gap:0 10px;padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent)}.jsym{grid-row:span 2;color:var(--gold2);font-size:1.05rem;line-height:1.3;font-variant-emoji:text}.jname{color:var(--gold);font-weight:700;font-size:.92rem}.jwhat{color:color-mix(in srgb,var(--muted) 82%,var(--text));font-size:.85rem;line-height:1.45;letter-spacing:.006em}@supports selector(.x:has(.y)){.grid:has(>details[open]){grid-template-columns:1fr;gap:10px}.grid:has(>details[open])>.fcard:not([open])>summary{padding:13px 20px}.grid:has(>details[open])>.fcard:not([open]) .ic{font-size:1.15rem;margin:0;display:inline-block;width:1.6rem}.grid:has(>details[open])>.fcard:not([open]) h3{display:inline;font-size:1rem;padding-right:0}.grid:has(>details[open])>.fcard:not([open]) .ftext,.grid:has(>details[open])>.fcard:not([open]) .fbadge,.grid:has(>details[open])>.fcard:not([open]) .fstat{display:none}.grid:has(>details[open])>.fcard:not([open]) .fkopf{margin:0;padding:0;display:inline}.grid:has(>details[open])>.fcard:not([open]) .chev{top:50%;margin-top:-5px;right:20px}.grid:has(>details[open])>.fcard:not([open]):hover{transform:none;border-color:var(--gold2)}.grid:has(>details[open])>.fcard[open]{display:grid;grid-template-columns:minmax(210px,15.5rem) 1fr;align-items:start}.grid:has(>details[open])>.fcard[open]>summary{border-right:1px solid var(--line)}.grid:has(>details[open])>.fcard[open] .chev{top:28px}.grid:has(>details[open])>.fcard[open] .fdetail{padding:26px}.grid:has(>details[open])>.fcard[open] .fdetail>p{border-top:0;padding-top:0}@media(max-width:720px){.grid:has(>details[open])>.fcard[open]{grid-template-columns:1fr}.grid:has(>details[open])>.fcard[open]>summary{border-right:0;border-bottom:1px solid var(--line)}.grid:has(>details[open])>.fcard[open] .fdetail{padding:20px 26px 26px}}}.banner{background:linear-gradient(135deg,var(--bg2),var(--card));border:1px solid var(--line);border-radius:18px;padding:40px;text-align:center}.banner.purple{background:linear-gradient(135deg,#241633,var(--card));border-color:#3a2a55}.banner h3{font-size:1.6rem;margin-bottom:8px}.banner p{color:var(--muted);margin-bottom:22px}.banner .delivery{font-size:.9rem;margin-top:18px;margin-bottom:0}.votelist{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.shopcats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:24px}.shopcat{display:block;overflow:hidden;border-radius:14px;background:var(--card);border:1px solid var(--line);transition:transform .15s,border-color .2s,box-shadow .25s}.shopcat img{display:block;width:100%;height:auto}.shopcat span{display:block;padding:11px 12px;font-weight:700;font-size:.95rem;letter-spacing:-.01em}.shopcat:hover,.shopcat:focus-visible{transform:translateY(-4px);border-color:var(--gold2);box-shadow:0 16px 34px #00000061}.shopcat:hover span,.shopcat:focus-visible span{color:var(--gold)}.shopcat:active{transform:scale(.985)}.pending-note{display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--warn);border-radius:12px;padding:22px;color:var(--warn);font-weight:600;text-align:center;background:#ffb4540f}.legal{padding:64px 0;max-width:780px}.legal h1{font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:24px;color:var(--gold)}.legal h2{font-size:1.2rem;margin:28px 0 8px}.legal p{color:var(--muted);margin-bottom:12px}.legal .notice{border:2px solid var(--warn);border-radius:12px;padding:20px 24px;margin-bottom:32px;background:#ffb45414}.legal .notice strong{color:var(--warn);display:block;margin-bottom:6px;font-size:1.05rem}.legal .notice p{color:var(--text);margin:0}footer{padding:40px 0;text-align:center;color:var(--muted);border-top:1px solid var(--line);font-size:.9rem}footer .logo{font-size:1.1rem;margin-bottom:8px}footer nav{position:static;background:none;border:0;backdrop-filter:none}.footlinks{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:6px}.footlinks a{text-decoration:underline}.footlinks a:hover{color:var(--gold)}.legalnote{font-size:.82rem;margin-top:10px;opacity:.8}.langswitch{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px}.langswitch a{padding:5px 12px;border:1px solid var(--line);border-radius:999px;font-size:.82rem;color:var(--muted);transition:.2s}.langswitch a:hover,.langswitch a:focus-visible{border-color:var(--gold);color:var(--gold)}.langswitch a[aria-current=true]{border-color:var(--gold);color:var(--gold);font-weight:700}.joingrid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:28px}.jcard{background:color-mix(in srgb,var(--card) 72%,transparent);backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--line);border-top-color:color-mix(in srgb,var(--line) 60%,#fff 12%);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px}.jhead{display:flex;align-items:center;gap:14px}.jhead h3{font-size:1.25rem;letter-spacing:-.015em;line-height:1.15;margin:0}.jnote{color:var(--muted);font-size:.86rem;margin:2px 0 0}.jbadge{flex:0 0 auto;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:1rem;color:#1a1400;background:linear-gradient(135deg,var(--gold2),var(--gold))}.jsteps{margin:0;padding-left:1.15rem;display:grid;gap:9px}.jsteps li{color:var(--text);line-height:1.5}.jsteps li::marker{color:var(--gold);font-weight:700}.jfield{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:10px 12px}.jlabel{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.jfield code{font-size:1.02rem;font-weight:700;color:var(--gold);flex:1 1 auto;min-width:0;word-break:normal;overflow-wrap:break-word}.jfield .jlabel{flex:none}.jhint{color:var(--green);font-size:.88rem;margin:0}.jmore>summary{cursor:pointer;list-style:none;color:var(--muted);font-size:.89rem;font-weight:600;display:inline-flex;align-items:center;gap:9px;padding:9px 14px 9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);transition:color .2s,border-color .2s,transform .1s ease-out}.jmore>summary::-webkit-details-marker{display:none}.jmore>summary:before{content:"";width:8px;height:8px;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s cubic-bezier(.22,1,.36,1)}.jmore[open]>summary:before{transform:rotate(-135deg) translate(-2px,-2px)}.jmore>summary:hover,.jmore[open]>summary{color:var(--gold);border-color:var(--gold2)}.jmore>summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.jmore>summary:active{transform:scale(.97)}.jmore .jsteps{margin-top:14px}.jmore{margin-top:auto}@supports (interpolate-size: allow-keywords){:root{interpolate-size:allow-keywords}details.jmore::details-content,details.fcard::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .32s cubic-bezier(.22,1,.36,1),opacity .26s ease,content-visibility .32s allow-discrete}details.jmore[open]::details-content,details.fcard[open]::details-content{block-size:auto;opacity:1}}.taucht-auf{opacity:0;transform:translateY(14px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.taucht-auf.da{opacity:1;transform:none}.copy:active,.btn:active{transform:scale(.97)}.btn,.copy{transition:transform .1s ease-out,color .2s,border-color .2s}@media(prefers-reduced-motion:reduce){.copy:active,.btn:active{transform:none}.btn-gold:hover,.btn-gold:focus-visible,.btn-dunkel:hover,.btn-dunkel:focus-visible{transform:none}.fcard,.fcard>summary:active,.chev,.jmore>summary,.jmore>summary:before{transition:none}.fcard:hover,.shopcat:hover,.shopcat:focus-visible{transform:none}.hero h1{animation:none;background-position:0 center}.fbadge:after{animation:none;opacity:0}.fcard:hover .ic{animation:none}.taucht-auf{opacity:1;transform:none;transition:none}.statusbadge[data-zustand=online] .spunkt{animation:none}.statusbadge,.spunkt{transition:none}.shopcat{transition:border-color .2s}.shopcat:active{transform:none}.fcard>summary:active,.jmore>summary:active{transform:none}details.jmore::details-content,details.fcard::details-content{transition:none;opacity:1}}@media(prefers-reduced-transparency:reduce){.jcard,.fcard,.fcard[open],nav{backdrop-filter:none;background:var(--card)}nav:after{background:none;border-top:1px solid var(--line);height:1px}}@media(prefers-contrast:more){.jcard,.fcard,.fcard[open],nav{backdrop-filter:none;background:var(--card)}.fcard,.jcard{border-color:var(--muted)}.fcard .ftext,.jwhat,.fpoints li,.sub,.taphint{color:var(--text)}nav:after{background:none;border-top:1px solid var(--muted);height:1px}}