/* ProSafe® ESD: Kopfzeile auf dem Smartphone. Logo oben, Navigation darunter in der ganzen Breite, Produktgruppen-Menü passt in den Bildschirm. */
/* Markenband: volle Seitenbreite, vier gleiche Listen (7 Marken), 80 s je halbe Spur */
body { overflow-x: clip; }
.brandband { width: 100vw; margin-left: calc(50% - 50vw); }
.brandtrack { animation-duration: 80s; }

/* Angebotsband: mehr Abstand zwischen den Buttons */
.band .actions { gap: 20px; }

@media (max-width: 767px) {
  .site-header { position: relative; }
  .site-header .bar { gap: 0 12px; padding-top: 6px; padding-bottom: 8px; }
  .site-header .brand { min-height: 48px; }
  .site-header .main-nav { flex: 1 1 100%; justify-content: flex-start; align-items: center; gap: 0; margin: 0 -6px; }
  .site-header .main-nav a, .site-header .dd-btn { min-height: 44px; padding: 0 7px; font-size: 14px; }
  .site-header .main-nav a.langsw { margin-left: 2px; padding: 0 10px; min-height: 40px; }
  .site-header .dd { position: static; }
  .site-header .dd .dd-menu { left: 8px; right: 8px; width: auto; min-width: 0; max-height: calc(100vh - 150px); max-height: calc(100dvh - 150px); overflow-y: auto; overscroll-behavior: contain; }
  .site-header .dd .dd-menu a { white-space: normal; }
}

/* F07 / S7: einklappbares Menue, schlanke Kopfzeile, H1 hoechstens drei Zeilen (375 x 812) */
.site-header .nav-toggle { display: none; }
@media (max-width: 767px) {
  .site-header .bar { flex-wrap: wrap; align-items: center; padding-top: 4px; padding-bottom: 4px; }
  .site-header .brand { flex: 1 1 auto; min-height: 44px; }
  .site-header .brand img { width: 36px; height: 36px; }
  .site-header .nav-toggle { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; font: inherit; font-size: 15px; font-weight: 600; color: var(--ink, #111); background: var(--white, #fff); border: 2px solid var(--ink, #111); border-radius: 8px; cursor: pointer; }
  .site-header .nav-toggle-ic { display: inline-block; width: 18px; height: 2px; margin-right: 10px; background: currentColor; box-shadow: 0 6px 0 currentColor, 0 -6px 0 currentColor; }
  .site-header .main-nav { display: none; }
  .site-header.nav-open .main-nav { display: flex; flex-wrap: wrap; flex: 1 1 100%; }
  .hsearch-bar .wrap { padding-top: 6px; padding-bottom: 6px; }
  form.hsearch input[type="search"], form.hsearch button { min-height: 44px; height: 44px; }
  main h1, .article h1 { font-size: clamp(22px, 6.4vw, 26px); line-height: 1.2; margin: 16px 0 12px; max-width: none; }
  .hero { padding-top: 24px; gap: 16px; }
  .hero > .eyebrow { order: 0; } .hero > h1 { order: 1; } .hero > .actions { order: 2; } .hero > .einleitung { order: 3; } .hero > .hs { order: 4; }
}

/* Einwilligungsbanner (ds-consent.js): Markenfarbe ESD (Graphit), Text weiss */
:root { --ds-cb-accent: #17191c; }
/* Suchfeld schrumpft, langer Knopftext (z. B. el „Αναζήτηση“) passt bei 375 px (29.10.2026) */
.hsearch input[type="search"] { min-width: 0; }
form.hsearch button { flex: 0 0 auto; white-space: nowrap; padding: 0 12px; }