/* ============================================================
   Artikel / Aktuelles (immobilienmarkt-*.html, denkmal-afa.html …)
   Nutzt die Design-Tokens aus styles.css.
   ============================================================ */
.art-nav{position:sticky;top:0;z-index:60;background:var(--nav-bg);
  backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line-soft)}
.art-nav__inner{max-width:var(--container);margin:0 auto;padding:.85rem var(--pad);
  display:flex;align-items:center;justify-content:space-between;gap:1rem}
.art-nav a{text-decoration:none;color:var(--text)}
.art-nav__zurueck{font-family:var(--font-body);font-size:.82rem;letter-spacing:.09em;
  text-transform:uppercase;color:var(--text-muted);white-space:nowrap}
.art-nav__zurueck:hover{color:var(--gold)}

.art{max-width:46rem;margin:0 auto;padding:clamp(2.5rem,7vw,4.5rem) var(--pad) 5rem;
  font-family:var(--font-body);color:var(--text-muted);line-height:1.8}
.art__meta{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.7rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 1rem}
.art h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,5.5vw,3.2rem);
  line-height:1.08;color:var(--text);margin:0 0 1rem}
.art__lead{font-size:clamp(1.05rem,1.9vw,1.25rem);color:var(--text);margin:0 0 2.2rem}
.art h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.45rem,3.2vw,2rem);
  line-height:1.15;color:var(--text);margin:2.6rem 0 .8rem;padding-top:1.4rem;
  border-top:1px solid var(--line-soft)}
.art h3{font-size:1.02rem;font-weight:600;color:var(--text);margin:1.8rem 0 .5rem}
.art p{margin:0 0 1.1em;font-size:1rem}
.art ul,.art ol{margin:0 0 1.3em;padding-left:1.25rem}
.art li{margin:0 0 .5em}
.art strong{color:var(--text)}
.art a{color:var(--gold-deep)}
.art table{width:100%;border-collapse:collapse;margin:1.2rem 0 1.6rem;font-size:.94rem}
.art th,.art td{border:1px solid var(--line-soft);padding:.65rem .85rem;text-align:left;vertical-align:top}
.art th{background:var(--bg-elev);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.art__kasten{background:var(--bg-elev);border:1px solid var(--line-soft);border-left:2px solid var(--gold);
  padding:1.2rem 1.4rem;margin:1.6rem 0;font-size:.94rem}
.art__hinweis{font-size:.84rem;color:var(--text-dim);border-top:1px solid var(--line-soft);
  margin-top:2.4rem;padding-top:1.2rem}
.art__quellen{font-size:.82rem;color:var(--text-dim)}
.art__quellen a{color:var(--text-dim)}

/* CTA-Doppel am Artikelende */
.art__cta{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2.4rem 0 0}
.art__cta a{display:flex;flex-direction:column;gap:.3rem;padding:1.2rem 1.3rem;text-decoration:none;
  background:var(--bg-elev);border:1px solid var(--line);border-radius:3px;
  transition:transform .3s var(--ease),border-color .3s}
.art__cta a:hover{transform:translateY(-3px);border-color:var(--gold)}
.art__cta .t{font-family:var(--font-display);font-size:1.15rem;color:var(--text)}
.art__cta .u{font-size:.82rem;color:var(--text-muted)}
@media(max-width:640px){.art__cta{grid-template-columns:1fr}}

.art-fuss{border-top:1px solid var(--line-soft);font-family:var(--font-body);font-size:.85rem;color:var(--text-dim)}
.art-fuss__innen{max-width:var(--container);margin:0 auto;padding:1.4rem var(--pad);
  display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;justify-content:space-between}
.art-fuss a{color:var(--text-dim);text-decoration:none}
.art-fuss a:hover{color:var(--gold-deep)}

/* Uebersicht (aktuelles.html) */
.art-liste{max-width:var(--container);margin:0 auto;padding:clamp(2.5rem,7vw,4.5rem) var(--pad) 5rem}
.art-liste .news__grid{margin-top:2rem}