@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');
:root{--grund:#091716;--grund2:#112422;--karte:#112422;--karte2:#19312e;--linie:#2c4240;--linie-hell:#617a70;--tinte:#f3f6e9;--leise:#aac1b8;--akzent:#d4f580;--k6:#d8b4ff;--titel:'Space Mono',monospace;--pixel:'Space Mono',monospace;--body:'Plus Jakarta Sans',sans-serif}
body{background:#091716}main{padding:8px 0;max-width:none}.intro{color:var(--leise);font-size:1.1rem;margin:0 0 20px}h3{text-transform:uppercase;font-size:clamp(18px,2.4vw,24px);line-height:1.4}.karte,.uebung,.vertiefung{border:1px solid var(--linie);border-radius:20px;background:linear-gradient(135deg,#182b2b,#112422);padding:clamp(18px,3vw,30px);margin:24px 0;box-shadow:0 16px 40px #0002}.karte.kap{border-top:2px solid var(--k6)}.karte h3{color:var(--k6)}.bildkarte{border:1px solid var(--linie);border-radius:16px;overflow:hidden;background:var(--karte)}.studio{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-top:0}.studio img{height:240px;width:100%;object-fit:cover}.studio figcaption{padding:24px}.mischpult{gap:16px;margin:20px 0}.mischpult>div{background:#09171680;border:1px solid var(--linie);border-radius:14px;padding:16px}.pixel{font-size:12px}.wahl button.an{background:var(--k6);border-color:var(--k6);color:#091716}.section-heading{margin:36px 0 16px}.frage{display:block;margin:16px 0}.uebung textarea{resize:vertical;min-height:180px}.knopf:focus-visible,.wahl button:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d4f580;outline-offset:4px}#werkMp3Box:not(:empty){margin-top:18px}audio{max-width:100%}@media(max-width:600px){.studio{display:block}.studio img{height:200px}.mischpult{grid-template-columns:1fr}.koepfe{grid-template-columns:1fr}.spiel{grid-template-columns:1fr}.schirm canvas{min-height:300px}}