/*
 * Produktfunnel im eingefrorenen ruhigen Referenzsystem.
 * Ergänzt platform-reference.css ohne Produktdaten oder Funktionen zu verändern.
 */

/* Produkt-Hero */
.reference-platform .tiles--3 {
	grid-template-columns: repeat(3,minmax(0,1fr));
}

.reference-platform .cards--3 {
	grid-template-columns: repeat(3,minmax(0,1fr));
}

.reference-route-typ main .h1,
.reference-route-einsatz-detail main .h1,
.reference-route-vergleich-detail main .h1 {
	max-width: 22ch;
	font-size: clamp(40px,4.6vw,70px);
}

.reference-platform .product-grid-spaced,
.reference-platform .product-table-spaced {
	margin-top: 32px;
}

.reference-platform .product-source-note {
	margin-top: 14px;
}

.reference-platform .table .card__series {
	margin: 0;
}

.reference-platform .phero--modell {
	padding-bottom: clamp(64px,7vw,108px);
}

.reference-platform .phero--modell .phero__grid,
.reference-platform .phero__grid--5-7 {
	grid-template-columns: minmax(0,5fr) minmax(0,7fr);
}

.reference-platform .phero--modell .phero__text {
	padding-block: clamp(10px,2vw,30px);
}

.reference-platform .h1__sub {
	display: block;
	max-width: 17ch;
	margin-top: 12px;
	color: var(--muted);
	font-size: .45em;
	font-weight: 520;
	letter-spacing: -.035em;
	line-height: 1.08;
}

.reference-platform .phero--modell .phero__media {
	align-self: stretch;
	min-height: clamp(500px,48vw,720px);
}

.reference-platform .phero__media--galerie {
	overflow: visible;
	background: transparent;
}

.reference-platform .phero__media .produktbild {
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: var(--stage);
}

.reference-platform .phero__media .produktbild--cover {
	object-fit: cover;
}

.reference-platform .pager {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 24px;
	margin-top: 28px;
	padding-top: 18px;
	border-top: 1px solid var(--line);
	font-size: 12px;
}

/* Mediengalerie */
.reference-platform .galerie {
	display: grid;
	gap: 10px;
	min-width: 0;
	height: 100%;
	scroll-margin-top: calc(var(--shell-height,68px) + 12px);
}

.reference-platform .galerie__tabs {
	display: flex;
	min-height: 50px;
	gap: 0;
	overflow-x: auto;
	border-bottom: 1px solid var(--line);
	scrollbar-width: none;
}

.reference-platform .galerie__tab {
	flex: 0 0 auto;
	min-height: 50px;
	padding: 0 18px;
	border: 0;
	border-bottom: 3px solid transparent;
	border-radius: 0;
	background: transparent;
	color: var(--muted);
	font-size: 12px;
	font-weight: 730;
	scroll-margin-block: calc(var(--shell-height,68px) + 10px) 82px;
}

.reference-platform .galerie__tab.is-active {
	border-bottom-color: var(--blue);
	color: var(--ink);
}

.reference-platform .galerie__panel {
	display: none;
	min-width: 0;
}

.reference-platform .galerie__panel.is-active {
	display: block;
}

.reference-platform .galerie__main {
	position: relative;
	margin: 0;
	border: 1px solid var(--line);
	background: var(--stage);
}

.reference-platform .galerie__main img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: contain;
	background: #fff;
	touch-action: pan-y;
}

.reference-platform .galerie__caption {
	display: flex;
	min-height: 42px;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 8px 12px;
	border-top: 1px solid var(--line);
	background: #fff;
	color: var(--ink-2);
	font-size: 11px;
}

.reference-platform .galerie__nav {
	position: absolute;
	top: 50%;
	display: grid;
	width: 46px;
	height: 46px;
	place-items: center;
	padding: 0;
	border: 1px solid var(--line);
	border-radius: 0;
	background: rgba(255,255,255,.96);
	color: var(--ink);
	font-size: 28px;
	line-height: 1;
	opacity: 0;
	transform: translateY(-50%);
	transition: opacity .16s ease,background .16s ease,color .16s ease;
}

