/* Einheitliches Hero-Bild fuer alle oeffentlichen Seiten.
   Wenn ein anderes lizenziertes Motiv genutzt werden soll, nur die URL hier tauschen. */
.hero-bg {
  background:
    linear-gradient(
      90deg,
      rgba(7, 55, 104, 0.94) 0%,
      rgba(10, 85, 150, 0.84) 52%,
      rgba(32, 140, 220, 0.58) 100%
    ),
    url("../hero-global-network.jpg") center center / cover no-repeat !important;
}

.hero-glow {
  display: none !important;
}

.page-hero {
  background: #073768 url("../hero-global-network.jpg") center center / cover no-repeat !important;
  box-sizing: border-box !important;
  min-height: 460px !important;
  height: 460px !important;
  padding-top: 104px !important;
  padding-bottom: 64px !important;
  display: flex !important;
  align-items: center !important;
  color: #fff !important;
}

.page-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  background:
    linear-gradient(
      90deg,
      rgba(7, 55, 104, 0.94) 0%,
      rgba(10, 85, 150, 0.84) 52%,
      rgba(32, 140, 220, 0.58) 100%
    ) !important;
  opacity: 1 !important;
}

.page-hero::after {
  display: none !important;
  content: none !important;
}

.page-hero-inner {
  position: relative;
  z-index: 1;
}

.page-hero p,
.page-hero p:last-child {
  color: rgba(255, 255, 255, 0.82) !important;
}

.page-hero h1,
.page-hero h1 em {
  text-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
}

body.page-presse .page-hero {
  background-image: url("../hero-presse-authentic.jpg") !important;
}

body.page-kontakt .page-hero {
  background-image: url("../hero-kontakt-headset.jpg") !important;
}

body.page-branchen .page-hero h1 em {
  color: var(--accent) !important;
  font-style: normal !important;
  text-decoration: none !important;
}

@media (max-width: 700px) {
  .page-hero {
    min-height: 435px !important;
    height: 435px !important;
    padding-top: 76px !important;
    padding-bottom: 44px !important;
    align-items: flex-start !important;
  }
}