:root{--bg:#f6f2ea;--paper:#fffdf8;--text:#22201d;--muted:#6f675e;--line:#d9d0c4;--accent:#7c2f22;--accent2:#f0dfc9;--shadow:0 10px 30px rgba(58,43,29,.10)}
html.dark{--bg:#151515;--paper:#202020;--text:#eee9e1;--muted:#bcb4aa;--line:#3b3936;--accent:#e1a58e;--accent2:#352723;--shadow:0 10px 30px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.65}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.top{display:flex;align-items:center;gap:18px;padding:18px 0;flex-wrap:wrap}.brand{font-size:1.05rem;font-weight:800;color:var(--text);text-decoration:none}.nav{display:flex;gap:12px;flex-wrap:wrap;margin-left:auto}.nav a,.theme{color:var(--text);background:transparent;border:1px solid var(--line);border-radius:999px;padding:8px 12px;text-decoration:none;font:inherit;font-size:.84rem;cursor:pointer}.theme:hover,.nav a:hover{background:var(--accent2)}
.hero{position:relative;overflow:hidden;border-radius:28px;min-height:430px;background:linear-gradient(90deg,rgba(30,15,9,.93),rgba(30,15,9,.69),rgba(30,15,9,.22)),url('bilder/sokrates01.png') center right/contain no-repeat,#4a1207;color:#fff;box-shadow:var(--shadow);margin:6px auto 30px}.hero-inner{max-width:680px;padding:62px 52px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.72rem}.hero h1{font-size:clamp(2.4rem,7vw,5.2rem);line-height:.95;margin:.2em 0}.hero p{font-size:1.18rem;max-width:650px}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-block;background:var(--accent);color:#fff!important;text-decoration:none;font-weight:800;border-radius:999px;padding:11px 17px}.btn.alt{background:transparent;border:1px solid rgba(255,255,255,.55)}
.section{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:32px;margin:24px 0;box-shadow:var(--shadow)}.section h2{font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.1;margin:.25em 0 .45em}.lead{font-size:1.12rem;color:var(--muted);max-width:880px}.story{font-size:1.06rem;max-width:900px}.story p{margin:0 0 1.15em}.source{font-size:.88rem;color:var(--muted)}
.sieves{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.sieve{border:1px solid var(--line);border-radius:20px;padding:22px;background:var(--bg)}.sieve .num{font-size:2rem;font-weight:900;color:var(--accent)}.sieve h3{margin:.15em 0}.question{font-size:1.15rem;font-weight:800}
.compare{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center}.bloed{display:block;width:110px;height:auto;margin:auto}.audio{width:100%;margin:12px 0}.permission{font-size:.84rem;color:var(--muted)}.video{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:18px;background:#000}
.tasks{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.task{border-left:5px solid var(--accent);background:var(--bg);border-radius:12px;padding:18px}.task strong{display:block;margin-bottom:5px}.callout{padding:20px;border-radius:18px;background:var(--accent2);font-weight:700}.check{border:1px dashed var(--accent);padding:22px;border-radius:18px}.check label{display:block;margin:10px 0}.check input{transform:scale(1.35);margin-right:10px}.footer{margin-top:38px;border-top:1px solid var(--line);padding:26px 0 38px;color:var(--muted);font-size:.78rem}.footer a{color:inherit}.schule-footer{text-align:center;max-width:1000px;margin:auto;padding:0 16px}.ki-hinweis{margin-top:20px;opacity:.85}
@media(max-width:760px){body{font-size:17px}.wrap{width:min(100% - 20px,1120px)}.top{align-items:flex-start}.nav{order:3;width:100%;margin-left:0}.hero{min-height:560px;background:linear-gradient(180deg,rgba(30,15,9,.9) 0%,rgba(30,15,9,.8) 54%,rgba(30,15,9,.25)),url('bilder/sokrates01.png') center bottom/auto 62% no-repeat,#4a1207}.hero-inner{padding:34px 24px}.sieves,.tasks{grid-template-columns:1fr}.compare{grid-template-columns:1fr}.section{padding:22px;border-radius:18px}.bloed{width:88px}}