*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f7f5;color:#193e43;font:18px/1.65 Arial,sans-serif}header{background:#164f59;color:white;padding:18px max(5%,calc((100vw - 960px)/2))}header a{color:white}main{max-width:960px;margin:auto;padding:28px 22px 70px}h1{font-size:clamp(32px,5vw,52px);line-height:1.12}h2{font-size:29px;line-height:1.25}h3{line-height:1.3}.tag{color:#557074;font-weight:bold;font-size:14px;text-transform:uppercase;letter-spacing:.1em}section,article.card{background:white;border:1px solid #cdded8;border-radius:18px;padding:26px;margin:24px 0}nav{display:flex;gap:10px;flex-wrap:wrap}a{color:#165968}nav a,button,.button{display:inline-block;border:0;border-radius:9px;background:#175b66;color:#fff;padding:12px 16px;text-decoration:none;font:700 16px Arial;cursor:pointer}button:hover,.button:hover{background:#287585}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #db9900;outline-offset:3px}label{display:block;margin-top:14px}input[type=text],textarea,select{font:inherit;max-width:100%;padding:9px;border:1px solid #79979c;border-radius:7px}textarea{width:100%}.story{max-width:720px;font-size:20px;line-height:1.85}.story p{margin-bottom:24px}.n{display:inline-block;color:#628079;font-size:14px;margin-right:7px}.hint,details{background:#eef6f2;padding:15px;border-radius:10px;margin:16px 0}summary{cursor:pointer;font-weight:bold}.feedback{min-height:1.5em;font-weight:bold}.timer{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.timer output{font-size:24px;font-variant-numeric:tabular-nums}.timeline{border-left:5px solid #edbc44;padding-left:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.quiz label{padding:9px;background:#f1f5f4;border-radius:7px}fieldset{border:0;padding:0;margin:25px 0}legend{font-weight:bold}footer{text-align:center;padding:24px}.accent{background:#fff5d5;border-color:#e3c45d}.demo{padding:18px;background:#eef6f2}.demo p{font-size:16px}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:10px;border-bottom:1px solid #ddd}@media(max-width:600px){section{padding:18px}main{padding:20px 12px}}@media print{nav,button,.timer,header,footer{display:none}body{font-size:12pt;background:white}section{break-inside:avoid;border:0}.story{font-size:12pt}textarea{height:50px}}
.scratch-required{border:3px solid #175b66;padding:16px;border-radius:10px;background:#eef6fa}.scratch-steps li{margin:18px 0;padding-left:8px}.scratch-model{max-width:480px;margin:24px 0}.scratch-model .event-block{background:#ffdc64;color:#332400;margin:0;padding:14px;border:2px solid #8e6b00;border-radius:12px 12px 3px 3px;font-weight:bold}.scratch-model .motion-block{background:#205fbe;color:#fff;margin:0 0 10px;padding:14px;border:2px solid #143b76;border-radius:3px 3px 12px 12px}.scratch-proof{min-width:0;border:2px solid #567a83;border-radius:10px;padding:16px}.scratch-proof legend{font-weight:bold}.scratch-proof input[type=text]{width:100%}

.lesson-menu{position:sticky;top:0;z-index:20;display:block;background:#123f49;border:2px solid #092a32;border-radius:0 0 14px 14px;padding:12px;margin:-28px -8px 28px;box-shadow:0 4px 10px #0003}.lesson-menu .menu-title{display:block;color:#fff;font-size:16px;margin-bottom:8px}.menu-main{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lesson-menu .menu-main a{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;font-size:20px;font-weight:800;min-height:55px;padding:10px;border:2px solid transparent}.lesson-menu a.menu-scratch{background:#ffda63;color:#302200;border-color:#ffe89b}.lesson-menu a.menu-extra{background:#62369c;color:#fff;border-color:#bd9ee2}.lesson-menu a.menu-scratch:hover{background:#ffe89b}.lesson-menu a.menu-extra:hover{background:#7847b7}.menu-stations{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:3px}.lesson-menu .menu-stations a{flex:1;white-space:nowrap;text-align:center;border:1px solid #9ac1c9;background:#fff;color:#123f49;padding:9px 12px;font-size:16px}.lesson-menu a:focus-visible{outline:3px solid #fff;outline-offset:2px}.lesson-menu~section{scroll-margin-top:205px}.lesson-menu .menu-stations a:hover{background:#d9eff4}@media(max-width:600px){.lesson-menu{margin:-20px -2px 24px;padding:9px}.lesson-menu .menu-main a{font-size:16px;min-height:56px;gap:5px}.lesson-menu .menu-stations a{font-size:14px;padding:9px}.lesson-menu~section{scroll-margin-top:210px}}@media print{.lesson-menu{display:none}}

#scratch-content[hidden]{display:none!important}.scratch-gate{background:#fff;border:3px solid #8b6500;padding:18px;border-radius:12px;margin:20px 0}.scratch-gate.unlocked{border-color:#116339}.scratch-gate li{margin:10px 0}.scratch-task{border:2px solid #557781;border-radius:12px;padding:20px;margin:24px 0;background:#fff}.scratch-task h4{font-size:24px;margin:8px 0}.scratch-task li{margin:12px 0}.scratch-test{padding:14px;background:#eaf2fa;border-left:5px solid #235781}.pflicht-confirm{border:2px solid #235781;border-radius:10px;padding:16px;margin:20px 0}.menu-main a.menu-scratch.is-locked{background:#ffe8a5;border-style:dashed}.scratch-more{padding:18px}.scratch-more .tag{color:#425768}

[id^="scratch-extra"],#folge{scroll-margin-top:210px}

#choice-content[hidden],#scratch[hidden],#reserve[hidden],#extra-content[hidden]{display:none!important}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.choice-card{padding:22px;border:3px solid;border-radius:14px;background:white}.choice-a{border-color:#62369c}.choice-b{border-color:#916600}.choice-label{font-size:16px;font-weight:800;letter-spacing:.04em}.choice-a .choice-label{color:#62369c}.choice-b .choice-label{color:#684600}.choice-card li{margin:12px 0}.choice-card .button{width:100%;text-align:center}.choice-a .button{background:#62369c}.choice-b .button{background:#ffda63;color:#302200}.choice-lead{font-size:20px}.task-goal,.task-finish{border-left:5px solid #62369c;padding:14px;background:#f2edf8}.lesson-menu a.menu-extra.is-locked{background:#493d5c;color:white;border-style:dashed}#wahlbereich,#reserve{scroll-margin-top:210px}@media(max-width:680px){.choice-grid{grid-template-columns:1fr}.choice-card{padding:16px}}

/* Visible release status and fully visible station links. */
.lesson-menu .menu-release-status{margin:10px 0 5px;padding:8px 12px;border-radius:6px;background:#fff1d0;color:#3b2a00;font-size:16px;font-weight:700;line-height:1.3}.lesson-menu .menu-release-status.ready{background:#116339;color:white;border:2px solid #b8ebc8}.lesson-menu a.menu-next-task{display:block;padding:4px 2px;background:transparent;color:white;text-decoration:underline;font-size:14px;line-height:1.3}.lesson-menu .menu-stations{display:flex;flex-wrap:wrap;overflow:visible}.lesson-menu .menu-stations a{flex:1 1 auto;font-size:14px;padding:7px 9px}.lesson-menu~section,#wahlbereich,#reserve,#folge,[id^="scratch-extra"],#wiederholung{scroll-margin-top:calc(var(--lesson-menu-height,290px) + 18px)}

.lesson-menu~#wiederholung{scroll-margin-top:calc(var(--lesson-menu-height,290px) + 18px)}

/* Visual Scratch orientation and retrieval check */
.scratch-startkarte{margin:24px 0;padding:22px;border:3px solid #4d8191;border-radius:16px;background:#f1f8fa}
.scratch-startkarte h3{margin-top:0}
.scratch-map{margin:14px 0 8px;padding:10px;border-radius:12px;background:#fff;border:1px solid #b9cbd0}
.scratch-map img{display:block;width:100%;height:auto;border-radius:8px}
.scratch-map figcaption{font-size:15px;color:#425768;margin:8px 4px 0}
.scratch-map-buttons{display:flex;gap:8px;flex-wrap:wrap}
.scratch-map-buttons button{border:2px solid #315965;border-radius:8px;background:#fff;color:#193e48;padding:9px 13px;font:inherit;font-weight:700;cursor:pointer}
.scratch-map-buttons button:hover,.scratch-map-buttons button[aria-pressed="true"]{background:#245b69;color:#fff}
.scratch-map-info{min-height:3em;padding:12px;background:#fff;border-left:5px solid #247088;border-radius:6px}
.scratch-recall{margin-top:18px;padding:18px;border-radius:12px;background:#fff;border:2px solid #9ab5bb}
.scratch-recall h4{margin:0 0 8px;font-size:22px}
.scratch-recall fieldset{margin:12px 0;padding:12px;border:2px solid #b7c4cc;border-radius:8px}
.scratch-recall fieldset label{display:block;margin:8px 0;cursor:pointer}
.scratch-recall input{width:auto;min-height:auto;margin-right:8px}
.scratch-recall .recall-hint{padding:9px;background:#fff1cc;border-radius:6px}
.scratch-recall .recall-correct{border-color:#28704a;background:#effaf3}
.scratch-recall .recall-retry{border-color:#b47a18;background:#fff9ea}
.scratch-recall-feedback{min-height:1.5em;font-weight:800}
.scratch-theory{margin:18px 0;padding:18px;background:#e8f3f6;border:2px solid #507b86;border-radius:12px}.scratch-theory h4{font-size:22px;margin:0 0 12px}.scratch-theory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.scratch-theory-grid article{background:#fff;border:1px solid #b9cbd0;border-radius:9px;padding:14px}.scratch-theory-grid p{margin:.5em 0}.scratch-sound-rule{background:#fff1cc;border-left:5px solid #b07c00;padding:12px 14px;border-radius:5px}.scratch-gate-status{padding:12px;background:#fff1cc;border:2px solid #a27720;border-radius:8px;font-weight:800}.scratch-core-task[hidden],#scratch-extra1[hidden],#scratch-extras[hidden]{display:none!important}.scratch-core-check{margin:24px 0;padding:18px;background:#f1f8fa;border:3px solid #39748a;border-radius:12px}.scratch-core-check label{display:block;font-weight:700}.scratch-core-check input[type=number]{width:6em}.scratch-core-check #scratch-core-feedback{min-height:1.7em;font-weight:800}
@media(max-width:680px){.scratch-theory-grid{grid-template-columns:1fr}}
@media(max-width:680px){.scratch-startkarte{padding:14px}.scratch-map-buttons button{flex:1 1 44%;font-size:15px}}

.scratch-vocabulary{margin:18px 0;padding:18px;background:#eef5ff;border:2px solid #55789b;border-radius:12px}.scratch-vocabulary h4{font-size:22px;margin:0 0 10px}.scratch-vocabulary .scratch-theory-grid article{border-top:4px solid #6687a8}.scratch-vocabulary .scratch-theory-grid strong{display:block}

.scratch-book-visual{margin:1.1rem 0 1.4rem;padding:1rem;background:#f5fafc;border:1px solid #c8dce4;border-radius:1rem}.scratch-book-visual svg{display:block;width:100%;height:auto}.scratch-book-visual figcaption{margin:.65rem .2rem .1rem;color:#244d5b;line-height:1.55}.scratch-book-visual figcaption strong{color:#173e49}@media(max-width:620px){.scratch-book-visual{padding:.55rem}.scratch-book-visual figcaption{font-size:.95rem}}

.scratch-reading{margin:1.2rem 0;padding:1.1rem;border:2px solid #c8dce4;border-radius:1rem;background:#fbfdfe}.scratch-reading h4{margin:.3rem 0 .65rem;font-size:1.35rem;color:#173e49}.reading-direction{padding:.75rem 1rem;border-left:5px solid #d6ad43;background:#fff8e4;border-radius:.35rem}.westermann-text{counter-reset:reading-paragraph;line-height:1.7}.westermann-text p{padding:.7rem .9rem;background:#fff;border-radius:.65rem}.westermann-text p strong:first-child{color:#28657d}.westermann-reading-check fieldset{margin:.75rem 0;padding:.8rem;border:1px solid #cad8df;border-radius:.75rem}.westermann-reading-check fieldset label{display:block;margin:.35rem 0}.westermann-reading-check fieldset.recall-correct{border-color:#3f8b62;background:#eef8f0}.westermann-reading-check fieldset.recall-retry{border-color:#bd6b58;background:#fff4f1}

/* Stunde 3: einheitliche Abstände und gut erkennbare Aufgabenfelder */
#lesen1 h3,#lesen2 h3,#lesen3 h3{margin:1.6rem 0 .6rem}
#lesen1 .word,#lesen2 .word,#lesen3 .word{margin:1rem 0;padding:1rem 1.1rem;background:#f2f7f5;border:1px solid #cdded8;border-radius:12px}
.word label{margin:0 0 .55rem;font-weight:700}
.word input{width:min(100%,26rem)}
.word button{margin:.5rem .5rem 0 0}
.evidence-task{margin:1rem 0;padding:1rem 1.1rem;background:#fff6da;border-left:5px solid #c18c12;border-radius:8px}
#folge{margin:1.25rem 0;padding:1rem 1.1rem;background:#f2f7f5;border-radius:12px}
#folge h3{margin:.25rem 0 .6rem}
#folge label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem}
#folge button{margin-top:.75rem}
.story p:last-child{margin-bottom:1.1rem}
@media(max-width:600px){#folge label{grid-template-columns:1fr;gap:.25rem}.word{padding:.85rem!important}}

.word select{width:min(100%,30rem);margin:.25rem 0}.guided-check{margin:1rem 0;padding:1rem 1.15rem;border:2px solid #ccdce0;border-radius:12px;background:#f8fbfc}.guided-check fieldset{margin:.25rem 0 .8rem}.guided-check label{display:block;margin:.55rem 0;padding:.6rem .75rem;background:#fff;border-radius:8px}.guided-check .feedback{min-height:1.6em;margin:.6rem 0;font-weight:700}.guided-check button{margin:.25rem 0}.word .s3-help,.guided-check .s3-help{margin-top:.75rem}

/* Scratch-Gartenmission: visuelle Schrittfolge und blocknahe Baukarten */
.mission-kicker{display:inline-block;padding:.45rem .75rem;border-radius:999px;background:#e8daf6;color:#4c3470;font-weight:850;letter-spacing:.04em}.garden-storyboard{margin:1rem 0 1.2rem;padding:.8rem;background:#f0f7f8;border:1px solid #bfd4d7;border-radius:1rem}.garden-storyboard img{display:block;width:100%;height:auto;border-radius:.7rem}.garden-storyboard figcaption{padding:.7rem .3rem .1rem;line-height:1.5;color:#244b55}.mission-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1.1rem 0}.mission-path div{padding:.8rem;border-radius:.75rem;background:#fff;border-top:5px solid #25718a;box-shadow:0 2px 7px #173f4915}.mission-path div:nth-child(2){border-color:#2878c7}.mission-path div:nth-child(3){border-color:#8154a8}.mission-path div:nth-child(4){border-color:#338555}.mission-path b,.mission-path span{display:block}.mission-path span{font-size:.93rem;margin-top:.25rem}.mission-build{margin:1.2rem 0;padding:1rem 1.15rem;border-radius:1rem;background:#f8fafc;border:1px solid #cbd9e0}.mission-build h4{color:#183e4a}.mission-click{background:#faf7ff;border-color:#d4c5e5}.block-stack{max-width:510px;margin:1rem 0 1.2rem;padding:.65rem;display:grid;gap:4px;border-radius:.85rem;background:#263746}.block-stack span{display:block;padding:.7rem .9rem;color:#18252c;font-weight:800;border-radius:.55rem;clip-path:polygon(0 0,100% 0,100% 84%,91% 100%,0 100%)}.block-event{background:#ffcf58}.block-motion{background:#69a9ed}.block-look{background:#d68be6}.block-control{background:#ff9a55}.mission-debug{margin:1.2rem 0;padding:1rem 1.15rem;background:#fff8e6;border:2px solid #e0bd56;border-radius:1rem}.mission-debug label{display:block;margin:.65rem 0}.mission-debug input{min-height:auto;width:auto}.mission-debug #garden-debug-feedback{min-height:1.5em;font-weight:800}.mission-checklist{margin:1rem 0;padding:1rem 1.1rem;border-left:6px solid #39865a;background:#eff8f1;border-radius:.5rem}.mission-checklist ul{margin-bottom:0}.mission-help{margin:1rem 0;padding:.6rem .9rem;background:#eef4f8;border-radius:.7rem}.mission-help li{margin:.45rem 0}@media(max-width:700px){.mission-path{grid-template-columns:1fr 1fr}.mission-build{padding:.8rem}.block-stack{max-width:100%}}@media(max-width:420px){.mission-path{grid-template-columns:1fr 1fr}.garden-storyboard{padding:.4rem}.mission-kicker{font-size:.85rem}}