/* CSS Document */

/* -----------------------------------------------------------------------------
   Main slider (home 3): h3 / h4 with .main-slider-three__title
   cilox.css styles the class only; global heading rules (color, line-height)
   apply to all h1–h6. These rules keep slider titles consistent and scale h3/h4.
   ----------------------------------------------------------------------------- */

.main-slider-three__content h2.main-slider-three__title,
.main-slider-three__content h3.main-slider-three__title,
.main-slider-three__content h4.main-slider-three__title {
  color: var(--cilox-white, #fff);
  font-family: var(--cilox-heading-font, "Instrument Sans", sans-serif);
}

/* h2: sizes and animation come from cilox .main-slider-three__title */

/* Secondary slider headings: same flex/spans behaviour, smaller type */
.main-slider-three__content h3.main-slider-three__title {
  font-size: 52px;
  line-height: 0.95;
  margin: 0 0 22px;
}

.main-slider-three__content h4.main-slider-three__title {
  font-size: 34px;
  line-height: 1;
  margin: 0 0 18px;
  font-weight: 700;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .main-slider-three__content h3.main-slider-three__title {
    font-size: 36px;
    line-height: 1.05;
    margin-bottom: 18px;
  }

  .main-slider-three__content h4.main-slider-three__title {
    font-size: 24px;
    margin-bottom: 14px;
  }
}

@media (max-width: 767px) {
  .main-slider-three__content h3.main-slider-three__title {
    font-size: 26px;
    line-height: 1.08;
  }

  .main-slider-three__content h4.main-slider-three__title {
    font-size: 18px;
  }
}

/* -----------------------------------------------------------------------------
   Service section (service-three): equal-height carousel tiles
   ----------------------------------------------------------------------------- */

.service-three__carousel .slick-track {
  display: flex !important;
  align-items: stretch;
}

.service-three__carousel .slick-slide {
  display: flex !important;
  height: auto;
}

.service-three__carousel .slick-slide .item {
  display: flex;
  width: 100%;
  min-height: 100%;
}

.service-three__carousel .service-three__card {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  min-height: 100%;
}

.service-three__carousel .service-three__card__thumb {
  flex-shrink: 0;
  aspect-ratio: 4 / 3;
}

.service-three__carousel .service-three__card__thumb img {
  height: 100%;
  min-height: 0;
}

.service-three__carousel .service-three__card__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.service-three__carousel .service-three__card__text {
  flex: 1 1 auto;
}

.service-three__carousel .service-three__card__btn {
  flex-shrink: 0;
  margin-top: auto;
}

/* -----------------------------------------------------------------------------
   Contact top: equal-height tiles (Bootstrap row)
   ----------------------------------------------------------------------------- */

.contact-top .row > [class*="col-"] {
  display: flex;
}

.contact-top .contact-top__item {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  min-height: 100%;
}

.contact-top .contact-top__item__text {
  flex: 1 1 auto;
}

.service-group {
  margin-bottom: 70px;
}
.impressum-content {
    text-align: left;
}