@charset "UTF-8";

.submenu {
	/* padding-bottom: 60px; */
	display: flex;
	gap: 30px;
}
.submenu.drittel1 .spalte1 {
	width:67%;
}
.submenu.drittel1 .spalte2 {
	width:32.5%;
	width: 138px;
}
.submenu.drittel1 .spalte1 #dropdown_nav li.rex-article-15 {
	display:none;
}
nav {
	text-align: right;
	padding: 14px 0 0 0; 
	margin: 0;
}
nav2 {
	text-align: left;
	padding: 0; 
	margin: 0;
}

nav ul {
	padding: 0; 
	margin: 0; 
	list-style: none;
	position: relative;
	display: inline-table;
	vertical-align: bottom;
	padding-bottom: 3px;
	display: flex;
}
nav2 ul {
	padding: 0; 
	margin: 0; 
	list-style: none;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	vertical-align: bottom;
	padding-bottom: 3px;
}


nav ul li {
	height:28px;
	line-height: 28px;
	padding: 0;
	padding-left: 40px;
}
nav2 ul li {
	height:40px;
	line-height: 40px;
	padding: 0 40px 0 0;
}
nav ul li:hover, nav2 ul li:hover {}
nav ul li:hover a, nav2 ul li:hover a {
}
		
nav ul li a {
	display: block; 
	color: black;
	font-family: 'Everett', Arial, sans-serif;
	text-decoration: none;
	line-height: 9px;
	line-height: 24px;
	text-align: left;
}
nav2 ul li a {
	display: block; 
	color: black;
	text-decoration: none;
	height: 30px;
	text-align: left;
	margin-right: 5px;
	padding: 0;
}

nav ul li.rex-active a,
nav ul li.rex-current a
 {
	color: black;
	border-bottom: 9px solid black;
}
nav2 ul li.rex-active a,
nav2 ul li.rex-current a
 {
	color: black;
	border-bottom: 9px solid black;
}	

/* ################################################# NAVIGATION - MOBIL */

#menu_mobil {
	position: absolute;
	/* position: fixed; */
	top:0;
	/* left:0; */
	right:0;
	/* right:170px; */
	/* bottom:0;
	height: 100vh; */
	width:auto;
	max-width: 100%;
	/* min-width: 375px; */
	height: auto;
	min-height: 100vh;
	/* background-color:white; */
	z-index: 80000;
	display:none;
	/* box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); */
	/* padding: 160px 13vw 100px 13vw;
	padding: 160px 200px 100px 200px;
	padding: 34px 150px 0px 0px; */
}

#menu_mobil ul {
	flex-direction: column;
	flex-direction: row;
	display: flex;
	list-style: none;
	list-style-type: none;
	padding: 0;
}
#menu_mobil ul li {
	list-style: none;
	list-style-type: none;
	/* padding: 20px 0 0px 0; */
}
#menu_mobil a {
	color: black;
	display: inline-block;
	text-align: left;	
	/* font-size: 42px;
	line-height: 54px; */
	/* font-size: 26px;
	line-height: 32px; */
	font-size: 16px;
	line-height: 22px;
	
	font-size: 20px;
	line-height: 30px;
	text-decoration: none;
	border-bottom:0px solid white;
	margin-top: 8px;
	margin-bottom: 14px;
	min-width:120px;
}
#menu_mobil li.rex-article-295 a {
	min-width:80px;
}
#menu_mobil li a::after {
	margin-top: 4px;
	/* margin-top: 2px; */
	border-bottom: 12px solid transparent;
	/* border-bottom: 9px solid transparent; */
	content: "";
	width: 70px;
	/* width: 50px; */
	display: block;
}

#menu_mobil li a:hover::after, 
#menu_mobil li.rex-active a::after,
#menu_mobil li.rex-current a::after {
	margin-top: 4px;
	/* margin-top: 2px; */
	border-bottom: 12px solid black;
	/* border-bottom: 9px solid black; */
	content: "";
	width: 70px;
	/* width: 50px; */
	display: block;
}

#menu_mobil {
	padding: 54px 190px 40px 80px;
	text-align: center;
	min-height: auto;
	background-color: white;
}
#menu_mobil ul {
	display:inline-block;
	text-align: left;
}

/* ################################################# NAVIGATION BUTTON - Hamburger to X */

#menu_mobil_button {
  display:block;
  position: absolute;
  top:30px;
  right:40px;
  right:2%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  width: 70px;
  height: 100px;
  font-size: 0;
  text-indent: -9999px;
  cursor: pointer;
  background-color: transparent;
  transition: background 0.3s;
  z-index: 81000;
}

#menu_mobil_button:focus {
  outline: none;
}

#menu_mobil_button span {
  display: block;
  position: absolute;
  top: 54px;
  left: 0px;
  right: 0px;
  height: 4px;
  height: 12px;
  background: black;
  transition: background 0s 0.3s;
}

#menu_mobil_button span::before,
#menu_mobil_button span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 12px;
  background-color: black;
  /* background-color: transparent; */
  content: "";
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

#menu_mobil_button span::before {
  top: -0px;
  transition-property: top, transform;
}

#menu_mobil_button span::after {
  bottom: -0px;
  transition-property: bottom, transform;
}


#menu_mobil_button.open {
  /* position: fixed; */
  /* right: 200px; */
  right: 40px;
}

#menu_mobil_button.open span {
  background: none;
}

#menu_mobil_button.open span::before {
  top: 0;
  transform: rotate(45deg);
}

#menu_mobil_button.open span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

#menu_mobil_button.open span::before,
#menu_mobil_button.open span::after {
   transition-delay: 0s, 0.3s;
   background-color: black;
}