.g-leiste{height:100%;min-height:0;display:flex;flex-direction:column;gap:var(--s6);padding-top:var(--s1);color:var(--g-eintrag-text)}.g-leiste__marke{flex:none;height:calc(var(--einheit) * 9);display:flex;align-items:center;padding:0 var(--s4);font-size:var(--g-gr-logo);font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--g-logo);border-radius:var(--g-rund-mittel)}.g-leiste__liste{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column}.g-leiste__liste::-webkit-scrollbar{display:none}.g-leiste__gruppe{display:flex;flex-direction:column}.g-eintrag{position:relative;width:100%;height:var(--g-eintrag);flex:none;display:flex;align-items:center;gap:var(--gap);padding:0 var(--s3) 0 var(--s4);border:1px solid transparent;border-radius:var(--g-rund-mittel);color:var(--g-eintrag-text);font-size:var(--g-gr-eingabe);font-weight:400;line-height:1;transition:background-color var(--g-dauer-kurz) ease,color var(--g-dauer-kurz) ease,border-color var(--g-dauer-kurz) ease}.g-eintrag:hover{background-color:var(--g-eintrag-hover)}.g-eintrag:active{transform:scale(.99)}.g-eintrag:focus-visible{outline-offset:-2px}.g-eintrag>.g-i{width:var(--g-icon);height:var(--g-icon)}.g-eintrag__text{flex:1 1 auto;min-width:0;line-height:var(--g-zh-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-eintrag__zaehler{flex:none;min-width:var(--g-knopf-klein);height:var(--g-knopf-klein);padding:0 var(--s2);border-radius:var(--g-rund-voll);display:grid;place-items:center;font-size:var(--g-gr-text);font-weight:500;background:var(--g-zaehler)}.g-eintrag.ist-aktiv{border-color:var(--g-eintrag-aktiv-rand);background:var(--g-eintrag-aktiv);box-shadow:var(--g-eintrag-aktiv-schein);color:var(--g-eintrag-aktiv-text);font-weight:500}.g-eintrag--kopf .g-eintrag__pfeil{transition:transform var(--g-dauer) var(--g-kurve)}.g-eintrag--kopf[aria-expanded=true] .g-eintrag__pfeil{transform:rotate(180deg)}.g-leiste__klappe.hat-aktiv>.g-eintrag--kopf{font-weight:500}.g-leiste__unter{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--g-dauer) var(--g-kurve)}.g-leiste__klappe.ist-offen>.g-leiste__unter{grid-template-rows:1fr}.g-leiste__unter>div{min-height:0;overflow:hidden}.g-leiste__unter ul{display:flex;flex-direction:column;padding-bottom:var(--s2)}.g-eintrag--unter{height:var(--g-eintrag-unter);padding-left:calc(var(--s4) + var(--g-icon) + var(--gap));font-size:var(--g-gr-text);color:var(--g-text-2);opacity:0;transform:translateY(calc(var(--s1) * -1));transition:opacity var(--g-dauer) var(--g-kurve),transform var(--g-dauer) var(--g-kurve),background-color var(--g-dauer-kurz) ease,color var(--g-dauer-kurz) ease;transition-delay:calc(var(--j, 0) * 18ms),calc(var(--j, 0) * 18ms),0ms,0ms}.g-leiste__klappe.ist-offen .g-eintrag--unter{opacity:1;transform:none}.g-eintrag--unter:hover{color:var(--g-eintrag-text)}.g-eintrag--unter.ist-aktiv{color:var(--g-eintrag-aktiv-text)}.g-leiste__trenner{flex:none;box-sizing:content-box;height:1px;padding:var(--s2) var(--s3) var(--s4);background:var(--g-linie);background-clip:content-box}.g-eintrag.ist-aktiv .g-eintrag__zaehler{background:color-mix(in srgb,currentColor 20%,transparent);color:inherit}@property --g-liste-o{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --g-liste-u{syntax: "<length>"; inherits: false; initial-value: 0px;}@supports (animation-timeline: scroll()){.g-leiste__liste{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 var(--g-liste-o),#000 calc(100% - var(--g-liste-u)),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 var(--g-liste-o),#000 calc(100% - var(--g-liste-u)),transparent 100%);animation:g-liste-rand linear both;animation-timeline:scroll(self block)}}@keyframes g-liste-rand{0%{--g-liste-o: 0px;--g-liste-u: calc(var(--einheit) * 12)}10%{--g-liste-o: calc(var(--einheit) * 12)}90%{--g-liste-u: calc(var(--einheit) * 12)}100%{--g-liste-o: calc(var(--einheit) * 12);--g-liste-u: 0px}}
