
/* Ratgeber-Uebersicht: vollflaechiger Hero und konsistentes Themenraster. */
.rg-overview-premium .reader-nav { position:relative; top:auto; }
.rg-overview-premium .overviewhero {
 padding:0; min-height:clamp(580px,43vw,780px); display:flex; align-items:center;
 background:#f5f7f3; isolation:isolate;
}
.rg-overview-premium .rg-overview-hero-image {
 position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:right top; z-index:-2;
}
.rg-overview-premium .overviewhero:after {
 inset:0; width:100%; height:100%; z-index:-1;
 background:linear-gradient(90deg,#f5f7f3 0%,rgba(245,247,243,.97) 20%,rgba(245,247,243,.88) 34%,rgba(245,247,243,.40) 50%,transparent 70%);
}
.rg-overview-premium .overview-grid { display:block; padding-block:76px; }
.rg-overview-premium .rg-overview-hero-copy { max-width:570px; width:46%; }
.rg-overview-premium .overviewhero h1 { font-size:clamp(40px,4.5vw,68px); line-height:1.06; margin:24px 0; }
.rg-overview-premium .rg-lead { font-size:16px; line-height:1.75; max-width:495px; }
.rg-overview-premium .rg-overview-hero-note { font-size:11px; line-height:1.8; color:#53604c; margin:24px 0 0; }
.rg-overview-premium .section-block { padding:76px 0 54px; scroll-margin-top:100px; }
.rg-overview-premium .section-heading { align-items:center; margin-bottom:32px; }
.rg-overview-premium .section-heading .explain { max-width:570px; margin-top:12px; }
.rg-overview-premium .guide-grid { gap:24px; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
.rg-overview-premium .guide-card { height:100%; border-radius:14px; }
.rg-overview-premium .guide-card[hidden] { display:none!important; }
.rg-overview-premium .guide-thumb { height:210px; aspect-ratio:auto; flex:0 0 210px; background:#edf1e9; }
.rg-overview-premium .guide-thumb img { display:block; width:100%; height:100%; object-fit:cover; transform:none; }
.rg-overview-premium .guide-thumb .pill { top:auto; bottom:12px; left:12px; padding:7px 10px; max-width:calc(100% - 24px); font-size:9px; }
.rg-overview-premium .guide-details { padding:24px; }
.rg-overview-premium .guide-details h3 { font-size:21px; line-height:1.25; margin:10px 0 14px; }
.rg-overview-premium .guide-details p { font-size:14px; line-height:1.65; margin-bottom:24px; }
.rg-overview-premium .guide-link { padding-top:17px; }
.rg-overview-premium .rg-count { color:#61714e; font-size:11px; }
.rg-overview-premium .overview-footbox { padding:28px; border-radius:14px; }
@media(max-width:1100px) {
 .rg-overview-premium .guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .rg-overview-premium .rg-overview-hero-copy { width:49%; }
 .rg-overview-premium .overviewhero h1 { font-size:46px; }
}
@media(max-width:840px) {
 .rg-overview-premium .overviewhero { display:block; min-height:0; }
 .rg-overview-premium .rg-overview-hero-image { position:relative; display:block; height:auto; width:100%; z-index:0; }
 .rg-overview-premium .overviewhero:after { display:none; }
 .rg-overview-premium .overview-grid { padding-block:36px 44px; }
 .rg-overview-premium .rg-overview-hero-copy { width:100%; max-width:650px; }
 .rg-overview-premium .overviewhero h1 { font-size:clamp(36px,6vw,52px); }
 .rg-overview-premium .rg-lead { max-width:620px; }
}
@media(max-width:560px) {
 .rg-overview-premium .guide-grid { grid-template-columns:1fr; gap:22px; }
 .rg-overview-premium .guide-thumb { height:210px; flex-basis:210px; }
 .rg-overview-premium .section-block { padding-top:46px; }
 .rg-overview-premium .guide-details { padding:22px; }
 .rg-overview-premium .overview-footbox { padding:24px; }
}

/* v034: Desktop mit drei Hauptthemen und vier Praeventionsthemen. */
@media (min-width:1101px) {
 .rg-overview-premium .guide-grid { grid-template-columns:repeat(12,minmax(0,1fr)); }
 .rg-overview-premium .guide-card { grid-column:span 4; }
 .rg-overview-premium .guide-card:nth-child(n+4) { grid-column:span 3; }
 .rg-overview-premium .guide-card:nth-child(n+4) .guide-details { padding:20px; }
 .rg-overview-premium .guide-card:nth-child(n+4) h3 { font-size:19px; overflow-wrap:break-word; }
 /* Suchergebnisse bilden ein gleichmaessiges Raster ohne Luecken. */
 .rg-overview-premium .guide-grid:has(.guide-card[hidden]) .guide-card { grid-column:span 4; }
}

/* v035: Lesbarkeit, redaktionelle Balance und persoenliche Beratung. */
.rg-overview-premium .rg-lead { font-size:18px; line-height:1.7; font-weight:500; color:#35403b; }
.rg-overview-premium .rg-overview-hero-note { font-size:13px; font-weight:650; color:#4d672d; margin-top:24px; }
.rg-overview-premium .section-heading .explain { font-size:16px; line-height:1.65; color:#45504b; font-weight:500; }
.rg-overview-premium .searchbox input { font-size:15px; color:#26332b; border-color:#c6d2be; background:#fafbf8; }
.rg-overview-premium .searchbox input::placeholder { color:#566451; opacity:1; }
.rg-overview-premium .guide-details h3 { min-height:2.5em; font-weight:800; letter-spacing:-.025em; }
.rg-overview-premium .guide-details p { font-size:16px; line-height:1.65; font-weight:500; color:#35413b; margin-bottom:24px; }
.rg-overview-premium .rg-count { font-size:12px; font-weight:600; color:#536442; }
.rg-overview-premium .guide-link { font-size:13px; font-weight:750; color:#41651a; padding-block:17px 2px; }
.rg-overview-premium .guide-thumb .pill { font-size:10px; font-weight:750; letter-spacing:.025em; }
.rg-overview-premium .overview-foot { padding:26px 0 76px; }
.rg-overview-premium .overview-footbox {
 padding:48px; gap:40px; background:#1b2324; color:#fff;
 border:1px solid #303d37; border-left:5px solid #86a530; border-radius:16px;
 box-shadow:0 16px 38px rgba(18,30,22,.1);
}
.rg-overview-premium .overview-footbox .eyebrow { color:#b6d77d; margin-bottom:16px; }
.rg-overview-premium .overview-footbox h2 { color:#fff; font-size:clamp(27px,2.8vw,38px); line-height:1.18; font-weight:800; letter-spacing:-.035em; margin:0 0 16px; }
.rg-overview-premium .overview-footbox p { font-size:17px; line-height:1.65; font-weight:500; color:#e1e8e2; max-width:610px; margin:0; }
.rg-overview-premium .rg-consult-action { flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:17px; }
.rg-overview-premium .overview-footbox .rg-btn { font-size:14px; font-weight:800; min-height:54px; padding:15px 21px; color:#182410; background:#99c83a; }
.rg-overview-premium .rg-consult-phone { color:#edf5e4; font-size:18px; font-weight:700; letter-spacing:.025em; }
@media(max-width:1100px) {
 .rg-overview-premium .overview-footbox { padding:34px; flex-wrap:wrap; }
 .rg-overview-premium .rg-consult-action { align-items:flex-start; }
}
@media(max-width:560px) {
 .rg-overview-premium .rg-lead { font-size:17px; }
 .rg-overview-premium .guide-details h3 { min-height:0; }
 .rg-overview-premium .overview-footbox { padding:28px 22px; }
 .rg-overview-premium .overview-footbox .rg-btn { margin-top:0; white-space:normal; }
 .rg-overview-premium .rg-consult-action { margin-top:25px; align-items:stretch; }
 .rg-overview-premium .rg-consult-phone { text-align:center; }
}
