/**
 * Contao-5-Markup auf die Oneo-Optik mappen (Stepping-Stone, MIGRATION-PLAN 5.3).
 *
 * Contao 5.7 rendert die Kern-Inhaltselemente als Twig-Fragmente mit neuem Markup:
 *   ce_gallery > ul.cols_3 > li.col_first     -> .content-gallery.content-gallery--cols-3 > ul > li
 *   figure.image_container.float_left/right   -> .content-text.media.media--left/right > figure
 *   figure.image_container.float_below/above  -> .content-text.media.media--below/above > figure
 *   .pagination li span.current               -> .pagination li a.active (clientseitig, per JS)
 *   iframe im Text (YouTube)                  -> .content-youtube > figure > iframe (E6)
 *   Navigation li.last                        -> li:last-child (Contao 5 setzt first/last nicht mehr)
 *   tl_content.space (in Contao 5 entfallen)  -> Klassen koki-space-20/-40 (nachmigration-fixes.sh)
 *   .ce_text > h2 (Text direkt im Element)    -> .content-text > .rte > h2
 *   Colorbox-Sprite (Theme-Fassung in 3.5)    -> data-URI für #cboxPrevious/#cboxNext/#cboxClose
 * main.css und custom.css selektieren die alten Klassen. Diese Datei überträgt die Regeln
 * 1:1 auf die neuen Selektoren; Werte aus files/oneo/css/main.css (Stand 2022-08-27).
 * Eingebunden über templates/oneo/fe_page.html5 (Block head, lädt nach custom.css).
 * Wird mit der Twig-Template-Konvertierung (MIGRATION-PLAN 6) obsolet und dann gelöscht.
 */

/* ===== Bilder in Textelementen (main.css 4228–4372: .image_container, .float_*) ===== */

