html{--max:1320px;--rand:clamp(20px, 4vw, 56px);--luft:clamp(88px, 12vw, 168px);--blatt:clamp(28px, 4vw, 56px);--r-pille:999px;--r-gross:28px;--r-klein:12px;--ease-aus:cubic-bezier(.16, 1, .3, 1);--ease-inaus:cubic-bezier(.65, 0, .35, 1);--font-display:ui-sans-serif, system-ui, sans-serif;--font-body:ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, monospace;--kopf-oben:0px;--kopf-hoehe:5.5rem;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}html.menue-offen{overflow:hidden}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--grund);color:var(--text);font:400 1.0625rem/1.6 var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.2em}button,input,textarea,select{font:inherit;color:inherit}::selection{background:var(--akzent);color:var(--auf-akzent)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word;hyphens:auto;margin:0;font-weight:650;line-height:1.02}h1{font-size:clamp(2.3rem,5vw,4.4rem)}h2{font-size:clamp(1.9rem,3.8vw,3.3rem)}h3{letter-spacing:-.015em;font-size:clamp(1.3rem,1.8vw,1.7rem);line-height:1.12}p{text-wrap:pretty;margin:0}p,li{overflow-wrap:break-word;hyphens:auto}.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--rand));padding-inline:var(--rand);margin-inline:auto}.lead{color:var(--text-gedaempft);max-width:46ch;font-size:clamp(1.1rem,1.35vw,1.3rem);line-height:1.55}.kicker{font:500 .78rem/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--akzent-tief)}.akzent{color:var(--akzent-tief)}.dunkel{background:var(--dunkel);color:var(--text-hell)}.dunkel .lead{color:var(--text-hell-gedaempft)}.dunkel .kicker,.dunkel .akzent{color:var(--akzent)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.knopf{--knopf-bg:var(--dunkel);--knopf-fg:var(--grund-2);border-radius:var(--r-pille);background:var(--knopf-bg);color:var(--knopf-fg);cursor:pointer;max-width:100%;transition:transform .5s var(--ease-aus), background-color .3s, color .3s, border-color .3s;border:1px solid #0000;align-items:center;gap:.7em;padding:1.05em 1.6em;font-weight:600;line-height:1.1;text-decoration:none;display:inline-flex}.knopf [data-icon]{transition:transform .5s var(--ease-aus)}.knopf:hover [data-icon]{transform:translate(4px)}.knopf:active{transform:scale(.98)}.knopf--leise{--knopf-bg:transparent;--knopf-fg:var(--text);border-color:var(--linie)}.knopf--leise:hover{border-color:var(--text)}.dunkel .knopf{--knopf-bg:var(--akzent);--knopf-fg:var(--auf-akzent)}.dunkel .knopf--leise{--knopf-bg:transparent;--knopf-fg:var(--text-hell);border-color:var(--linie-dunkel)}.dunkel .knopf--leise:hover{border-color:var(--text-hell)}:focus-visible{outline:3px solid var(--akzent-tief);outline-offset:3px}.dunkel :focus-visible{outline-color:var(--akzent)}[tabindex="-1"]:focus{outline:none}html{scroll-padding-top:calc(var(--kopf-oben) + var(--kopf-hoehe) + 12px)}.blatt{z-index:1;margin-top:calc(-1 * var(--blatt));border-radius:var(--blatt) var(--blatt) 0 0;position:relative}[data-icon]{vertical-align:-.18em;flex:none;width:1.15em;height:1.15em;display:inline-grid}[data-icon]>svg{fill:currentColor;width:100%;height:100%;display:block}[data-kopf]{top:var(--kopf-oben);z-index:50;position:fixed;left:0;right:0}[data-kopf]>:not([data-menue]){z-index:1;position:relative}[data-menue]{z-index:0;scroll-padding-top:calc(var(--kopf-oben) + var(--kopf-hoehe) + 12px);visibility:hidden;opacity:0;transition:opacity .45s var(--ease-aus), visibility 0s .45s;position:fixed;inset:0;overflow-y:auto}.menue-offen [data-menue]{visibility:visible;opacity:1;transition:opacity .45s var(--ease-aus)}@media (scripting:none){[data-burger],[data-menue]{display:none!important}[data-kopf]{background:var(--dunkel);position:relative!important}[data-laufband]>ul{flex-wrap:wrap!important}[data-laufband]>ul>li{white-space:normal!important}}@media (height<=30em){[data-kopf]{position:absolute}}.menue-offen [data-kopf]{position:fixed}.zeile{margin-block:-.12em -.07em;padding-block:.12em .07em;display:block;overflow:clip}.zeile>span{animation:fundament-zeile 1.15s var(--ease-aus) both;display:inline-block}.zeile+.zeile>span{animation-delay:.12s}.einstieg{animation:fundament-auf 1s var(--ease-aus) both;animation-delay:calc(var(--d,0) * .1s + .1s)}.einstieg-bild{animation:fundament-vorhang 1.5s var(--ease-aus) .2s both}@keyframes fundament-zeile{0%{transform:translateY(108%)}}@keyframes fundament-auf{0%{opacity:0;transform:translateY(22px)}}@keyframes fundament-vorhang{0%{clip-path:inset(100% 0 0 0 round var(--r-gross))}to{clip-path:inset(0 0 0 0 round var(--r-gross))}}.js [data-reveal]{opacity:0;transition:opacity .9s var(--ease-aus), transform 1.1s var(--ease-aus);transition-delay:calc(var(--i,0) * 90ms);transform:translateY(32px)}.js [data-reveal=clip]{opacity:1;clip-path:inset(18% 8% 18% 8% round var(--r-gross));transition:clip-path 1.4s var(--ease-aus);transform:none}.js [data-reveal].ist-da,.js [data-reveal]:focus-within{opacity:1;transform:none}.js [data-reveal=clip].ist-da,.js [data-reveal=clip]:focus-within{clip-path:inset(-16px round var(--r-gross))}.js [data-reveal]:focus-within{transition:none}[data-laufband]{position:relative;overflow-x:clip}[data-laufband-spur]{width:max-content;display:flex}.js [data-laufband-spur]{animation:fundament-laufband var(--laufband-dauer,42s) linear infinite}[data-laufband]:hover [data-laufband-spur],[data-laufband]:focus-within [data-laufband-spur],html.bewegung-aus [data-laufband-spur]{animation-play-state:paused}@keyframes fundament-laufband{to{transform:translate(-50%)}}[data-bewegung-knopf]{z-index:1;border:1px solid var(--linie);background:var(--grund);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:12px;translate:0 -50%}.dunkel [data-bewegung-knopf]{border-color:var(--linie-dunkel);background:var(--dunkel);color:var(--text-hell)}[data-bewegung-knopf]:before{content:"";border-inline:4px solid;width:12px;height:14px}[data-bewegung-knopf][aria-pressed=true]:before{border-inline:0;border-left:12px solid;border-block:8px solid #0000;width:0;height:0}[data-aussage]{view-timeline:--fundament-aussage block;--aussage-start:var(--text-gedaempft)}.dunkel [data-aussage],[data-aussage].dunkel{--aussage-start:var(--text-hell-gedaempft)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){[data-aussage-bereit] [data-wort]{animation-name:fundament-aufhellen;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--fundament-aussage;animation-range:cover calc(10% + var(--n,0) * 30%) cover calc(15% + var(--n,0) * 30%)}}}@keyframes fundament-aufhellen{0%{color:var(--aussage-start)}}[data-licht]{isolation:isolate;position:relative}[data-licht]>*{z-index:2;position:relative}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){[data-licht]:before{content:"";z-index:1;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .45s var(--ease-aus);background:radial-gradient(460px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--akzent) 22%, transparent), transparent 62%);position:absolute;inset:0}[data-licht]:hover:before{opacity:1}}.js [data-schritt]{opacity:.72;transition:opacity .6s var(--ease-aus)}.js [data-schritt].ist-aktiv{opacity:1}[data-schritt-bild]{transition:opacity .9s var(--ease-aus), transform 1.6s var(--ease-aus)}.js [data-ablauf].ist-bereit [data-schritt-bild]:not(.ist-aktiv){opacity:0;transform:scale(1.06)}[data-fortschritt]{position:relative;overflow:hidden}[data-fortschritt]:after{content:"";background:var(--akzent);transform-origin:0;transform:scaleX(var(--anteil,0));transition:transform .8s var(--ease-aus);position:absolute;inset:0}@property --pos{syntax:"<percentage>";inherits:true;initial-value:50%}[data-vergleich]{aspect-ratio:16/9;user-select:none;touch-action:pan-y;position:relative;overflow:hidden}[data-vergleich]>img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}[data-vergleich-vor]{z-index:1;clip-path:inset(0 calc(100% - var(--pos,50%)) 0 0)}[data-vergleich]>input[type=range]{z-index:3;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}[data-vergleich]:before{content:"";top:0;bottom:0;left:var(--pos,50%);z-index:2;pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 24px #00000059}[data-vergleich]:after{content:"";top:50%;left:var(--pos,50%);z-index:2;pointer-events:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath d='M22 20l-8 8 8 8M34 20l8 8-8 8' fill='none' stroke='%2311181c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% no-repeat;border-radius:50%;width:56px;height:56px;position:absolute;translate:-50% -50%;box-shadow:0 10px 30px -10px #00000080}[data-vergleich]:has(>input:focus-visible){outline:3px solid var(--akzent-tief);outline-offset:4px}[data-vergleich].zeigt-hinweis{animation:fundament-hinweis 2.1s var(--ease-inaus)}@keyframes fundament-hinweis{0%{--pos:50%}35%{--pos:74%}72%{--pos:28%}to{--pos:50%}}details[name]>summary{cursor:pointer;list-style:none}details[name]>summary::-webkit-details-marker{display:none}@supports (interpolate-size:allow-keywords){html{interpolate-size:allow-keywords}details[name]::details-content{height:0;transition:height .5s var(--ease-aus), content-visibility .5s allow-discrete;overflow:clip}details[name][open]::details-content{height:auto}}[data-anfrage-ok]:empty{clip:rect(0 0 0 0)!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}[data-magnet]{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .35s var(--ease-aus), transform .5s var(--ease-aus), background-color .3s, color .3s, border-color .3s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.js [data-reveal]{opacity:1;clip-path:none;transform:none}[data-laufband-spur]{width:auto;animation:none!important}[data-laufband]>ul,[data-laufband-spur]>ul{flex-wrap:wrap!important}[data-laufband]>ul>li,[data-laufband-spur]>ul>li{white-space:normal!important}[data-laufband-spur]>[aria-hidden=true]{display:none!important}[data-bewegung-knopf]{display:none}[data-magnet]{translate:none}}
