/* Beratungsthemen: Umschalter + Lebenslagen (2026-10-11) */
.beratung-switch-wrap{max-width:var(--wrap);margin-inline:auto;padding:clamp(44px,6vw,88px) var(--pad) clamp(28px,4vw,48px)}
.beratung-switch{display:flex;flex-wrap:wrap;align-items:baseline;gap:clamp(16px,3vw,40px);border-bottom:1px solid var(--hairline)}
.beratung-switch[hidden]{display:none}
.beratung-switch__tab{appearance:none;background:none;border:0;margin:0;padding:0 0 .55em;font:inherit;font-size:clamp(1.08rem,.85rem + 1.3vw,1.9rem);font-weight:700;letter-spacing:-.025em;line-height:1.2;color:rgba(17,16,19,.42);cursor:pointer;position:relative;transition:color var(--speed) var(--ease)}
.beratung-switch__tab::before{content:"";position:absolute;left:0;bottom:-1px;width:1.4em;height:4px;background:var(--rot);transform:scaleX(0);transform-origin:left center}
.beratung-switch__tab::after{content:"";display:inline-block;width:.17em;height:.17em;border-radius:50%;margin-left:.1em;background:var(--rot);opacity:0}
.beratung-switch__tab[aria-selected=true]{color:var(--tinte)}
.beratung-switch__tab[aria-selected=true]::before{transform:scaleX(1)}
.beratung-switch__tab[aria-selected=true]::after{opacity:1}
@media (hover:hover){.beratung-switch__tab[aria-selected=false]:hover{color:var(--tinte)}}
.beratung-switch__tab:focus-visible{outline:2px solid var(--rot);outline-offset:4px;border-radius:2px}
.beratung-switch__tab:active{color:var(--rot)}
.js-beratung .beratung-panel[hidden]{display:none}
.js-beratung .beratung-panel>.section__wrap{padding-top:0}
.lagen{columns:2;column-gap:clamp(28px,4.5vw,72px)}
.lage{break-inside:avoid;padding-bottom:clamp(28px,3.4vw,44px)}
.lage__title{margin:0 0 .3em;font-size:clamp(1.2rem,1rem + .7vw,1.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.25;text-wrap:balance}
.lage__lead{margin:0 0 .9em;max-width:44ch;color:rgba(17,16,19,.66);font-size:clamp(.95rem,.9rem + .2vw,1.05rem);line-height:1.5}
.lage .topic-rows{grid-template-columns:1fr}
@media (max-width:820px){.lagen{columns:1}}
.lage .topic-row__title{color:var(--rot);text-decoration-color:rgba(213,8,79,.35)}
.lage .topic-row:focus-visible .topic-row__title,.lage .topic-row:active .topic-row__title{color:var(--tinte);text-decoration-color:var(--tinte)}
@media (hover:hover){.lage .topic-row:hover .topic-row__title{color:var(--tinte);text-decoration-color:var(--tinte)}}