/* Werkzeugseiten — Abschnitte unter dem Werkzeug (P69, Richtung B „Blatt“, Fabio 04.11.2026). Präfix .rh-
   Rhythmus: Kopf+Werkzeug+nächste Fragen G · Rechenweg T · Tabelle G · Nebenfrage T · Pflichten G · Kosten+Nächster Schritt T ·
   Fragen G · Schluss D · Quellen mit „So rechnen wir“ (.kvq) vor dem Fuß. Bausteine aus kv-bausteine.css, kv-planungshilfen.css (.kvp), kv-kostenrechner-seite.css
   (.kf-*), kv-b.css. Nur Tokens aus kv.css. Seite setzt class="rh" auf <main>. Vorlage: gewerbe-fgas-check.html. */

.rh .eyebrow,.rh .eyebrow::before{color:var(--teal-d)}
/* Auf Dunkel (Schluss D) bleibt die Kennzeile hell (design.md 2: #71C3AA), sonst überschreibt die Zeile darüber sie */
.rh .section--dark .eyebrow,.rh .section--dark .eyebrow::before{color:#71C3AA}
.rh a.rh-l,.rh .bento-a a,.rh .kf-q a{color:var(--teal-d);font-weight:var(--fw-semibold);text-decoration:none}
@media (hover:hover){.rh a.rh-l:hover{color:var(--teal)}}
.rh .section.highlight{border-width:1px}
/* 1 G: Kopf + Werkzeug + „Ihre nächsten Fragen“ auf demselben Grund (keine Linie, keine Tönung an der Kopf-Unterkante) */
.rh .hero::after{display:none}
.rh .hero{background:linear-gradient(to bottom,rgba(245,245,243,1) 0%,rgba(245,245,243,0) 120px),radial-gradient(ellipse 55% 45% at 15% 10%,rgba(61,139,122,.07),transparent 60%)}
.rh-nf.section{padding-top:var(--s-6)}
.rh-nf .st-blatt{margin-top:0}
/* Kosten (kurz) und Nächster Schritt in einer Tafel, getrennt durch eine Haarlinie */
.rh-k6{padding-bottom:var(--s-16);margin-bottom:var(--s-16);border-bottom:1px solid var(--border)}
@media (max-width:640px){.rh-nf.section{padding-top:var(--s-4)}.rh-k6{padding-bottom:var(--s-10);margin-bottom:var(--s-10)}}
.rh-anm{margin:var(--s-4) 0 0;font-size:var(--fs-md);line-height:1.6;color:var(--muted)}
.rh-anm a{color:var(--teal-d);font-weight:var(--fw-semibold);text-decoration:none}

/* Tabelle .kb-tw (Ink-Kopflinie 2 px, Haarlinien) */
.rh .kb-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.rh .kb-tw table{width:100%;border-collapse:collapse;font-size:var(--fs-lg);line-height:1.5;font-variant-numeric:tabular-nums}
.rh .kb-tw th{text-align:left;vertical-align:bottom;padding:0 var(--s-5) var(--s-3) 0;font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--tr-wider);text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--ink)}
.rh .kb-tw td{vertical-align:baseline;padding:var(--s-4) var(--s-5) var(--s-4) 0;color:var(--body);border-bottom:1px solid var(--border)}
.rh .kb-tw td:first-child{color:var(--ink);font-weight:var(--fw-medium)}
.rh .kb-tw th:last-child,.rh .kb-tw td:last-child{padding-right:0}
.rh .kb-tw .num{text-align:right;white-space:nowrap}
.rh .kb-tw tr.is-ihr td{background:#E6EFEC;color:var(--ink)}
.rh .kb-tw tr.is-ihr td:first-child{box-shadow:inset 3px 0 0 var(--teal)}
.rh .kb-tw td:first-child,.rh .kb-tw th:first-child{padding-left:var(--s-3)}
.rh-ihr{display:none;margin-top:2px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tr-wider);text-transform:uppercase;color:var(--teal-d)}
tr.is-ihr .rh-ihr{display:block}
.rh .kb-tw .is-sp{color:var(--ink);font-weight:var(--fw-semibold)}
.rh .kb-tw tr td.is-zelle{color:var(--teal-d);font-weight:var(--fw-semibold)}
.rh-legende{margin:var(--s-5) 0 0;font-size:var(--fs-md);line-height:1.65;color:var(--muted);max-width:110ch}
.rh-legende a{color:var(--teal-d);font-weight:var(--fw-semibold);text-decoration:none}
/* Matrix: Kopf zweizeilig — Schwelle + Intervall */
.rh-mx th small{display:block;margin-top:2px;font-size:var(--fs-md);font-weight:var(--fw-regular);letter-spacing:0;text-transform:none;color:var(--ink)}
.rh-mx td:first-child{font-size:var(--fs-xl)}
.rh-mx td.num[data-sp]{font-size:var(--fs-2xl);font-weight:var(--fw-medium);letter-spacing:var(--tr-base);color:var(--ink)}
.rh-mx th.is-sp small{color:var(--teal-d);font-weight:var(--fw-semibold)}
.rh-mxk{margin:var(--s-5) 0 0;font-size:var(--fs-lg);color:var(--ink)}

