:root{--papier: #ECEEE3;--papier-warm: #E2E5D5;--leinen: #D4D9C2;--flaeche: #F5F6EF;--nacht: #262A20;--tinte: #2B2E27;--tinte-leise: #6B6E64;--tinte-still: #9A9C91;--salbei: #7A9E73;--salbei-tief: #56744F;--salbei-hauch: #DAF0C2;--wasser: #C2E3F6;--anzeige: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sans: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif: var(--anzeige);--rand: clamp(1.25rem, 5vw, 4rem);--spalte: min(1240px, 100% - var(--rand) * 2);--lesebreite: 62ch;--luft: clamp(5rem, 12vh, 9rem);--luft-weit: clamp(7rem, 18vh, 13rem);--uebergang: .6s cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--papier);color:var(--tinte);font-family:var(--sans);font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.75;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}img,picture,video{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--anzeige);font-weight:300;line-height:1.1;letter-spacing:-.022em;margin:0;text-wrap:balance}h1{font-size:calc(clamp(2.25rem,6.4vw,4.75rem) * var(--gr, 1))}h2{font-size:calc(clamp(1.75rem,4.2vw,3rem) * var(--gr, 1))}h3{font-size:calc(clamp(1.3rem,2.6vw,1.85rem) * var(--gr, 1));letter-spacing:-.015em}:where([data-feld]){font-size:calc(1em * var(--gr, 1))}[data-feld][style*=--farbe]{color:var(--farbe)!important}p{margin:0 0 1.4em;text-wrap:pretty}p:last-child{margin-bottom:0}a{color:inherit}.spalte{width:var(--spalte);margin-inline:auto}.eng{max-width:var(--lesebreite)}.abschnitt{padding-block:var(--luft)}.abschnitt-weit{padding-block:var(--luft-weit)}.augenbraue{font-family:var(--sans);font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--salbei-tief);margin:0 0 1.25rem;display:flex;align-items:center;gap:.85rem}.augenbraue:before{content:"";width:2.25rem;height:1px;background:var(--salbei);flex:none}.fliesstext{font-size:calc(1.0625rem * var(--gr, 1));line-height:1.85;color:var(--tinte-leise)}blockquote{margin:0;font-family:var(--anzeige);font-size:calc(clamp(1.25rem,2.6vw,2rem) * var(--gr, 1));line-height:1.42;letter-spacing:-.012em;font-style:italic;font-weight:300;text-wrap:balance}blockquote cite{display:block;margin-top:1.5rem;font-family:var(--sans);font-style:normal;font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinte-still)}.knopf{--knopf-grund: var(--salbei-tief);--knopf-schrift: #fff;display:inline-flex;align-items:center;gap:.7rem;padding:1rem 2rem;background:var(--knopf-grund);color:var(--knopf-schrift);font-size:.875rem;font-weight:700;letter-spacing:.06em;text-decoration:none;border:1px solid var(--knopf-grund);border-radius:2px;transition:background var(--uebergang),color var(--uebergang),transform .3s ease}.knopf:hover{transform:translateY(-2px)}.knopf-linie{--knopf-grund: transparent;--knopf-schrift: var(--tinte);border-color:color-mix(in srgb,var(--tinte) 25%,transparent)}.knopf-linie:hover{--knopf-grund: var(--tinte);--knopf-schrift: var(--papier)}.knopf-hell{--knopf-grund: transparent;--knopf-schrift: #fff;border-color:#ffffff80}.knopf-hell:hover{--knopf-grund: #fff;--knopf-schrift: var(--tinte)}.pfeillink{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;letter-spacing:.04em;text-decoration:none;color:var(--salbei-tief);border-bottom:1px solid color-mix(in srgb,var(--salbei) 45%,transparent);padding-bottom:2px;transition:gap .3s ease,border-color var(--uebergang)}.pfeillink:hover{gap:.85rem;border-color:var(--salbei-tief)}.belebt [data-auftritt]{opacity:0;transform:translateY(2rem);transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1);transition-delay:var(--verzug, 0s)}.belebt [data-auftritt].sichtbar{opacity:1;transform:none}.belebt [data-auftritt=maske]{opacity:1;transform:none;transition:none;overflow:clip}.belebt [data-auftritt=maske] img{clip-path:inset(0 0 100% 0);transform:scale(1.06);transition:clip-path 1.4s cubic-bezier(.22,1,.36,1),transform 1.8s cubic-bezier(.22,1,.36,1);transition-delay:var(--verzug, 0s)}.belebt [data-auftritt=maske].sichtbar img{clip-path:inset(0 0 0 0);transform:none}.belebt [data-auftritt=maske] figcaption{opacity:0;transition:opacity .9s ease;transition-delay:calc(var(--verzug, 0s) + .5s)}.belebt [data-auftritt=maske].sichtbar figcaption{opacity:1}.belebt [data-auftritt=weich]{transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.belebt [data-auftritt],.belebt [data-auftritt=maske],.belebt [data-auftritt=maske] img,.belebt [data-auftritt=maske] figcaption{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--salbei-tief);outline-offset:3px}.nur-vorlesen{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sprung-link{position:absolute;top:0;left:50%;transform:translate(-50%,-120%);z-index:200;background:var(--tinte);color:#fff;padding:.85rem 1.5rem;font-size:.875rem;text-decoration:none;transition:transform .2s ease}.sprung-link:focus{transform:translate(-50%)}
