/**
 * Divi Child – Clean A (behutsam aufräumen)
 * CI-Farben als Variablen
 */
:root{
  --sp-green:#bed746;
  --sp-green-dark:#7CB342;
  --sp-gray:#666666;
  --sp-blue:#dbf1f8;
}

/* ---------- Utility / Layout ---------- */
.vertical-align{display:flex;flex-direction:column;justify-content:center;}
.zentriert-fix{max-width:900px;margin-left:auto!important;margin-right:auto!important;text-align:center!important;}

/* ---------- Kontakt-Textbox ---------- */
.kontakt-textbox{font-family:inherit;color:#666;font-size:17px;line-height:1.3;max-width:900px;margin:2em auto;}
.kontakt-textbox h1,.kontakt-textbox h2,.kontakt-textbox h3{font-size:30px;line-height:1.3;letter-spacing:1px;color:#b2cb25;font-weight:500;margin-bottom:.5em;}
.kontakt-textbox strong{font-weight:700;}
.kontakt-textbox p{margin:.2em 0 .8em;display:flex;align-items:center;gap:.3em;}
.kontakt-textbox p i{flex-shrink:0;color:#b2cb25;}
.kontakt-textbox p a{font-weight:700;color:#b2cb25;text-decoration:none;}
.kontakt-textbox p a:hover{text-decoration:underline;}
@media(max-width:600px){
  .kontakt-textbox{padding:0 1em;font-size:16px;}
  .kontakt-textbox h1,.kontakt-textbox h2,.kontakt-textbox h3{font-size:24px;}
}

/* ---------- Header: Warenkorb-Icon ausblenden (Divi) ---------- */
.et_pb_menu__cart-button,.et-cart-info,.site-header-cart,.menu-item-cart,
.et_mobile_menu .et_pb_menu__cart-button{display:none!important;}

/* ---------- Toggle/Accordion mit Flags ---------- */
.et_pb_toggle_title:after{content:" ▼";font-size:18px;color:var(--sp-green);margin-left:8px;transition:transform .3s ease;}
.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:after{transform:rotate(180deg);}
#de-accordion .et_pb_toggle_title,
#at-accordion .et_pb_toggle_title,
#ch-accordion .et_pb_toggle_title,
#eu-accordion .et_pb_toggle_title,
#world-accordion .et_pb_toggle_title{
  background-repeat:no-repeat;background-size:auto 18px;background-position:12px center;padding-left:44px;
}
#de-accordion .et_pb_toggle_title{background-image:url('/wp-content/uploads/2025/09/de.png');}
#at-accordion .et_pb_toggle_title{background-image:url('/wp-content/uploads/2025/09/at.png');}
#ch-accordion .et_pb_toggle_title{background-image:url('/wp-content/uploads/2025/09/ch.png');}
#eu-accordion .et_pb_toggle_title{background-image:url('/wp-content/uploads/2025/09/europa.png');}
#world-accordion .et_pb_toggle_title{background-image:url('/wp-content/uploads/2025/09/world.png');}

/* ---------- Woo Notices ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:30px 20px;gap:20px;text-align:center;
  background-color:#c5df44!important;color:#fff;border:none;border-radius:6px;margin-bottom:30px;
  box-shadow:0 10px 18px rgba(0,0,0,.12);
}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none!important;}
.woocommerce-error li{color:#fff;}
.woocommerce-message p{margin:0;font-size:17px;font-weight:600;color:#333;}

/* ---------- Germanized: Grundpreis ---------- */
.woocommerce div.product .price .wc-gzd-unit-price,
.woocommerce div.product p.price .wc-gzd-unit-price,
.woocommerce div.product .wc-gzd-unit-price .woocommerce-Price-amount,
.woocommerce div.product .wc-gzd-unit-price a{
  color:#666!important;opacity:1!important;text-decoration:none;
}
.woocommerce div.product .price .wc-gzd-unit-price{display:block;margin-top:2px;font-size:13px;font-weight:500;}

/* ---------- Buttons (Primär & Sekundär) – dedupliziert ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.woocommerce .checkout-button,
.woocommerce #payment #place_order,
.woocommerce .button.alt{
  background-color:var(--sp-green)!important;color:#fff!important;border:2px solid var(--sp-green)!important;
  border-radius:6px;padding:.8rem 1.2rem;font-weight:600;transition:all .2s ease;box-shadow:0 8px 14px rgba(0,0,0,.12);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.woocommerce .checkout-button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce .button.alt:hover{
  background-color:var(--sp-green-dark)!important;border-color:var(--sp-green-dark)!important;
}

/* Sekundär/Outline dort wo Woo/Theme weiße Buttons setzt */
.woocommerce-cart .return-to-shop a.button,
.woocommerce .coupon .button,
.woocommerce a.button.button-secondary,
.woocommerce a.button.secondary,
.woocommerce-checkout a.button.back,
.woocommerce-cart .actions .button[name="update_cart"],
.woocommerce-cart a.button.continue{
  background:#fff!important;color:var(--sp-green)!important;border:2px solid var(--sp-green)!important;
}
.woocommerce-cart .return-to-shop a.button:hover,
.woocommerce .coupon .button:hover,
.woocommerce a.button.button-secondary:hover,
.woocommerce a.button.secondary:hover,
.woocommerce-checkout a.button.back:hover,
.woocommerce-cart .actions .button[name="update_cart"]:hover,
.woocommerce-cart a.button.continue:hover{
  background:var(--sp-green)!important;color:#fff!important;border-color:var(--sp-green-dark)!important;
}

/* Fokus sichtbar */
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus{outline:2px solid #a3a3a3!important;outline-offset:2px;}

/* ---------- Tabellen / Boxen ---------- */
.woocommerce-cart table.shop_table,
.woocommerce-checkout-review-order-table,
.cart_totals,
.woocommerce .woocommerce-MyAccount-content{
  background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 8px 18px rgba(0,0,0,.08);
}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:14px 16px;}
.woocommerce .quantity .qty{max-width:84px;text-align:center;border-radius:8px;border:1px solid #ddd;padding:.5rem;}
.woocommerce a{color:var(--sp-green);} .woocommerce a:hover{color:var(--sp-green-dark);}
.woocommerce-cart,.woocommerce-checkout,.woocommerce-account{padding-top:10px;}

/* ---------- Cross-Sells im Warenkorb ---------- */
.woocommerce .cross-sells{margin-top:40px;}
.woocommerce .cross-sells h2{font-size:18px;color:var(--sp-green);margin-bottom:15px;}
.woocommerce .cross-sells ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.woocommerce .cross-sells ul.products li.product{border:1px solid #e7e7e7;border-radius:10px;box-shadow:0 6px 14px rgba(0,0,0,.06);padding:12px;text-align:center;transition:transform .2s ease;}
.woocommerce .cross-sells ul.products li.product:hover{transform:translateY(-3px);}
.woocommerce .cross-sells ul.products li.product .woocommerce-loop-product__title{font-size:15px;color:#444;margin:10px 0;}
.woocommerce .cross-sells ul.products li.product .price{font-weight:700;color:#333;}
.woocommerce .cross-sells ul.products li.product a.button{background:var(--sp-green);border-radius:8px;color:#fff;padding:8px 14px;font-size:14px;}
.woocommerce .cross-sells ul.products li.product a.button:hover{filter:brightness(.95);}
@media(max-width:900px){.woocommerce .cross-sells ul.products{grid-template-columns:repeat(2,1fr);} }
@media(max-width:600px){.woocommerce .cross-sells ul.products{grid-template-columns:1fr;} }

/* ---------- Related Products: Stern entfernen & Überschrift ersetzen ---------- */
.woocommerce .related>h2{font-size:0!important;line-height:0!important;visibility:hidden!important;margin-bottom:18px!important;}
.woocommerce .related>h2::after{content:"Das könnte Ihnen gefallen";font-size:22px!important;line-height:1.4em!important;font-weight:700;color:var(--sp-green)!important;visibility:visible!important;display:block;text-align:center;}
.woocommerce .related ul.products,.woocommerce .related ul.products li.product{text-align:center!important;}
.woocommerce .related ul.products li.product img{display:block;margin:0 auto!important;}
.woocommerce .related ul.products li.product .button{display:inline-block;margin:8px auto 0!important;}

/* ---------- Lieferzeit in Produktkachel mittig ---------- */
.post-type-archive-product .woocommerce ul.products li.product .price + p,
.post-type-archive-product .woocommerce ul.products li.product .price ~ p,
.post-type-archive-product li.product .wc-gzd-delivery-time,
.post-type-archive-product li.product .gzd-product-delivery-time,
.post-type-archive-product li.product .woocommerce_de_lieferzeit,
.post-type-archive-product .woocommerce ul.products li.product>p:last-of-type{
  text-align:center!important;display:block;margin-top:.35rem;
}
/* ============= 1) BUTTONS: Normal + Hover (wie Screenshot 2/3) ============= */
:root{
  --sp-green:#bed746;
  --sp-gray:#666666;
  --sp-blue:#dbf1f8;
  --sp-radius:12px;
  --sp-shadow:0 10px 18px rgba(0,0,0,.12);
}

/* Basis-Look für ALLE Woo-Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.woocommerce .checkout-button,
.woocommerce #payment #place_order,
.woocommerce .button.alt {
  background: var(--sp-green) !important;
  border: 2px solid var(--sp-green) !important;
  color:#fff !important;
  border-radius: 999px;            /* Pillenform wie dein Button */
  padding: .9rem 1.4rem !important;
  font-weight: 700;
  letter-spacing: .2px;
  box-shadow: var(--sp-shadow);
  transition: all .2s ease;
}

/* Hover = Hellblau, graue Schrift (wie dein Screenshot 3) */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.woocommerce .checkout-button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce .button.alt:hover {
  background-color: var(--sp-blue) !important;
  border-color: #a3a3a3 !important;
  color: var(--sp-gray) !important;
  transform: translateY(-1px);
}

/* Falls ein Plugin „Continue shopping“ o.ä. als a.button rendert, greift es mit.
   Für Sonderfälle ein paar gängige Klassen zusätzlich noch hooken: */
.woocommerce .wc-forward.button,
.woocommerce .wc-backward.button,
.woocommerce .return-to-shop a.button { 
  background: var(--sp-green) !important; 
  border-color: var(--sp-green) !important;
  color:#fff !important;
}
.woocommerce .wc-forward.button:hover,
.woocommerce .wc-backward.button:hover,
.woocommerce .return-to-shop a.button:hover {
  background: var(--sp-blue) !important;
  border-color:#a3a3a3 !important;
  color: var(--sp-gray) !important;
}

/* ============= 2) KÄSTCHEN / BOXEN: rundum Luft ============= */
/* Warenkorb-Form + Totals */
.woocommerce-cart .woocommerce-cart-form { 
  background:#fff; border:1px solid #eee; border-radius: var(--sp-radius);
  box-shadow: var(--sp-shadow); padding: 24px !important;
}
.woocommerce-cart .cart_totals {
  background:#fff; border:1px solid #eee; border-radius: var(--sp-radius);
  box-shadow: var(--sp-shadow); padding: 24px !important;
}
.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td {
  padding: 12px 12px !important;
}

/* „Mein Konto“ – Content-Box angleichen */
.woocommerce .woocommerce-MyAccount-content {
  background:#fff; border:1px solid #eee; border-radius: var(--sp-radius);
  box-shadow: var(--sp-shadow); padding: 20px !important;
}

/* Generell Tabellenzellen in Woo */
.woocommerce table.shop_table th,
.woocommerce table.shop_table td { padding: 14px 16px; }

/* ============= 3) ÜBERSCHRIFTEN: wie auf deinem Screenshot 4 ============= */
/* Großes Seitentitel-Grün */
.woocommerce .entry-title,
.woocommerce-account .entry-title,
.woocommerce-cart .entry-title,
.single-product .product_title,
.woocommerce-account h2.woocommerce-column__title,
.woocommerce h2.woocommerce-loop-product__title {
  color: var(--sp-green) !important;
  font-weight: 700 !important;
  letter-spacing: .3px;
}

/* Abschnittsüberschriften in Woo-Seiten (z. B. „Warenkorb-Summe“) */
.woocommerce h2, .woocommerce h3 {
  color: var(--sp-green) !important;
  font-weight: 700 !important;
  letter-spacing: .2px;
}

/* ============= 4) „Continue shopping“ oben im Warenkorb ============= */
/* Viele Plugins rendern dort <a class="button wc-backward|wc-forward"> – das decken wir oben ab.
   Falls dein Plugin eine eigene Klasse nutzt, mappe sie hier hin: */
.woocommerce .free-shipping-bar a.button,
.woocommerce .fsb-button,
.woocommerce .cart-notice a.button {
  /* Fallback-Klassen – falls vorhanden, gern drin lassen */
  background: var(--sp-green) !important;
  border-color: var(--sp-green) !important;
  color:#fff !important;
  border-radius: 999px;
  padding:.9rem 1.4rem !important;
  font-weight:700;
  box-shadow: var(--sp-shadow);
}
.woocommerce .free-shipping-bar a.button:hover,
.woocommerce .fsb-button:hover,
.woocommerce .cart-notice a.button:hover {
  background: var(--sp-blue) !important;
  border-color:#a3a3a3 !important;
  color: var(--sp-gray) !important;
}

/* ============= 5) Navigation „Mein Konto“: links hübsch (optional) ============= */
@media (min-width:981px){
  .woocommerce-account .woocommerce{display:flex;gap:2rem;align-items:flex-start;}
  .woocommerce-MyAccount-navigation{flex:0 0 240px;max-width:240px;}
  .woocommerce-MyAccount-content{flex:1 1 auto;}
}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;}
.woocommerce-MyAccount-navigation li a{
  display:block;padding:10px 12px;border:1px solid var(--sp-green);
  border-radius:10px;text-decoration:none;
}
.woocommerce-MyAccount-navigation li+li a{margin-top:.5rem;}
.woocommerce-MyAccount-navigation li.is-active a{
  background:var(--sp-green);color:#fff;border-color:var(--sp-green);
}

/* Kleinigkeit: Links im „Mein Konto“-Intro nicht zu grell */
.woocommerce-MyAccount-content p a { color: var(--sp-green) !important; text-decoration: underline; }
.woocommerce-MyAccount-content p a:hover { color: #a5c437 !important; }
/* Mein Konto – Tab "Downloads" ausblenden */

.woocommerce-MyAccount-navigation-link--downloads {
  display: none !important;
}
/* 1) Hellblaues Feld "Keine Bestellung aufgegeben" – Text besser lesbar */
.woocommerce .woocommerce-Message--info,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-notice.woocommerce-info {
  color: #666666 !important;   /* CI-Grau */
  font-weight: 500;
}

/* 2) Adresse: "Rechnungsadresse bearbeiten" und "Lieferadresse hinzufügen" linksbündig */
.woocommerce-Address address,
.woocommerce-Address a {
  text-align: left !important;
  display: block;
}

/* 3) Hover-Effekt bei Links im Konto-Bereich – statt Grün jetzt Grau */
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-content a:hover,
.woocommerce-account a:hover {
  color: #666666 !important;   /* CI-Grau */
  text-decoration: underline;  /* optional für bessere Erkennbarkeit */
}
/* ================================
   WooCommerce Notices – Ein Look
   ================================ */

/* Basis-Stil für alle Notices */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error {
  border-radius: 12px;
  padding: 18px 22px;
  margin: 20px 0;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 6px 14px rgba(0,0,0,.08);
  line-height: 1.5;
}

/* Erfolg (z. B. "Produkt wurde in den Warenkorb gelegt") */
.woocommerce-message {
  background: #bed746 !important;   /* CI-Grün */
  color: #fff !important;
  border: none !important;
}
.woocommerce-message a { color:#fff !important; font-weight:600; text-decoration: underline; }

/* Info (z. B. "Keine Bestellung aufgegeben") */
.woocommerce-info,
.woocommerce-notice.woocommerce-info,
.woocommerce-Message--info {
  background: #dbf1f8 !important;   /* CI-Hellblau */
  color: #666666 !important;        /* CI-Grau */
  border: none !important;
}
.woocommerce-info a { color:#666666 !important; font-weight:600; text-decoration: underline; }

/* Fehler (z. B. "Bitte Adresse eingeben") */
.woocommerce-error {
  background: #f8d7da !important;   /* helles Rot */
  color: #721c24 !important;        /* dunkles Rot für Lesbarkeit */
  border: none !important;
}
.woocommerce-error a { color:#721c24 !important; font-weight:600; text-decoration: underline; }

/* Icons entfernen (Woo setzt oft ::before) */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  display: none !important;
}
/* =========================
   Globale Button-Basis (Pille)
   ========================= */
:root{ --sp-green:#bed746; --sp-blue:#dbf1f8; --sp-gray:#666; --sp-shadow:0 10px 18px rgba(0,0,0,.12); }

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.woocommerce .checkout-button,
.woocommerce #payment #place_order,
.woocommerce .button.alt {
  background: var(--sp-green) !important;
  border: 2px solid var(--sp-green) !important;
  color:#fff !important;
  border-radius: 999px !important;
  padding: .9rem 1.4rem !important;
  font-weight: 700; letter-spacing:.2px;
  box-shadow: var(--sp-shadow); transition: all .2s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.woocommerce .checkout-button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce .button.alt:hover {
  background: var(--sp-blue) !important;
  border-color: #a3a3a3 !important;
  color: var(--sp-gray) !important;
  transform: translateY(-1px);
}

/* 1) Leerer Warenkorb: "Zurück zum Shop" (alte Optik überschreiben) */
.woocommerce-cart .return-to-shop a.button {
  background: var(--sp-green) !important;
  border-color: var(--sp-green) !important;
  color:#fff !important;
}

/* 2) Produktseite: "In den Warenkorb" anpassen */
.single-product .single_add_to_cart_button {
  background: var(--sp-green) !important;
  border: 2px solid var(--sp-green) !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:.9rem 1.4rem !important;
  box-shadow: var(--sp-shadow);
}
.single-product .single_add_to_cart_button:hover {
  background: var(--sp-blue) !important;
  border-color:#a3a3a3 !important;
  color: var(--sp-gray) !important;
}

/* 3) "Zum Warenkorb hinzugefügt" (blaues Notice) – Text in CI-Grau */
.single-product .woocommerce-message,
.single-product .woocommerce-message a {
  color: var(--sp-gray) !important;
}

/* 4) Warenkorb: "Continue shopping" nach rechts rücken */
.woocommerce-cart .woocommerce-message {
  display:flex; align-items:center; gap:24px;
}
.woocommerce-cart .woocommerce-message .button {
  margin-left:auto;   /* schiebt den Button an den rechten Rand */
}

/* 5) Warenkorb: "Weiter zur Kasse" wie die anderen Buttons */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background: var(--sp-green) !important;
  border: 2px solid var(--sp-green) !important;
  color:#fff !important;
  border-radius:999px !important;
  padding: .9rem 1.4rem !important;
  box-shadow: var(--sp-shadow);
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background: var(--sp-blue) !important;
  border-color:#a3a3a3 !important;
  color: var(--sp-gray) !important;
}

/* 6) Warenkorb-Tabelle: "Warenkorb aktualisieren" angleichen */
.woocommerce-cart .actions .button[name="update_cart"] {
  background: var(--sp-green) !important;
  border: 2px solid var(--sp-green) !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:.7rem 1.2rem !important;
  box-shadow: var(--sp-shadow);
}
.woocommerce-cart .actions .button[name="update_cart"]:hover {
  background: var(--sp-blue) !important;
  border-color:#a3a3a3 !important;
  color: var(--sp-gray) !important;
}

/* Box-Abstände (Totals) – etwas luftiger, wie besprochen */
.woocommerce-cart .cart_totals { padding:24px !important; }
.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td { padding:12px 12px !important; }

/* alle INFO-Notices (hellblau) – Text in CI-Grau, klar lesbar */
.woocommerce-info,
.woocommerce-Message--info,
.woocommerce-notice.woocommerce-info {
  background:#dbf1f8 !important;
  color:#666 !important;
}
.woocommerce-info a { color:#666 !important; font-weight:600; text-decoration:underline; }

/* Addressen im Konto: alles linksbündig */
.woocommerce-Addresses .woocommerce-Address,
.woocommerce-Addresses .woocommerce-Address address,
.woocommerce-Addresses .woocommerce-Address a {
  text-align:left !important;
}
/* Grüne Woo-Message als Flex-Container, Inhalt mittig */
.woocommerce-message {
  display:flex; align-items:center; gap:24px;
}
/* der Textblock darf die Zeile einnehmen */
.woocommerce-message > :not(.button) { flex:1 1 auto; }

/* Button im Banner exakt wie die übrigen Pills */
.woocommerce-message .button {
  background:#bed746 !important; border:2px solid #bed746 !important; color:#fff !important;
  border-radius:999px !important; padding:.9rem 1.4rem !important; box-shadow:0 10px 18px rgba(0,0,0,.12);
}
.woocommerce-message .button:hover {
  background:#dbf1f8 !important; border-color:#a3a3a3 !important; color:#666 !important;
}
/* schiebt den Button im Warenkorb-Banner nach rechts */
.woocommerce-cart .woocommerce-message { justify-content: space-between; }
.woocommerce-cart .woocommerce-message .button { margin-left:auto; }

/* aktiv */
.woocommerce-cart .actions .button[name="update_cart"],
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background:#bed746 !important; border:2px solid #bed746 !important; color:#fff !important;
  border-radius:999px !important; padding:.9rem 1.4rem !important; box-shadow:0 10px 18px rgba(0,0,0,.12);
}
.woocommerce-cart .actions .button[name="update_cart"]:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background:#dbf1f8 !important; border-color:#a3a3a3 !important; color:#666 !important;
}

/* deaktiviert (wenn keine Änderungen) – trotzdem gut lesbar */
.woocommerce button:disabled,
.woocommerce button.disabled,
.woocommerce .button.disabled,
.woocommerce .button:disabled {
  opacity:.6 !important;
  background:#bed746 !important; border-color:#bed746 !important; color:#fff !important;
  cursor:not-allowed !important;
}
/* Footer-Menü mit Trennern */
#menu-footermenue li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

#menu-footermenue li a {
  color: #666;
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  letter-spacing: .2px;
  padding: 6px 2px;
  border-radius: 6px;
  transition: color .2s ease, background .2s ease;
}

#menu-footermenue li a:hover {
  color: #666;
  background: #dbf1f8; /* CI-Hellblau */
  text-decoration: underline;
}

/* Trenner zwischen Menüpunkten */
#menu-footermenue li:not(:last-child)::after {
  content: "|";
  color: #ccc;            /* dezentes Grau */
  margin: 0 10px;
  font-weight: 400;
}

/* Mobile: keine Trenner, größere Touch-Ziele */
@media (max-width: 600px) {
  #menu-footermenue li {
    display: block;
    text-align: center;
  }
  #menu-footermenue li::after { display: none; }
  #menu-footermenue li a {
    font-size: 15px;
    padding: 8px 4px;
  }
}
/* Mein Konto → Adressen: Titel links, Bearbeiten-Link rechts */
.woocommerce-account .woocommerce-Address .woocommerce-Address-title {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 10px;
}

/* Überschrift (Rechnungsadresse / Lieferadresse) links */
.woocommerce-account .woocommerce-Address .woocommerce-Address-title h3 {
  margin: 0;
  font-weight: 700;
  color: #bed746; /* CI-Grün */
}

/* Bearbeiten-/Hinzufügen-Link rechts */
.woocommerce-account .woocommerce-Address .woocommerce-Address-title .edit {
  float: none !important;
  margin: 0;
  text-align: right !important;
}
/* Mein Konto → Adressen: stabile Titelzeile (H3 links, Link rechts) */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title{
  display:flex !important;
  align-items:baseline !important;   /* H3 und Link auf gleicher Höhe */
  justify-content:space-between !important;
  gap:12px;
  margin:0 0 10px 0 !important;
}

/* H3 links, ohne zusätzlichen Außenabstand */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3{
  margin:0 !important;
  font-weight:700;
  color:#bed746; /* CI-Grün */
}

/* „bearbeiten“ / „hinzufügen“ rechts – alle alten Floats zurücksetzen */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title .edit{
  float:none !important;
  position:static !important;
  display:inline-block !important;
  margin:0 !important;
  white-space:nowrap;                /* nicht umbrechen */
  text-align:right !important;
}

/* Sicherheit: Inhalte unter der Titelzeile beginnen wirklich darunter */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address address{
  clear:both;                        /* falls ein Theme-Style noch floatet */
  text-align:left !important;
}
/* Mein Konto → Adressen: stabile Titelzeile (H3 links, Link rechts) */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title{
  display:flex !important;
  align-items:baseline !important;   /* H3 und Link auf gleicher Höhe */
  justify-content:space-between !important;
  gap:12px;
  margin:0 0 10px 0 !important;
}

/* H3 links, ohne zusätzlichen Außenabstand */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3{
  margin:0 !important;
  font-weight:700;
  color:#bed746; /* CI-Grün */
}

/* „bearbeiten“ / „hinzufügen“ rechts – alle alten Floats zurücksetzen */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title .edit{
  float:none !important;
  position:static !important;
  display:inline-block !important;
  margin:0 !important;
  white-space:nowrap;                /* nicht umbrechen */
  text-align:right !important;
}

/* Sicherheit: Inhalte unter der Titelzeile beginnen wirklich darunter */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address address{
  clear:both;                        /* falls ein Theme-Style noch floatet */
  text-align:left !important;
}
/* Mein Konto → Adressen: Bearbeiten-Link unter Überschrift, linksbündig */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title {
  display: block !important;
  margin-bottom: 12px !important;
}

.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 {
  margin: 0 0 4px 0 !important;
  font-weight: 700;
  color: #bed746;
}

.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title .edit {
  display: block !important;
  float: none !important;
  margin: 0;
  text-align: left !important;
  font-size: 14px;
  font-weight: 500;
  color: #666 !important;
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title .edit:hover {
  color: #333 !important;
  text-decoration: underline;
}
/* Mein Konto → Adressen: Bearbeiten-/Hinzufügen-Links als Buttons */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title .edit {
  display: inline-block !important;
  float: none !important;
  margin-top: 6px;
  padding: .4rem 1rem;
  background: var(--sp-green) !important;
  border: 2px solid var(--sp-green) !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none !important;
  box-shadow: var(--sp-shadow);
  transition: all .2s ease;
}

.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title .edit:hover {
  background: var(--sp-blue) !important;
  border-color: #a3a3a3 !important;
  color: var(--sp-gray) !important;
}
/* Bearbeiten-/Hinzufügen-Buttons im Konto in Großbuchstaben */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title .edit {
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 13px;
}
/* =========================
   Globale Buttons – CI-Style
   ========================= */
:root {
  --sp-green:#bed746;
  --sp-blue:#dbf1f8;
  --sp-gray:#666;
  --sp-shadow:0 10px 18px rgba(0,0,0,.12);
}

/* Basis-Look für alle Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.woocommerce .checkout-button,
.woocommerce #payment #place_order,
.woocommerce .button.alt {
  background: var(--sp-green) !important;
  border: 2px solid var(--sp-green) !important;
  color:#fff !important;
  border-radius: 999px !important;   /* Pillenform */
  padding: .9rem 1.4rem !important;
  font-weight: 700; letter-spacing:.2px;
  box-shadow: var(--sp-shadow);
  transition: all .2s ease;
}

/* Hover: Hellblau + Grau */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.woocommerce .checkout-button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce .button.alt:hover {
  background: var(--sp-blue) !important;
  border-color: #a3a3a3 !important;
  color: var(--sp-gray) !important;
  transform: translateY(-1px);
}

/* Deaktivierte Buttons – dezenter, aber im CI */
.woocommerce button:disabled,
.woocommerce button.disabled,
.woocommerce .button.disabled,
.woocommerce .button:disabled {
  opacity:.6 !important;
  cursor:not-allowed !important;
  background: var(--sp-green) !important;
  border-color: var(--sp-green) !important;
  color:#fff !important;
  border-radius:999px !important;
}
/* Kasse: Checkbox-Labels (AGB/Widerruf) mit mehr Abstand vom Rand */
.woocommerce form .form-row .woocommerce-form__label,
.woocommerce-checkout #payment .woocommerce-form__label {
  padding-left: 6px !important;   /* Text rückt etwas nach innen */
  line-height: 1.6;
}
/* WooCommerce Fehler-Notices (Pflichtfelder, AGB, Zahlungen) hübsch machen */
.woocommerce-error,
.woocommerce-NoticeGroup .woocommerce-error {
  background: #f8d7da !important;      /* hellrot, dezent */
  color: #721c24 !important;           /* dunkles Rot für Lesbarkeit */
  border: none !important;
  border-radius: 12px;
  padding: 18px 22px !important;
  margin: 20px 0 !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.08);
  list-style: none !important;         /* Punkte entfernen */
}

/* Links in den Fehlerboxen (z. B. Widerruf) */
.woocommerce-error a {
  color: #721c24 !important;
  font-weight: 600;
  text-decoration: underline;
}

/* Einträge in Error-Listen (Pflichtfelder) */
.woocommerce-error li {
  margin: 6px 0;
  font-weight: 600;
}
/* =========================
   Notices mit Icons
   ========================= */

/* Basis-Setup: Flex für Icon + Text */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  position: relative;
}

/* Icon-Bereich links */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  font-family: "Arial", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
  flex: 0 0 20px;   /* fixierte Breite */
  margin-top: 2px;
}

