:root { --papier:#F6F4EE; --tinte:#16161A; --rot:#D7392B; --grau:#5f5e5a; }
* { box-sizing:border-box; }
body { margin:0; background:var(--papier); color:var(--tinte); font:17px/1.6 "Barlow", "Segoe UI", system-ui, sans-serif; }
main { max-width:720px; margin:0 auto; padding:32px 16px 64px; }
header { display:flex; align-items:center; gap:14px; border-bottom:2px solid var(--tinte); padding-bottom:14px; margin-bottom:28px; }
header img { width:56px; height:56px; border-radius:50%; }
header a { color:inherit; text-decoration:none; font-weight:700; letter-spacing:.06em; text-transform:uppercase; font-size:20px; }
h1 { font-size:28px; line-height:1.2; margin:0 0 6px; }
h2 { font-size:19px; margin:28px 0 6px; }
p, li { margin:0 0 10px; }
a { color:var(--rot); }
.stand { color:var(--grau); font-size:14px; margin-bottom:22px; }
nav { margin-top:36px; border-top:1px solid var(--tinte); padding-top:12px; font-size:14px; display:flex; flex-wrap:wrap; gap:16px; }
.hinweis { color:var(--grau); font-size:15px; }
.kanaele { list-style:none; padding:0; margin:0 0 8px; display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:8px; }
.kanaele li { margin:0; }
.kanaele a { display:block; padding:10px 12px; border:2px solid var(--tinte); border-radius:6px; color:var(--tinte); text-decoration:none; font-weight:700; }
.kanaele a span { display:block; font-weight:400; font-size:14px; color:var(--grau); }
.kanaele a:hover, .kanaele a:focus-visible { border-color:var(--rot); color:var(--rot); }
.archiv { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:18px 12px; }
.archiv li { margin:0; }
.archiv a { color:inherit; text-decoration:none; display:block; }
.archiv img { display:block; width:100%; height:auto; aspect-ratio:3/4; border-radius:6px; background:#1E4C8A; }
.archiv .frage { display:block; font-weight:700; font-size:15px; line-height:1.3; margin-top:6px; }
.archiv .meta { display:block; color:var(--grau); font-size:13px; margin-top:2px; }
.archiv a:hover .frage, .archiv a:focus-visible .frage { color:var(--rot); }
.projekt { margin-top:28px; }