/* rr-gastro.css – Gruppe B der Ratgeber-Rechner (Runde 4, 07.10.2026): Gastronomie „Was bleibt im Monat?“ (Säule + Imbiss, Café, Foodtruck, Restaurant)
   und Mietwagen „Was bleibt je Fahrzeug im Monat?“. Lädt nach rr-kit.css. Nur, was die Grundausstattung nicht hat.
   Jeder Selektor beginnt mit .rk oder [data-rk="…"] – sonst gewinnt .rg-text p (Artikel). Bedienung: rr-gastro.js, rr-mietwagen.js. */
:root{--css-ok-rr-gastro:1}

/* Form-Wahl auf der Säule: eigenes Blatt über dem Ergebnis */
.rk .rk-formen{display:grid;gap:4px;padding:14px 16px 16px;margin:0 0 16px}
.rk .rk-formen .rk-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.rk .rk-formen .rk-seg button{font-weight:700;padding-left:6px;padding-right:6px}

/* Abstand zum Beispielplan (Gastro) – rechts neben der großen Zahl */
.rk .rk-delta{margin-left:auto;display:inline-flex;flex-direction:column;align-items:flex-end;padding:5px 10px;border-radius:8px;background:rgba(23,74,120,.08);
  color:var(--rk-navy);line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}
.rk .rk-delta b{font-family:var(--rk-kopf);font-weight:800;font-size:16px;letter-spacing:-.01em}
.rk .rk-delta span{font-size:12px;font-weight:600}
.rk .rk-delta.rk-delta--minus{background:rgba(168,72,42,.09);color:var(--rk-rost)}
.rk .rk-delta--mini{padding:3px 8px;flex:0 0 auto}
.rk .rk-mini .rk-delta--mini b{font-size:14px}

/* Streifen „Wohin der Umsatz geht“ mit Überschrift; im Minus zeigt eine schraffierte Lücke, was der Umsatz nicht deckt */
.rk .rk-streifen-titel{margin:4px 0 0!important;font-size:13px;line-height:1.35;color:var(--rk-leise)}
.rk .rk-streifen-titel span{white-space:nowrap}
.rk .rk-streifen-titel + .rk-streifen{margin-top:5px}
[data-rk="gastro"] .rk-streifen,[data-rk="mietwagen"] .rk-streifen{overflow:hidden}
.rk .rk-luecke{position:absolute;top:0;bottom:0;right:0;border-left:2px dashed var(--rk-tinte);
  background:repeating-linear-gradient(-45deg,rgba(168,72,42,.6) 0 3px,rgba(168,72,42,.14) 3px 7px)}
.rk .rk-legende li.rk-lg--fehlt::before{background:repeating-linear-gradient(-45deg,rgba(168,72,42,.75) 0 2px,rgba(168,72,42,.18) 2px 4px)}

/* Grenzmarke genau über der Knopfmitte: Bahn ohne die halbe Knopfbreite (28 px) links und rechts */
.rk .rk-bahn{position:absolute;left:14px;right:14px;top:0;bottom:0;pointer-events:none}

/* Feinheiten: site.css setzt summary fett – hier nur das Wort „Feinheiten“ fett */
.rk .rk-fein > summary{font-weight:400}

/* Weiter-Kasten: Knopf nicht strecken */
.rk .rk-weiter__knopf{margin-top:6px!important}

/* Mietwagen: zwei Knöpfe „Ich fahre selbst | Fahrer angestellt“ dürfen umbrechen */
[data-rk="mietwagen"] [data-rk-wer] button{line-height:1.25}

@media (min-width:900px){
  .rk .rk-formen{padding:18px 24px 20px}
  .rk .rk-delta b{font-size:18px}
  .rk .rk-delta span{font-size:12.5px}
}
@media (max-width:559.98px){
  .rk .rk-formen .rk-seg{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:374.98px){
  /* Handy-Leiste: der Abstand zum Plan ragte unter 375 px bei großen Beträgen über den Rand (gemessen bis 32 px bei 320 px) – er steht ja im großen Blatt */
  .rk .rk-mini .rk-delta--mini{display:none!important}
}
@media (max-width:359.98px){
  .rk .rk-delta{padding:4px 8px}
  .rk .rk-delta b{font-size:15px}
}