.reference-platform .galerie__nav--prev { left: 12px; }
.reference-platform .galerie__nav--next { right: 12px; }
.reference-platform .galerie__main:hover .galerie__nav,
.reference-platform .galerie__nav:focus-visible { opacity: 1; }
.reference-platform .galerie__nav:hover { background: var(--night); color: #fff; }

.reference-platform .galerie__thumbs {
	display: flex;
	gap: 7px;
	overflow-x: auto;
	padding-bottom: 3px;
	scroll-snap-type: x proximity;
	scrollbar-width: thin;
}

.reference-platform .galerie__thumb {
	flex: 0 0 86px;
	padding: 0;
	overflow: hidden;
	border: 2px solid var(--line);
	border-radius: 0;
	background: #fff;
	scroll-snap-align: center;
}

.reference-platform .galerie__thumb img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.reference-platform .galerie__thumb.is-active { border-color: var(--blue); }
.reference-platform .galerie__thumb:hover { border-color: var(--ink); }
.reference-platform .galerie__hinweis { margin: 0; }

.reference-platform .spin,
.reference-platform .video {
	position: relative;
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: 0;
	background: var(--night);
}

.reference-platform .spin { cursor: grab; user-select: none; }
.reference-platform .spin.is-dragging { cursor: grabbing; }
.reference-platform .spin__img,
.reference-platform .video__el {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.reference-platform .spin__hint {
	position: absolute;
	bottom: 12px;
	left: 50%;
	margin: 0;
	padding: 8px 12px;
	background: rgba(6,26,45,.88);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
	transform: translateX(-50%);
}

.reference-platform .video__play {
	position: absolute;
	inset: 0;
	display: grid;
	width: 100%;
	place-items: center;
	border: 0;
	background: linear-gradient(180deg,transparent 40%,rgba(0,0,0,.58));
}

.reference-platform .video__play span {
	position: relative;
	width: 68px;
	height: 68px;
	border-radius: 0;
	background: var(--blue);
	box-shadow: none;
}

.reference-platform .video__play span::after {
	position: absolute;
	top: 50%;
	left: 54%;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width: 11px 0 11px 18px;
	content: "";
	transform: translate(-50%,-50%);
}

.reference-platform .video.is-playing .video__play,
.reference-platform .video.is-playing .video__title { display: none; }
.reference-platform .video__title {
	position: absolute;
	right: 18px;
	bottom: 14px;
	left: 18px;
	margin: 0;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	pointer-events: none;
}

/* Sticky Abschnittsnavigation */
.reference-platform .subnav {
	position: sticky;
	z-index: 1000;
	top: 70px;
	border-block: 1px solid var(--line);
	background: rgba(255,255,255,.97);
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
}

.reference-platform .subnav__row {
	display: flex;
	height: 54px;
	align-items: center;
	gap: clamp(18px,2.2vw,34px);
	overflow-x: auto;
	scrollbar-width: none;
}

.reference-platform .subnav__row > a:not(.btn) {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	color: var(--ink-2);
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.reference-platform .subnav__row > a:hover { color: var(--blue-dark); }
.reference-platform .subnav__cta {
	min-width: 126px;
	min-height: 42px;
	margin-left: auto;
}

.reference-platform:has(.subnav) main [id] {
	scroll-margin-top: calc(var(--shell-height,68px) + 64px);
}

/* Dunkle Kennzahlenleiste */
.reference-platform .kennzahlen {
	padding-block: clamp(42px,4.5vw,68px);
}

.reference-platform .kennzahlen__grid {
	display: grid;
	grid-template-columns: repeat(6,minmax(0,1fr));
	gap: 30px 0;
	margin: 0;
}

.reference-platform .kennzahlen__grid > div {
	min-width: 0;
	padding: 0 20px;
	border-left: 1px solid rgba(255,255,255,.2);
}

.reference-platform .kennzahlen__grid > div:first-child { padding-left: 0; border-left: 0; }
.reference-platform .kennzahlen__grid dt {
	margin-bottom: 8px;
	color: #73d7ff;
	font-size: 10px;
	font-weight: 780;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.reference-platform .kennzahlen__grid dd {
	margin: 0;
	color: #fff;
	font-size: clamp(17px,1.35vw,22px);
	font-weight: 760;
	letter-spacing: -.025em;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.reference-platform .kennzahlen__note {
	margin: 28px 0 0;
	padding-top: 18px;
	border-top: 1px solid rgba(255,255,255,.18);
	color: #aab9c4;
	font-size: 11px;
	line-height: 1.5;
}

/* Entscheidungen, Ausstattung und Branchen */
.reference-platform .entscheid__grid,
.reference-platform .serie {
	display: grid;
	grid-template-columns: minmax(0,5fr) minmax(0,7fr);
	gap: clamp(44px,7vw,110px);
}

.reference-platform .entscheid__grid > :first-child,
.reference-platform .entscheid__grid > .entscheid__col,
.reference-platform .serie > :first-child,
.reference-platform .serie__list {
	grid-column: auto;
}

.reference-platform .entscheid__cols {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	align-content: start;
	gap: 1px;
	border: 1px solid var(--line);
	background: var(--line);
}

.reference-platform .entscheid__col {
	min-width: 0;
	padding: clamp(24px,3vw,38px);
	border: 0;
	border-top: 3px solid var(--line);
	background: var(--stage);
}

.reference-platform .entscheid__col--ja { border-top-color: var(--blue); }
.reference-platform .entscheid__col--nein { border-top-color: var(--night); }
.reference-platform .entscheid__col ul {
	display: grid;
	gap: 10px;
	margin: 18px 0 0;
	padding-left: 18px;
	color: var(--ink-2);
	font-size: 13px;
	line-height: 1.5;
}

.reference-platform .serie__list {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	align-content: start;
	gap: 1px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--line);
	background: var(--line);
	list-style: none;
}

.reference-platform .serie__list li {
	position: relative;
	min-height: 78px;
	padding: 22px 22px 22px 52px;
	background: var(--paper);
	color: var(--ink-2);
	font-size: 13px;
	line-height: 1.45;
}

.reference-platform .serie__list li::before {
	position: absolute;
	top: 25px;
	left: 22px;
	width: 11px;
	height: 11px;
	background: var(--blue);
	content: "";
}

.reference-platform .serie__list--icons li::before {
	top: 24px;
	width: 10px;
	height: 6px;
	border: 0;
	border-bottom: 2px solid var(--blue);
	border-left: 2px solid var(--blue);
	background: transparent;
	transform: rotate(-45deg);
}

.reference-platform .einsatz {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: clamp(48px,8vw,120px);
}

.reference-platform .einsatz .serie__list {
	grid-template-columns: minmax(0,1fr);
}

/* Argumente und Highlights */
.reference-platform .argumente {
	grid-template-columns: repeat(4,minmax(0,1fr));
}

.reference-platform .highlights__grid {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 1px;
	border: 1px solid var(--line);
	background: var(--line);
}

.reference-platform .highlight {
	min-width: 0;
	border: 0;
	background: #fff;
}

.reference-platform .highlight img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.reference-platform .highlight p {
	min-height: 150px;
	margin: 0;
	padding: 24px;
	color: var(--ink-2);
	font-size: 13px;
	line-height: 1.5;
}

.reference-platform .highlight__num {
	display: block;
	margin-bottom: 14px;
	color: var(--blue-dark);
	font-size: 11px;
	font-weight: 780;
	letter-spacing: .12em;
}

/* Innenmaßkarten */
.reference-platform .masse {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 1px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--line);
	background: var(--line);
	list-style: none;
}

.reference-platform .mass {
	min-width: 0;
	background: #fff;
}

.reference-platform .mass a {
	display: flex;
	height: 100%;
	flex-direction: column;
	border: 0;
	background: #fff;
	color: inherit;
	transform: none;
}

.reference-platform .mass a:hover {
	box-shadow: none;
	color: inherit;
	transform: none;
}

.reference-platform .mass__flaeche {
	display: grid;
	aspect-ratio: 16 / 9;
	place-items: center;
	padding: 18px;
	border-bottom: 1px solid var(--line);
	background: var(--stage);
}

.reference-platform .mass__flaeche > span {
	display: grid;
	min-width: 28%;
	min-height: 28%;
	place-items: center;
	border: 2px solid var(--blue);
	background: var(--night);
}

.reference-platform .mass__flaeche em {
	color: #fff;
	font-size: 10px;
	font-style: normal;
	font-weight: 730;
}

.reference-platform .mass__body {
	display: grid;
	gap: 8px;
	padding: 22px;
}

.reference-platform .mass__name {
	color: var(--ink);
	font-size: 17px;
}

.reference-platform .mass__meta {
	min-height: 38px;
	color: var(--muted);
	font-size: 11px;
	line-height: 1.45;
}

.reference-platform .mass__price {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-top: 8px;
	color: var(--ink);
	font-size: 13px;
	font-weight: 730;
}

/* Details, Optionen und Notizen */
.reference-platform .matrix,
.reference-platform .notes,
.reference-platform .opt-acc__item {
	border: 1px solid var(--line);
	border-radius: 0;
	background: #fff;
}

.reference-platform .matrix { margin-top: 34px; }
.reference-platform .opt-acc { display: grid; gap: 8px; }

.reference-platform .matrix summary,
.reference-platform .notes summary,
.reference-platform .opt-acc__item summary {
	display: flex;
	min-height: 56px;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 14px 18px;
	font-size: 13px;
	font-weight: 730;
}

.reference-platform .matrix[open] summary,
.reference-platform .notes[open] summary,
.reference-platform .opt-acc__item[open] summary {
	border-bottom: 1px solid var(--line);
}

.reference-platform .matrix summary::after,
.reference-platform .notes summary::after,
.reference-platform .opt-acc__item summary::after {
	margin-left: auto;
	padding-left: 12px;
	color: var(--blue-dark);
	font-size: 18px;
	content: "+";
}

.reference-platform .matrix[open] summary::after,
.reference-platform .notes[open] summary::after,
.reference-platform .opt-acc__item[open] summary::after { content: "−"; }
.reference-platform .matrix .table-scroll { padding: 0; border: 0; }
.reference-platform .notes { margin-top: 18px; color: var(--ink-2); font-size: 13px; }
.reference-platform .notes ul { display: grid; gap: 8px; padding: 16px 34px 22px; }

/* Maßzeichnung */
.reference-platform .masszeichnung {
	display: grid;
	grid-template-columns: minmax(0,5fr) minmax(0,7fr);
	align-items: start;
	gap: clamp(44px,7vw,110px);
}

.reference-platform .masszeichnung > :first-child,
.reference-platform .zeichnung { grid-column: auto; }

.reference-platform .masse-liste {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 18px;
	margin: 30px 0 0;
}

.reference-platform .masse-liste div {
	padding-top: 13px;
	border-top: 3px solid var(--blue);
}

.reference-platform .masse-liste dt {
	color: var(--muted);
	font-size: 10px;
	font-weight: 780;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.reference-platform .masse-liste dd {
	margin: 6px 0 0;
	color: var(--ink);
	font-size: 18px;
	font-weight: 760;
}

.reference-platform .zeichnung {
	margin: 0;
	padding: clamp(18px,3vw,36px);
	border: 1px solid var(--line);
	background: #fff;
}

.reference-platform .zeichnung svg { width: 100%; height: auto; font-family: var(--font); }
.reference-platform .zeichnung figcaption { margin-top: 12px; }

/* Nutzlastrechner */
.reference-platform .rechner__grid {
	display: grid;
	grid-template-columns: minmax(0,7fr) minmax(0,5fr);
	align-items: start;
	gap: clamp(44px,7vw,110px);
}

.reference-platform .rechner__grid > :first-child,
.reference-platform .rechner__result { grid-column: auto; }
.reference-platform .rechner__opts {
	display: grid;
	gap: 12px;
	margin: 24px 0 0;
}

.reference-platform .rechner__opts legend {
	margin-bottom: 10px;
	color: var(--ink);
	font-size: 12px;
	font-weight: 730;
}

.reference-platform .rechner__result {
	padding: clamp(26px,4vw,46px);
	background: var(--night);
	color: #fff;
}

.reference-platform .rechner__row {
	display: flex;
	justify-content: space-between;
	gap: 18px;
	padding: 12px 0;
	border-bottom: 1px solid rgba(255,255,255,.16);
	color: #c0ccd4;
	font-size: 13px;
}

.reference-platform .rechner__row strong { color: #fff; text-align: right; }
.reference-platform .rechner__row--total {
	align-items: end;
	padding-top: 28px;
	border-bottom: 0;
	color: #fff;
	font-size: 17px;
}

.reference-platform .rechner__row--total strong {
	color: #73d7ff;
	font-size: clamp(30px,3vw,48px);
	letter-spacing: -.045em;
}

.reference-platform .rechner__result .muted {
	margin-top: 28px;
	color: #aab9c4;
}

.reference-platform .rechner__result .link { color: #73d7ff; }

/* Einsatzbilder */
.reference-platform .stimmung {
	overflow: hidden;
	background: var(--night);
}

.reference-platform .stimmung__row {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 2px;
	background: var(--night);
}

.reference-platform .stimmung__row img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/* Zubehör- und Einsatzkarten */
.reference-platform .zub,
.reference-platform .empf {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 1px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--line);
	background: var(--line);
	list-style: none;
}

.reference-platform .zub__item {
	min-width: 0;
	background: #fff;
}

.reference-platform .zub__item a {
	display: grid;
	height: 100%;
	min-height: 210px;
	gap: 10px;
	padding: clamp(24px,3vw,36px);
	border: 0;
	border-top: 3px solid var(--line);
	background: #fff;
	color: inherit;
	box-shadow: none;
}

.reference-platform .zub__item a:hover {
	border-top-color: var(--blue);
	box-shadow: none;
}

.reference-platform .zub__name {
	color: var(--ink);
	font-size: 18px;
	font-weight: 760;
	letter-spacing: -.02em;
}

.reference-platform .zub__kurz {
	color: var(--ink-2);
	font-size: 13px;
	line-height: 1.5;
}

.reference-platform .zub__meta {
	margin-top: auto;
	padding-top: 14px;
	color: var(--muted);
	font-size: 11px;
	font-weight: 700;
}

.reference-platform .empf__item {
	display: flex;
	min-width: 0;
	flex-direction: column;
	border: 0;
	background: #fff;
}

.reference-platform .empf__media {
	display: grid;
	min-height: 280px;
	place-items: center;
	background: var(--stage);
}

.reference-platform .empf__media img,
.reference-platform .empf__media .silhouette {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: contain;
	background: var(--stage);
}

.reference-platform .empf__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
	padding: clamp(24px,3vw,36px);
}

.reference-platform .empf__body p {
	color: var(--ink-2);
	font-size: 13px;
	line-height: 1.5;
}

.reference-platform .empf__price {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-top: auto !important;
	padding-top: 18px;
	border-top: 1px solid var(--line);
	color: var(--ink) !important;
	font-weight: 760;
}

/* Vergleich */
.reference-platform .vs {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 1px;
	border: 1px solid var(--line);
	background: var(--line);
}

.reference-platform .vs__col {
	min-width: 0;
	padding: clamp(28px,4vw,52px);
	border: 0;
	border-top: 4px solid var(--blue);
	background: #fff;
}

.reference-platform .vs__col:last-child { border-top-color: var(--night); }
.reference-platform .vs__media {
	display: grid;
	min-height: 320px;
	margin: calc(clamp(28px,4vw,52px) * -1) calc(clamp(28px,4vw,52px) * -1) 30px;
	place-items: center;
	background: var(--stage);
}

.reference-platform .vs__media img,
.reference-platform .vs__media .silhouette {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: contain;
	background: var(--stage);
}

.reference-platform .vs__fazit {
	max-width: 48ch;
	color: var(--ink-2);
	font-size: 16px;
	line-height: 1.55;
}

.reference-platform .vs__thumbs {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 4px;
	margin: 26px 0;
}

.reference-platform .vs__thumbs img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/* Baureihen-Video */
.reference-platform .bvideo {
	display: grid;
	grid-template-columns: minmax(0,4fr) minmax(0,8fr);
	align-items: center;
	gap: clamp(44px,7vw,110px);
}

.reference-platform .bvideo__text,
.reference-platform .bvideo__player { grid-column: auto; }
.reference-platform .bvideo__text h2 { color: #fff !important; }
.reference-platform .bvideo__text p { color: #aab9c4 !important; }

/* Mobile Conversion-Bar */
.reference-platform .mobilecta { display: none; }

@media (max-width: 1180px) {
	.reference-platform .kennzahlen__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
	.reference-platform .kennzahlen__grid > div:nth-child(4) { padding-left: 0; border-left: 0; }
	.reference-platform .argumente { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.reference-platform .highlights__grid,
	.reference-platform .masse { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.reference-platform .cards--3 { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.reference-platform .zub,
	.reference-platform .empf { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 900px) {
	.reference-platform .phero--modell .phero__grid,
	.reference-platform .phero__grid--5-7,
	.reference-platform .entscheid__grid,
	.reference-platform .serie,
	.reference-platform .masszeichnung,
	.reference-platform .rechner__grid,
	.reference-platform .bvideo {
		grid-template-columns: minmax(0,1fr);
	}
	.reference-platform .phero--modell .phero__media { min-height: 0; }
	.reference-platform .phero__media--galerie { min-height: 0; }
	.reference-platform .entscheid__cols { margin-top: 0; }
	.reference-platform .serie__list { margin-top: 0; }
	.reference-platform .masszeichnung > :first-child,
	.reference-platform .zeichnung,
	.reference-platform .rechner__grid > :first-child,
	.reference-platform .rechner__result,
	.reference-platform .bvideo__text,
	.reference-platform .bvideo__player { grid-column: auto; }
	.reference-platform .einsatz { grid-template-columns: minmax(0,1fr); }
}

@media (max-width: 768px) {
	.reference-platform .subnav { top: var(--shell-height,68px); }
	.reference-platform .subnav__row { height: 50px; gap: 20px; }
	.reference-platform .subnav__cta { display: none; }
	.reference-platform .kennzahlen__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.reference-platform .kennzahlen__grid > div,
	.reference-platform .kennzahlen__grid > div:nth-child(4) { padding: 0 14px; border-left: 1px solid rgba(255,255,255,.2); }
	.reference-platform .kennzahlen__grid > div:nth-child(odd) { padding-left: 0; border-left: 0; }
	.reference-platform .argumente,
	.reference-platform .tiles--3,
	.reference-platform .cards--3,
	.reference-platform .highlights__grid,
	.reference-platform .masse,
	.reference-platform .zub,
	.reference-platform .empf,
	.reference-platform .vs,
	.reference-platform .serie__list { grid-template-columns: minmax(0,1fr); }
	.reference-platform .highlight p { min-height: 0; }
	.reference-platform .mass__meta { min-height: 0; }
	.reference-platform .stimmung__row { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.reference-platform .galerie__nav { width: 44px; height: 44px; opacity: 1; }
	.reference-platform .galerie__thumb { flex-basis: 76px; }
	.reference-platform .spin__hint { max-width: calc(100% - 24px); white-space: normal; text-align: center; }
	.reference-platform .vs__media { min-height: 240px; }
	.reference-platform .mobilecta {
		position: fixed;
		z-index: 1200;
		right: 0;
		bottom: 0;
		left: 0;
		display: grid;
		grid-template-columns: minmax(0,1fr) 46px minmax(132px,auto);
		align-items: center;
		gap: 8px;
		min-height: 66px;
		padding: 8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
		overflow: hidden;
		background: var(--night);
		color: #fff;
		box-shadow: 0 -8px 28px rgba(6,26,45,.22);
	}
	.reference-platform .mobilecta__price {
		display: flex;
		min-width: 0;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 3px 6px;
		color: #fff;
		font-size: 14px;
		font-weight: 760;
		line-height: 1.15;
	}
	.reference-platform .mobilecta__price .price { color: #fff; }
	.reference-platform .mobilecta__price .muted { color: #aab9c4; }
	.reference-platform .mobilecta .iconbtn {
		display: grid;
		width: 46px;
		height: 46px;
		place-items: center;
		border: 1px solid rgba(255,255,255,.35);
		color: #fff;
	}
	.reference-platform .mobilecta .btn {
		width: auto;
		min-width: 132px;
		min-height: 46px;
		padding-inline: 14px;
	}
	.reference-platform .mobilecta .btn::after { content: none; }
	.reference-platform:has(.mobilecta) { padding-bottom: calc(70px + env(safe-area-inset-bottom)); }
}

@media (max-width: 430px) {
	.reference-platform .phero--modell .phero__text { padding-top: 0; }
	.reference-platform .galerie__caption { align-items: flex-start; flex-direction: column; gap: 2px; }
	.reference-platform .masse-liste { grid-template-columns: minmax(0,1fr); }
	.reference-platform .mobilecta {
		grid-template-columns: minmax(0,1fr) 42px minmax(118px,auto);
	}
	.reference-platform .mobilecta .iconbtn { width: 42px; height: 42px; }
	.reference-platform .mobilecta .btn { min-width: 118px; padding-inline: 11px; }
	.reference-platform .mobilecta__price .small { display: none; }
}

@media (hover: none) {
	.reference-platform .galerie__nav { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	.reference-platform .galerie__thumbs { scroll-behavior: auto; }
}