:root{--bg: #fbfaf7;--fl: #ffffff;--text: #1d1d1b;--leise: #5f5e59;--linie: #e4e1d9;--akzent: #2f6fd6;--status-idee: #7a7a74;--status-arbeit: #2f6fd6;--status-umgesetzt: #2e8a4f;--status-pausiert: #b58600;--status-verworfen: #b0473f;--serif: "Iowan Old Style", "Charter", "Georgia", "Cambria", serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--breite: 68rem;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #161615;--fl: #1f1f1d;--text: #ecebe6;--leise: #a6a59e;--linie: #34332f;--akzent: #7aa7f0;--status-idee: #a3a39c;--status-arbeit: #7aa7f0;--status-umgesetzt: #6cc48b;--status-pausiert: #e0b84a;--status-verworfen: #e08a82}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--serif);font-size:1.125rem;line-height:1.65}h1,h2,h3,nav,.sans{font-family:var(--sans);line-height:1.25}h1{font-size:clamp(2rem,5vw,2.8rem);letter-spacing:-.02em;margin:0 0 .5rem}h2{font-size:1.4rem;margin:2.5rem 0 .75rem}a{color:var(--akzent);text-underline-offset:3px}img,video{max-width:100%;height:auto;border-radius:8px}.huelle{max-width:var(--breite);margin:0 auto;padding:0 1rem}.text{max-width:42rem}.leise{color:var(--leise)}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:var(--fl);padding:.5rem 1rem;z-index:10}header.kopf{border-bottom:1px solid var(--linie)}header.kopf .huelle{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem;flex-wrap:wrap}.marke{font-family:var(--sans);font-weight:700;color:var(--text);text-decoration:none}nav ul{list-style:none;display:flex;gap:1.25rem;margin:0;padding:0;font-size:1rem}nav a{color:var(--leise);text-decoration:none}nav a[aria-current=page],nav a:hover{color:var(--text)}main{padding-block:3rem 4rem}footer.fuss{border-top:1px solid var(--linie);font-family:var(--sans);font-size:.9rem;color:var(--leise)}footer.fuss .huelle{display:flex;gap:1.25rem;flex-wrap:wrap;padding-block:1.5rem}footer.fuss a{color:var(--leise)}.raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.25rem;margin:1.5rem 0 0;padding:0;list-style:none}.karte{background:var(--fl);border:1px solid var(--linie);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s}.karte:hover{border-color:var(--akzent)}.karte a{color:inherit;text-decoration:none;display:flex;flex-direction:column;height:100%}.karte img{border-radius:0;aspect-ratio:16/9;object-fit:cover;width:100%;background:var(--linie)}.karte .inhalt{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.4rem}.karte h3{margin:0;font-size:1.15rem}.karte p{margin:0;color:var(--leise);font-size:1rem;line-height:1.5}.meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-family:var(--sans);font-size:.8rem;color:var(--leise)}.badge{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--farbe)}.badge:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--farbe)}.filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;font-family:var(--sans)}.filter button{font:inherit;font-size:.9rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--linie);background:var(--fl);color:var(--text);cursor:pointer}.filter button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.filter .trenner{width:1px;background:var(--linie);margin:0 .25rem}.steckbrief{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.25rem;font-family:var(--sans);font-size:.95rem;background:var(--fl);border:1px solid var(--linie);border-radius:12px;padding:1rem 1.25rem;margin:1.5rem 0}.steckbrief dt{color:var(--leise)}.steckbrief dd{margin:0}.tags{display:flex;gap:.4rem;flex-wrap:wrap}.tag{font-family:var(--sans);font-size:.8rem;padding:.1rem .55rem;border-radius:999px;background:var(--linie);color:var(--text)}.anhaenge{list-style:none;padding:0;font-family:var(--sans);font-size:.95rem}.anhaenge li{padding:.5rem 0;border-bottom:1px solid var(--linie);display:flex;justify-content:space-between;gap:1rem}.zahlen{display:flex;gap:2rem;flex-wrap:wrap;margin:2rem 0 0;font-family:var(--sans)}.zahlen div{display:flex;flex-direction:column}.zahlen strong{font-size:1.8rem}.zahlen span{font-size:.85rem;color:var(--leise)}.hinweis{border-left:3px solid var(--status-pausiert);padding:.5rem 1rem;background:var(--fl);font-family:var(--sans);font-size:.95rem}