/** Shopify CDN: Minification failed

Line 537:2 "widht" is not a known CSS property
Line 794:0 Unexpected "}"

**/
/* Pages */
.pages-content {
  overflow: auto;
} 
/* *** */

/* PDP */
button.btn.btn-success.btn-lg.col-xs-12 {
    font-weight: 500!important;
}

/* *** */

li.sub-sub-link__spacing a {
    padding: 5px 0 !important;
}

input#checkout {
  width: 100%;
}

input#addToCart {
  text-transform: uppercase;
}

/* Header */
header.theme-header.stickynav.gridlock-fluid.header--sticky {
  background: white;
}

/* Tabs */
ul.product__tabs {
  display: flex;
}

li.product__tab-trigger {
  flex: 0 0 33%;
  text-align: center;
}

@media only screen and (max-width: 600px) {
  ul.product__tabs {
    display: flex;
    flex-wrap: wrap;
  }
  li.product__tab-trigger > a {
    display: block;
    padding: 6px !important;
    border-bottom: 1px solid var(--dotted-color) !important;
    font-weight: 300 !important;
    font-size: 13px !important;
    text-decoration: none;
    text-transform: uppercase;
    border-top: none !important;
  }
  li.product__tab-trigger {
    flex: 0 0 33%;
    text-align: center;
  }
}

/* PDP Heart Icon Gallery */
.wishlist-engine__gallery {
  position: absolute;
  z-index: 9;
}

@media only screen and (max-width: 768px) {
  .wishlist-engine__gallery {
     width: 5%;
    height: 5%;
  }
  
  .wishlist-engine-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 5%;
    height: 5%;
  }

  section.product__section.product-template.global__section.row.grid__wrapper {
    margin-top: 0;
  }
}

/* Cart Drawer */
.cart-drawer__title {
  font-size: 14px;
  text-transform: uppercase;
}

/* PDP Payment Icons */
.product__section--payment-icons.product__section--element svg {
  width: unset;
  height: 26px !important;
}

.product__section--payment-icons {
  justify-content: center;
  display: flex;
  gap: 5px;
  flex-direction: column;
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
}

.product__section--payment-icons-header {
  display: block;
  padding: 15px 0 10px;
  font-weight: 300 !important;
  font-size: 16px;
  text-decoration: none;
  border-top: none !important;
  margin-bottom: 0;
}

.product__section--text.product__section--element.rte p {
  font-size: 11px;
  color: grey;
}

.product__section--payment-icons.product__section--element {
  padding: 0px 0px 10px !important;
}

.product__section--payment-icons.product__section--element {
  justify-content: center;
  display: flex;
  gap: 5px;
}

/* */
.so.icn {
  display: none;
}

section#product-10163734544648 {
  margin-top: 0px;
}

section#product-10059688149256,
section#product-10056818458888 {
  margin-top: 0px;
}

nav.breadcrumbs.product__section.product-template.global__section.row {
  margin-left: 0;
}

svg[class*="menu-bars"] polygon {
  stroke-width: 0.5px !important;
}

@media only screen and (max-width: 600px) {
  a.header__icon.h-wishlist-icon.wishlist-page-widget {
    display: flex !important;
    align-items: center;
    margin-top: 4px;
  }
}

a.mobile-menu__cart-icon {
  font-weight: 200;
}

a.collection__sidebar-mobile-trigger.js-collection-side-toggle span {
  font-weight: 400;
  font-size: 14px;
}

.collection__page-sidebar ul li {
  padding: 5px 5px;
}

@media only screen and (max-width: 600px) {
  div#klaviyo-bis-modal {
    top: 25%;
    position: absolute;
  }
}

.size-box-dropdown.js-size-box-dropdown.mobile-only {
  width: 100%;
}

.product__section-images .zoom_btn svg {
  height: 12px;
  fill: var(--text-color) !important;
  color: black;
}

span.price__badge.price__badge--sale,
span.price__badge.price__badge--sold-out {
  display: none;
}

