/*
  Die display-Eigenschaft des Mobile Menüs (Contao-Erweiterung: Contao-Mobile-Menu von codefog) wird im Contao-Backend gesteuert, nicht hier! - Momentane Einstellungen:
	 - "Für Smartphone": ab 768px -- aktiv
	 - "Für Tablets"   : ab 992px -- inaktiv   
*/

/* Hamburger Menu-Button mit Titel:
   (im Contao-Modul: siehe Trigger-Inhalt) */
   .mobile-menu-btn {
	position: fixed;
	width: 100%;
	z-index: 20;
	display: flex;
	/*justify-content: space-around;*/
	align-items: center;
	padding: 0;
	margin: 0;
	color: var(--mobile-menu-button-color);
	background-color: var(--bars-bg-color);
	box-shadow: 3px 3px 6px #000;
}
#hh {       /* Hamburger-Symbol ≡  */
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 2.5rem;
}
/* Mobile Titel-Schriftzug "Sternenpark": */
#titelzeile1 {
	margin: 0.7rem;
	padding: 0;
	font-weight: bold;
	font-size: 1.7rem;
	text-transform: uppercase;
	color: var(--mobile-menu-button-color);
}
#titelzeile2 {
	margin: 0;
	color: var(--mobile-menu-button-color);
}

/* Hintergrund Menü: */
.mobile_menu .inner {
	padding: 0 0.5em;
	background-color: var(--mobile-menu-bg-color);
}
/* Schrift: */
.mobile_menu nav, 
.mobile_menu a {
	font-size: 1.2rem;
	color: var(--mobile-menu-level2-color);
	text-decoration: none;
}
.mobile_menu strong.active::after {
	content: '❮';
	color: red;
	padding-left: 1rem;
}
.mobile_menu ul.level_3,
.mobile_menu ul.level_3 a {
	font-size: 1rem;
}
.mobile_menu ul {
	padding-left: 0em;
	list-style: none;
}
.mobile_menu ul li {
	padding: 0.25rem 0;
}
/* Hervorhebung Level-1-Menüs: */
.mobile_menu ul.level_1 > li > a,
.mobile_menu ul.level_1 > li > strong {
	text-transform: uppercase;
	font-weight: bold;
	color: var(--mobile-menu-level1-color);
}
/* Einrückung links für untergeordnete Level: */
.mobile_menu ul.level_2,
.mobile_menu ul.level_3 {
	padding-left: 2rem;
}

/* Linien zwischen den Menüeinträgen: */
.mobile_menu li {
	border-top: 1px solid var(--mobile-menu-lines-color);
}
.mobile_menu ul.level_1 > li.last {        /* die unterste Linie */
	border-bottom: 1px solid var(--mobile-menu-lines-color);
}


/* --------------- DESKTOP MENUS AUSBLENDEN: -------------- */
nav.navi-desktop,
.navi-breadcrumb {
	display: none;
}