/* SP LSDB-Teaser – Frontend
 * Farben/Schriften über Theme-Variablen (Twenty Twenty-Five + SP Global Styles), Hex nur als Fallback.
 * Radien nur 6px / 8px / 11px (Sprechblase 10px wie Huyang Bubble). Barlow Condensed nur in 400 → Hierarchie über Größe/Farbe.
 * Holo-Werte (Gradnetz, Scanlines, Innenschein) wie in der Club-Karte (spck-karte.css).
 */

.splt {
	--splt-blau: var(--wp--preset--color--accent-1, #2a7de1);
	--splt-gelb: var(--wp--preset--color--accent-2, #ffc000);
	--splt-text: var(--wp--preset--color--contrast, #ededed);
	--splt-panel: var(--wp--preset--color--accent-6, #0000005c);
	--splt-schrift: var(--wp--preset--font-family--barlow-condensed, "Barlow Condensed", sans-serif);
	--splt-leise: #8aa0c0;
	--splt-hellblau: #d0e0ff;
	--splt-linie: rgba(100, 160, 255, .3);
	--splt-glow: var(--farbe-blau, rgba(42, 125, 225, .75));

	container-type: inline-size;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	box-sizing: border-box;
	/* Luft oben/unten für die schwebenden Griffe */
	padding: 72px 32px 64px;
	font-family: var(--splt-schrift);
	font-weight: 400;
	color: var(--splt-text);
	letter-spacing: -0.22px;
}
.splt *,
.splt *::before,
.splt *::after { box-sizing: border-box; }

/* Holo-Ebenen wie Club-Karte, dezent: Gradnetz + Schein (unten), Scanlines (oben) */
.splt::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		linear-gradient(rgba(42, 125, 225, .08) 1px, transparent 1px) 0 0 / 48px 48px,
		linear-gradient(90deg, rgba(42, 125, 225, .08) 1px, transparent 1px) 0 0 / 48px 48px,
		radial-gradient(ellipse at 50% 55%, rgba(42, 125, 225, .14), transparent 65%);
	-webkit-mask-image: radial-gradient(ellipse at center, #000 35%, transparent 80%);
	mask-image: radial-gradient(ellipse at center, #000 35%, transparent 80%);
}
.splt::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 3;
	pointer-events: none;
	background: repeating-linear-gradient(0deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 3px);
}

.splt-ablage { display: none !important; }
/* Überschrift oben im Block nur am Handy */
.splt-kopf { display: none; }

.splt .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ---------- Schwebende Griffe (Hintergrund) ---------- */

.splt-griffe {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
}
/* Tiefe über Größe (--w), Deckkraft (--o) und Unschärfe (--b), Position per transform aus dem JS */
.splt-griff {
	position: absolute;
	top: 0;
	left: 0;
	width: var(--w, 180px);
	opacity: var(--o, .3);
	filter: blur(var(--b, 1.5px)) saturate(.8);
	cursor: pointer;
	transition: opacity .35s, filter .35s;
	will-change: transform;
}
.splt-griff img {
	display: block;
	width: 100%;
	height: auto;
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
}
/* Griff ohne Glow: schwacher Schimmer in der Klingenfarbe (statisch, nicht animiert) */
.splt-griff--ohne-glow img {
	filter: drop-shadow(0 0 4px var(--splt-griff-farbe, transparent));
}
.splt-griff:hover {
	z-index: 2;
	opacity: .95;
	filter: none;
}
.splt-griff--weg,
.splt-griff--weg:hover {
	opacity: 0;
	transition: opacity .3s;
}
/* Name beim Hover, gegen die Drehung des Griffs gerade gestellt */
.splt-griff__name {
	position: absolute;
	left: 50%;
	top: 100%;
	padding: 2px 8px;
	font-size: .8rem;
	line-height: 1.3;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--splt-hellblau);
	background: rgba(10, 22, 40, .9);
	border: 1px solid var(--splt-linie);
	border-radius: 6px;
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, 2px) rotate(calc(var(--r, 0deg) * -1));
	transition: opacity .2s;
}
.splt-griff:hover .splt-griff__name { opacity: 1; }

/* ---------- Raster ---------- */

.splt-raster {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(170px, 210px) minmax(0, 1fr) minmax(300px, 380px);
	gap: 28px;
	align-items: end;
	max-width: 1280px;
	margin: 0 auto;
	/* Lücken im Raster lassen Klicks zu den schwebenden Griffen durch */
	pointer-events: none;
}
.splt-raster > * {
	min-width: 0;
	pointer-events: auto;
}

.splt-vitrine,
.splt-zugriff {
	position: relative;
	background: var(--splt-panel);
	border: 1px solid rgba(100, 160, 255, .2);
	border-radius: 11px;
	/* Kein Glow nach außen (liefert das Seiten-Template), nur Holo-Schein nach innen */
	box-shadow: inset 0 0 40px rgba(42, 125, 225, .15);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

/* Eigene Absätze/Überschriften: Theme-Abstände neutralisieren */
.splt p,
.splt h2,
.splt h3,
.splt ul { margin: 0; }

/* ---------- Huyang + Sprechblase ---------- */

.splt-huyang {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}
.splt-huyang__bild {
	display: block;
	width: 100%;
	max-width: 240px;
	height: auto;
	filter: drop-shadow(0 10px 30px rgba(0, 0, 0, .6));
}

/* Stil wie Plugin „Huyang Bubble“ */
.splt-blase {
	position: relative;
	z-index: 1;
	width: calc(100% + 30px);
	/* Luft zwischen Zeiger und Kopf */
	margin: 0 -10px 16px -20px;
	padding: 11px 15px 12px;
	font-size: 1.05rem;
	line-height: 1.35;
	color: var(--splt-hellblau);
	background: rgba(10, 22, 40, .94);
	border: 1px solid var(--splt-linie);
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
}
.splt-blase::after {
	content: "";
	position: absolute;
	left: 58%;
	bottom: -8px;
	width: 14px;
	height: 14px;
	background: rgba(10, 22, 40, .94);
	border-right: 1px solid var(--splt-linie);
	border-bottom: 1px solid var(--splt-linie);
	transform: rotate(45deg);
}
.splt-blase__wer {
	display: block;
	margin-bottom: 2px;
	font-size: .75rem;
	line-height: 1.2;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	color: var(--splt-gelb);
}
/* Schreibmaschine: der Rest steht unsichtbar schon da, damit die Blase nicht wächst */
.splt-rest { color: transparent; }
.splt-cursor {
	display: inline-block;
	width: 7px;
	height: 1em;
	margin: 0 1px 0 2px;
	vertical-align: -2px;
	background: var(--splt-hellblau);
	animation: splt-blinken 1s steps(1) infinite;
}
.splt-cursor--fertig { display: none; }
@keyframes splt-blinken { 50% { opacity: 0; } }

/* ---------- Vitrine ---------- */

.splt-vitrine {
	overflow: hidden;
	padding: 16px 22px 0;
}
/* Leuchtlinie oben in der Klingenfarbe */
.splt-vitrine::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--splt-glow);
	box-shadow: 0 0 14px var(--splt-glow);
	transition: background .5s, box-shadow .5s;
}
.splt-vitrine__kopf {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
	font-size: .8rem;
	line-height: 1.2;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	color: var(--splt-leise);
}
.splt-vitrine__buehne {
	position: relative;
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* Glow-Sprache der LSDB: weicher Schein in Klingenfarbe hinter dem Griff */
.splt-vitrine__buehne::before {
	content: "";
	position: absolute;
	left: 18%;
	right: 18%;
	top: 38%;
	bottom: 30%;
	border-radius: 50%;
	background: var(--splt-glow);
	opacity: .35;
	filter: blur(15px);
	transition: background .5s;
}
/* Griff ohne Glow (ab 0.8.4, Tim 23.10.2026): kein Schein hinter dem Griff und keine Spiegelung,
   nur ein flacher Lichtschein in der Klingenfarbe unter dem Griff (bei zwei Farben als Verlauf).
   Beitragsbilder (Schein eingebrannt) bleiben beim schwachen Hof. */
.splt-vitrine--ohne-glow .splt-vitrine__buehne::before {
	left: 18%;
	right: 18%;
	top: 58%;
	bottom: 20%;
	background: linear-gradient(90deg, var(--splt-glow) 20%, var(--splt-glow-2, var(--splt-glow)) 80%);
	opacity: .55;
	filter: blur(16px);
}
.splt-vitrine__bildlink {
	position: relative;
	display: block;
	width: 100%;
	max-width: 560px;
}
.splt-vitrine__bild {
	display: block;
	width: 100%;
	height: auto;
	max-height: 250px;
	object-fit: contain;
	transition: transform .5s cubic-bezier(.2, .8, .2, 1), opacity .35s;
	animation: splt-schweben 6s ease-in-out infinite;
}
.splt-vitrine__bildlink:hover .splt-vitrine__bild { transform: scale(1.04); }
.splt-vitrine--raus .splt-vitrine__bild { opacity: 0; transform: translateX(-40px) scale(.95); }
.splt-vitrine--rein .splt-vitrine__bild { opacity: 0; transform: translateX(40px) scale(.95); transition: none; }
@keyframes splt-schweben {
	0%, 100% { translate: 0 0; rotate: -1deg; }
	50% { translate: 0 -8px; rotate: 1deg; }
}

/* Immer gleich hoch (Tim 23.10.2026): Name oben über die volle Breite, darunter Unterzeile
   und Buttons in einer Zeile. Zu lange Texte werden mit „…“ gekürzt statt umzubrechen. */
.splt-vitrine__meta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"name name"
		"sub aktionen";
	align-items: center;
	gap: 6px 16px;
	padding: 4px 0 18px;
}
.splt-vitrine__text { display: contents; }
.splt .splt-vitrine__name {
	grid-area: name;
	overflow: hidden;
	font-family: var(--splt-schrift);
	font-size: 2.1rem;
	font-weight: 400;
	line-height: 1.15;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.splt .splt-vitrine__name a {
	color: var(--splt-text);
	text-decoration: none;
	transition: color .2s, text-shadow .2s;
}
.splt .splt-vitrine__name a:hover,
.splt .splt-vitrine__name a:focus-visible {
	color: var(--splt-text);
	text-shadow: 0 0 12px var(--splt-glow);
}
.splt-vitrine__sub {
	grid-area: sub;
	min-width: 0;
	overflow: hidden;
	font-size: 1.05rem;
	line-height: 1.3;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: var(--splt-leise);
}
.splt-hell { color: var(--splt-hellblau); }
.splt-vitrine__aktionen {
	grid-area: aktionen;
	display: flex;
	align-items: center;
	gap: 8px;
}
.splt .splt-vitrine__aktionen .splt-zum { padding-inline: 1.3em; }
/* „Nächstes“ neben der Unterzeile nur als Icon (Text für Screenreader bleibt), am Handy mit Text */
.splt .splt-naechstes {
	width: 30px;
	height: 30px;
	padding: 0;
}
.splt-naechstes__text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

.splt-fortschritt {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: rgba(255, 255, 255, .06);
}
.splt-fortschritt__balken {
	display: block;
	height: 100%;
	background: var(--splt-glow);
	opacity: .8;
	transform: scaleX(0);
	transform-origin: left center;
}
.splt-fortschritt__balken.splt-laeuft { animation: splt-fortschritt var(--splt-intervall, 9s) linear forwards; }
.splt--steht .splt-fortschritt__balken { animation-play-state: paused; }
.splt:not(.splt--js) .splt-fortschritt,
.splt--ruhig .splt-fortschritt { display: none; }
@keyframes splt-fortschritt { to { transform: scaleX(1); } }

/* ---------- Buttons ---------- */

/* Haupt-Buttons als Glas-Pille wie „Buch uns“ im Header (Snippet sp-cta-glass, WordPress Doku),
   Werte hier kopiert, damit das Plugin nicht vom Snippet abhängt. Schrift erbt Barlow Condensed. */
.splt .splt-glas {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45em;
	margin: 0;
	padding: .7em 1.8em;
	font-family: var(--splt-schrift);
	font-size: 1.05rem;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	color: #fff;
	background: linear-gradient(135deg, rgba(42, 125, 225, .35) 0%, rgba(42, 125, 225, .15) 100%);
	-webkit-backdrop-filter: blur(10px) saturate(160%);
	backdrop-filter: blur(10px) saturate(160%);
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 999px;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .45),
		inset 0 -1px 6px rgba(42, 125, 225, .25),
		0 4px 18px rgba(0, 0, 0, .35);
	transition: all .25s ease;
}
.splt .splt-glas:hover,
.splt .splt-glas:focus-visible {
	color: #fff;
	background: linear-gradient(135deg, rgba(42, 125, 225, .55) 0%, rgba(42, 125, 225, .3) 100%);
	border-color: rgba(255, 255, 255, .55);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .55),
		0 0 22px rgba(42, 125, 225, .55),
		0 4px 20px rgba(0, 0, 0, .4);
	transform: translateY(-1px);
}