.media > figure {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.media--above > figure {
	margin-top: 1.6em;
}

.media--below > figure {
	margin-bottom: 1.6em;
}

.media > figure img {
	display: block;
	width: 100%;
	height: auto;
}

.media > figure figcaption {
	/* overwrite elements style attribute */
	width: 100% !important;
	padding: 0.42857em 0 0;
	font-size: 0.93333em;
	color: #98a0ab;
	font-style: italic;
}

.media--right > figure,
.media--left > figure {
	float: right;
	width: 31.25% !important;
	margin: 0.53333em 0 1.06667em 6.25%;
}

@media screen and (max-width: 599px) {
	.media--right > figure,
	.media--left > figure {
		margin-left: 0;
		float: none !important;
		width: auto !important;
	}
}

@media screen and (max-width: 900px) {
	.oneo-no-sidebar .media--right > figure,
	.oneo-no-sidebar .media--left > figure {
		margin-left: 6.25%;
		width: 31.25% !important;
	}
}

@media screen and (max-width: 599px) {
	.oneo-no-sidebar .media--right > figure,
	.oneo-no-sidebar .media--left > figure {
		margin-left: 0;
		width: auto !important;
	}
}

.media--left > figure {
	float: left;
	margin: 0.53333em 6.25% 1.06667em 0;
}

@media screen and (max-width: 599px) {
	.media--left > figure {
		margin-right: 0;
	}
}

.oneo-no-sidebar .media--left > figure {
	margin: 0.53333em 3.84615% 1.06667em 0;
}

@media screen and (max-width: 900px) {
	.oneo-no-sidebar .media--left > figure {
		margin-right: 6.25%;
	}
}

@media screen and (max-width: 599px) {
	.oneo-no-sidebar .media--left > figure {
		margin-right: 0;
	}
}

/* custom.css 257–263: Text neben einem umflossenen Bild linksbündig */
.oneo-no-sidebar .media--left > figure ~ *,
.oneo-no-sidebar .media--right > figure ~ * {
	text-align: left;
}

/* ===== Galerie (main.css 4441–4565: .ce_gallery) ===== */

.main-content .content-gallery {
	margin: 0 0 1.6em;
}

.content-gallery > ul {
	zoom: 1;
	margin: 0 !important;
	padding: 0 0 1.5% 0 !important;
	list-style: none !important;
}

.content-gallery > ul:before {
	content: "";
	display: table;
}

.content-gallery > ul:after {
	content: "";
	display: table;
	clear: both;
}

.content-gallery > ul > li {
	float: left;
	width: 23.875%;
	margin: 1.5% 0 0 1.5%;
}

.content-gallery--cols-1 > ul > li { width: 100%; }
.content-gallery--cols-2 > ul > li { width: 49.25%; }
.content-gallery--cols-3 > ul > li { width: 32.33333%; }
.content-gallery--cols-4 > ul > li { width: 23.875%; }

@media screen and (max-width: 599px) {
	.content-gallery > ul > li {
		margin-left: 0;
		margin-right: 1.5%;
	}
}

/* col_first/col_last: Contao 5 setzt keine Spaltenklassen mehr. Die clientseitige Paginierung
   blendet li nur aus (display:none), nth-child zählt also weiter richtig (3 je Seite = 3 Spalten). */
.content-gallery--cols-2 > ul > li:nth-child(2n+1),
.content-gallery--cols-3 > ul > li:nth-child(3n+1),
.content-gallery--cols-4 > ul > li:nth-child(4n+1) {
	clear: left;
	margin-left: 0;
}

.content-gallery--cols-2 > ul > li:nth-child(2n),
.content-gallery--cols-3 > ul > li:nth-child(3n),
.content-gallery--cols-4 > ul > li:nth-child(4n) {
	/* for rounding failures */
	margin-right: -1%;
}

@media screen and (max-width: 599px) {
	.content-gallery--cols-2 > ul > li:nth-child(2n+1),
	.content-gallery--cols-3 > ul > li:nth-child(3n+1),
	.content-gallery--cols-4 > ul > li:nth-child(4n+1) {
		clear: none;
	}

	.content-gallery--cols-2 > ul > li:nth-child(2n),
	.content-gallery--cols-3 > ul > li:nth-child(3n),
	.content-gallery--cols-4 > ul > li:nth-child(4n) {
		margin-right: 1.5%;
	}

	.content-gallery.content-gallery > ul > li {
		/* doubled class for specificity */
		width: auto;
	}
}

.content-gallery > ul > li > figure {
	position: relative;
	display: block;
	width: 100%;
	vertical-align: top;
}

.content-gallery img {
	display: block;
	width: 100%;
	height: auto;
}

.content-gallery figcaption {
	width: 100% !important;
	padding: 0.42857em 0 0;
	font-size: 0.93333em;
	color: #98a0ab;
	font-style: italic;
}

/* ===== Lightbox-Hinweis auf verlinkten Bildern (main.css 4248–4284: .image_container a) ===== */

.media > figure a,
.content-gallery figure a {
	position: relative;
	display: block;
	overflow: hidden;
	/* Fixes IE bug */
	text-decoration: none;
}

.media > figure a:hover:before,
.media > figure a:focus:before,
.content-gallery figure a:hover:before,
.content-gallery figure a:focus:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(164,130,26, 0.6);
}

.media > figure a:hover:after,
.media > figure a:focus:after,
.content-gallery figure a:hover:after,
.content-gallery figure a:focus:after {
	font: 1.6em/1 "RockSolid Icons";
	content: "\e0cb";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin: -0.5em;
	color: white;
}

/* ===== Paginierung der Galerie (main.css 8203: .pagination li .current) ===== */

.pagination li a.active {
	color: #a4821a;
}

/* ===== YouTube-Elemente (E6): wie die alten iframes 460×215 im <p>, zentriert ===== */

.main-content .content-youtube {
	/* Abstände wie .main-content p (main.css 3753–3761) */
	margin-top: 0.8em;
	margin-bottom: 1.6em;
	text-align: center;
}

.content-youtube > figure {
	display: inline-block;
	max-width: 100%;
	margin: 0;
	vertical-align: top;
}

