/* Horizontales Zentrieren des Menüs */
#header .inside {
 display: flex;
  justify-content: center;
  align-items: center;
}

/* Extrem wichtig, sonst überschreibt Contao's layout.css die Untermenü Scihtbarkeit */
.mod_navigation.block {
  margin-top:-70px;
  overflow: visible;
}

.mod_navigation.block .logo_alt {
  float:left;
  padding:0;
  margin:0;
  margin-top:-75px;
  margin-right:25px;
}  

.logo{
  float:left;
  width:13%;
  height:auto;
  padding:0;
  margin:0;
  margin-top:45px;
  margin-right:25px;
}

.mod_navigation.block .logo img {
  width:100%;
  height:auto;
  padding:0;
  margin:0;
}


.shrunk img {
  width:40%;
  height:auto;
  padding:0;
  margin:0;
  transition: all 0.3s ease;
}


.mod_navigation.block .MenuHeader {
  float:left;
  font-size:1.2em;
  margin-right:20px;
  margin-top:-4px;
  font-weight: bold;
}  
  

/* Basis-Stile für das Navigationsmenü */
.mod_navigation.block ul.level_1 {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  background-color: transparent; /* Optional: Hintergrundfarbe des Menüs */
  font-weight:bold;
}

.mod_navigation.block ul.level_1 > li {
  position: relative; /* Für Untermenüs erforderlich */
  margin-right: 10px; /* Abstand zwischen den Menübuttons */
  min-height:25px;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  border-top: 3px solid #fff; 
  border-top-left-radius: 60px 18px; /* x- und y-Radius unterschiedlich */
  border-top-right-radius: 60px 18px;
  padding-left:25px;
  padding-right:25px;
  padding-bottom:0px;
}

.mod_navigation.block ul.level_1 > li > a {
  display:block;
  margin-top:10px;
  text-decoration: none;
  color: #231f20; /* Standardfarbe der Links */
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Stile für den aktiven Menübutton */
.mod_navigation.block ul.level_1 > li.active > a {
  color:#231f20;
  background-color: #c39d88; /* Farbe des aktiven Buttons */
  color: white; /* Textfarbe im aktiven Button */
}

.mod_navigation.block ul.level_2 > li.active > a {
  color:#231f20;
  background-color: #c39d88; /* Farbe des aktiven Buttons */
  color: white; /* Textfarbe im aktiven Button */
}


/* Mouseover-Effect */
.mod_navigation.block ul.level_1 > li:hover {
  background-color: #c39d88; /* Hintergrundfarbe beim Mouseover */
  color: #231f20; /* Textfarbe beim Mouseover */
}

.mod_navigation.block ul.level_1 > li > a:hover {
  background-color: #c39d88; /* Hintergrundfarbe beim Mouseover */
  color: #231f20; /* Textfarbe beim Mouseover */
}

/* Untermenüs initial unsichtbar machen */
.mod_navigation.block ul.level_2 {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  list-style-type: none;
  margin-left:0;
  padding-left:0;
  padding-top:10px;
  box-shadow: 0px 8px 16px rgba(0,0,0,0.2); /* Schlagschatten für den Eindruck eines Popups */
  min-width: 160px;
  z-index: 1;
}

/* Untermenüelemente formatieren */
.mod_navigation.block ul.level_2 > li {
  width: 100%;
  border-width:0;
  border-style:solid;
  border-color:#fff;
  border-bottom-width: 3px;
  background-color: #c39d88; /* Hintergrundfarbe des Untermenüs */
}

.mod_navigation.block ul.level_2 > li > a {
  display: block;
  padding: 8px 16px;
  text-decoration: none;
  color: #231f20; /* Standardfarbe der Untermenülinks */
  white-space: nowrap; /* Verhindert, dass Text umbrechen kann */
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Mouseover-Effect für Untermenüelemente */
.mod_navigation.block ul.level_2 > li > a:hover {
  color:#231f20;
  background-color: #c39d88; /* Hintergrundfarbe beim Mouseover */
}

.mod_navigation.block ul.level_1 > li:has(a[rel="noreferrer noopener"]) {
  background-color: #8e5c43; /* Hintergrundfarbe beim Mouseover */
  color: #fff; /* Textfarbe beim Mouseover */
}


.mod_navigation.block ul.level_1 > li > a[rel="noreferrer noopener"] {
  color: #fff; /* Textfarbe beim Mouseover */
}

.mod_navigation.block ul.level_1 > li > a[rel="noreferrer noopener"]:hover {
  color:#fff;
  background-color: #8e5c43; /* Hintergrundfarbe beim Mouseover */
}
/* Untermenüs anzeigen, wenn der Mauszeiger über einen Hauptmenübutton mit Klasse "submenu" geht */
.mod_navigation.block .submenu:hover > ul.level_2 {
  display: block;
}


.mod_customnav.block {
  margin-top:-145px;
}
  
.mod_customnav .logo,  
.mod_customnav .MenuHeader {
  display:block;
}  
  
.mod_customnav.block ul.level_1 {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top:70px;
  margin-left:15px;
  background-color: transparent; /* Optional: Hintergrundfarbe des Menüs */
  font-weight:normal;
}

.mod_customnav.block ul.level_1 > li > a {
  color:#231f20;
  text-decoration:none;
  text-transform: uppercase;
  font-size:0.9em;
  font-weight:normal;
}

.mod_customnav.block ul.level_1 > li > a:hover {
  text-decoration:underline;
}


/* mobiheles Menu*/

.mod_mobile_menu {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:90px;
	z-index:20000;
	background-color:#e5e5e5;    
	background-image: url(/files/cebev.de/images/logo.png);
	background-size: 55px auto;
	background-repeat: no-repeat;
	background-position: 15px 10px;
	font-size:1.3em;
	text-align:right;
    font-weight: 800;
}

.mobile_menu .level_1, 
.mobile_menu .level_2, 
.mobile_menu .level_3 {
    text-transform:uppercase;
}


.mod_mobile_menu .mobile_menu_wrapper{
    width:50%;
}    

.mod_mobile_menu img,
.mobile_menu #closepic{
	margin-right:10px;
	width:50px;
	height:auto;
}

.mobile_menu {
	position:fixed;
	top:0;
	right:0;
	z-index:20000;
  background-color:#e5e5e5;    
	font-size:1.3em;
}

.mobile_menu .inner{
	z-index: 20000;
	background-color:#fff;	
	color:#333333;
}

.mobile_menu ul {
	margin-top:5px;
	margin-bottom:0px;
}

.mobile_menu li {
  list-style-type:none;
  padding-top:10px;	
  padding-bottom:10px;	
	font-weight:bold;  
}	

.mobile_menu ul.level_1 > li > a {
	font-weight:bold !important;  
	color:#555 !important;
}	

.mobile_menu li a{
   color:#555;
   text-decoration:none;
}

.mobile_menu li a:hover{
   color:#006833;
   text-decoration:none;
}

.mobile_menu li.active{
   color:#006833;
   text-decoration:none;
}

.mobile_menu li.submenu_hide > ul {
    display: block;
}