/* Ratgeber „Steuerberater wechseln oder kündigen“ (Seitensitzung Kostenseite, 04.11.2026), von Hand.
   Grundwerte, Kopf, Knöpfe und Fuß aus unterseiten-basis.css, Seitenkopf aus unterseiten.css, Fragen, Weiterlesen und
   Stand aus kosten-bausteine.css. */

/* Kopf: Text links, rechts das Inhaltsverzeichnis als Karte */
.rg-kopf .innen{align-items:start}
.rg-kopf h1{max-width:16ch}
.rg-zielgruppe{max-width:34em;margin-top:20px;padding-left:14px;border-left:3px solid var(--p700);font-size:1rem;line-height:1.55;color:var(--text)}
@media (min-width:901px){.rg-inhalt{margin-top:5.9px}}
.rg-inhalt{padding:clamp(24px,2.6vw,32px);background:#fff;border:1px solid var(--linie);border-radius:24px}
.rg-inhalt h2{font:600 15px/1.4 "Inter",system-ui,sans-serif;letter-spacing:0;color:var(--tinte)}
.rg-inhalt ol{margin:14px 0 0;padding:0;list-style:none;counter-reset:rg}
.rg-inhalt li{counter-increment:rg;border-top:1px solid var(--flaeche)}
.rg-inhalt a{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:baseline;padding:11px 0;color:var(--tinte);text-decoration:none;font-size:1rem;line-height:1.4;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.rg-inhalt a::before{content:counter(rg);font:600 13px/1.4 "Inter",system-ui,sans-serif;color:var(--p700);font-variant-numeric:tabular-nums}
.rg-inhalt a:hover{color:var(--p700)}
.rg-inhalt a:focus-visible{outline:2px solid var(--p600);outline-offset:2px;border-radius:4px}

/* Artikel: Abschnitte mit Titel links und Text rechts, wie die Fragen */
.rg-artikel{padding-block:clamp(16px,2vw,24px) clamp(56px,7vw,96px)}
.rg-abschnitt{scroll-margin-top:96px}
.rg-abschnitt .innen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:clamp(40px,5vw,80px);row-gap:20px;align-items:start;padding-block:clamp(36px,4.4vw,56px);position:relative}
.rg-abschnitt .innen::before{content:"";position:absolute;top:0;left:var(--rand);right:var(--rand);height:1px;background:var(--tinte)}
.rg-abschnitt h2{max-width:13ch;text-wrap:balance;font-size:clamp(1.6rem,1.2rem + 1.2vw,2.125rem);line-height:1.1;text-box:trim-start cap alphabetic}
@supports not (text-box:trim-start cap alphabetic){.rg-abschnitt h2{margin-top:-.15em}}
.rg-text{max-width:40em}
.rg-text>*+*{margin-top:16px}
.rg-text p,.rg-text li{line-height:1.65;color:var(--text);text-wrap:pretty}
.rg-text p b,.rg-text li b{font-weight:600;color:var(--tinte)}
.rg-text h3{margin-top:28px;font-size:1.25rem;line-height:1.25}
.rg-text ul{margin-block:16px 0;padding-left:1.2em}
.rg-text ul li+li{margin-top:8px}
.rg-text ul li::marker{color:var(--p700)}
.rg-text .pfeillink{color:var(--tinte)}
.rg-norm{color:var(--leise);white-space:nowrap}
.rg-kasten{padding:18px 20px;border-radius:16px;background:var(--p50);color:var(--tinte)}
.rg-kasten p{color:var(--tinte)}

/* So läuft der Wechsel zu 7TAX: Ziffernkachel links, Text linksbündig daneben (wie die Ablaufseite) */
.rg-schritte{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:0}
.rg-schritt{display:grid;grid-template-columns:31px minmax(0,1fr);column-gap:16px;padding:20px 0 22px;border-top:1px solid var(--linie)}
.rg-schritt:first-child{border-top:0;padding-top:4px}
.rg-schritt .az{grid-row:1/span 2;margin-top:7px}
.rg-schritt h3{margin:0;font-size:1.25rem;line-height:1.25}
.rg-schritt p{margin-top:10.75px;line-height:1.6;color:var(--text);text-wrap:pretty}
.rg-knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* Quellen unter dem Stand */
.quellen{grid-column:2;margin:0;padding:0;list-style:none;font-size:.9rem;line-height:1.6;color:var(--leise)}
.quellen li+li{margin-top:6px}

@media (max-width:1000px){
  .rg-abschnitt .innen{grid-template-columns:minmax(0,1fr)}
  .rg-abschnitt h2{max-width:20ch}
  .quellen{grid-column:auto}
}
@media (max-width:560px){
  .rg-knoepfe .knopf{flex:1 1 100%}
}

/* Weg zum Angebot nach den vier Schritten (Hauptsession, 05.11.2026) */
.rg-angebot{margin-top:24px}
.rg-angebot .pfeillink{display:table;margin-top:6px}