/**
**Diese file ist für alle anpassungen betreffend spectra container
**und wenn nicht extra angegeben für die Elemente darin
*/

/**Container Bilder Rechts/Links (.cont-img-left , .cont-img-right)*/

.wp-block-uagb-container .wp-block-uagb-image .wp-block-uagb-image__figure img {
  height: auto;
}

.cont-img-left .wp-block-uagb-container:first-child .wp-block-uagb-image,
.cont-img-right .wp-block-uagb-container:last-child .wp-block-uagb-image,
.cont-img-left .wp-block-uagb-container:first-child .wp-block-uagb-image *,
.cont-img-right .wp-block-uagb-container:last-child .wp-block-uagb-image * {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}

/**Container Text Schmal (.cont-text-schaml)*/

.wp-block-uagb-container.cont-img-left.cont-text-schaml
  > .wp-block-uagb-container:last-child {
  padding: var(--gap-xl) 0;
}

.wp-block-uagb-container.cont-img-right.cont-text-schaml
  > .wp-block-uagb-container:first-child {
  padding: var(--gap-xl) 0;
}

.wp-block-uagb-container.cont-img-left.cont-text-schaml
  > .wp-block-uagb-container:last-child
  > *,
.wp-block-uagb-container.cont-img-right.cont-text-schaml
  > .wp-block-uagb-container:first-child
  > * {
  max-width: 404px !important;
}

/**Container Bilder/links SLider (.cont-img-link-slider)*/

/**Slider (extends swiper-general.css)*/

.cont-img-link-slider .swiper-button-prev,
.cont-img-link-slider .swiper-button-next {
  opacity: 0;
}

.cont-img-link-slider .swiper-pagination {
  display: none;
}

.cont-img-link-slider:hover .swiper-button-prev,
.cont-img-link-slider:hover .swiper-button-next {
  opacity: 1;
}

.cont-img-link-slider .swiper-button-prev {
  left: 25px !important;
}

.cont-img-link-slider .swiper-button-next {
  right: 25px !important;
}

/**Kacheln/Bilder*/

.wp-block-uagb-container.cont-img-link-slider .wp-block-uagb-image__figure {
  position: relative;
}

.wp-block-uagb-container.cont-img-link-slider
  .wp-block-uagb-image__figure::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 29.6%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  bottom: 0;
  z-index: 10;
}

.wp-block-uagb-container.cont-img-link-slider .uagb-image-caption {
  position: absolute;
  color: #fff;
  margin: 0 !important;
  bottom: var(--gap-m);
  font-family: var(--headlinefont);
  text-transform: uppercase;
  font-size: var(--h5-font-size);
  letter-spacing: 0.05em;
  padding: 0 var(--gap-m);
  z-index: 20;
}

/**Container mit Hintergrund allgemein (.cont-bg-{farbe})*/

.wp-block-uagb-container.cont-bg-white {
  background-color: var(--ast-global-color-0);
}

/**Container ohne Abstand unten*/

.wp-block-uagb-container.cont-not-bottom {
  margin-bottom: 0 !important;
}

.wp-block-uagb-container.cont-not-bottom
  + div:not(.wp-block-uagb-container.cont-not-bottom) {
  padding-top: var(--cont-gap);
}

/*.cont-img-cstm-slider.cont-img-left.cont-not-bottom.cont-bg-white*/

/**Container mit Custom Taxonomy Slider Block (.cont-img-cstm-slider)*/

.imp-custom-tax-product-slider {
  margin: calc(var(--gap-xl) - 25px) 0;
}

.wp-block-uagb-container.cont-img-cstm-slider > .wp-block-uagb-container {
  gap: 25px;
}

.wp-block-uagb-container.cont-img-cstm-slider.cont-img-left
  > .wp-block-uagb-container:last-child {
  padding: var(--gap-xl) 0;
}

.imp-custom-tax-product-slider p {
  color: var(--ast-global-color-3);
  font-size: var(--h5-font-size);
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: var(--headlinefont);
}

