:root{--color-bg:#0f1216;--color-bg-elevated:#161a20;--color-bg-card:#1b2027;--color-border:#2a3038;--color-border-subtle:#232830;--color-text:#eef1f5;--color-text-muted:#9aa4b2;--color-text-faint:#6b7684;--color-accent:#6fb3ff;--color-accent-strong:#8fc4ff;--color-accent-contrast:#0b1420;--color-status-live-bg:#163524;--color-status-live-text:#6ddba0;--color-status-progress-bg:#3a2f16;--color-status-progress-text:#e0b866;--color-status-planned-bg:#262b33;--color-status-planned-text:#9aa4b2;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:"Source Serif 4", Georgia, serif;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--shadow-card:0 1px 2px #0006, 0 8px 24px #00000047;--shadow-card-hover:0 2px 4px #00000073, 0 16px 40px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#app{flex-direction:column;min-height:100vh;display:flex}a{color:inherit}.site-header{border-bottom:1px solid var(--color-border-subtle);background:linear-gradient(180deg, var(--color-bg-elevated), var(--color-bg))}.site-header__inner{max-width:1200px;margin:0 auto;padding:56px 24px 40px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-strong);margin:0 0 10px;font-size:.8rem;font-weight:600}.site-header h1{font-family:var(--font-serif);letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(2rem,4vw,2.75rem);font-weight:600}.lede{max-width:56ch;color:var(--color-text-muted);margin:0;font-size:1.05rem;line-height:1.6}main#subjects{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px 24px 80px}.subject{margin-bottom:56px}.subject:last-child{margin-bottom:0}.subject__title{font-family:var(--font-serif);border-bottom:1px solid var(--color-border-subtle);margin:0 0 20px;padding-bottom:12px;font-size:1.5rem;font-weight:600}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.card:hover,.card:focus-within{box-shadow:var(--shadow-card-hover);border-color:#38404b;transform:translateY(-2px)}.card__image{aspect-ratio:16/9;object-fit:cover;background:var(--color-bg-elevated);width:100%;display:block}.card__image--placeholder{background:linear-gradient(135deg,#202632,#14181e);justify-content:center;align-items:center;display:flex}.card__image--placeholder span{font-family:var(--font-serif);color:var(--color-text-faint);letter-spacing:.04em;font-size:2.25rem;font-weight:600}.card__body{flex-direction:column;flex:1;padding:22px 22px 24px;display:flex}.card__meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card__subject{letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent-strong);font-size:.78rem;font-weight:600}.card__status{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:600}.card__status--live{background:var(--color-status-live-bg);color:var(--color-status-live-text)}.card__status--in-arbeit{background:var(--color-status-progress-bg);color:var(--color-status-progress-text)}.card__status--geplant{background:var(--color-status-planned-bg);color:var(--color-status-planned-text)}.card__title{margin:0 0 8px;font-size:1.2rem;font-weight:600;line-height:1.35}.card__description{color:var(--color-text-muted);flex:1;margin:0 0 16px;font-size:.95rem;line-height:1.55}.card__tags{flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.card__tags li{color:var(--color-text-faint);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:999px;padding:3px 10px;font-size:.75rem}.card__button{border-radius:var(--radius-sm);background:var(--color-accent);min-height:48px;color:var(--color-accent-contrast);justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.card__button:hover{background:var(--color-accent-strong)}.card__button[aria-disabled=true]{background:var(--color-bg-elevated);color:var(--color-text-faint);border:1px solid var(--color-border);pointer-events:none;cursor:default}.site-footer{border-top:1px solid var(--color-border-subtle);text-align:center;padding:24px}.site-footer p{color:var(--color-text-faint);margin:0;font-size:.82rem}.empty-state{color:var(--color-text-muted);font-size:1rem}@media (width<=640px){.site-header__inner{padding:40px 18px 32px}main#subjects{padding:32px 18px 64px}.card-grid{grid-template-columns:1fr}.card__button{width:100%}}