/**general stlyes*/

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

.editor-styles-wrapper.block-editor-writing-flow {
  background-color: var(--ast-global-color-1);
  color: #fff;
}

.entry-content > * {
}

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

.entry-content[ast-blocks-layout] > .alignwide {
  max-width: 1250px !important;
  width: 90% !important;
}

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

.spectra-image-gallery__media {
  position: relative;
}

.wp-block-uagb-image__figure::after,
.spectra-image-gallery__media::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--ast-global-color-1);
  opacity: 20%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.no-filter .wp-block-uagb-image__figure::after,
.no-filter .spectra-image-gallery__media::after {
  display: none;
}

.uagb-popup-builder__container.uagb-popup-builder__container--popup {
  background-color: var(--ast-global-color-1);
}

.uagb-popup-builder__close * {
  fill: var(--ast-global-color-0);
}

.wp-block-uagb-container a:where(:not(.wp-element-button)) {
  text-decoration: underline;
}

/**in editor*/

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

.editor-styles-wrapper .wp-block.wp-block-post-title {
  font-family: Arial, Helvetica, sans-serif;
  color: var(--color-1) !important;
  padding: 0 !important;
  background-color: transparent;
  border-radius: 0;
}

.is-root-container.is-layout-flow.wp-block-post-content-is-layout-flow.wp-block-post-content.block-editor-block-list__layout {
  background-color: var(--ast-global-color-1);
}

.block-editor-block-list__empty-block-inserter
  .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-block-list__insertion-point-inserter
  .block-editor-inserter__toggle.components-button.has-icon {
  background: var(--ast-global-color-0);
}

.block-editor-block-list__layout.is-root-container > .alignwide {
  max-width: 1250px !important;
}

/**----------------- POPUP-------------*/
#main .wp-block-uagb-popup-builder.datenschutz > .uagb-popup-builder__wrapper {
  min-height: 100vh;
}

#main .wp-block-uagb-popup-builder.datenschutz .uagb-popup-builder__container {
  min-height: 100vh;
}

.uagb-popup-builder__container.uagb-popup-builder__container--popup {
  padding: 3.5vw 0 25px 0;
}

.uagb-popup-builder__container > .wp-block-uagb-container {
  width: 90vw;
  max-width: 1250px;
}

.popup-pause .uagb-popup-builder__container > .wp-block-uagb-container {
  width: 100%;
}

.uagb-popup-builder__container
  > .wp-block-uagb-container
  > .wp-block-uagb-container {
  max-width: 100%;
}

.uagb-popup-builder__close {
  margin: 15px;
}

.wp-block-uagb-popup-builder.block-editor-block-list__block {
  background-color: var(--ast-global-color-1) !important;
}

.wp-block-uagb-popup-builder.block-editor-block-list__block
  .uagb-popup-builder__container {
  background-color: var(--ast-global-color-1) !important;
}

.wp-block-uagb-popup-builder.popup-pause
  .uagb-buttons-repeater.wp-block-button__link {
  border: 1px solid var(--ast-global-color-0) !important;
  text-decoration: none !important;
}

.wp-block-uagb-advanced-heading.centered h2.uagb-heading-text {
  margin: 0 auto;
}

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

.wp-block-uagb-container.cont-header-video-einleitung {
  margin-bottom: max(min(9vw, 105px), 63px);
}

.wp-block-uagb-container.cont-header-video::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--ast-global-color-1);
  z-index: 1;
  opacity: 0.5;
}

.wp-block-uagb-container.cont-header-video::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 55.5555556%;
  bottom: -42px;
  background: linear-gradient(180deg, rgba(26, 28, 31, 0) 0%, #191c1f 100%);
  z-index: 2;
}

.wp-block-uagb-container.header-video-content {
  padding-top: max(min(56.7195767vw, 536px), 317px);
  z-index: 9;
  width: 90% !important;
}

.wp-block-uagb-container.cont-header-video .uagb-heading-text {
  font-size: clamp(55px, 10vw, 9.118rem);
  line-height: 1;
  font-family: var(--headlinefont);
  display: flex;
  flex-direction: column;
}

.wp-block-uagb-container.cont-header-video .uagb-heading-text strong {
  font-weight: 400;
  color: var(--ast-global-color-0);
}

