/* Rechner der Auto-Ratgeber (Block C, Branche 2, 09.10.2026) – zusammengesetzt von vorlagen/ratgeber-checks/autohandel-zwei/bau.py aus css/*.css. Nicht hier ändern. */

/* --- autohandel.css --- */
/* Rechner „Was bleibt dir pro Auto – und im Monat?“ (Autohandel, /ratgeber/autohandel-gruenden/, 09.10.2026). Lädt nach rr-kit.css.
   Nur, was die Grundausstattung nicht hat; Präfix .rk-ah-. Jeder Selektor beginnt mit [data-rk="autohandel"] – sonst gewinnt .rg-text p. */

/* Streifen je Auto mit runden Enden; kleine Überschrift darüber; „fehlen“ in der Legende schraffiert */
[data-rk="autohandel"] .rk-ah-rund{overflow:hidden}
[data-rk="autohandel"] .rk-ah-titel{margin:12px 0 -4px;font-size:13px;line-height:1.3;color:var(--rk-leise)}
[data-rk="autohandel"] .rk-legende .rk-ah-fehlt{color:var(--rk-rost)}
[data-rk="autohandel"] .rk-legende .rk-ah-fehlt::before{background:repeating-linear-gradient(-45deg,rgba(168,72,42,.7) 0 2px,rgba(168,72,42,.2) 2px 4px)}
[data-rk="autohandel"] .rk-legende .rk-ah-fehlt b{color:var(--rk-rost)}

/* Drei Wert-Kacheln immer in einer Reihe */
[data-rk="autohandel"] .rk-ah-kacheln{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px}
[data-rk="autohandel"] .rk-ah-kacheln .rk-kachel{padding:8px 0 0;min-width:0}
[data-rk="autohandel"] .rk-ah-kacheln .rk-kachel b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Hinweis Differenzbesteuerung im Ergebnis-Blatt */
[data-rk="autohandel"] .rk-ah-hinweis{margin:12px 0 0;padding-top:8px;border-top:1px dashed var(--rk-linie-2);font-size:13px;line-height:1.4;color:var(--rk-text)}

/* Vier Szenario-Knöpfe als 2 × 2 */
[data-rk="autohandel"] .rk-ah-sz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
[data-rk="autohandel"] .rk-ah-sz button{min-width:0;line-height:1.25}
[data-rk="autohandel"] .rk-seg button small{margin-top:1px}

/* Feinheiten: Zwischenüberschriften */
[data-rk="autohandel"] .rk-ah-zwischen{margin:2px 0 -8px;padding-top:14px;border-top:1px dashed var(--rk-linie-2);font-size:13px;font-weight:700;color:var(--rk-leise);
  text-transform:uppercase;letter-spacing:.04em}
[data-rk="autohandel"] .rk-fein > summary > span{line-height:1.35}

/* Die Rechnung im Detail: Zwischenzeilen „Im Monat“, „Geld im Hof“ */
[data-rk="autohandel"] .rk-zeilen .rk-ah-ab{padding-top:16px;border-top:2px solid var(--rk-linie-2);font-size:13px;font-weight:700;color:var(--rk-leise);
  text-transform:uppercase;letter-spacing:.04em}

/* Weiterrechnen: Knopf mit etwas Luft */
[data-rk="autohandel"] .rk-weiter .rk-knopf{margin-top:6px}

@media (max-width:419.98px){
  [data-rk="autohandel"] .rk-ah-kacheln .rk-kachel{font-size:12px}
  [data-rk="autohandel"] .rk-ah-kacheln .rk-kachel b{font-size:16.5px}
}
/* Handy-Leiste: Notiz zweizeilig statt abgeschnitten */
@media (max-width:899.98px){
  [data-rk="autohandel"] .rk-mini__notiz{white-space:normal;text-overflow:clip;line-height:1.05;max-width:7.2em}
}
/* unter 360 px passt neben Label und Zahl keine Notiz – die Farbe der Zahl zeigt den Stand */
@media (max-width:359.98px){
  [data-rk="autohandel"] .rk-mini__notiz{display:none}
  [data-rk="autohandel"] .rk-ah-kacheln .rk-kachel b{font-size:14.5px;letter-spacing:-.03em}
}