/* Erfolg (grün, z. B. Produkt in den Warenkorb) */
.woocommerce-message::before {
  content: "✔";
  color: #fff;       /* hebt sich auf grünem Hintergrund ab */
}

/* Info (hellblau, z. B. keine Bestellung) */
.woocommerce-info::before {
  content: "ℹ";
  color: #666;       /* CI-Grau */
}

/* Fehler (rot, z. B. Pflichtfelder) */
.woocommerce-error::before {
  content: "⚠";
  color: #721c24;    /* dunkles Rot */
}
/* 🚫 Lieferzeit in Shop-Übersicht, Related, Cross-Selling ausblenden */
.archive .woocommerce .product .lieferzeit,
.woocommerce-page .products .lieferzeit,
.woocommerce ul.products li.product .lieferzeit,
.woocommerce .related .lieferzeit,
.woocommerce .upsells .lieferzeit,
.woocommerce .cross-sells .lieferzeit {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

/* ✅ Trenner zwischen Preis und Button auf Produktseiten */
.single-product .product .price {
    border-bottom: 1px solid #666666; /* CI-Grau */
    padding-bottom: 8px;
    margin-bottom: 12px;
}

/* 🛒 Warenkorb-Info-Banner: Inhalt zentrieren */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    text-align: center !important;
}

