/* Notfallfassung: Hinweisbanner und Ersatzbausteine (gemeinsam fuer alle Domains) */
.notfall-banner {
  position: relative;
  z-index: 10000;
  margin: 0;
  padding: 10px 16px;
  background: #fff4d6;
  color: #2b2100;
  border-bottom: 2px solid #b07a00;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.45;
  text-align: left;
}
.notfall-banner p {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.notfall-banner p + p { margin-top: 6px; }
.notfall-banner, .notfall-banner * { font-family: Arial, Helvetica, sans-serif !important; }
.notfall-banner strong { font-weight: bold !important; }
.notfall-banner a { color: #2b2100; text-decoration: underline; }
.notfall-banner .notfall-notruf {
  display: inline-block;
  margin-top: 2px;
  padding: 2px 10px;
  background: #a4001c;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  border-radius: 3px;
}
.notfall-banner .notfall-notruf a { color: #fff; }
.notfall-box {
  margin: 12px 0;
  padding: 12px 14px;
  background: #f4f4f4;
  border-left: 4px solid #b07a00;
  color: #222;
  font-size: 15px;
  line-height: 1.45;
}
.notfall-box a { text-decoration: underline; }
.notfall-aenderung {
  margin: 10px 0;
  padding: 8px 12px;
  background: #eef5ff;
  border-left: 4px solid #2a5db0;
  color: #1a1a1a;
}
.notfall-aenderung .notfall-label {
  display: block;
  font-size: 13px;
  font-weight: bold;
  color: #2a5db0;
  text-transform: none;
}
@media (max-width: 480px) {
  .notfall-banner { font-size: 15px; padding: 8px 12px; }
}
@media print {
  .notfall-banner { border-bottom: 1px solid #000; background: none; }
}
.notfall-aenderung-inline {
  background: #eef5ff;
  border-bottom: 2px solid #2a5db0;
  color: #1a1a1a;
}
.notfall-aenderung-inline .notfall-label { font-weight: bold; color: #2a5db0; }
/* Smartphone: kleine Ueberstaende alter Themes (negative Rand-Abstaende, Slider) nicht seitlich scrollen lassen. */
@media screen and (max-width: 767px) {
  html, body { overflow-x: hidden; }
}

/* Themes setup_kita / setup_notfallseelsorge (windrose-kita.de, notfallseelsorge-kreis-mettmann.de):
   Auf Smartphones sitzt der Menue-Knopf absolut 5px unter dem Seitenanfang und laege sonst unter
   dem Banner. Er rutscht um die Bannerhoehe nach unten (Wert setzt _notfall/notfall.js). */
@media screen and (max-width: 767px) {
  .navbar-smallmedia { top: calc(var(--notfall-banner-h, 90px) + 5px) !important; }
}