/* =========================
   Header - Petrol Farbe
   ========================= */
.header .header-bottom {
  background-color: #1a6374 !important;
}

.header .header-bottom #top-menu > li > a,
.header .header-bottom #top-menu > li > .nav-link {
  color: #ffffff !important;
}

.header .header-bottom .top-menu .collapse ul,
.header .header-bottom .top-menu .collapse ul li a {
  background-color: #ffffff !important;
  color: #333333 !important;
}

/* =========================
   Slider - kompakter
   ========================= */
#home-slider,
#home-slider.ratio,
#home-slider.ratio-homeSlider {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  overflow: hidden !important;
  display: block !important;
}

#home-slider::before {
  display: none !important;
  padding-top: 0 !important;
}

/* Desktop */
@media (min-width: 992px) {
  #home-slider {
    max-height: 200px !important;
    height: 200px !important;
  }
  #home-slider .carousel,
  #home-slider .carousel-inner,
  #home-slider .carousel-item {
    max-height: 200px !important;
    height: 200px !important;
  }
  #home-slider img {
    max-height: 200px !important;
    height: 200px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
  #home-slider {
    max-height: 180px !important;
    height: 180px !important;
  }
  #home-slider .carousel,
  #home-slider .carousel-inner,
  #home-slider .carousel-item {
    max-height: 180px !important;
    height: 180px !important;
  }
  #home-slider img {
    max-height: 180px !important;
    height: 180px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  #home-slider {
    max-height: 140px !important;
    height: 140px !important;
  }
  #home-slider .carousel,
  #home-slider .carousel-inner,
  #home-slider .carousel-item {
    max-height: 140px !important;
    height: 140px !important;
  }
  #home-slider img {
    max-height: 140px !important;
    height: 140px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* Slider-Indikatoren ausblenden */
#home-slider .carousel-indicators {
  display: none !important;
}

/* =========================
   Weißer Bereich nach Slider
   ========================= */

/* Das ist der Übeltäter: page-footer margin-top: 3rem */
#content-wrapper .page-footer {
  margin-top: 0.5rem !important;
}

/* featured-products section ebenfalls kompakter */
.page-home .featured-products {
  margin-top: 0 !important;
  padding-top: 0.5rem !important;
}

/* =========================
   Banner - kompakter
   ========================= */
a.banner.d-block {
  padding: 0.3rem 0 !important;
  margin: 0 !important;
  display: block !important;
}

a.banner.d-block img {
  display: block !important;
  margin: 0 auto !important;
}

/* Section die Banner enthält */
.page-content.page-home > section:last-of-type {
  margin-bottom: 0 !important;
  padding-bottom: 0.3rem !important;
}

/* Weißraum zwischen Banner und Footer */
#content-wrapper {
  padding-bottom: 0.5rem !important;
}

/* =========================
   Footer - PrestaShop Zeile ausblenden
   ========================= */
p.copyright {
  display: none !important;
}

/* Footer Abstände reduzieren */
.footer__main__bottom {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}