:root {
	--wd-text-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(32,35,34);
	--wd-text-font-size: 16px;
	--wd-title-font: "Lora", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: rgb(32,35,34);
	--wd-entities-title-font: "Lora", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: rgb(32,35,34);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(32,35,34);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(189,133,84);
	--wd-alternative-color: rgb(32,35,34);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: "Manrope", Arial, Helvetica, sans-serif;
	--btn-accented-font-size: 15px;
	--btn-accented-bgcolor: rgb(189,133,84);
	--btn-accented-bgcolor-hover: rgb(173,124,76);
	--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-link-decor-style: solid;
}
.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(0,0,0);
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-family: "Manrope", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 40px;
	color: rgb(0,0,0);
}
H2 {
	font-family: "Manrope", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 40px;
	color: rgb(0,0,0);
}
H3 {
	font-family: "Manrope", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 26px;
	color: rgb(0,0,0);
}
html .wd-nav.wd-nav-main > li > a {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
}
.sidebar-container h3, .wp-block-widget h3, .widget-title {
	font-family: "Lora", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
}
.copyrights-wrapper {
	font-family: "Manrope", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
}
.footer-sidebar .widget-title, .footer-sidebar h3 {
	font-family: "Manrope", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 18px;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 34px;
	}
	H2 {
		font-size: 30px;
	}
	H3 {
		font-size: 26px;
	}

}

@media (max-width: 768.98px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 30px;
	}
	H2 {
		font-size: 26px;
	}
	H3 {
		font-size: 26px;
	}

}
:root{
--wd-container-w: 1222px;
--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: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(250,250,248);
}

/* =====================================================
   BL-H868 – Produktseite
   Produkt-ID: 37660
   WoodMart / WooCommerce
===================================================== */


/* 1. Farbbezeichnungen neben dem NEU-Badge ausblenden */

body.single-product.postid-37660
.woocommerce-product-gallery
.product-labels
.attribute-label.label-attribute-pa_farbe {
    display: none !important;
}


/* 2. Ursprüngliche Farbauswahl rechts ausblenden */

body.single-product.postid-37660
.summary .variations tr:has(
    select[name="attribute_pa_farbe"]
) {
    display: none !important;
}


/* 3. Farbkreise unterhalb der Galerie gestalten */

body.single-product.postid-37660
.bl-h868-color-picker {
    position: relative;
    z-index: 1;
    margin-top: 20px;
    flex-shrink: 0;
}


/* 4. Sticky-Funktion für Galerie und Farbkreise */

@media (min-width: 1025px) {

    /* Gesamte linke Spalte sticky positionieren */

    body.single-product.postid-37660
    .product-image-summary-inner .product-images {
        position: sticky !important;
        top: 119px;
        align-self: start;
        display: flex;
        flex-direction: column;
    }

    /* Sticky-Funktion der einzelnen Galerie deaktivieren */

    body.single-product.postid-37660
    .product-images .woocommerce-product-gallery {
        position: static !important;
        top: auto !important;
    }

    /* Farbkreise unterhalb der Galerie halten */

    body.single-product.postid-37660
    .product-images .bl-h868-color-picker {
        position: relative;
        margin-top: 20px;
        flex-shrink: 0;
    }
}

/* =========================================
   BL-H868 – Farbbadges auf Archivseiten ausblenden
   Produkt-ID: 37660
========================================= */

.product-grid-item.post-37660
.product-labels
.attribute-label.label-attribute-pa_farbe {
    display: none !important;
}




/* ==========================================
   RELAXPRO SYSTEMS
   PREMIUM CTA – FINAL VERSION
   WoodMart / WooCommerce
   ========================================== */


/* 1. GRUNDEINSTELLUNGEN */

.rps-cta-section {
    width: 100%;
    max-width: 100%;
    background: #fafaf8;

    padding: 50px 35px;
    margin: 45px 0;

    box-sizing: border-box;
    font-family: 'Manrope', sans-serif;
}

.rps-cta-section *,
.rps-cta-section *::before,
.rps-cta-section *::after {
    box-sizing: border-box;
}


/* 2. ZWEISPALTIGES LAYOUT */

.rps-cta-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;

    display: grid;
    grid-template-columns:
        minmax(0, 42fr)
        minmax(0, 58fr);

    column-gap: 34px;
    align-items: center;
}


/* ==========================================
   3. LINKE SEITE – PRODUKTPRÄSENTATION
   ========================================== */

.rps-cta-visual {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-width: 0;

    background: #f4f1ec;
    border: 1px solid #e2d5c5;
    border-radius: 8px;

    padding: 22px 18px 27px;

    overflow: hidden;
    isolation: isolate;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}


/* Dezente goldene Akzentlinie */