/**Slider*/

.cont-img-cstm-slider .swiper-pagination {
  display: none;
}

.cont-img-cstm-slider .swiper-button-prev,
.cont-img-cstm-slider .swiper-button-next {
  opacity: 0 !important;
}

.cont-img-cstm-slider:hover .swiper-button-prev,
.cont-img-cstm-slider:hover .swiper-button-next {
  opacity: 1 !important;
}

.cont-img-cstm-slider .swiper-button-prev {
  left: 17% !important;
}

.cont-img-cstm-slider .swiper-button-next {
  right: 17% !important;
}

.cont-img-cstm-slider .swiper-button-prev::before,
.cont-img-cstm-slider .swiper-button-next::before {
  --my-size: 1rem;
}

/**Slide*/

.cont-img-cstm-slider a {
  text-decoration: none !important;
  gap: var(--gap-s);
  display: flex;
  flex-direction: column;
}

.cont-img-cstm-slider a * {
  text-align: center;
}

.cont-img-cstm-slider .price {
  display: block;
  text-align: center;
  line-height: 1.5;
  margin-top: var(--gap-s);
  color: #000;
  letter-spacing: 0.07em;
  font-size: var(--base-font-size-small);
}

.cont-img-cstm-slider .price * {
  color: #000;
}

/**Container mit Bestseller Grid Block (.cont-img-cstm-grid)*/

.imp-bestseller-product-grid .products.columns-4 {
  --grid-column-gap: 20px;
  --grid-row-gap: 50px;
  display: grid;
  grid-template-columns: repeat(2, calc(50% - (var(--grid-column-gap) / 2)));
  gap: var(--grid-column-gap) var(--grid-row-gap);
  max-width: 576px;
  width: 90%;
  margin: 0 auto;
}

.cont-img-cstm-grid .wc-gzd-additional-info {
  display: none;
}

.cont-img-cstm-grid .button.product_type_simple.add_to_cart_button {
  display: none;
}

/**Container CTA (.cont-img-cstm-grid)*/

.wp-block-uagb-container.cont-cta:not(.cont-cta-kontakt) * {
  color: #fff !important;
}

.wp-block-uagb-container.cont-cta > .uagb-container-inner-blocks-wrap {
  gap: var(--gap-l) !important;
}

.wp-block-uagb-container.cont-cta
  > .uagb-container-inner-blocks-wrap
  > .wp-block-uagb-container {
  gap: var(--gap-s);
}

.wp-block-uagb-container.cont-cta .wp-block-uagb-image__figure {
  border: 15px solid #fff;
}

.wp-block-uagb-container.cont-cta
  .uagb-button__wrapper
  > .uagb-buttons-repeater::after {
  background-color: #fff;
}

.wp-block-uagb-container.cont-cta.cont-cta-kontakt
  figure.wp-block-uagb-image__figure {
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
}

/**Container APPOINTMENT (.cont-appoint)*/
.wp-block-uagb-container.cont-appoint {
  margin-bottom: var(--gap-xxl) !important;
  gap: 0 !important;
}

.wp-block-uagb-container.cont-appoint > *:not(:last-child) {
  margin-bottom: var(--gap-xl) !important;
}

.wp-block-uagb-container.cont-appoint
  .wp-block-uagb-advanced-heading:nth-child(3) {
  margin-bottom: var(--gap-l) !important;
}

.wp-block-uagb-container.cont-appoint h4.uagb-heading-text {
  color: var(--ast-global-color-3);
  background-color: var(--ast-global-color-0);
  padding: 0.9em;
}

/**Container Paper Grid (.paper-grid)*/
#main .wp-block-uagb-container.paper-grid.uagb-layout-grid {
  margin-bottom: var(--gap-2xl) !important;
}

.wp-block-uagb-container.paper-grid-item {
  justify-content: flex-start;
  padding-bottom: var(--gap-m);
}

.wp-block-uagb-container.paper-grid-item {
  justify-content: flex-start;
  background-color: var(--ast-global-color-0);
}

