/* medien-digital – Mobil-Ansicht Video
   Alle Regeln hängen an html.mdmv. Die Klasse wird nur unterhalb von 768 px gesetzt,
   Desktop und Tablet bleiben dadurch vollständig unberührt. */

html.mdmv {
	--mdmv-blau: #1a95d4;
	--mdmv-orange: #ff6900;
	--mdmv-text: #2b2f33;
	--mdmv-grau: #6b7378;
	--mdmv-linie: #e3e8ec;
	--mdmv-flaeche: #f4f8fb;
	--mdmv-bar: 72px;
	--mdmv-kopf: 98px;
	scroll-padding-top: 112px !important;
}

html.mdmv body { padding-bottom: calc(var(--mdmv-bar) + env(safe-area-inset-bottom, 0px)); }

/* Kopfbereich: nur Logo und Sprungmenü bleiben fixiert */
html.mdmv { margin-top: 0 !important; }
html.mdmv #wpadminbar { display: none !important; }
html.mdmv body { padding-top: var(--mdmv-kopf); }
html.mdmv header > .BGAnthrazit:not(.StickyMenu) { display: none; }
html.mdmv .HeaderLogo { max-width: calc(100vw - 104px) !important; height: auto !important; object-fit: contain; }
html.mdmv header {
	position: fixed !important;
	top: 0 !important;
	left: 0;
	right: 0;
	width: 100%;
	height: auto !important;
}
html.mdmv header .StickyMenu { position: static !important; top: auto !important; }
html.mdmv .MDLPMenuFormatWrap { display: none !important; }
html.mdmv .OverviewScrollMenuWrapper a { white-space: nowrap; }

/* Bewertungs-Siegel und Cookie-Rad */
html.mdmv .auorg_sealWrapper { display: none !important; }
html.mdmv #moove_gdpr_save_popup_settings_button {
	bottom: calc(var(--mdmv-bar) + 10px + env(safe-area-inset-bottom, 0px)) !important;
	left: 8px !important;
	transform: scale(.75);
	transform-origin: bottom left;
	opacity: .8;
}

/* Allgemeines Raster */
html.mdmv main > div { display: flex; flex-direction: column; overflow-x: clip; }
html.mdmv main > div > * { width: 100%; max-width: 100%; box-sizing: border-box; }
html.mdmv .mdmv-versteckt { display: none !important; }
html.mdmv .mdmv-abschnitt { padding: 36px 16px; }
html.mdmv .mdmv-abschnitt--hell { background: var(--mdmv-flaeche); }
html.mdmv .mdmv-abschnitt .WrapContent { padding: 0 !important; max-width: 100% !important; }
html.mdmv .mdmv-abschnitt .wp-block-spacer { height: 12px !important; }
html.mdmv .mdmv-abschnitt h2,
html.mdmv .mdmv-titel {
	font-size: 24px !important;
	line-height: 1.25 !important;
	margin: 0 0 14px !important;
	color: var(--mdmv-text);
	text-align: left !important;
}
html.mdmv .mdmv-abschnitt h3.wp-block-heading { font-size: 18px !important; line-height: 1.35 !important; text-align: left !important; }
html.mdmv .mdmv-abschnitt p { font-size: 16px; line-height: 1.6; }

