@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/poppins-latin-400-normal.916d3686.woff2) format("woff2"),url(/_next/static/media/poppins-latin-400-normal.cbe785df.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/poppins-latin-500-normal.7777133e.woff2) format("woff2"),url(/_next/static/media/poppins-latin-500-normal.fd8e96c2.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/poppins-latin-600-normal.d8692086.woff2) format("woff2"),url(/_next/static/media/poppins-latin-600-normal.c070cf14.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/poppins-latin-700-normal.9a881e2a.woff2) format("woff2"),url(/_next/static/media/poppins-latin-700-normal.c83dad1a.woff) format("woff")}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{background:var(--farbe-hintergrund);color:var(--farbe-text);font-family:Poppins,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--farbe-cyanLeucht);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 var(--abstand-s);font-size:26px;font-weight:700;line-height:1.2}h2{margin:var(--abstand-xxl) 0 var(--abstand-m);font-size:18px;font-weight:600}.leise{color:var(--farbe-textLeise)}.sehrLeise{color:var(--farbe-textSehrLeise);font-size:13px}.seite{max-width:1100px;margin:0 auto;padding:var(--abstand-xxl) var(--abstand-xl) var(--abstand-xxxl)}.mitte{max-width:420px;margin:0 auto;padding:12vh var(--abstand-xl) var(--abstand-xxxl)}.karte{border:1px solid var(--farbe-rand);border-radius:var(--radius-l);padding:var(--abstand-xl)}.karte,.kopf{background:var(--farbe-karte)}.kopf{position:relative;z-index:10;border-bottom:1px solid var(--farbe-rand)}.kopfInhalt{max-width:1100px;margin:0 auto;padding:var(--abstand-m) var(--abstand-xl);gap:var(--abstand-xl)}.kopfInhalt,.navi{display:flex;align-items:center}.navi{gap:var(--abstand-l);margin-left:auto}.navi-knopf,.navi>a{display:inline-flex;align-items:center;gap:5px;padding:5px 2px;border:0;background:none;font:inherit;font-weight:500;color:var(--farbe-textLeise);white-space:nowrap;cursor:pointer}.navi-klappe a:hover,.navi-knopf:hover,.navi>a:hover{color:var(--farbe-text);text-decoration:none}.navi-klappe a:focus-visible,.navi-knopf:focus-visible,.navi>a:focus-visible{outline:2px solid var(--farbe-cyanLeucht);outline-offset:2px;border-radius:var(--radius-s)}.navi-gruppe{position:relative;display:flex}.navi-pfeil{font-size:10px;line-height:1}.navi-knopf[aria-expanded=true]{color:var(--farbe-text)}.navi-klappe{position:absolute;top:calc(100% + var(--abstand-s));left:0;z-index:20;min-width:100%;display:flex;flex-direction:column;gap:2px;padding:var(--abstand-s);background:var(--farbe-karteHell);border:1px solid var(--farbe-randHell);border-radius:var(--radius-m);box-shadow:0 12px 28px rgba(0,0,0,.45)}.navi-klappe a{padding:7px var(--abstand-m);border-radius:var(--radius-s);color:var(--farbe-textLeise);font-weight:500;white-space:nowrap}.navi-knopf[aria-current=true],.navi>a[aria-current=page]{color:var(--farbe-text);box-shadow:inset 0 -2px 0 var(--farbe-cyan)}.navi-klappe a[aria-current=page]{color:var(--farbe-text);background:var(--farbe-glas);box-shadow:inset 2px 0 0 var(--farbe-cyan)}.reiter{display:flex;gap:var(--abstand-s);border-bottom:1px solid var(--farbe-rand);margin:var(--abstand-l) 0 var(--abstand-xl)}.reiter a{padding:var(--abstand-s) var(--abstand-m);color:var(--farbe-textLeise);font-weight:500;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.reiter a:hover{color:var(--farbe-text);text-decoration:none}.reiter a[aria-current=page]{color:var(--farbe-text);border-bottom-color:var(--farbe-cyan)}.reiter a:focus-visible{outline:2px solid var(--farbe-cyanLeucht);outline-offset:2px;border-radius:var(--radius-s)}.knopf{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--radius-m);padding:10px 18px;font:inherit;font-weight:600;color:var(--farbe-text);background:var(--farbe-karteHell);cursor:pointer}.knopf--haupt{background:var(--farbe-cyan)}.knopf--zweit{background:transparent;border-color:var(--farbe-randHell)}.knopf--warnung{background:transparent;border-color:rgba(239,68,68,.5);color:#fca5a5}.knopf:disabled{opacity:.45;cursor:default}.feld{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid var(--farbe-randHell);border-radius:var(--radius-m);background:var(--farbe-hintergrund);color:var(--farbe-text);padding:11px 14px;font:inherit}.feld:focus{outline:none;border-color:var(--farbe-cyanLeucht)}label{display:block;margin-bottom:var(--abstand-xs);font-size:13px;color:var(--farbe-textLeise)}.feldblock{margin-bottom:var(--abstand-l)}.tabelle{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--farbe-textSehrLeise);padding:0 var(--abstand-m) var(--abstand-s)}td,th{border-bottom:1px solid var(--farbe-rand)}td{padding:var(--abstand-m);vertical-align:top}tbody tr:hover{background:var(--farbe-glas)}.abzeichen{display:inline-block;padding:2px 9px;border-radius:var(--radius-rund);font-size:12px;font-weight:600;white-space:nowrap}.abzeichen--vip{background:rgba(245,158,11,.16);color:var(--farbe-goldLeucht)}.abzeichen--aktiv{background:rgba(34,197,94,.14);color:#86efac}.abzeichen--gesperrt{background:rgba(239,68,68,.14);color:#fca5a5}.abzeichen--offen{background:var(--farbe-glas);color:var(--farbe-textLeise)}.hinweis{border-radius:var(--radius-m);padding:var(--abstand-l);margin:var(--abstand-l) 0}.hinweis--fehler{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.4)}.hinweis--erfolg{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.4)}.hinweis--warnung{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.4)}.hinweis--code{background:rgba(0,155,221,.12);border:1px solid rgba(32,207,255,.45);text-align:center}.code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:32px;font-weight:700;letter-spacing:6px;color:var(--farbe-cyanLeucht)}.galerie{list-style:none;margin:0 0 var(--abstand-s);padding:0;flex-direction:column}.galerie,.galerie-eintrag{display:flex;gap:var(--abstand-s)}.galerie-eintrag{align-items:flex-start;padding:var(--abstand-s);border:1px solid var(--farbe-rand);border-radius:var(--radius-m)}.galerie-bild{flex:none;width:96px;height:72px;object-fit:cover;border-radius:var(--radius-s);background:var(--farbe-hintergrund)}.galerie-felder{flex:1 1;min-width:0;flex-direction:column}.galerie-felder,.galerie-knoepfe{display:flex;gap:var(--abstand-xs)}.galerie-knoepfe{flex:none;align-items:center}@media (max-width:900px){.kopfInhalt{padding:var(--abstand-m) var(--abstand-l)}.kopfInhalt,.navi{flex-wrap:wrap;gap:var(--abstand-m) var(--abstand-l)}.navi{order:3;width:100%;margin-left:0}.reiter{flex-wrap:wrap}.seite{padding:var(--abstand-xl) var(--abstand-l) var(--abstand-xxl)}}@media (max-width:600px){
  /*
    !! DIE KLAPPEN HÄNGEN AM HANDY AN DER MENÜZEILE, NICHT AM KNOPF. !!

    Am Schreibtisch hängt jede Klappe an ihrer `.navi-gruppe` — die trägt
    `position: relative`, die Klappe `left: 0; min-width: 100%`. Das ist dort
    richtig: Die Klappe steht unter ihrem Punkt und wächst nach rechts, wo Platz
    ist.

    Auf 375 px ist rechts kein Platz. Der erste Versuch war `min-width: 0`, damit
    die Klappe nicht über den Rand wächst — und genau das war der Fehler:
    Gemessen am 20.08.2026 wurde „Standorte" in der Einrichtungs-Klappe
    ABGESCHNITTEN, weil die Klappe damit auf die 103 px ihres Knopfes schrumpfte.
    Eine Regel, die das Hinauslaufen verhindert, indem sie den Text abschneidet,
    hat das Problem nicht gelöst, sondern versteckt.

    Jetzt wird stattdessen der Bezugspunkt gewechselt: Die Gruppe gibt ihre
    Positionierung ab, die Menüzeile übernimmt sie. Die Klappe spannt damit über
    die volle Menübreite und erscheint unter der ganzen Zeile — auf einem Handy
    die verständlichere Stelle als ein 103 px breites Kästchen unter einem Wort.
  */.navi{position:relative}.navi-gruppe{position:static}.navi-klappe{left:0;right:0;min-width:0}.kopfInhalt{padding:var(--abstand-s) var(--abstand-m)}.kopfInhalt,.navi{gap:var(--abstand-s) var(--abstand-m)}.seite{padding:var(--abstand-l) var(--abstand-m) var(--abstand-xl)}.karte{padding:var(--abstand-l)}.kopfInhalt img{width:92px;height:auto}}