:root{--color-petrol: #5e8292;--color-mittelblau: #8fc9cb;--color-pink: #ff009d;--color-hellblau: #d4f0f0;--color-tuerkis: #5bdfe4;--color-grau: #545454;--color-beige: #f8f2eb;--color-white: #ffffff;--font-body: "Century Gothic", "Futura", "Avenir Next", "Segoe UI", sans-serif;--font-headline: var(--font-body);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--shadow-soft: 0 12px 32px rgba(84, 84, 84, .08);--max-content-width: 640px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-beige);color:var(--color-grau);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-headline);color:var(--color-petrol);line-height:1.25;margin:0 0 .5em;font-weight:700}h1{font-size:clamp(1.9rem,5vw,2.75rem)}h2{font-size:clamp(1.4rem,4vw,1.9rem)}p{margin:0 0 1em}button{font-family:inherit}a{color:var(--color-petrol)}.app-shell{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px 16px 48px}.screen{width:100%;max-width:var(--max-content-width);margin:0 auto}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:32px 24px}@media (min-width: 640px){.card{padding:40px}}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--color-petrol);font-weight:600;margin-bottom:8px}.hint{color:var(--color-grau);opacity:.75;font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:16px 28px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;min-height:52px;width:100%}@media (min-width: 480px){.btn{width:auto}}.btn-primary{background:var(--color-pink);color:var(--color-white);box-shadow:0 8px 20px #ff009d47}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #ff009d57}.btn-primary:disabled{background:var(--color-mittelblau);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--color-petrol);border:2px solid var(--color-hellblau)}.btn-secondary:hover{border-color:var(--color-mittelblau)}.btn-secondary:disabled{color:var(--color-mittelblau);border-color:var(--color-hellblau);cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--color-tuerkis);outline-offset:2px}.question-nav{display:flex;gap:12px;margin-top:24px}.question-nav .btn{flex:1;width:auto}.progress-wrap{width:100%;max-width:var(--max-content-width);margin:0 auto 20px}.progress-label{font-size:.85rem;color:var(--color-petrol);font-weight:600;margin-bottom:8px}.progress-track{height:8px;border-radius:999px;background:var(--color-hellblau);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-tuerkis),var(--color-petrol));border-radius:999px;transition:width .3s ease}.question-text{font-family:var(--font-body);font-size:1.3rem;font-weight:700;color:var(--color-grau);margin-bottom:24px}.options{display:flex;flex-direction:column;gap:12px}.option{display:block;border-radius:var(--radius-md);border:2px solid var(--color-hellblau);background:var(--color-white);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease}.option:hover{border-color:var(--color-mittelblau);transform:translateY(-2px);box-shadow:0 6px 16px #5e829224}.option:active{transform:translateY(0) scale(.985)}.option input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}.option-label{display:flex;align-items:center;gap:14px;padding:16px 18px;font-size:1.25rem;line-height:1.45;color:var(--color-grau)}.option-dot{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--color-mittelblau);background:var(--color-white);position:relative;transition:border-color .16s ease}.option-dot:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--color-pink);transform:scale(0);transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.option input[type=radio]:checked+.option-label{color:var(--color-petrol);font-weight:600}.option input[type=radio]:checked+.option-label .option-dot{border-color:var(--color-petrol)}.option input[type=radio]:checked+.option-label .option-dot:after{transform:scale(1)}.option:has(input[type=radio]:checked){border-color:var(--color-petrol);background:var(--color-hellblau);animation:option-pop .2s cubic-bezier(.34,1.56,.64,1)}@keyframes option-pop{0%{transform:scale(.97)}to{transform:scale(1)}}.option:has(input[type=radio]:focus-visible){outline:3px solid var(--color-tuerkis);outline-offset:2px}@media (prefers-reduced-motion: reduce){.option,.option-dot:after,.option:has(input[type=radio]:checked){transition:none;animation:none}.option:hover{transform:none}}.field{margin-bottom:20px;text-align:left}.field label{display:block;font-weight:600;margin-bottom:6px;color:var(--color-petrol)}.field input{width:100%;padding:14px 16px;border-radius:var(--radius-sm);border:2px solid var(--color-hellblau);font-size:1rem;font-family:inherit}.field input:focus-visible{outline:none;border-color:var(--color-petrol)}.field-error{color:var(--color-pink);font-size:.85rem;margin-top:6px}.honeypot-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.text-center{text-align:center}.hero-badge{display:inline-block;background:var(--color-hellblau);color:var(--color-petrol);border-radius:999px;padding:6px 16px;font-size:.85rem;font-weight:600;margin-bottom:20px}.error-banner{background:#fff0f8;border:1px solid var(--color-pink);color:var(--color-pink);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:16px;font-size:.9rem}.testimonials{display:flex;flex-direction:column;gap:16px;margin:28px 0;text-align:left}.testimonial{margin:0;padding:18px 20px;background:var(--color-hellblau);border-radius:var(--radius-md);border-left:4px solid var(--color-petrol)}.testimonial p{margin:0 0 8px;font-style:italic;color:var(--color-grau)}.testimonial footer{font-size:.85rem;font-weight:600;color:var(--color-petrol)}.testimonial cite{font-style:normal;font-weight:400;opacity:.8}.disclaimer{font-size:.8rem;color:var(--color-grau);opacity:.7;margin-top:24px}