/* SV Wittendorf – Nächstes Spiel, Design 4a (inc/svw-spielplan.php → svw_print_naechstes_spiel_item) */
.svw-ns { --ns-accent: #c8102e; --ns-ink: #15171c; }
.svw-ns__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 20px;
}
.svw-ns__title {
	font-family: 'Barlow Condensed', 'Open Sans Condensed', sans-serif;
	font-weight: 800;
	font-size: 34px;
	line-height: 1;
	text-transform: uppercase;
	color: var(--ns-accent);
	margin: 0;
	padding: 0;
}
.svw-ns__ticker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	background: #25d366;
	color: #fff;
	font-family: 'Barlow', 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	text-decoration: none;
	border-radius: 999px;
	transition: background .2s ease;
}
.svw-ns__ticker:hover, .svw-ns__ticker:focus { background: #1eb857; color: #fff; }

.svw-ns__card { background: #f4f3f0; border-bottom: 4px solid var(--ns-accent); }
.svw-ns__meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	padding: 16px 24px;
}
.svw-ns__comp {
	font-family: 'Barlow', 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #555;
}
.svw-ns__tag {
	font-family: 'Barlow Condensed', 'Open Sans Condensed', sans-serif;
	font-weight: 800;
	font-size: 16px;
	line-height: 1;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #555;
	border: 2px solid #cfccc5;
	padding: 6px 10px;
	white-space: nowrap;
}
.svw-ns__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 32px;
	padding: 12px 24px 32px;
}
.svw-ns__team { display: flex; align-items: center; gap: 20px; min-width: 0; }
.svw-ns__team--home { justify-content: flex-end; text-align: right; }
.svw-ns__name {
	font-family: 'Barlow Condensed', 'Open Sans Condensed', sans-serif;
	font-weight: 800;
	font-size: 40px;
	line-height: 1;
	text-transform: uppercase;
	color: var(--ns-ink);
	overflow-wrap: anywhere;
}
.svw-ns .svw-sp__logo { flex: none; width: 88px; height: 88px; display: flex; align-items: center; justify-content: center; }
.svw-ns .svw-sp__logo img { width: 88px; height: 88px; object-fit: contain; display: block; }
.svw-ns .svw-sp__logo--ini {
	border-radius: 50%;
	background: #dedcd6;
	font-family: 'Barlow', 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 29px;
	color: var(--ns-ink);
}
.svw-ns__center {
	text-align: center;
	padding: 14px 22px;
	line-height: 1;
}
.svw-ns__time {
	font-family: 'Barlow Condensed', 'Open Sans Condensed', sans-serif;
	font-weight: 800;
	font-size: 44px;
	color: var(--ns-ink);
}
.svw-ns__date {
	display: inline-block;
	margin-top: 10px;
	padding: 6px 12px;
	background: var(--ns-accent);
	color: #fff;
	font-family: 'Barlow Condensed', 'Open Sans Condensed', sans-serif;
	font-weight: 800;
	font-size: 22px;
	line-height: 1;
	letter-spacing: .06em;
	text-transform: uppercase;
	white-space: nowrap;
}
.svw-ns__empty { color: #777; margin: 0; }

@media only screen and (max-width: 959px) {
	.svw-ns__name { font-size: 30px; }
	.svw-ns .svw-sp__logo, .svw-ns .svw-sp__logo img { width: 64px; height: 64px; }
	.svw-ns .svw-sp__logo--ini { font-size: 22px; }
	.svw-ns__time { font-size: 36px; }
	.svw-ns__body { gap: 20px; }
}
@media only screen and (max-width: 599px) {
	.svw-ns__body { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 8px 16px 22px; }
	.svw-ns__team--home { flex-direction: row-reverse; justify-content: flex-end; text-align: left; }
	.svw-ns__team { gap: 14px; }
	.svw-ns__name { font-size: 28px; }
	.svw-ns .svw-sp__logo, .svw-ns .svw-sp__logo img { width: 52px; height: 52px; }
	.svw-ns .svw-sp__logo--ini { font-size: 18px; }
	.svw-ns__center { justify-self: start; padding: 6px 0; text-align: left; }
	.svw-ns__time { font-size: 32px; }
	.svw-ns__date { font-size: 18px; margin-top: 8px; }
	.svw-ns__meta { padding: 12px 16px; }
	.svw-ns__title { font-size: 28px; }
}