/* Rechner der Branche kiosk (Block C, Branche 5, 10.10.2026) – zusammengesetzt von vorlagen/ratgeber-checks/kiosk-zwei/bau.py aus css/*.css. Nicht hier ändern. */

/* --- abloese.css --- */
/* Rechner „Was ist die Ablöse wert?“ (Kiosk übernehmen, /ratgeber/kiosk-uebernehmen/, 10.10.2026). Lädt nach rr-kit.css.
   Nur, was die Grundausstattung nicht hat; Präfix .rk-ab-. Jeder Selektor beginnt mit [data-rk="abloese"] – sonst gewinnt .rg-text p. */

/* Große Zahl ist eine Spanne („19.200–41.600 €“) – etwas kleiner als ein einzelner Betrag, damit sie auch bei 320 px in eine Zeile passt */
[data-rk="abloese"] .rk-betrag{font-size:30px;padding:8px 12px}
@media (min-width:560px){[data-rk="abloese"] .rk-betrag{font-size:40px;padding:8px 14px}}
@media (min-width:900px){[data-rk="abloese"] .rk-betrag{font-size:46px;padding:10px 16px}}
@media (max-width:359.98px){[data-rk="abloese"] .rk-betrag{font-size:25px;padding:7px 8px}}

/* Überschrift über dem Streifen; Platz für die Beschriftung „verlangt“ über dem Strich */
[data-rk="abloese"] .rk-ab-titel{margin:14px 0 0;font-size:13px;line-height:1.3;color:var(--rk-leise)}
[data-rk="abloese"] .rk-ab-streifen{margin-top:30px}
[data-rk="abloese"] .rk-strich span{color:var(--rk-tinte)}
[data-rk="abloese"][data-stufe="zu"] .rk-strich span{color:var(--rk-rost)}
[data-rk="abloese"] .rk-strich.rk-ab-links span{transform:translateX(-4px)}
[data-rk="abloese"] .rk-strich.rk-ab-rechts span{transform:translateX(calc(-100% + 4px))}
[data-rk="abloese"] .rk-legende .rk-ab-zuviel{color:var(--rk-rost)}
[data-rk="abloese"] .rk-legende .rk-ab-zuviel::before{background:repeating-linear-gradient(-45deg,rgba(168,72,42,.7) 0 2px,rgba(168,72,42,.2) 2px 4px)}
[data-rk="abloese"] .rk-legende .rk-ab-zuviel b{color:var(--rk-rost)}

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

/* Hinweis „Faustregel, keine Bewertung“ im Ergebnis-Blatt */
[data-rk="abloese"] .rk-ab-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; Ware extra / im Preis darunter mit Luft */
[data-rk="abloese"] .rk-ab-sz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
[data-rk="abloese"] .rk-ab-sz button{min-width:0;line-height:1.25}
[data-rk="abloese"] .rk-seg button small{margin-top:1px}
[data-rk="abloese"] .rk-ab-ware{margin-top:12px}

/* Feinheiten: Zwischenüberschriften */
[data-rk="abloese"] .rk-ab-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="abloese"] .rk-fein__inhalt > .rk-ab-zwischen:first-child{padding-top:0;border-top:0}
[data-rk="abloese"] .rk-fein > summary > span{line-height:1.35}

/* Die Rechnung im Detail: Zwischenzeilen */
[data-rk="abloese"] .rk-zeilen .rk-ab-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}
[data-rk="abloese"] .rk-zeilen dt.rk-ab-ab:first-child,[data-rk="abloese"] .rk-zeilen dt.rk-ab-ab:first-child + dd{padding-top:4px;border-top:0}

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

@media (max-width:419.98px){
  [data-rk="abloese"] .rk-ab-kacheln .rk-kachel{font-size:12px}
  [data-rk="abloese"] .rk-ab-kacheln .rk-kachel b{font-size:16.5px}
}
/* Handy-Leiste: die Spanne braucht Platz – kleinere Zahl, Notiz zweizeilig */
@media (max-width:899.98px){
  [data-rk="abloese"] .rk-mini__betrag{font-size:22px}
  [data-rk="abloese"] .rk-mini__notiz{white-space:normal;text-overflow:clip;line-height:1.05;max-width:5.5em}
}
/* unter 400 px passt neben Label und Spanne keine Notiz – die Farbe der Zahl zeigt den Stand */
@media (max-width:399.98px){
  [data-rk="abloese"] .rk-mini__notiz{display:none}
  [data-rk="abloese"] .rk-mini__betrag{font-size:20px;padding:6px 8px}
}
@media (max-width:359.98px){
  [data-rk="abloese"] .rk-ab-kacheln .rk-kachel b{font-size:14.5px;letter-spacing:-.03em}
}

/* --- kiosk.css --- */
/* Rechner „Was bleibt dir aus deinem Kiosk im Monat?“ (Kiosk eröffnen, /ratgeber/kiosk-eroeffnen/, 10.10.2026). Lädt nach rr-kit.css.
   Nur, was die Grundausstattung nicht hat; Präfix .rk-ki-. Jeder Selektor beginnt mit [data-rk="kiosk"] – sonst gewinnt .rg-text p. */

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

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