.woocommerce-message a.button,
.woocommerce-info a.button {
    float: none !important;
    display: inline-block !important;
    margin-top: 10px;
}
/* Produktseite: "zum Warenkorb hinzugefügt" zentrieren (Text + Button) */
.single-product .woocommerce-notices-wrapper .woocommerce-message,
.single-product .woocommerce-notices-wrapper .woocommerce-info {
  display: flex !important;
  flex-direction: column;           /* Text oben, Button darunter */
  align-items: center !important;   /* horizontal zentrieren */
  justify-content: center !important;
  text-align: center !important;
  gap: 10px;
}

/* Icon auf der Produktseite ausblenden, damit wirklich mittig */
.single-product .woocommerce-notices-wrapper .woocommerce-message::before,
.single-product .woocommerce-notices-wrapper .woocommerce-info::before {
  display: none !important;
}

/* Button mittig, ohne Float */
.single-product .woocommerce-notices-wrapper .woocommerce-message .button,
.single-product .woocommerce-notices-wrapper .woocommerce-info .button {
  float: none !important;
  margin: 0 auto !important;
}
/* Alternativ: Lieferzeit im Grid (Übersicht/Related) komplett verstecken */
.related .product .woocommerce-loop-product__meta,
.upsells .product .woocommerce-loop-product__meta,
.cross-sells .product .woocommerce-loop-product__meta {
  display: none !important;
}
/* ---------------------------------------------------
   STYLE-ERGÄNZUNG: Lieferzeit in Related/Up-Sell/Cross-Sell Produkten ausblenden
   --------------------------------------------------- */

