/** Shopify CDN: Minification failed

Line 247:0 Unexpected "/"

**/
/* Griff-Zoom auf Mobilgeräten deaktivieren */
@media (max-width: 749px) {
  .grip-item,
  .grip-thumb {
    pointer-events: none !important;
    cursor: default !important;
  }
}
/* Videokurs-Popup: Text lesbarer machen */
.videokurs-popup,
.videokurs-popup p,
.videokurs-popup span,
.videokurs-popup div {
    color: #e5e7eb !important;  /* helles Grau, sehr gut lesbar */
}

/* --- Videokurs-Popup wirklich lesbar machen --- */

.kurs-popup,
.kurs-popup p,
.kurs-popup span,
.kurs-popup div,
.kurs-step-text,
.kurs-step-text p,
.kurs-step-text span {
    color: #e5e7eb !important; /* helles, gut lesbares Grau */
}

/* Wenn du lieber Weiß willst, nimm diesen Block statt oben:

.kurs-popup,
.kurs-popup * {
    color: #ffffff !important;
}

*/
/* Videokurs-Popup: gut lesbares Hellgrau */
#videokurs-popup,
#videokurs-popup p,
#videokurs-popup span,
#videokurs-popup div {
  color: #d1d5db !important;
}
/* Videokurs Popup – Textfarbe lesbar machen */
.kurs-popup,
.kurs-popup p,
.kurs-popup span,
.kurs-popup li,
.kurs-popup div {
  color: #d1d5db !important;   /* gut lesbar */
}

/* Falls du reinweiß willst: */
/*
.kurs-popup,
.kurs-popup p,
.kurs-popup span,
.kurs-popup li,
.kurs-popup div {
  color: #ffffff !important;
}
*/
/* Videokurs-Popup – finale Textfarbe */
[role="dialog"] p,
[role="dialog"] li {
  color:#111111 !important;   /* reinweiß, maximal lesbar */
}
.kurs-step-text {
  color: #111111 !important;
}
.kurs-step-text,
.kurs-step-text p,
.kurs-step-text li {
  color:#111111 !important;
}
.kurs-step-text {
  color: #111111 !important;
}
/* --- Videokurs-Popup lesbar machen --- */

.kurs-popup,
.kurs-popup p,
.kurs-popup span,
.kurs-popup div,
.kurs-step-text,
.kurs-step-text p,
.kurs-step-text span {
    color:rgb(16, 16, 16) !important; /* helles, gut lesbares Grau */
}

/* Falls du lieber Weiß willst:
.kurs-popup,
.kurs-popup * {
    color:rgb(22, 21, 21) !important;
}
*/
/* Videokurs-Karten: Fließtext wirklich dunkel machen */
.kurs-step-text,
.kurs-step-text * {
  color: #111111 !important;  /* fast schwarz, sehr gut lesbar */
}
/* =========================================================
   SICHERHEITSSCHIRM – MOBILE GRIFF-AUSWAHL SAUBER
   Nur aktiv, wenn JS die Griffauswahl markiert hat
========================================================= */

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

  .ss-grip-fieldset {
    display: block !important;
  }

  .ss-grip-fieldset legend {
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  .ss-grip-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
  }

  .ss-grip-grid input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .ss-grip-grid input[type="radio"] + label {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;

    min-height: 50px !important;
    padding: 6px 3px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    white-space: normal !important;
    line-height: 1.1 !important;
    font-size: 10.5px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .ss-grip-grid input[type="radio"] + label .ss-grip-name {
    display: block !important;
    font-size: 10.5px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
  }

  .ss-grip-grid input[type="radio"] + label .ss-grip-price {
    display: block !important;
    margin-top: 2px !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    opacity: 0.95 !important;
  }

  .ss-premium-heading {
    grid-column: 1 / -1 !important;
    margin: 10px 0 2px !important;
    padding-top: 6px !important;
    border-top: 1px solid rgba(212, 169, 79, 0.35) !important;

    color: #d4a94f !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }

  .ss-grip-grid input[type="radio"] + label.ss-premium-grip {
    border-color: rgba(212, 169, 79, 0.9) !important;
    box-shadow: inset 0 0 0 999px rgba(212, 169, 79, 0.05) !important;
  }

  .ss-grip-grid input[type="radio"]:checked + label.ss-premium-grip {
    box-shadow: inset 0 0 0 999px rgba(212, 169, 79, 0.18) !important;
  }
}
/* =========================================================
   SICHERHEITSSCHIRM – MOBILE GRIFF-BUTTONS KOMPAKTER
   Ziel: Griffauswahl auf Smartphones übersichtlicher,
   möglichst 3 Buttons pro Reihe.
   Keine Icons, keine Badges, keine Script-Eingriffe.
========================================================= */

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

  /* Nur das erste Variantenfeld = Griff & Holz */
  .product__info-container fieldset.product-form__input:first-of-type {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
  }

  .product__info-container fieldset.product-form__input:first-of-type legend {
    width: 100% !important;
    margin-bottom: 6px !important;
  }

  .product__info-container fieldset.product-form__input:first-of-type input[type="radio"] + label {
    width: calc(33.333% - 5px) !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;

    min-height: 46px !important;
    padding: 6px 4px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    white-space: normal !important;
    line-height: 1.1 !important;
    font-size: 10.5px !important;
    box-sizing: border-box !important;
  }

  /* Preis im Button kleiner darstellen */
  .product__info-container fieldset.product-form__input:first-of-type input[type="radio"] + label span,
  .product__info-container fieldset.product-form__input:first-of-type input[type="radio"] + label small {
    display: block !important;
    font-size: 9px !important;
    line-height: 1.05 !important;
    margin-top: 2px !important;
  }
}
/
/* =========================================================
   MOBIL: GRIFF & HOLZ ERKLÄRT BUTTON AUSBLENDEN
========================================================= */

@media screen and (max-width: 749px) {
  .ss-hide-grip-button-mobile {
    display: none !important;
  }
}