@keyframes upAndDown {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(65%);
  }

  100% {
    transform: translateY(0);
  }
}

.icon-header-video {
  max-width: 50px;
}

.icon-header-video img {
  animation: upAndDown 2s ease-in-out infinite;
}

/**----------------- EINLEITUNG -------------*/

#einleitung {
  width: calc(var(--windowWith) - ((var(--windowWith) - 1250px) / 2));
  margin-left: unset;
  margin-right: auto;
  max-width: 95%;
  gap: var(--cont-gap-150);
  justify-content: space-between;
  padding-top: min(10vw, 75px);
}

#einleitung > .wp-block-uagb-container:first-child {
  max-width: 726px;
  width: 48%;
}

#einleitung > .wp-block-uagb-container:last-child {
  width: 40%;
}

#einleitung h6.uagb-heading-text {
  margin-top: min(5vw, 2.7em);
}

h6.uagb-heading-text {
  transform-origin: top left;
  transform: rotate(-20deg);
  display: flex;
  flex-direction: column;
  margin-top: 2.7em;
}

/**----------------- SORTIMENT -------------*/

#sortiment::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 24.6254682%;
  background: linear-gradient(0deg, rgba(26, 28, 31, 0) 0%, #191c1f 100%);
  top: 0;
  left: 0;
}

#sortiment .wp-block-uagb-container.sortiment-inner-wrapper {
  width: calc(var(--windowWith) - ((var(--windowWith) - 1250px) / 2));
  margin-right: unset;
  margin-left: auto;
  max-width: 95%;
  gap: var(--cont-gap-150);
  justify-content: space-between;
  padding-top: max(min(18vw, 263px), 68px);
  padding-bottom: max(min(14vw, 213px), 80px);
}

.wp-block-uagb-container.sortiment-inner-wrapper
  > .wp-block-uagb-container:last-child {
  max-width: 726px;
  width: 48%;
}

.wp-block-uagb-container.sortiment-inner-wrapper
  > .wp-block-uagb-container:first-child {
  width: 40%;
  padding-bottom: min(5vw, 60px);
}

#sortiment .slick-dotted.slick-slider {
  margin-bottom: 0;
}

/**slick controlls*/

.wp-block-uagb-image-gallery .spectra-image-gallery__control-arrows {
  padding: 0 !important;
  --my-size: 48px;
  height: var(--my-size);
  width: calc(var(--my-size) / 2.666666666666667);
  background-image: url(/wp-content/themes/astra-impuls-child/img/arrow-right);
  z-index: 999;
}

.wp-block-uagb-image-gallery .spectra-image-gallery__control-arrows.slick-prev {
  left: 30px;
  background: transparent !important;
  background-image: url(/wp-content/themes/astra-impuls-child/img/arrow-left) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.wp-block-uagb-image-gallery .spectra-image-gallery__control-arrows.slick-next {
  right: 30px;
  background: transparent !important;
  background-image: url(/wp-content/themes/astra-impuls-child/img/arrow-right) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/**----------------- MARKEN -------------*/

#marken {
  padding-top: max(min(19vw, 252px), 90px);
  padding-bottom: var(--cont-space-282);
}

#marken .uagb-slick-carousel {
  padding: min(10vw, 73px) 0;
  --minus-margin: 60px;
}

#marken
  .wp-block-uagb-image-gallery
  .spectra-image-gallery__control-arrows.slick-prev {
  left: calc(var(--minus-margin) * -1);
}

#marken
  .wp-block-uagb-image-gallery
  .spectra-image-gallery__control-arrows.slick-next {
  right: calc(var(--minus-margin) * -1);
}

#marken .uagb-slick-carousel::after,
#marken .uagb-slick-carousel::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 37.52%;
  top: 0;
  z-index: 99;
}

#marken .uagb-slick-carousel::before {
  background: linear-gradient(-90deg, rgba(26, 28, 31, 0) 0%, #191c1f 100%);
  mix-blend-mode: darken;
  top: 0;
  z-index: 99;
  left: calc(var(--minus-margin) * -1);
}

#marken .uagb-slick-carousel::after {
  background: linear-gradient(90deg, rgba(26, 28, 31, 0) 0%, #191c1f 100%);
  mix-blend-mode: darken;
  top: 0;
  z-index: 99;
  right: calc(var(--minus-margin) * -1);
}

