:root {
	--wd-text-font: "Figtree", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #2A2622;
	--wd-text-font-size: 16px;
	--wd-title-font: "Figtree", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #2A2622;
	--wd-entities-title-font: var(--wd-title-font);
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #2A2622;
	--wd-entities-title-color-hover: #DE772F;
	--wd-alternative-font: "Caveat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: var(--wd-text-font);
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #2A2622;
	--wd-widget-title-font-size: 15px;
	--wd-header-el-font: var(--wd-text-font);
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #DE772F;
	--wd-alternative-color: #DE772F;
	--btn-default-font-weight: 600;
	--btn-default-transform: none;
	--btn-default-bgcolor: #EDE3D3;
	--btn-default-bgcolor-hover: #E3D8C6;
	--btn-accented-font-weight: 600;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: #DE772F;
	--btn-accented-bgcolor-hover: #C76826;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #2F5D62;
	--notices-success-color: #FFFFFF;
	--notices-warning-bg: #F4D6C0;
	--notices-warning-color: #2A2622;
	--wd-link-color: #DE772F;
	--wd-link-color-hover: #C76826;
}
.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-footer {
	background-color: #ffffff;
	background-image: none;
}
.zf-hero-title em {
	font-family: "Figtree", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #DE772F;
}
.whb-header .btn.zf-kaufen.zf-kaufen {
	font-family: "Figtree", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 15px;
	text-transform: none;
}
.elementor-100 .elementor-element.elementor-element-e5c5097 .elementor-heading-title.elementor-heading-title, .elementor-100 .elementor-element.elementor-element-fa17fe9 .elementor-heading-title.elementor-heading-title, .elementor-100 .elementor-element.elementor-element-606a9d8 .elementor-heading-title.elementor-heading-title, .elementor-100 .elementor-element.elementor-element-6287daa .elementor-heading-title.elementor-heading-title, .elementor-100 .elementor-element.elementor-element-59f7cd3 .elementor-heading-title.elementor-heading-title, .elementor-100 .elementor-element.elementor-element-b51e945 .elementor-heading-title.elementor-heading-title {
	font-family: "Figtree", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-style: normal;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: #F7F2E9;
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: #F7F2E9;
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: #F7F2E9;
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: #2A2622;
	--wd-form-placeholder-color: #857664;
	--wd-form-brd-color: #857664;
	--wd-form-brd-color-focus: #DE772F;
	--wd-form-bg: #FFFFFF;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	.whb-header .btn.zf-kaufen.zf-kaufen {
		font-size: 15px;
	}

}

