.agk{--agk-dunkel: #0a0819;--agk-titel: var(--w-groesse-kopf, clamp(2.5rem, 1.7rem + 2.6vw, 4.5rem));--agk-linie: #b9b3d9;--agk-rahmen: #120f2a;position:relative;isolation:isolate;overflow:hidden;color:var(--ag-tinte);background:var(--ag-grund)}.agk[data-ton=dunkel]{color:var(--w-weiss);background:var(--agk-dunkel)}.agk-foto{display:block;width:100%;height:100%;object-fit:cover}.agk-grund{position:absolute;inset:0;z-index:0;background:var(--agk-dunkel)}.agk-grund{overflow:hidden}.agk-grund .agk-foto{filter:saturate(.6) brightness(.5) blur(2.5px);transform:scale(1.04)}.agk-grund:after{content:"";position:absolute;inset:0;background:#0a08197a}.agk-text{position:relative;z-index:2;display:grid;justify-items:start;align-content:end;container-type:inline-size}.agk-ebene{margin:0 0 1.25rem;font-size:var(--w-groesse-etikett);line-height:1.7;letter-spacing:.12em;text-transform:uppercase;color:var(--ag-leise)}.agk-ebene b{margin:0 .75em;font-weight:400;color:var(--ag-tinte)}.agk[data-ton=dunkel] .agk-ebene{color:var(--w-lav-mittel)}.agk[data-ton=dunkel][data-foto] .agk-ebene{color:var(--w-lav-tief)}.agk[data-ton=dunkel] .agk-ebene b{color:var(--w-weiss)}.agk-h1{margin:0;max-width:100%;font-size:min(var(--agk-titel),calc(100cqw / (var(--agk-n, 10) * .6)));font-weight:400;line-height:1.04;letter-spacing:-.04em;text-wrap:balance;--kr-dauer: .9s;--kr-schritt: var(--agk-schritt, 70ms);--kr-start: calc(.26s - var(--agk-vor, 0ms));--kr-farbe: var(--ag-leise)}.agk[data-ton=dunkel] .agk-h1{--kr-farbe: var(--w-lav-mittel)}.agk-satz{max-width:36rem;margin:1.5rem 0 0;font-size:clamp(1.125rem,.95rem + .6vw,1.5rem);line-height:1.3;letter-spacing:-.014em;text-wrap:pretty}.agk-knopf{display:inline-flex;align-items:center;min-height:2.75rem;margin-top:2rem;padding:.6rem 1rem;border:1px solid var(--ag-tinte);background:var(--ag-tinte);color:var(--ag-grund);font-size:.9375rem;text-decoration:none}.agk-knopf:hover{background:var(--ag-dunkel);border-color:var(--ag-dunkel)}.agk-knopf:focus-visible{outline:2px solid var(--ag-tinte);outline-offset:5px}.agk[data-ton=dunkel] .agk-knopf{border-color:var(--w-weiss);background:var(--w-weiss);color:var(--agk-dunkel)}.agk[data-ton=dunkel] .agk-knopf:hover{border-color:var(--w-lav);background:var(--w-lav)}.agk[data-ton=dunkel] .agk-knopf:focus-visible{outline-color:var(--w-weiss)}.agk[data-variante=ontologie]{display:grid;grid-template-columns:minmax(0,min(40rem,50%)) minmax(0,1fr);column-gap:4rem;min-height:max(100svh,42rem);padding:calc(var(--kopf, 3.75rem) + 1.75rem) var(--ag-rand) 8.5rem}.agk[data-variante=ontologie] .agk-text{grid-column:1;grid-row:1;align-self:end}.agk-raum{grid-column:2;grid-row:1;min-height:0}.agk-feld{position:absolute;left:0;top:0;z-index:1;overflow:visible;pointer-events:none}.agk-feld :is(path,rect){fill:none;stroke:var(--agk-linie);stroke-width:1;shape-rendering:crispEdges}.agk-feld rect{fill:var(--agk-rahmen)}.agk-wort{font-family:var(--w-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;fill:var(--w-lav-mittel);paint-order:stroke;stroke:var(--agk-dunkel);stroke-width:4px;stroke-linejoin:round}.agk-kern .agk-wort{fill:var(--w-weiss);stroke:var(--agk-rahmen)}.agk-verb{font-family:var(--w-schrift);font-size:13px;fill:#ffffffb8;paint-order:stroke;stroke:var(--agk-dunkel);stroke-width:4px;stroke-linejoin:round}.agk[data-variante=wortmarke]{display:grid;min-height:max(100svh,40rem);padding:calc(var(--kopf, 3.75rem) + 1.75rem) var(--ag-rand) clamp(1.5rem,4vh,3rem)}.agk[data-variante=wortmarke] .agk-text{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(2rem,1fr) auto;align-content:stretch}.agk[data-variante=wortmarke] .agk-ebene{grid-row:1}.agk[data-variante=wortmarke] .agk-satz{grid-row:2;margin-top:0;max-width:34rem}.agk[data-variante=wortmarke] .agk-knopf{grid-row:3}.agk-marke{grid-row:5;justify-self:stretch;container-type:inline-size}.agk-marke .agk-h1{font-size:min(calc(100cqw / var(--agk-em, 6) * .98),42svh);line-height:1;letter-spacing:-.05em;white-space:nowrap;text-wrap:nowrap}.agk[data-variante=band]{padding-top:var(--kopf, 3.75rem);padding-bottom:clamp(3rem,7vh,4.5rem)}.agk-band{position:relative;height:max(52svh,20rem);overflow:hidden;background:var(--agk-dunkel)}.agk-band .agk-foto{filter:saturate(.85) brightness(.74)}.agk-band .agk-foto[data-weich]{filter:saturate(.85) brightness(.74) blur(2px);transform:scale(1.03)}.agk[data-variante=band] .agk-text{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:4rem;align-items:end;padding:clamp(2rem,5vh,3.25rem) var(--ag-rand) 0}.agk[data-variante=band] .agk-ebene{grid-column:1 / -1}.agk[data-variante=band] .agk-h1{grid-column:1;grid-row:2}.agk[data-variante=band] .agk-satz{grid-column:2;grid-row:2;margin:0}.agk[data-variante=band] .agk-knopf{grid-column:2;grid-row:3}.agk[data-variante=geteilt]{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:4rem;min-height:min(100svh,56rem);padding:var(--kopf, 3.75rem) 0 0 var(--ag-rand)}.agk[data-variante=geteilt] .agk-text{grid-column:1;grid-row:1;align-self:end;padding:2rem 0 3.5rem}.agk-bild{position:relative;grid-column:2;grid-row:1;overflow:hidden;background:var(--ag-flaeche)}.agk-bild .agk-foto{position:absolute;inset:0}.agk-bild .agk-foto[data-weich]{filter:blur(2px);transform:scale(1.03)}.agk-bild[data-figur]{border-left:1px solid var(--ag-linie)}.agk-bild[data-figur] .agk-feld :is(path,rect){stroke:var(--ag-leise)}.agk-bild[data-figur] .agk-feld rect{stroke:var(--ag-tinte);fill:var(--ag-grund)}.agk-bild[data-figur] .agk-wort{fill:var(--ag-leise);stroke:var(--ag-flaeche)}.agk-bild[data-figur] .agk-kern .agk-wort{fill:var(--ag-tinte);stroke:var(--ag-grund)}.agk-bild[data-figur] .agk-verb{fill:var(--ag-leise);stroke:var(--ag-flaeche)}@media (max-width: 899px) and (min-height: 521px),(max-aspect-ratio: 105/100){.agk[data-variante=ontologie]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(15rem,1fr);padding-bottom:1.5rem}.agk[data-variante=ontologie] .agk-text{align-self:start}.agk-raum{grid-column:1;grid-row:2;margin-top:2.5rem}.agk-wort{font-size:10.5px;letter-spacing:.12em}.agk[data-variante=geteilt]{grid-template-columns:minmax(0,1fr);padding:calc(var(--kopf, 3.5rem) + 1.25rem) var(--ag-rand) 0;min-height:0}.agk[data-variante=geteilt] .agk-text{padding:0 0 2.5rem;align-self:start}.agk-bild{grid-column:1;grid-row:2;margin-inline:calc(-1 * var(--ag-rand));aspect-ratio:4 / 3}.agk-bild[data-figur]{aspect-ratio:auto;height:24rem;border-left:0;border-top:1px solid var(--ag-linie)}}@media (max-width: 899px){.agk[data-variante=band] .agk-text{grid-template-columns:minmax(0,1fr)}.agk[data-variante=band] :is(.agk-h1,.agk-satz,.agk-knopf){grid-column:1;grid-row:auto}.agk[data-variante=band] .agk-satz{margin-top:1.25rem}.agk-band{height:max(38svh,15rem)}}html[data-bewegt=ja] .agk[data-krypt=an] :is(.agk-ebene,.agk-knopf){animation:agk-ein .42s var(--w-kurve-wisch, ease-out) both;animation-delay:calc(.52s - var(--agk-vor, 0ms))}html[data-bewegt=ja] .agk[data-krypt=an] .agk-satz{animation:agk-steig .7s var(--w-kurve-ein, ease-out) both;animation-delay:calc(.75s - var(--agk-vor, 0ms))}@keyframes agk-ein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes agk-steig{0%{transform:translateY(10px)}to{transform:none}}html[data-bewegt=ja] .agk:not([data-los]) .agk-feld{opacity:0;animation:agk-notauf .01s linear 3s forwards}@keyframes agk-notauf{to{opacity:1}}.agk{--agk-bild: max(0ms, calc(.6s - var(--agk-vor, 0ms)))}html[data-bewegt=ja] .agk[data-los] :is(.agk-spur,.agk-linie){stroke-dasharray:1}html[data-bewegt=ja] .agk[data-los] .agk-spur{animation:agk-zug .26s var(--w-kurve-ein, ease-out) both;animation-delay:calc(var(--agk-bild) + var(--n, 0) * 60ms)}html[data-bewegt=ja] .agk[data-los] .agk-quelle .agk-wort{animation:agk-da .26s var(--w-kurve-wisch, ease-out) both;animation-delay:calc(var(--agk-bild) + 80ms + var(--n, 0) * 60ms)}html[data-bewegt=ja] .agk[data-los] .agk-linie[data-stufe=auf]{animation:agk-zug .44s var(--w-kurve-ein, ease-out) both;animation-delay:calc(var(--agk-bild) + .26s + var(--n, 0) * 60ms)}html[data-bewegt=ja] .agk[data-los] .agk-kern{animation:agk-da .24s var(--w-kurve-wisch, ease-out) both;animation-delay:calc(var(--agk-bild) + .7s)}html[data-bewegt=ja] .agk[data-los] .agk-linie[data-stufe=faecher]{animation:agk-zug .32s var(--w-kurve-ein, ease-out) both;animation-delay:calc(var(--agk-bild) + .9s)}html[data-bewegt=ja] .agk[data-los] .agk-objekt{animation:agk-da .24s var(--w-kurve-wisch, ease-out) both;animation-delay:calc(var(--agk-bild) + 1.18s + var(--n, 0) * 50ms)}html[data-bewegt=ja] .agk[data-los] .agk-verb{animation:agk-da .28s var(--w-kurve-wisch, ease-out) both;animation-delay:calc(var(--agk-bild) + 1.24s)}@keyframes agk-zug{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes agk-da{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.agk *,.agk .agk-feld{animation:none!important}.agk :is(.agk-spur,.agk-linie){stroke-dasharray:none}}
