/**general stlyes*/

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

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

.wp-block-uagb-container.einleitung-schmal {
  gap: var(--gap-xl);
}

.wp-block-uagb-container.einleitung-schmal > .wp-block-uagb-container {
  gap: var(--gap-l);
}

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

/* REzenzionen */
.wp-block-uagb-container.default.uagb-is-root-container
  > .wp-block-uagb-advanced-heading {
  margin-bottom: calc(var(--gap-l) / 1.25);
}

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

/**in editor*/
.is-root-container > * {
  margin-bottom: var(--margin-bottom-row) !important;
}

.wp-block.wp-block-post-title {
  font-family: Arial, Helvetica, sans-serif;
  color: var(--color-1) !important;
}

/**----------------- HEADER   -------------*/

.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:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 18%;
  bottom: 0;
  background-color: var(--color-3);
  z-index: 2;
}

/* Swiper */

.wp-block-uagb-container.cont-swiper {
  margin-bottom: calc(var(--margin-bottom-row) * 1.6) !important;
}

.wp-block-uagb-container.cont-swiper .swiper-wrapper {
  align-items: flex-start !important;
}

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

.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 !important;
  transform: translateY(90%);
}

/**----------------- 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.6em 0;
  border-bottom: 1px solid var(--color-1-1);
}

.wp-block-uagb-container.col-cpt-info
  .wp-block-uagb-container.svg-header
  figure {
  width: clamp(28px, 2.2vw, 40px);
  height: clamp(28px, 2.95vw, 52px);
}

.wp-block-uagb-container.col-cpt-info
  .wp-block-uagb-container.svg-header
  figure
  > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/*
.col-cpt-info h4 a::after {
    content: '';
    display: block;
    background-image: url(/wp-content/themes/astra-impuls-child/img/pfeil.svg);
    --my-size: 1em;
    height: var(--my-size);
    width: calc(var(--my-size) / 1.76232741617357);
    background-size: contain;
    background-repeat: no-repeat;
}
    */

.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 -------------*/

.wp-block-uagb-container.default .swiper-content figure {
  --my-size: clamp(2.53rem, 7vw, 4rem);

  width: var(--my-size);
  height: calc(var(--my-size) / 1.1);
}

.wp-block-uagb-container.default figure {
}

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

/**----------------- BLOCK TABMENÜ BOX -------------*/

.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab {
  margin: 0;
}

ul.uagb-tabs__panel {
  padding-left: 0 !important;
  border-bottom: 2px solid var(--color-5);
}

.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab a {
  font-family: var(--headlinefont);
  padding: 0.8em 2.3em;
}

.uagb-tabs__wrap
  ul.uagb-tabs__panel
  li.uagb-tab.uagb-tabs__active
  a.uagb-tabs-list {
  background-color: var(--color-5);
}

.wp-block-uagb-tabs-child.uagb-tabs__body-container {
  padding: 2vw 0;
}

/**animation*/

.entry-content .uagb-tabs__wrap .uagb-tabs__body-container {
  display: block;
  max-height: 0;
  transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
  opacity: 0;
  pointer-events: none;
}

.entry-content
  .uagb-tabs__wrap
  .uagb-tabs__body-container.uagb-tabs-body__active {
  display: block;
  max-height: 100vh;
  opacity: 1;
  transition-delay: 0.5s, 0.5s;
  transition-property: opacity, max-height;
  pointer-events: all;
}

/**als acc*/
.wp-block-uagb-tabs-child li a {
  padding: 0 !important;
  display: inline-block !important;
}

.uagb-tabs__panel.uagb-tabs__align-left {
  padding: 0 !important;
  border: none !important;
}

.uagb-tab-accordion ul.uagb-tabs__panel li.uagb-tab a.uagb-tabs-list {
  width: 100%;
  height: 100%;
  justify-content: center;
  padding: 0.3em 0 !important;
}

.wp-block-uagb-tabs.uagb-tab-accordion {
  padding: 0;
  background-color: transparent;
}

.uagb-tab-accordion .uagb-tab {
  background-color: #fff;
  padding: 1.4em 2em;
  margin: 0 !important;
}

.tabbox.uagb-tabs__wrap.uagb-tab-accordion ul.uagb-tabs__panel li::before {
  line-height: 1;
}

