.funnel{--funnel-error: #b42318;--feld-rahmen: color-mix(in srgb, var(--color-navy) 50%, var(--color-border));background-color:var(--color-surface);background-image:radial-gradient(48rem 30rem at 50% 0,color-mix(in srgb,var(--color-action) 8%,transparent),transparent 70%),radial-gradient(var(--color-border) 1.5px,transparent 1.5px);background-size:auto,26px 26px}.f-shell{border-radius:var(--radius-media);box-shadow:var(--shadow-float)}.f-ab,.f-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:9999px}.f-ab{width:1.75rem;height:1.75rem;background-color:var(--color-action);font-size:.8125rem;line-height:1;color:var(--color-navy)}.funnel [hidden]{display:none!important}fieldset{min-inline-size:0}.f-legend{display:block;width:100%;padding:0}.f-field{display:grid;gap:.35rem}.f-label{display:block;font-weight:600;font-size:.9375rem;line-height:1.4;color:var(--color-navy)}.f-control,.f-check,.f-choice,.f-choice input,.f-option input,.f-card,.f-optioncard{transition:border-color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out),box-shadow var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.f-control{width:100%;font:inherit;color:var(--color-ink);background-color:var(--color-card);border:1px solid var(--feld-rahmen);border-radius:12px;padding:.7rem .9rem;line-height:1.45}textarea.f-control{resize:vertical;min-height:6.5rem}.f-control:hover{border-color:color-mix(in srgb,var(--color-navy) 70%,var(--color-border))}.f-control:focus{border-color:var(--color-brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-action) 15%,transparent)}.f-control::placeholder{color:color-mix(in srgb,var(--color-ink) 62%,transparent)}.f-control[aria-invalid=true]{border-color:var(--funnel-error);background-color:color-mix(in srgb,var(--funnel-error) 5%,var(--color-card))}.f-check,.f-choice input,.f-option input{appearance:none;display:inline-grid;place-content:center;width:1.5rem;height:1.5rem;flex:none;margin:0;border:2px solid var(--feld-rahmen);border-radius:9999px;background-color:var(--color-card);cursor:pointer}.f-check{border-radius:8px}.f-check:before{content:"";width:.8rem;height:.45rem;margin-top:-.15rem;border-left:2.5px solid var(--color-navy);border-bottom:2.5px solid var(--color-navy);transform:rotate(-45deg) scale(0);transition:transform var(--dur-micro) var(--ease-spring)}.f-check:checked{border-color:var(--color-action);background-color:var(--color-action)}.f-check:checked:before{transform:rotate(-45deg) scale(1)}.f-choice input:before,.f-option input:before{content:"";width:.7rem;height:.7rem;border-radius:9999px;background-color:var(--color-brand);transform:scale(0);transition:transform var(--dur-micro) var(--ease-spring)}.f-choice input:checked,.f-option input:checked{border-color:var(--color-brand)}.f-choice input:checked:before,.f-option input:checked:before{transform:scale(1)}.f-choice{display:inline-flex;align-items:center;gap:.55rem;min-height:2.75rem;border:1px solid var(--color-border);border-radius:9999px;background-color:var(--color-card);padding:.5rem 1.15rem .5rem .85rem;font-weight:500;cursor:pointer}.f-card,.f-optioncard{border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-card)}.f-card{display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;cursor:pointer}.f-choice:hover,.f-card:hover,.f-optioncard:hover{border-color:color-mix(in srgb,var(--color-navy) 25%,var(--color-border))}.f-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.f-choice:has(input:checked),.f-card:has(input:checked),.f-optioncard:has(input:checked){border-color:var(--color-brand);background-color:color-mix(in srgb,var(--color-action) 12%,var(--color-card))}.f-card-body{display:grid;gap:.15rem}.f-card-title{display:flex;align-items:center;gap:.5rem}.f-card-text{font-size:.9375rem;color:color-mix(in srgb,var(--color-ink) 78%,transparent)}.f-optioncard{padding:.35rem}.f-option{display:flex;align-items:center;gap:.75rem;padding:.8rem .85rem;cursor:pointer}.f-reveal{padding:0 .85rem .95rem 3.1rem}.f-consent{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.f-consent input,.f-card input{margin-top:.1rem}.f-error{font-size:.875rem;font-weight:500;line-height:1.45;color:var(--funnel-error)}.f-alert{border:1px solid color-mix(in srgb,var(--funnel-error) 35%,var(--color-border));border-left:4px solid var(--funnel-error);border-radius:var(--radius-card);background-color:color-mix(in srgb,var(--funnel-error) 6%,var(--color-card));padding:1rem 1.15rem}.f-alert li::marker,.f-serverlist li::marker{color:var(--funnel-error)}.f-serverlist{list-style:disc;padding-left:1.35rem;font-size:.9375rem}.f-badge{width:4rem;height:4rem;background-color:color-mix(in srgb,var(--color-action) 16%,transparent);color:var(--color-brand)}@media(prefers-reduced-motion:no-preference){[data-funnel-form]{animation:u-rise var(--dur-scene) var(--ease-out) .32s both}[data-funnel-step]:not([hidden]),.f-reveal:not([hidden]),[data-funnel-alert]:not([hidden]){animation:f-step-in var(--dur-ui) var(--ease-out) both}[data-funnel-danke]:not([hidden]),[data-funnel-fallback]:not([hidden]){animation:u-rise var(--dur-scene) var(--ease-out) both}[data-funnel-danke]:not([hidden]) .f-badge{animation:f-badge-pop .55s var(--ease-spring) .25s both}.f-card:has(input:checked){animation:f-pop .45s var(--ease-spring)}}@keyframes f-step-in{0%{opacity:0;transform:translateY(12px)}}@keyframes f-badge-pop{0%{opacity:0;transform:scale(.4)}}@keyframes f-pop{30%{transform:scale(1.02)}}.f-hp{position:absolute;left:-9999px;width:1px;height:1px}
