:root{--blue:#1f4e79;--blue2:#2c6ea3;--gold:#e3a400;--ink:#203040;--soft:#eef5fa;--ok:#177245;--bad:#a62b2b}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:#f4f7fa}a{color:var(--blue)}.wrap{max-width:1050px;margin:auto;padding:0 22px}header{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;padding:25px 0 30px;border-bottom:6px solid var(--gold)}header a{color:#fff}.crumbs{font-size:14px;opacity:.95}.kicker{margin-top:20px;text-transform:uppercase;font-weight:700;letter-spacing:.08em;color:#fff}h1{margin:5px 0 6px;font-size:38px}header p{margin:0;font-size:18px}.status,.intro,.mission{background:#fff;border-radius:16px;box-shadow:0 3px 14px #1f4e7917}.status{margin:24px 0 16px;padding:18px}.statusline{display:flex;justify-content:space-between;gap:15px}.bar{height:10px;background:#dce7ef;border-radius:99px;overflow:hidden;margin:10px 0}.bar i{display:block;height:100%;background:var(--ok);width:0;transition:.25s}.navrow{display:flex;align-items:center;gap:15px}.navbtn,.done,.primary{border:0;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer}.navbtn{background:#e8eef3;color:var(--blue)}.navbtn:disabled{opacity:.45}.intro{padding:18px 22px;margin-bottom:16px}.mission{display:none;padding:26px;margin-bottom:28px}.mission.active{display:block}.mission>em{font-style:normal;font-weight:800;color:var(--blue);font-size:14px;letter-spacing:.06em}.mission h2{font-size:28px;margin:7px 0 15px}.mission h3{color:var(--blue)}.merke,.actionbox,.check,.warning,.success{padding:15px 17px;border-radius:12px;margin:16px 0}.merke{background:#fff7d6;border-left:6px solid var(--gold)}.actionbox{background:#eaf4fb;border:2px solid #8cb8d8}.actionbox h3{margin:0 0 8px}.check{background:#eef8f2;border-left:6px solid #3b8b60}.warning{background:#fff0e8;border-left:6px solid #dc7c32}.success{background:#e9f7ef;border-left:6px solid var(--ok)}.keys{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.key{display:inline-block;min-width:58px;text-align:center;background:#fff;border:2px solid #9ba9b4;border-bottom-width:5px;border-radius:8px;padding:8px 12px;font-weight:800;color:#263746}.shot{margin:18px 0;text-align:center}.shot img{max-width:100%;height:auto;border:1px solid #cbd6df;border-radius:12px;box-shadow:0 2px 8px #0001}.shot figcaption{font-size:14px;color:#5c6b78;margin-top:7px}.interactive{border:2px solid #c9dbe8;background:#f7fbfe;padding:17px;border-radius:14px;margin:18px 0}.mcoptions{display:grid;gap:9px}.mcoptions button,.match button{font:inherit;text-align:left;background:#fff;border:2px solid #b9cad7;border-radius:10px;padding:12px;cursor:pointer}.mcoptions button.correct{border-color:var(--ok);background:#eaf7ef}.mcoptions button.wrong{border-color:var(--bad);background:#fff0f0}.feedback{font-weight:700;min-height:1.3em}.bottomnav{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.done,.primary{background:var(--blue);color:#fff}.done:hover,.primary:hover{background:var(--blue2)}details{margin:12px 0;border:1px solid #d6e0e7;border-radius:10px;padding:10px 13px}summary{cursor:pointer;font-weight:700}.compare{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fake-slide{aspect-ratio:16/9;background:#fff;border:2px solid #c9d3dc;border-radius:8px;padding:18px;box-shadow:0 2px 7px #0001}.fake-slide h4{font-size:20px;margin:0 0 12px}.tiny{font-size:9px}.lowcontrast{color:#f2dc78}.chaos span:nth-child(2n){font-size:24px}.checklist{line-height:1.8}.placeholder img{border-style:dashed}.result{display:none}.result.show{display:block}@media(max-width:700px){h1{font-size:30px}.compare{grid-template-columns:1fr}.mission{padding:20px 16px}.navhint{display:none}}

/* Einheitliche Navigation wie im Grundlagen-Modul */
:root{--g:#39775a;--muted:#657789;--line:#d6e0e8}
button,.linkbtn{border:0;border-radius:9px;padding:11px 14px;cursor:pointer;margin:6px 5px 4px 0;text-decoration:none;display:inline-block;font:inherit;font-weight:700}
.done{background:var(--g);color:#fff}
.done:hover{filter:brightness(.94)}
.back,.navbtn{background:#e8edf2;color:#29435a}
.bottomnav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;border-top:1px solid #e2e8ed;padding-top:12px}
.linkbtn.primary{background:var(--blue);color:#fff}
.keycombo{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 8px;font-size:1.4rem;font-weight:800}
.keycombo img{height:62px;width:auto;max-width:42%}
.shortcut-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}
.shortcut-row>div{text-align:center;background:#fff;border:1px solid #cbd6df;border-radius:12px;padding:15px}
.shortcut-row img{height:70px;width:auto;max-width:100%}
.shortcut-row p{margin:8px 0 0}
.tip{background:#f6f8fa;border-left:5px solid var(--blue2);padding:11px 13px;border-radius:8px}
.sample-image img{max-height:330px;object-fit:contain}
@media(max-width:700px){.bottomnav{flex-direction:column-reverse;align-items:stretch}.bottomnav button,.bottomnav .linkbtn{width:100%;text-align:center}.shortcut-row{grid-template-columns:1fr}.keycombo img{height:52px}}
.downloadbtn{background:var(--blue);color:#fff;border-radius:9px;padding:11px 14px;text-decoration:none;display:inline-block;font-weight:700;margin:6px 0}.downloadbtn:hover{background:var(--blue2)}
.orderlist{display:grid;gap:8px;margin:12px 0}.orderitem{display:flex;gap:8px;align-items:center;background:#fff;border:2px solid #b9cad7;border-radius:10px;padding:9px}.orderitem span{flex:1}.orderitem button{margin:0;padding:6px 10px}.timer{font-size:38px;font-weight:800;text-align:center;color:var(--blue);margin:12px}.timer.done{color:var(--ok)}
.keyline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.keyline img{height:52px;width:auto}.shortcut-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.shortcut-card{background:#fff;border:1px solid #cbd6df;border-radius:12px;padding:12px;text-align:center}.shortcut-card .keyline{justify-content:center}.mini-note{font-size:14px;color:#5c6b78}.ai-note{font-size:13px;color:#657789;margin-top:8px}
@media(max-width:700px){.shortcut-grid{grid-template-columns:1fr}}
.stepicon{width:28px;height:28px;object-fit:contain;vertical-align:middle;margin-right:8px}.orderitem span{display:flex;align-items:center}.blitzbox{margin-top:18px}.chaos-notice{margin-top:14px;padding:12px 14px;border-radius:10px;background:#fff7d6;border-left:6px solid var(--gold)}.chaos-notice p{margin:5px 0}.corner-image{position:relative;display:inline-block;max-width:760px}.corner-image>img{display:block;max-width:100%;height:auto;border:0;border-radius:8px}.corner-image .handle{position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #2c6ea3;box-shadow:0 1px 3px #0004}.corner-image .tl{left:-9px;top:-9px}.corner-image .tr{right:-9px;top:-9px}.corner-image .bl{left:-9px;bottom:-9px}.corner-image .br{right:-9px;bottom:-9px}

/* Mission 6/7 – visuelle Word-Entdeckertour */
.discovery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.discovery>div{background:linear-gradient(180deg,#fff,#f4f9fc);border:2px solid #c9dbe8;border-radius:14px;padding:16px;text-align:center}.discovery span{display:block;font-size:38px;margin-bottom:7px}.discovery b{display:block;color:var(--blue);font-size:18px}.discovery small{display:block;margin-top:5px;line-height:1.35;color:#536777}.shotgrid{display:grid;grid-template-columns:1fr 1.5fr;gap:14px;align-items:center}.waitbox{display:flex;gap:15px;align-items:center;background:#fff7d6;border:2px solid #e3a400;border-radius:14px;padding:15px 17px;margin:18px 0}.waitbox h3,.waitbox p{margin:3px 0}.waiticon{font-size:40px}.compactshot img{max-width:420px}.mouseguide{display:grid;grid-template-columns:auto repeat(3,1fr);gap:10px;align-items:stretch;margin:15px 0}.mouseguide>div{background:#fff;border:1px solid #cbd6df;border-radius:12px;padding:13px}.mouseguide .mousepic{display:flex;align-items:center;font-size:42px;background:#eaf4fb}.mouseguide b{color:var(--blue)}.mouseguide p{margin:6px 0 0;font-size:14px}.videobox{background:#17212a;border-radius:15px;padding:12px;margin:18px auto;max-width:820px;text-align:center}.videobox video{display:block;width:100%;max-height:480px;background:#000;border-radius:9px}.videobox figcaption{color:#fff;margin:10px 4px 2px;font-size:14px}.views{display:block;margin-top:8px;font-weight:700}.flowraw{background:#fff;border:2px dashed #8cb8d8;border-radius:12px;padding:16px;text-align:center;font-size:17px;line-height:1.7;margin:13px 0}.topiccards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.topiccards span{background:#fff;border:1px solid #b9cad7;border-radius:10px;padding:12px;font-weight:700;text-align:center}.whygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.whygrid>div{background:#fff;border:1px solid #cbd6df;border-radius:11px;padding:13px}.whygrid b,.whygrid span{display:block}.whygrid span{margin-top:6px;font-size:14px}.partnercheck{display:flex;gap:18px;align-items:center;background:#eef8f2;border:2px solid #9ac6ad;border-radius:14px;padding:16px 18px;margin:18px 0}.partnercheck .five{flex:0 0 72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--ok);color:#fff;font-size:40px;font-weight:800}.partnercheck h3,.partnercheck p{margin:5px 0}@media(max-width:760px){.discovery,.topiccards,.whygrid,.shotgrid,.mouseguide{grid-template-columns:1fr}.mouseguide .mousepic{justify-content:center}.partnercheck{align-items:flex-start}.partnercheck .five{flex-basis:58px;height:58px;font-size:32px}}


/* Word module: standard 1.0 structural overrides. */
body{background:#f3f6f9;line-height:1.55}
header{border-bottom:6px solid #e3a400}
header h1{font-size:clamp(1.7rem,5vw,2.9rem);line-height:1.08}
.status,.mission,.intro{border:1px solid #d6e0e8;box-shadow:0 4px 14px #18324a0d}
.status{margin:14px 0;padding:20px}
.mission{padding:20px;margin-bottom:14px}
.mission>em{font-size:.78rem;letter-spacing:.08em}
.bar i{background:#39775a}
.portal-start>.intro{padding:0;border:0;box-shadow:none;margin:0 0 16px}
.portal-start>.intro h2{font-size:clamp(1.4rem,3vw,1.75rem)}
.bottomnav{margin-top:20px;border-top:1px solid #d6e0e8;padding-top:12px}
.bottomnav .done{background:#1f4e79;color:white}
.bottomnav .back,.bottomnav .prev{background:#e8edf2;color:#203040}
.merke,.warning,.success,.tip{border-left-width:5px;border-radius:8px}
.merke{background:#fff4d6}
.warning{background:#fff4d6;border-left-color:#e3a400}
.actionbox{border-left:5px solid #2c6ea3;border-top:1px solid #d6e0e8;border-right:1px solid #d6e0e8;border-bottom:1px solid #d6e0e8;border-radius:8px;background:#eef5fa}
.success{background:#eaf6ee;border-left-color:#39775a}
details{background:#f7fafd;border-left:5px solid #2c6ea3;border-radius:8px}
.shot img,.keycombo img,.keyline img{max-width:100%;height:auto}
.keycombo img{max-height:62px}
.keyline img{max-height:52px}
.videobox video{max-width:100%;height:auto}
.portal-module-finish{margin-top:14px}
.portal-module-finish h2{font-size:clamp(1.45rem,3vw,1.75rem)}
footer{background:#17344d;color:#eaf0f5;padding:18px 0;font-size:.9rem}
footer a{color:#eaf0f5}
@media(max-width:650px){
 .wrap{padding:0 15px}
 .mission{padding:20px 16px}
 .bottomnav{flex-direction:column-reverse;align-items:stretch}
 .bottomnav button{width:100%;margin:4px 0}
 .shortcut-row,.shortcut-grid,.discovery,.shotgrid,.topiccards,.whygrid,.mouseguide{grid-template-columns:1fr}
 .partnercheck{flex-wrap:wrap}
}

/* Standard 1.1: semantische Differenzierungsbausteine */
.challenge,.profi-challenge{padding:15px 17px;border-radius:8px;margin:16px 0}
.challenge{background:#e8f2fb;border-left:5px solid #1f4e79}
.profi-challenge{background:#f3ecfa;border-left:5px solid #76529b}
details.challenge,details.profi-challenge{padding:10px 13px}