/** Theme Infobox static, Bsp. Prinzipien **/

.wp-block-uagb-container.cont-infobox-static {
  gap: var(--gap-xl);
}

.wp-block-uagb-container.cont-infobox-static .cont-boxes {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: var(--gap-m);
  padding: 0 3.5%;
  align-items: stretch;
}

.wp-block-uagb-container.cont-infobox-static .cont-boxes .swiper-wrapper {
  align-items: stretch;
}

.wp-block-uagb-container.cont-infobox-static .wp-block-uagb-advanced-heading {
  max-width: 39%;
}

.wp-block-uagb-container.cont-infobox-static
  .cont-boxes
  .wp-block-uagb-info-box {
  background-color: var(--ast-global-color-4);
  border-radius: var(--border-radius-20);
  padding: var(--gap-l) calc(var(--gap-m) * 1.16);
  aspect-ratio: 3 / 5;
  display: flex;
  max-height: 500px;
  max-width: 300px;
}

.wp-block-uagb-container.cont-infobox-static
  .cont-boxes
  .wp-block-uagb-info-box.swiper-slide {
  height: auto;
}

.wp-block-uagb-container.cont-infobox-static
  .cont-boxes
  .wp-block-uagb-info-box
  .uagb-ifb-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 3em;
}

.wp-block-uagb-container.cont-infobox-static
  .cont-boxes
  .wp-block-uagb-info-box
  .uagb-ifb-content
  .uagb-ifb-title {
  white-space: nowrap;
}

.wp-block-uagb-container.cont-infobox-static
  .cont-boxes
  .wp-block-uagb-info-box
  .uagb-ifb-content
  .uagb-ifb-image-content {
  height: 3.667em;
  width: auto;
  aspect-ratio: 0.8; /* Von Zahl selbst Höhe zu Breite */
  max-height: 83px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  margin-bottom: 3rem;
}

.uagb-ifb-image-content img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.wp-block-uagb-container.cont-infobox-static
  .cont-boxes
  .wp-block-uagb-info-box
  .uagb-ifb-title,
.wp-block-uagb-container.cont-infobox-static
  .cont-boxes
  .wp-block-uagb-info-box
  .uagb-ifb-desc {
  color: var(--ast-global-color-0) !important;
}

/*
.wp-block-uagb-container.cont-infobox-static
  .cont-boxes
  .wp-block-uagb-info-box
  .uagb-ifb-title-wrap {
  margin-top: auto;
}
  */

.wp-block-uagb-container.cont-infobox-static
  .cont-boxes
  .wp-block-uagb-info-box
  .uagb-ifb-desc {
  font-size: calc(var(--h6-small-font-size) * 0.9);
  font-family: var(--headlinefont);
  font-style: normal;
  font-weight: 400;
  line-height: 1.07;
}

.wp-block-uagb-container.cont-infobox-static + .cont-parallax {
  margin-top: -12vh;
}

/* version marken-check */

.wp-block-uagb-container.cont-checkpoints {
  gap: var(--gap-l);
}

.wp-block-uagb-container.cont-checkpoints .wp-block-uagb-info-box {
  aspect-ratio: unset !important;
}

.wp-block-uagb-container.cont-checkpoints .wp-block-uagb-separator {
  max-width: 1050px;
}

.wp-block-uagb-container.cont-checkpoints
  .wp-block-uagb-separator
  .uagb-html-tag {
  white-space: nowrap;
}

.wp-block-uagb-container.cont-checkpoints,
.wp-block-uagb-container.cont-checkpoints .cont-infobox-static {
  gap: var(--gap-l);
}

.wp-block-uagb-container.cont-checkpoints .cont-boxes-marken-check {
  padding: 0 !important;
}

.wp-block-uagb-container.cont-checkpoints .cont-boxes-marken-check {
  padding: 0 !important;
  align-items: stretch;
  flex-wrap: nowrap;
}

.wp-block-uagb-container.cont-checkpoints
  .cont-boxes-marken-check
  .swiper-wrapper {
  align-items: stretch;
}

.wp-block-uagb-container.cont-checkpoints
  .cont-boxes-marken-check
  .wp-block-uagb-info-box {
  max-width: unset;
  padding: var(--gap-l) calc(var(--gap-m));
}

.wp-block-uagb-container.cont-checkpoints
  .cont-boxes-marken-check
  .uagb-ifb-content {
  gap: 5% !important;
}

.wp-block-uagb-container.cont-checkpoints
  .cont-boxes-marken-check
  .wp-block-uagb-info-box
  .uagb-ifb-title-wrap {
  margin-top: 0 !important;
  margin-bottom: 1rem;
}

.wp-block-uagb-container.cont-checkpoints
  .cont-boxes-marken-check
  .uagb-ifb-desc {
  font-family: var(--headlinefont);
  font-size: var(--base-font-size);
  font-weight: 700;
  font-style: normal;
  line-height: 1.11;
  color: var(--ast-global-color-0);
  margin-bottom: 1rem !important;
}

.wp-block-uagb-container.cont-checkpoints
  .cont-boxes-marken-check
  .wp-block-uagb-info-box.swiper-slide {
  height: auto;
}

/**----------------- Responsive -------------**/

@media (max-width: 1450px) {
  .wp-block-uagb-container.cont-infobox-static
    .cont-boxes
    .wp-block-uagb-info-box
    .uagb-ifb-content {
    gap: 2em;
  }
}

@media (max-width: 1250px) {
  .wp-block-uagb-container.cont-infobox-static
    .cont-boxes
    .wp-block-uagb-info-box {
    max-height: unset !important;
    aspect-ratio: unset;
  }

  .wp-block-uagb-container.cont-infobox-static.background-dark
    .swiper-scrollbar {
    background: rgba(255, 255, 255, 0.6) !important;
  }

  .wp-block-uagb-container.cont-infobox-static.background-dark
    .swiper-scrollbar-drag {
    background: white !important;
  }

  .wp-block-uagb-container.cont-infobox-static .swiper-scrollbar {
    display: none;
  }
}

@media (max-width: 420px) {
  .wp-block-uagb-container.cont-infobox-static .wp-block-uagb-advanced-heading {
    max-width: unset;
  }
  .wp-block-uagb-container.cont-checkpoints
    .cont-boxes-marken-check
    .uagb-ifb-content
    .uagb-ifb-image-content {
    height: 3em !important;
  }
  .wp-block-uagb-container.cont-infobox-static
    .cont-boxes
    .wp-block-uagb-info-box
    .uagb-ifb-content {
    gap: 2em;
  }
}

/* in editor */

.wp-block-uagb-container.cont-infobox-static .uagb-ifb-image-content {
  width: var(--gap-l);
  flex-shrink: 0;
}

.wp-block-uagb-container.cont-infobox-static.background-dark
  .uagb-editor-preview-mode-desktop.uagb-infobox__content-wrap {
  background-color: var(--ast-global-color-4);
}