:root{--max-width-narrow:1024px;--max-width:1590px;--max-width-extra-wide:1920px}.input{width:100%;color:var(--text-color);background-color:var(--input-bg);border:.0625rem solid var(--input-border-color);padding:.75rem calc(var(--input-spacing-sides) + var(--input-icon-size) + var(--input-gap));z-index:1;-moz-appearance:textfield;border-radius:.75rem;font-weight:600;position:relative}.input:focus-visible{box-shadow:0 8px 10px 1px var(--input-shadow-start), 0 3px 14px 2px var(--input-shadow-middle), 0 5px 5px -3px var(--input-shadow-end);outline:none}.input::placeholder{opacity:1;color:var(--text-color)}.input:focus~label,.input:not(:placeholder-shown)~label{animation:.25s .125s forwards label-float}.input::-webkit-outer-spin-button{-webkit-appearance:none}.input::-webkit-inner-spin-button{-webkit-appearance:none}.input:-webkit-autofill{background-color:var(--input-bg)!important}.input:-webkit-autofill:hover{background-color:var(--input-bg)!important}.input:-webkit-autofill:focus{background-color:var(--input-bg)!important}.input[type=number]{-moz-appearance:textfield}.input.textarea{resize:none;min-height:6.25rem}.input__container{--text-color:hsl(var(--grey-midnight));--input-bg:hsl(var(--white));--input-border-color:hsl(var(--grey-midnight));--input-shadow-start:hsl(var(--black) / .14);--input-shadow-middle:hsl(var(--black) / .12);--input-shadow-end:hsl(var(--black) / .2);--input-icon-valid:hsl(var(--light-green-foerderpenny));--input-label-bg:transparent;--input-error-bg:hsl(var(--white));--input-toggle-text-valid:hsl(var(--light-green-foerderpenny));--input-toggle-bg-valid:hsl(var(--light-green-foerderpenny));--input-spacing-sides:.75rem;--input-icon-size:1.25rem;--input-gap:.25rem;--label-bg-primary:hsl(var(--white));--label-text-color:hsl(var(--grey-midnight));color:var(--text-color);margin-block:2rem;position:relative}.input__container.has-error input{border-color:hsl(var(--red))}.input__label{background:var(--input-label-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;border-radius:.25rem;margin:-.125rem 0 0 .875rem;padding:.25rem;font-size:.6875rem;font-weight:700;position:absolute;top:0;left:0}.input__message{text-align:left;color:hsl(var(--red));background-color:var(--input-error-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:.5rem;margin-top:.25rem;padding:.5rem;font-size:.9375rem}.input__icon{width:var(--input-icon-size);height:var(--input-icon-size);z-index:2;position:absolute;top:.875rem}@media (width>=960px){.input__icon{top:1.125rem}}.input__icon--left{left:.75rem}.input__icon--right{right:.75rem}.input__icon--valid{color:var(--input-icon-valid)}@keyframes label-float{0%{opacity:0;transform:none}10%{transform:translateY(-70%)}to{opacity:1;transform:translateY(-100%)}}