/**----------------- TEAM -------------*/

#team {
  padding-top: var(--cont-space-282);
  margin-bottom: var(--cont-space-374);
}

#team .wp-block-uagb-container.cont-team-teaser {
  width: calc(var(--windowWith) - ((var(--windowWith) - 1250px) / 2));
  margin-left: auto;
  margin-right: unset;
  z-index: 9;
  max-width: 95%;
}

.wp-block-uagb-container.cont-team-teaser
  > .wp-block-uagb-container:first-child {
  width: 59%;
  max-width: 732px;
  padding-top: 38px;
}

.wp-block-uagb-container.cont-team-teaser
  > .wp-block-uagb-container:last-child {
  width: 50%;
  max-width: 738px;
  margin-top: -76px;
}

.wp-block-uagb-container.cont-team-teaser-outter:not(
    .block-editor-block-list__block
  )::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--ast-global-color-2);
  z-index: 1;
  opacity: 0.03;
  top: 0;
  pointer-events: none;
}

.wp-block-uagb-container.cont-team-teaser-outter:not(
    .block-editor-block-list__block
  )::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 34.3%;
  bottom: 0;
  background: linear-gradient(
    0deg,
    rgba(25, 28, 31, 1) 3%,
    rgba(25, 28, 31, 0) 94%
  );
  pointer-events: none;
  z-index: 3;
}

#team h6.uagb-heading-text {
  margin-top: 1.8em;
}

/**slider*/

.wp-block-uagb-container.cont-team-slider.uagb-block-647bfe6e {
  width: 90%;
}

.cont-team-slider.wp-block-uagb-container .uagb-infobox__content-wrap {
  background-color: var(--ast-global-color-0);
  border-radius: 0 80px;
  overflow: hidden;
}

.cont-team-slider.wp-block-uagb-container .uagb-infobox__content-wrap,
.cont-team-slider.wp-block-uagb-container .uagb-infobox__content-wrap * {
  border: none !important;
}

.cont-team-slider.wp-block-uagb-container .uagb-ifb-content {
  padding: min(5vw, 55px) 0 0 min(5vw, 55px);
  gap: 0 !important;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.cont-team-slider.wp-block-uagb-container .uagb-ifb-image-content {
  max-width: 300px;
  margin-left: auto;
}

.cont-team-slider.wp-block-uagb-container h4 {
  color: var(--ast-global-color-1);
  margin-bottom: 0 !important;
  margin-top: 1.2em;
}

.cont-team-slider.wp-block-uagb-container .uagb-ifb-title-wrap,
.cont-team-slider.wp-block-uagb-container .uagb-ifb-image-content {
  z-index: 9;
}

.cont-team-slider img {
  width: 100%;
  min-width: 200px;
}

.cont-team-slider.wp-block-uagb-container .uagb-ifb-content::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url(/wp-content/themes/astra-impuls-child/img/team-slider-after.svg);
  background-size: cover;
  z-index: 1;
  left: 0;
  top: 0;
  pointer-events: none;
}

/**in editor*/

.cont-team-slider .block-editor-block-list__block .uagb-ifb-content {
  background-color: var(--ast-global-color-0);
}

/**slider controlls*/

@media (min-width: 1401px) {
  .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
  }
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: calc(var(--cont-space-374) / 2 * -1);
}

.swiper-pagination-bullet {
  height: 12px !important;
  width: 12px !important;
  background-color: var(--ast-global-color-2) !important;
  color: transparent !important;
  opacity: 1 !important;
  border-radius: 50% !important;
  left: unset !important;
  top: unset !important;
}

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

.wp-block-uagb-slider.uagb-slider-container .swiper-button-prev,
.wp-block-uagb-slider.uagb-slider-container .swiper-button-next {
  padding: 0 !important;
  --my-size: 48px;
  height: var(--my-size) !important;
  width: calc(var(--my-size) / 2.666666666666667) !important;
  z-index: 999;
}

