/*! WANDKIND Ratgeber v1 (23.10.2026, Paket /root/cf-ratgeber-20261023) – nur unter .cf-rg-v1. Design wie Kategorieseiten v1/Motivseite v3
   (Quicksand, --wk-green-ink, Blatt-Radien, dünne Linien), Handy zuerst, Lesebreite ~ 760 px. Keine SCSS-Kompilierung nötig. */
.cf-rg-v1{--wk-green:#7BB17E;--wk-green-ink:#467A4A;--wk-green-dark:#3B6A3F;--wk-green-tint:#E5EFE5;--wk-text:#2B3136;--wk-heading:#1B1F22;--wk-muted:#5F666C;--wk-line:#E4E0D9;--wk-soft:#F5F3EF;--wk-font:"Quicksand",sans-serif;--wk-leaf-lg:0 40px 0 40px;--wk-leaf-md:0 30px 0 30px;--wk-leaf-sm:0 16px 0 16px;--cf-rg-gutter:16px;color:var(--wk-text);font-family:var(--wk-font);font-size:16px;line-height:1.65;overflow-x:clip;padding-bottom:48px}
.cf-rg-v1 *,.cf-rg-v1 *::before,.cf-rg-v1 *::after{box-sizing:border-box}
.cf-rg-v1 :is(a,summary,[tabindex]):focus-visible{outline:2px solid var(--wk-green-ink);outline-offset:2px}
.cf-rg-v1 a{color:var(--wk-green-ink);text-decoration:underline;text-underline-offset:2px}
.cf-rg-v1 a:hover{color:var(--wk-green-dark)}
.cf-rg-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--cf-rg-gutter)}
@media (min-width:576px){.cf-rg-v1{--cf-rg-gutter:20px}}
.cf-rg-v1 h1,.cf-rg-v1 h2,.cf-rg-v1 h3{font-family:var(--wk-font);color:var(--wk-heading);font-weight:700;line-height:1.25;letter-spacing:0}
.cf-rg-v1 h1{font-size:28px;margin:8px 0 12px}
@media (min-width:768px){.cf-rg-v1 h1{font-size:38px}}

/* Brotkrümel */
.cf-rg-krumen ol{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;margin:0;padding:14px 0 6px;font-size:13px;color:var(--wk-muted)}
.cf-rg-krumen li+li::before{content:"›";margin:0 8px;color:var(--wk-muted)}
.cf-rg-krumen a{color:var(--wk-muted);text-decoration:none}
.cf-rg-krumen a:hover{text-decoration:underline}
.cf-rg-krumen [aria-current]{color:var(--wk-text);display:inline-block;max-width:60vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}

