/* Ratgeber-Rubrik „Technik & Kosten“ (25.10.2026): Bilder und Schema im Fließtext.
   Nur auf den neuen Artikeln eingebunden, damit ratgeber.css und die übrigen Seiten unverändert bleiben. */
.rgt-fig { margin: 28px 0 26px; }
.rgt-fig img { display: block; width: 100%; height: auto; border-radius: 10px; box-shadow: 0 24px 50px -36px rgba(23, 28, 21, .55); }
.rgt-fig figcaption { margin-top: 10px; font: 500 14px/1.45 var(--text); color: var(--muted); }
.rgt-fig.is-hoch { float: right; width: min(42%, 340px); margin: 6px 0 18px 28px; }
.rgt-fig.is-produkt { max-width: 460px; }
.rgt-fig.is-produkt img { background: #e9e9e9; box-shadow: inset 0 0 0 1px var(--line); }
.rg-text > section::after { content: ""; display: table; clear: both; }

.rgt-schema { margin: 28px 0 26px; padding: clamp(16px, 2.4vw, 28px); border-radius: 10px; background: var(--surface, #fff); box-shadow: inset 0 0 0 1px var(--line); }
.rgt-schema svg { display: block; width: 100%; height: auto; }
.rgt-schema figcaption { margin-top: 12px; font: 500 14px/1.45 var(--text); color: var(--muted); }
.rgt-schema .s-gehaeuse { fill: #3a4233; }
.rgt-schema .s-ruecklauf { fill: #c9a96e; }
.rgt-schema .s-druck { fill: #a4c639; }
.rgt-schema .s-rolle-st { fill: #e4e1d7; stroke: #1f261c; stroke-width: 2; }
.rgt-schema .s-rad { fill: #56701f; stroke: #2f3d12; stroke-width: 2; }
.rgt-schema .s-nabe { fill: #1f261c; }
.rgt-schema .s-marke { fill: #a4c639; }
.rgt-schema .s-raum { fill: #ece9e1; }
.rgt-schema .s-block { fill: #cfccc1; stroke: #8a8f84; stroke-width: 2; }
.rgt-schema .s-bohrung { fill: #5b605a; }
.rgt-schema .s-kolben { fill: #e4e1d7; stroke: #3a4233; stroke-width: 2; }
.rgt-schema .s-oelsaeule { fill: #c9a96e; transition: fill .25s; }
.rgt-schema .s-oelsaeule.is-druck { fill: #a4c639; }
.rgt-schema .s-rolle { fill: #1f261c; }
.rgt-schema .s-schraube { fill: #252c21; stroke: #59634f; stroke-width: 1.5; }
.rgt-schema .s-achse { fill: #c9c5b8; stroke: #8a8f84; stroke-width: 1.5; }
.rgt-schema .s-keil { fill: #59634f; }
.rgt-schema .s-nockenring { fill: none; stroke: #59634f; stroke-width: 2; }
.rgt-schema .s-ring { stroke: #8a8f84; stroke-width: 1.5; }
.rgt-schema .s-achse-k { fill: #8a8f84; }
.rgt-schema .s-t { font: 700 24px var(--display, sans-serif); text-transform: uppercase; fill: var(--ink, #1f231c); }
.rgt-schema .s-u { font: 500 17px var(--text, sans-serif); fill: var(--muted, #5b605a); }
.rgt-schema figcaption { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; }
.rgt-schema .s-legende { display: inline-flex; align-items: center; gap: 8px; }
.rgt-schema .s-legende i { width: 14px; height: 14px; border-radius: 3px; }
.rgt-schema .s-legende .is-druck { background: #a4c639; }
.rgt-schema .s-legende .is-ruecklauf { background: #c9a96e; }
.rgt-schema .s-pause { margin-left: auto; min-height: 36px; padding: 0 16px; border: 1px solid var(--line); border-radius: 999px; background: var(--bg, #f7f7f5); font: 600 13px/1 var(--text); color: var(--ink); cursor: pointer; }
.rgt-schema .s-pause:hover { border-color: var(--olive); }
.rgt-schema .s-pause:focus-visible { outline: 2px solid var(--olive); outline-offset: 2px; }

@media (max-width: 760px) {
  .rgt-fig.is-hoch { float: none; width: 100%; margin: 24px 0; }
  .rgt-schema .s-t { font-size: 32px; }
  .rgt-schema .s-u { display: none; }
}