/* Ratgeber (Blog), Luis 17.10.2026: Lesetext, Meta, Handlungsaufruf, weitere Artikel, Übersicht */
.ratgeber-artikel .artikel-meta { margin-top: 10px; font-size: .9rem; color: var(--grau); }
.ratgeber-artikel .artikel-text { margin-top: 28px; }
.ratgeber-artikel .artikel-text h2 { margin-top: 44px; font-size: clamp(1.5rem, 2.6vw, 2rem); line-height: 1.15; letter-spacing: -.02em; }
.ratgeber-artikel .artikel-text h3 { margin-top: 28px; font-size: 1.2rem; }
.ratgeber-artikel .artikel-text p, .ratgeber-artikel .artikel-text li { line-height: 1.65; }
.ratgeber-artikel .artikel-text ul, .ratgeber-artikel .artikel-text ol { padding-left: 1.3em; }
.ratgeber-artikel .artikel-text li + li { margin-top: 6px; }
.ratgeber-artikel .artikel-text a { text-decoration: underline; text-decoration-color: var(--enzian); text-underline-offset: 3px; }
.ratgeber-cta { margin-top: 56px; padding: 28px 28px 24px; background: var(--weiss); border: 2px solid var(--tinte); border-top: 6px solid var(--enzian); }
.ratgeber-cta .cta-titel { margin: 0; font-size: 1.35rem; font-weight: 700; letter-spacing: -.02em; }
.ratgeber-cta p { margin-top: 10px; }
.ratgeber-cta .cta-knoepfe { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 14px 22px; align-items: center; }
.ratgeber-mehr { margin-top: 56px; border-top: 2px solid var(--tinte); padding-top: 24px; }
.ratgeber-mehr h2 { font-size: 1.3rem; }
.ratgeber-mehr ul, .ratgeber-liste { list-style: none; padding: 0; margin: 16px 0 0; display: grid; gap: 12px; }
.ratgeber-mehr li a, .ratgeber-liste li a { font-weight: 650; }
.ratgeber-mehr li span { display: block; margin-top: 2px; font-size: .95rem; color: var(--grau); }
.ratgeber-gruppe { margin-top: 44px; }
.ratgeber-gruppe h2 { font-size: clamp(1.4rem, 2.4vw, 1.9rem); border-bottom: 2px solid var(--tinte); padding-bottom: 10px; }
.ratgeber-liste { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.ratgeber-liste li a { display: block; height: 100%; padding: 18px 18px 20px; background: var(--weiss); border: 1px solid var(--linie); border-top: 4px solid var(--enzian); text-decoration: none; color: var(--tinte); }
.ratgeber-liste li a:hover, .ratgeber-liste li a:focus-visible { border-color: var(--tinte); }
.ratgeber-liste li b { display: block; font-size: 1.05rem; line-height: 1.3; }
.ratgeber-liste li span { display: block; margin-top: 8px; font-size: .92rem; line-height: 1.45; color: var(--grau); font-weight: 400; }
.ratgeber-start { padding-left: var(--rand); padding-right: var(--rand); }
.ratgeber-start .ratgeber-liste { margin-top: 32px; }
.ratgeber-start .ratgeber-alle { margin-top: 24px; }