/* rr-foerdern.css – Gruppe A der Ratgeber-Rechner (Runde 4, 07.10.2026): Wegweiser, Grundsicherung, Eigenkapital, Kapazität, Taxi-Eigenkapital.
   Lädt nach rr-kit.css. Nur, was die Grundausstattung nicht hat. Selektoren beginnen immer mit .rk oder [data-rk="…"] (sonst gewinnt .rg-text p). */
:root{--css-ok-rr-foerdern:1}
[data-rk="taxi_ek"] .rk-zaehler{margin-top:2px}

/* gemeinsam: Knopf im Weiter-Blatt nicht über die ganze Breite, Listen-Knöpfe mit Unterzeile */
.rk .rk-weiter .rk-knopf{justify-self:start;margin-top:6px}
.rk .rk-liste button > span{display:block}
.rk[data-stufe="leer"] .rk-betrag{color:var(--rk-text)}
.rk[data-stufe="leer"] .rk-notiz{color:var(--rk-leise)}

/* Wegweiser: Name des Wegs über der Zahl */
[data-rk="wegweiser"] .rk-weg{margin:2px 0 0;font-family:var(--rk-kopf);font-weight:800;font-size:21px;line-height:1.15;letter-spacing:-.02em;color:var(--rk-navy);text-wrap:balance}
[data-rk="wegweiser"][data-stufe="leer"] .rk-weg{color:var(--rk-tinte)}
[data-rk="wegweiser"][data-stufe="zu"] .rk-weg{color:var(--rk-rost)}
[data-rk="wegweiser"] .rk-zeilen dd{white-space:normal;max-width:13em}
[data-rk="wegweiser"] .rk-mini__label{hyphens:manual;-webkit-hyphens:manual}
@media (min-width:900px){
  [data-rk="wegweiser"] .rk-weg{font-size:25px}
}

/* kleiner Text-Knopf (z. B. „Auf 0 € setzen“) */
.rk .rk-textknopf{border:0;background:none;padding:6px 2px;min-height:36px;cursor:pointer;font-weight:700;font-size:inherit;color:var(--rk-navy);text-decoration:underline;
  text-decoration-color:rgba(23,74,120,.35);text-underline-offset:3px}
.rk .rk-textknopf:hover{text-decoration-color:currentColor}

/* Grundsicherung: Stufen-Leiste der Freibeträge mit „hier bist du“ */
.rk .rk-stufen{margin:16px 0 2px}
.rk .rk-stufen__kopf{margin:0 0 28px;font-size:13px;line-height:1.35;color:var(--rk-leise)}
.rk .rk-stufen__leiste{position:relative;display:flex;gap:2px;height:30px}
.rk .rk-stufe{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;background:#efeae1;font-size:13px;line-height:1;color:var(--rk-leise);
  font-variant-numeric:tabular-nums;white-space:nowrap;transition:background .25s,color .25s}
.rk .rk-stufe:first-child{border-radius:3px 0 0 3px}
.rk .rk-stufe:nth-child(5){border-radius:0 3px 3px 0}
.rk .rk-stufe b{position:relative;z-index:2;padding:2px 4px;border-radius:2px;background:inherit;font-weight:700}   /* Marke läuft hinter der Zahl durch */
.rk .rk-stufe--durch{background:#dfe3e4;color:var(--rk-text)}   /* deckend, damit die Zahl die Marke sauber verdeckt */
.rk .rk-stufe--hier{background:#bfcbd3;color:var(--rk-navy)}
.rk .rk-stufen__hier{position:absolute;z-index:1;top:-7px;bottom:-7px;width:0;border-left:3px solid var(--rk-navy);transition:left .35s cubic-bezier(.22,.8,.3,1)}
.rk .rk-stufen__hier span{position:absolute;bottom:100%;left:0;transform:translateX(-50%);margin-bottom:1px;font-family:var(--rk-hand);font-weight:700;font-size:15px;line-height:1.3;
  color:var(--rk-navy);white-space:nowrap}
.rk .rk-stufen__hier--links span{transform:translateX(-12px)}
.rk .rk-stufen__hier--rechts span{transform:translateX(calc(-100% + 10px))}
.rk .rk-stufen__grenzen{position:relative;height:18px;margin-top:5px}
.rk .rk-stufen__grenzen span{position:absolute;top:0;transform:translateX(-50%);font-size:12px;line-height:1.4;color:var(--rk-leise);white-space:nowrap;font-variant-numeric:tabular-nums}
[data-rk="grundsicherung"] .rk-kacheln{margin-top:14px}
@media (prefers-reduced-motion:reduce){.rk .rk-stufen__hier,.rk .rk-stufe{transition:none}}
[data-rk="grundsicherung"] .rk-kachel,[data-rk="eigenkapital"] .rk-kachel{display:flex;flex-direction:column;justify-content:space-between}

/* Skala mit Strich-Beschriftung unter dem Balken (Eigenkapital, Kapazität): Zonen ohne eigene Schrift, Werte an den Grenzen */
.rk .rk-skala--ticks{margin:30px 0 30px}
.rk .rk-tick{position:absolute;top:100%;margin-top:5px;transform:translateX(-50%);font-size:12px;line-height:1.3;color:var(--rk-leise);white-space:nowrap;font-variant-numeric:tabular-nums}
.rk .rk-tick--l{transform:translateX(calc(-100% + 1px))}
.rk .rk-tick--r{transform:translateX(-1px)}
.rk .rk-tick::before{content:"";position:absolute;bottom:100%;width:1px;height:5px;background:var(--rk-leise);opacity:.5}
.rk .rk-tick--l::before{right:0}.rk .rk-tick--r::before{left:0}.rk .rk-tick:not(.rk-tick--l):not(.rk-tick--r)::before{left:50%}
.rk .rk-skala--ticks + .rk-legende{margin-top:0}
.rk .rk-skala .rk-zeiger span{margin-bottom:2px}
/* Zonen etwas kräftiger, damit sie zur Legende passen (gleiche Farbwerte wie dort) */
.rk .rk-skala--ticks .rk-zone{background:rgba(23,74,120,.28)}
.rk .rk-skala--ticks .rk-zone--warn{background:rgba(138,106,16,.34)}
.rk .rk-skala--ticks .rk-zone--zu{background:rgba(168,72,42,.32)}
.rk .rk-schwelle--unten{margin-top:10px!important}