/* Neben-Buttons exakt wie die LSDB-Filterleiste (.lsdb-scope-btn, LSDB Redesign) */
.splt .splt-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	margin: 0;
	padding: .34rem .8rem;
	font-family: var(--splt-schrift);
	font-size: .8rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	color: var(--splt-leise);
	background: rgba(255, 255, 255, .05);
	border: 1px solid var(--splt-linie);
	border-radius: 7px;
	box-shadow: none;
	cursor: pointer;
	transition: all .2s;
}
.splt .splt-btn:hover,
.splt .splt-btn:focus-visible {
	color: var(--splt-hellblau);
	background: rgba(100, 160, 255, .12);
	border-color: rgba(100, 160, 255, .5);
}
/* Aktiv wie .lsdb-scope-active (hier: Auto-Wechsel angehalten) */
.splt .splt-btn[aria-pressed="true"] {
	color: #fff;
	background: rgba(100, 160, 255, .25);
	border-color: rgba(100, 160, 255, .7);
	box-shadow: 0 0 7px rgba(100, 160, 255, .35);
}
.splt .splt-btn:focus-visible,
.splt .splt-glas:focus-visible,
.splt a:focus-visible {
	outline: 2px solid var(--splt-blau);
	outline-offset: 2px;
}
.splt .splt-btn[hidden] { display: none; }