.wp-block-uagb-slider.uagb-slider-container .swiper-button-prev {
  left: -50px;
  background: transparent !important;
  background-image: url(/wp-content/themes/astra-impuls-child/img/arrow-left) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.wp-block-uagb-slider.uagb-slider-container .swiper-button-next {
  right: -50px;
  background: transparent !important;
  background-image: url(/wp-content/themes/astra-impuls-child/img/arrow-right) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/**----------------- MITGLIEDSBETRIEBE -------------*/

#mitgliedsbetriebe {
  padding-top: var(--cont-space-374);
  margin-bottom: var(--cont-space-374) !important;
}

.wp-block-uagb-container.cont-flipboxen > .uagb-container-inner-blocks-wrap {
  gap: 24px !important;
  grid-auto-rows: 1fr;
}

.wp-block-uagb-container.flipbox-el {
  position: relative;
  overflow: hidden;
}

.wp-block-uagb-container.flipbox-el:not(
    .block-editor-block-list__block
  ).wp-block-uagb-container
  .flipbox-el-front {
  position: absolute;
  transform: translateY(101%);
  bottom: 0;
}

.wp-block-uagb-container.flipbox-el-front {
  height: 100%;
  width: 100%;
  gap: 34px;
  padding: 15px min(5vw, 37px);
  transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
}

.wp-block-uagb-container.flipbox-el:not(.block-editor-block-list__block):hover
  .wp-block-uagb-container.flipbox-el-front {
  transform: translateY(0);
}

.wp-block-uagb-container.flipbox-el-front {
  color: #fff;
}

.wp-block-uagb-container.flipbox-el-back,
.wp-block-uagb-container.flipbox-el-back * {
  height: 100%;
}

.wp-block-uagb-container.flipbox-el-back img {
  height: 100% !important;
  object-fit: cover;
}

.flipbox-el-back:not(.block-editor-block-list__block)
  .wp-block-uagb-advanced-heading {
  position: absolute !important;
  color: #fff;
  left: 1.7em;
  bottom: 1em;
  height: auto !important;
  width: auto !important;
}

.flipbox-el-back:not(.block-editor-block-list__block)
  .wp-block-uagb-advanced-heading
  .flipbox-el-back
  .uagb-heading-text {
  color: #fff;
}

.flipbox-el-back:not(.block-editor-block-list__block)
  .wp-block-uagb-advanced-heading
  .uagb-heading-text {
  color: #fff;
}

.flipbox-el-back .wp-block-uagb-image__figure {
  filter: saturate(0.7);
}

.flipbox-el-back .wp-block-uagb-image__figure::after {
  opacity: 30%;
}

/**in editor*/

.flipbox-el-back.block-editor-block-list__block
  .block-editor-block-list__block[data-type="uagb/advanced-heading"],
.flipbox-el-back.block-editor-block-list__block
  .block-editor-block-list__block[data-type="uagb/advanced-heading"]
  * {
  height: auto !important;
  color: #fff;
}

.flipbox-el-back.block-editor-block-list__block
  .block-editor-block-list__block[data-type="uagb/advanced-heading"] {
  position: absolute !important;
  color: #fff;
  left: 1.7em;
  bottom: 1em;
  height: auto !important;
  width: auto !important;
}

/**slider*/

#mitgliedsbetriebe ul.slick-dots {
  padding-left: 0 !important;
}

#mitgliedsbetriebe .slick-dots li {
  margin: 0 !important;
}

.slick-slide
  .wp-block-uagb-container.flipbox-el-back
  .wp-block-uagb-image__figure {
  padding-bottom: 74.611%;
  width: 100%;
}

.slick-slide .wp-block-uagb-container.flipbox-el-back img {
  position: absolute;
  height: 100% !important;
  width: 100%;
  object-fit: cover;
}

/**----------------- ROUTEN FÜHRUNG -------------*/

#routenfuehrung {
  padding-top: var(--cont-space-374);
  gap: max(min(5vw, 90px), 30px);
  margin-bottom: var(--cont-space-374);
}

#routenfuehrung .wp-block-uagb-container.cont-routen-inner {
  width: calc(var(--windowWith) - ((var(--windowWith) - 1250px) / 2));
  margin-left: unset;
  margin-right: auto;
  gap: var(--cont-gap-150);
  max-width: 95%;
}

#routenfuehrung > .wp-block-uagb-container {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

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

