@font-face{font-family:Inter;src:url('../fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--blue:#007bff;--deep:#0056b3;--gold:#c99700;--navy:#071632;--muted:#657184;--line:#dce2e9;--paper:#f6f7f9}*{box-sizing:border-box}body{margin:0;color:var(--navy);font:14px/1.5 Inter,Arial,sans-serif;background:var(--paper)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button{transition:background .15s,transform .15s}button:hover{transform:translateY(-1px)}.preview{min-height:56px;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-bottom:1px solid var(--line);font-size:11px;color:#566176}.preview b{font-weight:600;color:var(--navy)}.preview nav{display:flex;gap:3px;background:#f0f3f7;padding:3px;border-radius:7px}.preview button{border:0;background:none;border-radius:4px;color:#5c687a;padding:6px 14px;font-size:11px;font-weight:600}.preview button[aria-pressed=true]{background:#fff;color:var(--navy);box-shadow:0 1px 4px #07163213}.shell{min-height:100svh;display:grid;grid-template-columns:47% 53%}.story{position:relative;overflow:hidden;min-height:710px;background:#071632;color:white;display:flex;flex-direction:column;padding:48px 50px 30px}.story:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0716322b,transparent 45%,#07163244),url('../img/unternehmenszugang-motiv.png') center 57%/cover;pointer-events:none}.story>*{position:relative}.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.19em;font-weight:500;font-size:10px}.eyebrow:before{content:'';width:28px;height:2px;background:var(--gold)}.story h1{font-size:clamp(36px,3.5vw,58px);line-height:1.13;font-weight:500;letter-spacing:-.045em;margin:58px 0 20px;max-width:460px}.story .intro{font-size:14px;line-height:1.75;color:#c4cddd;max-width:280px;margin:0}.story-note{margin-top:auto;padding-top:250px;font-size:10px;color:#d4dce8;letter-spacing:.08em}.work{background:#fff;display:flex;flex-direction:column;padding:28px 50px 20px}.topline{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:11px;color:var(--muted)}.topline strong{font-weight:500;color:var(--navy)}.lang{display:flex;gap:7px;align-items:center}.lang svg{width:14px;height:14px}.form-wrap{width:100%;max-width:380px;margin:auto; padding:52px 0 46px}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#8a6a09;font-weight:600;margin:0 0 13px}.form-wrap h2{font-size:31px;line-height:1.2;letter-spacing:-.04em;margin:0 0 12px;font-weight:600}.subtitle{color:var(--muted);font-size:13px;line-height:1.75;margin:0 0 29px;max-width:350px}.field{margin-bottom:18px}.field label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.field input{width:100%;height:50px;border:1px solid #ccd5df;border-radius:7px;background:#fff;padding:0 14px;color:var(--navy);outline:none;letter-spacing:.01em}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #007bff14}.field input::placeholder{color:#8994a3}.password{position:relative}.password input{padding-right:50px}.eye{position:absolute;right:8px;top:6px;display:grid;place-items:center;border:0;background:transparent;width:38px;height:38px;color:#647187}.eye svg{width:18px;height:18px}.primary{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:14px;background:var(--deep);color:#fff;border:0;border-radius:7px;font-size:13px;font-weight:600}.primary:hover{background:#004995}.arrow{font-size:20px;font-weight:400;line-height:1}.secure{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.7;color:var(--muted);margin:19px 0 0}.secure svg{width:15px;height:17px;flex-shrink:0;margin-top:2px}.brands{display:flex;align-items:center;justify-content:center;gap:26px;padding:22px 0 20px;border-top:1px solid #e9edf1}.brand{width:45%;max-width:205px;display:flex;align-items:center;justify-content:center}.brand svg{width:100%;height:auto;display:block}.brands .divider{height:33px;width:1px;background:#dce2e9}.foot{font-size:9px;color:#7a8595;display:flex;justify-content:space-between;gap:16px;padding-top:8px}.hidden{display:none!important}.back{border:0;background:none;color:var(--deep);font-size:12px;padding:12px 0 0}.otp{letter-spacing:.65em!important;font-size:22px!important;text-align:center;padding-left:26px!important}.code-note{font-size:11px;color:var(--muted);margin:8px 0 22px}.choice{min-height:100svh;padding:34px 7vw 26px;background:#f5f7fa;position:relative}.choice header{display:flex;align-items:center;justify-content:space-between;margin-bottom:65px}.choice .identity{display:flex;gap:10px;align-items:center;font-size:11px;color:#657184}.avatar{display:grid;place-items:center;width:32px;height:32px;background:#e6edf7;border-radius:50%;color:var(--deep);font-weight:600}.choice-inner{max-width:1050px;margin:auto}.choice h1{font-size:42px;line-height:1.15;letter-spacing:-.045em;font-weight:500;margin:0 0 14px}.choice .welcome{color:var(--muted);margin:0 0 32px;font-size:14px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:#fff;border:1px solid #dfe5ec;border-radius:13px;padding:0;overflow:hidden;text-align:left;box-shadow:0 6px 22px #07163204;color:var(--navy)}.card:hover{border-color:#9bb8d9;box-shadow:0 9px 24px #0716320b}.card-art{height:126px;background:#071632 url('../img/unternehmenszugang-motiv.png') center 64%/cover;position:relative}.marketing .card-art{background-position:center 84%}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07163245,transparent)}.card-body{padding:25px 30px 24px}.card-logo{height:83px;display:flex;align-items:center;margin-bottom:20px}.card-logo svg{width:255px;max-width:100%;height:auto;max-height:83px}.card h2{font-size:17px;letter-spacing:-.015em;font-weight:600;margin:0 0 8px}.card p{font-size:12px;color:var(--muted);margin:0 0 25px;line-height:1.8;max-width:300px}.card-action{border-top:1px solid #edf0f4;padding-top:17px;display:flex;align-items:center;justify-content:space-between;color:var(--deep);font-size:12px;font-weight:600}.choice footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1050px;margin:30px auto 0;font-size:11px;color:var(--muted)}.notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:10;background:var(--navy);color:#fff;padding:14px 23px;border-radius:8px;box-shadow:0 8px 25px #07163230;font-size:12px;max-width:calc(100% - 30px);text-align:center}.mobile-brands{display:none}@media(min-width:1600px){.story{padding:60px 75px}.work{padding:34px 80px}.form-wrap{max-width:420px}.form-wrap h2{font-size:36px}}@media(max-width:1000px){.story{padding:35px 30px}.work{padding:24px 30px}.story h1{font-size:40px}.brands{gap:15px}.choice{padding:30px 5vw}.card-body{padding:23px}}@media(max-width:700px){.preview{padding:8px 12px;flex-direction:column;gap:7px}.preview .description{display:none}.preview nav{width:100%;justify-content:center}.preview button{flex:1;padding:7px 10px}.shell{display:block;min-height:100svh}.story{min-height:180px;padding:23px 26px;background:#071632}.story:before{background-position:center 65%;opacity:.55}.story h1{font-size:30px;margin:25px 0 0;max-width:none}.story h1 br{display:none}.story .intro,.story-note{display:none}.eyebrow{font-size:9px;letter-spacing:.14em}.work{padding:20px 26px 20px}.form-wrap{padding:30px 0;max-width:410px}.form-wrap h2{font-size:27px}.topline{font-size:10px}.subtitle{margin-bottom:23px}.brands{padding:18px 0 12px}.foot{font-size:8px}.choice{padding:24px 22px}.choice header{margin-bottom:37px;align-items:flex-start}.choice header .identity{font-size:10px}.choice header .eyebrow{max-width:150px;line-height:1.7}.choice h1{font-size:31px}.choice .welcome{font-size:13px}.cards{grid-template-columns:1fr;gap:18px}.card-art{height:88px}.card-body{padding:21px 24px}.card-logo{height:72px;margin-bottom:12px}.card-logo svg{width:225px;max-height:72px}.card p{margin-bottom:16px}.choice footer{align-items:flex-start;font-size:10px}.choice .identity .name{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.card{display:block;text-decoration:none}.choice footer a{color:var(--deep);text-decoration:none}.identity .name{max-width:250px;overflow-wrap:anywhere}