html, body {
    max-width: 100%;
    overflow-x: hidden;
}/* ======= PINK → BLAU FIX ======= */

/* Buttons und Ränder */
button,
.btn,
a.btn,
.shop-button,
input,
select,
textarea {
  background-color: #0066ff !important;
  border-color: #0066ff !important;
  color: #ffffff !important;
}

/* Hover */
button:hover,
.btn:hover,
a.btn:hover,
.shop-button:hover {
  background-color: #0044cc !important;
  border-color: #0044cc !important;
}

/* ALLE typischen Pink-Farbwerte überschreiben */
[class*="blue"],
[style*="#0066FF"],
[style*="#0066FF"],
[style*="#0066FF"],
[style*="rgb(0, 102, 255)"] {
  color: #0066ff !important;
  background: #0066ff !important;
  border-color: #0066ff !important;
}
.row.products {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
@media (min-width: 1200px) {
    .row.products > [class*="col-"] {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
    .row.products > [class*="col-"] {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
  }