.volgen-zf-transmission {
	--zf-blue: #0075bf;
	--zf-blue-deep: #06436d;
	--zf-navy: #071b2b;
	--zf-steel: #627384;
	--zf-silver: #e8edf1;
	--zf-ice: #f4f7f9;
	--zf-white: #ffffff;
	--zf-red: #d82132;
	--zf-line: rgba(7, 27, 43, .16);
	color: var(--zf-navy);
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
}

.volgen-zf-transmission *,
.volgen-zf-transmission *::before,
.volgen-zf-transmission *::after {
	box-sizing: border-box;
}

.volgen-zf-transmission img {
	display: block;
	max-width: 100%;
}

.volgen-zf-transmission a {
	color: inherit;
	text-decoration: none;
}

.volgen-zf-transmission .zf-shell {
	width: min(100% - 48px, 1240px);
	margin-inline: auto;
}

.volgen-zf-transmission .zf-section {
	padding: 96px 0;
}

.volgen-zf-transmission .zf-eyebrow {
	margin: 0 0 16px;
	color: var(--zf-blue);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .16em;
	line-height: 1.4;
}

.volgen-zf-transmission h1,
.volgen-zf-transmission h2,
.volgen-zf-transmission h3,
.volgen-zf-transmission p {
	margin-top: 0;
}

.volgen-zf-transmission h1,
.volgen-zf-transmission h2,
.volgen-zf-transmission h3 {
	font-weight: 750;
	letter-spacing: -.035em;
	line-height: 1.05;
}

.volgen-zf-transmission h1 {
	max-width: 700px;
	margin-bottom: 26px;
	font-size: clamp(44px, 5.3vw, 76px);
}

.volgen-zf-transmission h2 {
	margin-bottom: 22px;
	font-size: clamp(34px, 4vw, 56px);
}

.volgen-zf-transmission h3 {
	font-size: 24px;
}

.volgen-zf-transmission p {
	font-size: 16px;
	line-height: 1.7;
}

.volgen-zf-transmission .zf-button,
.volgen-zf-transmission .zf-text-link,
.volgen-zf-transmission .zf-product em {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	font-style: normal;
	font-weight: 750;
}

.volgen-zf-transmission .zf-button::after,
.volgen-zf-transmission .zf-text-link::after,
.volgen-zf-transmission .zf-product em::after {
	display: inline-block;
	width: .7em;
	content: ">";
	opacity: 0;
	transform: translateX(-4px);
	transition: opacity 200ms ease, transform 200ms ease;
}

.volgen-zf-transmission .zf-button {
	min-height: 52px;
	justify-content: center;
	padding: 14px 22px;
	border: 1px solid transparent;
	font-size: 15px;
	transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, transform 200ms ease;
}

.volgen-zf-transmission .zf-button--primary {
	background: var(--zf-red);
	color: var(--zf-white);
}

.volgen-zf-transmission .zf-button--secondary {
	border-color: rgba(255, 255, 255, .45);
	color: var(--zf-white);
}

.volgen-zf-transmission .zf-button--dark {
	background: var(--zf-navy);
	color: var(--zf-white);
}

.volgen-zf-transmission .zf-button--light {
	border-color: rgba(255, 255, 255, .45);
	color: var(--zf-white);
}

.volgen-zf-transmission .zf-actions,
.volgen-zf-transmission .zf-rfq__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.volgen-zf-transmission .zf-heading {
	max-width: 760px;
	margin-bottom: 48px;
}

.volgen-zf-transmission .zf-heading--split {
	display: grid;
	max-width: none;
	grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
	align-items: end;
	gap: 64px;
}

.volgen-zf-transmission .zf-heading--split > p {
	margin-bottom: 0;
	color: var(--zf-steel);
}

.volgen-zf-transmission .zf-hero {
	position: relative;
	padding: 90px 0 0;
	background: #081D2B;
	background-image: none;
	color: var(--zf-white);
}

