/*! © 2026 Modellwerkstatt. Alle Rechte vorbehalten. Die Nutzung im Unterricht ist frei; Kopieren, Weitergeben und Verändern nur mit Genehmigung. */
:root{color-scheme:light;--page: #f4f6f3;--surface: #ffffff;--surface-muted: #eef1ec;--border: #d9ded6;--border-strong: #bfc7bb;--ink: #17201b;--ink-2: #47524b;--ink-3: #66716a;--accent: #1f5f4a;--accent-hover: #174a3a;--accent-ink: #ffffff;--accent-soft: #e2efe9;--focus: 0 0 0 3px rgb(31 95 74 / .35);--shadow: 0 1px 2px rgb(20 30 25 / .06), 0 4px 14px rgb(20 30 25 / .06);--radius: 12px;--radius-sm: 8px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--physik: #2a78d6;--chemie: #d9541e;--biologie: #1f8a5b;--faecheruebergreifend: #6b5bb5}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--page: #121614;--surface: #1b211e;--surface-muted: #222a26;--border: #2f3833;--border-strong: #3f4a44;--ink: #e8ede9;--ink-2: #b7c1bb;--ink-3: #95a099;--accent: #6fc3a0;--accent-hover: #8ad3b4;--accent-ink: #0d1a14;--accent-soft: #1f3129;--focus: 0 0 0 3px rgb(111 195 160 / .4);--shadow: none;--physik: #6aa8f0;--chemie: #f08a5d;--biologie: #5cc495;--faecheruebergreifend: #a497e6}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--page);color:var(--ink);font:17px/1.55 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--accent)}a:hover{color:var(--accent-hover)}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--radius-sm)}[hidden]{display:none!important}.skip{position:absolute;left:-999px;top:8px;padding:8px 12px;background:var(--surface);border-radius:var(--radius-sm)}.skip:focus{left:8px;z-index:10}.site-header,main,.site-footer{width:100%;max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.site-header{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:6px}.brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand:hover{color:inherit}.brand-mark{flex:none;border-radius:9px}.brand-text{display:grid;line-height:1.2}.brand-name{font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.brand-sub{font-size:.85rem;color:var(--ink-3)}main{flex:1;padding-top:18px;padding-bottom:40px;outline:none}.site-footer{display:flex;flex-wrap:wrap;gap:6px 10px;padding-top:18px;padding-bottom:max(22px,env(safe-area-inset-bottom));border-top:1px solid var(--border);font-size:.85rem;color:var(--ink-3)}.intro{margin:0 0 18px;max-width:46em;color:var(--ink-2)}.toolbar{display:grid;gap:12px;margin-bottom:26px}.search{position:relative;max-width:560px}.search input{width:100%;min-height:48px;padding:10px 14px 10px 44px;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);-webkit-appearance:none;appearance:none}.search input:focus{outline:none;box-shadow:var(--focus);border-color:var(--accent)}.search svg{position:absolute;left:14px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;font:inherit;font-size:.95rem;font-weight:550;color:var(--ink-2);text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:999px}.chip:hover{color:var(--ink);border-color:var(--border-strong)}.chip[aria-current=page]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.chip-count{font-weight:400;opacity:.8}.dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--subject, var(--ink-3))}.chip[aria-current=page] .dot{box-shadow:0 0 0 2px var(--accent-ink)}.group+.group{margin-top:32px}.group-title{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:1.15rem}.group-title .dot{width:12px;height:12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;margin:0;padding:0;list-style:none}.card{position:relative;display:grid;align-content:start;gap:6px;height:100%;padding:16px 16px 16px 21px;color:inherit;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--subject, var(--ink-3))}.card:hover{color:inherit;border-color:var(--border-strong)}.card:hover .card-title{color:var(--accent)}.card-meta{font-size:.8rem;color:var(--ink-3)}.card-title{margin:0;font-size:1.05rem;line-height:1.3}.card-text{margin:0;font-size:.9rem;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.empty{padding:28px 16px;text-align:center;color:var(--ink-3);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius)}.back{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-bottom:6px;font-weight:550;text-decoration:none}.back svg{width:18px;height:18px}.detail{display:grid;gap:22px;max-width:760px}.detail h1{margin:0;font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);line-height:1.2;letter-spacing:-.01em}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.tag{display:inline-flex;align-items:center;gap:7px;padding:3px 11px;font-size:.85rem;color:var(--ink-2);background:var(--surface-muted);border-radius:999px}.lead{margin:0;font-size:1.05rem}.howto{padding:14px 18px;background:var(--accent-soft);border-radius:var(--radius)}.howto h2{margin:0 0 4px;font-size:.95rem}.howto p{margin:0}.steps{margin:0;padding-left:1.4em;display:grid;gap:6px}.steps li{padding-left:2px}.questions{padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.questions h2{margin:0 0 6px;font-size:.95rem}.teacher{padding:4px 18px;font-size:.9rem;color:var(--ink-2);border:1px dashed var(--border-strong);border-radius:var(--radius)}.teacher summary{min-height:40px;display:flex;align-items:center;font-weight:600;color:var(--ink);cursor:pointer}.teacher p{margin:0 0 10px}.actions{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;font:inherit;font-weight:600;color:var(--ink);text-decoration:none;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer}.button:hover{color:var(--ink);border-color:var(--ink-3)}.button.primary{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.button.primary:hover{color:var(--accent-ink);background:var(--accent-hover)}.button svg{width:18px;height:18px}.share{display:grid;gap:10px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.share h2{margin:0;font-size:.95rem}.share p{margin:0;font-size:.9rem;color:var(--ink-2)}.share-row{display:flex;flex-wrap:wrap;gap:8px}.share-row input{flex:1 1 260px;min-width:0;min-height:44px;padding:8px 12px;font:inherit;font-size:.9rem;color:var(--ink);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm)}.share-row .button{min-height:44px}.share-status{min-height:1.4em;margin:0;font-size:.9rem;color:var(--accent)}.prose{max-width:46em}.prose h1{font-size:1.6rem;line-height:1.25;margin:0 0 12px}.prose h2{font-size:1.1rem;margin:26px 0 6px}.prose h3{font-size:.98rem;margin:18px 0 4px}.prose p,.prose ul{margin:0 0 12px;color:var(--ink-2)}.notice{padding:14px 18px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius)}[data-subject=physik]{--subject: var(--physik)}[data-subject=chemie]{--subject: var(--chemie)}[data-subject=biologie]{--subject: var(--biologie)}[data-subject=faecheruebergreifend]{--subject: var(--faecheruebergreifend)}@media (max-width: 560px){body{font-size:16px}.brand-sub{display:none}.cards{grid-template-columns:1fr}}@media (prefers-reduced-motion: no-preference){.card,.chip,.button{transition:border-color .15s ease,background-color .15s ease,color .15s ease}}