/* ---------------- Ratgeber (heller Glas-Stil wie die übrigen Seiten) ---------------- */
.rg{max-width:1080px;margin:0 auto;padding:130px 22px 70px}
.rg h1{font-size:clamp(30px,4.6vw,48px);margin:14px 0 12px}
.rg .lead{max-width:680px}
.rg-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.rg-kachel{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s;min-width:0}
.rg-kachel:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.rg-bild{aspect-ratio:1200/630;background:var(--bg-2);overflow:hidden}
.rg-bild img{width:100%;height:100%;object-fit:cover}
.rg-ph{display:grid;place-items:center;width:100%;height:100%;color:var(--muted-2)}
.rg-ph .ic-svg{width:34px;height:34px}
.rg-text{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.rg-text h2{font-size:19px;line-height:1.25;letter-spacing:-.02em}
.rg-text p{color:var(--muted);font-size:14.5px;line-height:1.55}
.rg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted-2);font-size:13px}
.rg-merker{display:inline-block;padding:2px 10px;border-radius:99px;background:var(--ink);color:#fff;font-size:11.5px;font-weight:700}
.rg-mehr{margin-top:auto;display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-weight:600;font-size:14px}
.rg-mehr .ic-svg{width:15px;height:15px}
.rg-leer{margin-top:34px;padding:34px 24px;border-radius:20px;text-align:center;color:var(--muted)}
.rg-artikel{max-width:820px}
.rg-krumen{display:flex;flex-wrap:wrap;gap:6px;font-size:13.5px;color:var(--muted);margin-bottom:18px}
.rg-krumen a{color:var(--brand);font-weight:600}
.rg-artikel h1{margin-top:0}
.rg-titelbild{width:100%;height:auto;border-radius:20px;margin:22px 0;box-shadow:var(--shadow-sm)}
.rg-inhalt{margin-top:10px}
.rg-inhalt h2{font-size:25px;margin:34px 0 12px}
.rg-inhalt h3{font-size:18.5px;margin:24px 0 8px}
.rg-inhalt p,.rg-inhalt li{color:var(--text);font-size:16.5px;line-height:1.7}
.rg-inhalt p{margin:0 0 14px}
.rg-inhalt ul,.rg-inhalt ol{padding-left:22px;margin:0 0 16px}
.rg-inhalt li{margin-bottom:6px}
.rg-inhalt a{color:var(--brand);font-weight:600;text-decoration:underline}
.rg-inhalt{overflow-wrap:anywhere}
.rg-cta{margin:44px 0;padding:30px 28px;border-radius:24px;text-align:center}
.rg-cta h2{font-size:clamp(23px,3.2vw,30px);margin-bottom:10px}
.rg-cta p{color:var(--muted);max-width:560px;margin:0 auto 20px}
.rg-cta-knoepfe{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.rg-faq h2,.rg-weiter h2{font-size:25px;margin:34px 0 16px}
.rg-faq details{border-radius:14px;padding:14px 18px;margin-bottom:10px}
.rg-faq summary{cursor:pointer;font-weight:700;color:var(--ink);font-size:16px}
.rg-faq details p{color:var(--muted);margin-top:10px;font-size:15px;line-height:1.65}
.rg-weiter .rg-raster{grid-template-columns:repeat(3,1fr);margin-top:0}
@media(max-width:900px){.rg-raster,.rg-weiter .rg-raster{grid-template-columns:1fr 1fr}}
@media(max-width:620px){
  .rg{padding:110px 16px 56px}
  .rg-raster,.rg-weiter .rg-raster{grid-template-columns:1fr}
  .rg-cta{padding:24px 18px}
  .rg-cta-knoepfe .btn{width:100%;justify-content:center}
}