/* Ratgeber-Seiten (Mieten, Kosten, DSGVO): bewusst schlicht, wie ein Fachartikel.
   Martin am 13.10.2026: "nicht so verkäuferisch, sauber strukturiert, zwischendurch
   Tabelle oder Übersicht". Wird NACH website.css geladen, Kopf und Fuß der Seite
   kommen weiter aus website.css. Keine Scroll-Animationen, keine Karten, keine
   farbigen Bänder. */
.artikel{max-width:760px;margin:0 auto;padding:40px 20px 88px;background:#fff;color:var(--ink);font-size:1.06rem;line-height:1.72}
.artikel .krume{margin:0 0 28px;font-size:.88rem;color:var(--muted)}
.artikel .krume a{color:var(--muted)}
.artikel h1{margin:0 0 10px;font-size:clamp(1.85rem,4.2vw,2.6rem);line-height:1.18;letter-spacing:-.01em}
.artikel h1 em{font-style:normal;color:inherit}
.artikel h2{margin:56px 0 14px;font-size:clamp(1.4rem,2.6vw,1.8rem);line-height:1.25;scroll-margin-top:90px}
.artikel h3{margin:30px 0 8px;font-size:1.12rem;line-height:1.35}
.artikel p{margin:0 0 16px}
.artikel a{color:var(--flame-deep);text-decoration:underline;text-underline-offset:3px}
.artikel a:hover{color:var(--ink)}
.artikel ul,.artikel ol{margin:0 0 18px;padding-left:1.35em}
.artikel li{margin-bottom:6px}
.artikel-meta{margin:0 0 22px;color:var(--muted);font-size:.9rem}
.artikel-lead{margin:0 0 28px;font-size:1.16rem;line-height:1.65;color:var(--ink-2)}
.artikel-inhalt{margin:0 0 8px;padding:16px 20px;border:1px solid var(--line-strong);border-radius:6px;background:var(--paper);font-size:.98rem}
.artikel-inhalt strong{display:block;margin-bottom:6px}
.artikel-inhalt ol{margin:0;padding-left:1.3em}
.artikel-inhalt li{margin-bottom:3px}
.artikel-kurz{margin:0 0 8px;padding:16px 20px 4px;border-left:4px solid var(--ink);background:var(--tint)}
.artikel-kurz h2{margin:0 0 10px;font-size:1.15rem}
.artikel-tabelle{margin:20px 0 22px;overflow-x:auto}
.artikel-tabelle table{width:100%;min-width:520px;border-collapse:collapse;font-size:.95rem;line-height:1.5}
.artikel-tabelle caption{padding:0 0 8px;text-align:left;color:var(--muted);font-size:.88rem}
.artikel-tabelle th,.artikel-tabelle td{padding:9px 12px;border:1px solid var(--line-strong);text-align:left;vertical-align:top}
.artikel-tabelle thead th{background:var(--tint);font-weight:700}
.artikel-tabelle tbody th{background:var(--paper);font-weight:600;width:24%}
.artikel-tabelle small{display:block;font-weight:400;color:var(--muted)}
.artikel-hinweis{margin:22px 0;padding:12px 16px;border:1px solid var(--line-strong);border-radius:6px;background:var(--paper);font-size:.95rem}
.artikel-weiter{margin-top:48px;padding-top:20px;border-top:1px solid var(--line-strong)}
.artikel-ende{margin-top:12px;color:var(--ink-2);font-size:.98rem}
.artikel .qa h3{margin-top:22px}
@media(max-width:560px){
  .artikel{padding:28px 18px 64px;font-size:1.02rem}
  .artikel h2{margin-top:44px}
  .artikel-tabelle table{min-width:440px;font-size:.88rem}
  .artikel-tabelle th,.artikel-tabelle td{padding:8px 9px}
}
@media print{.artikel{max-width:none;padding:0}}