.wp-block-uagb-container.paper-grid-item > *:not(.wp-block-uagb-image) {
  padding: 0 var(--gap-m);
}

.wp-block-uagb-container.paper-weight-grid * {
  font-size: var(--base-font-size-small);
  letter-spacing: 0.07em;
}

.wp-block-uagb-container.paper-weight-grid {
  gap: var(--gap-s) !important;
}

.wp-block-uagb-container.paper-weight-grid .uagb-heading-text {
  display: flex;
  align-items: center;
  gap: 5px;
}

.wp-block-uagb-container.paper-weight-grid .uagb-heading-text:before {
  content: "";
  display: block;
  --my-size: 1.3em;
  width: var(--my-size);
  height: calc(var(--my-size) * 1.1);
  background: rgba(217, 217, 217, 0.5);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: -0.2em;
}

.wp-block-uagb-container.paper-weight-grid
  .icon-thin
  .uagb-heading-text:before {
  background-image: url(../../../img/filter-paper-weight/thin.svg);
}

.wp-block-uagb-container.paper-weight-grid
  .icon-light
  .uagb-heading-text:before {
  background-image: url(../../../img/filter-paper-weight/light.svg);
}

.wp-block-uagb-container.paper-weight-grid
  .icon-medium
  .uagb-heading-text:before {
  background-image: url(../../../img/filter-paper-weight/medium.svg);
}

.wp-block-uagb-container.paper-weight-grid
  .icon-bold
  .uagb-heading-text:before {
  background-image: url(../../../img/filter-paper-weight/bold.svg);
}

.wp-block-uagb-container.paper-weight-grid
  .icon-bolder
  .uagb-heading-text:before {
  background-image: url(../../../img/filter-paper-weight/bolder.svg);
}

/**Container Bild Text Kelin (.cont-img-right-small)*/
.wp-block-uagb-container.cont-img-right-small {
  background-color: var(--ast-global-color-0);
  gap: 0;
}

.wp-block-uagb-container.cont-img-right-small
  .wp-block-uagb-container:last-child {
  padding-left: var(--gap-xl) !important;
}

.wp-block-uagb-container.cont-img-cstm-grid
  > .wp-block-uagb-container:first-of-type {
  padding-top: var(--gap-m);
}

@media (max-width: 1400px) {
  .imp-bestseller-product-grid .products.columns-4 {
    --grid-row-gap: 20px;
  }
}

@media (max-width: 767px) {
  .wp-block-uagb-container.cont-img-right-small
    .wp-block-uagb-container:last-child {
    padding: var(--gap-xl) !important;
    text-align: center;
  }
  .wp-block-uagb-container.cont-img-link-slider .wp-block-uagb-image__figure {
    aspect-ratio: 1 / 1;
  }

  .wp-block-uagb-container.cont-img-link-slider
    .wp-block-uagb-image__figure
    img {
    height: 100%;
  }
}

@media (max-width: 576px) {
  .imp-bestseller-product-grid .products.columns-4 {
    /*margin-left: 0 !important;
        margin-right: 0 !important;*/
    justify-self: center;
    padding-left: 0 !important;
  }

  .wp-block-uagb-container.cont-img-left:not(.cont-img-cstm-slider) p,
  .wp-block-uagb-container.cont-img-right .wp-block-uagb-container:first-child,
  .wp-block-uagb-container.cont-cta .wp-block-uagb-container {
    width: 90vw !important;
  }

  .wp-block-uagb-container.cont-img-right
    .wp-block-uagb-container:first-child
    * {
    text-align: center;
  }
}

@media (max-width: 1025px) {
  #backgroud-video.swiper-slider-visible .background-video-wrapper-inner::after,
  #backgroud-video.small .background-video-wrapper-inner::after {
    backdrop-filter: none;
  }

  #wc-slider-section:has(.wc-cat-header-swiper) {
    display: none;
  }
  .page-id-11340 #primary {
    margin-top: var(--gap-xl) !important;
  }
}