input#addToCart[disabled] {
  display: none;
}

.product__section--buttons:has(input[disabled]) {
  display: none;
}

.cart--container svg {
  color: #fff;
}

/* Crosssell */
button.btn.recomatic-atc-button.button.secondary-button {
  font-size: 11px !important;
  color: white !important;
  border: 1px solid black !important;
  background: black !important;
}

/* PDP */
@media only screen and (min-width: 992px) {
  section#product-9707572756744 {
    margin-left: 0;
    padding-left: 0;
  }
  .product__section.product-template.global__section.row.grid__wrapper,
  section#product-10163734544648,
  section#product-10059688149256 {
    margin-left: 0;
    padding-left: 0;
  }
}

/* Grundstil für ausverkaufte Größen */
.swatch-element.soldout label {
  color: #777;
  text-decoration: line-through;
  opacity: 1;
}

/* Optional: Hover-Zustand unterdrücken */
.swatch-element.soldout label:hover {
 /* background-color: #f0f0f0;*/
  color: #777;
}

/* Filter */
a#custom-filter-trigger {
  text-transform: uppercase;
}

.sidebar-filter.filter--regular ul,
.sidebar-filter.filter--color ul {
  max-height: unset !important;
  overflow: unset !important;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

li.custom-filter__item {
  border: 1px solid lightgrey;
  padding: 5px 7.5px;
  flex: 0 0 45%;
}

.sidebar-filter.filter--color ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

@media only screen and (min-width: 992px) {
  .collection__sidebar-block.sidebar-filter.filter--regular:first-of-type {
    flex: 0 0 25%;
  }

  .collection__sidebar-block.sidebar-filter.filter--regular:not(
      :first-of-type
    ) {
    flex: 0 0 40%;
  }
}

.collection__sidebar-block.sidebar-filter.filter--color {
  flex: 0 0 40%;
}

label.color-filter--label,
label.regular-filter--label {
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 400;
}

.sidebar-filter.filter--color .color-filter {
  min-width: unset !important;
  width: 10px !important;
  height: 10px !important;
}

li.custom-filter__item {
  border: 0.7px solid rgba(128, 128, 128, 0.3);
  padding: 6.5px 7.5px;
  flex: 0 0 45%;
}

.sidebar-filter.filter--color .color-filter {
  box-shadow: unset !important;
  border: 0.1px solid lightgrey;
}

/* Collection Page */
.product-card__title {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  align-items: baseline;
}

.product-price-listing__bottom-row {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

.flickity-progress {
  position: relative;
  width: 100%;
  height: 4px;
  background: #e0e0e0;
  margin-top: 12px;
  z-index: 10;
}

.flickity-progress-bar {
  height: 100%;
  width: 0%;
  background: black;
  transition: width 0.2s ease;
}

/* Testing */
.custom-dropdown {
  position: relative;
  width: 100%;
  margin-bottom: 1.5rem;
}

.custom-dropdown__toggle {
  width: 100%;
  padding: 1rem;
  background: black;
  color: white;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  text-align: left;
}

.custom-dropdown__menu {
  position: absolute;
  top: 100%;
  width: 100%;
  border: 1px solid #ddd;
  background: white;
  display: none;
  z-index: 100;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.custom-dropdown__menu.show {
  display: block;
}

.custom-dropdown__item {
  padding: 1rem;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.custom-dropdown__item:hover {
  background: #f9f9f9;
}

.custom-dropdown__item.unavailable {
  color: #999;
  cursor: default;
}

.size-request-btn {
  background: none;
  border: none;
  color: #000;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  cursor: pointer;
}

/* ### */
.product__model {
  font-weight: 100;
  color: gray;
  font-size: 15px;
  text-transform: uppercase;
}

@media only screen and (max-width: 600px) {
  .product-card__title h2,
  .product__model {
    font-size: 11.75px;
  }
}

.product__section-title {
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
  text-align: left !important;
  font-size: 30px;
  text-transform: uppercase;
}

/* Product Page */
.product__section--custom_liquid {
  margin-bottom: 0;
}

label.swatches__form--label:hover {
  background: no-repeat;
  color: black;
}

/* Collection Page */
.swatches__form--input:checked + .swatch-label {
  border: 2px solid #000 !important; /* oder deine Wunschfarbe */
}

.swatches__form--input:checked + .swatches__form--label {
  border-bottom: 1px solid #000 !important;
}

li.product__tab-trigger > a {
  display: block;
  padding: 15px;
  border-bottom: 1px solid var(--dotted-color) !important;
  font-weight: 300 !important;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  border-top: none !important;
}

#breadcrumb,
#breadcrumb a {
  color: var(--text-color);
  letter-spacing: 1px;
  text-align: left;
}

@media only screen and (max-width: 600px) {
  .product__section-breadcrumbs {
    display: none;
  }
}

.custom-filter-panel.is-open {
  display: block;
  position: absolute;
  background: #fff;
  z-index: 99;
}

/* Sale Badge Product Card */
.sale-item.sale-item--percentage.icn {
  display: none;
}

/* Wishlist Icon */
span.wishlist-h-count.wishlist-total-count {
  display: none;
}

/* PDP Details */
.product__section--header.product__section--element {
  margin-bottom: 0 !important;
}

/* Wishlist Icon */
a.header__icon.h-wishlist-icon.wishlist-page-widget {
  display: flex !important;
  align-items: center;
}

/* Collection Pages */
.product-info {
  text-transform: uppercase;
}

/* Wishlist Icon */
a.header__icon.h-wishlist-icon.wishlist-page-widget svg.icon {
  width: 16px;
  height: 16px;
  stroke-width: 2px;
}

/* Gallery */
button.flickity-button.flickity-prev-next-button.next,
button.flickity-button.flickity-prev-next-button.previous {
  background: transparent;
}

button.zoom_btn {
  background: transparent !important;
}

@media only screen and (max-width: 1100px) {
  .wishlist-engine__product-gallery {
    position: absolute;
    top: 15px;
    left: 10px;
    z-index: 9;
  }
}

.wishlist-engine__gallery svg {
  widht: 10px;
  height: 10px;
}

/* Navigation */
a.navigation__menulink.js-menu-link {
  font-size: 14px;
}

/* Collection Image Wishlist */
.wishlist-engine__collection-image {
  bottom: 0 !important;
  right: 0 !important;
  position: absolute;
}

.wishlist-engine.wishlist-engine__collection-image .wishlist-engine-button {
  background: none !important;
}

.wishlist-engine.wishlist-engine__collection-image svg {
  width: 12px;
  height: 12px;
}

/* Breadcrumbs */
section#product-10061726548232 {
  margin-top: 0;
  padding-top: 0;
}

/* Filter Collection Page */
@media only screen and (min-width: 992px) {
  .collection__sidebar-filters {
    display: flex;
    position: absolute;
    background: #fff;
    width: 99%;
    padding-right: 19px;
    padding-top: 5px;
    top: -8px;
  }

  .collection__sidebar-block.sidebar-filter.filter--regular {
    flex: 0 0 25%;
  }

  div#sidebar {
    display: flex;
    flex-direction: row;
  }

  .collection__sidebar-block {
    margin-bottom: 30px;
    width: 25%;
  }
  div#sidebar {
    display: none;
  }
  .custom-filter-link {
    position: relative;
    font-weight: 300;
    text-decoration: none;
    color: inherit;
    width: fit-content;
  }

  .custom-filter-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    background-color: currentColor;
    transition: width 0.3s ease;
  }

  .custom-filter-link:hover::after {
    width: 100%;
  }
}

