/* =========================================
   SPONSOREN BANNER - FINALE VERSION
   ========================================= */

.verein-banner {
  --banner-height: 110px;

  width: 100%;
  height: var(--banner-height);
  min-height: var(--banner-height);

  display: flex;
  align-items: center;
  justify-content: center;

  background: #ffffff !important;
  background-image: none !important;

  overflow: hidden;
  box-sizing: border-box;
}

/* Link */
#verein-banner-link {
  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  background: transparent !important;

  opacity: 0;
  transition: opacity 0.7s ease-in-out;
}

/* Sichtbarer Banner */
#verein-banner-link.sichtbar {
  opacity: 1;
}

/* Alle Banner proportional und zentriert */
#verein-banner-bild,
#verein-banner-bild.size-full,
#verein-banner-bild.size-half,
#verein-banner-bild.size-quarter {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 100% !important;
  max-height: 110px !important;

  object-fit: contain !important;

  margin: 0 auto;
  padding: 0;
  border: 0;
}


/* Weißer Hintergrund statt Farbverlauf */
#wpfront-notification-bar {
  background: #ffffff !important;
  background-image: none !important;
}

/* Smartphones */
@media (max-width: 600px) {
  
  .verein-banner {
    --banner-height: 70px;
  }

  #verein-banner-bild,
  #verein-banner-bild.size-full,
  #verein-banner-bild.size-half,
  #verein-banner-bild.size-quarter {
    max-width: 100% !important;
    max-height: 70px !important;
    width: auto !important;
    height: auto !important;
  }


}

/* Barrierefreiheit */
@media (prefers-reduced-motion: reduce) {
  #verein-banner-link {
    transition: none;
  }
}