.cf-rg-hinweis{margin:12px 0 0;padding:10px 14px;background:#FDF1E1;border:1px solid #F0D3A8;border-radius:10px;font-size:14px}
.cf-rg-chip{display:inline-block;padding:3px 10px;border-radius:var(--wk-leaf-sm);background:var(--wk-green-tint);color:var(--wk-green-ink);font-size:12px;font-weight:700;line-height:1.5;text-decoration:none}

/* Übersicht */
.cf-rg-liste-kopf{padding:4px 0 8px}
.cf-rg-intro{max-width:720px;color:var(--wk-muted);margin:0 0 16px}
.cf-rg-themen ul{display:flex;gap:8px;list-style:none;margin:0 calc(-1 * var(--cf-rg-gutter));padding:2px var(--cf-rg-gutter) 10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cf-rg-themen ul::-webkit-scrollbar{display:none}
@media (min-width:768px){.cf-rg-themen ul{flex-wrap:wrap;margin:0;padding:2px 0 10px;overflow:visible}}
.cf-rg-themen a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border:1px solid var(--wk-line);border-radius:var(--wk-leaf-sm);background:#fff;color:var(--wk-text);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.cf-rg-themen a span{color:var(--wk-muted);font-weight:500}
.cf-rg-themen a[aria-current]{background:var(--wk-green-ink);border-color:var(--wk-green-ink);color:#fff}
.cf-rg-themen a[aria-current] span{color:#fff}
.cf-rg-raster{display:grid;grid-template-columns:1fr;gap:20px;margin-top:16px}
@media (min-width:576px){.cf-rg-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:992px){.cf-rg-raster{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}
.cf-rg-karte{min-width:0}
.cf-rg-karte-link{display:flex;flex-direction:column;height:100%;border:1px solid var(--wk-line);border-radius:var(--wk-leaf-md);overflow:hidden;background:#fff;color:var(--wk-text)!important;text-decoration:none!important;transition:box-shadow .2s}
.cf-rg-karte-link:hover{box-shadow:0 6px 24px rgba(27,31,34,.08)}
.cf-rg-karte-bild{aspect-ratio:3/2;background:var(--wk-soft);overflow:hidden}
.cf-rg-karte-bild img{display:block;width:100%;height:100%;object-fit:cover}
.cf-rg-karte-platzhalter{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--wk-green-tint),var(--wk-soft))}
.cf-rg-karte-text{display:flex;flex-direction:column;gap:6px;padding:14px 16px 18px}
.cf-rg-karte-titel{font-size:19px!important;margin:4px 0 0!important}
.cf-rg-karte-text p{margin:0;color:var(--wk-muted);font-size:15px;line-height:1.5}
.cf-rg-karte-text time{margin-top:auto;font-size:13px;color:var(--wk-muted)}
.cf-rg-karte .cf-rg-chip{align-self:flex-start}
.cf-rg-leer{margin:24px 0;padding:28px 22px;border-radius:var(--wk-leaf-lg);background:var(--wk-soft)}
.cf-rg-leer h2{font-size:22px;margin:0 0 8px}
.cf-rg-leer p{margin:0}
.cf-rg-seiten{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:32px 0 0}
.cf-rg-seiten a,.cf-rg-seiten span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--wk-line);border-radius:var(--wk-leaf-sm);text-decoration:none;font-weight:600}
.cf-rg-seiten span[aria-current]{background:var(--wk-green-ink);border-color:var(--wk-green-ink);color:#fff}

/* Artikel */
.cf-rg-artikel{max-width:760px;margin:0 auto}
.cf-rg-kopf{padding:8px 0 4px}
.cf-rg-kopf-chip{margin:0}
.cf-rg-teaser{font-size:18px;line-height:1.55;color:var(--wk-text);margin:0 0 10px}
.cf-rg-meta{font-size:14px;color:var(--wk-muted);margin:0 0 18px}
.cf-rg-bild{margin:0 calc(-1 * var(--cf-rg-gutter)) 22px;overflow:hidden;background:var(--wk-soft)}
.cf-rg-bild img{display:block;width:100%;height:auto}
@media (min-width:576px){.cf-rg-bild{margin:0 0 26px;border-radius:var(--wk-leaf-lg)}}
.cf-rg-toc{margin:0 0 26px;padding:16px 18px;border:1px solid var(--wk-line);border-radius:var(--wk-leaf-md);background:var(--wk-soft)}
.cf-rg-toc-h{margin:0 0 6px;font-weight:700;color:var(--wk-heading)}
.cf-rg-toc ol{margin:0;padding-left:20px}
.cf-rg-toc li{margin:4px 0}
.cf-rg-inhalt{font-size:17px}
.cf-rg-inhalt h2{font-size:24px;margin:34px 0 10px;scroll-margin-top:90px}
.cf-rg-inhalt h3{font-size:19px;margin:24px 0 8px}
.cf-rg-inhalt p,.cf-rg-inhalt ul,.cf-rg-inhalt ol,.cf-rg-inhalt blockquote,.cf-rg-inhalt table{margin:0 0 16px}
.cf-rg-inhalt li{margin:4px 0}
.cf-rg-inhalt img{display:block;max-width:100%;height:auto;border-radius:var(--wk-leaf-sm);margin:8px 0 18px}
.cf-rg-inhalt blockquote{padding:12px 18px;border-left:4px solid var(--wk-green);background:var(--wk-soft);border-radius:0 12px 12px 0}
.cf-rg-inhalt table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px}
.cf-rg-inhalt th,.cf-rg-inhalt td{padding:8px 10px;border:1px solid var(--wk-line);text-align:left;vertical-align:top}
.cf-rg-inhalt th{background:var(--wk-soft);font-weight:700}
.cf-rg-faq{margin:36px 0 0}
.cf-rg-faq h2{font-size:24px;margin:0 0 12px;scroll-margin-top:90px}
.cf-rg-frage{border-top:1px solid var(--wk-line)}
.cf-rg-frage:last-child{border-bottom:1px solid var(--wk-line)}
.cf-rg-frage summary{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:52px;padding:12px 0;font-weight:700;cursor:pointer;list-style:none}
.cf-rg-frage summary::-webkit-details-marker{display:none}
.cf-rg-frage summary::after{content:"+";flex:0 0 auto;font-size:22px;line-height:1;color:var(--wk-green-ink)}
.cf-rg-frage[open] summary::after{content:"–"}
.cf-rg-antwort{padding:0 0 14px}
.cf-rg-antwort p:last-child{margin-bottom:0}
.cf-rg-produkte,.cf-rg-weitere{margin:44px 0 0}
.cf-rg-produkte h2,.cf-rg-weitere h2{font-size:24px;margin:0 0 16px}
.cf-rg-zurueck{margin:36px 0 0;text-align:center;font-weight:600}
.cf-rg-v1 .cf-rg-produkte a{text-decoration:none}
.cf-rg-v1 .cf-rg-produkte .cms-listing-col{margin-bottom:24px}