/*
 * THG Normalien — Feinschliff fuer das Elementor-Pro-Widget "Slides", das
 * den Revolution Slider ersetzt (Revolution Slider ist kostenpflichtig,
 * sein JS darf nicht mitkopiert werden; das Widget-Markup/-CSS kommt aus
 * Elementor Pro selbst, siehe modules/slides/widgets/slides.php).
 *
 * Das Original stellt Ueberschrift und Stichwort-"Chips" als einzelne,
 * frei positionierte Ebenen mit eigenem Hintergrund dar (Ueberschrift:
 * halbtransparentes Weiss auf Navy-Text; Chips/Jahreszahl: Navy-Flaeche mit
 * weissem Text). Das Slides-Widget kennt dafuer keine eigenen Felder — hier
 * per CSS nachgebaut. Die Chip-Texte selbst kommen als <span class=
 * "thg-slide-badge"> im description-Feld an (scripts/build-slides.py),
 * Elementor escaped das Feld nicht (siehe render() im Plugin-Code).
 */

.elementor-widget-slides .swiper-slide-bg {
	background-color: #f2f2f2;
}

/* Ueberschrift: eigene Hintergrundflaeche statt Vollbreite, wie im Original
   (data-padding t:10;r:15;b:10;l:15; background-color:rgba(255,255,255,.8)). */
.elementor-widget-slides .elementor-slide-heading {
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 10px 15px;
	margin: 0;
	line-height: 1.25;
}

/* Beschreibung: nur noch Layout-Rahmen fuer die Chips/das Jahres-Badge --
   die Flaeche steckt an den <span>s selbst, damit mehrere Chips einzeln
   umbrechen koennen statt als ein Block. */
.elementor-widget-slides .elementor-slide-description {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 15px;
}

.elementor-widget-slides .thg-slide-badge {
	display: inline-block;
	background-color: #000080;
	color: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	padding: 5px 10px;
	line-height: 1.3;
}

@media (max-width: 767px) {
	.elementor-widget-slides .elementor-slide-heading {
		padding: 6px 9px;
	}
	.elementor-widget-slides .thg-slide-badge {
		padding: 3px 6px;
	}
}