:root{--navy:#193e61;--ink:#20354e;--muted:#61768c;--line:#dce6f0;--o:#2567bb;--m:#a75d00;--s:#08786d;--e:#7746b4;--blue:#eaf3ff;--yellow:#fff1d3;--teal:#e4f6f0;--purple:#f1eafb}*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#f1f5fc}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #e8a529;outline-offset:3px}h1,h2,h3{line-height:1.2}h1{font-size:clamp(28px,3.3vw,43px);letter-spacing:-.025em;margin:10px 0 15px}h2{font-size:25px;letter-spacing:-.015em}h3{font-size:19px}a{color:#216594}header{background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;gap:12px}header strong{font-size:22px}header small{display:block;color:#ffe0a5;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 84px)}nav{background:var(--navy);color:white;padding:18px 12px;position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto}nav button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;color:#dfebf7;border:0;border-radius:12px;padding:12px;font-size:13px;margin:4px 0}nav button.active{background:#ffffff22;box-shadow:inset 3px 0 #fac25b}nav button:hover{background:#ffffff15}.navnum{border-radius:8px;background:#ffffff12;color:#ffe0a5;font-weight:800;display:grid;place-items:center;min-width:29px;height:29px}nav small{display:block;color:#b9cfe3;font-size:10px}main{width:100%;max-width:1200px;padding:26px 32px 70px;min-width:0}.btn{border:0;border-radius:10px;background:var(--navy);color:white;font-size:14px;font-weight:700;padding:10px 15px;text-decoration:none;display:inline-block}.btn.alt{background:white;border:1px solid #c4d4e5;color:var(--navy)}.btn.gold{background:#f6bd55;color:#193e61}.btn.danger{background:#fff0ee;color:#9a3931;border:1px solid #e7b5af}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:16px 0}.card{border:1px solid var(--line);background:white;border-radius:18px;padding:23px;margin:18px 0;box-shadow:0 7px 24px #173f5f07}.card>h2:first-child,.card>h3:first-child{margin-top:0}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#377a9e}.fine{font-size:13px;color:var(--muted)}.note{padding:15px 18px;background:#fff5df;border-left:4px solid #edb54a;border-radius:10px;font-size:14px}.pill{border-radius:25px;display:inline-block;background:#e8f0f9;color:#275779;font-size:11px;font-weight:750;padding:4px 10px;margin:3px}.hero{overflow:hidden;background:var(--navy);border-radius:22px;color:white;box-shadow:0 14px 30px #173f5f12}.hero img{display:block;width:100%;height:205px;object-fit:cover}.hero-inner{padding:23px 28px;background:linear-gradient(120deg,#193e61,#236789)}.hero-inner p{color:#e0edf6;max-width:740px}.hero .eyebrow{color:#ffdd97}.hero .pill{background:#ffffff16;color:white}.hero .btn.alt{background:#ffffff10;color:white;border-color:#ffffff40}.journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.module-tile{text-align:left;display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-top:5px solid var(--accent);border-radius:16px;overflow:hidden;min-width:0;transition:transform .15s}.module-tile:hover{transform:translateY(-3px)}.tile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--wash);padding:15px}.tile-top b{font-size:23px;color:var(--accent)}.art{width:85px;height:60px}.art svg{width:100%;height:100%}.tile-body{padding:17px;flex:1;display:flex;flex-direction:column}.tile-body strong{font-size:18px;line-height:1.3}.tile-body p{font-size:12px;color:var(--muted)}.tile-body small{margin-top:auto;color:var(--accent);font-weight:750;font-size:11px}.progress{background:#e9eff5;height:5px;border-radius:20px;overflow:hidden;margin:12px 0}.progress i{height:100%;display:block;background:#299b87}.module-banner{border-radius:19px;background:linear-gradient(120deg,#193e61,#286b91);color:white;padding:23px 26px;position:relative}.module-banner .eyebrow{color:#ffdda0}.module-banner h1{padding-right:95px;font-size:32px}.module-banner .art{position:absolute;right:20px;top:20px;background:white;border-radius:13px;padding:7px;width:90px;height:70px}.module-banner p{font-size:14px;color:#deecf7}.steps{display:flex;gap:8px;overflow-x:auto;padding:15px 0}.steps button{border:1px solid #d5e1ee;background:white;color:#36526f;border-radius:10px;padding:9px 12px;white-space:nowrap;font-size:12px}.steps button.active{background:var(--navy);color:white}.learn{background:#edf5fe;border-color:#ccdef1}.legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.stage{padding:13px;border:1px solid var(--border);background:var(--bg);color:var(--color);border-radius:12px;font-size:12px}.stage b{display:block;font-size:15px}.o{--color:var(--o);--bg:var(--blue);--border:#bed8fc}.m{--color:var(--m);--bg:var(--yellow);--border:#f1d08f}.s{--color:var(--s);--bg:var(--teal);--border:#afdccf}.e{--color:var(--e);--bg:var(--purple);--border:#d4c2ef}.model{padding:13px 16px;background:var(--bg);border-left:5px solid var(--color);border-radius:10px;margin:8px 0}.model b{display:block;font-size:11px;color:var(--color);text-transform:uppercase}.task-title{display:flex;gap:12px;justify-content:space-between;align-items:start}.task-title h2{margin:8px 0}.task-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.task-meta span{background:#eef3fb;border-radius:8px;padding:5px 9px;font-size:12px;font-weight:650}.task-meta span:first-child{background:#fff0cc;color:#885500}.assignment{padding:17px;background:#f3f7fc;border-radius:12px;border-left:4px solid #70a5cb}.assignment b{display:block}.reference{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.reference button{border:1px solid #e9cd91;background:#fff8e8;color:#805c11;border-radius:8px;font-size:12px;padding:6px 10px}.field{display:block;font-size:14px;font-weight:700;margin:19px 0 8px}textarea{width:100%;padding:14px;line-height:1.7;min-height:170px;border:1px solid #b9cde0;background:#fcfdff;border-radius:12px;resize:vertical;color:var(--ink)}input:not([type=checkbox]):not([type=radio]),select{padding:10px;border:1px solid #b9cde0;border-radius:8px;max-width:100%;background:white;color:var(--ink)}.fieldbox{background:var(--bg);border:1px solid var(--border);padding:12px;border-radius:13px;margin:16px 0}.fieldbox .field{color:var(--color);margin-top:3px}.count{text-align:right;font-size:11px;color:var(--muted)}.check{display:flex;gap:9px;align-items:start;font-size:14px;margin:9px 0}.check input{margin-top:6px}.quiz label{display:block;padding:12px;border:1px solid var(--line);border-radius:10px;margin:8px 0}.quiz label:has(input:checked){background:#edf5ff;border-color:#7fa7d8}.feedback{border-radius:13px;background:#edf7f1;border:1px solid #c7e4d3;padding:17px;margin:15px 0;font-size:14px}.feedback.warning{background:#fff7e5;border-color:#eed599}.feedback h3{margin-top:0}.feedback blockquote{margin:10px 0;padding-left:14px;border-left:3px solid #80ab9a;font-style:italic;white-space:pre-wrap}.feedback p{white-space:pre-line}.revision{background:#f3eefa;border:1px solid #d9c8ee;border-radius:12px;padding:15px;font-size:13px}.solution{white-space:pre-line;background:#eaf6ee;border-left:4px solid #258368;border-radius:10px;padding:17px;margin:15px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#eef4fa}.release input{width:20px;height:20px}.login{max-width:1050px;margin:40px auto;display:grid;grid-template-columns:1.1fr 1fr;background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 15px 60px #173f5f16}.login-photo{background:var(--navy);color:white}.login-photo img{width:100%;height:260px;object-fit:cover}.login-photo>div{padding:28px}.login-form{padding:35px}.login-form input{width:100%}.statusbar{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:15px 0}.inkpad{width:100%;height:210px;touch-action:none;border:1px solid #b9cde0;border-radius:10px;background:repeating-linear-gradient(white 0,white 29px,#dce5ed 30px)}details{margin:10px 0}summary{cursor:pointer;font-weight:650}dialog{border:0;border-radius:18px;padding:25px;max-width:780px;width:94%;max-height:88vh;box-shadow:0 15px 90px #0004}dialog::backdrop{background:#173f5f88}.rule{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.rule b{display:block;color:#226d7a}#toast{display:none;position:fixed;left:50%;top:16px;transform:translateX(-50%);background:#173f5f;color:white;padding:12px 19px;border-radius:11px;z-index:100;max-width:90%;font-size:14px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:200}.timer{font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap}.timer button{border:1px solid #a8bdcf;background:white;border-radius:7px;padding:4px 8px}.empty{padding:30px;text-align:center;color:var(--muted)}.pill.good{background:#e2f3e9;color:#257252}.pill.warn{background:#fff2d8;color:#8c5908}.teacher-nav{display:flex;gap:8px;flex-wrap:wrap}.teacher-nav button{border:1px solid #cad8e7;background:white;border-radius:9px;padding:9px 14px;font-size:13px}.teacher-nav button.active{background:#193e61;color:white}.paperhint{border:1px dashed #adc7dd;padding:13px;border-radius:10px;font-size:13px}.bad{color:#a1342c}.tabnum{font-size:12px;color:#66809a}footer{font-size:11px;color:var(--muted);margin-top:32px}.versionrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.versionrow select{font-size:12px;padding:5px}.task-visual{width:70px;height:50px;float:right}.task-visual svg{width:100%;height:100%}
@media(max-width:1100px){.journey{grid-template-columns:1fr 1fr}.layout{grid-template-columns:210px 1fr}main{padding:23px}.legend{grid-template-columns:repeat(2,1fr)}}@media(max-width:740px){header{padding:14px 17px}header strong{font-size:19px}header>div:last-child{font-size:12px}.layout{display:block}nav{position:static;display:flex;overflow-x:auto;max-height:none;gap:5px;padding:8px}nav button{min-width:155px;width:155px;flex-shrink:0;padding:9px;font-size:11px;margin:0}.navnum{min-width:25px;height:25px}nav small{font-size:9px}main{padding:16px 13px 60px}.login{display:block;margin:15px}.login-photo img{height:150px}.login-photo>div{padding:20px}.login-photo h1{font-size:29px}.login-form{padding:24px}.hero img{height:150px}.hero-inner{padding:21px}.hero-inner h1{font-size:31px}.journey{gap:10px}.tile-top{padding:12px}.tile-body{padding:13px}.tile-body strong{font-size:16px}.art{width:65px;height:50px}.module-banner{padding:20px}.module-banner h1{font-size:27px;padding-right:65px}.module-banner .art{width:65px;height:52px;right:14px;top:16px}.grid{grid-template-columns:1fr}.card{padding:18px}.task-title{display:block}.task-meta{gap:5px}.task-meta span{font-size:11px}.legend{gap:8px}.stage{padding:10px}.teacher-nav{gap:6px}.teacher-nav button{font-size:12px;padding:8px 10px}dialog{padding:20px}}@media(max-width:370px){.journey{grid-template-columns:1fr}}@media print{nav,header,.actions,.steps,.reference,.timer,.teacher-nav{display:none!important}main{padding:0;max-width:none}.layout{display:block}body{background:white}.card{box-shadow:none;border:0}textarea{display:none}.hero img{display:none}}

.material-inline,.hintsteps,.extension{margin:16px 0;padding:14px;border:1px solid #c5d8ea;border-radius:12px;background:#f8fbff}.extension{border-color:#c9b1e6;background:#faf7ff}.plain-functions .model,.plain-functions .stage,.plain-functions .fieldbox{background:#f6f8fa!important;border-color:#b6c3ce!important;color:#263d50!important}.plain-functions .stage b{color:#263d50!important}.solution{overflow-wrap:anywhere}.solution h3{white-space:normal}.hintsteps [hidden]{display:none!important}
/* 7.1.1: Ein vertikaler Seitenfluss, keine Scrollfalle im Seitenmenü. */
html{min-height:100%;height:auto;overflow-y:auto;scroll-padding-block:16px}body{min-height:100%;height:auto;overflow:visible}.layout{height:auto;max-height:none;min-height:0;align-items:start}nav{position:static;max-height:none;height:auto;overflow:visible;align-self:stretch}main{height:auto;max-height:none;overflow:visible;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}header{flex-wrap:wrap}header>div{min-width:0;overflow-wrap:anywhere}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid>div{min-width:0;overflow-wrap:anywhere}.card,.material-inline,.hintsteps,.extension{min-width:0;overflow-wrap:anywhere}dialog{overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}dialog[open]{position:fixed;inset:16px 0;margin:auto}dialog .actions:last-child{padding-bottom:8px}
@media(max-width:740px){nav{align-self:auto;overflow-x:auto;overflow-y:hidden;max-height:none;min-height:0;touch-action:pan-x pan-y}.grid{grid-template-columns:minmax(0,1fr)}header>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}dialog{width:calc(100% - 24px);padding:18px}}
@media print{nav{display:none!important}main{padding-bottom:0}dialog[open]{position:static;max-height:none;overflow:visible}}
.account-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}.account-controls>span{overflow-wrap:anywhere}.role-picker{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.role-picker .btn{flex:1;min-width:130px}@media(max-width:740px){.account-controls{justify-content:flex-start;width:100%}}
/* 7.3: Lernweg zuerst; pro Ansicht eine Arbeitsphase. */
.brand-home{border:0;padding:0;background:transparent;color:white;text-align:left;font-weight:800;font-size:23px;line-height:1.2}.brand-home span{display:block;font-size:13px;font-weight:500;margin-top:5px}.navigation{margin:0;background:var(--navy)}.navigation>summary{display:none}.course-overview>h1{font-size:33px}.course-overview>p{max-width:780px}.path-list{display:flex;flex-direction:column;gap:9px;margin:24px 0}.path-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;text-align:left;background:white;border:1px solid #d1deea;border-left:5px solid var(--accent);border-radius:12px;padding:13px 16px;color:var(--ink)}.path-number{display:grid;place-items:center;background:var(--wash);color:var(--accent);width:38px;height:38px;border-radius:10px;font-size:20px}.path-item strong{font-size:18px;display:block}.path-item small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.path-meta{font-size:11px;color:var(--muted);text-align:right}.module-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:12px;gap:8px}.module-banner{padding:15px 20px}.module-banner h1{padding-right:0;font-size:27px;margin:4px 0}.phase-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.phase-tabs button{padding:9px 11px;border:1px solid #c8d7e6;background:white;color:var(--navy);border-radius:9px;font-size:12px}.phase-tabs button.active{background:var(--navy);color:white}.phase-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.phase-cards button{display:flex;align-items:center;gap:12px;background:#f6f9fe;border:1px solid #cbdaeb;border-radius:11px;text-align:left;padding:15px;color:var(--ink)}.phase-cards button>b{color:#267b99;font-size:23px}.phase-cards button strong,.phase-cards button small{display:block}.phase-cards button small{font-size:12px;color:var(--muted)}.inline-link{border:0;background:transparent;padding:0;color:#185f8b;text-decoration:underline;font:inherit;text-align:left;cursor:pointer}.assignment-links{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.check-choice{display:block;margin:12px 0;padding:14px;border:1px solid #cad8e7;border-radius:10px;background:#f8fafe;font-size:14px}.check-choice:has(input:checked){border-color:#267b99;background:#e9f5ff}.check-choice input{margin-right:7px}.check-choice.correct-choice{background:#e5f6eb;border-color:#62a383}.revision>summary{font-size:13px}
@media(max-width:740px){.navigation{border-radius:0;background:#e4edf8}.navigation>summary{display:block;padding:12px 16px;color:var(--navy);font-size:13px}.navigation nav{flex-wrap:wrap;overflow:visible;gap:5px}.navigation nav button{width:calc(50% - 5px);min-width:0}.course-overview>h1{font-size:27px}.path-item{grid-template-columns:32px minmax(0,1fr) auto;padding:11px 10px;gap:9px}.path-number{width:30px;height:30px;font-size:17px}.path-item strong{font-size:15px}.path-item small{font-size:11px}.path-meta{font-size:10px}.phase-cards{grid-template-columns:1fr}.phase-cards button{padding:12px}.phase-tabs{gap:5px}.phase-tabs button{padding:8px;font-size:11px}.module-banner h1{font-size:23px}.brand-home{font-size:21px}}

/* 7.4 · Klarheit auf einen Blick */
.lead{font-size:18px;max-width:780px}
h2.sec{font-size:20px;margin:30px 0 10px}
.next-up{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--navy);color:#fff;border-radius:18px;padding:20px 24px;margin:20px 0;box-shadow:0 10px 26px #173f5f22}
.next-up small{display:block;color:#ffdc96;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}
.next-up strong{display:block;font-size:22px;margin:3px 0}.next-up span{color:#dbe8f5;font-size:14px}
.btn.big{font-size:16px;padding:13px 20px}
.howto{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;counter-reset:h}
.howto li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px 14px 52px;position:relative;counter-increment:h}
.howto li:before{content:counter(h);position:absolute;left:14px;top:14px;width:28px;height:28px;border-radius:50%;background:#f6bd55;color:var(--navy);font-weight:800;display:grid;place-items:center}
.howto strong{display:block}.howto span{font-size:13px;color:var(--muted)}
.path-item .bar{display:block;height:6px;background:#e6edf5;border-radius:4px;margin-top:8px;max-width:260px;overflow:hidden}
.path-item .bar i{display:block;height:100%;background:var(--accent)}
.path-item.locked{opacity:.65}
.module-banner small{display:block;color:#ffdc96;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;margin-bottom:4px}
.glance .situation{font-size:16px}
.glance .product{background:#eaf3ff;border-left:5px solid var(--o);padding:12px 16px;border-radius:10px;font-weight:700}
.dodont{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.dodont>div{border-radius:14px;padding:6px 18px 10px}
.dodont .do{background:#e6f6ee;border:1px solid #b6e0c9}.dodont .dont{background:#fdecec;border:1px solid #f1c1c1}
.dodont h3{margin:12px 0 6px;font-size:17px}.dodont .do h3{color:#11704a}.dodont .dont h3{color:#a33b3b}
.dodont ul{margin:0;padding-left:20px}.dodont li{margin:5px 0}
.timeline{list-style:none;padding:0;margin:8px 0 0;border-left:3px solid var(--line)}
.timeline li{display:flex;gap:14px;align-items:baseline;padding:6px 0 6px 16px;position:relative}
.timeline li:before{content:"";position:absolute;left:-8px;top:13px;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid #9fb6cc}
.timeline li.done:before{background:#2a9d6f;border-color:#2a9d6f}
.timeline b{min-width:62px;font-size:14px;color:var(--muted)}.timeline small{display:block;color:var(--muted);font-size:12px}
.timeline em{color:#2a9d6f;font-style:normal;font-weight:800}
.learn h3{margin:22px 0 6px}.learn ul,.learn ol{padding-left:22px}.learn li{margin:6px 0}
.merke{background:#fff5df;border-left:5px solid #edb54a;border-radius:10px;padding:13px 16px;margin-top:20px}
.task .assignment{display:block;background:#eaf3ff;border-left:5px solid var(--o);border-radius:12px;padding:15px 18px;font-size:17px;margin:14px 0}
.task .assignment b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--o);margin-bottom:4px}
.howwork{font-size:14px;color:var(--ink)}
.task-meta span{margin-right:6px}
.donewhen{background:#f4f8f2;border:1px solid #cfe5c6;border-radius:12px;padding:6px 16px 10px;margin:16px 0}
.donewhen h3{font-size:16px;margin:10px 0 4px;color:#2e6a2a}
.check.finish{background:#fff8e6;border-radius:10px;padding:10px 12px;font-weight:700}
.steps button.done{border-color:#7cc2a1;color:#1f7a55}
.gloss{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:18px}
.gloss-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px}
.gloss-item h3{margin:2px 0 6px;font-size:17px;color:var(--navy)}.gloss-item p{margin:6px 0;font-size:14px}
.gloss-item .ex{color:#386b8f;font-style:italic}
@media(max-width:740px){.dodont{grid-template-columns:1fr}.next-up{flex-direction:column;align-items:flex-start}.timeline b{min-width:52px}}
@media print{.next-up,.howto{display:none}}

/* 8.0 · einheitliche Funktionsfarben, ruhigere Module */
:root{--o:#2567bb;--m:#b45f06;--s:#0b7a6c;--e:#7a45b8}
.fn{font-weight:800;padding:1px 7px;border-radius:6px;white-space:nowrap}
.fn.o{background:#e7f0fc;color:var(--o)}.fn.m{background:#fff0dc;color:var(--m)}.fn.s{background:#e1f5f1;color:var(--s)}.fn.e{background:#f1e9fb;color:var(--e)}
.plain-functions .fn{background:none}
header{padding:12px 24px}.brand-home span{display:block;font-size:12px;font-weight:600;color:#ffdc96}
.netstate{background:#fdecec;color:#a33b3b;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:800}
.needs{background:#f4f6f9;border:1px solid var(--line);border-radius:14px;padding:4px 18px 8px;margin:14px 0}
.needs h3{font-size:16px;margin:10px 0 4px;color:#3d5a78}.needs ul{margin:0;padding-left:20px}
.cando{background:#f8f5ff;border:1px solid #e3d8f6;border-radius:14px;padding:4px 16px 10px;margin:16px 0}
.cando h3{font-size:16px;margin:10px 0 4px;color:var(--e)}.cando small{margin-left:auto;color:var(--muted);padding-left:10px}
.cando .check{display:flex;gap:8px;align-items:flex-start}
.plus{background:#fff8e6;border:1px dashed #edb54a;border-radius:12px;padding:10px 14px;margin:14px 0}
.takeaway{border-left:5px solid #edb54a}.takeaway h2{color:#8a5a00}
.score{font-size:22px;font-weight:800;color:var(--navy)}
.exititem{border:1px solid var(--line);border-radius:12px;padding:8px 14px;margin:10px 0}.exititem legend{font-weight:700;padding:0 4px}
.markline{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;margin:6px 0;font-size:15px}
.markline.o{border-left:6px solid var(--o);background:#f2f7fd}.markline.m{border-left:6px solid var(--m);background:#fff7ec}.markline.s{border-left:6px solid var(--s);background:#eefaf7}.markline.e{border-left:6px solid var(--e);background:#f7f2fd}
.markline b{margin-right:6px}
details.ink>summary{font-size:13px;font-weight:600;color:var(--muted);border:0;background:none;padding:2px 0}
@media(max-width:740px){.phase-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}.phase-tabs button{flex:0 0 auto}.steps{flex-wrap:nowrap;overflow-x:auto}header{padding:10px 14px}}

.explain{margin:.4rem 0 1rem;padding:.6rem .9rem;border-left:4px solid #b08a2e;background:#fbf7ec;border-radius:6px}.explain dt{font-weight:700;margin-top:.4rem}.explain dd{margin:0 0 .2rem}

/* 8.2 · Akten-Look */
.home .hello{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.home .hello small{font-size:15px;color:#5f6f82;font-weight:600}
.home .hello h1{margin:2px 0 8px}
.counter{flex:none;background:#fff;border:2px solid #f2c14e;border-radius:18px;padding:10px 16px;text-align:center;min-width:110px}
.counter b{display:block;font-size:34px;line-height:1;color:#a8740f}.counter span{font-size:12px;color:#5b3a04;font-weight:700}
.teaser{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:18px;align-items:center;width:100%;text-align:left;border:0;border-radius:22px;background:var(--w);color:var(--k);padding:18px 22px;margin:18px 0 6px;box-shadow:0 10px 26px #173f5f14;transition:transform .15s}
.teaser:hover{transform:translateY(-2px)}
.teaser-art svg,.banner-art svg,.akte-art svg{width:100%;height:auto;display:block}
.teaser-text small{display:block;font-size:13px;font-weight:700;color:var(--h);margin-bottom:6px}
.teaser-text strong{display:block;font-size:clamp(20px,2.4vw,27px);line-height:1.25;letter-spacing:-.01em}
.teaser-cta{display:inline-block;margin-top:14px;background:var(--h);color:#fff;font-weight:800;font-size:14px;border-radius:12px;padding:10px 16px}
.akten{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.akte{position:relative;display:flex;flex-direction:column;gap:6px;text-align:left;background:#fff;border:2px solid var(--w);border-top:8px solid var(--h);border-radius:6px 18px 18px 18px;padding:26px 14px 14px;color:#20354e;min-height:250px;transition:transform .15s,box-shadow .15s;overflow:hidden}
.akte:hover{transform:translateY(-3px);box-shadow:0 12px 24px #173f5f18}
.akte .tab{position:absolute;top:0;left:12px;background:var(--h);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:0 0 9px 9px;padding:2px 10px}
.akte-art{background:var(--w);border-radius:12px;padding:6px 10px;display:block;min-height:90px}
.akte strong{font-size:17px;color:var(--k)}.akte small{font-size:13px;color:#4f6276;line-height:1.4}
.akte .bar{margin-top:auto}.akte .bar i{background:var(--h)}.akte .meta{font-size:12px;font-weight:700;color:var(--h)}
.akte.locked{filter:grayscale(1);opacity:.6;border-style:dashed}.akte .lock{display:grid;place-items:center;height:90px;font-size:30px}
.stamp{position:absolute;top:34px;right:10px;transform:rotate(-12deg);border:3px solid #0f6e56;color:#0f6e56;font-weight:900;font-size:15px;letter-spacing:.12em;text-transform:uppercase;padding:2px 10px;border-radius:8px;background:#ffffffd9;animation:stampin .35s ease-out}
@keyframes stampin{from{transform:rotate(-12deg) scale(2.2);opacity:0}to{transform:rotate(-12deg) scale(1);opacity:1}}
.sec small{font-size:14px;color:#61768c;font-weight:600;margin-left:8px}
.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.badge{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;background:#fff;border:1px dashed #c4d4e5;border-radius:16px;padding:12px 8px;color:#8798ab}
.badge i{font-style:normal;font-size:28px;filter:grayscale(1);opacity:.5}.badge b{font-size:13px}.badge small{font-size:11px}
.badge.got{border:2px solid #f2c14e;background:#fffaf0;color:#5b3a04}.badge.got i{filter:none;opacity:1}
.howto-box{margin:22px 0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 16px}.howto-box summary{font-weight:800;cursor:pointer}
.mod .module-banner{background:var(--w);color:var(--k);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,240px);gap:18px;align-items:center;border-left:10px solid var(--h)}
.mod .module-banner small{color:var(--h);font-weight:800}.mod .module-banner h1{color:var(--k)}
.teaser-q{font-size:19px;font-weight:700;margin:6px 0 0;padding:10px 14px;background:#fff;border-radius:14px;display:inline-block;box-shadow:0 4px 12px #0000000d}
.mod .phase-tabs button.active,.mod .steps button.active{background:var(--h)!important;color:#fff!important;border-color:var(--h)!important}
.voices{margin:16px 0;display:flex;flex-direction:column;gap:10px}.voices h3{margin:0 0 4px}
.voice{display:flex;gap:10px;align-items:flex-end;max-width:640px}.voice.right{flex-direction:row-reverse;margin-left:auto}
.avatar{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff;background:#5b4fc4}
.avatar.v1{background:#c2512a}.avatar.v2{background:#0f7b6c}
.bubble{background:#fff;border:1px solid #dbe4ee;border-radius:18px 18px 18px 4px;padding:9px 14px;box-shadow:0 4px 12px #173f5f0d}
.voice.right .bubble{border-radius:18px 18px 4px 18px;background:#fffaf0;border-color:#f2dcae}
.bubble small{color:#61768c;font-size:12px}.bubble p{margin:2px 0 0;font-size:16px;font-weight:600;color:#20354e}
#cele{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:200;opacity:0;transition:opacity .2s}
#cele.show{opacity:1}
#cele .cele-in{background:#fff;border:4px solid #0f6e56;color:#0f6e56;border-radius:22px;padding:22px 30px;text-align:center;transform:rotate(-6deg) scale(.6);transition:transform .35s cubic-bezier(.2,1.6,.4,1);box-shadow:0 20px 50px #0000002e;max-width:86vw}
#cele.show .cele-in{transform:rotate(-6deg) scale(1)}
#cele .cele-icon{display:block;font-size:46px;line-height:1.1}#cele b{display:block;font-size:22px;text-transform:uppercase;letter-spacing:.06em}#cele small{display:block;color:#33506b;font-size:14px;margin-top:4px}
#cele.mini{place-items:start end;padding:80px 22px}#cele.mini .cele-in{padding:10px 18px;border-width:3px}#cele.mini .cele-icon{font-size:26px;display:inline;margin-right:6px}#cele.mini b{display:inline;font-size:17px}#cele.mini small{font-size:12px}
@media(max-width:740px){.home .hello{flex-direction:column}.counter{align-self:stretch;display:flex;align-items:center;gap:10px;justify-content:center}.counter b{display:inline;font-size:28px}.teaser{grid-template-columns:1fr;padding:16px}.teaser-art{max-width:260px}.mod .module-banner{grid-template-columns:1fr}.banner-art{max-width:240px}.akten{grid-template-columns:1fr 1fr;gap:10px}.akte{min-height:220px;padding:24px 10px 12px}.akte strong{font-size:15px}.akte small{font-size:12px}.badges{grid-template-columns:1fr 1fr 1fr}.teaser-q{font-size:17px}}
@media(max-width:400px){.akten{grid-template-columns:1fr 1fr}.badges{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.stamp,.teaser,.akte,#cele .cele-in{animation:none;transition:none}}
.teaser.next-up{display:grid;color:var(--k);background:var(--w)}.teaser.next-up strong,.teaser.next-up span{color:var(--k)}.teaser.next-up small{color:var(--h)}.teaser.next-up .teaser-cta{color:#fff}
@media(max-width:740px){.badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.badge{padding:9px 4px;border-radius:12px}.badge i{font-size:22px}.badge b{font-size:11.5px;line-height:1.25}.badge small{font-size:10px;line-height:1.25}}
@media(max-width:400px){.badges{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mod .module-banner .teaser-q{color:var(--k)}
@media(max-width:740px){.banner-art{max-width:170px;justify-self:end;margin-top:-6px}.mod .module-banner{padding:18px 18px 12px}}
.merkblatt summary{cursor:pointer;list-style:none}.merkblatt summary h2{display:inline;margin:0}.merkblatt summary::before{content:'📌 '}

.teacher-solution{margin:14px 0;padding:12px 16px;border:2px dashed #a8740f;border-radius:14px;background:#fffaf0;font-size:14px}
.solution-lock{background:#f4f6fa;border-radius:10px;padding:10px 14px}
.langcheck .lc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
.lc{border-radius:12px;padding:10px;text-align:center;display:flex;flex-direction:column;gap:2px;border:2px solid #cfe8dc;background:#effaf4}
.lc span{font-size:22px}.lc b{font-size:13px}.lc small{font-size:12px;color:#335}
.lc.warn{border-color:#f2c14e;background:#fff8e6}
.langcheck .good{color:#0f6e56;font-weight:700}
.solbox{border-top:1px solid var(--line);padding:10px 0}.solbox .solution{white-space:normal}
body.beamer .solbox{font-size:22px}body.beamer .solbox h3{font-size:28px}
@media(max-width:740px){.langcheck .lc-grid{grid-template-columns:1fr 1fr}}

.install-card{display:flex;gap:14px;align-items:center;background:#fff;border:2px solid #193e61;border-radius:18px;padding:12px 16px;margin:16px 0}
.install-card img{border-radius:12px;flex:none}.install-card p{margin:4px 0 0;font-size:14px;color:#33506b}.install-card .btn{flex:none}
@media(max-width:740px){.install-card{flex-wrap:wrap}.install-card .btn{width:100%}}

.drill{margin:14px 0;padding:14px 16px;border-radius:16px;background:var(--w,#eef4fb);border:1px solid #d6e2ee}
.drill-intro{font-weight:700;margin:0 0 6px}.drill-tip{font-size:13px;color:#4f6276;margin:0 0 8px}
.marktext{background:#fff;border-radius:12px;padding:14px 16px;line-height:2.1;font-size:17px}
.mk{cursor:pointer;border-radius:6px;padding:2px 2px;transition:background .15s}.mk:hover{background:#eef}
.mk.on{background:#ffe08a;box-shadow:inset 0 -3px 0 #e0a800}.mk.ok{background:#c9f0dc;box-shadow:inset 0 -3px 0 #1d9e75}.mk.bad{background:#fbd3d3;box-shadow:inset 0 -3px 0 #c62828}.mk.miss{outline:2px dashed #1d9e75;outline-offset:1px}
.drilltab{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.drilltab th,.drilltab td{padding:8px 10px;border-bottom:1px solid #e3eaf2;text-align:left}.drilltab th{background:var(--h,#193e61);color:#fff;font-size:13px}
.drilltab input{width:100%;font-size:16px;padding:7px 9px;border:1.5px solid #c4d4e5;border-radius:8px}.drilltab input.ok{border-color:#1d9e75;background:#effaf4}.drilltab input.bad{border-color:#c62828;background:#fff4f4}.drilltab .sol{display:block;color:#0f6e56;font-weight:700;margin-top:3px}
.matchgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.matchgrid>div{display:flex;flex-direction:column;gap:8px}
.mleft,.mright{text-align:left;border:2px solid #c4d4e5;background:#fff;border-radius:12px;padding:9px 12px;font-size:15px;cursor:pointer;color:#20354e}
.mleft small{display:block;color:#5b4fc4;font-weight:700;margin-top:3px}.mleft.pick{border-color:var(--h,#5b4fc4);box-shadow:0 0 0 3px #5b4fc433}.mleft.set{background:#f7f6ff}
.mleft.ok{border-color:#1d9e75;background:#effaf4}.mleft.bad{border-color:#c62828;background:#fff4f4}.mright.used{opacity:.45}
.clozetext{background:#fff;border-radius:12px;padding:14px 16px;line-height:2.3;font-size:16px}
.clozetext select{font-size:15px;padding:3px 6px;border-radius:8px;border:1.5px solid #c4d4e5;margin:0 2px}.clozetext select.ok{border-color:#1d9e75;background:#effaf4}.clozetext select.bad{border-color:#c62828;background:#fff4f4}
.drill-res{font-weight:800;color:#0f6e56;margin-top:8px}
@media(max-width:740px){.matchgrid{grid-template-columns:1fr 1fr;gap:6px}.mleft,.mright{font-size:13.5px;padding:8px}}
.marktext{white-space:pre-line}
.marktext,.clozetext{text-align:left;word-spacing:normal}.mk{padding:1px 1px}

.material-box{margin:14px 0;padding:14px 16px;background:#fffdf6;border:1px solid #e9d9a8;border-left:5px solid #e0b44c;border-radius:12px;font-size:14.5px;line-height:1.65}.material-box>b{display:block;color:#7b5a12;margin-bottom:6px}.model.x{--color:#2f5878;--bg:#f2f6fb;--border:#cbd9e7}.theory-table{width:100%;border-collapse:collapse;margin:10px 0 16px;font-size:14px}.theory-table th,.theory-table td{border:1px solid #d6e2ee;padding:8px 10px;vertical-align:top}.theory-table th{background:#eaf2fb}.lixbar{margin:10px 0 14px;padding:10px 12px;background:#f5f8fc;border:1px solid #d6e2ee;border-radius:10px;font-size:13.5px}.lixscale{position:relative;height:9px;border-radius:9px;margin:8px 0 4px;background:linear-gradient(90deg,#3aa76d 0 33%,#e5c44a 33% 50%,#e7954b 50% 67%,#cf4b40 67%)}.lixscale i{position:absolute;top:-4px;width:4px;height:17px;background:#193e61;border-radius:2px;transform:translateX(-2px)}.lixbar small{color:var(--muted)}

.reuse-box{margin:14px 0;padding:12px 16px;background:#f3f8f4;border:1px solid #bcd9c4;border-left:5px solid #3f9a5f;border-radius:12px;font-size:14.5px;line-height:1.6}.reuse-box summary{cursor:pointer;font-weight:700;color:#24603a}.reuse-text{margin:8px 0 10px;white-space:normal}.btn.small{padding:6px 12px;font-size:13.5px}

/* ===== Version 11 · einheitliche helle Optik ===== */
:root{--navy:#1F2A37;--ink:#1F2A37;--muted:#4B5563;--line:#E5DFD3;--bg:#F6F4EF}
body{background:#F6F4EF;color:#1F2A37;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2,h3{letter-spacing:-.015em}
html{scroll-padding-top:70px}
header.top{background:#F6F4EF;color:#1F2A37;border-bottom:1px solid #E5DFD3;padding:12px 20px;position:sticky;top:0;z-index:20}
header.top .brand-home{display:flex;align-items:center;gap:10px;background:none;border:0;color:#1F2A37;padding:0;text-align:left}
header.top .logo{width:38px;height:38px;border-radius:12px;background:#1F2A37;color:#F59E0B;display:grid;place-items:center;font-weight:800;font-size:20px}
header.top{flex-wrap:nowrap}
header.top .brand-t b{display:block;font-size:17px;color:#1F2A37}
header.top .brand-t{color:#1F2A37}
header.top .brand-t small{display:block;color:#6B7280;font-size:11.5px;letter-spacing:0;text-transform:none}
header.top .account-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
header.top .who{font-size:13px;color:#4B5563}
.btn{background:#1F2A37;border-radius:14px;padding:11px 16px}
.btn.sm{padding:8px 12px;font-size:13px;border-radius:12px}
.btn.alt{background:#fff;border:1px solid #E5DFD3;color:#1F2A37}
.btn.gold{background:#F59E0B;color:#1F2A37}
.linkbtn{background:none;border:0;padding:0;color:#1F2A37;font-weight:700;font-size:13.5px;text-decoration:underline;text-underline-offset:3px}
.layout{grid-template-columns:272px minmax(0,1fr);min-height:calc(100vh - 64px)}
nav.side{background:#fff;border-right:1px solid #E5DFD3;color:#1F2A37;padding:14px 10px;position:sticky;top:64px;max-height:calc(100vh - 64px)}
nav.side button{color:#1F2A37;font-size:14px;font-weight:600;border-radius:14px;padding:9px 10px;margin:2px 0;gap:12px}
nav.side button small{color:#6B7280;font-size:11.5px;font-weight:500}
nav.side button:hover{background:#F6F4EF}
nav.side button.active{background:#F3EDE2;box-shadow:inset 3px 0 #F59E0B}
.sico{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;color:#4B5563}
.mtile{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;background:#F1EEE8}
.sico .mtile{width:36px;height:36px;border-radius:11px}
nav.bottom{display:none}
main{max-width:1080px;padding:24px 32px 90px}
.card{border:1px solid #E5DFD3;border-radius:20px;box-shadow:none}
.kicker{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#B45309}
.kicker.light{color:#F5C88B}
.fine{color:#6B7280}
/* Startseite */
.home2 .hello2 small{color:#4B5563;font-weight:600;font-size:13px}
.home2 .hello2 h1{margin:2px 0 14px;font-size:30px}
.hero2{background:#1F2A37;color:#fff;border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:16px}
.hero-top{display:flex;gap:16px;align-items:center}
.hero2 h2{margin:4px 0;font-size:22px;color:#fff}
.hero2 p{margin:0;color:#D1D5DB;font-size:14px}
.sheet{width:110px;flex-shrink:0;background:#fff;border-radius:10px;padding:12px 10px;display:flex;flex-direction:column;gap:7px}
.sheet span{display:flex;gap:6px;align-items:center}
.sheet b{font-size:9px;color:#6B7280;width:9px}
.sheet i{flex:1;height:6px;border-radius:3px;display:block}
.segs{display:flex;gap:5px}.segs i{flex:1;height:8px;border-radius:4px;display:block}
.cta{display:flex;justify-content:center;align-items:center;gap:8px;padding:14px;border-radius:14px;background:#F59E0B;color:#1F2A37;font-weight:800;font-size:15px;border:0}
.daily{margin-top:14px;background:#fff;border:1px solid #E5DFD3;border-radius:20px;padding:16px 18px}
.daily-head{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#B45309}
.daily-s{font-size:17px;margin:8px 0}
.daily mark{background:#FDE68A;padding:0 3px;border-radius:4px}
.daily-fix{margin:6px 0 2px;font-size:15px}
.sec2{margin-top:22px}
.sec2-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.sec2-h h2{margin:0;font-size:19px}
.docs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.docchip{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid #E5DFD3;border-radius:14px;font-size:13px;font-weight:600;color:#1F2A37}
.mods{display:flex;flex-direction:column;gap:10px}
.modrow{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#fff;border:1px solid #E5DFD3;border-radius:18px;text-align:left;color:#1F2A37;width:100%}
.modrow.cur{border:2px solid var(--a)}
.modrow.locked{opacity:.75}
.mtext{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mtext small{font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.mtext b{font-size:15.5px;line-height:1.25}
.mbar{height:5px;background:#EEEAE2;border-radius:3px;margin-top:5px;overflow:hidden;display:block}.mbar i{display:block;height:100%}
.mstat{font-size:12px;font-weight:700;white-space:nowrap}
.install-card{border-radius:20px;border:1px solid #E5DFD3;background:#fff;margin-top:14px}
.badges .badge{border-radius:16px;border-color:#E5DFD3}
/* Modulkopf */
.mod-hero{display:flex;gap:16px;align-items:center;background:var(--t);border-radius:24px;padding:20px 22px;margin:8px 0 14px}
.mod-hero .mtile{width:68px;height:68px;border-radius:20px;background:#fff}
.mod-hero small{color:var(--a);font-weight:800;letter-spacing:.05em;text-transform:uppercase;font-size:12px}
.mod-hero h1{margin:4px 0 6px;font-size:clamp(24px,3vw,34px)}
.mod-hero .teaser-q{margin:0;background:#fff;border-radius:12px;padding:8px 12px;display:inline-block;font-weight:600;color:#1F2A37}
.phase-tabs button{border-radius:12px}
.phase-tabs button.active{background:#1F2A37;color:#fff}
/* Akte */
.doc{background:#FFFCF6;border:1px solid #EADFC9;border-radius:14px;padding:14px 16px;margin:12px 0;font-size:14.5px;line-height:1.6}
.doc h4{margin:0 0 6px;font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:#7B5A12}
/* Wortschatz */
.ws-head h1{margin:2px 0 12px}
.ws-stats{background:#1F2A37;color:#fff;border-radius:20px;padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;gap:8px}
.ws-stats b{display:block;font-size:26px}.ws-stats span{font-size:12px;color:#D1D5DB}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 6px}
.chips.sub{margin-top:4px}
.chip{padding:8px 13px;border-radius:999px;border:1px solid #E5DFD3;background:#fff;color:#1F2A37;font-size:13px;font-weight:600}
.chip.on{background:#1F2A37;border-color:#1F2A37;color:#fff}
.wcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:8px}
.wcard{background:#fff;border:1px solid #E5DFD3;border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.wcard b{font-size:16.5px}.wcard p{margin:0;color:#4B5563;font-size:14px;line-height:1.5}
.wmeta,.fmeta{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:#6B7280}
.kind{padding:3px 9px;border-radius:999px;font-weight:700;font-size:11.5px;background:#F1EEE8;color:#4B5563}
.k-Verwaltung .kind{background:#DFF3F0;color:#0F766E}.k-Gutachten .kind{background:#FDF0E1;color:#B45309}.k-Deutsch .kind{background:#EDE6FB;color:#6D28D9}.k-Eigene .kind{background:#E3EBFD;color:#1D4ED8}
.addmine label{display:block;margin:8px 0;font-weight:600;font-size:14px}.addmine input,.addmine textarea,.addmine select{width:100%;margin-top:4px;padding:10px 12px;border:1px solid #E5DFD3;border-radius:12px}
.addmine summary{display:flex;gap:8px;align-items:center;font-weight:700;cursor:pointer}
.flash{background:#fff;border:1px solid #E5DFD3;border-radius:26px;padding:22px;min-height:240px;display:flex;flex-direction:column;gap:12px;margin-top:10px;box-shadow:0 10px 28px rgba(31,42,55,.08)}
.flash.back{background:#FFFCF6}
.fq{color:#4B5563;font-size:14px}.fw{font-size:24px;line-height:1.25}
.flash p{margin:0;font-size:15.5px;line-height:1.55}
.flipbtn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px}
.cardacts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.gloss-item .kind{display:inline-block;margin-bottom:4px}
.toolbox dt{font-weight:700;margin-top:10px}.toolbox dd{margin:2px 0 0;color:#4B5563}
@media(max-width:900px){
 .layout{grid-template-columns:1fr}
 nav.side{display:none}
 nav.bottom{display:flex;position:fixed;top:auto;max-height:none;overflow:visible;align-self:auto;left:10px;right:10px;bottom:10px;z-index:30;background:#fff;border:1px solid #E5DFD3;border-radius:22px;padding:6px;gap:4px;box-shadow:0 8px 24px rgba(31,42,55,.14)}
 nav.bottom button{width:auto;min-width:0;margin:0;justify-content:center;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 0;border:0;background:none;border-radius:14px;color:#6B7280;font-size:11px;font-weight:600}
 nav.bottom button.on{background:#F3EDE2;color:#1F2A37}
 main{padding:16px 14px 110px}
 html{scroll-padding-bottom:100px;scroll-padding-top:70px}
 header.top{padding:10px 14px}
 header.top .who{display:none}
 header.top .account-controls{flex-wrap:nowrap;gap:6px}
 header.top .account-controls .btn{white-space:nowrap}
 header.top .brand-t b{font-size:15px}
 header.top .brand-t small{display:none}
 .mod-hero{padding:16px;gap:12px}.mod-hero .mtile{width:52px;height:52px}
}
@media print{nav.bottom,nav.side,header.top{display:none}}

/* ===== Version 11.1 · Bilder und Symbole ===== */
.mod-hero{justify-content:space-between}
.mod-hero .banner-text{flex:1;min-width:0}
.mod-art{width:240px;height:160px;flex-shrink:0;border-radius:22px;box-shadow:0 8px 22px rgba(31,42,55,.12)}
.hero-art{width:180px;height:120px;flex-shrink:0;border-radius:18px;order:3;margin-left:auto}
.hero-top{flex-wrap:nowrap}
.thumb{width:84px;height:56px;flex-shrink:0;border-radius:12px}
.mtile.lockt{width:84px;height:56px;border-radius:12px}
.phase-tabs button{display:inline-flex;align-items:center;gap:6px}
.task-meta{display:flex;gap:8px;flex-wrap:wrap}
.tchip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#F1EEE8;color:#1F2A37;font-size:12.5px;font-weight:600}
.tchip.kind{background:var(--w,#FDF0E1);color:var(--k,#1F2A37)}
.merke{position:relative;padding-left:54px !important;background:#FFF7E8 !important;border:1px solid #F3D9A8 !important;border-radius:16px !important}
.merke::before{content:'';position:absolute;left:16px;top:14px;width:26px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B45309' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-4 10.5c.8.8 1 1.5 1 2.5h6c0-1 .2-1.7 1-2.5A6 6 0 0 0 12 3z'/%3E%3C/svg%3E") no-repeat center/contain}
.learn h3::before,.theory h3::before{content:'';display:inline-block;width:12px;height:12px;border-radius:4px;background:var(--h,#F59E0B);margin-right:9px;vertical-align:1px}
.theory-table th{background:var(--w,#FDF0E1)}
.doc{position:relative;box-shadow:0 4px 12px rgba(31,42,55,.06)}
.doc::before{content:'';position:absolute;right:14px;top:-10px;width:22px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M21 11l-8.5 8.5a5 5 0 0 1-7-7L14 4a3.5 3.5 0 0 1 5 5l-8.5 8.5a2 2 0 0 1-3-3L15 7'/%3E%3C/svg%3E") no-repeat center/contain;transform:rotate(18deg)}
.doc h4{display:flex;align-items:center;gap:6px}
.doc.draft::after{content:'ENTWURF';position:absolute;right:22px;top:46px;border:3px solid #DC2626;color:#DC2626;font-weight:900;letter-spacing:.12em;padding:2px 10px;border-radius:6px;transform:rotate(-10deg);opacity:.7;font-size:15px}
.doc.memo{background:#FFF9C4;border-color:#EBD96B}
.kind{display:inline-flex;align-items:center;gap:5px}
.ws-hero{display:flex;gap:18px;align-items:center;justify-content:space-between}
.ws-hero p{margin:0 0 6px;color:#4B5563}
.ws-art{width:200px;height:134px;flex-shrink:0;border-radius:20px}
.akte-full .doc{margin:14px 0}
.badges .badge.got{background:#FFF7E8;border-color:#F3D9A8}
@media(max-width:900px){
 .mod-hero{flex-direction:column-reverse;align-items:stretch}
 .mod-art{width:100%;height:auto;max-height:200px}
 .hero-art{display:none}
 .thumb,.mtile.lockt{width:64px;height:44px}
 .ws-art{width:120px;height:80px}
 .theory-table th,.theory-table td{padding:6px 7px;font-size:13px;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:normal;word-break:normal}
}