/* Contao 5.7 compatibility for legacy Tao content galleries. */
.content-gallery { clear: both; margin: 1.5em 0; }
.content-gallery > ul {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5%;
	margin: 0 !important;
	padding: 0 0 1.5% !important;
	list-style: none !important;
}
.content-gallery--cols-4 > ul > li { display: flex; width: 23.875%; margin: 1.5% 0 6px; }
.content-gallery figure { position: relative; display: block; width: 100%; margin: 0; padding: .75em; border: 1px solid #b2b9c4; border-radius: 2px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.1); }
.content-gallery figure img { display: block; width: 100%; height: auto; }
.content-gallery figcaption { width: 100%; padding: .428571em 0 0; font-size: .875em; color: #717c8e; }
/* Legacy Tao news images use a right-floating media figure. */
.content-text.media--right {
	float: right;
	width: 33%;
	margin: 0 0 1.5em 1.5em;
}
.content-text.media--right figure {
	margin: 0;
	padding: .75em;
	border: 1px solid #b2b9c4;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.content-text.media--right img { display: block; width: 100%; height: auto; }
@media screen and (max-width: 900px) { .content-gallery--cols-4 > ul > li { width: 48.5%; } }
@media screen and (max-width: 599px) { .content-gallery--cols-4 > ul > li { width: 100%; } }

/* Contao 5.7 download elements use content-downloads instead of ce_downloads. */
.main-navigation > ul > li > strong.active,
.main-navigation > ul > li > strong.trail,
.main-navigation > ul > li > strong.forward {
	color: #f79f3e;
}

.downloadboxen {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.downloadboxen .content-downloads {
	width: 47%;
	margin: 1.6875em 0;
	padding: 1.25em 1.875em;
	border: 1px solid #b2b9c4;
	border-radius: 3px;
	box-sizing: border-box;
}

.downloadboxen .content-downloads h1,
.downloadboxen .content-downloads h2,
.downloadboxen .content-downloads h3,
.downloadboxen .content-downloads h4,
.downloadboxen .content-downloads h5,
.downloadboxen .content-downloads h6 {
	margin: -1.75em -2.58333em 1.66667em;
	padding: .666667em 1.66667em;
	border-radius: 3px 3px 0 0;
	font-size: .75em;
	font-weight: bold;
	letter-spacing: .0833333em;
	color: white;
	text-transform: uppercase;
	background: #71808e;
}

.downloadboxen .content-downloads h1::before,
.downloadboxen .content-downloads h2::before,
.downloadboxen .content-downloads h3::before,
.downloadboxen .content-downloads h4::before,
.downloadboxen .content-downloads h5::before,
.downloadboxen .content-downloads h6::before {
	font: 1.16667em/1 "RockSolid Icons";
	content: "\e06d";
	display: inline-block;
	position: relative;
	top: .0714286em;
	float: right;
}

.downloadboxen .content-downloads ul,
.downloadboxen .content-downloads p {
	margin: 0;
	padding: 0;
	list-style: none;
}

.downloadboxen .content-downloads li {
	margin: .08em 0; line-height: 1.25;
	list-style: none;
}

.downloadboxen .content-downloads li.download-element a {
	display: inline-block;
	padding: 1px 6px 1px 22px;
	background: url('/assets/contao/images/iconPDF.svg') left center no-repeat;
}

@media screen and (max-width: 599px) {
	.downloadboxen { display: block; }
	.downloadboxen .content-downloads { width: 100%; }
}
/* Footer-Auszeichnungslogos: Rich-Text-Container auf volle Breite setzen und Logos nebeneinander anordnen */.auszeichnungs-logo-leiste > .rte { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; }.auszeichnungs-logo-leiste > .rte > p { margin: 0; flex: 0 0 auto; }@media (max-width: 700px) { .auszeichnungs-logo-leiste > .rte { justify-content: center; } }
.auszeichnungs-logo-leiste > .rte > p:not(:has(img)) { display: none; }


/* Footer-Auszeichnungslogos: Abstand innerhalb der weissen Logo-Leiste */
.auszeichnungs-logo-leiste { padding-top: 12px; padding-bottom: 8px; box-sizing: border-box; }