@media (max-width: 768.98px) {
	.whb-header .btn.zf-kaufen.zf-kaufen {
		font-size: 14px;
	}

}
:root{
--wd-container-w: 1230px;
--wd-form-brd-radius: 30px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

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


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

/* ZeitFach – nur, was sich nicht über Einstellungen lösen lässt */

/* Tastaturfokus nicht unter dem Sticky-Header (72 px) verstecken. Weiches Scrollen zu Abschnitten: JS in „Bei Dokumentenbereitschaft“ */
html { scroll-padding-top: 80px; }

/* Germanized setzt auf Shop-Seiten einen zweiten Button „Vertrag widerrufen“ unter den Footer –
   der Link steht bereits im Footer unter „Rechtliches“ (auf jeder Seite, Beschriftung wie gesetzlich vorgesehen). */
.eu-owb-order-withdraw-from-contract-button { display: none; }

/* Anker-Menüpunkte (onepage-link) nicht dauerhaft als aktiv markieren */
.wd-nav-main > li.onepage-link.current-menu-item:not(:hover) > a { color: #2A2622; }
.wd-nav-main > li.onepage-link.current-menu-item:not(:hover) > a .nav-link-text:after { width: 0; }

/* Hero fensterhoch (Elementor-Einstellung) – für eingeloggte Nutzer die WP-Adminleiste (32 px) mit abziehen */
@media (min-width: 1025px) { .admin-bar #start { --min-height: calc(100vh - 210px); } }

/* Anlässe („Welcher Moment ist deiner?“) blättern automatisch (JS in „Bei Dokumentenbereitschaft“).
   Aktive Pille weiß mit Rand und Schrift in Logo-Orange; darin läuft unten eine feine Fortschrittslinie bis zum Wechsel.
   Pause (Maus über dem Abschnitt, Tastaturfokus, außer Sicht): Linie hält an und wird blasser.
   Nach eigenem Antippen bzw. per Tastatur bleibt die Auswahl stehen – Pille dann voll in Pfirsich, ohne Linie. */
#anlaesse .e-n-tabs.zf-auto .e-n-tab-title { position: relative; overflow: hidden; transition: background-color .3s, border-color .3s, color .3s, box-shadow .3s; }
#anlaesse .e-n-tabs.zf-auto .e-n-tab-title .e-n-tab-title-text { position: relative; z-index: 1; }
#anlaesse .e-n-tabs.zf-auto .e-n-tab-title[aria-selected="true"] { background-color: #FFFFFF; color: #DE772F; box-shadow: 0 4px 14px rgba(222, 119, 47, .18); }
#anlaesse .e-n-tabs.zf-auto .e-n-tab-title[aria-selected="true"]::after { content: ""; position: absolute; top: auto; left: 18px; right: 18px; bottom: 6px; height: 2px; border-radius: 2px; background: #DE772F; transform-origin: left; transform: scaleX(0); pointer-events: none; animation: zfOccProgress 8s linear forwards; transition: opacity .3s; }
#anlaesse .e-n-tabs.zf-paused .e-n-tab-title[aria-selected="true"]::after { animation-play-state: paused; opacity: .4; }
#anlaesse .e-n-tabs.zf-stopped .e-n-tab-title[aria-selected="true"] { background-color: #F4D6C0; box-shadow: none; }
#anlaesse .e-n-tabs.zf-stopped .e-n-tab-title[aria-selected="true"]::after { display: none; }
#anlaesse .e-n-tabs-content > .e-con.e-active { animation: zfFade .6s ease; }
@keyframes zfOccProgress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes zfFade { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { #anlaesse .e-n-tabs-content > .e-con.e-active { animation: none; } }

/* Akzentfarbe Orange statt Petrol (12.10.2026, seit 13.10. Logo-Orange #DE772F): Elementor-Widgets sind an die Kit-Farbe
   „Orange Akzent“ gebunden. Der HTML-Block 100 (Produktseite: Größenberater, Darum ZeitFach, FAQ) lässt sich per REST nicht
   umbinden – dort zeigt „Petrol“ (Kit primary) deshalb auf das Orange; ebenso bei den drei Symbolen über dem Footer (HTML-Block 94).
   Petrol/Tiefgrün bleibt in der Geschenk-Fläche, im Footer und in der Leiste ganz oben. */
.elementor-100, .elementor-94 .elementor-widget-icon-box .elementor-icon { --e-global-color-primary: #DE772F; }

/* ---------- Produktseite: Variantenauswahl ---------- */
/* Größe: zwei gleich breite Spalten (S, M-Q/M-H, X), Auswahl in Orange.
   WoodMart zeichnet den Rahmen als inset-Schatten – daher box-shadow und eine Klasse mehr Spezifität. */
.wd-swatches-product[data-id="pa_groesse"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.wd-swatches-product[data-id="pa_groesse"] .wd-swatch.wd-swatch.wd-text { width: auto; min-width: 0; height: auto; min-height: 50px; margin: 0; padding: 8px 10px; border-radius: 8px; box-shadow: inset 0 0 0 1.5px #857664; transition: box-shadow .2s, background-color .2s, color .2s; }
.wd-swatches-product[data-id="pa_groesse"] .wd-swatch.wd-swatch.wd-text:hover { box-shadow: inset 0 0 0 1.5px #DE772F; }
.wd-swatches-product[data-id="pa_groesse"] .wd-swatch.wd-swatch.wd-text.wd-active { box-shadow: inset 0 0 0 2px #DE772F; background-color: #FFFFFF; color: #DE772F; }
.wd-swatches-product[data-id="pa_groesse"] .wd-swatch-text { white-space: nowrap; text-align: center; font-size: 14px; line-height: 1.3; }
/* Farbe: größere Kreise, 10 Farben als Raster 5 + 5 (sonst Umbruch 7 + 3), deutliche Kontur (auch für Weiß und Pastell), Auswahlring in Orange */
.wd-swatches-product[data-id="pa_farbe"] { --wd-swatch-w: 46px; --wd-swatch-h: 46px; display: grid; grid-template-columns: repeat(5, max-content); gap: 8px 6px; }
.wd-swatches-product[data-id="pa_farbe"] .wd-swatch.wd-swatch.wd-bg { margin: 0; }
.wd-swatches-product[data-id="pa_farbe"] .wd-swatch-bg { box-shadow: inset 0 0 0 1.5px rgba(42, 38, 34, .35); }
.wd-swatches-product[data-id="pa_farbe"] .wd-swatch.wd-swatch.wd-bg:hover { box-shadow: inset 0 0 0 1.5px #857664; }
.wd-swatches-product[data-id="pa_farbe"] .wd-swatch.wd-swatch.wd-bg.wd-active { box-shadow: inset 0 0 0 2px #DE772F; }
/* „Zurücksetzen“ in eine eigene Zeile unter die Auswahl */
.variations_form .wd-reset-var { display: block; margin-top: 10px; }

/* Menge als Pille (wie im Entwurf) und Warenkorb-Button in gleicher Höhe, füllt die Zeile */
.single-product .variations_button { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.single-product .variations_button div.quantity { display: inline-flex; align-items: center; height: 56px; margin: 0; border: 1.5px solid #857664; border-radius: 999px; overflow: hidden; }
.single-product .variations_button div.quantity input.qty { width: 36px; height: 100%; min-height: 0; padding: 0; border: 0; background: transparent; font-size: 16px; font-weight: 600; text-align: center; color: #2A2622; }
.single-product .variations_button div.quantity .minus, .single-product .variations_button div.quantity .plus { width: 46px; height: 100%; min-height: 0; padding: 0; border: 0; background: transparent; font-size: 20px; color: #2A2622; box-shadow: none; }
.single-product .variations_button div.quantity .minus:hover, .single-product .variations_button div.quantity .plus:hover { color: #DE772F; background: transparent; }
.single-product .variations_button .single_add_to_cart_button { flex: 1 1 200px; height: 56px; min-height: 56px; margin: 0; padding: 0 28px; font-size: 16px; }

/* ---------- Formulare (Contact Form 7) ---------- */
.wpcf7 { --wd-form-height: 50px; }
.wpcf7 .zf-label { display: block; margin: 0 0 8px; padding: 0; font-family: var(--wd-text-font); font-size: 14px; font-weight: 600; line-height: 1.4; color: #2A2622; }
.wpcf7 .zf-req { color: #DE772F; }
.wpcf7 .zf-opt { font-weight: 400; color: #6B6158; }
.wpcf7 p, .wpcf7 .zf-choices { margin: 0 0 20px; }
.wpcf7 .zf-choices { border: 0; padding: 0; min-width: 0; }
.wpcf7 textarea { min-height: 140px; padding-top: 14px; border-radius: 20px; resize: vertical; }
.wpcf7 .zf-row { display: flex; flex-wrap: wrap; gap: 0 16px; }
.wpcf7 .zf-row > p { flex: 1 1 220px; }

/* Checkboxen in Markenfarbe */
.wpcf7 input[type="checkbox"] { accent-color: #DE772F; width: 18px; height: 18px; margin: 0 8px 0 0; vertical-align: -4px; }
.wpcf7 .wpcf7-acceptance { display: block; margin-bottom: 20px; font-size: 13px; line-height: 1.5; color: #6B6158; }
.wpcf7 .wpcf7-list-item { margin: 0; }

/* Wunschkasten (zurzeit nicht auf der Seite): Auswahl als Pillen */
.wpcf7 .zf-choices .wpcf7-checkbox { display: flex; flex-wrap: wrap; gap: 8px; }
.wpcf7 .zf-choices label { display: inline-flex; align-items: center; padding: 8px 16px; border: 1.5px solid #857664; border-radius: 999px; font-size: 14px; cursor: pointer; transition: background-color .2s, border-color .2s, color .2s; }
.wpcf7 .zf-choices label:hover { border-color: #DE772F; color: #DE772F; }
.wpcf7 .zf-choices input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.wpcf7 .zf-choices label:has(input:checked) { background-color: #DE772F; border-color: #DE772F; color: #FFFFFF; }
.wpcf7 .zf-choices label:has(input:focus-visible) { outline: 2px solid #2A2622; outline-offset: 2px; }

/* Newsletter: E-Mail-Feld und Button in einer Zeile (CF7 setzt ein <p> dazwischen) */
.zf-newsletter .zf-nl-row > p { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px; margin: 0 0 14px; }
.zf-newsletter .zf-nl-row .wpcf7-form-control-wrap { flex: 1 1 220px; }
.zf-newsletter .wpcf7-submit { height: 50px; padding-inline: 28px; }

/* Feldhinweise in Orange */
.wpcf7 .wpcf7-not-valid-tip { margin-top: 6px; font-size: 13px; color: #DE772F; }
.wpcf7 .wpcf7-not-valid { border-color: #DE772F; }