<!DOCTYPE html>
<html lang="de" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- WP_HEAD() START -->
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<script type="text/javascript" charset="UTF-8" data-cs-platform="wordpress" src="https://cdn.cookie-script.com/s/a1494976dbbfcc4bf089cd25a7fd7e0c.js" id="cookie_script-js-with"></script>
	<!-- This site is optimized with the Yoast SEO plugin v28.3 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<title>neues Premium Design - Farioli &amp; Maibach</title>
	<link rel="canonical" href="https://farioli-maibach.de/produkt/neues-premium-design/" />
	<meta property="og:locale" content="de_DE" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="neues Premium Design - Farioli &amp; Maibach" />
	<meta property="og:description" content="171 x 92 x 45" />
	<meta property="og:url" content="https://farioli-maibach.de/produkt/neues-premium-design/" />
	<meta property="og:site_name" content="Farioli &amp; Maibach" />
	<meta property="article:modified_time" content="2026-08-28T11:14:46+00:00" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:label1" content="Geschätzte Lesezeit" />
	<meta name="twitter:data1" content="1 Minute" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/farioli-maibach.de\/produkt\/neues-premium-design\/","url":"https:\/\/farioli-maibach.de\/produkt\/neues-premium-design\/","name":"neues Premium Design - Farioli &amp; Maibach","isPartOf":{"@id":"https:\/\/farioli-maibach.de\/#website"},"datePublished":"2026-08-28T10:21:45+00:00","dateModified":"2026-08-28T11:14:46+00:00","breadcrumb":{"@id":"https:\/\/farioli-maibach.de\/produkt\/neues-premium-design\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/farioli-maibach.de\/produkt\/neues-premium-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/farioli-maibach.de\/produkt\/neues-premium-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/farioli-maibach.de\/"},{"@type":"ListItem","position":2,"name":"Alle Produkte","item":"https:\/\/farioli-maibach.de\/shop\/"},{"@type":"ListItem","position":3,"name":"neues Premium Design"}]},{"@type":"WebSite","@id":"https:\/\/farioli-maibach.de\/#website","url":"https:\/\/farioli-maibach.de\/","name":"Farioli &amp; Maibach","description":"Ihr Spezialist für nachhaltige und hochwertige Verpackungen, die garantiert im Gedächtnis bleiben.","publisher":{"@id":"https:\/\/farioli-maibach.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/farioli-maibach.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/farioli-maibach.de\/#organization","name":"Farioli & Maibach","url":"https:\/\/farioli-maibach.de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/farioli-maibach.de\/#\/schema\/logo\/image\/","url":"https:\/\/farioli-maibach.de\/wp-content\/uploads\/2023\/09\/Farioli-Maibach_Logo@500x.png","contentUrl":"https:\/\/farioli-maibach.de\/wp-content\/uploads\/2023\/09\/Farioli-Maibach_Logo@500x.png","width":500,"height":43,"caption":"Farioli & Maibach"},"image":{"@id":"https:\/\/farioli-maibach.de\/#\/schema\/logo\/image\/"}}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel="alternate" type="application/rss+xml" title="Farioli &amp; Maibach &raquo; Feed" href="https://farioli-maibach.de/feed/" />
<link rel="alternate" type="application/rss+xml" title="Farioli &amp; Maibach &raquo; Kommentar-Feed" href="https://farioli-maibach.de/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Farioli &amp; Maibach &raquo; Kommentar-Feed zu neues Premium Design" href="https://farioli-maibach.de/produkt/neues-premium-design/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://farioli-maibach.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ffarioli-maibach.de%2Fprodukt%2Fneues-premium-design%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://farioli-maibach.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ffarioli-maibach.de%2Fprodukt%2Fneues-premium-design%2F&#038;format=xml" />
<style id="ma-customfonts-swap">@font-face{font-family:"GeneralSans";font-weight:300;font-style:normal;src:url("//farioli-maibach.de/wp-content/uploads/fonts/GeneralSans-Light.woff") format("woff");font-display:swap;}@font-face{font-family:"GeneralSans";font-weight:400;font-style:normal;src:url("//farioli-maibach.de/wp-content/uploads/fonts/GeneralSans-Regular.woff") format("woff");font-display:swap;}@font-face{font-family:"GeneralSans";font-weight:500;font-style:normal;src:url("//farioli-maibach.de/wp-content/uploads/fonts/GeneralSans-Medium.woff") format("woff");font-display:swap;}@font-face{font-family:"GeneralSans";font-weight:600;font-style:normal;src:url("//farioli-maibach.de/wp-content/uploads/fonts/GeneralSans-Semibold.woff") format("woff");font-display:swap;}</style><style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-block-library-inline-css">
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
</style>
<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<link rel='stylesheet' id='woocommerce-blocktheme-css' href='https://farioli-maibach.de/wp-content/plugins/woocommerce/assets/css/woocommerce-blocktheme.css?ver=11.0.1' media='all' />
<link rel='stylesheet' id='cr-frontend-css-css' href='https://farioli-maibach.de/wp-content/plugins/customer-reviews-woocommerce/css/frontend.css?ver=5.119.0' media='all' />
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--base: #ffffff;--wp--preset--color--contrast: #000000;--wp--preset--color--primary: #9DFF20;--wp--preset--color--secondary: #345C00;--wp--preset--color--tertiary: #F6F6F6;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.227), 1rem);--wp--preset--font-size--medium: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.227), 1.125rem);--wp--preset--font-size--large: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 0.227), 1.875rem);--wp--preset--font-size--x-large: 2.25rem;--wp--preset--font-size--xx-large: clamp(6.1rem, 6.1rem + ((1vw - 0.2rem) * 7.091), 10rem);--wp--preset--font-family--dm-sans: "DM Sans", sans-serif;--wp--preset--font-family--ibm-plex-mono: 'IBM Plex Mono', monospace;--wp--preset--font-family--inter: "Inter", sans-serif;--wp--preset--font-family--system-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--wp--preset--font-family--source-serif-pro: "Source Serif Pro", serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: clamp(1.5rem, 5vw, 2rem);--wp--preset--spacing--40: clamp(1.8rem, 1.8rem + ((1vw - 0.48rem) * 2.885), 3rem);--wp--preset--spacing--50: clamp(2.5rem, 8vw, 4.5rem);--wp--preset--spacing--60: clamp(3.75rem, 10vw, 7rem);--wp--preset--spacing--70: clamp(5rem, 5.25rem + ((1vw - 0.48rem) * 9.096), 8rem);--wp--preset--spacing--80: clamp(7rem, 14vw, 11rem);--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 650px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1.5rem; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 1.5rem; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 1.5rem;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 1.5rem;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 1.5rem;}:root :where(.is-layout-grid){gap: 1.5rem;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--base);color: var(--wp--preset--color--contrast);font-family: var(--wp--preset--font-family--system-font);font-size: var(--wp--preset--font-size--medium);line-height: 1.6;--wp--style--root--padding-top: var(--wp--preset--spacing--40);--wp--style--root--padding-right: var(--wp--preset--spacing--30);--wp--style--root--padding-bottom: var(--wp--preset--spacing--40);--wp--style--root--padding-left: var(--wp--preset--spacing--30);}a:where(:not(.wp-element-button)){color: var(--wp--preset--color--contrast);text-decoration: underline;}:root :where(a:where(:not(.wp-element-button)):hover){text-decoration: none;}:root :where(a:where(:not(.wp-element-button)):focus){text-decoration: underline dashed;}:root :where(a:where(:not(.wp-element-button)):active){color: var(--wp--preset--color--secondary);text-decoration: none;}h1, h2, h3, h4, h5, h6{font-weight: 400;line-height: 1.4;}h1{font-size: clamp(2.032rem, 2.032rem + ((1vw - 0.2rem) * 2.896), 3.625rem);line-height: 1.2;}h2{font-size: clamp(2.625rem, calc(2.625rem + ((1vw - 0.48rem) * 8.4135)), 3.25rem);line-height: 1.2;}h3{font-size: var(--wp--preset--font-size--x-large);}h4{font-size: var(--wp--preset--font-size--large);}h5{font-size: var(--wp--preset--font-size--medium);font-weight: 700;text-transform: uppercase;}h6{font-size: var(--wp--preset--font-size--medium);text-transform: uppercase;}:root :where(.wp-element-button, .wp-block-button__link){background-color: var(--wp--preset--color--primary);border-radius: 0;border-width: 0;color: var(--wp--preset--color--contrast);font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}:root :where(.wp-element-button:visited, .wp-block-button__link:visited){color: var(--wp--preset--color--contrast);}:root :where(.wp-element-button:hover, .wp-block-button__link:hover){background-color: var(--wp--preset--color--contrast);color: var(--wp--preset--color--base);}:root :where(.wp-element-button:focus, .wp-block-button__link:focus){background-color: var(--wp--preset--color--contrast);color: var(--wp--preset--color--base);}:root :where(.wp-element-button:active, .wp-block-button__link:active){background-color: var(--wp--preset--color--secondary);color: var(--wp--preset--color--base);}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-tertiary-color{color: var(--wp--preset--color--tertiary) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-background-color{background-color: var(--wp--preset--color--tertiary) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-border-color{border-color: var(--wp--preset--color--tertiary) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}.has-dm-sans-font-family{font-family: var(--wp--preset--font-family--dm-sans) !important;}.has-ibm-plex-mono-font-family{font-family: var(--wp--preset--font-family--ibm-plex-mono) !important;}.has-inter-font-family{font-family: var(--wp--preset--font-family--inter) !important;}.has-system-font-font-family{font-family: var(--wp--preset--font-family--system-font) !important;}.has-source-serif-pro-font-family{font-family: var(--wp--preset--font-family--source-serif-pro) !important;}
/*# sourceURL=global-styles-inline-css */
</style>
<style id="wp-block-template-skip-link-inline-css">
/*! This file is auto-generated */
.skip-link.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal!important}.skip-link.screen-reader-text:focus{background-color:#eee;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
/*# sourceURL=/wp-includes/css/wp-block-template-skip-link.min.css */
</style>
<link rel='stylesheet' id='oxygen-css' href='https://farioli-maibach.de/wp-content/plugins/oxygen/component-framework/oxygen.css?ver=4.9.7' media='all' />
<link rel='stylesheet' id='core-sss-css' href='https://farioli-maibach.de/wp-content/plugins/oxy-ninja/public/css/core-sss.min.css?ver=3.5.3' media='all' />
<link rel='stylesheet' id='woocommerce-layout-css' href='https://farioli-maibach.de/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=11.0.1' media='all' />
<link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://farioli-maibach.de/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=11.0.1' media='only screen and (max-width: 768px)' />
<link rel='stylesheet' id='woocommerce-general-css' href='https://farioli-maibach.de/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=11.0.1' media='all' />
<style id="woocommerce-inline-inline-css">
.woocommerce form .form-row .required { visibility: visible; }
/*# sourceURL=woocommerce-inline-inline-css */
</style>
<link rel='stylesheet' id='splide-css' href='https://farioli-maibach.de/wp-content/plugins/oxy-ninja/public/css/splide.min.css?ver=4.0.14' media='all' />
<link rel='stylesheet' id='photoswipe-css' href='https://farioli-maibach.de/wp-content/plugins/woocommerce/assets/css/photoswipe/photoswipe.min.css?ver=11.0.1' media='all' />
<link rel='stylesheet' id='photoswipe-default-skin-css' href='https://farioli-maibach.de/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.min.css?ver=11.0.1' media='all' />
<link rel='stylesheet' id='xoo-cp-style-css' href='https://farioli-maibach.de/wp-content/plugins/added-to-cart-popup-woocommerce/assets/css/xoo-cp-style.css?ver=1.8.2' media='all' />
<style id="xoo-cp-style-inline-css">
span.xcp-chng{
				display: none;
			}a.xoo-cp-btn-ch{
				display: none;
			}
			.xoo-cp-container{
				max-width: 650px;
			}
			.xcp-btn{
				background-color: #777777;
				color: #ffffff;
				font-size: 14px;
				border-radius: 5px;
				border: 1px solid #777777;
			}
			.xcp-btn:hover{
				color: #ffffff;
			}
			td.xoo-cp-pimg{
				width: 20%;
			}
			table.xoo-cp-pdetails , table.xoo-cp-pdetails tr{
				border: 0!important;
			}
			table.xoo-cp-pdetails td{
				border-style: solid;
				border-width: 0px;
				border-color: #ebe9eb;
			}
/*# sourceURL=xoo-cp-style-inline-css */
</style>
<link rel='stylesheet' id='dgwt-wcas-style-css' href='https://farioli-maibach.de/wp-content/plugins/ajax-search-for-woocommerce/assets/css/style.min.css?ver=1.34.1' media='all' />
<link rel='stylesheet' id='woocommerce-gzd-layout-css' href='https://farioli-maibach.de/wp-content/plugins/woocommerce-germanized/build/static/layout-styles.css?ver=4.0.11' media='all' />
<style id="woocommerce-gzd-layout-inline-css">
.woocommerce-checkout .shop_table { background-color: #eeeeee; } .product p.deposit-packaging-type { font-size: 1.25em !important; } p.woocommerce-shipping-destination { display: none; }
                .wc-gzd-nutri-score-value-a {
                    background: url(https://farioli-maibach.de/wp-content/plugins/woocommerce-germanized/assets/images/nutri-score-a.svg) no-repeat;
                }
                .wc-gzd-nutri-score-value-b {
                    background: url(https://farioli-maibach.de/wp-content/plugins/woocommerce-germanized/assets/images/nutri-score-b.svg) no-repeat;
                }
                .wc-gzd-nutri-score-value-c {
                    background: url(https://farioli-maibach.de/wp-content/plugins/woocommerce-germanized/assets/images/nutri-score-c.svg) no-repeat;
                }
                .wc-gzd-nutri-score-value-d {
                    background: url(https://farioli-maibach.de/wp-content/plugins/woocommerce-germanized/assets/images/nutri-score-d.svg) no-repeat;
                }
                .wc-gzd-nutri-score-value-e {
                    background: url(https://farioli-maibach.de/wp-content/plugins/woocommerce-germanized/assets/images/nutri-score-e.svg) no-repeat;
                }
            
/*# sourceURL=woocommerce-gzd-layout-inline-css */
</style>
<link rel='stylesheet' id='bm-frontend-css' href='https://farioli-maibach.de/wp-content/plugins/b2b-market/assets/public/bm-frontend.min.css?ver=2.1.10' media='all' />
<script id="jquery-core-js" src="https://farioli-maibach.de/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script data-wp-strategy="defer" defer id="wc-js-cookie-js" src="https://farioli-maibach.de/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.11.0.1"></script>
<script id="wc-cart-fragments-js-extra">
var wc_cart_fragments_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_f9860b237c742448a44998dd3092369f","fragment_name":"wc_fragments_f9860b237c742448a44998dd3092369f","request_timeout":"5000"};
//# sourceURL=wc-cart-fragments-js-extra
</script>
<script data-wp-strategy="defer" defer id="wc-cart-fragments-js" src="https://farioli-maibach.de/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=11.0.1"></script>
<script data-wp-strategy="defer" id="wc-jquery-blockui-js" src="https://farioli-maibach.de/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.11.0.1"></script>
<script id="wc-add-to-cart-js-extra">
var wc_add_to_cart_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_view_cart":"Warenkorb anzeigen","cart_url":"https://farioli-maibach.de/warenkorb/","is_cart":"","cart_redirect_after_add":"no"};
//# sourceURL=wc-add-to-cart-js-extra
</script>
<script data-wp-strategy="defer" defer id="wc-add-to-cart-js" src="https://farioli-maibach.de/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=11.0.1"></script>
<script id="woocommerce-js-extra">
var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_password_show":"Passwort anzeigen","i18n_password_hide":"Passwort ausblenden"};
//# sourceURL=woocommerce-js-extra
</script>
<script data-wp-strategy="defer" defer id="woocommerce-js" src="https://farioli-maibach.de/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=11.0.1"></script>
<script id="fm-faq-accordion-js-after">
document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll(".fm-faq-question").forEach(function(btn){btn.addEventListener("click",function(){var e=this.getAttribute("aria-expanded")==="true";var a=document.getElementById(this.getAttribute("aria-controls"));var ic=this.querySelector(".fm-faq-icon");if(e){this.setAttribute("aria-expanded","false");if(a)a.hidden=true;if(ic){ic.style.transform="rotate(0deg)";ic.textContent="+";}}else{this.setAttribute("aria-expanded","true");if(a)a.hidden=false;if(ic){ic.style.transform="rotate(45deg)";ic.textContent="+";}}});});});
//# sourceURL=fm-faq-accordion-js-after
</script>
<script id="splide-js" src="https://farioli-maibach.de/wp-content/plugins/oxy-ninja/public/js/splide/splide.min.js?ver=4.0.14"></script>
<script id="splide-autoscroll-js" src="https://farioli-maibach.de/wp-content/plugins/oxy-ninja/public/js/splide/splide-extension-auto-scroll.min.js?ver=0.5.2"></script>
<script data-wp-strategy="defer" defer id="wc-zoom-js" src="https://farioli-maibach.de/wp-content/plugins/woocommerce/assets/js/zoom/jquery.zoom.min.js?ver=1.7.21-wc.11.0.1"></script>
<script data-wp-strategy="defer" defer id="wc-flexslider-js" src="https://farioli-maibach.de/wp-content/plugins/woocommerce/assets/js/flexslider/jquery.flexslider.min.js?ver=2.7.2-wc.11.0.1"></script>
<script data-wp-strategy="defer" defer id="wc-photoswipe-js" src="https://farioli-maibach.de/wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe.min.js?ver=4.1.1-wc.11.0.1"></script>
<script data-wp-strategy="defer" defer id="wc-photoswipe-ui-default-js" src="https://farioli-maibach.de/wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe-ui-default.min.js?ver=4.1.1-wc.11.0.1"></script>
<script id="facebook-signal-js-extra">
var facebookSignalConfig = {"cookieName":"wc_facebook_signals_state","ajaxUrl":"https://farioli-maibach.de/wp-admin/admin-ajax.php","signalsAction":"fbpix_set_pixel_signals","signalsNonce":"5d8fb51942"};
//# sourceURL=facebook-signal-js-extra
</script>
<script id="facebook-signal-js" src="https://farioli-maibach.de/wp-content/plugins/official-facebook-pixel/core/../js/facebook_signal.js?ver=5.2.2"></script>
<script id="bm-update-price-js-js-extra">
var bm_update_price = {"ajax_url":"https://farioli-maibach.de/wp-admin/admin-ajax.php","nonce":"3fb0f7e69f","bulk_price_table_bg_color":"#eaeaea","bulk_price_table_font_color":"#222222","bulk_price_table_class":"bm-bulk-table","bulk_price_table_pick_min_max_qty":"min","german_market_price_variable_products":"woocommerce","wc_thousand_sep":".","theme_css_selector_price_element":".summary \u003E .price","theme_css_selector_price_per_unit_element":".summary \u003E .price-per-unit"};
//# sourceURL=bm-update-price-js-js-extra
</script>
<script id="bm-update-price-js-js" src="https://farioli-maibach.de/wp-content/plugins/b2b-market/assets/public/bm-update-price.min.js?ver=2.1.10"></script>
<script id="wc-single-product-js-extra">
var wc_single_product_params = {"i18n_required_rating_text":"Bitte w\u00e4hlen Sie eine Bewertung","i18n_rating_options":["1 von 5\u00a0Sternen","2 von 5\u00a0Sternen","3 von 5\u00a0Sternen","4 von 5\u00a0Sternen","5 von 5\u00a0Sternen"],"i18n_product_gallery_trigger_text":"Bildergalerie im Vollbildmodus anzeigen","review_rating_required":"yes","flexslider":{"rtl":false,"animation":"slide","smoothHeight":true,"directionNav":false,"controlNav":"thumbnails","slideshow":false,"animationSpeed":500,"animationLoop":false,"allowOneSlide":false,"touch":false},"zoom_enabled":"1","zoom_options":[],"photoswipe_enabled":"1","photoswipe_options":{"shareEl":false,"closeOnScroll":false,"history":false,"hideAnimationDuration":0,"showAnimationDuration":0},"flexslider_enabled":"1"};
//# sourceURL=wc-single-product-js-extra
</script>
<script data-wp-strategy="defer" defer id="wc-single-product-js" src="https://farioli-maibach.de/wp-content/plugins/woocommerce/assets/js/frontend/single-product.min.js?ver=11.0.1"></script>
<script id="wc-gzd-unit-price-observer-queue-js-extra">
var wc_gzd_unit_price_observer_queue_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","refresh_unit_price_nonce":"dd957bc9fc"};
//# sourceURL=wc-gzd-unit-price-observer-queue-js-extra
</script>
<script data-wp-strategy="defer" defer id="wc-gzd-unit-price-observer-queue-js" src="https://farioli-maibach.de/wp-content/plugins/woocommerce-germanized/build/static/unit-price-observer-queue.js?ver=4.0.11"></script>
<script id="wc-accounting-js" src="https://farioli-maibach.de/wp-content/plugins/woocommerce/assets/js/accounting/accounting.min.js?ver=0.4.2"></script>
<script id="wc-gzd-unit-price-observer-js-extra">
var wc_gzd_unit_price_observer_params = {"wrapper":".product","price_selector":{"div.wc-block-components-product-price":{"is_total_price":false,"is_primary_selector":true,"quantity_selector":""}},"replace_price":"1","product_id":"3451","price_decimal_sep":",","price_thousand_sep":".","qty_selector":"input.quantity, input.qty","refresh_on_load":"1"};
//# sourceURL=wc-gzd-unit-price-observer-js-extra
</script>
<script data-wp-strategy="defer" defer id="wc-gzd-unit-price-observer-js" src="https://farioli-maibach.de/wp-content/plugins/woocommerce-germanized/build/static/unit-price-observer.js?ver=4.0.11"></script>
<link rel="https://api.w.org/" href="https://farioli-maibach.de/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://farioli-maibach.de/wp-json/wp/v2/product/3451" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://farioli-maibach.de/xmlrpc.php?rsd" />
<link rel='shortlink' href='https://farioli-maibach.de/?p=3451' />
<style>
/* ============ PAGE FADE-IN (Revival) ============ */
body {
    opacity: 0;
    transition: opacity 0.4s ease;
}
body.fm-page-ready {
    opacity: 1;
}

/* ============ SCROLL REVEAL ANIMATION ============ */
[data-fm-reveal] {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.65s ease, transform 0.65s ease;
}
[data-fm-reveal].fm-visible {
    opacity: 1;
    transform: translateY(0px);
}

/* Gallery main image: always visible (iOS Safari IntersectionObserver fix) */
.fm-gallery-main img {
    opacity: 1 !important;
    transform: none !important;
}
</style>
		<style>
			.dgwt-wcas-ico-magnifier,.dgwt-wcas-ico-magnifier-handler{max-width:20px}.dgwt-wcas-search-wrapp{max-width:600px}		</style>
		<!-- Google site verification - Google for WooCommerce -->
<meta name="google-site-verification" content="a_dUJD7Oa7iWCLrNAlb2Gt27K82FB82JkAvKX-y3d00" />
	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
	
<!-- Meta Pixel Code -->
<script type='text/javascript'>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');
</script>
<!-- End Meta Pixel Code -->
<script type='text/javascript'>FacebookSignal.init({"held":false,"ajaxUrl":"https:\/\/farioli-maibach.de\/wp-admin\/admin-ajax.php","releaseAction":"fbpix_release_signals","pixelId":"266627306055244","attribution":{},"capig":"1"});FacebookSignal.initPixel("266627306055244",{},{"agent":"wordpress_0_fbl4b-7.1-5.2.2","includeCapiIntegration":true});</script><script type='text/javascript'>
    fbq('track', 'PageView', []);
  </script><script>(function(){
  'use strict';
  var BOWL_MIN = 10000;
  var DEF_MIN  = 5000;
  var STEP     = 1000;

  function fmt(n){ try { return n.toLocaleString('de-DE'); } catch(e){ return String(n); } }
  function parseNum(txt){ if(!txt) return null; var d=(txt+'').replace(/[^0-9]/g,''); return d? parseInt(d,10): null; }
  function isBowlActive(){ var t=document.querySelector('.fm-product-tab.active'); return !!(t && t.getAttribute('data-key')==='bowl'); }
  function isMinusBtn(btn){ var t=btn.textContent.trim(); return t==='\u2212' || t==='-'; }

  // 1) Rewrite bowl size label 475 ml -> 500 ml (text nodes only; never touches icons/images)
  function fixSizeLabels(){
    var labels=document.querySelectorAll('.fm-groesse-label');
    for(var i=0;i<labels.length;i++){
      var w=document.createTreeWalker(labels[i], NodeFilter.SHOW_TEXT, null, false), node;
      while((node=w.nextNode())){
        if(node.nodeValue && node.nodeValue.indexOf('475 ml')!==-1){
          node.nodeValue = node.nodeValue.replace(/475 ml/g,'500 ml');
        }
      }
    }
  }

  // 2) Enforce Anzahl minimum for Bowl only; keep hint + display + minus state consistent
  function enforceMin(){
    var min = isBowlActive() ? BOWL_MIN : DEF_MIN;
    var hint=document.querySelector('.fm-anzahl-hint');
    if(hint){
      var wanted='Mindestmenge: '+fmt(min)+' Stk., in 1.000er-Schritten';
      if(hint.textContent.trim()!==wanted) hint.textContent=wanted;
    }
    var disp=document.querySelector('.fm-anzahl-display');
    if(disp){
      var cur=parseNum(disp.textContent);
      if(cur!==null && cur<min){ disp.textContent=fmt(min)+' Stk.'; cur=min; }
      var minus=document.querySelector('.fm-anzahl-btn');
      if(minus){
        var atMin=(cur!==null && cur<=min);
        minus.disabled=atMin;
        minus.style.opacity=atMin?'0.4':'1';
      }
    }
  }

  // When Bowl is active, take over the +/- stepping so it steps cleanly from the bowl minimum.
  document.addEventListener('click', function(e){
    var btn = e.target && e.target.closest ? e.target.closest('.fm-anzahl-btn') : null;
    if(!btn) return;
    if(!isBowlActive()) return;
    var disp=document.querySelector('.fm-anzahl-display');
    if(!disp) return;
    var cur=parseNum(disp.textContent); if(cur===null) cur=BOWL_MIN;
    var minus=isMinusBtn(btn);
    var next = minus ? (cur - STEP) : (cur + STEP);
    if(next < BOWL_MIN) next = BOWL_MIN;
    // take control: stop the configurator's own handler and set the value ourselves
    e.stopImmediatePropagation();
    e.preventDefault();
    disp.textContent = fmt(next) + ' Stk.';
    var m=document.querySelector('.fm-anzahl-btn');
    if(m){ var atMin=(next<=BOWL_MIN); m.disabled=atMin; m.style.opacity=atMin?'0.4':'1'; }
    // keep any hidden field (fm_ed_menge) in sync if present
    var hidden=document.getElementById('fm-field-menge');
    if(hidden){ hidden.value = fmt(next)+' Stk.'; }
  }, true);

  function run(){ fixSizeLabels(); enforceMin(); }
  if(document.readyState==='loading'){ document.addEventListener('DOMContentLoaded', run); } else { run(); }

  var scheduled=false;
  function schedule(){ if(scheduled) return; scheduled=true; setTimeout(function(){ scheduled=false; run(); }, 60); }
  var mo=new MutationObserver(schedule);
  function start(){ mo.observe(document.body,{subtree:true, childList:true, characterData:true, attributes:true, attributeFilter:['class']}); }
  if(document.body){ start(); } else { document.addEventListener('DOMContentLoaded', start); }

  var n=0, iv=setInterval(function(){ run(); if(++n>=20) clearInterval(iv); }, 300);
})();</script><script>(function(){
  var MAP = [
    { find: 'Wähle das passende Design für dein Unternehmen', repl: 'Wählt das passende Design für euer Unternehmen' }
  ];
  function replaceTextNodes(root){
    var changed = false;
    // Only walk pure text nodes; never touch elements/SVG
    var walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);
    var tn;
    var toFix = [];
    while((tn = walker.nextNode())){ toFix.push(tn); }
    toFix.forEach(function(node){
      var txt = node.nodeValue;
      if(!txt) return;
      MAP.forEach(function(m){
        if(txt.indexOf(m.find) !== -1){
          node.nodeValue = txt.split(m.find).join(m.repl);
          changed = true;
        }
      });
    });
    return changed;
  }
  function apply(){
    if(!/\/fm_design\//.test(location.pathname)) return false;
    var scope = document.querySelector('.fm-design-single') || document.body;
    return replaceTextNodes(scope);
  }
  function run(){
    apply();
    var target = document.querySelector('.fm-design-single') || document.body;
    if(!target) return;
    var obs = new MutationObserver(function(){ apply(); });
    obs.observe(target, { childList: true, subtree: true, characterData: true });
    setTimeout(function(){ obs.disconnect(); }, 8000);
  }
  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', run);
  } else {
    run();
  }
})();</script><style class="wpcode-css-snippet">/* ____________________________________________________________
   FM Shop - Becher & Zubehoer Section Title Fix
   The Oxygen template hides the category section heading via
   #div_block-50-2023 .ct-headline { display:none !important }.
   On the Becher & Zubehoer page the c-h3 title lives inside that
   block, so it disappears (unlike other categories). This rule
   restores it. :not(#_) raises specificity above the hide rule.
   ____________________________________________________________ */

#div_block-50-2023 .ct-headline:not(#_){
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}</style><style class="wpcode-css-snippet">/* FM UI - Search Submit Button Align (removes gold arc on desktop) */
.dgwt-wcas-search-wrapp .dgwt-wcas-search-form .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit {
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
}</style><style class="wpcode-css-snippet">/* FM A11y - Preheader Promo Banner Mobile Fit */
@media (max-width: 767px) {
  #fm-mobile-preheader {
    align-items: center !important;
  }
  #fm-mobile-preheader .fm-preheader-text {
    font-size: 11px !important;
    line-height: 1.15 !important;
    display: block !important;
  }
  #fm-mobile-preheader .fm-preheader-text strong {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }
}
@media (max-width: 400px) {
  #fm-mobile-preheader .fm-preheader-text {
    font-size: 10px !important;
  }
  #fm-mobile-preheader .fm-preheader-text strong {
    font-size: 11px !important;
  }
}</style><script>(function(){
  /* FIX 08.08.2026: сниппет грузится в <head>, где document.body ещё null.
     Раньше isDesignProdukte() падал с "Cannot read properties of null".
     Логика не изменена, добавлены только проверки готовности DOM
     и наблюдатель переведён с documentElement на body с троттлингом. */
  function retag(el, newTag){
    var n=document.createElement(newTag);
    for(var i=0;i<el.attributes.length;i++){ n.setAttribute(el.attributes[i].name, el.attributes[i].value); }
    n.innerHTML=el.innerHTML;
    el.parentNode.replaceChild(n, el);
    return n;
  }
  function fixReview(){
    var ta=document.getElementById('fm-review-comment'); if(ta){ ta.setAttribute('placeholder','Eure Bewertung'); }
    if(ta && !ta.getAttribute('aria-label') && !ta.getAttribute('data-fm-lbl')){
      ta.setAttribute('aria-label','Eure Bewertung');
      ta.setAttribute('data-fm-lbl','1');
    }
  }
  function isDesignProdukte(){
    if(/design-produkte/.test(location.pathname)) return true;
    return !!(document.body && document.body.classList.contains('postid-2687'));
  }
  function fixHeadings(){
    if(!isDesignProdukte()) return;
    var hs=document.querySelectorAll('h3.fm-section-title, h3.fm-form-title');
    for(var i=0;i<hs.length;i++){
      if(hs[i].getAttribute('data-fm-retag')) continue;
      hs[i].setAttribute('data-fm-retag','1');
      retag(hs[i],'h2');
    }
  }
  function run(){ if(!document.body) return; fixReview(); fixHeadings(); }
  var scheduled=false;
  function schedule(){
    if(scheduled) return;
    scheduled=true;
    var raf=window.requestAnimationFrame||function(f){ return setTimeout(f,50); };
    raf(function(){ scheduled=false; run(); });
  }
  function start(){
    run();
    try{ new MutationObserver(schedule).observe(document.body, {childList:true, subtree:true}); }catch(e){}
  }
  if(document.readyState==='loading'){ document.addEventListener('DOMContentLoaded', start); } else { start(); }
})();</script><style class="wpcode-css-snippet">body.page-id-3221 #fm-main .ct-inner-content{
  max-width:1330px;
  margin-left:auto;
  margin-right:auto;
  padding-left:40px;
  padding-right:58px;
  padding-top:75px;
  padding-bottom:75px;
  box-sizing:border-box;
}
@media (max-width:767px){
  body.page-id-3221 #fm-main .ct-inner-content{
    padding-left:20px;
    padding-right:20px;
    padding-top:40px;
    padding-bottom:40px;
  }
}</style><script>(function(){
  function markNotices(){
    var wraps = document.querySelectorAll('.woo'+'commerce-notices-wrapper');
    wraps.forEach(function(w){
      if(w.getAttribute('data-fm-live')) return;
      w.setAttribute('data-fm-live','1');
      w.setAttribute('role','alert');
      w.setAttribute('aria-live','assertive');
      w.setAttribute('aria-atomic','true');
    });
  }
  if(document.readyState!=='loading'){ markNotices(); }
  else { document.addEventListener('DOMContentLoaded', markNotices); }
  var obs = new MutationObserver(function(){ markNotices(); });
  obs.observe(document.documentElement, {childList:true, subtree:true});
})();</script><script>(function(){
  'use strict';
  function ready(fn){ if(document.readyState!=='loading'){fn();} else {document.addEventListener('DOMContentLoaded',fn);} }
  function retag(el, newTag){
    if(el.tagName.toLowerCase()===newTag.toLowerCase()) return el;
    var n=document.createElement(newTag);
    for(var i=0;i<el.attributes.length;i++){ var a=el.attributes[i]; n.setAttribute(a.name, a.value); }
    n.innerHTML=el.innerHTML;
    el.parentNode.replaceChild(n, el);
    return n;
  }
  function fixLevels(){
    // Only run on the front page
    if(!document.body.classList.contains('home')) return;
    var ab=document.getElementById('wpadminbar');
    // Collect content headings in DOM order (skip admin bar + nav menus)
    var all=[].slice.call(document.querySelectorAll('h1,h2,h3,h4,h5,h6'));
    var heads=all.filter(function(h){
      if(ab && ab.contains(h)) return false;
      if(h.closest('nav')) return false;
      return true;
    });
    var prev=0;
    heads.forEach(function(h){
      var lvl=parseInt(h.tagName.charAt(1),10);
      var target=lvl;
      if(prev===0){ target=1; }
      else if(lvl>prev+1){ target=prev+1; } // no skipped levels
      if(target!==lvl){ h=retag(h,'h'+target); }
      prev=parseInt(h.tagName.charAt(1),10);
    });
  }
  ready(function(){ fixLevels(); new MutationObserver(function(){ fixLevels(); }).observe(document.body,{childList:true,subtree:true}); });
})();</script><script>(function(){
  'use strict';
  var WC='woo'+'commerce';
  function ready(fn){ if(document.readyState!=='loading'){fn();} else {document.addEventListener('DOMContentLoaded',fn);} }
  function markLive(){
    // Stable wrapper that survives WooCommerce AJAX replacement of .cart_totals
    var wrap = document.querySelector('.cart-collaterals') || document.querySelector('.'+WC+'-cart-form ~ .cart-collaterals');
    if(wrap && wrap.getAttribute('data-fm-live')!=='1'){
      wrap.setAttribute('role','status');
      wrap.setAttribute('aria-live','polite');
      wrap.setAttribute('aria-atomic','false');
      wrap.setAttribute('data-fm-live','1');
    }
    // Also the checkout order review totals, if present on this page
    var review = document.querySelector('.'+WC+'-checkout-review-order');
    if(review && review.getAttribute('data-fm-live')!=='1'){
      review.setAttribute('role','status');
      review.setAttribute('aria-live','polite');
      review.setAttribute('data-fm-live','1');
    }
  }
  ready(function(){
    markLive();
    // Re-apply after WooCommerce AJAX cart/checkout updates (jQuery events)
    if(window.jQuery){
      jQuery(document.body).on('updated_wc_div updated_cart_totals updated_checkout wc_cart_emptied', function(){ setTimeout(markLive, 30); });
    }
    // Fallback: observe DOM changes
    new MutationObserver(function(){ markLive(); }).observe(document.body,{childList:true,subtree:true});
  });
})();</script><script>(function(){
  'use strict';
  function ready(fn){ if(document.readyState!=='loading'){fn();} else {document.addEventListener('DOMContentLoaded',fn);} }
  // Convert an element to a new tag, preserving attributes and children
  function retag(el, newTag){
    var n=document.createElement(newTag);
    for(var i=0;i<el.attributes.length;i++){ var a=el.attributes[i]; n.setAttribute(a.name, a.value); }
    n.innerHTML=el.innerHTML;
    el.parentNode.replaceChild(n, el);
    return n;
  }
  function fixHeadings(){
    // WooCommerce category-tile titles are LINK LABELS, not section headings.
    // As <h2> inside <a> they pollute the outline (appear before the page H1).
    // Convert them to <span role=text> keeping visible text + styling classes.
    document.querySelectorAll('h1.woocommerce-loop-category__title, h2.woocommerce-loop-category__title, h3.woocommerce-loop-category__title').forEach(function(h){
      if(h.getAttribute('data-fm-retag')==='1') return;
      var span=retag(h, 'span');
      span.setAttribute('data-fm-retag','1');
      // keep it a block-level label visually
      span.style.display = span.style.display || 'block';
    });
  }
  ready(function(){ fixHeadings(); new MutationObserver(function(){ fixHeadings(); }).observe(document.body,{childList:true,subtree:true}); });
})();</script><script>(function(){
  'use strict';
  function ready(fn){ if(document.readyState!=='loading'){fn();} else {document.addEventListener('DOMContentLoaded',fn);} }
  function txt(el){ return (el.getAttribute('aria-label')||el.textContent||'').trim(); }
  function fixNames(){
    // 1) Account icon link (svg only) -> 'Kundenkonto'
    document.querySelectorAll('.fm-preheader-icons a').forEach(function(a){
      if(a.getAttribute('data-fm-name')==='1') return;
      if(txt(a)) { a.setAttribute('data-fm-name','1'); return; }
      var href=(a.getAttribute('href')||'');
      var label='Link';
      if(href.indexOf('konto')>-1 || href.indexOf('account')>-1) label='Kundenkonto';
      else if(a.querySelector('svg')) label='Menü';
      a.setAttribute('aria-label', label);
      a.setAttribute('data-fm-name','1');
    });
    // 2) Modal close link (.oxy-close-modal inside a.ct-link) -> 'Schließen'
    document.querySelectorAll('a.ct-link').forEach(function(a){
      if(a.getAttribute('data-fm-name')==='1') return;
      if(txt(a)) { a.setAttribute('data-fm-name','1'); return; }
      var closer=a.querySelector('.oxy-close-modal, [class*=close-modal], [class*=close]');
      if(closer){
        a.setAttribute('aria-label','Schließen');
        a.setAttribute('role','button');
        a.setAttribute('data-fm-name','1');
      }
    });
    // 3) Generic safety net: any remaining icon-only link with an svg but no name
    document.querySelectorAll('a[href]').forEach(function(a){
      var ab=document.getElementById('wpadminbar'); if(ab && ab.contains(a)) return;
      if(a.getAttribute('data-fm-name')==='1') return;
      if(txt(a)) return;
      var hasImg=a.querySelector('img'); var alt=hasImg?(hasImg.getAttribute('alt')||'').trim():'';
      if(alt) return;
      if(a.querySelector('svg') || (hasImg && !alt)){
        var href=(a.getAttribute('href')||'');
        if(href.indexOf('konto')>-1 || href.indexOf('account')>-1){ a.setAttribute('aria-label','Kundenkonto'); a.setAttribute('data-fm-name','1'); }
      }
    });
  }
  ready(function(){ fixNames(); new MutationObserver(function(){ fixNames(); }).observe(document.body,{childList:true,subtree:true}); });
})();</script><style class="wpcode-css-snippet">/* WCAG 2.2 – 2.5.8 Target Size (Minimum): cart table remove button >=24x24 */
.woocommerce-cart .product-remove a.remove,
.woocommerce-cart-form .product-remove a.remove,
td.product-remove a.remove {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}</style><script>(function(){
  'use strict';
  function ready(fn){ if(document.readyState!=='loading'){fn();} else {document.addEventListener('DOMContentLoaded',fn);} }
  function initMenus(){
    // 1) LEGACY Oxygen menu toggle (kept for safety; hidden on this theme)
    document.querySelectorAll('.oxy-menu-toggle').forEach(function(t){
      if(t.getAttribute('data-fm-menu')==='1') return;
      t.setAttribute('data-fm-menu','1');
      t.setAttribute('role','button');
      if(!t.hasAttribute('tabindex')) t.setAttribute('tabindex','0');
      if(!t.getAttribute('aria-label')) t.setAttribute('aria-label','Menü öffnen');
      var nav = t.closest('.oxy-nav-menu');
      var list = nav ? nav.querySelector('ul') : null;
      if(list){ if(!list.id){ list.id='fm-menu-'+Math.random().toString(36).slice(2,8); } t.setAttribute('aria-controls', list.id); }
      function sync(){
        var open = nav && nav.className.indexOf('oxy-nav-menu-open')>-1;
        t.setAttribute('aria-expanded', open ? 'true' : 'false');
        t.setAttribute('aria-label', open ? 'Menü schließen' : 'Menü öffnen');
      }
      sync();
      t.addEventListener('keydown', function(e){ if(e.key==='Enter'||e.key===' '||e.key==='Spacebar'){ e.preventDefault(); t.click(); } });
      if(nav){ new MutationObserver(sync).observe(nav, {attributes:true, attributeFilter:['class']}); }
      t.addEventListener('click', function(){ setTimeout(sync, 30); });
    });

    // 2) REAL mobile menu button (#fm-burger-in-preheader): translate + expose state
    var burger = document.getElementById('fm-burger-in-preheader');
    if(burger && burger.getAttribute('data-fm-burger')!=='1'){
      burger.setAttribute('data-fm-burger','1');
      burger.setAttribute('aria-label','Menü');
      burger.setAttribute('aria-haspopup','true');
      burger.setAttribute('aria-expanded','false');
      var siteNav = document.querySelector('.oxy-site-navigation');
      function syncBurger(){
        var openUl = siteNav ? siteNav.querySelector('ul.open') : document.querySelector('.oxy-site-navigation ul.open');
        var isOpen = !!openUl;
        burger.setAttribute('aria-expanded', isOpen ? 'true':'false');
        burger.setAttribute('aria-label', isOpen ? 'Menü schließen' : 'Menü öffnen');
      }
      syncBurger();
      var watch = siteNav || document.body;
      new MutationObserver(syncBurger).observe(watch, {subtree:true, attributes:true, attributeFilter:['class']});
      burger.addEventListener('click', function(){ setTimeout(syncBurger, 50); });
    }

    // 3) Mobile search opener: translate English label to German
    document.querySelectorAll('.js-dgwt-wcas-enable-mobile-form, [aria-label]').forEach(function(el){
      var lab = el.getAttribute('aria-label') || '';
      if(/^Open sea/i.test(lab)){ el.setAttribute('aria-label','Suche öffnen'); }
    });

    // 4) Desktop mega/dropdown submenus: haspopup + expanded state
    document.querySelectorAll('nav li').forEach(function(li){
      if(document.getElementById('wpadminbar') && document.getElementById('wpadminbar').contains(li)) return;
      var link = li.querySelector(':scope > a');
      var sub = li.querySelector(':scope > ul');
      if(!link || !sub) return;
      if(link.getAttribute('data-fm-sub')==='1') return;
      link.setAttribute('data-fm-sub','1');
      link.setAttribute('aria-haspopup','true');
      link.setAttribute('aria-expanded','false');
      if(!sub.id){ sub.id='fm-sub-'+Math.random().toString(36).slice(2,8); }
      link.setAttribute('aria-controls', sub.id);
      function setExp(v){ link.setAttribute('aria-expanded', v ? 'true':'false'); }
      li.addEventListener('mouseenter', function(){ setExp(true); });
      li.addEventListener('mouseleave', function(){ setExp(false); });
      link.addEventListener('focus', function(){ setExp(true); });
      li.addEventListener('focusout', function(e){ if(!li.contains(e.relatedTarget)){ setExp(false); } });
    });
  }
  ready(function(){ initMenus(); new MutationObserver(function(){ initMenus(); }).observe(document.body, {childList:true, subtree:true}); });
})();</script><style class="wpcode-css-snippet">/* FM A11y – Barrierefreiheit: lesbarer Marken-Goldton (#756B45 ≈ 5,3:1 auf Weiß) */
/* Betrifft Gold-Text auf hellem Hintergrund. Footer (Gold auf Dunkel) und WP-Adminbar bleiben unberührt. */
.woocommerce-breadcrumb, .woocommerce-breadcrumb a,
.woocommerce .product-category h2,
.woocommerce .product-category .woocommerce-loop-category__title,
.woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.oxy-woo-product-categories ul.products li.product-category .woocommerce-loop-category__title,
.fm-product-tab, .fm-anzahl-btn,
.fm-review-rating-input label, .fm-review-rating-input label.fm-star-active, .fm-star-filled,
.oxy-repeater-pages .page-numbers, .woocommerce-pagination ul.page-numbers li a, .woocommerce-pagination ul.page-numbers li span.page-numbers,
.navigation.pagination .nav-links a,
.price, .wc-archive-item-3 .price,
.woocommerce-MyAccount-navigation ul li a, .oxy-woo-my-account a,
.fm-mega-dropdown a, .fm-mega-dropdown span.ct-span,
nav.oxy-site-navigation a,
.oxy-dynamic-list a, .oxy-dynamic-list a span.ct-span, .oxy-dynamic-list .ct-span
{ color:#756B45 !important; }
.fm-cta-badge svg { fill:#756B45 !important; }
html body div.xoo-cp-modal a.xoo-cp-close.xcp-btn { color:#756B45 !important; }</style><script>/* FM A11y - single H1, radio group labels, control names, unique IDs */
(function(){
  function demoteToH2(h1){
    var h2=document.createElement('h2');
    for(var i=0;i<h1.attributes.length;i++){ var at=h1.attributes[i]; h2.setAttribute(at.name, at.value); }
    h2.innerHTML=h1.innerHTML;
    h1.parentNode.replaceChild(h2, h1);
  }
  function fixHeadings(){
    var all=[].slice.call(document.querySelectorAll('h1'));
    if(all.length<2) return;
    // preferred keeper: first H1 inside main; else first H1
    var keeper=null;
    for(var i=0;i<all.length;i++){ if(all[i].closest('#fm-main, main')){ keeper=all[i]; break; } }
    if(!keeper) keeper=all[0];
    all.forEach(function(h){ if(h!==keeper) demoteToH2(h); });
  }
  function fixRadioGroups(){
    var pay=document.querySelector('ul.wc_payment_methods');
    if(pay && !pay.getAttribute('role')){
      pay.setAttribute('role','radiogroup');
      pay.setAttribute('aria-label','Zahlungsart');
    }
    var ship=document.getElementById('shipping_method') || document.querySelector('ul.'+'woocommerce-shipping-methods');
    if(ship && !ship.getAttribute('role')){
      ship.setAttribute('role','radiogroup');
      ship.setAttribute('aria-label','Versandart');
    }
  }
  function fixControlNames(){
    document.querySelectorAll('[aria-label="Search"]').forEach(function(el){ el.setAttribute('aria-label','Suchen'); });
    document.querySelectorAll('[title="Search"]').forEach(function(el){ el.setAttribute('title','Suchen'); });
  }
  function fixDuplicateIds(){
    var seen={};
    document.querySelectorAll('[id]').forEach(function(el){
      var id=el.id;
      if(seen[id]){ el.id=id+'-dup'+(seen[id]); seen[id]++; } else { seen[id]=1; }
    });
  }
  function fixButtonContrast(){
    var GOLD='#7e7553', GOLD_H='#6b633f';
    var sels=document.querySelectorAll('.c-btn-alt, .c-btn-main');
    sels.forEach(function(btn){
      if(btn.getAttribute('data-fm-contrast')) return;
      var bg=getComputedStyle(btn).backgroundColor;
      var m=bg.match(/rgb\(?\s*(\d+)[,\s]+(\d+)[,\s]+(\d+)/);
      if(!m) return;
      var r=+m[1], g=+m[2], b=+m[3];
      var isGold = r>115 && r<175 && g>105 && g<160 && b>65 && b<125;
      if(!isGold) return;
      btn.style.setProperty('background-color', GOLD, 'important');
      btn.style.setProperty('color', '#ffffff', 'important');
      var kids=btn.querySelectorAll('*');
      kids.forEach(function(k){ k.style.setProperty('color', '#ffffff', 'important'); });
      btn.setAttribute('data-fm-contrast','1');
    });
  }
  function run(){ fixHeadings(); fixRadioGroups(); fixControlNames(); fixDuplicateIds(); fixButtonContrast(); }
  function init(){
    run();
    var t=0;
    var obs=new MutationObserver(function(){ t++; fixRadioGroups(); fixControlNames(); fixButtonContrast(); if(t>60) obs.disconnect(); });
    obs.observe(document.body,{childList:true,subtree:true});
  }
  if(document.readyState==='loading'){ document.addEventListener('DOMContentLoaded',init); } else { init(); }
})();</script><style class="wpcode-css-snippet">/* FM A11y - Target size + text-over-image readability (button contrast handled in JS due to Oxygen per-ID rules) */

/* P2 #11: enlarge mini-cart remove target to >=24x24px (WCAG 2.5.8) */
.widget_shopping_cart .remove_from_cart_button,
.woocommerce .mini_cart_item a.remove,
a.remove_from_cart_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 24px !important;
  min-height: 24px !important;
  width: 24px !important;
  height: 24px !important;
  line-height: 24px !important;
}

/* P2 #14: keep hero text readable over the background photo (WCAG 1.4.3 non-normative aid) */
#section-104-43 .ct-headline,
#section-104-43 .ct-text-block {
  text-shadow: 0 1px 3px rgba(0,0,0,0.55) !important;
}</style><script>/* FM A11y - Skip to content link (WCAG 2.4.1 Bypass Blocks) */
(function(){
  var CSS='.fm-skip-link{position:absolute;left:8px;top:-60px;z-index:100000;background:#1a5cff;color:#fff;padding:10px 18px;border-radius:0 0 6px 6px;font-size:16px;font-weight:600;text-decoration:none;transition:top .15s ease;} .fm-skip-link:focus{top:0;outline:3px solid #fff;outline-offset:2px;} #fm-main:focus{outline:none;}';
  function injectStyle(){
    if(document.getElementById('fm-skip-style')) return;
    var s=document.createElement('style');
    s.id='fm-skip-style';
    s.textContent=CSS;
    document.head.appendChild(s);
  }
  function makeMainFocusable(){
    var main=document.getElementById('fm-main') || document.querySelector('main, [role="main"]');
    if(main && !main.id){ main.id='fm-main'; }
    if(main && !main.hasAttribute('tabindex')){ main.setAttribute('tabindex','-1'); }
    return main;
  }
  function addLink(){
    if(document.querySelector('.fm-skip-link')) return true;
    var main=makeMainFocusable();
    if(!main) return false;
    var a=document.createElement('a');
    a.className='fm-skip-link';
    a.href='#'+main.id;
    a.textContent='Zum Inhalt springen';
    a.addEventListener('click', function(ev){
      ev.preventDefault();
      main.focus();
      main.scrollIntoView();
    });
    document.body.insertBefore(a, document.body.firstChild);
    return true;
  }
  function init(){
    injectStyle();
    if(addLink()) return;
    var tries=0;
    var obs=new MutationObserver(function(){
      tries++;
      if(addLink() || tries>40){ obs.disconnect(); }
    });
    obs.observe(document.body,{childList:true,subtree:true});
  }
  if(document.readyState==='loading'){
    document.addEventListener('DOMContentLoaded',init);
  } else { init(); }
})();</script><script>/* FM A11y - Add main + contentinfo landmarks site-wide (WCAG 1.3.1 / 2.4.1, EN 301 549) */
(function(){
  var HEADER_ID='_header-56-32';
  var FOOTER_ID='section-146-32';
  function run(){
    // Footer landmark
    var footer=document.getElementById(FOOTER_ID);
    if(footer && !footer.getAttribute('role')){ footer.setAttribute('role','contentinfo'); }
    // Abort if a main landmark already exists
    if(document.querySelector('main, [role="main"]')) return;
    // Case 1: single inner_content wrapper -> wrap it in a real <main>
    var inner=document.querySelector('[id^="inner_content"]');
    if(inner && inner.parentElement){
      var m=document.createElement('main');
      m.id='fm-main';
      inner.parentElement.insertBefore(m, inner);
      m.appendChild(inner);
      return;
    }
    // Case 2: loose sections between header and footer -> wrap them
    var header=document.getElementById(HEADER_ID);
    if(!header || !footer) return;
    var main=document.createElement('main');
    main.id='fm-main';
    header.parentNode.insertBefore(main, header.nextSibling);
    var node=main.nextSibling;
    while(node && node!==footer){
      var next=node.nextSibling;
      main.appendChild(node);
      node=next;
    }
  }
  if(document.readyState==='loading'){
    document.addEventListener('DOMContentLoaded',run);
  } else { run(); }
})();</script><script>/* FM A11y - Give product-image links an accessible name (WCAG 2.4.4 / 1.1.1) */
(function(){
  function accessibleName(a){
    var img=a.querySelector('img');
    var hasText=(a.textContent||'').trim().length>0;
    var alt=img && img.getAttribute('alt') && img.getAttribute('alt').trim();
    return hasText || a.getAttribute('aria-label') || a.getAttribute('title') || alt;
  }
  function labelFor(a){
    var href=a.getAttribute('href');
    var text='';
    if(href){
      var sameHref=document.querySelectorAll('a[href="'+href+'"]');
      for(var i=0;i<sameHref.length;i++){
        var t=(sameHref[i].textContent||'').trim();
        if(sameHref[i]!==a && t){ text=t; break; }
      }
    }
    return text.replace(/\s+/g,' ').slice(0,120);
  }
  function enhance(){
    var links=document.querySelectorAll('a[class*="-img"]');
    links.forEach(function(a){
      if(!a.querySelector('img')) return;
      if(accessibleName(a)) return;
      var label=labelFor(a);
      if(label){ a.setAttribute('aria-label', label); }
    });
  }
  function init(){
    enhance();
    var obs=new MutationObserver(function(){ enhance(); });
    obs.observe(document.body,{childList:true,subtree:true});
  }
  if(document.readyState==='loading'){
    document.addEventListener('DOMContentLoaded',init);
  } else { init(); }
})();</script><script>/* FM A11y - Ensure required checkout/cart fields expose required state programmatically (WCAG 1.3.1 / 3.3.2) */
(function(){
  function isTargetPage(){
    return document.body && (document.body.classList.contains('woo'+'commerce-checkout') || document.body.classList.contains('woo'+'commerce-cart'));
  }
  function enhance(){
    if(!isTargetPage()) return;
    var rows=document.querySelectorAll('.form-row.validate-required');
    rows.forEach(function(row){
      var field=row.querySelector('input, select, textarea');
      if(field && !field.getAttribute('aria-required')){
        field.setAttribute('aria-required','true');
      }
      var mark=row.querySelector('.required[aria-hidden="true"]');
      if(mark && !mark.parentNode.querySelector('.fm-required-text')){
        var sr=document.createElement('span');
        sr.className='fm-required-text screen-reader-text';
        sr.style.cssText='position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;';
        sr.textContent=' (erforderlich)';
        mark.insertAdjacentElement('afterend', sr);
      }
    });
  }
  function init(){
    if(!isTargetPage()) return;
    enhance();
    var obs=new MutationObserver(function(){ enhance(); });
    obs.observe(document.body,{childList:true,subtree:true});
  }
  if(document.readyState==='loading'){
    document.addEventListener('DOMContentLoaded',init);
  } else {
    init();
  }
})();</script><script>/* FM A11y - Announce WooCommerce checkout/cart notices to screen readers (WCAG 3.3.1 / 4.1.3) */
(function(){
  function isTargetPage(){
    return document.body && (document.body.classList.contains('woocommerce-checkout') || document.body.classList.contains('woocommerce-cart'));
  }
  function markWrapper(w){
    if(!w || w.getAttribute('data-fm-live')) return;
    w.setAttribute('data-fm-live','1');
    if(!w.getAttribute('aria-live')) w.setAttribute('aria-live','polite');
    if(!w.getAttribute('aria-atomic')) w.setAttribute('aria-atomic','false');
    if(!w.getAttribute('role')) w.setAttribute('role','status');
  }
  function markNotice(n){
    if(!n) return;
    var isError = n.classList.contains('woocommerce-error') || n.classList.contains('is-error');
    if(isError){
      n.setAttribute('role','alert');
      n.setAttribute('aria-live','assertive');
    } else if(!n.getAttribute('role')){
      n.setAttribute('role','status');
      n.setAttribute('aria-live','polite');
    }
  }
  function scan(){
    if(!isTargetPage()) return;
    document.querySelectorAll('.woocommerce-notices-wrapper, .woocommerce-NoticeGroup').forEach(markWrapper);
    document.querySelectorAll('.woocommerce-error, .woocommerce-message, .woocommerce-info').forEach(markNotice);
  }
  function init(){
    if(!isTargetPage()) return;
    scan();
    var obs=new MutationObserver(function(){ scan(); });
    obs.observe(document.body,{childList:true,subtree:true});
  }
  if(document.readyState==='loading'){
    document.addEventListener('DOMContentLoaded',init);
  } else {
    init();
  }
})();</script><style class="wpcode-css-snippet">/* FM A11y - Global visible focus indicator for keyboard users (WCAG 2.4.7) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible,
[role="link"]:focus-visible,
[role="menuitem"]:focus-visible,
[role="tab"]:focus-visible,
.oxy-menu-toggle:focus-visible,
.wp-block-search__input:focus-visible {
  outline: 3px solid #1a5cff !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 3px rgba(26,92,255,0.35) !important;
  border-radius: 2px;
}

/* Ensure search field shows focus even where outline is stripped */
input[type="search"]:focus-visible,
input.search-field:focus-visible {
  outline: 3px solid #1a5cff !important;
  outline-offset: 1px !important;
}</style><script>(function(){
  "use strict";
  var CSS = '@media (min-width:991px){nav.oxy-site-navigation > ul > li.menu-item.fm-open > .fm-mega-dropdown{display:block !important;}nav.oxy-site-navigation button[aria-expanded]:focus-visible{outline:2px solid #7A7150;outline-offset:2px;}}';
  function injectStyle(){
    if(document.getElementById('fm-a11y-menu-css')) return;
    var s=document.createElement('style');
    s.id='fm-a11y-menu-css';
    s.textContent=CSS;
    document.head.appendChild(s);
  }
  function getLi(btn){ return btn.closest('li.menu-item'); }
  function open(li,btn){
    li.classList.add('fm-open');
    btn.setAttribute('aria-expanded','true');
  }
  function close(li,btn){
    li.classList.remove('fm-open');
    if(btn) btn.setAttribute('aria-expanded','false');
  }
  function closeAll(except){
    var nav=document.querySelector('nav.oxy-site-navigation');
    if(!nav) return;
    nav.querySelectorAll('li.menu-item.fm-open').forEach(function(li){
      if(li===except) return;
      var b=li.querySelector('button');
      li.classList.remove('fm-open');
      if(b) b.setAttribute('aria-expanded','false');
    });
  }
  function escFrom(el){
    var li=el.closest('li.menu-item.fm-open');
    if(!li){ var nav=document.querySelector('nav.oxy-site-navigation'); li=nav?nav.querySelector('li.menu-item.fm-open'):null; }
    if(!li) return false;
    var b=li.querySelector('button');
    close(li,b);
    if(b) b.focus();
    return true;
  }
  function wire(btn){
    if(btn.getAttribute('data-fm-wired')==='1') return;
    var li=getLi(btn);
    if(!li) return;
    var mega=li.querySelector('.fm-mega-dropdown');
    if(!mega) return;
    btn.setAttribute('data-fm-wired','1');
    btn.setAttribute('aria-expanded','false');
    function toggle(e){
      e.preventDefault(); e.stopPropagation();
      if(li.classList.contains('fm-open')) close(li,btn);
      else { closeAll(li); open(li,btn); }
    }
    btn.addEventListener('click',toggle);
    btn.addEventListener('keydown',function(e){
      if(e.key==='Enter'||e.key===' '||e.key==='Spacebar'){ toggle(e); }
      else if(e.key==='Escape'||e.key==='Esc'){ e.preventDefault(); e.stopPropagation(); escFrom(btn); }
    });
    // Escape while focus is inside the mega panel returns focus to the toggle button
    mega.addEventListener('keydown',function(e){
      if(e.key==='Escape'||e.key==='Esc'){ e.preventDefault(); e.stopPropagation(); close(li,btn); btn.focus(); }
    });
  }
  function bindGlobals(){
    if(window.__fmMenuGlobals) return;
    window.__fmMenuGlobals=true;
    // Capture-phase Escape as a safety net (some theme handlers stopPropagation in bubble phase)
    document.addEventListener('keydown',function(e){
      if(e.key!=='Escape'&&e.key!=='Esc') return;
      var nav=document.querySelector('nav.oxy-site-navigation');
      if(!nav||!nav.querySelector('li.menu-item.fm-open')) return;
      escFrom(document.activeElement||nav);
    },true);
    document.addEventListener('click',function(e){
      var nav=document.querySelector('nav.oxy-site-navigation');
      if(!nav||nav.contains(e.target)) return;
      closeAll(null);
    });
    document.addEventListener('focusout',function(){
      var nav=document.querySelector('nav.oxy-site-navigation');
      if(!nav) return;
      setTimeout(function(){
        var active=document.activeElement;
        nav.querySelectorAll('li.menu-item.fm-open').forEach(function(li){
          if(!li.contains(active)){ close(li,li.querySelector('button')); }
        });
      },0);
    });
  }
  function tryWire(){
    var nav=document.querySelector('nav.oxy-site-navigation');
    if(!nav) return false;
    var found=false;
    nav.querySelectorAll('li.menu-item button').forEach(function(b){
      var li=getLi(b);
      if(li&&li.querySelector('.fm-mega-dropdown')){ wire(b); found=true; }
    });
    return found;
  }
  function boot(){
    injectStyle(); bindGlobals(); tryWire();
    var tries=0;
    var iv=setInterval(function(){
      tries++; injectStyle();
      tryWire();
      if(tries>80) clearInterval(iv);
    },250);
  }
  if(document.readyState==='loading'){ document.addEventListener('DOMContentLoaded',boot); }
  else { boot(); }
})();


/* ==== FM A11y Addition: keyboard mega-menu (focus-within) + mobile menu (Escape + focus trap) ==== */
(function(){
  "use strict";
  /* 1) Desktop mega-menu: open on keyboard focus, not only mouse hover */
  function injectFocusCSS(){
    if(document.getElementById("fm-a11y-focuswithin-css")) return;
    var s=document.createElement("style");
    s.id="fm-a11y-focuswithin-css";
    s.textContent="@media (min-width:991px){nav.oxy-site-navigation > ul > li.menu-item:focus-within > .fm-mega-dropdown{display:block !important;}nav.oxy-site-navigation > ul > li.menu-item > a:focus-visible{outline:2px solid #7A7150;outline-offset:2px;}nav.oxy-site-navigation .fm-mega-dropdown a:focus-visible{outline:2px solid #7A7150;outline-offset:2px;}}";
    document.head.appendChild(s);
  }
  /* keep aria-expanded in sync for the link triggers as focus enters/leaves the item */
  function syncAria(){
    var items=document.querySelectorAll("nav.oxy-site-navigation > ul > li.menu-item");
    items.forEach(function(li){
      var trig=li.querySelector("a[aria-haspopup=\"true\"]");
      var mega=li.querySelector(".fm-mega-dropdown");
      if(!trig||!mega) return;
      if(li.getAttribute("data-fm-aria")==="1") return;
      li.setAttribute("data-fm-aria","1");
      li.addEventListener("focusin",function(){ trig.setAttribute("aria-expanded","true"); });
      li.addEventListener("focusout",function(){ setTimeout(function(){ if(!li.contains(document.activeElement)) trig.setAttribute("aria-expanded","false"); },0); });
      li.addEventListener("mouseenter",function(){ trig.setAttribute("aria-expanded","true"); });
      li.addEventListener("mouseleave",function(){ if(!li.contains(document.activeElement)) trig.setAttribute("aria-expanded","false"); });
      trig.setAttribute("aria-expanded","false");
    });
  }
  /* 2) Mobile menu: Escape closes + returns focus; trap focus inside while open */
  function mobileBtn(){ return document.querySelector('button[aria-label="Open navigation menu"]'); }
  function mobileMenu(){ return document.querySelector("nav.oxy-site-navigation ul.oxy-nav-menu, nav.oxy-site-navigation > ul"); }
  function isMobileOpen(){
    var m=document.querySelector('nav.oxy-site-navigation ul.open');
    return m && m.classList.contains('open');
  }
  function closeMobile(){
    var b=mobileBtn();
    var m=document.querySelector('nav.oxy-site-navigation ul.open');
    if(m){ m.classList.remove('open'); }
    if(b){ b.setAttribute("aria-expanded","false"); b.focus(); }
  }
  function focusables(container){
    return [].slice.call(container.querySelectorAll('a[href],button:not([disabled]),input:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter(function(el){var r=el.getBoundingClientRect();return r.width>0&&r.height>0;});
  }
  function bindMobile(){
    if(window.__fmMobileBound) return;
    window.__fmMobileBound=true;
    document.addEventListener("keydown",function(e){
      if(!isMobileOpen()) return;
      if(e.key==="Escape"||e.key==="Esc"){ e.preventDefault(); e.stopPropagation(); closeMobile(); return; }
      if(e.key==="Tab"){
        var m=document.querySelector('nav.oxy-site-navigation ul.open');
        if(!m) return;
        var f=focusables(m);
        if(!f.length) return;
        var first=f[0], last=f[f.length-1];
        if(e.shiftKey && document.activeElement===first){ e.preventDefault(); last.focus(); }
        else if(!e.shiftKey && document.activeElement===last){ e.preventDefault(); first.focus(); }
        else if(!m.contains(document.activeElement)){ e.preventDefault(); first.focus(); }
      }
    },true);
  }
  function boot2(){ injectFocusCSS(); syncAria(); bindMobile(); }
  if(document.readyState==="loading"){ document.addEventListener("DOMContentLoaded",boot2); } else { boot2(); }
  var n=0; var iv=setInterval(function(){ n++; injectFocusCSS(); syncAria(); if(n>80) clearInterval(iv); },300);
})();
</script><style class="wpcode-css-snippet">.woocommerce a.button.wc-backward,
.woocommerce .wc-backward {
	border-radius: 60px !important;
}</style><style class="wpcode-css-snippet">/* Footer Copyright-Zeile: verhindert kaputten Umbruch auf Mobil */
/* Ursache: Oxygen-Flexrow #div_block-29-32 (flex-wrap:nowrap) staucht die
   drei Textblöcke unter ihre Inhaltsbreite -> Wörter brechen mitten um. */
@media (max-width: 768px) {
  #div_block-29-32 {
    flex-wrap: wrap !important;
    align-items: baseline !important;
    row-gap: 2px !important;
  }
  #div_block-29-32 > div {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
  }
  #div_block-29-32 > div,
  #div_block-29-32 .ct-text-block,
  #div_block-29-32 .ct-code-block {
    white-space: nowrap !important;
  }
}</style><style class="wpcode-css-snippet">/* Desktop: Button Eigenes Design ans Ende, nach Kontakt */ @media (min-width: 992px) { nav.oxy-site-navigation > ul > li:has(> a[href*="/eigenes-design"]) { order: 10; } }</style><!-- FM Design 3D Konfigurator -->
<style>
/* ====== Hide Oxygen blocks on fm_design pages ====== */
body.single-fm_design .fm-karton-design,
body.single-fm_design .fm-menge-section {
  display: none !important;
}

/* ---- Titel-Farbe (weisser Seitenhintergrund) ---- */
body.single-fm_design .fm-title { color: #1a1a1a !important; }

/* ---- Left column wrapper ---- */
.fm-left-col {
  flex: 0 0 460px;
  width: 460px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* ---- Product selector tabs ---- */
.fm-product-selector {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.fm-product-tab {
  padding: 14px 16px;
  border: 2px solid #9b9166;
  border-radius: 10px;
  background: #fff;
  color: #9b9166;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  text-align: center;
  letter-spacing: 0.01em;
  box-shadow: 0 1px 4px rgba(155,145,102,0.08);
}
.fm-product-tab:hover {
  background: #f5f3ec;
  border-color: #7a7248;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(155,145,102,0.18);
}
.fm-product-tab.active {
  background: #9b9166;
  color: #fff;
  border-color: #9b9166;
  box-shadow: 0 3px 10px rgba(155,145,102,0.35);
}

/* ---- 3D Viewer ---- */
#fm-3d-wrap {
  width: 460px;
  background: #f8f8f8;
  border-radius: 10px;
  overflow: hidden;
  display: none;
  flex-direction: column;
  align-items: center;
}
#fm-3d-wrap.visible {
  display: flex;
}
#fm-3d-canvas-container {
  width: 460px;
  height: auto;
  aspect-ratio: 1 / 1;
  position: relative;
  background: #ffffff;
  border-radius: 10px 10px 0 0;
  border: 1px solid #e8e4d8;
}
#fm-3d-canvas-container canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
  border-radius: 10px 10px 0 0;
}
.fm-3d-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #888;
  font-size: 14px;
  text-align: center;
  padding: 20px;
}
.fm-3d-hint {
  font-size: 12px;
  color: #888;
  text-align: center;
  padding: 8px;
  background: #f0ede4;
  width: 100%;
}

/* ---- Design grid ---- */
.fm-design-grid {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.fm-design-option {
  position: relative;
  cursor: pointer;
  border: 3px solid transparent;
  border-radius: 8px;
  overflow: hidden;
  transition: border-color 0.2s;
  flex: 1 1 calc(50% - 5px);
  min-width: 0;
}
.fm-design-option img {
  width: 100%;
  height: 90px;
  object-fit: cover;
  display: block;
}
.fm-design-option:hover {
  border-color: #9b9166;
}
.fm-design-option.selected {
  border-color: #9b9166;
  box-shadow: 0 0 0 2px #9b9166;
}
.fm-design-label {
  text-align: center;
  font-size: 12px;
  padding: 4px;
  background: rgba(0,0,0,0.05);
  font-weight: 600;
}

/* ---- Section headings ---- */
.fm-section-title {
  font-weight: 700;
  font-size: 15px;
  color: #2d2d2d;
  margin: 12px 0 6px;
  font-family: inherit;
}

/* ---- Anzahl (Menge) ---- */
.fm-anzahl-section {
  margin-top: 4px;
}
.fm-anzahl-section label {
  display: block;
  font-weight: 700;
  font-size: 15px;
  color: #2d2d2d;
  margin-bottom: 8px;
  font-family: inherit;
}
.fm-anzahl-controls {
  display: flex;
  align-items: center;
  gap: 12px;
}
.fm-anzahl-btn {
  width: 36px;
  height: 36px;
  border: 2px solid #9b9166;
  border-radius: 6px;
  background: #fff;
  color: #9b9166;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  font-family: inherit;
  line-height: 1;
  padding: 0;
}
.fm-anzahl-btn:hover {
  background: #9b9166;
  color: #fff;
}
.fm-anzahl-display {
  font-size: 18px;
  font-weight: 700;
  color: #2d2d2d;
  min-width: 100px;
  text-align: center;
}
.fm-anzahl-hint {
  font-size: 12px;
  color: #888;
  margin-top: 4px;
}

/* ---- Price spacing ---- */
body.single-fm_design .fm-preis {
  margin-top: 24px;
}

/* ============ Responsive / Mobile ============ */
@media (max-width: 1024px) {
  body.single-fm_design .fm-left-col {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.single-fm_design #fm-3d-wrap,
  body.single-fm_design #fm-3d-canvas-container {
    width: 100% !important;
    max-width: 460px !important;
  }
}
/* Fix: stack columns earlier so the right column doesn't get squeezed/overflow */
@media (max-width: 1000px) {
  body.single-fm_design .fm-design-single {
    flex-direction: column !important;
    gap: 24px !important;
  }
  /* Reihenfolge mobil: Titel + Tabs + Preis -> 3D-Konfigurator -> Design waehlen + Rest */
  body.single-fm_design .fm-info-col,
  body.single-fm_design .fm-info {
    display: contents !important;
  }
  body.single-fm_design .fm-title { order: 1 !important; }
  body.single-fm_design .fm-product-selector { order: 2 !important; }
  body.single-fm_design .fm-preis { order: 3 !important; }
  body.single-fm_design .fm-left-col { order: 4 !important; flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  body.single-fm_design .fm-gallery { order: 4 !important; }
  body.single-fm_design .fm-section-title { order: 5 !important; }
  body.single-fm_design .fm-design-grid { order: 6 !important; }
  body.single-fm_design .fm-logo-section { order: 7 !important; }
  body.single-fm_design .fm-groesse-section { order: 8 !important; }
  body.single-fm_design .fm-menge-section { order: 9 !important; }
  body.single-fm_design .fm-anzahl-section { order: 10 !important; }
  body.single-fm_design #fm-anfrage-section { order: 11 !important; }
  body.single-fm_design .fm-groesse-grid {
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)) !important;
  }
  /* Kompakter Preis-Block mobil */
  body.single-fm_design .fm-preis {
    margin: 14px 0 !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
  }
  body.single-fm_design .fm-preis-value {
    font-size: 20px !important;
  }
  body.single-fm_design .fm-title {
    font-size: 22px !important;
    margin-bottom: 10px !important;
  }
}
@media (max-width: 768px) {
  body.single-fm_design .fm-left-col,
  body.single-fm_design #fm-3d-wrap,
  body.single-fm_design #fm-3d-canvas-container {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }
  body.single-fm_design #fm-3d-canvas-container {
    height: auto !important;
    aspect-ratio: 460 / 380;
  }
  body.single-fm_design #fm-3d-canvas-container canvas {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    display: block;
  }
  body.single-fm_design .fm-product-selector {
    flex-wrap: wrap !important;
  }
  body.single-fm_design .fm-product-tab {
    flex: 1 1 calc(50% - 6px) !important;
    min-width: 0 !important;
    font-size: 13px !important;
    padding: 12px 8px !important;
  }
  body.single-fm_design .fm-design-grid {
    flex-wrap: wrap !important;
  }
  body.single-fm_design .fm-design-option {
    flex: 1 1 calc(33.333% - 8px) !important;
    min-width: 90px !important;
  }
}
@media (max-width: 480px) {
  body.single-fm_design #fm-3d-canvas-container canvas { max-width: 100% !important; height: auto !important; }
  body.single-fm_design .fm-product-tab {
    flex: 1 1 100% !important;
  }
  body.single-fm_design .fm-design-option {
    flex: 1 1 calc(50% - 6px) !important;
  }
}
/* Globale Sicherung gegen Überlauf */
body.single-fm_design #fm-3d-canvas-container canvas { max-width: 100%; }

/* ====== Mobiles Redesign (A+B+C) ====== */
@media (max-width: 1000px) {
  body.single-fm_design .fm-design-single { gap: 14px !important; padding-bottom: 92px !important; }
  /* C: Karten-Look je Block */
  body.single-fm_design .fm-product-selector,
  body.single-fm_design #fm-3d-wrap,
  body.single-fm_design .fm-design-grid,
  body.single-fm_design .fm-logo-section,
  body.single-fm_design .fm-groesse-section,
  body.single-fm_design .fm-menge-section,
  body.single-fm_design .fm-anzahl-section {
    background: #fff !important; border-radius: 0 !important;
    box-shadow: none !important;
    padding: 16px !important; border: none !important;
  }
  /* A: Tabs als 2-Spalten-Raster, halbtransparente Pillen */
  body.single-fm_design .fm-product-selector {
    display: grid !important; grid-template-columns: 1fr 1fr !important;
    gap: 10px !important; overflow: visible !important; padding: 6px 2px !important;
  }
  body.single-fm_design .fm-product-tab {
    width: 100% !important; white-space: nowrap !important;
    padding: 12px 14px !important; font-size: 13px !important; font-weight: 700 !important;
    border-radius: 999px !important; border: 1px solid rgba(155,145,102,0.45) !important;
    background: rgba(155,145,102,0.12) !important; color: #6f6741 !important;
    -webkit-backdrop-filter: blur(6px) !important; backdrop-filter: blur(6px) !important;
    box-shadow: 0 2px 10px rgba(60,50,20,0.06) !important; transition: all 0.2s !important;
  }
  body.single-fm_design .fm-product-tab.active {
    background: rgba(155,145,102,0.85) !important; color: #fff !important;
    border-color: rgba(155,145,102,0.9) !important;
    box-shadow: 0 4px 14px rgba(155,145,102,0.40) !important;
  }
  /* Preis im Mobile ausblenden (Sticky-Bar zeigt ihn) */
  body.single-fm_design .fm-preis { display: none !important; }
  body.single-fm_design .fm-title { font-size: 20px !important; margin-bottom: 6px !important; }
  body.single-fm_design #fm-3d-wrap { order: 4 !important; padding: 8px !important; }
  /* Fix: kein horizontaler Ueberlauf auf Mobil */
  body.single-fm_design .ct-code-block,
  body.single-fm_design .fm-design-single { width: 100% !important; max-width: 100% !important; }
  body.single-fm_design .fm-design-single > * { max-width: 100% !important; }
  body.single-fm_design #fm-3d-wrap,
  body.single-fm_design #fm-3d-canvas-container { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  body.single-fm_design #fm-3d-canvas-container canvas { width: 100% !important; max-width: 100% !important; height: auto !important; }
  body.single-fm_design .fm-product-selector { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }
  /* Sektionen am Header ausrichten: links wie Logo, rechts wie WhatsApp-Pille (je 16px) */
  /* Nur den Konfigurator-Block (.fm-design-single) verschieben, NICHT Logo-Code-Bloecke */
  body.single-fm_design .fm-design-single {
    width: calc(100% + 48px) !important; max-width: calc(100% + 48px) !important;
    margin-left: -24px !important; margin-right: -24px !important;
  }
  /* Feature-Liste ganz nach unten unter 'Anfrage stellen' */
  body.single-fm_design .fm-left-col { display: contents !important; }
  body.single-fm_design .fm-features { order: 20 !important; width: 100% !important; }

  /* Groessen 2 pro Reihe */
  body.single-fm_design .fm-groesse-grid { grid-template-columns: 1fr 1fr !important; }
  /* B: Sticky Bottom-Bar */
  body.single-fm_design #fm-sticky-bar {
    position: fixed !important; left: 0; right: 0; bottom: 0; z-index: 9999;
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 10px 16px; background: rgba(255,255,255,0.97); backdrop-filter: blur(6px);
    box-shadow: 0 -4px 18px rgba(0,0,0,0.12); border-top: 1px solid rgba(155,145,102,0.25);
  }
  body.single-fm_design #fm-sticky-bar .sb-price { font-size: 15px; font-weight: 800; color: #2d2d2d; line-height: 1.1; }
  body.single-fm_design #fm-sticky-bar .sb-price small { display: block; font-size: 11px; font-weight: 500; color: #8a8164; }
  body.single-fm_design #fm-sticky-bar .sb-cta {
    flex: 0 0 auto; background: #1f1f1f; color: #fff; border: none; border-radius: 999px;
    padding: 12px 22px; font-size: 14px; font-weight: 700; cursor: pointer;
  }
}
#fm-sticky-bar { display: none; }
@media (max-width: 1000px) { body.single-fm_design #fm-sticky-bar { display: flex; } 

  /* Mobile: Sektion-Inhalt zentrieren (Titel bleiben linksbündig) */
  body.single-fm_design .fm-info,
  body.single-fm_design .fm-logo-section,
  body.single-fm_design .fm-groesse-section,
  body.single-fm_design .fm-menge-section {
    text-align: center !important;
  }
  /* Titel der Sektionen weiterhin linksbündig */
  body.single-fm_design .fm-section-title,
  body.single-fm_design .fm-form-title {
    text-align: left !important;
  }
  /* Flex-Inhalte horizontal zentrieren */
  body.single-fm_design .fm-design-grid,
  body.single-fm_design .fm-logo-upload {
    justify-content: center !important;
  }
  /* Optionen-Inhalt zentrieren */
  body.single-fm_design .fm-menge-list {
    justify-content: center !important;
  }
  /* Anzahl/Menge-Sektion linksbündig lassen */
  body.single-fm_design .fm-anzahl-section,
  body.single-fm_design .fm-anzahl-section .fm-anzahl-display,
  body.single-fm_design .fm-anzahl-section .fm-anzahl-hint {
    text-align: left !important;
  }
  body.single-fm_design .fm-anzahl-section .fm-anzahl-controls {
    justify-content: flex-start !important;
  }
  /* Hinweistext (Mindestmenge etc.) zentrieren */
  body.single-fm_design .fm-min-note {
    text-align: center !important;
  }
}

/* ============================================================
   Desktop Redesign (Variante A): 3D-Viewer sticky + Preis ohne Plakette
   Nur Desktop (>=1101px); Mobil bleibt unverändert.
   ============================================================ */
@media (min-width: 1001px) {
  /* Linke Spalte (3D-Konfigurator) bleibt beim Scrollen sichtbar */
  body.single-fm_design .fm-left-col {
    position: sticky !important;
    top: 110px !important;
    align-self: flex-start !important;
  }
  /* Preis: olivfarbene Plakette entfernen, kleiner, olivfarbener Text */
  body.single-fm_design .fm-preis {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 4px 0 !important;
    margin: 8px 0 !important;
  }
  body.single-fm_design .fm-preis-value {
    color: #9b9166 !important;
    font-size: 22px !important;
  }


  /* Tabs im Mobil-Stil (Pill) auch auf Desktop */
  body.single-fm_design .fm-product-tab {
    padding: 12px 14px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(155,145,102,0.45) !important;
    background: rgba(155,145,102,0.12) !important;
    color: #6f6741 !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
    box-shadow: 0 2px 10px rgba(60,50,20,0.06) !important;
    transition: all 0.2s !important;
  }
  body.single-fm_design .fm-product-tab:hover {
    background: rgba(155,145,102,0.20) !important;
    border-color: rgba(155,145,102,0.6) !important;
    transform: translateY(-1px) !important;
  }
  body.single-fm_design .fm-product-tab.active {
    background: rgba(155,145,102,0.85) !important;
    color: #fff !important;
    border-color: rgba(155,145,102,0.9) !important;
    box-shadow: 0 4px 14px rgba(155,145,102,0.4) !important;
  }
}

/* FM: 3D ausblenden, Foto anzeigen (umkehrbar) */
body.single-fm_design #fm-3d-canvas-container{ position:relative; }
body.single-fm_design #fm-3d-canvas-container > canvas{ display:none !important; }
body.single-fm_design #fm-3d-canvas-container .fm-3d-photo{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:contain; background:#ffffff; z-index:2;
}
/* FM: Hinweis "Drehen Sie die Box mit der Maus" ausblenden (Foto statt 3D) */
body.single-fm_design .fm-3d-hint{ display:none !important; }
/* FM: Hover-Zoom Linse (adaptiert aus 2712) */
body.single-fm_design #fm-3d-canvas-container.fm-has-zoom{ cursor:zoom-in; }
body.single-fm_design .fm-3d-zoom-lens{
  position:absolute; inset:0; width:100%; height:100%;
  background-repeat:no-repeat; background-color:#ffffff;
  pointer-events:none; opacity:0; z-index:3;
}
body.single-fm_design #fm-3d-canvas-container.fm-zooming .fm-3d-zoom-lens{ opacity:1; }
@media (hover:none){
  body.single-fm_design #fm-3d-canvas-container.fm-has-zoom{ cursor:default; }
  body.single-fm_design #fm-3d-canvas-container.fm-zooming .fm-3d-zoom-lens{ opacity:0; }
}
</style>

<script>
/* FM: Hover-Zoom Funktion (adaptiert aus Snippet 2712) */
window.fmInitZoom = function (cont) {
  if (!cont) return;
  var ZOOM = 2.2;
  // Linse holen oder neu erzeugen (kann beim Produktwechsel entfernt worden sein)
  var lens = cont.querySelector('.fm-3d-zoom-lens');
  if (!lens) {
    lens = document.createElement('div');
    lens.className = 'fm-3d-zoom-lens';
    cont.appendChild(lens);
  }
  cont.classList.add('fm-has-zoom');
  // Liest IMMER das aktuelle Bild + die aktuelle Linse aus dem DOM (kein veralteter Closure-Wert)
  function setLensImage() {
    var curImg = cont.querySelector('img.fm-3d-photo');
    var curLens = cont.querySelector('.fm-3d-zoom-lens');
    if (!curImg || !curLens) return;
    var src = curImg.currentSrc || curImg.src;
    curLens.style.backgroundImage = 'url(' + src + ')';
    curLens.style.backgroundSize = (curImg.clientWidth * ZOOM) + 'px ' + (curImg.clientHeight * ZOOM) + 'px';
  }
  // Events nur einmal binden; sie lesen den aktuellen Zustand frisch aus dem DOM
  if (!cont.dataset.fmZoomBound) {
    cont.dataset.fmZoomBound = '1';
    cont.addEventListener('mouseenter', function () {
      var curImg = cont.querySelector('img.fm-3d-photo');
      if (!curImg || curImg.style.display === 'none') return;
      setLensImage();
      cont.classList.add('fm-zooming');
    });
    cont.addEventListener('mouseleave', function () {
      cont.classList.remove('fm-zooming');
    });
    cont.addEventListener('mousemove', function (e) {
      var curImg = cont.querySelector('img.fm-3d-photo');
      var curLens = cont.querySelector('.fm-3d-zoom-lens');
      if (!curImg || !curLens) return;
      var r = curImg.getBoundingClientRect();
      var x = (e.clientX - r.left) / r.width;
      var y = (e.clientY - r.top) / r.height;
      x = Math.max(0, Math.min(1, x));
      y = Math.max(0, Math.min(1, y));
      curLens.style.backgroundPosition = (x * 100) + '% ' + (y * 100) + '%';
    });
  }
  // Beim (Neu-)Initialisieren das Linsenbild sofort aktualisieren
  var img0 = cont.querySelector('img.fm-3d-photo');
  if (img0) {
    if (img0.complete) setLensImage();
    else img0.addEventListener('load', setLensImage, { once: true });
  }
};
(function(){
  document.addEventListener('DOMContentLoaded', function(){
    if (!document.body || !document.body.classList.contains('single-fm_design')) return;

    var data = window.fmDesignData || {};

    // === Neue Abwicklungen (Stanzlinien) je Design – echtes Fenster als weisse Flaeche ===
    data['design_goldfisch'] = data['design_goldfisch'] || 'https://farioli-maibach.de/wp-content/uploads/2026/06/C1_SUSHI_171X92X45.png';
    data['design_lotus'] = data['design_lotus'] || 'https://farioli-maibach.de/wp-content/uploads/2026/06/C2_SUSHI_171X92X45.png';
    data['design_katze'] = data['design_katze'] || 'https://farioli-maibach.de/wp-content/uploads/2026/06/C3_SUSHI_171X92X45.png';
data['sushi_party_box_design_goldfisch'] = data['sushi_party_box_design_goldfisch'] || ['https://farioli-maibach.de/wp-content/uploads/2026/06/C1_SUSHI_220X220X50.png'];
data['sushi_party_box_design_lotus'] = data['sushi_party_box_design_lotus'] || ['https://farioli-maibach.de/wp-content/uploads/2026/06/C2_SUSHI_220X220X50.png'];
data['sushi_party_box_design_katze'] = data['sushi_party_box_design_katze'] || ['https://farioli-maibach.de/wp-content/uploads/2026/06/C3_SUSHI_220X220X50.png'];

    var products = [
      { key: 'sushi_box',         label: 'Sushi Box' },
      { key: 'sushi_party_box',   label: 'Sushi Party Box' },
      { key: 'bowl',              label: 'Bowl' },
      { key: 'papiertragetasche', label: 'Papiertragetasche' }
    ];

    var productSizes = {
      'sushi_box':         ['s','m','l'],
      'sushi_party_box':   ['s','m'],
      'bowl':              ['s','m','l'],
      'papiertragetasche': ['s','m','l']
    };
    // Abweichende Maße je Produkt (überschreiben die Standard-Labels)
    var productSizeLabels = {
      'sushi_party_box': { 's': '220 x 220 x 50 mm', 'm': '270 x 270 x 55 mm' },
      'bowl': { 's': '475 ml · 112 × 91 × 70 mm', 'm': '750 ml · 150 × 128 × 60 mm', 'l': '1300 ml · 184 × 163 × 65 mm' },
      'papiertragetasche': { 's': '220 × 280 × 100 mm', 'm': '270 × 270 × 310 mm', 'l': '320 × 280 × 220 mm' }
    };
    var fmDefaultSizeLabels = null;

    var designs = [
      { key: 'goldfisch', label: 'Goldfisch' },
      { key: 'lotus',     label: 'Lotus' },
      { key: 'katze',     label: 'Katze' },
      { key: 'dein_design', label: 'Dein Design' }
    ];

    var activeProduct = null;
    var threeScene = null;
    var threeRenderer = null;
    var threeCamera = null;
    var boxMesh = null;
    var isDragging = false;
    var prevMouse = { x: 0, y: 0 };
    var animFrameId = null;

    // ================= Realistic box config =================
    // Пропорции из реальной вырубки 171 x 92 x 45 мм
    var BOX_L = 4.0;                 // длина 171 мм -> X
    var BOX_W = BOX_L * 92 / 171;    // ширина 92 мм -> Z
    var BOX_H = BOX_L * 45 / 171;    // высота 45 мм -> Y

    // ЗАМЕРЕНО по реальным развёрткам (770x935, вырубка одна на все 3 дизайна).
    // Панель крышки = этот прямоугольник развёртки (доли 0..1, начало сверху-слева):
    var LID_SRC = { x: 0.149, y: 0.552, w: 0.701, h: 0.310 };
    // Окно вырублено по ЦЕНТРУ панели; размер — доля панели:
    var WIN = { w: 0.58, h: 0.43, r: 0.05 };
    // Если арт на крышке окажется перевёрнут на 180° — поставь true:
    var TOP_FLIP = false;

    // Fallback-кроп (если canvas «tainted» из-за отсутствия CORS): offset/repeat в UV (y вверх)
    var LID_UV = { offX: 0.149, offY: 0.138, repX: 0.701, repY: 0.310, rot: 0 };

    var INTERIOR_COLOR = '#efece4'; // светлый внутренний лоток (видно сквозь окно)
    var DARK_FALLBACK  = '#141414'; // запасной цвет стенок

    var AUTO_SPIN  = false;         // автоповорот отключён (крутить только мышью)
    var SPIN_SPEED = 0.004;
    var SPIN_DELAY = 2500;          // мс простоя до автоповорота
    var lastInteract = 0;

    var lidTopMat = null;
    var darkMats  = [];

    // --- Find gallery block ---
    var galleryBlock = document.querySelector('.fm-gallery');
    if (!galleryBlock) { console.warn('[FM3D] .fm-gallery not found'); return; }
    var parentFlex = galleryBlock.parentElement;

    var leftCol = document.createElement('div');
    leftCol.className = 'fm-left-col';

    // --- Product selector ---
    var selector = document.createElement('div');
    selector.className = 'fm-product-selector';
    products.forEach(function(p){
      var btn = document.createElement('button');
      btn.className = 'fm-product-tab';
      btn.textContent = p.label;
      btn.dataset.key = p.key;
      btn.addEventListener('click', function(){
        document.querySelectorAll('.fm-product-tab').forEach(function(b){ b.classList.remove('active'); });
        btn.classList.add('active');
        activateProduct(p.key);
      });
      selector.appendChild(btn);
    });

    // --- 3D wrap ---
    var wrap = document.createElement('div');
    wrap.id = 'fm-3d-wrap';
    var canvasContainer = document.createElement('div');
    canvasContainer.id = 'fm-3d-canvas-container';
    var placeholder = document.createElement('div');
    placeholder.className = 'fm-3d-placeholder';
    placeholder.textContent = 'Produkt wählen...';
    canvasContainer.appendChild(placeholder);
          /* FM: Foto-Overlay statt 3D (umkehrbar, lazy) */
          window.fmSetPhoto = function(url){
        var cont = document.getElementById("fm-3d-canvas-container");
        if(!cont) return;
        var BASE = "https://farioli-maibach.de/wp-content/uploads/2026/06/";
        var photo = "";
        var ap = (typeof activeProduct !== "undefined" && activeProduct) ? activeProduct : "";
        var dk = window.fmCurDesignKey || "";
        var dd = window.fmDesignData || {};
        /* FM: 1) Pro Produkt+Design eigenes Foto aus ACF (photo_<produkt>_<design>) */
        try { if(ap && dk){ photo = dd["photo_" + ap + "_" + dk] || ""; } } catch(e){}
        /* FM: 2) Sonst die uebergebene Design-URL selbst als Foto verwenden */
        if(!photo && url){ photo = url; }
        /* FM: 3) Letzter Fallback nach Abwicklung-Marker (C1/C2/C3) */
        if(!photo){
          if(/C1_/i.test(url)) photo = BASE + "koi-1.webp";
          else if(/C2_/i.test(url)) photo = BASE + "lotos.webp";
          else if(/C3_/i.test(url)) photo = BASE + "katze.webp";
        }
        if(!photo) return;
        var img = cont.querySelector("img.fm-3d-photo");
        if(!img){
          img = document.createElement("img");
          img.className = "fm-3d-photo";
          img.alt = "Design-Vorschau";
          cont.appendChild(img);
        }
        img.src = photo;
        img.style.display = "block";
        var ph = cont.querySelector(".fm-3d-placeholder");
        if(ph){ ph.style.display = "none"; }
        if (window.fmInitZoom) window.fmInitZoom(cont);
      };
    var hint = document.createElement('div');
    hint.className = 'fm-3d-hint';
    hint.textContent = 'Drehen Sie die Box mit der Maus';
    wrap.appendChild(canvasContainer);
    wrap.appendChild(hint);

    // --- Design section ---
    var designTitle = document.createElement('div');
    designTitle.className = 'fm-section-title';
    designTitle.textContent = 'Design wählen:';
    var designGrid = document.createElement('div');
    designGrid.className = 'fm-design-grid';
    designs.forEach(function(d){
      var opt = document.createElement('div');
      opt.className = 'fm-design-option' + (d.key === 'goldfisch' ? ' selected' : '');
      opt.dataset.key = d.key;
      var imgUrl = data['photo_' + activeProduct + '_' + d.key] || data[activeProduct + '_design_' + d.key] || data['design_' + d.key];
      if (imgUrl) {
        var img = document.createElement('img');
        img.src = imgUrl; img.alt = d.label;
        opt.appendChild(img);
      } else {
        var noImg = document.createElement('div');
        noImg.style.cssText = 'width:140px;height:100px;background:#eee;display:flex;align-items:center;justify-content:center;font-size:11px;color:#aaa;text-align:center;';
        noImg.textContent = d.label;
        opt.appendChild(noImg);
      }
      var lbl = document.createElement('div');
      lbl.className = 'fm-design-label';
      lbl.textContent = d.label;
      opt.appendChild(lbl);
      opt.addEventListener('click', function(){
        document.querySelectorAll('.fm-design-option').forEach(function(o){ o.classList.remove('selected'); });
        opt.classList.add('selected');
        window.fmCurDesignKey = d.key;
        applyDesignToBox((data[activeProduct + '_design_' + d.key] || data['design_' + d.key]));
        if (typeof window.fmClearLogo === 'function') window.fmClearLogo();
      });
      designGrid.appendChild(opt);
    });

    // --- Anzahl (Menge) section ---
    var anzahlSection = document.createElement('div');
    anzahlSection.className = 'fm-anzahl-section';
    var anzahlHr = document.createElement('hr');
    anzahlHr.className = 'fm-divider';
    anzahlSection.insertBefore(anzahlHr, anzahlSection.firstChild);
    var anzahlLabel = document.createElement('label');
    anzahlLabel.textContent = 'Anzahl:';
    var anzahlControls = document.createElement('div');
    anzahlControls.className = 'fm-anzahl-controls';
    var anzahlValue = 5000, anzahlMin = 5000, anzahlStep = 1000;
    var btnMinus = document.createElement('button');
    btnMinus.className = 'fm-anzahl-btn'; btnMinus.textContent = '−'; btnMinus.type = 'button';
    var anzahlDisplay = document.createElement('div');
    anzahlDisplay.className = 'fm-anzahl-display';
    anzahlDisplay.textContent = anzahlValue.toLocaleString('de-DE') + ' Stk.';
    var btnPlus = document.createElement('button');
    btnPlus.className = 'fm-anzahl-btn'; btnPlus.textContent = '+'; btnPlus.type = 'button';
    var anzahlHint = document.createElement('div');
    anzahlHint.className = 'fm-anzahl-hint';
    anzahlHint.textContent = 'Mindestmenge: 5.000 Stk., in 1.000er-Schritten';
    btnMinus.addEventListener('click', function(){ if (anzahlValue > anzahlMin) { anzahlValue -= anzahlStep; updateAnzahl(); } });
    btnPlus.addEventListener('click', function(){ anzahlValue += anzahlStep; updateAnzahl(); });
    function updateAnzahl() {
      anzahlDisplay.textContent = anzahlValue.toLocaleString('de-DE') + ' Stk.';
      btnMinus.disabled = (anzahlValue <= anzahlMin);
      btnMinus.style.opacity = (anzahlValue <= anzahlMin) ? '0.4' : '1';
    }
    updateAnzahl();
    anzahlControls.appendChild(btnMinus);
    anzahlControls.appendChild(anzahlDisplay);
    anzahlControls.appendChild(btnPlus);
    anzahlSection.appendChild(anzahlLabel);
    anzahlSection.appendChild(anzahlControls);
    anzahlSection.appendChild(anzahlHint);

    // --- Assemble left col ---
    leftCol.appendChild(wrap);
    var featuresEl = document.querySelector('.fm-features');
    if (featuresEl) leftCol.appendChild(featuresEl);
    parentFlex.insertBefore(leftCol, galleryBlock);
    galleryBlock.style.display = 'none';

    var fmInfo = document.querySelector('.fm-info');
    var preisEl = fmInfo ? fmInfo.querySelector('.fm-preis') : null;
    if (fmInfo && preisEl) { fmInfo.insertBefore(selector, preisEl); }
    else if (fmInfo) { fmInfo.insertBefore(selector, fmInfo.firstChild.nextSibling); }

    var firstTab = selector.querySelector('.fm-product-tab');
    if (firstTab) firstTab.click();

    setTimeout(function() {
      // --- Festen Preistext erzwingen (Oxygen-Skript überschreibt sonst mit Gesamtsumme) ---
      var FM_PREIS_TEXT = 'ab 0,23 € pro Stück';
      var preisSpan = document.querySelector('.fm-preis-value');
      if (preisSpan) {
        var applyPreis = function(){ if (preisSpan.textContent !== FM_PREIS_TEXT) preisSpan.textContent = FM_PREIS_TEXT; };
        applyPreis();
        var preisObserver = new MutationObserver(function(){ applyPreis(); });
        preisObserver.observe(preisSpan, { childList: true, characterData: true, subtree: true });
      }

      // --- Texte der Feature-Liste anpassen ---
      var fmFeatureSpans = document.querySelectorAll('.fm-features .fm-feature-item span');
      fmFeatureSpans.forEach(function(sp){
        var t = sp.textContent.trim();
        if (t.indexOf('Schon ab') !== -1) { sp.textContent = 'Schon ab 0,23 € pro Stück'; }
        else if (t.indexOf('Versand') !== -1) { sp.textContent = 'Zuverlässiger Versand in ganz Deutschland'; }
      });
    }, 100);

    var logoSection = fmInfo ? fmInfo.querySelector('.fm-logo-section') : null;
    if (fmInfo && logoSection) {
      fmInfo.insertBefore(designGrid, logoSection);
      fmInfo.insertBefore(designTitle, designGrid);
    } else if (fmInfo) {
      fmInfo.appendChild(designTitle);
      fmInfo.appendChild(designGrid);
    }

    var anfrageSection = document.getElementById('fm-anfrage-section');
    if (anfrageSection && anfrageSection.parentElement) {
      anfrageSection.parentElement.insertBefore(anzahlSection, anfrageSection);
    }

    // --- Product activation ---
    function activateProduct(key) {
      activeProduct = key;
      wrap.classList.add('visible');
      var allowedSizes = productSizes[key] || ['s','m','l'];
      // Standard-Labels einmalig merken
      if (!fmDefaultSizeLabels) {
        fmDefaultSizeLabels = {};
        document.querySelectorAll('.fm-groesse-item').forEach(function(item){
          var lbl = item.querySelector('.fm-groesse-label');
          if (lbl) fmDefaultSizeLabels[item.dataset.groesse] = lbl.textContent;
        });
      }
      // Produktspezifische Maße anwenden bzw. Standard wiederherstellen
      var customLabels = productSizeLabels[key] || null;
      document.querySelectorAll('.fm-groesse-item').forEach(function(item){
        var g = item.dataset.groesse;
        var lbl = item.querySelector('.fm-groesse-label');
        if (!lbl) return;
        if (customLabels && customLabels[g]) { lbl.textContent = customLabels[g]; }
        else if (fmDefaultSizeLabels[g] != null) { lbl.textContent = fmDefaultSizeLabels[g]; }
      });
      document.querySelectorAll('.fm-groesse-item').forEach(function(item){
        var g = item.dataset.groesse;
        item.style.display = allowedSizes.indexOf(g) > -1 ? '' : 'none';
      });
      var hasActive = false;
      document.querySelectorAll('.fm-groesse-item').forEach(function(item){
        if (item.classList.contains('active') && item.style.display !== 'none') hasActive = true;
      });
      if (!hasActive) {
        var first = document.querySelector('.fm-groesse-item:not([style*="none"])');
        if (first) first.classList.add('active');
      }
      // Nur die Sushi Box hat aktuell ein 3D-Modell.
      var hasModel = (key === 'sushi_box' || key === 'sushi_party_box');
      /* Produktspezifische Box-Maße: Party Box 220x220x50 */
      if (key === 'sushi_party_box') {
        BOX_L = 3.0;            // 220 (Länge) – visuell verkleinert, passt auf den Tisch
        BOX_W = 3.0;            // 220 (Breite, quadratisch)
        BOX_H = 3.0 * 50 / 220; // 50 (Höhe)
      } else if (key === 'sushi_box') {
        BOX_L = 4.0;             // 171
        BOX_W = 4.0 * 92 / 171;  // 92
        BOX_H = 4.0 * 45 / 171;  // 45
      }
      if (hasModel) {
        var abwicklungUrl = data[activeProduct + '_design_goldfisch'] || data['design_goldfisch'] || data['abwicklung_' + key] || '';
        load3D(abwicklungUrl);
      } else {
        load3D('', '3D-Modell folgt in K\u00fcrze');
      }
    
        /* FM: nach Produktwechsel das aktuell gewaehlte Design-Foto neu setzen */
        try {
          setTimeout(function(){
            var data = window.fmDesignData || {};
            var grid = document.querySelector('.fm-design-grid');
            if(!grid) return;
            /* FM: Thumbnails pro Produkt aktualisieren (photo_<produkt>_<design> bevorzugt) */
            var opts = grid.querySelectorAll('.fm-design-option');
            opts.forEach(function(opt){
              var k = opt.getAttribute('data-key');
              if(!k) return;
              var u = data['photo_' + activeProduct + '_' + k] || data[activeProduct + '_design_' + k] || data['design_' + k];
              var im = opt.querySelector('img');
              if(im && u){ im.src = u; }
            });
            /* FM: aktuell gewaehltes Design-Foto neu setzen */
            var sel = grid.querySelector('.fm-design-option.selected') || grid.querySelector('.fm-design-option');
            if(sel){ sel.click(); }
          }, 60);
        } catch(e){}
      }

    function load3D(textureUrl, placeholderMsg) {
      while (canvasContainer.firstChild) canvasContainer.removeChild(canvasContainer.firstChild);
      if (animFrameId) { cancelAnimationFrame(animFrameId); animFrameId = null; }
      if (threeRenderer) { threeRenderer.dispose(); threeRenderer = null; }
      if (!textureUrl) {
        var ph = document.createElement('div');
        ph.className = 'fm-3d-placeholder';
        ph.textContent = placeholderMsg || 'Bild noch nicht hochgeladen';
        canvasContainer.appendChild(ph);
        return;
      }
      if (typeof THREE !== 'undefined') { initThree(textureUrl); return; }
      var script = document.createElement('script');
      script.src = 'https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js';
      script.onload = function(){ initThree(textureUrl); };
      document.head.appendChild(script);
    }

    function initThree(textureUrl) {
      var FM_BASE_W = 460, FM_BASE_H = 380, FM_ASPECT = FM_BASE_W / FM_BASE_H;
      function fmCalcSize(){
        var cw = (canvasContainer && canvasContainer.clientWidth) ? canvasContainer.clientWidth : FM_BASE_W;
        var w = Math.min(cw, FM_BASE_W);
        if (w < 10) w = FM_BASE_W;
        return { w: w, h: Math.round(w / FM_ASPECT) };
      }
      var __sz = fmCalcSize();
      var W = __sz.w, H = __sz.h;
      threeScene = new THREE.Scene();
      threeScene.background = new THREE.Color(0xffffff);
      // Hintergrundbild (Holztisch) statt weiss
      (function(){
        var FM_BG_URL = "https://farioli-maibach.de/wp-content/uploads/2026/06/fon-light.webp";
        var bgLoader = new THREE.TextureLoader();
        bgLoader.setCrossOrigin("anonymous");
        bgLoader.load(FM_BG_URL, function(tex){
          if (tex.colorSpace !== undefined && THREE.SRGBColorSpace !== undefined) { tex.colorSpace = THREE.SRGBColorSpace; }
          else if (THREE.sRGBEncoding !== undefined) { tex.encoding = THREE.sRGBEncoding; }
          if (threeScene) threeScene.background = tex;
          if (threeRenderer && threeScene && threeCamera) threeRenderer.render(threeScene, threeCamera);
        });
      })();
      threeCamera = new THREE.PerspectiveCamera(40, W/H, 0.1, 100);
      threeCamera.position.set(0, 5.5, 2.9);
      threeCamera.lookAt(0, 0, 0);
      threeRenderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
      threeRenderer.setSize(W, H);
      canvasContainer.appendChild(threeRenderer.domElement);
      threeRenderer.domElement.style.cursor = 'grab';

      // --- Responsive: Renderer & Kamera bei Resize anpassen ---
      var fmResizeTimer = null;
      function fmResize3D(){
        if (!threeRenderer || !threeCamera) return;
        var s = fmCalcSize();
        threeRenderer.setSize(s.w, s.h);
        threeCamera.aspect = s.w / s.h;
        threeCamera.updateProjectionMatrix();
      }
      window.addEventListener('resize', function(){
        clearTimeout(fmResizeTimer);
        fmResizeTimer = setTimeout(fmResize3D, 120);
      });
      // einmal nach dem Layout sicher anpassen
      setTimeout(fmResize3D, 200);

      threeScene.add(new THREE.HemisphereLight(0xffffff, 0x9b9166, 0.75));
      var key = new THREE.DirectionalLight(0xffffff, 0.7); key.position.set(3, 5, 4); threeScene.add(key);
      var fill = new THREE.DirectionalLight(0xffffff, 0.25); fill.position.set(-4, 2, -3); threeScene.add(fill);

      addGroundShadow();
      buildSushiBox(textureUrl);

      var canvas = threeRenderer.domElement;
      canvas.addEventListener('mousedown', function(e){ isDragging=true; lastInteract=Date.now(); prevMouse={x:e.clientX,y:e.clientY}; canvas.style.cursor='grabbing'; });
      canvas.addEventListener('mousemove', function(e){
        if(!isDragging||!boxMesh) return;
        boxMesh.rotation.y += (e.clientX-prevMouse.x)*0.01;
        boxMesh.rotation.x += (e.clientY-prevMouse.y)*0.01;
        prevMouse={x:e.clientX,y:e.clientY}; lastInteract=Date.now();
      });
      canvas.addEventListener('mouseup', function(){ isDragging=false; lastInteract=Date.now(); canvas.style.cursor='grab'; });
      canvas.addEventListener('mouseleave', function(){ isDragging=false; lastInteract=Date.now(); canvas.style.cursor='grab'; });
      canvas.addEventListener('touchstart', function(e){ if(e.touches.length===1){isDragging=true; lastInteract=Date.now(); prevMouse={x:e.touches[0].clientX,y:e.touches[0].clientY};} },{passive:true});
      canvas.addEventListener('touchmove', function(e){
        if(!isDragging||!boxMesh||e.touches.length!==1) return;
        boxMesh.rotation.y += (e.touches[0].clientX-prevMouse.x)*0.01;
        boxMesh.rotation.x += (e.touches[0].clientY-prevMouse.y)*0.01;
        prevMouse={x:e.touches[0].clientX,y:e.touches[0].clientY}; lastInteract=Date.now();
        e.preventDefault();
      },{passive:false});
      canvas.addEventListener('touchend', function(){ isDragging=false; lastInteract=Date.now(); },{passive:true});
    }

    function addGroundShadow() {
      var s = 256, c = document.createElement('canvas'); c.width = c.height = s;
      var ctx = c.getContext('2d');
      var g = ctx.createRadialGradient(s/2, s/2, 8, s/2, s/2, s/2);
      g.addColorStop(0, 'rgba(0,0,0,0.26)');
      g.addColorStop(1, 'rgba(0,0,0,0)');
      ctx.fillStyle = g; ctx.fillRect(0, 0, s, s);
      var mat = new THREE.MeshBasicMaterial({ map: new THREE.CanvasTexture(c), transparent: true, depthWrite: false });
      var sh = new THREE.Mesh(new THREE.PlaneGeometry(BOX_L*1.8, BOX_W*2.4), mat);
      sh.rotation.x = -Math.PI/2; sh.position.y = -BOX_H/2 - 0.02;
      threeScene.add(sh);
    }

    function parseColor(s){
      if (s[0] === '#'){ var n = parseInt(s.slice(1),16); return [(n>>16)&255,(n>>8)&255,n&255]; }
      var m = s.match(/\d+/g); return m ? [+m[0],+m[1],+m[2]] : [20,20,20];
    }
    function roundRectPath(ctx,x,y,w,h,r){
      ctx.beginPath();
      ctx.moveTo(x+r,y);
      ctx.arcTo(x+w,y,   x+w,y+h, r);
      ctx.arcTo(x+w,y+h, x,  y+h, r);
      ctx.arcTo(x,  y+h, x,  y,   r);
      ctx.arcTo(x,  y,   x+w,y,   r);
      ctx.closePath();
    }

    // Fallback alpha-маска окна (по центру панели)
    function makeWindowAlpha(){
      var s = 512, c = document.createElement('canvas'); c.width = c.height = s;
      var ctx = c.getContext('2d');
      ctx.fillStyle = '#fff'; ctx.fillRect(0,0,s,s);
      ctx.fillStyle = '#000';
      roundRectPath(ctx, (0.5-WIN.w/2)*s, (0.5-WIN.h/2)*s, WIN.w*s, WIN.h*s, WIN.r*s);
      ctx.fill();
      var t = new THREE.CanvasTexture(c);
      t.wrapS = t.wrapT = THREE.ClampToEdgeWrapping;
      return t;
    }

    // Текстура верха: вырезаем панель крышки из развёртки, чистим уголки, пробиваем окно
    function buildTopTexture(img, bg){
      var iw = img.naturalWidth || img.width, ih = img.naturalHeight || img.height;
      var sx = LID_SRC.x*iw, sy = LID_SRC.y*ih, sw = LID_SRC.w*iw, sh = LID_SRC.h*ih;
      var Cw = 1024, Ch = Math.round(Cw * sh / sw);
      var cv = document.createElement('canvas'); cv.width = Cw; cv.height = Ch;
      var ctx = cv.getContext('2d');
      if (TOP_FLIP){ ctx.translate(Cw,Ch); ctx.scale(-1,-1); }
      ctx.drawImage(img, sx, sy, sw, sh, 0, 0, Cw, Ch);
      ctx.setTransform(1,0,0,1,0,0);
      // чистим белые «уголки» вырубных язычков -> цвет фона
      var id = ctx.getImageData(0,0,Cw,Ch), d = id.data, rgb = parseColor(bg);
      for (var y=0;y<Ch;y++){ var fy=y/Ch;
        for (var x=0;x<Cw;x++){ var fx=x/Cw;
          if (!((fx<0.14||fx>0.86) && (fy<0.16||fy>0.84))) continue;
          var i=(y*Cw+x)*4;
          if (d[i]>222 && d[i+1]>222 && d[i+2]>222){ d[i]=rgb[0]; d[i+1]=rgb[1]; d[i+2]=rgb[2]; }
        }
      }
      // === Fenster = echte Aussparung anhand der weissen Flaeche der Abwicklung ===
      // Flood-Fill ab Panel-Mitte: nur der zusammenhaengende weisse Fleck (das Fenster)
      // wird transparent gestanzt. Weisse Design-Elemente ausserhalb (Katze, Blueten,
      // Laschen) bleiben erhalten, weil sie nicht mit der Mitte verbunden sind.
      (function punchWindowByWhite(){
        var W = Cw, H = Ch, dd = d; // d/id stammen vom getImageData oben
        function isWhite(p){ return dd[p] > 205 && dd[p+1] > 205 && dd[p+2] > 205; }
        // Saatpunkte rund um die Mitte suchen (falls exakte Mitte auf Muster faellt)
        var seeds = [];
        var cxs = [0.5, 0.45, 0.55, 0.5, 0.5, 0.4, 0.6];
        var cys = [0.5, 0.5, 0.5, 0.45, 0.55, 0.5, 0.5];
        for (var s=0; s<cxs.length; s++){
          var px = Math.round(cxs[s]*W), py = Math.round(cys[s]*H);
          if (px<0||py<0||px>=W||py>=H) continue;
          var pi = (py*W+px)*4;
          if (isWhite(pi)) { seeds.push(py*W+px); }
        }
        if (!seeds.length){
          // Fallback: alte rechteckige Aussparung
          ctx.putImageData(id,0,0);
          ctx.globalCompositeOperation = 'destination-out';
          roundRectPath(ctx, (0.5-WIN.w/2)*W, (0.5-WIN.h/2)*H, WIN.w*W, WIN.h*H, WIN.r*W);
          ctx.fill();
          ctx.globalCompositeOperation = 'source-over';
          return;
        }
        var visited = new Uint8Array(W*H);
        var stack = seeds.slice();
        seeds.forEach(function(idx){ visited[idx]=1; });
        while (stack.length){
          var cur = stack.pop();
          var pi2 = cur*4;
          dd[pi2+3] = 0; // Alpha auf 0 -> echtes Loch
          var cx2 = cur % W, cy2 = (cur - cx2) / W;
          var nb = [];
          if (cx2>0)   nb.push(cur-1);
          if (cx2<W-1) nb.push(cur+1);
          if (cy2>0)   nb.push(cur-W);
          if (cy2<H-1) nb.push(cur+W);
          for (var k=0;k<nb.length;k++){
            var nidx = nb[k];
            if (visited[nidx]) continue;
            visited[nidx]=1;
            if (isWhite(nidx*4)) stack.push(nidx);
          }
        }
        ctx.putImageData(id,0,0);
      })();
      var t = new THREE.CanvasTexture(cv);
      if (THREE.SRGBColorSpace) t.colorSpace = THREE.SRGBColorSpace;
      t.anisotropy = 4;
      return t;
    }

    function buildSushiBox(textureUrl) {
      boxMesh = new THREE.Group();
      darkMats = [];

      var wallMat = new THREE.MeshLambertMaterial({ color: DARK_FALLBACK, side: THREE.DoubleSide });
      darkMats.push(wallMat);
      var transTop = new THREE.MeshBasicMaterial({ transparent: true, opacity: 0, depthWrite: false });

      var bodyGeo = new THREE.BoxGeometry(BOX_L, BOX_H, BOX_W);
      var body = new THREE.Mesh(bodyGeo, [wallMat, wallMat, transTop, wallMat, wallMat, wallMat]);
      boxMesh.add(body);

      var floor = new THREE.Mesh(
        new THREE.PlaneGeometry(BOX_L*0.88, BOX_W*0.88),
        new THREE.MeshLambertMaterial({ color: INTERIOR_COLOR })
      );
      floor.rotation.x = -Math.PI/2;
      floor.position.y = BOX_H/2 - BOX_H*0.74;
      boxMesh.add(floor);

      lidTopMat = new THREE.MeshLambertMaterial({
        color: 0xffffff, transparent: true, alphaTest: 0.5, side: THREE.DoubleSide
      });
      var top = new THREE.Mesh(new THREE.PlaneGeometry(BOX_L, BOX_W), lidTopMat);
      top.rotation.x = -Math.PI/2;
      top.position.y = BOX_H/2 + 0.002;
      boxMesh.add(top);

      threeScene.add(boxMesh);
      boxMesh.rotation.x = -0.43;
      boxMesh.rotation.y = -0.43;

      applyDesignToBox(textureUrl);
      if (!animFrameId) animate();
    }

    function frameLidTexture(tex) {
      tex.wrapS = tex.wrapT = THREE.ClampToEdgeWrapping;
      tex.center.set(0.5, 0.5);
      tex.rotation = LID_UV.rot;
      tex.repeat.set(LID_UV.repX, LID_UV.repY);
      tex.offset.set(LID_UV.offX, LID_UV.offY);
      tex.needsUpdate = true;
    }

    function animate() {
      animFrameId = requestAnimationFrame(animate);
      if (boxMesh && AUTO_SPIN && !isDragging && (Date.now() - lastInteract > SPIN_DELAY)) {
        boxMesh.rotation.y += SPIN_SPEED;
      }
      if (threeRenderer && threeScene && threeCamera) threeRenderer.render(threeScene, threeCamera);
    }

    function applyDesignToBox(imgUrl) {
  if(window.fmSetPhoto){ try{ window.fmSetPhoto(imgUrl); }catch(e){} }
      if (!boxMesh || !imgUrl || !lidTopMat) return;
      var img = new Image();
      img.crossOrigin = 'anonymous';
      img.onload = function(){
        // средний цвет фона -> стенки
        var bg = DARK_FALLBACK;
        try {
          var c1 = document.createElement('canvas'); c1.width = c1.height = 1;
          var x1 = c1.getContext('2d'); x1.drawImage(img,0,0,1,1);
          var p = x1.getImageData(0,0,1,1).data; bg = 'rgb('+p[0]+','+p[1]+','+p[2]+')';
        } catch(e){ bg = DARK_FALLBACK; }
        darkMats.forEach(function(m){ m.color.set(bg); m.needsUpdate = true; });

        // основной путь: вырезанная панель крышки с настоящим окном
        try {
          var tex = buildTopTexture(img, bg);
          lidTopMat.map = tex; lidTopMat.alphaMap = null;
          lidTopMat.color.set(0xffffff); lidTopMat.needsUpdate = true;
        } catch(e) {
          // запасной путь (нет CORS для чтения пикселей): прямая текстура + offset/repeat + alpha-окно
          var loader = new THREE.TextureLoader(); loader.crossOrigin = 'anonymous';
          loader.load(imgUrl, function(t){
            frameLidTexture(t);
            lidTopMat.map = t; lidTopMat.alphaMap = makeWindowAlpha();
            lidTopMat.color.set(0xffffff); lidTopMat.needsUpdate = true;
          });
        }
      };
      img.onerror = function(){};
      img.src = imgUrl;
    }
  });
})();

/* === FM Design: Auswahl mit Formular-Feldern synchronisieren === */
(function(){
  function fmInit(){
  if (!document.body || !document.body.classList.contains("single-fm_design")) return;

  function setVal(name, val){
    var el = document.querySelector('[name="'+name+'"]');
    if (el) el.value = val;
  }

  // --- Gegenseitiger Ausschluss: Design ODER eigenes Logo ---
  function fmClearLogo(){
    var visLogo = document.querySelector(".fm-logo-upload input[type=file]");
    if (visLogo) visLogo.value = "";
    var hid = document.querySelector('[name="fm_ed_file"]');
    if (hid) { try { hid.value = ""; hid.files = new DataTransfer().files; } catch(e){} }
    var fn = document.querySelector(".fm-logo-filename");
    if (fn) { fn.textContent = ""; fn.hidden = true; }
    var chosen = document.querySelector(".fm-logo-chosen");
    if (chosen && chosen.parentNode) chosen.parentNode.removeChild(chosen);
  }
  function fmClearDesign(){
    document.querySelectorAll(".fm-design-option.selected, .fm-design-option.active").forEach(function(o){
      o.classList.remove("selected"); o.classList.remove("active");
    });
  }
  window.fmClearLogo = fmClearLogo; window.fmClearDesign = fmClearDesign;

  function fmSyncForm(){
    // Produkt (aktiver Tab)
    var tab = document.querySelector(".fm-product-tab.active");
    if (tab) setVal("fm_ed_product", tab.textContent.trim());

    // Größe (aktives Größen-Item)
    var size = document.querySelector(".fm-groesse-item.active");
    if (size) {
      var label = size.querySelector(".fm-groesse-label, .fm-groesse-size");
      var txt = label ? label.textContent : size.textContent;
      setVal("fm_ed_groesse", txt.replace(/\s+/g, " ").trim());
    }

    // Menge
    var disp = document.querySelector(".fm-anzahl-display");
    if (disp) setVal("fm_ed_menge", disp.textContent.replace(/\s+/g, " ").trim());

    // Design bzw. eigenes Logo
    var parts = [];
    var designName = "";
    var logoName = "";
    var design = document.querySelector(".fm-design-option.selected, .fm-design-option.active");
    if (design) {
      var dl = design.querySelector(".fm-design-label");
      designName = dl ? dl.textContent.trim() : (design.getAttribute("data-key") || "");
      if (designName) parts.push("Design: " + designName);
    }
    var file = document.querySelector('[name="fm_ed_file"]');
    if (file && file.files && file.files.length) {
      logoName = file.files[0].name;
    }
    if (!logoName) {
      var fnEl = document.querySelector(".fm-logo-filename");
      if (fnEl && fnEl.textContent.trim() && !fnEl.hidden) logoName = fnEl.textContent.trim();
    }
    if (logoName) parts.push("Eigenes Logo: " + logoName);
    setVal("fm_ed_design", parts.join(" | "));

    // Sichtbare Zusammenfassung (#fm-summary-box) aktualisieren
    var box = document.getElementById("fm-summary-box");
    if (box) {
      var ul = box.querySelector("ul") || box;
      var rows = [];
      var pVal = document.querySelector('[name="fm_ed_product"]');
      var gVal = document.querySelector('[name="fm_ed_groesse"]');
      var mVal = document.querySelector('[name="fm_ed_menge"]');
      if (pVal && pVal.value) rows.push("<li><strong>Produkt:</strong> " + pVal.value + "</li>");
      if (designName) rows.push("<li><strong>Design:</strong> " + designName + "</li>");
      if (logoName)   rows.push("<li><strong>Eigenes Logo:</strong> " + logoName + "</li>");
      if (gVal && gVal.value) rows.push("<li><strong>Größe:</strong> " + gVal.value + "</li>");
      if (mVal && mVal.value) rows.push("<li><strong>Menge:</strong> " + mVal.value + "</li>");
      if (window.__fmSubmittedLock && window.__fmSubmitted) {
        var sub = window.__fmSubmitted; rows = [];
        if (sub.p) rows.push("<li><strong>Produkt:</strong> " + sub.p + "</li>");
        if (sub.d) rows.push("<li><strong>Design:</strong> " + sub.d + "</li>");
        if (sub.g) rows.push("<li><strong>Gr\u00f6\u00dfe:</strong> " + sub.g + "</li>");
        if (sub.m) rows.push("<li><strong>Menge:</strong> " + sub.m + "</li>");
      }
      window.__fmWriting = true;
      ul.innerHTML = rows.join("");
      setTimeout(function(){ window.__fmWriting = false; }, 0);
    }
  }

  // Bei Interaktionen synchronisieren (Event-Delegation, etwas verzögert für State-Update)
  document.addEventListener("click", function(e){
    if (e.target.closest(".fm-product-tab, .fm-design-option, .fm-groesse-item, .fm-anzahl-btn")) {
      setTimeout(fmSyncForm, 30);
    }
  }, true);

  var fileEl = document.querySelector('[name="fm_ed_file"]');
  if (fileEl) fileEl.addEventListener("change", fmSyncForm);

  // Sichtbares Logo-Upload-Feld (wird vom Upload-Sync-Snippet befüllt)
  var visLogo = document.querySelector(".fm-logo-upload input[type=file]");
  if (visLogo) {
    visLogo.addEventListener("change", function(){
      if (visLogo.files && visLogo.files.length) { fmClearDesign(); }
      setTimeout(fmSyncForm, 60); setTimeout(fmSyncForm, 250);
    });
  }
  // Falls das Logo entfernt wird o.ä., bei jeder Logo-Bereich-Interaktion neu syncen
  document.addEventListener("click", function(e){
    if (e.target.closest(".fm-logo-section")) { setTimeout(fmSyncForm, 80); }
  }, true);

  // Vor dem Absenden noch einmal sicher synchronisieren
  var form = document.querySelector('form[action*="admin-post.php"]');
  if (form) form.addEventListener("submit", fmSyncForm);

  // Initial (nach Auto-Auswahl Sushi Box)
  setTimeout(fmSyncForm, 600);

  // --- Schutz: Oxygen-Skript überschreibt die Zusammenfassung (ohne Produkt/Logo). Wiederherstellen. ---
  var summaryBox = document.getElementById("fm-summary-box");
  if (summaryBox) {
    var summaryObserver = new MutationObserver(function(){
      if (window.__fmWriting) return;
      fmSyncForm();
    });
    summaryObserver.observe(summaryBox, { childList: true, subtree: true, characterData: true });
  }
  }
  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", fmInit);
  } else {
    fmInit();
  }

  /* ====== B: Sticky Bottom-Bar (Preis + CTA) ====== */
  function fmBuildStickyBar(){
    if (!document.body || !document.body.classList.contains('single-fm_design')) return;
    if (document.getElementById('fm-sticky-bar')) return;
    var pv = document.querySelector('.fm-preis-value');
    var priceTxt = (pv && pv.textContent.trim().length > 3) ? pv.textContent.trim() : 'ab 0,23 \u20ac pro St\u00fcck';
    var main = priceTxt.replace(/\s*\/?\s*(pro\s*St\u00fcck|St\u00fcck)\s*$/i, '').trim();
    if (main.length < 3) { main = 'ab 0,23 \u20ac'; }
    var bar = document.createElement('div'); bar.id = 'fm-sticky-bar';
    bar.innerHTML = '<div class="sb-price">' + main + '<small>pro St\u00fcck</small></div>'
      + '<button class="sb-cta" type="button">Anfrage stellen</button>';
    document.body.appendChild(bar);
    bar.querySelector('.sb-cta').addEventListener('click', function(){
      var b = document.getElementById('fm-open-form-btn');
      if (b) { b.scrollIntoView({behavior:'smooth', block:'center'}); setTimeout(function(){ b.click(); }, 350); }
    });
  }
  function fmStickyInit(){ fmBuildStickyBar(); setTimeout(fmSyncStickyPrice, 600); setTimeout(fmSyncStickyPrice, 1500); }
  function fmSyncStickyPrice(){
    var bar = document.getElementById('fm-sticky-bar'); if (!bar) { fmBuildStickyBar(); bar = document.getElementById('fm-sticky-bar'); if(!bar) return; }
    var pv = document.querySelector('.fm-preis-value'); if (!pv) return;
    var txt = pv.textContent.trim(); if (txt.length < 4) return;
    var main = txt.replace(/\s*\/?\s*(pro\s*St\u00fcck|St\u00fcck)\s*$/i, '').trim(); if (main.length < 3) return;
    var sp = bar.querySelector('.sb-price'); if (sp) { sp.innerHTML = main + '<small>pro St\u00fcck</small>'; }
  }
  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", fmStickyInit);
  } else {
    setTimeout(fmStickyInit, 0);
  }
})();

/* FM: nach erfolgreichem Absenden die tatsaechlich gesendete Auswahl in der Zusammenfassung anzeigen */
(function fmApplySubmittedSummary(){
  function run(){
    try{
      var params = new URLSearchParams(window.location.search);
      if (params.get('fm_ed') !== 'success') return;
      var p = params.get('fm_p'), d = params.get('fm_d'), g = params.get('fm_g'), m = params.get('fm_m');
      if (!p && !d && !g && !m) return;
      window.__fmSubmitted = {
        p: p || '',
        d: (d || '').replace(/^\s*Design:\s*/i, ''),
        g: g || '',
        m: m || ''
      };
      window.__fmSubmittedLock = true;
      function setHidden(name, val){ var el=document.querySelector('[name="'+name+'"]'); if(el && val!=null) el.value=val; }
      setHidden('fm_ed_product', window.__fmSubmitted.p);
      setHidden('fm_ed_groesse', window.__fmSubmitted.g);
      setHidden('fm_ed_menge', window.__fmSubmitted.m);
      var box = document.getElementById('fm-summary-box');
      if (box){
        var ul = box.querySelector('ul') || box; var rows = [];
        if (window.__fmSubmitted.p) rows.push("<li><strong>Produkt:</strong> " + window.__fmSubmitted.p + "</li>");
        if (window.__fmSubmitted.d) rows.push("<li><strong>Design:</strong> " + window.__fmSubmitted.d + "</li>");
        if (window.__fmSubmitted.g) rows.push("<li><strong>Gr\u00f6\u00dfe:</strong> " + window.__fmSubmitted.g + "</li>");
        if (window.__fmSubmitted.m) rows.push("<li><strong>Menge:</strong> " + window.__fmSubmitted.m + "</li>");
        ul.innerHTML = rows.join("");
      }
      /* Sobald der Nutzer eine neue Auswahl trifft, Sperre aufheben */
      function release(){
        if (!window.__fmSubmittedLock) return;
        window.__fmSubmittedLock = false;
        try { history.replaceState(null, '', window.location.pathname + window.location.hash); } catch(e){}
        document.removeEventListener('click', onClick, true);
      }
      function onClick(ev){
        var t = ev.target;
        if (t && t.closest && (t.closest('.fm-design-option') || t.closest('.fm-product-tab') || t.closest('[data-groesse]') || t.closest('.fm-menge-option'))) {
          release();
        }
      }
      document.addEventListener('click', onClick, true);
    }catch(e){}
  }
  if (document.readyState === "loading"){ document.addEventListener("DOMContentLoaded", function(){ setTimeout(run, 200); }); }
  else { setTimeout(run, 200); }
})();

</script><!-- ===== HERO VIDEO REDESIGN - Farioli & Maibach ===== -->
<style>
/* — Hero секция ————————————————————————————— */
#section-104-43 {
  position: relative !important;
  overflow: hidden !important;
  min-height: 100vh !important;
}

#section-104-43 > .ct-section-inner-wrap {
  position: relative;
  z-index: 3;
}

/* — Скрыть изображения и тень в херо ————————————— */
#image-120-43,
#image-121-43,
#div_block-119-43 {
  display: none !important;
}

/* — Видео фон ————————————————————————————————— */
.fm-hero-video {
  position: absolute !important;
  top: 0; left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.fm-hero-overlay {
  position: absolute !important;
  top: 0; left: 0;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0,0,0,0.35) !important;
  z-index: 1 !important;
}

/* — Текст в херо ————————————————————————————— */
#section-104-43 .ct-section-inner-wrap * {
  color: #F0F6FC !important;
}

/* ======= ХЕДЕР — только главная страница ======= */

/* Pre-header (бежевая полоска) — всегда с фоном */
body.home #_header_row-57-32 {
  background: rgb(223, 220, 205) !important;
}

/* Nav row — прозрачный в начале */
body.home #_header_row-72-32 {
  transition: background 0.3s ease !important;
}

/* Навигация белая в начале */
body.home:not(.fm-header-scrolled) #_header_row-72-32 .menu-item a,
body.home:not(.fm-header-scrolled) #_header_row-72-32 .ct-header-cart a,
body.home:not(.fm-header-scrolled) #_header_row-72-32 .ct-header-account a,
body.home:not(.fm-header-scrolled) #_header_row-72-32 .ct-header-search a {
  color: #ffffff !important;
}

/* Навигация тёмная при скролле */
body.home.fm-header-scrolled #_header_row-72-32 .menu-item a,
body.home.fm-header-scrolled #_header_row-72-32 .ct-header-cart a,
body.home.fm-header-scrolled #_header_row-72-32 .ct-header-account a,
body.home.fm-header-scrolled #_header_row-72-32 .ct-header-search a {
  color: rgb(56, 65, 75) !important;
}

/* Иконки белые в начале */
body.home:not(.fm-header-scrolled) #_header_row-72-32 svg {
  fill: #ffffff !important;
  color: #ffffff !important;
}
body.home:not(.fm-header-scrolled) #_header_row-72-32 .ct-icon {
  color: #ffffff !important;
}

/* Иконки тёмные при скролле */
body.home.fm-header-scrolled #_header_row-72-32 svg {
  fill: rgb(56, 65, 75) !important;
  color: rgb(56, 65, 75) !important;
}
body.home.fm-header-scrolled #_header_row-72-32 .ct-icon {
  color: rgb(56, 65, 75) !important;
}

/* Логотип белый в начале */
body.home:not(.fm-header-scrolled) #link-75-32 img,
body.home:not(.fm-header-scrolled) #link-75-32 svg {
  filter: brightness(0) invert(1) !important;
  transition: filter 0.3s ease;
}

/* Логотип оригинальный при скролле */
body.home.fm-header-scrolled #link-75-32 img,
body.home.fm-header-scrolled #link-75-32 svg {
  filter: none !important;
  transition: filter 0.3s ease;
}

/* Кнопка "Eigenes Design" в херо — тёмный текст */
body.home #link_text-111-43 {
  color: rgb(56, 65, 75) !important;
}

/* Кнопка "Eigenes Design" в хедере при скролле — оригинальный золотистый фон */
body.home.fm-header-scrolled #_header_row-72-32 .menu-item a[href*="eigenes-design"] {
  background: rgb(155, 145, 102) !important;
  color: #ffffff !important;
}

/* ======= МОБИЛЬНОЕ МЕНЮ — чёрный текст пунктов ======= */
@media (max-width: 990px) {
  html body.home:not(.fm-header-scrolled) #_header_row-72-32 .menu-item a,
  html body.home.fm-header-scrolled #_header_row-72-32 .menu-item a,
  html body.home #_header_row-72-32 .menu-item a {
    color: #000000 !important;
  }
  /* Кнопка "Eigenes Design" остаётся белой на золотом фоне */
  html body.home #_header_row-72-32 .menu-item a[href*="eigenes-design"] {
    color: #ffffff !important;
  }
}
</style>

<script>
(function() {
  function init() {
    var isHome = document.body.classList.contains('home');

    /* ——— Видео фон ——— */
    if (isHome) {
      var hero = document.getElementById('section-104-43');
      if (hero) {
        var video = document.createElement('video');
        video.className = 'fm-hero-video';
        video.autoplay = true;
        video.muted = true;
        video.loop = true;
        video.playsInline = true;
        video.setAttribute('playsinline', '');
        var src = document.createElement('source');
        src.src = 'https://farioli-maibach.de/wp-content/uploads/2026/06/herostarseite.mp4';
        src.type = 'video/mp4';
        video.appendChild(src);

        var overlay = document.createElement('div');
        overlay.className = 'fm-hero-overlay';

        hero.insertBefore(overlay, hero.firstChild);
        hero.insertBefore(video, hero.firstChild);
      }
    }

    /* ——— Sticky Header (только на главной) ——— */
    if (isHome) {
      var header = document.getElementById('_header-56-32');
      var navRow = document.getElementById('_header_row-72-32');

      if (header && navRow) {
        /* Делаем хедер fixed через JS (важнее Oxygen) */
        header.style.setProperty('position', 'fixed', 'important');
        header.style.setProperty('top', '0', 'important');
        header.style.setProperty('left', '0', 'important');
        header.style.setProperty('width', '100%', 'important');
        header.style.setProperty('z-index', '9999', 'important');

        /* Учитываем WP admin bar */
        var adminBar = document.getElementById('wpadminbar');
        if (adminBar) {
          header.style.setProperty('top', adminBar.offsetHeight + 'px', 'important');
        }

        /* Прозрачный nav row изначально */
        navRow.style.setProperty('background', 'transparent', 'important');

        /* Padding-top для hero-контента чтобы не перекрывался хедером */
        var inner = document.querySelector('#section-104-43 > .ct-section-inner-wrap');
        if (inner) {
          var headerH = header.offsetHeight || 120;
          inner.style.setProperty('padding-top', (headerH + 40) + 'px', 'important');
        }

        /* Scroll listener — белый фон при скролле */
        var scrollThreshold = 80;
        function onScroll() {
          if (window.scrollY > scrollThreshold) {
            document.body.classList.add('fm-header-scrolled');
            navRow.style.setProperty('background', 'rgb(255,255,255)', 'important');
          } else {
            document.body.classList.remove('fm-header-scrolled');
            navRow.style.setProperty('background', 'transparent', 'important');
          }
        }

        window.addEventListener('scroll', onScroll, { passive: true });
        onScroll();
      }
    }
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }
})();
</script><style class="wpcode-css-snippet">/* =============================================
   FM Cart – скрываем корзину-сайдбар под overlay
   когда открыт Oxygen modal (popup 20% Rabatt и др.)
   Не трогаем архитектуру сниппетов 2656/2657
   =============================================

   Backdrop имеет z-index: 1400
   Сайдбар по умолчанию z-index: 99999
   При открытом popup — опускаем сайдбар ниже backdrop
   ============================================= */

body:has(.oxy-modal-backdrop.live) #fm-cart-sidebar {
    z-index: 1000 !important;
}</style><style class="wpcode-css-snippet">/* ===================================================
   FM Design – Inline Form Mobile Fix
   Адаптация формы Anfrage stellen на fm_design страницах
   для мобильных устройств (≤600px)
   =================================================== */

/* TABLET ≤768px — уменьшаем padding контейнера */
@media (max-width: 768px) {
  .fm-inline-form {
    padding: 20px !important;
    border-radius: 12px !important;
    margin-top: 20px !important;
  }

  /* Заголовок формы */
  .fm-inline-form h3,
  .fm-inline-form .fm-anfrage-title {
    font-size: 18px !important;
    margin-bottom: 16px !important;
  }

  /* Строки формы — одна колонка */
  .fm-ed-row {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* Поля — полная ширина */
  .fm-ed-field {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100% !important;
  }

  /* Кнопка отправки */
  .fm-ed-submit {
    width: 100% !important;
    height: 50px !important;
    font-size: 13px !important;
  }
}

/* MOBILE ≤480px — ещё меньше padding */
@media (max-width: 480px) {
  .fm-inline-form {
    padding: 16px !important;
    margin-top: 16px !important;
  }

  /* Поля ввода — увеличиваем для удобного тапа */
  .fm-ed-field input,
  .fm-ed-field textarea,
  .fm-ed-field select {
    font-size: 16px !important; /* предотвращает zoom на iOS */
    padding: 12px 14px !important;
    height: auto !important;
  }

  .fm-ed-field textarea {
    min-height: 100px !important;
    resize: vertical !important;
  }

  /* Лейблы */
  .fm-ed-field label {
    font-size: 13px !important;
    margin-bottom: 6px !important;
  }

  /* Кнопка отправки */
  .fm-ed-submit {
    height: 52px !important;
    font-size: 12px !important;
    letter-spacing: 1.5px !important;
  }

  /* Summary строка (Größe: ... / Menge: ...) */
  .fm-anfrage-summary,
  .fm-ed-summary,
  #fm-inline-form .fm-summary {
    flex-direction: column !important;
    gap: 4px !important;
    font-size: 13px !important;
  }
}</style><style class="wpcode-css-snippet">/* FM Design – Produktseite: Inhaltsbreite auf Header-Breite ausrichten */
/* Headercontainer hat max-width: 1330px – Produktseite hatte 1120px */

#section-2-2693 .ct-section-inner-wrap {
    max-width: 1330px;
}</style><style>
/* Скрываем боковую корзину-сайдбар на страницах FM Design */
body.single-fm_design #fm-cart-sidebar {
    display: none !important;
}

/* CSS-правило на случай если JS не успел (floating mini-cart) */
body.single-fm_design .oxy-mini-cart {
    display: none !important;
    visibility: hidden !important;
}
</style>

<script>
/* Скрываем мобильную плавающую корзину на страницах FM Design.
   Inline style имеет display:flex !important — убираем через JS.
   FIX 08.08.2026: сниппет грузится в <head>, где document.body ещё null.
   Раньше скрипт падал с ошибкой и вообще не работал.
   Теперь вся инициализация вынесена в init() после готовности DOM. */
(function() {
  function hideMobileCart() {
    var els = document.querySelectorAll('.oxy-mini-cart');
    for (var i = 0; i < els.length; i++) {
      var el = els[i];
      // уже скрыт — не трогаем, иначе MutationObserver зациклится
      if (el.getAttribute('data-fm-hidden') === '1' && el.style.display === 'none') continue;
      el.style.setProperty('display', 'none', 'important');
      el.style.setProperty('visibility', 'hidden', 'important');
      el.setAttribute('data-fm-hidden', '1');
    }
  }

  function init() {
    if (!document.body || !document.body.classList.contains('single-fm_design')) return;

    hideMobileCart();

    // MutationObserver — если floating cart добавляется динамически
    try {
      new MutationObserver(hideMobileCart).observe(document.body, {
        childList: true,
        subtree: true,
        attributes: true,
        attributeFilter: ['style']
      });
    } catch (e) {}
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }
})();
</script><style class="wpcode-css-snippet">/* =============================================
   FM Sticky Cart Sidebar — только десктоп
   ============================================= */

#fm-cart-sidebar {
    display: none;
}

@media (min-width: 1025px) {

    /* Сайдбар-обёртка */
    #fm-cart-sidebar {
        display: block;
        position: fixed;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 99999;
    }

    /* Корзина — точно такой же круг как в хедере */
    #fm-cart-sidebar #-mini-cart-218-32 {
        background: #9b9166 !important;
        border-radius: 50% !important;
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        cursor: pointer !important;
        flex-shrink: 0 !important;
        margin-left: 0 !important;
        padding: 0 !important;
        flex-direction: row !important;
        box-shadow: 0 2px 12px rgba(0,0,0,.25) !important;
    }

    /* Summary */
    #fm-cart-sidebar #-mini-cart-218-32 .oxy-woo-mini-cart__summary {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 4px !important;
    }

    /* SVG */
    #fm-cart-sidebar #-mini-cart-218-32 .oxy-woo-mini-cart__summary svg {
        width: 18px !important;
        height: 18px !important;
        color: #fff !important;
        stroke: #fff !important;
        fill: #fff !important;
    }

    /* Счётчик — точно как в хедере, без border */
    #fm-cart-sidebar #-mini-cart-218-32 .oxy-woo-mini-cart__quantity-badge {
        position: absolute !important;
        top: 4px !important;
        right: 4px !important;
        width: 14px !important;
        height: 14px !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        background-color: #000 !important;
        color: #fff !important;
        border: none !important;
        display: flex !important;
    }

    /* Скрываем текстовые фрагменты */
    #fm-cart-sidebar #-mini-cart-218-32 .oxy-woo-mini-cart__summary-fragments {
        display: none !important;
    }

    /* Flyout — выдвигается влево */
    #fm-cart-sidebar #-mini-cart-218-32 .oxy-woo-mini-cart__flyout {
        position: fixed !important;
        right: 78px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        left: unset !important;
        width: 340px !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
        border-radius: 8px !important;
        box-shadow: -4px 0 20px rgba(0,0,0,.15) !important;
    }

    /* Hover */
    #fm-cart-sidebar #-mini-cart-218-32:hover .oxy-woo-mini-cart__flyout,
    #fm-cart-sidebar .oxy-woo-mini-cart__flyout:hover {
        opacity: 1 !important;
        pointer-events: all !important;
        visibility: visible !important;
    }

/* ============================================
   FIX 1: Невидимый мост между иконкой и flyout
   (закрывает горизонтальный зазор ~24px, чтобы
    курсор не терял hover по пути к окну корзины)
   ============================================ */
/* Мост на самой иконке (её overflow не обрезает),
   тянется влево, перекрывая зазор до flyout.
   Появляется только при наведении на корзину. */
#fm-cart-sidebar #-mini-cart-218-32 {
  overflow: visible !important;
}
#fm-cart-sidebar #-mini-cart-218-32:hover::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 100% !important;
  width: 40px !important;
  height: 100% !important;
  background: transparent !important;
  z-index: 1 !important;
}

/* ============================================
   FIX 2: Окно корзины поверх хедера
   Хедер z-index:9999. Поднимаем сайдбар выше,
   НО только когда модал/попап не открыт
   (сохраняем логику сниппета 2728, который
    прячет корзину под активным модалом).
   Селектор с body:not(:has()) даёт нужную
   специфичность, чтобы перебить правило 2728.
   ============================================ */
html body #fm-cart-sidebar#fm-cart-sidebar {
  z-index: 10001 !important;
}
/* Когда модал/попап РЕАЛЬНО открыт (backdrop виден, не display:none) —
   опускаем корзину под него. Это сохраняет исходную идею сниппета 2728,
   но срабатывает только для видимого модала, а не постоянно. */
html body:has(.oxy-modal-backdrop.live[style*="flex"]) #fm-cart-sidebar#fm-cart-sidebar,
html body:has(.oxy-modal-backdrop.live[style*="block"]) #fm-cart-sidebar#fm-cart-sidebar {
  z-index: 1000 !important;
}

}</style><style class="wpcode-css-snippet">.product p.wc-gzd-additional-info.wc-gzd-review-authenticity-status,
.woocommerce-review__verified {
	    font-size: 10px !important;
	    opacity: 0.4 !important;
	    margin-top: 4px !important;
}
}</style><style class="wpcode-css-snippet">/* === Star Rating Form: Base CSS === */

/* Hide radio inputs */
.fm-review-rating-input input[type="radio"] {
  display: none;
}

/* Base star style */
.fm-review-rating-input label {
  color: #CCCCCC;
  font-size: 28px;
  cursor: pointer;
  transition: color 0.15s ease;
}

/* "Bewertung:" label */
.fm-rating-label {
  margin-right: 8px;
  flex-shrink: 0;
  order: 0;
}

/* Reorder stars visually: 1(left) to 5(right) */
label[for="fm-star-1"] { order: 1; }
label[for="fm-star-2"] { order: 2; }
label[for="fm-star-3"] { order: 3; }
label[for="fm-star-4"] { order: 4; }
label[for="fm-star-5"] { order: 5; }

/* Hover: highlight hovered star and all to its left (lower order) */
.fm-review-rating-input label:hover {
  color: #9B9166 !important;
}

/* fm-star-active class set by JS */
.fm-review-rating-input label.fm-star-active {
  color: #9B9166 !important;
}</style><style class="wpcode-css-snippet">/* ==============================================
   GLOBAL PAGINATION STYLES
   Matches design of .oxy-repeater-pages on
   Normale/Premium Produkte category pages
   ============================================== */

/* ── Wrapper: center & spacing ── */
.oxy-repeater-pages-wrap,
.woocommerce-pagination,
.navigation.pagination,
.navigation.posts-navigation {
    display: flex !important;
    justify-content: center !important;
    padding: 40px 0 60px !important;
    margin: 0 !important;
}

/* ── Inner flex row ── */
.oxy-repeater-pages,
.woocommerce-pagination ul.page-numbers,
.navigation.pagination .nav-links,
.navigation.posts-navigation .nav-links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ── All items: number circles ── */
.oxy-repeater-pages .page-numbers,
.woocommerce-pagination ul.page-numbers li a.page-numbers,
.woocommerce-pagination ul.page-numbers li span.page-numbers,
.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span,
.navigation.posts-navigation .nav-links a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 16px !important;
    border-radius: 60px !important;
    border: 1.5px solid #C8BFA0 !important;
    background: transparent !important;
    color: #3B3529 !important;
    font-family: Montserrat, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.065em !important;
    text-decoration: none !important;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
}

/* ── WooCommerce: li wrapper – reset ── */
.woocommerce-pagination ul.page-numbers li {
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ── Active / current page ── */
.oxy-repeater-pages .page-numbers.current,
.woocommerce-pagination ul.page-numbers li span.page-numbers.current,
.navigation.pagination .nav-links span.current {
    background: #9B9166 !important;
    border-color: #9B9166 !important;
    color: #ffffff !important;
}

/* ── Hover state (non-active) ── */
.oxy-repeater-pages .page-numbers:not(.current):hover,
.woocommerce-pagination ul.page-numbers li a.page-numbers:hover,
.navigation.pagination .nav-links a:hover,
.navigation.posts-navigation .nav-links a:hover {
    background: rgba(155, 145, 102, 0.12) !important;
    border-color: #9B9166 !important;
    color: #9B9166 !important;
}

/* ── Next / Prev buttons (wider pill) ── */
.oxy-repeater-pages .next.page-numbers,
.oxy-repeater-pages .prev.page-numbers,
.woocommerce-pagination ul.page-numbers li a.next.page-numbers,
.woocommerce-pagination ul.page-numbers li a.prev.page-numbers,
.navigation.pagination .nav-links .next,
.navigation.pagination .nav-links .prev,
.navigation.posts-navigation .nav-links .nav-next a,
.navigation.posts-navigation .nav-links .nav-previous a {
    padding: 0 22px !important;
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    min-width: auto !important;
}

/* ── Dots (…) – no border ── */
.oxy-repeater-pages .page-numbers.dots,
.woocommerce-pagination ul.page-numbers li span.page-numbers.dots {
    border: none !important;
    background: transparent !important;
    color: #9B9166 !important;
    letter-spacing: 0 !important;
}</style><style class="wpcode-css-snippet">/* ================================================================
   Warenkorb + Mini-Cart — Pill Buttons (60px border-radius)
   Nur Schaltflächen-Skruglungen, keine anderen Stiländerungen.
   ================================================================ */

/* ── KORB-SEITE: alle Schaltflächen ──────────────────────────── */

/* Gutschein anwenden */
body.woocommerce-cart .woocommerce-cart-form .coupon button[name="apply_coupon"],
body.woocommerce-cart .woocommerce-cart-form button[name="apply_coupon"] {
  border-radius: 60px !important;
}

/* Warenkorb aktualisieren */
body.woocommerce-cart .woocommerce-cart-form button[name="update_cart"],
body.woocommerce-cart .woocommerce-cart-form button[name="update_cart"].button {
  border-radius: 60px !important;
}

/* Versand berechnen */
body.woocommerce-cart .cart_totals button[name="calc_shipping"],
body.woocommerce-cart .shipping-calculator-form button[name="calc_shipping"] {
  border-radius: 60px !important;
}

/* Weiter zur Kasse */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart a.checkout-button.button,
body.woocommerce-cart .cart_totals .checkout-button {
  border-radius: 60px !important;
}

/* ── MINI-CART FLYOUT: alle Schaltflächen ────────────────────── */

/* Warenkorb anzeigen — hohe Spezifizität */
.oxy-woo-mini-cart__flyout .woocommerce-mini-cart__buttons a.button:not(.checkout),
.oxy-woo-mini-cart__flyout .woocommerce-mini-cart__buttons a.wc-forward:not(.checkout),
body .oxy-woo-mini-cart__flyout a.button:not(.checkout),
body .woocommerce-mini-cart__buttons a:not(.checkout) {
  border-radius: 60px !important;
}

/* Zur Kasse — Mini-Cart */
.oxy-woo-mini-cart__flyout a.checkout.button,
.oxy-woo-mini-cart__flyout a.button.checkout,
.woocommerce-mini-cart__buttons a.checkout,
/* Warenkorb anzeigen — hohe Spezifizität gegen wp-element-button */
body .woocommerce-mini-cart__buttons a.wc-forward,
body .woocommerce-mini-cart__buttons a.button,
body p.woocommerce-mini-cart__buttons a {
  border-radius: 60px !important;
}

/* ── ADDED-TO-CART POPUP (falls vorhanden) ───────────────────── */
.xoo-cp-container a.button,
.xoo-cp-container button.button {
  border-radius: 60px !important;
}

/* ── GUTSCHEINCODE INPUT ─────────────────────────────────────── */

/* Eingabefeld für Gutscheincode */
body.woocommerce-cart input#coupon_code,
body.woocommerce-cart .coupon input[name="coupon_code"],
body.woocommerce-cart .woocommerce-cart-form input#coupon_code {
  border-radius: 60px !important;
}

/* === MOBILE: Gutschein-Felder untereinander + Warenkorb aktualisieren darunter === */
@media (max-width: 768px) {
  body.woocommerce-cart .woocommerce-cart-form td.actions .coupon {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
  }
  /* Gutscheincode-Feld volle Breite (ID schlägt 40%-Regel) */
  .woocommerce-page .oxy-woo-cart table.cart td.actions .coupon #coupon_code {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  /* Gutschein-anwenden-Button volle Breite (schlägt 50%-Regel) */
  .woocommerce-page .oxy-woo-cart table.cart td.actions .coupon #coupon_code + .button,
  .woocommerce-page .oxy-woo-cart table.cart td.actions .coupon .input-text + .button,
  body.woocommerce-cart .woocommerce-cart-form td.actions .coupon button[name="apply_coupon"] {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
      white-space: nowrap !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  /* Warenkorb aktualisieren darunter, volle Breite */
  body.woocommerce-cart .woocommerce-cart-form td.actions button[name="update_cart"] {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 12px 0 0 0 !important;
  }
}

/* === Mobile Warenkorb (Floating Mini-Cart) auf Warenkorb-Seite ausblenden === */
@media (max-width: 1024px) {
  body.woocommerce-cart .oxy-mini-cart,
  body.woocommerce-cart #\-mini-cart-218-32,
  body.woocommerce-cart [id="-mini-cart-218-32"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* === Mobile: Gesamtsumme-Label (responsive td::before) fett === */
@media (max-width: 768px) {
  body.woocommerce-cart .cart_totals tr.order-total td::before,
  body.woocommerce-cart .cart_totals tr.order-total td[data-title]::before {
    font-weight: 700 !important;
  }
  body.woocommerce-cart .cart_totals tr.order-total td {
    font-weight: 700 !important;
  }
}

/* === Kasse: Gesamtsumme fett (Desktop + Mobile) === */
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total td {
  font-weight: 700 !important;
}</style><style class="wpcode-css-snippet">/* === Header FiboSearch Search Bar === */

/* Wrapper вокруг поиска в хедере */
.wc-header-search {
    display: flex;
    align-items: center;
    margin-left: 0px;
}

/* Основной контейнер FiboSearch — компактная ширина */
.wc-header-search .dgwt-wcas-search-wrapp {
    width: 110px !important;
    min-width: 110px !important; /* override FiboSearch plugin min-width:230px */
}

/* Обёртка формы */
.wc-header-search .dgwt-wcas-sf-wrapp {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    position: relative !important;
    display: block !important;
    width: 80px !important;
}

/* Поле ввода — отступ СЛЕВА для лупы */
.wc-header-search .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1.5px solid rgba(56, 65, 75, 0.3) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Montserrat, sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
    color: rgb(56, 65, 75) !important;
    padding: 8px 8px 8px 24px !important;
    outline: none !important;
    height: 34px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
}

.wc-header-search .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus {
    border-bottom-color: rgb(155, 145, 102) !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.wc-header-search .dgwt-wcas-sf-wrapp input.dgwt-wcas-search-input::placeholder {
    color: rgba(56, 65, 75, 0.45) !important;
    font-size: 10px !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
}

/* Кнопка submit — абсолютная СЛЕВА */
.wc-header-search .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
.wc-header-search button.dgwt-wcas-search-submit {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1.5px solid rgba(56, 65, 75, 0.3) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    color: rgba(56, 65, 75, 0.55) !important;
    transition: color 0.2s ease !important;
    width: 20px !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    outline: none !important;
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    margin: 0 !important;
}

.wc-header-search .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover,
.wc-header-search button.dgwt-wcas-search-submit:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: rgb(155, 145, 102) !important;
}

/* SVG иконка */
.wc-header-search button.dgwt-wcas-search-submit svg.dgwt-wcas-ico-magnifier {
    fill: currentColor !important;
    width: 13px !important;
    height: 13px !important;
    flex-shrink: 0 !important;
    display: block !important;
}

/* Дропдаун */
.wc-header-search .dgwt-wcas-suggestions-wrapp {
    border: 1px solid rgba(155, 145, 102, 0.3) !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 20px rgba(56, 65, 75, 0.08) !important;
    font-family: Montserrat, sans-serif !important;
    background-color: rgb(242, 241, 238) !important;
    top: calc(100% + 8px) !important;
    z-index: 9999 !important;
    min-width: 280px !important;
}

.wc-header-search .dgwt-wcas-suggestion {
    font-family: Montserrat, sans-serif !important;
    font-size: 12px !important;
    color: rgb(56, 65, 75) !important;
    border-bottom: 1px solid rgba(56, 65, 75, 0.08) !important;
}

.wc-header-search .dgwt-wcas-suggestion:hover,
.wc-header-search .dgwt-wcas-suggestion.selected {
    background-color: rgba(155, 145, 102, 0.1) !important;
}

.wc-header-search .dgwt-wcas-suggestion-product-title {
    color: rgb(56, 65, 75) !important;
    font-weight: 600 !important;
}

/* ── Корзина: выравниваем по правому краю hero-изображения ──
   Hero right ≈ 974px при viewport 1029px → gap от края viewport = 1029-974 = 55px
   Container padding-right уже 40px → корзина должна иметь доп. margin-right = 55-40 = 15px? 
   Но лучше задать padding-right на контейнер = viewport-heroRight = ~55px
   Однако это зависит от viewport, поэтому используем конкретное значение для десктопа */

/* Логотип — ограничиваем переполнение SVG */
body #link-75-32.wc-logo {
    overflow: hidden !important;
    flex-shrink: 0 !important;
    align-items: flex-start !important;
}
body #link-75-32.wc-logo svg {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* ===== HEADER ALIGNMENT: cart icon right = hero image right ===== */
/* Using two-ID specificity (#_header_row-72-32 #_header_right-122-32) to override Oxygen's
   single-ID rule (#_header_right-122-32 { flex-shrink: 0 !important }) which loads later */
#_header_row-72-32 #_header_right-122-32 {
    flex-shrink: 1 !important;
    min-width: 0 !important;
}

/* Мобильные — иконка лупы вместо полного поля поиска */
@media (max-width: 991px) {
    /* Восстанавливаем padding */
    .wc-header-main .oxy-header-container {
        padding-right: 40px !important;
        position: relative !important;
    }

    /* Убираем поле поиска из потока и позиционируем иконку абсолютно */
    #_header_row-72-32 .wc-header-search {
        position: absolute !important;
        right: 130px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 28px !important;
        height: 28px !important;
        overflow: hidden !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 10 !important;
    }

    /* Сжимаем wrapper FiboSearch до размера иконки */
    #_header_row-72-32 .wc-header-search .dgwt-wcas-search-wrapp {
        min-width: 0 !important;
        width: 28px !important;
        height: 28px !important;
        display: block !important;
        overflow: hidden !important;
    }

    /* Скрываем форму с инпутом напрямую (без :not) */
    #_header_row-72-32 .wc-header-search .dgwt-wcas-search-form {
        display: none !important;
    }

    /* Показываем иконку-обёртку триггера */
    #_header_row-72-32 .wc-header-search .dgwt-wcas-enable-mobile-form {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 28px !important;
        height: 28px !important;
        z-index: 105 !important;
        cursor: pointer !important;
    }

    /* Скрываем форму когда оверлей открыт */
    html.dgwt-wcas-overlay-mobile-on #_header_row-72-32 .wc-header-search .dgwt-wcas-enable-mobile-form {
        display: none !important;
    }

    /* Рисуем лупу через SVG в ::before */
    #_header_row-72-32 .wc-header-search .dgwt-wcas-enable-mobile-form::before {
        content: '' !important;
        display: block !important;
        width: 18px !important;
        height: 18px !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338414b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }
}

/* === :     (overflow:hidden + 190px) === */
/* SVG viewBox="0 0 280 25"   21.4px   ~240px   */
body #_header_left-73-32.oxy-header-left {
	    width: 240px !important;
	    min-width: 240px !important;
	    overflow: visible !important;
}

body #link-75-32.wc-logo {
	    width: 240px !important;
	    min-width: 240px !important;
	    overflow: visible !important;
}


/* ===== HEADER ALIGNMENT: cart right = hero image right ===== */
/* Two-ID specificity (#_header_row-72-32 #_header_right-122-32) beats Oxygen's single-ID selector */
#_header_row-72-32 #_header_right-122-32 {
    flex-shrink: 1 !important;
    min-width: 0 !important;
}


/* ===== NAVIGATION SPACING: reduce padding on nav links so Kontakt doesn't overlap cart ===== */
/* nth-child(5) = Eigenes Design button - excluded to preserve its pill button styling */
#_header_right-122-32 .oxy-site-navigation > ul > li:not(:nth-child(5)) > a {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

/* FM Search Placeholder Fix - white only while header transparent (not scrolled) */
body.home header.oxy-header:not(.oxy-sticky-header-active) .wc-header-search .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder,body.page-id-64 header.oxy-header:not(.oxy-sticky-header-active) .wc-header-search .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder,body.page-id-2944 header.oxy-header:not(.oxy-sticky-header-active) .wc-header-search .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder{color:rgba(255,255,255,0.85)!important;opacity:1!important;}
body.home header.oxy-header:not(.oxy-sticky-header-active) .wc-header-search .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input,body.page-id-64 header.oxy-header:not(.oxy-sticky-header-active) .wc-header-search .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input,body.page-id-2944 header.oxy-header:not(.oxy-sticky-header-active) .wc-header-search .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{color:rgba(255,255,255,0.95)!important;}


/* FM Magnifier Icon - always white on the gold submit button (top + scrolled) */
#_header_row-72-32 button.dgwt-wcas-search-submit svg.dgwt-wcas-ico-magnifier,#_header_row-72-32 button.dgwt-wcas-search-submit svg.dgwt-wcas-ico-magnifier path{fill:#ffffff!important;color:#ffffff!important;}
body.fm-header-scrolled #_header_row-72-32 button.dgwt-wcas-search-submit svg.dgwt-wcas-ico-magnifier,body.fm-header-scrolled #_header_row-72-32 button.dgwt-wcas-search-submit svg.dgwt-wcas-ico-magnifier path{fill:#ffffff!important;color:#ffffff!important;}
</style><style class="wpcode-css-snippet">/* =============================================
   THANK YOU PAGE — page-id-2351
   ============================================= */

/* --- Hero секция --- */
.page-id-2351 .ty-hero {
  position: relative;
  width: 100%;
  height: 380px;
  overflow: hidden;
  background-color: #d9d9d9;
}

.page-id-2351 .ty-hero img,
.page-id-2351 .ty-hero .ct-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* --- Контентная секция --- */
.page-id-2351 .ty-content {
  background: #FFFFFF;
  padding: 80px 0 80px 0;
}

.page-id-2351 .ty-content .ct-section-inner-wrap {
  max-width: 900px;
  padding-left: 40px;
}

/* --- Надзаголовок --- */
.page-id-2351 .ty-subtitle {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  line-height: 12px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #000000 !important;
  margin-bottom: 16px !important;
  display: block;
}

/* --- Главный заголовок VIELEN DANK! --- */
.page-id-2351 .ty-title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(36px, 4vw, 50px) !important;
  line-height: 1.22 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #000000 !important;
  margin-bottom: 28px !important;
}

/* --- Описание --- */
.page-id-2351 .ty-description {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 28px !important;
  color: #6D6D6D !important;
  max-width: 780px !important;
  margin-bottom: 48px !important;
}

/* --- Кнопка --- */
.page-id-2351 .ty-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px 30px !important;
  background: #9B9166 !important;
  border-radius: 60px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 17px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  transition: background 0.2s;
  border: none !important;
  cursor: pointer;
}

.page-id-2351 .ty-btn:hover {
  background: #7d7450 !important;
  color: #FFFFFF !important;
}

/* =============================================
   RESPONSIVE — Tablet (max-width: 1024px)
   ============================================= */
@media (max-width: 1024px) {
  .page-id-2351 .ty-hero {
    height: 300px;
  }

  .page-id-2351 .ty-content {
    padding: 60px 0;
  }

  .page-id-2351 .ty-content > div,
  .page-id-2351 .ty-content .ct-section-inner-wrap {
    max-width: 100% !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    box-sizing: border-box !important;
  }

  .page-id-2351 .ty-title {
    font-size: clamp(28px, 3.5vw, 40px) !important;
    margin-bottom: 20px !important;
  }

  .page-id-2351 .ty-description {
    font-size: 15px !important;
    line-height: 26px !important;
    max-width: 100% !important;
    margin-bottom: 36px !important;
  }
}

/* =============================================
   RESPONSIVE — Mobile (max-width: 767px)
   ============================================= */
@media (max-width: 767px) {
  .page-id-2351 .ty-hero {
    height: 220px;
  }

  .page-id-2351 .ty-content {
    padding: 40px 0;
    overflow: hidden;
  }

  .page-id-2351 .ty-content > div,
  .page-id-2351 .ty-content .ct-section-inner-wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  .page-id-2351 .ty-subtitle {
    font-size: 9px !important;
    margin-bottom: 12px !important;
  }

  .page-id-2351 .ty-title {
    font-size: clamp(24px, 7vw, 32px) !important;
    line-height: 1.3 !important;
    margin-bottom: 16px !important;
    word-break: break-word !important;
  }

  .page-id-2351 .ty-description {
    font-size: 14px !important;
    line-height: 24px !important;
    max-width: 100% !important;
    margin-bottom: 28px !important;
  }

  .page-id-2351 .ty-btn {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px 24px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
  }
}

/* =============================================
   RESPONSIVE — Small Mobile (max-width: 480px)
   ============================================= */
@media (max-width: 480px) {
  .page-id-2351 .ty-hero {
    height: 180px;
  }

  .page-id-2351 .ty-content {
    padding: 32px 0;
  }

  .page-id-2351 .ty-content > div,
  .page-id-2351 .ty-content .ct-section-inner-wrap {
    padding: 0 16px !important;
  }

  .page-id-2351 .ty-title {
    font-size: clamp(22px, 6.5vw, 28px) !important;
  }

  .page-id-2351 .ty-description {
    font-size: 13px !important;
    line-height: 22px !important;
  }
}</style><style class="wpcode-css-snippet">/* =============================================
   HERO — Kundenkonto (page-id-12 / #section-3-12)
   Затрагивает ТОЛЬКО эту страницу
   ============================================= */

/* --- Контейнер секции --- */
.page-id-12 #section-3-12 {
  position: relative;
  min-height: 280px;
  background-image:
    linear-gradient(
      135deg,
      rgba(29, 25, 18, 0.82) 0%,
      rgba(155, 145, 102, 0.55) 60%,
      rgba(29, 25, 18, 0.75) 100%
    ),
    url("https://farioli-maibach.de/wp-content/uploads/2026/05/image_c7f9f37ab219ae4e0bc04fcdaabab93e.jpeg") !important;
  background-size: cover !important;
  background-position: center 40% !important;
  overflow: hidden;
}

/* --- Декоративная золотая полоса снизу --- */
.page-id-12 #section-3-12::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #9b9166 30%,
    #c8bc89 50%,
    #9b9166 70%,
    transparent 100%
  );
}

/* --- Внутренний враппер --- */
.page-id-12 #section-3-12 .ct-section-inner-wrap {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px;
}

/* --- Заголовок --- */
.page-id-12 #section-3-12 h1 {
  font-family: "Montserrat", sans-serif !important;
  font-size: clamp(28px, 4vw, 48px) !important;
  font-weight: 300 !important;
  color: #ffffff !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.4) !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

/* --- Золотой разделитель под заголовком --- */
.page-id-12 #section-3-12 h1::after {
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  background: #9b9166;
  margin: 14px auto 0;
}

/* --- Мобильная адаптация --- */
@media (max-width: 768px) {
  .page-id-12 #section-3-12 {
    min-height: 200px;
  }
  .page-id-12 #section-3-12 .ct-section-inner-wrap {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .page-id-12 #section-3-12 h1 {
    letter-spacing: 0.08em !important;
  }
}
/* =============================================
   КНОПКИ — Kundenkonto (page-id-12)
   ============================================= */

/* ---- 1. НАВИГАЦИОННЫЕ ТАБЫ (Dashboard / Bestellungen / ...) ---- */
.page-id-12 #-woo-my-account-6-12 .woocommerce-MyAccount-navigation ul {
  display: flex !important;
  gap: 0 !important;
  border-bottom: 2px solid #e8e8e8;
  margin-bottom: 32px !important;
}

.page-id-12 #-woo-my-account-6-12 .woocommerce-MyAccount-navigation ul li {
  border: none !important;
  padding: 0 !important;
  position: relative;
  transition: background 0.2s;
}

.page-id-12 #-woo-my-account-6-12 .woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 12px 20px !important;
  font-family: "Montserrat", sans-serif;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: #8a8a8a !important;
  text-decoration: none !important;
  transition: color 0.2s;
  white-space: nowrap;
}

/* Активный таб */
.page-id-12 #-woo-my-account-6-12 .woocommerce-MyAccount-navigation ul li.is-active {
  border: none !important;
  background: transparent !important;
}
.page-id-12 #-woo-my-account-6-12 .woocommerce-MyAccount-navigation ul li.is-active::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #9b9166;
}
.page-id-12 #-woo-my-account-6-12 .woocommerce-MyAccount-navigation ul li.is-active a {
  color: #9b9166 !important;
  text-decoration: none !important;
}

/* Hover таб */
.page-id-12 #-woo-my-account-6-12 .woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
  background: transparent !important;
}
.page-id-12 #-woo-my-account-6-12 .woocommerce-MyAccount-navigation ul li:not(.is-active):hover a {
  color: #6b6348 !important;
}

/* Abmelden — выделить отдельно */
.page-id-12 .woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #bbb !important;
}
.page-id-12 .woocommerce-MyAccount-navigation-link--customer-logout:hover a {
  color: #9b9166 !important;
}


/* ---- 2. КНОПКИ ФОРМ (Änderungen speichern, Adresse bearbeiten и т.д.) ---- */
.page-id-12 .woocommerce button[type="submit"]:not(.dgwt-wcas-search-submit),
.page-id-12 .woocommerce input[type="submit"],
.page-id-12 .woocommerce a.button,
.page-id-12 .woocommerce .button,
.page-id-12 .oxy-woo-my-account button[name="save_account_details"],
.page-id-12 .oxy-woo-my-account button[name="login"] {
  background-color: #9b9166 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 60px !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  padding: 14px 32px !important;
  cursor: pointer;
  transition: background-color 0.2s, transform 0.1s;
  box-shadow: none !important;
}

.page-id-12 .woocommerce button[type="submit"]:hover,
.page-id-12 .woocommerce input[type="submit"]:hover,
.page-id-12 .woocommerce a.button:hover,
.page-id-12 .woocommerce .button:hover {
  background-color: #7d7450 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

/* ---- 3. КНОПКИ В ТАБЛИЦЕ ЗАКАЗОВ (Details anzeigen, PDF и т.д.) ---- */
.page-id-12 .woocommerce table.my_account_orders .button,
.page-id-12 .oxy-woo-my-account td a.button {
  padding: 7px 14px !important;
  font-size: 10px !important;
  letter-spacing: 1px !important;
}

/* ---- 4. ССЫЛКИ Edit (Адрес редактировать) ---- */
.page-id-12 .woocommerce-account .addresses .title .edit,
.page-id-12 .woocommerce-account a.edit {
  display: inline-block;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #9b9166 !important;
  border-bottom: 1px solid #9b9166;
  text-decoration: none !important;
  transition: color 0.2s, border-color 0.2s;
  padding-bottom: 1px;
}
.page-id-12 .woocommerce-account .addresses .title .edit:hover,
.page-id-12 .woocommerce-account a.edit:hover {
  color: #7d7450 !important;
  border-color: #7d7450;
}

/* ---- 5. INLINE-ССЫЛКИ (Abmelden, letzten Bestellungen и т.д.) ---- */
.page-id-12 .oxy-woo-my-account a:not(.button):not(.woocommerce-MyAccount-navigation a) {
  color: #9b9166 !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}
.page-id-12 .oxy-woo-my-account a:not(.button):not(.woocommerce-MyAccount-navigation a):hover {
  border-bottom-color: #9b9166;
}

/* ---- Мобильные табы ---- */
@media (max-width: 600px) {
  .page-id-12 #-woo-my-account-6-12 .woocommerce-MyAccount-navigation ul {
    flex-wrap: wrap;
  }
  .page-id-12 #-woo-my-account-6-12 .woocommerce-MyAccount-navigation ul li a {
    padding: 10px 12px !important;
    font-size: 10px !important;
  }
}</style><style class="wpcode-css-snippet">/* ===== MEGA DROPDOWN MENU REDESIGN ===== */

/* Позиционирование родительского li */
nav.oxy-site-navigation > ul > li.menu-item:has(> ul) {
  position: relative !important;
}

/* Скрываем оригинальный sub-menu */
nav.oxy-site-navigation > ul > li.menu-item > ul {
  display: none !important;
}

/* Общий стиль мега-дропдауна — компактный */
.fm-mega-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #f5f3ee;
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0,0,0,0.11);
  padding: 8px;
  padding-top: 16px;
  z-index: 9999;
}

/* Треугольник */
.fm-mega-dropdown::before {
  content: '';
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 14px;
  height: 7px;
  background: #f5f3ee;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

/* Грид */
.fm-mega-dropdown .fm-grid {
  display: grid;
  gap: 0;
}

/* Premium: 3 колонки */
.fm-mega-dropdown.fm-premium-grid .fm-grid {
  grid-template-columns: repeat(3, 140px);
}

/* Normale: 2 колонки */
.fm-mega-dropdown.fm-normale-grid .fm-grid {
  grid-template-columns: repeat(2, 160px);
}

/* Ячейка */
.fm-mega-dropdown .fm-grid-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 20px 14px 16px;
  text-decoration: none !important;
  position: relative;
  transition: background 0.2s ease;
  border-right: 1px solid rgba(138,124,87,0.18);
  border-bottom: 1px solid rgba(138,124,87,0.18);
  border-radius: 0;
}

/* Hover */
.fm-mega-dropdown .fm-grid-item:hover {
  background: rgba(138,124,87,0.07);
  border-radius: 10px;
}

/* Premium: правая граница */
.fm-mega-dropdown.fm-premium-grid .fm-grid-item:nth-child(3n) {
  border-right: none;
}
.fm-mega-dropdown.fm-premium-grid .fm-grid-item:nth-child(4),
.fm-mega-dropdown.fm-premium-grid .fm-grid-item:nth-child(5) {
  border-bottom: none;
}

/* Normale: правая граница */
.fm-mega-dropdown.fm-normale-grid .fm-grid-item:nth-child(2n) {
  border-right: none;
}
.fm-mega-dropdown.fm-normale-grid .fm-grid-item:nth-child(3),
.fm-mega-dropdown.fm-normale-grid .fm-grid-item:nth-child(4) {
  border-bottom: none;
}

/* Иконка (img) */
.fm-mega-dropdown .fm-icon {
  width: 52px;
  height: 52px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.fm-mega-dropdown .fm-icon img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  background: transparent;
  mix-blend-mode: multiply;
  transition: transform 0.2s ease;
}

.fm-mega-dropdown .fm-grid-item:hover .fm-icon img {
  transform: scale(1.08);
}

/* Название */
.fm-mega-dropdown .fm-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: #3a3228;
  text-align: center;
  line-height: 1.3;
  margin-top: 2px;
}

/* Показываем при ховере */
nav.oxy-site-navigation > ul > li.menu-item:hover > .fm-mega-dropdown {
  display: block;
  animation: fmFadeIn 0.16s ease;
}

@keyframes fmFadeIn {
  from { opacity: 0; transform: translateX(-50%) translateY(5px); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}
/* Невидимый мост между триггером и дропдауном */
nav.oxy-site-navigation > ul > li.menu-item:has(> .fm-mega-dropdown)::after {
  content: '';
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 100%;
  height: 16px;
}

/* ===== КОРЗИНА: FIX HOVER GAP ===== */

.oxy-woo-mini-cart__flyout {
  margin-top: 0 !important;
  padding-top: 16px !important;
}

.oxy-mini-cart::after {
  content: '';
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 100%;
  height: 16px;
  z-index: 9999;
}

.oxy-mini-cart:hover > .oxy-woo-mini-cart__flyout {
  visibility: visible !important;
  pointer-events: all !important;
  opacity: 1 !important;
}

/* ===== МОБИЛЬНАЯ АДАПТАЦИЯ МЕГА-ДРОПДАУНА (max-width: 990px) ===== */

@media (max-width: 990px) {

  /* Дропдаун: отменяем абсолютное позиционирование */
  .fm-mega-dropdown {
    position: static !important;
    transform: none !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    border-radius: 12px !important;
    padding: 4px 0 !important;
    box-shadow: none !important;
    background: #f5f3ee !important;
    margin: 4px 0 8px 0 !important;
    animation: none !important;
  }

  .fm-mega-dropdown::before {
    display: none !important;
  }

  /* Грид: всегда 2 колонки на мобиле */
  .fm-mega-dropdown .fm-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Ячейка: компактнее */
  .fm-mega-dropdown .fm-grid-item {
    padding: 14px 8px 12px !important;
    background: #f5f3ee !important;
  }
	
	/*      */
	.fm-mega-dropdown .fm-grid-item {
		  border-right: 1px solid rgba(58, 50, 40, 0.12) !important;
		  border-bottom: 1px solid rgba(58, 50, 40, 0.12) !important;
	}
	
	/*       */
	.fm-mega-dropdown .fm-grid-item:nth-child(2n) {
		  border-right: none !important;
	}
	
	/*          */
	.fm-mega-dropdown .fm-grid-item:last-child {
		  border-bottom: none !important;
	}

  /* Иконка на мобиле */
  .fm-mega-dropdown .fm-icon {
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
  }

  .fm-mega-dropdown .fm-icon img {
    width: 40px !important;
    height: 40px !important;
    mix-blend-mode: multiply !important;
  }

  /* Название */
  .fm-mega-dropdown .fm-label {
    font-size: 9px !important;
    letter-spacing: 0.08em !important;
  }

  /* Убираем hover-show, показываем через JS-класс fm-open на li */
  nav.oxy-site-navigation > ul > li.menu-item:hover > .fm-mega-dropdown {
    display: none !important;
  }

  /* Показываем дропдаун когда у li есть класс fm-open (клик) */
  nav.oxy-site-navigation > ul > li.menu-item.fm-open > .fm-mega-dropdown {
    display: block !important;
  }

  /* Убираем стрелочку/мост — не нужны на мобиле */
  nav.oxy-site-navigation > ul > li.menu-item:has(> .fm-mega-dropdown)::after {
    display: none !important;
  }

  /* Корзина: overflow visible чтобы floating cart не обрезался */
  .oxy-mini-cart {
    overflow: visible !important;
  }
}</style><style class="wpcode-css-snippet">/* ============================================================
   PREMIUM PRODUKTE – REDESIGN
   Отступы = max-width хедера (1330px) + padding 40px
   ============================================================ */

/* ── 1. SECTION WRAPPER ────────────────────────────────────── */
#section-5-2018 .ct-section-inner-wrap,
#section-3-2018 .ct-section-inner-wrap {
  max-width: 1330px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

/* ── 2. HERO BANNER ────────────────────────────────────────── */
#section-3-2018 {
  min-height: 280px;
  background-size: cover;
  background-position: center 30%;
}

/* ── 3. BREADCRUMB + TITEL ─────────────────────────────────── */
.woocommerce-breadcrumb {
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #9b9166;
  padding-top: 36px;
  margin-bottom: 6px !important;
}
.woocommerce-breadcrumb a {
  color: #9b9166;
  text-decoration: none;
}
.woocommerce-breadcrumb a:hover {
  text-decoration: underline;
}
h1.page-title,
.oxy-woo-product-header h1,
#section-5-2018 h1 {
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-weight: 300;
  letter-spacing: 2px;
  color: #38414b;
  text-transform: uppercase;
  margin-top: 8px;
  margin-bottom: 32px;
}

/* ── 4. SORTING DROPDOWN ───────────────────────────────────── */
.woocommerce-ordering select.orderby {
  border: 1px solid #d4cebc;
  border-radius: 0;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #38414b;
  padding: 10px 16px;
  background-color: #fff;
}
/* Заголовок */
.woocommerce .product-category h2,
.woocommerce .product-category .woocommerce-loop-category__title {
  font-family: Montserrat, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #9b9166 !important;
  margin: 0 !important;
  text-align: center !important;
  transition: color 0.4s ease 0.08s !important;
  line-height: 1.4 !important;
}
.woocommerce .product-category a:hover h2,
.woocommerce .product-category a:hover .woocommerce-loop-category__title {
  color: #fff !important;
}

/* Счётчик скрыт */
.woocommerce .product-category .count {
  display: none !important;
}

/* ── 6. PRODUKT-GRID ───────────────────────────────────────── */
#_dynamic_list-12-2018 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 40px;
}
@media (max-width: 900px) {
  #_dynamic_list-12-2018 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 540px) {
  #_dynamic_list-12-2018 {
    grid-template-columns: 1fr;
  }
}

/* ── 7. PRODUKT-KARTE ──────────────────────────────────────── */
#_dynamic_list-12-2018 > .ct-div-block {
  display: flex;
  flex-direction: column;
}
.wc-archive-item-3 {
  background: #fff !important;
  border-radius: 0 0 60px 0 !important;
  overflow: hidden;
  border: 1px solid #ede9df;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  flex: 1;
}
.wc-archive-item-3:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(155,145,102,0.15);
  border-color: #9b9166;
}
.wc-archive-item-3 img.attachment-woocommerce_thumbnail {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
}
.wc-archive-item-3 .woocommerce-loop-product__title {
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #38414b;
  padding: 16px 20px 4px;
  margin: 0;
}
.wc-archive-item-3 .price {
  padding: 0 20px 4px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  color: #9b9166;
  display: flex;
  align-items: center;
  gap: 8px;
}
.wc-archive-item-3 .price del { color: #bbb; font-size: 11px; }
.wc-archive-item-3 .price ins { text-decoration: none; font-weight: 600; }
.wc-archive-item-3 a.button,
.wc-archive-item-3 .button {
  display: block;
  margin: 12px 20px 20px;
  padding: 12px 20px;
  background: #9b9166 !important;
  color: #fff !important;
  border: 1px solid #9b9166 !important;
  border-radius: 0;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  transition: background 0.25s ease, color 0.25s ease;
}
.wc-archive-item-3 a.button:hover,
.wc-archive-item-3 .button:hover {
  background: #38414b !important;
  border-color: #38414b !important;
  color: #fff !important;
}
.wc-archive-item-3 .onsale {
  position: absolute;
  top: 12px; left: 12px;
  background: #9b9166;
  color: #fff;
  font-size: 9px; font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 0; z-index: 2;
}

/* ── 5. ICON-KATEGORIE-KARTEN (Premium-Seite) ─────────────── */

/* UL: flex row, kein gap, kein margin */
#section-5-2018 .oxy-woo-product-categories ul.products,
#-woo-product-categories-27-2018 ul.products {
  display: flex !important;
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  list-style: none !important;
}

/* LI: flex gleich-breit, border-box */
#section-5-2018 .oxy-woo-product-categories ul.products li.product-category,
#-woo-product-categories-27-2018 ul.products li.product-category {
  flex: 1 1 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-right: 1px solid #e8e2d9 !important;
  border-top: 1px solid #e8e2d9 !important;
  border-bottom: 1px solid #e8e2d9 !important;
  background: #fff !important;
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
  cursor: pointer !important;
}

/* Erste Karte: linke Borte */
#section-5-2018 .oxy-woo-product-categories ul.products li.product-category:first-child,
#-woo-product-categories-27-2018 ul.products li.product-category:first-child {
  border-left: 1px solid #e8e2d9 !important;
}

/* Hover */
#section-5-2018 .oxy-woo-product-categories ul.products li.product-category:hover,
#-woo-product-categories-27-2018 ul.products li.product-category:hover {
  background: #f7f4ef !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.10) !important;
  z-index: 2 !important;
  position: relative !important;
}

/* Link: flex column, zentriert */
#section-5-2018 .oxy-woo-product-categories ul.products li.product-category a,
#-woo-product-categories-27-2018 ul.products li.product-category a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 28px 12px 20px !important;
  gap: 12px !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
  grid-template-columns: unset !important;
  min-height: 140px !important;
  box-sizing: border-box !important;
}

/* Icon-Bild */
#section-5-2018 .oxy-woo-product-categories ul.products li.product-category a img,
#-woo-product-categories-27-2018 ul.products li.product-category a img {
  width: 56px !important;
  height: 56px !important;
  object-fit: contain !important;
  display: block !important;
  flex-shrink: 0 !important;
  position: static !important;
  transition: transform 0.25s ease !important;
}

/* Hover: Icon skalieren */
#section-5-2018 .oxy-woo-product-categories ul.products li.product-category:hover a img,
#-woo-product-categories-27-2018 ul.products li.product-category:hover a img {
  transform: scale(1.1) !important;
}

/* Titel */
#section-5-2018 .oxy-woo-product-categories ul.products li.product-category .woocommerce-loop-category__title,
#-woo-product-categories-27-2018 ul.products li.product-category .woocommerce-loop-category__title {
  font-family: Montserrat, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #9b9166 !important;
  margin: 0 !important;
  text-align: center !important;
  transition: color 0.25s ease !important;
  line-height: 1.4 !important;
}

/* Hover: Titel-Farbe */
#section-5-2018 .oxy-woo-product-categories ul.products li.product-category:hover .woocommerce-loop-category__title,
#-woo-product-categories-27-2018 ul.products li.product-category:hover .woocommerce-loop-category__title {
  color: #38414b !important;
}

/* Zähler ausblenden */
#section-5-2018 .oxy-woo-product-categories ul.products li.product-category .count,
#-woo-product-categories-27-2018 ul.products li.product-category .count {
  display: none !important;
}

/* ── Mobile: 2 Spalten ─────────────────────────────────────── */
@media (max-width: 767px) {
  #section-5-2018 .oxy-woo-product-categories ul.products,
  #-woo-product-categories-27-2018 ul.products {
    flex-wrap: wrap !important;
  }
  #section-5-2018 .oxy-woo-product-categories ul.products li.product-category,
  #-woo-product-categories-27-2018 ul.products li.product-category {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    border-left: 1px solid #e8e2d9 !important;
  }
}

/* ── CTA vor Footer (Premium-Seite) ───────────────────────── */
.fm-cta-premium {
  background: #f5f2ec;
  padding: 80px 0;
  box-sizing: border-box;
}

.fm-cta-inner {
  max-width: 1330px;
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 80px;
  box-sizing: border-box;
}

.fm-cta-left {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.fm-cta-heading {
  font-family: Montserrat, sans-serif;
  font-size: 36px !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;
  color: #1a1a1a !important;
  margin-bottom: 24px !important;
}

.fm-cta-heading b,
.fm-cta-heading strong {
  font-weight: 700 !important;
}

.fm-cta-text {
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  color: #38414b;
  line-height: 1.7;
  margin-bottom: 32px;
}

.fm-cta-buttons {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 24px;
}

.fm-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #9b9166;
  color: #fff !important;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none !important;
  padding: 18px 30px;
  border-radius: 60px;
  border: none;
  transition: all 0.6s cubic-bezier(0.1, 0.7, 0.6, 0.9) !important;
  cursor: pointer;
  line-height: 17px;
}

.fm-cta-btn:hover {
  background: #9b9166 !important;
  color: #fff !important;
  transform: translateY(-5px) !important;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 7px 25px -10px !important;
}

.fm-cta-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.fm-cta-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #38414b;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.fm-cta-badge svg {
  color: #9b9166;
  flex-shrink: 0;
}

.fm-cta-right {
  flex: 0 0 42%;
  width: 42%;
  min-height: 400px;
  position: relative;
  overflow: hidden;
  border-radius: 0 0 0 197px;
  box-shadow: rgba(0,0,0,0.14) 0px 16px 48px;
}

.fm-cta-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

/* Responsive */
@media (max-width: 1200px) {
  .fm-cta-right { border-radius: 0 0 0 150px; }
}
@media (max-width: 991px) {
  .fm-cta-inner { flex-direction: column; gap: 40px; padding: 0 32px; }
  .fm-cta-right { width: 100%; flex: none; border-radius: 0 0 0 100px; min-height: 280px; }
  .fm-cta-heading { font-size: 28px !important; }
}
@media (max-width: 768px) {
  .fm-cta-premium { padding: 48px 0; }
  .fm-cta-inner { padding: 0 20px; }
  .fm-cta-right { border-radius: 0 0 0 80px; min-height: 220px; }
}
@media (max-width: 480px) {
  .fm-cta-premium { padding: 36px 0; }
  .fm-cta-inner { padding: 0 16px; gap: 28px; }
  .fm-cta-right { border-radius: 0 0 0 60px; min-height: 180px; }
  .fm-cta-heading { font-size: 24px !important; }
}

/* Verstecke CTA auf anderen Seiten – nur auf Premium und Normale Produkte zeigen */
body:not(.term-premium):not(.term-normale-produkte) .fm-cta-premium {
  display: none !important;
}

/* ── 7. BLOG-KARTEN: Buttons auf gleicher Höhe ───────────────────────────── */

/* Grid: Karten auf gleiche Höhe strecken */
#_dynamic_list-200103-2088 {
  align-items: stretch !important;
}

/* Karte: flex column, volle Höhe */
[id^="div_block-200104-2088"] {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* Bild-Block: feste Hhe, kein Strecken */
[id^="div_block-200105-2088"] {
	    flex: 0 0 260px !important;
	    height: 260px !important;
	    background-size: cover !important;
	    background-position: center !important;
}

/* Text-Block: wchst und fllt verfgbaren Platz, flex column fr Button */
[id^="div_block-200106-2088"] {
	    flex: 1 1 auto !important;
	    display: flex !important;
	    flex-direction: column !important;
}

/* Button: immer am unteren Rand */
[id^="link_button-200111-2088"] {
	    margin-top: auto !important;
}

/*  8. DUPLIKAT-TITEL: statischen ct-headline in Unterkategorien ausblenden  */
/* Auf Unterkategorieseiten zeigt oxy-woo-archive-title den Titel dynamisch an.
 *    Der statische ct-headline (Oxygen Headline) wird ausgeblendet. */
#div_block-50-2023 .ct-headline {
	    display: none !important;
}


/* ============================================================
   SHOP PAGE – Категории с иконками (как на /premium/)
   IDs: #section-62-100 / #-woo-product-categories-119-100
   ============================================================ */

/* ── 1. UL: flex-строка вместо grid ─────────────────────────── */
#section-62-100 .oxy-woo-product-categories ul.products,
#-woo-product-categories-119-100 ul.products {
  display: flex !important;
  flex-flow: row !important;
  gap: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
  width: 100% !important;
  list-style: none !important;
  grid-template-columns: unset !important;
}

/* ── 2. LI: равные ячейки с бордером ────────────────────────── */
#section-62-100 .oxy-woo-product-categories ul.products li.product-category,
#-woo-product-categories-119-100 ul.products li.product-category {
  flex: 1 1 0px !important;
  width: auto !important;
  height: auto !important;
  min-width: 0px !important;
  float: none !important;
  margin: 0px !important;
  padding: 0px !important;
  border-right: 1px solid #e8e2d9 !important;
  border-top: 1px solid #e8e2d9 !important;
  border-bottom: 1px solid #e8e2d9 !important;
  background: #ffffff !important;
  transition: background 0.25s, transform 0.25s, box-shadow 0.25s !important;
  cursor: pointer !important;
}

/* ── 3. Левый бордер у первой карточки ──────────────────────── */
#section-62-100 .oxy-woo-product-categories ul.products li.product-category:first-child,
#-woo-product-categories-119-100 ul.products li.product-category:first-child {
  border-left: 1px solid #e8e2d9 !important;
}

/* ── 4. Hover ────────────────────────────────────────────────── */
#section-62-100 .oxy-woo-product-categories ul.products li.product-category:hover,
#-woo-product-categories-119-100 ul.products li.product-category:hover {
  background: #f7f4ef !important;
  transform: translateY(-4px) !important;
  box-shadow: 0px 8px 24px rgba(0,0,0,0.1) !important;
  z-index: 2 !important;
  position: relative !important;
}

/* ── 5. Ссылка: вертикальный flex по центру ─────────────────── */
#section-62-100 .oxy-woo-product-categories ul.products li.product-category a,
#-woo-product-categories-119-100 ul.products li.product-category a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 28px 12px 20px !important;
  gap: 12px !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
  min-height: 140px !important;
  box-sizing: border-box !important;
  grid-template-columns: unset !important;
}

/* ── 6. Иконка 56×56 ─────────────────────────────────────────── */
#section-62-100 .oxy-woo-product-categories ul.products li.product-category a img,
#-woo-product-categories-119-100 ul.products li.product-category a img {
  width: 56px !important;
  height: 56px !important;
  object-fit: contain !important;
  display: block !important;
  flex-shrink: 0 !important;
  position: static !important;
  transition: transform 0.25s !important;
}

/* ── 7. Zoom иконки при hover ────────────────────────────────── */
#section-62-100 .oxy-woo-product-categories ul.products li.product-category:hover a img,
#-woo-product-categories-119-100 ul.products li.product-category:hover a img {
  transform: scale(1.1) !important;
}

/* ── 8. Название категории ───────────────────────────────────── */
#section-62-100 .oxy-woo-product-categories ul.products li.product-category .woocommerce-loop-category__title,
#-woo-product-categories-119-100 ul.products li.product-category .woocommerce-loop-category__title {
  font-family: Montserrat, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #9b9166 !important;
  margin: 0px !important;
  text-align: center !important;
  transition: color 0.25s !important;
  line-height: 1.4 !important;
}

/* ── 9. Hover цвет названия ──────────────────────────────────── */
#section-62-100 .oxy-woo-product-categories ul.products li.product-category:hover .woocommerce-loop-category__title,
#-woo-product-categories-119-100 ul.products li.product-category:hover .woocommerce-loop-category__title {
  color: #38414b !important;
}

/* ── 10. Скрыть счётчик ──────────────────────────────────────── */
#section-62-100 .oxy-woo-product-categories ul.products li.product-category .count,
#-woo-product-categories-119-100 ul.products li.product-category .count {
  display: none !important;
}

/* ── 11. Responsive ──────────────────────────────────────────── */
@media (max-width: 767px) {
  #section-62-100 .oxy-woo-product-categories ul.products,
  #-woo-product-categories-119-100 ul.products {
    flex-wrap: wrap !important;
  }
  #section-62-100 .oxy-woo-product-categories ul.products li.product-category,
  #-woo-product-categories-119-100 ul.products li.product-category {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    border-left: 1px solid #e8e2d9 !important;
  }
}

/* ============================================================
   SHOP PAGE – Категории с иконками НИЖНИЙ БЛОК (под товарами)
   IDs: #section-92-100 / #-woo-product-categories-89-100
   ============================================================ */

/* ── 1. UL: flex-строка вместо grid ─────────────────────────── */
#section-92-100 .oxy-woo-product-categories ul.products,
#-woo-product-categories-89-100 ul.products {
  display: flex !important;
  flex-flow: row wrap !important;
  gap: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
  width: 100% !important;
  list-style: none !important;
  grid-template-columns: unset !important;
}

/* ── 2. LI: равные ячейки с бордером ────────────────────────── */
#section-92-100 .oxy-woo-product-categories ul.products li.product-category,
#-woo-product-categories-89-100 ul.products li.product-category {
  flex: 1 1 calc(33.333% - 0px) !important;
  max-width: 33.333% !important;
  width: auto !important;
  height: auto !important;
  min-width: 0px !important;
  float: none !important;
  margin: 0px !important;
  padding: 0px !important;
  border-right: 1px solid #e8e2d9 !important;
  border-top: 1px solid #e8e2d9 !important;
  border-bottom: 1px solid #e8e2d9 !important;
  background: #ffffff !important;
  transition: background 0.25s, transform 0.25s, box-shadow 0.25s !important;
  cursor: pointer !important;
}

/* ── 3. Левый бордер у первой карточки в строке ─────────────── */
#section-92-100 .oxy-woo-product-categories ul.products li.product-category:nth-child(3n+1),
#-woo-product-categories-89-100 ul.products li.product-category:nth-child(3n+1) {
  border-left: 1px solid #e8e2d9 !important;
}

/* ── 4. Hover ────────────────────────────────────────────────── */
#section-92-100 .oxy-woo-product-categories ul.products li.product-category:hover,
#-woo-product-categories-89-100 ul.products li.product-category:hover {
  background: #f7f4ef !important;
  transform: translateY(-3px) !important;
  box-shadow: 0px 6px 20px rgba(0,0,0,0.08) !important;
  z-index: 2 !important;
  position: relative !important;
}

/* ── 5. Ссылка: горизонтальный flex, иконка + текст ─────────── */
#section-92-100 .oxy-woo-product-categories ul.products li.product-category a,
#-woo-product-categories-89-100 ul.products li.product-category a {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  padding: 20px 24px !important;
  gap: 20px !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
  min-height: 90px !important;
  box-sizing: border-box !important;
  grid-template-columns: unset !important;
}

/* ── 6. Иконка 52×52 ─────────────────────────────────────────── */
#section-92-100 .oxy-woo-product-categories ul.products li.product-category a img,
#-woo-product-categories-89-100 ul.products li.product-category a img {
  width: 52px !important;
  height: 52px !important;
  object-fit: contain !important;
  display: block !important;
  flex-shrink: 0 !important;
  position: static !important;
  transition: transform 0.25s !important;
}

/* ── 7. Zoom иконки при hover ────────────────────────────────── */
#section-92-100 .oxy-woo-product-categories ul.products li.product-category:hover a img,
#-woo-product-categories-89-100 ul.products li.product-category:hover a img {
  transform: scale(1.1) !important;
}

/* ── 8. Название категории ───────────────────────────────────── */
#section-92-100 .oxy-woo-product-categories ul.products li.product-category .woocommerce-loop-category__title,
#-woo-product-categories-89-100 ul.products li.product-category .woocommerce-loop-category__title {
  font-family: Montserrat, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #9b9166 !important;
  margin: 0px !important;
  text-align: left !important;
  transition: color 0.25s !important;
  line-height: 1.5 !important;
}

/* ── 9. Hover цвет названия ──────────────────────────────────── */
#section-92-100 .oxy-woo-product-categories ul.products li.product-category:hover .woocommerce-loop-category__title,
#-woo-product-categories-89-100 ul.products li.product-category:hover .woocommerce-loop-category__title {
  color: #38414b !important;
}

/* ── 10. Скрыть счётчик ──────────────────────────────────────── */
#section-92-100 .oxy-woo-product-categories ul.products li.product-category .count,
#-woo-product-categories-89-100 ul.products li.product-category .count {
  display: none !important;
}

/* ── 11. Responsive: 2 колонки до 991px ──────────────────────── */
@media (max-width: 991px) {
  #section-92-100 .oxy-woo-product-categories ul.products li.product-category,
  #-woo-product-categories-89-100 ul.products li.product-category {
    flex: 1 1 50% !important;
    max-width: 50% !important;
    border-left: 1px solid #e8e2d9 !important;
  }
}

/* ── 12. Responsive: 1 колонка до 540px ──────────────────────── */
@media (max-width: 540px) {
  #section-92-100 .oxy-woo-product-categories ul.products li.product-category,
  #-woo-product-categories-89-100 ul.products li.product-category {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    border-left: 1px solid #e8e2d9 !important;
  }
}

/* ============================================================
   SHOP PAGE – Pagination Redesign (/shop/)
   Selectors: body.woocommerce-shop + #_dynamic_list-94-100
   ============================================================ */

/* ── Container ───────────────────────────────────────────────── */
body.woocommerce-shop .oxy-repeater-pages-wrap,
#_dynamic_list-94-100 .oxy-repeater-pages-wrap {
  display: flex !important;
  justify-content: center !important;
  padding: 40px 0 60px !important;
}

body.woocommerce-shop .oxy-repeater-pages,
#_dynamic_list-94-100 .oxy-repeater-pages {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  margin: 0 !important;
}

/* ── Every page number item ──────────────────────────────────── */
body.woocommerce-shop .oxy-repeater-pages .page-numbers,
#_dynamic_list-94-100 .oxy-repeater-pages .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 16px !important;
  border-radius: 60px !important;
  border: 1.5px solid #c8bfa0 !important;
  background-color: transparent !important;
  color: #3b3529 !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
  transition: all 0.6s cubic-bezier(0.1, 0.7, 0.6, 0.9) !important;
  cursor: pointer !important;
}

/* ── Active/current page ─────────────────────────────────────── */
body.woocommerce-shop .oxy-repeater-pages .page-numbers.current,
#_dynamic_list-94-100 .oxy-repeater-pages .page-numbers.current {
  background-color: #9b9166 !important;
  border-color: #9b9166 !important;
  color: #ffffff !important;
}

/* ── Hover on non-active items ───────────────────────────────── */
body.woocommerce-shop .oxy-repeater-pages a.page-numbers:hover,
#_dynamic_list-94-100 .oxy-repeater-pages a.page-numbers:hover {
  background-color: #9b9166 !important;
  border-color: #9b9166 !important;
  color: #ffffff !important;
  transform: translateY(-3px) !important;
  box-shadow: rgba(0,0,0,0.3) 0px 6px 20px -8px !important;
}

/* ── "Nächste" / "Vorherige" buttons ────────────────────────── */
body.woocommerce-shop .oxy-repeater-pages .next.page-numbers,
body.woocommerce-shop .oxy-repeater-pages .prev.page-numbers,
#_dynamic_list-94-100 .oxy-repeater-pages .next.page-numbers,
#_dynamic_list-94-100 .oxy-repeater-pages .prev.page-numbers {
  padding: 0 22px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

/* ── Dots ────────────────────────────────────────────────────── */
body.woocommerce-shop .oxy-repeater-pages .page-numbers.dots,
#_dynamic_list-94-100 .oxy-repeater-pages .page-numbers.dots {
  border: none !important;
  background: transparent !important;
  color: #9b9166 !important;
  min-width: auto !important;
  padding: 0 4px !important;
  cursor: default !important;
  font-size: 16px !important;
  letter-spacing: 2px !important;
}

/* ============================================================
   SHOP PAGE – Pagination Redesign (/shop/)
   Selectors: body.woocommerce-shop + #_dynamic_list-94-100
   ============================================================ */

/* ── Container ──────────────────────────────────────────────── */
body.woocommerce-shop .oxy-repeater-pages-wrap,
#_dynamic_list-94-100 .oxy-repeater-pages-wrap {
  display: flex !important;
  justify-content: center !important;
  padding: 40px 0 60px !important;
}

body.woocommerce-shop .oxy-repeater-pages,
#_dynamic_list-94-100 .oxy-repeater-pages {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  margin: 0 !important;
}

/* ── Every page number item ───────────────────────────────────── */
body.woocommerce-shop .oxy-repeater-pages .page-numbers,
#_dynamic_list-94-100 .oxy-repeater-pages .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 16px !important;
  border-radius: 60px !important;
  border: 1.5px solid #c8bfa0 !important;
  background-color: transparent !important;
  color: #3b3529 !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
  transition: all 0.6s cubic-bezier(0.1, 0.7, 0.6, 0.9) !important;
  cursor: pointer !important;
}

/* ── Active/current page ───────────────────────────────────── */
body.woocommerce-shop .oxy-repeater-pages .page-numbers.current,
#_dynamic_list-94-100 .oxy-repeater-pages .page-numbers.current {
  background-color: #9b9166 !important;
  border-color: #9b9166 !important;
  color: #ffffff !important;
}

/* ── Hover on non-active items ──────────────────────────────── */
body.woocommerce-shop .oxy-repeater-pages a.page-numbers:hover,
#_dynamic_list-94-100 .oxy-repeater-pages a.page-numbers:hover {
  background-color: #9b9166 !important;
  border-color: #9b9166 !important;
  color: #ffffff !important;
  transform: translateY(-3px) !important;
  box-shadow: rgba(0,0,0,0.3) 0px 6px 20px -8px !important;
}

/* ── Nächste/Vorherige buttons ──────────────────────────────── */
body.woocommerce-shop .oxy-repeater-pages .next.page-numbers,
body.woocommerce-shop .oxy-repeater-pages .prev.page-numbers,
#_dynamic_list-94-100 .oxy-repeater-pages .next.page-numbers,
#_dynamic_list-94-100 .oxy-repeater-pages .prev.page-numbers {
  padding: 0 22px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

/* ── Dots ───────────────────────────────────────────────────── */
body.woocommerce-shop .oxy-repeater-pages .page-numbers.dots,
#_dynamic_list-94-100 .oxy-repeater-pages .page-numbers.dots {
  border: none !important;
  background: transparent !important;
  color: #9b9166 !important;
  min-width: auto !important;
  padding: 0 4px !important;
  cursor: default !important;
  font-size: 16px !important;
  letter-spacing: 2px !important;
}

/* ============================================================
   SHOP PAGE – Отступы контента = как на /normale-produkte/
   max-width: 1330px + padding: 40px (вместо 1120px)
   ============================================================ */

body.woocommerce-shop #section-61-100 > .ct-section-inner-wrap,
body.woocommerce-shop #section-62-100 > .ct-section-inner-wrap,
body.woocommerce-shop #section-92-100 > .ct-section-inner-wrap {
  max-width: 1330px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

</style><style class="wpcode-css-snippet">/* ===== EIGENES DESIGN  Button Hover Styles (matching Startseite Hero) ===== */

/* === Base transition for all buttons on eigenes-design page === */
.page-template-eigenes-design .fm-btn,
.eigenes-design .fm-btn,
body.page-id-32 .fm-btn,
body.page-id-64 .fm-btn {
	  transition: all 0.6s cubic-bezier(0.1, 0.7, 0.6, 0.9) !important;
}

/* === fm-btn-gold (primary gold button)  hover like c-btn-main on Startseite === */
body.page-id-32 .fm-btn.fm-btn-gold:hover,
body.page-id-32 .fm-btn.fm-btn-gold:focus,
body.page-id-64 .fm-btn.fm-btn-gold:hover,
body.page-id-64 .fm-btn.fm-btn-gold:focus {
	  transform: translateY(-5px) !important;
	  box-shadow: rgba(0, 0, 0, 0.5) 0px 7px 25px -10px !important;
	  background-color: rgb(155, 145, 102) !important;
	  color: rgb(255, 255, 255) !important;
	  opacity: 1 !important;
}

/* === c-btn-alt (secondary button "KUNDENKONTO ERSTELLEN")  hover like c-btn-alt on Startseite === */
body.page-id-32 .c-btn-alt:hover,
body.page-id-32 .c-btn-alt:focus,
body.page-id-64 .c-btn-alt:hover,
body.page-id-64 .c-btn-alt:focus {
	  transform: translateY(-5px) !important;
	  box-shadow: rgba(0, 0, 0, 0.25) 0px 7px 25px -10px !important;
	  color: rgb(51, 59, 68) !important;
	  background-color: rgb(242, 241, 238) !important;
}

/* === fm-review-submit ("BEWERTUNG SENDEN" button) – hover like c-btn-main on Startseite === */
body.page-id-64 .fm-review-submit {
  transition: all 0.6s cubic-bezier(0.1, 0.7, 0.6, 0.9) !important;
}
body.page-id-64 .fm-review-submit:hover,
body.page-id-64 .fm-review-submit:focus {
  transform: translateY(-5px) !important;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 7px 25px -10px !important;
  background-color: rgb(155, 145, 102) !important;
  color: rgb(255, 255, 255) !important;
}

/* === fm-tf-btn (Teaser "Jetzt generieren lassen") hover wie Hero-Button === */
body.page-id-64 .fm-tf-btn {
  transition: all 0.6s cubic-bezier(0.1, 0.7, 0.6, 0.9) !important;
}
body.page-id-64 .fm-tf-btn:hover,
body.page-id-64 .fm-tf-btn:focus {
  transform: translateY(-5px) !important;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 7px 25px -10px !important;
  background-color: rgb(155, 145, 102) !important;
  color: rgb(255, 255, 255) !important;
}

/* === fm-ed-submit ("Formular absenden") hover wie Hero-Button === */
body.page-id-64 .fm-ed-submit {
  transition: all 0.6s cubic-bezier(0.1, 0.7, 0.6, 0.9) !important;
}
body.page-id-64 .fm-ed-submit:hover,
body.page-id-64 .fm-ed-submit:focus {
  transform: translateY(-5px) !important;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 7px 25px -10px !important;
  background-color: rgb(155, 145, 102) !important;
  color: rgb(255, 255, 255) !important;
}</style><style class="wpcode-css-snippet">/* ===== FIGMA REDESIGN STYLES ===== */

/* === GLOBAL: prevent horizontal overflow on all screens === */
.home {
  overflow-x: hidden !important;
}
.home * {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  box-sizing: border-box !important;
}

/* === HERO SECTION === */
#image-120-43 {
  display: none !important;
}
#div_block-119-43 {
  flex: 0 0 auto !important;
  width: 42% !important;
  position: relative !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  border-radius: 0 0 0 300px !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.14) !important;
  order: 2 !important;
  min-height: 500px !important;
}
#image-121-43 {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#div_block-106-43 {
  flex: 1 1 0% !important;
  max-width: 650px !important;
  padding: 0 !important;
  order: 1 !important;
}
#section-104-43 {
  min-height: 553px !important;
  overflow: visible !important;
  padding: 80px 0 !important;
  display: flex !important;
  align-items: center !important;
}
/* Hero inner-wrap — убираем вертикальные отступы Oxygen */
.home #section-104-43 > .ct-section-inner-wrap,
#section-104-43.ct-section > .ct-section-inner-wrap,
#section-104-43 > .ct-section-inner-wrap {
  align-items: center !important;
  padding: 0 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  max-width: 1330px !important;
  width: 100% !important;
  flex-direction: row !important;
  gap: 60px !important;
  justify-content: space-between !important;
  margin: 0 auto !important;
}

#div_block-105-43 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 60px !important;
  width: 100% !important;
  min-height: auto !important;
  justify-content: space-between !important;
}

/* === BESTSELLER SECTION === */
#section-23-43 {
  background-color: #ffffff !important;
  padding: 80px 0 !important;
}
#section-23-43 #div_block-209-43,
#div_block-209-43 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin-bottom: 40px !important;
  gap: 12px !important;
}

/* Кнопка "Alle Verpackungen" — скрыть */
#link_text-211-43 {
  display: none !important;
}

/* Заголовок "Unsere Bestseller" — по центру */
#section-23-43 #headline-210-43,
#headline-210-43 {
  width: 100% !important;
  text-align: center !important;
}
body #_dynamic_list-169-43.oxy-dynamic-list {
  grid-template-columns: repeat(3, 1fr) !important;
  display: grid !important;
}
#_dynamic_list-169-43 > * {
  display: block !important;
}

/* === UNSERE VERPACKUNGEN === */
#section-207-43 {
  background-color: #fafafa !important;
  padding: 60px 0 !important;
}

/* === SEPERATOR (Ihre Marke, Ihre Verpackung) === */
#section-233-43 {
  background-color: #1a2332 !important;
  background-image: url('https://farioli-maibach.de/wp-content/uploads/2026/05/Ihre-Verpackung-2.webp') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  min-height: 611px !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  border-radius: 0 !important;
}

/* Тёмный оверлей поверх фото для читаемости текста */
#section-233-43::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(26, 35, 50, 0.55) !important;
  z-index: 1 !important;
}

#section-233-43 .oxy-video-container {
  display: none !important;
}

#section-233-43 > .ct-section-inner-wrap {
  padding: 0 0 0 40px !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 611px !important;
  position: relative !important;
  z-index: 2 !important;
}

#div_block-234-43 {
  width: 50% !important;
  max-width: 620px !important;
  padding: 80px 40px 80px 0px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  background-image: none !important;
  background-color: transparent !important;
  box-sizing: border-box !important;
}

#section-233-43 #headline-235-43,
#headline-235-43 {
  color: #ffffff !important;
  text-align: left !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* "Ihre Verpackung" на отдельной строке */
#headline-235-43 strong {
  display: block !important;
}

#section-233-43 #text_block-237-43,
#section-233-43 .ct-text-block#text_block-237-43,
#text_block-237-43 {
  color: rgba(255, 255, 255, 0.85) !important;
  text-align: left !important;
}

/* Кнопка — inline, слева (совпадает с текстом) */
#link_text-238-43 {
  align-self: flex-start !important;
  display: inline-flex !important;
}

/* === RESTPOSTEN === */
#section-323-43 {
  background-color: #f5f5f0 !important;
  padding: 80px 0 !important;
}
#section-323-43 #headline-510-43 {
  font-size: 36px !important;
}
body #_dynamic_list-469-43.oxy-dynamic-list {
  grid-template-columns: repeat(3, 1fr) !important;
  display: grid !important;
}

/* === TEASER (Nachhaltige Verpackungen) === */
#section-504-43 {
  padding: 80px 0 !important;
}

/* ===== GLEICHMAESSIGE SEITENABSTAENDE (wie Logo/Warenkorb im Header = 40px) ===== */
.home #section-23-43 > .ct-section-inner-wrap,
.home #section-207-43 > .ct-section-inner-wrap,
.home #section-323-43 > .ct-section-inner-wrap,
.home #section-504-43 > .ct-section-inner-wrap {
  padding-left: 40px !important;
  padding-right: 40px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Hero Section: Seitenabstand — managed in main hero block above */
/* Hero Text Block */
#div_block-106-43 {
  padding: 0 !important;
}

/* Separator Section — styles defined above */

/* ===== RESPONSIVE / ADAPTIVE STYLES ===== */

/* --- Tablet Large (<=1200px) --- */
@media (max-width: 1200px) {
  body.home #section-104-43 #div_block-106-43,
  body #section-104-43 #div_block-106-43,
  #section-104-43 #div_block-106-43 {
    padding: 0 !important;
    flex: 0 0 48% !important;
    width: 48% !important;
    max-width: 48% !important;
  }
  #div_block-119-43 {
    flex: 1 1 0% !important;
    min-height: 460px !important;
  }
  #div_block-234-43 {
    padding: 70px 40px !important;
  }
}

/* --- Tablet (<=1024px) --- */
@media (max-width: 1024px) {
  .home #section-23-43 > .ct-section-inner-wrap,
  .home #section-207-43 > .ct-section-inner-wrap,
  .home #section-323-43 > .ct-section-inner-wrap,
  .home #section-504-43 > .ct-section-inner-wrap {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  #section-104-43 > .ct-section-inner-wrap {
    padding: 0 30px !important;
    gap: 40px !important;
  }
  body.home #section-104-43 #div_block-106-43,
  body #section-104-43 #div_block-106-43,
  #section-104-43 #div_block-106-43 {
    flex: 1 1 0% !important;
    width: 50% !important;
    max-width: 50% !important;
    padding: 0 !important;
  }
  #div_block-105-43 {
    flex-direction: row !important;
    gap: 40px !important;
    width: 100% !important;
  }
  #div_block-119-43 {
    flex: 1 1 0% !important;
    width: 46% !important;
    min-height: 400px !important;
    flex-shrink: 0 !important;
    order: 2 !important;
    border-radius: 0 0 0 200px !important;
  }
  #div_block-234-43 {
    padding: 60px 40px !important;
    width: 50% !important;
    max-width: 620px !important;
  }
  /* Bestseller & Restposten: 2 Spalten */
  body #_dynamic_list-169-43.oxy-dynamic-list,
  body #_dynamic_list-469-43.oxy-dynamic-list {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* --- Tablet Row Layout (769px-1024px) --- */
@media (min-width: 769px) and (max-width: 1024px) {
  #div_block-105-43 {
    flex-direction: row !important;
    gap: 40px !important;
    width: 100% !important;
    align-items: center !important;
  }
  #section-104-43 > .ct-section-inner-wrap {
    flex-direction: row !important;
    gap: 40px !important;
    padding: 0 30px !important;
  }
  #div_block-119-43 {
    width: 46% !important;
    min-height: 380px !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    order: 2 !important;
    padding: 0 !important;
    border-radius: 0 0 0 200px !important;
  }
  body.home #section-104-43 #div_block-106-43,
  body #section-104-43 #div_block-106-43,
  #section-104-43 #div_block-106-43 {
    flex: 1 1 0% !important;
    width: 50% !important;
    max-width: 54% !important;
    padding: 0 !important;
    order: 1 !important;
  }
}

/* --- Mobile Large (<=768px) --- */
@media (max-width: 768px) {
  /* Hero buttons: fix text wrap on mobile */
  #div_block-109-43 {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
  }
  #link_text-110-43,
  #div_block-109-43 > a {
    white-space: nowrap !important;
    padding: 16px 32px !important;
    font-size: 13px !important;
    letter-spacing: 1.2px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Bestseller section header: fix on mobile */
  body .home #section-23-43 #div_block-209-43,
  #div_block-209-43 {
    flex-direction: column !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
  }
  body .home #section-23-43 #headline-210-43,
  #headline-210-43 {
    font-size: 18px !important;
    letter-spacing: 1px !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    line-height: 1.3 !important;
    width: 100% !important;
  }
  body .home #section-23-43 #link_text-211-43,
  #link_text-211-43 {
    white-space: nowrap !important;
    font-size: 13px !important;
    padding: 14px 24px !important;
    letter-spacing: 1.2px !important;
    width: auto !important;
    max-width: 100% !important;
  }
  /* Prevent text overflow globally on homepage */
  .home h1, .home h2, .home h3, .home h4, .home h5, .home h6,
  .home p, .home span, .home a, .home li {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
  }

  .home #section-23-43 > .ct-section-inner-wrap,
  .home #section-207-43 > .ct-section-inner-wrap,
  .home #section-323-43 > .ct-section-inner-wrap,
  .home #section-504-43 > .ct-section-inner-wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* Hero: Stack auf Mobile */
  #section-104-43 {
    min-height: auto !important;
    overflow: hidden !important;
  }
  #section-104-43 > .ct-section-inner-wrap {
    padding: 0 !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  #div_block-105-43 {
    flex-direction: column !important;
    min-height: auto !important;
    width: 100% !important;
    gap: 0 !important;
  }
  #div_block-119-43 {
    width: 100% !important;
    min-height: 280px !important;
    max-height: 420px !important;
    order: 2 !important;
    padding: 0 16px !important;
    flex: 0 0 auto !important;
    border-radius: 0 0 0 100px !important;
  }
  /* aspect-ratio для image на мобильном */

   body.home #section-104-43 #div_block-106-43,
   body #section-104-43 #div_block-106-43,
   #section-104-43 #div_block-106-43 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 40px 16px 30px !important;
    order: 1 !important;
    flex: 0 0 auto !important;
  }

  /* Separator: Mobile */
  #section-233-43 {
    min-height: auto !important;
  }
  #section-233-43 > .ct-section-inner-wrap {
    justify-content: center !important;
    min-height: auto !important;
  }
  /* Заголовок и описание — align left на мобильном */
  #section-233-43 #headline-235-43,
  #headline-235-43 {
    text-align: left !important;
    font-size: 30px !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }
  #headline-235-43 strong {
    display: block !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
  #section-233-43 #text_block-237-43,
  #section-233-43 .ct-text-block#text_block-237-43,
  #text_block-237-43 {
    text-align: left !important;
  }
  #div_block-234-43 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 48px 20px !important;
    box-sizing: border-box !important;
  }

  /* Bestseller & Restposten: 1 Spalte */
  body #_dynamic_list-169-43.oxy-dynamic-list,
  body #_dynamic_list-469-43.oxy-dynamic-list {
    grid-template-columns: 1fr !important;
  }

  /* Sektionen: vertikale Abstände reduzieren */
  #section-23-43  { padding: 48px 0 !important; }
  #section-207-43 { padding: 40px 0 !important; }
  #section-323-43 { padding: 48px 0 !important; }
  #section-504-43 { padding: 48px 0 !important; }

}

/* --- Mobile Small (<=480px) --- */
@media (max-width: 480px) {
  #div_block-234-43 {
    padding: 40px 14px !important;
  }
}

/* --- Mobile XS (<=360px) --- */
@media (max-width: 360px) {
  #div_block-234-43 {
    padding: 28px 12px !important;
  }
}

/* --- Mobile Medium (<=600px) --- */
@media (max-width: 600px) {
  .home #section-23-43 > .ct-section-inner-wrap,
  .home #section-207-43 > .ct-section-inner-wrap,
  .home #section-323-43 > .ct-section-inner-wrap,
  .home #section-504-43 > .ct-section-inner-wrap {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  #section-104-43 > .ct-section-inner-wrap {
    padding: 0 16px !important;
  }
  #div_block-234-43 {
    padding: 36px 16px !important;
  }
}

/* --- Mobile Small (<=480px) --- */
@media (max-width: 480px) {
  .home #section-23-43 > .ct-section-inner-wrap,
  .home #section-207-43 > .ct-section-inner-wrap,
  .home #section-323-43 > .ct-section-inner-wrap,
  .home #section-504-43 > .ct-section-inner-wrap {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  #section-104-43 > .ct-section-inner-wrap {
    padding: 0 14px !important;
  }
  #div_block-119-43 {
    min-height: 220px !important;
    max-height: 300px !important;
  }
  #div_block-234-43 {
    padding: 28px 14px !important;
  }
  /* Sektionen: noch kompakter */
  #section-23-43  { padding: 36px 0 !important; }
  #section-207-43 { padding: 32px 0 !important; }
  #section-323-43 { padding: 36px 0 !important; }
  #section-504-43 { padding: 36px 0 !important; }
  /* Bestseller heading even smaller */
  #headline-210-43 {
    font-size: 20px !important;
    letter-spacing: 1px !important;
  }
}

/* --- Mobile XS (<=360px) --- */
@media (max-width: 360px) {
  .home #section-23-43 > .ct-section-inner-wrap,
  .home #section-207-43 > .ct-section-inner-wrap,
  .home #section-323-43 > .ct-section-inner-wrap,
  .home #section-504-43 > .ct-section-inner-wrap {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  #section-104-43 > .ct-section-inner-wrap {
    padding: 0 12px !important;
  }
  #div_block-234-43 {
    padding: 24px 12px !important;
  }
}

/* --- Responsive border-radius for Hero image --- */
@media (max-width: 1200px) {
  #div_block-119-43 { border-radius: 0 0 0 200px !important; }
}
@media (max-width: 1024px) {
  #div_block-119-43 { border-radius: 0 0 0 160px !important; }
}
@media (max-width: 768px) {
  #div_block-119-43 { border-radius: 0 0 0 80px !important; }
}
@media (max-width: 480px) {
  #div_block-119-43 { border-radius: 0 0 0 60px !important; }
}
@media (max-width: 360px) {
  #div_block-119-43 { border-radius: 0 0 0 40px !important; }
}

/* === Hero title responsive font-size === */
@media (max-width: 768px) {
	#headline-107-43 { font-size: 28px !important; line-height: 36px !important; }
}
@media (max-width: 480px) {
	#headline-107-43 { font-size: 24px !important; line-height: 32px !important; }
}
@media (max-width: 360px) {
	#headline-107-43 { font-size: 18px !important; line-height: 30px !important; }
}

/* === HERO inner-wrap: mobile padding fix (высокая специфичность) === */
@media (max-width: 768px) {
  .home #section-104-43 > .ct-section-inner-wrap,
  #section-104-43.ct-section > .ct-section-inner-wrap,
  #section-104-43 > .ct-section-inner-wrap {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media (max-width: 360px) {
  .home #section-104-43 > .ct-section-inner-wrap,
  #section-104-43.ct-section > .ct-section-inner-wrap,
  #section-104-43 > .ct-section-inner-wrap {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* === SECTION-504-43: Image container  hero-style border-radius === */
#div_block-519-43 {
	  position: relative !important;
	  overflow: hidden !important;
	  border-radius: 0 0 0 197px !important;
	  box-shadow: rgba(0, 0, 0, 0.14) 0px 16px 48px !important;
	      min-height: 400px !important;
	  flex: 0 0 auto !important;
	  width: 42% !important;
	  flex-shrink: 0 !important;
}

#image-520-43 {
	  position: absolute !important;
	  inset: 0 !important;
	  width: 100% !important;
	  height: 100% !important;
	  object-fit: cover !important;
	  object-position: center center !important;
	  border-radius: 0 !important;
	  box-shadow: none !important;
}

/* Responsive: tablet */
@media (max-width: 1200px) {
	#div_block-519-43 {
		    border-radius: 0 0 0 150px !important;
	}
}

@media (max-width: 991px) {
	#div_block-519-43 {
		    border-radius: 0 0 0 120px !important;
		    width: 48% !important;
	}
}

/* Responsive: mobile */
@media (max-width: 768px) {
	#div_block-519-43 {
		    width: 100% !important;
		    border-radius: 0 0 0 100px !important;
		        min-height: 280px !important;
	}
}

@media (max-width: 480px) {
	#div_block-519-43 {
		    border-radius: 0 0 0 80px !important;
		        min-height: 220px !important;
	}
}

/* === SECTION-504-43: Button left alignment === */
#section-504-43 #div_block-509-43,
#div_block-509-43 {
	  justify-content: flex-start !important;
	  align-items: flex-start !important;
}

/* ===================================================
 *    SECTION-207-43: Unsere Verpackungen  icon cards
 *    =================================================== */

/* Grid container: single row, all items equal width */
#section-207-43 .oxy-woo-product-categories .woocommerce,
#-woo-product-categories-187-43 .woocommerce {
	  width: 100% !important;
}

#section-207-43 .oxy-woo-product-categories ul.products,
#-woo-product-categories-187-43 ul.products {
	  display: flex !important;
	  flex-direction: row !important;
	  flex-wrap: nowrap !important;
	  align-items: stretch !important;
	  justify-content: center !important;
	  gap: 0 !important;
	  padding: 0 !important;
	  margin: 0 !important;
	  list-style: none !important;
	  width: 100% !important;
	  grid-template-columns: unset !important;
}

/* Each card */
#section-207-43 .oxy-woo-product-categories ul.products li.product-category,
#-woo-product-categories-187-43 ul.products li.product-category {
	  flex: 1 1 0 !important;
	  width: auto !important;
	  height: auto !important;
	  min-width: 0 !important;
	  float: none !important;
	  margin: 0 !important;
	  padding: 0 !important;
	  border-right: 1px solid #e8e2d9 !important;
	  border-top: 1px solid #e8e2d9 !important;
	  border-bottom: 1px solid #e8e2d9 !important;
	  background: #fff !important;
	  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
	  cursor: pointer !important;
}

#section-207-43 .oxy-woo-product-categories ul.products li.product-category:first-child,
#-woo-product-categories-187-43 ul.products li.product-category:first-child {
	  border-left: 1px solid #e8e2d9 !important;
}

/* Hover effect */
#section-207-43 .oxy-woo-product-categories ul.products li.product-category:hover,
#-woo-product-categories-187-43 ul.products li.product-category:hover {
	  background: #f7f4ef !important;
	  transform: translateY(-4px) !important;
	  box-shadow: 0 8px 24px rgba(0,0,0,0.10) !important;
	  z-index: 2 !important;
	  position: relative !important;
}

/* Link inside card: column layout, icon top, label below */
#section-207-43 .oxy-woo-product-categories ul.products li.product-category a,
#-woo-product-categories-187-43 ul.products li.product-category a {
	  display: flex !important;
	  flex-direction: column !important;
	  align-items: center !important;
	  justify-content: center !important;
	  text-align: center !important;
	  padding: 28px 12px 20px !important;
	  gap: 12px !important;
	  width: 100% !important;
	  height: 100% !important;
	  text-decoration: none !important;
	  color: inherit !important;
	  grid-template-columns: unset !important;
}

/* Icon image */
#section-207-43 .oxy-woo-product-categories ul.products li.product-category a img,
#-woo-product-categories-187-43 ul.products li.product-category a img {
	  width: 56px !important;
	  height: 56px !important;
	  object-fit: contain !important;
	  display: block !important;
	  flex-shrink: 0 !important;
	  position: static !important;
	  transition: transform 0.25s ease !important;
}

#section-207-43 .oxy-woo-product-categories ul.products li.product-category:hover a img,
#-woo-product-categories-187-43 ul.products li.product-category:hover a img {
	  transform: scale(1.1) !important;
}

/* Category title */
#section-207-43 .oxy-woo-product-categories ul.products li.product-category .woocommerce-loop-category__title,
#-woo-product-categories-187-43 ul.products li.product-category .woocommerce-loop-category__title {
	  font-size: 10px !important;
	  font-weight: 600 !important;
	  letter-spacing: 1.5px !important;
	  text-transform: uppercase !important;
	  color: #3a3a3a !important;
	  margin: 0 !important;
	  padding: 0 !important;
	  line-height: 1.4 !important;
	  text-align: center !important;
}

/* Hide product count mark */
#section-207-43 .oxy-woo-product-categories ul.products li.product-category .woocommerce-loop-category__title mark,
#-woo-product-categories-187-43 ul.products li.product-category .woocommerce-loop-category__title mark {
	  display: none !important;
}

/* Hover: title color */
#section-207-43 .oxy-woo-product-categories ul.products li.product-category:hover .woocommerce-loop-category__title,
#-woo-product-categories-187-43 ul.products li.product-category:hover .woocommerce-loop-category__title {
	  color: #b5963e !important;
}

/* === Responsive: tablet <=1024px  wrap to 2 rows */
@media (max-width: 1024px) {
	  #section-207-43 .oxy-woo-product-categories ul.products,
	#-woo-product-categories-187-43 ul.products {
		    flex-wrap: wrap !important;
	}
	  #section-207-43 .oxy-woo-product-categories ul.products li.product-category,
	#-woo-product-categories-187-43 ul.products li.product-category {
		    flex: 0 0 25% !important;
		    max-width: 25% !important;
	}
}

/* === Responsive: mobile <=768px  3 per row */
@media (max-width: 768px) {
	  #section-207-43 .oxy-woo-product-categories ul.products li.product-category,
	#-woo-product-categories-187-43 ul.products li.product-category {
		    flex: 0 0 33.333% !important;
		    max-width: 33.333% !important;
	}
	  #section-207-43 .oxy-woo-product-categories ul.products li.product-category a,
	#-woo-product-categories-187-43 ul.products li.product-category a {
		    padding: 20px 8px 16px !important;
	}
	  #section-207-43 .oxy-woo-product-categories ul.products li.product-category a img,
	#-woo-product-categories-187-43 ul.products li.product-category a img {
		    width: 44px !important;
		    height: 44px !important;
	}
}

/* === Responsive: mobile <=480px  2 per row */
@media (max-width: 480px) {
	  #section-207-43 .oxy-woo-product-categories ul.products li.product-category,
	#-woo-product-categories-187-43 ul.products li.product-category {
		    flex: 0 0 50% !important;
		    max-width: 50% !important;
	}
}


/* ===== BLOG PAGE – Paddings & Button Hover Styles ===== */

/* === Blog sections: max-width matching header container (logo left / cart right) === */
body.page-id-2088 #section-200100-2088 > .ct-section-inner-wrap {
  max-width: 1330px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* === Blog "WEITERLESEN" buttons – hover like hero on Startseite === */
body.page-id-2088 #link_button-200111-2088 {
  transition: all 0.6s cubic-bezier(0.1, 0.7, 0.6, 0.9) !important;
}
body.page-id-2088 a[id*="link_button-200111-2088"]:hover,
body.page-id-2088 a[id*="link_button-200111-2088"]:focus {
  transform: translateY(-5px) !important;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 7px 25px -10px !important;
  background-color: rgb(155, 145, 102) !important;
  color: rgb(255, 255, 255) !important;
}

/* === Blog WEITERLESEN buttons – border-radius like hero buttons === */
body.page-id-2088 a[id*="link_button-200111-2088"] {
  border-radius: 60px !important;
}

/* ===== BLOG PAGE – Pagination Redesign ===== */

/* Container */
body.page-id-2088 .oxy-repeater-pages-wrap {
  display: flex !important;
  justify-content: center !important;
  padding: 40px 0 60px !important;
}

body.page-id-2088 .oxy-repeater-pages {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}

/* Every page number item */
body.page-id-2088 .oxy-repeater-pages .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 16px !important;
  border-radius: 60px !important;
  border: 1.5px solid #c8bfa0 !important;
  background-color: transparent !important;
  color: #3b3529 !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
  transition: all 0.6s cubic-bezier(0.1, 0.7, 0.6, 0.9) !important;
  cursor: pointer !important;
}

/* Active/current page */
body.page-id-2088 .oxy-repeater-pages .page-numbers.current {
  background-color: rgb(155, 145, 102) !important;
  border-color: rgb(155, 145, 102) !important;
  color: #ffffff !important;
}

/* Hover on non-active items */
body.page-id-2088 .oxy-repeater-pages a.page-numbers:hover {
  background-color: rgb(155, 145, 102) !important;
  border-color: rgb(155, 145, 102) !important;
  color: #ffffff !important;
  transform: translateY(-3px) !important;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 20px -8px !important;
}

/* "Nächste" / "Vorherige" buttons – slightly wider */
body.page-id-2088 .oxy-repeater-pages .next.page-numbers,
body.page-id-2088 .oxy-repeater-pages .prev.page-numbers {
  padding: 0 22px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

/* ===== KONTAKT PAGE – Padding matching header (logo left / cart right) ===== */
body.page-id-68 #section-11-70 > .ct-section-inner-wrap,
body.page-id-68 #section-21-68 > .ct-section-inner-wrap {
  max-width: 1330px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* ===== KONTAKT PAGE – "Absenden" button: border-radius + hover like hero ===== */
body.page-id-68 #wpforms-submit-184,
body.page-id-68 .wpforms-submit.fm-form-btn {
  border-radius: 60px !important;
  transition: all 0.6s cubic-bezier(0.1, 0.7, 0.6, 0.9) !important;
}
body.page-id-68 #wpforms-submit-184:hover,
body.page-id-68 #wpforms-submit-184:focus,
body.page-id-68 .wpforms-submit.fm-form-btn:hover,
body.page-id-68 .wpforms-submit.fm-form-btn:focus {
  transform: translateY(-5px) !important;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 7px 25px -10px !important;
  background-color: rgb(155, 145, 102) !important;
  color: rgb(255, 255, 255) !important;
}

/* Override inline Oxygen style for Absenden button */
body #section-21-68 .wpforms-submit,
body #section-21-68 #wpforms-submit-184 {
  border-radius: 60px !important;
  transition: all 0.6s cubic-bezier(0.1, 0.7, 0.6, 0.9) !important;
}
body #section-21-68 .wpforms-submit:hover,
body #section-21-68 .wpforms-submit:focus {
  transform: translateY(-5px) !important;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 7px 25px -10px !important;
}

/* ── PAGINATION: Normale Produkte ──────────────────────────── */
body.term-normale-produkte .oxy-repeater-pages-wrap {
  display: flex !important;
  justify-content: center !important;
  padding: 40px 0 60px !important;
}

body.term-normale-produkte .oxy-repeater-pages {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

body.term-normale-produkte .oxy-repeater-pages .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 16px !important;
  border-radius: 60px !important;
  border: 1.5px solid #c8bfa0 !important;
  background-color: transparent !important;
  color: #3b3529 !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
  transition: all 0.6s cubic-bezier(0.1, 0.7, 0.6, 0.9) !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

body.term-normale-produkte .oxy-repeater-pages .page-numbers.current {
  background-color: #9b9166 !important;
  border-color: #9b9166 !important;
  color: #fff !important;
}

body.term-normale-produkte .oxy-repeater-pages a.page-numbers:hover {
  background-color: #9b9166 !important;
  border-color: #9b9166 !important;
  color: #fff !important;
  transform: translateY(-3px) !important;
  box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.3) !important;
}

body.term-normale-produkte .oxy-repeater-pages .next.page-numbers,
body.term-normale-produkte .oxy-repeater-pages .prev.page-numbers {
  padding: 0 22px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

/* ===== LARGE SCREEN FIX: constrain sections to hero width (1330px) ===== */
/* Using .home prefix to match specificity of existing rules and override max-width: 100% */

/* Unsere Bestseller — inner wrap ограничиваем до ширины hero */
.home #section-23-43 > .ct-section-inner-wrap {
  max-width: 1330px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* Unsere Verpackungen — inner wrap ограничиваем до ширины hero */
.home #section-207-43 > .ct-section-inner-wrap {
  max-width: 1330px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* Unsere Restposten — inner wrap ограничиваем до ширины hero */
.home #section-323-43 > .ct-section-inner-wrap {
  max-width: 1330px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* Последний CTA (Nachhaltige Verpackungen) — центрируем и ограничиваем */
.home #section-504-43 > .ct-section-inner-wrap {
  max-width: 1330px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}
</style><style class="wpcode-css-snippet">/* ================================================
   FIGMA REDESIGN - HOMEPAGE (node-id=2652-2)
   Farioli & Maibach
   ================================================ */

/* ================================================================
   1. CONTENT PADDING - align with header logo/cart indentation
   Header: max-width 1330px, padding 40px each side
   Content sections: match same left/right indent as logo/cart
   ================================================================ */

/* All content sections get same max-width as header nav */
#section-104-43 .ct-section-inner-wrap,
#section-23-43 .ct-section-inner-wrap,
#section-207-43 .ct-section-inner-wrap,
#section-233-43 .ct-section-inner-wrap {
  max-width: 1330px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* ================================================================
   2. HERO SECTION - white/light background
   ================================================================ */
#section-104-43 {
  background: #FFFFFF !important;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

/* ---- HERO H1 ---- */
#headline-107-43 {
  font-weight: 300 !important;
  font-size: 36px !important;
  line-height: 46px !important;
  color: #313131 !important;
}

/* Bold parts of H1 */
#headline-107-43 b,
#headline-107-43 strong {
  font-weight: 700 !important;
}

/* ---- HERO DESCRIPTION ---- */
#text_block-108-43 {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 28px !important;
  color: #6D6D6D !important;
  max-width: 560px !important;
}

/* ---- HERO BUTTONS ---- */
.ct-link-text.c-btn-m {
  border-radius: 60px !important;
  padding: 18px 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

.ct-link-text.c-btn-main {
  background-color: #9B9166 !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 17px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.ct-link-text.c-btn-alt.c-btn-m {
  border-radius: 60px !important;
  padding: 18px 30px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 17px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* ---- HERO HIGHLIGHTS ---- */
#text_block-115-43,
#text_block-118-43 {
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 15px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #313131 !important;
}

/* ================================================================
   3. BESTSELLER SECTION - light grey background #F6F6F6
   ================================================================ */
#section-23-43 {
  background-color: #F6F6F6 !important;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

/* Section heading row: title left + button right */
#div_block-209-43 {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  margin-bottom: 40px !important;
}

/* Section heading text */
#headline-210-43 {
  font-weight: 300 !important;
  font-size: 36px !important;
  line-height: 44px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #313131 !important;
  text-align: left !important;
}

/* Bold part of section title */
#headline-210-43 b,
#headline-210-43 strong {
  font-weight: 700 !important;
}

/* Force exactly 3 columns for product grid */
#_dynamic_list-169-43 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
}

/* Hide 4th+ product items - show only first 3 */
#_dynamic_list-169-43 > .ct-div-block:nth-child(n+4) {
  display: none !important;
}

/* Product card - clean white card */
.wc-archive-item-3 {
  background: #FFFFFF !important;
  border-radius: 0 !important;
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05) !important;
  overflow: hidden !important;
}

/* Product card image wrapper */
.wc-archive-item-3 > .ct-div-block:first-child {
  border-radius: 0 !important;
}

/* Product card image area */
.wc-archive-item-3 .ct-image-container,
.wc-archive-item-3 .oxy-img {
  border-radius: 0 !important;
}

/* Product card content padding */
.ct-div-block.wc-archive-item-3-content {
  padding: 20px 25px !important;
}

/* ---- PRODUCT CATEGORY LABEL ---- */
.ct-text-block.c-text-s.c-text-dark.c-margin-bottom-xs {
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 15px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #6D6D6D !important;
}

/* ---- PRODUCT TITLES ---- */
a.ct-link-text.wc-archive-item-3-title,
.wc-archive-item-3-title {
  font-weight: 700 !important;
  font-size: 22px !important;
  line-height: 1.4 !important;
  color: #313131 !important;
}

/* ---- PRICE BADGE ---- */
body .oxy-product-price .price {
  background-color: #9B9166 !important;
  color: #FFFFFF !important;
  border-radius: 4px !important;
  padding: 5px 7px !important;
  display: inline-block !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 20px !important;
}

body .oxy-product-price .price *,
body .oxy-product-price .price .amount,
body .oxy-product-price .price bdi {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

body .oxy-product-price .wgm-info,
body .oxy-product-price .tax_label {
  display: none !important;
}

/* Alle Verpackungen button */
#link_text-211-43 {
  border-radius: 60px !important;
  padding: 18px 30px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* ================================================================
   4. UNSERE VERPACKUNGEN (categories) - white background
   ================================================================ */
#section-207-43 {
  background-color: #FFFFFF !important;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

/* Section heading */
#headline-235-43 {
  font-weight: 300 !important;
  font-size: 36px !important;
  line-height: 44px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #313131 !important;
  text-align: center !important;
  margin-bottom: 48px !important;
}

/* Bold part of categories heading */
#headline-235-43 b,
#headline-235-43 strong {
  font-weight: 700 !important;
}

/* Category grid labels */
#section-207-43 .ct-text-block {
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 15px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #6D6D6D !important;
  text-align: center !important;
}

/* ================================================================
   5. CTA SECTION (EIGENES DESIGN) - dark photo background
   ================================================================ */
#section-233-43 {
  background-size: cover !important;
  background-position: center !important;
  min-height: 500px !important;
}

/* CTA inner wrapper */
#section-233-43 .ct-section-inner-wrap {
  display: flex !important;
  align-items: stretch !important;
  min-height: 500px !important;
}

/* CTA content box */
#div_block-234-43 {
  max-width: 550px !important;
  flex-direction: column !important;
  display: flex !important;
  text-align: left !important;
  align-items: flex-start !important;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
  justify-content: center !important;
}

/* CTA button */
#link_text-238-43,
#section-233-43 .ct-link-text.c-btn-m {
  border-radius: 60px !important;
  padding: 18px 30px !important;
  background-color: #9B9166 !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* CTA headings */
#section-233-43 h2,
#section-233-43 .ct-headline {
  font-weight: 300 !important;
  font-size: 36px !important;
  line-height: 46px !important;
  color: #FFFFFF !important;
}

/* Bold parts of CTA heading */
#section-233-43 h2 b,
#section-233-43 h2 strong,
#section-233-43 .ct-headline b,
#section-233-43 .ct-headline strong {
  font-weight: 700 !important;
}

#section-233-43 .ct-text-block {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 28px !important;
  color: #FFFFFF !important;
}

/* ================================================================
   6. PRODUCT GRID - responsive
   ================================================================ */
@media (max-width: 991px) {
  #_dynamic_list-169-43 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  #_dynamic_list-169-43 > .ct-div-block:nth-child(n+4) {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #_dynamic_list-169-43 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

/* =====================================================
   EIGENES DESIGN - REVIEWS/BEWERTUNGEN section fixes
   ===================================================== */

/* Fix star color - use !important to override fm-star base style */
.fm-star-filled { color: #9B9166 !important; }

/* Reviews section heading - match Figma: light + bold combo */
.fm-reviews-title { font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 36px; line-height: 44px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; color: #313131; }
.fm-reviews-title strong { font-weight: 700; }

/* Section background - ensure it shows */
#bewertungen { background: #F6F6F6 !important; padding: 80px 0 !important; }
.fm-reviews-inner { max-width: 900px; margin: 0 auto; padding: 0 40px; text-align: center; }

/* Circular avatar */
.fm-review-avatar { width: 176px !important; height: 176px !important; border-radius: 50% !important; overflow: hidden !important; margin: 0 auto 32px !important; background: #9B9166 !important; }
.fm-review-avatar img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 50% !important; }

/* Review text */
.fm-review-text { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; text-align: center; color: #313131; max-width: 780px; margin: 0 auto 20px; }
.fm-review-author { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; color: #313131; text-align: center; }

/* Dots - if they exist via fm-review-dots or fm-dots */
.fm-review-dots, .fm-dots { display: flex; justify-content: center; gap: 12px; margin-top: 32px; }
.fm-review-dot, .fm-dot { width: 7px; height: 7px; border-radius: 50%; background: #D9D9D9; }
.fm-review-dot.active, .fm-dot.active { background: #9B9166; }
/* Fix stars webkit fill color */
.fm-star-filled { color: #9B9166 !important; -webkit-text-fill-color: #9B9166 !important; }
.fm-star:not(.fm-star-filled) { color: #CCCCCC !important; -webkit-text-fill-color: #CCCCCC !important; }


/* ================================================================
   7. ADDITIONAL HOMEPAGE FIXES
   ================================================================ */

/* Hide product grid pagination on homepage (Figma shows no pagination) */
#section-23-43 .oxy-repeater-pages,
#section-23-43 .oxy-repeater-pages-wrap {
  display: none !important;
}

/* Hero section - ensure proper vertical padding to match Figma */
#section-104-43 .ct-section-inner-wrap {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
  align-items: center !important;
}

/* Hero left column */
#div_block-106-43 {
  max-width: 600px !important;
  flex: 0 0 auto !important;
}

/* Hero right image column */
#div_block-119-43 {
  flex: 1 !important;
  min-width: 0 !important;
  position: relative !important;
}

/* Bestseller section - ensure section title is styled correctly */
#headline-210-43 b,
#headline-210-43 strong {
  font-weight: 700 !important;
}

/* Categories section - ensure proper icon sizing */
#section-207-43 .woocommerce-loop-category__title {
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #6D6D6D !important;
  text-align: center !important;
}

/* Category count - hide or style */
#section-207-43 .count {
  display: none !important;
}


/* ================================================================
   8. CATEGORIES SECTION HEADING - via pseudo-element
   Section 207 has no heading element, add one via CSS
   ================================================================ */

/* UNSERE VERPACKUNGEN heading is now a real HTML element (headline-239-43) */

/* CTA heading - bold part needs white color too */
#section-233-43 .ct-headline strong,
#section-233-43 h2 strong,
#headline-235-43 strong {
  font-weight: 700 !important;
  color: #FFFFFF !important;
}

/* CTA subtext fix */
#section-233-43 .ct-text-block,
#text_block-237-43 {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 28px !important;
  color: #FFFFFF !important;
  text-align: center !important;
}


/* ================================================================
   9. CATEGORIES SECTION HEADING - proper HTML element
   ================================================================ */

/* Style the new heading element in categories section */
#headline-239-43 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important;
  font-size: 36px !important;
  line-height: 44px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #313131 !important;
  text-align: center !important;
  width: 100% !important;
  margin-bottom: 48px !important;
  display: block !important;
}

#headline-239-43 strong,
#headline-239-43 b {
  font-weight: 700 !important;
}


/* ===================================
   SECTION 5: UNSERE RESTPOSTEN
   =================================== */

#section-323-43 {
  background: #fff !important;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

/* Center the heading row (hide button, center title) */
#div_block-509-43 {
  justify-content: center !important;
  text-align: center !important;
}

#link_text-511-43 {
  display: none !important;
}

#headline-510-43 {
  font-size: 24px !important;
  font-weight: 300 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #1a1a1a !important;
}

#headline-510-43 strong,
#headline-510-43 b {
  font-weight: 700 !important;
}

/* Product grid - 3 columns */
#_dynamic_list-469-43 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
}

/* Hide 4th+ product */
#_dynamic_list-469-43 > .ct-div-block:nth-child(n+4) {
  display: none !important;
}

/* ===================================
   SECTION 6: BOTTOM TEASER  
   =================================== */

/* Keep natural c-bg-light-alt background from hero class */

#headline-507-43 {
  font-size: 36px !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;
  color: #1a1a1a !important;
}

#headline-507-43 strong,
#headline-507-43 b {
  font-weight: 700 !important;
}


/* Hide pagination in RESTPOSTEN section */
#section-323-43 .oxy-repeater-pages,
#section-323-43 .oxy-repeater-pages-wrap {
  display: none !important;
}

/* Product info in RESTPOSTEN - same as Bestseller styling */
#section-323-43 .wc-archive-item-3-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #1a1a1a !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

#section-323-43 .ct-text-block {
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #9B9166 !important;
  text-align: center !important;
  font-weight: 400 !important;
}
</style><style class="wpcode-css-snippet">/* ======================================================
   HEADER - BREADCRUMB SPACING
   Desktop: 40px, Tablet (max 1024px): 30px, Mobile (max 768px): 20px
====================================================== */
.single-product #section-97-99,
.woocommerce-page #section-97-99 {
  padding-top: 40px !important;
}

@media (max-width: 1024px) {
  .single-product #section-97-99,
  .woocommerce-page #section-97-99 {
    padding-top: 30px !important;
  }
}

@media (max-width: 768px) {
  .single-product #section-97-99,
  .woocommerce-page #section-97-99 {
    padding-top: 20px !important;
  }
}

/* Hide short description block under price */
#text_block-164-99 {
  display: none !important;
}

/* ================================================
   PRODUCT MAIN IMAGE - BOTTOM RIGHT CORNER RADIUS
   Скругление правого нижнего угла главного фото
   ================================================ */
.single-product #primary-slider,
.single-product #primary-slider .splide__track {
  border-radius: 0 0 200px 0;
  overflow: hidden;
}</style><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,600&display=swap"><style class="wpcode-css-snippet">/* =============================================
 *  * MONTSERRAT - GLOBAL FONT (LIGHTHOUSE OPTIMIZED)
 *  * Uses Google Fonts with font-display: swap
 *  * ============================================= */

/* Override GeneralSans with Montserrat everywhere */
body,
body *,
h1, h2, h3, h4, h5, h6,
p, span, div, a, li, ul, ol,
button, input, textarea, select, label,
.ct-link-text, .ct-text-block, .ct-heading,
.oxy-rich-text, .oxy-text-block,
nav, header, footer, section, article,
.woocommerce, .woocommerce-page,
.woocommerce *, .woocommerce-page * {
	  font-family: 'Montserrat', sans-serif !important;
}

/* Exclude WP Admin Bar completely */
#wpadminbar,
#wpadminbar * {
	  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

/* Keep Dashicons intact */
.dashicons,
.dashicons-before::before {
	  font-family: 'dashicons' !important;
}

/* Keep Font Awesome intact */
[class*="fa-"] {
	  font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands', 'FontAwesome' !important;
}

/* Keep ct-FontAwesome intact */
[class*="ct-FontAwesome"],
.ct-FontAwesome * {
	  font-family: 'ct-FontAwesome' !important;
}

/* Restore WooCommerce notice/message icon font */
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
	  font-family: 'WooCommerce' !important;
}

/* Restore Cart Popup (xoo-cp) icon font */
[class^="xoo-cp-icon-"],
[class*=" xoo-cp-icon-"],
[class^="xoo-cp-icon-"]::before,
[class*=" xoo-cp-icon-"]::before {
	  font-family: 'added-to-cart-popup-woocommerce' !important;
}

/* Restore WooCommerce star icon font */
.woocommerce-product-gallery .flex-direction-nav a::before,
.star-rating span::before,
.woocommerce-page .star-rating span::before,
.wc-block-components-review-list-item__rating .wc-block-components-review-list-item__rating-star::before,
.star-rating::before,
.woocommerce .star-rating span::before {
	  font-family: 'star' !important;
}
}
}
}
}
}
}
}
}</style><style class="wpcode-css-snippet">.ct-section.wc-footer-1 > .ct-section-inner-wrap {
	  max-width: 1330px !important;
}</style><style class="wpcode-css-snippet">@media (max-width: 767px) {
	.ct-modal .c-card-accent {
		    width: 100% !important;
		    max-width: 100% !important;
		            border-radius: 0 0 100px 0 !important;
	}
	.ct-modal .ct-section {
		    background-position: center center !important;
		    background-repeat: no-repeat !important;
		    background-size: cover !important;
	}
}
</style><style class="wpcode-css-snippet">/* =============================================
   KONTAKT PAGE – REDESIGN & MOBILE FIX
   ============================================= */

/* ---- Kontakt page only ---- */
body.page-id-70 #section-21-68,
body.page-template-default.page #section-21-68 {
  background: #f8f7f4 !important;
}

/* --- Main section inner wrap --- */
body #section-21-68 > .ct-section-inner-wrap {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 64px 40px !important;
  gap: 60px !important;
  align-items: flex-start !important;
}

/* --- Left block: contact info + form --- */
body #div_block-24-68 {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  gap: 32px !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 40px !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.07) !important;
}

/* --- Contact info text block --- */
body #text_block-30-68 {
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #38414b !important;
  border-left: 3px solid #9b9166 !important;
  padding-left: 16px !important;
}

body #text_block-30-68 b {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #38414b !important;
  display: block !important;
  margin-bottom: 6px !important;
}

/* --- Form headline --- */
body #headline-33-68 {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #38414b !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #9b9166 !important;
  margin-bottom: 4px !important;
}

/* --- Right block: map --- */
body #div_block-23-68 {
  flex: 0 0 420px !important;
  width: 420px !important;
  min-width: 0 !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  padding: 32px !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.07) !important;
  gap: 16px !important;
}

/* --- Map headline --- */
body #headline-41-68 {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #38414b !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid #9b9166 !important;
  margin-bottom: 0 !important;
}

/* --- Map iframe --- */
body #code_block-26-68 {
  overflow: hidden !important;
  border-radius: 10px !important;
  display: block !important;
}

body #code_block-26-68 iframe {
  width: 100% !important;
  height: 340px !important;
  border-radius: 10px !important;
  border: none !important;
  display: block !important;
}

/* --- WPForms styling --- */
body #section-21-68 .wpforms-field-label {
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #38414b !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 6px !important;
}

body #section-21-68 .wpforms-field input:not([type="checkbox"]):not([type="radio"]),
body #section-21-68 .wpforms-field textarea,
body #section-21-68 .wpforms-field select {
  border: 1.5px solid #e0ddd5 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 15px !important;
  color: #38414b !important;
  background: #faf9f7 !important;
  transition: border-color 0.2s !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body #section-21-68 .wpforms-field input:not([type="checkbox"]):not([type="radio"]):focus,
body #section-21-68 .wpforms-field textarea:focus {
  border-color: #9b9166 !important;
  outline: none !important;
  background: #fff !important;
}

body #section-21-68 .wpforms-field textarea {
  min-height: 120px !important;
  resize: vertical !important;
}

body #section-21-68 .wpforms-submit {
  background: #9b9166 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 13px 36px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  cursor: pointer !important;
  transition: background 0.2s, transform 0.1s !important;
}

body #section-21-68 .wpforms-submit:hover {
  background: #7a7250 !important;
  transform: translateY(-1px) !important;
}

/* =============================================
   MOBILE FIX – карта под формой (< 768px)
   ============================================= */
@media (max-width: 767px) {

  body #section-21-68 > .ct-section-inner-wrap {
    flex-direction: column !important;
    padding: 24px 16px !important;
    gap: 24px !important;
  }

  /* Left block full width */
  body #div_block-24-68 {
    width: 100% !important;
    flex: none !important;
    padding: 24px !important;
  }

  /* Right block (map) full width, comes AFTER form */
  body #div_block-23-68 {
    width: 100% !important;
    flex: none !important;
    order: 2 !important;
    padding: 24px !important;
  }

  /* Map iframe full height on mobile */
  body #code_block-26-68 iframe {
    height: 260px !important;
  }
}

/* Tablet */
@media (max-width: 1024px) and (min-width: 768px) {

  body #section-21-68 > .ct-section-inner-wrap {
    padding: 40px 24px !important;
    gap: 32px !important;
  }

  body #div_block-23-68 {
    flex: 0 0 320px !important;
    width: 320px !important;
  }

  body #code_block-26-68 iframe {
    height: 280px !important;
  }
}</style><script>(function() {

  var WA_URL   = 'https://wa.me/4915221850675';
  var WA_IMG   = 'https://farioli-maibach.de/wp-content/uploads/2026/04/whatsapp.png';
  var TEL_NUM  = 'tel:+4991769986411';
  var TEL_IMG  = 'https://farioli-maibach.de/wp-content/uploads/2026/04/phone.png';

  function isMobile() { return window.innerWidth < 991; }

  /* ── INJECT PILL ── */
  function injectPill() {
    if (!isMobile()) { removePill(); return; }
    var hr = document.getElementById('_header_right-122-32');
    if (!hr) return;
    if (document.getElementById('fm-contact-pills')) return;

    /* Hide the Oxygen mobile-open button */
    var navEl = document.getElementById('-site-navigation-188-32');
    var origBurger = navEl ? navEl.querySelector('.oxy-site-navigation__mobile-open-button') : null;
    if (origBurger) {
      origBurger.style.cssText = 'position:absolute;visibility:hidden;width:0;height:0;overflow:hidden;';
    }

    var pill = document.createElement('div');
    pill.id = 'fm-contact-pills';

    var waBtn = document.createElement('a');
    waBtn.id = 'fm-wa-btn';
    waBtn.href = WA_URL;
    waBtn.target = '_blank';
    waBtn.rel = 'noopener noreferrer';
    var waImg = document.createElement('img');
    waImg.src = WA_IMG;
    waImg.alt = 'WhatsApp';
    waBtn.appendChild(waImg);

    var phoneBtn = document.createElement('a');
    phoneBtn.id = 'fm-phone-btn';
    phoneBtn.href = TEL_NUM;
    var phoneImg = document.createElement('img');
    phoneImg.src = TEL_IMG;
    phoneImg.alt = 'Anrufen';
    phoneBtn.appendChild(phoneImg);

    pill.appendChild(waBtn);
    pill.appendChild(phoneBtn);
    hr.insertBefore(pill, hr.firstChild);
  }

  /* ── REMOVE PILL ── */
  function removePill() {
    var pill = document.getElementById('fm-contact-pills');
    if (pill && pill.parentNode) pill.parentNode.removeChild(pill);

    /* Restore the Oxygen mobile-open button */
    var navEl = document.getElementById('-site-navigation-188-32');
    var origBurger = navEl ? navEl.querySelector('.oxy-site-navigation__mobile-open-button') : null;
    if (origBurger && origBurger.style.visibility === 'hidden') {
      origBurger.style.cssText = '';
    }
  }

  /* ── INIT ── */
  document.addEventListener('DOMContentLoaded', function() {
    injectPill();
  });

  var resizeTimer;
  window.addEventListener('resize', function() {
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(injectPill, 150);
  });

})();</script><style class="wpcode-css-snippet">@media (max-width: 768px) {
	  .fm-vorteile-grid,
	.fm-vorteile-row2 {
		    grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media (max-width: 480px) {
	  .fm-vorteile-grid,
	.fm-vorteile-row2 {
		    grid-template-columns: 1fr !important;
	}
}
	}
}
	}
}</style><script>(function() {

  var iconAccount = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>';

  function isMobile() { return window.innerWidth < 991; }

  /* ── DESKTOP PREHEADER TEXT STYLE ── */
  function fixDesktopPreheaderText() {
    var tb = document.getElementById('text_block-69-32');
    if (!tb || tb._fmTextFixed) return;
    var text = tb.textContent || tb.innerText || '';
    // Split at "Rabatt" boundary
    var boldPart = '20 % Rabatt';
    var idx = text.indexOf('auf Erstbestellung');
    if (idx < 0) return;
    var thinPart = text.substring(idx);
    tb.innerHTML = '<strong style="font-weight:700">' + boldPart + '</strong><span style="font-weight:500"> ' + thinPart + '</span>';
    tb._fmTextFixed = true;
  }


  /* ── HEADER RIGHT LAYOUT ── */
  function fixHeaderRightLayout() {
    var hr = document.getElementById('_header_right-122-32');
    if (!hr) return;
    if (isMobile()) {
      hr.style.setProperty('flex', '1 1 auto', 'important');
      hr.style.setProperty('display', 'flex', 'important');
      hr.style.setProperty('align-items', 'center', 'important');
      hr.style.setProperty('justify-content', 'flex-end', 'important');
      hr.style.setProperty('overflow', 'visible', 'important');
    } else {
      hr.style.removeProperty('flex');
      hr.style.removeProperty('display');
      hr.style.removeProperty('align-items');
      hr.style.removeProperty('justify-content');
      hr.style.removeProperty('overflow');
    }
  }

  /* ── PREHEADER INJECT / REMOVE ── */
  function injectPreheader() {
    if (!isMobile()) {
      removePreheader();
      return;
    }
    var row = document.getElementById('_header_row-57-32');
    if (!row) return;
    if (document.getElementById('fm-mobile-preheader')) return;
    var ph = document.createElement('div');
    ph.id = 'fm-mobile-preheader';
    ph.className = 'oxy-site-navigation';
    ph.innerHTML =
      '<span class="fm-preheader-text"><strong>20 % Rabatt</strong><br>auf Erstbestellung bei Registrierung.</span>' +
      '<div class="fm-preheader-icons">' +
        '<a href="/kundenkonto/" title="Kundenkonto">' + iconAccount + '</a>' +
        '<button id="fm-burger-in-preheader" type="button" aria-label="Menu">' +
          '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>' +
        '</button>' +
      '</div>';
    // FIX: pin preheader to body so it escapes the header stacking context and stays visible on scroll (mobile)
    ph.classList.add('fm-preheader-fixed');
    document.body.appendChild(ph);
    /* burger click: toggle via Alpine rootOpen */
    var burger = document.getElementById('fm-burger-in-preheader');
    burger.addEventListener('click', function() {
      var navEl = document.getElementById('-site-navigation-188-32');
      if (!navEl) return;
      var alpineData = navEl._x_dataStack && navEl._x_dataStack[0];
      if (alpineData && 'rootOpen' in alpineData) {
        alpineData.rootOpen = !alpineData.rootOpen;
      } else {
        var ul = navEl.querySelector('ul');
        if (ul) ul.classList.toggle('open');
      }
    });
  }

  function removePreheader() {
    var ph = document.getElementById('fm-mobile-preheader');
    if (ph && ph.parentNode) ph.parentNode.removeChild(ph);
  }

  /* ── FLOATING CART ── */
  function initFloatingCart() {
    var cartEl = document.getElementById('-mini-cart-218-32');
    if (!cartEl) return;

    if (isMobile()) {
      var savedPos = null;
      try { savedPos = JSON.parse(localStorage.getItem('fm_cart_pos')); } catch(e) {}

      cartEl.style.setProperty('position', 'fixed', 'important');
      cartEl.style.setProperty('z-index', '99999', 'important');
      cartEl.style.setProperty('display', 'flex', 'important');
      cartEl.style.setProperty('cursor', 'grab', 'important');

      // Восстановить позицию: храним {side, bottom}
      if (savedPos && (savedPos.side === 'left' || savedPos.side === 'right')) {
        var restoredBottom = Math.max(10, Math.min(savedPos.bottom, window.innerHeight - cartEl.offsetHeight - 10));
        cartEl.style.setProperty('bottom', restoredBottom + 'px', 'important');
        cartEl.style.removeProperty('top');
        if (savedPos.side === 'left') {
          cartEl.style.setProperty('left', '15px', 'important');
          cartEl.style.removeProperty('right');
        } else {
          cartEl.style.setProperty('right', '15px', 'important');
          cartEl.style.removeProperty('left');
        }
      } else {
        // Исходное положение — правый нижний угол
        cartEl.style.setProperty('bottom', '20px', 'important');
        cartEl.style.setProperty('right', '20px', 'important');
        cartEl.style.removeProperty('left');
        cartEl.style.removeProperty('top');
      }

      if (cartEl._fmDragInit) return;
      cartEl._fmDragInit = true;

      var dragging = false, startX, startY, origLeft, origTop;

      function getLeft() {
        return parseInt(cartEl.style.left) || (window.innerWidth - cartEl.offsetWidth - 20);
      }
      function getTop() {
        return parseInt(cartEl.style.top) || (window.innerHeight - cartEl.offsetHeight - 20);
      }

      function onStart(ex, ey) {
        dragging = true;
        startX = ex; startY = ey;
        var rect = cartEl.getBoundingClientRect();
        origLeft = rect.left;
        origTop  = rect.top;
        cartEl.style.setProperty('left',   origLeft + 'px', 'important');
        cartEl.style.setProperty('top',    origTop  + 'px', 'important');
        cartEl.style.setProperty('right',  'auto', 'important');
        cartEl.style.setProperty('bottom', 'auto', 'important');
        cartEl.style.setProperty('cursor', 'grabbing', 'important');
        cartEl.style.setProperty('user-select', 'none', 'important');
      }

      function onMove(ex, ey) {
        if (!dragging) return;
        var newLeft = Math.max(0, Math.min(origLeft + ex - startX, window.innerWidth  - cartEl.offsetWidth));
        var newTop  = Math.max(0, Math.min(origTop  + ey - startY, window.innerHeight - cartEl.offsetHeight));
        cartEl.style.setProperty('left', newLeft + 'px', 'important');
        cartEl.style.setProperty('top',  newTop  + 'px', 'important');
      }

      function onEnd() {
        if (!dragging) return;
        dragging = false;
        cartEl.style.setProperty('cursor', 'grab', 'important');
        cartEl.style.removeProperty('user-select');

        // ── SNAP TO EDGE ──
        var rect = cartEl.getBoundingClientRect();
        var snapToRight = (rect.left + rect.width / 2) > (window.innerWidth / 2);

        var newBottom = window.innerHeight - rect.bottom;
        newBottom = Math.max(10, Math.min(newBottom, window.innerHeight - cartEl.offsetHeight - 10));

        cartEl.style.setProperty('bottom', newBottom + 'px', 'important');
        cartEl.style.removeProperty('top');

        if (snapToRight) {
          cartEl.style.setProperty('right', '15px', 'important');
          cartEl.style.removeProperty('left');
        } else {
          cartEl.style.setProperty('left', '15px', 'important');
          cartEl.style.removeProperty('right');
        }

        try {
          localStorage.setItem('fm_cart_pos', JSON.stringify({
            side:   snapToRight ? 'right' : 'left',
            bottom: newBottom
          }));
        } catch(e) {}
      }

      // ── СОБЫТИЯ: МЫШЬ ──
      cartEl.addEventListener('mousedown', function(e) {
        if (e.target.closest('a, button, input')) return;
        onStart(e.clientX, e.clientY);
      });
      document.addEventListener('mousemove', function(e) { onMove(e.clientX, e.clientY); });
      document.addEventListener('mouseup', onEnd);

      // ── СОБЫТИЯ: ТАЧ ──
      cartEl.addEventListener('touchstart', function(e) {
        if (e.target.closest('a, button, input')) return;
        var t = e.touches[0]; onStart(t.clientX, t.clientY);
      }, {passive: true});
      document.addEventListener('touchmove', function(e) {
        if (!dragging) return;
        e.preventDefault();
        var t = e.touches[0]; onMove(t.clientX, t.clientY);
      }, {passive: false});
      document.addEventListener('touchend', onEnd);

      // ── СКРЫВАТЬ ПРИ ОТКРЫТОМ МОБИЛЬНОМ МЕНЮ ──
      if (!cartEl._fmMenuObserver) {
        function checkMenuState() {
          var navUL = document.querySelector('#-site-navigation-188-32 ul');
          var isOpen = navUL && navUL.classList.contains('open');
          if (isOpen) {
            cartEl.style.setProperty('opacity', '0', 'important');
            cartEl.style.setProperty('pointer-events', 'none', 'important');
            cartEl.style.setProperty('transition', 'opacity 0.2s ease', 'important');
          } else {
            cartEl.style.setProperty('opacity', '1', 'important');
            cartEl.style.removeProperty('pointer-events');
          }
        }
        cartEl._fmMenuObserver = new MutationObserver(checkMenuState);
        var navTarget = document.querySelector('#-site-navigation-188-32');
        if (navTarget) {
          cartEl._fmMenuObserver.observe(navTarget, {
            subtree: true,
            attributes: true,
            attributeFilter: ['class']
          });
        }
      }

    } else {
      // Десктоп — сбросить все inline-стили
      cartEl.style.removeProperty('position');
      cartEl.style.removeProperty('bottom');
      cartEl.style.removeProperty('top');
      cartEl.style.removeProperty('left');
      cartEl.style.removeProperty('right');
      cartEl.style.removeProperty('z-index');
      cartEl.style.removeProperty('cursor');
      cartEl.style.removeProperty('display');
    }

    injectCartTextRing();
  }

  /* ── CART CIRCULAR TEXT ── */
  function injectCartTextRing() {
    var cartEl = document.getElementById('-mini-cart-218-32');
    if (!cartEl) return;
    if (cartEl.querySelector('.fm-cart-text-ring')) return; // уже добавлено
    if (!isMobile()) return;
    var svgNS = 'http://www.w3.org/2000/svg';
    var size = 80;
    var r = 36;
    var cx = size / 2;
    var cy = size / 2;
    var pathId = 'fm-cart-circle-path';
    var svg = document.createElementNS(svgNS, 'svg');
    svg.setAttribute('viewBox', '0 0 ' + size + ' ' + size);
    svg.setAttribute('xmlns', svgNS);
    svg.style.overflow = 'visible';
    var defs = document.createElementNS(svgNS, 'defs');
    var path = document.createElementNS(svgNS, 'path');
    path.setAttribute('id', pathId);
    path.setAttribute('d', 'M ' + cx + ' ' + (cy - r) + ' a ' + r + ' ' + r + ' 0 1 1 -0.001 0');
    path.setAttribute('fill', 'none');
    defs.appendChild(path);
    svg.appendChild(defs);
    var textEl = document.createElementNS(svgNS, 'text');
    var tp = document.createElementNS(svgNS, 'textPath');
    tp.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', '#' + pathId);
    tp.setAttribute('startOffset', '0%');
    tp.textContent = 'ZIEH MICH • ZIEH MICH • ';
    textEl.appendChild(tp);
    svg.appendChild(textEl);
    var ring = document.createElement('div');
    ring.className = 'fm-cart-text-ring';
    ring.style.overflow = 'visible';
    ring.appendChild(svg);
    cartEl.style.setProperty('overflow', 'visible', 'important');
    cartEl.appendChild(ring);
  }

  /* ── SCROLL TO TOP ── */
  function initScrollTop() {
    if (!isMobile()) return;
    if (document.getElementById('fm-scroll-top')) return;
    var btn = document.createElement('button');
    btn.id = 'fm-scroll-top';
    btn.setAttribute('aria-label', 'Nach oben scrollen');
    btn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"/></svg>';
    document.body.appendChild(btn);
    window.addEventListener('scroll', function() {
      btn.classList.toggle('fm-visible', window.scrollY > 300);
    }, {passive: true});
    btn.addEventListener('click', function() { window.scrollTo({top: 0, behavior: 'smooth'}); });
  }

  /* ── PREHEADER SCROLL HIDE ── */
  function initPreheaderScroll() {
    return; /* FIX: keep preheader visible on scroll (mobile) */
    if (!isMobile()) return;
    var ph = document.getElementById('fm-mobile-preheader');
    if (!ph || ph._fmScrollInit) return;
    ph._fmScrollInit = true;
    var lastScrollY = window.scrollY || 0;
    var ticking = false;
    window.addEventListener('scroll', function() {
      if (!ticking) {
        window.requestAnimationFrame(function() {
          var currentScrollY = window.scrollY || 0;
          var curPh = document.getElementById('fm-mobile-preheader');
          if (curPh) {
            if (currentScrollY > lastScrollY && currentScrollY > 10) {
              curPh.classList.add('fm-preheader-hidden');
            } else {
              curPh.classList.remove('fm-preheader-hidden');
            }
          }
          lastScrollY = currentScrollY;
          ticking = false;
        });
        ticking = true;
      }
    }, {passive: true});
  }

  /* ── RESIZE HANDLER ── */
  var lastWasMobile = null;
  function handleResize() {
    var mobile = isMobile();
    fixHeaderRightLayout();
    if (mobile) {
      injectPreheader();
      initFloatingCart();
      if (lastWasMobile === false) {
        // Switched desktop→mobile: re-init scroll top + preheader scroll
        initScrollTop();
        initPreheaderScroll();
      }
    } else {
      removePreheader();
      initFloatingCart();
      var fmRing = document.querySelector('.fm-cart-text-ring'); if (fmRing && fmRing.parentNode) fmRing.parentNode.removeChild(fmRing);
    }
    lastWasMobile = mobile;
  }

  /* ── INIT ── */
  document.addEventListener('DOMContentLoaded', function() {
    lastWasMobile = isMobile();
    fixDesktopPreheaderText();
    fixHeaderRightLayout();
    injectPreheader();
    initFloatingCart();
    initScrollTop();
    initPreheaderScroll();
  });

  var resizeTimer;
  window.addEventListener('resize', function() {
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(handleResize, 150);
  });

})();

/* Sync header top with actual preheader height (fix overlay-header on home) */
(function () {
  function adminBarOffset() {
    var ab = document.getElementById("wpadminbar");
    if (!ab) return 0;
    var r = ab.getBoundingClientRect();
    // only count it while it is at the top of the document (mobile bar scrolls away)
    if (r.top > 0) return 0;
    return Math.max(0, Math.round(r.bottom));
  }
  function syncHeaderTop() {
    var pre = document.getElementById("fm-mobile-preheader");
    var hdr = document.getElementById("_header-56-32");
    if (!pre || !hdr) return;
    if (window.innerWidth > 990) return;
    var ab = adminBarOffset();
    // push the preheader below the admin bar (logged-in only; ab=0 for visitors)
    pre.style.setProperty("top", ab + "px", "important");
    if (getComputedStyle(hdr).position !== "fixed") return;
    var h = Math.round(pre.getBoundingClientRect().height);
    if (h > 0) hdr.style.setProperty("top", (ab + h) + "px", "important");
  }
  window.addEventListener("load", syncHeaderTop);
  window.addEventListener("resize", syncHeaderTop);
  window.addEventListener("scroll", syncHeaderTop, { passive: true });
  setTimeout(syncHeaderTop, 300);
  setTimeout(syncHeaderTop, 1000);
})();
</script><style class="wpcode-css-snippet">/* Desktop fallback: hide mobile-only elements if they somehow exist */
#fm-mobile-preheader,
#fm-contact-pills,
#fm-scroll-top {
  display: none;
}

/* === MOBILE PREHEADER === */
@media (max-width: 990px) {

  /* Override Oxygen: show row, kill its background and padding */
  body #_header_row-57-32,
  html body #_header_row-57-32 {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    padding: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
  }

  /* Injected preheader bar */
  #fm-mobile-preheader {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #e8e3da !important;
    padding: 6px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;  gap: 8px !important;
  overflow: hidden !important;
  transition: max-height 0.3s ease, padding-top 0.3s ease, padding-bottom 0.3s ease !important;
  max-height: 200px !important;
  }
  /* Preheader hidden state (on scroll) */
  #fm-mobile-preheader.fm-preheader-hidden {
    max-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .fm-preheader-text {
    flex: 1 1 auto !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  .fm-preheader-icons {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
  }

  .fm-preheader-icons a {
    color: #9b9166 !important;
  }
  .fm-preheader-icons a svg {
    width: 32px !important;
    height: 32px !important;
    display: block !important;
  }

  #fm-burger-in-preheader {
    color: #9b9166 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
  }

  #fm-burger-in-preheader svg {
    width: 32px !important;
    height: 32px !important;
    display: block !important;
  }

  /* === MOBILE HEADER === */

  /* Hide original Oxygen header row 57 child elements (handled by preheader) */
  body #_header_row-57-32 > *:not(#fm-mobile-preheader) {
    display: none !important;
  }

  /* Header container — same 16px padding both sides */
  body #_header_row-72-32 .oxy-header-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Logo left block */
  body #_header_left-73-32,
  html body #_header_left-73-32 {
    width: auto !important;
    flex-shrink: 0 !important;
    padding-left: 0 !important;
  }

  #link-75-32.wc-logo svg,
  #link-75-32.wc-logo img {
    width: 160px !important;
    height: auto !important;
  }

  /* Right block — fill remaining space, pill aligns to right edge */
  body #_header_right-122-32,
  html body #_header_right-122-32 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 1 1 auto !important;
    overflow: visible !important;
    gap: 0 !important;
  }

  /* Nav: zero width so it does not push pill; open button hidden via JS inline;
     The UL drawer uses position:fixed so it is unaffected by this */
  #-site-navigation-188-32 {
    width: 0 !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
    flex-basis: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    order: -1 !important;
  }

  /* CONTACT PILL */
  #fm-contact-pills {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: #2d2d2d !important;
    border-radius: 999px !important;
    padding: 4px !important;
    flex-shrink: 0 !important;
  }

  #fm-wa-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    flex-shrink: 0;
    transition: opacity .15s;
  }

  #fm-wa-btn:hover { opacity: .85; }

  #fm-wa-btn img {
    width: 48px;
    height: 48px;
    display: block;
    border-radius: 50%;
  }

  #fm-phone-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    flex-shrink: 0;
    transition: opacity .15s;
  }

  #fm-phone-btn:hover { opacity: .85; }

  #fm-phone-btn img {
    width: 48px;
    height: 48px;
    display: block;
    border-radius: 50%;
  }

  /* Cart is positioned fixed via JS inline style */
  /* Keep the WooCommerce mini-cart dropdown inside viewport */
  #-mini-cart-218-32 .widget_shopping_cart {
    right: 0 !important;
    left: auto !important;
    max-width: calc(100vw - 16px) !important;
    max-height: 70vh !important;
    overflow-y: auto !important;
  }

  /* SCROLL TO TOP BUTTON */
  #fm-scroll-top {
    position: fixed !important;
    bottom: 80px !important;
    right: 16px !important;
    width: 44px !important;
    height: 44px !important;
    background: #2d2d2d !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 99998 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .3s ease !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.3) !important;
  }

  #fm-scroll-top.fm-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  #fm-scroll-top svg {
    width: 20px !important;
    height: 20px !important;
  }

  /* Hide Oxygen burger button on mobile — JS will also hide it but CSS catches first render */
  #-site-navigation-188-32 .oxy-site-navigation__mobile-open-button {
    position: absolute !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  /* Also hide the oxy-nav-menu-hamburger-wrap if present */
  .oxy-nav-menu-hamburger-wrap {
    display: none !important;
  }



  /* FIX: body-level fixed preheader — stays visible on scroll, above hero/content */
  html body #fm-mobile-preheader.fm-preheader-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    height: calc(56px + env(safe-area-inset-top, 0px)) !important;
    min-height: calc(56px + env(safe-area-inset-top, 0px)) !important;
    padding-top: calc(6px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: 6px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    z-index: 10001 !important;
  }
  /* keep it expanded even if the old hide-class is present */
  html body #fm-mobile-preheader.fm-preheader-fixed.fm-preheader-hidden {
    max-height: 200px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  /* FIX: keep header always below preheader (no overlap, both always visible) */
  html body #fm-mobile-preheader.fm-preheader-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    height: calc(56px + env(safe-area-inset-top, 0px)) !important;
    min-height: calc(56px + env(safe-area-inset-top, 0px)) !important;
    padding-top: calc(6px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: 6px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    z-index: 10001 !important;
  }
  html body #_header-56-32.oxy-sticky-header,
  html body #_header-56-32.oxy-sticky-header-active,
  html body #_header-56-32 {
    top: calc(56px + env(safe-area-inset-top, 0px)) !important;
  }


}

/* === DESKTOP PREHEADER WHATSAPP ICON POSITION === */
@media (min-width: 991px) {

  /* WA icon: separator on LEFT (between Kundenkonto and WA icon) */
  #menu-item-167 #fm-desktop-wa-icon {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 16px !important;
    border-left: 1px solid rgb(176, 170, 153) !important;
    padding-left: 28px !important;
    margin-right: 0 !important;
  }

  #menu-item-167 #fm-desktop-wa-icon img {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
  }

  /* Phone link: no separator, spacing left = margin-left, phone icon space intact */
  html body #menu-item-167 a.fm-phone-link,
  html body #menu-item-167 a.fm-phone-link:link,
  html body #menu-item-167 a.fm-phone-link:visited {
    margin-left: 0px !important;
    border-left: none !important;
    padding-left: 36px !important;
  }

}

/* ── CIRCULAR TEXT AROUND CART ICON ── */
.fm-cart-text-ring {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: none !important;
  z-index: 10 !important;
  width: 80px !important;
  height: 80px !important;
}
.fm-cart-text-ring svg {
  width: 80px !important;
  height: 80px !important;
  animation: fm-spin-text 8s linear infinite !important;
  transform-origin: center !important;
}
.fm-cart-text-ring text {
  fill: #9b9166 !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-family: inherit !important;
}

@keyframes fm-spin-text {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@media (max-width: 990px) {
  .oxy-mini-cart {
    overflow: visible !important;
  }
  .fm-cart-text-ring {
    display: block !important;
  }
}

/* =============================================
   DESKTOP PREHEADER – Replace WhatsApp text with icon
   ============================================= */
@media (min-width: 991px) {
  #_nav_menu-71-32 a.fm-whatsapp-link {
    font-size: 0 !important;
    color: transparent !important;
    width: 52px !important;
    height: 30px !important;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2032%2032%27%3E%3Ccircle%20cx%3D%2716%27%20cy%3D%2716%27%20r%3D%2716%27%20fill%3D%27%2325D366%27%2F%3E%3Cg%20transform%3D%27translate(7%2C7)%20scale(0.75)%27%3E%3Cpath%20fill%3D%27%23FFFFFF%27%20d%3D%27M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479%200%201.462%201.065%202.875%201.213%203.074.149.198%202.096%203.2%205.077%204.487.709.306%201.262.489%201.694.625.712.227%201.36.195%201.871.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%2001-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86%209.86%200%2001-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884%202.64%200%205.122%201.03%206.988%202.898a9.825%209.825%200%20012.893%206.994c-.003%205.45-4.437%209.884-9.885%209.884m8.413-18.297A11.815%2011.815%200%200012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.057%2024l6.305-1.654a11.882%2011.882%200%20005.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893a11.821%2011.821%200%2000-3.48-8.413Z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 30px 30px !important;
    background-position: 100% 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    padding: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
      margin-left: 52px !important;
    margin-right: -2px !important;
}
}

/* ============================================================
   MOBILE MENU REDESIGN
   ============================================================ */

@media (max-width: 990px) {

  /* ── ПАНЕЛЬ МЕНЮ ── */
  #-site-navigation-188-32 ul.open {
    width: 100vw !important;
    max-width: 360px !important;
    padding: 0 !important;
    background: #f7f6f3 !important;
    box-shadow: -8px 0 40px rgba(0,0,0,0.12) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    overflow-y: auto !important;
  }

  /* ── КНОПКА ЗАКРЫТЬ (×) ── */
  #-site-navigation-188-32 .oxy-site-navigation__mobile-close-wrapper {
    display: flex !important;
    justify-content: flex-end !important;
    padding: 20px 20px 12px !important;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  }

  #-site-navigation-188-32 .oxy-site-navigation__mobile-close-button {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,0.06) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s !important;
  }

  #-site-navigation-188-32 .oxy-site-navigation__mobile-close-button:hover {
    background: rgba(0,0,0,0.12) !important;
  }

  /* ── ОСНОВНЫЕ ПУНКТЫ МЕНЮ ── */
  #-site-navigation-188-32 ul.open > li {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  }

  #-site-navigation-188-32 ul.open > li:last-child {
    border-bottom: none !important;
  }

  /* ── ССЫЛКИ ПУНКТОВ МЕНЮ ── */
  #_header_right-122-32 .oxy-site-navigation > ul.open > li > a,
  #-site-navigation-188-32 ul.open > li > a {
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: -0.2px !important;
    text-transform: none !important;
    line-height: 1.2 !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    padding-left: 24px !important;
    padding-right: 48px !important;
    color: #1a1a1a !important;
    background: transparent !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    transition: background 0.15s, color 0.15s !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #-site-navigation-188-32 ul.open > li > a:hover {
    background: rgba(155, 145, 102, 0.08) !important;
    color: #9b9166 !important;
  }

  /* ── КНОПКА EIGENES DESIGN ── */
  #-site-navigation-188-32 ul.open > li:has(a[href*="eigenes-design"]) {
    padding: 16px 24px !important;
    border-bottom: none !important;
  }

  #-site-navigation-188-32 ul.open > li:has(a[href*="eigenes-design"]) > a {
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    text-transform: uppercase !important;
    padding: 14px 20px !important;
    background: #9b9166 !important;
    color: #ffffff !important;
    border-radius: 60px !important;
    justify-content: center !important;
    gap: 10px !important;
    box-shadow: 0 4px 16px rgba(155,145,102,0.35) !important;
    transition: transform 0.15s, box-shadow 0.15s, background 0.15s !important;
  }

  #-site-navigation-188-32 ul.open > li:has(a[href*="eigenes-design"]) > a:hover {
    background: #867b59 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(155,145,102,0.45) !important;
  }

  /* ── ПУНКТЫ С ПОДМЕНЮ: кнопка раскрытия ── */
  #-site-navigation-188-32 ul.open > li > a + button,
  #-site-navigation-188-32 ul.open > li > button:not(.oxy-site-navigation__mobile-close-button) {
    width: 48px !important;
    height: 56px !important;
    background: transparent !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    color: #1a1a1a !important;
    flex-shrink: 0 !important;
    transition: transform 0.2s !important;
  }

  /* ── ВРАППЕР строки с выпадающим меню ── */
  #-site-navigation-188-32 ul.open > li:has(> ul) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
  }

  #-site-navigation-188-32 ul.open > li:has(> ul) > a {
    flex: 1 !important;
    width: auto !important;
  }

  /* ── ПОДМЕНЮ ── */
  #-site-navigation-188-32 ul.open > li > ul {
    width: 100% !important;
    background: rgba(0,0,0,0.03) !important;
    padding: 4px 0 8px 0 !important;
    border-top: 1px solid rgba(0,0,0,0.06) !important;
  }

  #-site-navigation-188-32 ul.open > li > ul li a {
    font-size: 15px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 12px 24px 12px 40px !important;
    color: #444 !important;
    line-height: 1.3 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    transition: color 0.15s !important;
  }

  #-site-navigation-188-32 ul.open > li > ul li a:hover {
    color: #9b9166 !important;
  }

  /* ── Blog & Kontakt ── */
  #-site-navigation-188-32 ul.open > li:has(a[href*="/blog"]) > a,
  #-site-navigation-188-32 ul.open > li:has(a[href*="kontakt"]) > a {
    color: #555 !important;
    font-size: 16px !important;
    padding: 16px 24px !important;
  }
	
	/* === FIX: Header sichtbar unter Preheader (mobile) === */
  /* Preheader: feste Hoehe fuer 2 Textzeilen, damit Wert mit Header-Top uebereinstimmt */
  body #fm-mobile-preheader,
  body #fm-mobile-preheader.fm-preheader-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    height: calc(56px + env(safe-area-inset-top, 0px)) !important;
    min-height: calc(56px + env(safe-area-inset-top, 0px)) !important;
    padding-top: calc(6px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: 6px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  /* Header sitzt exakt unter dem Preheader (gleicher Wert: 56px) */
  body #_header-56-32,
  html body #_header-56-32.oxy-overlay-header,
  html body #_header-56-32.oxy-sticky-header,
  html body #_header-56-32.oxy-sticky-header-active {
    top: calc(56px + env(safe-area-inset-top, 0px)) !important;
  }
}


/* Hide preheader on specific pages (eigenes-design & landing-eigenes-design) */
body.page-id-64 #fm-mobile-preheader,
html body.page-id-64 #fm-mobile-preheader.fm-preheader-fixed,
body.page-id-2944 #fm-mobile-preheader,
html body.page-id-2944 #fm-mobile-preheader.fm-preheader-fixed {
  display: none !important;
}

/* On pages with hidden preheader, remove the reserved 56px header offset (mobile) */
@media (max-width: 990px) {
  body.page-id-64 #_header-56-32,
  html body.page-id-64 #_header-56-32.oxy-overlay-header,
  html body.page-id-64 #_header-56-32.oxy-sticky-header,
  html body.page-id-64 #_header-56-32.oxy-sticky-header-active,
  body.page-id-2944 #_header-56-32,
  html body.page-id-2944 #_header-56-32.oxy-overlay-header,
  html body.page-id-2944 #_header-56-32.oxy-sticky-header,
  html body.page-id-2944 #_header-56-32.oxy-sticky-header-active {
    top: env(safe-area-inset-top, 0px) !important;
  }
}

/* === BREADCRUMB CLEARANCE: push product content below fixed header (mobile) === */
@media (max-width: 990px) {
  body.single-product #section-97-99,
  body.single-product .wc-section-padding.fm-section:first-of-type {
    padding-top: calc(56px + 20px + var(--fm-adminbar-offset, 0px)) !important;
  }
}


/* ___ TITLE CLEARANCE: Warenkorb / Kasse / Blog unter fixem Header (mobile) ___ */
@media (max-width: 990px) {
  body.woocommerce-cart #section-2-10 > .ct-section-inner-wrap,
  body.woocommerce-checkout #section-2-11 > .ct-section-inner-wrap,
  body.page-id-2088 .ct-section:first-of-type > .ct-section-inner-wrap {
    padding-top: calc(40px + 56px + var(--fm-adminbar-offset, 0px)) !important;
  }
}


/* ___ MOBILE MENU CLEARANCE: offenes Mobil-Menue nur unter Preheader (Fix Overlap, kompakt) ___ */
@media (max-width: 990px) {
  #_header-56-32 nav.oxy-site-navigation ul.open {
    padding-top: 56px !important;
    box-sizing: border-box !important;
  }
  body.admin-bar #_header-56-32 nav.oxy-site-navigation ul.open {
    padding-top: calc(56px + 46px) !important;
  }
}
</style><script>(function() {
  function injectIcons() {
    if (document.querySelector('#menu-item-167 a.fm-phone-link')) return;
    var li = document.querySelector('#menu-item-167');
    if (!li) return;

    // Hide the CSS ::after pseudo-element
    var style = document.createElement('style');
    style.id = 'fm-phone-style';
    style.textContent = '#menu-item-167::after { content: none !important; display: none !important; }';
    document.head.appendChild(style);

    // Shared styles for both icons
    var sharedCSS = [
      '.fm-header-icon-link {',
      '  display: inline-flex !important;',
      '  align-items: center !important;',
      '  font-family: Montserrat, sans-serif !important;',
      '  font-weight: 700 !important;',
      '  font-size: 12px !important;',
      '  letter-spacing: 0.1em !important;',
      '  text-transform: uppercase !important;',
      '  color: #313131 !important;',
      '  text-decoration: none !important;',
      '  margin-left: 16px !important;',
      '  border-left: 1px solid #b0aa99 !important;',
      '  padding-left: 36px !important;',
      '  white-space: nowrap !important;',
      '  height: 20px !important;',
      '  background-repeat: no-repeat !important;',
      '  background-position: 16px center !important;',
      '  background-size: 15px 15px !important;',
      '  cursor: pointer !important;',
      '}'
    ].join('\n');
    var sharedStyle = document.createElement('style');
    sharedStyle.id = 'fm-icon-shared-style';
    sharedStyle.textContent = sharedCSS;
    document.head.appendChild(sharedStyle);

    // WhatsApp SVG icon
    var waSvg = '<svg width="15" height="15" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z" fill="%239B9166"/><path d="M12 2C6.477 2 2 6.477 2 12c0 1.89.525 3.657 1.438 5.168L2 22l4.946-1.426A9.954 9.954 0 0012 22c5.523 0 10-4.477 10-10S17.523 2 12 2zm0 18.18a8.154 8.154 0 01-4.162-1.138l-.298-.178-3.092.811.824-3.02-.195-.31A8.18 8.18 0 1112 20.18z" fill="%239B9166"/></svg>';
    var waEncoded = 'data:image/svg+xml,' + encodeURIComponent(waSvg);

    // Phone SVG icon
    var phoneSvg = '<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.7504 10.5751V12.4501C13.7511 12.6241 13.7154 12.7964 13.6457 12.9559C13.576 13.1154 13.4737 13.2586 13.3454 13.3762C13.2172 13.4939 13.0657 13.5835 12.9009 13.6393C12.736 13.695 12.5612 13.7157 12.3879 13.7001C10.4647 13.4911 8.61726 12.8339 6.99414 11.7813C5.48403 10.8217 4.20372 9.54142 3.24414 8.03131C2.18787 6.40081 1.53054 4.54443 1.32539 2.61256C1.30977 2.43973 1.33031 2.26554 1.3857 2.10108C1.44109 1.93662 1.53012 1.78549 1.64711 1.65732C1.76411 1.52916 1.90651 1.42675 2.06525 1.35664C2.224 1.28652 2.3956 1.25022 2.56914 1.25006H4.44414C4.74745 1.24708 5.04151 1.35448 5.27149 1.55227C5.50147 1.75005 5.65168 2.02471 5.69414 2.32506C5.77327 2.9251 5.92004 3.51426 6.13164 4.08131C6.21573 4.30501 6.23392 4.54813 6.18408 4.78186C6.13423 5.01559 6.01842 5.23013 5.85039 5.40006L5.05664 6.19381C5.94636 7.75853 7.24192 9.05409 8.80664 9.94381L9.60039 9.15006C9.77032 8.98202 9.98486 8.86622 10.2186 8.81637C10.4523 8.76652 10.6954 8.78472 10.9191 8.86881C11.4862 9.0804 12.0753 9.22717 12.6754 9.30631C12.979 9.34914 13.2563 9.50206 13.4545 9.73599C13.6527 9.96993 13.758 10.2685 13.7504 10.5751Z" stroke="#9B9166" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>';
    var phoneEncoded = 'data:image/svg+xml,' + encodeURIComponent(phoneSvg);

    // Create WhatsApp link (inserted BEFORE phone)
    var wa = document.createElement('a');
    wa.href = 'https://wa.me/4915221850675';
    wa.className = 'fm-header-icon-link fm-whatsapp-link';
    wa.setAttribute('aria-label', 'WhatsApp schreiben');
    wa.setAttribute('target', '_blank');
    wa.setAttribute('rel', 'noopener noreferrer');
    wa.textContent = 'WhatsApp';
    wa.style.backgroundImage = 'url(' + waEncoded + ')';

    // Create phone link
    var phone = document.createElement('a');
    phone.href = 'tel:+4991769986411';
    phone.className = 'fm-header-icon-link fm-phone-link';
    phone.setAttribute('aria-label', 'Anrufen 09176 99864-11');
    phone.textContent = '09176 99864-11';
    phone.style.backgroundImage = 'url(' + phoneEncoded + ')';

    li.appendChild(wa);
    li.appendChild(phone);
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', injectIcons);
  } else {
    injectIcons();
  }
})();</script><style class="wpcode-css-snippet">/* Fix phone icon ::after rule */
#menu-item-167::after {
    content: "09176 99864-11";
    display: inline-flex;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #313131;
    margin-left: 16px;
    border-left: 1px solid #b0aa99;
    padding-left: 36px;
    white-space: nowrap;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7504 10.5751V12.4501C13.7511 12.6241 13.7154 12.7964 13.6457 12.9559C13.576 13.1154 13.4737 13.2586 13.3454 13.3762C13.2172 13.4939 13.0657 13.5835 12.9009 13.6393C12.736 13.695 12.5612 13.7157 12.3879 13.7001C10.4647 13.4911 8.61726 12.8339 6.99414 11.7813C5.48403 10.8217 4.20372 9.54142 3.24414 8.03131C2.18787 6.40081 1.53054 4.54443 1.32539 2.61256C1.30977 2.43973 1.33031 2.26554 1.3857 2.10108C1.44109 1.93662 1.53012 1.78549 1.64711 1.65732C1.76411 1.52916 1.90651 1.42675 2.06525 1.35664C2.224 1.28652 2.3956 1.25022 2.56914 1.25006H4.44414C4.74745 1.24708 5.04151 1.35448 5.27149 1.55227C5.50147 1.75005 5.65168 2.02471 5.69414 2.32506C5.77327 2.9251 5.92004 3.51426 6.13164 4.08131C6.21573 4.30501 6.23392 4.54813 6.18408 4.78186C6.13423 5.01559 6.01842 5.23013 5.85039 5.40006L5.05664 6.19381C5.94636 7.75853 7.24192 9.05409 8.80664 9.94381L9.60039 9.15006C9.77032 8.98202 9.98486 8.86622 10.2186 8.81637C10.4523 8.76652 10.6954 8.78472 10.9191 8.86881C11.4862 9.0804 12.0753 9.22717 12.6754 9.30631C12.979 9.34914 13.2563 9.50206 13.4545 9.73599C13.6527 9.96993 13.758 10.2685 13.7504 10.5751Z' stroke='%239B9166' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 15px 15px;
}
/* Hide the ::before icon that was added in Oxygen */
#menu-item-167::before {
    display: none !important;
}
/* Fix: force menu-item-167 to row layout so phone appears next to Kundenkonto */
#menu-item-167 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}

/* FM-TEL-ALIGN: align preheader phone right edge with header "Eigenes Design" button (desktop only) */
@media (min-width:992px){
    html body #menu-item-167 { margin-right: 18px; }
}
</style><style class="wpcode-css-snippet">/* ============================================================
 *    Eigenes Design  align header, breadcrumbs & footer
 *    to match the hero section width (1330px max-width)
 *    ============================================================ */

/* Only apply on the Eigenes Design page (body class: page-id-64) */
.page-id-64 .oxy-header-container,
.page-id-64 .ct-section.fm-section > .ct-section-inner-wrap,
.page-id-64 .ct-section.wc-footer-1 > .ct-section-inner-wrap {
	  max-width: 1330px !important;
}
}</style><script>jQuery(function($) {
    var $form = $('form.variations_form');
    var $oxyPrice = $('.wc-single-price .price');
    var originalPriceHTML = $oxyPrice.html();

    // Find the size/dimensions text element (Oxygen Builder static span)
    var $sizeEl = $('span.ct-span').filter(function() {
        return /^\d+\s*[x×]\s*\d+/.test($(this).text().trim());
    });
    var originalSizeHTML = $sizeEl.length ? $sizeEl.html() : '';

    function allAttributesSelected() {
        var allSelected = true;
        $form.find('select[name^="attribute_"]').each(function() {
            if (!$(this).val()) {
                allSelected = false;
                return false;
            }
        });
        return allSelected;
    }

    function restoreOriginalPrice() {
        if ($oxyPrice.length && originalPriceHTML) {
            $oxyPrice.html(originalPriceHTML);
        }
    }

    function restoreOriginalSize() {
        if ($sizeEl.length && originalSizeHTML) {
            $sizeEl.html(originalSizeHTML);
        }
    }

    var observer = new MutationObserver(function() {
        if (!allAttributesSelected()) {
            observer.disconnect();
            restoreOriginalPrice();
            setTimeout(function() {
                observer.observe($oxyPrice[0], { childList: true, subtree: true, characterData: true });
            }, 50);
        }
    });

    if ($oxyPrice.length) {
        observer.observe($oxyPrice[0], { childList: true, subtree: true, characterData: true });
    }

    $form.on('show_variation', function(event, variation) {
        if (variation && $oxyPrice.length && allAttributesSelected()) {
            // Update price
            if (variation.price_html) {
                observer.disconnect();
                var $parsed = $(variation.price_html);
                $oxyPrice.html($parsed.html());
                setTimeout(function() {
                    observer.observe($oxyPrice[0], { childList: true, subtree: true, characterData: true });
                }, 100);
            }
            // Update size/dimensions
            if ($sizeEl.length && variation.dimensions) {
                var d = variation.dimensions;
                if (d.length && d.width && d.height) {
                    $sizeEl.text(d.length + ' x ' + d.width + ' x ' + d.height);
                }
            }
        }
    });

    $form.on('hide_variation reset_data', function() {
        restoreOriginalPrice();
        restoreOriginalSize();
    });
});</script><style class="wpcode-css-snippet">.product .price .woocommerce-Price-amount,
.single_variation_wrap .price .woocommerce-Price-amount,
.woocommerce-variation-price .woocommerce-Price-amount,
.wc-single-price .price bdi {
	    font-size: 36px !important;
}
}</style><style class="wpcode-css-snippet">.woocommerce-variation-description {
	    display: none !important;
}</style><style class="wpcode-css-snippet">/* CATEGORIES LIST */

.wc-cat-list-2 .woocommerce .products ul::after,
.wc-cat-list-2 .woocommerce .products ul::before,
.wc-cat-list-2 .woocommerce ul.products::after,
.wc-cat-list-2 .woocommerce ul.products::before {
  display: none;
}
.wc-cat-list-2.oxy-woo-product-categories .woocommerce ul.products li.product-category a img {
  margin-bottom: 0;
}
.wc-cat-list-2.oxy-woo-product-categories .woocommerce ul.products li.product a {
  align-items: center;
  display: grid;
  grid-template-columns: 80px 1fr;
  grid-gap: 10px;
  background: white;
  border-radius: 0;
  overflow: hidden;
  padding: 0px;
  box-shadow: 0px 3px 10px #00000017;
  transition: all 0.3s;
}
.wc-cat-list-2.oxy-woo-product-categories .woocommerce ul.products li.product a:hover {
  transform: translatey(-3px);
  box-shadow: 0px 5px 20px #00000017;
}
.wc-cat-list-2.oxy-woo-product-categories .woocommerce ul.products li.product,
.wc-cat-list-2.woocommerce-page ul.products li.product {
  width: 100%;
  padding: 0;
  margin: 0;
}
.wc-cat-list-2.oxy-woo-product-categories .woocommerce ul.products {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  grid-gap: 14px;
  margin: 0;
}</style><style class="wpcode-css-snippet">.woocommerce-page .oxy-woo-cart table.cart td.actions .coupon .input-text + .button {
	width: 50% !important; 
}

.woocommerce-page .woocommerce-cart-form #coupon_code {
	width: 40% !important; 
}

.cart_totals .woocommerce-shipping-methods label {
    font-size: 0; /* Alles ausblenden */
}

.cart_totals .woocommerce-shipping-methods label .woocommerce-Price-amount {
    font-size: 16px; /* Preis sichtbar machen */
}

.cart_totals .woocommerce-shipping-methods label .wgm-tax {
    display: none !important;
}

.cart_totals ul#shipping_method li {
    margin: 0 !important;
}</style><script defer src="https://cloud.umami.is/script.js" data-website-id="83159527-b035-4acf-bb6d-1caf00ca523f"></script>    <style>
        .wc-archive-item-2-price .price .woocommerce-Price-amount:first-child::before,
        .wc-archive-item-3-price .price .woocommerce-Price-amount:first-child::before,
        .products li.product .price .woocommerce-Price-amount:first-child::before,
        .related .price .woocommerce-Price-amount:first-child::before,
        .upsells .price .woocommerce-Price-amount:first-child::before {
            content: "ab ";
            font-size: inherit;
            font-weight: inherit;
            color: inherit;
        }
        .wc-archive-item-2-price .price .woocommerce-Price-amount:not(:first-child),
        .wc-archive-item-3-price .price .woocommerce-Price-amount:not(:first-child),
        .products li.product .price .woocommerce-Price-amount:not(:first-child),
        .related .price .woocommerce-Price-amount:not(:first-child),
        .upsells .price .woocommerce-Price-amount:not(:first-child) {
            display: none !important;
        }
        .wc-archive-item-2-price .price > *:not(.woocommerce-Price-amount),
        .wc-archive-item-3-price .price > *:not(.woocommerce-Price-amount),
        .products li.product .price > *:not(.woocommerce-Price-amount),
        .related .price > *:not(.woocommerce-Price-amount),
        .upsells .price > *:not(.woocommerce-Price-amount) {
            display: none !important;
        }
        .wc-archive-item-2-price .price .woocommerce-Price-amount:first-child,
        .wc-archive-item-3-price .price .woocommerce-Price-amount:first-child,
        .products li.product .price .woocommerce-Price-amount:first-child,
        .related .price .woocommerce-Price-amount:first-child,
        .upsells .price .woocommerce-Price-amount:first-child {
            font-size: 24px !important;
            display: inline !important;
        }
    
        /* fm-card-title-size + fm-card-mwst : Produktkarten-Anpassungen */
        .wc-archive-item-3-title,
        .wc-archive-item-3-title .ct-span {
            font-size: 18px !important;
            line-height: 1.4 !important;
        }
        .wc-archive-item-3-price {
            position: relative;
        }
        .wc-archive-item-3-price::after {
            content: "Enthält 19% MwSt.";
            display: block;
            margin-top: 4px;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.4;
            color: #888;
        }
</style>
        <style>
    #section-137-99 .ct-section-inner-wrap {
        max-width: 1330px !important;
    }
    </style>
    <style>
/* ===========================
   FM TEASER CARD BASE
   =========================== */
.wc-archive-item-3,
.wc-archive-item-2 {
    background: #ffffff !important;
    box-shadow: 0px 0px 60px rgba(0,0,0,0.05) !important;
    border-radius: 0px 0px 80px 0px !important;
    overflow: visible !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}
.wc-archive-item-3:hover,
.wc-archive-item-2:hover {
    box-shadow: 0px 8px 40px rgba(0,0,0,0.12) !important;
    transform: translateY(-3px) !important;
}
.wc-archive-item-3 .wc-archive-item-3-img,
.wc-archive-item-2 .wc-archive-item-2-img {
    display: block !important; width: 100% !important;
    aspect-ratio: 1 / 1 !important; overflow: hidden !important;
    background: #f0f0f0 !important; flex-shrink: 0 !important;
}
.wc-archive-item-3 .wc-archive-item-3-img img.ct-image,
.wc-archive-item-2 .wc-archive-item-2-img img.ct-image {
    width: 100% !important; height: 100% !important;
    object-fit: cover !important; transition: transform 0.4s ease !important;
}
.wc-archive-item-3:hover .wc-archive-item-3-img img.ct-image,
.wc-archive-item-2:hover .wc-archive-item-2-img img.ct-image { transform: scale(1.04) !important; }
.wc-archive-item-3 .wc-archive-item-3-content,
.wc-archive-item-2 .wc-archive-item-2-content {
    padding: 18px 20px 40px 20px !important; flex: 1 !important;
    display: flex !important; flex-direction: column !important;
    gap: 6px !important; position: relative !important;
    overflow: visible !important; align-items: flex-start !important; text-align: left !important;
}
.wc-archive-item-3 .ct-text-block,
.wc-archive-item-2 .ct-text-block {
    font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important;
    font-size: 11px !important; letter-spacing: 0.1em !important;
    text-transform: uppercase !important; color: #6D6D6D !important; margin: 0 !important;
}
.wc-archive-item-3 .oxy-product-rating,
.wc-archive-item-2 .oxy-product-rating { display: none !important; }
.wc-archive-item-3 .wc-archive-item-3-title,
.wc-archive-item-2 .wc-archive-item-2-title {
    font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important;
    font-size: 18px !important; line-height: 1.3 !important; color: #313131 !important;
    margin: 0 !important; text-decoration: none !important; display: block !important;
}
.wc-archive-item-3 .wc-archive-item-3-title:hover,
.wc-archive-item-2 .wc-archive-item-2-title:hover { color: #9B9166 !important; }
.wc-archive-item-3 .wc-archive-item-3-price,
.wc-archive-item-2 .wc-archive-item-2-price { margin-top: 4px !important; }
.wc-archive-item-3 .wc-archive-item-3-price .price,
.wc-archive-item-2 .wc-archive-item-2-price .price {
    display: inline-flex !important; align-items: center !important;
    background: #9B9166 !important; color: #ffffff !important;
    border-radius: 4px !important; padding: 5px 10px !important;
    font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; font-size: 15px !important;
}
.wc-archive-item-3 .wc-archive-item-3-price .price .woocommerce-Price-amount,
.wc-archive-item-2 .wc-archive-item-2-price .price .woocommerce-Price-amount,
.wc-archive-item-3 .wc-archive-item-3-price .price bdi,
.wc-archive-item-2 .wc-archive-item-2-price .price bdi {
    color: #ffffff !important; font-size: 15px !important; font-weight: 700 !important;
}
.wc-archive-item-3 .wc-archive-item-3-price .price .woocommerce-Price-amount:first-child::before,
.wc-archive-item-2 .wc-archive-item-2-price .price .woocommerce-Price-amount:first-child::before {
    content: "ab "; color: #ffffff !important;
}
.wc-archive-item-3-price .price .woocommerce-Price-amount:not(:first-child),
.wc-archive-item-2-price .price .woocommerce-Price-amount:not(:first-child) { display: none !important; }
.wc-archive-item-3-price .price > *:not(.woocommerce-Price-amount),
.wc-archive-item-2-price .price > *:not(.woocommerce-Price-amount) { display: none !important; }

/* Plus button */
.fm-card-plus-btn {
    position: absolute !important; bottom: -4px !important; right: -4px !important;
    width: 54px !important; height: 54px !important; border-radius: 50% !important;
    background: #313131 !important; border: none !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    cursor: pointer !important; transition: background 0.2s ease, transform 0.2s ease !important;
    z-index: 10 !important; padding: 0 !important;
}
.fm-card-plus-btn:hover { background: #9B9166 !important; transform: scale(1.08) !important; }
.fm-card-plus-btn svg {
    width: 18px !important; height: 18px !important; stroke: #ffffff !important;
    fill: none !important; stroke-width: 2.2 !important; stroke-linecap: round !important;
    pointer-events: none !important;
}
.wc-archive-item-3 .wc-badges,
.wc-archive-item-2 .wc-badges {
    position: absolute !important; top: 10px !important; left: 10px !important; z-index: 3 !important;
}

/* ===========================
   FM QUICK VIEW MODAL
   =========================== */
/* :::::::::::::::::::::::::::
   QUICK VIEW MODAL
   ::::::::::::::::::::::::::: */

/* Overlay */
#fm-quickview-overlay {
    display: none; position: fixed; inset: 0;
    background: rgba(0,0,0,0.52); z-index: 2147483647;
    overflow-y: auto; padding: 0 16px 32px; box-sizing: border-box;
}
#fm-quickview-overlay.fm-qv-open { display: flex; align-items: flex-start; justify-content: center; }

/* Modal box */
#fm-quickview-modal {
    background: #fff; border-radius: 0 0 44px 0;
    max-width: 820px; width: 100%;
    padding: 0; position: relative;
    box-shadow: 0 24px 64px rgba(0,0,0,0.22); box-sizing: border-box;
    animation: fmQvIn 0.28s ease;
    display: grid !important;
    grid-template-columns: 38% 1fr !important;
    grid-template-rows: auto;
    overflow: hidden;
}
@keyframes fmQvIn {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Close button */
#fm-quickview-modal .fm-qv-close {
    position: absolute; top: 12px; right: 14px;
    background: rgba(255,255,255,0.85); border: none; border-radius: 50%;
    width: 32px; height: 32px; font-size: 20px;
    cursor: pointer; color: #555; line-height: 1;
    display: flex; align-items: center; justify-content: center;
    padding: 0; z-index: 10;
}
#fm-quickview-modal .fm-qv-close:hover { background: #fff; color: #9b8c5a; }

/* Left column: image */
#fm-quickview-modal .fm-qv-img {
    display: block;
    width: 100%; height: 100%;
    min-height: 280px;
    object-fit: contain;
    background: #f5f3ee;
    border-radius: 0;
    margin: 0;
    grid-column: 1;
    grid-row: 1 / 99;
    align-self: stretch;
    padding: 16px;
    box-sizing: border-box;
}

/* Right column: content */
#fm-qv-content {
    grid-column: 2;
    padding: 24px 22px 20px 18px;
    overflow-y: auto;
    max-height: 90vh;
    box-sizing: border-box;
    display: flex; flex-direction: column;
}

/* Title */
#fm-quickview-modal .fm-qv-title {
    font-size: 17px; font-weight: 700; color: #2d2d2d;
    margin: 0 0 8px 0; line-height: 1.3;
    padding-right: 28px;
}

/* Price */
#fm-quickview-modal .fm-qv-price-wrap { margin-bottom: 6px; }
#fm-quickview-modal .fm-qv-price-wrap .price {
    display: inline-flex !important; align-items: center !important;
    background: #9B9166 !important; color: #fff !important;
    border-radius: 4px !important; padding: 6px 14px !important;
    font-size: 19px !important; font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif !important;
    gap: 0 !important; position: relative !important;
}
#fm-quickview-modal .fm-qv-price-wrap .price .woocommerce-Price-amount,
#fm-quickview-modal .fm-qv-price-wrap .price bdi {
    color: #fff !important; font-size: inherit !important; font-weight: inherit !important;
}
#fm-quickview-modal .fm-qv-price-wrap .price .fm-qv-ab {
    font-size: 12px !important; font-weight: 400 !important;
    opacity: 0.85 !important; margin-right: 4px !important; color: #fff !important;
}
#fm-quickview-modal .fm-qv-price-wrap .price .woocommerce-Price-amount:not(:first-of-type) { display: none !important; }
#fm-quickview-modal .fm-qv-price-wrap .price del { display: none !important; }
#fm-quickview-modal .fm-qv-price-wrap .price ins { text-decoration: none !important; }
#fm-quickview-modal .fm-qv-price-wrap.fm-exact-price .fm-qv-ab { display: none !important; }
#fm-quickview-modal .woocommerce-Price-amount { display: inline !important; }

/* Tax / shipping */
#fm-quickview-modal .fm-tax-info { font-size: 11px; color: #999; display: block; margin-bottom: 4px; }
#fm-quickview-modal .fm-qv-shipping { font-size: 11px; color: #666; margin: 0 0 10px 0; display: flex; align-items: center; gap: 4px; }

/* Stock */
#fm-quickview-modal .fm-stock-badges,
#fm-quickview-modal .woocommerce-variation-availability { margin-bottom: 10px; }
#fm-quickview-modal .fm-badge {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 4px 12px; border-radius: 50px; font-size: 11px; font-weight: 600;
}
#fm-quickview-modal .fm-badge-success { background: #2e7d32; color: #fff; }
#fm-quickview-modal .fm-badge-warning { background: #f57c00; color: #fff; }
#fm-quickview-modal .fm-badge-error   { background: #c62828; color: #fff; }
#fm-quickview-modal .stock.in-stock     { color: #2e7d32; font-size: 12px; font-weight: 600; }
#fm-quickview-modal .stock.out-of-stock { color: #c62828; font-size: 12px; font-weight: 600; }

/* Variation steps */
#fm-quickview-modal .variations { width: 100%; border-collapse: collapse; margin-bottom: 4px; }
#fm-quickview-modal .variations td,
#fm-quickview-modal .variations th { padding: 3px 0; vertical-align: top; border: none; }
#fm-quickview-modal .fm-qv-step-label {
    font-size: 10px; font-weight: 700; color: #9B9166;
    text-transform: uppercase; letter-spacing: 0.08em; margin-right: 4px;
}
#fm-quickview-modal .fm-qv-attr-label {
    font-size: 12px; font-weight: 700; color: #2d2d2d;
}
#fm-quickview-modal .fm-qv-options {
    display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px;
}
#fm-quickview-modal .fm-qv-opt {
    padding: 5px 12px; border: 1.5px solid #d0c9b0;
    border-radius: 6px; font-size: 12px; cursor: pointer;
    transition: all 0.15s ease; background: #fff; color: #2d2d2d;
}
#fm-quickview-modal .fm-qv-opt:hover:not(.fm-qv-opt-disabled) { border-color: #9B9166; color: #9B9166; }
#fm-quickview-modal .fm-qv-opt.fm-qv-opt-selected { background: #9B9166; color: #fff; border-color: #9B9166; font-weight: 700; }
#fm-quickview-modal .fm-qv-opt-disabled { opacity: 0.35; cursor: not-allowed; text-decoration: line-through; }
#fm-quickview-modal .fm-qv-step { margin-bottom: 8px; }
#fm-quickview-modal .fm-qv-locked { opacity: 0.45; pointer-events: none; }
#fm-quickview-modal .fm-qv-locked .fm-qv-step-label { color: #aaa; }

/* Error */
#fm-quickview-modal .fm-var-error {
    font-size: 12px; color: #c62828; margin: 0 0 8px 0; display: none;
    padding: 6px 10px; background: #fff5f5; border-radius: 6px; border-left: 3px solid #c62828;
}
#fm-quickview-modal .fm-var-error.fm-show { display: block; }

/* Reset */
#fm-quickview-modal .fm-qv-reset {
    font-size: 11px; color: #9B9166; text-decoration: none;
    display: inline-block; margin: 2px 0 10px 0; cursor: pointer; background: none; border: none; padding: 0;
}
#fm-quickview-modal .fm-qv-reset:hover { text-decoration: underline; }

/* Qty + ATC row */
#fm-quickview-modal .fm-qv-qty-row {
    display: flex; align-items: center; gap: 8px; margin-top: 10px; flex-wrap: wrap;
}
#fm-quickview-modal input.qty {
    width: 58px; border: 1.5px solid #d0c9b0; border-radius: 8px;
    padding: 8px 6px; font-size: 14px; text-align: center; box-sizing: border-box;
}
#fm-quickview-modal .fm-qv-atc-btn {
    flex: 1; background: #9B9166; color: #fff; border: none; border-radius: 60px;
    padding: 11px 20px; font-size: 11px; font-weight: 700; letter-spacing: 0.1em;
    text-transform: uppercase; cursor: pointer;
    transition: all 0.55s cubic-bezier(0.1,0.7,0.6,0.9);
    min-width: 130px; box-sizing: border-box;
}
#fm-quickview-modal .fm-qv-atc-btn:hover:not(:disabled) { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.22); }
#fm-quickview-modal .fm-qv-atc-btn:disabled { background: #ccc; cursor: not-allowed; transform: none; box-shadow: none; }

#fm-quickview-modal .fm-qv-view-link { display: inline-block; margin-top: 10px; color: #9B9166; font-size: 11px; text-decoration: underline; }
#fm-quickview-modal .fm-qv-loading { text-align: center; padding: 48px 20px; color: #999; font-size: 15px; }

/* Mobile: single column */
@media (max-width: 620px) {
    #fm-quickview-modal {
        grid-template-columns: 1fr;
        border-radius: 0 0 32px 0;
    }
    #fm-quickview-modal .fm-qv-img {
        grid-row: 1;
        min-height: 200px;
        max-height: 220px;
        padding: 12px;
    }
    #fm-qv-content {
        grid-column: 1;
        padding: 16px 16px 16px;
        max-height: none;
    }
    #fm-quickview-modal .fm-qv-title { font-size: 15px; }
}


/* ===========================
   CART POPUP (xoo-cp) REDESIGN
   =========================== */

/* Кнопки — скруглённые, без border, высокая специфичность */
.xoo-cp-modal a.xcp-btn,
.xoo-cp-modal .xcp-btn {
    border-radius: 60px !important;
    border: none !important;
    padding: 12px 24px !important;
    font-family: Montserrat, sans-serif !important;
    font-size: 12px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: inline-block !important;
    transition: opacity 0.2s ease !important;
    width: auto !important;
    margin: 0 !important;
    min-width: 150px !important;
    text-align: center !important;
}
.xoo-cp-modal a.xcp-btn:hover,
.xoo-cp-modal .xcp-btn:hover {
    opacity: 0.82 !important;
}

/* Контейнер кнопок — flex */
.xoo-cp-modal .xoo-cp-btns {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    justify-content: center !important;
    padding: 10px 15px 5px !important;
}

/* Кнопка "Warenkorb anzeigen" — золотая */
.xoo-cp-modal a.xoo-cp-btn-vc {
    background-color: #9b9166 !important;
    color: #ffffff !important;
    border: none !important;
}

/* Кнопка "Zur Kasse" — золотая */
.xoo-cp-modal a.xoo-cp-btn-ch {
    background-color: #9b9166 !important;
    color: #ffffff !important;
    border: none !important;
}

/* Кнопка "Einkauf fortsetzen" (xoo-cp-close.xcp-btn) — с обводкой */
.xoo-cp-modal a.xoo-cp-close.xcp-btn {
    background-color: transparent !important;
    color: #9b9166 !important;
    border: 2px solid #9b9166 !important;
    border-radius: 60px !important;
    line-height: 1.2 !important;
}
.xoo-cp-modal a.xoo-cp-close.xcp-btn:hover {
    background-color: #9b9166 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* ── Крестик закрытия (span.xoo-cp-close.xoo-cp-icon-cross) ── */
.xoo-cp-modal .xoo-cp-icon-cross::before {
    content: '' !important;
    display: none !important;
}
.xoo-cp-modal .xoo-cp-icon-cross {
    position: absolute !important;
    top: -14px !important;
    right: -14px !important;
    width: 30px !important;
    height: 30px !important;
    background: #9b9166 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
    z-index: 100 !important;
    font-size: 0 !important;
}
.xoo-cp-modal .xoo-cp-icon-cross::after {
    content: '\00D7' !important;
    display: block !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    line-height: 1 !important;
    font-family: Arial, sans-serif !important;
    margin-top: 1px !important;
}

/* Скругление и стиль контейнера попапа */
.xoo-cp-modal .xoo-cp-container {
    border-radius: 16px !important;
    padding: 20px 20px 15px !important;
}

/* Fix: hide broken WooCommerce icon font in cart popup notice */
.xoo-cp-modal .woocommerce-message::before,
.xoo-cp-modal .woocommerce-info::before,
.xoo-cp-modal .woocommerce-error::before {
    display: none !important;
}
.xoo-cp-modal .woocommerce-message,
.xoo-cp-modal .woocommerce-info,
.xoo-cp-modal .woocommerce-error {
    padding-left: 1.5em !important;
}

/* Fix: last card button clipped by Splide track in Weitere Produkte */
#section-137-99 .splide__track { padding-right: 8px !important; }

</style>
<style class="wp-fonts-local">
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:fallback;src:url('https://farioli-maibach.de/wp-content/themes/oxygen-is-not-a-theme/assets/fonts/dm-sans/DMSans-Regular.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:"DM Sans";font-style:italic;font-weight:400;font-display:fallback;src:url('https://farioli-maibach.de/wp-content/themes/oxygen-is-not-a-theme/assets/fonts/dm-sans/DMSans-Regular-Italic.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:700;font-display:fallback;src:url('https://farioli-maibach.de/wp-content/themes/oxygen-is-not-a-theme/assets/fonts/dm-sans/DMSans-Bold.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:"DM Sans";font-style:italic;font-weight:700;font-display:fallback;src:url('https://farioli-maibach.de/wp-content/themes/oxygen-is-not-a-theme/assets/fonts/dm-sans/DMSans-Bold-Italic.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:300;font-display:block;src:url('https://farioli-maibach.de/wp-content/themes/oxygen-is-not-a-theme/assets/fonts/ibm-plex-mono/IBMPlexMono-Light.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:block;src:url('https://farioli-maibach.de/wp-content/themes/oxygen-is-not-a-theme/assets/fonts/ibm-plex-mono/IBMPlexMono-Regular.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:"IBM Plex Mono";font-style:italic;font-weight:400;font-display:block;src:url('https://farioli-maibach.de/wp-content/themes/oxygen-is-not-a-theme/assets/fonts/ibm-plex-mono/IBMPlexMono-Italic.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:700;font-display:block;src:url('https://farioli-maibach.de/wp-content/themes/oxygen-is-not-a-theme/assets/fonts/ibm-plex-mono/IBMPlexMono-Bold.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Inter;font-style:normal;font-weight:200 900;font-display:fallback;src:url('https://farioli-maibach.de/wp-content/themes/oxygen-is-not-a-theme/assets/fonts/inter/Inter-VariableFont_slnt,wght.ttf') format('truetype');font-stretch:normal;}
@font-face{font-family:"Source Serif Pro";font-style:normal;font-weight:200 900;font-display:fallback;src:url('https://farioli-maibach.de/wp-content/themes/oxygen-is-not-a-theme/assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:"Source Serif Pro";font-style:italic;font-weight:200 900;font-display:fallback;src:url('https://farioli-maibach.de/wp-content/themes/oxygen-is-not-a-theme/assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.ttf.woff2') format('woff2');font-stretch:normal;}
</style>
<link rel="icon" href="https://farioli-maibach.de/wp-content/uploads/2023/09/cropped-favicon-32x32.png" sizes="32x32" />
<link rel="icon" href="https://farioli-maibach.de/wp-content/uploads/2023/09/cropped-favicon-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://farioli-maibach.de/wp-content/uploads/2023/09/cropped-favicon-180x180.png" />
<meta name="msapplication-TileImage" content="https://farioli-maibach.de/wp-content/uploads/2023/09/cropped-favicon-270x270.png" />

            <div id="product-3451" class="product type-product post-3451 status-publish first outofstock product_cat-premium-sushi-boxen taxable shipping-taxable product-type-variable">

                <div class="woocommerce-notices-wrapper"></div>
                <div class='oxy-product-wrapper-inner oxy-inner-content'>
                    <section id="section-97-99" class=" ct-section wc-section-padding fm-section" ><div class="ct-section-inner-wrap"><div id="div_block-98-99" class="ct-div-block c-columns-gap-xl c-columns-m-1 c-columns-3-2 c-margin-bottom-xl" ><div id="div_block-99-99" class="ct-div-block c-center" ><div id="primary-slider" style="position:relative;margin-bottom:2.25%;" class="splide"><div class="splide__track"><div class="splide__list"><a class="splide__slide glightbox-product" prvni-id="-1"><img width="1024" height="1024" src="https://farioli-maibach.de/wp-content/uploads/woocommerce-placeholder-1024x1024.png" class="woocommerce-placeholder wp-post-image" alt="Platzhalter" decoding="async" loading="lazy" srcset="https://farioli-maibach.de/wp-content/uploads/woocommerce-placeholder-1024x1024.png 1024w, https://farioli-maibach.de/wp-content/uploads/woocommerce-placeholder-400x400.png 400w, https://farioli-maibach.de/wp-content/uploads/woocommerce-placeholder-100x100.png 100w, https://farioli-maibach.de/wp-content/uploads/woocommerce-placeholder-720x720.png 720w, https://farioli-maibach.de/wp-content/uploads/woocommerce-placeholder-300x300.png 300w, https://farioli-maibach.de/wp-content/uploads/woocommerce-placeholder-150x150.png 150w, https://farioli-maibach.de/wp-content/uploads/woocommerce-placeholder-768x768.png 768w, https://farioli-maibach.de/wp-content/uploads/woocommerce-placeholder.png 1200w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></div></div></div><error>
    <code>internal_server_error</code>
    <title><![CDATA[WordPress &amp;rsaquo; Fehler]]></title>
    <message><![CDATA[&lt;p&gt;Es gab einen kritischen Fehler auf Ihrer Website.&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://wordpress.org/documentation/article/faq-troubleshooting/&quot;&gt;Mehr über die Problembehandlung in WordPress erfahren (engl.).&lt;/a&gt;&lt;/p&gt;]]></message>
    <data>
        <status>500</status>
    </data>
</error>
