/* Rote Linie unter der Seitenüberschrift */
article h1 {
  border-bottom: 2px solid var(--color-brand-primary);
  padding-bottom: 0.4rem;
}

/* Sicherheitshinweise: gelb statt Markenrot, damit sie sich abheben */
body {
  --safety-border: #d9a400;
  --safety-title-bg: #f7e199;
  --safety-bg: #fff6d6;
  --safety-text: #3d2f00;
}
body[data-theme="dark"] {
  --safety-title-bg: #5a4a00;
  --safety-bg: #3a3000;
  --safety-text: #fff0b3;
}
@media (prefers-color-scheme: dark) {
  body:not([data-theme="light"]) {
    --safety-title-bg: #5a4a00;
    --safety-bg: #3a3000;
    --safety-text: #fff0b3;
  }
}
.admonition.safety {
  border-left-color: var(--safety-border);
  background: var(--safety-bg);
  color: var(--safety-text);
}
.admonition.safety > .admonition-title {
  background-color: var(--safety-title-bg);
  color: var(--safety-text);
}
.admonition.safety > .admonition-title:before {
  background-color: var(--safety-border);
  -webkit-mask-image: var(--icon-warning);
  mask-image: var(--icon-warning);
}