.volgen-zf-transmission .zf-hero::before,
.volgen-zf-transmission .zf-hero::after {
	content: none;
	display: none;
	background: none;
	mask-image: none;
	box-shadow: none;
}

.volgen-zf-transmission .zf-hero__layout {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 44fr) minmax(0, 56fr);
	align-items: center;
	gap: 42px;
	min-height: 590px;
}

.volgen-zf-transmission .zf-hero__lead {
	max-width: 660px;
	margin-bottom: 32px;
	color: rgba(255, 255, 255, .78);
	font-size: 18px;
}

.volgen-zf-transmission .zf-hero__content h1#zf-page-title {
	color: #f7f9fc;
	-webkit-text-fill-color: #f7f9fc;
	opacity: 1;
	filter: none;
	background-image: none;
	background-clip: border-box;
	-webkit-background-clip: border-box;
}

.volgen-zf-transmission .zf-hero__visual {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(132px, .42fr);
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 14px;
	min-height: 520px;
}

.volgen-zf-transmission .zf-hero__main-part {
	grid-row: 1 / 3;
	margin: 0;
	min-width: 0;
	animation: zf-hero-main-enter 650ms cubic-bezier(.22, 1, .36, 1) 0ms 1 backwards;
}

.volgen-zf-transmission .zf-hero__main-part img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.volgen-zf-transmission .zf-hero__detail {
	margin: 0;
	min-width: 0;
	animation: zf-hero-detail-enter 650ms cubic-bezier(.22, 1, .36, 1) 120ms 1 backwards;
}

.volgen-zf-transmission .zf-hero__detail--bottom { animation-delay: 220ms; }

.volgen-zf-transmission .zf-hero__main-part,
.volgen-zf-transmission .zf-hero__detail {
	min-height: 0;
	overflow: hidden;
	opacity: 1;
	transition: transform 320ms cubic-bezier(.22, 1, .36, 1), box-shadow 320ms cubic-bezier(.22, 1, .36, 1);
}

@keyframes zf-hero-main-enter {
	from { opacity: 0; translate: 0 16px; }
	to { opacity: 1; translate: 0 0; }
}

