/** Shopify CDN: Minification failed

Line 21:6 Unexpected "{"
Line 21:15 Expected ":"
Line 21:22 Unexpected "{"
Line 26:6 Unexpected "{"
Line 26:15 Expected ":"
Line 36:6 Unexpected "{"
Line 36:15 Expected ":"
Line 41:6 Unexpected "{"
Line 41:15 Expected ":"
Line 49:6 Unexpected "{"
... and 42 more hidden warnings

**/
/* START_SECTION:usp-benefits (INDEX:52) */
/* =========================
   USP SECTION
   ========================= */

#USP-{{ section.id }} {
  background: var(--usp-bg);
  padding: 18px 16px;
}

#USP-{{ section.id }} .usp-benefits__container {
  width: 100%;
  max-width: var(--usp-max-width);
  margin: 0 auto;
}

/* =========================
   HEADER
   ========================= */

#USP-{{ section.id }} .usp-benefits__header {
  text-align: center;
  margin-bottom: 16px;
}

#USP-{{ section.id }} .usp-benefits__header h2 {
  margin: 0 0 5px;
  color: var(--usp-heading);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 600;
}

#USP-{{ section.id }} .usp-benefits__subheading {
  margin: 0;
  color: var(--usp-text);
  font-size: 13px;
  line-height: 1.4;
}

/* =========================
   BOX
   ========================= */

#USP-{{ section.id }} .usp-benefits__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
  background: var(--usp-card-bg);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 14px;
  overflow: hidden;
}

/* =========================
   EINZELNE VORTEILE
   ========================= */

#USP-{{ section.id }} .usp-benefit {
  position: relative;
  min-width: 0;
  text-align: center;
  padding: 24px 18px 26px;
}

/* Trennlinien Desktop */

#USP-{{ section.id }} .usp-benefit:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 16%;
  right: 0;
  width: 1px;
  height: 68%;
  background: rgba(0, 0, 0, 0.08);
}

/* =========================
   ICON
   ========================= */

#USP-{{ section.id }} .usp-benefit__icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#USP-{{ section.id }} .usp-benefit__icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* =========================
   TITEL
   ========================= */

#USP-{{ section.id }} .usp-benefit__title {
  margin: 0 0 7px;
  padding: 0;
  color: var(--usp-heading);
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
}

/* =========================
   BESCHREIBUNG
   ========================= */

#USP-{{ section.id }} .usp-benefit__text {
  margin: 0;
  color: var(--usp-text);
  font-size: 13px;
  line-height: 1.45;
}

/* =========================
   MOBILE
   ========================= */

@media screen and (max-width: 749px) {

  #USP-{{ section.id }} {
    padding: 8px 8px;
  }

  #USP-{{ section.id }} .usp-benefits__header {
    margin-bottom: 10px;
  }

  #USP-{{ section.id }} .usp-benefits__header h2 {
    font-size: 20px;
  }

  #USP-{{ section.id }} .usp-benefits__grid {
    display: block;
    border-radius: 12px;
  }

  #USP-{{ section.id }} .usp-benefit {
    padding: 18px 14px 20px;
  }

  /* Mobile Trennlinien */

  #USP-{{ section.id }} .usp-benefit:not(:last-child)::after {
    top: auto;
    right: 8%;
    bottom: 0;
    width: 84%;
    height: 1px;
  }

  #USP-{{ section.id }} .usp-benefit__icon {
    width: 48px;
    height: 48px;
    margin-bottom: 9px;
  }

  #USP-{{ section.id }} .usp-benefit__title {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 5px;
  }

  #USP-{{ section.id }} .usp-benefit__text {
    font-size: 13px;
    line-height: 1.45;
  }

}

/* =========================
   SEHR KLEINE HANDYS
   ========================= */

@media screen and (max-width: 380px) {

  #USP-{{ section.id }} .usp-benefit {
    padding: 16px 12px 18px;
  }

  #USP-{{ section.id }} .usp-benefit__icon {
    width: 44px;
    height: 44px;
  }

  #USP-{{ section.id }} .usp-benefit__title {
    font-size: 15px;
  }

  #USP-{{ section.id }} .usp-benefit__text {
    font-size: 12px;
  }

}
/* END_SECTION:usp-benefits */