/* inline auf der Grundlinie wie die alten iframes im <p>: Unterlänge darunter, Abstände wie live
   (OPT-08; mit display: block standen die Videos 22–29 px enger) */
.content-youtube iframe {
	display: inline-block;
	vertical-align: baseline;
	max-width: 100%;
	border: 0;
}

/* ===== Hauptnavigation: Dropdown des letzten Punkts rechtsbündig (main.css 2645: li.last) ===== */

.main-navigation > ul > li:last-child > ul {
	left: auto;
	right: 0;
}

/* ===== Abstände aus dem Contao-3-Feld „space“ (nachmigration-fixes.sh, Schritt 12) =====
   Contao 3 schrieb den Abstand als Inline-Style, der jede Regel schlägt. Deshalb .main-content
   davor: Sonst gewinnt bei Überschriften .main-content h1 (main.css 3767, margin-top 1em, am
   Desktop 32 px), „Spende“/„Donate“ rutschen tiefer (OPT-04). Alle Elemente mit Abstand liegen in
   Artikeln der Spalte main. */

.main-content .koki-space-20 {
	margin-top: 20px;
}

.main-content .koki-space-40 {
	margin-top: 40px;
}

/* ===== Unterzeile unter der Logo-Überschrift (custom.css 204: h1.iconkk-logo + * > h2/h3) =====
   Contao 5 packt den Text des Textelements in .rte, die Regel aus custom.css greift dort nicht
   mehr; „2026“ auf /de/veranstaltungen.html, Trenner und Inhalt säßen 14–15 px höher (OPT-03). */

h1.iconkk-logo + * > .rte > h2,
h1.iconkk-logo + * > .rte > h3 {
	margin-top: 0;
	margin-bottom: 1em;
}

/* ===== Lightbox-Steuerelemente im Theme-Look (Fix-Runde 1, OPT-01) =====
   Contao 3.5 lieferte live einen vom Theme angepassten Sprite aus (gold auf hellen Quadraten):
   koki-alt/assets/jquery/colorbox/1.6.1/images/controls.png, 98x130 px, 2315 Byte,
   sha256 34d22b760eb919ac40ac9dd93e5ff2433526059e41266810f176b560de745fe7.
   Contao 5.7 bringt den Standard-Sprite mit (schwarze Laschen, public/assets/colorbox/images/
   controls.png; entsteht bei composer/contao:install neu, dort also nicht ersetzen). Die
   Aufteilung des Sprites ist gleich, deshalb genügt das Bild; Position, Größe und Hover-Versatz
   kommen weiter aus colorbox.min.css (lädt vor dieser Datei).
   Als data-URI eingebettet, damit der Sprite ohne Zusatzdatei jeden Durchlauf übersteht (der
   files-Abgleich des Freeze-Durchlaufs, MIGRATION-PLAN 7.4, läuft mit --delete).
   koki-35 ist für die Lightbox-Optik keine Referenz mehr: update-3540.sh hat den Theme-Sprite
   dort durch den Standard aus dem Release ersetzt. Referenz ist live bzw. koki-alt.
   Neu erzeugen: base64 -w0 koki-alt/assets/jquery/colorbox/1.6.1/images/controls.png */