.splt .splt-btn--icon {
	width: 30px;
	height: 30px;
	padding: 0;
}
/* Pause-Symbol (zwei Balken), gedrückt = Play-Dreieck */
.splt-pause__icon {
	display: block;
	width: 10px;
	height: 12px;
	border-left: 3px solid currentColor;
	border-right: 3px solid currentColor;
}
.splt-pause[aria-pressed="true"] .splt-pause__icon {
	width: 0;
	height: 0;
	margin-left: 3px;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent currentColor;
}

/* ---------- Schnellzugriff ---------- */

.splt-zugriff { padding: 22px 22px 20px; }
.splt-kicker,
.splt-label {
	font-size: .8rem;
	line-height: 1.2;
	letter-spacing: 1.44px;
	text-transform: uppercase;
}
.splt-kicker { color: var(--splt-gelb); }
.splt .splt-titel {
	margin: 4px 0 6px;
	font-family: var(--splt-schrift);
	font-size: 2.3rem;
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: 0;
	text-transform: none;
	color: var(--splt-text);
}
.splt-lead {
	margin-bottom: 16px !important;
	font-size: 1.05rem;
	line-height: 1.4;
	color: rgba(237, 237, 237, .75);
}

.splt-suche { position: relative; margin: 0; }
.splt-suche__icon {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	fill: none;
	stroke: var(--splt-leise);
	stroke-width: 2.2;
	stroke-linecap: round;
	pointer-events: none;
}
.splt .splt-suche__feld {
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 12px 10px 38px;
	font-family: var(--splt-schrift);
	font-size: 1.1rem;
	line-height: 1.3;
	letter-spacing: -0.22px;
	color: var(--splt-text);
	background: rgba(0, 0, 0, .4);
	border: 1px solid var(--splt-linie);
	border-radius: 8px;
	outline: none;
	box-shadow: none;
	transition: border-color .2s, box-shadow .2s;
}
.splt .splt-suche__feld::placeholder { color: var(--splt-leise); opacity: 1; }
.splt .splt-suche__feld:focus {
	border-color: var(--splt-blau);
	box-shadow: 0 0 0 3px rgba(42, 125, 225, .25);
}
.splt-suche__treffer {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	right: 0;
	z-index: 20;
	max-height: 320px;
	overflow: auto;
	padding: 4px 0;
	background: rgba(10, 22, 40, .97);
	border: 1px solid var(--splt-linie);
	border-radius: 8px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .6);
}
.splt-suche__treffer[hidden] { display: none; }
.splt .splt-option {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 12px;
	font-size: 1.05rem;
	line-height: 1.2;
	color: var(--splt-hellblau);
	text-decoration: none;
}
.splt .splt-option:hover,
.splt .splt-option--aktiv {
	color: var(--splt-text);
	background: rgba(42, 125, 225, .2);
}
.splt-option__bild {
	flex: none;
	width: 54px;
	height: 33px;
	object-fit: contain;
}
.splt-option__typ {
	margin-left: auto;
	padding-left: 8px;
	font-size: .7rem;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	color: var(--splt-leise);
	white-space: nowrap;
}
.splt-suche__leer {
	padding: 8px 12px;
	color: var(--splt-leise);
}
.splt .splt-suche__leer a { color: var(--splt-blau); }