/* Einstieg */
html.mdmv .mdmv-hero { min-height: 0 !important; padding: 0 !important; }
html.mdmv .mdmv-hero .wp-block-cover__inner-container { padding: 0 !important; }
html.mdmv .mdmv-hero .wp-block-cover__image-background { display: none !important; }
html.mdmv .mdmv-hero__foto { position: relative; width: 100%; height: 230px; margin: 0 !important; overflow: hidden; }
html.mdmv .mdmv-hero__foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 88% 30%; transform: scale(1.4); transform-origin: 95% 42%; }
html.mdmv .mdmv-hero__foto .mdmv-hero__siegel { position: absolute; z-index: 1; top: 10px; left: 12px; width: 86px; height: auto; transform: none; object-fit: contain; filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .28)); }
html.mdmv .mdmv-hero__foto::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 42px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); }
html.mdmv .mdmv-hero > .wp-block-cover__inner-container > .wp-block-columns { display: block; margin: 0 !important; }
html.mdmv .mdmv-hero__leer { display: none !important; }
html.mdmv .mdmv-hero__spalte {
	display: flex !important;
	flex-direction: column;
	padding: 14px 16px 32px !important;
	margin: 0 !important;
}
html.mdmv .mdmv-hero__spalte > * { margin: 0 !important; }
html.mdmv .mdmv-hero__spalte > .wp-block-spacer { display: none; }
html.mdmv .mdmv-hero__bild { order: 6; margin-bottom: 18px !important; }
html.mdmv .mdmv-hero__bild img { width: 100% !important; height: auto !important; max-width: 100%; margin: -9% auto 0; display: block; clip-path: polygon(38% 0, 100% 0, 100% 100%, 0 100%, 0 42%, 38% 20%); }
html.mdmv .mdmv-hero__zeile { order: 7; font-size: 16px !important; line-height: 1.5 !important; margin-bottom: 14px !important; }
html.mdmv .mdmv-hero__spalte h1 { order: 1; font-size: 29px !important; line-height: 1.18 !important; margin-bottom: 16px !important; }
html.mdmv .mdmv-hero__preis { order: 3; font-size: 18px !important; line-height: 1.35 !important; margin-bottom: 14px !important; }
html.mdmv .mdmv-hero__sterne { order: 4; margin-bottom: 18px !important; }
html.mdmv .mdmv-hero__cta { display: none !important; }
html.mdmv .mdmv-hero__formate { order: 8; font-size: 14px !important; line-height: 1.5 !important; color: var(--mdmv-grau); margin-bottom: 24px !important; }
html.mdmv .mdmv-hero__liste { order: 9; }
html.mdmv .mdmv-hero__liste .wp-block-uagb-icon-list-child { display: flex; align-items: center; gap: 12px !important; padding: 0 !important; margin-bottom: 16px !important; }
html.mdmv .mdmv-hero__liste .uagb-icon-list__source-wrap {
	display: flex;
	flex: 0 0 38px !important;
	align-items: center;
	justify-content: center;
	width: 38px !important;
	min-width: 38px !important;
	height: 38px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: #e4f3fb !important;
	color: #0f6d9e !important;
}
html.mdmv .mdmv-hero__liste .uagb-icon-list__source-wrap svg { width: 21px !important; height: 21px !important; fill: none !important; color: #0f6d9e !important; stroke: #0f6d9e !important; }
html.mdmv .mdmv-hero__liste .uagb-icon-list__source-wrap svg * { fill: none !important; stroke: #0f6d9e !important; }
html.mdmv .mdmv-hero__liste .uagb-icon-list__label { margin: 0 !important; padding: 0 !important; line-height: 1.35; }
html.mdmv .mdmv-hero__liste .mdmv-punkt-stark .uagb-icon-list__label { font-weight: 700; }
html.mdmv .mdmv-zahl { display: inline-block; font-weight: 700; text-align: right; font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: no-preference) {
	html.mdmv .mdmv-punkte .wp-block-uagb-icon-list-child {
		opacity: 0;
		transform: translateY(10px);
		transition: opacity .45s ease, transform .45s ease;
	}
	html.mdmv .mdmv-punkte-an .wp-block-uagb-icon-list-child { opacity: 1; transform: none; }
	html.mdmv .mdmv-punkte-an .wp-block-uagb-icon-list-child:nth-child(2) { transition-delay: .15s; }
	html.mdmv .mdmv-punkte-an .wp-block-uagb-icon-list-child:nth-child(3) { transition-delay: .3s; }
	html.mdmv .mdmv-punkte-an .wp-block-uagb-icon-list-child:nth-child(4) { transition-delay: .45s; }
	html.mdmv .mdmv-punkte-an .wp-block-uagb-icon-list-child:nth-child(5) { transition-delay: .6s; }
	html.mdmv .mdmv-punkte-an .wp-block-uagb-icon-list-child:nth-child(6) { transition-delay: .75s; }
}

/* Die drei Schritte */
html.mdmv .mdmv-schritte { padding: 30px 16px; background: var(--mdmv-flaeche); }
html.mdmv .mdmv-schritte .WrapContent { padding: 0 !important; }
html.mdmv .mdmv-schritte .wp-block-columns { gap: 10px !important; margin: 0 !important; }
html.mdmv .mdmv-schritte .wp-block-column { margin: 0 !important; }
html.mdmv .mdmv-schritte .uagb-infobox__content-wrap { padding: 14px 16px !important; text-align: left !important; background: #fff; border: 1px solid var(--mdmv-linie); border-radius: 12px; }
html.mdmv .mdmv-schritte .uagb-infobox-margin-wrapper { display: block; }
html.mdmv .mdmv-schritte .uagb-ifb-icon-wrap,
html.mdmv .mdmv-schritte .uagb-ifb-image-content { display: none !important; }
html.mdmv .mdmv-schritte h3 { font-size: 18px !important; line-height: 1.3 !important; margin: 0 0 4px !important; text-align: left !important; }
html.mdmv .mdmv-schritte .uagb-ifb-desc,
html.mdmv .mdmv-schritte p { font-size: 15px !important; line-height: 1.5 !important; text-align: left !important; margin: 0 !important; }
html.mdmv .mdmv-schritte .uagb-ifb-button-wrapper { margin: 4px 0 -8px !important; text-align: left !important; }
html.mdmv .mdmv-schritte .uagb-infobox-cta-link {
	display: inline-flex !important;
	align-items: center;
	min-height: 44px;
	font-size: 16px !important;
	font-weight: 700;
}
html.mdmv .mdmv-schritte .VideoPopupWrap { margin-top: 6px; border-radius: 12px; overflow: hidden; }

/* Pakete */
html.mdmv .mdmv-pakete .Leistungspakete { padding: 0 !important; }
html.mdmv .mdmv-pakete .wp-block-columns { display: block !important; margin: 0 !important; }
html.mdmv .mdmv-pakete .wp-block-column { margin: 0 0 14px !important; padding: 0 !important; width: 100% !important; }
html.mdmv .mdmv-pakete .wp-block-column:empty { display: none; }
html.mdmv .mdmv-pakete .md-tafel { border-radius: 14px; }
html.mdmv .mdmv-pakete .md-tafel__unter { margin-bottom: 0; }
html.mdmv div.md-tafel .md-tafel__hinweis { font-size: 13px !important; line-height: 1.5 !important; letter-spacing: 0 !important; white-space: normal !important; }
html.mdmv div.md-tafel .md-tafel__preise { width: 100% !important; table-layout: auto !important; }
html.mdmv div.md-tafel .md-tafel__preise th,
html.mdmv div.md-tafel .md-tafel__preise th *,
html.mdmv div.md-tafel .md-tafel__preise td {
	font-size: clamp(15px, 4.6vw, 18px) !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	color: var(--mdmv-text) !important;
	white-space: nowrap;
}
html.mdmv div.md-tafel .md-tafel__preise th,
html.mdmv div.md-tafel .md-tafel__preise td { padding-top: 7px !important; padding-bottom: 7px !important; }
html.mdmv div.md-tafel .md-tafel__preise th { text-align: left !important; }
html.mdmv div.md-tafel .md-tafel__menge { display: inline !important; width: auto !important; min-width: 0 !important; margin: 0 .3em 0 0 !important; padding: 0 !important; }
html.mdmv .md-tafel__mehr { margin-top: 12px; border-top: 1px solid var(--mdmv-linie); padding-top: 4px; }
html.mdmv .md-tafel__mehr > summary {
	cursor: pointer;
	padding: 12px 26px 12px 0;
	font-size: 16px;
	font-weight: 700;
	color: var(--mdmv-blau);
	list-style: none;
	position: relative;
}

/* Vertrauen */
html.mdmv .mdmv-vertrauen .uagb-infobox__content-wrap { padding: 0 !important; margin-bottom: 18px !important; text-align: left !important; }
html.mdmv .mdmv-vertrauen .uagb-ifb-image-content,
html.mdmv .mdmv-vertrauen .uagb-ifb-icon-wrap { display: none !important; }
html.mdmv .mdmv-vertrauen h3 { font-size: 18px !important; margin: 0 0 4px !important; }
html.mdmv .mdmv-vertrauen .uagb-ifb-desc,
html.mdmv .mdmv-vertrauen .uagb-ifb-content p { font-size: 16px !important; line-height: 1.55 !important; }
html.mdmv .mdmv-vertrauen figure { margin: 0 0 8px !important; border-radius: 12px; overflow: hidden; }
html.mdmv .mdmv-vertrauen figure video { width: 100%; display: block; }
html.mdmv .mdmv-vertrauen__unterschrift { font-size: 14px !important; color: var(--mdmv-grau); margin: 0 0 18px !important; }

/* Aufklapper */
html.mdmv .mdmv-acc {
	margin: 0 0 10px;
	background: #fff;
	border: 1px solid var(--mdmv-linie);
	border-radius: 12px;
	overflow: hidden;
}
html.mdmv .mdmv-acc > summary {
	display: block;
	position: relative;
	cursor: pointer;
	list-style: none;
	min-height: 56px;
	box-sizing: border-box;
	padding: 16px 46px 16px 16px;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--mdmv-text);
}
html.mdmv .mdmv-acc > summary::-webkit-details-marker,
html.mdmv .md-tafel__mehr > summary::-webkit-details-marker { display: none; }
html.mdmv .mdmv-acc > summary::after,
html.mdmv .md-tafel__mehr > summary::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 18px;
	width: 9px;
	height: 9px;
	margin-top: -7px;
	border-right: 2px solid var(--mdmv-blau);
	border-bottom: 2px solid var(--mdmv-blau);
	transform: rotate(45deg);
	transition: transform .18s ease;
}
html.mdmv .md-tafel__mehr > summary::after { right: 6px; }
html.mdmv .mdmv-acc[open] > summary::after,
html.mdmv .md-tafel__mehr[open] > summary::after { transform: rotate(-135deg); margin-top: -2px; }
html.mdmv .mdmv-acc__inhalt { padding: 2px 16px 18px; }
html.mdmv .mdmv-acc__inhalt .WrapContent,
html.mdmv .mdmv-acc__inhalt .wp-block-cover { padding: 0 !important; }
html.mdmv .mdmv-acc__inhalt .wp-block-columns { margin: 0 !important; }
html.mdmv .mdmv-acc__inhalt .uagb-tabs__body-container { display: block !important; padding: 0 !important; border: 0 !important; }
html.mdmv .mdmv-acc__inhalt img { max-width: 100%; height: auto; }
html.mdmv .mdmv-abschnitt .mdmv-acc > summary h2 {
	margin: 0 !important;
	padding: 0 !important;
	font: inherit !important;
	color: inherit !important;
	text-align: left !important;
}
html.mdmv .mdmv-acc__inhalt details.mdmv-offen > summary { display: none; }
html.mdmv .mdmv-acc__inhalt section,
html.mdmv .mdmv-acc__inhalt > div { max-width: 100%; }
html.mdmv-lade main { visibility: hidden; }
html.mdmv .OverviewScrollMenuWrap > li.mdmv-menue { display: list-item !important; flex: 0 0 auto; }

/* Ablauf */
html.mdmv .mdmv-ablauf .uagb-tabs__wrap > .uagb-tabs__panel { display: none !important; }
html.mdmv .mdmv-ablauf .wp-block-columns { display: block !important; margin: 0 !important; }
html.mdmv .mdmv-ablauf .wp-block-column { margin: 0 !important; padding: 0 !important; }
html.mdmv .mdmv-ablauf__faq-titel { margin: 26px 0 12px !important; }
html.mdmv .mdmv-ablauf .uagb-faq-item { border-radius: 12px; }

/* Mehr erfahren */
html.mdmv .mdmv-mehr { background: var(--mdmv-flaeche); }

/* Feste Leiste unten */
html.mdmv .mdmv-leiste {
	position: fixed;
	z-index: 9000;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	gap: 10px;
	padding: 9px 12px calc(9px + env(safe-area-inset-bottom, 0px));
	background: #fff;
	box-shadow: 0 -2px 14px rgba(43, 47, 51, .14);
	box-sizing: border-box;
}
html.mdmv .mdmv-leiste a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	height: 54px;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none !important;
	box-sizing: border-box;
}
html.mdmv .mdmv-leiste__preis { flex: 1 1 auto; background: var(--mdmv-orange); color: #1b1d1f !important; text-align: center; line-height: 1.15; }
html.mdmv .mdmv-leiste__preis small { display: block; margin-top: 2px; font-size: 12px; font-weight: 400; }
html.mdmv .mdmv-leiste__tel { flex: 0 0 auto; padding: 0 16px; border: 2px solid var(--mdmv-blau); color: #0f6d9e !important; background: #fff; }
html.mdmv .mdmv-leiste__tel svg { width: 19px; height: 19px; }
html.mdmv a.mdmv-tel { color: inherit; text-decoration: underline; white-space: nowrap; }

/* Speicherwege */
html.mdmv .mdmv-speicher { padding: 38px 16px 34px; text-align: center; background: #fff; }
html.mdmv .mdmv-speicher .mdmv-titel { text-align: center !important; margin-bottom: 12px !important; }
html.mdmv .mdmv-speicher__text { margin: 0 auto 8px; font-size: 16px; line-height: 1.5; color: var(--mdmv-text); }
html.mdmv .mdmv-speicher__buehne { max-width: 342px; margin: 0 auto; }
html.mdmv .mdmv-speicher__kassette { display: block; width: 210px; height: auto; margin: 0 auto; }
html.mdmv .mdmv-speicher__wege-svg { display: block; width: 100%; height: auto; overflow: visible; }
html.mdmv .mdmv-spule { transform-box: fill-box; transform-origin: center; animation: mdmv-drehen 3s linear infinite; }
html.mdmv .mdmv-weg { fill: none; stroke: var(--mdmv-linie); stroke-width: 2; }
html.mdmv .mdmv-puls {
	fill: none;
	stroke: var(--mdmv-blau);
	stroke-width: 3;
	stroke-linecap: round;
	stroke-dasharray: 16 200;
	stroke-dashoffset: 16;
	opacity: 0;
	animation: mdmv-puls-1 12s linear infinite;
}
html.mdmv .mdmv-puls--2 { animation-name: mdmv-puls-2; }
html.mdmv .mdmv-puls--3 { animation-name: mdmv-puls-3; }
html.mdmv .mdmv-speicher__liste {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	max-width: 342px;
	margin: 0 auto !important;
	padding: 0 !important;
	list-style: none;
}
html.mdmv .mdmv-speicher__weg { margin: 0; padding: 0 3px; list-style: none; color: var(--mdmv-text); font-size: 13px; line-height: 1.35; }
html.mdmv .mdmv-speicher__weg::before { display: none; }
html.mdmv .mdmv-speicher__weg strong { display: block; font-size: 15px; line-height: 1.25; margin-bottom: 2px; }
html.mdmv .mdmv-speicher__weg span:not(.mdmv-speicher__ikon) { display: block; color: var(--mdmv-grau); }
html.mdmv .mdmv-speicher__ikon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	margin: 0 auto 10px;
	border: 2px solid var(--mdmv-linie);
	border-radius: 50%;
	background: #fff;
	color: var(--mdmv-text);
	animation: mdmv-ankunft-1 12s linear infinite;
}
html.mdmv .mdmv-speicher__ikon svg { width: 28px; height: 28px; }
html.mdmv .mdmv-speicher__weg--2 .mdmv-speicher__ikon { animation-name: mdmv-ankunft-2; }
html.mdmv .mdmv-speicher__weg--3 .mdmv-speicher__ikon { animation-name: mdmv-ankunft-3; }
html.mdmv a.mdmv-speicher__link { color: #0f6d9e !important; font-weight: 500; text-decoration: underline !important; text-underline-offset: 2px; }
html.mdmv .mdmv-speicher__text + .mdmv-speicher__buehne { margin-top: 24px; }
html.mdmv .mdmv-speicher__hinweis--zwei { margin-top: 6px !important; }
html.mdmv .mdmv-speicher__hinweis { margin: 24px auto 0; max-width: 342px; font-size: 16px; line-height: 1.5; color: var(--mdmv-text); }
@keyframes mdmv-drehen { to { transform: rotate(-360deg); } }
@keyframes mdmv-puls-1 {
	0% { stroke-dashoffset: 16; opacity: 1; }
	15% { stroke-dashoffset: -100; opacity: 1; }
	15.1%, 75% { stroke-dashoffset: -100; opacity: 0; }
	75.1% { stroke-dashoffset: 16; opacity: 1; }
	90% { stroke-dashoffset: -100; opacity: 1; }
	90.1%, 100% { stroke-dashoffset: -100; opacity: 0; }
}
@keyframes mdmv-puls-2 {
	0%, 25% { stroke-dashoffset: 16; opacity: 0; }
	25.1% { stroke-dashoffset: 16; opacity: 1; }
	40% { stroke-dashoffset: -100; opacity: 1; }
	40.1%, 75% { stroke-dashoffset: -100; opacity: 0; }
	75.1% { stroke-dashoffset: 16; opacity: 1; }
	90% { stroke-dashoffset: -100; opacity: 1; }
	90.1%, 100% { stroke-dashoffset: -100; opacity: 0; }
}
@keyframes mdmv-puls-3 {
	0%, 50% { stroke-dashoffset: 16; opacity: 0; }
	50.1% { stroke-dashoffset: 16; opacity: 1; }
	65% { stroke-dashoffset: -100; opacity: 1; }
	65.1%, 75% { stroke-dashoffset: -100; opacity: 0; }
	75.1% { stroke-dashoffset: 16; opacity: 1; }
	90% { stroke-dashoffset: -100; opacity: 1; }
	90.1%, 100% { stroke-dashoffset: -100; opacity: 0; }
}
@keyframes mdmv-ankunft-1 {
	0%, 13%, 26%, 88%, 100% { border-color: var(--mdmv-linie); color: var(--mdmv-text); box-shadow: none; }
	16%, 23%, 91%, 97% { border-color: var(--mdmv-blau); color: #0f6d9e; box-shadow: 0 0 0 5px #e4f3fb; }
}
@keyframes mdmv-ankunft-2 {
	0%, 38%, 51%, 88%, 100% { border-color: var(--mdmv-linie); color: var(--mdmv-text); box-shadow: none; }
	41%, 48%, 91%, 97% { border-color: var(--mdmv-blau); color: #0f6d9e; box-shadow: 0 0 0 5px #e4f3fb; }
}
@keyframes mdmv-ankunft-3 {
	0%, 63%, 76%, 88%, 100% { border-color: var(--mdmv-linie); color: var(--mdmv-text); box-shadow: none; }
	66%, 73%, 91%, 97% { border-color: var(--mdmv-blau); color: #0f6d9e; box-shadow: 0 0 0 5px #e4f3fb; }
}

/* Paket-Umschalter */
html.mdmv .mdmv-wahl__leiste {
	display: grid;
	grid-template-columns: 1fr 1fr 1.35fr;
	gap: 4px;
	padding: 4px;
	margin: 0 0 16px;
	border-radius: 12px;
	background: var(--mdmv-flaeche);
}
html.mdmv .mdmv-wahl__knopf {
	min-height: 44px;
	padding: 0 4px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--mdmv-text);
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}
html.mdmv .mdmv-wahl__knopf[aria-selected="true"] { background: #2b2f33; color: #fff; }
html.mdmv .mdmv-wahl__tafel[hidden] { display: none; }
html.mdmv .mdmv-wahl__tafel .wp-block-column { margin: 0 !important; padding: 0 !important; width: 100% !important; }

/* Logo-Raster */
html.mdmv .mdmv-logos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 20px 0 0; }
html.mdmv .mdmv-logos__feld {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 78px;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid var(--mdmv-linie);
	border-radius: 12px;
	background: #fff;
}
html.mdmv .mdmv-logos__feld img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }

@media (prefers-reduced-motion: reduce) {
	html.mdmv .mdmv-spule,
	html.mdmv .mdmv-speicher__ikon { animation: none; }
	html.mdmv .mdmv-puls { display: none; }
}

/* Wisch-Kacheln */
html.mdmv .mdmv-wisch {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 12px !important;
	align-items: stretch;
	margin: 0 -16px !important;
	padding: 4px 16px 6px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-padding: 0 16px;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
html.mdmv .mdmv-wisch::-webkit-scrollbar { display: none; }
html.mdmv .mdmv-wisch > * {
	flex: 0 0 84% !important;
	max-width: 84% !important;
	min-width: 0;
	margin: 0 !important;
	scroll-snap-align: start;
}
html.mdmv .mdmv-dots { display: flex; justify-content: center; gap: 7px; margin-top: 12px; }
html.mdmv .mdmv-dots span { width: 8px; height: 8px; border-radius: 50%; background: #cfd8de; transition: background .2s ease, transform .2s ease; }
html.mdmv .mdmv-dots span.ist-aktiv { background: var(--mdmv-blau); transform: scale(1.25); }

/* Einleitungstext */
html.mdmv .mdmv-einleitung { background: #fff; padding-bottom: 8px; }
html.mdmv .mdmv-einleitung h2 { margin-bottom: 12px !important; }
html.mdmv .mdmv-einleitung p { margin: 0 !important; color: var(--mdmv-text); }

/* Ablauf */
html.mdmv .mdmv-schritte .mdmv-titel { text-align: center !important; }
html.mdmv .mdmv-schritte .wp-block-columns.mdmv-wisch { gap: 12px !important; margin: 0 -16px !important; }
html.mdmv .mdmv-schritte .mdmv-wisch > .wp-block-column { display: flex; }
html.mdmv .mdmv-schritte .mdmv-wisch .uagb-infobox__content-wrap { width: 100%; margin: 0 !important; }
html.mdmv .mdmv-schritte .mdmv-wisch > .wp-block-column:last-child { align-items: center; }
html.mdmv .mdmv-schritt-ikon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 66px;
	height: 66px;
	margin: 0 0 12px;
	border-radius: 50%;
	background: #e4f3fb;
	color: #0f6d9e;
}
html.mdmv .mdmv-schritt-ikon svg { width: 40px; height: 40px; overflow: visible; }

@media (prefers-reduced-motion: no-preference) {
	html.mdmv .mdmv-an .mdmv-s-haken { stroke-dasharray: 26; animation: mdmv-s-haken 1s ease-out both .25s; }
	html.mdmv .mdmv-an .mdmv-s-deckel { transform-box: fill-box; transform-origin: center bottom; animation: mdmv-s-deckel 1s cubic-bezier(.3, 1.4, .5, 1) both .2s; }
	html.mdmv .mdmv-an .mdmv-s-wagen { animation: mdmv-s-wagen 1.2s cubic-bezier(.2, .8, .3, 1) both .2s; }
	html.mdmv .mdmv-an .mdmv-s-strasse { stroke-dasharray: 6 5; animation: mdmv-s-strasse 1.2s linear both .2s; }
	@keyframes mdmv-s-haken { from { stroke-dashoffset: 26; } to { stroke-dashoffset: 0; } }
	@keyframes mdmv-s-deckel { from { opacity: 0; transform: translateY(-9px) rotate(-7deg); } to { opacity: 1; transform: none; } }
	@keyframes mdmv-s-wagen { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: none; } }
	@keyframes mdmv-s-strasse { from { stroke-dashoffset: 33; } to { stroke-dashoffset: 0; } }
}

/* Kundenstimmen */
html.mdmv .mdmv-stimmen { padding: 34px 16px 30px; background: var(--mdmv-flaeche); text-align: center; }
html.mdmv .mdmv-stimmen .mdmv-titel { text-align: center !important; margin-bottom: 8px !important; }
html.mdmv .mdmv-stimmen__unter { display: block; margin: 0 0 18px; font-size: 15px; line-height: 1.4; font-weight: 700; color: #0f6d9e !important; text-decoration: none !important; }
html.mdmv .mdmv-stimme {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	padding: 18px 18px 16px;
	border: 1px solid var(--mdmv-linie);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 4px 14px rgba(43, 47, 51, .06);
	text-align: left;
}
html.mdmv .mdmv-stimme p { margin: 0; }
html.mdmv .mdmv-stimme__sterne { margin-bottom: 8px; color: #f5a800; font-size: 19px; letter-spacing: 2px; line-height: 1; }
html.mdmv .mdmv-stimme .mdmv-stimme__titel { margin-bottom: 6px; font-size: 17px; font-weight: 700; line-height: 1.3; color: var(--mdmv-text); }
html.mdmv .mdmv-stimme .mdmv-stimme__text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden;
	font-size: 16px;
	line-height: 1.5;
	color: var(--mdmv-text);
}
html.mdmv .mdmv-stimme .mdmv-stimme__text.ist-offen { display: block; -webkit-line-clamp: unset; overflow: visible; }
html.mdmv .mdmv-stimme__mehr { align-self: flex-start; min-height: 40px; padding: 4px 0 0; border: 0; background: none; color: #0f6d9e; font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
html.mdmv .mdmv-stimme .mdmv-stimme__fuss { margin-top: auto; padding-top: 12px; font-size: 14px; color: var(--mdmv-grau); }

/* Zwischenüberschriften in den Aufklappern */
html.mdmv .mdmv-acc__inhalt .uagb-infobox__content-wrap:has(.uagb-ifb-desc) { margin: 0 0 24px !important; }
html.mdmv .mdmv-acc__inhalt .uagb-ifb-desc { margin-top: 6px !important; }
html.mdmv .mdmv-acc__inhalt h4.wp-block-heading { margin: 24px 0 10px !important; }

/* Opa und Enkel */
html.mdmv .mdmv-generationen { position: relative; padding: 38px 16px 0; background: #fff; text-align: center; overflow: hidden; }
html.mdmv .mdmv-generationen .mdmv-titel { text-align: center !important; margin-bottom: 8px !important; }
html.mdmv .mdmv-generationen p { max-width: 320px; margin: 0 auto 16px; font-size: 16px; line-height: 1.5; color: var(--mdmv-text); }
html.mdmv .mdmv-generationen__bild { position: relative; max-width: 360px; margin: 0 auto; }
html.mdmv .mdmv-generationen__bild::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 46px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); }
html.mdmv .mdmv-generationen__bild figure,
html.mdmv .mdmv-generationen__bild .wp-block-uagb-image { margin: 0 !important; }
html.mdmv .mdmv-generationen__bild img { display: block; width: 100% !important; height: auto !important; }

/* Aktions-Banner */
html.mdmv .mdmv-banner { padding: 0 16px 34px; background: #fff; }
html.mdmv .mdmv-banner .wp-block-uagb-image,
html.mdmv .mdmv-banner figure { display: block; width: 100% !important; margin: 0 !important; }
html.mdmv .mdmv-banner img { display: block; width: 100% !important; height: auto !important; border-radius: 12px; box-shadow: 0 4px 14px rgba(43, 47, 51, .1); }