/* PDP */
.mobile-only {
  display: block;
}
.desktop-only {
  display: none;
}

@media (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
  .desktop-only {
    display: block !important;
  }
}

.product__section-breadcrumbs {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 100;
  margin-bottom: 6px !important;
}


ul.shopping--cart_links {
    text-align: right;
    display: flex;
}

/* Footer */
input#email_01JW68AY1FPQ8ZC5Q2PSTQC3WD {
    padding: 0!Important;
}

img.needsclick.kl-private-reset-css-Xuajs1 {
    left: -15px!important;
    position: relative;
}
/* MINX: Slider-Pfeile auf Produktseite — dezent, editorial */
.carousel-main .flickity-prev-next-button {
  width: 28px;
  height: 28px;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.carousel-main .flickity-prev-next-button:hover {
  background: transparent;
  opacity: 0.6;
}

.carousel-main .flickity-prev-next-button:disabled {
  opacity: 0.15;
}

.carousel-main .flickity-prev-next-button.previous {
  left: 20px;
}

.carousel-main .flickity-prev-next-button.next {
  right: 20px;
}

.carousel-main .flickity-prev-next-button .flickity-button-icon {
  width: 50%;
  height: 50%;
  left: 20%;
  top: 20%;
  fill: #000;
}

.carousel-main .flickity-prev-next-button:focus {
  box-shadow: none;
  outline: none;
}
/* SVG-Icon von Flickity ausblenden */
.carousel-main .flickity-prev-next-button .flickity-button-icon {
  display: none;
}

/* Eigener dünner Chevron aus zwei Border-Linien */
.carousel-main .flickity-prev-next-button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform-origin: center;
}