#cboxPrevious,
#cboxNext,
#cboxClose {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAACCCAYAAAC94R2MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjMjQ2YTRhZC1hNDhjLTFkNGUtYmZmNC05MjAyMjQ2OWNkODQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkUxRTRFQjhGMTQ2MTFFODk5Q0Q5MUQ2NEFENTQ2NTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkUxRTRFQjdGMTQ2MTFFODk5Q0Q5MUQ2NEFENTQ2NTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NmEzMTdiNWUtODc4OS1hYzQ4LTk0ZjAtZTMxZjM5ZmEzYmRkIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTliNzMxYjQtZjE0Ni0xMWU4LWExMDAtZjFlMmU5NWZjYWU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rZpdmAAABR1JREFUeNrsnE9oFFccx99OZjYh22aNUVNj6x9SkISQBNqi0orEi4cipXcvXj2Il1wEzx68lFI8WgQPOSilCPbQQigUXMFo08aoTVL/1URNYpI1G+POxrjfhSlhNTsz+2bG93a+Xxh4O+/HzPx+n33zfr83s5tYXV0ViulCcasL+Rwrxe2ISk6bQj2lRQxlKHhNhRo5h/YgBEeEBhr+/fvPpv/7a9N6/eiDDUGEqFz2SWNu/kH6dubsO2FgH/pgA1uCCEmppo+Wevr6M6aVssthOBDQBxvY6uRbopi+Xo74nIdd+n9yy+bwbR8ePLO3YOesjr3HhrDPJwRM1t+62FwmCA9ptQPDzmeTolgKWfVNeR8jQTkQ2mZNCHjLts+nXheWzdcryybaut2OVC/oPGli+Of2ybEr7RvbvpjCZ7RNqzHf3vPNBEFECOHh6MUOQOg5cHzISWuxD20dYRi1AAFCG/vQBxuCCLmOeDz2y6flEMphwEa3OkK7rGl+eiK9YXP7QqUDeLBh1iQrNwhebXhrorQBYdbIObRPX3FbieIJHUG46IiIoThHEARFEARBhQbi4Z3ftl+7cmp//tWiFbfgwWf4jhi8VxC4gImb57uXFu6nb2fOdccNBHyG74iBLAxDFgLadVbK3tH59XjcQMBn+I62LAwjCAjdB/ozOq7vyAo+w/cgYBiEoAYMgxDUgGEQghowDEJQA4YriMl/r24lBDkYiKE0iMYPtyw5B12xc1Z29l6a4a4sxAixcr68iKE0iCBTtDio2tu4Ue1wI4xg51LPWRNhhJvQ+KojCCO8rNJ3ZU0Y4aT2Va01EUbw9VXVq6/lMF4uTqfiBsLxOYj6SvqVS7zeODs5ssnHG9iHNYmzp7jgheeWtq4Z2SJXxXdftQIRlPjMWhERBEFQBEEQFEEQBEUQBEERBEFQBEEQFEEQBBWGEgr+EzJBUARBEARBEBRBEARFEARBEQRBUARBEBRB1AaIqEkkNIlNpHHh8whFRBAEQREEQVAEQRAUQRAERRAEQREEQVAEQRAUQRDE+pq6d00M/XpaFOyXsQsefIbviIGsTFkIdzI/lNr/XB8QnfuOxgoEfM7OjJY2aOuuPdGPiLUQrPq02N5xKHYjAj7DdwixkBkZRhAQeg+eFB9saIsdCPgM34OAYRCCGjAMQlADhkEIasAwCEENGK4gZh7/TQiSMBBDaRANqZb/D2q/WhAv5h4x2i5CjBAr58uLGEqDCDJFi4OqvY0b1Q43wgh2LvWcNRFGuAmNrzqCMMLLKn1X1oQRTmpf1VoTYQRfX1W9+loOY3lxJnYgHJ+DqK+kfzG0OD8p5p7eFZ/s7vN8Tk3i7Ckuj+4OiubW3dJFLn+6JQkiKPGZtSIiCIKg1spU8JqiujcnOCIoLUDYNXIOjgiOiAg0evVHMf9sfN1+9MGGIMJcUsjNiezsmBj547t3wsA+9MEGtgQRkhpSzaK3r1+Yyaa3YDgQ0Acb2OokFZc48sXNchsZfw6eEYV8VnR9daK0zycETNZJRdJofUGshWEvPy9FLNmw0c9IUA6EtlkTAt6640tRsHNipbihrdvtSPXK2pOw/Hx/ZEC07jxY+oy2mWz0sxxPEEFAGL9xrgRh7W8ysA/SEYYp9Hk+UBGC0w4QRoIjosIE/eDWpbcglMOAzeaPe7WaM1T8l8uKWRMezbo9lvRg4yVrIggv6auklAPBRT+OiPdeSCmVpKg4WU9HcF0F1Zx+I8AA+o+etdAlaJ8AAAAASUVORK5CYII=");
}