/*
Theme Name:   TSV Ködnitz Child
Theme URI:    https://tsv-koednitz.de
Description:  Child-Theme von OceanWP für den TSV Ködnitz 1922 e.V. Nimmt alle individuellen Anpassungen auf, damit ein Update des OceanWP-Elterntheme nichts überschreibt.
Author:       Stefan Schwarz
Template:     oceanwp
Version:      1.0.0
Text Domain:  tsv-koednitz-child
*/

/* Eigenes CSS ab hier ergänzen. Übriges Customizer-CSS unter "Zusätzliches
   CSS" bleibt davon unberührt und wirkt weiterhin zusätzlich zu dieser
   Datei — der komplette Spielticker-Block (CAROUSEL) wurde am 2026-08-18
   von dort hierher verschoben, siehe unten. */

/* Wird vom Spielticker-Plugin (assets/js/spielticker.js) per JS umgeschaltet,
   solange ein Spiel gerade läuft — ersetzt das frühere el.style.color im
   alten Inline-Script. Farbe entspricht dem bisherigen "#ff9c00". */
.ergebnis--live {
	color: #ff9c00;
}

/* ==========================================================
   SPIELTICKER — vormals der CAROUSEL-Block im Customizer-Feld
   "Zusätzliches CSS", am 2026-08-18 hierher verschoben.
   Die Rotation läuft jetzt per JS (spielticker.js, translateX),
   deshalb keine feste Breite/Keyframes mehr nötig — funktioniert
   unabhängig von der Anzahl der Spiele.

   ACHTUNG: CSS-Kommentare dürfen NICHT verschachtelt werden. Ein
   Kommentar-Ende-Zeichen (Stern gefolgt von Schrägstrich) irgendwo im
   Text hier würde diesen Kommentar vorzeitig beenden und die komplette
   folgende .carousel_neu-Regel unbemerkt unwirksam machen — genau das
   ist hier am 2026-08-18 einmal passiert und hat stundenlange
   Fehlersuche ausgelöst, bis es auffiel. Deshalb: in Kommentaren
   niemals Stern-Schrägstrich oder Schrägstrich-Stern als Beispieltext
   verwenden, auch nicht in Anführungszeichen.
   ========================================================== */

.carousel_neu {
	overflow: hidden;
	width: 100%;
}

.panes_neu {
	list-style: none;
	position: relative;
	overflow: hidden; /* nur zum Clearen der gefloateten <li>, wie im Original */
	padding: 0;
	margin: 0;
	background-color: lightgray;
	transition: transform 0.6s ease;
	/* Breite (Anzahl Folien × Rahmenbreite) setzt spielticker.js zur
	   Laufzeit in Pixeln — kein fester Wert wie früher (width:400%) mehr
	   nötig, funktioniert unabhängig von der Anzahl der Spiele. */
}

.panes_neu li {
	position: relative;
	float: left;
	/* Breite je Folie setzt spielticker.js zur Laufzeit in Pixeln. */
}

.next_match {
	display: block;
	width: 100%;
	margin-top: 0.5rem;
	font-family: 'League Gothic', sans-serif;
	font-weight: 500;
	font-size: 2.25em;
	color: #000;
	text-transform: uppercase;
	text-align: center;
}

.team_home,
.team_guest,
.ergebnis {
	display: inline;
	vertical-align: middle;
}

.wappen {
	display: inline;
	vertical-align: middle;
	padding: 0 1rem;
}

.wappen img {
	height: 4.5rem;
	width: auto;
}

.datum {
	display: block;
	font-family: Helvetica, sans-serif;
	font-size: 40%;
	font-weight: 600;
	text-transform: none;
	color: #fff;
	background-color: #000;
	padding: 0.15rem;
	margin: 0.35rem 0 1rem 0;
}

@media only screen and (max-width: 959px) {
	.team_home,
	.team_guest {
		display: none;
	}
}