/* mf-layout 1.2.0 — Kopfzeile, Seitenmenü, Suche, Mini-Warenkorb, Fußzeile, Aktions-Popups (manurefetish.com, Phase C3).
   Marke: Ocker #7E700C, Oliv #848A19, Signika. Alles eckig. Kontrast ≥ 4,5:1 (Ocker-Flächen mit dunkler Schrift). */
:root {
	--mf-bg: #161616; --mf-bg2: #1e1e1e; --mf-bg3: #262626; --mf-linie: #343434; --mf-linie2: #444;
	--mf-text: #f1f1f1; --mf-leise: #b5b5b5; --mf-ocker: #7E700C; --mf-ocker-h: #948414; --mf-ocker-text: #B3A43C;
	--mf-gelb: #BFD055; --mf-aktiv: #BFD055; --mf-rot: #B3261E;
	--mf-font: 'Signika', system-ui, -apple-system, 'Segoe UI', sans-serif; --mf-font-news: 'Roboto', 'Signika', sans-serif;
	--mf-kopf: 92px; --mf-w: 1240px;
}

/* ---------- gemeinsame Rücksetzer (Astra/Elementor stylen button/a global) ---------- */
.mf-kopf, .mf-menue, .mf-suche, .mf-korb, .mf-fuss, .mf-aktion { font-family: var(--mf-font); box-sizing: border-box; }
.mf-kopf *, .mf-menue *, .mf-suche *, .mf-korb *, .mf-fuss *, .mf-aktion * { box-sizing: border-box; border-radius: 0 !important; }
.mf-burger, .mf-ikon, .mf-menue__zu, .mf-menue__auf, .mf-korb__zu, .mf-suche__los, .mf-suche__zu, .mf-aktion__zu {
	-webkit-appearance: none; appearance: none; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; min-height: 0; min-width: 0;
	line-height: 1; color: inherit; text-transform: none; letter-spacing: 0; cursor: pointer; font: inherit; }