.splt-label {
	margin: 16px 0 7px !important;
	color: var(--splt-leise);
}
.splt-bereich {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px;
}
.splt-bereich__zahl { color: var(--splt-leise); opacity: .8; }
.splt .splt-bereich__btn:hover .splt-bereich__zahl { color: inherit; }

.splt .splt-cta {
	display: flex;
	justify-content: center;
	gap: .4em;
	width: 100%;
	margin-top: 18px;
	text-align: center;
}

.splt-zahlen {
	display: flex;
	margin-top: 14px !important;
	padding: 12px 0 0 !important;
	list-style: none;
	border-top: 1px solid rgba(100, 160, 255, .15);
}
.splt-zahlen__eintrag {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0;
	text-align: center;
}
.splt-zahlen__wert {
	font-size: 1.7rem;
	line-height: 1;
	color: var(--splt-text);
}
.splt-zahlen__label {
	margin-top: 3px;
	font-size: .7rem;
	line-height: 1.2;
	letter-spacing: 1.44px;
	text-transform: uppercase;
	color: var(--splt-leise);
}

/* ---------- Tablet: Huyang + Vitrine oben, Schnellzugriff darunter ---------- */

@container (max-width: 1200px) {
	.splt-raster { grid-template-columns: minmax(150px, 200px) minmax(0, 1fr); }
	.splt-zugriff { grid-column: 1 / -1; }
}