@media (min-width: 1401px) {
  .slick-dots {
    display: none;
  }
}

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

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

.spectra-image-gallery__control-arrows svg {
  display: none !important;
}

#sortiment .slick-dots,
.cont-marken .slick-dots {
  display: none !important;
}

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

ul.slick-dots button[aria-selected="true"]::before {
  background-color: var(--ast-global-color-0) !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__body {
  background-color: transparent !important;
  padding-left: 15px !important;
  border-top: none !important;
}

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

.wp-block-esab-accordion .esab__icon svg {
  display: none;
}

.wp-block-esab-accordion .esab__head.esab__head_reverse .esab__heading_txt {
  margin-left: 0;
  margin-right: 0;
}

.wp-block-esab-accordion-child {
  border: none !important;
}

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

.esab__icon {
  display: none;
}

.esab__heading_txt {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0.8em 1em 0.8em 6px;
}

.esab__heading_txt::before {
  content: "+";
  font-size: 1.3rem;
  color: var(--ast-global-color-0);
  margin-top: -0.45em;
  width: 0.7em;
  height: 1.3em;
}

.esab__head[aria-expanded="true"] .esab__heading_txt::before {
  content: "-";
}

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

.uagb-buttons-repeater.wp-block-button__link,
.uagb-buttons-repeater.ast-outline-button {
  font-family: var(--mainfont);
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 1em 2.2em !important;
  transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
}

.uagb-buttons-repeater.ast-outline-button {
  border: 1px solid var(--ast-global-color-0);
}

.editor-styles-wrapper .uagb-buttons-repeater.wp-block-button__link {
  color: var(--ast-global-color-1) !important;
  border: 1px solid var(--ast-global-color-1) !important;
  line-height: 1.4 !important;
  transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
}

.uagb-buttons-repeater.wp-block-button__link:hover {
  color: #fff !important;
  background-color: var(--ast-global-color-1) !important;
  border-color: var(--ast-global-color-1) !important;
}

.uagb-buttons-repeater.ast-outline-button {
  border-width: 1px;
}

.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 (min-width: 1920px) {
  #einleitung {
    width: 1620px;
    margin-left: auto;
    margin-right: auto;
  }

  #sortiment .wp-block-uagb-container.sortiment-inner-wrapper {
    width: 1620px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 1650px) {
  #einleitung > .wp-block-uagb-container:first-child {
    width: 50%;
  }

  #einleitung > .wp-block-uagb-container:last-child {
    width: 45%;
  }

  #team {
    gap: 30px;
  }
}

@media (max-width: 1400px) {
  #marken .wp-block-uagb-image-gallery .spectra-image-gallery__control-arrows {
    display: none !important;
  }

  #marken .slick-dots {
    display: block !important;
  }

  .wp-block-uagb-slider.uagb-slider-container .swiper-button-prev,
  .wp-block-uagb-slider.uagb-slider-container .swiper-button-next {
    display: none;
  }

  #team {
    padding-top: 0;
  }

  #team > .wp-block-uagb-container {
    padding-top: var(--cont-space-282);
  }
}

@media (max-width: 1200px) {
  /**----------------- EINLEITUNG -------------*/
  #einleitung {
    align-items: flex-start;
  }

  /**----------------- SORTIMENT -------------*/
  #sortiment .wp-block-uagb-container.sortiment-inner-wrapper {
    align-items: flex-start;
  }

  /**----------------- HEADER VIDEO -------------*/
  .wp-block-uagb-container.cont-header-video .uagb-heading-text {
    font-size: clamp(55px, 6.5vw, 9.118rem);
  }
}

