/**
 * 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: 1163px !important;
  width: 90% !important;
}

/*
.uagb-container-inner-blocks-wrap,
.wp-block-uagb-container {
  row-gap: 0 !important;
}
  
*/
/**CSS for gap large as main spacing*/
.wp-block-uagb-container.einleitung,
.wp-block-uagb-container.cont-img-tab,
.wp-block-uagb-container.cont-bg > .uagb-container-inner-blocks-wrap,
.wp-block-uagb-container.cont-headings-text {
  gap: var(--gap-l) !important;
}

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

#main .wp-block-uagb-container.cont-bg {
  background-color: var(--ast-global-color-1);
  margin-top: var(--cont-gap);
  padding: var(--bg-padding) 0;
  position: relative;
}

#main .wp-block-uagb-container.cont-bg::after {
  content: "";
  position: absolute;
  width: clamp(207px, 17vw, 354px);
  height: clamp(62px, 10vw, 214px);
  background-image: url("/wp-content/themes/astra-impuls-child/img/ferienwohnungen-bg-after");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  bottom: 0;
  right: 0;
}

/* Container Badge */

.cont-badge::before {
  content: "";
  position: absolute;
  width: clamp(108px, 10vw, 148px);
  height: clamp(108px, 10vw, 148px);
  background-image: url("/wp-content/themes/astra-impuls-child/img/badge-before.svg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  top: 0;
  right: clamp(26px, 7vw, 210px);
  transform: translateY(-50%);
  z-index: 9;
}

/**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);
}

/**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);
  }
}

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

  #main .entry-content > .einleitung {
    /* padding-top: var(--gap-xl); */
  }

  /**Container Hintergrund  (.cont-bg)*/
  #main .wp-block-uagb-container.cont-bg {
    padding: var(--cont-gap) 0;
  }

  /**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);
  }
}