/* reset.css — SIB */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { min-height: 100vh; line-height: 1.5; -webkit-font-smoothing: antialiased; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
button { cursor: pointer; border: none; background: none; }

/* Sorgt dafür, dass [hidden] IMMER greift, selbst wenn eine Klasse wie .btn
   oder .dash-newsletter-sale-form eine eigene display-Regel setzt. Ohne
   !important gewinnt sonst die später geladene Klassen-Regel gegen das
   eingebaute [hidden]-Verhalten (gleiche Spezifität, spätere Reihenfolge). */
[hidden] { display: none !important; }