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

/** Background dark **/

.entry-content>.background-dark {
  padding-top: var(--cont-gap) !important;
  background-color: var(--ast-global-color-0);
}

@media (max-width: 1200px) {
  .entry-content>.background-dark:not(.cont-project-slider) {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}

.entry-content .background-dark *:not(.uagb-button__link):not(a.uagb-buttons-repeater) {
  color: var(--ast-global-color-1);
}

.wp-block-uagb-container.background-dark:has(+ .wp-block-uagb-container:not(.background-dark)) {
  margin-bottom: var(--cont-gap);
}

/** Background green **/
.entry-content>.background {
  background-color: var(--ast-global-color-4);
}

/* in editor */
.block-editor-block-list__block.background-dark.uagb-editor-preview-mode-desktop {
  background-color: var(--ast-global-color-0);
}

.block-editor-block-list__block.background-dark .uagb-heading-text.rich-text {
  color: var(--ast-global-color-1) !important;
}

/* gets its class with JS function */
.background-dark-last {
  padding-bottom: var(--cont-gap) !important;
  padding-top: 0 !important;
}

/** Graphic & Text **/

.wp-block-uagb-container.cont-graphic-txt .uagb-container-inner-blocks-wrap {
  gap: var(--gap-l) !important;
}

.wp-block-uagb-container.cont-graphic-txt p {
  max-width: 90vw;
}

.wp-block-uagb-container.cont-graphic-txt .wp-block-uagb-image {
  width: 80% !important;
  height: auto;
}

@media (max-width: 576px) {
  .wp-block-uagb-container.cont-graphic-txt {
    padding: 0 20px;
  }

  .wp-block-uagb-container.cont-graphic-txt figure {
    width: 100%;
  }
}

/** Containter Blocks - with several blocks in it, separated with a border */
.wp-block-uagb-container.cont-blocks {
  row-gap: 0;
}

.wp-block-uagb-container.cont-blocks .col-content:not(:last-of-type) {
  border-bottom: 1px solid var(--ast-global-color-0);
  padding-bottom: var(--gap-xl);
}

.wp-block-uagb-container.cont-blocks .col-content:not(:first-of-type) {
  margin-top: var(--gap-xl);
}

.wp-block-uagb-container.cont-blocks .col-content.cont-headline-img-txt {
  gap: var(--gap-m);
}

.wp-block-uagb-container.col-content.cont-headline-img-txt>.wp-block-uagb-advanced-heading {
  max-width: 50%;
  align-self: start;
}

@media (max-width: 770px) {
  .wp-block-uagb-container.col-content.cont-headline-img-txt>.wp-block-uagb-advanced-heading {
    align-self: center;
    text-align: center;
    max-width: unset;
  }
}

.wp-block-uagb-container.cont-blocks .col-content.cont-headline-img-txt .cont-img-txt .uagb-container-inner-blocks-wrap {
  gap: calc(var(--gap-l) * 1.2);
}

/** container with 1 info box **/

.wp-block-uagb-container.cont-infobox-simple {
  border-radius: var(--border-radius-20);
}

.wp-block-uagb-container.cont-infobox-simple.background-grey {
  background-color: var(--ast-global-color-2);
}

.wp-block-uagb-container.cont-infobox-simple .wp-block-uagb-info-box {
  justify-content: center;
  display: flex;
  padding: calc(var(--gap-m) + var(--gap-l)) 0;
}

.wp-block-uagb-container.cont-infobox-simple .uagb-ifb-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--gap-l);
  max-width: 900px;
}

.wp-block-uagb-container.cont-infobox-simple .uagb-ifb-image-content {
  margin: 0 auto;
}

/* responsive */

@media (max-width: 1050px) {
  .wp-block-uagb-container.cont-infobox-simple .wp-block-uagb-info-box .uagb-ifb-content {
    max-width: 70vw;
  }
}

/** container with image and text, Bsp. Kostenloser Support, class .cont-img-txt-simple **/

.wp-block-uagb-container.cont-img-txt-simple {
  border-radius: var(--border-radius-20);
}

.wp-block-uagb-container.cont-img-txt-simple.background {
  background-color: var(--ast-global-color-4);
}

.wp-block-uagb-container.cont-img-txt-simple {
  display: flex;
  gap: var(--gap-xl);
  padding: calc(var(--gap-l) + var(--gap-m) - 10px) calc(var(--gap-xl) - 10px);
  box-sizing: border-box;
}

.wp-block-uagb-container.cont-img-txt-simple .col-img {
  width: 34.5%;
}

.wp-block-uagb-container.cont-img-txt-simple .col-txt {
  gap: var(--gap-l);
  width: 53.6%;
}

/* responsive */

@media (max-width: 770px) {
  .wp-block-uagb-container.cont-img-txt.cont-img-txt-simple.background * {
    text-align: center;
  }

  .wp-block-uagb-container.cont-infobox-simple .uagb-ifb-image-content {
    width: 40vw;
  }

  .wp-block-uagb-container.cont-img-txt.cont-img-txt-simple.background .col-img {
    width: 55vw;
  }

  .wp-block-uagb-container.cont-img-txt.cont-img-txt-simple.background .col-txt {
    width: unset;
  }
}