/* Lieferzeit nur in verwandten / ähnlichen Produkten */
.related .product p:last-of-type,
.upsells .product p:last-of-type,
.cross-sells .product p:last-of-type {
  display: none !important;
}
/* Hinweiszeile unter Produktkacheln (Shop/Kategorie) */
.woocommerce ul.products li.product .sp-delivery-note {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.4;
  color: #666; /* CI-Grau */
}

.woocommerce ul.products li.product .sp-delivery-note a.sp-delivery-foreign {
  color: #bed746;           /* CI-Grün */
  font-weight: 700;
  text-decoration: none;
}

.woocommerce ul.products li.product .sp-delivery-note a.sp-delivery-foreign:hover {
  text-decoration: underline;
  color: #7CB342;           /* dunkleres Grün beim Hover */
}
/* -----------------------------------
   Hinweis "Ausland abweichend"
   ----------------------------------- */

/* Shop- & Kategorieseiten: Hinweis mittig unter Preis */
.woocommerce ul.products li.product .sp-delivery-note {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
  color: #666; /* CI-Grau */
}

.woocommerce ul.products li.product .sp-delivery-note a.sp-delivery-foreign {
  color: #bed746;        /* CI-Grün */
  font-weight: 700;
  text-decoration: none;
}

.woocommerce ul.products li.product .sp-delivery-note a.sp-delivery-foreign:hover {
  text-decoration: underline;
  color: #7CB342;        /* dunkleres Grün beim Hover */
}

/* -----------------------------------
   Verwandte Produkte (Related, Upsells, Cross-Sells)
   Lieferzeit ausblenden, Hinweis mittig anzeigen
   ----------------------------------- */
.related .product p:last-of-type,
.upsells .product p:last-of-type,
.cross-sells .product p:last-of-type {
  display: none !important; /* Lieferzeit verstecken */
}

.related .product .sp-delivery-note,
.upsells .product .sp-delivery-note,
.cross-sells .product .sp-delivery-note {
  text-align: center;
}