/*  ******************************
	+  Anpassungen für Contao 5
	+  Contao 5 erzeugt für Text, Bild und Galerie anderes HTML als 4.13
	+  (z. B. content-gallery statt ce_gallery, media--left statt float_left)
	+  und kennt keine Bildabstände (imagemargin) mehr. Diese Regeln
	+  stellen das Aussehen der Contao-4.13-Seite wieder her.
	****************************** */

/* Handy-Menü (mmenu 9) liegt geschlossen sichtbar hinter der 990px breiten Seite */
#nav-main-mobile.mm-menu--offcanvas:not(.mm-menu--opened) {
	visibility: hidden;
}

/* Inhaltselemente hatten die Klasse .block (overflow:hidden) -> gleiche Abstände wie früher */
[class^="content-"], [class*=" content-"] {
	overflow: hidden;
}

/* Bildunterschriften (früher .caption) */
figcaption {
	padding: 0 3px 10px;
	font-size: 11px;
	line-height: 13px;
}

/* Text mit Bild links (früher figure.float_left) */
.media--left > figure {
	margin: 20px 20px 20px 0;
}
.media--right > figure {
	margin: 20px 0 20px 20px;
}

/* Bild mit Abstand oben (früher Bildabstand 20 % oben) */
.bildabstand-oben > figure {
	margin-top: 20%;
}

/* Galerie (früher div.ce_gallery, Bildabstand 10px, Zeilenumbruch über li.col_first) */
div.content-gallery figcaption {
	font-size: 12px;
	line-height: 13px;
}
div.content-gallery li {
	list-style-type: none;
	margin-left: 0;
}
div.content-gallery figure {
	margin: 10px;
}
div.content-gallery--cols-4 > ul > li:nth-child(4n+1) {
	clear: left;
}

/* Hauptmenü: Untermenü klappt nach unten auf statt nach oben – nach oben war nur Platz
   für ca. 8 Einträge, bei „Meditation“ (15 Kursformen) fehlten die oberen.
   Deckender Hintergrund (Farbe wie bisher: 50 % Schwarz auf Sand), da es jetzt über dem Text liegt. */
#menu-main {
	overflow: visible;
}
#menu-main ul.level_2 {
	top: 100%;
	bottom: auto;
	z-index: 100;
	padding: 8px 10px 10px 8px;
	background-color: rgb(116, 108, 90);
	box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
}
#menu-main ul.level_2 li {
	height: auto;
	padding: 3px 0;
}