.uagb-tab-accordion .uagb-tab {
  padding: 0;
  margin: 0 0 2px 0 !important;
}

.uagb-tab-accordion .uagb-tabs__body-wrap {
  display: none;
}

.uagb-tab-accordion .uagb-tabs-list {
  padding: 0 !important;
  margin: 0 !important;
}

.uagb-tabs__panel > li > .wp-block-uagb-tabs-child {
  position: relative !important;
  max-height: 0 !important;
  opacity: 0 !important;
  transition-property: max-height, opacity;
  transition-delay: 0s, 0.5s;
  padding: 0;
}

.uagb-tabs__panel > li.uagb-tabs__active > .wp-block-uagb-tabs-child {
  max-height: 200vh !important;
  position: relative !important;
  opacity: 1 !important;
  padding: 0.9em 0;
  pointer-events: all;
}

/**----------------- BLOCK ACCORDION -------------*/

#main .wp-block-esab-accordion-child.esab__active_accordion .esab__head {
  background: none !important;
}

#main .wp-block-esab-accordion-child.esab__active_accordion .esab__heading_tag {
  /* color: var(--color-4) !important;*/
}

#main .esab__expand svg {
  /*fill: var(--color-4) !important;*/
}

#main .wp-block-esab-accordion-child.esab__active_accordion .esab__body {
  background-color: transparent !important;
  padding-left: 15px !important;
}

.esab__head {
  border-bottom: 1px solid var(--color-5);
}

/* MAP WRAPPER */

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

.wp-block-uagb-container.einleitung-schmal
  .wp-block-uagb-container
  p:last-child {
  margin-top: calc(var(--gap-l) / 1.3) !important;
}

.wp-block-uagb-container.einleitung-schmal > .uagb-container-inner-blocks-wrap {
  gap: var(--gap-xl) !important;
}

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

.wp-block-button a {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  font-family: var(--headlinefont) !important;
  color: #fff !important;

  background: linear-gradient(90deg, #2b2d30 0%, #b0b743 50%);

  /*
  background: linear-gradient(
    90deg,
    rgba(80, 80, 80, 1) 0%,
    rgba(112, 112, 112, 1) 17%,
    #b0b743 42%
  );*/
  text-transform: uppercase;
  transition: background-position 0.5s ease-in-out;
  background-size: 200% 100%;
  padding: 1.5em 2.5em !important;
  letter-spacing: 0.05em;
}

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

.standard .uagb-buttons-repeater {
  position: relative;
}

.standard .uagb-buttons-repeater:hover::after {
  height: 100%;
}

.standard .uagb-buttons-repeater::after {
  content: "" !important;
  display: block !important;
  width: 100%;
  height: 0.9em;
  position: absolute;
  background-color: var(--color-4);
  bottom: 0;
  z-index: 1;
  transition: all 0.5s ease 0s;
}

.standard .uagb-buttons-repeater {
  z-index: 9;
  position: relative;
}

.standard .uagb-button__link {
  z-index: 9;
}

@media (max-width: 990px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}
@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: 85% !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 20vw;
  }

  .wp-block-uagb-container.einleitung-schmal {
    gap: var(--gap-xl);
    margin-inline: auto !important;
  }
}

@media (max-width: 768px) {
  .swiper-content > .wp-block-uagb-container {
    gap: 0.82rem !important;
  }

  .wp-block-uagb-container.default .swiper-content figure {
    margin-bottom: 1.5rem;
  }
}

@media (max-width: 576px) {
  /*
  .header-bild p.header-intro {
     width: fit-content !important;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.95);
  }

  p.header-intro::before {
    content: "";
    width: 100%;
    background: rgba(0, 0, 0, 0.05);
    z-index: 0;
    position: absolute;
    height: 100%;
  }
  */

  .col-cpt-info
    .wp-block-uagb-container
    .wp-block-uagb-container
    h4.uagb-heading-text {
    margin-bottom: 2px;
  }
  .wp-block-uagb-container.default.uagb-is-root-container
    > .wp-block-uagb-advanced-heading {
    margin-bottom: 0 !important;
  }

  .wp-block-uagb-container.einleitung-schmal {
    max-width: 85% !important;
  }
}

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

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

@media (min-width: 1200px) {
  .wp-block-uagb-container.einleitung-schmal h1 {
    width: 90%;
  }
}