/**general stlyes*/

.slick-slider.slick-dotted ul.slick-dots {
  display: none !important;
}

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

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

div.wp-block-uagb-container:has(script):not(.cont-bg-reverse) {
  width: 90% !important;
  margin-inline: auto !important;
}

@media (min-width: 768px) {
  #main .entry-content > .wp-block-uagb-container:not(.alignfull) {
    width: 75vw !important;
    margin-left: auto;
    margin-right: auto;
  }
}

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

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

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

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

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

.wp-block-uagb-container.col-cpt-info {
  gap: calc(var(--gap-l) * 1.8);
}
.wp-block-uagb-container.cont-buttons,
.wp-block-uagb-container.cont-bg-reverse .uagb-container-inner-blocks-wrap {
  width: 90vw !important;
  margin-inline: auto !important;
}

.mehr-spaltig {
  -moz-column-count: 2;
  -moz-column-gap: 3vw;
  -webkit-column-count: 2;
  -webkit-column-gap: 3vw;
  column-count: 2;
  column-gap: 3vw;
  margin: 0;
}

.has-medium-font-size {
  font-family: var(--headlinefont);
  font-size: 1.278rem !important;
  line-height: 1.7;
  letter-spacing: 0.02em;
}

.wp-block-list.zweispaltig {
  column-count: 2;
}

p.dsgvo {
  font-size: 0.7em;
}

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

/**----------------- ROW VERSETZT    -------------*/
.wp-block-uagb-container.cont-versetzt.alignfull {
  padding: 5vw 0;
  padding-right: calc((var(--windowWith) - 1500px) / 2);
  position: relative;
}

.wp-block-uagb-container.cont-versetzt.alignfull:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
  height: 100%;
  width: min(calc((var(--windowWith) - (var(--windowWith) - 1500px) / 2)), 90%);
  right: 0;
  z-index: -1;
}

.col-cpt-info a {
  color: inherit;
  text-decoration: none !important;
  display: flex;
  justify-content: space-between;
}

.col-cpt-info .wp-block-uagb-container .wp-block-uagb-container {
  padding: 0.9em 0.8em;
  border-bottom: 1px solid var(--color-1-1);
}

.col-cpt-info
  .wp-block-uagb-container
  .wp-block-uagb-container
  .wp-block-uagb-advanced-heading,
.col-cpt-info
  .wp-block-uagb-container
  .wp-block-uagb-container
  .wp-block-uagb-advanced-heading
  h4,
.col-cpt-info
  .wp-block-uagb-container
  .wp-block-uagb-container
  .wp-block-uagb-advanced-heading
  a {
  width: 100% !important;
  display: flex;
}

/* Rezenzionen */
.wp-block-uagb-image .wp-block-uagb-image__figure figure img {
  min-width: 65px !important;
  width: 100% !important;
}

/**----------------- AKTUELLES -------------*/
.uagb-post__date {
  font-size: 14px;
  color: var(--color-2);
  font-family: var(--headlinefont);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 600;
}

.uagb-post__inner-wrap {
  padding-right: calc((1500px - 1170px) / 2) !important;
  padding-left: calc((1500px - 1170px) / 2) !important;
  padding-top: 4vw !important;
  padding-bottom: 4vw !important;
}

.uagb-post__date {
  font-size: 14px;
  color: var(--color-2);
  font-family: var(--headlinefont);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 2em;
}

.wp-block-button .wp-block-button__link.uagb-text-link {
  border: none !important;
  padding: 0.8em 1.3em 1em 0.5em;
  font-family: var(--headlinefont);
  color: var(--color-2) !important;
  font-weight: 600;
  text-decoration: none !important;
  margin-top: 2.1em !important;
  display: flex;
  width: fit-content;
  margin: 0 auto;
  align-items: center;
  gap: 1.1em;
  font-size: 14px;
  text-transform: lowercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid var(--color-1-1) !important;
}

