/* Kurzbeschreibung (für Laien): Keine sichtbaren Bildlaufleisten mehr (Ralph 08.11.2026). Scrollen geht weiter
   mit Rad, Touch und Tastatur. Dass es weitergeht, zeigt allein das weiche Auslaufen unten (und oben, sobald man
   gescrollt hat) – genau wie in der Menükarte. Die Klassen setzt bento-kern-ruhig-scroll.js.
   Ausnahme: Textfelder und Code-Bereiche behalten ihre Leiste (man sieht beim Bearbeiten sonst nicht, wo man ist).
   Einbinden NACH brand.css. */
/* Chrome/Edge/Electron */
*:not(textarea):not(pre):not(code)::-webkit-scrollbar { display: none; width: 0; height: 0; }
/* Firefox (und neuere Chrome-Fassungen) */
/* Neuere Chrome/Edge werten scrollbar-width VOR ::-webkit-scrollbar aus – darum überall und mit Vorrang (andere Dateien setzen „thin“) */
*:not(textarea):not(pre):not(code) { scrollbar-width: none !important; }
:root { scrollbar-width: none; }
/* Weiches Auslaufen: Maske statt Farbe, passt sich so jeder Kartenfarbe und dem Dunkelmodus an */
.rs-unten:not(.bt-km-liste):not(.wbm-liste) { -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 56px), transparent); mask-image: linear-gradient(to bottom, #000 calc(100% - 56px), transparent); }
.rs-oben:not(.bt-km-liste):not(.wbm-liste) { -webkit-mask-image: linear-gradient(to bottom, transparent, #000 40px); mask-image: linear-gradient(to bottom, transparent, #000 40px); }
.rs-oben.rs-unten:not(.bt-km-liste):not(.wbm-liste) { -webkit-mask-image: linear-gradient(to bottom, transparent, #000 40px, #000 calc(100% - 56px), transparent); mask-image: linear-gradient(to bottom, transparent, #000 40px, #000 calc(100% - 56px), transparent); }
@media (prefers-reduced-motion: no-preference) { .rs-unten, .rs-oben { transition: none; } }