.kb{position:relative;background:var(--w-navy);color:var(--w-weiss)}.kb-bild{pointer-events:none}.kb-svg{display:block;width:100%;height:auto;overflow:visible}.kb-svg path,.kb-svg rect,.kb-svg circle{fill:none;stroke:#ffffffd1;stroke-width:1;vector-effect:non-scaling-stroke}.kb-svg .kb-r{fill:var(--w-navy)}.kb-svg .kb-leise,.kb-svg .kb-leise-r{stroke:#ffffff57}.kb-svg .kb-leise-b{stroke:#ffffff73}.kb-svg .kb-gestrichelt{stroke-dasharray:5 5;stroke:#ffffff8c}.kb-svg .kb-fest{stroke:#fff}.kb-svg .kb-p{fill:#fff;stroke:none}.kb-svg .kb-blau{fill:#3c4fcf;stroke:none}.kb-svg .kb-spitze{fill:none}.kb-svg .kb-aus .kb-p{fill:#ffffff73}.kb-w{font-family:var(--w-mono, ui-monospace, monospace);font-size:13px;letter-spacing:.16em;fill:#fff;stroke:none}.kb-svg .kb-leise-w{fill:#fff9}.kb-svg .kb-verb{font-family:var(--w-schrift, inherit);letter-spacing:0;fill:#ffffff9e}.kb-svg .kb-l{stroke-dasharray:2 2;stroke-dashoffset:0}@media (prefers-reduced-motion: no-preference){.kb-svg .kb-l{animation:kb-zug .55s cubic-bezier(.4,0,.2,1) both;animation-delay:calc(.25s + var(--i) * .11s)}.kb-svg .kb-r,.kb-svg .kb-w,.kb-svg .kb-p{animation:kb-auf .4s ease-out both;animation-delay:calc(.25s + var(--i) * .11s)}.kb-foto img{animation:kb-auf .8s ease-out both}}@keyframes kb-zug{0%{stroke-dashoffset:2}}@keyframes kb-auf{0%{opacity:0}}.kb-foto{margin:0;position:relative}.kb-foto img{display:block;width:100%;height:100%;object-fit:cover}.kb-foto-zeile{padding:.65rem var(--luft) .75rem;font-family:var(--w-mono, monospace);font-size:.6875rem;line-height:1.5;letter-spacing:.04em;color:var(--w-leise-dunkel);background:var(--w-navy)}.kb-foto-zeile a{color:inherit;text-underline-offset:.2em;display:inline-block;padding-block:.4rem;margin-block:-.4rem}@media (min-width: 1024px){.kb[data-zuschnitt=band-unten] .w-seitenkopf{padding-bottom:2.5rem}.kb[data-zuschnitt=band-unten] .kb-bild{padding:0 var(--luft) clamp(3rem,7svh,5rem)}.kb[data-zuschnitt=rechts] .w-seitenkopf{min-height:min(66svh,38rem);justify-content:center}.kb[data-zuschnitt=rechts] .w-seitenkopf-inhalt{max-width:52%}.kb[data-zuschnitt=rechts] .kb-bild{position:absolute;right:var(--luft);top:calc(var(--w-kopf, 3.75rem) + 2rem);bottom:2.5rem;width:min(30vw,26rem);display:flex;align-items:center;justify-content:flex-end}.kb[data-zuschnitt=rechts] .kb-bild .kb-svg{width:auto;height:100%;max-width:100%}.kb[data-zuschnitt=links] .w-seitenkopf-inhalt{margin-left:auto;max-width:50%}.kb[data-zuschnitt=links] .kb-bild{position:absolute;left:var(--luft);top:calc(var(--w-kopf, 3.75rem) + 2.5rem);width:min(34vw,30rem)}.kb[data-zuschnitt=oben]{display:flex;flex-direction:column}.kb[data-zuschnitt=oben] .kb-bild{order:-1;padding:calc(var(--w-kopf, 3.75rem) + 2.5rem) var(--luft) 0}.kb[data-zuschnitt=oben] .w-seitenkopf{padding-top:clamp(2rem,5svh,3.5rem)}.kb[data-zuschnitt=mitte] .w-seitenkopf-inhalt{margin-inline:auto;max-width:52rem;text-align:center;align-items:center}.kb[data-zuschnitt=mitte] .w-seitenkopf-etikett{display:flex;justify-content:center}.kb[data-zuschnitt=mitte] .w-seitenkopf{padding-bottom:2rem}.kb[data-zuschnitt=mitte] .kb-bild{width:min(64rem,100% - 2 * var(--luft));margin:0 auto;padding-bottom:clamp(3rem,7svh,5rem)}.kb[data-zuschnitt=spalte] .w-seitenkopf{min-height:min(78svh,46rem)}.kb[data-zuschnitt=spalte] .w-seitenkopf-inhalt{max-width:60%}.kb[data-zuschnitt=spalte] .kb-bild{position:absolute;top:0;bottom:0;right:0;width:min(24vw,20rem);padding:calc(var(--w-kopf, 3.75rem) + 1.5rem) 2rem 2rem;border-left:1px solid rgba(255,255,255,.14);display:flex}.kb[data-zuschnitt=spalte] .kb-bild .kb-svg{height:100%;width:auto;margin:0 auto}.kb[data-zuschnitt=rechts-unten] .w-seitenkopf{min-height:min(72svh,42rem)}.kb[data-zuschnitt=rechts-unten] .w-seitenkopf-inhalt{max-width:50%}.kb[data-zuschnitt=rechts-unten] .kb-bild{position:absolute;right:var(--luft);bottom:clamp(2.5rem,6svh,4rem);width:min(38vw,34rem)}.kb[data-zuschnitt=hinter] .w-seitenkopf{min-height:min(80svh,48rem);justify-content:flex-end;background:transparent}.kb[data-zuschnitt=hinter] .w-seitenkopf-inhalt{position:relative;z-index:1;max-width:58%}.kb[data-zuschnitt=hinter] .kb-bild{position:absolute;top:calc(var(--w-kopf, 3.75rem) + 1.5rem);right:var(--luft);height:calc(56% - var(--w-kopf, 3.75rem));width:min(46vw,42rem);display:flex;align-items:flex-start;justify-content:flex-end}.kb[data-zuschnitt=hinter] .kb-bild .kb-svg{width:100%;height:100%}.kb[data-zuschnitt=titel-neben] .w-seitenkopf-inhalt{max-width:27rem}.kb[data-zuschnitt=titel-neben] .kb-bild{position:absolute;left:calc(var(--luft) + 31rem);top:calc(var(--w-kopf, 3.75rem) + clamp(2.25rem,1rem + 5svh,5.5rem) + .5rem);width:min(24vw,20rem)}.kb[data-zuschnitt=boden] .w-seitenkopf{padding-bottom:clamp(9rem,22svh,13rem)}.kb[data-zuschnitt=boden] .kb-bild{position:absolute;left:var(--luft);right:var(--luft);bottom:.75rem}.kb[data-zuschnitt=foto-oben]{display:flex;flex-direction:column;padding-top:var(--w-kopf, 3.75rem)}.kb[data-zuschnitt=foto-oben] .kb-foto{order:-1}.kb[data-zuschnitt=foto-oben] .kb-foto img{height:clamp(14rem,34svh,24rem);object-position:50% 30%}.kb[data-zuschnitt=foto-oben] .w-seitenkopf{padding-top:clamp(2.5rem,6svh,4rem)}.kb[data-zuschnitt=foto-links] .w-seitenkopf{min-height:min(78svh,46rem);justify-content:center}.kb[data-zuschnitt=foto-links] .w-seitenkopf-inhalt{margin-left:auto;max-width:50%}.kb[data-zuschnitt=foto-links] .kb-foto{position:absolute;top:var(--w-kopf, 3.75rem);bottom:0;left:0;width:42vw;border-right:1px solid rgba(255,255,255,.14)}.kb[data-zuschnitt=foto-links] .kb-foto-zeile{position:absolute;left:0;right:0;bottom:0}}@media (max-width: 1023px){.kb{display:flex;flex-direction:column}.kb .w-seitenkopf{padding-bottom:2rem}.kb-bild{padding:0 var(--luft) 2.5rem}.kb-bild .kb-svg{max-width:34rem}.kb[data-zuschnitt=spalte] .kb-bild .kb-svg{max-width:none;width:auto;height:16rem;margin-inline:auto}.kb[data-zuschnitt=spalte] .kb-w{font-size:26px}.kb:is([data-kopf=architektur],[data-kopf=vorfuehrungen],[data-kopf=arbeitsweise],[data-kopf=glossar]) .kb-bild{overflow:hidden}.kb:is([data-kopf=architektur],[data-kopf=vorfuehrungen],[data-kopf=arbeitsweise],[data-kopf=glossar]) .kb-bild{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 4.5rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 4.5rem),transparent)}.kb:is([data-kopf=architektur],[data-kopf=vorfuehrungen],[data-kopf=arbeitsweise],[data-kopf=glossar]) .kb-svg{width:760px;max-width:none}.kb:is([data-kopf=architektur],[data-kopf=vorfuehrungen],[data-kopf=arbeitsweise]) .kb-w{font-size:20px}.kb[data-kopf=glossar] .kb-w{font-size:22px;letter-spacing:.08em}.kb[data-zuschnitt=rechts] .kb-bild .kb-svg,.kb[data-zuschnitt=links] .kb-bild .kb-svg,.kb[data-zuschnitt=titel-neben] .kb-bild .kb-svg{max-width:16rem}.kb[data-zuschnitt=oben] .kb-bild{order:-1;padding-top:calc(var(--w-kopf, 3.75rem) + 1.5rem);padding-bottom:0}.kb[data-zuschnitt=oben] .w-seitenkopf{padding-top:1.75rem}.kb[data-zuschnitt=foto-oben]{padding-top:var(--w-kopf, 3.75rem)}.kb[data-zuschnitt=foto-oben] .kb-foto{order:-1}.kb[data-zuschnitt=foto-oben] .w-seitenkopf{padding-top:2rem}.kb-foto img{height:auto;aspect-ratio:3 / 2}.kb-w{font-size:19px}}