.jsTeamMatchesShrtc {
	--joomsport-team-shrtc-main-color: #F84544;  
}

/* Gesamter Match-Eintrag als kompakte „Card“ */
body #joomsport-container .jsTeamMatchesShrtc-link {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	max-width: 340px;          /* größere Card-Breite */
	width: 100%;
	margin: 0 auto 24px;
	padding: 20px 22px;        /* mehr Innenabstand */
	border: none;
	border-radius: 4px;
	background-color: #3a3a3a;
	color: #f4c34a;
	text-align: center;
	font-size: 15px;           /* Grundschrift größer */
	transition: box-shadow .15s ease, transform .15s ease;
}

/* optional: sehr breite Screens prozentual nutzen */
@media (min-width: 1400px) {
	body #joomsport-container .jsTeamMatchesShrtc-link {
		max-width: 40vw;         /* ca. 40 % der Viewport-Breite */
	}
}

/* Mobile: Vollbreite, geringerer Padding */
@media (max-width: 768px) {
	body #joomsport-container .jsTeamMatchesShrtc-link {
		max-width: 100%;
		margin: 0 auto 20px;     /* zentriert auf Mobile */
		padding: 20px 16px;
		min-height: auto;        /* Höhe dort nicht erzwingen */
	}
}

/* obere Infos: Wettbewerb/Saison/Datum */
.jsTeamMatchesShrtc-season {
	font-size: 24px;
	color: #CBCBCB;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.jsTeamMatchesShrtc-date {
	font-size: 20px;
	color: #FAB922;
	font-weight: 600;
	margin-bottom: 1em;
}

.jsTeamMatchesShrtc-additional {
	display: none;   /* Spieltag/Stadion hier ausgeblendet, falls nicht benötigt */
}

/* Trennlinien und alte Spaltenlogik entfernen */
.jsTeamMatchesShrtc-link > div:not(:last-child) {
	position: static;
	padding-right: 0;
}
.jsTeamMatchesShrtc-link > div:not(:last-child):after {
	display: none;
}

/* Logo-Größe (z.B. Wettbewerbslogo oben) */
.jsTeamMatchesShrtc-seasonImg {
	max-width: 60px;
}

/* Block mit Teams + Score: zwei Zeilen */
.jsTeamMatchesShrtc-info {
	width: 100%;
	margin-top: 6px;
	display: flex;
	flex-direction: column;    /* Heim-Zeile, darunter Auswärts-Zeile */
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: #f4c34a;
	row-gap: 6px;
}

/* Eine Zeile: Logo – Name – Score */
.jsTeamMatchesShrtc-team {
	display: flex;
	align-items: center;
	width: 100%;
	color: #9a9da2;
	font-size: 20px;
}

/* Heimteam-Zeile */
.jsTeamMatchesShrtc-team:first-child {
	flex-direction: row;       /* Emblem links, Name mittig, Score rechts */
}

/* Gastteam-Zeile */
.jsTeamMatchesShrtc-team:last-child {
	flex-direction: row;       /* ebenfalls Emblem links, Name mittig, Score rechts */
}

/* Logo innerhalb der Teamzeile */
.jsTeamMatchesShrtc-team img,
.jsTeamMatchesShrtc-team .img-thumbnail {
	flex: 0 0 auto;
	margin-right: 8px;
}

/* Vereinsname: zwischen Logo und Score „aufgespannt“ */
.jsTeamMatchesShrtc-team .js_div_particName {
	flex: 1 1 auto;
	width: auto;
	white-space: nowrap;
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;        /* zentriert im verbleibenden Platz */
}

/* Score rechts im selben Flex-Row, am rechten Rand der Card ausgerichtet */
.jsTeamMatchesShrtc-score {
	flex: 0 0 auto;
	min-width: 32px;
	text-align: right;
	font-size: 24px;
	font-weight: 600;
	color: #f4c34a;
	transform: translateX(35px);   /* halbe Logo-Breite nach rechts schieben */
}

/* Mobile: etwas kleiner */
@media (max-width: 480px) {
	body #joomsport-container .jsTeamMatchesShrtc-link {
		max-width: 240px;
		padding: 14px 14px;
	}
	.jsTeamMatchesShrtc-score {
		font-size: 15px;
	}
}

/* Vereinslogos allgemein (z.B. Team-Logos) */
.front #joomsport-container .img-thumbnail {
	border-radius: 50%;
	width: 5em;
	background-color: #9a9da2;
	border: 0;
	padding: 3px;
}