:root{
  --wine:#7b2432;--wine-dark:#5e1824;--petrol:#0f766e;--ink:#28222d;--muted:#6f6873;
  --paper:#fffdfa;--line:#eadde0;--soft:#fbf4f5;--green:#eaf7f2;--gold:#fff6db;
  --shadow:0 18px 50px rgba(77,38,49,.08);--radius:26px
}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fffdfb,#fff8f7);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
a{color:inherit}.ad-wrap{max-width:1240px;margin:auto;padding:34px 24px 72px}.eyebrow{font-size:.82rem;letter-spacing:.12em;font-weight:900;color:var(--wine);margin:0 0 12px;text-transform:uppercase}
.hero,.lesson-hero{background:linear-gradient(135deg,#fff,#fff4f1);border:1px solid var(--line);border-radius:32px;padding:44px;box-shadow:var(--shadow)}.hero h1,.lesson-hero h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.02;margin:0 0 18px;letter-spacing:-.04em}.hero p,.lesson-hero p{font-size:1.1rem;line-height:1.7;color:var(--muted);max-width:850px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-actions a,.lesson-nav a,.hub-card a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--wine);color:#fff;padding:13px 19px;border-radius:999px;font-weight:850}.hero-actions .secondary{background:#fff;color:var(--wine);border:1px solid var(--line)}
.routes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 48px}.routes article,.lesson-summary article,.section-card,.hub-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.routes article{padding:24px}.routes strong{display:block;font-size:1.04rem;margin-bottom:8px}.routes span{display:block;color:var(--muted);line-height:1.55}
.back{display:inline-block;margin:0 0 16px;color:var(--wine);font-weight:800;text-decoration:none}.lesson-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.lesson-summary article{padding:26px;display:flex;gap:16px}.summary-icon{font-size:1.8rem}.lesson-summary h2,.section-card h2{margin:0 0 8px;font-size:1.25rem}.lesson-summary p,.section-card p{color:var(--muted);line-height:1.6;margin:0}
.section-card{padding:28px;margin:18px 0}.section-kicker{font-size:.78rem;font-weight:900;letter-spacing:.12em;color:var(--wine);margin-bottom:18px}.video-frame{aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#161218}.video-frame iframe{border:0;width:100%;height:100%}.video-placeholder{min-height:320px;border-radius:22px;background:linear-gradient(135deg,var(--wine-dark),#9e5260);color:#fff;display:flex;align-items:center;justify-content:center;gap:24px;padding:38px}.video-symbol{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.14);font-size:2rem;padding-left:5px}.video-placeholder h2{font-size:1.7rem;margin:0 0 8px}.video-placeholder p{color:#fff;opacity:.9;max-width:700px}
.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.resource-grid .section-card{margin:0}.resource-icon{font-size:2rem;display:block;margin-bottom:14px}.status{display:inline-block;margin-top:18px;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:850}.status.pending{background:var(--gold);color:#8b6112}
.lesson-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.lesson-nav>div:last-child{text-align:right}.lesson-nav a{background:#fff;color:var(--wine);border:1px solid var(--line)}.lesson-nav .next{background:var(--wine);color:#fff;border-color:var(--wine)}
.guides-section{margin:54px 0}.section-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:28px;align-items:end;margin-bottom:20px}.section-head h2{font-size:2.2rem;margin:0}.section-head>p{color:var(--muted);line-height:1.6}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hub-card{padding:24px}.hub-card h3{font-size:1.25rem;margin:14px 0 8px}.hub-card p{color:var(--muted);line-height:1.55;min-height:72px}.hub-badge{font-size:.72rem;font-weight:900;letter-spacing:.08em;background:var(--green);color:var(--petrol);padding:7px 10px;border-radius:999px}.hub-video-state{margin:18px 0;color:var(--muted);font-size:.9rem}.hub-card a{font-size:.9rem;padding:10px 14px}
.level{margin:44px 0}.level-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}.level-heading h2{font-size:2rem;margin:0}.level-heading span{font-weight:800;color:var(--muted)}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lesson-card{text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(77,38,49,.05);transition:.18s ease}.lesson-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.lesson-card strong{display:block;font-size:1.05rem;line-height:1.4;margin:12px 0 20px}.level-pill{display:inline-block;background:var(--soft);color:var(--wine);padding:6px 9px;border-radius:999px;font-size:.72rem;font-weight:900}.video-state{font-size:.84rem;color:var(--muted)}
@media(max-width:900px){.routes,.lesson-summary,.resource-grid,.section-head{grid-template-columns:1fr}.hub-grid,.lesson-grid{grid-template-columns:1fr 1fr}.hero,.lesson-hero{padding:30px}.video-placeholder{min-height:250px;align-items:flex-start}.section-head{gap:4px}}
@media(max-width:620px){.ad-wrap{padding:20px 14px 48px}.hub-grid,.lesson-grid{grid-template-columns:1fr}.hero h1,.lesson-hero h1{font-size:2.35rem}.hero,.lesson-hero{padding:25px;border-radius:24px}.lesson-summary article,.section-card{padding:22px}.video-placeholder{display:block}.video-symbol{margin-bottom:20px}.lesson-nav{grid-template-columns:1fr}.lesson-nav>div:last-child{text-align:left}.lesson-nav a{width:100%}}

/* Phase 4 · clear learning-path orientation */
.lesson-position{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.lesson-code{display:inline-flex;align-items:center;justify-content:center;background:var(--wine);color:#fff;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:950;letter-spacing:.06em}
.lesson-current{color:var(--muted);font-size:.86rem;font-weight:800}
.lesson-nav{align-items:stretch;margin-top:30px}
.lesson-nav .nav-slot{min-width:0}
.lesson-nav .lesson-nav-card{width:100%;min-height:112px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;border-radius:24px;padding:20px 22px;text-align:left;line-height:1.25;white-space:normal}
.lesson-nav .nav-next .lesson-nav-card{align-items:flex-end;text-align:right}
.lesson-nav .nav-direction{font-size:.82rem;font-weight:900;opacity:.82;letter-spacing:.02em}
.lesson-nav .lesson-nav-card strong{font-size:1rem;max-width:100%;overflow-wrap:anywhere}
.lesson-nav .next .nav-direction{color:rgba(255,255,255,.85)}
.lesson-nav .route-back{background:#fff;color:var(--wine)}
@media(max-width:620px){
  .lesson-nav .lesson-nav-card{min-height:auto;padding:18px 19px}
  .lesson-nav .nav-next .lesson-nav-card{align-items:flex-start;text-align:left}
}


/* Phase 5 · complete A0–C2 academy skeleton */
.academy-statline{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 0}
.academy-statline span{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:var(--muted);font-size:.88rem}
.academy-statline strong{color:var(--wine)}
.section-head.compact{align-items:center}
.level-map{margin:50px 0 58px}
.level-map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.level-map-card{position:relative;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 10px 30px rgba(77,38,49,.05);min-height:205px;transition:.18s ease;overflow:hidden}
.level-map-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.level-map-card:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--wine)}
.level-map-card.level-a0:before{background:#0f766e}.level-map-card.level-a1:before{background:#1565c0}.level-map-card.level-a1plus:before{background:#6a1b9a}.level-map-card.level-a2:before{background:#2e7d32}.level-map-card.level-b1:before{background:#1565c0}.level-map-card.level-b2:before{background:#6a1b9a}.level-map-card.level-c1:before{background:#c62828}.level-map-card.level-c2:before{background:#37474f}
.level-big{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:38px;padding:0 12px;border-radius:999px;background:var(--soft);color:var(--wine);font-size:.88rem;font-weight:950;margin-bottom:18px}
.level-map-card strong{display:block;font-size:1.12rem;margin-bottom:8px}.level-map-card p{color:var(--muted);line-height:1.5;margin:0 0 14px;font-size:.91rem}.level-map-card small{font-weight:900;color:var(--wine)}
.level-heading{align-items:center;gap:22px}
.level-title-row{display:flex;align-items:center;gap:16px}.level-round{display:grid;place-items:center;min-width:62px;height:62px;border-radius:20px;background:var(--wine);color:#fff;font-size:1rem;font-weight:950}.level-title-row h2{font-size:1.7rem;margin:0 0 3px}.level-title-row p{margin:0;color:var(--muted);line-height:1.45;max-width:700px}
.level-count{display:grid;text-align:right;min-width:100px}.level-count strong{font-size:1.55rem;color:var(--wine);line-height:1}.level-count span{font-size:.82rem;font-weight:800;color:var(--muted)}.level-count small{font-size:.73rem;color:var(--petrol);margin-top:5px;font-weight:800}
.lesson-card{display:flex;flex-direction:column;min-height:235px}
.lesson-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.lesson-index{font-size:.76rem;color:var(--muted);font-weight:800}
.lesson-card strong{margin:14px 0 10px}.lesson-goal{display:block;color:var(--muted);font-size:.88rem;line-height:1.5;flex:1;margin-bottom:18px}.video-state{margin-top:auto}
.lesson-content-preview h2{font-size:1.4rem;margin:0 0 10px}.lesson-content-preview p{font-size:1rem;line-height:1.72;color:var(--ink);max-width:1000px}
.lesson-current{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 10px}
@media(max-width:1000px){.level-map-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){
  .level-map-grid{grid-template-columns:1fr}
  .level-heading{align-items:flex-start}.level-title-row{align-items:flex-start}.level-round{min-width:52px;height:52px;border-radius:17px}.level-count{display:none}
  .lesson-card{min-height:auto}
  .academy-statline{gap:7px}.academy-statline span{font-size:.79rem}
}


/* Phase 6 · Lernzentrum bridge + local academy progress */
.academy-bridge,.lesson-progress-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:22px 0;padding:24px 26px;background:linear-gradient(135deg,#f0fbf8,#fff);border:1px solid #cce7df;border-radius:24px;box-shadow:0 12px 34px rgba(15,118,110,.08)}
.academy-bridge[hidden]{display:none}.academy-bridge h2,.lesson-progress-card h2{margin:4px 0 7px;font-size:1.35rem}.academy-bridge p,.lesson-progress-card p{margin:0;color:var(--muted);line-height:1.55}.bridge-kicker{font-size:.72rem;font-weight:950;letter-spacing:.11em;color:var(--petrol)}
.academy-bridge a,.lesson-progress-card button{flex:0 0 auto;border:0;border-radius:999px;background:var(--petrol);color:#fff;padding:12px 18px;text-decoration:none;font-weight:900;cursor:pointer;font:inherit}.lesson-progress-card button.is-done{background:#1f7a50}
.academy-complete-state{display:block;min-height:20px;margin-top:9px;font-size:.78rem;font-weight:900;color:var(--petrol)}.academy-complete-state.is-done{background:#eaf7f2;border-radius:999px;padding:5px 9px;width:max-content}
@media(max-width:620px){.academy-bridge,.lesson-progress-card{display:block}.academy-bridge a,.lesson-progress-card button{display:inline-flex;margin-top:16px;width:100%;justify-content:center}}

/* Fix · Niveau-Kürzel: hoher Kontrast auf Bordeaux */
.level-title-row .level-round{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
  font-weight:950 !important;
}