/* RS Kasse: Paket-Baukasten (auffällige Fassung, gp 04.11.2026) */
.rsbk{--rsbk-akzent:#111;--rsbk-hell:#fff6f1;--rsbk-rand:color-mix(in srgb,var(--rsbk-akzent) 55%,#fff);
  margin:22px 0;border:2px solid var(--rsbk-rand);border-radius:16px;background:#fff;overflow:hidden;
  font-size:14px;line-height:1.35;color:#1a1a1a;box-shadow:0 10px 30px -12px color-mix(in srgb,var(--rsbk-akzent) 45%,transparent)}
@supports (background:color-mix(in srgb,red 10%,#fff)){.rsbk{--rsbk-hell:color-mix(in srgb,var(--rsbk-akzent) 10%,#fff)}}

.rsbk-kopf{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--rsbk-hell);border-bottom:1px solid var(--rsbk-rand)}
.rsbk-icon{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:var(--rsbk-akzent);color:var(--rsbk-akzent-text,#fff);display:flex;align-items:center;justify-content:center}
.rsbk-icon svg{width:24px;height:24px}
.rsbk-kopftext{display:flex;flex-direction:column;gap:3px;min-width:0}
.rsbk-kopftext strong{font-size:19px;line-height:1.2;color:#111}
.rsbk-kopftext span{color:#555;font-size:13px}

.rsbk-liste{display:flex;flex-direction:column;padding:6px 10px}
.rsbk-zeile{position:relative;display:grid !important;grid-template-columns:56px 1fr auto 32px;align-items:center;gap:12px;
  margin:4px 0 !important;padding:8px 10px;border:1.5px solid transparent;border-radius:12px;cursor:pointer;font-weight:400;transition:background .15s,border-color .15s}
.rsbk-zeile:hover{background:#fafafa}
.rsbk-zeile input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.rsbk-zeile input:focus-visible ~ .rsbk-schalter{outline:2px solid var(--rsbk-akzent);outline-offset:2px}
.rsbk-zeile.rsbk-an{background:var(--rsbk-hell);border-color:var(--rsbk-rand)}
.rsbk-fest{cursor:default}
.rsbk-mehr{display:none !important}
.rsbk-offen .rsbk-mehr{display:grid !important}

.rsbk-bild{width:56px;height:56px;border-radius:10px;background:#f4f4f4;overflow:hidden;display:block}
.rsbk-bild img{width:100%;height:100%;object-fit:contain;display:block}
.rsbk-name{min-width:0;overflow-wrap:anywhere;font-weight:600;font-size:14px}
.rsbk-name small{display:block;font-weight:400;color:#777;font-size:12px;margin-top:2px}
.rsbk-preis{text-align:right;white-space:nowrap;font-weight:700}
.rsbk-preis s{display:block;font-weight:400;color:#999;font-size:12px}

.rsbk-schalter{width:32px;height:32px;border-radius:50%;border:2px solid var(--rsbk-akzent);color:var(--rsbk-akzent);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
.rsbk-schalter svg{width:18px;height:18px}
.rsbk-schalter i{display:flex;font-style:normal}
.rsbk-schalter .rsbk-ein{display:none}
.rsbk-an .rsbk-schalter{background:var(--rsbk-akzent);color:var(--rsbk-akzent-text,#fff)}
.rsbk-an .rsbk-schalter .rsbk-aus{display:none}
.rsbk-an .rsbk-schalter .rsbk-ein{display:flex}
.rsbk-fest .rsbk-schalter{opacity:.55}

.rsbk-alle{margin:4px 0 6px !important;padding:10px !important;background:none !important;border:1.5px dashed var(--rsbk-rand) !important;border-radius:12px !important;
  color:#333 !important;font-weight:600 !important;font-size:13px !important;cursor:pointer;text-transform:none !important;letter-spacing:0 !important;min-height:0 !important}
.rsbk-alle:hover{background:#fafafa !important}

.rsbk-fuss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 16px;border-top:1px solid #eee;background:#fff}
.rsbk-summe{display:flex;flex-direction:column}
.rsbk-anz{color:#666;font-size:13px}
.rsbk-betrag{font-size:22px;line-height:1.15}
.rsbk-knopf{display:inline-flex !important;align-items:center;justify-content:center;gap:8px;flex:1 1 220px;
  background:var(--rsbk-akzent) !important;color:var(--rsbk-akzent-text,#fff) !important;border:0 !important;border-radius:999px !important;
  padding:14px 22px !important;font-weight:700 !important;font-size:15px !important;cursor:pointer;min-height:50px;text-transform:none !important;letter-spacing:0 !important;
  transition:transform .15s,box-shadow .15s}
.rsbk-knopf svg{width:20px;height:20px;flex:0 0 auto}
.rsbk-gewaehlt .rsbk-knopf{box-shadow:0 8px 18px -8px var(--rsbk-akzent)}
.rsbk-knopf:hover{transform:translateY(-1px)}
.rsbk-knopf:disabled{opacity:.6;cursor:default;transform:none}
.rsbk-meldung{flex-basis:100%;color:#b42318;font-size:13px}
.rsbk-meldung:empty{display:none}

@media (max-width:480px){
  .rsbk{margin:18px 0;border-radius:14px}
  .rsbk-kopf{padding:14px}
  .rsbk-kopftext strong{font-size:17px}
  .rsbk-liste{padding:4px 6px}
  .rsbk-zeile{grid-template-columns:46px 1fr auto 28px;gap:9px;padding:7px 8px}
  .rsbk-bild{width:46px;height:46px}
  .rsbk-schalter{width:28px;height:28px}
  .rsbk-fuss{padding:12px 14px 14px}
  .rsbk-knopf{flex-basis:100%}
}

/* Black-Friday-Aktion: Gratis-Teile + Zahlart-Logos (2.0.73) */
.rsbk-aktion{margin:10px 16px 2px;padding:10px 12px;border-radius:10px;background:#111;color:#fff;font-size:13px;line-height:1.4}
.rsbk-aktion b{color:#fff}
.rsbk-code{display:inline-block;padding:1px 7px;border:1.5px dashed var(--rsbk-akzent);border-radius:6px;color:var(--rsbk-akzent) !important;letter-spacing:.06em}
.rsbk-gratis{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:999px;background:var(--rsbk-akzent);color:#fff;font-style:normal;font-weight:700;font-size:11px;line-height:1.5}
.rsbk-ist-gratis{border-style:dashed;border-color:var(--rsbk-rand)}
.rsbk-zahl{flex-basis:100%;display:block;width:100%;max-width:420px;height:auto;margin:2px auto 0}
@media (max-width:480px){.rsbk-aktion{margin:8px 10px 2px}.rsbk-gratis{font-size:10.5px}}
.rsbk-gratis{display:table}
.rsbk-betrag s{font-size:14px;font-weight:400;color:#999;margin-right:4px}
.rsbk-mitcode{font-size:12px;color:var(--rsbk-akzent);font-weight:700}
.rsbk-mitcode:empty{display:none}
/* 2.0.77: Gratis-Hinweis grün (Justin 04.11.) */
.rsbk{--rsbk-gruen:#16a34a}
.rsbk-gratis{background:var(--rsbk-gruen)}
.rsbk-ist-gratis{border-color:color-mix(in srgb,var(--rsbk-gruen) 45%,#fff)}
.rsbk-ist-gratis.rsbk-an{background:#f0fdf4;border-color:var(--rsbk-gruen)}
.rsbk-ist-gratis.rsbk-an .rsbk-schalter{background:var(--rsbk-gruen);border-color:var(--rsbk-gruen);color:#fff}
.rsbk-ist-gratis .rsbk-schalter{border-color:var(--rsbk-gruen);color:var(--rsbk-gruen)}
.rsbk-mitcode{color:var(--rsbk-gruen)}
.rsbk-code{border-color:#4ade80;color:#4ade80 !important}
/* 2.0.79: Code zum Kopieren */
.rsbk-code{display:inline-flex !important;align-items:center;gap:5px;margin:0 2px !important;padding:2px 8px !important;min-height:0 !important;
  background:rgba(74,222,128,.12) !important;border:1.5px dashed #4ade80 !important;border-radius:6px !important;color:#4ade80 !important;
  font:inherit !important;font-weight:800 !important;letter-spacing:.06em;line-height:1.4 !important;cursor:pointer;text-transform:none !important;vertical-align:baseline}
.rsbk-code svg{width:13px;height:13px}
.rsbk-code:hover{background:rgba(74,222,128,.22) !important}
.rsbk-code.rsbk-kopiert{border-style:solid !important}
/* 2.0.93: Warenkorb-Knopf + Zahlarten oben im Kasten (Aktion) */
.rsbk-oben{padding:12px 16px 6px;display:flex;flex-direction:column;align-items:stretch;gap:10px}
.rsbk-oben .rsbk-knopf{width:100%;flex:none}
.rsbk-oben .rsbk-zahl{max-width:100%;margin:0 auto}
@media (max-width:480px){.rsbk-oben{padding:10px 10px 4px}}
.rsbk-menge{color:var(--rsbk-gruen,#16a34a);font-weight:800}

/* Gratis-Teil angekreuzt: Preis durchgestrichen, darunter grünes GRATIS (Justin 05.11.) */
.rsbk-p-gratis{display:none;color:var(--rsbk-gruen);font-weight:800;letter-spacing:.02em}
.rsbk-ist-gratis.rsbk-an .rsbk-p-normal{display:none}
.rsbk-ist-gratis.rsbk-an .rsbk-p-gratis{display:block}
.rsbk-leasing{margin:12px 0 0;width:100%;align-self:stretch;box-sizing:border-box}.rsbk-leasing .cpu-grenke-cta-btn{display:flex !important;width:100% !important;justify-content:center;box-sizing:border-box}
/* 2.1.21 kress: Preis der Kaufbox oben im Kasten; Gratis-Pill ohne Umbruch */
.rsbk-preis{margin:14px 16px 0}.rsbk-preis .price-block{margin:0}.rsbk-preis .vat-line{margin:4px 0 0}
.rsbk .rsbk-gratis{white-space:nowrap;max-width:none}
.rsbk-preis .now{display:flex !important;align-items:baseline;gap:10px;flex-wrap:wrap;width:auto !important}.rsbk-preis .kz-was,.rsbk-preis .kz-was *{display:inline !important;margin:0 !important;font-size:14px !important;text-align:left !important}.rsbk-preis .kz-uvp{margin-right:4px !important}.rsbk-preis .vat-line{white-space:normal !important;text-align:left !important}
.rsbk .rsbk-name{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}