/* Fix: Verhinderung eines weißen Streifens beim horizontalen Overscroll auf dem Handy */
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    Breite: 100%;
    Hintergrund: #fff;
  }

  /* Hilft gegen 'scroll chain' auf Browsern, die es unterstützen */
  body {
    overscroll-behavior-x: keine;
  }
}






/* Ausblenden der SKU in WooCommerce-Produkten */
.single-product .product_meta .sku_wrapper {
    display: none !important;
}



/* Vergrößern Sie die Breite des Mengenselektors */
.woocommerce div.quantity input[type="number"] {
    width: 75px; /* Passen Sie diesen Wert an Ihre Präferenz an */
}




.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-seite #content input.button.alt:hover, .woocommerce-seite #respond input#submit.alt:hover, .woocommerce-seite a.button.alt:hover, .woocommerce-seite button.button.alt:hover, .woocommerce-seite input.button.alt:hover {

background:#004394
 !important;

background-color:#004394
 !important;

color:white !important;

text-shadow:transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-seite #content input.button:hover, .woocommerce-seite #respond input#submit:hover, .woocommerce-seite a.button:hover, .woocommerce-seite button.button:hover, .woocommerce-seite input.button:hover {

background:#004394
 !important;

background-color:#004394
 !important;

color:white !important;

text-shadow:transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-seite #content input.button, .woocommerce-seite #respond input#submit, .woocommerce-seite a.button, .woocommerce-seite button.button, .woocommerce-seite input.button {

Hintergrund: #004394
 !important;

color:white !important;

text-shadow: transparent !important;

border-color:#ca0606 !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-seite #content input.button.alt:hover, .woocommerce-seite #respond input#submit.alt:hover, .woocommerce-seite a.button.alt:hover, .woocommerce-seite button.button.alt:hover, .woocommerce-seite input.button.alt:hover {

Hintergrund: #004394
 !important;

box-shadow: none;

text-shadow: transparent !important;

Farbe:weiß !wichtig;

border-color:#ca0606 !important;

}

/* Ändern Sie die Hintergrundfarbe aller Schaltflächen von Ultimate Member */
.um-field input[type="submit"].um-button,
.um-field button.um-button,
.um-field input[type="submit"].um-alt,
.um-field button.um-alt {
    background-color: #004394 !important;
    Farbe: #fff !important;
}

/* Ändern Sie die Hintergrundfarbe aller Ultimate Member-Buttons bei Hover (optional) */
.um-field input[type="submit"].um-button:hover,
.um-field button.um-button:hover,
.um-field input[type="submit"].um-alt:hover,
.um-field button.um-alt:hover {
    background-color: #002966 !important;
    Farbe: #fff !important;
}



/* Link-Farben */
.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-mitglied-mehr a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-Farbe,
span.um-aktiv-Farbe
{
    Farbe: #3ba1da !important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
    color: #44b0ec !important;
}

/* Farben der Schaltflächen */
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus, .um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover
{
    Hintergrund: #004394 !important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list--item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list--item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover{
    background:#004394 !important;
}

/* Button-Alt-Farben */
.um .um-button.um-alt,
.um input[type=submit].um-button.um-alt {
    background:#eeeeeeee !important;
}

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
    background:#e5e5e5 !important;
}





/* Ändern Sie die Textfarbe der Schaltfläche "Warenkorb anzeigen" */
.wc-forward {
    Farbe: #004394 !important;
}



/* Regulären Preis auf der Produktseite ausblenden */
.single-product .price del {
    display: none !important;
}

/* Ausblenden des regulären Preises auf der Shop-Seite */
.products .price del {
    display: none !important;
}


/* Die Farbe des Preises auf #4f91e0 einstellen */
.price {
    Farbe: #4f91e0 !important;
}

/* Die Aufzählungsspalten der Produkte gleich machen (gleiche Höhe) */


/* Die Schaltfläche auf der Einkaufswagenseite ausblenden */
.page-id-your-shopping-cart-page-id a.checkout-button.button.alt.wc-forward {
    Anzeige: keine;
}

/* Ausblenden der Schaltfläche auf der Kassenseite */
.page-id-your-checkout-page-id a.checkout-button.button.alt.wc-forward {
    Anzeige: keine;
}


/* Ändern Sie "Zusätzliche Informationen" in "Zusätzliche Informationen" in der Kaufabwicklung */
.woocommerce-additional-fields h3 {
    Anzeige: keine;
}

.woocommerce-zusätzliche-felder h3::before {
    Inhalt: "Zusätzliche Informationen"
    Anzeige: block;
    Schriftgröße: 1.17em;
    margin-bottom: 10px;
}




/* Stellt die Schriftart der Schaltfläche auf Roboto ein und sorgt dafür, dass der Text immer weiß ist, auch wenn er sich im Schwebezustand befindet. */
.xoo-cp-btns,
.xoo-cp-btn-vc.xcp-btn,
.xoo-cp-btn-ch.xcp-btn,
.xoo-cp-close.xcp-btn {
    font-family: 'Roboto', sans-serif;
    Farbe: weiß;
}

/* Erhält die weiße Textfarbe während des Schwebezustands. */
.xoo-cp-btns:hover,
.xoo-cp-btn-vc.xcp-btn:hover,
.xoo-cp-btn-ch.xcp-btn:hover,
.xoo-cp-close.xcp-btn:hover {
    Farbe: weiß;
}


table td, table th {
    padding: 3px !important;
  
}

.woocommerce-error, .woocommerce-error li, .woocommerce-error a, .woocommerce-error strong { color: #ff0000 !important; }




/* 1 feste Bildhöhe in Ihrer Auflistung */
.cat-card img{
  Breite: 100%;
  height: clamp(180px, 22vw, 280px); /* skaliert mit dem Bildschirm */
  object-fit: contain; /* alles sichtbar, kein Ausschnitt */
  Anzeige: block;
}