@keyframes zf-hero-detail-enter {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media (hover: hover) and (pointer: fine) {
	.volgen-zf-transmission .zf-hero__main-part:hover {
		transform: translateY(-5px) scale(1.018);
		box-shadow: 0 14px 28px rgba(3, 20, 38, .28);
	}
	.volgen-zf-transmission .zf-hero__detail:hover {
		transform: translateX(-6px) translateY(-3px) scale(1.035);
		box-shadow: 0 10px 22px rgba(3, 20, 38, .25);
	}
}

.volgen-zf-transmission .zf-hero__detail img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.volgen-zf-transmission .zf-identifier-bar {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-top: 24px;
	background: var(--zf-white);
	color: var(--zf-navy);
	box-shadow: 0 -14px 40px rgba(0,0,0,.12);
}

.volgen-zf-transmission .zf-identifier-bar span {
	padding: 20px 24px;
	border-right: 1px solid var(--zf-line);
	font-size: 13px;
	font-weight: 750;
	letter-spacing: .04em;
	text-align: center;
}

.volgen-zf-transmission .zf-identifier-bar span:last-child { border-right: 0; }

.volgen-zf-transmission .zf-families { background: var(--zf-white); }

.volgen-zf-transmission .zf-families__visual {
	margin: 0 0 32px;
	height: 440px;
	overflow: hidden;
}

.volgen-zf-transmission .zf-families__visual img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.volgen-zf-transmission .zf-family-rail {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid var(--zf-line);
	border-bottom: 1px solid var(--zf-line);
}

.volgen-zf-transmission .zf-family {
	min-height: 320px;
	padding: 34px 28px;
	border-right: 1px solid var(--zf-line);
	background: var(--zf-white);
	transition: background-color 220ms ease, transform 220ms ease;
}

.volgen-zf-transmission .zf-family:last-child { border-right: 0; }
.volgen-zf-transmission .zf-family--evidenced { background: var(--zf-ice); }

.volgen-zf-transmission .zf-family__status {
	min-height: 38px;
	margin-bottom: 44px;
	color: var(--zf-blue);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .1em;
	line-height: 1.35;
	text-transform: uppercase;
}

.volgen-zf-transmission .zf-family p { color: var(--zf-steel); }
.volgen-zf-transmission .zf-family .zf-text-link { margin-top: 14px; color: var(--zf-blue-deep); font-size: 14px; }

.volgen-zf-transmission .zf-explorer {
	background: var(--zf-silver);
}

.volgen-zf-transmission .zf-explorer__layout {
	display: grid;
	grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
	align-items: center;
	gap: 70px;
}

.volgen-zf-transmission .zf-explorer__intro p { color: var(--zf-steel); }

.volgen-zf-transmission .zf-explorer__stage {
	position: relative;
	min-width: 0;
	padding: 0;
}

.volgen-zf-transmission .zf-explorer__images {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-auto-rows: 1fr;
	gap: 1px;
	padding: 0;
	background: var(--zf-line);
}

.volgen-zf-transmission .zf-explorer__images figure {
	position: relative;
	display: grid;
	grid-template-rows: auto 112px;
	min-width: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}

.volgen-zf-transmission .zf-explorer__media {
	position: relative;
	width: 100%;
	height: 100%;
	aspect-ratio: 22 / 25;
	padding: 0;
	border: 0;
	overflow: hidden;
}

.volgen-zf-transmission .zf-explorer__images img {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	object-fit: cover;
	object-position: var(--zf-part-position, 50% 50%);
	scale: var(--zf-part-crop, 1.05);
	transform: scale(1);
	transition: transform 450ms ease;
}

.volgen-zf-transmission .zf-explorer__part--explorer-gear { --zf-part-crop: 1.05; --zf-part-position: 50% 50%; }
.volgen-zf-transmission .zf-explorer__part--explorer-synchronizer { --zf-part-crop: 1.05; --zf-part-position: 50% 50%; }
.volgen-zf-transmission .zf-explorer__part--explorer-ring-set { --zf-part-crop: 1.05; --zf-part-position: 50% 40%; }
.volgen-zf-transmission .zf-explorer__part--explorer-selector-ring { --zf-part-crop: 1.05; --zf-part-position: 50% 50%; }

.volgen-zf-transmission .zf-explorer__part .zf-hotspot {
	position: static;
	display: grid;
	grid-template-columns: 12px minmax(0, 1fr);
	align-content: center;
	column-gap: 12px;
	row-gap: 5px;
	min-width: 0;
	height: 112px;
	margin: 0;
	padding: 16px;
	background: var(--zf-navy);
	color: var(--zf-white);
}

.volgen-zf-transmission .zf-explorer__part .zf-hotspot > span {
	align-self: start;
	margin-top: 3px;
	width: 12px;
	height: 12px;
	border: 3px solid var(--zf-white);
	border-radius: 50%;
	background: var(--zf-blue);
	box-shadow: 0 0 0 5px rgba(0,117,191,.28);
}

.volgen-zf-transmission .zf-hotspot strong,
.volgen-zf-transmission .zf-hotspot small { display: block; }
.volgen-zf-transmission .zf-hotspot strong { font-size: 14px; line-height: 1.3; }
.volgen-zf-transmission .zf-hotspot small { grid-column: 2; margin: 0; color: rgba(255,255,255,.68); line-height: 1.35; }

@media (hover: hover) and (pointer: fine) {
	.volgen-zf-transmission .zf-explorer__media:hover img { transform: scale(1.03); }
}

@media (max-width: 560px) {
	.volgen-zf-transmission .zf-explorer__images { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
	.volgen-zf-transmission .zf-explorer__media img,
	.volgen-zf-transmission .zf-explorer__media:hover img {
		animation: none;
		transition-property: none;
		transform: none;
	}
}

.volgen-zf-transmission .zf-matching { background: var(--zf-navy); color: var(--zf-white); }

.volgen-zf-transmission .zf-matching__content > h2#zf-matching-title {
	color: #ffffff;
	-webkit-text-fill-color: #ffffff;
}

.volgen-zf-transmission .zf-matching__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: center;
	gap: 80px;
}