/* Hinweis „Vorbelegt mit dem Beispielplan“ im Ergebnis-Blatt */
[data-rk="kiosk"] .rk-ki-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="kiosk"] .rk-ki-sz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
[data-rk="kiosk"] .rk-ki-sz button{min-width:0;line-height:1.25}
[data-rk="kiosk"] .rk-seg button small{margin-top:1px}

/* Feinheiten: Zwischenüberschriften */
[data-rk="kiosk"] .rk-ki-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="kiosk"] .rk-fein__inhalt > .rk-ki-zwischen:first-child{padding-top:0;border-top:0}
[data-rk="kiosk"] .rk-fein > summary > span{line-height:1.35}

/* Kleine Felder ohne Regler */
[data-rk="kiosk"] .rk-ki-feld{height:40px;padding:0 8px;gap:3px}
[data-rk="kiosk"] .rk-ki-feld input{width:4.4ch;font-size:16px}
[data-rk="kiosk"] .rk-ki-feld span{font-size:14px}

/* Warenmix: Gruppe · Anteil · Spanne */
[data-rk="kiosk"] .rk-ki-mix{display:grid;gap:6px}
[data-rk="kiosk"] .rk-ki-mix__kopf,[data-rk="kiosk"] .rk-ki-mix__zeile{display:grid;grid-template-columns:minmax(0,1fr) 88px 88px;gap:8px;align-items:center}
[data-rk="kiosk"] .rk-ki-mix__kopf{font-size:12.5px;line-height:1.25;color:var(--rk-leise)}
[data-rk="kiosk"] .rk-ki-mix__name{font-weight:700;font-size:14.5px;line-height:1.25;color:var(--rk-tinte);min-width:0}
[data-rk="kiosk"] .rk-ki-mix__name small{display:block;font-weight:400;font-size:12.5px;color:var(--rk-leise)}
[data-rk="kiosk"] .rk-ki-mix .rk-ki-feld{justify-content:flex-end}
[data-rk="kiosk"] .rk-ki-mix .rk-ki-feld input{width:3.6ch}
[data-rk="kiosk"] .rk-ki-mix .rk-tipp{margin-top:4px!important}

/* Paare kleiner Felder (Paketshop, Lotto, Abgaben, Karte, Schwund) */
[data-rk="kiosk"] .rk-ki-paare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
[data-rk="kiosk"] .rk-ki-klein{display:grid;grid-template-rows:1fr auto;gap:5px;min-width:0}
[data-rk="kiosk"] .rk-ki-klein label{align-self:start}
[data-rk="kiosk"] .rk-ki-klein label{font-weight:700;font-size:14px;line-height:1.3;color:var(--rk-tinte)}
[data-rk="kiosk"] .rk-ki-klein .rk-ki-feld{justify-self:start}
[data-rk="kiosk"] .rk-ki-klein .rk-ki-feld input{width:5.2ch}
[data-rk="kiosk"] .rk-ki-tipp{margin-top:-8px!important}
[data-rk="kiosk"] .rk-fein__inhalt > .rk-hinweis{margin-top:-12px!important}

/* Die Rechnung im Detail: Zwischenzeilen */
[data-rk="kiosk"] .rk-zeilen .rk-ki-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}
[data-rk="kiosk"] .rk-zeilen dt.rk-ki-ab:first-child,[data-rk="kiosk"] .rk-zeilen dt.rk-ki-ab:first-child + dd{padding-top:4px;border-top:0}

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

@media (max-width:419.98px){
  [data-rk="kiosk"] .rk-ki-kacheln .rk-kachel{font-size:12px}
  [data-rk="kiosk"] .rk-ki-kacheln .rk-kachel b{font-size:16.5px}
  [data-rk="kiosk"] .rk-ki-mix__kopf,[data-rk="kiosk"] .rk-ki-mix__zeile{grid-template-columns:minmax(0,1fr) 74px 74px;gap:6px}
  [data-rk="kiosk"] .rk-ki-mix .rk-ki-feld{padding:0 6px}
  [data-rk="kiosk"] .rk-ki-mix__name{font-size:14px}
  [data-rk="kiosk"] .rk-ki-paare{gap:12px 10px}
}
/* Handy-Leiste: Notiz zweizeilig statt abgeschnitten */
@media (max-width:899.98px){
  [data-rk="kiosk"] .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="kiosk"] .rk-mini__notiz{display:none}
  [data-rk="kiosk"] .rk-ki-kacheln .rk-kachel b{font-size:14.5px;letter-spacing:-.03em}
  [data-rk="kiosk"] .rk-ki-mix__kopf,[data-rk="kiosk"] .rk-ki-mix__zeile{grid-template-columns:minmax(0,1fr) 66px 66px;gap:5px}
  [data-rk="kiosk"] .rk-ki-mix .rk-ki-feld{padding:0 5px}
  [data-rk="kiosk"] .rk-ki-mix .rk-ki-feld input{width:3.2ch}
}