:root { --navy:#0F172A; --panel:#162238; --text:#fff; --muted:#94A3B8; --line:#334155; --green:#22C55E; --orange:#F59E0B; --red:#EF4444; --blue:#2563EB; font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color-scheme:dark; }
* { box-sizing:border-box; }
body { margin:0; background:var(--navy); color:var(--text); line-height:1.55; }
.brand-gilt_bei_dir { --accent:var(--orange); }
.brand-geht_dich_an { --accent:var(--green); }
a { color:inherit; }
.site-header,.site-footer,.site-main { width:min(1180px,calc(100% - 40px)); margin:auto; }
.site-header { min-height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); gap:24px; }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; font-weight:900; letter-spacing:.02em; }
.brand-mark { display:grid; place-items:center; width:36px; height:36px; border:3px solid var(--accent); border-radius:10px; color:var(--accent); }
.main-nav { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.main-nav a,.site-footer a { text-decoration:none; font-weight:700; color:#CBD5E1; }
.main-nav a:hover,.main-nav a:focus-visible,.site-footer a:hover,.site-footer a:focus-visible { color:var(--accent); }
.main-nav .brand-switch { color:var(--accent); }
.site-main { padding:64px 0 96px; }
.hero { max-width:920px; margin-bottom:52px; }
.hero.compact { margin-bottom:32px; }
.eyebrow { color:var(--accent); font-weight:800; letter-spacing:.08em; font-size:.84rem; }
.view-kicker { margin:0 0 -8px; color:var(--muted); font-size:.9rem; font-weight:750; }
.hero h1,.detail h1 { font-size:clamp(2.5rem,7vw,5.8rem); line-height:.98; margin:.18em 0; }
.hero p,.lead { font-size:clamp(1.1rem,2.3vw,1.55rem); color:#CBD5E1; max-width:780px; }
.change-grid,.dimension-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; }
.change-card,.empty-state,.facts>div,.reader-impact,.quality,.sources,.implementation-details { background:var(--panel); border:1px solid var(--line); border-radius:24px; padding:28px; }
.change-card h2 { font-size:1.55rem; line-height:1.15; margin:.7rem 0; }
.change-card h2 a { text-decoration:none; }
.change-card h2 a:hover { text-decoration:underline; text-decoration-color:var(--accent); }
.change-card p { color:#CBD5E1; }
.change-card time,.sources span { display:block; color:var(--muted); font-size:.9rem; }
.badge { display:inline-block; background:var(--accent); color:var(--navy); border-radius:999px; padding:6px 11px; font-size:.75rem; font-weight:900; }
.breadcrumbs { display:flex; align-items:center; gap:9px; color:var(--muted); font-size:.9rem; margin:-30px 0 36px; white-space:nowrap; overflow:hidden; }
.breadcrumbs a { color:#CBD5E1; }
.breadcrumbs [aria-current=page] { overflow:hidden; text-overflow:ellipsis; }
.detail { max-width:900px; }
.context-links { display:flex; flex-wrap:wrap; gap:12px; margin:30px 0 4px; }
.context-chip { display:flex; align-items:center; gap:9px; padding:9px 14px; border:1px solid var(--line); border-radius:999px; background:var(--panel); text-decoration:none; font-weight:750; }
.context-chip:hover { border-color:var(--accent); }
.context-chip span { color:var(--accent); font-size:.72rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.information { max-width:850px; }
.information h1 { font-size:clamp(2.8rem,7vw,5.5rem); line-height:1; margin:.18em 0 .5em; }
.information h2 { margin-top:2.2em; }
.information li { margin:.65em 0; }
.information-notice { display:flex; flex-direction:column; gap:5px; margin:30px 0; padding:20px 22px; border:1px solid var(--orange); border-radius:16px; background:color-mix(in srgb,var(--orange) 8%,var(--panel)); }
.information-notice strong { color:var(--orange); }
.information-notice span { color:#CBD5E1; }
.facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; margin:36px 0; padding:0; }
.facts>div { padding:20px; }
.facts dt { color:var(--muted); font-size:.82rem; text-transform:uppercase; font-weight:800; }
.facts dd { margin:6px 0 0; font-size:1.15rem; font-weight:700; }
.reader-impact { margin-top:36px; border-color:var(--accent); background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 13%,var(--panel)),var(--panel) 60%); }
.reader-impact-kicker { margin:0; color:var(--accent); font-size:.78rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.reader-impact h2 { margin:.15em 0 .65em; font-size:clamp(1.8rem,4vw,2.7rem); }
.reader-action { margin-top:24px; padding:18px 20px; border:1px solid color-mix(in srgb,var(--accent) 70%,var(--line)); border-radius:16px; background:color-mix(in srgb,var(--accent) 9%,var(--navy)); }
.reader-action h3,.reader-impact-label { margin:0 0 8px; color:var(--accent); font-size:.8rem; letter-spacing:.04em; text-transform:uppercase; }
.reader-action p { margin:0; color:#F8FAFC; font-size:clamp(1.08rem,2vw,1.25rem); font-weight:750; }
.reader-impact-summary { max-width:780px; margin:0; color:#E2E8F0; font-size:clamp(1.1rem,2.2vw,1.35rem); line-height:1.5; }
.implementation-details { margin-top:4px; padding:20px 24px; }
.implementation-details summary { cursor:pointer; color:#CBD5E1; font-weight:800; }
.implementation-details summary:hover,.implementation-details summary:focus-visible { color:var(--accent); }
.implementation-details p { margin:14px 0 0; color:#CBD5E1; }
.quality { margin-top:48px; border-color:color-mix(in srgb,var(--accent) 55%,var(--line)); }
.quality-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.quality-heading h2 { margin:.12em 0 0; font-size:1.65rem; }
.quality-kicker { margin:0; color:var(--accent); font-size:.78rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.quality-percent { display:block; margin-top:8px; color:var(--accent); }
.quality-mark { display:grid; place-items:center; flex:0 0 auto; width:42px; height:42px; border-radius:50%; background:var(--accent); color:var(--navy); font-size:1.35rem; font-weight:900; }
.quality>p { color:#CBD5E1; max-width:700px; }
.quality-facts { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:24px 0; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:var(--line); }
.quality-facts>div { padding:15px; background:var(--navy); }
.quality-facts dt { color:var(--muted); font-size:.74rem; font-weight:800; text-transform:uppercase; }
.quality-facts dd { margin:3px 0 0; font-size:1.35rem; font-weight:900; }
.quality-link { color:var(--accent); font-weight:800; }
.sources { margin-top:48px; }
.sources-intro { color:#CBD5E1; }
.sources li { margin:16px 0; }
.sources a { font-weight:700; }
.article-nav { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:48px; }
.article-nav-link { display:flex; flex-direction:column; min-height:110px; padding:20px; border:1px solid var(--line); border-radius:20px; text-decoration:none; }
.article-nav-link:hover { border-color:var(--accent); }
.article-nav-link span { color:var(--muted); font-size:.9rem; }
.article-nav-link strong { margin-top:8px; line-height:1.25; }
.article-nav .next { text-align:right; align-items:flex-end; }
.dimension-card { display:flex; justify-content:space-between; gap:20px; background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:22px; text-decoration:none; }
.dimension-card:hover { border-color:var(--accent); }
.dimension-card span { color:var(--muted); white-space:nowrap; }
.site-footer { display:grid; grid-template-columns:minmax(220px,.75fr) minmax(600px,1.6fr); gap:56px; border-top:1px solid var(--line); padding:38px 0 52px; color:var(--muted); }
.footer-intro { display:flex; flex-direction:column; gap:10px; max-width:330px; }
.footer-intro strong { color:#F8FAFC; letter-spacing:.02em; }
.footer-navigation { display:grid; grid-template-columns:repeat(3,minmax(150px,1fr)); gap:34px; }
.footer-navigation section { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.footer-navigation h2 { margin:0 0 5px; color:var(--muted); font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; }
.footer-navigation a { line-height:1.35; }
@media(max-width:700px) {
    .site-header { align-items:flex-start; flex-direction:column; justify-content:center; padding:18px 0; }
    .main-nav { gap:14px; font-size:.9rem; }
    .site-main { padding-top:40px; }
    .hero h1,.detail h1 { font-size:clamp(2.4rem,14vw,4rem); }
    .article-nav { grid-template-columns:1fr; }
    .quality-facts { grid-template-columns:1fr; }
    .article-nav .next { text-align:left; align-items:flex-start; }
    .site-footer { grid-template-columns:1fr; gap:32px; }
    .footer-navigation { grid-template-columns:1fr; gap:26px; }
}
@media(min-width:701px) and (max-width:980px) {
    .site-footer { grid-template-columns:1fr; }
}