.mf-burger:focus-visible, .mf-ikon:focus-visible, .mf-korbknopf:focus-visible, .mf-menue a:focus-visible, .mf-menue button:focus-visible,
.mf-korb a:focus-visible, .mf-korb button:focus-visible, .mf-fuss a:focus-visible, .mf-aktion a:focus-visible, .mf-aktion button:focus-visible,
.mf-suche button:focus-visible, .mf-kopf__schnell a:focus-visible { outline: 2px solid var(--mf-gelb); outline-offset: 2px; }
/* Astra-Pfeile und Astra-Knopffarben in unseren Bereichen neutralisieren */
.mf-kopf .dropdown-menu-toggle, .mf-menue .dropdown-menu-toggle, .mf-fuss .dropdown-menu-toggle, .mf-menue .ast-icon, .mf-kopf .ast-icon, .mf-fuss .ast-icon { display: none !important; }
.mf-burger:hover, .mf-burger:focus, .mf-burger:active, .mf-ikon:hover, .mf-ikon:focus, .mf-ikon:active, .mf-menue__zu:hover, .mf-menue__zu:focus, .mf-menue__zu:active,
.mf-menue__auf:hover, .mf-menue__auf:focus, .mf-menue__auf:active, .mf-korb__zu:hover, .mf-korb__zu:focus, .mf-korb__zu:active,
.mf-suche__zu:hover, .mf-suche__zu:focus, .mf-suche__zu:active { background: transparent !important; box-shadow: none !important; border-color: transparent; }
.mf-ikon:hover, .mf-ikon:focus-visible { border-color: var(--mf-linie2) !important; }
.mf-menue__auf:hover, .mf-menue__auf:focus-visible { color: var(--mf-gelb) !important; }
.mf-korb__zu:hover, .mf-suche__zu:hover { color: var(--mf-gelb) !important; }
.mf-suche__los:hover, .mf-suche__los:focus { background: var(--mf-ocker-h) !important; color: #fff !important; }
.mf-aktion__zu:hover, .mf-aktion__zu:focus { background: #000 !important; color: #fff !important; }
.mf-unsichtbar { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* 1.7.9 mf_menue_lage_v1: nur html sperrt den Bildlauf. overflow:hidden auf body machte body zum Scroll-Container → der
   klebende Kopf verlor seinen Halt und sprang (gescrollt: nach oben weg bzw. Seite auf Anfang) — „der Header verschiebt sich“.
   clip schneidet ab, ohne Scroll-Container zu werden. Breite der Bildlaufleiste wird ausgeglichen. */
html.mf-sperre { overflow: hidden; }
html.mf-sperre body { overflow: clip; padding-right: var(--mf-sb, 0px); }
/* C7 S26: die schwebende TranslatePress-Sprachauswahl (z 99999) lag bei offener Lichtbox ueber dem Pfeil „weiter“ -- solange die Lichtbox offen ist, ausblenden */
html.mf-lichtbox-offen .trp-floating-switcher { visibility: hidden !important; }
/* 1.7.11 mf_trp_ausweichen_v1: Sprachumschalter weicht aus (Herunterscrollen, offene Ebenen) */
.trp-floating-switcher { transition: transform .25s ease, opacity .25s ease, visibility 0s linear 0s !important; }
html.mf-trp-weg .trp-floating-switcher, html.mf-sperre .trp-floating-switcher { transform: translateY(120%) !important; opacity: 0 !important; pointer-events: none !important; visibility: hidden !important; transition: transform .25s ease, opacity .25s ease, visibility 0s linear .25s !important; } /* versteckt = auch für Tastatur/Screenreader weg */
html.mf-trp-weg .trp-floating-switcher *, html.mf-sperre .trp-floating-switcher * { pointer-events: none !important; visibility: hidden !important; } /* TRP setzt visibility:visible auf Kinder → sonst bleiben sie „sichtbar“ */
/* 1.7.11 mf_slider_unter_kopf_v1: Pfeile der Startseiten-Slider hatten z-index 9999 und lagen beim Scrollen über dem klebenden
   Kopf — ein Klick auf den Burger traf den Pfeil (FULL-Walk gast-de, Aktions-Popup). Kopf liegt bei 990. */
html body .manure-landing-section .manure-slider-container .manure-slider-arrow { z-index: 20 !important; }
/* Klebende Kopfzeile: html, body und #page tragen overflow-x:hidden (Theme) → body/#page werden Scroll-Container, position:sticky greift nicht.
   „clip“ schneidet genauso ab, ohne Scroll-Container (ältere Browser behalten „hidden“, dort scrollt der Kopf wie bisher mit). */
body.mf-layout, body.mf-layout #page { overflow-x: hidden; overflow-x: clip; overflow-y: visible; }

/* ---------- Kopfzeile ---------- */
.mf-kopf { position: sticky; top: 0; z-index: 990; background: var(--mf-bg2); border-bottom: 1px solid #2a2a2a; box-shadow: 0 2px 12px rgba(0,0,0,.4); color: var(--mf-text); }
body.admin-bar .mf-kopf { top: 32px; }
.mf-kopf__in { height: var(--mf-kopf); display: grid; grid-template-columns: auto auto 1fr auto; align-items: center; gap: 28px; padding: 0 22px; max-width: 1920px; margin: 0 auto; }
.mf-burger { width: 50px; height: 42px; display: grid; align-content: center; gap: 7px; position: relative; }
.mf-burger span { display: block; height: 7px; background: var(--mf-ocker); transition: transform .35s cubic-bezier(.6,0,.2,1) .26s, opacity .2s .26s, background .2s; }
.mf-burger span:nth-child(2) { margin-left: 6px; }
.mf-burger:hover span { background: var(--mf-gelb); }
/* Burger im Kopf wird beim Öffnen zum gelben X und beim Schließen zurück zu drei Balken (wie Entwurf C2, kopf-menue.html):
   Balkenhöhe 7 + Abstand 7 = 14 px Versatz. Beim Öffnen schiebt sich das Panel sofort darüber, sein eigenes X übernimmt an
   derselben Stelle. Beim Schließen wartet der Rückweg X → Balken .26 s, bis das Panel (mfPanelZu .3 s) den Burger freigibt –
   so sieht man die Verwandlung wie im Entwurf (dort verschwand das Panel ohne Animation). */
html.mf-offen .mf-burger span { background: var(--mf-gelb); transition-delay: 0s; }
html.mf-offen .mf-burger span:nth-child(1) { transform: translateY(14px) rotate(45deg); }
html.mf-offen .mf-burger span:nth-child(2) { opacity: 0; }
html.mf-offen .mf-burger span:nth-child(3) { transform: translateY(-14px) rotate(-45deg); }
.mf-kopf__logo { display: block; line-height: 0; }
.mf-kopf__logo img, .mf-logo-bild { width: 118px; height: auto; max-width: none; }
.mf-logo-text { font-weight: 700; font-size: 20px; color: var(--mf-text); }
.mf-kopf__schnell { justify-self: center; }
.mf-schnell { display: flex; gap: 26px; list-style: none; margin: 0; padding: 0; }
.mf-schnell li { margin: 0; padding: 0; }
.mf-schnell a { display: block; color: #e9e9e9; font-size: 15px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; text-decoration: none; padding: 34px 0 30px; border-bottom: 3px solid transparent; }
.mf-schnell a:hover { color: var(--mf-gelb); }
.mf-schnell .current-menu-item > a, .mf-schnell .current-menu-ancestor > a, .mf-schnell .current-product_cat-ancestor > a { color: var(--mf-ocker-text); border-bottom-color: var(--mf-ocker); }
.mf-kopf__aktionen { display: flex; align-items: center; gap: 10px; }
.mf-ikon { width: 44px; height: 44px; display: grid; place-items: center; color: #f2f2f2; border: 1px solid transparent; text-decoration: none; }
.mf-ikon:hover { border-color: var(--mf-linie2); color: #fff; }
.mf-ikon svg { width: 24px; height: 24px; }
.mf-korbknopf { display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 16px; background: var(--mf-ocker); color: #fff; font-weight: 700; font-size: 15px; position: relative; text-decoration: none; }
.mf-korbknopf:hover { background: var(--mf-ocker-h); color: #fff; }
.mf-korbknopf svg { width: 20px; height: 20px; }
.mf-korbknopf .mf-korb__betrag, .mf-korbknopf .amount, .mf-korbknopf bdi { color: #fff; }
.mf-korb__zahl { position: absolute; top: -7px; right: -7px; min-width: 20px; height: 20px; padding: 0 5px; display: grid; place-items: center; background: var(--mf-rot); color: #fff; font-size: 12px; font-weight: 700; line-height: 1; }
.mf-korb__zahl--leer { background: #3a3a3a; }
@media (max-width: 900px) {
	:root { --mf-kopf: 64px; }
	.mf-kopf__in { grid-template-columns: auto 1fr auto; gap: 8px; padding: 0 12px; }
	.mf-burger { width: 40px; height: 34px; gap: 6px; }
	.mf-burger span { height: 6px; }
	html.mf-offen .mf-burger span:nth-child(1) { transform: translateY(12px) rotate(45deg); }
	html.mf-offen .mf-burger span:nth-child(3) { transform: translateY(-12px) rotate(-45deg); }
	.mf-kopf__logo { justify-self: center; }
	.mf-kopf__logo img, .mf-kopf__logo .mf-logo-bild { width: 86px; }
	.mf-kopf__schnell { display: none; }
	.mf-korbknopf { padding: 0 12px; height: 40px; }
	.mf-korbknopf .mf-korb__betrag { display: none; }
	.mf-ikon { width: 40px; height: 40px; }
}
@media (max-width: 782px) { body.admin-bar .mf-kopf { top: 0; } }
@media (max-width: 380px) { .mf-ikon--suche { display: none; } }

/* ---------- Seitenmenü: Kuhfladen-Panel wie bisher, Einlauf mit Nachfedern ---------- */
.mf-menue { position: fixed; inset: 0; z-index: 99000; visibility: hidden; pointer-events: none; }
.mf-menue__dunkel { position: absolute; inset: 0; background: rgba(0,0,0,.5); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); opacity: 0; }
.mf-menue__panel { position: absolute; top: 0; left: 0; bottom: 0; width: 500px; max-width: 100vw; padding: 92px 0 40px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
	background: url(/wp-content/uploads/2025/04/cowpatty2.png) top left / cover no-repeat; transform: translateX(-105%); color: #fff; }
.mf-menue__liste, .mf-menue__liste .sub-menu { list-style: none; margin: 0; padding: 0; }
.mf-menue__liste > li { position: relative; display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; }
.mf-menue__liste > li > a { display: block; padding: 9px 4px 9px 16px; font: 600 34px/1.2 var(--mf-font); color: #fff; text-decoration: none; opacity: 0; transform: translateX(-34px); max-width: calc(100% - 48px); }
.mf-menue__liste > li > a:hover, .mf-menue__liste .sub-menu a:hover { color: #fff; text-decoration: underline; text-decoration-color: var(--mf-gelb); text-decoration-thickness: 3px; text-underline-offset: 7px; }
.mf-menue__liste .current-menu-item > a, .mf-menue__liste .current_page_item > a { color: #17110a; background: var(--mf-gelb); text-decoration: none; }
.mf-menue__auf { width: 40px; height: 40px; display: grid; place-items: center; color: #f3eccd; opacity: 0; transition: transform .25s ease; }
.mf-menue__auf svg { width: 16px; height: 16px; }
.mf-menue__auf[aria-expanded="true"] { transform: rotate(180deg); }
.mf-menue__liste .sub-menu { flex-basis: 100%; display: none; padding: 0 0 8px 34px; }
.mf-menue__liste > li.mf-auf > .sub-menu { display: block; animation: mfUnter .25s ease-out; }
.mf-menue__liste .sub-menu a { display: block; padding: 5px 0; font: 600 21px/1.25 var(--mf-font); color: #f3eccd; text-decoration: none; }
.mf-menue__zu { position: absolute; top: 25px; left: 22px; width: 50px; height: 42px; display: grid; align-content: center; gap: 7px; z-index: 2; }
.mf-menue__zu span { display: block; height: 7px; background: var(--mf-gelb); }
.mf-menue__zu span:nth-child(2) { margin-left: 6px; }
html.mf-offen .mf-menue, html.mf-schliesst .mf-menue { visibility: visible; }
html.mf-offen .mf-menue { pointer-events: auto; }
html.mf-offen .mf-menue__dunkel { animation: mfDunkel .45s ease-out forwards; }
html.mf-offen .mf-menue__panel { animation: mfPanel .62s cubic-bezier(.22,1.18,.36,1) forwards; }
html.mf-offen .mf-menue__liste > li > a, html.mf-offen .mf-menue__auf { animation: mfEintrag .42s cubic-bezier(.2,.9,.3,1.1) forwards; animation-delay: calc(.16s + var(--mf-i, 0) * .04s); }
html.mf-offen .mf-menue__liste > li > .mf-menue__auf { animation-delay: .5s; }
html.mf-offen .mf-menue__zu span:nth-child(1) { animation: mfZu1 .38s .18s cubic-bezier(.6,0,.2,1) forwards; }
html.mf-offen .mf-menue__zu span:nth-child(2) { animation: mfZu2 .2s .18s ease forwards; }
html.mf-offen .mf-menue__zu span:nth-child(3) { animation: mfZu3 .38s .18s cubic-bezier(.6,0,.2,1) forwards; }
html.mf-schliesst .mf-menue__panel { transform: none; animation: mfPanelZu .3s cubic-bezier(.5,0,.75,0) forwards; }
html.mf-schliesst .mf-menue__dunkel { opacity: 1; animation: mfDunkelZu .3s ease-in forwards; }
html.mf-schliesst .mf-menue__liste > li > a, html.mf-schliesst .mf-menue__auf { opacity: 1; transform: none; }
@keyframes mfDunkel { to { opacity: 1; } }
@keyframes mfDunkelZu { to { opacity: 0; } }
@keyframes mfPanel { 0% { transform: translateX(-105%); } 100% { transform: translateX(0); } }
@keyframes mfPanelZu { to { transform: translateX(-105%); } }
@keyframes mfEintrag { to { opacity: 1; transform: none; } }
@keyframes mfUnter { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@keyframes mfZu1 { to { transform: translateY(14px) rotate(45deg); } }
@keyframes mfZu2 { to { opacity: 0; } }
@keyframes mfZu3 { to { transform: translateY(-14px) rotate(-45deg); } }
@media (max-width: 900px) {
	.mf-menue__panel { width: 100vw; padding-top: 64px; }
	.mf-menue__liste > li > a { font-size: 30px; padding: 7px 4px 7px 14px; }
	.mf-menue__zu { top: 15px; left: 12px; width: 40px; height: 34px; gap: 6px; }
	.mf-menue__zu span { height: 6px; }
	html.mf-offen .mf-menue__zu span:nth-child(1) { animation-name: mfZu1m; }
	html.mf-offen .mf-menue__zu span:nth-child(3) { animation-name: mfZu3m; }
}
@keyframes mfZu1m { to { transform: translateY(12px) rotate(45deg); } }
@keyframes mfZu3m { to { transform: translateY(-12px) rotate(-45deg); } }

/* ---------- Suche ---------- */
.mf-suche { position: fixed; inset: 0; z-index: 99010; visibility: hidden; }
.mf-suche__dunkel { position: absolute; inset: 0; background: rgba(0,0,0,.55); opacity: 0; transition: opacity .2s; }
.mf-suche__form { position: absolute; left: 0; right: 0; top: 0; display: grid; grid-template-columns: 1fr auto auto; gap: 0; padding: 18px max(22px, calc((100vw - var(--mf-w)) / 2)); background: var(--mf-bg2); border-bottom: 2px solid var(--mf-ocker); transform: translateY(-100%); transition: transform .28s cubic-bezier(.2,.9,.3,1); }
body.admin-bar .mf-suche__form { top: 32px; }
.mf-suche__feld { height: 56px; padding: 0 16px; background: #111 !important; color: var(--mf-text) !important; border: 1px solid var(--mf-linie2) !important; font: 400 19px var(--mf-font); width: 100%; margin: 0; box-shadow: none; }
.mf-suche__feld:focus { outline: 2px solid var(--mf-ocker); outline-offset: -2px; }
.mf-suche__los { width: 64px; height: 56px; display: grid; place-items: center; background: var(--mf-ocker); color: #fff; }
.mf-suche__zu { width: 56px; height: 56px; display: grid; place-items: center; color: #eee; }
.mf-suche__los svg, .mf-suche__zu svg { width: 24px; height: 24px; }
html.mf-suche-offen .mf-suche { visibility: visible; }
html.mf-suche-offen .mf-suche__dunkel { opacity: 1; }
html.mf-suche-offen .mf-suche__form { transform: none; }
@media (max-width: 782px) { body.admin-bar .mf-suche__form { top: 46px; } .mf-suche__form { padding: 12px; } .mf-suche__feld { height: 50px; font-size: 17px; } .mf-suche__los, .mf-suche__zu { height: 50px; width: 52px; } }

/* ---------- Mini-Warenkorb (von rechts) ---------- */
.mf-korb { position: fixed; inset: 0; z-index: 99020; visibility: hidden; }
.mf-korb__dunkel { position: absolute; inset: 0; background: rgba(0,0,0,.5); opacity: 0; transition: opacity .25s; }
.mf-korb__panel { position: absolute; top: 0; right: 0; bottom: 0; width: 420px; max-width: 100vw; display: flex; flex-direction: column; background: var(--mf-bg2); color: var(--mf-text); border-left: 1px solid var(--mf-linie); transform: translateX(105%); transition: transform .34s cubic-bezier(.2,.9,.3,1.05); overflow-y: auto; overscroll-behavior: contain; }
html.mf-korb-offen .mf-korb { visibility: visible; }
html.mf-korb-offen .mf-korb__dunkel { opacity: 1; }
html.mf-korb-offen .mf-korb__panel { transform: none; }
.mf-korb__kopf { display: flex; align-items: center; gap: 10px; padding: 18px 20px; border-bottom: 1px solid var(--mf-linie); font-size: 19px; }
.mf-korb__titelzahl { display: inline-grid; place-items: center; min-width: 24px; height: 24px; padding: 0 6px; background: var(--mf-ocker); color: #fff; font-size: 13px; font-weight: 700; }
.mf-korb__zu { margin-left: auto; width: 40px; height: 40px; display: grid; place-items: center; color: #eee; }
.mf-korb__zu svg { width: 22px; height: 22px; }
.mf-menue__panel:focus, .mf-korb__panel:focus { outline: none; }
.mf-korb .widget_shopping_cart_content { padding: 6px 20px 10px; }
.mf-korb .woocommerce-mini-cart { list-style: none; margin: 0; padding: 0; }
.mf-korb .woocommerce-mini-cart-item { position: relative; display: block; min-height: 82px; margin: 0; padding: 14px 36px 14px 92px; border-bottom: 1px solid var(--mf-linie); font-size: 15px; line-height: 1.35; }
.mf-korb .woocommerce-mini-cart-item a:not(.remove) { color: var(--mf-text); text-decoration: none; font-weight: 600; display: block; }
.mf-korb .woocommerce-mini-cart-item a:not(.remove):hover { color: var(--mf-gelb); }
.mf-korb .woocommerce-mini-cart-item img { position: absolute; left: 0; top: 14px; width: 80px !important; height: 54px !important; object-fit: cover; margin: 0 !important; float: none !important; }
.mf-korb .woocommerce-mini-cart-item .quantity { display: block; margin-top: 4px; color: var(--mf-leise); font-size: 14px; }
.mf-korb .woocommerce-mini-cart-item .variation { margin: 2px 0 0; color: var(--mf-leise); font-size: 13px; }
.mf-korb .woocommerce-mini-cart-item .variation dt, .mf-korb .woocommerce-mini-cart-item .variation dd { display: inline; margin: 0; }
.mf-korb .woocommerce-mini-cart-item a.remove { position: absolute; top: 12px; right: 0; width: 28px; height: 28px; display: grid; place-items: center; color: #ddd !important; background: transparent; border: 1px solid var(--mf-linie2); font-size: 18px; line-height: 1; text-decoration: none; }
.mf-korb .woocommerce-mini-cart-item a.remove:hover { background: var(--mf-rot); border-color: var(--mf-rot); color: #fff !important; }
.mf-korb .woocommerce-mini-cart__total { display: flex; justify-content: space-between; margin: 16px 0 12px; padding: 0; font-size: 17px; }
.mf-korb .woocommerce-mini-cart__buttons { display: grid; gap: 10px; margin: 0; }
.mf-korb .woocommerce-mini-cart__buttons a { display: flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 20px; border: 2px solid var(--mf-linie2); background: transparent; color: var(--mf-text); font: 700 14px/1 var(--mf-font); letter-spacing: .06em; text-transform: uppercase; text-decoration: none; margin: 0; }
.mf-korb .woocommerce-mini-cart__buttons a:hover { border-color: var(--mf-text); }
.mf-korb .woocommerce-mini-cart__buttons a.checkout { order: -1; background: var(--mf-ocker); border-color: var(--mf-ocker); color: #fff; }
.mf-korb .woocommerce-mini-cart__buttons a.checkout:hover { background: var(--mf-ocker-h); border-color: var(--mf-ocker-h); }
.mf-korb .ast-mini-cart-empty { display: none !important; } /* Astra hängt einen zweiten Leer-Hinweis mit Link auf /shop/ an */
.mf-korb .woocommerce-mini-cart__empty-message { margin: 26px 0 8px; color: var(--mf-leise); font-size: 16px; text-align: center; }
.mf-korb__weiter { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 6px 20px 90px; padding: 14px; color: var(--mf-ocker-text); font-weight: 600; text-decoration: none; border: 1px solid var(--mf-linie); }
.mf-korb__weiter svg { width: 18px; height: 18px; }
.mf-korb__weiter:hover { color: var(--mf-gelb); border-color: var(--mf-ocker); }

/* ---------- Fußzeile: gleicher Gitter-Hintergrund ---------- */
.mf-fuss { position: relative; background: #121117 url(/wp-content/uploads/2025/04/gitter-scaled-1.jpg) center / cover no-repeat; color: #e8e8f0; }
.mf-fuss::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14,13,20,.72), rgba(14,13,20,.86)); pointer-events: none; }
.mf-fuss__in { position: relative; width: min(var(--mf-w), 100% - 48px); margin: 0 auto; }
.mf-fuss__raster { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 36px; padding: 64px 0 40px; }
.mf-fuss__titel { margin: 0 0 14px; font-size: 15px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #fff; line-height: 1.3; }
.mf-fuss__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.mf-fuss__liste li { margin: 0; padding: 0; }
.mf-fuss a { color: #d4d5e0; font-size: 15px; text-decoration: none; }
.mf-fuss a:hover { color: var(--mf-gelb); }
.mf-fuss__logo { display: inline-block; line-height: 0; margin-bottom: 14px; }
.mf-fuss__logo img { width: 130px; height: auto; }
.mf-fuss__marke p:not(.mf-fuss__titel) { color: #c9cad5; font-size: 14.5px; max-width: 34ch; margin: 0 0 18px; line-height: 1.5; }
.mf-fuss__sozial { display: flex; gap: 8px; }
.mf-fuss__sozial a { width: 40px; height: 40px; display: grid; place-items: center; background: #fff; color: #111; }
.mf-fuss__sozial a:hover { background: var(--mf-gelb); color: #111; }
.mf-fuss__sozial svg { width: 18px; height: 18px; }
.mf-fuss__unten { display: flex; justify-content: space-between; gap: 18px; border-top: 1px solid rgba(255,255,255,.18); padding: 18px 0 26px; font-size: 13px; color: #b4b5c4; }
@media (max-width: 900px) {
	.mf-fuss__in { width: calc(100% - 32px); }
	.mf-fuss__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; padding: 40px 0 24px; }
	.mf-fuss__marke { grid-column: 1 / -1; }
	.mf-fuss__unten { flex-direction: column; gap: 8px; }
}

/* ---------- Aktions-Popup (gleiche Gestaltung wie die Elementor-Popups) ---------- */
.mf-aktion[hidden] { display: none !important; }
.mf-aktion { position: fixed; z-index: 98000; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: 48% 1fr; min-height: 312px; background: #fff; color: #1e1e1e; box-shadow: 0 -10px 40px rgba(0,0,0,.45); font-family: var(--mf-font-news); }
.mf-aktion--an { animation: mfAktion .55s cubic-bezier(.2,.9,.25,1.05) both; }
.mf-aktion--weg { animation: mfAktionWeg .3s ease-in forwards; }
.mf-aktion__bild { position: relative; background: #2a2a2a center / cover no-repeat; display: flex; align-items: center; padding: 0 32px; }
.mf-aktion__bild strong { font: 900 clamp(38px, 5.2vw, 74px)/.95 var(--mf-font-news); color: var(--mf-ocker-text); text-transform: uppercase; text-shadow: 0 2px 10px rgba(0,0,0,.45); }
.mf-aktion__text { display: flex; align-items: center; justify-content: center; gap: 34px; padding: 30px 76px 30px 40px; }
.mf-aktion__titel { margin: 0; font: 700 38px/1.05 var(--mf-font-news); color: #6b5f08; text-transform: uppercase; }
.mf-aktion__unter { margin: 6px 0 0; color: #3a3f5c; font: 500 16px/1.4 var(--mf-font-news); }
.mf-aktion__knopf { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; background: var(--mf-ocker); color: #fff; font: 700 14px/1 var(--mf-font); letter-spacing: .06em; text-transform: uppercase; text-decoration: none; white-space: nowrap; }
.mf-aktion__knopf:hover { background: var(--mf-ocker-h); color: #fff; }
.mf-aktion__zu { position: absolute; top: 14px; right: 14px; width: 44px; height: 44px; display: grid; place-items: center; background: #1e1e1e; color: #fff; }
.mf-aktion__zu svg { width: 20px; height: 20px; }
.mf-aktion__zu:hover { background: #000; }
.mf-aktion--mitte { left: 50%; right: auto; bottom: auto; top: 50%; width: min(860px, calc(100vw - 32px)); transform: translate(-50%, -50%); min-height: 300px; }
.mf-aktion--mitte.mf-aktion--an { animation-name: mfAktionMitte; }
@keyframes mfAktion { from { transform: translateY(40px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes mfAktionWeg { to { transform: translateY(40px); opacity: 0; } }
@keyframes mfAktionMitte { from { transform: translate(-50%, calc(-50% + 30px)); opacity: 0; } to { transform: translate(-50%, -50%); opacity: 1; } }
@media (max-width: 900px) {
	.mf-aktion, .mf-aktion--mitte { grid-template-columns: minmax(0, 1fr); min-height: 0; }
	.mf-aktion__bild { height: 190px; padding: 0 18px; }
	.mf-aktion__bild strong { font-size: 44px; }
	.mf-aktion__text { flex-direction: column; align-items: stretch; gap: 16px; padding: 20px 18px 24px; }
	.mf-aktion__titel { font-size: 28px; }
	.mf-aktion__knopf { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	html.mf-offen .mf-menue__panel, html.mf-offen .mf-menue__liste > li > a, html.mf-offen .mf-menue__auf, html.mf-offen .mf-menue__dunkel,
	html.mf-schliesst .mf-menue__panel, html.mf-schliesst .mf-menue__dunkel, .mf-aktion--an, .mf-aktion--weg { animation-duration: .01s !important; animation-delay: 0s !important; }
	.mf-korb__panel, .mf-suche__form, .mf-burger span { transition: none; }
}
@media print { .mf-kopf, .mf-menue, .mf-suche, .mf-korb, .mf-aktion { display: none !important; } }

/* Webmaster-Band (gemeinsames mu-plugin gc-footer-webmaster-banner, Pillen-Knopf) — auf manurefetish.com eckig wie alle Knöpfe (C4 Teil 2). */
body.mf-layout .gc-fwb__cta { border-radius: 0 !important; text-transform: uppercase; letter-spacing: .06em; font-size: 13px; }

/* C7: Hülle für nicht umgewandelte Elementor-Seiten (Kasse/Danke, templates/voll.php) — wie Astras Elementor-Regel
   „.elementor-template-full-width .ast-container { display: block }“, sonst schrumpft der Woo-Inhalt im Flex-Container. */
.mf-huelle .ast-container { display: block; }

/* C7 Kontrast-Tor (Law 6, 22.10.): zwei Plaketten der Startseite lagen unter 4,5:1 — Farbe dunkler, Form/Lage unverändert.
   „164 Videos“ auf den Model-Karten (Child-Theme: Oliv #848A19 + Weiß = 3,7:1) → #6a700f = 5,3:1;
   „▶ LIVE“ auf den Netzwerk-Karten (mu-plugin mf-xpromo-preview: #ff2d55 + Weiß = 3,6:1) → #d6003a = 5,4:1. */
body .manure-landing-section .manure-slider-track > div a .manure-models-post-count span { background-color: #6a700f; }
body .mf-xpromo__badge { background: #d6003a; }
/* C7 Kontrast-Tor: Platzhalter im Suchfeld war Browser-Grau #757575 auf #111 = 4,1:1 → #9e9e9e = 7,0:1 */
.mf-suche__feld::placeholder { color: #9e9e9e !important; opacity: 1; }
/* C7 Kontrast-Tor: Überschrift des ShopLentor-Produktfilters auf der Suchseite („Filter by Tag“) war dunkel auf dunkel = 1,4:1 */
#secondary .wlpf-filter-wrap .wlpf-filter-label-text, #secondary .wlpf-group-wrap .wlpf-group-label-text, .wlpf-filter-wrap .wlpf-filter-label-text, .wlpf-group-wrap .wlpf-group-label-text { color: #ececec !important; }   /* ShopLentor setzt #333 mit #secondary-Spezifitaet */
/* C7 Kontrast-Tor: Platzhalter der Model-Suche auf /model/ war #757575 auf #f9fafb = 4,4:1 → #666 = 5,5:1 */
.mf-model-search__input::placeholder { color: #666 !important; opacity: 1; }
/* C7 Kontrast-Tor: Pflichtfeld-Stern der Formulare (Contact Models / Sell your content) #c0392b auf dunkel = 2,8–3,3:1 → #ff6b5b ≥ 5:1 */
body .mfcf-req { color: #ff6b5b !important; }
/* C7 Kontrast-Tor Warenkorb/Kasse: Abo-Hinweis „· renews automatically …“ (mf-abo, #5c520a) lag auf dunklem Grund bei 3,5:1 → helles
   Ocker #a48e1a (8,2:1); im hellen Summen-Kasten (#fbfbfb) bleibt das dunkle Ocker, dort auch für die Überschrift „Cart totals“
   (#7e700c = 2,9:1 → #5c520a = 4,6:1). */
.woocommerce-cart-form .mf-abo-zeile, .mf-korb .mf-abo-zeile, .woocommerce-checkout-review-order-table .mf-abo-zeile, .shop_table .mf-abo-zeile { color: #a48e1a !important; }
.cart_totals h2, .cart_totals .mf-abo-zeile, .cross-sells > h2 { color: #5c520a !important; }   /* helle Kästen im Warenkorb: auch „You may be interested in…“ (2,9:1) */
/* C7 Kontrast-Tor Kasse: Links in den hellen Hinweiskästen („Click here to enter your code“, „Click here to login“) Ocker #7e700c = 2,8:1 → #5c520a ≥ 5,6:1 */
.woocommerce-form-coupon-toggle .woocommerce-info a, .woocommerce-form-login-toggle .woocommerce-info a { color: #5c520a !important; }

/* Bewertung als Dung-Points-Haufen statt Sterne (Dominik 22.10.2026): volle Haufen = GIF der Dung Points, leere grau.
   Bildausschnitt 44 × 44 aus dungpoints.gif (Haufen größer, damit er auch klein gut erkennbar ist). */
.mf-dung { --mf-dung-g: 22px; position: relative; display: inline-block; width: calc(var(--mf-dung-g) * 5); height: var(--mf-dung-g); vertical-align: middle; flex: none; }
.mf-dung::before { content: ""; position: absolute; inset: 0; background: url("mf-dung-still.png") 0 0 / var(--mf-dung-g) var(--mf-dung-g) repeat-x; filter: grayscale(1) brightness(1.7); opacity: .4; }
.mf-dung > span { position: absolute; top: 0; left: 0; bottom: 0; overflow: hidden; background: url("mf-dung.gif") 0 0 / var(--mf-dung-g) var(--mf-dung-g) repeat-x; }
@media (prefers-reduced-motion: reduce) { .mf-dung > span { background-image: url("mf-dung-still.png"); } }

/* 404-Seite (Astra-Vorlage, C7-Walk 22.10.): Überschrift „This page doesn't seem to exist.“ war dunkel auf dunkel (1,24:1),
   Platzhalter im Suchfeld 4,41:1, der Lupen-Knopf lag unter einem zweiten (unsichtbaren) Absende-Feld. */
.error404 .page-title, .error404 .entry-title, .error404 .page-header h1 { color: var(--mf-text) !important; }
.error404 .page-sub-title, .error404 .page-content, .error404 .page-content p { color: var(--mf-leise, #b9b9b9) !important; }
.error404 .search-field { background: #121212 !important; color: var(--mf-text) !important; border: 1px solid var(--mf-linie2, #3a3a3a) !important; }
.error404 .search-field::placeholder { color: #9e9e9e !important; opacity: 1; }
.error404 form.search-form input[type="submit"].search-submit { display: none !important; }
.error404 form.search-form button.search-submit { color: var(--mf-text) !important; }

/* Altinhalte aus Flatsome-Kurzcodes (MF_Layout_Altcodes, C7 22.10.2026): Reihen/Spalten, Titel, Knöpfe, Banner, Bilder.
   Breiten wie Flatsome (span von 12), unter 850px jede Spalte volle Breite. Helle Flatsome-Hintergründe entfallen. */
.mf-alt-reihe { display: flex; flex-wrap: wrap; column-gap: 24px; margin: 0; }
.mf-alt-reihe.mf-alt--center { justify-content: center; text-align: inherit; }
.mf-alt-reihe.mf-alt--right { justify-content: flex-end; text-align: inherit; }
.mf-alt-reihe--eng { column-gap: 0; }
.mf-alt-spalte { flex: 0 0 calc((100% + 24px) * var(--mf-alt-span, 12) / 12 - 24px); min-width: 0; }
.mf-alt-reihe--eng > .mf-alt-spalte { flex-basis: calc(100% * var(--mf-alt-span, 12) / 12); }
.mf-alt--center { text-align: center; }
.mf-alt--right { text-align: right; }
.mf-alt-abschnitt { margin: 0 0 18px; }
.mf-alt-abschnitt + .mf-alt-abschnitt { padding-top: 18px; border-top: 1px solid var(--mf-linie); }
.mf-alt-titel { margin: 22px 0 12px; }
.mf-alt-text > :last-child, .mf-alt-spalte > :last-child, .mf-alt-banner__innen > :last-child { margin-bottom: 0; }
.mf-alt-knoepfe { display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 20px; }
.mf-alt--center .mf-alt-knoepfe { justify-content: center; }
.mf-alt-knoepfe .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 22px; background: var(--mf-ocker); color: #fff; font: 700 15px/1.3 var(--mf-font); text-decoration: none; text-align: center; border-radius: 0; }
.mf-alt-knoepfe .wp-block-button__link:hover, .mf-alt-knoepfe .wp-block-button__link:focus-visible { background: var(--mf-ocker-h); color: #fff; }
.mf-alt-linie { border: 0; border-top: 1px solid var(--mf-linie2); margin: 18px 0; width: 100%; }
.mf-alt-linie.mf-alt--center { margin-inline: auto; }
.mf-alt-bild { margin: 0 0 16px; }
.mf-alt-bild img { display: block; width: var(--mf-alt-bild, 100%); max-width: 100%; height: auto; margin-inline: auto; }
.mf-alt-bildbox { margin: 0 0 18px; }
.mf-alt-bildbox img { display: block; width: 100%; height: auto; }
.mf-alt-bildbox__text { padding: 12px 0 0; }
.mf-alt-banner { position: relative; display: flex; align-items: center; justify-content: center; min-height: 220px; padding: 30px 22px; margin: 0 0 18px; background: #111 center / cover no-repeat; overflow: hidden; }
.mf-alt-banner::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .5); }
.mf-alt-banner__innen { position: relative; z-index: 1; width: 100%; max-width: 860px; color: #fff; text-align: center; }
.mf-alt-banner__innen :is(h2, h3, h4, h5, p, li) { color: #fff !important; text-shadow: 0 2px 10px rgba(0, 0, 0, .7); }
.mf-alt-banner-link { display: block; text-decoration: none; }
.mf-alt-termin { font-weight: 700; color: var(--mf-ocker-text); }
.mf-alt-folgen a { color: var(--mf-ocker-text); font-weight: 600; }
.mf-alt-anker { display: block; position: relative; top: calc(-1 * var(--mf-kopf) - 14px); visibility: hidden; }
.mf-alt-akkordeon { margin: 0 0 20px; }
.mf-alt-akkordeon__text { padding: 0 18px 14px; }
.mf-alt-akkordeon__text > :last-child { margin-bottom: 0; }
.mf-alt-person { text-align: center; margin: 0 0 18px; }
.mf-alt-person img { max-width: 220px; height: auto; border-radius: 50%; }
.mf-alt-person__rolle { color: var(--mf-leise); }
/* Akkordeon/Reiter und Galerie auch auf Seiten außerhalb der News-Vorlage (FAQ, How our auctions work: Astra-Seitenvorlage) */
:is(.mf-alt-akkordeon, .mf-alt-reiter) > details.wp-block-details { background: var(--mf-bg2); border: 1px solid var(--mf-linie); margin: 0 0 8px; padding: 0; text-align: left; }
:is(.mf-alt-akkordeon, .mf-alt-reiter) > details.wp-block-details > summary { cursor: pointer; padding: 14px 18px; font-weight: 700; color: var(--mf-text); list-style: none; }
:is(.mf-alt-akkordeon, .mf-alt-reiter) > details.wp-block-details > summary::-webkit-details-marker { display: none; }
:is(.mf-alt-akkordeon, .mf-alt-reiter) > details.wp-block-details > summary::before { content: "+"; display: inline-block; width: 18px; color: var(--mf-ocker-text); font-weight: 700; }
:is(.mf-alt-akkordeon, .mf-alt-reiter) > details.wp-block-details[open] > summary::before { content: "\2013"; }
:is(.mf-alt-akkordeon, .mf-alt-reiter) > details.wp-block-details > summary:hover { color: var(--mf-gelb); }
.mf-alt-reiter:not(.mf-reiter-js) > details.wp-block-details > :not(summary) { padding-inline: 18px; }
.mf-alt-reiter:not(.mf-reiter-js) > details.wp-block-details > :last-child { padding-bottom: 14px; }
.mf-alt-galerie { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 0 24px; }
.mf-alt-galerie > figure { margin: 0 !important; width: auto !important; aspect-ratio: 3 / 4; overflow: hidden; background: #111; }
.mf-alt-galerie img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 849px) {
	.mf-alt-spalte, .mf-alt-reihe--eng > .mf-alt-spalte { flex-basis: 100%; }
	.mf-alt-banner { min-height: 160px; padding: 22px 16px; }
	.mf-alt-galerie { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* ---------- 1.4.39 Mini-Warenkorb: Bild überlappte den Titel (Dominik 22.10.2026) ----------
   Astra setzt für .widget_shopping_cart .cart_list li ein eigenes padding (9px 0 9px 75px, höhere Spezifität) — das Bild (80 px,
   absolut) ragte 5 px in den Text, der 44-px-Entfernen-Knopf lag über dem Titelende. Jetzt mit ID-Spezifität: Bild 96×54 links,
   Text ab 110 px, rechts 48 px frei für den Knopf. */
#mf-korb .woocommerce-mini-cart .woocommerce-mini-cart-item { display: block !important; min-height: 84px; margin: 0 !important; padding: 14px 48px 14px 110px !important; }
#mf-korb .woocommerce-mini-cart .woocommerce-mini-cart-item img,
#mf-korb .woocommerce-mini-cart .woocommerce-mini-cart-item .mf-clip { position: absolute !important; left: 0 !important; top: 14px !important; width: 96px !important; height: 54px !important; margin: 0 !important; float: none !important; }
#mf-korb .woocommerce-mini-cart .woocommerce-mini-cart-item .mf-clip img { position: absolute !important; top: 0 !important; left: 0 !important; }
#mf-korb .woocommerce-mini-cart .woocommerce-mini-cart-item a.remove { top: 12px !important; right: 0 !important; width: 36px !important; height: 36px !important; }
#mf-korb .woocommerce-mini-cart .woocommerce-mini-cart-item a:not(.remove) { line-height: 1.35; overflow-wrap: anywhere; }
/* Vorschau-Clip (Warenkorb + Mini-Warenkorb): Video liegt über dem Standbild und blendet ein, sobald es läuft */
.mf-clip { position: relative; display: block; overflow: hidden; background: #000; }
.mf-clip img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mf-clip video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .35s; pointer-events: none; }
.mf-clip--an video { opacity: 1; }
/* Warenkorb-Seite: Bildspalte 16:9 statt Briefmarke */
.woocommerce-cart table.shop_table .product-thumbnail { width: 176px; }
.woocommerce-cart table.shop_table .product-thumbnail a { display: block; }
.woocommerce-cart table.shop_table .product-thumbnail .mf-clip, .woocommerce-cart table.shop_table .product-thumbnail > a > img { width: 160px !important; max-width: none !important; height: 90px !important; object-fit: cover; }
@media (max-width: 768px) {
	.woocommerce-cart table.shop_table_responsive tr.cart_item td.product-thumbnail { display: block !important; width: auto; text-align: left !important; }
	.woocommerce-cart table.shop_table_responsive tr.cart_item td.product-thumbnail::before { display: none; }
	.woocommerce-cart table.shop_table .product-thumbnail .mf-clip, .woocommerce-cart table.shop_table .product-thumbnail > a > img { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; }
}

/* 1.4.42 Phase D: Dung Rewards „How to earn points“ – Betrag „1,00 €“ (WooRewards #555 auf Dunkel, 2,41:1) wie die Punktzahl hell */
.wr-earn-points .points-earned .woocommerce-Price-amount, .wr-earn-points .points-earned .woocommerce-Price-amount bdi { color: #d9d9d9 !important; }
/* 1.5.2: Hinweis altes Affiliate-Programm (MF_Layout_Partner) — global, die Seiten affiliate-area/-information laden mf-layout-inhalt.css nicht */
.mf-partner-hinweis { margin: 0 0 34px; padding: 26px 28px; background: #1c1c1c; border: 1px solid #343434; border-top: 3px solid #7E700C; color: #e9e9e9; }
.mf-partner-hinweis__kicker { margin: 0 0 6px; color: #B3A43C; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.mf-partner-hinweis h2 { margin: 0 0 12px; color: #fff; font-size: clamp(22px, 2.6vw, 30px); line-height: 1.2; }
.mf-partner-hinweis p { margin: 0 0 12px; color: #dcdcdc; }
.mf-partner-hinweis__schritte { margin: 6px 0 18px 20px; padding: 0; color: #dcdcdc; }
.mf-partner-hinweis__schritte li { margin: 0 0 8px; }
.mf-partner-hinweis a { color: #B3A43C; }
.mf-partner-hinweis__knoepfe { display: flex; flex-wrap: wrap; gap: 10px; }
.mf-partner-hinweis a.mf-btn { display: inline-flex; align-items: center; min-height: 46px; padding: 0 22px; background: #7E700C; border: 1px solid #7E700C; border-radius: 0; color: #fff !important; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; font-size: 13px; }
.mf-partner-hinweis a.mf-btn:hover { background: #948414; border-color: #948414; }
.mf-partner-hinweis a.mf-btn--leise { background: transparent; color: #f1f1f1 !important; border-color: #555; }
.mf-partner-hinweis a.mf-btn--leise:hover { background: transparent; border-color: #f1f1f1; }
.mf-partner-hinweis .mf-leise { color: #b5b5b5; font-size: 14px; margin: 14px 0 0; }
/* 1.6.4 (Phase E Icon-/Layout-Prüfung): WooRewards-Abzeichen-Popup. Die Quell-Elemente .lws_wre_badge (aus wp_footer) standen bei
   mehreren neuen Abzeichen als nackter Text unter dem Fuß — badge.js baut das Popup separat in body, die Quelle darf unsichtbar sein.
   Popup im Seitenstil (vorher grauer Kasten mit Serifenschrift). */
.lws_wre_badge { display: none !important; }
.lws-badge { z-index: 100000; }
.lws-badge .lws-badge-wrapper { background: #1f1f1f !important; border: 1px solid #7E700C; box-shadow: 0 12px 32px rgba(0, 0, 0, .6); font-family: var(--mf-font, 'Signika', sans-serif); }
.lws-badge .lws-badge-img-container { background: #111 !important; }
.lws-badge .lws-badge-content-container { padding: 10px 16px; color: #f1f1f1; font-family: var(--mf-font, 'Signika', sans-serif); }
.lws-badge .lws-badge-content-title { color: #B3A43C !important; font: 700 17px/1.25 var(--mf-font, 'Signika', sans-serif) !important; }
.lws-badge .lws-badge-content-text, .lws-badge .lws-badge-content-text * { color: #dcdcdc !important; font: 400 14px/1.4 var(--mf-font, 'Signika', sans-serif) !important; }
.lws-badge .lws-badge-content-sep { border-top: 1px solid #343434; margin: 6px 0; }
/* 1.6.7 Laufzeit des Videos (Dominik 23.10.2026) — Warenkorb, Mini-Warenkorb, Kasse, Bezahlseite; Uhr-Symbol per Maske */
.mf-laufzeit { display: flex; align-items: center; gap: 6px; margin-top: 6px; color: #d4d4d4; font-size: 13.5px; font-weight: 600; letter-spacing: .02em; line-height: 1.3; }
.mf-laufzeit::before { content: ""; flex: 0 0 14px; width: 14px; height: 14px; background: #B3A43C; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 2a8 8 0 110 16 8 8 0 010-16zm-1 3v6l5 3 1-1.7-4-2.3V7z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 2a8 8 0 110 16 8 8 0 010-16zm-1 3v6l5 3 1-1.7-4-2.3V7z'/%3E%3C/svg%3E") center / contain no-repeat; }
#mf-korb .mf-laufzeit { margin-top: 4px; font-size: 12.5px; }
/* 1.6.7 Bezahlseite /checkout/order-pay/ (Vorlage kasse/form-pay.php): Kopf mit Bestellung, Artikel wie im Warenkorb (Clip 16:9), Zahlung als Karte */
.mf-bezahlen__kopf { margin: 34px 0 22px; }
.mf-bezahlen__kicker { margin: 0 0 6px; color: #B3A43C; font-size: 13px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.mf-bezahlen__titel { margin: 0 0 8px; color: #fff; font-size: clamp(28px, 3.4vw, 40px); line-height: 1.12; text-transform: none; letter-spacing: 0; }
.mf-bezahlen__info { margin: 0; color: #cfcfcf; font-size: 16px; }
form.mf-bezahlen { margin: 0 0 40px; }
.mf-bezahlen table.mf-bezahlen__tabelle { width: 100%; margin: 0 0 26px; border: 1px solid #343434 !important; border-collapse: collapse; background: #1c1c1c; }
.mf-bezahlen .mf-bezahlen__tabelle thead th { padding: 14px 16px; background: #222; border: 0 !important; border-bottom: 1px solid #343434 !important; color: #e9e9e9; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; }
.mf-bezahlen .mf-bezahlen__tabelle td { padding: 16px; border: 0 !important; border-bottom: 1px solid #2c2c2c !important; vertical-align: middle; color: #e9e9e9; }
.mf-bezahlen .mf-bezahlen__tabelle td.product-thumbnail { width: 192px; }
.mf-bezahlen .mf-bezahlen__tabelle td.product-thumbnail a { display: block; }
.mf-bezahlen .mf-bezahlen__tabelle .product-thumbnail .mf-clip, .mf-bezahlen .mf-bezahlen__tabelle .product-thumbnail > a > img, .mf-bezahlen .mf-bezahlen__tabelle .product-thumbnail > img { width: 160px !important; max-width: none !important; height: 90px !important; object-fit: cover; }
.mf-bezahlen .mf-bezahlen__name { color: #B3A43C; font-size: 17px; font-weight: 600; line-height: 1.35; text-decoration: none; }
.mf-bezahlen a.mf-bezahlen__name:hover { color: #fff; }
.mf-bezahlen .mf-bezahlen__tabelle .product-quantity, .mf-bezahlen .mf-bezahlen__tabelle .product-subtotal, .mf-bezahlen .mf-bezahlen__tabelle .product-total { text-align: right; white-space: nowrap; }
.mf-bezahlen .mf-bezahlen__tabelle td.product-subtotal { color: #fff; font-weight: 700; font-size: 17px; }
.mf-bezahlen .mf-bezahlen__tabelle tfoot th, .mf-bezahlen .mf-bezahlen__tabelle tfoot td { padding: 18px 16px; background: #222; border: 0 !important; color: #fff; font-size: 18px; text-align: right; }
.mf-bezahlen .mf-bezahlen__tabelle tfoot td { font-size: 24px; font-weight: 700; color: #B3A43C; }
.mf-bezahlen__zahlung { margin: 0 0 12px; color: #fff; font-size: 22px; text-transform: none; letter-spacing: 0; }
.mf-bezahlen #payment { padding: 20px 22px 24px; background: #1c1c1c; border: 1px solid #343434; border-top: 3px solid #7E700C; border-radius: 0; }
.mf-bezahlen #payment ul.payment_methods { margin: 0 0 18px; padding: 0 0 14px; border-bottom: 1px solid #2c2c2c; }
.mf-bezahlen #payment .form-row { margin: 0; padding: 0; }
.mf-bezahlen #payment #place_order { width: 100%; min-height: 54px; font-size: 17px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
@media (max-width: 768px) {
	.mf-bezahlen__kopf { margin: 22px 0 16px; }
	.mf-bezahlen .mf-bezahlen__tabelle thead { display: none; }
	.mf-bezahlen .mf-bezahlen__tabelle tbody tr { display: grid; grid-template-columns: 1fr auto; gap: 8px 12px; padding: 14px; border-bottom: 1px solid #2c2c2c; }
	.mf-bezahlen .mf-bezahlen__tabelle tbody td { display: block; padding: 0; border: 0 !important; }
	.mf-bezahlen .mf-bezahlen__tabelle td.product-thumbnail { grid-column: 1 / -1; width: auto; }
	.mf-bezahlen .mf-bezahlen__tabelle .product-thumbnail .mf-clip, .mf-bezahlen .mf-bezahlen__tabelle .product-thumbnail > a > img, .mf-bezahlen .mf-bezahlen__tabelle .product-thumbnail > img { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; }
	.mf-bezahlen .mf-bezahlen__tabelle td.product-name { grid-column: 1 / -1; }
	.mf-bezahlen .mf-bezahlen__tabelle td.product-quantity { text-align: left; color: #cfcfcf; }
	.mf-bezahlen .mf-bezahlen__tabelle tfoot tr { display: flex; justify-content: space-between; align-items: center; }
	.mf-bezahlen .mf-bezahlen__tabelle tfoot th { text-align: left; }
	.mf-bezahlen #payment { padding: 16px 14px 18px; }
}
.mf-bezahlen .mf-bezahlen__tabelle tfoot tr { background: #222; }

/* mf_fuss_netzwerk_v1 (1.7.2) — eigene Marken unter „Follow us“ */
.mf-fuss__netz { margin-top: 22px; }
.mf-fuss__netzliste { grid-auto-flow: column; justify-content: start; gap: 6px 18px; }
@media (max-width: 380px) { .mf-fuss__netzliste { grid-auto-flow: row; } }

/* mf_trp_schwebe_v1 (1.7.2) — TranslatePress-Sprachumschalter (unten rechts) im Seitenstil: eckig, dunkel, Kontrast >= 4,5:1.
   TRP setzt die Werte als Inline-Variablen → !important. */
.trp-floating-switcher {
	--bg: #1e1e1e !important; --bg-hover: #2c2c2c !important; --text: #f1f1f1 !important; --text-hover: #BFD055 !important;
	--border: 1px solid #444 !important; --border-color: #444 !important; --border-radius: 0 !important; --flag-radius: 0 !important;
	font-family: var(--mf-font);
}
.trp-floating-switcher, .trp-floating-switcher * { border-radius: 0 !important; }
.trp-floating-switcher .trp-language-item:focus-visible { outline: 2px solid var(--mf-gelb); outline-offset: -2px; }
/* 1.7.3: TRP setzt pointer-events:none auf die aktuelle Sprache → jeder Tipp traf nur die Hülle (S26-Sonde 23.10.). */
.trp-floating-switcher .trp-language-item__current { pointer-events: auto !important; cursor: pointer; }

/* mf_impressum_wie_scatportal_v1 (1.7.5) */
.mf-impressum { max-width: 760px; margin: 0 auto; color: var(--mf-text); }
.mf-impressum__titel { text-align: center; }
.mf-impressum__grafik { display: block; margin: 18px auto 22px; max-width: 100%; height: auto; }
.mf-impressum a { color: var(--mf-ocker-text); text-decoration: underline; }
.mf-impressum__haftung-uebersetzung { color: var(--mf-leise); }

/* mf_burger_eigen_v2 (1.7.9, Dominik 24.10.2026: „die drei Striche sind nicht synchron“): v1 (1.7.7) mischte Breiten- und
   Dreh-Übergänge mit verschiedenen Dauern (.3 s / .5 s / .22 s), der Mittelbalken drehte um einen anderen Punkt und das X im
   Panel startete .12 s später mit eigener Kurve → drei Striche liefen sichtbar auseinander, das Panel-X sprang beim Schließen.
   Jetzt: alle Balken immer volle Breite, die Staffelung 100/72/46 % ist nur scaleX + Linksausgleich (translateX) — dieselbe
   Funktionsliste in jedem Zustand, EIN Übergang (.46 s, gleiche Kurve) für alle drei. Panel-X läuft dieselbe Bewegung zur
   selben Zeit (keine Verzögerung) und bleibt beim Schließen ein X; der Kopf-Burger wird erst zurückverwandelt, wenn das Panel
   ihn wieder freigibt (.3 s). */
.mf-burger, .mf-menue__zu { --mf-bv: 14px; --mf-bk: cubic-bezier(.77,0,.18,1); --mf-bd: .46s; }
.mf-burger span, .mf-menue__zu span { margin-left: 0 !important; width: 100% !important; transform-origin: 50% 50%; will-change: transform; }
.mf-burger span:nth-child(1), .mf-menue__zu span:nth-child(1) { transform: translateY(0) translateX(0) rotate(0deg) scaleX(1); }
.mf-burger span:nth-child(2), .mf-menue__zu span:nth-child(2) { transform: translateY(0) translateX(-14%) rotate(0deg) scaleX(.72); }
.mf-burger span:nth-child(3), .mf-menue__zu span:nth-child(3) { transform: translateY(0) translateX(-27%) rotate(0deg) scaleX(.46); }
.mf-burger span { transition: transform var(--mf-bd) var(--mf-bk) 0s, opacity var(--mf-bd) var(--mf-bk) 0s, background .2s; }
html.mf-schliesst .mf-burger span { transition-delay: .3s, .3s, 0s; }
.mf-burger:hover span:nth-child(2), .mf-burger:focus-visible span:nth-child(2),
.mf-burger:hover span:nth-child(3), .mf-burger:focus-visible span:nth-child(3) { transform: translateY(0) translateX(0) rotate(0deg) scaleX(1); }
html.mf-offen .mf-burger span { transition-delay: 0s; }
html.mf-offen .mf-burger span:nth-child(1) { transform: translateY(var(--mf-bv)) translateX(0) rotate(135deg) scaleX(1); }
html.mf-offen .mf-burger span:nth-child(2) { transform: translateY(0) translateX(0) rotate(0deg) scaleX(0); opacity: 0; }
html.mf-offen .mf-burger span:nth-child(3) { transform: translateY(calc(-1 * var(--mf-bv))) translateX(0) rotate(-135deg) scaleX(1); }
html.mf-offen .mf-menue__zu span { animation-duration: var(--mf-bd) !important; animation-delay: 0s !important; animation-timing-function: var(--mf-bk) !important; animation-fill-mode: forwards !important; }
html.mf-offen .mf-menue__zu span:nth-child(1) { animation-name: mfY1 !important; }
html.mf-offen .mf-menue__zu span:nth-child(2) { animation-name: mfY2 !important; }
html.mf-offen .mf-menue__zu span:nth-child(3) { animation-name: mfY3 !important; }
html.mf-schliesst .mf-menue__zu span:nth-child(1) { animation: none !important; transform: translateY(var(--mf-bv)) translateX(0) rotate(135deg) scaleX(1); }
html.mf-schliesst .mf-menue__zu span:nth-child(2) { animation: none !important; transform: translateY(0) translateX(0) rotate(0deg) scaleX(0); opacity: 0; }
html.mf-schliesst .mf-menue__zu span:nth-child(3) { animation: none !important; transform: translateY(calc(-1 * var(--mf-bv))) translateX(0) rotate(-135deg) scaleX(1); }
@keyframes mfY1 { to { transform: translateY(var(--mf-bv)) translateX(0) rotate(135deg) scaleX(1); } }
@keyframes mfY2 { to { transform: translateY(0) translateX(0) rotate(0deg) scaleX(0); opacity: 0; } }
@keyframes mfY3 { to { transform: translateY(calc(-1 * var(--mf-bv))) translateX(0) rotate(-135deg) scaleX(1); } }
@media (max-width: 900px) {
	.mf-burger, .mf-menue__zu { --mf-bv: 12px; }
}
@media (prefers-reduced-motion: reduce) { .mf-burger span { transition: none; } html.mf-offen .mf-menue__zu span { animation-duration: .01s !important; animation-delay: 0s !important; } }