/** Shopify CDN: Minification failed

Line 45:0 Unexpected ".15prozent-badge"
Line 62:0 Unexpected ".15prozent-badge"
Line 69:0 Unexpected ".15prozent-badge__circle"
Line 79:0 Unexpected ".15prozent-badge__label"
Line 90:0 Unexpected ".15prozent-badge__tooltip"
Line 115:0 Unexpected ".15prozent-badge"
Line 121:21 Unexpected ".15prozent-badge__label"
Line 126:32 Unexpected ".15prozent-badge__label"
Line 131:32 Unexpected ".15prozent-badge__label"
Line 136:24 Unexpected ".15prozent-badge__label"
... and 9 more hidden warnings

**/
/* AUSZEICHNUNGEN — 2026 Premium Farb-System */
.fifteen-badges {
  margin: 20px 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
}
.fifteen-badges__title {
  font-size: 10px;
  letter-spacing: 0.12em;
  font-weight: 600;
  color: #aeaeb2;
  text-transform: uppercase;
  margin-bottom: 10px;
}

/* Grid — 4 Spalten, alle gleich groß */
.fifteen-badges__grid,
.fifteen-badges {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
}
@media (max-width: 480px) {
  .fifteen-badges__grid,
  .fifteen-badges { grid-template-columns: repeat(3, 1fr) !important; }
}

/* Jedes Badge-Item */
.fifteen-badges__item,
.15prozent-badge {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 6px !important;
  padding: 12px 8px 10px !important;
  border-radius: 14px !important;
  border: 1.5px solid transparent !important;
  position: relative !important;
  cursor: default !important;
  transition: transform 0.18s cubic-bezier(.34,1.4,.64,1), box-shadow 0.18s !important;
  min-height: 80px !important;
  background: #f5f5f7 !important; /* Fallback */
}
.fifteen-badges__item:hover,
.15prozent-badge:hover {
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.1) !important;
}

