:root {
	--wd-text-font: "Bebas Neue", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(216,216,216);
	--wd-text-font-size: 32px;
	--wd-title-font: "Bebas Neue", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-transform: none;
	--wd-title-color: rgb(221,51,51);
	--wd-entities-title-font: "Bebas Neue", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: rgb(129,215,66);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: var(--wd-title-font);
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: var(--wd-text-font);
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 20px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(238,238,34);
	--wd-alternative-color: rgb(50,233,239);
	--btn-default-font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 400;
	--btn-default-font-size: 50px;
	--btn-default-bgcolor: rgb(129,215,66);
	--btn-default-bgcolor-hover: rgb(221,153,51);
	--btn-accented-font-size: 33px;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--btn-transform: capitalize;
	--btn-color: rgb(0,0,0);
	--btn-font-size: 18px;
	--btn-bgcolor: rgb(248,231,28);
	--btn-padding: 30px 30px 30px 30px;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(12,12,12);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 32px;
	color: rgb(255,255,255);
}
html .wd-nav-mobile .wd-sub-menu li a {
	font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 32px;
	color: rgb(229,229,229);
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 90px;
}
html .product-quick-view .product_title, html .post.wd-post:not(.blog-design-small) .wd-entities-title, html .wd-carousel .wd-carousel-item .post.wd-post .wd-entities-title, html .wd-single-post-header .title, html .wd-single-post-title .wd-post-title,  {
	font-size: 90px;
}
body[class*="wrapper-boxed"] {
	background-color: rgb(0,0,0);
	background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(20,20,20);
	background-image: none;
}
html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button, html .btn.wd-buy-now-btn, html .cart-totals-inner .checkout-button {
	font-weight: 600;
	font-size: 55px;
	text-transform: none;
	color: rgb(255,255,255);
	background: rgb(131,183,53);
	padding: 20px 0 12px 0;
}
html .entry-summary .single_add_to_cart_button:hover, .wd-single-add-cart .single_add_to_cart_button:hover, html .btn.wd-buy-now-btn:hover, html .cart-totals-inner .checkout-button:hover {
	background: rgba(131,183,53,0.69);
}
html #place_order {
	font-weight: 500;
	font-size: 34px;
	color: rgb(255,255,255);
	background: rgb(131,183,53);
}
html #place_order:hover {
	background: rgba(131,183,53,0.51);
}
html .wd-sticky-btn-cart .single_add_to_cart_button, html .wd-sticky-btn-cart .wd-sticky-add-to-cart, html .wd-sticky-btn.wd-quantity-overlap div.quantity :is(input[type],.btn) {
	color: rgb(130,36,227);
	background: rgb(221,153,51);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-text-font-size: 30px;
	--btn-default-font-size: 52px;
	--btn-accented-font-size: 33px;
	--btn-font-size: 54px;
	}
	html .wd-nav-mobile > li > a {
		font-size: 32px;
	}
	html .wd-nav-mobile .wd-sub-menu li a {
		font-size: 32px;
	}
	html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button, html .btn.wd-buy-now-btn, html .cart-totals-inner .checkout-button {
		font-size: 55px;
	}
	html #place_order {
		font-size: 45px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 30px;
	--btn-default-font-size: 50px;
	--btn-accented-font-size: 33px;
	--btn-font-size: 17px;
	--btn-padding: 8px 6px 6px 6px;
	}
	html .wd-nav-mobile > li > a {
		font-size: 32px;
	}
	html .wd-nav-mobile .wd-sub-menu li a {
		font-size: 32px;
	}
	html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button, html .btn.wd-buy-now-btn, html .cart-totals-inner .checkout-button {
		font-size: 55px;
	padding: 20px 20px 20px 20px;
	}
	html #place_order {
		font-size: 45px;
	padding: 20px 0 14px 0;
	}

}
:root{
--wd-container-w: 1160px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 5px;
}

