@charset "UTF-8";
/* CSS Document */

/* [Claude 2026-08-21] .ElementBoxes + Box-Typen (Titel/Teaser/Programm), s. Element-Bauplan
   Abschnitt 2/6/8. Kategorie+Datum ("Meta") ist kein Box-Typ mehr, sondern ein eigener fester
   Slot - s. card-header.css. Farben ausschliesslich ueber die vier Rollen-Variablen (--card-bg/
   -font/-ci/-overlay, gesetzt in card-render.php), keine eigenen Farbwerte hier - s. Abschnitt 7
   "Eindeutige Zuordnung". Abstaende ausschliesslich ueber die --space-*-Skala (s.
   dbm_card_spacing_vars() in card-helpers.php), keine eigenen px/vw-Werte hier. */

.ElementBox{
	gap: var(--space-xxs);
}

/* .CardTimeSep bleibt hier (statt in card-header.css) - wird ausschliesslich von der
   Programm-Box (Zeit-Chip, dbm_card_time_chip()) genutzt, nicht vom Header. */
.CardTimeSep{
	color: var(--card-ci);
	opacity: 0.6;
}
.Element:hover .CardTimeSep{
	color: var(--card-ci-hover, var(--card-ci));
}

/* --- Titel --- */
.ElementTitle{
	margin: 0;
	color: var(--card-font);
}
.Element:hover .ElementTitle{
	color: var(--card-font-hover, var(--card-font));
}

/* --- Teaser / Subline / Land / Type --- */
.ElementTeaser{
	margin: 0;
	color: var(--card-font);
}
.Element:hover .ElementTeaser{
	color: var(--card-font-hover, var(--card-font));
}

/* --- Programm (Stage/Time) --- */
.ElementProgramStage,
.ElementProgramTime{
	margin: 0;
	color: var(--card-ci);
}
.Element:hover .ElementProgramStage,
.Element:hover .ElementProgramTime{
	color: var(--card-ci-hover, var(--card-ci));
}
/* [Claude 2026-08-21] Gap jetzt abhaengig von der Richtung (eigene Modifier-Klasse aus
   card-boxes.php, s. dortiger Kommentar): "Blockliste" (column, Stage/Zeit untereinander) ohne
   Gap - nur noch das eigene line-height der Zeilen trennt sie (Kundenfeedback: --space-xxs war
   noch zu groß). "Inline" (row, nebeneinander) braucht dagegen einen echten Wortabstand, sonst
   laufen die Texte zusammen - --space-xs wie urspruenglich. */
.ElementBox-program-column{
	gap: 0;
}
.ElementBox-program-row{
	gap: var(--space-xs);
}

/* Schriftschnitt-Varianten - Zuordnung zu den tatsaechlichen Font-Weights des Theme-Type-Systems
   noch zu ergaenzen, sobald diese feststehen (s. Element-Bauplan, Ruecksprache mit dem Kunden). */
.card-weight-bold{ font-weight: 700; }
.card-weight-regular{ font-weight: 400; }
.card-weight-light{ font-weight: 300; }

/* [Claude 2026-09-03, Kundenwunsch] Kursiv-Zusatzklasse fuer waehlbaren Button-Text (Multi
   Content, render-element-content.php) - eigenstaendig neben den card-weight-*-Klassen, da
   Kursiv unabhaengig von der Schriftstaerke an-/ausschaltbar ist. */
.italic{ font-style: italic; }