.wp-block-button .wp-block-button__link.uagb-text-link:before {
  content: "";
  display: block !important;
  width: 0.8em;
  height: 0.8em;
  background-image: url(/wp-content/themes/astra-impuls-child/img/akkordeon-plus.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

/**----------------- ROW SLIDER -------------*/

.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;
}

ul.slick-dots button[aria-selected="true"]:before {
  background-color: var(--color-2) !important;
  color: transparent !important;
}

.block-editor .row-img-slider .wp-block-uagb-slider::after {
  right: 0 !important;
  top: 0;
}

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

/* MAP WRAPPER */

.mapp-wrapper {
  padding-bottom: unset !important;
  aspect-ratio: 333/208;
}

/**----------------- BUTTONS -------------*/

.wp-block-button a {
  color: #fff !important;
  background: linear-gradient(90deg, #707070 0%, #b0b743 70%);
  text-transform: uppercase;
  transition: background-position 0.5s ease-in-out;
  background-size: 200% 100%;
}

.wp-block-button a:hover {
  background-position: right center !important;
}

.is-root-container .standard .uagb-buttons-repeater,
.standard .uagb-buttons-repeater {
  font-size: 20px;
  font-family: var(--headlinefont);
  color: var(--color-1) !important;
  border: none !important;
  font-weight: 500;
  letter-spacing: 0.02;
  padding: 0.59em 0.9em;
}

/**----------------- BEWERTUNGEN -------------*/
.entry-content.clear
  .ti-widget[data-layout-id="16"][data-set-id="light-background"]
  .ti-review-item
  > .ti-inner {
  background-color: var(--ast-global-color-4) !important;
}

.entry-content.clear
  .ti-widget[data-layout-id="16"][data-set-id="light-background"]
  .ti-load-more-reviews-container
  .ti-load-more-reviews-button {
  background-color: var(--ast-global-color-1) !important;
  color: var(--ast-global-color-4) !important;
}

/**----------------- Readabler Plugin -------------*/

.mdp-readabler-trigger-button-box {
  z-index: 9;
}

.mdp-readabler-trigger-button-box.bottom-right {
  bottom: var(--miniform-height);
}

#mdp-readabler-popup,
#mdp-readabler-popup * {
  font-family: var(--mainfont) !important;
}

div#mdp-readabler-popup-header > .mdp-readabler-h3 {
  font-family: var(--mainfont) !important;
}

@media (max-width: 990px) {
  .mdp-readabler-trigger-button-box.bottom-right {
    bottom: 42px;
  }
}
@media (max-width: 870px) {
  .wp-block-uagb-container.cont-versetzt {
    flex-direction: column;
    gap: calc(var(--gap-xl) * 1.5);
  }

  .wp-block-uagb-container.cont-versetzt > .wp-block-uagb-container {
    max-width: 100% !important;
    width: 90% !important;
    margin: auto;
  }

  .wp-block-uagb-container.col-cpt-info {
  }

  .col-cpt-info .wp-block-uagb-container .wp-block-uagb-container {
    padding: 0.4em 0;
    column-gap: 0.6rem;
  }

  .wp-block-uagb-container.cont-versetzt.alignfull:after {
    height: 88%;
    width: 100%;
    bottom: 0;
  }

  .wp-block-uagb-container.cont-versetzt.alignfull {
    padding: 5vw 0 10vw;
  }
}

/* in editor */
.editor-styles-wrapper a {
  color: inherit !important;
}

@media (max-width: 768px) {
  .spectra-image-gallery__layout--carousel ul.slick-dots {
    display: none;
  }
  .wp-block-uagb-container {
    row-gap: var(--gap-l) !important;
  }
  .wp-block-uagb-container.kein-gap {
    row-gap: 0 !important;
  }

  /*   .entry-content > *.etwas-weniger-abstand-unten {
    margin-bottom: var(--gap-xl) !important;
  }
 */
  .wp-block-esab-accordion-child .esab__body {
    padding: var(--gap-m) 0.5em !important;
  }
}

@media (max-width: 576px) {
  .mapp-layout.mapp-has-iframe {
    height: 350px !important;
  }
}

@media (max-width: 420px) {
  .wp-block-uagb-container.cont-buttons,
  .wp-block-uagb-container.cont-bg-reverse .uagb-container-inner-blocks-wrap {
    width: 84vw !important;
  }
  .wp-block-uagb-container.grid-container.grid-container-reverse
    > .uagb-container-inner-blocks-wrap {
    width: 84vw !important;
  }
  .entry-content > * {
    width: 84vw;
  }
}

@media (max-width: 320px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

/* editor */

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

.wp-block-uagb-tabs .uagb-tabs__body-wrap,
.wp-block-uagb-tabs .uagb-tabs__body-container,
.wp-block-uagb-tabs .uagb-is-root-container,
.uagb-container-inner-blocks-wrap {
  height: auto !important;
}