.carousel {
  margin-bottom: 50px;
}
.carousel .field--name-field-image,
.carousel .image-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 90vh;
  min-height: 400px;
  overflow: hidden;
}
.carousel .field--name-field-image picture,
.carousel .field--name-field-image img,
.carousel .image-container picture,
.carousel .image-container img {
  min-width: 100%;
}
@media screen and (max-width: 576px) {
  .carousel .field--name-field-image picture,
.carousel .field--name-field-image img,
.carousel .image-container picture,
.carousel .image-container img {
    max-width: initial;
    min-height: 400px;
  }
}
.carousel .field--name-field-image::after,
.carousel .image-container::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
  content: "";
}

.path-frontpage .region-header {
  background-color: white;
}
.path-frontpage .region-header .menu-catalog > .menu__item > .menu__link {
  color: var(--textColor);
}

.region-header {
  padding: 20px 0;
  margin-bottom: 0;
}
.region-header > .container {
  align-items: center;
}
.region-header .logo {
  -webkit-filter: none !important;
          filter: none !important;
}

.region-navigation .menu a[data-drupal-link-system-path="<front>"] {
  background: none;
  display: none;
}