@media (max-width: 1024px) {
  #einleitung,
  #team .wp-block-uagb-container.cont-team-teaser,
  #sortiment .wp-block-uagb-container.sortiment-inner-wrapper,
  #routenfuehrung .wp-block-uagb-container.cont-routen-inner {
    flex-direction: column;
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /**----------------- EINLEITUNG -------------*/
  #einleitung {
    flex-direction: column-reverse;
  }

  #einleitung > .wp-block-uagb-container:first-child,
  #einleitung > .wp-block-uagb-container:last-child {
    width: 100%;
    max-width: 100%;
  }

  /**----------------- SORTIMENT -------------*/
  .wp-block-uagb-container.sortiment-inner-wrapper
    > .wp-block-uagb-container:last-child
    > * {
    max-width: 100%;
  }

  .wp-block-uagb-container.sortiment-inner-wrapper
    > .wp-block-uagb-container:first-child {
    width: 100%;
    padding-bottom: 0;
  }

  .wp-block-uagb-container.sortiment-inner-wrapper
    > .wp-block-uagb-container:last-child {
    max-width: 100%;
    width: 100%;
  }

  /**----------------- TEAM -------------*/
  #team .wp-block-uagb-container.cont-team-teaser {
    width: 100%;
    max-width: 100%;
    gap: 0 !important;
  }

  .wp-block-uagb-container.cont-team-teaser
    > .wp-block-uagb-container:first-child {
    width: 90vw;
    max-width: 100%;
    padding-top: 0;
  }

  .wp-block-uagb-container.cont-team-teaser
    > .wp-block-uagb-container:last-child {
    margin-top: -9.8em;
    margin-left: auto;
  }

  /**----------------- MITGLIEDSBETRIEBE -------------*/
  .wp-block-uagb-container.cont-flipboxen > .uagb-container-inner-blocks-wrap {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 990px) {
  #routenfuehrung {
    margin-bottom: 0;
  }

  /**----------------- EINLEITUNG -------------*/
  #einleitung {
    padding-top: min(10vw, 35px);
  }

  /**----------------- HEADER VIDEO -------------*/
  .icon-header-video {
    display: none;
  }

  /**----------------- KONTAKT -------------*/
  #kontakt {
    padding-top: var(--cont-space-374);
  }
}

@media (max-width: 768px) {
  .cont-team-slider.wp-block-uagb-container .uagb-ifb-image-content img {
    margin-bottom: -3px !important;
  }

  /**----------------- HEADER VIDEO -------------*/
  .wp-block-uagb-container.cont-header-video::after {
    height: 65.556%;
  }
}

@media (max-width: 576px) {
  .wp-block-uagb-container.uagb-is-root-container:not(#mitgliedsbetriebe)
    h3.uagb-heading-text {
    display: flex;
    flex-direction: column;
  }

  .uagb-buttons__wrap.uagb-buttons-layout-wrap {
    align-items: flex-start !important;
    justify-content: flex-start;
  }

  .uagb-popup-builder__container.uagb-popup-builder__container--popup {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  #einleitung {
    z-index: 9;
  }

  .wp-block-uagb-container.cont-header-video-einleitung {
    gap: 0;
  }

  .uagb-popup-builder__container.uagb-popup-builder__container--popup {
    padding: 7vw 3vw 3vw 3vw;
    max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }
  .wp-block-uagb-popup-builder button.uagb-popup-builder__close {
    right: 20px;
  }

  /**----------------- SORTIMENT -------------*/
  #sortiment {
    background-position: bottom left !important;
    background-size: 200% !important;
  }

  .wp-block-uagb-container.sortiment-inner-wrapper
    > .wp-block-uagb-container:last-child
    > .wp-block-list {
    width: 67% !important;
    margin-left: auto;
  }

  #sortiment
    .wp-block-uagb-image-gallery
    .spectra-image-gallery__control-arrows {
    display: none !important;
  }

  #sortiment .slick-dots {
    display: block !important;
    margin-bottom: 0 !important;
    bottom: 40px;
  }

  /**----------------- MARKEN -------------*/
  #marken .uagb-slick-carousel {
    padding: 26px 0;
  }

  /**----------------- TEAM -------------*/
  #team {
    margin-bottom: 65px;
  }

  #team > .wp-block-uagb-container {
    padding-top: 66px;
  }

  #team > .wp-block-uagb-container.cont-team-slider {
    padding-top: 0 !important;
  }

  /**----------------- MITGLIEDSBETRIEBE -------------*/
  #mitgliedsbetriebe {
    margin-bottom: 0 !important;
  }

  #mitgliedsbetriebe
    .wp-block-uagb-container.cont-flipboxen
    > .uagb-container-inner-blocks-wrap {
    display: block !important;
    margin-left: unset !important;
    margin-right: unset !important;
    max-width: 90vw !important;
  }
}

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

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