/**  Anker links **/
.wp-block-uagb-container.cont-anker-links .wp-block-uagb-separator {
  width: 30vw !important;
}

.wp-block-uagb-container.cont-anker-links .wp-block-button__link {
  background: none;
}

.wp-block-uagb-container.cont-anker-links .wp-block-button__link:hover {
  border: none;
}

.wp-block-uagb-container.cont-anker-links a.uagb-buttons-repeater::after {
  display: none;
}

.wp-block-uagb-container.cont-anker-links .uagb-button__link {
  font-family: var(--mainfont);
  font-size: var(--h3-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.01em;
  transition: all 0.5s ease 0s;
}

.wp-block-uagb-container.cont-anker-links .uagb-button__link:hover {
  color: var(--ast-global-color-4);
}

/** awards **/
.wp-block-uagb-container.cont-awards .uagb-container-inner-blocks-wrap {
  gap: var(--gap-l) !important;
}

.wp-block-uagb-container.cont-awards .col-awards {
  display: flex;
  flex-direction: row;
  gap: var(--gap-l) !important;
}

.wp-block-uagb-container.cont-awards .col-awards .cont-2-award-imgs {
  display: flex;
  flex-direction: row;
  gap: 0 !important;
}

.wp-block-uagb-container.cont-awards .col-awards .wp-block-uagb-image {
  width: calc(var(--gap-xl) + var(--gap-l) - 10px) !important;
  margin-right: auto;
}

.wp-block-uagb-container.cont-award h5 {
  margin-bottom: var(--gap-s);
}

.wp-block-uagb-container.cont-awards .col-awards .cont-award {
  gap: var(--gap-s);
  margin-top: 0;
}

.wp-block-uagb-container.cont-awards img {
  max-height: 107px;
  object-fit: contain;
  object-position: left top;
}

/* responsive */

@media (max-width: 768px) {
  .wp-block-uagb-container.cont-awards .col-awards {
    flex-direction: column;
    align-items: center;
    gap: calc(var(--gap-xl) + var(--gap-l)) !important;
  }

  .wp-block-uagb-container.cont-award h5 {
    margin-bottom: 0 !important;
  }

  .wp-block-uagb-container.cont-awards .col-awards .cont-award {
    max-width: 70vw;
  }

  .wp-block-uagb-container.cont-awards .col-awards .cont-award * {
    text-align: center;
  }

  .wp-block-uagb-container.cont-awards .col-awards .wp-block-uagb-image {
    margin-right: unset;
  }

  .wp-block-uagb-container.cont-awards img {
    object-position: unset;
  }
}

/* sitemap */
.rank-math-html-sitemap__list .rank-math-html-sitemap__item a {
  color: var(--ast-global-color-3);
}

.rank-math-html-sitemap__title {
  margin-bottom: var(--gap-l);
  font-size: var(--h4-font-size) !important;
}

.rank-math-html-sitemap__section {
  margin-bottom: var(--gap-xl);
  max-width: 90vw;
}

.wp-block-uagb-separator__inner::before,
.wp-block-uagb-separator__inner::after {
  border-top-width: 1px !important;
}

.components-resizable-box__container img {
  min-width: 300px;
}

@media (max-width: 576px) {
  .page-id-54 .uagb-heading-text {
    font-size: var(--h4-font-size);
  }

  .page-id-54 .entry-content .wp-block-uagb-container.cont-intro {
    margin-left: 0 !important;
  }

  /*
  .cont-project-slider.background-dark:has(
      ~ .cont-parallax-txt-slider.background-dark
    ) {
    padding-left: 0;
  }
    */

  /*
  .cont-project-slider.background-dark:has(
      ~ .cont-parallax-txt-slider.background-dark
    )
    .projekte-slider-wrapper {
    padding-left: 5vw;
    padding-right: 5vw;
  }
    */

  .was-wie-warum img {
    scale: 1.1;
  }
}

/* wko-logo */
@media (max-width: 768px) {
  .post-42 .wp-block-uagb-container:has(.wko-logo) {
    display: block;
  }

  .rank-math-html-sitemap__section {
    padding-left: 20px;
  }

  .post-42 .wko-logo {
    margin: var(--gap-m) 0;
  }
}

/** Single Text on Marken Check */

.single-text .wp-block-uagb-advanced-heading {
  max-width: 60vw;
}

.single-text .wp-block-uagb-advanced-heading .uagb-heading-text {
  font-family: var(--mainfont);
  font-size: var(--h5-font-size);
  font-weight: 500;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: -0.01em;
}

@media (max-width: 900px) {
  .single-text .wp-block-uagb-advanced-heading {
    max-width: 90vw !important;
  }
}

@media (max-width: 576px) {
  .single-text .wp-block-uagb-advanced-heading {
    max-width: unset;
  }

  .scale-mobile img {
    scale: 1.1;
  }
}

/** MARKEN KONZEPZ */
@media screen and (min-width: 767px) {
  .wp-block-uagb-container.cont-lottie.cont-lottie-marketingkonzept {
    max-width: 70vw !important;
  }
}