/* Hersteller-Footer auf Anmeldung und zugehörigen Formularen */
.fullscreen .poweredBy {
  display: none !important;
}

/* Firmenlogo auf der Anmeldung */
.login .company-logo {
  width: 280px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
}

/* Benachrichtigungsknopf: Funktion und Zähler erhalten */
#navigation .search .logo.js-toggleNotifications {
  position: relative;
}

#navigation .search .logo.js-toggleNotifications > svg {
  visibility: hidden;
}

/* Kompakter Ausschnitt mit den farbigen OEW-Buchstaben */
#navigation .search .logo.js-toggleNotifications::before {
  content: "";
  position: absolute;
  width: 42px;
  height: 40px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url("/assets/oew-branding/OEW_BB_logo_schwarz.png")
              left center / 110px auto no-repeat;
  pointer-events: none;
}

#navigation .search .logo .activity-counter {
  z-index: 2;
}

/* Vollstaendiges OEW-Breitband-Logo statt OEW-Ausschnitt */
#navigation .search .search-holder {
  width: calc(100% - 112px) !important;
  max-width: calc(100% - 112px) !important;
}

#navigation .search .logo.js-toggleNotifications {
  width: 100px !important;
  min-width: 100px;
}

#navigation .search .logo.js-toggleNotifications::before {
  width: 100px;
  background-image: url("/assets/oew-branding/OEW_BB_logo_weiss.png");
  background-size: contain;
  background-position: center;
}

/* OEW Breitband: Logo auf dem Ladebildschirm */
.splash > svg.icon-logo,
.splash > .splash-title {
  display: none !important;
}

.splash::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(280px, 75vw);
  height: 120px;
  background: url("/assets/oew-branding/OEW_BB_logo_schwarz.png")
              center / contain no-repeat;
  pointer-events: none;
}

html[data-theme="dark"] .splash::before {
  background-image: url("/assets/oew-branding/OEW_BB_logo_weiss.png");
}