/* Bilder — einheitlich 32×32 */
.fifteen-badges__item img,
.15prozent-badge__circle img,
.15prozent-badge img {
  width: 32px !important;
  height: 32px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Labels */
.fifteen-badges__label,
.15prozent-badge__label {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

/* Tooltip */
.fifteen-badges__tooltip,
.15prozent-badge__tooltip {
  position: absolute !important;
  bottom: calc(100% + 6px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: rgba(28,28,30,0.92) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: #fff !important;
  font-size: 11px !important;
  padding: 7px 11px !important;
  border-radius: 10px !important;
  white-space: nowrap !important;
  max-width: 200px !important;
  white-space: normal !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity 0.15s !important;
  z-index: 100 !important;
  text-align: center !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}
.fifteen-badges__item:hover .fifteen-badges__tooltip,
.fifteen-badges__item:focus .fifteen-badges__tooltip,
.15prozent-badge:hover .15prozent-badge__tooltip,
.15prozent-badge:focus .15prozent-badge__tooltip { opacity: 1 !important; }

/* ── FARBEN pro Badge ──────────────────────────────────────── */
[data-badge="vegan"]             { background: #e8f5e9 !important; border-color: #a5d6a7 !important; }
[data-badge="vegan"] .fifteen-badges__label,
[data-badge="vegan"] .15prozent-badge__label { color: #2e7d32 !important; }
[data-badge="vegan"] img { filter: hue-rotate(90deg) saturate(1.4) !important; }

[data-badge="bio_zertifiziert"]  { background: #f1f8e9 !important; border-color: #c5e1a5 !important; }
[data-badge="bio_zertifiziert"] .fifteen-badges__label,
[data-badge="bio_zertifiziert"] .15prozent-badge__label { color: #33691e !important; }
[data-badge="bio_zertifiziert"] img { filter: hue-rotate(80deg) saturate(1.3) !important; }

[data-badge="lab_zertifiziert"] { background: #e3f2fd !important; border-color: #90caf9 !important; }
[data-badge="lab_zertifiziert"] .fifteen-badges__label,
[data-badge="lab_zertifiziert"] .15prozent-badge__label { color: #1565c0 !important; }
[data-badge="lab_zertifiziert"] img { filter: hue-rotate(200deg) saturate(1.2) !important; }

[data-badge="thc_frei"]         { background: #e0f7fa !important; border-color: #80deea !important; }
[data-badge="thc_frei"] .fifteen-badges__label,
[data-badge="thc_frei"] .15prozent-badge__label { color: #00697a !important; }
[data-badge="thc_frei"] img { filter: hue-rotate(170deg) saturate(1.3) !important; }

[data-badge="klima_neutral"]    { background: #e8f4fd !important; border-color: #90caf9 !important; }
[data-badge="klima_neutral"] .fifteen-badges__label,
[data-badge="klima_neutral"] .15prozent-badge__label { color: #0d47a1 !important; }
[data-badge="klima_neutral"] img { filter: hue-rotate(210deg) saturate(1.1) !important; }

[data-badge="made_in_germany"]  { background: #fffde7 !important; border-color: #ffe082 !important; }
[data-badge="made_in_germany"] .fifteen-badges__label,
[data-badge="made_in_germany"] .15prozent-badge__label { color: #e65100 !important; }
[data-badge="made_in_germany"] img { filter: sepia(0.6) hue-rotate(-10deg) saturate(1.4) !important; }

[data-badge="glutenfrei"]       { background: #fff8e1 !important; border-color: #ffcc80 !important; }
[data-badge="glutenfrei"] .fifteen-badges__label,
[data-badge="glutenfrei"] .15prozent-badge__label { color: #bf360c !important; }
[data-badge="glutenfrei"] img { filter: sepia(0.5) saturate(1.3) !important; }

[data-badge="ohne_tierversuche"] { background: #fce4ec !important; border-color: #f48fb1 !important; }
[data-badge="ohne_tierversuche"] .fifteen-badges__label,
[data-badge="ohne_tierversuche"] .15prozent-badge__label { color: #880e4f !important; }
[data-badge="ohne_tierversuche"] img { filter: hue-rotate(300deg) saturate(1.3) !important; }

[data-badge="plastik_reduziert"] { background: #e8eaf6 !important; border-color: #9fa8da !important; }
[data-badge="plastik_reduziert"] .fifteen-badges__label,
[data-badge="plastik_reduziert"] .15prozent-badge__label { color: #283593 !important; }
[data-badge="plastik_reduziert"] img { filter: hue-rotate(230deg) saturate(1.2) !important; }

[data-badge="recyclebar"]       { background: #e0f2f1 !important; border-color: #80cbc4 !important; }
[data-badge="recyclebar"] .fifteen-badges__label,
[data-badge="recyclebar"] .15prozent-badge__label { color: #004d40 !important; }
[data-badge="recyclebar"] img { filter: hue-rotate(150deg) saturate(1.3) !important; }

[data-badge="15prozent_audit"]  { background: #ede7f6 !important; border-color: #b39ddb !important; }
[data-badge="15prozent_audit"] .fifteen-badges__label,
[data-badge="15prozent_audit"] .15prozent-badge__label { color: #4527a0 !important; }
[data-badge="15prozent_audit"] img { filter: hue-rotate(250deg) saturate(1.2) !important; }

[data-badge="15prozent_top_marge"] { background: #fff8e1 !important; border-color: #ffd54f !important; }
[data-badge="15prozent_top_marge"] .fifteen-badges__label,
[data-badge="15prozent_top_marge"] .15prozent-badge__label { color: #e65100 !important; }
[data-badge="15prozent_top_marge"] img { filter: sepia(1) hue-rotate(5deg) saturate(2) !important; }

/* Hide old circle wrapper if present */
.15prozent-badge__circle {
  background: transparent !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
}