.rps-cta-visual::before {
    content: "";

    position: absolute;
    top: 0;
    left: 50%;

    width: 78px;
    height: 2px;

    background: #bd8b56;

    transform: translateX(-50%);
    z-index: 2;
}


/* Dezenter Hover-Effekt */

.rps-cta-visual:hover {
    border-color: #cdb89f;

    box-shadow:
        0 12px 30px rgba(20, 47, 80, 0.045);
}


/* ==========================================
   4. PRODUKTBILD
   ========================================== */

.rps-cta-image {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-width: 0;

    padding: 0;
    margin: 0;

    overflow: hidden;
}


/* Keine zusätzlichen CSS-Bodenschatten */

.rps-cta-image::before,
.rps-cta-image::after {
    content: none !important;
}


/* Neues Studio-Produktbild */

.rps-cta-image img {
    display: block;

    width: 100%;
    max-width: 430px;
    height: auto;

    margin: 0 auto;

    object-fit: contain;
    object-position: center;

    /* Bildfarben unverändert darstellen */
    mix-blend-mode: normal;

    /* Keine perspektivische Verzerrung */
    transform: none;

    transition: transform 0.45s ease;
}


/* Sehr dezente Vergrößerung */

.rps-cta-visual:hover .rps-cta-image img {
    transform: scale(1.015);
}


/* ==========================================
   5. PRODUKTINFORMATION UNTER DEM BILD
   ========================================== */

.rps-cta-image-info {
    position: relative;
    z-index: 2;

    width: 100%;

    margin-top: 12px;
    padding-top: 14px;

    text-align: center;
}


/* Dezente Trennlinie */

.rps-cta-image-info::before {
    content: "";

    display: block;

    width: 50px;
    height: 1px;

    background: #c9b79f;

    margin: 0 auto 15px;
}


/* Kleine Produktüberschrift */

.rps-cta-image-label {
    display: block;

    font-family: 'Manrope', sans-serif;
    font-size: 10px;
    font-weight: 700;

    letter-spacing: 2px;
    line-height: 1.6;

    color: #bd8b56;

    margin-bottom: 8px;
}


/* Produktuntertitel */

.rps-cta-image-subtitle {
    display: block;

    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 500;

    line-height: 1.6;
    letter-spacing: 0.2px;

    color: #142f50;
}


/* ==========================================
   6. RECHTER TEXTBEREICH
   ========================================== */

.rps-cta-content {
    min-width: 0;
    padding: 0;
}


/* Kleine Überschrift */

.rps-cta-eyebrow {
    display: block;

    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    font-weight: 700;

    letter-spacing: 2.5px;
    line-height: 1.6;

    color: #bd8b56;

    margin-bottom: 18px;
}


/* Hauptüberschrift */

.rps-cta-content h2 {
    font-family: 'Manrope', sans-serif;

    font-size: 40px;
    font-weight: 500;

    line-height: 1.3;
    letter-spacing: -0.7px;

    color: #142f50;

    margin: 0 0 24px;
}


/* Standardtext */

.rps-cta-content p {
    font-family: 'Manrope', sans-serif;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.8;

    color: #555555;

    margin: 0 0 18px;
}


/* Hervorgehobener Einleitungstext */

.rps-cta-content .rps-cta-lead {
    font-size: 17px;
    font-weight: 400;

    line-height: 1.75;

    color: #243b50;
}


/* ==========================================
   7. VORTEILE
   ========================================== */

.rps-cta-benefits {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    column-gap: 22px;
    row-gap: 17px;

    margin: 28px 0 32px;
}


/* Einzelner Vorteil */

.rps-cta-benefit {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 500;

    line-height: 1.6;

    color: #243b50;
}


/* Goldene Häkchen */

.rps-cta-benefit span {
    flex-shrink: 0;

    color: #bd8b56;

    font-size: 18px;
    font-weight: 700;

    line-height: 1.3;
}


/* ==========================================
   8. CTA-BUTTONS
   ========================================== */

.rps-cta-buttons {
    display: flex;
    flex-wrap: wrap;

    align-items: center;
    gap: 13px;
}


/* Gemeinsame Button-Eigenschaften */

