@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{color-scheme:light dark;--bg:#f7f7f8;--bg-elev:#fff;--fg:#16181d;--fg-muted:#5b6270;--line:#e2e4e9;--akzent:#0f766e;--akzent-fg:#fff;--gruen:#15803d;--blau:#1d4ed8;--gelb:#a16207;--rot:#b91c1c;--grau:#6b7280;--radius:14px;--schatten:0 1px 2px #0000000f, 0 6px 20px #0000000f;--schrift:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--bg-elev:#181b21;--fg:#eef0f4;--fg-muted:#a3aab8;--line:#2a2f39;--akzent:#2dd4bf;--akzent-fg:#0f1115;--gruen:#4ade80;--blau:#93c5fd;--gelb:#fcd34d;--rot:#fca5a5;--grau:#9ca3af;--schatten:0 1px 2px #0006, 0 6px 20px #00000059}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{font-family:var(--schrift);color:var(--fg);background:var(--bg);overscroll-behavior-y:none;min-height:100dvh;margin:0;line-height:1.5}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .5rem;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.15rem}p{margin:0 0 .75rem}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.kopf{z-index:10;padding:.75rem 1rem;padding-top:max(.75rem, env(safe-area-inset-top));background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:saturate(160%)blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.kopf .marke{letter-spacing:-.02em;font-weight:700;text-decoration:none}.kopf nav{gap:.75rem;margin-left:auto;font-size:.9rem;display:flex}.kopf nav a{color:var(--fg-muted);text-decoration:none}.kopf nav a[aria-current=page]{color:var(--fg);font-weight:600}main{padding:1rem;padding-bottom:max(2rem, env(safe-area-inset-bottom));max-width:64rem;margin:0 auto}.stumm{color:var(--fg-muted)}.klein{font-size:.85rem}.badge{letter-spacing:.02em;border:1px solid;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600;line-height:1.4;display:inline-block}.badge.gruen{color:var(--gruen)}.badge.blau{color:var(--blau)}.badge.gelb{color:var(--gelb)}.badge.rot{color:var(--rot)}.badge.grau{color:var(--grau)}.bildrahmen{aspect-ratio:4/5;border-radius:calc(var(--radius) - 4px);background:color-mix(in srgb, var(--fg) 5%, var(--bg-elev));place-items:center;width:100%;display:grid;overflow:hidden}.bildrahmen img{object-fit:contain;width:100%;height:100%}.bildrahmen.silhouette img{opacity:.35;width:55%;height:55%}.uber{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;gap:.75rem;margin:0 -1rem;padding:.25rem 1rem .75rem;scroll-padding-inline:1rem;list-style:none;display:flex;overflow-x:auto}.uber::-webkit-scrollbar{display:none}.uber>li{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 80%}@media (width>=40rem){.uber>li{flex-basis:20rem}}.karte{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--schatten);height:100%;padding:.75rem;text-decoration:none;transition:transform .15s,border-color .15s;display:block}.karte:active{transform:scale(.985)}.karte.ist-letzte{border-color:var(--akzent);box-shadow:0 0 0 2px color-mix(in srgb, var(--akzent) 35%, transparent), var(--schatten)}.karte h3{margin:.6rem 0 .1rem;font-size:1.05rem}.karte .satz{-webkit-line-clamp:2;color:var(--fg-muted);-webkit-box-orient:vertical;min-height:2.7em;margin:.35rem 0;font-size:.9rem;display:-webkit-box;overflow:hidden}.karte .zeile{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.karte .preis{font-size:.9rem;font-weight:600}.raster{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.raster .karte{box-shadow:none;padding:.5rem}.raster .karte h3{margin-top:.4rem;font-size:.95rem}.raster .bildrahmen{aspect-ratio:1}.steckbrief .held{max-width:28rem;margin:0 auto 1rem}.steckbrief .held .bildrahmen{border-radius:var(--radius)}.pfeile{justify-content:space-between;align-items:center;gap:.5rem;margin:.5rem 0 1rem;display:flex}.pfeile a,.pfeile span{text-align:center;border:1px solid var(--line);background:var(--bg-elev);color:var(--fg);border-radius:999px;flex:1;padding:.6rem .75rem;font-size:.9rem;text-decoration:none}.pfeile span{color:var(--fg-muted)}.pfeile .zaehler{background:0 0;border:0;flex:none}dl.fakten{grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:1rem 0;font-size:.95rem;display:grid}dl.fakten dt{color:var(--fg-muted)}dl.fakten dd{margin:0}.abschnitt{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem}.abschnitt ul{padding-left:1.1rem}.abschnitt li{margin-bottom:.4rem}.formular{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);margin-top:1.5rem;padding:1rem}.formular .feld{margin-bottom:.75rem}.formular label{margin-bottom:.25rem;font-size:.85rem;font-weight:600;display:block}.formular input{width:100%;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:10px;padding:.65rem .75rem}.formular input[aria-invalid=true]{border-color:var(--rot)}.formular .fehler{color:var(--rot);min-height:1.2em;margin:.25rem 0 0;font-size:.85rem}.formular button{font:inherit;background:var(--akzent);width:100%;color:var(--akzent-fg);cursor:pointer;border:0;border-radius:999px;padding:.75rem 1rem;font-weight:600}.formular button[disabled]{opacity:.6}.formular .status{margin:.75rem 0 0;font-size:.95rem}.formular .status.ok{color:var(--gruen);font-weight:600}.formular .status.problem{color:var(--rot)}.hinweis{text-align:center;padding:3rem 1rem}.hinweis .code{letter-spacing:-.04em;color:var(--fg-muted);font-size:3rem;font-weight:800}.knopf{background:var(--akzent);color:var(--akzent-fg);font-weight:600;font:inherit;cursor:pointer;border:0;border-radius:999px;margin-top:1rem;padding:.65rem 1.2rem;text-decoration:none;display:inline-block}pre{white-space:pre-wrap;background:var(--bg-elev);border:1px solid var(--line);border-radius:10px;padding:.75rem;font-size:.8rem}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.01ms!important}}