/* --- werkstatt.css --- */
/* Rechner „Was muss deine Werkstattstunde kosten?“ (/ratgeber/kfz-werkstatt-gruenden/, 09.10.2026). Lädt nach rr-kit.css.
   Nur, was die Grundausstattung nicht hat; Präfix .rk-ws-. Jeder Selektor beginnt mit [data-rk="werkstatt"] – sonst gewinnt .rg-text p.
   Streifen, Legende und Kacheln wie im Stundensatz-Rechner der Handwerk-Säule (dort .rk-hw-) – diese Seite lädt rr-handwerk.css nicht. */

/* Kleine Überschrift über dem Streifen */
[data-rk="werkstatt"] .rk-ws-titel{margin:12px 0 -4px;font-size:13px;line-height:1.3;color:var(--rk-leise)}

/* Streifen mit runden Enden (der schraffierte Teil steht versteckt am Ende) */
[data-rk="werkstatt"] .rk-streifen{overflow:hidden}
[data-rk="werkstatt"] .rk-legende .rk-ws-fehlt-li{color:var(--rk-rost)}
[data-rk="werkstatt"] .rk-legende .rk-ws-fehlt-li::before{background:repeating-linear-gradient(-45deg,rgba(168,72,42,.7) 0 2px,rgba(168,72,42,.2) 2px 4px)}
[data-rk="werkstatt"] .rk-legende .rk-ws-fehlt-li b{color:var(--rk-rost)}

/* Drei Wert-Kacheln immer in einer Reihe */
[data-rk="werkstatt"] .rk-ws-kacheln{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px}
[data-rk="werkstatt"] .rk-ws-kacheln .rk-kachel{padding:8px 0 0;min-width:0}
[data-rk="werkstatt"] .rk-ws-kacheln .rk-kachel b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Szenario-Knöpfe: zweizeilig, Name fett genug, Zusatz leise */
[data-rk="werkstatt"] .rk-seg button{font-weight:650;text-align:center}
[data-rk="werkstatt"] .rk-seg button small{font-weight:400;margin-top:2px}

/* Unter dem Preis-Regler: Abstand zur Grenzmarke („mind. …“ hängt unter der Spur), Vergleichszahl leise mit Trennlinie */
[data-rk="werkstatt"] .rk-tipp.rk-ws-unter-marke{margin-top:16px!important}
[data-rk="werkstatt"] .rk-tipp.rk-ws-vergleich{margin-top:8px!important;padding-top:7px;border-top:1px dashed var(--rk-linie-2);font-size:13.5px;line-height:1.4;color:var(--rk-leise)}
[data-rk="werkstatt"] .rk-tipp.rk-ws-vergleich b{color:var(--rk-text)}

/* Feinheiten: Kopfzeile zweiteilig (fett + leise) · Weiterrechnen mit etwas Luft */
[data-rk="werkstatt"] .rk-fein > summary > span{line-height:1.35}
[data-rk="werkstatt"] .rk-weiter .rk-knopf{margin-top:6px}

/* Handy: die drei Beispiel-Knöpfe untereinander, je zweizeilig */
@media (max-width:559.98px){
  [data-rk="werkstatt"] .rk-seg--gleich button{flex:1 1 100%}
}
@media (max-width:419.98px){
  [data-rk="werkstatt"] .rk-ws-kacheln .rk-kachel{font-size:12px}
  [data-rk="werkstatt"] .rk-ws-kacheln .rk-kachel b{font-size:16.5px}
}
/* Handy-Leiste: längere Notizen („Preis zu niedrig“) zweizeilig statt abgeschnitten */
@media (max-width:899.98px){
  [data-rk="werkstatt"] .rk-mini__notiz{white-space:normal;text-overflow:clip;line-height:1.05;max-width:7.2em}
}
/* unter 360 px passt neben Label und Zahl keine Notiz – die Farbe der Zahl zeigt den Stand */
@media (max-width:359.98px){
  [data-rk="werkstatt"] .rk-mini__notiz{display:none}
  [data-rk="werkstatt"] .rk-ws-kacheln .rk-kachel b{font-size:14.5px;letter-spacing:-.03em}
  [data-rk="werkstatt"] .rk-seg button{font-size:13.5px}
}