/* ==========================================================================
   PCTL Startseite: Anordnung und Sonderfälle der Karten.

   Die Karte selbst (Kopf, Inhalt, Tabelle, Knöpfe, Abzeichen) steht in
   karte.css und ist global geladen. Hier nur, was es ausschließlich auf der
   Startseite gibt: Scrollbereiche, freie Teams, Neuigkeiten, Terminplan,
   Ticker und die Listenansicht von Markt und Transfers auf dem Handy.
   ========================================================================== */

/* Zwei Karten in einer Zeile sind gleich hoch, der Inhalt füllt den Rest */
.row > [class*="col-"] > .pctl-karte:only-child {
	height: calc(100% - 20px);
}

/* --- Startseite: Scrollbereiche --- */

/* .startseite-scroll aus own.css legt die Höhe fest. Die Karte selbst soll
   nicht zusätzlich scrollen, nur ihr Inhalt. */
.pctl-karte .startseite-scroll {
	overscroll-behavior: contain;
}

/* --- Freie Teams --- */

.pctl-karte .startseite-freie-teams.startseite-scroll {
	height: auto;
	max-height: 560px;
}

.pctl-karte .freie-teams {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 230px));
	justify-content: center;
	align-content: center;
	gap: 14px;
	min-height: 100%;
	padding: 14px;
}

.pctl-team {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-height: 230px;
	padding: 16px 12px;
	text-align: center;
	background: var(--k-flaeche-2);
	border: 1px solid var(--k-rand);
	border-radius: 12px;
}

.pctl-karte .pctl-team__name {
	font-size: 14px;
	font-weight: 700;
}

.pctl-karte .pctl-team__wappen {
	width: auto;
	height: 56px;
}

.pctl-team__daten {
	color: var(--k-gedaempft);
	font-size: 13px;
	line-height: 1.5;
}

.pctl-team__daten b {
	color: var(--k-schrift);
}

.pctl-karte__leerteams {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 100%;
	padding: 24px;
	text-align: center;
}

.pctl-karte .pctl-karte__leerteams h3 {
	margin: 0 0 8px;
	font-size: 20px;
}

.pctl-karte .pctl-karte__leerteams p {
	margin: 0;
	color: var(--k-gedaempft);
}

/* Kacheln oben mittig, Erklärung darunter am Kartenende */
.pctl-karte .startseite-freie-teams {
	display: flex;
	flex-direction: column;
}

.pctl-karte .startseite-freie-teams .freie-teams {
	flex: 1 0 auto;
	min-height: 0;
}

.pctl-freie-teams__erklaerung {
	margin: 0 14px 14px;
	padding: 12px 14px;
	font-size: 13px;
	line-height: 1.5;
	background: var(--k-flaeche-2);
	border: 1px solid var(--k-rand);
	border-radius: 10px;
}

.pctl-karte .pctl-freie-teams__erklaerung h4 {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 6px;
	color: var(--k-gedaempft);
	font-family: var(--k-font);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.pctl-freie-teams__erklaerung h4 .fa-solid {
	color: var(--k-accent);
}

.pctl-freie-teams__erklaerung p,
.pctl-freie-teams__erklaerung ol {
	margin: 0;
}

.pctl-freie-teams__erklaerung ol {
	padding-left: 20px;
}

.pctl-freie-teams__erklaerung p.pctl-freie-teams__zusatz {
	margin-top: 6px;
	color: var(--k-gedaempft);
	font-size: 12px;
}

/* --- Herausforderungen --- */

.pctl-herausforderungen {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 14px;
	padding: 14px;
}

.pctl-herausforderung {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 14px;
	text-align: center;
	background: var(--k-flaeche-2);
	border: 1px solid var(--k-rand);
	border-radius: 12px;
}

.pctl-karte .pctl-herausforderung img {
	width: auto;
	max-width: 100%;
	height: 160px;
	object-fit: contain;
}

.pctl-herausforderung__text {
	flex: 1 1 auto;
	font-size: 15px;
}

/* --- Zeitung, Spielberichte, Forum --- */

/* Die Zeitung wächst mit ihrem Inhalt, damit der Knopf zum Veröffentlichen
   nicht an der festen Höhe abgeschnitten wird. Die langen Listen scrollen
   stattdessen innerhalb ihres Reiters. */
.pctl-karte .startseite-news.startseite-scroll {
	height: auto;
	min-height: 300px;
	overflow: visible;
}

.pctl-karte .startseite-news #startseite_spielberichte,
.pctl-karte .startseite-news #startseite_forum {
	max-height: 440px;
	overflow-y: auto;
}

