.mv-sale{
	--mv-nacht:#0A1826;
	--mv-tuerkis:#3BA9A0;
	--mv-tuerkis-hell:#5FC9BF;
	--mv-terra:#C85A3C;
	--mv-sand:#E9E2D8;
	--mv-matt:#A9B4BD;
	--mv-linie:#1E3A50;
	--mv-display:'Archivo','Open Sans',system-ui,sans-serif;
	background:var(--mv-nacht);
	color:var(--mv-sand);
	/* aus dem Elementor-Container ausbrechen */
	width:100vw;
	max-width:100vw;
	margin-left:calc(50% - 50vw);
	margin-right:calc(50% - 50vw);
	padding-bottom:70px;
	overflow-x:hidden;
}
.mv-sale *,.mv-sale *::before,.mv-sale *::after{box-sizing:border-box}
.mv-innen{max-width:1180px;margin:0 auto;padding:0 20px}

.mv-hero{
	position:relative;
	background:
		radial-gradient(118% 88% at 82% -14%, #1B5A61 0%, rgba(27,90,97,0) 58%),
		radial-gradient(96% 74% at 6% 6%, #16364B 0%, rgba(22,54,75,0) 62%),
		var(--mv-nacht);
	border-bottom:1px solid var(--mv-linie);
	padding:54px 0 48px;
	overflow:hidden;
}
/* Kopfbild: liegt hinter dem Text, links in das Nachtblau auslaufend */
.mv-hero--bild{
	background:var(--mv-nacht);
	padding:clamp(64px,9vw,112px) 0 clamp(56px,8vw,96px);
	min-height:clamp(340px,34vw,460px);
	display:flex;align-items:center;
}
.mv-hero-bild{
	position:absolute;inset:0;display:block;z-index:0;

	background-size:cover;
	background-position:center right;
	background-repeat:no-repeat;
}
.mv-hero-bild::after{
	content:"";position:absolute;inset:0;
	background:linear-gradient(90deg,
		#0A1826 0%,
		#0A1826 24%,
		rgba(10,24,38,.88) 42%,
		rgba(10,24,38,.45) 63%,
		rgba(10,24,38,.10) 85%,
		rgba(10,24,38,0) 100%);
}
.mv-hero--bild .mv-innen{position:relative;z-index:1;width:100%}
.mv-sale .mv-auge{
	display:inline-flex;align-items:center;gap:10px;
	font-family:var(--mv-display);font-weight:700;font-size:.72rem;
	letter-spacing:.2em;text-transform:uppercase;color:var(--mv-tuerkis-hell);
	margin:0 0 20px;
}
.mv-sale .mv-auge::before{content:"";width:28px;height:2px;background:var(--mv-tuerkis)}
.mv-sale .mv-h1{
	font-family:var(--mv-display);font-weight:800;
	font-size:clamp(2.4rem,7vw,4.8rem);line-height:.98;letter-spacing:-.025em;
	color:#fff;margin:0 0 18px;text-wrap:balance;
}
.mv-sale .mv-h1 em{font-style:normal;color:var(--mv-tuerkis-hell)}
.mv-sale .mv-lead{max-width:48ch;font-size:1.05rem;color:var(--mv-matt);margin:0}

.mv-bereich{
	max-width:1180px;margin:0 auto;padding:52px 20px 8px;
	scroll-margin-top:64px;
}
.mv-bereich + .mv-bereich{border-top:1px solid var(--mv-linie)}
.mv-kopf{
	display:flex;justify-content:space-between;align-items:flex-end;
	gap:22px;flex-wrap:wrap;margin-bottom:26px;
}
.mv-sale .mv-h2{
	font-family:var(--mv-display);font-weight:800;
	font-size:clamp(1.5rem,3.2vw,2.1rem);line-height:1.1;letter-spacing:-.015em;
	color:#fff;margin:0;
}
.mv-sale .mv-unter{margin:7px 0 0;color:var(--mv-matt);font-size:.93rem}
.mv-kennzahl{text-align:right;flex:0 0 auto}
.mv-kz-zahl{
	display:block;font-family:var(--mv-display);font-weight:800;font-size:1.45rem;
	color:var(--mv-terra);line-height:1.1;font-variant-numeric:tabular-nums;
}
.mv-kz-n{font-size:.8rem;color:var(--mv-matt)}

.mv-raster{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(228px,1fr))}
.mv-sale .mv-karte{
	display:flex;flex-direction:column;background:#fff;border-radius:4px;
	overflow:hidden;text-decoration:none;color:#13212E;
	transition:transform .16s ease,box-shadow .16s ease;
}
.mv-sale .mv-karte:hover,.mv-sale .mv-karte:focus-visible{
	transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.22);color:#13212E;
}
.mv-bild{
	position:relative;display:block;aspect-ratio:1/1;background:#F2F0EC;
	overflow:hidden;
}
.mv-bild img{width:100%;height:100%;object-fit:contain;display:block}
.mv-badge{
	position:absolute;top:9px;left:9px;
	background:var(--mv-terra);color:#fff;
	font-family:var(--mv-display);font-weight:800;font-size:.82rem;
	padding:4px 9px;border-radius:2px;font-variant-numeric:tabular-nums;
	line-height:1.3;
}
.mv-text{display:flex;flex-direction:column;gap:7px;flex:1;padding:13px 14px 15px}
.mv-name{
	font-size:.9rem;font-weight:600;line-height:1.38;color:#13212E;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.mv-preise{display:flex;align-items:baseline;gap:7px;margin-top:auto;flex-wrap:wrap;row-gap:2px}
.mv-sale .mv-jetzt,.mv-sale .mv-jetzt .amount{
	font-family:var(--mv-display);font-weight:800;font-size:1.04rem;color:#13212E;white-space:nowrap;
	font-variant-numeric:tabular-nums;
}
.mv-sale .mv-ab{
	font-family:var(--mv-display);font-weight:600;font-size:.8rem;
	color:#5A6B79;letter-spacing:.01em;
}
.mv-sale .mv-vorher,.mv-sale .mv-vorher .amount{
	color:#5A6B79;font-size:.82rem;font-weight:400;text-decoration:line-through;white-space:nowrap;
	font-variant-numeric:tabular-nums;
}
.mv-spar{font-size:.78rem;color:#1C7A6E;font-weight:600}
.mv-spar .amount{font-weight:600}

/* Ausklappen ohne JavaScript */
.mv-schalter{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.mv-gekuerzt > .mv-karte:nth-child(n+13){display:none}
.mv-schalter:checked ~ .mv-gekuerzt > .mv-karte:nth-child(n+13){display:flex}
.mv-mehr{margin:26px 0 4px;text-align:center}
.mv-sale .mv-mehr-btn{
	display:inline-block;font-size:.92rem;font-weight:600;color:var(--mv-sand);
	background:transparent;border:1px solid var(--mv-linie);border-radius:999px;
	padding:11px 26px;cursor:pointer;transition:border-color .16s,background .16s;
	margin:0;
}
.mv-sale .mv-mehr-btn:hover,.mv-sale .mv-schalter:focus-visible + .mv-raster + .mv-mehr .mv-mehr-btn{
	border-color:var(--mv-tuerkis);background:rgba(59,169,160,.08);
}
.mv-zu{display:none}
.mv-schalter:checked ~ .mv-mehr .mv-auf{display:none}
.mv-schalter:checked ~ .mv-mehr .mv-zu{display:inline}

/* Schmale Schirme: das Bild trägt den Text nicht mehr seitlich,
   deshalb legt sich der Verlauf senkrecht darüber. */
@media (max-width:820px){
	.mv-hero-bild{background-position:center}
	.mv-hero-bild::after{
		background:linear-gradient(180deg,
			rgba(10,24,38,.93) 0%,
			rgba(10,24,38,.90) 42%,
			rgba(10,24,38,.74) 72%,
			rgba(10,24,38,.60) 100%);
	}
}
@media (max-width:640px){
	.mv-hero{padding:38px 0 34px}
	.mv-hero--bild{min-height:300px;padding:44px 0 40px}
	.mv-kopf{align-items:flex-start}
	.mv-kennzahl{text-align:left}
	.mv-raster{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
	.mv-bereich{padding:40px 16px 8px}
	.mv-innen{padding:0 16px}
}
@media (prefers-reduced-motion:reduce){
	.mv-sale .mv-karte{transition:none}
	.mv-sale .mv-karte:hover{transform:none}
}
/* Kopfbereich auf der Startseite ([mv_sale_hero]): die Knöpfe tragen ihre
   Farben als Inline-Style, deshalb braucht der Hover !important — sonst
   gewinnt der Inline-Style. */
.mv-sale .mv-cta-haupt:hover,.mv-sale .mv-cta-haupt:focus-visible{
	background:#8BDCD3!important;border-color:#8BDCD3!important;color:#06131F!important;
}
.mv-sale .mv-cta-neben:hover,.mv-sale .mv-cta-neben:focus-visible{
	background:rgba(233,226,216,.12)!important;border-color:rgba(233,226,216,.65)!important;color:#fff!important;
}
.mv-sale--nurhero .mv-hero{border-bottom:0}
@media (max-width:640px){
	.mv-sale .mv-cta-reihe{gap:10px}
	.mv-sale .mv-cta-haupt,.mv-sale .mv-cta-neben{flex:1 1 100%}
}