:root{--papier:#F3F2EF;--flaeche:#FFFFFF;--flaeche-dim:#E9E8E4;--linie:#D8D6D0;--linie-stark:#161B22;--tinte:#161B22;--tinte-soft:#4A515B;--blau:#1650A0;--blau-tief:#113E7D;--blau-hell:#E8EEF7;--rot:#B23A2E;--rot-bg:#F8E9E6;--gelb:#7A5C00;--gelb-bg:#FAF2DC;--gruen:#2A6E38;--gruen-bg:#E9F3EA;--lampe-rot:#D64533;--lampe-gelb:#E4A11B;--lampe-gruen:#35A14C;--gehaeuse:#23272E;--font-display:"Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--text-hero:clamp(2.4rem, 5.5vw, 4rem);--text-h2:clamp(1.7rem, 3.2vw, 2.3rem);--text-h3:1.25rem;--text-sub:clamp(1.15rem, 2vw, 1.3rem);--text-body:1.125rem;--text-small:0.9375rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--radius-s:6px;--radius-m:10px;--schatten-karte:0 2px 0 rgb(22 27 34 / 0.14);--ring:0 0 0 3px #FFFFFF, 0 0 0 6px var(--blau);--container:1120px;--container-text:720px;--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--dur-fast:140ms;--dur-lampe:400ms}@font-face{font-family:archivo;src:url(../fonts/Archivo-latin.woff2)format("woff2");font-weight:500 900;font-style:normal;font-display:swap}*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:var(--text-body);line-height:1.6;color:var(--tinte);background:var(--papier);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-family:var(--font-display);line-height:1.15}p{margin:0}p+p{margin-top:var(--space-4)}a{color:var(--blau);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--blau-tief)}:focus-visible{outline:3px solid var(--blau);outline-offset:2px;border-radius:2px}.container{max-width:var(--container);margin:0 auto;padding:0 var(--space-5)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ampel-leiste{display:flex;height:5px}.ampel-leiste span{flex:1}.ampel-leiste span:nth-child(1){background:var(--rot)}.ampel-leiste span:nth-child(2){background:var(--gelb)}.ampel-leiste span:nth-child(3){background:var(--gruen)}.site-header{background:var(--flaeche);border-bottom:1px solid var(--linie)}.header-inner{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding-top:var(--space-4);padding-bottom:var(--space-4)}.wordmark{font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:-.01em;color:var(--tinte);text-decoration:none;white-space:nowrap}.wordmark:hover{color:var(--tinte)}.wordmark .ki{color:var(--blau)}.header-offer{font-size:var(--text-small);color:var(--tinte-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--blau);color:#fff;font-family:var(--font-body);font-size:var(--text-body);font-weight:700;line-height:1.2;padding:16px 28px;border:2px solid var(--blau);border-radius:var(--radius-m);cursor:pointer;text-decoration:none;transition:background-color var(--dur-fast)var(--ease-out),border-color var(--dur-fast)var(--ease-out)}.btn:hover{background:var(--blau-tief);border-color:var(--blau-tief);color:#fff}.btn:active{transform:translateY(1px)}.btn .btn-dots{display:none}.btn[data-state=loading] .btn-dots{display:inline-flex;gap:4px}.btn .btn-dots span{width:6px;height:6px;border-radius:50%;background:#fff;animation:btn-puls 900ms infinite both}.btn .btn-dots span:nth-child(2){animation-delay:150ms}.btn .btn-dots span:nth-child(3){animation-delay:300ms}@keyframes btn-puls{0%,80%,100%{opacity:.35}40%{opacity:1}}.btn:disabled{cursor:wait}.btn[hidden]{display:none}.eingabe{font-family:var(--font-body);font-size:var(--text-body);color:var(--tinte);background:var(--flaeche);border:2px solid var(--linie-stark);border-radius:var(--radius-m);padding:15px 18px;width:100%}.eingabe::placeholder{color:var(--tinte-soft)}.eingabe[aria-invalid=true]{border-color:var(--rot)}.feld-fehler{margin-top:var(--space-3);font-weight:600;color:var(--rot)}.abschnitt{padding:var(--space-8)0}.abschnitt+.abschnitt{border-top:1px solid var(--linie)}.abschnitt-titel{font-size:var(--text-h2);font-weight:750;letter-spacing:-.01em;margin-bottom:var(--space-6)}.text-seite{max-width:var(--container-text);padding-top:var(--space-7);padding-bottom:var(--space-8)}.text-seite h1{font-size:var(--text-h2);font-weight:750;margin-bottom:var(--space-6)}.text-seite h3{font-size:var(--text-h3);font-weight:700;margin:var(--space-6)0 var(--space-3)}.text-seite ul{margin:var(--space-4)0;padding-left:1.2em}.text-seite li{margin-bottom:var(--space-2)}.hinweis-karte{max-width:560px;margin:var(--space-8)auto;background:var(--flaeche);border:2px solid var(--linie-stark);border-radius:var(--radius-m);box-shadow:var(--schatten-karte);padding:var(--space-6)}.hinweis-karte h1{font-size:1.6rem;font-weight:750;margin-bottom:var(--space-4)}.hinweis-karte .hinweis-note{margin-top:var(--space-4);font-size:var(--text-small);color:var(--tinte-soft)}.hinweis-karte .btn{margin-top:var(--space-5)}.site-footer{border-top:2px solid var(--linie-stark);background:var(--papier)}.footer-inner{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding-top:var(--space-5);padding-bottom:var(--space-5);font-size:var(--text-small);color:var(--tinte-soft)}.footer-nav{display:flex;gap:var(--space-5)}.footer-nav a{color:var(--tinte-soft)}.footer-nav a:hover{color:var(--tinte)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}.btn:active{transform:none}}.hero{padding:var(--space-8)0}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-7);align-items:center}.hero-eyebrow{display:inline-block;font-family:var(--font-display);font-size:var(--text-small);font-weight:700;letter-spacing:.02em;color:var(--blau);border:2px solid var(--blau);border-radius:var(--radius-s);padding:5px 12px;margin-bottom:var(--space-5)}.hero h1{font-size:var(--text-hero);font-weight:800;line-height:1.05;letter-spacing:-.02em}.hero-subline{font-size:var(--text-sub);color:var(--tinte-soft);margin-top:var(--space-5);max-width:32em}.check-form{margin-top:var(--space-6);max-width:560px}.feld-gruppe{display:flex;gap:var(--space-3)}.feld-gruppe .eingabe{flex:1;min-width:0}.feld-gruppe .btn{flex:none}.hero-trust{margin-top:var(--space-4);font-size:var(--text-small);color:var(--tinte-soft)}.demo-card{background:var(--flaeche);border:2px solid var(--linie-stark);border-radius:var(--radius-m);box-shadow:var(--schatten-karte);padding:var(--space-5)}.demo-dom{font-family:var(--font-mono);font-size:var(--text-small);color:var(--tinte-soft)}.demo-verdict{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-4)0 var(--space-5)}.demo-verdict-text{font-family:var(--font-display);font-size:1.3rem;font-weight:750;line-height:1.2}.ampel{flex:none;background:var(--gehaeuse);border-radius:var(--radius-s);padding:6px;display:flex;flex-direction:column;gap:5px}.ampel .lampe{width:16px;height:16px;border-radius:50%;opacity:.25}.ampel .lampe-rot{background:var(--lampe-rot)}.ampel .lampe-gelb{background:var(--lampe-gelb)}.ampel .lampe-gruen{background:var(--lampe-gruen)}.ampel .lampe-gruen{animation:lampe-test var(--dur-lampe)var(--ease-out)200ms}.ampel .lampe-gelb{animation:lampe-test var(--dur-lampe)var(--ease-out)500ms}.ampel .lampe-rot{animation:lampe-an var(--dur-lampe)var(--ease-out)800ms both}@keyframes lampe-test{0%,100%{opacity:.25}50%{opacity:1}}@keyframes lampe-an{from{opacity:.25;box-shadow:none}to{opacity:1;box-shadow:0 0 0 3px rgb(214 69 51/.25)}}.ampel .lampe-rot{opacity:1;box-shadow:0 0 0 3px rgb(214 69 51/.25)}@media(prefers-reduced-motion:reduce){.ampel .lampe{animation:none !important}}.demo-line{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)0;border-top:1px solid var(--linie);font-size:var(--text-small)}.demo-line .punkt{flex:none;width:12px;height:12px;border-radius:50%}.demo-line[data-status=unsichtbar] .punkt{background:var(--rot)}.demo-line[data-status=erwaehnt] .punkt{background:var(--gelb)}.demo-line[data-status=empfohlen] .punkt{background:var(--gruen)}.demo-line .frage{flex:1;color:var(--tinte-soft)}.demo-line .wert{font-weight:700;white-space:nowrap}.demo-line[data-status=unsichtbar] .wert{color:var(--rot)}.demo-line[data-status=erwaehnt] .wert{color:var(--gelb)}.demo-line[data-status=empfohlen] .wert{color:var(--gruen)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin:0;padding:0;list-style:none;counter-reset:schritt}.step{counter-increment:schritt}.step-num{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--blau);color:#fff;border-radius:var(--radius-s);font-family:var(--font-display);font-size:1.35rem;font-weight:800;margin-bottom:var(--space-4)}.step-num::before{content:counter(schritt)}.step h3{font-size:var(--text-h3);font-weight:700;margin-bottom:var(--space-2)}.step p{color:var(--tinte-soft)}.why-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);align-items:center}.why-quote{font-family:var(--font-display);font-size:clamp(1.4rem,2.4vw,1.8rem);font-weight:700;line-height:1.35;border-left:5px solid var(--blau);padding-left:var(--space-5)}.why-text p{color:var(--tinte-soft)}.person{display:flex;gap:var(--space-6);align-items:flex-start;max-width:var(--container-text)}.person-foto{flex:none;width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid var(--linie-stark)}.person h3{font-size:var(--text-h3);font-weight:700;margin-bottom:var(--space-2)}.person p{color:var(--tinte-soft)}.faq{max-width:var(--container-text)}.faq details{border-top:1px solid var(--linie)}.faq details:last-child{border-bottom:1px solid var(--linie)}.faq summary{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);list-style:none;cursor:pointer;font-weight:700;font-size:var(--text-h3);padding:var(--space-4)var(--space-1)}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";flex:none;font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1;color:var(--blau)}.faq details[open] summary::after{content:"–"}.faq details p{color:var(--tinte-soft);padding:0 var(--space-1)var(--space-5);max-width:60ch}@media(max-width:860px){.hero{padding:var(--space-7)0}.hero-inner,.why-inner{grid-template-columns:1fr;gap:var(--space-6)}.steps{grid-template-columns:1fr}.feld-gruppe{flex-direction:column}.feld-gruppe .btn{width:100%}.abschnitt{padding:var(--space-7)0}.person{flex-direction:column;align-items:flex-start}}