.carousel-main .flickity-prev-next-button.next::before {
  transform: translate(-50%, -50%) rotate(45deg);
  margin-left: -3px;
}

.carousel-main .flickity-prev-next-button.previous::before {
  transform: translate(-50%, -50%) rotate(-135deg);
  margin-left: 3px;
}
/* ============================================================
   MINX: Mobiles Menü — volle Breite mit X-Icon oben rechts
   Datum: 2026-09-28
   Wirkung: nur auf Mobile (Bildschirm ≤ 767px)
   ============================================================ */


   
  /* -----------------------------------------------------------
     1. Menü-Container auf volle Viewport-Breite bringen
     ----------------------------------------------------------- */
  aside#slideout-mobile-navigation.slideout {
    --slideout-width: 100vw;
    width: 100vw !important;
    max-width: 100vw !important;
  }

  /* -----------------------------------------------------------
     2. Slide-in-Animation von links auf 100 vw anpassen
        (Standard: -450px bzw. -350px unter 740px Breite)
     ----------------------------------------------------------- */
  aside#slideout-mobile-navigation.slideout__drawer-left {
    transform: translateX(-100vw);
  }

  aside#slideout-mobile-navigation.slideout__drawer-left:popover-open {
    transform: translateX(0);

    @starting-style {
      transform: translateX(-100vw);
    }
  }

  .no-popover aside#slideout-mobile-navigation.slideout__drawer-left {
    transform: translateX(-100vw);
  }

  .no-popover aside#slideout-mobile-navigation.slideout__drawer-left.\:popover-open {
    transform: translateX(0);
  }

  /* -----------------------------------------------------------
     3. Close-Button (X-Icon) nach oben rechts verlagern
        Standard: sitzt oben links, weil das Menü von links kommt
     ----------------------------------------------------------- */
  .mobile-menu .slideout__trigger--close {
    position: absolute;
    top: 6px;
    right: 6px;
    left: auto;
    z-index: 5;
  }

  .mobile-menu .slideout__trigger--close .slideout__trigger-mobile-menu {
    padding: 12px !important;
    height: auto;
    line-height: 1;
  }

  /* -----------------------------------------------------------
     4. Inhaltspadding oben etwas erhöhen, damit die
        Menüpunkte nicht mit dem X kollidieren
     ----------------------------------------------------------- */
  .mobile-menu {
    padding-top: 12px;
  }

}
/* ============================================================
   ENDE: Mobiles Menü — volle Breite
   ============================================================ */