@media (min-width: 1160px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1160px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1160px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/**********************************************************************************************/
/*               Produktsuche nicht im mobil sidemenue anzeigen                               */
/**********************************************************************************************/
.mobile-nav .searchform,
.mobile-menu-tab .search-mobile-icon {
  display: none !important;
}

/**********************************************************************************************/
/*                   Veränderung des Drilldownzeichen beim Mobil Menue                        */
/**********************************************************************************************/
/* Erstelle ein Plus-Zeichen im geschlossenen Zustand */
.mobile-nav .wd-nav-opener:after {
    content: "+";
		font-family: 'Bebas Neue', 'Bebas', sans-serif;
    font-weight: 400;
    font-size: 46px;
		font-weight: bold;
}

/* Erstelle ein Minus-Zeichen im geöffneten/aktiven Zustand */
.mobile-nav .wd-nav-opener.wd-active:after {
    content: "\0049" !important;
		font-family: 'Bebas Neue', 'Bebas', sans-serif;
    font-weight: 400;
    font-size: 36px;
		font-weight: bold;
		color: #000000;
}

/**********************************************************************************************/
/*                Macht den Platzieren/Bezahlen-Button in der Kasse 100% breit                */
/**********************************************************************************************/
/* */
.woocommerce-checkout #payment #place_order {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* WoodMart-Korrektur: Verhindert, dass der Button in Boxen eingequetscht wird */
.woocommerce-checkout .place-order {
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

/**********************************************************************************************/
/*                                  Struktur check out                                        */
/**********************************************************************************************/
@media (min-width: 1025px) {
    .woocommerce-checkout form.checkout {
        display: flex !important;
        flex-direction: row-reverse !important; /* Spalten spiegeln */
        align-items: flex-start !important;
    }

    /* Adressblock (Rechnungsdaten rutschen nach rechts) */
    .woocommerce-checkout .col-large-7,
    .woocommerce-checkout .col-1 {
        flex: 0 0 58% !important;
        max-width: 58% !important;
        padding-left: 40px !important;
        padding-right: 0 !important;
    }

    /* Bestellblock (Deine Bestellung & Button rutschen nach links) */
    .woocommerce-checkout .col-large-5,
    .woocommerce-checkout #order_review_heading,
    .woocommerce-checkout #order_review {
        flex: 0 0 42% !important;
        max-width: 42% !important;
        padding-right: 40px !important;
        padding-left: 0 !important;
    }
}
/**********************************************************************************************/
/*                                  Keine Meldungen beim Chekcout                             */
/**********************************************************************************************/
/* Verhindert das Aufblitzen von grünen Erfolgsmeldungen auf der Kasse-Seite */
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woodmart-notice,
.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message {
    display: none !important;
}
/* Blockiert das Erscheinen der grünen Erfolgsboxen nach der AJAX-Gutscheineingabe */
.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-checkout .woocommerce-message[role="alert"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}
/**********************************************************************************************/
/*                                  Keine LOGIN BEIM CHECKOUT                                 */
/**********************************************************************************************/
/* Blockiert die Anzeige der Login-Aufforderung in der Kasse vollständig */
.woocommerce-checkout .woocommerce-form-login-toggle,
.woocommerce-checkout .custom-checkout-login-wrapper,
.woocommerce-checkout .custom-table-login-row,
.woocommerce-checkout .custom-step-login {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/**********************************************************************************************/
/***************        Farbe des Menue Icons im Mobil Header               *******************/
/**********************************************************************************************/

/* Ändert die Farbe der drei Striche des mobilen Burger-Menüs */
.wd-tools-element.wd-header-mobile-nav .wd-tools-icon::before,
.wd-tools-element.wd-header-mobile-nav .wd-tools-icon::after,
.wd-tools-element.wd-header-mobile-nav .wd-tools-icon span {
    color: #f8e71c !important; /* Ersetzen Sie #ff0000 mit Ihrer Wunschfarbe (z.B. Hex-Code) */
}

/* Optional: Ändert die Farbe des Icons, wenn man den Finger darauf hält / klickt (Hover) */
.wd-tools-element.wd-header-mobile-nav:hover .wd-tools-icon::before,
.wd-tools-element.wd-header-mobile-nav:hover .wd-tools-icon::after,
.wd-tools-element.wd-header-mobile-nav:hover .wd-tools-icon span {
    color: #f8e71c !important; /* Farbe beim Drücken */
}
/**********************************************************************************************/
/***************        Farbe des CART Icons im Mobil Header               *******************/
/**********************************************************************************************/

/* GILT NUR FÜR MOBILE GERÄTE (HEADER MOBIL) */
/* @media (max-width: 1024px) {*/
    
    /* 1. FARBE DES WARENKORB-ICONS (Einkaufstasche) */
    .wd-tools-element.wd-header-cart .wd-tools-icon::before {
        color: #f8e71c  !important; /* Ersetzen Sie #ff0000 durch Ihre mobile Wunschfarbe */
    }


    /* 2. FARBE BEIM ANKLICKEN / BERÜHREN (Active / Hover mobil) */
    .wd-tools-element.wd-header-cart:active .wd-tools-icon::before,
    .wd-tools-element.wd-header-cart:hover .wd-tools-icon::before {
        color: #f8e71c !important; /* Farbe beim Fingertipp */
    }

    /* 3. DESIGN DES BADGES (Der kleine Kreis mit der Produktanzahl) */
    .wd-tools-element.wd-header-cart .wd-cart-number {
        background-color: #4e680d !important; /* Hintergrundfarbe des Kreises */
        color: #FFFFFF !important;            /* Schriftfarbe der Zahl im Kreis */
    }
/* } */
/**********************************************************************************************/
/***************        Farbe des Login Icons im Mobil Header               *******************/
/**********************************************************************************************/

/* GILT NUR FÜR MOBILE GERÄTE (MOBILES LAYOUT) */
/* @media (max-width: 1024px) { */
    
    /* 1. STANDARD-FARBE DES LOGIN-ICONS */
    .wd-tools-element.wd-header-my-account .wd-tools-icon::before {
        color: #f8e71c !important; /* Ersetzen Sie #ff0000 durch Ihre mobile Wunschfarbe */
    }

    /* 2. FARBE BEIM ANKLICKEN / BERÜHREN (Active / Hover mobil) */
    .wd-tools-element.wd-header-my-account:active .wd-tools-icon::before,
    .wd-tools-element.wd-header-my-account:hover .wd-tools-icon::before {
        color: #000000 !important; /* Wunschfarbe beim Fingertipp */
    }
/* } */


/**********************************************************************************************/
/***************           Schriftgröse Button im Mobil header              *******************/
/**********************************************************************************************/
/* GILT NUR FÜR MOBILE GERÄTE */
/* @media (max-width: 1024px){ */
    
    /* Button-Schriftgröße im mobilen Header anpassen */
    .whb-column .wd-btn, 
    .whb-column a.btn,
    .whb-column .whb-text-element {
        font-size: 32px !important;
				letter-spacing: 0.03em !important; 
        line-height: 1.3 !important;
    }
/* }

/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/***************        JETZ KAUFEN ÜBER IN DEN WARENKORB button            *******************/
/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/




/* ==========================================================================
   1. PRODUKTSEITE: REIHENFOLGE & BUTTONS IN VOLLER BREITE (100%)
   ========================================================================== */

/* Haupt-Container als vertikale Flexbox strukturieren */
.single-product form.cart {
    display: flex !important;
    flex-direction: column !important; /* Alles sauber untereinander */
    align-items: stretch !important;    /* Erzwingt 100% Breite */
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

/* Inneren WoodMart-Block aufbrechen */
.single-product form.cart .wd-single-add-to-cart {
    display: flex !important;
    flex-direction: column !important; /* Unterbricht das Nebeneinander */
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

/* REIHENFOLGE FESTLEGEN VIA ORDER */

/* ELEMENT 1: Die Mengenauswahl (Ganz oben) */
.single-product form.cart .quantity {
    order: 1 !important;
    margin-top: -5px !important;
    margin-bottom: 25px !important;    /* Abstand zum "Jetzt Kaufen" Button */
}

/* ELEMENT 2: Der "Jetzt kaufen" Button (Mitte) */
.single-product .wd-buy-now-btn {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    letter-spacing: 0.03em !important;
    margin-bottom: 5px !important;    /* Abstand zum Warenkorb-Button */
}

/* ELEMENT 3: Der normale "In den Warenkorb" Button (Ganz unten) */
.single-product form.cart .single_add_to_cart_button {
    order: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 0px !important;    /* Abstand zum Warenkorb-Button */
}


/* ==========================================================================
   2. STURMSICHERES DESIGN FÜR DEN MENGENZÄHLER (NUR MOBILGERÄTE)
   ========================================================================== */
/* @media (max-width: 1024px) { */
@media  {
    
    /* Gesamtcontainer der Mengenbox mobil */
    .quantity {
        width: 350px !important; 
        max-width: 100% !important;
        height: 76px !important;
        display: inline-flex !important;
        align-items: center !important;
	/*	  background-color: #222222 !important; */
        border: none !important;
       /* justify-content: space-between !important;*/
    }

    /* Höhe für Buttons und das Eingabefeld vereinheitlichen */
    .quantity input[type="number"],
    .quantity .plus,
    .quantity .minus {
				height: 67px !important; 
				width: 100px !important;      
        line-height: 23px !important; 
        border: none !important;

			  border-color: #4e680d  !important; 
    }

    /* ZÄHLERZAHL GEZIELT VERGRÖSSERN (SPEZIFISCHE WOODMART-KLASSEN) */
    .quantity input[type="number"].qty,
    .quantity input.qty,
    .quantity .qty {
        font-size: 42px !important;    /* Große, lesbare Zahl */
        font-weight: 800 !important;    /* Fette Darstellung */
        color: #FFFFFF !important;      /* Kräftiger Farbkontrast */
        text-align: center !important;  /* Exakte Zentrierung */
        padding: 0 !important;          /* Entfernt störende Innenabstände */
			  background-color: #2A2A2A !important;
    /*    background: transparent !important;*/
    }

    /* Plus- und Minus-Buttons mobil anpassen */
    .quantity .plus,
    .quantity .minus {
        font-size: 52px !important;  
			  font-weight: 700 !important;    /* Fette Darstellung */
        width: 55px !important;      /* Breite Touch-Fläche für Finger */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
			  background-color: #4e680d !important;
    }

    /* BROWSER-STEUERZEICHEN FÜR MOBILGERÄTE (iOS & ANDROID FIXES) */
    /* Entfernt Standard-Pfeile in Chrome, Safari, Edge, Opera */
    .quantity input::-webkit-outer-spin-button,
    .quantity input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        margin: 0 !important;
    }

    /* Entfernt Standard-Pfeile in Firefox und stoppt iOS-Schrumpfung */
    .quantity input[type="number"] {
        -moz-appearance: textfield !important;
        appearance: none !important;
        -webkit-text-size-adjust: 100% !important; /* Zwingt iPhones zum Erhalt der 22px */
    }
}




/**********************************************************************************************/
/************************   Schriftgröße des x im Warenkorb.    *******************************/
/**********************************************************************************************/

/* 1. SCHRIFTGRÖSSE DES X-SYMBOLS IM WARENKORB ERHÖHEN */
.woocommerce-cart-form table.shop_table .product-remove a.remove,
.cart-sidebar-content .product-remove a.remove,


/* 2. FALLS WOODMART EIN SVG-ICON NUTZT (Zusatzabsicherung) */
.product-remove a.remove svg {
    stroke-width: 20px !important; 

    width: 40px !important;    /* Steuert die Breite des SVG-Kreuzes */
    height: 40px !important;   /* Steuert die Höhe des SVG-Kreuzes */
}

/* 3. OPTIONAL: FARBE BEIM DARÜBERFAHREN (HOVER) ANPASSEN */
.product-remove a.remove:hover {
    color: #4e680d !important; /* Macht das X beim Überfahren mit der Maus signalrot */
    background-color: transparent !important;
}



.custom-b2b-tier-prices {
    margin: 20px 0;
}
.custom-tier-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid rgba(0,0,0,0.05);
}
.custom-tier-table th, 
.custom-tier-table td {
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.custom-tier-table th {
    background-color: rgba(0,0,0,0.02);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
}
.custom-tier-table td.tier-price {
    font-weight: bold;
    color: var(--wd-primary-color, #1a1a1a);
}
.custom-tier-table .saving-badge {
    background-color: #27ae60;
    color: #ffffff;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
}


/**********************************************************************************************/
/************************          Flexrow bei Zeilen darstellung.        *********************/
/**********************************************************************************************/
.flex-row {
    display: flex !important;
    flex-wrap: wrap;
}
.flex-row > .vc_column_container {
    width: auto !important;
    flex: 0 0 auto;
}

/**********************************************************************************************/
/************************    IM WARENKORB – Produktbilder ausblenden       *********************/
/**********************************************************************************************/

/* Blendet die Spalte mit den Produktbildern im Warenkorb aus */
.woocommerce-cart-form th.product-thumbnail, 
.woocommerce-cart-form td.product-thumbnail {
    display: none !important;
}

/**********************************************************************************************/
/*******************    X im Checkout gestalten   
/**********************************************************************************************/
.checkout-remove-item {
    transition: opacity 0.2s ease;
}
.checkout-remove-item:hover {
    opacity: 0.7;
    color: #ff0000 !important;
}