/* rr-dienste.css – Gruppe C der Ratgeber-Rechner (Runde 4, 07.10.2026): Pflegedienst, Alltagsbegleitung, Reinigung, Hausmeister.
   Lädt nach rr-kit.css. Nur, was die Grundausstattung nicht hat; Präfix .rk-d- (Gruppe Dienste). Jeder Selektor beginnt mit .rk – sonst gewinnt .rg-text p. */
:root{--css-ok-rr-dienste:1}

/* Streifen mit runden Enden (Teile werden abgeschnitten); bei Minus zeigen die Farben, was gedeckt ist, schraffiert ist, was fehlt */
.rk .rk-d-rund{overflow:hidden}
.rk .rk-d-fehlt{flex:0 0 auto;height:100%;width:0;
  background:repeating-linear-gradient(-45deg,rgba(168,72,42,.55) 0 3px,rgba(168,72,42,.12) 3px 7px);transition:width .35s cubic-bezier(.22,.8,.3,1)}
.rk .rk-legende .rk-d-fehlt-li{color:var(--rk-rost)}
.rk .rk-legende .rk-d-fehlt-li::before{background:repeating-linear-gradient(-45deg,rgba(168,72,42,.7) 0 2px,rgba(168,72,42,.2) 2px 4px)}
.rk .rk-legende .rk-d-fehlt-li b{color:var(--rk-rost)}

/* Kleine Überschrift über einem Streifen (Reinigung: „Wohin dein Preis je Stunde geht“) */
.rk .rk-d-titel{margin:12px 0 -4px;font-size:13px;line-height:1.3;color:var(--rk-leise)}

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

/* Feinheiten: Kopfzeile zweiteilig (fett + leise) */
.rk .rk-fein > summary > span{line-height:1.35}

/* Hinweise im Ergebnis-Blatt stehen untereinander */
.rk .rk-d-hinweise{display:grid;gap:2px}
.rk .rk-d-hinweise:empty{display:none}

/* Weiterrechnen: Knopf mit etwas Luft */
.rk .rk-weiter .rk-knopf{margin-top:6px}

@media (max-width:419.98px){
  .rk .rk-d-kacheln .rk-kachel{font-size:12px}
  .rk .rk-d-kacheln .rk-kachel b{font-size:16.5px}
}
/* Handy-Leiste: längere Notizen („Preis zu niedrig“, „zu viele Stunden“) zweizeilig statt abgeschnitten (Gegenprüfung 08.10.2026) */
@media (max-width:899.98px){
  .rk .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; Kachelzahlen etwas kleiner, damit „−14.880 €“ ganz zu sehen ist */
@media (max-width:359.98px){
  .rk .rk-mini__notiz{display:none}
  .rk .rk-d-kacheln .rk-kachel b{font-size:14.5px;letter-spacing:-.03em}
}
@media (prefers-reduced-motion:reduce){.rk .rk-d-fehlt{transition:none}}