.pctl-karte .startseite-news .tab-content {
	padding: 12px 4px;
}

.pctl-karte .startseite-news .tabler-card {
	margin-bottom: 0;
}

.pctl-spielbericht {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 10px 8px;
	padding: 10px 14px;
	background: var(--k-flaeche-2);
	border: 1px solid var(--k-rand);
	border-radius: 12px;
}

.pctl-spielbericht__wettbewerb {
	flex-shrink: 0;
}

.pctl-karte .pctl-spielbericht__wettbewerb img {
	width: auto;
	height: 22px;
}

.pctl-spielbericht__team {
	flex: 1 1 0;
	min-width: 0;
	font-size: 13px;
	font-weight: 700;
}

.pctl-spielbericht__team--heim {
	text-align: right;
}

.pctl-karte .pctl-spielbericht__team img {
	display: inline-block;
	width: auto;
	height: 28px;
	margin: 3px 0;
}

.pctl-spielbericht__ergebnis {
	flex-shrink: 0;
	min-width: 64px;
	text-align: center;
}

.pctl-karte .pctl-spielbericht__tore {
	display: block;
	font-family: var(--k-font);
	font-size: 20px;
	font-weight: 600;
	white-space: nowrap;
	text-decoration: none;
}

/* --- Artikelkarte im Zeitungs-Slider --- */

.pctl-artikel {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	background: var(--k-flaeche-2);
	border: 1px solid var(--k-rand);
	border-radius: 12px;
}

.pctl-karte .pctl-artikel__bild {
	display: block;
	width: 100%;
	height: 130px;
	object-fit: cover;
}

.pctl-artikel__inhalt {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 8px;
	padding: 10px 12px 12px;
}

.pctl-artikel__meta {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	font-size: 12px;
}

.pctl-karte img.pctl-artikel__wappen {
	width: auto;
	height: 22px;
}

