/**general stlyes*/

.is-root-container.is-layout-flow.wp-block-post-content-is-layout-flow {
  padding: 5vw 0;
}

.entry-content > * {
  margin-bottom: var(--cont-gap) !important;
}

.entry-content > *:not(.alignfull) {
  max-width: 90vw !important;
  width: 1350px;
}

.entry-content > *.weniger-abstand-unten {
  margin-bottom: var(--gap-l) !important;
}

.entry-content > *.kein-abstand-unten {
  margin-bottom: 0 !important;
}

.wp-block-uagb-container.schmal {
  width: 1000px !important;
  max-width: 84vw !important;
}

.entry-content > .wp-block-uagb-container.alignwide {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (min-width: 768px) {
  .wp-block-list.zweispaltig {
    column-count: 2;
    column-gap: var(--gap-l);
  }
}

.wp-block-uagb-image__figure {
  width: 100%;
}

/**----------------- HEADER SLIDER  -------------*/
.header-bild .header-intro {
  position: absolute !important;
  bottom: clamp(1.3rem, 0.506rem + 2.76vw, 3.82rem);
  left: clamp(1.05rem, -1.01rem + 7.16vw, 7.588rem);
}

.header-bild .header-intro p {
  font-size: clamp(
    24px,
    calc(15px + (80 - 24) * ((100vw - 375px) / (1920 - 375))),
    80px
  );
  color: #fff;
  line-height: 1;
  white-space: pre-line !important;
}

.header-bild .wp-block-uagb-image__figure::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  opacity: 0.3;
}

.header-bild::after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(
    0deg,
    var(--color-2) 0%,
    var(--color-2) 5%,
    rgba(56, 58, 61, 0.5928572112438726) 65%
  );
  bottom: 0;
  z-index: 1;
  opacity: 0.59;
}

.header-bild {
  background-color: var(--color-1);
}

.header-bild:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 18%;
  bottom: 0;
  background-color: var(--color-3);
  z-index: 2;
}

.header-bild .uagb-container-inner-blocks-wrap {
  z-index: 9;
}

.swiper-pagination-bullet {
  height: 12px;
  width: 12px;
  background-color: var(--color-1) !important;
  opacity: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-2) !important;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  bottom: 0;
  transform: translateY(70%);
}

.spectra-image-gallery__layout--carousel ul.slick-dots {
  top: unset !important;
  bottom: -30px;
  position: absolute !important;
}

.uagb-slick-carousel ul.slick-dots li button {
  position: relative !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}

ul.slick-dots button::before {
  height: 12px !important;
  width: 12px !important;
  background-color: var(--color-1) !important;
  color: transparent !important;
  opacity: 1 !important;
  border-radius: 50% !important;
  left: unset !important;
  top: unset !important;
}

.cont-separator .wp-block-uagb-image__figure::before,
.wp-block-uagb-image.no-filter .wp-block-uagb-image__figure::before {
  display: none;
}

/*
.wp-block-uagb-image__figure::before,
#slideshow::after,
.spectra-image-gallery__media-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0.1) 100%
  );

  z-index: 9;
}
  */

@media (max-width: 768px) {
  .entry-content > *:not(.alignfull) {
    max-width: 88vw !important;
  }

  .wp-block-uagb-container.schmal {
    max-width: 80vw !important;
  }
}
/**in editor*/

.block-editor .row-img-slider > .uagb-container-inner-blocks-wrap {
  max-width: 100vw !important;
}

.is-root-container .row-img-slider .wp-block-uagb-slider::after {
  display: none;
}

.editor-styles-wrapper a {
  color: inherit !important;
}
.is-root-container > .block-editor-block-list__block.wp-block {
  margin-bottom: var(--cont-gap) !important;
}

.imp-gutenberg-popup-content-wrapper:has(.rundgang),
.imp-gutenberg-popup-content-wrapper:has(.rundgang) iframe {
  width: 80vw;
  height: 60vh;
}

@media (max-width: 768px) {
  .imp-gutenberg-popup-content-wrapper:has(.rundgang),
  .imp-gutenberg-popup-content-wrapper:has(.rundgang) iframe {
    height: 70vh;
  }
}