.rps-cta-button-primary,
.rps-cta-button-secondary {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 12px;

    min-height: 54px;
    padding: 15px 25px;

    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 600;

    line-height: 1.4;
    letter-spacing: 0.1px;

    border-radius: 3px;

    text-decoration: none;

    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


/* Primärer Button */

.rps-cta-button-primary {
    background: #bd8b56;
    border: 1px solid #bd8b56;

    color: #ffffff;
}

.rps-cta-button-primary:hover {
    background: #a77744;
    border-color: #a77744;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(189, 139, 86, 0.18);
}


/* Sekundärer Button */

.rps-cta-button-secondary {
    background: transparent;

    border: 1px solid #142f50;
    color: #142f50;
}

.rps-cta-button-secondary:hover {
    background: #142f50;
    border-color: #142f50;

    color: #ffffff;

    transform: translateY(-2px);
}


/* Tastaturbedienung */

.rps-cta-buttons a:focus-visible {
    outline: 2px solid #142f50;
    outline-offset: 4px;
}


/* ==========================================
   9. UNTERER MARKENHINWEIS
   ========================================== */

.rps-cta-content .rps-cta-note {
    font-family: 'Manrope', sans-serif;

    font-size: 11px;
    font-weight: 400;

    line-height: 1.7;
    letter-spacing: 0.15px;

    color: #858585;

    margin: 26px 0 0;
}


/* ==========================================
   10. TABLET
   ========================================== */

@media (max-width: 1024px) {

    .rps-cta-section {
        padding: 40px 25px;
    }

    .rps-cta-container {
        grid-template-columns:
            minmax(0, 40fr)
            minmax(0, 60fr);

        column-gap: 25px;
    }

    .rps-cta-visual {
        padding: 20px 15px 24px;
    }

    .rps-cta-image img {
        max-width: 350px;
    }

    .rps-cta-content h2 {
        font-size: 33px;
    }

    .rps-cta-content .rps-cta-lead {
        font-size: 16px;
    }

    .rps-cta-benefits {
        grid-template-columns: 1fr;
        row-gap: 13px;
    }
}


/* ==========================================
   11. SMARTPHONE
   ========================================== */

@media (max-width: 767px) {

    .rps-cta-section {
        padding: 30px 15px;
        margin: 30px 0;
    }

    .rps-cta-container {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 28px;
    }

    .rps-cta-visual {
        padding: 20px 15px 25px;
    }

    .rps-cta-image img {
        max-width: 330px;
    }

    .rps-cta-image-info {
        margin-top: 10px;
    }

    .rps-cta-content {
        text-align: center;
    }

    .rps-cta-eyebrow {
        font-size: 10px;
        letter-spacing: 2px;
    }

    .rps-cta-content h2 {
        font-size: 29px;
        letter-spacing: -0.4px;

        margin-bottom: 20px;
    }

    .rps-cta-content p {
        font-size: 15px;
    }

    .rps-cta-content .rps-cta-lead {
        font-size: 16px;
    }

    .rps-cta-benefits {
        grid-template-columns: 1fr;

        max-width: 310px;

        margin: 25px auto 30px;

        text-align: left;
    }

    .rps-cta-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .rps-cta-button-primary,
    .rps-cta-button-secondary {
        width: 100%;
        min-height: 52px;
    }

    .rps-cta-content .rps-cta-note {
        margin-top: 23px;
    }
}


/* ==========================================
   12. REDUZIERTE ANIMATIONEN
   ========================================== */

@media (prefers-reduced-motion: reduce) {

    .rps-cta-visual,
    .rps-cta-image img,
    .rps-cta-button-primary,
    .rps-cta-button-secondary {
        transition: none;
    }

    .rps-cta-visual:hover .rps-cta-image img,
    .rps-cta-button-primary:hover,
    .rps-cta-button-secondary:hover {
        transform: none;
    }
}



/* ==========================================
	RELAXPRO SYSTEMS
  WoodMart Shop – einheitliche Produktrahmen
   ========================================== */

/* Produktabstände beibehalten */
@media (min-width: 1025px) {

    .woocommerce.archive .products.wd-products {
        column-gap: 20px;
        row-gap: 30px;
    }

}

/* Vorhandenen WoodMart-Rahmen verwenden */
.woocommerce.archive .wd-products .wd-product {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
}

/* Zusätzlichen Rahmen im Produktinneren entfernen */
.woocommerce.archive .wd-products .product-wrapper {
    border: none;
}

/* ==========================================
   RELAXPRO SYSTEMS
   Produkttitel – Full Width
   ========================================== */

.single-product .relaxpro-product-title-top {

    /* Hintergrund */
    background-color: #fafaf8;

    /* Volle Bildschirmbreite */
    width: 100vw;
    max-width: none;

    /* Aus dem Content-Container herausziehen */
    position: relative;
    left: 50%;
    transform: translateX(-50%);

    /* Abstände */
    padding: 60px 20px;
    margin: 0 0 35px 0;

    /* Zentrierung */
    text-align: center;

    /* Box-Modell */
    box-sizing: border-box;
}

/* Innerer Container */
.single-product .relaxpro-product-title-top > .container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

/* H1-Produkttitel */
.single-product .relaxpro-product-title-top h1 {
    font-family: 'Manrope', sans-serif;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.3;
    color: #202322;
    text-align: center;
    margin: 0;
}

/* Tablet */
@media (max-width: 1024px) {

    .single-product .relaxpro-product-title-top {
        padding: 45px 20px;
    }

    .single-product .relaxpro-product-title-top h1 {
        font-size: 34px;
    }
}

/* Smartphone */
@media (max-width: 767px) {

    .single-product .relaxpro-product-title-top {
        padding: 35px 15px;
        margin-bottom: 25px;
    }

    .single-product .relaxpro-product-title-top h1 {
        font-size: 26px;
        line-height: 1.4;
    }
}

/* ==========================================
   RELAXPRO SYSTEMS
   Breadcrumbs im Produkttitelbereich
   ========================================== */

/* Breadcrumb Container */
.single-product .relaxpro-product-breadcrumbs {
    margin-top: 18px;
    text-align: center;
}

/* Breadcrumb Navigation */
.single-product .relaxpro-product-breadcrumbs
.woocommerce-breadcrumb {

    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;

    color: #777777;

    text-align: center;
    margin: 0;
}

/* Breadcrumb Links */
.single-product .relaxpro-product-breadcrumbs
.woocommerce-breadcrumb a {

    color: #142f50;
    text-decoration: none;
    transition: color 0.2s ease;
}

/* Hover */
.single-product .relaxpro-product-breadcrumbs
.woocommerce-breadcrumb a:hover {

    color: #d49a4c;
}

/* Trennzeichen */
.single-product .breadcrumb-separator {
    color: #999999;
    margin: 0 8px;
}

/* Smartphone */
@media (max-width: 767px) {

    .single-product .relaxpro-product-breadcrumbs {
        margin-top: 12px;
    }

    .single-product .relaxpro-product-breadcrumbs
    .woocommerce-breadcrumb {
        font-size: 12px;
        line-height: 1.7;
    }
}

/* ========================================
   RelaxPro Systems: Doppeltes Produktbild
	 im Checkout vermeiden
========================================= */

.woocommerce-checkout .wc-gzd-cart-item-thumbnail {
    display: none !important;
}

/* ========================================
   sidebar-Container sticky
======================================== */

@media (min-width: 1025px) {
    .sidebar-container {
        position: -webkit-sticky;
        position: sticky;
        top: 120px; /* Abstand zum oberen Bildschirmrand - an deinen Header anpassen */
        height: max-content;
    }
}

/* ========================================
   WoodMart – Produktkategorien
======================================== */

/* Gelbe WooCommerce-Meldung entfernen */
.tax-product_cat .woocommerce-no-products-found {
    display: none !important;
}

/* Zusätzliches Suchfeld entfernen */
.tax-product_cat .no-products-footer {
    display: none !important;
}

/* Abstand unter Produktkarussell entfernen */
.tax-product_cat .wd-carousel-container.wd-products-element {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ========================================
   Vier Spalten gleiche Abstände nach unten
========================================= */

.kontakt-box {
    align-items: stretch;
}
/* Spalten auf gleiche Höhe bringen */
.kontakt-box > .wp-block-wd-column {
    display: flex;
    flex-direction: column;
}
/* Infobox auf volle Spaltenhöhe */
.kontakt-box .wp-block-wd-infobox {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
}
/* Textcontainer füllt den verfügbaren Platz */
.kontakt-box .wp-block-wd-infobox
.wp-block-wd-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
}
/* Buttons immer ganz unten */
.kontakt-box .wp-block-wd-infobox
.wp-block-wd-button {
    margin-top: auto !important;
    align-self: flex-start;
}

/* Buttons unten und horizontal mittig ausrichten */
.kontakt-box .wp-block-wd-infobox
.wp-block-wd-container > .wp-block-wd-button {
	align-self: center !important;
}

/* WD-Spalten auf gleiche Höhe bringen */
.wp-block-wd-row {
	align-items: stretch !important;
}

/* Spalten als vertikale Flexbox */
.wp-block-wd-row > .wp-block-wd-column {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
}

/* Buttons immer unten ausrichten */
.wp-block-wd-row > .wp-block-wd-column > a.wp-block-wd-button:last-child {
  margin-top: auto !important;
}

/* Optional: Abstand oberhalb der Buttons */
.wp-block-wd-row > .wp-block-wd-column > a.wp-block-wd-button:last-child {
  margin-top: auto !important;
  margin-bottom: 0 !important;
}

/* ========================================
   Anpassungen Ninja Forms
======================================== */

body .ninja-forms-form-wrap input[type="text"], 
body .ninja-forms-form-wrap input[type="email"], 
body .ninja-forms-form-wrap input[type="tel"], 
body .ninja-forms-form-wrap select {
    height: 50px; /* Gewünschte Höhe hier eintragen */
    padding: 10px; /* Optional: Innenabstand für bessere Optik */
}