/** Shopify CDN: Minification failed

Line 388:0 Unexpected "}"

**/
/* SUSANNO Mobile Hero — Mobile First */
@media screen and (max-width: 749px) {
  .homepage-featured-content-box.slideshow-mobile-overlay-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 24px !important;
    min-height: 100% !important;
  }

  .homepage-featured-content-box .homepage-featured-content-box-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
  }

  .homepage-featured-content-box .slideshow-title-container {
    margin-bottom: 140px !important;
  }

  .homepage-featured-content-box .slide-buttons {
    margin-top: 80px !important;
  }

  .homepage-featured-content-box .slide-buttons .homepage-section-btn-container:last-child {
    display: none !important;
  }

  .homepage-featured-content-box-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    text-align: center !important;
  }

  .homepage-sections--title.homepage-section-title {
    margin-bottom: 4px !important;
  }

  .slide-buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 280px !important;
  }

  .slide-buttons .homepage-section-btn-container {
    width: 100% !important;
  }

  .slide-buttons .homepage-section-btn {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    padding: 12px 20px !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
  }

  /* Zweiter Button: outlined statt filled */
  .slide-buttons .homepage-section-btn-container:last-child .homepage-section-btn {
    background: transparent !important;
    border: 1.5px solid rgba(255, 255, 255, 0.7) !important;
    color: #fff !important;
  }
}

/* Preis prominenter */
#ProductPrice,
#ProductPrice .money,
.product-price-group .money {
  font-size: 26px !important;
  font-weight: 700 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #0F0F0F !important;
  letter-spacing: -0.02em !important;
}

@media (max-width: 768px) {
  #ProductPrice,
  #ProductPrice .money,
  .product-price-group .money {
    font-size: 24px !important;
  }
}

/* Breadcrumb dezenter */
#breadcrumbs {
  font-size: 11px !important;
  opacity: 0.5;
  margin-bottom: 4px !important;
}

#breadcrumbs:hover {
  opacity: 1;
}

/* Footer Mobile */
@media (max-width: 768px) {
  .footer-main--inner {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px 16px !important;
    padding: 32px 20px !important;
  }

  .footer-main .footer-header {
    font-size: 12px !important;
    letter-spacing: 0.1em !important;
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
  }

  .footer-main .links-footer,
  .footer-main .social-media-footer,
  .footer-main .content-footer {
    text-align: left !important;
    padding: 0 !important;
    border: none !important;
  }

  .footer-main .footer-content li a {
    font-size: 13px !important;
    line-height: 2 !important;
  }

  .footer-main .social-media-footer {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    padding-top: 16px !important;
  }

  .footer-main .social-media-footer .footer-header {
    margin-bottom: 0 !important;
    white-space: nowrap !important;
  }

  .footer-main .social-media-footer .social-icons {
    justify-content: flex-start !important;
  }

  .footer-bottom {
    padding: 16px 20px !important;
  }
}

/* Collection-Seite Mobile */
@media (max-width: 768px) {
  /* Breadcrumb links, dezenter */
  .collection-header__text--position-mobile-center .collection-header__breadcrumbs,
  .collection-header__breadcrumbs {
    text-align: left !important;
  }

  .collection-header__breadcrumbs #breadcrumbs {
    font-size: 10px !important;
    opacity: 0.35 !important;
    margin-bottom: 2px !important;
    text-align: left !important;
  }

  .collection-header__breadcrumbs #breadcrumbs a,
  .collection-header__breadcrumbs #breadcrumbs span {
    text-align: left !important;
  }

  /* Filter-Button dezenter */
  .mobile-facets__open {
    font-size: 12px !important;
    padding: 10px 20px !important;
    letter-spacing: 0.05em !important;
    background: #F4F1EC !important;
    color: #4A4540 !important;
    border: 1px solid #DDD6CC !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
  }

  /* Collection Header weniger Whitespace */
  [data-wetheme-section-type="collection-header"] {
    --margin-section-top: 0px !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  [data-wetheme-section-type="collection-header"] .wrapper-spacing--v {
    padding-top: 0 !important;
  }

  .collection-header .collection-header__text-content {
    padding-top: 4px !important;
  }

  .collection-header__caption-transparent-bg {
    padding-top: 0 !important;
  }

  /* Collection Titel kleiner */
  .collection-header__heading h1 {
    font-size: 24px !important;
    margin-bottom: 8px !important;
  }

  /* Beschreibung kompakter */
  .collection-header__description {
    font-size: 14px !important;
    margin-bottom: 8px !important;
  }

  /* FAQ Text + Heading links */
  .accordion-faq .section-title--wrapper,
  .accordion-faq .section-title,
  .accordion-faq .section-description {
    text-align: left !important;
  }

  .accordion-faq .section-description {
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: #6B6560 !important;
  }

  .accordion-faq .section-title {
    font-size: 22px !important;
  }
}

