.g-auf{position:relative;display:inline-flex}.g-pop{position:absolute;top:calc(100% + var(--s2));right:0;z-index:30;width:var(--g-pop-breite);max-width:calc(100vw - var(--gap) * 2);display:flex;flex-direction:column;gap:var(--s1);padding:var(--s2);border-radius:var(--g-rund-mittel);background:var(--g-pop-glas);-webkit-backdrop-filter:var(--g-pop-blur);backdrop-filter:var(--g-pop-blur);box-shadow:inset 0 0 0 1px var(--g-pop-rand),var(--g-pop-schatten);color:var(--g-text-1);opacity:0;transform:translateY(calc(var(--s2) * -1)) scale(.98);transform-origin:top right;transition:opacity var(--g-dauer) var(--g-kurve),transform var(--g-dauer) var(--g-kurve)}.g-pop.ist-offen{opacity:1;transform:none}.g-pop--links{right:auto;left:0;transform-origin:top left}.g-pop--schmal{width:calc(var(--einheit) * 64)}.g-pop__kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--leiste-gap);padding:var(--s2) var(--s3)}.g-pop__titel{font-size:var(--g-gr-text);line-height:var(--g-zh-text);font-weight:600;color:var(--g-text)}.g-pop__leise{font-size:var(--g-gr-klein);line-height:var(--g-zh-klein);color:var(--g-akzent-text);border-radius:var(--g-rund-klein);padding:var(--s1) var(--s2)}.g-pop__leise:hover{background:var(--g-pop-hover)}.g-pop__leise:disabled{color:var(--g-text-3);background:none}.g-pop__trenner{height:1px;background:var(--g-linie)}.g-pop__leer{display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s5) var(--s3);color:var(--g-text-2);text-align:center}.g-pop__leer .g-i{color:var(--g-akzent-text)}.g-menue__punkt{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:var(--g-knopf-hoehe);padding:var(--s2) var(--s3);border-radius:var(--g-rund-klein);color:var(--g-text-1);font-size:var(--g-gr-text);line-height:var(--g-zh-text);text-align:left;transition:background-color var(--g-dauer-kurz) ease}.g-menue__punkt>.g-i{width:calc(var(--einheit) * 5);height:calc(var(--einheit) * 5);color:var(--g-text-2)}.g-menue__punkt:hover,.g-menue__punkt:focus-visible{background:var(--g-pop-hover)}.g-menue__punkt:focus-visible{outline-offset:-2px}.g-menue__punkt[aria-disabled=true]{color:var(--g-text-3)}.g-menue__punkt--gefahr{color:var(--g-rot)}.g-menue__punkt--gefahr>.g-i{color:var(--g-rot)}.g-menue__text{flex:1 1 auto;min-width:0}.g-menue__neben{color:var(--g-text-3);font-size:var(--g-gr-klein)}.g-schalter{flex:none;position:relative;width:calc(var(--einheit) * 9);height:calc(var(--einheit) * 5);border-radius:var(--g-rund-voll);background:var(--g-kappe);box-shadow:inset 0 0 0 1px var(--g-pille-rand);transition:background-color var(--g-dauer) var(--g-kurve)}.g-schalter::after{content:"";position:absolute;top:calc(var(--einheit) * .5);left:calc(var(--einheit) * .5);width:calc(var(--einheit) * 4);height:calc(var(--einheit) * 4);border-radius:50%;background:var(--g-text);box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform var(--g-dauer) var(--g-kurve-feder),background-color var(--g-dauer) ease}[aria-checked=true]>.g-schalter{background:var(--g-akzent)}[aria-checked=true]>.g-schalter::after{transform:translateX(calc(var(--einheit) * 4));background:#fff}:root[data-theme=nacht] .g-menue__punkt--thema>.g-schalter{background:var(--g-akzent)}:root[data-theme=nacht] .g-menue__punkt--thema>.g-schalter::after{transform:translateX(calc(var(--einheit) * 4));background:#fff}:root[data-dichte=kompakt] .g-menue__punkt--dichte>.g-schalter{background:var(--g-akzent)}:root[data-dichte=kompakt] .g-menue__punkt--dichte>.g-schalter::after{transform:translateX(calc(var(--einheit) * 4));background:#fff}.g-pop.g-pop--statisch{position:relative;top:auto;right:auto;left:auto;z-index:auto;opacity:1;transform:none}.g-pop__kopf>.g-pop__leise{flex:none;white-space:nowrap}.g-pop__kopf>.g-pop__titel{min-width:0}.g-pop--schmal{width:calc(var(--einheit-text) * 64)}