/* Rechenweg: die Rechnung in einer Zeile, live */
.rh-gl{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--s-6) var(--s-10);padding:var(--s-8) 0 var(--s-6);border-top:2px solid var(--ink);border-bottom:1px solid var(--border)}
.rh-gl-t{display:flex;flex-direction:column;gap:var(--s-2)}
.rh-gl-t b{font-size:clamp(34px,4.2vw,56px);font-weight:var(--fw-medium);letter-spacing:var(--tr-tight);line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.rh-gl-t b i{font-style:normal;color:var(--muted);font-weight:var(--fw-regular);margin-right:.18em}
.rh-gl-t>span{font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--tr-wider);text-transform:uppercase;color:var(--muted)}
.rh-gl-t--ende b{color:var(--teal-d)}
.rh-gl-erk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.rh-gl-erk>div{padding:var(--s-5) var(--s-6) 0 0}
.rh-gl-erk>div+div{padding-left:var(--s-6);border-left:1px solid var(--border)}
.rh-gl-erk b{display:block;font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--ink);line-height:1.35}
.rh-gl-erk p{margin:var(--s-1) 0 0;font-size:var(--fs-md);line-height:1.55;color:var(--muted)}

/* Rechenweg mit Skala (AStV, design.md 11, Fabio 04.11.): Rechnung links untereinander (7), Skala-Render rechts (4).
   Nur die Markierungen bewegen sich: --v (°C) setzt das Seiten-JS, --y10/--y40/--xr (Lage der Skala im Bild) stehen am <figure>. */

/* Nebenfrage: Antwort als ein Satz mit dem eigenen Ergebnis */
.rh-satz{margin:0;max-width:22em;font-size:clamp(30px,3.4vw,46px);font-weight:var(--fw-medium);line-height:1.15;letter-spacing:var(--tr-snug);color:var(--ink);text-wrap:balance}
.rh-satz [data-live]{color:var(--teal-d);white-space:nowrap}
.rh-satz-u{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-16);align-items:start;margin-top:var(--s-10);padding-top:var(--s-6);border-top:1px solid var(--border)}
.rh-satz-u p{margin:0;font-size:var(--fs-xl);line-height:1.6;color:var(--body);max-width:56ch}
.rh-satz-u .kv-knopf{justify-self:start}

/* Pflichten (.mk-satz) zwei mal zwei */
.rh .mk-satz p strong{color:var(--ink)}
.rh .mk-satz p{max-width:52ch}
.rh .mk-satz p a{color:var(--teal-d);font-weight:var(--fw-semibold);text-decoration:none}
.rh-pf2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s-16)}
.rh-pf2 .mk-satz:first-child{padding-top:var(--s-8)}
/* Pflichten mit Objekt (Fabio 04.11.): wie Startseite #marke — Render links klebt und schwebt, rechts vier Sätze untereinander,
   der Satz in der Bildschirmmitte ist an (js/kv-satzleiter.js). Ohne Schleier-Masken (ein Bild). Handy: Objekt klein oben fest. */
