/* 07.11.2026 (Lieb, Silvio „Ja, so“): EIN Kopf für alle Unterseiten, im Stil der Startseite.
   Eigene Klassen (swk-…), damit die Stilvorlagen der Unterseiten (seo-shared, legal, produktwege) nicht hineinregieren. */
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url(/ibm-plex-sans-400.woff2) format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url(/ibm-plex-sans-500.woff2) format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url(/ibm-plex-sans-600.woff2) format("woff2"); }
header.swk-kopf { position: sticky; top: 0; z-index: 50; margin: 0; padding: 0; background: #f2f1ecf5; border-bottom: 1px solid rgba(21, 22, 26, .13); backdrop-filter: blur(12px); }
.swk-kopf-innen { box-sizing: border-box; max-width: 1140px; margin: 0 auto; padding: 0 24px; height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.swk-marke { display: block; flex: none; }
.swk-marke img { display: block; height: 52px; width: auto; }
.swk-menue { display: flex; align-items: center; gap: 27px; margin: 0; padding: 0; font: 500 14px/1.2 "IBM Plex Sans", system-ui, sans-serif; }
.swk-menue a { display: flex; align-items: center; min-height: 44px; color: #494B4F; text-decoration: none; white-space: nowrap; }
.swk-menue a:hover, .swk-menue a:focus-visible { color: #15161A; }
.swk-menue a.swk-testen { min-height: 0; padding: 11px 17px; border-radius: 5px; background: #bd3910; color: #fff; font-weight: 600; box-shadow: 0 8px 22px -8px rgba(251, 76, 7, .5); }
.swk-menue a.swk-testen:hover, .swk-menue a.swk-testen:focus-visible { background: #C23A05; color: #fff; }
@media (max-width: 820px) {
  .swk-kopf-innen { height: auto; padding: 10px 16px 0; flex-wrap: wrap; gap: 0; }
  .swk-marke img { height: 40px; }
  .swk-menue { display: contents; }
  .swk-menue a.swk-testen { order: 1; padding: 9px 14px; font-size: 14px; }
  .swk-menue a:not(.swk-testen) { order: 2; flex: 1 1 auto; justify-content: center; min-height: 42px; font-size: 14px; }
  .swk-kopf-innen::after { content: ""; order: 1; flex-basis: 100%; height: 4px; }
}
/* 07.11.2026 (Story-Ja, Punkt Schrift): Rechtsseiten (legal.css) und Videos (hilfe) setzten nur system-ui –
   am Linux-Rechner DejaVu, am Mac San Francisco. Markenleitfaden: Überschriften Archivo, Text IBM Plex Sans.
   Die übrigen Unterseiten (seo-shared.css) setzen schon genau das; hier gilt es für ALLE Unterseiten gleich. */
@font-face { font-family: "Archivo"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/archivo-variable.woff2) format("woff2"); }
body { font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif; }
h1, h2, h3 { font-family: "Archivo", "IBM Plex Sans", system-ui, sans-serif; }