/* ------------------------ ANCHOR Responsive Design ------------------------ */
/* Laptop + Tablet Ultra */
@media (max-width: 1400px) {
  .carousel-wrapper {
    .elementor-swiper-button-prev {
      right: 90px !important;
      top: -100px !important;
    }
    .elementor-swiper-button-next {
      right: 20px !important;
      top: -100px !important;
    }
  }
}

/* Tablet normal */
@media (max-width: 1024px) {
  .timeline .wpr-vertical {
    padding: 10px 10px 50px 10px !important;
  }
  .offcanvas ul li ul li a {
    background-color: #f6fdff !important;
  }

  /*Offset Slider*/
  .offset-slider {
    position: relative !important;
  }
  /* .offset-slider .swiper,
.offset-slider .e-n-carousel {
  overflow: visible!important; 
} */
  .offset-slider .e-n-carousel {
    width: calc(100%) !important;
  }
  .offset-slider.elementor-widget {
    margin-right: -0vw !important;
  }
}
/* Tablet normal */
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-widget-counter .elementor-counter-title {
    justify-content: end;
    text-align: end;
  }
  /*Product Filter*/
  .filter-overview {
    ul {
      grid-template-columns: repeat(3, 1fr) !important;
      margin: 15px 0 0 0 !important;
    }
  }
  .filter-overview ul.products {
    grid-column-gap: 20px !important;
    grid-row-gap: 20px !important;
  }

  .filter-overview .e-n-tabs-heading {
    margin-right: 10px !important;
  }
  /*Kundenslider*/
  .customer-slider {
    .elementor-swiper-button-prev,
    .elementor-swiper-button-next {
      width: 50px !important;
      height: 50px !important;
    }
  }
  .customer-slider .elementor-swiper-button-prev {
    left: auto !important;
    right: 132px !important;
    top: auto !important;
    bottom: -18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .customer-slider .elementor-swiper-button-next {
    left: auto !important;
    right: 122px !important;
    top: auto !important;
    bottom: -18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .customer-slider p {
    line-height: 1.4em !important;
  }
}

/* Tablet small */
@media (max-width: 767px) {
  .service-icon-boxen .elementor-icon-wrapper {
    height: 40px;
  }

  /* Counter */
  /* Alle Counter */
  .elementor-widget-counter .elementor-counter {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  /* Zahl*/
  .elementor-widget-counter .elementor-counter-number-wrapper {
    width: 90px;
    flex-shrink: 0;
  }
  /* Titel*/
  .elementor-widget-counter .elementor-counter-title {
    width: 175px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    flex: none !important;
  }

  .stars .elementor-widget-rating {
    margin-right: 195px !important;
  }

  /* Service Icon Boxen */
  .service-icon-boxen .elementor-heading-title {
    font-size: 15px;
    line-height: 1.4;
  }
  /*Product Filter*/
  .filter-overview {
    ul {
      grid-template-columns: repeat(2, 1fr) !important;
      margin: 10px 0 0 0 !important;
    }
  }
  .filter-overview ul.products {
    grid-column-gap: 10px !important;
    grid-row-gap: 10px !important;
  }

  .filter-overview .e-n-tabs-heading {
    margin-right: 10px !important;
  }
  /*Kundenslider*/
  .customer-slider {
    img {
      height: 95px !important;
    }
  }
  .customer-slider .elementor-swiper-button-prev {
    left: 35px !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .customer-slider .elementor-swiper-button-next {
    left: auto !important;
    right: -5px !important;
    top: 50% !important;
    bottom: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .customer-slider p {
    line-height: 1.4em !important;
  }
  .customer-slider {
    & .customer-quote {
      &::after {
        width: 1px !important;
      }
    }
  }
  .customer-slider {
    .elementor-swiper-button-prev,
    .elementor-swiper-button-next {
      width: 40px !important;
      height: 40px !important;
    }
  }

  /* Timeline */
  .timeline .wpr-timeline-centered.wpr-one-sided-timeline .wpr-icon {
    left: calc(12px / 2) !important;
  }
  .timeline .wpr-timeline-centered.wpr-one-sided-timeline .wpr-middle-line {
    left: calc(12px / 2) !important;
  }

  /* Kontaktformular */
  .kontaktformular .elementor-field-type-html {
    p {
      margin-bottom: 0 !important;
      margin-block-end: 0rem !important;
    }
  }
  .kontaktformular button.elementor-button {
    margin-top: 10px !important;
  }

  /*Home*/
  .contact-link .elementor-icon-list-text {
    padding-inline-start: 0px !important;
  }
  .counter-beratung .elementor-counter-number {
    margin-left: -15px !important;
  }
  /*Slider*/
  .carousel-wrapper {
    .elementor-swiper-button-prev {
      right: auto !important;
      left: 0px !important;
      top: 50% !important;
      width: 40px !important;
      height: 40px !important;
    }
    .elementor-swiper-button-next {
      right: 0 !important;
      left: auto !important;
      top: 50% !important;
      width: 40px !important;
      height: 40px !important;
    }
  }

  /*Produkt-Detailseite*/
  .single-product .flex-viewport {
    height: 100% !important;
  }
  .single-product .woocommerce-product-gallery .flex-direction-nav {
    top: calc(50%) !important;
  }

  .products.elementor-grid.elementor-grid.columns-4 {
    grid-column-gap: 10px !important;
    grid-row-gap: 10px !important;
  }
}

/* Mobile Big*/
@media (min-width: 451px) and (max-width: 767px) {
  .team-section .grid-wrapper {
    --e-con-grid-template-columns: repeat(2, 1fr) !important;
    --e-con-grid-template-rows: repeat(4, 1fr);
    --grid-auto-flow: row;
  }
}
/* Mobile */
@media (max-width: 450px) {
  .banner-icon {
    font-size: 14px !important;
    line-height: 1.4em !important;
  }
  /*Product Filter*/
  .filter-overview ul.products a.button {
    font-size: 14px !important;
    padding: 8px 16px !important;
  }
  /*Über uns - Team */
  .teammitglied img {
    object-position: 0 25% !important;
  }
  .word-break {
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
  }
  .single-product {
    & .vorteile-liste {
      ul {
        gap: 25px 10px;
        list-style: none;
      }
    }
  }
  .single-product {
    & .vorteile-liste {
      & ul {
        li {
          padding-left: 42px;
        }
      }
    }
  }
  .single-product {
    & .vorteile-liste {
      & ul {
        & li {
          &::before {
            height: 30px;
            width: 30px;
          }
        }
      }
    }
  }
  .elementor-grid-mobile-2 .elementor-grid h2 {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
  }
  .product-loop {
    h3.product_title {
      display: flex !important;
      height: auto !important;
      min-height: 90px !important;
      hyphens: auto !important;
    }
    .cart a.button {
      padding: 8px 10px 8px 10px;
    }
  }
}
/* ---------------------------- ANCHOR XXS Mobile --------------------------- */
@media (max-width: 340px) {
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
    hyphens: auto;
  }
  a {
    word-break: break-all;
  }
}
