@layer components{[data-site=prod]{--fm-hoehe:56px;--fm-polster:16px;--fm-luft:8px;--fm-gruppe-luft:48px;--fm-frage-abstand:12px;--fm-haken:20px;--fm-haken-abstand:12px;--fm-t-klein:13px;--fm-dauer:var(--prod-dauer-zustand)}[data-site=prod] [data-flaeche]{--fm-flaeche:color-mix(in oklab, var(--tinte) 5%, var(--grund));--fm-flaeche-hover:color-mix(in oklab, var(--tinte) 7.5%, var(--grund));--fm-flaeche-fokus:color-mix(in oklab, var(--tinte) 10%, var(--grund))}[data-site=prod] .fm-felder{gap:var(--fm-luft);display:grid}[data-site=prod] .fm-gruppe+.fm-gruppe{margin-top:var(--fm-gruppe-luft)}[data-site=prod] .fm-feld{min-width:0;position:relative}[data-site=prod] .fm-eingabe{width:100%;height:var(--fm-hoehe);padding:22px var(--fm-polster) 6px;border-radius:var(--prod-knopf-radius);background:var(--fm-flaeche);color:var(--tinte);font:var(--prod-w-text) var(--prod-t-text) / var(--prod-zh-text) var(--site-font-display);transition:background-color var(--fm-dauer) var(--prod-ease-wechsel);border:0;display:block}[data-site=prod] .fm-eingabe:hover{background:var(--fm-flaeche-hover)}[data-site=prod] .fm-eingabe:focus{background:var(--fm-flaeche-fokus);outline:none}[data-site=prod] .fm-eingabe:autofill{box-shadow:inset 0 0 0 100px var(--fm-flaeche-fokus);-webkit-text-fill-color:var(--tinte)}[data-site=prod] textarea.fm-eingabe{height:auto;min-height:calc(var(--fm-hoehe) * 2.5);resize:none;field-sizing:content;padding-top:28px;padding-bottom:14px}[data-site=prod] .fm-label{top:18px;left:var(--fm-polster);right:var(--fm-polster);color:var(--prod-grau-text);font:var(--prod-w-text) var(--prod-t-text) / 1.3 var(--site-font-display);white-space:nowrap;text-overflow:ellipsis;transform-origin:0 0;pointer-events:none;transition:transform var(--fm-dauer) var(--prod-ease-wechsel);position:absolute;overflow:hidden}[data-site=prod] :is(.fm-eingabe:is(:focus,:not(:placeholder-shown),:autofill),.fm-eingabe[type=date])+.fm-label{transform:translateY(-10px)scale(.8)}[data-site=prod] .fm-eingabe[type=date]{appearance:none;min-width:0}[data-site=prod] .fm-frage{margin-bottom:var(--fm-frage-abstand);font:400 var(--prod-t-text) / var(--prod-zh-text) var(--site-font-display);text-wrap:pretty;display:block}[data-site=prod] .fm-feld[data-frage] textarea.fm-eingabe{padding-top:14px}[data-site=prod] .fm-optional{color:color-mix(in oklab, var(--tinte) 38%, var(--grund))}[data-site=prod] .fm-hinweis{color:var(--prod-grau-text);font:400 var(--fm-t-klein) / 1.4 var(--site-font-display);margin-top:6px}[data-site=prod] .fm-hinweis--oben{margin:0 0 var(--fm-frage-abstand)}[data-site=prod] .fm-haken{grid-template-columns:var(--fm-haken) 1fr;column-gap:var(--fm-haken-abstand);align-items:start;padding-block:8px;display:grid}[data-site=prod] .fm-haken label{font:400 var(--prod-t-text) / var(--prod-zh-text) var(--site-font-display);cursor:pointer}[data-site=prod] .fm-haken .fm-fehler{grid-column:2}[data-site=prod] .fm-haken-box{width:var(--fm-haken);height:var(--fm-haken);margin:calc((var(--prod-t-text) * var(--prod-zh-text) - var(--fm-haken)) / 2) 0 0;appearance:none;border-radius:var(--prod-knopf-radius);background:var(--fm-flaeche);cursor:pointer;transition:background-color var(--fm-dauer) var(--prod-ease-wechsel);place-content:center;display:grid}[data-site=prod] .fm-haken-box:before{content:"";background:var(--grund);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);width:60%;height:60%;transition:transform var(--fm-dauer) var(--prod-ease-wechsel);transform:scale(0)}[data-site=prod] .fm-haken-box:hover{background:var(--fm-flaeche-hover)}[data-site=prod] .fm-haken-box:checked{background:var(--tinte)}[data-site=prod] .fm-haken-box:checked:before{transform:none}[data-site=prod] .fm-haken-box:focus-visible{outline:var(--prod-fokus-rahmen) solid var(--tinte);outline-offset:var(--prod-fokus-abstand)}[data-site=prod] .fm-fehler{font:400 var(--fm-t-klein) / 1.4 var(--site-font-display);margin-top:6px;display:none}[data-site=prod] :is(.fm-feld:has(:user-invalid),[data-geprueft] .fm-feld:has(:invalid))>.fm-fehler{display:block}[data-site=prod] .fm-feld :is(input,textarea){scroll-margin-block:calc(var(--prod-nav-hoehe) + 96px) 96px}[data-site=prod] .fm-senden{align-items:flex-start;gap:var(--fm-frage-abstand);margin-top:var(--fm-gruppe-luft);flex-direction:column;display:flex}[data-site=prod] .fm-senden-text{max-width:30em;font:var(--prod-w-text) var(--fm-t-klein) / 1.45 var(--site-font-display);color:var(--prod-grau-text);text-wrap:pretty}[data-site=prod] .fm-senden-text a{color:inherit;text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}[data-site=prod] .fm-senden-text a:hover{color:var(--tinte)}[data-site=prod] button.prod-knopf{cursor:pointer;background-color:#0000;border:0}[data-site=prod] .fm-pruefen{font:400 var(--fm-t-klein) / 1.4 var(--site-font-display);margin-top:16px}[data-site=prod] form:valid .fm-pruefen:not([data-art]){display:none}[data-site=prod] form[data-laeuft] button[type=submit]{opacity:.5;pointer-events:none}[data-site=prod] .fm-honig{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}[data-site=prod] .fm-erfolg{outline:none}[data-site=prod] .fm-erfolg-titel{font:400 var(--prod-t-titel) / var(--prod-zh-titel) var(--site-font-display);letter-spacing:var(--prod-lw-titel);text-wrap:balance}[data-site=prod] .fm-erfolg-text{max-width:30em;font:var(--prod-w-text) var(--prod-t-text) / var(--prod-zh-text) var(--site-font-display);text-wrap:pretty;margin-top:20px}[data-site=prod] .fm-vorschau{max-width:30em;font:var(--prod-w-text) var(--fm-t-klein) / 1.45 var(--site-font-display);color:var(--prod-grau-text);margin-top:20px}@media (prefers-reduced-motion:reduce){[data-site=prod] :is(.fm-eingabe,.fm-label){transition:none}}}
