:root{--ink:#183e39;--green:#225c50;--cream:#f6f4ed;--muted:#64736d;--line:#d9dfd7;--gold:#eac27c}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 system-ui,sans-serif}header{max-width:1240px;margin:auto;padding:26px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}a{color:var(--green)}.brand{font-size:18px;letter-spacing:2px;font-weight:800;text-decoration:none}.brand span{display:block;font-size:10px;letter-spacing:3px}nav{display:flex;flex-wrap:wrap;gap:7px}button,select,input,textarea{font:inherit}button{cursor:pointer;background:white;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px 16px}button:hover{border-color:var(--green);background:#e9eee7}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #c88125;outline-offset:3px}button:disabled{opacity:.45;cursor:default}.primary,nav button.active{background:var(--green);color:white;border-color:var(--green)}main{max-width:1176px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;padding:58px 0;gap:40px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750}h1{font-family:Georgia,serif;font-size:clamp(38px,5vw,64px);font-weight:500;line-height:1.1;margin:18px 0}h2{font-family:Georgia,serif;font-weight:500;font-size:32px;line-height:1.2}h3{line-height:1.3}.hero p:not(.eyebrow){color:var(--muted)}.heroart{background:#e4e9df;border-radius:48% 48% 16px 16px;padding:36px;display:flex;align-items:center;gap:20px;min-height:260px}.heroart img{width:48%;filter:drop-shadow(0 14px 7px #183e3920)}.heroart div{font-family:Georgia,serif;font-size:24px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:15px}.muted,small{color:var(--muted)}.filters,.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.filters{background:#e9ede5;border-radius:12px;padding:16px;margin:20px 0}label{font-size:13px;font-weight:650}select,input,textarea{display:block;background:white;color:var(--ink);border:1px solid var(--line);padding:9px;border-radius:6px;max-width:100%}input[type=checkbox]{display:inline}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:flex-start}.card h3{margin:12px 0 8px}.card p{margin-top:0;color:var(--muted)}.card button{margin-top:auto}.tag{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--green);background:#eef2e8;padding:3px 9px;border-radius:4px}.meta{font-size:12px;color:var(--muted);margin:14px 0}.training{display:grid;grid-template-columns:minmax(280px,540px) 1fr;gap:34px;margin-top:20px}.board{display:grid;grid-template-columns:repeat(8,1fr);width:100%;aspect-ratio:1;border:8px solid var(--green);border-radius:5px;overflow:hidden}.sq{padding:0;border:0;border-radius:0;position:relative;background:#eee9d8;aspect-ratio:1;display:grid;place-items:center}.sq.dark{background:#86a58f}.sq:hover{background:#d8c483}.sq.selected{background:#efc36a}.sq.target:after{content:'';position:absolute;width:22%;height:22%;background:#143e3970;border-radius:50%}.sq img{width:90%;height:90%;pointer-events:none}.sq small{position:absolute;left:3px;bottom:0;font-size:10px;color:#183e39;line-height:1.2}.status{padding:18px;border-radius:8px;background:#e9eee3;margin:16px 0;min-height:64px}.status.bad{background:#f7e7d9}.status.good{background:#dcebdc}.side{background:white;padding:26px;border-radius:12px;border:1px solid var(--line)}.side h2{margin-top:8px}textarea{width:100%;min-height:90px}.progress{font-size:13px;color:var(--muted)}details{padding:12px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:650}footer{max-width:1176px;margin:55px auto 0;padding:24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}dialog{max-width:760px;width:calc(100% - 30px);border:1px solid var(--line);border-radius:15px;padding:30px;color:var(--ink);background:var(--cream)}dialog::backdrop{background:#133c3970}.close{float:right}li{margin:7px 0}.planitem{padding:14px;background:white;border-left:4px solid var(--green);margin:12px 0}#printarea{display:none}.rights{background:white;padding:30px;border-radius:12px;overflow-wrap:anywhere}.mini{width:240px}section.solution{break-before:page}.printtask{break-inside:avoid;margin:20px 0}.printgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.printtask .board{width:220px;border:3px solid #333}.printtask .sq{display:grid}.printtask img{width:90%}.licenseprint{font-size:10px}.empty{padding:30px;text-align:center}.pill{border-radius:20px;padding:5px 12px;background:#e3eadf;font-size:12px}@media(max-width:800px){header{padding:20px;display:block}nav{margin-top:16px}nav button{font-size:13px;padding:7px 10px}.hero{grid-template-columns:1fr;padding:30px 0}.heroart{display:none}.grid{grid-template-columns:1fr 1fr}.training{grid-template-columns:1fr}.sectionhead{align-items:flex-start}.hero h1{font-size:44px}}@media(max-width:520px){.grid{grid-template-columns:1fr}main{padding:0 16px}.side{padding:18px}.filters>*{flex:1}.sq small{font-size:8px}}@media print{body>*{display:none!important}body>#printarea{display:block!important}body{background:white;color:black;font-size:11pt}#printarea h1{font-size:26pt}#printarea h2{font-size:20pt}#printarea a{color:black}.board,.sq{-webkit-print-color-adjust:exact;print-color-adjust:exact}.printgrid{gap:12px}.printtask{margin:8px 0}footer{display:none}button{display:none!important}@page{size:A4;margin:15mm}}
.hero[hidden]{display:none}.beamer .training{grid-template-columns:minmax(300px,650px) 1fr}.beamer .hero{display:none}@media(max-width:800px){.beamer .training{grid-template-columns:1fr}}
.boardframe{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;grid-template-rows:24px minmax(0,1fr) 24px;width:100%;align-items:stretch}.file-labels{display:grid;grid-template-columns:repeat(8,1fr);text-align:center;align-items:center;font-size:13px;font-weight:700}.rank-labels{display:grid;grid-template-rows:repeat(8,1fr);align-items:center;text-align:center;font-size:13px;font-weight:700}.boardframe .board{border:2px solid var(--green);border-radius:0}.completion{display:flex;gap:18px;padding:22px;margin:0 0 18px;border:3px solid #28784b;border-radius:12px;background:#dff3df}.completion[hidden]{display:none}.completion h2{font:800 28px/1.2 system-ui;margin:0 0 8px}.completion p{margin:5px 0 14px}.checkmark{display:grid;place-items:center;align-self:flex-start;border-radius:50%;background:#28784b;color:white;font-size:36px;width:58px;height:58px;flex-shrink:0}.completion.viewed{border-color:#ba8b3e;background:#fff0d4}.printview>header,.printview>main,.printview>footer{display:none}.printview>#printarea{display:block;max-width:900px;margin:0 auto;padding:25px;background:white}.printcontrols{padding:20px;border:1px solid #b5c6b9;background:#edf3e9;margin-bottom:25px}.printtask .boardframe{width:250px;grid-template-columns:18px minmax(0,1fr) 18px;grid-template-rows:18px minmax(0,1fr) 18px}.printtask .board{width:100%;border:1px solid #333}.printtask .file-labels,.printtask .rank-labels{font-size:11px}.printtask .sq img{display:block;max-width:100%}@media print{.printcontrols{display:none!important}body>#printarea{padding:0!important;margin:0!important;max-width:none!important}.printtask .boardframe{width:64mm}.printgrid{grid-template-columns:1fr 1fr;gap:5mm}.printtask{break-inside:avoid}.printtask p{font-size:10pt;margin:7px 0}.printtask small{font-size:8pt}section.solution{break-before:page}}@media(max-width:540px){.printgrid{grid-template-columns:1fr}.completion{padding:15px}.completion h2{font-size:23px}}
.plannerlayout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px}.plannerbar{margin-bottom:15px}.savedplan{display:block;width:100%;text-align:left;margin:8px 0}.savedplan small{display:block}.savedplan.active{border:2px solid var(--green);background:#e6eee2}.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:15px 0}.formgrid input,.formgrid select{width:100%}.formgrid textarea{min-height:100px}fieldset{border:1px solid var(--line);border-radius:8px;margin:18px 0}.checkgrid{display:flex;gap:16px;flex-wrap:wrap}.checkgrid input{display:inline}.filebutton{border:1px solid var(--line);background:white;padding:8px;border-radius:6px}.filebutton input{font-size:12px;width:180px}.callout{padding:16px;background:#e7ede1;border-left:4px solid var(--green);border-radius:5px}.error{color:#942f16;font-weight:650}.sessiontabs{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.timebalance{padding:15px;margin:15px 0;background:#e6eee0;border-radius:6px;font-weight:750}.tablewrap{overflow:auto;border:1px solid var(--line);margin:15px 0}.plantable{border-collapse:collapse;min-width:1250px;width:100%;font-size:13px}.plantable td,.plantable th{border:1px solid var(--line);padding:8px;vertical-align:top}.plantable th{background:#e1e9de;text-align:left}.plantable td{background:white}.plantable td:nth-child(4){min-width:240px}.plantable textarea{font-size:13px;min-height:90px;min-width:120px;padding:6px}.plantable input{width:75px}.plantable select{width:140px;font-size:13px}.plantable button{padding:5px;font-size:12px;margin:2px}.plantable td:last-child{min-width:100px}.phaseclock{display:block;white-space:nowrap;font-size:12px}.teachscreen{padding:25px;background:white;border-radius:14px}.teachassignment{font-size:clamp(24px,3vw,38px);line-height:1.4}.teachgoal{font-size:20px}.teachscreen h1{font-size:40px}.teachscreen output{font:700 40px monospace}.projecting header,.projecting .hero,.projecting footer,.projecting #savedplans,.projecting .plannerbar,.projecting #app>.sectionhead{display:none}.projecting .plannerlayout{display:block}.projecting main{max-width:1400px}.projecting .teachscreen{min-height:95vh}.exporttable{border-collapse:collapse;width:100%;font-size:10pt}.exporttable td,.exporttable th{border:1px solid #777;padding:6px;vertical-align:top}.exportdiagram{width:260px;break-inside:avoid}.exportdiagram .boardframe{width:260px}.pagebreak{break-before:page;page-break-before:always}.arrowboard{position:relative}.arrowlayer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sq.marked{box-shadow:inset 0 0 0 6px #2e8b57}.palette{display:flex;gap:4px;flex-wrap:wrap;margin:15px 0}.palette button{padding:3px;min-width:40px;min-height:40px}.palette img{width:32px;height:32px}button{min-height:40px}#plannerbody>label{display:block;margin:10px 0}#plannerbody>label input{width:100%}@media(max-width:850px){.plannerlayout{grid-template-columns:1fr}#savedplans{display:flex;flex-wrap:wrap;gap:6px}#savedplans h3{width:100%}.savedplan{width:auto;max-width:220px}.formgrid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.formgrid{grid-template-columns:1fr}.teachscreen{padding:15px}.teachscreen h1{font-size:30px}}@media print{.exporttable{font-size:9pt}.exporttable tr{break-inside:avoid}.exportdiagram,.exportdiagram .boardframe{width:65mm}.sq.dark{background:#b8b8b8!important}.sq:not(.dark){background:white!important}.exportdiagram+p{break-before:avoid}h2,h3{break-after:avoid}.exportdiagram{break-after:avoid}.printtask .boardframe{width:64mm}.printtask{break-inside:avoid}}
/* Fokussierte Planungsoberfläche */
.planningonly main{max-width:1000px;padding:36px 24px}.plannerintro{margin:6px 0 28px}.plannerintro h1{font:500 clamp(32px,4.5vw,46px)/1.15 Georgia,serif;margin:12px 0}.plannerintro>p:last-child{color:var(--muted);margin-bottom:0}.plannerbar{padding-bottom:20px;border-bottom:1px solid var(--line)}.backupmenu{border:0;margin-left:auto;padding:0;position:relative;font-size:13px}.backupmenu[open]{width:100%;margin-top:8px}.backupmenu .row{padding:12px 0}.savedrawer{margin:14px 0 28px;font-size:14px;border:0;background:#e9eee5;padding:12px 16px;border-radius:8px}#savedplans{display:flex;flex-wrap:wrap;gap:10px}.savedplan{max-width:270px;flex:1 1 210px}#plannerbody{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px}.stepheading{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}.stepheading>span{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;background:var(--green);color:white;border-radius:50%;font-weight:700}.stepheading h2{font:600 25px/1.2 system-ui;margin:0}.stepheading p{margin:6px 0;color:var(--muted);font-size:14px}.mainfields{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.simpleform .mainfields label{font-size:15px}.simpleform .mainfields select,.simpleform .mainfields input{font-size:17px;min-height:48px;margin-top:5px;background:#fafbf8}.settingspanel{margin:9px 0;border:1px solid var(--line);border-radius:8px;padding:13px 16px;background:#fafbf8}.settingspanel>summary{font-size:14px;font-weight:600}.settingspanel[open]>summary{margin-bottom:14px}.settingspanel>label{display:block;margin:12px 0}.formsubmit{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:25px}.formsubmit>.primary{padding:13px 22px}.formsubmit>span{font-size:13px}.planheading>label{display:block;font-size:12px}.planheading>label input{width:100%;font-size:24px;font-weight:650;padding:10px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;margin-bottom:15px}.timebalance{display:flex;justify-content:space-between;gap:10px;background:#edf3e8;font-size:14px}.phasecards{margin-bottom:18px}.phasecard{margin:10px 0;padding:0;border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden}.phasecard>summary{display:flex;align-items:center;gap:18px;list-style:none;padding:18px;cursor:pointer;font-weight:400}.phasecard>summary::-webkit-details-marker{display:none}.phasecard>summary:hover{background:#f5f7f1}.phasetime{flex:0 0 110px;font-size:14px;font-weight:650;color:var(--green)}.phasetime small{display:block;font-size:12px;font-weight:400;margin-top:3px}.phasebrief{flex:1;min-width:0}.phasebrief>strong{font-size:17px;display:block}.phasebrief>span{font-size:13px;display:block;color:var(--muted);margin-top:5px}.phaseopen{font-size:12px;color:var(--green);white-space:nowrap}.phasecard[open] .phaseopen{font-size:0}.phasecard[open] .phaseopen:after{content:'Schließen';font-size:12px}.phasefields{border-top:1px solid var(--line);padding:20px;background:#fafbf8}.phasefields>label{display:block;margin:12px 0}.phasefields textarea{min-height:85px;background:white}.phasefields .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.phaseactions{border-top:1px solid var(--line);padding-top:14px;margin-top:15px}.phaseactions button{font-size:12px;padding:7px 10px}.phasedetails>label{display:block;margin:10px 0}.planningonly #plannerstatus:empty{display:none}.planningonly #savestatus{font-size:12px}.planningonly footer{max-width:1000px;margin-top:10px}.planningonly .formgrid input,.planningonly .formgrid select{min-height:44px}.planningonly button{min-height:42px}.planningonly .printview{display:none}.planningonly.printview>#printarea{max-width:1100px}.planningonly .exporttable{font-size:10pt}@media(max-width:650px){.planningonly main{padding:18px 12px}#plannerbody{padding:18px 14px}.mainfields{grid-template-columns:1fr}.phasecard>summary{gap:12px;padding:14px}.phasetime{flex-basis:80px;font-size:12px}.phaseopen{display:none}.phasebrief>strong{font-size:16px}.phasefields{padding:14px}.phasefields .formgrid{grid-template-columns:1fr}.timebalance{flex-wrap:wrap}.plannerbar{gap:8px}.plannerbar button{font-size:13px}.backupmenu{margin-left:0}.formgrid{grid-template-columns:1fr}}
/* Eigenständige Gestaltung: Tinte, Petrol, Sand und Kupfer. */
:root{--ink:#20363d;--green:#176575;--cream:#f3eee5;--muted:#586b70;--line:#cbd6d6;--gold:#c6804c}body{background:var(--cream)}.planningonly main{max-width:1280px}.planningonly .plannerintro{border-left:5px solid #b16b3e;padding-left:24px}.planningonly h1{font-family:Georgia,serif;font-weight:500;color:#123d49}.planningonly #plannerbody{border-radius:4px;box-shadow:0 8px 30px #263f4510}.planningonly button.primary{background:#176575;color:white}.planningonly button:focus-visible,.planningonly summary:focus-visible{outline:3px solid #a34d20;outline-offset:3px}.topicpicker h3,.didchoices h3{font-size:17px;margin:24px 0 12px}.choices,.topicchoices{display:flex;gap:10px;flex-wrap:wrap}.choices>button{flex:1;padding:14px 20px;text-align:left;background:#f4f7f6;border:1px solid #b6c7c9;border-radius:4px;color:#20363d}.choices button small{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:5px}.choices button[aria-pressed=true],.topicchoices button[aria-pressed=true]{background:#145c6a;color:white;border-color:#145c6a;box-shadow:inset 0 -3px 0 #c6804c}.topicchoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.topicchoices button{text-align:left;white-space:normal;border-radius:4px;min-height:56px;background:white}.goalpreview{padding:15px 18px;border-left:3px solid #c6804c;background:#f8f1e7}.planningonly .mainfields{grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0}.compact>button{flex:0 1 auto;font-size:13px;padding:10px 13px}.didchoices{margin-bottom:24px}.lessonmeta{display:flex;gap:8px;flex-wrap:wrap}.lessonmeta span{background:#eff3f2;border:1px solid #d4dfdf;padding:4px 10px;border-radius:3px;font-size:13px}.learninggoals{margin:25px 0}.coreidea{background:#f5f0e7;padding:15px;border-left:3px solid #b16b3e}.lessonflow{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.6}.lessonflow th{background:#234d59;color:white;text-align:left;padding:14px}.lessonflow th:nth-child(1){width:16%}.lessonflow th:nth-child(2){width:46%}.lessonflow th:nth-child(3){width:20%}.lessonflow th:nth-child(4){width:18%}.lessonflow td{padding:16px;vertical-align:top;border-bottom:1px solid #ccd7d8;overflow-wrap:anywhere}.lessonflow tr[data-flow]:nth-of-type(4n+1){background:#f0f5f4}.lessonflow td p{margin:0 0 12px}.lessonflow td button{font-size:12px;padding:8px 10px;white-space:normal;width:100%;margin:4px 0}.lessonflow .expected{border-left:2px solid #b16b3e;padding-left:10px}.lessonflow .editrow td{padding:0;border:0}.lessonflow .phasecard{margin:0;border:0;border-radius:0}.lessonflow .phasecard>summary{padding:0;height:0;overflow:hidden}.lessonflow .phasecard[open]>summary{height:auto;padding:12px;background:#e5eeec}.lessonflow .phasefields{padding:22px;display:block}.lessonflow .phasefields button{width:auto}.lessonflow .phasefields label{font-size:14px}.lessonflow details:not(.phasecard){font-size:13px}.outlook{margin:25px 0;padding:20px;background:#f5eee3;border-top:3px solid #b16b3e}.boardcontext{padding:20px;background:#fff;margin-bottom:20px;border-left:4px solid #b16b3e}.planningonly .board .sq.dark{background:#a4b8b6}.planningonly .board .sq:not(.dark){background:#f6f0df}.planningonly .timebalance{background:#e5efed}.planningonly footer{max-width:1280px}
@media(max-width:800px){.topicchoices{grid-template-columns:repeat(2,minmax(0,1fr))}.planningonly .mainfields{grid-template-columns:repeat(2,minmax(0,1fr))}.lessonflow,.lessonflow tbody,.lessonflow tr,.lessonflow td{display:block;width:100%}.lessonflow thead{display:none}.lessonflow tr[data-flow]{border-top:3px solid #176575;margin-top:20px;padding:10px}.lessonflow td{padding:8px;border:0}.lessonflow td:first-child{background:#e6efed}.lessonflow td:last-child{display:flex;gap:8px}.lessonflow .editrow td{display:block}.choices>button{min-width:140px}.lessonflow td button{width:auto}.planningonly .training{grid-template-columns:1fr}}
@media(max-width:450px){.topicchoices,.planningonly .mainfields{grid-template-columns:1fr}.choices>button{flex-basis:100%}.compact>button{flex-basis:auto}.planningonly .plannerintro{padding-left:15px}}
@media print{.lessonflow th{background:#eee!important;color:black}.topicpicker,.didchoices,.boardcontext{display:none}.exporttable{table-layout:auto}.exporttable td{overflow-wrap:anywhere}}
.printunit{break-inside:avoid;page-break-inside:avoid}.printunit h3{break-after:avoid}.printunit .exportdiagram{break-after:avoid}@media print{.printunit{break-inside:avoid;page-break-inside:avoid}}
.unitcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.unitcard{border:1px solid var(--line);border-top:4px solid var(--green);padding:22px;background:#fcfcf9;border-radius:6px}.unitcard h3{font:600 23px/1.25 Georgia,serif;margin:16px 0}.unitcard>button{margin-top:14px}.unitcard details{background:#f0f5f3;padding:10px}.unitcard li p{margin:6px 0}.unitoptions{max-width:220px;margin:18px 0}.priorpicker{margin:24px 0}.priorpicker h3{font-size:17px}.priorpicker details{margin:12px 0}@media(max-width:720px){.unitcards{grid-template-columns:1fr}}
.entryexplanation{margin:14px 0 22px;padding:16px 20px;border-left:4px solid #b16b3e;background:#f7f0e5;font-size:14px}.entryexplanation p{margin:6px 0}.entrybadge{color:#145c6a;font-weight:600;padding:10px 0}
.qualitypanel{margin:18px 0;padding:16px;border:1px solid #b8ccca;background:#f0f5f3;border-radius:5px}.qualitypanel label{display:block;margin:12px 0}.qualitypanel summary{font-weight:650}.qualitypanel textarea{min-height:90px}
.labyrinthlayout{display:grid;grid-template-columns:minmax(300px,560px) minmax(220px,1fr);gap:28px}.labinteractive{position:relative;width:100%;max-width:560px;line-height:0}.labinteractive>svg{width:100%;height:auto;display:block}.labtargets{position:absolute;left:6%;top:6%;width:88%;height:88%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.planningonly .labtargets button{margin:0;padding:0;border:0;border-radius:0;background:transparent;min-height:0;min-width:0;outline-offset:-3px}.labtargets button:hover{background:#1e65752a}.labtargets button:focus-visible{outline:3px solid #176575}.labsolved{background:#d9f0df;border:2px solid #28763e;padding:18px;font-weight:700;font-size:19px}.labprint svg{max-width:100%;height:auto}.labyrinthlayout aside{background:#f3f4ef;padding:20px;border:1px solid var(--line)}@media(max-width:760px){.labyrinthlayout{grid-template-columns:1fr}}

/* Clear interaction states must outrank the planning colour theme. */
.planningonly .board .sq.selected{background:#f4c45b;box-shadow:inset 0 0 0 4px #654000}.planningonly .board .sq.target:after{content:'';position:absolute;width:28%;height:28%;background:#123d45b0;border:2px solid white;border-radius:50%;pointer-events:none}.board .sq{touch-action:manipulation;min-width:0}.board .sq:focus-visible{outline:4px solid #a34400;outline-offset:-4px;z-index:1}.movelist{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.movelist button[aria-pressed=true],.boardcontext button[aria-pressed=true]{background:#234d59;color:white;border:2px solid #234d59}.arrowlayer,.arrowlayer *{pointer-events:none}.boardcontext button{min-height:44px}
/* Scan-friendly lesson plan. Text labels carry the meaning without colour. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.scanhead{border:1px solid #cbd6d6;padding:18px;background:#fff;border-radius:8px}.scanhead h3{margin:12px 0 6px}.scanhead .scangoal{margin:6px 0 12px;font-size:16px}.scanmetadata{grid-template-columns:2fr 1fr;margin:12px 0}.scanhead details{padding:8px 0}.scanhead summary{font-size:13px}.lessonflow{font-size:13px;line-height:1.45;table-layout:fixed}.lessonflow th:nth-child(1){width:15%}.lessonflow th:nth-child(2){width:37%}.lessonflow th:nth-child(3){width:14%}.lessonflow th:nth-child(4){width:15%}.lessonflow th:nth-child(5){width:19%}.lessonflow th{padding:11px 10px}.lessonflow td{padding:13px 10px}.lessonflow .scansteps{margin:0;padding:0;list-style:none}.lessonflow .scansteps li{margin:0 0 9px}.lessonflow .scanresult{padding-top:6px;border-top:1px dashed #bdc9c9}.lessonflow .scantime{margin:8px 0}.lessonflow .scanmethod{margin-top:9px;color:#586b70;font-size:12px}.lessonflow details{border:0;padding:5px 0}.lessonflow summary{font-weight:500;font-size:12px}.lessonflow .fullsteps{margin-top:5px}.lessonflow tr[data-flow]{background:#fff}.lessonflow tr[data-flow]>td:first-child{border-left:5px solid #8a969c;background:#f3f5f4}.lessonflow .tone-entry>td:first-child{border-left-color:#398064;background:#edf5ef}.lessonflow .tone-learn>td:first-child{border-left-color:#447da0;background:#edf3f8}.lessonflow .tone-secure>td:first-child{border-left-color:#aa5656;background:#faf0ee}.lessonflow .tone-practice>td:first-child{border-left-color:#947235;background:#f8f4e9}.lessonflow .tone-close>td:first-child{border-left-color:#78658e;background:#f3eff7}.lessonflow .scannote{border-left:2px solid #aa7445;padding-left:7px;white-space:pre-line}.reservebox{padding:18px;background:#f6f1e8;border:1px solid #d9c8ab;border-radius:8px;margin-top:24px}.reservebox h3{margin:0}.reservebox .muted{font-size:12px}.reservegrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reservegrid textarea{font-size:14px;font-weight:400;min-height:110px}.outlook{padding:12px 16px;margin:18px 0}.outlook h3{font-size:16px;margin:0 0 6px}
@media(max-width:800px){.lessonflow tr[data-flow]>td:first-child{border-left-width:5px}.lessonflow td:last-child{display:block}.lessonflow td[data-label]:not(:first-child):before{content:attr(data-label);display:block;font-weight:700;font-size:11px;color:#52666c;margin:4px 0 8px;text-transform:uppercase;letter-spacing:.04em}.lessonflow .editrow td:before{display:none}.reservegrid{grid-template-columns:1fr}.scanhead{padding:12px}.scanmetadata{grid-template-columns:1fr 1fr}}
@media print{.exporttable{font-size:9pt;line-height:1.35}.exporttable th{background:#eee!important;color:#111}.exporttable tr{break-inside:avoid}.exporttable th:nth-child(2){width:36%}.exporttable td{padding:6px}}

body:has(.lessonflow) .plannerintro h1{font-size:30px;margin:8px 0}body:has(.lessonflow) .plannerintro>p:last-child{display:none}.scanmetadata input{font-weight:400}

.methoddiagram{width:min(100%,340px);margin:16px auto}.methoddiagram>svg{width:100%;height:auto}.childgoal{border-left:4px solid #267365;background:#edf5ef;padding:10px 14px;font-weight:600}.qualitypanel h3{font-size:16px}.qualitypanel .methoddiagram{max-width:280px}

/* Compact laptop board workspace; squares retain their full click area. */
body:has(#teacherboard) main,body:has(.labinteractive) main{max-width:1050px;padding:12px 22px}body:has(#teacherboard) #app>h2,body:has(.labinteractive) #app>h2{font:600 22px/1.2 system-ui;margin:4px 0 12px}body:has(#teacherboard) footer,body:has(.labinteractive) footer{margin-top:12px;padding:8px 22px;font-size:11px}
body:has(#teacherboard) .training{grid-template-columns:minmax(260px,min(480px,calc(100dvh - 180px))) minmax(260px,1fr);gap:22px;margin-top:0;align-items:start}body:has(#teacherboard) .training>div{min-width:0}.training .boardnav{flex-wrap:nowrap;gap:6px;justify-content:center;margin-top:8px}.boardnav button{padding:5px 9px!important;min-height:30px;white-space:nowrap;font-size:12px!important}.boardnav span{font-size:11px;white-space:nowrap}
body:has(#teacherboard) .side{padding:12px 14px;font-size:13px;border-radius:6px}body:has(#teacherboard) .side h3{font-size:16px;margin:8px 0}body:has(#teacherboard) .side p{margin:6px 0;line-height:1.4}body:has(#teacherboard) .side button,body:has(#teacherboard) .side select{font-size:12px;padding:5px 9px;min-height:30px}body:has(#teacherboard) .side .row{gap:5px}body:has(#teacherboard) .boardcontext{padding:0 0 10px;margin:0 0 10px;border:0;border-bottom:1px solid #ccd7d8;background:transparent}body:has(#teacherboard) .boardcontext button{min-height:30px}body:has(#teacherboard) .boardcontext details{padding:5px 0}.boardextras{padding:7px 0;font-size:12px}.boardextras summary{font-weight:600}.boardextras .callout{padding:7px;font-size:12px}.boardextras textarea{min-height:54px;font-size:11px}.boardextras .movelist{margin-top:6px;gap:4px}#boardnotice:empty{display:none}#boardnotice:not(:empty){padding:8px;background:#edf4ef;border-left:3px solid #28784b}body:has(#teacherboard) .palette{margin:8px 0;gap:3px}body:has(#teacherboard) .palette button{padding:2px;min-height:28px}.boardtask p{font-size:13px;line-height:1.45}
body:has(.labinteractive) .labyrinthlayout{display:grid;grid-template-columns:minmax(260px,min(480px,calc(100dvh - 190px))) minmax(260px,1fr);gap:22px;align-items:start}body:has(.labinteractive) .labinteractive{width:100%;max-width:none}body:has(.labinteractive) aside{font-size:13px}body:has(.labinteractive) aside h3{font-size:16px;margin:8px 0}body:has(.labinteractive) aside p{margin:6px 0}body:has(.labinteractive) button:not([data-labsq]){padding:5px 9px;font-size:12px;min-height:30px}body:has(.labinteractive) #labback{float:right}body:has(.labinteractive) aside details{padding:6px 0}body:has(.labinteractive) #labstatus{padding:10px;font-size:14px}body:has(.labinteractive) .row{gap:5px}
@media(max-width:760px){body:has(#teacherboard) .training,body:has(.labinteractive) .labyrinthlayout{grid-template-columns:1fr}body:has(#teacherboard) .training>div,body:has(.labinteractive) .labyrinthlayout>div{width:min(100%,460px);margin:auto}body:has(#teacherboard) main,body:has(.labinteractive) main{padding:10px}.boardnav{gap:3px!important}.boardnav button{font-size:11px!important;padding:5px!important}.boardnav span{font-size:10px}}

.movefeedback{font-size:14px;font-weight:650;line-height:1.35;padding:10px 12px;border:2px solid #607780;border-radius:6px;margin:0 0 8px;background:#eef4f6;min-height:44px}.movefeedback.good,#labstatus.labcorrect{background:#e3f4e7;border:2px solid #287444;color:#164725}.movefeedback.bad,#labstatus.labwrong{background:#fff0e9;border:2px solid #b14425;color:#822d16}body:has(#teacherboard) .training{grid-template-columns:minmax(260px,min(480px,calc(100dvh - 235px))) minmax(260px,1fr)}@media(max-width:760px){body:has(#teacherboard) .training{grid-template-columns:1fr}}

/* Stable teaching board: animation above all squares, status never shifts the board. */
html{scrollbar-gutter:stable}
#teacherboard .arrowboard{position:relative;isolation:isolate}
#teacherboard .moving-piece{position:absolute;z-index:20;pointer-events:none;object-fit:contain;margin:0;max-width:none}
body:has(#teacherboard) #app{overflow-anchor:none}
body:has(#teacherboard) .movefeedback{height:82px;min-height:82px;overflow:auto}
body:has(#teacherboard) #boardnotice{display:block;height:80px;min-height:80px;overflow:auto;margin:6px 0;padding:8px;border-left:3px solid transparent}
body:has(#teacherboard) #boardnotice:not(:empty){border-left-color:#28784b}

.boardturn{margin:.35rem 0;font-size:1.2rem}.training>div>.boardcontext{margin:0 0 .6rem}.boardcontext .boardtask{margin:.35rem 0}.boardnav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;align-items:stretch}.boardnav button{min-width:0;padding:.55rem .25rem;white-space:normal}.boardnav>span{grid-column:1/-1;text-align:center;grid-row:2}.boardnav #solutionview{grid-column:4;grid-row:1}

/* Shared header keeps board and tools aligned on one top edge. */
body:has(#teacherboard) .boardlead{margin:0 0 8px}body:has(#teacherboard) .boardlead .movefeedback{height:auto;min-height:66px;max-height:150px;background:#e3f4e7;border-color:#287444;color:#164725;padding:8px 12px;margin:0 0 4px}body:has(#teacherboard) .boardinstruction{font-size:17px;font-weight:750;line-height:1.35;margin:0 0 4px}.boardfeedbacktext{display:block;font-size:12px;font-weight:500}.boardlead .boardturn{font-size:15px;margin:3px 0 0}body:has(#teacherboard) .training{align-items:start}body:has(#teacherboard) .side{margin-top:0}body:has(#teacherboard) .side>h3{margin-top:0}.boardtoolactions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.boardtoolactions button{padding:6px 3px!important;white-space:normal;min-width:0}body:has(#teacherboard) .boardcontext{border:0;margin:8px 0;padding:0}.boardcontext #returnplan{width:100%;text-align:left}.boardcontext .taskchoices{margin:8px 0}.materialreason{border-top:1px solid #d9dfd7}body:has(#teacherboard) #boardnotice:empty{display:none;height:0;min-height:0;margin:0;padding:0}

/* Neutral task, incorrect move, correct move: one feedback area. */
body:has(#teacherboard) .boardlead .movefeedback{background:#fff2bf;border-color:#c99a22;color:#614400}body:has(#teacherboard) .boardlead .movefeedback.bad{background:#fde5e2;border-color:#b6382c;color:#7f2018}body:has(#teacherboard) .boardlead .movefeedback.good{background:#e3f4e7;border-color:#287444;color:#164725}body:has(#teacherboard) .training .boardturn{text-align:center;font-size:15px;margin:5px 0;line-height:1.3}body:has(#teacherboard) .movefeedback #boardnotice{height:auto;min-height:0;margin:3px 0 0;padding:0;border:0;background:transparent;font-size:12px;font-weight:400}body:has(#teacherboard) .movefeedback #boardnotice:empty,body:has(#teacherboard) .movefeedback.good #boardnotice,body:has(#teacherboard) .movefeedback.bad #boardnotice{display:none}

/* Reserve the same space for every task and feedback state. */
body:has(#teacherboard) .boardlead .movefeedback{height:112px;min-height:112px;max-height:112px;overflow:auto;overflow-anchor:none;scrollbar-gutter:stable;contain:layout}body:has(#teacherboard) .boardlead{height:116px;min-height:116px;max-height:116px;overflow:hidden}body:has(#teacherboard) .boardinstruction{margin:0 0 4px}body:has(#teacherboard) .training,body:has(#teacherboard) .boardturn,body:has(#teacherboard) .boardnav{overflow-anchor:none}

/* Feedback stays inside the square and never changes board geometry. */
#teacherboard .sq .movebadge{position:absolute;right:1%;top:1%;z-index:40;display:grid;place-items:center;width:43%;height:43%;font-family:system-ui,sans-serif;font-size:clamp(15px,2.7vw,26px);line-height:1;border-radius:50%;background:#fffdf4;box-shadow:0 1px 5px #0005;pointer-events:none;animation:movebadge-blink .5s linear 3 both}#teacherboard .movebadge.correct{border:2px solid #287444}#teacherboard .movebadge.incorrect{border:2px solid #b6382c}@keyframes movebadge-blink{0%,100%{opacity:1}50%{opacity:.15}}@media(prefers-reduced-motion:reduce){#teacherboard .sq .movebadge{animation:none}}

body:has(#teacherboard) .boardtoolscolumn{align-self:start;min-width:0}body:has(#teacherboard) .boardtoolscolumn>.boardturn{text-align:left;margin:7px 0 0;font-size:15px;line-height:1.3}body:has(#teacherboard) .boardtoolscolumn>.side{width:100%}

#teacherboard .sq .movebadge{left:50%;top:50%;right:auto;transform:translate(-50%,-50%);width:auto;height:auto;font-size:clamp(22px,3.6vw,34px);background:transparent;border:0!important;border-radius:0;box-shadow:none;padding:0}

#teacherboard .sq{touch-action:none}#teacherboard .sq img{user-select:none;-webkit-user-drag:none}.dragged-chess-piece{object-fit:contain;user-select:none;pointer-events:none;filter:drop-shadow(0 3px 3px #0005)}

body:has(#teacherboard) .boardtoolscolumn>.boardlead{margin:10px 0 0}body:has(#teacherboard) .boardlead .boardturn{text-align:left;margin:5px 0 0;font-size:15px;line-height:1.3}body:has(#teacherboard) .boardtoolscolumn>.boardlead{height:138px;min-height:138px;max-height:138px}body:has(#teacherboard) .boardtoolscolumn>.boardlead .movefeedback{height:134px;min-height:134px;max-height:134px}

body:has(#teacherboard) .boardlead .boardturn{display:block;margin-top:18px;padding:5px 9px;background:#173e66;color:#fff;border-radius:4px;font-size:16px;font-weight:750;width:fit-content}.boardcontinuation{margin:5px 0 0;font-size:14px;font-weight:750;line-height:1.3}body:has(#teacherboard) .boardtoolscolumn>.boardlead{height:190px;min-height:190px;max-height:190px}body:has(#teacherboard) .boardtoolscolumn>.boardlead .movefeedback{height:186px;min-height:186px;max-height:186px}.threatarrow{pointer-events:none;animation:reveal-threat 1.4s linear forwards}@keyframes reveal-threat{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
/* Bildschirmplan im Format der PDF-Ausgabe */
.scanhead.learninggoals{background:#fff;border:1px solid #cfd6d8;border-radius:6px;padding:22px 24px;font-size:15px;line-height:1.5}
.scanhead .plantitle{font-size:24px;margin:0 0 10px;color:#1c2a44}
.scanhead .planlead{margin:4px 0}.scanhead .planlead .scangoal{font-size:inherit;margin:0}
.scanhead .scanmetadata{margin:12px 0 4px;max-width:520px}
.scanhead .planningdetails{margin-top:10px}.scanhead .lessonmeta{margin:8px 0}
.lessonflow{border:1px solid #2f3a3d;border-collapse:collapse;background:#fff;font-size:14px;line-height:1.45;table-layout:fixed}
.lessonflow th,.lessonflow th:nth-child(n){width:auto;background:#fff!important;color:#111;text-align:center;font-weight:700;padding:9px 10px;border:1px solid #2f3a3d}
.lessonflow tr[data-flow],.lessonflow tr[data-flow]:nth-of-type(4n+1){background:#fff}
.lessonflow tr[data-flow]>td{border:1px solid #2f3a3d;padding:9px 10px}
.lessonflow tr[data-flow]>td:first-child{border-left:1px solid #2f3a3d;background:#fff}
.lessonflow td p{margin:0 0 6px}
.lessonflow .phasesub,.lessonflow .scantime{display:block;margin:0}
.lessonflow .editslot button{width:auto;margin:8px 0 0;padding:4px 10px;font-size:12px}
.lessonflow .fullsteps{margin-top:4px;font-size:12.5px;color:#4a5a5e}.lessonflow .fullsteps summary{cursor:pointer}
.lessonflow .scansocial{margin:0}.lessonflow .scanmaterial{margin:0 0 6px}
.lessonflow .medialinks{display:flex;gap:6px;flex-wrap:wrap}.lessonflow .medialinks button{width:auto;margin:0;padding:4px 10px;font-size:12px}
.reservebox.planfoot{background:#fff;border:0;border-radius:0;padding:14px 2px 0;margin-top:6px;font-size:15px;line-height:1.5}
.planfoot .planlead{margin:0 0 8px}.planfoot .reservegrid{grid-template-columns:1fr 1fr;gap:16px}
.planfoot .reservegrid label{font-weight:700}.planfoot .reservegrid textarea{min-height:64px;font-weight:400}
@media(max-width:800px){.lessonflow,.lessonflow tbody,.lessonflow tr,.lessonflow td{display:block;width:100%}.lessonflow colgroup,.lessonflow thead{display:none}.lessonflow tr[data-flow]{border:1px solid #2f3a3d;margin-top:14px;padding:0}.lessonflow tr[data-flow]>td{border:0;border-bottom:1px solid #d5dcdd;display:block}.lessonflow tr[data-flow]>td:first-child{background:#f3f5f5}.planfoot .reservegrid{grid-template-columns:1fr}}
.lessonflow .editrow:not(:has(>td>.phasecard[open])){display:none}
.scanhead .plansession{margin:0 0 8px;font-size:17px}.plantools{margin-top:18px}
.planfoot+.row,.plantools+.row{margin-top:18px}
.novicebox{background:#fff;border:1px solid #cfd6d8;border-left:5px solid #176575;border-radius:8px;padding:16px 20px;margin:0 0 22px}.novicebox>summary{font-weight:700;font-size:17px;cursor:pointer;color:#14213d}.novicesteps{margin:14px 0 14px 20px;padding:0;line-height:1.55}.novicesteps li{margin:6px 0}.novicetips{margin-top:14px;border-top:1px solid #e1e6e7;padding-top:10px}.novicetips summary{font-weight:650;cursor:pointer}.novicetips ol{margin:10px 0 6px 20px;padding:0;line-height:1.5}.novicetips li{margin:5px 0}
.merkbox{border:1px solid #9fb9e8;border-left:5px solid #2b6cd4;background:#eef4ff;border-radius:6px;padding:8px 12px!important;margin:6px 0 12px!important}
.gl{border-bottom:1px dotted #176575;cursor:help;position:relative;outline:none}.gl::after{content:"?";display:inline-block;font-size:10px;font-weight:700;line-height:13px;width:13px;height:13px;margin-left:2px;border-radius:50%;background:#176575;color:#fff;text-align:center;vertical-align:super}.gl:hover::before,.gl:focus::before{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 6px);z-index:30;width:min(280px,70vw);background:#14213d;color:#fff;font-size:13px;font-weight:400;line-height:1.4;padding:8px 10px;border-radius:6px;box-shadow:0 4px 14px #0003;white-space:normal;text-transform:none;letter-spacing:0;text-align:left}
@media print{.gl{border:0}.gl::after,.gl::before{display:none!important}}
.praxistoc{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:4px 0 18px;padding:10px 14px;background:#eef3f2;border-radius:8px}.praxistoc a{color:#176575;font-weight:600}.praxistoc button{margin-left:auto}.praxissec{background:#fff;border:1px solid #cfd6d8;border-radius:8px;padding:16px 20px;margin:0 0 18px;line-height:1.55}.praxissec h3{margin:0 0 8px;font-size:19px;color:#14213d}.praxissec h4{margin:14px 0 6px;font-size:15px}.praxissec li{margin:4px 0}.yeartable{width:100%;border-collapse:collapse;font-size:14px;margin:4px 0 10px}.yeartable th,.yeartable td{border:1px solid #d5dcdd;padding:5px 8px;text-align:left}.yeartable th{background:#f3f5f5}.yeartable td:first-child{width:60px;text-align:center}.linklike{background:none!important;border:0!important;padding:0!important;color:#176575!important;text-decoration:underline;cursor:pointer;font:inherit!important;min-height:0!important}.glosslist dt{font-weight:700;margin-top:8px}.glosslist dd{margin:2px 0 0 0;color:#33454a}
.memorygrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0}.memorygrid figure{margin:0;text-align:center}.memorygrid figcaption{font-size:13px;margin-bottom:4px}.memorygrid .methoddiagram{width:100%;margin:0}.methodobserve{margin:14px 0;padding:8px 12px;background:#f3f5f5;border-radius:6px}@media(max-width:600px){.memorygrid{grid-template-columns:1fr}}
.docbody{background:#f3eee5}.docpage{max-width:920px;margin:0 auto;padding:34px 20px 40px;color:#20363d;line-height:1.6}.dochead{border-left:5px solid #b16b3e;padding-left:22px;margin:0 0 26px}.doceyebrow{font:700 11px/1 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;color:#20363d}.dochead h1{font:400 40px/1.15 Georgia,"Times New Roman",serif;color:#14363f;margin:0 0 8px}.dochead p{margin:0;color:#586b70}.docsec{background:#fff;border:1px solid #cbd6d6;border-radius:8px;padding:18px 22px;margin:0 0 18px}.docsec h2{font-size:20px;margin:0 0 10px;color:#14213d}.docsec h3{font-size:16px;margin:14px 0 4px}.docsec a{color:#176575}.docsec li{margin:4px 0}.docsec details{margin:8px 0}.docsec summary{cursor:pointer;font-weight:600;color:#176575}.docsec pre{white-space:pre-wrap;font-size:12px;background:#f6f5f0;padding:10px 12px;border-radius:6px;max-height:320px;overflow:auto}.docfoot{font-size:13px;color:#586b70;margin-top:24px}.docfoot a{color:#176575}#dialog .docpage{padding:0}#dialog .dochead h1{font-size:30px}
#returnplan,#labback,#closeprint,#closeprint2,#returneditor,#backunits,#fbback,#rtback,#rsback,.planningonly #returnplan,.planningonly #labback,.planningonly #closeprint,.planningonly #returneditor{background:#9a5a30!important;border-color:#7a4422!important;color:#fff!important;font-weight:700!important}#returnplan:hover,#labback:hover,#closeprint:hover,#closeprint2:hover,#returneditor:hover,#backunits:hover,#fbback:hover,#rtback:hover,#rsback:hover{background:#8f5129!important}#returnplan:focus-visible,#labback:focus-visible,#closeprint:focus-visible,#closeprint2:focus-visible,#returneditor:focus-visible,#backunits:focus-visible,#fbback:focus-visible,#rtback:focus-visible,#rsback:focus-visible{outline:3px solid #14213d;outline-offset:2px}
.savedwrap{display:inline-flex;align-items:stretch;gap:2px;margin:0 6px 6px 0}.savedwrap .savedplan{margin:0}.saveddel{min-width:34px!important;padding:0 8px!important;font-size:18px!important;line-height:1;color:#8f3b2a!important;background:#fff!important;border:1px solid #d9c3bc!important}.saveddel:hover{background:#f8e9e5!important}
.boardtoggle{display:flex;align-items:center;gap:.5rem;margin:.6rem 0 1rem;font-weight:600}
@media screen{.printview>#printarea{max-width:none;background:#d9dde3;padding:20px 16px 40px;min-height:100vh;overflow-x:auto}.printview .printcontrols{max-width:297mm;margin:0 auto 18px;background:#edf3e9}#printdocument{display:flex;flex-direction:column;align-items:center;gap:9mm;counter-reset:pg}#printdocument .ws-page,#printdocument .printsection,#printdocument.freeflow>.sheetwrap{flex:none;background:#fff;box-shadow:0 2px 12px #0003;position:relative;margin:0!important}#printdocument .ws-page{width:210mm;min-height:297mm;padding:10mm 11mm 12mm}#printdocument .printsection.landscape{width:297mm;min-height:210mm;padding:10mm}#printdocument.freeflow>.sheetwrap{width:210mm;min-height:297mm;padding:15mm}#printdocument .ws-page .ws-page{box-shadow:none;width:auto;min-height:0;padding:0}#printdocument [data-pageno]::after{content:attr(data-pageno);position:absolute;bottom:4mm;right:11mm;font:8pt system-ui;color:#667}#printdocument [data-pagetitle]::before{content:attr(data-pagetitle);position:absolute;bottom:4mm;left:11mm;font:8pt system-ui;color:#667}.printhint{font-size:13px;color:#4c5a55;margin:6px 0 0}}
@media (prefers-reduced-motion: reduce){.threatarrow,.movebadge,.moving-piece{animation:none!important;transition:none!important}.threatarrow{stroke-dashoffset:0!important}}

/* Kontraste: Stufenknopf und kleine Drucktexte (WCAG AA) */
#levelchoices [aria-pressed="true"] small{color:#d6e6e3!important}

.promopick button{margin:4px 4px 0 0;display:inline-flex;align-items:center;gap:4px}.promopick button img,.promopick button svg{width:28px;height:28px}
/* Jahresplan mit Material-Pools · © Dr. Edmund Bruns */
.jp-intro{background:#eef3f2;border-radius:8px;padding:8px 14px;margin:8px 0}
.jp-meta{border-collapse:collapse;margin:8px 0 14px;width:100%}.jp-meta th{text-align:left;width:8.5rem;padding:4px 8px;color:#176575;vertical-align:top}.jp-meta td{padding:4px 8px}.jp-meta tr+tr{border-top:1px solid #e3e8ef}
.jp-phase{border:1px solid #d5dbe6;border-radius:8px;margin:10px 0;padding:6px 12px;background:#fff}.jp-phase>summary{cursor:pointer;padding:4px 0}.jp-phase h5{margin:10px 0 4px}
.jp-list{list-style:none;padding:0;margin:6px 0;display:grid;gap:8px}
.jp-bs{border-left:4px solid #176575;background:#f7f9fc;border-radius:6px;padding:6px 10px}.jp-bs p{margin:3px 0 0 1.6rem}.jp-art{font-size:.8rem;background:#dbeeee;color:#14535f;border-radius:10px;padding:1px 8px;margin-left:4px}.jp-min{font-size:.85rem;color:#5a6478;margin-left:4px}.jp-who{font-weight:600;color:#3b4660}.jp-mat{color:#5a6478;font-size:.9rem}
.jp-task{padding:4px 0;border-bottom:1px dashed #e3e8ef}.jp-task label{display:inline}.jp-src{font-size:.8rem;color:#667;margin-left:1.6rem}.jp-board{margin-left:6px;padding:2px 10px;font-size:.85rem}
.jp-mine{border:2px solid #176575;border-radius:10px;padding:8px 14px;margin:16px 0;background:#f4faf9}
@media (max-width:600px){.jp-meta th{width:6rem}.jp-bs p,.jp-src{margin-left:0}}
.jp-flow{width:100%;border-collapse:collapse;margin:10px 0}.jp-flow th,.jp-flow td{border:1px solid #d5dbe6;padding:8px 10px;vertical-align:top;text-align:left}.jp-flow thead th{background:#eef3f2;color:#14535f}
.jp-flow tbody th{width:9rem;color:#14213d}.jp-flow tbody th .jp-min{display:block;font-weight:400;margin:2px 0 0}.jp-flow td p{margin:4px 0 0}.jp-kids{color:#3b4660;font-style:italic}
.jp-links{width:15rem}.jp-link{display:block;width:100%;text-align:left;margin:0 0 6px;padding:6px 10px;border:1px solid #b9cfd0;border-radius:8px;background:#f4faf9;color:#14535f;font:inherit;font-size:.92rem;text-decoration:none;cursor:pointer}.jp-link:hover,.jp-link:focus-visible{background:#dbeeee}
@media (max-width:700px){.jp-flow thead{display:none}.jp-flow,.jp-flow tbody,.jp-flow tr,.jp-flow th,.jp-flow td{display:block;width:auto}.jp-flow tr{border:1px solid #d5dbe6;border-radius:8px;margin:0 0 10px}.jp-flow th,.jp-flow td{border:0}.jp-links{width:auto}}
.jp-phname{display:block;font-weight:400;color:#5a6478;margin-top:2px}.jp-story{border:1px solid #d5dbe6;border-radius:8px;padding:6px 12px;margin:10px 0;background:#fffdf5}.jp-story p{margin:6px 0}
.jp-fbgrid{display:grid;grid-template-columns:minmax(260px,480px) 1fr;gap:18px;align-items:start}@media (max-width:760px){.jp-fbgrid{grid-template-columns:1fr}}
.jp-board{display:grid;grid-template-columns:1.6rem repeat(8,1fr);gap:0;max-width:480px}
.jp-board .jp-lab{display:flex;align-items:center;justify-content:center;font-weight:700;color:#3b4660;background:none;border:0;padding:4px 0;font-size:.9rem}
.jp-board button.jp-lab{cursor:pointer;border-radius:6px}.jp-board button.jp-lab:hover,.jp-board button.jp-lab:focus-visible{background:#dbeeee}
.jp-sq{aspect-ratio:1;background:#eef1f6;border:0;padding:0;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.jp-sq.dark{background:#8d9fc7}
.jp-sq img{width:86%;height:86%;pointer-events:none}.jp-sq.marked{box-shadow:inset 0 0 0 100px rgba(240,200,40,.62)}.jp-sq.sol{outline:3px solid #1f8a4c;outline-offset:-3px}
.jp-sq:focus-visible{outline:3px solid #176575;outline-offset:-3px;z-index:1}
.jp-fbq{font-size:1.1rem}.jp-hint{background:#fff6d6;border-radius:6px;padding:6px 10px;margin:6px 0}
.jp-board button{margin:0;min-width:0;min-height:0;border-radius:0;font:inherit}.jp-board button.jp-sq{border:0;padding:0}.jp-board button.jp-lab{border-radius:6px;padding:4px 0}
.jp-board .jp-sq.marked{box-shadow:inset 0 0 0 100px rgba(240,200,40,.62)}
@media (max-width:760px){.jp-board{max-width:100%}.jp-fbside .taskchoices{flex-wrap:wrap}}
.jp-fb .board .sq.solution{box-shadow:inset 0 0 0 6px #bf5d00}.jp-fb .board .sq.marked.solution{box-shadow:inset 0 0 0 6px #2e8b57,inset 0 0 0 10px #bf5d00}
.jp-fb .file-labels button.jp-lab,.jp-fb .rank-labels button.jp-lab{background:none;border:0;padding:0;margin:0;min-height:0;min-width:0;font:inherit;font-weight:700;color:inherit;cursor:pointer;border-radius:4px;width:100%;height:100%}
.jp-fb .jp-lab:hover,.jp-fb .jp-lab:focus-visible{background:#dbeeee}.jp-fb h2{margin:4px 0 12px}
.jp-hints{background:#f4faf9;border-left:4px solid #176575;padding:8px 12px;border-radius:6px}

.jp-after{margin:12px 0;padding:8px 12px;border:1px solid #e3e8ef;border-radius:6px}.jp-after h4{margin:0 0 4px}.jp-after table{border-collapse:collapse;width:100%;font-size:.95em}.jp-after th,.jp-after td{text-align:left;padding:4px 6px;border-top:1px solid #e3e8ef;vertical-align:top}
.jp-nav{margin:10px 0}.jp-pick{margin:12px 0;padding:12px 14px;border:1px solid #b9cfd0;border-radius:8px;background:#f4faf9}.jp-pick h4{margin:0 0 4px}.jp-pick label{display:block;margin:6px 0;font-size:15px;font-weight:500}.jp-rt .sq.gone::after{content:'✕';position:absolute;inset:0;display:grid;place-items:center;color:#7a1414;font-weight:800;font-size:1.5em;background:rgba(30,30,30,.38)}.jp-rt .sq.solution{box-shadow:inset 0 0 0 6px #bf5d00}.jp-rtlog{font-size:14px;margin:8px 0;padding-left:22px;max-height:12rem;overflow:auto}.jp-rt select{display:inline-block;margin:4px 0 8px}.jp-rt label{display:block}.jp-rtauto{font-weight:500;margin:8px 0}.jp-rtauto input{margin-right:6px}
.jp-rtin input{flex:1;min-width:12rem}.jp-rtplan{background:#e6f4ec;border-radius:6px;padding:6px 10px;margin:8px 0}.jp-rtlist{padding:6px 0}.jp-rtlist select{display:block;margin-top:6px;max-width:100%}
.rswrap{overflow-x:auto;margin-top:10px}.rstable{border-collapse:collapse;font-size:14px;min-width:100%}.rstable th,.rstable td{border:1px solid #d9dfd7;padding:4px;vertical-align:middle;text-align:center}.rstable thead th{font-size:12px;font-weight:600;background:#f4faf9;min-width:7rem}.rstable thead th span{font-weight:400}.rstable td:first-child,.rstable th:first-child{text-align:left;position:sticky;left:0;background:#fff;z-index:1}.rstable input{width:11rem;padding:5px}.rscell{width:100%;min-height:36px;border:0;border-radius:4px;font-size:13px;padding:4px}.rs-leer{background:#f6f7f5;color:#999}.rs-nicht{background:#ffc7ce;color:#9c0006}.rs-teilweise{background:#ffeb9c;color:#7c5800}.rs-verstanden{background:#c6efce;color:#14532d}.rsfocus{outline:3px solid #176575;outline-offset:-3px}.rsdel{border:0;background:none;color:#9c0006;font-size:16px}.rstable tfoot td{font-size:12px;color:#3b4660}.jp-hit td{background:#e6f4ec;font-weight:600}.jp-eval{background:#e6f4ec;border-radius:6px;padding:6px 10px}
.rstabs button[aria-pressed=true]{background:#225c50;color:#fff;border-color:#225c50}

/* Compact standalone method cards, also readable on phones and in print. */
.inspirationcard{max-width:760px;margin:auto}.inspirationcard h3{font-size:1rem;margin:1rem 0 .25rem}.inspirationcard p{margin:.25rem 0 .75rem;line-height:1.5}.inspirationdiagrams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.inspirationdiagrams figure{margin:0}.inspirationdiagrams .methoddiagram{max-width:260px}.inspirationdiagrams figcaption{font-size:.9rem}.methodsource{font-size:.8rem;overflow-wrap:anywhere}.methodsources{margin-top:1.5rem}@media(max-width:480px){.inspirationdiagrams{grid-template-columns:1fr}}@media print{.inspirationcard{font-size:11pt}.inspirationcard h2{font-size:18pt}.inspirationcard h3{font-size:12pt}.inspirationcard section{break-inside:avoid}.inspirationdiagrams{grid-template-columns:1fr 1fr}.inspirationdiagrams .methoddiagram{max-width:190px}}

.methodvisual{margin:16px 0;border:1px solid #cbdedb;border-radius:12px;overflow:hidden;background:#f4f8f7}.methodvisual svg{display:block;width:100%;max-height:280px}.methodvisual figcaption{padding:10px 16px;text-align:center;font-weight:600;font-size:14px;color:#174e57}

#methodcards .methodtile{background:hsl(var(--method-hue) 55% 96%);border-color:hsl(var(--method-hue) 30% 78%);border-top:5px solid hsl(var(--method-hue) 42% 65%);box-shadow:0 3px 12px #193e4608}#methodcards .methodtile button{background:#ffffffbd;border-color:hsl(var(--method-hue) 25% 67%)}#methodcards .methodtile:hover{border-color:hsl(var(--method-hue) 40% 48%);box-shadow:0 5px 16px #193e4615}#methodcards .methodtile button:focus-visible{outline:3px solid #175f70;outline-offset:3px}
@media print{.inspirationcard,.mm-page{color:#222!important}.mm-lines{background:repeating-linear-gradient(to bottom,transparent 0,transparent 8mm,#bbb 8mm,#bbb 8.2mm)!important}#methodcards .methodtile{background:white!important;border-color:#777!important;box-shadow:none!important}.methodvisual{background:white!important;border:1px solid #555!important}.methodvisual svg,.mm-page svg{filter:grayscale(1)}.methodvisual svg rect:not(.mm-board *),.mm-illustration rect:not(.mm-board *),.mm-map rect{fill:white!important;stroke:#666!important}.methodvisual svg circle,.mm-illustration circle{fill:white!important;stroke:#555!important}.methodvisual figcaption{color:#222!important;background:white!important}.mm-page *{border-color:#777!important}.mm-table th,.mm-hint{background:white!important}.mm-middle{border-radius:0!important;background:white!important}.mm-page svg [fill="#c3d2d1"]{fill:#dedede!important}.mm-page svg [fill="#faf7ee"]{fill:white!important}.mm-page svg [fill="#edf4f3"],.mm-page svg [fill="#e7eeee"]{fill:white!important}.mm-head,.mm-footer{color:#333!important}.mm-page svg text{fill:#222!important}}

.methodfilters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.methodfilters label{min-width:0}.methodfilters select{width:100%;min-width:0}.methodsearchlabel{display:block;margin-top:16px}.methodtags{font-size:12px;line-height:1.5;margin:12px 0 18px}.methodtags>div{margin:5px 0}.methodtags dt{font-weight:700}.methodtags dd{margin:0}.methodtile{display:flex;flex-direction:column}.methodtile>button{margin-top:auto;align-self:flex-start}@media(max-width:760px){.methodfilters{grid-template-columns:1fr}}@media print{.methodtags{font-size:9pt}}

.templatepreview{background:white}.templatepreviewbutton{display:block;width:100%;padding:0!important;border:0!important;border-radius:0!important;background:white!important;cursor:zoom-in}.templatepreviewbutton img{display:block;width:100%;height:auto}.templatepreviewbutton:focus-visible{outline:3px solid #176b77;outline-offset:-3px}.previewhint{display:block;font-size:12px;font-weight:400;margin-top:4px}@media print{.previewhint{display:none}.templatepreview{max-width:145mm;margin:4mm auto}.templatepreviewbutton{cursor:default}}

.methodselect{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:12px}.methodselect input{width:auto;margin:0}

.printview .printcontrols-bottom{margin:18px auto 30px}

.board{position:relative}.diagarrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}

.resumebox{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;border:1px solid #b5c6b9;background:#edf3e9;border-radius:10px;padding:10px 14px;margin:0 0 16px}
.savedbox{margin:0 0 16px}
.savedplans{display:flex;flex-wrap:wrap;gap:8px}

#methodcards .eyebrow,.methodtags dt,.methodtags dd,.methodselect{font-size:14px}
#plannerbody input,#plannerbody select,#plannerbody textarea{font-size:16px}
/* Mobil: Brettfelder nicht durch die Mindesthöhe von Knöpfen strecken, Aufgabe über dem Brett, Jahresplan als Karten */
.board{grid-template-rows:repeat(8,minmax(0,1fr))}.board .sq{min-height:0;min-width:0}
@media(max-width:800px){.training{display:flex;flex-direction:column;gap:16px}.boardtoolscolumn{display:contents}.boardlead{order:-1}}
@media(max-width:640px){.boardframe{grid-template-columns:18px minmax(0,1fr) 18px;grid-template-rows:18px minmax(0,1fr) 18px}.file-labels,.rank-labels{font-size:11px}
.yeartable,.yeartable tbody,.yeartable tr,.yeartable td{display:block;width:auto!important}.yeartable thead{display:none}.yeartable tr{border:1px solid #d5dcdd;border-radius:8px;background:#fff;margin:8px 0;padding:8px 12px}.yeartable td{border:0;padding:2px 0;text-align:left!important;overflow-wrap:anywhere;hyphens:auto}.yeartable td:first-child{font-size:12px;font-weight:700;color:var(--muted)}.yeartable td:first-child::before{content:'Woche '}.yeartable td:nth-child(2){font-weight:650}}
@media(max-width:640px){.yeartable td button{text-align:left}}

@media print{.ws-page,.printsection,.sheetwrap{zoom:1!important}}

a.pdflink{display:inline-block;cursor:pointer;background:#176575;color:white;border:1px solid #176575;border-radius:8px;padding:9px 16px;text-decoration:none;font-weight:600}a.pdflink:hover,a.pdflink:focus-visible{background:#0f4f5c}
@media print{a.pdflink{display:none}}
a.pdflink.second{background:white;color:#176575}a.pdflink.second:hover,a.pdflink.second:focus-visible{background:#edf4f3}
.pdfrow{margin:8px 0 14px;gap:8px;flex-wrap:wrap}