/* Kurzer, eigenständiger Bewerbungsweg im Wagner-Sales-Design. */
.application-page{background:#f4f5f4;color:#101112;min-height:100vh;display:flex;flex-direction:column}
.application-header{background:#101112;min-height:90px;padding:23px max(24px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #293030}
.application-header .brand-logo{width:220px}.exit-link{font-size:12px;color:#c7d3d1;display:flex;gap:10px;align-items:center}.exit-link:hover{color:#fff}
.application-main{width:min(620px,calc(100% - 40px));margin:48px auto 36px;flex:1}
.application-meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:700;letter-spacing:1px;color:#4b615d}
.application-meta #counter{letter-spacing:0;white-space:nowrap;color:#087e74}
.application-page .form-progress{margin:13px 0 11px;background:#dce5e2;height:4px;border-radius:4px;overflow:hidden}.application-page #progress-fill{display:block;background:#10b5a5;width:33.333%;height:100%;transition:width .2s ease}
.step-labels{list-style:none;display:flex;justify-content:space-between;margin:0 0 34px;padding:0;font-size:11px;color:#67736f}.step-labels [aria-current="step"]{color:#087e74;font-weight:700}
.application-page #application{padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none;max-width:none;color:#101112}
.question-step{animation:step-in .18s ease-out}.question-kicker{color:#087e74!important;font-size:10px;font-weight:700;letter-spacing:1.4px;margin:0 0 14px}
.application-page h1{font-size:clamp(36px,5vw,52px);letter-spacing:-2px;line-height:1.05;margin:0 0 18px;font-weight:800;outline:none}
.question-intro{font-size:15px;line-height:1.55;color:#596168;margin:0 0 28px;max-width:540px}
.answer-options{display:grid;gap:12px}
.answer-option{width:100%;display:flex;align-items:center;gap:18px;min-height:90px;padding:20px;background:#fff;border:1px solid #d8e0de;border-radius:15px;text-align:left;color:#101112;cursor:pointer;transition:border-color .15s,background .15s}
.answer-option>span:nth-child(2){font-size:17px;line-height:1.3;font-weight:700;flex:1}.answer-option small{display:block;font-size:12px;font-weight:400;color:#65716d;margin-top:5px}
.answer-number{font-size:11px;color:#087e74;font-weight:700;border:1px solid #c8e6e0;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;flex-shrink:0}.answer-arrow{font-size:24px;color:#087e74}
.answer-option:hover,.answer-option[aria-pressed="true"]{border-color:#087e74;background:#eaf7f3}
.skip-question,.back{background:none;border:0;padding:14px 0;color:#49645d;cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:4px;min-height:44px}.skip-question{margin-top:12px}.step-reassurance{font-size:12px;color:#63716d;margin:12px 0 0}
.application-page .field{margin:22px 0}.application-page .field>label{font-size:13px;font-weight:700;margin-bottom:9px;color:#243c35;display:block}.application-page input:not([type="checkbox"]):not([type="hidden"]){width:100%;background:#fff;border:1px solid #ccd8d3;border-radius:10px;padding:16px;font-size:16px;line-height:1.4;min-height:56px;color:#101112}.application-page input:focus{outline:2px solid #087e74;outline-offset:2px}.application-page input[aria-invalid="true"]{border-color:#b23030}
.application-page .check{display:flex;gap:12px;font-size:13px;line-height:1.65;color:#34433e;align-items:flex-start;margin:22px 0 10px;cursor:pointer}.application-page .check input{flex:0 0 20px;width:20px;height:20px;margin:2px 0 0;accent-color:#087e74;cursor:pointer}.application-page .check strong{font-weight:600}
.application-page .cta{display:flex;align-items:center;justify-content:center;gap:16px;min-height:56px;font-size:15px;background:#10b5a5;color:#062d27;border:0;border-radius:12px;width:100%;padding:15px 20px;font-weight:700;cursor:pointer;margin-top:26px}.application-page .cta:hover{background:#2bc7b7}.application-page .cta:disabled{opacity:.65;cursor:wait}
.application-page .form-hint{font-size:12px;color:#5f6b66;line-height:1.7;margin:12px 0 0}.application-page .legal-compact{border-top:1px solid #d9e1de;padding-top:18px;margin-top:22px}.application-page .form-hint a{color:#176b60;text-decoration:underline;text-underline-offset:3px}.application-page .submit-note{font-size:11px}.application-page .field-error{font-size:12px;color:#a32727;margin:8px 0 0;line-height:1.5}
#form-error:not([hidden]){background:#fff0ed;border:1px solid #e4b7af;border-radius:10px;padding:15px;color:#802a20;font-size:13px;margin:18px 0}#form-status{font-size:13px;color:#176b60}
.application-contact{border-top:1px solid #d9e1de;padding-top:26px;margin-top:30px;display:flex;align-items:center;gap:16px}.application-contact small,.application-contact strong,.application-contact>div>span{display:block}.application-contact small{font-size:9px;letter-spacing:1px;color:#62726b}.application-contact strong{font-size:15px;line-height:1.4;margin:4px 0}.application-contact>div>span{font-size:12px;color:#5d6d65}
.application-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #dce3e0;padding:23px max(24px,calc((100% - 1120px)/2));color:#63716d;font-size:11px;line-height:1.6}.application-footer nav{display:flex;gap:22px}.application-footer a:hover{text-decoration:underline}.noscript-note{font-size:14px;color:#733426;margin:25px 0}
@keyframes step-in{from{opacity:.6;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:640px){.application-header{min-height:78px;padding:18px 20px}.application-header .brand-logo{width:177px}.exit-link{font-size:11px;gap:5px}.application-main{margin-top:30px}.application-meta{font-size:9px;letter-spacing:.6px;gap:8px}.step-labels{margin-bottom:30px}.application-page h1{font-size:39px;letter-spacing:-1.5px}.question-intro{font-size:14px;margin-bottom:24px}.question-kicker{font-size:9px}.answer-option{min-height:86px;padding:17px 14px;gap:12px}.answer-option>span:nth-child(2){font-size:15px}.answer-option small{font-size:11px}.answer-number{width:29px;height:29px}.answer-arrow{font-size:21px}.application-contact{margin-top:26px;padding-top:24px}.application-footer{display:block;padding:22px 20px}.application-footer nav{margin-top:12px}.application-page .check{font-size:12px}.application-page .form-hint{font-size:11px}}
@media(max-width:359px){.application-header .brand-logo{width:150px}.application-header{gap:12px}.application-page h1{font-size:35px}.answer-option>span:nth-child(2){font-size:14px}.answer-number{display:none}.application-contact{gap:12px}.application-contact strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.question-step{animation:none}.application-page #progress-fill{transition:none}}