.kontakt-flaeche{--kf-tinte:#fff;--kf-grund:#000;--kf-tipp:#141414;--kf-tipp-schatten:none}.kontakt-flaeche[data-flaeche=hell]{--kf-tinte:#0d0d0d;--kf-grund:#fff;--kf-tipp:#fff;--kf-tipp-schatten:0 18px 40px -18px #0d0d0d38, 0 2px 8px -4px #0d0d0d1a}.kf-feld{border:1px solid color-mix(in srgb, var(--kf-tinte) 14%, transparent);cursor:text;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:0 0;border-radius:7px;display:block;position:relative}.kf-feld input{border-radius:6px;padding:1.625rem 1rem .625rem}.kf-feld:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.kf-feld[data-fehler=ja]{border-color:var(--accent)}.kf-feld :is(input,textarea):focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.kf-feld:hover{border-color:color-mix(in srgb, var(--kf-tinte) 28%, transparent)}.kf-feld:focus-within:hover,.kf-feld[data-fehler=ja]:hover{border-color:var(--accent)}}.kf-feld__label{z-index:1;color:color-mix(in srgb, var(--kf-tinte) 65%, transparent);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;transform-origin:0 0;transition:transform .26s var(--ease-out), color .22s var(--ease-out);position:absolute;top:1.125rem;left:1rem;right:1rem;overflow:hidden}.kf-feld:focus-within .kf-feld__label,.kf-feld[data-gefuellt=ja] .kf-feld__label{max-width:calc(117.647% - 2.35294rem);right:auto;transform:translateY(-.625rem)scale(.85)}.kf-feld:focus-within .kf-feld__label,.kf-feld[data-fehler=ja] .kf-feld__label{color:var(--accent)}.kf-feld[data-art=text]{padding:1.75rem 1rem .625rem}.kf-feld[data-art=text] .kf-feld__label{top:1.3125rem}.kf-feld[data-art=text]:focus-within .kf-feld__label,.kf-feld[data-art=text][data-gefuellt=ja] .kf-feld__label{transform:translateY(-.8125rem)scale(.85)}.kf-feld :is(input,textarea)::placeholder{color:color-mix(in srgb, var(--kf-tinte) 65%, transparent);opacity:0;transition:opacity .18s var(--ease-out)}.kf-feld:focus-within :is(input,textarea)::placeholder{opacity:1;transition-delay:90ms}@keyframes kf-ausgefuellt{0%{opacity:1}to{opacity:1}}.kf-feld input:-webkit-autofill{animation-name:kf-ausgefuellt;animation-duration:1ms;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1000px #000!important}.kf-feld input:-webkit-autofill:hover{animation-name:kf-ausgefuellt;animation-duration:1ms;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1000px #000!important}.kf-feld input:-webkit-autofill:focus{animation-name:kf-ausgefuellt;animation-duration:1ms;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1000px #000!important}.kf-feld input:-webkit-autofill:active{animation-name:kf-ausgefuellt;animation-duration:1ms;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1000px #000!important}.kontakt-flaeche[data-flaeche=hell] .kf-feld input:-webkit-autofill{-webkit-text-fill-color:#0d0d0d!important;box-shadow:inset 0 0 0 1000px #fff!important}.kontakt-flaeche[data-flaeche=hell] .kf-feld input:-webkit-autofill:hover{-webkit-text-fill-color:#0d0d0d!important;box-shadow:inset 0 0 0 1000px #fff!important}.kontakt-flaeche[data-flaeche=hell] .kf-feld input:-webkit-autofill:focus{-webkit-text-fill-color:#0d0d0d!important;box-shadow:inset 0 0 0 1000px #fff!important}.kontakt-flaeche[data-flaeche=hell] .kf-feld input:-webkit-autofill:active{-webkit-text-fill-color:#0d0d0d!important;box-shadow:inset 0 0 0 1000px #fff!important}@media (prefers-reduced-motion:reduce){.kf-feld__label{transition:color .12s linear}}