.rh-ob.section{overflow:clip}                          /* hidden würde sticky abschalten */
.rh-ob-blatt{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:var(--s-16);align-items:start}
.rh-ob-buehne{position:sticky;top:max(calc(var(--nav-h) + var(--s-6)),calc(50vh - 340px));display:flex;justify-content:center;padding:var(--s-4) 0 var(--s-12)}
.rh-ob-objekt{position:relative;z-index:1;display:block;width:min(124%,540px);margin-left:-12%;animation:mkSchweben 7s ease-in-out infinite;will-change:transform}
.rh-ob-objekt img{display:block;width:100%;height:auto}
.rh-ob .mk-schatten{position:absolute;left:46%;bottom:var(--s-8);width:min(56%,220px);height:26px;margin-left:calc(min(56%,220px)/-2);
 border-radius:50%;background:radial-gradient(closest-side,rgba(28,43,58,.22),rgba(28,43,58,0));animation:mkSchatten 7s ease-in-out infinite}
@keyframes mkSchweben{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(-.8deg)}}
@keyframes mkSchatten{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.6}}
.rh-ob .mk-satz{transition:border-color .4s,box-shadow .4s}
.rh-ob .mk-satz:first-child{padding-top:var(--s-8)}
.rh-ob .mk-stufen.hat-fokus .mk-satz:not(.ist-an) p strong{color:var(--muted)}
.rh-ob .mk-satz.ist-an{border-top-color:var(--ink);box-shadow:inset 0 1px 0 var(--ink)}
@media (prefers-reduced-motion:reduce){
 .rh-ob-objekt,.rh-ob .mk-schatten{animation:none}
 .rh-ob-objekt{transform:rotate(-2deg)}
 .rh-ob .mk-satz,.rh-ob .mk-satz p strong{transition:none}
}
@media (max-width:900px){
 .rh-ob-blatt{grid-template-columns:minmax(0,1fr)}
 .rh-ob-buehne{top:var(--nav-h);z-index:4;padding:var(--s-4) 0 var(--s-10);margin:0 calc(var(--section-px)*-1);
  background:linear-gradient(to bottom,var(--bg) 0,var(--bg) 78%,rgba(245,245,243,0) 100%);transition:top 280ms var(--ease-smooth)}
 body:has(.nav--hidden) .rh-ob-buehne{top:0}
 .rh-ob-objekt{width:min(44%,190px);margin-left:0}
 .rh-ob .mk-schatten{left:50%;width:100px;margin-left:-50px;bottom:var(--s-8)}
}

/* Kosten: Kopf links, Verweis-Zeile mit Render rechts */
.rh-k4b{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-16);align-items:end}
.rh-k4b .eyebrow{margin-bottom:var(--s-4)}
.rh-k4b .h-section{margin:0 0 var(--s-5)}
.rh-k4b .kvp-zeilen{border-top:2px solid var(--ink)}
.rh-k4b .kvp-z{grid-template-columns:200px minmax(0,1fr) auto}
.rh-k4b .kvp-txt b{font-size:var(--fs-3xl)}
.rh-k4b .kvp-bild>img{inset:6% 0;height:88%;object-fit:contain}

