/* Ratgeber-Beitrag, siehe single.php und inc/ratgeber.php. */
.eb-rg{margin-top:var(--eb-nav-h)}
.eb-rg .eb-breadcrumb{border-bottom:0}
.eb-rg__kopf{max-width:980px;padding-top:clamp(1rem,3vw,2.4rem);padding-bottom:clamp(1.6rem,3vw,2.4rem)}
.eb-rg__kat{text-decoration:none}
.eb-rg__kat:hover{text-decoration:none}
.eb-rg__kopf h1{font-size:clamp(2.2rem,5.2vw,4rem);line-height:1.08;letter-spacing:-.012em;margin:.2rem 0 1.1rem;max-width:22ch}
.eb-rg__lead{font-family:var(--eb-serif);font-size:clamp(1.15rem,1.9vw,1.42rem);line-height:1.55;color:var(--eb-ink);max-width:56ch;margin:0 0 1.4rem}
.eb-rg__meta{display:flex;flex-wrap:wrap;gap:.35rem 1.4rem;margin:0;font-size:.9rem;color:var(--eb-muted)}
.eb-rg__meta span{display:inline-block}
.eb-rg__meta span + span::before{content:"";display:inline-block;vertical-align:middle;width:4px;height:4px;border-radius:50%;background:var(--eb-primary-soft);margin:0 .5rem 0 -.95rem}
.eb-rg__bild{max-width:var(--eb-wrap);margin:0 auto;padding-inline:clamp(16px,3vw,2rem)}
.eb-rg__bild img{width:100%;aspect-ratio:16/8;object-fit:cover;display:block;
  border-radius:clamp(60px,12vw,200px) clamp(60px,12vw,200px) var(--eb-radius) var(--eb-radius)}

.eb-rg__raster{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(2rem,6vw,6rem);align-items:start;
  padding-top:clamp(2.4rem,5vw,4rem);padding-bottom:clamp(3rem,6vw,5rem)}
.eb-rg__artikel{max-width:720px;margin:0}
.eb-rg__artikel > h2{scroll-margin-top:calc(var(--eb-nav-h) + 1.5rem);padding-top:1.8rem;border-top:1px solid var(--eb-line)}
.eb-rg__artikel > h2:first-of-type{border-top:0;padding-top:0}
.eb-rg__artikel > p:first-of-type{font-size:1.1rem}
.eb-rg__artikel p,.eb-rg__artikel li{line-height:1.78}

/* Inhaltsverzeichnis im Text: nur auf schmalen Schirmen, dort aufklappbar */
.eb-rg__toc{display:none;margin:0 0 2.4rem;border-top:1px solid var(--eb-line);border-bottom:1px solid var(--eb-line)}
.eb-rg__toc summary{cursor:pointer;list-style:none;padding:1rem 0;font-family:var(--eb-kreide,cursive);font-size:1.3rem;color:var(--eb-primary-dark);
  display:flex;justify-content:space-between;align-items:center}
.eb-rg__toc summary::-webkit-details-marker{display:none}
.eb-rg__toc summary::after{content:"+";font-family:var(--eb-sans);font-size:1.4rem;color:var(--eb-primary)}
.eb-rg__toc[open] summary::after{content:"\2212"}
.eb-rg__toc-liste{margin:0 0 1.2rem;padding-left:1.4rem}
.eb-rg__toc-liste li{margin:.35rem 0;line-height:1.45}
.eb-rg__toc-liste a{text-decoration:none;color:var(--eb-ink)}

/* Mitlaufende Leiste */
.eb-rg__aside{position:sticky;top:calc(var(--eb-nav-h) + 1.5rem)}
.eb-rg__aside-titel{font-family:var(--eb-kreide,cursive);font-size:1.35rem;color:var(--eb-primary-dark);margin:0 0 .8rem}
.eb-rg__nav{list-style:none;margin:0 0 1.6rem;padding:0;border-left:1px solid var(--eb-line);counter-reset:rg}
.eb-rg__nav li{margin:0;counter-increment:rg}
.eb-rg__nav a{display:block;padding:.45rem 0 .45rem 1rem;margin-left:-1px;border-left:2px solid transparent;
  font-size:.9rem;line-height:1.4;color:var(--eb-muted);text-decoration:none;transition:color .2s,border-color .2s}
.eb-rg__nav a:hover{color:var(--eb-ink)}
.eb-rg__nav a.is-aktiv{color:var(--eb-ink);border-left-color:var(--eb-primary);font-weight:700}
.eb-rg__aside-btn{width:100%}
.eb-rg__akzent{margin:2.4rem auto 0}

.eb-rg__themen{font-size:.9rem;color:var(--eb-muted)}
.eb-rg__artikel .eb-plattencta{margin-top:3.6rem}

@media (max-width:1000px){
  .eb-rg__raster{grid-template-columns:1fr}
  .eb-rg__aside{display:none}
  .eb-rg__toc{display:block}
  .eb-rg__artikel{max-width:none}
}
@media (max-width:640px){
  .eb-rg__bild{padding-inline:0}
  .eb-rg__bild img{aspect-ratio:4/3;border-radius:48px 48px 0 0}
  .eb-rg__meta span + span::before{display:none}
  .eb-rg__meta{flex-direction:column}
}

/* Nachbesserungen 18.10.2026 */
@media (max-width:1000px){.eb-rg__raster{grid-template-columns:minmax(0,1fr)}.eb-rg__artikel{min-width:0}}
@media (max-width:640px){.eb-rg__artikel .eb-plattencta{margin-top:8.5rem}}