:root{--navy:#1c3556;--navy2:#254568;--gold:#d8bc70;--cream:#f5f0e7;--paper:#fffdf9;--ink:#1a2a3b;--muted:#667484;--line:#e5e0d6;--green:#47745e;--red:#b75c4d;--shadow:0 10px 35px rgba(22,39,60,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app-shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}.sidebar{background:var(--navy);color:#f8f1e6;display:flex;flex-direction:column;min-height:100vh;padding:29px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:3px 8px 35px}.brand small{display:block;letter-spacing:.22em;color:var(--gold);font-size:9px;font-weight:700}.brand strong{font:24px/1.15 Georgia,serif;display:block;margin-top:4px;white-space:nowrap}.brand-mark{width:34px;height:34px;border:1px solid #bfa866;position:relative;flex:none}.brand-mark i{position:absolute;width:5px;height:43px;background:var(--gold);transform:rotate(43deg);left:17px;top:-5px}.side-label{font-size:10px;letter-spacing:.25em;color:#aebbd0;font-weight:700;padding:0 14px 12px}nav{display:grid;gap:3px}nav button{border:0;background:transparent;color:#d5deea;text-align:left;padding:10px 14px;border-radius:9px;display:flex;align-items:center;gap:12px;width:100%}nav button:hover{background:#ffffff12}nav button.active{background:#ffffff18;color:#fff;border-left:2px solid var(--gold)}.nav-icon{width:18px;text-align:center;color:var(--gold);font-size:16px}.side-bottom{margin-top:auto;border-top:1px solid #ffffff26;padding:21px 10px 3px;color:#e9edf0;font-size:12px}.side-bottom small{color:#aebbd0;margin-left:14px}.privacy-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8ac39d;margin-right:6px}.main-area{min-width:0;padding:0 42px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.topbar>div{display:flex;align-items:center;gap:18px}.pill{background:#e8e0ce;color:#6b603f;padding:5px 11px;border-radius:20px;font-size:11px;letter-spacing:.08em;font-weight:700}.plain{background:none;border:0;color:var(--navy);font-weight:650;padding:6px}.plain:hover{text-decoration:underline}#app{max-width:1250px;margin:0 auto;padding:33px 0 52px}footer{border-top:1px solid var(--line);padding:20px 0 35px;color:#85909a;font-size:11px;max-width:1250px;margin:auto}.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:800;color:#9e823f;text-transform:uppercase}.page-title{font:clamp(31px,3.3vw,46px)/1.12 Georgia,serif;color:var(--navy);margin:9px 0 10px}.lead{color:var(--muted);max-width:750px;margin:0 0 27px;font-size:15px}.hero{background:var(--navy);color:#fff;padding:32px 36px;border-radius:16px;position:relative;overflow:hidden;margin-bottom:24px;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;width:220px;height:220px;border:26px solid var(--gold);transform:rotate(45deg);right:-30px;top:-154px;opacity:.8}.hero .eyebrow{color:var(--gold)}.hero h1{font:clamp(32px,3.3vw,48px)/1.06 Georgia,serif;margin:12px 0}.hero p{color:#d7dfeb;max-width:650px;margin:0 0 21px}.hero .button{position:relative;z-index:1}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow);min-width:0}.card h2,.section-title{font:24px/1.2 Georgia,serif;color:var(--navy);margin:0 0 14px}.card h3{font:19px/1.2 Georgia,serif;color:var(--navy);margin:0 0 8px}.section-row{display:flex;align-items:center;justify-content:space-between;margin:29px 0 14px;gap:16px}.section-title{margin:0}.metric-label{text-transform:uppercase;color:#81909b;font-size:10px;letter-spacing:.17em;font-weight:800}.metric{font:clamp(25px,2.4vw,36px)/1.1 Georgia,serif;color:var(--navy);margin:11px 0 7px}.metric.gold{color:#a48133}.subtle{color:var(--muted);font-size:13px}.note{border-left:3px solid var(--gold);background:#f9f5eb;padding:13px 16px;color:#5e646b;border-radius:0 9px 9px 0;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);border:1px solid var(--gold);color:#172d46;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:750;text-decoration:none}.button:hover{filter:brightness(.96)}.button.secondary{background:#fff;border-color:#c7d0da;color:var(--navy)}.button.danger{background:#fff;border-color:#d8b7ad;color:#9a4d40}.button.small{padding:6px 10px;font-size:12px}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.field{display:grid;gap:6px;min-width:0}.field label{font-size:12px;font-weight:700;color:#4a5b6c}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd2d7;border-radius:8px;background:#fff;padding:10px 11px;color:var(--ink);min-height:42px}.field textarea{min-height:85px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #d8bc70;outline-offset:1px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-actions{display:flex;gap:10px;align-items:center;margin-top:20px;flex-wrap:wrap}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#73808e;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;border-bottom:1px solid var(--line);padding:11px 8px}td{border-bottom:1px solid #eee9df;padding:12px 8px;vertical-align:middle}tr:last-child td{border-bottom:0}.right{text-align:right}.muted{color:var(--muted)}.tag{display:inline-block;border-radius:30px;background:#eee8d9;color:#795f27;font-size:11px;padding:3px 9px;font-weight:700}.tag.green{background:#e9f2eb;color:#47745e}.tag.red{background:#f8e8e3;color:#a85345}.progress{height:8px;background:#ece7dc;border-radius:10px;overflow:hidden;margin:12px 0 5px}.progress span{display:block;background:var(--gold);height:100%;border-radius:10px}.bar-list{display:grid;gap:13px}.bar-row{display:grid;grid-template-columns:92px 1fr 82px;gap:10px;align-items:center;font-size:13px}.bar{height:9px;background:#ebe6db;border-radius:10px;overflow:hidden}.bar span{display:block;height:100%;border-radius:10px;background:var(--gold)}.bar-row:nth-child(2) .bar span{background:#416687}.bar-row:nth-child(3) .bar span{background:#74928a}.bar-row:nth-child(4) .bar span{background:#bc8c66}.list{display:grid;gap:11px;margin:0;padding:0;list-style:none}.list li{padding:10px 0;border-bottom:1px solid var(--line)}.list li:last-child{border-bottom:0}.notice{padding:12px 14px;border-radius:9px;background:#fff6e4;border:1px solid #e9d8b1;font-size:13px}.notice.review{background:#f0f3f7;border-color:#d8e0e8}.notice.success{background:#edf5ef;border-color:#cce4d2}.notice strong{display:block;margin-bottom:2px}.stepper{display:flex;gap:8px;margin:0 0 23px;flex-wrap:wrap}.stepper button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:7px 13px;color:#657381;font-size:12px}.stepper button.active{color:var(--navy);border-color:var(--gold);background:#f8f0db;font-weight:750}.question{border:1px solid var(--line);border-radius:10px;padding:13px 15px;margin-bottom:10px;background:#fff}.question>strong{display:block;font-size:13px;margin-bottom:9px}.choices{display:flex;gap:7px;flex-wrap:wrap}.choices label{display:flex;gap:6px;align-items:center;padding:6px 9px;border:1px solid #d6dbe0;border-radius:7px;font-size:11px;cursor:pointer}.choices label:has(input:checked){border-color:var(--gold);background:#faf3df}.goal-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.goal-head h3{margin-bottom:3px}.divider{height:1px;background:var(--line);margin:20px 0}.stack{display:grid;gap:18px}.empty{padding:25px;text-align:center;color:var(--muted);background:#fff;border:1px dashed #cfd4d9;border-radius:10px}.split{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.kpi-line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:9px 0;font-size:13px}.kpi-line:last-child{border:0}.svg-chart{width:100%;height:auto;display:block}.micro{font-size:11px;color:#87919b}#toast{position:fixed;bottom:22px;right:22px;background:var(--navy);color:#fff;padding:11px 16px;border-radius:8px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;z-index:10}#toast.show{opacity:1;transform:none}@media(max-width:1050px){.grid.four{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:relative;height:auto;min-height:0;padding:16px}.brand{padding-bottom:14px}.side-label,.side-bottom{display:none}nav{display:flex;overflow:auto;padding-bottom:3px}nav button{white-space:nowrap;width:auto;min-width:max-content;font-size:12px}.main-area{padding:0 17px}.topbar{height:62px}.topbar .pill{display:none}#app{padding-top:22px}.hero{padding:27px 23px}.grid.two,.grid.three,.grid.four,.form-grid,.form-grid.three{grid-template-columns:1fr}.bar-row{grid-template-columns:75px 1fr 62px;font-size:11px}}

.calc-tabs{display:flex;gap:8px;overflow:auto;padding:0 0 15px;margin-bottom:4px}.calc-tabs button{white-space:nowrap;border:1px solid #cdd4d9;border-radius:20px;background:#fff;color:var(--navy);padding:8px 14px;font-size:12px;font-weight:700}.calc-tabs button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.calc-results{margin-top:18px}.calc-section{margin-top:18px}.calc-note{margin-top:18px}.calc-check{display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--navy);font-size:13px;font-weight:700}.calc-check input{width:17px;height:17px;accent-color:var(--navy)}
.calc-answer{background:var(--navy);color:#fff;border-radius:14px;padding:24px 28px;margin-top:18px;box-shadow:var(--shadow)}.calc-answer .metric-label{color:var(--gold)}.calc-answer .metric{color:#fff;font-size:clamp(30px,4vw,48px)}.calc-answer .calc-unit{font:18px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#d9e2ed}.calc-answer>div:last-child{color:#d9e2ed;font-size:13px}
.hero .button+.button{margin-left:8px}.roadmap-teaser{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.roadmap-teaser h2{margin:6px 0}.roadmap-teaser p{margin:0;color:var(--muted)}.roadmap-answer{background:var(--navy);color:#fff;border-radius:14px;padding:24px 28px;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:var(--shadow)}.roadmap-answer .metric-label{color:var(--gold)}.roadmap-answer .metric{color:#fff;font-size:clamp(30px,4vw,48px)}.roadmap-answer p{margin:4px 0 0;color:#d9e2ed;font-size:13px}.roadmap-answer-side{min-width:230px;display:grid;gap:10px}.roadmap-answer-side>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff38;padding-bottom:8px;font-size:13px}.roadmap-step{display:flex;align-items:flex-start;gap:14px}.roadmap-step h3{margin:0 0 5px}.roadmap-step p{margin:0 0 10px}.step-number{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy);font-weight:800;font-size:12px}@media(max-width:720px){.roadmap-answer,.roadmap-teaser{display:block}.roadmap-answer-side{margin-top:20px}.roadmap-teaser .button{margin-top:12px}.hero .button+.button{margin-left:0;margin-top:8px}}

.one-question{max-width:710px;margin:auto}.one-question .field label{font-size:20px;font-family:Georgia,serif;color:var(--navy)}.week-picker{display:flex;gap:8px;overflow:auto;margin:0 0 20px;padding-bottom:5px}.week-picker button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:20px;padding:7px 12px;color:var(--navy)}.week-picker button.active{background:var(--navy);color:#fff}

/* Einheitliche Navigation: Haupt-OS und Mentoring im selben Produkt. */
nav a.mentor-nav-link{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border-radius:9px;color:#d5deea;text-decoration:none;font-size:14px;font-weight:650;border-top:1px solid #ffffff26;margin-top:12px}
nav a.mentor-nav-link:hover,nav a.mentor-nav-link:focus-visible{background:#ffffff16;color:white}