/* Nächster Schritt in der Tafel: Knopf im Kopf, Werkzeuge als Reihe */
/* Renders (freigestellt) stehen frei auf der weißen Tafel, keine grauen Kacheln (Fabio 04.11.) */
.rh .section.highlight .kvp-bild{background:var(--white)!important}
.rh .kvp-bild>img[src*="ratgeber-weg"],.rh .kvp-bild>img[src*="kostenrechner-"]{mix-blend-mode:multiply}
.rh-ns .kvp{align-items:center}
.rh-ns .kvp-z{grid-template-columns:140px minmax(0,1fr) auto;padding:var(--s-4) 0}
.rh-ns .kvp-bild>img{inset:8% 0;height:84%;object-fit:contain}
.rh-cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3)}
.rh-cta-z{font-size:var(--fs-md);color:var(--muted)}
.rh-ns .kvp--reihe .kvp-kopf{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k c" "t c" "s c";column-gap:var(--s-16);align-items:end}
.rh-ns .kvp--reihe .kvp-kopf>.kvp-t{font-size:var(--fs-5xl);max-width:16ch}
.rh-ns .kvp--reihe .kvp-kopf>.rh-cta{grid-area:c;align-self:end}
.rh-ns .kvp--reihe .kvp-zeilen{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Vier Werkzeuge in einer Gruppe: eine Reihe mit vier statt 3 + 1 (gewerbe-entscheidungsvorlage, gewerbe-kostenrechner) */
@media (min-width:1101px){.rh-ns .kvp--reihe .kvp-zeilen:has(>li:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Gruppen untereinander erst ab Tablet; am Handy gilt die Zeilenfassung unten (P69 05.11.: display:block hob die zwei
   Handy-Spalten aus kv-planungshilfen.css auf → je Werkzeug eine volle Bühne) */
@media (min-width:641px){.rh-ns .kvp--reihe .kvp-liste{display:block}}
/* Auf Grund G (.flat): Renders frei stehend, keine weißen Bildkästen (design.md 12, Fabio 04.11.); das nicht freigestellte
   Strom-Startbild wird mit Multiplizieren auf den Grund gelegt (.kvp-bild isoliert → Bühne in Grundfarbe statt durchsichtig) */
.rh-ns.flat .kvp-bild{background:var(--bg)!important}
.rh-ns.flat .kvp-bild>img{mix-blend-mode:normal}
.rh-ns.flat .kvp-bild>img[src*="ratgeber-weg"],.rh-ns.flat .kvp-bild>img[src*="kostenrechner-"],.rh-ns.flat .kvp-strom>img{mix-blend-mode:multiply}

/* Fragen .bento auf Grund, Lesespalte 760 (Systemblatt §9/§10). „So rechnen wir“ steht im Quellenblock .kvq (Fabio 04.11.) */
.rh-faq .bento{max-width:760px}

/* Quellen am Seitenende .kvq — gleich kv-stadt.css:375–393/489–491 (Städteseiten), steht außerhalb von main.rh.
   kv-stadt.css ist hier nicht geladen; Token --ts5 (15) = --fs-lg. Desktop offen, Handy zu (Skript hinter dem Block). */
.kvq{position:relative;z-index:2;padding:var(--s-12) var(--section-px) var(--s-16)}
.kvq-d{max-width:var(--max-w);margin:0 auto;border-top:1px solid var(--border)}
.kvq-s{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s-2) var(--s-6);padding:var(--s-6) 40px var(--s-6) 0;position:relative;
  cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}
.kvq-s::-webkit-details-marker{display:none}
.kvq-s::marker{content:""}
.kvq-s:focus-visible{outline:2px solid var(--teal);outline-offset:4px;border-radius:var(--r-1)}
.kvq-s .eyebrow{margin:0}
.kvq-stand{font-size:var(--fs-lg);line-height:1.5;color:var(--muted)}
.kvq-s .bento-chev{position:absolute;right:0;top:50%;margin-top:-14px}
.kvq-d[open] .kvq-s .bento-chev{transform:rotate(180deg);color:var(--teal-d)}
@media (hover:hover){.kvq-s:hover .kvq-stand{color:var(--ink)}}
.kvq-l{columns:3 300px;column-gap:var(--s-12);padding:var(--s-2) 0 0}
.kvq-g{break-inside:avoid;margin:0 0 var(--s-5);font-size:var(--fs-lg);line-height:1.6;color:var(--muted)}
.kvq-g b{font-weight:600;color:var(--ink)}
.kvq-g a{color:var(--muted);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
  text-decoration-color:rgba(92,100,115,.28);overflow-wrap:anywhere}
.kvq-g a:hover{color:var(--ink);text-decoration-color:var(--ink)}
.kvq-g a[href^="/"]{color:var(--teal-d);text-decoration-color:rgba(45,107,92,.45)}
@media (max-width:640px){
 .kvq{padding:var(--s-8) var(--section-px) var(--s-10)}
 .kvq-s{padding:var(--s-5) 40px var(--s-5) 0;gap:var(--s-1) var(--s-4)}
 .kvq-l{columns:1}
}

/* Bewegung (Fabio 04.11., Systemblatt §8): nur Bedien-Rückmeldung und Hochzählen (js/kv-zaehler.js), Text blendet nie ein */
/* Ratgeber-Blatt: Bild wächst beim Überfahren wie .kvp--reihe (kv-planungshilfen.css); Übergang .7s steht in kv-bausteine.css */
@media (hover:hover){.rh .st-auf:hover .st-bild img,.rh .st-neben a:hover .st-bild img{transform:scale(1.04)}}
/* Tabelle: Markierung „Ihre Anlage“, Zeile und Spalte wechseln weich statt hart */
.rh .kb-tw tr,.rh .kb-tw td,.rh-mx th small{transition:background-color var(--dur-base) var(--ease-smooth),box-shadow var(--dur-base) var(--ease-smooth),color var(--dur-base) var(--ease-smooth)}
/* Scrollgebunden: Markierung wandert Zeile für Zeile in die eigene (.rh-lauf/.is-lauf setzt das Seiten-JS);
   Schild nur unsichtbar, nicht entfernt → keine Höhenänderung beim Scrollen */
.rh .rh-lauf tr.is-ihr:not(.is-lauf) td{background:none;box-shadow:none}
.rh .rh-lauf .rh-ihr{visibility:hidden}
.rh .kb-tw tr.is-lauf td{background:#E6EFEC}
.rh .kb-tw tr.is-lauf td:first-child{box-shadow:inset 3px 0 0 var(--teal)}
/* Ergebnis: Schild und Intervall springen kurz nach, wenn sie wechseln (Muster skSprung, kv-strom.css); Klasse setzt das Seiten-JS */
.rh .rh-sprung{animation:rhSprung .4s var(--ease-out)}
@keyframes rhSprung{0%{opacity:.35;transform:translateY(-3px)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
 .rh .kb-tw tr,.rh .kb-tw td,.rh-mx th small,.rh .st-bild img{transition:none}
 .rh .rh-sprung{animation:none}
}

/* Tablet */
@media (max-width:1100px){
 .rh-gl-erk{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rh-gl-erk>div:nth-child(3){padding-left:0;border-left:0}
 .rh-gl-erk>div:nth-child(n+3){margin-top:var(--s-5);border-top:1px solid var(--border)}
 .rh-k4b,.rh-satz-u{grid-template-columns:minmax(0,1fr);gap:var(--s-8)}
 .rh-ns .kvp--reihe .kvp-kopf{grid-template-columns:minmax(0,1fr);grid-template-areas:"k" "t" "s" "c"}
 .rh-ns .kvp--reihe .kvp-kopf>.rh-cta{margin-top:var(--s-6)}
}
/* Handy */
@media (max-width:640px){
 .rh .st-kopf .h-section,.rh .kf-kopf .h-section,.rh-k4b .h-section{font-size:clamp(28px,7.6vw,34px);line-height:1.12}
 .rh .st-lede{font-size:var(--fs-lg)}
 /* Tabellen als Zeilenblöcke mit data-label, kein Querscrollen */
 .rh .kb-tw{overflow:visible}
 .rh .kb-tw table{display:block;font-size:var(--fs-md)}
 .rh .kb-tw thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .rh .kb-tw tbody{display:block;border-top:2px solid var(--ink)}
 .rh .kb-tw tr{display:block;padding:var(--s-3);border-bottom:1px solid var(--border)}
 .rh .kb-tw tr.is-ihr{background:#E6EFEC;box-shadow:inset 3px 0 0 var(--teal)}
 .rh .kb-tw tr.is-ihr td,.rh .kb-tw tr.is-ihr td:first-child{background:none;box-shadow:none}
 .rh .kb-tw tr.is-lauf{background:#E6EFEC;box-shadow:inset 3px 0 0 var(--teal)}
 .rh .kb-tw tr.is-lauf td,.rh .kb-tw tr.is-lauf td:first-child{background:none;box-shadow:none}
 .rh .rh-lauf tr.is-ihr:not(.is-lauf){background:none;box-shadow:none}
 .rh .kb-tw td{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-3);align-items:baseline;padding:var(--s-1) 0!important;border:0;text-align:right}
 .rh .kb-tw td::before{content:attr(data-label);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tr-wide);text-transform:uppercase;color:var(--muted);text-align:left}
 .rh .kb-tw td:first-child{display:block;text-align:left;font-weight:var(--fw-semibold);padding-bottom:var(--s-2)!important}
 .rh .kb-tw td:first-child::before{display:none}
 .rh .kb-tw td[colspan]{display:block;text-align:left}
 .rh .kb-tw td[colspan]::before{display:block;margin-bottom:2px}
 .rh-mx td.num{font-size:var(--fs-lg)}
 .rh-gl{gap:var(--s-5) var(--s-6);padding:var(--s-6) 0 var(--s-5)}
 .rh-gl-t b{font-size:30px}
 .rh-gl--stapel{gap:var(--s-4);padding-top:var(--s-6)}
 .rh-gl--stapel .rh-gl-t b{font-size:36px}
 .rh-gl--stapel .rh-gl-t--ende b{font-size:26px}
 .rh-gl--stapel .rh-gl-t{grid-template-columns:minmax(0,1fr);row-gap:var(--s-1)}
 .rh-gl-erk{grid-template-columns:minmax(0,1fr)}
 .rh-gl-erk>div,.rh-gl-erk>div+div,.rh-gl-erk>div:nth-child(3){padding:var(--s-4) 0 0;border-left:0}
 .rh-gl-erk>div+div{margin-top:var(--s-4);border-top:1px solid var(--border)}
 .rh-satz{font-size:26px}
 .rh-satz-u p{font-size:var(--fs-lg)}
 .rh-pf2{grid-template-columns:minmax(0,1fr)}
 .rh-k4b .kvp-z{grid-template-columns:104px minmax(0,1fr) auto}
 .rh-k4b .kvp-txt b{font-size:var(--fs-xl)}
 .rh-ns .kvp--reihe .kvp-kopf>.kvp-t{font-size:var(--fs-4xl)}
 .rh-ns .kvp-z{grid-template-columns:96px minmax(0,1fr) auto;column-gap:var(--s-3)}
 .rh-cta{align-items:stretch;width:100%}
 .rh-cta .kv-knopf{width:100%;justify-content:center}
 .rh-ns .kvp--reihe .kvp-kopf>.kvp-s{display:block}
 /* Werkzeug-Reihe am Handy (P69 05.11.): ab vier Werkzeugen zwei Spalten aus kv-planungshilfen.css (wie angebotsvergleich);
    bis drei Werkzeuge (eine Gruppe, kein viertes) ruhige Zeilen: Render links 112 × 84, Frage rechts, Haarlinie dazwischen (wie F2) */
 .rh-ns .kvp--reihe .kvp-liste:not(:has(.kvp-gruppe+.kvp-gruppe)):not(:has(li:nth-child(4))){display:block}
 .rh-ns .kvp--reihe .kvp-liste:not(:has(.kvp-gruppe+.kvp-gruppe)):not(:has(li:nth-child(4))) :is(.kvp-gruppe,.kvp-zeilen){display:block}
 .rh-ns .kvp--reihe .kvp-liste:not(:has(.kvp-gruppe+.kvp-gruppe)):not(:has(li:nth-child(4))) .kvp-zeilen li{display:block;border-bottom:1px solid var(--border)}
 .rh-ns .kvp--reihe .kvp-liste:not(:has(.kvp-gruppe+.kvp-gruppe)):not(:has(li:nth-child(4))) .kvp-z{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:var(--s-4);align-items:center;padding:var(--s-3) 0}
 .rh-ns .kvp--reihe .kvp-liste:not(:has(.kvp-gruppe+.kvp-gruppe)):not(:has(li:nth-child(4))) .kvp-bild{aspect-ratio:4/3}
 .rh-ns .kvp--reihe .kvp-liste:not(:has(.kvp-gruppe+.kvp-gruppe)):not(:has(li:nth-child(4))) .kvp-txt{margin-top:0}
}
@media (max-width:374px){
 .rh-ns .kvp--reihe .kvp-liste:not(:has(.kvp-gruppe+.kvp-gruppe)):not(:has(li:nth-child(4))) .kvp-z{grid-template-columns:88px minmax(0,1fr)}
}