.volgen-zf-transmission .zf-matching__visual { position: relative; min-height: 540px; background: #f1f4f6; }
.volgen-zf-transmission .zf-matching__visual > img { width: 100%; height: 540px; object-fit: contain; }

.volgen-zf-transmission .zf-nameplate-card {
	position: absolute;
	right: -30px;
	bottom: -30px;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 10px 18px;
	max-width: 390px;
	padding: 26px;
	background: var(--zf-white);
	color: var(--zf-navy);
	box-shadow: 0 20px 45px rgba(0,0,0,.35);
}

.volgen-zf-transmission .zf-nameplate-card span { color: var(--zf-blue); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.volgen-zf-transmission .zf-nameplate-card strong { font-size: 13px; line-height: 1.3; }
.volgen-zf-transmission .zf-matching__content > p { color: rgba(255,255,255,.72); }

.volgen-zf-transmission .zf-process { margin: 32px 0; padding: 0; counter-reset: zf-step; list-style: none; }
.volgen-zf-transmission .zf-process li { position: relative; min-height: 74px; padding: 0 0 24px 62px; counter-increment: zf-step; }
.volgen-zf-transmission .zf-process li::before { position: absolute; top: 0; left: 0; display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(255,255,255,.32); content: counter(zf-step, decimal-leading-zero); color: var(--zf-white); font-size: 12px; font-weight: 800; }
.volgen-zf-transmission .zf-process li::after { position: absolute; top: 40px; bottom: 0; left: 20px; width: 1px; background: rgba(255,255,255,.18); content: ""; }
.volgen-zf-transmission .zf-process li:last-child::after { display: none; }
.volgen-zf-transmission .zf-process strong,
.volgen-zf-transmission .zf-process span { display: block; }
.volgen-zf-transmission .zf-process span { margin-top: 7px; color: rgba(255,255,255,.65); font-size: 14px; line-height: 1.5; }

.volgen-zf-transmission .zf-evidence { background: var(--zf-white); }
.volgen-zf-transmission .zf-evidence__strip { display: grid; grid-template-columns: 1.15fr 1fr 1fr 1.15fr; gap: 1px; background: var(--zf-line); container-type: inline-size; }
.volgen-zf-transmission .zf-evidence__strip figure { display: grid; grid-template-rows: calc(100cqw / 4) 1fr; min-width: 0; margin: 0; padding: 0; border: 0; overflow: hidden; background: var(--zf-white); }
.volgen-zf-transmission .zf-evidence__strip img { display: block; width: 100%; height: 100%; min-height: 0; margin: 0; padding: 0; border: 0; object-fit: cover; object-position: center; }
.volgen-zf-transmission .zf-evidence__strip figure:nth-child(1) img { object-position: 50% 45%; }
.volgen-zf-transmission .zf-evidence__strip figure:nth-child(4) img { object-position: 50% 70%; }
.volgen-zf-transmission .zf-evidence__strip figcaption { min-height: 116px; padding: 22px; }
.volgen-zf-transmission .zf-evidence__strip strong,
.volgen-zf-transmission .zf-evidence__strip span { display: block; }
.volgen-zf-transmission .zf-evidence__strip span { margin-top: 7px; color: var(--zf-steel); font-size: 13px; line-height: 1.45; }

.volgen-zf-transmission .zf-applications { background: var(--zf-blue-deep); color: var(--zf-white); }
.volgen-zf-transmission .zf-applications__layout { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 72px; }
.volgen-zf-transmission .zf-applications__layout > div:first-child p { color: rgba(255,255,255,.86); }
.volgen-zf-transmission .zf-applications__layout > div:first-child .zf-eyebrow { color: #9bd8ff; }
.volgen-zf-transmission .zf-applications h2#zf-applications-title {
	color: #ffffff;
	-webkit-text-fill-color: #ffffff;
	opacity: 1;
	filter: none;
	background-image: none;
	background-clip: border-box;
	-webkit-background-clip: border-box;
}
.volgen-zf-transmission .zf-applications__matrix { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid rgba(155,216,255,.24); }
.volgen-zf-transmission .zf-applications__matrix div { min-height: 180px; padding: 28px 22px; border-right: 1px solid rgba(155,216,255,.24); }
.volgen-zf-transmission .zf-applications__matrix div:last-child { border-right: 0; }
.volgen-zf-transmission .zf-applications__matrix strong,
.volgen-zf-transmission .zf-applications__matrix span { display: block; }
.volgen-zf-transmission .zf-applications__matrix strong { margin-bottom: 42px; font-size: 20px; color: #ffffff; -webkit-text-fill-color: #ffffff; }
.volgen-zf-transmission .zf-applications__matrix span { color: rgba(255,255,255,.78); font-size: 13px; line-height: 1.5; }

.volgen-zf-transmission .zf-products { background: var(--zf-ice); }
.volgen-zf-transmission .zf-products__visuals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 18px; }
.volgen-zf-transmission .zf-products__visuals figure { position: relative; width: 100%; height: auto; aspect-ratio: 9 / 10; min-width: 0; margin: 0; padding: 0; border: 0; overflow: hidden; }
.volgen-zf-transmission .zf-products__visuals img { display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; object-fit: cover; object-position: center; scale: 1.04; }
.volgen-zf-transmission .zf-products__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.volgen-zf-transmission .zf-product { display: flex; min-width: 0; flex-direction: column; background: var(--zf-white); box-shadow: 0 8px 24px rgba(20,45,63,.06); transition: transform 220ms ease, box-shadow 220ms ease; }
.volgen-zf-transmission .zf-product__media { aspect-ratio: 1 / 1; overflow: hidden; background: var(--zf-white); }
.volgen-zf-transmission .zf-product__media img { width: 100%; height: 100%; object-fit: contain; transition: transform 260ms ease; }
.volgen-zf-transmission .zf-product__body { display: flex; min-height: 190px; flex: 1; flex-direction: column; padding: 24px; border-top: 1px solid var(--zf-line); }
.volgen-zf-transmission .zf-product__body > span { color: var(--zf-blue); font-size: 11px; font-weight: 800; letter-spacing: .09em; }
.volgen-zf-transmission .zf-product h3 { margin: 14px 0 24px; font-size: 20px; line-height: 1.22; }
.volgen-zf-transmission .zf-product em { margin-top: auto; font-size: 13px; }
.volgen-zf-transmission .zf-products__footer { margin-top: 32px; text-align: center; }
.volgen-zf-transmission .zf-disclaimer { max-width: 900px; margin: 32px auto 0; color: var(--zf-steel); font-size: 12px; text-align: center; }

.volgen-zf-transmission .zf-rfq { padding: 96px 0; background: #03111c; color: var(--zf-white); }
.volgen-zf-transmission .zf-rfq__content > h2#zf-rfq-title,
.volgen-zf-transmission #zf-rfq .zf-rfq__panel > h3 {
	color: #ffffff;
	-webkit-text-fill-color: #ffffff;
}
.volgen-zf-transmission .zf-rfq__layout { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 80px; }
.volgen-zf-transmission .zf-rfq__content p { color: rgba(255,255,255,.68); }
.volgen-zf-transmission .zf-rfq__panel { padding: 42px; border-left: 4px solid var(--zf-blue); background: rgba(255,255,255,.07); }
.volgen-zf-transmission .zf-rfq__panel ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; margin: 24px 0 30px; padding: 0; list-style: none; }
.volgen-zf-transmission .zf-rfq__panel li { padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.45; }
.volgen-zf-transmission .zf-rfq__panel > p { margin: 24px 0 12px; color: rgba(255,255,255,.67); font-size: 13px; }
.volgen-zf-transmission .zf-text-link--light { color: var(--zf-white); }

@media (hover: hover) and (pointer: fine) {
	.volgen-zf-transmission .zf-button:hover::after,
	.volgen-zf-transmission .zf-text-link:hover::after,
	.volgen-zf-transmission .zf-product:hover em::after { opacity: 1; transform: translateX(0); }
	.volgen-zf-transmission .zf-button:hover { transform: translateY(-2px); }
	.volgen-zf-transmission .zf-family:hover { background: var(--zf-ice); transform: translateY(-4px); }
	.volgen-zf-transmission .zf-product:hover { transform: translateY(-5px); box-shadow: 0 18px 36px rgba(20,45,63,.13); }
	.volgen-zf-transmission .zf-product:hover img { transform: scale(1.035); }
}

.volgen-zf-transmission .zf-button:focus-visible::after,
.volgen-zf-transmission .zf-text-link:focus-visible::after,
.volgen-zf-transmission .zf-product:focus-visible em::after { opacity: 1; transform: translateX(0); }

.volgen-zf-transmission a:focus-visible { outline: 3px solid #ffcb45; outline-offset: 4px; }

@media (max-width: 1100px) {
	.volgen-zf-transmission .zf-hero__layout { grid-template-columns: 1fr 1fr; gap: 24px; }
	.volgen-zf-transmission .zf-family-rail { grid-template-columns: repeat(2, 1fr); }
	.volgen-zf-transmission .zf-family:nth-child(2) { border-right: 0; }
	.volgen-zf-transmission .zf-family:nth-child(-n+2) { border-bottom: 1px solid var(--zf-line); }
	.volgen-zf-transmission .zf-products__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.volgen-zf-transmission .zf-evidence__strip { grid-template-columns: repeat(2, 1fr); }
	.volgen-zf-transmission .zf-evidence__strip figure { grid-template-rows: calc((100cqw - 1px) / 2) 1fr; }
	.volgen-zf-transmission .zf-explorer__layout { gap: 40px; }
}

@media (max-width: 900px) {
	.volgen-zf-transmission .zf-section,
	.volgen-zf-transmission .zf-rfq { padding: 76px 0; }
	.volgen-zf-transmission .zf-hero { padding-top: 72px; }
	.volgen-zf-transmission .zf-hero__layout,
	.volgen-zf-transmission .zf-explorer__layout,
	.volgen-zf-transmission .zf-matching__layout,
	.volgen-zf-transmission .zf-applications__layout,
	.volgen-zf-transmission .zf-rfq__layout { grid-template-columns: 1fr; }
	.volgen-zf-transmission .zf-hero__layout { min-height: auto; }
	.volgen-zf-transmission .zf-hero__visual { min-height: 500px; }
	.volgen-zf-transmission .zf-heading--split { grid-template-columns: 1fr; gap: 12px; }
	.volgen-zf-transmission .zf-heading--split > p { max-width: 680px; }
	.volgen-zf-transmission .zf-explorer__intro { max-width: 640px; }
	.volgen-zf-transmission .zf-matching__visual { width: min(100% - 34px, 620px); margin: 0 auto 24px; }
	.volgen-zf-transmission .zf-nameplate-card { right: -18px; }
	.volgen-zf-transmission .zf-applications__layout { gap: 38px; }
	.volgen-zf-transmission .zf-rfq__layout { gap: 36px; }
}

@media (max-width: 768px) {
	.volgen-zf-transmission .zf-hero__visual { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 420px 260px; min-height: 0; }
	.volgen-zf-transmission .zf-hero__main-part { grid-row: 1; grid-column: 1 / -1; }
	.volgen-zf-transmission .zf-shell { width: min(100% - 34px, 1240px); }
	.volgen-zf-transmission h1 { font-size: clamp(40px, 11vw, 58px); }
	.volgen-zf-transmission h2 { font-size: clamp(32px, 8vw, 44px); }
	.volgen-zf-transmission .zf-identifier-bar { grid-template-columns: repeat(2, 1fr); }
	.volgen-zf-transmission .zf-identifier-bar span:nth-child(2) { border-right: 0; }
	.volgen-zf-transmission .zf-identifier-bar span:nth-child(-n+2) { border-bottom: 1px solid var(--zf-line); }
	.volgen-zf-transmission .zf-matching__visual,
	.volgen-zf-transmission .zf-matching__visual > img { min-height: 420px; height: 420px; }
	.volgen-zf-transmission .zf-nameplate-card { position: relative; right: auto; bottom: auto; max-width: none; box-shadow: none; }
	.volgen-zf-transmission .zf-applications__matrix { grid-template-columns: 1fr; }
	.volgen-zf-transmission .zf-applications__matrix div { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(155,216,255,.24); }
	.volgen-zf-transmission .zf-applications__matrix div:last-child { border-bottom: 0; }
	.volgen-zf-transmission .zf-applications__matrix strong { margin-bottom: 12px; }
	.volgen-zf-transmission .zf-rfq__panel ul { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
	.volgen-zf-transmission .zf-section,
	.volgen-zf-transmission .zf-rfq { padding: 60px 0; }
	.volgen-zf-transmission .zf-hero { padding-top: 58px; }
	.volgen-zf-transmission .zf-actions,
	.volgen-zf-transmission .zf-rfq__actions { flex-direction: column; }
	.volgen-zf-transmission .zf-button { width: 100%; }
	.volgen-zf-transmission .zf-hero__visual { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 360px 220px; min-height: 0; }
	.volgen-zf-transmission .zf-hero__main-part { grid-row: 1; grid-column: 1 / -1; }
	.volgen-zf-transmission .zf-family-rail,
	.volgen-zf-transmission .zf-products__grid,
	.volgen-zf-transmission .zf-evidence__strip { grid-template-columns: 1fr; }
	.volgen-zf-transmission .zf-evidence__strip figure { grid-template-rows: 100cqw 1fr; }
	.volgen-zf-transmission .zf-families__visual { height: 280px; }
	.volgen-zf-transmission .zf-products__visuals { grid-template-columns: 1fr; }
	.volgen-zf-transmission .zf-family { min-height: 0; border-right: 0; border-bottom: 1px solid var(--zf-line); }
	.volgen-zf-transmission .zf-family:last-child { border-bottom: 0; }
	.volgen-zf-transmission .zf-family__status { min-height: 0; margin-bottom: 24px; }
	.volgen-zf-transmission .zf-matching__visual { width: 100%; }
	.volgen-zf-transmission .zf-rfq__panel { padding: 30px 22px; }
}

@media (max-width: 375px) {
	.volgen-zf-transmission .zf-shell { width: min(100% - 28px, 1240px); }
	.volgen-zf-transmission .zf-hero__visual { grid-template-rows: 320px 190px; }
	.volgen-zf-transmission .zf-identifier-bar span { padding: 16px 12px; font-size: 12px; }
	.volgen-zf-transmission .zf-family { padding: 28px 22px; }
	.volgen-zf-transmission .zf-matching__visual,
	.volgen-zf-transmission .zf-matching__visual > img { min-height: 340px; height: 340px; }
	.volgen-zf-transmission .zf-nameplate-card { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	.volgen-zf-transmission .zf-evidence__strip img,
	.volgen-zf-transmission .zf-evidence__strip figure:hover img,
	.volgen-zf-transmission .zf-products__visuals img,
	.volgen-zf-transmission .zf-products__visuals figure:hover img {
		animation: none;
		transition-property: none;
		transform: none;
	}
	.volgen-zf-transmission *,
	.volgen-zf-transmission *::before,
	.volgen-zf-transmission *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}

	.volgen-zf-transmission .zf-button::after,
	.volgen-zf-transmission .zf-text-link::after,
	.volgen-zf-transmission .zf-product em::after {
		transform: none;
	}

	.volgen-zf-transmission .zf-hero__visual > figure,
	.volgen-zf-transmission .zf-hero__visual > figure:hover,
	.volgen-zf-transmission .zf-hero__visual > figure img {
		animation: none;
		transition-property: none;
		transform: none;
		translate: none;
		opacity: 1;
	}
}
