.kundenlogin{background:#000;color:#fff;display:flex;flex-direction:column;font-family:Euclid Circular B,sans-serif;font-weight:500;min-height:100vh;min-height:100dvh}.kundenlogin *,.kundenlogin :after,.kundenlogin :before{box-sizing:border-box}.kundenlogin a{color:#fff;text-decoration:none}.kundenlogin :focus-visible{outline:2px solid #fff;outline-offset:3px}.klSrOnly{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);white-space:nowrap}.klFooter,.klHeader,.klMain{padding-left:36px;padding-right:36px}@media(max-width:767.98px){.klFooter,.klHeader,.klMain{padding-left:18px;padding-right:18px}}.klHeader{align-items:center;display:flex;gap:20px;justify-content:space-between;padding-bottom:25px;padding-top:25px}@media(max-width:767.98px){.klHeader{padding-bottom:20px;padding-top:20px}}.klLogo{color:#fff;display:block}.klLogoSvg{display:block;height:26px;width:auto}.kundenlogin .klBack{color:hsla(0,0%,100%,.7);font-size:14px;letter-spacing:.04em;line-height:20px;text-transform:uppercase;transition:color .3s ease-in-out}.kundenlogin .klBack:hover{color:#fff}.klMain{align-items:center;display:grid;flex:1;grid-template-columns:minmax(0,1fr);padding-bottom:80px;padding-top:40px}@media(max-width:991.98px){.klMain{padding-bottom:64px;padding-top:24px}}@media(max-width:767.98px){.klMain{align-items:start;padding-bottom:48px;padding-top:16px}}.klGrid{align-items:center;display:grid;gap:64px 120px;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));margin:0 auto;max-width:1320px;width:100%}@media(max-width:991.98px){.klGrid{gap:48px 64px}}@media(max-width:767.98px){.klGrid{gap:40px}}.kundenlogin .klEyebrow{display:inline-block;margin:0 0 28px}@media(max-width:767.98px){.kundenlogin .klEyebrow{margin-bottom:20px}}.klH1{color:#fff;font-size:clamp(38px,6vw,90px);font-weight:500;hyphens:auto;letter-spacing:-.01em;line-height:1.1;margin:0 0 24px}@media(max-width:767.98px){.klH1{margin-bottom:16px}}.klLead{color:#fff;font-size:clamp(18px,1.6vw,24px);font-weight:300;hyphens:manual;line-height:1.35;margin:0 0 20px;max-width:520px;text-wrap:pretty}@media(max-width:767.98px){.klLead{margin-bottom:14px}}.klBenefit{color:hsla(0,0%,100%,.7);font-size:17px;font-weight:400;hyphens:manual;line-height:28px;text-wrap:pretty}.klBenefit,.klForm{margin:0;max-width:480px}.klForm{display:flex;flex-direction:column;gap:36px;width:100%}@media(max-width:767.98px){.klForm{gap:28px}}.klError{background:rgba(212,64,125,.18);border-radius:6px;color:#fff;font-size:15px;font-weight:400;line-height:22px;padding:14px 18px}.klField{display:flex;flex-direction:column;gap:12px}.klLabel{font-size:14px;letter-spacing:.04em;text-transform:uppercase}.klInput,.klLabel{color:#fff;font-weight:500;line-height:20px}.klInput{-webkit-appearance:none;appearance:none;background:transparent;border:2px solid hsla(0,0%,100%,.25);border-radius:6px;font-family:inherit;font-size:17px;margin:0;outline:none;padding:18px 19px;transition:border-color .3s ease-in-out;width:100%}.klInput::placeholder{color:#a0a0a0;opacity:1}.klInput:hover{border-color:hsla(0,0%,100%,.5)}.klInput:focus{border-color:#fff}.klInput[aria-invalid=true]{border-color:#d4407d}.klInput:-webkit-autofill,.klInput:-webkit-autofill:focus,.klInput:-webkit-autofill:hover{-webkit-text-fill-color:#fff;box-shadow:inset 0 0 0 1000px #000;caret-color:#fff;transition:background-color 9999s ease-in-out 0s}.klPwWrap{display:flex;position:relative}.klPwWrap .klInput{flex:1;padding-right:100px}.klPwToggle{background:none;border:0;border-radius:0 4px 4px 0;bottom:2px;color:hsla(0,0%,100%,.4);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.04em;line-height:1;margin:0;padding:0 19px 0 12px;position:absolute;right:2px;text-transform:uppercase;top:2px;transition:color .3s ease-in-out}.klPwToggle:hover{color:hsla(0,0%,100%,.8)}.klActions{align-items:center;display:flex;flex-wrap:wrap;gap:20px 32px;isolation:isolate;justify-content:space-between;margin-top:4px}@media(max-width:767.98px){.klActions{align-items:stretch;flex-direction:column}.klActions .klLink{align-self:center}}.kundenlogin .cta.klSubmit{border:0;cursor:pointer;font-family:inherit;font-size:18px;letter-spacing:0;line-height:24px;min-height:54px;padding:15px 40px;white-space:nowrap}.kundenlogin .cta.klSubmit:after{transition:opacity .5s ease-in-out,filter .5s ease-in-out}@media(hover:hover){.kundenlogin .cta.klSubmit:hover:not([disabled]):after,.kundenlogin .cta.klSubmit:hover:not([disabled]):before{opacity:1}.kundenlogin .cta.klSubmit:hover:not([disabled]):after{filter:blur(1.2em)}}.kundenlogin .cta.klSubmit[disabled]{cursor:progress}@media(max-width:767.98px){.kundenlogin .cta.klSubmit{display:block;width:100%}}.kundenlogin .klLink{border-bottom:1.5px solid hsla(0,0%,100%,.5);color:#fff;font-size:16px;line-height:22px;padding-bottom:2px;transition:border-color .3s ease-in-out}.kundenlogin .klLink:hover{border-bottom-color:#fff}.klHint{align-items:baseline;background:hsla(0,0%,100%,.11);border-radius:15px;color:hsla(0,0%,100%,.7);display:flex;flex-wrap:wrap;font-weight:400;gap:8px 24px;justify-content:space-between;margin:16px 0 0;padding:22px 28px}.klHint,.klHint .klLink{font-size:15px;line-height:24px}.klHint .klLink{padding-bottom:1px}@media(max-width:767.98px){.klHint{padding:18px 20px}}.klFooter{color:hsla(0,0%,100%,.5);display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;gap:12px 32px;justify-content:space-between;line-height:20px;padding-bottom:28px}.klLegal{display:flex;gap:24px;list-style:none;margin:0;padding:0}.klLegal a{color:hsla(0,0%,100%,.5);transition:color .3s ease-in-out}.klLegal a:hover{color:#fff}@media(prefers-reduced-motion:reduce){.kundenlogin *{transition:none!important}}