/* ==========================================================================
   MD PRINT – Child-Theme (Kadence). Design-Tokens, Grundlagen, Header, Startseite,
   Bereichsseiten, Kacheln, Labels, Footer, Seiten, Formulare.
   Shop-Seiten (Produkt, Warenkorb, Kasse): shop.css
   Mobile first: Basis = Handy (390 px), dann 768 / 1024 / 1280 / 1440.
   ========================================================================== */

@font-face { font-family: "Montserrat"; src: url("../fonts/montserrat-var.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-var.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Allura"; src: url("../fonts/allura.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

:root {
	/* Farben (Startwerte aus den Mockups, Anforderungen 0.3) */
	--mdp-dunkel: #17130F;
	--mdp-braun: #2A2119;
	--mdp-braun-2: #3A2D20;
	--mdp-gold: #C9A253;
	--mdp-gold-hell: #E9CF91;
	--mdp-bronze: #B08A3E;
	--mdp-bronze-dunkel: #7A5A1E; /* Text/Links auf hellem Grund (Kontrast >= 5:1) */
	--mdp-creme: #F6F2EA;
	--mdp-creme-2: #EDE5D6;
	--mdp-text: #1D1A16;
	--mdp-text-2: #5E554A;
	--mdp-linie: #E3D9C7;
	--mdp-weiss: #FFFFFF;
	--mdp-hell-auf-dunkel: #EFE6D6;
	--mdp-gedimmt-auf-dunkel: #C8BBA5;
	--mdp-gold-verlauf: linear-gradient(180deg, #F6E3AE 0%, #D8B568 38%, #B8904A 70%, #8E6A2C 100%);
	--mdp-gold-knopf: linear-gradient(180deg, #DDBB72 0%, #C9A253 55%, #B8904A 100%);

	/* Schrift */
	--mdp-titel: "Montserrat", "Segoe UI", system-ui, sans-serif;
	--mdp-text-schrift: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
	--mdp-schreib: "Allura", "Segoe Script", cursive;

	/* Masse */
	--mdp-pad: 16px;
	--mdp-breite: 1360px;
	--mdp-radius: 14px;
	--mdp-radius-s: 10px;
	--mdp-schatten: 0 10px 30px rgba(23, 19, 15, .10);
	--mdp-schatten-gross: 0 22px 50px rgba(23, 19, 15, .16);
	--mdp-topbar-h: 36px;
	--mdp-kopf-h: 64px;
	--mdp-tempo: .22s cubic-bezier(.2, .7, .3, 1);
}
@media (min-width: 768px) { :root { --mdp-pad: 24px; } }
@media (min-width: 1024px) { :root { --mdp-topbar-h: 44px; --mdp-kopf-h: 76px; } }

/* ---------- Grundlagen ---------- */
html { overflow-x: clip; scroll-padding-top: calc(var(--mdp-kopf-h) + 16px); }
body.mdp { overflow-x: clip; background: var(--mdp-creme); color: var(--mdp-text); font-family: var(--mdp-text-schrift); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
html.mdp-gesperrt { overflow: hidden; overscroll-behavior: none; }
.mdp h1, .mdp h2, .mdp h3, .mdp h4 { font-family: var(--mdp-titel); color: inherit; letter-spacing: -.01em; }
.mdp a { color: var(--mdp-bronze-dunkel); }
.mdp :focus-visible { outline: 2px solid var(--mdp-gold); outline-offset: 2px; border-radius: 4px; }
.mdp-container { width: 100%; max-width: var(--mdp-breite); margin-inline: auto; padding-inline: max(var(--mdp-pad), env(safe-area-inset-left)) max(var(--mdp-pad), env(safe-area-inset-right)); box-sizing: border-box; }
.mdp-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.mdp-ico { width: 1.25em; height: 1.25em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; vertical-align: -.25em; }
.mdp-ico--flagge { stroke: none; border-radius: 3px; }
.mdp-bico { width: 48px; height: 48px; flex: none; }
.mdp-gold { font-style: normal; color: var(--mdp-bronze); }
.mdp-schrift { font-family: var(--mdp-schreib); font-weight: 400; letter-spacing: 0; }
.mdp-main { display: block; }
#inner-wrap { background: transparent; }
.mdp-platzhalter-text { color: var(--mdp-text-2); font-style: italic; }

/* ---------- Knöpfe, Chips, Badges ---------- */
.mdp-knopf { display: inline-flex; align-items: center; justify-content: center; gap: .55em; min-height: 46px; padding: 11px 22px; border-radius: var(--mdp-radius-s); border: 1.5px solid transparent; font: 700 15px/1.2 var(--mdp-titel); letter-spacing: .01em; text-decoration: none; cursor: pointer; transition: background var(--mdp-tempo), color var(--mdp-tempo), border-color var(--mdp-tempo), transform var(--mdp-tempo), box-shadow var(--mdp-tempo); }
.mdp-knopf .mdp-ico { width: 18px; height: 18px; transition: transform var(--mdp-tempo); }
.mdp-knopf:hover .mdp-ico { transform: translateX(3px); }
.mdp .mdp-knopf--gold { background: var(--mdp-gold-knopf); color: var(--mdp-dunkel); box-shadow: 0 6px 18px rgba(176, 138, 62, .28); }
.mdp .mdp-knopf--gold:hover { color: var(--mdp-dunkel); transform: translateY(-1px); box-shadow: 0 10px 24px rgba(176, 138, 62, .36); }
.mdp .mdp-knopf--dunkel { background: var(--mdp-dunkel); color: #fff; }
.mdp .mdp-knopf--dunkel:hover { background: var(--mdp-braun-2); color: #fff; }
.mdp .mdp-knopf--rahmen { border-color: var(--mdp-gold); color: #fff; background: rgba(23, 19, 15, .25); }
.mdp .mdp-knopf--rahmen:hover { background: var(--mdp-gold); color: var(--mdp-dunkel); }
.mdp .mdp-knopf--hell { border-color: rgba(255, 255, 255, .7); color: #fff; background: transparent; }
.mdp .mdp-knopf--hell:hover { background: #fff; color: var(--mdp-dunkel); }
.mdp .mdp-knopf--text { background: none; color: var(--mdp-bronze-dunkel); text-decoration: underline; text-underline-offset: 3px; padding-inline: 8px; }

.mdp-chip { box-sizing: border-box; display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 7px 15px; border: 1px solid var(--mdp-linie); border-radius: 999px; background: #fff; color: var(--mdp-text); font: 600 14px/1.2 var(--mdp-titel); text-decoration: none; cursor: pointer; transition: border-color var(--mdp-tempo), background var(--mdp-tempo); }
.mdp a.mdp-chip { color: var(--mdp-text); }
.mdp-chip:hover { border-color: var(--mdp-gold); }
.mdp-chip .mdp-ico { width: 17px; height: 17px; }

.mdp-badges { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; padding: 0; list-style: none; }
.mdp-badge { display: inline-flex; align-items: center; padding: 5px 11px; border-radius: 999px; background: #EFE3C8; color: #5B431A; font: 600 12.5px/1.3 var(--mdp-titel); }
.mdp-badge--vorschau { background: var(--mdp-gold-knopf); color: var(--mdp-dunkel); box-shadow: 0 2px 8px rgba(23, 19, 15, .18); }

.mdp-haken { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.mdp-haken li { display: flex; gap: 10px; align-items: flex-start; }
.mdp-haken .mdp-ico { color: var(--mdp-gold); stroke-width: 2.4; width: 18px; height: 18px; margin-top: .15em; }

.mdp-hinweis-box { display: flex; gap: 12px; align-items: flex-start; margin: 0 0 20px; padding: 14px 16px; border: 1px solid #E7D3A6; border-radius: var(--mdp-radius-s); background: #FBF4E4; color: #4A3A1E; font-size: 14.5px; }
.mdp-hinweis-box .mdp-ico { color: var(--mdp-bronze); margin-top: .1em; }

/* Platzhalter: Symbol + «Foto» (Anforderungen 0.3) */
.mdp-ph { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 100%; min-height: 100%; padding: 12px; box-sizing: border-box; background: radial-gradient(circle at 50% 40%, #F7F0E2 0%, var(--mdp-creme-2) 70%); color: var(--mdp-bronze); text-align: center; }
.mdp-ph .mdp-ico { width: clamp(30px, 22%, 54px); height: auto; aspect-ratio: 1; stroke-width: 1.4; }
.mdp-ph__text { font: 600 11px/1.3 var(--mdp-titel); letter-spacing: .14em; text-transform: uppercase; color: #8C7550; }
.mdp-ph--dunkel { background: radial-gradient(circle at 50% 40%, #3A2D20 0%, #221A13 75%); color: var(--mdp-gold); }
.mdp-ph--dunkel .mdp-ph__text { color: var(--mdp-gedimmt-auf-dunkel); letter-spacing: .08em; }

/* ---------- Header ---------- */
#masthead.mdp-kopf { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) - var(--mdp-topbar-ist, var(--mdp-topbar-h))); z-index: 60; }
.mdp-topbar { min-height: var(--mdp-topbar-h); background: var(--mdp-dunkel); color: var(--mdp-gedimmt-auf-dunkel); font-size: 12.5px; line-height: 1.25; }
.mdp-topbar__in { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: var(--mdp-topbar-h); }
.mdp-topbar p { margin: 0; }
.mdp-topbar__usps { position: relative; flex: 1 1 auto; overflow: hidden; min-width: 0; align-self: stretch; margin: 0; padding: 0; list-style: none; }
.mdp-usp { position: absolute; inset: 0 auto 0 0; display: flex; align-items: center; gap: 8px; white-space: nowrap; opacity: 0; animation: mdp-usp 12s infinite; animation-delay: calc(var(--i) * 4s); }
.mdp-usp .mdp-ico { color: var(--mdp-gold); width: 18px; height: 18px; }
.mdp-usp strong { color: var(--mdp-hell-auf-dunkel); font-weight: 600; }
.mdp-usp__sub { display: none; }
@keyframes mdp-usp { 0%, 2% { opacity: 0; transform: translateY(4px); } 5%, 30% { opacity: 1; transform: none; } 33%, 100% { opacity: 0; transform: translateY(-4px); } }
.mdp-topbar__usps--mit-hinweis { display: none; }
.mdp-topbar__saison { display: flex; align-items: center; gap: 7px; min-width: 0; color: var(--mdp-gold-hell); font-weight: 600; }
.mdp-topbar__saison span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mdp-topbar__saison .mdp-ico { width: 16px; height: 16px; }
.mdp-topbar__ch { display: flex; align-items: center; gap: 7px; flex: none; color: var(--mdp-hell-auf-dunkel); font-weight: 600; }
.mdp-topbar__ch .mdp-ico { width: 15px; height: 15px; }
/* Schmale Handys: Saison-Hinweis darf zweizeilig werden, statt das Datum abzuschneiden (Hoehe misst inc/kopf.php). */
@media (max-width: 479px) { .mdp-topbar__saison + .mdp-topbar__ch span, .mdp-topbar__saison .mdp-ico { display: none; } .mdp-topbar__saison { font-size: 12px; padding-block: 4px; } .mdp-topbar__saison span { white-space: normal; text-overflow: clip; } }

.mdp-hauptleiste { position: relative; background: #fff; border-bottom: 1px solid var(--mdp-linie); box-shadow: 0 1px 0 rgba(23, 19, 15, .02); }
.mdp-hauptleiste__in { display: flex; align-items: center; gap: 12px; height: var(--mdp-kopf-h); }

.mdp-marke { display: inline-flex; flex-direction: column; align-items: center; flex: none; text-decoration: none; line-height: 1; }
.mdp .mdp-marke { color: var(--mdp-text); }
.mdp-marke__wort { font: 800 22px/1 var(--mdp-titel); letter-spacing: -.035em; }
.mdp-marke__md { background: var(--mdp-gold-verlauf); -webkit-background-clip: text; background-clip: text; color: transparent; margin-right: .04em; }
.mdp-marke__zusatz { display: flex; align-items: center; gap: 5px; margin-top: 4px; font: 600 7.5px/1 var(--mdp-titel); letter-spacing: .32em; text-transform: uppercase; color: var(--mdp-bronze-dunkel); }
.mdp-marke__zusatz::before, .mdp-marke__zusatz::after { content: ""; width: 10px; height: 1px; background: currentColor; opacity: .7; }
.mdp .mdp-marke--hell { color: #fff; }
.mdp-marke--hell .mdp-marke__zusatz { color: var(--mdp-gold); }
@media (min-width: 1024px) { .mdp-marke__wort { font-size: 27px; } .mdp-marke__zusatz { font-size: 8.5px; } }

/* Die Kopfzeile darf auf grossen Bildschirmen breiter sein als der Inhalt, damit Suchfeld und Navigation Platz haben. */
.mdp-container--kopf { max-width: 1640px; }

/* Navigation: sichtbar, sobald der Platz-Waechter (inc/kopf.php) Stufe 0–3 setzt (.mdp-kopf--nav).
   Ohne JavaScript: ab 1280 px Navigation mit Symbolen (Stufe 3). */
.mdp-nav { display: none; }
.mdp-kopf--nav .mdp-nav { display: block; flex: 1 1 auto; min-width: 0; }
@media (min-width: 1280px) { .mdp-kopf:not(.mdp-kopf--gemessen) .mdp-nav { display: block; flex: 1 1 auto; min-width: 0; } }
.mdp-nav__liste { display: flex; justify-content: center; justify-content: safe center; gap: 6px; margin: 0; padding: 0; list-style: none; }
.mdp-nav__punkt { position: relative; display: flex; align-items: center; }
.mdp .mdp-nav__link { display: block; padding: 10px 2px 10px 8px; color: var(--mdp-text); font: 600 14px/1.2 var(--mdp-titel); text-decoration: none; white-space: nowrap; position: relative; }
.mdp-nav__link::after { content: ""; position: absolute; left: 8px; right: 2px; bottom: 2px; height: 2px; border-radius: 2px; background: var(--mdp-gold); transform: scaleX(0); transform-origin: left; transition: transform var(--mdp-tempo); }
.mdp-nav__punkt:hover .mdp-nav__link::after, .mdp-nav__punkt.is-aktiv .mdp-nav__link::after, .mdp-nav__punkt.is-offen .mdp-nav__link::after { transform: none; }
.mdp-nav__auf { display: grid; place-items: center; width: 22px; height: 30px; padding: 0; border: 0; background: none; color: var(--mdp-text-2); cursor: pointer; }
.mdp-nav__auf .mdp-ico { width: 14px; height: 14px; transition: transform var(--mdp-tempo); }
.mdp-nav__punkt.is-offen .mdp-nav__auf .mdp-ico { transform: rotate(180deg); }
.mdp-dd { position: absolute; top: calc(100% + 10px); left: -6px; z-index: 70; width: max-content; min-width: 250px; max-width: 320px; padding: 10px; background: #fff; border: 1px solid var(--mdp-linie); border-top: 3px solid var(--mdp-gold); border-radius: 0 0 var(--mdp-radius) var(--mdp-radius); box-shadow: var(--mdp-schatten-gross); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity var(--mdp-tempo), transform var(--mdp-tempo), visibility 0s linear .22s; }
.mdp-dd::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 12px; } /* Hover-Bruecke */
.mdp-nav__punkt:nth-last-child(-n+2) .mdp-dd { left: auto; right: -6px; }
.mdp-nav__punkt.is-offen .mdp-dd, .mdp-nav__punkt:focus-within .mdp-dd { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.mdp-dd__liste { margin: 0; padding: 0; list-style: none; }
.mdp .mdp-dd__liste a { display: block; padding: 8px 12px; border-radius: 8px; color: var(--mdp-text); font-size: 14.5px; text-decoration: none; }
.mdp .mdp-dd__liste a:hover, .mdp .mdp-dd__liste a[aria-current] { background: var(--mdp-creme); color: var(--mdp-bronze-dunkel); }
.mdp .mdp-dd__alle { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 6px; padding: 10px 12px 4px; border-top: 1px solid var(--mdp-linie); color: var(--mdp-bronze-dunkel); font: 700 13.5px/1.3 var(--mdp-titel); text-decoration: none; }
.mdp-dd__alle .mdp-ico { width: 16px; height: 16px; }
@media (hover: hover) {
	.mdp-nav__punkt:hover .mdp-dd { opacity: 1; visibility: visible; transform: none; transition-delay: .08s; }
	.mdp-nav__punkt:hover .mdp-nav__auf .mdp-ico { transform: rotate(180deg); }
}

.mdp-aktionen { display: flex; align-items: center; gap: 2px; margin-left: auto; flex: none; }
.mdp .mdp-aktion { position: relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 42px; height: 46px; padding: 4px 6px; border: 0; border-radius: 10px; background: none; color: var(--mdp-text); font: 600 11px/1 var(--mdp-titel); text-decoration: none; cursor: pointer; }
.mdp .mdp-aktion:hover { background: var(--mdp-creme); color: var(--mdp-text); }
.mdp-aktion .mdp-ico { width: 23px; height: 23px; }
.mdp-aktion__text { display: none; }
.mdp .mdp-aktion--konto { display: none; }
.mdp-zaehler { position: absolute; top: 2px; right: 1px; display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 4px; box-sizing: border-box; border-radius: 9px; background: var(--mdp-gold); color: var(--mdp-dunkel); font: 700 11px/1 var(--mdp-titel); }
.mdp-aktionen__suche { display: none; }
@media (min-width: 768px) { .mdp .mdp-aktion--konto { display: inline-flex; } }
.mdp .mdp-kopf--nav .mdp-aktion--menu { display: none; }
@media (min-width: 1280px) { .mdp .mdp-kopf:not(.mdp-kopf--gemessen) .mdp-aktion--menu { display: none; } }
.mdp-kopf--text .mdp-aktion__text { display: block; }
.mdp .mdp-kopf--text .mdp-aktion { min-width: 64px; height: 52px; }
.mdp-kopf--text .mdp-zaehler { right: 10px; }
.mdp-kopf--feld .mdp-aktionen__suche { display: block; width: 240px; margin-right: 8px; }
.mdp .mdp-kopf--feld .mdp-aktion--suche { display: none; }

.mdp-suche { display: flex; align-items: stretch; width: 100%; border: 1px solid #D9CDB8; border-radius: var(--mdp-radius-s); background: #fff; overflow: hidden; }
.mdp-suche:focus-within { border-color: var(--mdp-gold); box-shadow: 0 0 0 3px rgba(201, 162, 83, .25); }
.mdp .mdp-suche__feld { flex: 1 1 auto; min-width: 0; height: 44px; padding: 0 14px; border: 0; background: none; color: var(--mdp-text); font: 15px var(--mdp-text-schrift); box-shadow: none; outline: 0; }
.mdp .mdp-suche__los { display: grid; place-items: center; width: 48px; border: 0; border-radius: 0; background: var(--mdp-bronze); color: #fff; cursor: pointer; }
.mdp .mdp-suche__los:hover { background: var(--mdp-bronze-dunkel); }
.mdp-suchfeld { position: absolute; left: 0; right: 0; top: 100%; padding: 12px 0; background: #fff; border-bottom: 1px solid var(--mdp-linie); box-shadow: var(--mdp-schatten); }
.mdp-suchfeld .mdp-suche { max-width: 720px; margin-inline: auto; }

/* Handy-Menü (Schublade) */
.mdp-schublade { position: fixed; inset: 0 0 0 auto; z-index: 100; width: min(90vw, 400px); padding: 14px 18px 28px; box-sizing: border-box; overflow-y: auto; overscroll-behavior: contain; background: var(--mdp-dunkel); color: var(--mdp-hell-auf-dunkel); box-shadow: -20px 0 60px rgba(0, 0, 0, .35); animation: mdp-rein .28s cubic-bezier(.2, .7, .3, 1); }
.mdp-schublade[hidden], .mdp-schleier[hidden] { display: none; }
@keyframes mdp-rein { from { transform: translateX(100%); } to { transform: none; } }
.mdp-schleier { position: fixed; inset: 0; z-index: 90; background: rgba(10, 8, 6, .55); animation: mdp-ein .2s ease; }
@keyframes mdp-ein { from { opacity: 0; } }
.mdp-schublade__kopf { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.mdp .mdp-schublade__zu { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(255, 255, 255, .16); border-radius: 50%; background: none; color: #fff; cursor: pointer; }
.mdp-schublade .mdp-suche { margin-bottom: 10px; border-color: rgba(255, 255, 255, .2); }
.mdp-schublade__nav > ul, .mdp-schublade__unter, .mdp-schublade__links { margin: 0; padding: 0; list-style: none; }
.mdp-schublade__nav summary { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 6px 2px; border-bottom: 1px solid rgba(255, 255, 255, .08); font: 700 16px/1.2 var(--mdp-titel); cursor: pointer; list-style: none; --bi-kontur: #EDE3CF; --bi-flaeche: #2A2119; }
.mdp-schublade__nav summary::-webkit-details-marker { display: none; }
.mdp-schublade__nav .mdp-bico { width: 34px; height: 34px; }
.mdp-schublade__nav summary span { flex: 1; }
.mdp-schublade__pfeil { width: 18px; height: 18px; color: var(--mdp-gold); transition: transform var(--mdp-tempo); }
.mdp-schublade__nav details[open] .mdp-schublade__pfeil { transform: rotate(180deg); }
.mdp-schublade__unter { padding: 6px 0 12px 46px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.mdp .mdp-schublade__unter a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 40px; color: var(--mdp-hell-auf-dunkel); font-size: 15px; text-decoration: none; }
.mdp .mdp-schublade__unter a[aria-current] { color: var(--mdp-gold); }
.mdp .mdp-schublade__alle { color: var(--mdp-gold); font-weight: 600; }
.mdp-schublade__alle .mdp-ico { width: 16px; height: 16px; }
.mdp .mdp-schublade__einfach { display: flex; align-items: center; min-height: 56px; border-bottom: 1px solid rgba(255, 255, 255, .08); color: #fff; font: 700 16px var(--mdp-titel); text-decoration: none; }
.mdp-schublade__links { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mdp .mdp-schublade__links a { display: flex; align-items: center; gap: 9px; min-height: 46px; padding: 0 12px; border: 1px solid rgba(255, 255, 255, .12); border-radius: var(--mdp-radius-s); color: var(--mdp-hell-auf-dunkel); font-size: 14px; text-decoration: none; }
.mdp-schublade__links .mdp-ico { color: var(--mdp-gold); width: 18px; height: 18px; }

@media (min-width: 1024px) {
	.mdp-usp { position: static; opacity: 1; animation: none; }
	.mdp-topbar__usps { display: flex; align-items: center; gap: clamp(18px, 2.4vw, 40px); }
	.mdp-topbar__usps--mit-hinweis { display: flex; }
	.mdp-usp__sub { display: inline; color: var(--mdp-gedimmt-auf-dunkel); }
	.mdp-topbar__saison { flex: none; margin-left: auto; }
	/* Platz-Waechter (inc/kopf.php): Untertitel bzw. ganze Hinweise ausblenden, statt sie abzuschneiden. */
	.mdp-usp.is-kurz .mdp-usp__sub, .mdp-usp.is-weg { display: none; }
}
/* Ohne JavaScript: vorsichtige Breakpoints */
@media (min-width: 1024px) and (max-width: 1679px) { html:not(.mdp-js) .mdp-topbar__usps--mit-hinweis .mdp-usp:nth-child(3) { display: none; } }
@media (min-width: 1024px) and (max-width: 1279px) { html:not(.mdp-js) .mdp-topbar__usps--mit-hinweis .mdp-usp__sub { display: none; } }

/* ---------- Abschnitte ---------- */
.mdp-sektion { padding-block: clamp(40px, 6vw, 72px); }
.mdp-sektion__kopf { text-align: center; margin-bottom: clamp(22px, 3vw, 36px); }
.mdp-sektion__titel { margin: 0; font: 800 clamp(26px, 3.4vw, 38px)/1.15 var(--mdp-titel); }
.mdp-sektion__text { margin: 8px auto 0; max-width: 560px; color: var(--mdp-text-2); font-size: clamp(15px, 1.4vw, 17px); }
.mdp-sektion__kopf--linien .mdp-sektion__titel { display: flex; align-items: center; justify-content: center; gap: clamp(10px, 2vw, 18px); }
.mdp-sektion__titeltext { flex: 0 1 auto; }
.mdp-sektion__kopf--linien .mdp-sektion__titel::before, .mdp-sektion__kopf--linien .mdp-sektion__titel::after { content: ""; flex: 0 1 70px; min-width: 16px; height: 2px; background: linear-gradient(90deg, transparent, var(--mdp-bronze)); }
.mdp-sektion__kopf--linien .mdp-sektion__titel::after { transform: scaleX(-1); }

/* ---------- Startseite: Hero ---------- */
.mdp-held { position: relative; isolation: isolate; overflow: hidden; color: var(--mdp-hell-auf-dunkel); background: radial-gradient(ellipse 60% 70% at 50% 42%, #5A4528 0%, #2E2317 38%, #15100C 78%); }
.mdp-held__glanz { position: absolute; inset: 0; z-index: -1; opacity: .9; background:
	radial-gradient(circle at 12% 22%, rgba(255, 214, 140, .35) 0 2px, transparent 3px),
	radial-gradient(circle at 22% 70%, rgba(255, 214, 140, .28) 0 3px, transparent 4px),
	radial-gradient(circle at 34% 14%, rgba(255, 214, 140, .40) 0 1.5px, transparent 2.5px),
	radial-gradient(circle at 66% 18%, rgba(255, 214, 140, .38) 0 2px, transparent 3px),
	radial-gradient(circle at 78% 64%, rgba(255, 214, 140, .30) 0 2.5px, transparent 3.5px),
	radial-gradient(circle at 88% 30%, rgba(255, 214, 140, .35) 0 1.5px, transparent 2.5px),
	radial-gradient(circle at 58% 82%, rgba(255, 214, 140, .25) 0 2px, transparent 3px),
	radial-gradient(circle at 6% 52%, rgba(255, 190, 110, .14) 0, transparent 9%),
	radial-gradient(circle at 94% 76%, rgba(255, 190, 110, .14) 0, transparent 10%); }
.mdp-held__in { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 18px; padding-block: 28px 86px; text-align: center; }
.mdp-held__links { order: 2; display: grid; justify-items: center; gap: 6px; }
.mdp-held__claim { margin: 0; font-size: clamp(42px, 11vw, 82px); line-height: .92; color: #F7EFE0; text-shadow: 0 4px 18px rgba(0, 0, 0, .45); }
.mdp-held__unter { margin: 6px 0 14px; font: 600 clamp(15px, 1.5vw, 19px)/1.3 var(--mdp-titel); letter-spacing: .03em; color: #E8D9BC; }
.mdp-held__logo { order: 1; position: relative; margin: 0; width: min(100%, 640px); display: grid; place-items: center; }
.mdp-held__logo::before { content: ""; position: absolute; inset: 4% 8% 14%; z-index: -1; border-radius: 50%; background: radial-gradient(ellipse at 50% 50%, rgba(255, 238, 205, .75) 0%, rgba(240, 205, 140, .35) 38%, transparent 70%); filter: blur(6px); }
.mdp-held__bild { display: block; width: 100%; height: auto; filter: drop-shadow(0 16px 22px rgba(0, 0, 0, .5)); }
.mdp-held__ring { position: absolute; inset: 10% 0 16%; border-radius: 50%; border: 2px solid rgba(240, 206, 135, .75); box-shadow: 0 0 18px rgba(240, 206, 135, .55), inset 0 0 16px rgba(240, 206, 135, .3); transform: rotate(-9deg); pointer-events: none; }
.mdp-held__ring::after { content: ""; position: absolute; top: -5px; left: 64%; width: 10px; height: 10px; border-radius: 50%; background: #FFF4D6; box-shadow: 0 0 14px 6px rgba(255, 220, 150, .8); }
.mdp-held__sockel { position: absolute; left: 12%; right: 12%; bottom: -2%; height: 9%; z-index: -1; border-radius: 50%; background: radial-gradient(ellipse at 50% 30%, rgba(214, 178, 110, .55) 0%, rgba(80, 60, 35, .4) 55%, transparent 72%); }
.mdp-held__rechts { display: none; margin: 0; }
.mdp-held__in { position: relative; z-index: 1; }
.mdp-held__anim { position: absolute; left: 0; top: 0; pointer-events: none; }
.mdp-held__funken { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.mdp-held--animiert .mdp-held__ring::after { display: none; }
.mdp .mdp-held__knopf { position: absolute; right: max(16px, env(safe-area-inset-right)); bottom: clamp(44px, 6vw, 86px); z-index: 2; display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid rgba(201, 162, 83, .55); border-radius: 50%; background: rgba(23, 19, 15, .55); color: var(--mdp-gold-hell); cursor: pointer; opacity: .8; transition: opacity var(--mdp-tempo); }
.mdp .mdp-held__knopf:hover { opacity: 1; }
.mdp-held__knopf .mdp-ico { width: 18px; height: 18px; }
.mdp-held__welle { position: absolute; left: 0; bottom: -1px; width: 100%; height: clamp(34px, 5vw, 70px); }
.mdp-held__welle path:first-child { fill: var(--mdp-creme); }
.mdp-held__welle-gold { stroke: var(--mdp-gold); stroke-width: 2.5; opacity: .85; }
@media (min-width: 1024px) {
	.mdp-held__in { grid-template-columns: minmax(0, 1fr) minmax(0, 1.55fr) minmax(0, .9fr); align-items: center; gap: 12px; min-height: 520px; padding-block: 40px 110px; text-align: left; }
	.mdp-held__links { order: 0; justify-items: start; padding-left: clamp(8px, 1.5vw, 24px); transform: rotate(-6deg); }
	.mdp-held__ring { inset: 10% -4% 16%; }
	.mdp-held__claim { font-size: clamp(54px, 5.2vw, 84px); }
	.mdp-held__logo { order: 0; }
	.mdp-held__rechts { display: block; order: 0; font-size: clamp(34px, 3vw, 46px); line-height: 1.05; color: #F2E7D3; text-align: center; transform: rotate(-8deg); text-shadow: 0 4px 16px rgba(0, 0, 0, .45); }
}

/* ---------- Startseite: Saison-Banner (synchronisiertes Muster) ---------- */
.mdp-saison-wrap { padding: clamp(26px, 4vw, 44px) 0 0; }
.mdp-saison-wrap > .mdp-saison, .mdp-saison-wrap .wp-block-group.mdp-saison { width: calc(100% - 2 * var(--mdp-pad)); max-width: calc(var(--mdp-breite) - 2 * var(--mdp-pad)); margin-inline: auto; }
.mdp-saison, .mdp-saison > .wp-block-group__inner-container { display: grid; }
.mdp-saison { position: relative; overflow: hidden; border-radius: var(--mdp-radius); background: #2B1512; color: #fff; box-shadow: var(--mdp-schatten); }
.mdp-saison .mdp-saison__bild { margin: 0; grid-area: 1 / 1; min-height: 0; }
.mdp-saison__text > .wp-block-group__inner-container > :last-child { margin-bottom: 0; }
.mdp-saison .mdp-saison__bild img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mdp-saison__bild--computer { display: none; }
.mdp-saison__bild--handy { aspect-ratio: 4 / 3; }
.mdp-saison .mdp-saison__text { position: relative; padding: 22px 20px 24px; margin: 0; background: linear-gradient(180deg, #2B1512 0%, #1B0E0C 100%); }
.mdp-saison__dachzeile { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; font: 700 12px/1.2 var(--mdp-titel); letter-spacing: .2em; text-transform: uppercase; color: var(--mdp-gold-hell); }
.mdp-saison__dachzeile::before, .mdp-saison__dachzeile::after { content: ""; width: 22px; height: 1px; background: currentColor; }
.mdp .mdp-saison__titel { margin: 0 0 10px; font: 800 clamp(28px, 4vw, 46px)/1.08 var(--mdp-titel); color: #fff; }
.mdp-saison__text p:not(.mdp-saison__dachzeile) { margin: 0 0 18px; color: #F0E2D2; font-size: clamp(15px, 1.4vw, 17px); max-width: 440px; }
.mdp-saison .wp-block-buttons { gap: 10px; }
.mdp-saison .wp-block-button__link { display: inline-flex; align-items: center; min-height: 46px; padding: 11px 20px; border-radius: var(--mdp-radius-s); font: 700 15px/1.2 var(--mdp-titel); text-decoration: none; }
.mdp .mdp-saison .wp-block-button:not(.is-style-outline) .wp-block-button__link { background: var(--mdp-gold-knopf); color: var(--mdp-dunkel); }
.mdp .mdp-saison .is-style-outline .wp-block-button__link { border: 1.5px solid rgba(255, 255, 255, .75); background: transparent; color: #fff; }
.mdp .mdp-saison .is-style-outline .wp-block-button__link:hover { background: #fff; color: var(--mdp-dunkel); }
@media (min-width: 768px) {
	.mdp-saison { min-height: 340px; }
	.mdp-saison__bild--computer { display: block; }
	.mdp-saison__bild--handy { display: none; }
	.mdp-saison .mdp-saison__text { grid-area: 1 / 1; align-self: stretch; display: flex; flex-direction: column; justify-content: center; max-width: 620px; padding: clamp(28px, 4vw, 54px); background: linear-gradient(90deg, rgba(27, 14, 12, .92) 0%, rgba(27, 14, 12, .78) 60%, rgba(27, 14, 12, 0) 100%); }
}

/* ---------- Startseite: Kategorien ---------- */
.mdp-bkacheln { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .mdp-bkacheln { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }
@media (min-width: 1280px) { .mdp-bkacheln { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.mdp-bkachel a { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--mdp-radius); background: radial-gradient(circle at 50% 38%, #4A3824 0%, #241B13 60%, #15100C 100%); box-shadow: var(--mdp-schatten); text-decoration: none; transition: transform var(--mdp-tempo), box-shadow var(--mdp-tempo); }
.mdp-bkachel a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; border: 1px solid rgba(201, 162, 83, .35); pointer-events: none; transition: border-color var(--mdp-tempo); }
.mdp-bkachel a:hover { transform: translateY(-3px); box-shadow: var(--mdp-schatten-gross); }
.mdp-bkachel a:hover::after { border-color: var(--mdp-gold); }
.mdp-bkachel__bild, .mdp-bkachel__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mdp-bkachel__ph { position: absolute; inset: 0 0 22% 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; --bi-kontur: #EDE3CF; --bi-flaeche: #2E2419; }
.mdp-bkachel__ph .mdp-bico { width: 42%; height: auto; aspect-ratio: 1; filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .4)); }
.mdp-bkachel__ph .mdp-ph__text { color: var(--mdp-gedimmt-auf-dunkel); }
.mdp-bkachel__fuss { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 34px 12px 12px; background: linear-gradient(180deg, transparent, rgba(15, 11, 8, .92) 55%); }
.mdp-bkachel__name { color: #fff; font: 800 clamp(13px, 1.25vw, 15.5px)/1.15 var(--mdp-titel); letter-spacing: .02em; text-transform: uppercase; }
.mdp-bkachel__pfeil { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--mdp-gold-knopf); color: var(--mdp-dunkel); transition: transform var(--mdp-tempo); }
.mdp-bkachel__pfeil .mdp-ico { width: 17px; height: 17px; stroke-width: 2.2; }
.mdp-bkachel a:hover .mdp-bkachel__pfeil { transform: translateX(3px); }

/* ---------- Bereichsseite: Hero ---------- */
.mdp-bheld { position: relative; overflow: hidden; isolation: isolate; color: var(--mdp-hell-auf-dunkel); background: radial-gradient(ellipse 50% 90% at 78% 40%, #3A2D1F 0%, transparent 70%), linear-gradient(100deg, #1E1712 0%, #17130F 55%, #120E0B 100%); }
.mdp-bheld::after { content: ""; position: absolute; inset: auto 0 0 0; height: 3px; background: var(--mdp-gold-verlauf); opacity: .8; }
.mdp-bheld__in { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; padding-block: 22px 30px; }
/* Logo-Feld mit den 5 Bereichs-Symbolen (Kapitel 4.1, Kundenwunsch 14.10.: Symbole antippen -> Bereich).
   Handy: nur die Symbol-Leiste (das Logo steht schon in der Kopfzeile), ab 768 px mit dem 3D-Logo. */
.mdp-bheld__marke { display: block; padding: 8px 6px 6px; border-radius: var(--mdp-radius); background: radial-gradient(ellipse at 50% 35%, #FFFBF2 0%, #F1E6D1 55%, #DCCBAA 100%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5), 0 12px 28px rgba(0, 0, 0, .35); }
@media (max-width: 767px) {
	.mdp-bheld__logo { display: none; }
	.mdp-bheld__bereiche .mdp-bico { width: 30px; height: 30px; }
}
.mdp-bheld__bild { display: block; min-width: 0; }
.mdp-bheld .mdp-bc { color: var(--mdp-gedimmt-auf-dunkel); }
.mdp .mdp-bheld .mdp-bc a { color: var(--mdp-gedimmt-auf-dunkel); }
.mdp-bheld__text { container-type: inline-size; min-width: 0; }
.mdp-bheld__titel { margin: 4px 0 6px; font: 800 clamp(28px, 10.2cqi, 64px)/1.02 var(--mdp-titel); text-transform: uppercase; letter-spacing: -.01em; background: var(--mdp-gold-verlauf); -webkit-background-clip: text; background-clip: text; color: var(--mdp-gold); -webkit-text-fill-color: transparent; }
.mdp-bheld__claim { margin: 0 0 14px; font: 700 clamp(14px, 1.6vw, 19px)/1.3 var(--mdp-titel); letter-spacing: .03em; text-transform: uppercase; color: #F3EBDD; max-width: 34ch; }
.mdp-bheld__schriftzug { margin: -6px 0 12px; font-size: clamp(30px, 3.4vw, 42px); line-height: 1; color: var(--mdp-gold-hell); }
.mdp-bheld .mdp-haken { color: #E6DCCB; font-size: 15px; }
@media (min-width: 768px) {
	.mdp-bheld__in { grid-template-columns: minmax(0, .9fr) minmax(0, 1.3fr); align-items: center; gap: 28px; padding-block: 28px 34px; }
	.mdp-bheld__marke { display: grid; justify-items: center; gap: 12px; padding: 16px 14px 14px; border-radius: var(--mdp-radius); background: radial-gradient(ellipse at 50% 35%, #FFFBF2 0%, #F1E6D1 55%, #DCCBAA 100%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5), 0 18px 40px rgba(0, 0, 0, .35); }
}
@media (min-width: 1024px) {
	.mdp-bheld__in { grid-template-columns: minmax(250px, .85fr) minmax(0, 1.25fr) minmax(0, 1fr); gap: clamp(24px, 3vw, 44px); padding-block: 34px 40px; min-height: 360px; }
	.mdp-bheld__bild { display: flex; gap: 18px; align-items: center; }
	/* Firmenkunden: Aufzaehlung neben der Buehne (wie Mockup Foto 9) – rechte Spalte breiter, damit die Buehne gleich gross bleibt. */
	.mdp-bheld--mit-liste .mdp-bheld__in { grid-template-columns: minmax(230px, .72fr) minmax(0, 1.08fr) minmax(0, 1.3fr); }
}
.mdp-bheld__logo img { display: block; width: 100%; max-width: 300px; height: auto; }
/* Symbole im Logo-Feld: Schrift waechst mit dem Feld (cqi), Umbruch nur an den weichen Trennstellen (mdp_trennbar). */
.mdp-bheld__bereiche { container-type: inline-size; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); width: 100%; margin: 0; padding: 0; list-style: none; }
.mdp-bheld__bereiche li + li { border-left: 1px solid rgba(138, 99, 49, .45); }
.mdp .mdp-bheld__bereiche a { display: grid; justify-items: center; align-content: start; gap: 4px; padding: 4px 2px; color: var(--mdp-dunkel); font: 800 clamp(6.5px, 2.75cqi, 9.5px)/1.15 var(--mdp-titel); letter-spacing: 0; hyphens: manual; overflow-wrap: normal; text-transform: uppercase; text-align: center; text-decoration: none; border-radius: 8px; transition: background var(--mdp-tempo); }
.mdp-bheld__bereiche a:hover, .mdp-bheld__bereiche a[aria-current] { background: rgba(201, 162, 83, .22); }
.mdp-bheld__bereiche .mdp-bico { width: 34px; height: 34px; }
/* Buehne/Bild: Handy unter dem Text (16:11), Tablet ganze Breite (21:9), Computer rechte Spalte (4:3). */
.mdp-bheld__rahmen { flex: 1 1 auto; aspect-ratio: 16 / 11; overflow: hidden; border-radius: var(--mdp-radius); border: 1px solid rgba(201, 162, 83, .35); box-shadow: 0 18px 40px rgba(0, 0, 0, .4); }
@media (min-width: 768px) and (max-width: 1023px) { .mdp-bheld__bild { grid-column: 1 / -1; } .mdp-bheld__rahmen { aspect-ratio: 21 / 9; } }
@media (min-width: 1024px) { .mdp-bheld__rahmen { aspect-ratio: 4 / 3; } }
.mdp-bheld__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mdp-bheld__aufz { flex: none; display: flex; flex-direction: column; justify-content: center; gap: 6px; margin: 0; padding: 0 0 0 16px; border-left: 1px solid rgba(201, 162, 83, .45); list-style: none; font: 700 12px/1.2 var(--mdp-titel); letter-spacing: .1em; text-transform: uppercase; color: var(--mdp-hell-auf-dunkel); }
.mdp-bheld__aufz li::before { content: "– "; color: var(--mdp-gold); }
@media (max-width: 1023px) {
	.mdp-bheld__aufz { flex-direction: row; flex-wrap: wrap; gap: 6px 14px; margin-top: 14px; padding: 12px 0 0; border-left: 0; border-top: 1px solid rgba(201, 162, 83, .35); }
}

.mdp-materialien { background: var(--mdp-braun); border-bottom: 1px solid rgba(201, 162, 83, .3); }
.mdp-materialien__in { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-block: 12px; }
.mdp-materialien__label { margin-right: 4px; color: var(--mdp-gedimmt-auf-dunkel); font: 600 13px var(--mdp-titel); }
.mdp-materialien .mdp-chip { background: transparent; border-color: rgba(201, 162, 83, .5); }
.mdp .mdp-materialien a.mdp-chip { color: var(--mdp-hell-auf-dunkel); }
.mdp-materialien .mdp-chip:hover { background: var(--mdp-gold); }
.mdp .mdp-materialien a.mdp-chip:hover { color: var(--mdp-dunkel); }

/* ---------- Unterkategorie-Kacheln (Kapitel 6.1) ---------- */
.mdp-unterkat { padding-top: clamp(22px, 3vw, 40px); }
.mdp-unterkat__kopf { margin-bottom: 16px; }
.mdp-unterkat__titel { margin: 0; font: 800 clamp(19px, 2.2vw, 26px)/1.2 var(--mdp-titel); }
.mdp-unterkat__zahl { margin: 4px 0 0; color: var(--mdp-text-2); font-size: 14px; }
.mdp-kacheln { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .mdp-kacheln { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }
@media (min-width: 1024px) { .mdp-kacheln { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } }
.mdp .mdp-kachel__link { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid var(--mdp-linie); border-radius: 12px; background: #fff; color: var(--mdp-text); text-decoration: none; transition: transform var(--mdp-tempo), box-shadow var(--mdp-tempo), border-color var(--mdp-tempo); }
.mdp .mdp-kachel__link:hover { transform: translateY(-2px); border-color: var(--mdp-gold); box-shadow: var(--mdp-schatten); color: var(--mdp-text); }
.mdp-kachel__bild { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--mdp-creme-2); }
.mdp-kachel__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mdp-kachel__text { display: grid; gap: 4px; padding: 10px 11px 13px; }
.mdp-kachel__name { font: 800 clamp(13.5px, 1.3vw, 16px)/1.25 var(--mdp-titel); hyphens: auto; overflow-wrap: anywhere; }
.mdp-kachel__anzahl { display: inline-flex; align-items: center; gap: 5px; color: var(--mdp-bronze-dunkel); font: 700 13px/1.2 var(--mdp-titel); }
.mdp-kachel__anzahl .mdp-ico { width: 15px; height: 15px; stroke-width: 2.2; transition: transform var(--mdp-tempo); }
.mdp-kachel__link:hover .mdp-kachel__anzahl .mdp-ico { transform: translateX(3px); }
.mdp-kachel__bsp { color: var(--mdp-text-2); font-size: 12.5px; line-height: 1.4; hyphens: auto; overflow-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mdp-kachel__rest { font-weight: 600; color: var(--mdp-bronze-dunkel); }
.mdp-leer { color: var(--mdp-text-2); }

/* ---------- Firmenkunden: Autoschilder + Offerte ---------- */
.mdp-autoschilder { background: var(--mdp-dunkel); color: var(--mdp-hell-auf-dunkel); }
.mdp-autoschilder__in { display: grid; gap: 22px; }
.mdp-autoschilder__titel { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; font: 800 clamp(24px, 3vw, 34px)/1.15 var(--mdp-titel); color: #fff; }
.mdp-autoschilder__titel .mdp-ico { width: 1.3em; height: 1.3em; color: var(--mdp-gold); }
.mdp-autoschilder .mdp-haken { margin-bottom: 22px; }
.mdp-autoschilder__bilder { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.mdp-autoschilder__bilder li { aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--mdp-radius-s); border: 1px solid rgba(201, 162, 83, .3); }
.mdp-autoschilder__bilder .mdp-ph { background: radial-gradient(circle at 50% 40%, #3A2D20 0%, #221A13 75%); color: var(--mdp-gold); }
.mdp-autoschilder__bilder .mdp-ph__text { color: var(--mdp-gedimmt-auf-dunkel); letter-spacing: .04em; text-transform: none; font-size: 11px; }
@media (max-width: 479px) { .mdp-autoschilder__bilder .mdp-ph__text { display: none; } }
@media (min-width: 1024px) { .mdp-autoschilder__in { grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); align-items: center; gap: 48px; } }

.mdp-offerte__in { max-width: 920px; }
.mdp-offerte__kopf { text-align: center; margin-bottom: 24px; }

/* ---------- Formulare (Contact Form 7) ---------- */
.mdp-form { padding: clamp(18px, 3vw, 32px); border: 1px solid var(--mdp-linie); border-radius: var(--mdp-radius); background: #fff; box-shadow: var(--mdp-schatten); }
.mdp-form__raster { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px 18px; }
@media (min-width: 768px) { .mdp-form__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mdp-feld--breit { grid-column: 1 / -1; } }
.mdp-feld label, .mdp-feld .mdp-feld__label { display: block; margin-bottom: 6px; font: 700 13.5px/1.3 var(--mdp-titel); color: var(--mdp-text); }
.mdp-feld .wpcf7-form-control-wrap { display: block; }
.mdp .mdp-form input[type="text"], .mdp .mdp-form input[type="email"], .mdp .mdp-form input[type="tel"], .mdp .mdp-form input[type="number"], .mdp .mdp-form input[type="date"], .mdp .mdp-form select, .mdp .mdp-form textarea { width: 100%; min-height: 46px; padding: 10px 13px; box-sizing: border-box; border: 1px solid #D8CCB6; border-radius: var(--mdp-radius-s); background: #FFFDF9; color: var(--mdp-text); font: 15.5px/1.4 var(--mdp-text-schrift); box-shadow: none; }
.mdp .mdp-form textarea { min-height: 120px; resize: vertical; }
.mdp .mdp-form input:focus, .mdp .mdp-form select:focus, .mdp .mdp-form textarea:focus { border-color: var(--mdp-gold); outline: 0; box-shadow: 0 0 0 3px rgba(201, 162, 83, .25); }
.mdp .mdp-form input[type="file"] { width: 100%; padding: 12px; box-sizing: border-box; border: 1.5px dashed var(--mdp-gold); border-radius: var(--mdp-radius-s); background: #FBF6EC; font-size: 14px; }
.mdp-feld__hilfe { display: block; margin-top: 5px; color: var(--mdp-text-2); font-size: 12.5px; }
.mdp-form__fuss { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 18px; }
.mdp .mdp-form .wpcf7-submit { min-height: 48px; padding: 12px 26px; border: 0; border-radius: var(--mdp-radius-s); background: var(--mdp-gold-knopf); color: var(--mdp-dunkel); font: 700 15.5px var(--mdp-titel); cursor: pointer; }
.mdp .mdp-form .wpcf7-submit:hover { filter: brightness(1.05); }
.mdp-form .wpcf7-not-valid-tip { margin-top: 4px; color: #A3261E; font-size: 13px; }
.mdp-form .wpcf7-response-output { margin: 16px 0 0 !important; padding: 12px 14px !important; border-radius: var(--mdp-radius-s); }
.mdp-form .wpcf7-spinner { margin: 0; }
.mdp-form__pflicht { color: var(--mdp-text-2); font-size: 12.5px; margin: 0; }

/* ---------- Seitenkopf, Brotkrumen, einfache Seiten ---------- */
.mdp-rkopf { padding-block: clamp(18px, 3vw, 32px) clamp(16px, 2.4vw, 26px); background: linear-gradient(180deg, #EFE7D8 0%, var(--mdp-creme) 100%); border-bottom: 1px solid var(--mdp-linie); }
.mdp-rkopf__titel { margin: 4px 0 4px; font: 800 clamp(26px, 3.4vw, 42px)/1.12 var(--mdp-titel); }
.mdp-rkopf__unter { margin: 0; color: var(--mdp-text-2); font-size: clamp(14.5px, 1.3vw, 16.5px); }
.mdp-bc { font-size: 13px; line-height: 1.9; color: var(--mdp-text-2); } /* Zeilenhoehe ~25 px: umbrochene Links bleiben getrennte Tippflaechen */
.mdp .mdp-bc a { display: inline-block; padding-block: 4px; color: var(--mdp-text-2); text-decoration: none; white-space: nowrap; } /* ganze Krume auf einer Zeile, Tippflaeche >= 24 px */
.mdp .mdp-bc a:hover { color: var(--mdp-bronze-dunkel); text-decoration: underline; }
.mdp-bc__sep { margin: 0 7px; color: var(--mdp-bronze); }
.mdp-seite { max-width: 860px; padding-block: clamp(26px, 4vw, 48px); }
.mdp-seite--shop { padding-block: clamp(20px, 3vw, 40px); }
.mdp-inhalt > *:first-child { margin-top: 0; }
.mdp-inhalt h2 { font: 800 clamp(21px, 2.4vw, 27px)/1.2 var(--mdp-titel); margin: 1.6em 0 .5em; }
.mdp-inhalt h3 { font: 700 18px/1.3 var(--mdp-titel); }
.mdp-inhalt .wp-block-details { margin: 0 0 10px; padding: 0; border: 1px solid var(--mdp-linie); border-radius: var(--mdp-radius-s); background: #fff; }
.mdp-inhalt .wp-block-details summary { padding: 15px 18px; font: 700 16px/1.35 var(--mdp-titel); cursor: pointer; }
.mdp-inhalt .wp-block-details > :not(summary) { margin: 0; padding: 0 18px 16px; color: var(--mdp-text-2); }
.mdp-kontaktkarte { display: grid; gap: 10px; padding: 20px; border-radius: var(--mdp-radius); background: var(--mdp-dunkel); color: var(--mdp-hell-auf-dunkel); }

/* ---------- Labels-Leiste (2.2) ---------- */
.mdp-labels { padding-block: 22px; }
.mdp-labels--hell { background: #fff; border-top: 1px solid var(--mdp-linie); }
.mdp-labels--dunkel { background: linear-gradient(180deg, #221A13, var(--mdp-dunkel)); color: var(--mdp-hell-auf-dunkel); border-top: 1px solid rgba(201, 162, 83, .35); }
.mdp-labels__liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 14px; margin: 0 auto; list-style: none; }
.mdp-label { display: flex; align-items: center; gap: 11px; min-width: 0; }
.mdp-label:last-child { grid-column: 1 / -1; }
.mdp-label .mdp-ico { width: 32px; height: 32px; stroke-width: 1.4; color: var(--mdp-text); }
.mdp-labels--dunkel .mdp-label .mdp-ico { color: var(--mdp-gold); }
.mdp-label strong { display: block; font: 700 13.5px/1.25 var(--mdp-titel); }
.mdp-label span span { display: block; color: var(--mdp-text-2); font-size: 12.5px; line-height: 1.35; }
.mdp-labels--dunkel .mdp-label span span { color: var(--mdp-gedimmt-auf-dunkel); }
@media (min-width: 768px) { .mdp-labels__liste { grid-template-columns: repeat(3, minmax(0, 1fr)); } .mdp-label:last-child { grid-column: auto; } }
@media (min-width: 1024px) {
	.mdp-labels { padding-block: 26px; }
	.mdp-labels__liste { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; }
	.mdp-label { justify-content: center; padding-inline: 12px; }
	.mdp-label + .mdp-label { border-left: 1px solid var(--mdp-linie); }
	.mdp-labels--dunkel .mdp-label + .mdp-label { border-left-color: rgba(201, 162, 83, .3); }
}

/* ---------- Footer (2.3) ---------- */
.mdp-fuss { background: var(--mdp-dunkel); color: var(--mdp-gedimmt-auf-dunkel); font-size: 14.5px; }
.mdp-fuss__raster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; padding-block: 40px 28px; }
.mdp-fuss__marke { grid-column: 1 / -1; }
.mdp-fuss__marke .mdp-marke { align-items: flex-start; }
.mdp-fuss__adresse { margin: 16px 0 10px; font-style: normal; line-height: 1.6; }
.mdp-fuss__kontakt { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.mdp-fuss__kontakt li { display: flex; align-items: center; gap: 8px; }
.mdp-fuss__kontakt .mdp-ico { color: var(--mdp-gold); width: 17px; height: 17px; }
.mdp .mdp-fuss a { color: var(--mdp-hell-auf-dunkel); text-decoration: none; }
.mdp .mdp-fuss a:hover { color: var(--mdp-gold); }
.mdp-fuss__titel { margin: 0 0 12px; color: var(--mdp-gold) !important; font: 700 12.5px/1.2 var(--mdp-titel) !important; letter-spacing: .14em; text-transform: uppercase; }
.mdp-fuss__spalte ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 7px; }
.mdp-fuss__unten { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding-block: 18px 22px; border-top: 1px solid rgba(255, 255, 255, .08); }
.mdp-zahlarten { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }
.mdp-zahlarten li { padding: 5px 10px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 6px; background: rgba(255, 255, 255, .04); color: var(--mdp-hell-auf-dunkel); font: 700 12px/1.2 var(--mdp-titel); letter-spacing: .02em; }
.mdp-fuss__copy { margin: 0; font-size: 13px; }
.mdp-fuss .mdp-platzhalter-text { color: var(--mdp-gedimmt-auf-dunkel); }
.mdp-vorschau-hinweis { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0; padding: 10px var(--mdp-pad); background: #2A2119; color: var(--mdp-gold-hell); font-size: 12.5px; text-align: center; }
@media (min-width: 768px) { .mdp-fuss__raster { grid-template-columns: 1.3fr 1fr 1fr 1fr; } .mdp-fuss__marke { grid-column: auto; } }

/* ---------- Ruhige Fassung (prefers-reduced-motion) ---------- */
@media (prefers-reduced-motion: reduce) {
	/* Die Bereichs-Buehnen (szenen.css) regeln das selbst: Endbild, Abspielen nur auf Knopfdruck. */
	*:not(.mdp-szene *), *:not(.mdp-szene *)::before, *:not(.mdp-szene *)::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
	.mdp-usp { animation: none !important; opacity: 0; }
	.mdp-usp:first-child { opacity: 1; }
	@media (min-width: 1024px) { .mdp-usp { opacity: 1; } }
}