/* SP Club-Karte – Frontend
 * Farben/Schriften über Theme-Variablen (Twenty Twenty-Five + SP Global Styles), Hex nur als Fallback.
 * Radien nur 6px / 8px / 11px. Barlow Condensed nur in 400 vorhanden → Hierarchie über Größe/Farbe.
 */

.spck {
	--spck-blau: var(--wp--preset--color--accent-1, #2a7de1);
	--spck-text: var(--wp--preset--color--contrast, #ededed);
	--spck-panel: var(--wp--preset--color--accent-6, #0000005c);
	--spck-schrift: var(--wp--preset--font-family--barlow-condensed, "Barlow Condensed", sans-serif);
	--spck-land: rgba(33, 91, 194, .28);
	--spck-kueste: rgba(42, 125, 225, .55);
	--spck-grenze: rgba(42, 125, 225, .28);
	--spck-box: rgba(0, 0, 0, .4);
	--spck-box-rand: #444;

	container-type: inline-size;
	/* Kein Außenabstand, auch nicht der Block-Gap des Themes (margin-block-start) */
	margin: 0;
	margin-block: 0;
	padding: 0;
	font-family: var(--spck-schrift);
	color: var(--spck-text);
	letter-spacing: -0.22px;
}

/* ---------- Karte ---------- */

.spck-karte {
	position: relative;
	margin: 0;
	padding: 0;
	height: var(--spck-hoehe, 600px);
	background: var(--spck-panel);
	/* 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);
	border-radius: 11px;
	overflow: hidden;
}

/* Holo-Effekt aus dem Prototyp: feine Scanlines über der Karte (unter Buttons und Popup) */
.spck--js .spck-karte::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	border-radius: inherit;
	background: repeating-linear-gradient(0deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 3px);
}

.spck-karte__flaeche {
	position: absolute;
	inset: 0;
}

.spck-svg {
	display: block;
	width: 100%;
	height: 100%;
	cursor: grab;
	/* Ein Finger scrollt die Seite; Halten+Ziehen und zwei Finger steuert das JS */
	touch-action: pan-x pan-y;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
}
.spck-karte--ziehen .spck-svg { cursor: grabbing; }
.spck-svg:active { cursor: grabbing; }

.spck-land {
	fill: var(--spck-land);
	stroke: none;
}
.spck-kueste {
	fill: none;
	stroke: var(--spck-kueste);
	stroke-width: .8;
	vector-effect: non-scaling-stroke;
}
.spck-gradnetz {
	fill: none;
	stroke: rgba(42, 125, 225, .08);
	stroke-width: .6;
	vector-effect: non-scaling-stroke;
}
/* Umriss der Länder eines „ganzes Land“-Clubs: nur bei Hover/Fokus/offenem Popup, sehr zurückhaltend */
.spck-gebiet {
	fill: none;
	stroke: #7fb6ff;
	stroke-width: 1.4;
	vector-effect: non-scaling-stroke;
	filter: drop-shadow(0 0 3px rgba(42, 125, 225, .9));
	opacity: 0;
	transition: opacity .25s ease;
	pointer-events: none;
}
.spck-gebiet.ist-sichtbar { opacity: .85; }
/* Lichtwelle (SVG-Verlauf, per JS animiert) */
.spck-welle { pointer-events: none; mix-blend-mode: screen; }
.spck-grenzen {
	fill: none;
	stroke: var(--spck-grenze);
	stroke-width: .6;
	vector-effect: non-scaling-stroke;
}

/* Pins: LSDB-Glow in Klingenfarbe statt pulsierender Ringe */
.spck-marker { cursor: pointer; outline: none; }
.spck-pin__glow { fill: var(--spck-farbe, var(--spck-blau)); opacity: .9; transition: opacity .2s; }
.spck-pin__kern {
	fill: var(--spck-farbe, var(--spck-blau));
	stroke: var(--spck-text);
	stroke-width: 1;
	stroke-opacity: .7;
}
.spck-pin__name {
	font-family: var(--spck-schrift);
	font-size: 16px;
	fill: var(--spck-text);
	paint-order: stroke;
	stroke: rgba(0, 0, 0, .75);
	stroke-width: 3px;
	stroke-linejoin: round;
	pointer-events: none;
}
.spck-marker:hover .spck-pin__kern,
.spck-marker:focus-visible .spck-pin__kern,
.spck-pin.is-aktiv .spck-pin__kern { stroke-opacity: 1; stroke-width: 2; }
.spck-marker:focus-visible .spck-pin__glow { opacity: 1; }

/* Auseinandergeschoben: dünne Linie zum echten Ort (eigene Ebene unter den Plaketten) */
.spck-leinen { pointer-events: none; }
.spck-pin__leine { stroke: var(--spck-blau); stroke-width: 1; stroke-opacity: .8; }
.spck-pin__ort { fill: var(--spck-blau); stroke: var(--spck-text); stroke-width: .75; stroke-opacity: .6; }

/* Logo-Plakette (hineingezoomt): ersetzt Punkt und Schein */
.spck-pin__plakette { display: none; }
.spck-pin.ist-logo .spck-pin__plakette { display: inline; }
.spck-pin.ist-logo .spck-pin__glow,
.spck-pin.ist-logo .spck-pin__kern { display: none; }
.spck-pin__plakette-grund { fill: rgba(8, 16, 36, .92); }
.spck-pin__plakette-rand {
	fill: none;
	stroke: var(--spck-blau);
	stroke-width: 1.5;
	filter: drop-shadow(0 0 4px rgba(42, 125, 225, .6));
	transition: stroke .2s;
}
.spck-marker:hover .spck-pin__plakette-rand,
.spck-marker:focus-visible .spck-pin__plakette-rand,
.spck-pin.is-aktiv .spck-pin__plakette-rand { stroke: var(--spck-text); stroke-width: 2; }


/* Zoom-Buttons: Theme-Buttonstil, nur kompakter */
.spck-zoom {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 3;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.spck-zoom[hidden] { display: none; }
.spck .spck-zoom__btn {
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	font-size: 1.15rem;
	letter-spacing: 0;
}

.spck-hinweis,
.spck-noscript {
	position: absolute;
	left: 12px;
	bottom: 12px;
	z-index: 3;
	margin: 0;
	padding: 6px 12px;
	background: var(--spck-box);
	border: 1px solid var(--spck-box-rand);
	border-radius: 6px;
	font-size: 1rem;
}
.spck-noscript { position: static; margin: 12px; }
.spck-hinweis[hidden] { display: none; }

/* ---------- Popup (Vorlage .review-item) ---------- */

.spck-popup {
	position: absolute;
	z-index: 4;
	width: 380px;
	max-width: calc(100% - 16px);
	max-height: calc(100% - 16px);
	overflow: hidden auto;
	overscroll-behavior: contain;
	background: rgba(0, 0, 0, .6);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	border-radius: 8px;
}
.spck-popup[hidden] { display: none; }

.spck-popup__rahmen {
	position: relative;
	border: 1px solid var(--spck-box-rand);
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .4), 0 0 18px color-mix(in srgb, var(--spck-farbe, #2a7de1) 45%, transparent);
	border-color: var(--spck-farbe, var(--spck-box-rand));
}

.spck-popup__zu {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid var(--spck-box-rand);
	border-radius: 6px;
	background: rgba(0, 0, 0, .65);
	color: var(--spck-text);
	font: 22px/1 var(--spck-schrift);
	cursor: pointer;
}
.spck-popup__zu:hover,
.spck-popup__zu:focus-visible { border-color: var(--spck-farbe, var(--spck-blau)); }

.spck-popup__inhalt { padding: 14px 16px 16px; }

.spck-popup__kopf {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 32px 8px 0;
}
.spck-popup__logo {
	flex: none;
	width: 56px;
	height: 56px;
	object-fit: contain;
}
.spck-popup__titel {
	margin: 0;
	font-family: var(--spck-schrift);
	font-weight: 400;
	font-size: 1.75rem;
	line-height: 1.1;
	color: var(--spck-text);
}
.spck-popup__ort {
	margin: 2px 0 0;
	font-size: 1.05rem;
	opacity: .7;
}

.spck-popup__text {
	font-size: 1.125rem;
	line-height: 1.5;
}
.spck-popup__text > :first-child { margin-top: 0; }
.spck-popup__text > :last-child { margin-bottom: 0; }
.spck-popup__text p { margin: 0 0 .7em; }
.spck-popup__text a { color: var(--spck-blau); text-decoration: none; }
.spck-popup__text a:hover { color: var(--spck-text); }
.spck-popup__text img,
.spck-popup__text video { max-width: 100%; height: auto; border-radius: 6px; }
.spck-popup__text h2,
.spck-popup__text h3,
.spck-popup__text h4 { font-weight: 400; font-size: 1.3rem; margin: .8em 0 .3em; }

.spck-popup__links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin-top: 14px;
}

/* ---------- Buttons im Stil der LSDB-Filterleiste ---------- */
/* Werte aus .lsdb-scope-btn / .lsdb-sort-btn der Lichtschwert-Datenbank (Stand 20.10.2026) */

.spck .spck-btn {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	box-sizing: border-box;
	margin: 0;
	padding: .4rem .85rem;
	font-family: var(--spck-schrift);
	font-size: .8rem;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	color: #8aa0c0;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(100, 160, 255, .3);
	border-radius: 7px;
	box-shadow: none;
	cursor: pointer;
	transition: background .2s, border-color .2s, color .2s, box-shadow .2s;
}
.spck .spck-btn:hover,
.spck .spck-btn:focus-visible {
	color: #d0e0ff;
	background: rgba(100, 160, 255, .12);
	border-color: rgba(100, 160, 255, .5);
	outline: none;
}
/* Link-Buttons: kompakt nur Icon (quadratisch), im Dialog Icon + Text */
.spck .spck-btn--link { justify-content: center; }
.spck-btn__icon { flex: none; display: block; }
.spck-popup .spck-btn--link {
	width: 32px;
	height: 32px;
	padding: 0;
}
.spck-popup .spck-btn__text { display: none; }

.spck .spck-btn--aktiv,
.spck .spck-btn[aria-expanded="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);
}
/* Über der Karte: Hintergrund wie die LSDB-Leiste, damit lesbar */
.spck .spck-btn--karte {
	color: #d0e0ff;
	background: rgba(10, 22, 48, .82);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}
.spck .spck-btn--karte:hover,
.spck .spck-btn--karte:focus-visible { background: rgba(30, 55, 105, .9); }

/* ---------- Clubliste: Seitenleiste in der Karte ---------- */

.spck-liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
}
.spck-liste__eintrag { margin: 0; scroll-margin-top: 120px; }
.spck-liste__eintrag a {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 12px;
	align-items: center;
	box-sizing: border-box;
	padding: 10px 14px;
	background: var(--spck-box);
	border: 1px solid var(--spck-box-rand);
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .4);
	color: var(--spck-text);
	text-decoration: none;
	transition: border-color .2s, box-shadow .2s;
}
.spck-liste__eintrag a:hover,
.spck-liste__eintrag a:focus-visible {
	border-color: var(--spck-farbe, var(--spck-blau));
	box-shadow: 0 0 18px color-mix(in srgb, var(--spck-farbe, #2a7de1) 40%, transparent);
	outline: none;
}
/* Feste Plätze im Raster: Logo links über zwei Zeilen, Name und Ort rechts. Explizit statt automatisch,
   damit fremdes CSS oder Bild-Plugins (z. B. <picture>-Hülle) die Reihenfolge nicht durcheinanderbringen */
.spck .spck-liste__eintrag > a { display: grid !important; flex-direction: row; }
.spck-liste__eintrag a > br { display: none; } /* falls wpautop doch Umbrüche einfügt */
.spck-liste__eintrag a > .spck-liste__logo,
.spck-liste__eintrag a > .spck-liste__punkt,
.spck-liste__eintrag a > picture { grid-column: 1; grid-row: 1 / span 2; align-self: center; }
.spck-liste__eintrag a > .spck-liste__name,
.spck-liste__eintrag a > .spck-liste__ort { grid-column: 2; text-align: left; }
.spck-liste__eintrag a > .spck-liste__name { grid-row: 1; }
.spck-liste__eintrag a > .spck-liste__ort { grid-row: 2; }
/* Clublogo statt Punkt: unbeschnitten, ohne Schein */
.spck-liste__logo {
	display: block;
	float: none;
	max-width: none;
	margin: 0;
	grid-row: span 2;
	width: 44px;
	height: 44px;
	object-fit: contain;
}
.spck-liste__punkt {
	grid-row: span 2;
	justify-self: center;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--spck-farbe, var(--spck-blau));
	box-shadow: 0 0 10px 2px var(--spck-farbe, var(--spck-blau));
}
.spck-liste__name { font-size: 1.25rem; line-height: 1.2; }
.spck-liste__ort { font-size: 1rem; opacity: .7; }

/* Mit JS: ausklappbare Leiste links */
.spck--js .spck-leiste {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
	width: 320px;
	max-width: 85%;
	box-sizing: border-box;
	padding: 64px 12px 12px;
	overflow-y: auto;
	overscroll-behavior: contain;
	background: rgba(0, 0, 0, .6);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	border-right: 1px solid var(--spck-box-rand);
	transform: translateX(-105%);
	visibility: hidden;
	transition: transform .25s ease, visibility 0s linear .25s;
}
.spck--js .spck-karte--leiste .spck-leiste {
	transform: none;
	visibility: visible;
	transition: transform .25s ease;
}

.spck .spck-leiste-btn {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 6;
	padding: .5rem .85rem;
}
.spck-leiste-btn__icon,
.spck-leiste-btn__icon::before,
.spck-leiste-btn__icon::after {
	display: block;
	width: 16px;
	height: 2px;
	background: currentColor;
	border-radius: 1px;
	transition: transform .2s;
}
.spck-leiste-btn__icon { position: relative; }
.spck-leiste-btn__icon::before,
.spck-leiste-btn__icon::after { content: ""; position: absolute; left: 0; }
.spck-leiste-btn__icon::before { top: -5px; }
.spck-leiste-btn__icon::after { top: 5px; }
.spck-karte--leiste .spck-leiste-btn__icon { background: transparent; }
.spck-karte--leiste .spck-leiste-btn__icon::before { transform: translateY(5px) rotate(45deg); }
.spck-karte--leiste .spck-leiste-btn__icon::after { transform: translateY(-5px) rotate(-45deg); }

/* Ohne JS: Liste einfach unter/statt der Karte */
.spck:not(.spck--js) .spck-karte { height: auto; padding: 16px; }
.spck:not(.spck--js) .spck-karte__flaeche,
.spck:not(.spck--js) .spck-leiste-btn { display: none; }
.spck:not(.spck--js) .spck-liste { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }

.spck-leer { margin: 16px 0 0; }

/* ---------- Kompakt (Popup) / Voll (Dialog) ---------- */

.spck-popup .spck-nur-voll,
.spck-ablage .spck-nur-voll,
.spck-dialog .spck-nur-kompakt { display: none !important; }

/* Große Ansicht: fixes Overlay an <body> (kein showModal, damit Lightboxen darüber liegen können).
   z-index bewusst unter üblichen Lightboxen (WP-Core 100000, Galerie-Plugins meist ≥ 9999). */
.spck.spck-dialog {
	position: fixed;
	inset: 0;
	z-index: 9000;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 32px 16px;
	border: 0;
	background: rgba(0, 0, 0, .65);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	color: var(--spck-text);
	overflow-y: auto;
	overscroll-behavior: contain;
}
.spck.spck-dialog:not([open]) { display: none; }
.spck-dialog .spck-popup__club { max-width: 900px; margin: 0 auto; }
html.spck-scroll-sperre { overflow: hidden; }
.spck-dialog .spck-popup__rahmen {
	background: rgba(0, 0, 0, .8);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	border-radius: 11px;
}
.spck-dialog .spck-popup__inhalt { padding: 24px 28px 28px; }
.spck-dialog .spck-popup__logo { width: 96px; height: 96px; }
.spck-dialog .spck-popup__titel { font-size: 2.4rem; }
.spck-dialog .spck-popup__text { font-size: 1.375rem; }
.spck-dialog .spck-popup__kopf { margin-bottom: 16px; }

/* Große Ansicht: Buttons direkt unter Logo und Name (= HTML-Reihenfolge), Text darunter */
.spck-dialog .spck-popup__links { margin: 0 0 20px; }

/* Kompaktes Popup: Kurztext auf 6 Zeilen (Handy 4), damit „Mehr erfahren“ und Icons nie abgeschnitten werden */
.spck-popup .spck-popup__text.spck-nur-kompakt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	line-clamp: 6;
	overflow: hidden;
}
/* Kompaktes Popup: Buttons optisch unter den Kurztext */
.spck-popup .spck-popup__inhalt { display: flex; flex-direction: column; }
.spck-popup .spck-popup__links { order: 1; }

/* Klickfläche über Pin + Stadtname */
.spck-treffer { fill: transparent; pointer-events: all; }
/* Tastatur: sichtbarer Fokusrahmen um Pin + Stadtname */
.spck-marker:focus-visible .spck-treffer {
	stroke: var(--spck-text);
	stroke-width: 1.5;
	rx: 6px;
	vector-effect: non-scaling-stroke;
}

/* ---------- Mobil: Hochformat-Karte, Popup als Bottom-Sheet ---------- */

@container (max-width: 639px) {
	.spck-karte { height: max(420px, 75svh); }
	.spck-popup {
		left: 8px !important;
		right: 8px;
		bottom: 8px;
		top: auto !important;
		width: auto;
		max-width: none;
		max-height: 72%;
	}
	.spck-popup__titel { font-size: 1.5rem; }
	/* Kurztext auf 4 Zeilen kürzen, damit „Mehr erfahren“ und Icons ohne Scrollen sichtbar sind */
	.spck-popup .spck-popup__text.spck-nur-kompakt {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		line-clamp: 4;
		overflow: hidden;
	}
}

/* ---------- breite="voll": ganze Fensterbreite (Breite/Abstand setzt das Inline-Skript) ---------- */

.spck.spck--voll { max-width: none !important; }
.spck--voll .spck-karte { border-radius: 0; }

/* ---------- fixiert="ja": fester Hintergrund wie beim Cover-Block ---------- */

/* Container-Abfragen würden die Fläche an .spck binden statt ans Browserfenster → JS-Klasse spck--schmal */
.spck--fixiert { container-type: normal; }
/* clip-path schneidet auch die feste Fläche auf den Rahmen zu (overflow tut das nicht) */
.spck--fixiert .spck-karte { clip-path: inset(0 round 11px); }
.spck--fixiert.spck--voll .spck-karte { clip-path: inset(0); }
.spck--fixiert.spck--js .spck-karte__flaeche {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: auto;
	height: 100vh;
	height: 100lvh; /* große Höhe: kein Neuzeichnen, wenn die Adressleiste am Handy ein-/ausfährt */
}
.spck--fixiert.spck--schmal .spck-karte { height: max(420px, 75svh); }
.spck--fixiert.spck--schmal .spck-popup {
	left: 8px !important;
	right: 8px;
	bottom: auto;
	width: auto;
	max-width: none;
	max-height: 72%;
}
.spck--fixiert.spck--schmal .spck-popup__titel { font-size: 1.5rem; }
.spck--fixiert.spck--schmal .spck-popup .spck-popup__text.spck-nur-kompakt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	overflow: hidden;
}

/* Handy: Karte über den seitlichen Seitenabstand des Themes (root padding, 0.8em) hinausziehen,
   wie es WordPress bei „volle Breite“ macht. Desktop bleibt unverändert. 781px = WP-Mobil-Grenze. */
@media (max-width: 781px) {
	.has-global-padding > .spck:not(.alignfull) {
		max-width: none;
		margin-left: calc(var(--wp--style--root--padding-left, 0px) * -1) !important;
		margin-right: calc(var(--wp--style--root--padding-right, 0px) * -1) !important;
	}
}

/* Große Ansicht auf dem Handy: bildschirmfüllend */
@media (max-width: 639px) {
	.spck.spck-dialog { padding: 0; }
	.spck-dialog .spck-popup__club { min-height: 100%; }
	.spck-dialog .spck-popup__rahmen { min-height: 100%; border-radius: 0; }
	.spck-dialog .spck-popup__inhalt { padding: 20px 16px 24px; }
	.spck-dialog .spck-popup__titel { font-size: 1.9rem; }
}

@media (prefers-reduced-motion: reduce) {
	.spck-liste__eintrag a,
	.spck-pin__glow,
	.spck--js .spck-leiste { transition: none; }
}

/* Versteckte Ablage der Popup-Inhalte (Theme-CSS darf [hidden] nicht überschreiben) */
.spck-ablage[hidden] { display: none !important; }

/* ---------- Stil „Sammelkarte“ (1.8.0, Tim 23.10.2026) ----------
   Angleichung an die neuen Startseiten-Blöcke (Werte: Vault 00 Kontext/Branding.md, „Designsprache Sammelkarte“).
   Der Holo-Look der Karte (Gradnetz, Scanlines, Lichtwelle) bleibt ausdrücklich (Tim 23.10.2026). */
.spck-popup {
	background: rgba(16, 17, 41, .82);
	border-radius: 18px;
}
.spck-popup__rahmen {
	border: 5px solid var(--wp--preset--color--accent-1, #2a7de1);
	border-radius: 18px;
	box-shadow: 0 0 34px rgba(255, 255, 255, .12), 0 0 18px rgba(42, 125, 225, .55);
}
.spck-popup__titel,
.spck-liste__name {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .01em;
}
.spck-popup__text,
.spck-popup__ort,
.spck-liste__ort {
	font-style: italic;
	letter-spacing: .025em;
}
.spck-popup__text img,
.spck-popup__text video {
	border: 4px solid var(--wp--preset--color--accent-1, #2a7de1);
	border-radius: 14px;
}
.spck-liste__eintrag a { border-radius: 14px; }
.spck-liste__eintrag a:hover,
.spck-liste__eintrag a:focus-visible {
	background: #387be8;
	border-color: #387be8;
	box-shadow: none;
}
.spck-liste__eintrag a:hover .spck-liste__ort,
.spck-liste__eintrag a:focus-visible .spck-liste__ort { opacity: 1; }