:root{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#143047;background:#f5f8fc;--blue:#0062b1;--navy:#002777}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #dfe9f2;padding:20px max(24px,5vw);display:flex;align-items:center;justify-content:space-between;gap:20px}header a{color:var(--blue)}.brand{font-size:21px;text-decoration:none;color:var(--navy);font-weight:700;letter-spacing:-.5px}.brand strong{color:var(--blue)}.brand span{font-size:17px;color:#008bba;margin-left:8px}header>span{color:#607589;font-size:14px}main{max-width:1200px;margin:60px auto;padding:0 24px}.layout{display:grid;grid-template-columns:1fr 1.35fr;gap:8%}.landing{max-width:800px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--blue)}h1{color:var(--navy);font-size:clamp(34px,4.6vw,60px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 20px}h2{color:var(--navy)}p{line-height:1.65}.muted{font-size:14px;color:#5c7184}.panel{background:#fff;border:1px solid #e0eaf3;border-radius:20px;padding:36px;box-shadow:0 20px 55px #0027770a}.question{border:0;border-top:1px solid #e0eaf3;padding:24px 0;margin:0}.question:first-child{border:0;padding-top:0}.question legend{font-weight:700;font-size:18px;padding:0 0 8px}.question small{display:block;color:#5c7184;margin-bottom:12px}.choice{display:flex;gap:12px;align-items:flex-start;border:1px solid #ceddeb;border-radius:10px;padding:12px;margin:8px 0;cursor:pointer}.choice:has(input:checked){border-color:var(--blue);background:#edf6ff}.choice input{width:20px;height:20px;flex:none;margin:2px 0}.required{color:#ae3434}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}button{font:inherit;color:#fff;background:var(--blue);border:0;border-radius:10px;padding:13px 19px;cursor:pointer;min-height:44px;font-weight:700}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e8f1f9;color:var(--navy)}.danger{background:#a82635}input:not([type=radio]):not([type=checkbox]),select,textarea{display:block;width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #bacddd;border-radius:9px;padding:12px;margin:8px 0}textarea{min-height:110px}.admin textarea{min-height:360px;font-family:ui-monospace,monospace;font-size:13px}label{line-height:1.5}.error{color:#a82635;font-weight:600}.success{color:#176344}.admin{max-width:960px}.form-row{background:#fff;border:1px solid #dce7f1;border-radius:10px;padding:15px;margin:9px 0}.form-row button{margin:6px}.score{display:flex;align-items:center;gap:8px}.score input{max-width:100px!important}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #008bba;outline-offset:2px}@media(max-width:780px){.layout{grid-template-columns:1fr;gap:20px;margin:30px auto}.panel{padding:24px}header>span{display:none}}

.brand{display:flex;align-items:center}.brand img{width:154px;height:55px;object-fit:contain}

[hidden]{display:none!important}
.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.portal{max-width:1080px}@media(max-width:750px){.portal-grid{grid-template-columns:1fr}}

/* Klientenbereich 0.3 */
.portal{max-width:1260px;margin-top:45px}.portal>h1{max-width:850px}.portal-intro{font-size:18px;max-width:700px}.portal-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:26px;align-items:start;margin-top:30px}.portal-nav{padding:18px;position:sticky;top:16px}.portal-nav .eyebrow{margin:6px 12px 14px}.portal-nav a{display:block;padding:11px 12px;border-radius:9px;color:#23435d;text-decoration:none;font-size:14px;font-weight:650}.portal-nav a:hover,.portal-nav a[aria-current="page"]{background:#e8f3fd;color:var(--navy)}.portal-content{min-width:0}.portal-section h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.03em;margin:8px 0 16px}.portal-content h3{color:var(--navy);font-size:20px;margin:6px 0 8px}.portal-content .panel{margin-bottom:20px}.portal-hero{background:linear-gradient(130deg,#fff 55%,#eaf6fe)}.portal-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.portal-cards .panel{height:100%}.portal-cards{margin-bottom:20px}.portal-cards .panel{margin:0}.status-pill{display:inline-block;background:#eef3f7;color:#3c6078;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:800;letter-spacing:.02em}.status-ready{background:#e5f5ec;color:#176344}.text-link{color:var(--blue);font-weight:700}.journey{padding-left:25px}.journey li{padding:8px 0 8px 8px}.journey li strong{display:block;color:var(--navy)}.journey li span{font-size:14px;color:#5c7184}.feature-list{line-height:1.6;padding-left:23px;margin:22px 0}.feature-list li{margin:9px 0}.feedback-panel textarea{min-height:125px;max-width:100%}.feedback-panel{border-color:#bfdbef}.portal-section#section-detail{min-height:380px}@media(max-width:850px){.portal-shell{grid-template-columns:1fr}.portal-nav{position:static;display:flex;gap:4px;overflow-x:auto;white-space:nowrap;padding:12px}.portal-nav .eyebrow{display:none}.portal-nav a{flex:none}.portal-cards{grid-template-columns:1fr}}

.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.age-choice{border:1px solid #dce7f1;border-radius:10px;margin:20px 0;padding:16px}.age-choice legend{font-weight:700;padding:0 5px}.age-choice label{display:block;margin:8px 0}.age-choice input{margin-right:8px}.notice{background:#fff8e9;border-left:4px solid #b27516;padding:14px 18px;border-radius:6px;color:#4f432f;margin:24px 0}@media(max-width:600px){.profile-fields{grid-template-columns:1fr;gap:0}}
.number-box{background:#f2f7fb;border:1px solid #dce7f1;border-radius:12px;padding:20px;margin:18px 0}.number-box input{max-width:160px}.number-box button{margin-top:9px}.number-box p{overflow-wrap:anywhere}
.button-link{display:inline-flex;align-items:center;text-decoration:none;border-radius:10px;padding:11px 17px;min-height:44px;background:var(--blue);color:#fff;font-weight:700}.button-link.secondary{background:#e8f1f9;color:var(--navy)}.video-slot{border-style:dashed;background:#f8fbfd}.contract-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 0}.contract-original{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6;background:#f7f9fc;border:1px solid #e1eaf3;border-radius:10px;padding:17px;max-height:520px;overflow:auto}.contract-columns>div:last-child{background:#eff7fd;border-radius:10px;padding:17px}.contract-columns p{font-size:14px}.portal-section details{border-top:1px solid #dce7f1;padding:17px 0}.portal-section summary{cursor:pointer;color:var(--navy);font-weight:700}.workflow-box{padding:15px;background:#f6f9fd;border-radius:10px;margin-top:12px}.workflow-box pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.workflow-box button{margin:5px}@media(max-width:750px){.contract-columns{grid-template-columns:1fr}}
.kfa-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.kfa-steps .panel{margin:0}.kfa-steps h3{margin-top:10px}.kfa-steps .status-pill{margin-top:10px}@media(max-width:750px){.kfa-steps{grid-template-columns:1fr}}

.feedback-float{position:fixed;right:18px;bottom:18px;z-index:20;background:#e9eff5;color:#35546d;border:1px solid #bbd0de;font-size:12px;box-shadow:0 5px 20px #0027772b;max-width:240px}.feedback-float:hover{background:#dcebf5}.letter-preview{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}.letter-field{border-top:1px solid #dce7f1;padding:20px 0}.letter-field h4{margin:0;color:var(--navy)}.letter-field textarea{min-height:130px}.portal-section dl{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:8px 14px;overflow-wrap:anywhere}.portal-section dt{font-weight:700}.portal-section dd{margin:0}@media(max-width:600px){.feedback-float{right:10px;bottom:10px;max-width:180px;font-size:11px;padding:8px}.portal-section dl{grid-template-columns:1fr}.portal-section dt{margin-top:10px}}
/* Rollenbereiche 0.8 */
.header-actions{margin:0;align-items:center}.entry-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.entry-card{display:block;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.entry-card:hover{border-color:#78b4db;transform:translateY(-2px)}.entry-card h2{font-size:27px;letter-spacing:-.03em}.entry-card .text-link{display:block;margin-top:20px}.check-line{display:flex;align-items:start;gap:10px;margin:20px 0}.check-line input{margin-top:5px}.referral-qr{display:block;width:240px;height:240px;max-width:100%;margin:28px 0 10px;background:white}.portal blockquote{border-left:3px solid #7da9cb;margin:20px 0;padding:8px 20px;color:#37576c;line-height:1.7}dialog{border:1px solid #bdd2e2;border-radius:20px;width:min(600px,calc(100vw - 30px));padding:28px;box-shadow:0 20px 70px #00277730}dialog::backdrop{background:#14304780}.coach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:20px 0}.coach-grid .panel{padding:20px}.coach-grid strong{display:block;font-size:32px;color:var(--navy)}.coach-nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.coach-nav a{text-decoration:none;padding:10px 14px;border-radius:9px;background:#e8f1f9;color:var(--navy);font-weight:700}.coach-nav a[aria-current=page]{background:var(--blue);color:white}.coach-record{padding:20px;border:1px solid #dce7f1;border-radius:14px;background:white;margin:14px 0}.coach-record summary{cursor:pointer;font-weight:700;color:var(--navy)}.coach-record pre{white-space:pre-wrap;overflow-wrap:anywhere}.coach-record label{display:block;margin:14px 0}.coach-record textarea{min-height:95px;font-family:inherit}.coach-record .actions{margin-bottom:14px}.admin{max-width:1200px}.coach-tag{display:inline-block;margin:5px;padding:5px 10px;border-radius:20px;background:#edf3f9;color:#45647a;font-size:12px}.coach-next{background:#f0f7fd;border-radius:10px;padding:15px}.coach-filter{max-width:500px;margin-bottom:20px}body:has(.feedback-float) main{padding-bottom:60px}@media(max-width:600px){.header-actions{gap:8px}.header-actions a{font-size:12px}.header-actions button{font-size:12px;padding:10px}.coach-nav{gap:5px}.coach-nav a{font-size:13px}.entry-cards{grid-template-columns:1fr}}

/* Eigenständiger Unternehmensauftritt */
.company-landing{max-width:1120px;margin-top:clamp(45px,8vw,105px)}.company-landing>h1{max-width:800px}.company-landing .portal-intro{max-width:800px;font-size:clamp(18px,2vw,22px)}.company-landing-cards{grid-template-columns:repeat(3,minmax(0,1fr));margin:45px 0 30px}.company-landing-cards h2{font-size:22px;margin-top:18px}.company-landing-cards .panel{box-shadow:none}.company-landing>section.panel{max-width:760px;margin:25px 0}.company-overview-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.company-form-step{margin:20px 0 30px;border:1px solid #dce7f1;border-radius:14px;padding:24px}.company-form-step summary{cursor:pointer;color:var(--navy);font-weight:700}.company-extra{margin-top:24px}.company-portal .portal-content h2{font-size:clamp(25px,3vw,34px)}.company-portal #company-search-list .form-row{padding:22px;margin:16px 0}.company-portal #company-search-list .form-row button{font-size:13px}.company-portal #company-profile-form label{display:block;margin:14px 0}@media(max-width:850px){.company-landing-cards{grid-template-columns:1fr}.company-landing{margin-top:40px}.company-form-step{padding:16px}}
.company-site{margin:12px 0 20px!important}.company-site h4{color:var(--navy);margin:0 0 10px}.choice-group{border:1px solid #dce7f1;border-radius:12px;margin:22px 0;padding:20px}.choice-group legend{color:var(--navy);font-weight:700;padding:0 6px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:12px 0 20px}.choice-grid label{display:flex!important;align-items:flex-start;gap:8px;font-size:14px}.choice-grid input{flex:none;margin-top:5px}@media(max-width:650px){.choice-grid{grid-template-columns:1fr}}

.search-saved{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:850px){.company-portal .portal-nav{flex-wrap:wrap;white-space:normal;overflow:visible}.company-portal .portal-nav a{flex:1 1 140px}}
