/**
 * Styles for container layouts and info boxes using UAGB blocks.
 * Defines spacing, background, and responsive behavior for `.cont-bg`, `.cont-icons`, and related elements.
 */

.entry-content > .wp-block-uagb-container > .uagb-container-inner-blocks-wrap {
  max-width: 1200px !important;
  width: 90% !important;
}

/**CSS for gap large as main spacing*/

.wp-block-uagb-container.cont-img-tab,
.wp-block-uagb-container.cont-bg > .uagb-container-inner-blocks-wrap {
  gap: var(--gap-l) !important;
}

.wp-block-uagb-container.einleitung,
.wp-block-uagb-container.cont-headings-text {
  gap: var(--gap-m) !important;
}

.wp-block-uagb-container.cont-headings-acc {
  gap: var(--gap-l) !important;
  margin-bottom: calc(var(--gap-l) + 10px) !important;
}

.wp-block-uagb-container.cont-bg .cont-headings-acc:last-of-type {
  margin-bottom: var(--gap-xl) !important;
}

.wp-block-uagb-container.einleitung.einleitung-small {
  margin-bottom: var(--gap-xl) !important;
}

.wp-block-uagb-container.kein-abstand-unten {
  margin-bottom: 0 !important;
}

#main .wp-block-uagb-container.cont-no-bg {
  margin-bottom: var(--gap-xl) !important;
}

#main .entry-content .wp-block-uagb-container:last-child.cont-no-bg {
  margin-bottom: calc(var(--gap-xl) + 60px) !important;
}

.cont-headings-acc.luft-nach-oben {
  margin-top: calc(var(--gap-l) + 5px);
}

/**Container Hintergrund  (.cont-bg)*/

#main .wp-block-uagb-container.cont-bg {
  background-color: var(--ast-global-color-5);
  padding: var(--gap-xl) 0;
  position: relative;
  gap: var(--gap-l);
  margin-bottom: var(--gap-xl) !important;
}

#main .wp-block-uagb-container.cont-bg.kein-abstand-unten {
  padding-bottom: 0 !important;
}

/* Container 2 und 3 Bilder */

.wp-block-uagb-container.cont-2-bilder {
  gap: 10px;
  flex-wrap: nowrap;
}

.wp-block-uagb-container.cont-2-bilder .wp-block-uagb-image img {
  max-height: 400px;
}

.wp-block-uagb-container.cont-3-bilder {
  gap: 0;
}

/*
.wp-block-uagb-container.cont-3-bilder .wp-block-uagb-image img {
  max-height: 350px;
}
  */

.wp-block-uagb-container.cont-3-bilder .wp-block-uagb-image {
  flex: 1 1 0;
  aspect-ratio: 820 / 615;
  overflow: hidden;
}

/* Container Slider und Text */

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

.wp-block-uagb-container.cont-slider-text .cont-txt {
  background-color: var(--ast-global-color-2);
  padding: var(--gap-l);
}

.wp-block-uagb-container.cont-slider-text
  .cont-txt
  .uagb-container-inner-blocks-wrap {
  gap: calc(var(--cont-gap) / 2) !important;
}

.wp-block-uagb-container.cont-slider-text > .uagb-container-inner-blocks-wrap {
  gap: 0 !important;
}

/* Grundriss */
.btn-grundriss {
  position: absolute !important;
  top: 0;
  right: var(--gap-l);
  transform: translateY(-40%);
  --my-size: 124px;
  width: var(--my-size) !important;
  height: var(--my-size);
  z-index: 9;
}

.wp-block-uagb-container.cont-slider-text .cont-txt .btn-grundriss {
  transform: translateY(-125%);
}

.btn-grundriss .wp-block-uagb-buttons-child a.wp-block-button__link {
  border-radius: 100px;
  --my-size: 124px;
  width: var(--my-size) !important;
  height: var(--my-size);
  background-color: var(--ast-global-color-0) !important ;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  line-height: 1.21;
}

.btn-grundriss .wp-block-uagb-buttons-child a.wp-block-button__link::before {
  content: "";
  display: inline-block;
  position: relative;
  top: -5px;
  background-image: url(../../img/icon-grundriss.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  --my-size: 26px;
  width: var(--my-size) !important;
  height: var(--my-size);
  pointer-events: none;
}

/**Container Slider Tab  (.cont-slider-tab)*/
.wp-block-uagb-container.cont-slider-tab {
  gap: 0 !important;
}

.cont-slider-tab .uagb-container-inner-blocks-wrap {
  row-gap: 0 !important;
}

.wp-block-uagb-container.cont-slider-tab .wp-block-uagb-tabs.uagb-tabs__wrap {
  font-size: var(--h5-font-size);
  margin-top: calc(((var(--h5-font-size) * 2.5) + (0.8em * 2)) * -1);
}

.wp-block-uagb-container.cont-btn {
  margin-bottom: calc(var(--gap-xl) + 40px) !important;
}

/**Responsive Algemein*/
@media (max-width: 820px) {
  /**Container Icons  (.cont-icons) & Containing Info Box*/

  .wp-block-uagb-container.cont-icons {
    flex-direction: column;
    gap: var(--gap-xl);
  }

  .cont-bg.alignfull > *:not(.cont-3-bilder) {
    max-width: 84vw;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 768px) {
  .btn-grundriss {
    transform: translate(50%, -260%) !important;
  }

  .home .btn-grundriss {
    transform: translate(50%, -40%) !important;
  }

  .wp-block-uagb-container.cont-2-bilder {
    gap: 5px;
  }

  .wp-block-uagb-container.cont-slider-text
    .cont-txt
    .uagb-container-inner-blocks-wrap {
    gap: 0 !important;
  }

  .no-read-more > .uagb-container-inner-blocks-wrap {
    gap: var(--gap-m) !important;
  }
  .entry-content .rank-math-html-sitemap__list {
    padding-left: 0 !important;
  }

  #main .entry-content .wp-block-uagb-container:last-child.cont-no-bg {
    margin-bottom: calc(var(--gap-xl) + 35px) !important;
  }

  #main
    .entry-content
    .wp-block-uagb-container.cont-slider-text
    .uagb-container-inner-blocks-wrap {
    width: 100vw !important;
  }
}

@media (max-width: 980px) {
  .wp-block-uagb-container.cont-slider-text .cont-txt .btn-grundriss {
    transform: translate(80%, -125%);
  }
}

@media (max-width: 576px) {
  /**Einleitung  (.einleitung)*/

  /**Container Icons  (.cont-icons) & Containing Info Box*/
  .wp-block-uagb-container.cont-icons {
    margin-top: var(--gap-xl);
  }

  /* Container Text Spalten (.cont-text-spalten) */
  .cont-text-spalten .uagb-container-inner-blocks-wrap > :not(:last-child) {
    margin-bottom: var(--gap-l);
  }
}

.cont-acc.weniger-abstand-unten {
  margin-top: -10px;
}

@media (max-width: 576px) {
  .btn-grundriss .wp-block-uagb-buttons-child a.wp-block-button__link {
    --my-size: 80px;
  }
  .wp-block-uagb-buttons-child.uagb-buttons__outer-wrap
    a.uagb-buttons-repeater {
    font-size: calc(var(--btn-font-size) * 0.85);
  }

  .btn-grundriss .wp-block-uagb-buttons-child a.wp-block-button__link::before {
    display: none;
  }
}