/* Mobile Navigation — Karten mit Bildern */
@media (max-width: 768px) {
  /* Menü: Brand-Farben + Linien unsichtbar über CSS Variable */
  #NavDrawer,
  .drawer--left {
    --menu-drawer-color: #FAFAF8 !important;
    --menu-drawer-border-color: transparent !important;
    --menu-drawer-text-color: #0F0F0F !important;
    background-color: #FAFAF8 !important;
  }

  /* Pseudo-Element Borders entfernen */
  .mobile-nav__item:after,
  .mobile-nav.locale--mobile:after,
  .mobile-nav__logo-title--inner {
    border-bottom-color: transparent !important;
    border-color: transparent !important;
  }

  .drawer--left {
    border-right-color: transparent !important;
  }

  /* Alle Top-Level Items: gleiche Größe */
  .mobile-nav__item.top-level {
    border: none !important;
    margin-bottom: 6px !important;
    padding: 0 !important;
  }

  /* Karte: gleich für alle — mit und ohne Submenü */
  .mobile-nav__item.top-level > .mobile-nav__has-sublist,
  .mobile-nav__item.top-level > a.mobile-nav__link {
    background: #F4F1EC !important;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  /* Der Link selbst: Bild + Text nebeneinander */
  .mobile-nav__link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Bild */
  .mobile-nav__img {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
  }

  /* Text */
  .mobile-nav__link-text {
    flex: 1;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
  }

  /* Chevron-Toggle kleiner, an den rechten Rand */
  .mobile-nav__toggle {
    padding: 0 !important;
    margin: 0 !important;
  }

  .mobile-nav__toggle button {
    padding: 4px !important;
  }

  /* Submenü: eigene Karten-Optik, gleicher Stil aber leichter */
  .mobile-nav__sublist {
    padding: 4px 0 0 0 !important;
    margin: 0 !important;
    border: none !important;
  }

  .mobile-nav__sublist > .mobile-nav__item {
    border: none !important;
    margin-bottom: 4px !important;
    padding: 0 !important;
  }

  .mobile-nav__sublist > .mobile-nav__item > a.mobile-nav__link,
  .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist {
    background: #F9F7F4 !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
  }

  .mobile-nav__sublist .mobile-nav__link {
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }

  /* Submenü Bilder verstecken */
  .mobile-nav__sublist .mobile-nav__img {
    display: none;
  }
}

  /* Footer-Bereich im Menü: Deutsch + Anmelden */
  .mobile-nav--footer,
  .mobile-nav--footer * {
    --menu-drawer-border-color: transparent !important;
    --menu-drawer-color: #FAFAF8 !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }

  .mobile-nav--footer {
    background-color: #FAFAF8 !important;
  }

  .mobile-nav--footer .locale--mobile,
  .mobile-nav--footer .nav--meta {
    background-color: #F4F1EC !important;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    margin-bottom: 6px !important;
  }

  .mobile-nav--footer .nav--meta .mobile-nav__item {
    background-color: transparent !important;
  }

  .mobile-nav--footer a,
  .mobile-nav--footer span,
  .mobile-nav--footer select,
  .mobile-nav--footer button,
  .mobile-nav--footer .disclosure__toggle {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #0F0F0F !important;
  }
}

@media (min-width: 769px) {
  .mobile-nav__img {
    display: none;
  }
}

/* Desktop: zweiter Button auch outlined */
.slide-buttons .homepage-section-btn-container:last-child .homepage-section-btn {
  background: transparent !important;
  border: 1.5px solid rgba(255, 255, 255, 0.7) !important;
  color: #fff !important;
}