/* Baohiem24 · Ratgeber-Seiten je Versicherungsbereich (07.11.2026) */
.ratgeber h2{margin-top:38px;font-size:24px;line-height:1.3}
.ratgeber p,.ratgeber li{font-size:17px;line-height:1.7}
.ratgeber-pfad{font-size:14px;color:var(--muted,#526b77);margin-bottom:22px}
.ratgeber-pfad a{color:var(--blue,#0670b9)}
.ratgeber-aktion{margin:30px 0;padding:22px;border:1px solid var(--line,#dce7e9);border-radius:16px;background:#f2f8f5}
.ratgeber-aktion p{margin:0 0 14px;color:var(--navy,#103950)}
.ratgeber-aktion .actions{display:flex;flex-wrap:wrap;gap:10px}
.ratgeber-faq details{border:1px solid var(--line,#dce7e9);border-radius:12px;margin:0 0 10px;padding:0;background:#fff}
.ratgeber-faq summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:700;color:var(--navy,#103950);min-height:44px}
.ratgeber-faq summary::-webkit-details-marker{display:none}
.ratgeber-faq summary:before{content:"+";display:inline-block;width:22px;color:var(--blue,#0670b9);font-weight:800}
.ratgeber-faq details[open] summary:before{content:"–"}
.ratgeber-faq details p{margin:0;padding:0 18px 16px 40px}
.ratgeber-liste{list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.ratgeber-liste li{margin:0!important}
.ratgeber-liste a{display:flex;flex-direction:column;gap:4px;height:100%;padding:16px 18px;border:1px solid var(--line,#dce7e9);border-radius:14px;background:#fff;color:var(--navy,#103950);text-decoration:none}
.ratgeber-liste a:hover{border-color:var(--green,#07835e)}
.ratgeber-liste span{font-size:13px;color:var(--muted,#526b77)}
.ratgeber-hinweis{margin-top:36px;font-size:14px!important;color:var(--muted,#526b77)}
.ratgeber a:focus-visible,.ratgeber-faq summary:focus-visible{outline:3px solid #07835e;outline-offset:2px}
html[data-maki-theme="dark"] .ratgeber-aktion{background:#16293a;border-color:#2c4559}
html[data-maki-theme="dark"] .ratgeber-aktion p{color:#e6eff9}
html[data-maki-theme="dark"] .ratgeber-faq details,html[data-maki-theme="dark"] .ratgeber-liste a{background:#132433;border-color:#2c4559;color:#e6eff9}
html[data-maki-theme="dark"] .ratgeber-faq summary{color:#e6eff9}
@media(max-width:760px){
  .ratgeber{padding:28px 16px 48px}
  .ratgeber h1{font-size:30px;line-height:1.2}
  .ratgeber h2{font-size:21px;margin-top:30px}
  .ratgeber p,.ratgeber li{font-size:16px}
  .ratgeber-aktion{padding:18px}
  .ratgeber-aktion .btn{flex:1 1 100%;justify-content:center}
}