:root{--green:#3b8b56;--green2:#dcefdc;--blue:#2e74b5;--blue2:#d9eaf7;--orange:#f28c28;--line:#b8c8b8;--ink:#1d2b1f;--ok:#1f7a3f;--warn:#8a5a00;--bad:#7a1717}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Calibri,Arial,sans-serif;background:linear-gradient(135deg,#f5fbf3,#edf5fb);color:var(--ink);line-height:1.56}header{background:linear-gradient(135deg,var(--green),var(--blue));color:#fff;padding:2rem 1.2rem;border-bottom:7px solid var(--orange)}.wrap{max-width:1220px;margin:auto}h1{margin:.2rem 0;font-size:2.05rem}h2{color:#24633a;border-left:8px solid var(--orange);padding-left:.65rem}h3{color:#2e74b5;margin:.35rem 0}.tag{display:inline-block;background:var(--orange);color:#111;font-weight:700;border-radius:999px;padding:.25rem .65rem;text-transform:uppercase}.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}button{font-family:Calibri,Arial,sans-serif;border:0;border-radius:8px;background:var(--blue);color:#fff;padding:.65rem .9rem;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #0002}button:hover{background:#1d5d94}button.secondary{background:#fff;color:#24633a;border:1px solid var(--line)}nav{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:10;box-shadow:0 2px 8px #0001}nav .wrap{display:flex;gap:.2rem;overflow-x:auto;padding:.55rem 1rem}nav a{white-space:nowrap;color:#24633a;font-weight:700;text-decoration:none;padding:.42rem .62rem;border-radius:6px}nav a:hover{background:var(--green2)}main{padding:1.2rem}section{max-width:1220px;margin:1rem auto 1.5rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.25rem;box-shadow:0 3px 12px #0000000d}.grid{display:grid;gap:1rem}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:1rem}.zettel{border-left:6px solid var(--green)}.pruef{border-left:6px solid var(--orange);background:#fff9ef}.lage{background:var(--green2);border-left:7px solid var(--green);border-radius:10px;padding:1rem}.note{background:#fff8e7;border-left:7px solid var(--orange);border-radius:10px;padding:1rem;margin:.8rem 0}table{width:100%;border-collapse:collapse;margin:.8rem 0;background:#fff}th,td{border:1px solid var(--line);padding:.6rem;text-align:left;vertical-align:top}th{background:var(--blue2);color:#17466f}code,.mono{font-family:Consolas,'Courier New',monospace;background:#edf4fa;border:1px solid #cfe0ec;border-radius:4px;padding:.08rem .28rem}label{font-weight:700;color:#24633a}textarea,input,select{width:100%;border:2px solid #9db99d;background:#fbfdfb;border-radius:8px;padding:.65rem;font:1rem Calibri,Arial,sans-serif;margin:.25rem 0 .75rem}textarea{min-height:100px;resize:vertical}.feedback{display:none;border:1px solid var(--line);border-radius:10px;padding:.8rem;margin-top:.8rem}.show{display:block}.ok{background:#eef8f1;color:var(--ok);border-color:#a8d7b5}.warn{background:#fff8e7;color:var(--warn);border-color:#e1c477}.bad{background:#fff0f0;color:var(--bad);border-color:#e1aaaa}.print-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:#f6fbf6;border:1px solid var(--line);border-radius:10px;padding:1rem;margin-top:1rem}.progressbar{height:18px;border:1px solid var(--line);background:#fff;border-radius:999px;overflow:hidden}.progressbar span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--orange));width:0%}.quiz-card{border:2px solid var(--green);border-radius:12px;background:#fff;padding:1rem;margin:1rem 0}.option{display:block;width:100%;text-align:left;margin:.4rem 0;background:#fff;color:#17466f;border:1px solid var(--line);box-shadow:none}.option:hover{background:var(--blue2)}.game-board{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin:1rem 0}.game-node{min-height:80px;border:2px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:.5rem;font-weight:700}.game-node.active{border-color:var(--orange);background:#fff8e7;box-shadow:0 0 0 3px #f28c2833}.game-node.done{border-color:var(--ok);background:#eef8f1}.game-node.blocked{border-color:#7a1717;background:#fff0f0}footer{max-width:1220px;margin:1rem auto 2rem;padding:1rem;color:#5d6a75}.small{font-size:.92rem;color:#5d6a75}@media(max-width:900px){.two,.three,.print-fields,.game-board{grid-template-columns:1fr}h1{font-size:1.55rem}}@media print{header{background:#fff!important;color:#000;border-bottom:2px solid #000}nav,.actions,button{display:none!important}main{padding:0}section{box-shadow:none;border:1px solid #777;page-break-inside:avoid}.lage,.note,.pruef{background:#fff!important}select,input,textarea{border:1px solid #777!important;background:#fff!important}}