/* Erweiterung des bestehenden HSG-Akademie-Designs – nur für den Einstiegskurs */
.course-layout{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:calc(100vh - 84px)}
.course-sidebar{background:#10243b;color:#fff;padding:28px 20px;display:flex;flex-direction:column;gap:13px;min-width:0}
.course-back{color:#76e6dc;text-decoration:none;font-weight:700;font-size:13px;margin-bottom:14px}
.course-back:hover,.course-footer a:hover{text-decoration:underline}
.course-side-label{color:#75dfd4;letter-spacing:.13em;font-size:11px;font-weight:800}
.course-sidebar h2{font-size:21px;line-height:1.3;margin:0}.course-side-description{margin:0;color:#a9bfd1;font-size:13px}
.course-sidebar .muted{color:#b4c8d8}.small{font-size:13px}
.progress{height:9px;background:#28445a;border-radius:99px;overflow:hidden;margin-top:8px}
.progress>div{height:100%;width:0;background:#14b8ae;transition:width .25s}
.lesson-nav{display:flex;flex-direction:column;gap:5px;margin-top:12px}
.lesson-nav button{background:transparent;color:#c3d4e2;border:0;text-align:left;border-radius:10px;padding:12px 11px;font-size:13px;cursor:pointer;line-height:1.35}
.lesson-nav button:hover{background:#19394d}.lesson-nav button.active{background:#1c4855;color:#8cf4e7;font-weight:750}
.lesson-nav button.done::before{content:'✓  ';color:#5ee4c9}
.course-side-bottom{margin-top:auto;padding:18px 9px 4px;border-top:1px solid #28445a;color:#b8d1db;font-size:12px;line-height:1.6}
.retry{margin-top:9px;padding:8px 12px;border:1px solid #86dcd2;background:transparent;color:#a8f3e9;border-radius:9px;cursor:pointer}
.course-main{padding:36px clamp(20px,5vw,75px);max-width:1250px;width:100%;margin:0 auto;min-width:0}
.course-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}
.breadcrumb{color:#087e7b;text-decoration:none;font-weight:700;font-size:13px}.breadcrumb-current,.crumb-divider{color:#6a8091;font-size:13px}.crumb-divider{padding:0 8px}
.course-top .eyebrow{margin-top:15px}.pill{background:#e3f6f2;color:#077e79;border-radius:30px;padding:8px 13px;font-size:12px;font-weight:800;white-space:nowrap}
.lesson-card{background:#fff;border:1px solid #e0e7ee;border-radius:22px;padding:clamp(22px,4vw,44px);box-shadow:0 8px 35px #0b24400a}
.lesson-card.hero{background:linear-gradient(120deg,#0e2941,#145e64);color:#fff;margin-bottom:0}
.lesson-card.hero .lead{color:#d8edf0}.lesson-card.hero .eyebrow{color:#7ae9db}
.lesson-card h1{font-size:clamp(27px,4vw,42px);line-height:1.2;margin:12px 0 20px}.lesson-card p{line-height:1.7}.lead{font-size:18px;color:#506a7b}
.lesson-card .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px;margin:23px 0}
.lesson-card .tile{display:block;min-height:unset;padding:20px;background:#f0f6f8;border:1px solid #dce9ed;border-radius:14px;box-shadow:none}
.lesson-card .tile strong{display:block;font-size:18px;margin-bottom:8px}.lesson-card .tile p{margin:0;color:#50677a}
.lesson-card .formula{background:#0f2d43;color:white;padding:28px;border-radius:15px;font-size:clamp(20px,3vw,30px);text-align:center;font-weight:800;margin:24px 0}
.lesson-card .flow{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:25px 0}
.lesson-card .flow span{background:#e4f4f2;border:1px solid #bce4df;border-radius:12px;padding:17px;flex:1;min-width:120px;text-align:center;font-weight:750;color:#173e48}
.lesson-card .flow b{color:#00a39a}.lesson-card .callout{border-left:5px solid #14b8ae;background:#ecf8f6;color:#1b4c50;padding:17px 20px;border-radius:0 12px 12px 0;margin:22px 0;line-height:1.65}
.controls{display:flex;justify-content:space-between;gap:12px;margin-top:32px;flex-wrap:wrap}.controls button:disabled{opacity:.45;cursor:not-allowed}
.choice{display:block;width:100%;border:1px solid #ccd8e4;background:white;text-align:left;border-radius:12px;padding:15px 18px;margin:10px 0;cursor:pointer;color:#152640}
.choice:hover{border-color:#11a9a3}.choice.selected{border:2px solid #0caeaa;background:#effaf8}.choice.correct{border:2px solid #159a69;background:#e6f8ed}.choice.wrong{border:2px solid #d9534f;background:#fff0f0}
.feedback{padding:15px;border-radius:12px;background:#edf5f8;margin-top:16px;line-height:1.6}
.course-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:26px;color:#74889a;font-size:12px}.course-footer a{color:#078e89;text-decoration:none;font-weight:750}
.mobile-lesson-nav{display:none}.course-main .secondary{color:#19344f}
@media(max-width:960px){.course-layout{grid-template-columns:235px minmax(0,1fr)}.course-sidebar{padding:22px 12px}.course-main{padding:25px 20px}}
@media(max-width:720px){.course-layout{display:block}.course-sidebar{padding:20px}.lesson-nav{display:none}.course-side-bottom{margin-top:0}.course-main{padding:22px 16px}.course-top{align-items:flex-start;flex-wrap:wrap}.mobile-lesson-nav{display:block;margin-bottom:18px}.mobile-lesson-nav label{display:block;font-size:12px;font-weight:750;margin-bottom:8px}.mobile-lesson-nav select{width:100%;border:1px solid #c9d8e2;background:white;border-radius:10px;padding:12px;font:inherit}.lesson-card .flow b{display:none}.lesson-card{padding:24px 18px}}