/* Schmales Tablet (Vitrine neben Huyang zu schmal): Buttons fest in eigener Zeile, für alle Schwerter gleich */
@container (max-width: 900px) {
	.splt-vitrine__meta {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"name"
			"sub"
			"aktionen";
	}
	.splt-vitrine__aktionen { margin-top: 6px; }
}

/* ---------- Handy: ein Kasten aus Huyang, Vitrine, CTA und Statistik ---------- */

@container (max-width: 700px) {
	.splt { padding: 28px 16px 30px; }
	.splt-raster {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}
	/* Huyang steht groß vorne an der Vitrine (ragt über ihre Oberkante), Blase daneben:
	   Huyang + Vitrine wirken als ein Modul statt zwei (Tim 23.10.2026) */
	.splt-huyang {
		position: relative;
		z-index: 2;
		align-items: flex-start;
		margin-bottom: -96px;
		pointer-events: none;
	}
	.splt-huyang > * { pointer-events: auto; }
	/* Abstand nach oben, damit der Zeiger der Blase nicht in den Kopf ragt */
	.splt-huyang__bild {
		width: 150px;
		max-width: 42%;
		margin: 14px 0 0 4px;
	}
	/* Platz für ca. 4 Zeilen reserviert, damit die Vitrine beim Wechsel kaum springt */
	.splt-blase {
		width: 100%;
		min-height: 7.6em;
		margin: 0;
		font-size: 1rem;
	}
	/* Zeiger nach unten auf Huyangs Kopf */
	.splt-blase::after { left: 64px; }
	.splt-vitrine { padding: 14px 14px 0; }
	/* Platz links oben für Huyangs Füße, „Offiziell/Custom“ bleibt rechts */
	.splt-vitrine__kopf { min-height: 30px; }
	.splt-vitrine__buehne { height: 170px; }
	.splt-vitrine__bild { max-height: 170px; }
	.splt .splt-vitrine__name { font-size: 1.7rem; }
	.splt-vitrine__meta {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"name"
			"sub"
			"aktionen";
		gap: 4px;
	}
	.splt-vitrine__aktionen {
		flex-wrap: wrap;
		margin-top: 8px;
	}
	.splt-vitrine__aktionen > :not(.splt-btn--icon) { flex: 1; }
	.splt-vitrine__aktionen > .splt-zum { flex-basis: 100%; }
	.splt .splt-naechstes {
		width: auto;
		padding: .34rem .8rem;
	}
	.splt-naechstes__text {
		position: static;
		width: auto;
		height: auto;
		clip: auto;
	}

	/* Schnellzugriff am Handy nur „Alle Lichtschwerter ansehen“ + Statistik, direkt unter
	   „Zum Schwert“ im selben Kasten wie die Vitrine (Tim 23.10.2026). Suche gibt es am Handy nicht. */
	.splt-zugriff > :not(.splt-cta):not(.splt-zahlen) { display: none; }
	/* Kicker + Überschrift stehen am Handy über Blase und Huyang (Tim 23.10.2026) */
	.splt-kopf {
		display: block;
		margin-bottom: -4px;
	}
	.splt-vitrine {
		border-bottom: 0;
		border-radius: 11px 11px 0 0;
	}
	.splt-zugriff {
		margin-top: -16px;
		padding: 0 14px 16px;
		border-top: 0;
		border-radius: 0 0 11px 11px;
		box-shadow: inset 0 -20px 40px -20px rgba(42, 125, 225, .15);
	}
	.splt .splt-cta { margin-top: 14px; }
	.splt-zahlen { gap: 6px; }
	.splt-zahlen__label { letter-spacing: .5px; }
}

/* ---------- Bewegung reduzieren ---------- */

@media (prefers-reduced-motion: reduce) {
	.splt-vitrine__bild,
	.splt-cursor { animation: none; }
	.splt-vitrine__bild,
	.splt-vitrine::before,
	.splt-vitrine__buehne::before { transition: none; }
	.splt-vitrine__bildlink:hover .splt-vitrine__bild { transform: none; }
}