/* /ratgeber und /ratgeber/<slug> – ergänzt landing.css */
.ratgeber-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
@media (min-width: 768px) { .ratgeber-liste { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .ratgeber-liste { grid-template-columns: repeat(3, 1fr); } }
.ratgeber-karte { padding: 1.5rem; display: flex; flex-direction: column; gap: 0.625rem; position: relative; }
.ratgeber-karte h2 { font-size: 1.1875rem; font-weight: 700; line-height: 1.3; }
.ratgeber-karte h2 a { text-decoration: none; }
.ratgeber-karte h2 a::after { content: ''; position: absolute; inset: 0; border-radius: var(--radius); }
.ratgeber-karte:hover { border-color: var(--navy); }
.ratgeber-karte p { color: var(--muted); font-size: 15px; }
.ratgeber-karte .klein { margin-top: auto; }

.artikel { padding: 2rem 0 4rem; }
@media (min-width: 1024px) { .artikel { padding: 3rem 0 5rem; } }
.brotkrumen { font-size: 14px; color: var(--muted); margin-bottom: 1.25rem; }
.brotkrumen a { color: var(--mint-ink); }
.artikel h1 { font-size: clamp(1.875rem, 5.5vw, 2.75rem); font-weight: 800; margin-bottom: 0.75rem; }
.artikel-text { margin-top: 2rem; font-size: 17px; line-height: 1.75; overflow-wrap: anywhere; }
.artikel-text > * + * { margin-top: 1rem; }
.artikel-text h2 { margin-top: 2.25rem; font-size: 1.5rem; font-weight: 700; }
.artikel-text h3 { margin-top: 1.75rem; font-size: 1.1875rem; font-weight: 700; }
.artikel-text ul, .artikel-text ol { padding-left: 1.25rem; }
.artikel-text li + li { margin-top: 0.375rem; }
.artikel-text a { color: var(--mint-ink); }
.artikel-text table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; display: block; overflow-x: auto; }
.artikel-text td, .artikel-text th { padding: 0.625rem 0.75rem; border-bottom: 1px solid var(--line); text-align: left; }
.artikel-text td:last-child { text-align: right; white-space: nowrap; }
.artikel-text .mm-hinweis { margin-top: 2.5rem; padding: 1rem 1.25rem; border-radius: 0.875rem; background: var(--surface); color: var(--muted); font-size: 15px; }
.artikel-cta { margin-top: 3rem; }