.pctl-artikel__autor {
	min-width: 0;
	overflow: hidden;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pctl-artikel__datum {
	flex-shrink: 0;
	margin-left: auto;
	color: var(--k-gedaempft);
}

/* Titel höchstens drei Zeilen, damit alle Karten gleich hoch bleiben */
.pctl-karte .pctl-artikel__titel {
	display: -webkit-box;
	flex: 1 1 auto;
	margin: 0;
	overflow: hidden;
	color: var(--k-schrift);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.pctl-artikel__fuss {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.pctl-artikel__zahlen {
	display: inline-flex;
	gap: 12px;
	color: var(--k-gedaempft);
	font-size: 12px;
}

.pctl-artikel__fuss form {
	margin: 0;
}

/* --- Zeitungs-Slider: Pfeile und Punkte unter die Artikel --- */

/* Standardmäßig sitzen die Splide-Pfeile auf halber Höhe und verdecken dort
   Wappen und Autor. Unter dem Slider stören sie nicht und bleiben gut greifbar. */
.pctl-karte .splide {
	padding-bottom: 46px;
}

.pctl-karte .splide__arrow {
	top: auto;
	bottom: 4px;
	width: 34px;
	height: 34px;
	background: var(--k-panel);
	border: 1px solid var(--k-line);
	opacity: 1;
	transform: none;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.pctl-karte .splide__arrow svg {
	width: 13px;
	height: 13px;
	fill: var(--k-text);
}

.pctl-karte .splide__arrow:hover:not(:disabled) {
	background: #16304f;
	border-color: var(--k-accent);
}

.pctl-karte .splide__arrow--prev {
	left: 12px;
}

.pctl-karte .splide__arrow--next {
	right: 12px;
}

.pctl-karte .splide__pagination {
	bottom: 14px;
	padding: 0 56px;
}

.pctl-karte .splide__pagination__page {
	background: var(--k-rand);
	opacity: 1;
}

.pctl-karte .splide__pagination__page.is-active {
	background: var(--k-accent);
	transform: scale(1.25);
}

/* --- PCTL-Coins-Widget in der Karte ---
   Das Widget (templates/home/_coins_widget.php) bringt eigene Styles für
   hell und dunkel mit. In der Karte entfallen nur sein Verlauf und Rahmen,
   Kopf und Guthaben stehen im Kartenkopf. */

html[data-user-theme] .pctl-karte .pctl-coins-widget {
	margin: 0;
	padding: 16px;
	color: var(--k-schrift);
	background: var(--k-flaeche);
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

html[data-user-theme] .pctl-karte .pctl-coins-widget .widget-subtitle {
	color: var(--k-gedaempft);
}

/* Guthaben als Goldplakette, wie bisher im Widget */
.pctl-karte .pctl-coins-stand {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 5px 12px;
	color: #2a1a00;
	font-family: var(--k-font);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.04em;
	background: linear-gradient(135deg, #ffd700, #ffa500);
	border-radius: 999px;
}

.pctl-karte--coins {
	--k-accent: #ffc53d;
}

/* --- Terminplan --- */

.pctl-pause {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 8px;
	padding-bottom: 10px;
}

.pctl-pause__eintrag {
	padding: 8px 10px;
	font-size: 13px;
	background: var(--k-flaeche-2);
	border: 1px solid var(--k-rand);
	border-radius: 10px;
}

.pctl-pause__eintrag b {
	display: block;
	color: var(--k-gedaempft);
	font-family: var(--k-font);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.pctl-karte__tabellenrahmen {
	margin-bottom: 10px;
	overflow-x: auto;
	border: 1px solid var(--k-rand);
	border-radius: 10px;
}

/* --- Legende Tabellenmarkierung --- */

.pctl-legende {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 16px;
	padding: 10px 14px;
	color: var(--k-gedaempft);
	font-size: 12px;
	border-top: 1px solid var(--k-rand);
}

.pctl-legende span::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 12px;
	margin-right: 6px;
	vertical-align: -1px;
	background: var(--platz);
	border-radius: 1px;
}

/* Hinweis unter der Rookieliga-Tabelle (Freundschaftsspiele, nur Anzeige) */
.pctl-karte .pctl-tabellenhinweis {
	margin: 0;
	padding: 10px 14px;
	color: var(--k-gedaempft);
	font-size: 12px;
	border-top: 1px solid var(--k-rand);
}

/* --- Rabattaktion auf dem Markt --- */

.preis-alt {
	margin-right: 6px;
	font-size: 0.9em;
	text-decoration: line-through;
	opacity: 0.55;
}

.preis-neu {
	font-weight: 700;
	color: var(--accent, #2f7fe0);
}

/* --- Ergebnis-Ticker --- */

/* Ergebnisse in Schriftfarbe, nicht in der Linkfarbe der Karte */
.pctl-karte a.pctl-ticker__spiel,
.pctl-karte a.pctl-ticker__spiel:hover,
.pctl-karte a.pctl-ticker__spiel:focus-visible {
	color: var(--k-schrift);
}

.pctl-ticker {
	overflow: hidden;
}

.pctl-ticker__fenster {
	overflow: hidden;
	padding: 8px 0;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 32px, #000 calc(100% - 32px), transparent);
	mask-image: linear-gradient(90deg, transparent, #000 32px, #000 calc(100% - 32px), transparent);
}

.pctl-ticker__band {
	display: flex;
	width: max-content;
	animation: pctl-ticker-lauf var(--dauer, 120s) linear infinite;
}

.pctl-ticker__fenster:hover .pctl-ticker__band,
.pctl-ticker__fenster:focus-within .pctl-ticker__band {
	animation-play-state: paused;
}

@keyframes pctl-ticker-lauf {
	to { transform: translateX(-50%); }
}

.pctl-ticker__gruppe {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 0 6px 0 0;
	list-style: none;
}

.pctl-ticker__gruppe li + li {
	padding-left: 6px;
	border-left: 1px solid rgba(128, 150, 180, 0.25);
}

.pctl-ticker__spiel {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 5px 10px;
	border-radius: 8px;
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.15s ease;
}

.pctl-ticker__spiel:hover,
.pctl-ticker__spiel:focus-visible {
	background: rgba(77, 163, 255, 0.14);
	color: inherit;
	text-decoration: none;
	outline: none;
}

.pctl-ticker__spiel img {
	width: 26px;
	height: 26px;
	object-fit: contain;
}

/* Wettbewerbslogos sind für helle Flächen gezeichnet, deshalb wie im Menü eine helle Unterlage */
.pctl-ticker__spiel .pctl-ticker__wettbewerb {
	width: 24px;
	height: 24px;
	padding: 2px;
	background: rgba(236, 244, 255, 0.92);
	border-radius: 5px;
}

/* Zeichen für Freundschaftsspiele und Turniere. Gleiche Grundfläche wie die
   Wettbewerbslogos, aber flach und in den Farben der Anzeige statt der alten
   Glanzbilder. */
.pctl-ticker__marke {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	border-radius: 7px;
	background: rgba(82, 136, 193, 0.14);
	color: #2f5a88;
	font-size: 13px;
}

html[data-user-theme='dark'] .pctl-ticker__marke {
	background: rgba(93, 160, 233, 0.18);
	color: #7cc0ff;
}

/* stylev3.css färbt einzelne Wettbewerbslogos im Darkmode weiß, auf der hellen Unterlage wären sie unsichtbar */
html[data-user-theme] .pctl-ticker .pctl-ticker__wettbewerb {
	filter: none;
}

.pctl-ticker__ergebnis {
	min-width: 38px;
	font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}

.pctl-ticker__fenster.is-statisch {
	-webkit-mask-image: none;
	mask-image: none;
}

.pctl-ticker__fenster.is-statisch .pctl-ticker__band {
	animation: none;
}

.pctl-ticker__fenster.is-statisch .pctl-ticker__gruppe[aria-hidden] {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.pctl-ticker__fenster {
		overflow-x: auto;
		-webkit-mask-image: none;
		mask-image: none;
	}

	.pctl-ticker__band {
		animation: none;
	}

	.pctl-ticker__gruppe[aria-hidden] {
		display: none;
	}
}

.pctl-ticker__leer {
	margin: 0;
	padding: 14px 18px;
	font-size: 14px;
	opacity: 0.75;
}

.pctl-ticker__leer .fas {
	margin-right: 6px;
}

/* --- Transfers: Vereinsnamen einzeilig, voller Name im Tooltip --- */

.pctl-karte .pctl-tabelle__verein {
	max-width: 96px;
	margin: 0 auto;
	overflow: hidden;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* --- Handy --- */

@media (max-width: 767px) {
	/* Genug Höhe für einige Listenzeilen, own.css setzt hier nur 250px */
	.pctl-karte .pctl-karte__inhalt.startseite-scroll:not(.startseite-news):not(.startseite-freie-teams) {
		height: 380px;
	}
}

/* --- Markt und Transfers als Listenzeilen ---
   Gesteuert über die Kartenbreite statt über die Bildschirmbreite: Die
   Liste greift auf dem Handy und ebenso in einer schmalen Desktop-Spalte, in
   der die Tabelle sonst rechts abgeschnitten würde. Die Grenzen sind je
   Karte verschieden: Der Markt passt bei Full-HD (Kartenbreite ~742px) noch
   gut als Tabelle, die Transfers mit acht Spalten nicht mehr (Spielernamen
   brechen auf mehrere Zeilen um, Vereinsnamen werden gekürzt). */

.pctl-karte .pctl-karte__inhalt:has(> .pctl-tabelle--markt) {
	container: liste-markt / inline-size;
}

.pctl-karte .pctl-karte__inhalt:has(> .pctl-tabelle--transfers) {
	container: liste-transfers / inline-size;
}

@container liste-markt (max-width: 700px) {

	.pctl-karte .pctl-tabelle--markt thead {
		display: none;
	}

	.pctl-karte .pctl-tabelle--markt tbody tr {
		display: grid;
		align-items: center;
		gap: 2px 10px;
		padding: 10px 12px;
		border-bottom: 1px solid var(--k-rand);
	}

	.pctl-karte .pctl-tabelle--markt tbody tr:nth-child(even) {
		background: var(--k-zebra);
	}

	.pctl-karte .pctl-tabelle--markt tbody td {
		display: block;
		min-width: 0;
		padding: 0;
		text-align: left;
		border: 0;
	}

	/* Zebra und Hover liegen in der Liste auf der Zeile, nicht auf den Zellen */
	.pctl-karte .pctl-tabelle--markt tbody tr:nth-child(even) td,
	.pctl-karte .pctl-tabelle--markt tbody tr:hover td {
		background: none;
	}

	/* Spielerkarten-Knopf aus player-card.css kompakter, sonst wird die erste Zeile unnötig hoch */
	.pctl-karte .pctl-tabelle--markt .player-card-icon {
		margin-left: 6px;
		padding: 3px 8px;
		font-size: 13px;
		vertical-align: middle;
	}

	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__bild {
		grid-area: bild;
		align-self: start;
	}

	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__bild img {
		width: 40px;
		height: auto;
	}

	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__spieler {
		grid-area: spieler;
	}

	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__staerke {
		grid-area: staerke;
		justify-self: end;
	}

	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__preis {
		grid-area: preis;
		justify-self: end;
		text-align: right;
		font-weight: 600;
	}

	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__preis small {
		font-weight: 400;
	}

	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__datum {
		grid-area: datum;
		justify-self: end;
		color: var(--k-gedaempft);
		font-size: 12px;
		white-space: nowrap;
	}

	/* Datum und Uhrzeit in eine Zeile */
	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__datum br {
		display: none;
	}

	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__datum small {
		margin-left: 4px;
	}

	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__team,
	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__art,
	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__von,
	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__zu {
		display: flex;
		align-items: center;
		gap: 6px;
		font-size: 12px;
	}

	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__team {
		grid-area: team;
	}

	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__art {
		grid-area: art;
	}

	.pctl-karte .pctl-tabelle--markt img.pctl-tabelle__wappen {
		height: 22px;
	}

	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__hinweis {
		display: inline;
		margin-top: 0;
	}

	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__art img {
		width: auto;
		height: 26px;
	}

	/* Markt: Spieler und Stärke, darunter Verein und Preis, darunter Art und Datum */
	.pctl-karte .pctl-tabelle--markt tbody tr {
		grid-template-columns: 40px minmax(0, 1fr) auto;
		grid-template-areas:
			"bild spieler staerke"
			"bild team preis"
			"bild art datum";
	}

	/* Etwas Luft zwischen Verein/Trainer und dem Transferart-Abzeichen */
	.pctl-karte .pctl-tabelle--markt .pctl-tabelle__art {
		margin-top: 6px;
	}
}

@container liste-transfers (max-width: 760px) {

	.pctl-karte .pctl-tabelle--transfers thead {
		display: none;
	}

	.pctl-karte .pctl-tabelle--transfers tbody tr {
		display: grid;
		align-items: center;
		gap: 2px 10px;
		padding: 10px 12px;
		border-bottom: 1px solid var(--k-rand);
	}

	.pctl-karte .pctl-tabelle--transfers tbody tr:nth-child(even) {
		background: var(--k-zebra);
	}

	.pctl-karte .pctl-tabelle--transfers tbody td {
		display: block;
		min-width: 0;
		padding: 0;
		text-align: left;
		border: 0;
	}

	/* Zebra und Hover liegen in der Liste auf der Zeile, nicht auf den Zellen */
	.pctl-karte .pctl-tabelle--transfers tbody tr:nth-child(even) td,
	.pctl-karte .pctl-tabelle--transfers tbody tr:hover td {
		background: none;
	}

	/* Spielerkarten-Knopf aus player-card.css kompakter, sonst wird die erste Zeile unnötig hoch */
	.pctl-karte .pctl-tabelle--transfers .player-card-icon {
		margin-left: 6px;
		padding: 3px 8px;
		font-size: 13px;
		vertical-align: middle;
	}

	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__bild {
		grid-area: bild;
		align-self: start;
	}

	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__bild img {
		width: 40px;
		height: auto;
	}

	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__spieler {
		grid-area: spieler;
	}

	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__staerke {
		grid-area: staerke;
		justify-self: end;
	}

	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__preis {
		grid-area: preis;
		justify-self: end;
		text-align: right;
		font-weight: 600;
	}

	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__preis small {
		font-weight: 400;
	}

	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__datum {
		grid-area: datum;
		justify-self: end;
		color: var(--k-gedaempft);
		font-size: 12px;
		white-space: nowrap;
	}

	/* Datum und Uhrzeit in eine Zeile */
	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__datum br {
		display: none;
	}

	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__datum small {
		margin-left: 4px;
	}

	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__team,
	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__art,
	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__von,
	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__zu {
		display: flex;
		align-items: center;
		gap: 6px;
		font-size: 12px;
	}

	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__team {
		grid-area: team;
	}

	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__art {
		grid-area: art;
	}

	.pctl-karte .pctl-tabelle--transfers img.pctl-tabelle__wappen {
		height: 22px;
	}

	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__hinweis {
		display: inline;
		margin-top: 0;
	}

	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__art img {
		width: auto;
		height: 26px;
	}

	/* Transfers: Spieler und Stärke, darunter der Wechsel von, Art, zu */
	.pctl-karte .pctl-tabelle--transfers tbody tr {
		grid-template-columns: 40px auto auto auto minmax(0, 1fr) auto;
		grid-template-areas:
			"bild spieler spieler spieler spieler staerke"
			"bild von art zu . preis"
			"bild von art zu . datum";
	}

	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__von {
		grid-area: von;
	}

	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__zu {
		grid-area: zu;
	}

	/* Vereinsnamen stehen im Titel des Wappens, in der schmalen Zeile nur das Wappen */
	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__von div,
	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__zu div {
		display: none;
	}

	.pctl-karte .pctl-tabelle--transfers .pctl-tabelle__art img {
		height: 30px;
	}
}