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

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

/*
.wp-block-uagb-container.alignfull
  > *:not(.cpt-slider-wrapper, .bg-white, .bg-red) {
  width: 90vw !important;
}
  */

.wp-block-uagb-container.alignfull:not(
    .bg-white,
    .bg-red,
    .infobox-swiper-wrapper,
    .infobox-swiper-wrapper
  )
  > *:not(.cpt-slider-wrapper, .job-slider-wrapper) {
  width: 90vw !important;
}

.wp-block-uagb-container.alignfull:not(
    .container-vorteile-grid,
    .infobox-swiper-wrapper
  )
  > .uagb-container-inner-blocks-wrap {
  max-width: 1350px !important;
}

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

.wp-block-uagb-container.bg-red:has(
    + .wp-block-uagb-container.container-vorteile-grid
  ) {
  margin-bottom: 0 !important;
}

.wp-block-uagb-container.bg-white {
  background-color: #fff;
}

.wp-block-uagb-container.bg-white:has(+ .bg-red) {
  margin-bottom: 0 !important;
}

/**Content Breiten*/
.entry-content > .wp-block-uagb-container.alignwide {
  max-width: var(--content-width);
  margin-left: auto !important;
  margin-right: auto !important;
  width: 90vw;
}

@media (max-width: 768px) {
  .entry-content > .wp-block-uagb-container.alignwide,
  #main
    .wp-block-uagb-container.alignfull:not(
      .cpt-slider-wrapper,
      .bg-white,
      .bg-red,
      .infobox-swiper-wrapper
    )
    > * {
    width: 88vw !important;
  }
}

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

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

/**----------------- 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-block-list__block .block-editor-block-list__block.border-detail {
  display: none !important;
}

.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-editor-block-list__block
  .wp-block-uagb-container.info-box-wrapper.info-box-red
  p {
  color: var(--ast-global-color-0) !important;
}

.editor-styles-wrapper .wp-block-file__content-wrapper a {
  color: var(--ast-global-color-0) !important;
}
/*
.block-editor-block-list__block
  .info-box-swiper
  .block-editor-block-list__layout,
.block-editor-iframe__body
  .block-editor-block-list__block
  .info-box-swiper
  .uagb-container-inner-blocks-wrap {
  width: 70% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
*/

body
  > *
  .block-editor-block-list__block.cont-info-box.cont-info-box-grid
  > .block-editor-inner-blocks
  > .block-editor-block-list__layout {
  display: flex !important;
}

.media-frame-router ul.attachments {
  top: 161px !important;
}

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

.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: 100%;
  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;
}

/* 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 {
    color: var(--ast-global-color-3) !important;
    background: var(--ast-global-color-0);
    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;
}

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

/* JIG PLUGIN */

.jig-filterDropdownBar {
  column-gap: 27px;
  justify-content: center;
  margin-bottom: var(--gap-l) !important;
}

.jig-filterOptions {
  color: var(--ast-global-color-3) !important;
  border: unset !important;
  background-color: var(--ast-global-color-0) !important;
  border-radius: 999px !important;
  padding-left: 25px !important;
}

.jig-filterControl::after {
  right: 12px !important;
  width: 10px !important;
  height: 6px !important;
  border-right: unset !important;
  border-bottom: unset !important;
  background-image: url(../img/icon-dropdown.svg) !important;
  background-size: cover;
  transform: rotate(0deg) !important;
}

/* Drop down */
.jig-filterOptions,
.jig-filterOptions::picker(select) {
  appearance: base-select !important;
}

.jig-filterOptions::picker(select) {
  background: var(--ast-global-color-3) !important;
  border: 1px solid var(--ast-global-color-0) !important;
  border-radius: 4px !important;
  padding: 0 !important;
}

.jig-filterOptions option {
  padding: 8px 14px !important;
}

.jig-filterOptions option:checked {
  background: var(--ast-global-color-0) !important;
  color: var(--ast-global-color-3) !important;
}

.jig-filterOptions option:hover {
  background: var(--ast-global-color-3) !important;
  color: var(--ast-global-color-0) !important;
}

.jig-filterOptions option::checkmark {
  display: none !important;
}

.jig-filterOptions::picker-icon {
  display: none !important;
}

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

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

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