.g-hintergrund{position:relative;height:100vh;overflow:hidden;display:grid;padding:var(--s6) calc(var(--s6) + var(--gap)) calc(var(--s6) + var(--s3));background:var(--g-grund);color:var(--g-text-1);isolation:isolate}.g-hintergrund::before{content:"";position:absolute;inset:calc(var(--s1) * -1);z-index:-2;background:var(--g-bild) var(--g-bild-lage) / var(--g-bild-groesse) no-repeat,var(--g-grund);filter:var(--g-bild-filter);animation:g-bild-start 1200ms var(--g-kurve) backwards}.g-hintergrund::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--g-abdunkeln);pointer-events:none}.g-rahmen.r-seite{position:relative;height:auto;min-height:0;min-width:0;border-radius:var(--g-rund-gross);overflow:hidden;box-shadow:var(--g-schatten),var(--g-rahmen-aura)}.g-rahmen::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;padding:1px;background:var(--g-rahmen-kante);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:g-einblenden 900ms var(--g-kurve) 200ms backwards}.g-rahmen::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:var(--g-rahmen-glanz);box-shadow:var(--g-rahmen-innenlicht)}.g-rahmen>.r-leiste,.g-rahmen>.r-inhalt{position:relative;z-index:0}.g-rahmen>.r-leiste::before,.g-rahmen>.r-inhalt::before{content:"";position:absolute;z-index:-1;pointer-events:none}.g-rahmen>.r-leiste::before{inset:calc(var(--gap) * -1) calc(var(--gap) / -2) calc(var(--gap) * -1) calc(var(--gap) * -1);background:var(--g-leiste-glas);-webkit-backdrop-filter:var(--g-leiste-blur);backdrop-filter:var(--g-leiste-blur);border-right:1px solid var(--g-leiste-trenn);box-shadow:0 0 var(--s1) var(--g-leiste-trenn-glow)}.g-rahmen>.r-inhalt::before{inset:calc(var(--gap) * -1) calc(var(--gap) * -1) calc(var(--gap) * -1) calc(var(--gap) / -2);background:var(--g-inhalt-glas);-webkit-backdrop-filter:var(--g-inhalt-blur);backdrop-filter:var(--g-inhalt-blur)}.g-rahmen__inhalt{display:flex;flex-direction:column;gap:var(--gap)}.g-rahmen__inhalt>.g-ansicht{flex:1 1 0;min-height:0}.g-ansicht--rollen{overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:var(--gap)}@media(prefers-reduced-transparency:reduce){.g-rahmen>.r-leiste::before{background:var(--g-deckend-leiste);-webkit-backdrop-filter:none;backdrop-filter:none}.g-rahmen>.r-inhalt::before{background:var(--g-deckend-inhalt);-webkit-backdrop-filter:none;backdrop-filter:none}}.g-ansicht:focus{outline:none}.g-hintergrund,.g-fenster{container:g-fenster / inline-size}.g-fenster{width:100%;min-width:0}.g-rahmen .g-rahmen__burger{display:none}@media(max-width:720px){.g-hintergrund{padding:var(--s2);height:100dvh}}@container g-fenster (max-width: 720px){.g-rahmen.r-seite{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.g-rahmen.r-seite>.r-leiste,.g-rahmen.r-seite>.r-inhalt{grid-column:1}.g-rahmen>.r-leiste{display:flex;align-items:center;gap:var(--s3)}.g-rahmen>.r-leiste.ist-offen{z-index:6}.g-rahmen>.r-leiste::before{inset:calc(var(--gap) * -1) calc(var(--gap) * -1) calc(var(--gap) / -2);border-right:0;border-bottom:1px solid var(--g-leiste-trenn)}.g-rahmen>.r-inhalt::before{inset:calc(var(--gap) / -2) calc(var(--gap) * -1) calc(var(--gap) * -1)}.g-rahmen .g-rahmen__burger{display:grid;flex:none}.g-rahmen>.r-leiste>.g-leiste{flex:1 1 auto;height:auto;flex-direction:row;align-items:center;padding-top:0;min-width:0}.g-rahmen>.r-leiste .g-leiste__marke{padding:0 var(--s2)}.g-rahmen>.r-leiste .g-leiste__liste{display:none}.g-rahmen>.r-leiste.ist-offen .g-leiste__liste{display:flex;position:absolute;z-index:40;top:calc(100% + var(--gap));left:0;right:0;max-height:calc(var(--einheit) * 120);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);animation:g-einblenden var(--g-dauer) var(--g-kurve)}.g-rahmen>.r-leiste.ist-offen .g-leiste__liste .g-auftritt{animation:none}.g-kopf .g-thema-knopf,.g-kopf .g-dichte-knopf,.g-kopf .g-suche .g-taste,.g-kopf .g-profil__name,.g-kopf .g-profil>.g-i{display:none}.g-kopf .g-profil{grid-template-columns:var(--g-feld-hoehe)}}@container g-fenster (max-width: 360px){.g-kopf .g-suche{justify-self:start;justify-content:center;width:var(--g-feld-hoehe);padding:0}.g-kopf .g-suche__text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@container g-fenster (max-width: 720px){.g-ansicht:has(>.g-heute){overflow-y:auto;overscroll-behavior:contain}.g-heute.r-raster--fuellen{height:auto;grid-template-rows:none;align-content:start}.g-heute>*{grid-column:1 / -1}}.g-hintergrund::before{inset:calc(var(--s1) * -1) 0}@container g-fenster (max-width: 1180px){.g-kopf .g-suche .g-taste{display:none}}.g-ansicht:has(>.g-heute){overflow-y:auto;overscroll-behavior:contain}.g-heute.r-raster--fuellen{height:auto;min-height:100%}.g-heute.r-raster--fuellen>*{min-height:min-content}@container g-fenster (min-width: 721px) and (max-width: 1100px){:root:not([data-dichte=kompakt]) .g-heute>.g-aufgaben,:root:not([data-dichte=kompakt]) .g-heute>.g-fokus{grid-column:1 / -1}}.g-hintergrund>.g-rahmen{zoom:var(--g-skala)}
