/* ################################################# NAVIGATION  */

.subnavi {
	background-color: #282828;
	position: fixed;
	z-index: 99990;
	top:0;
	left:0;
	right:0;
	padding: 40px 136px 80px 120px;
	display: none;
}
.subnavi_top {
	text-align: right;
	display: block;
}
.subnavi_top a {
	color: white;
	transition: color .5s;
	font-size: 18px;
	text-decoration: none;
	display: inline-block;
}
.subnavi_top a:hover {
	color: #47655b;
	transition: color .5s;
}
.subnavi_columns {
	display: flex;
	justify-content: start;
	/* gap:80px; */
}
.first_column span, 
.second_column span,
.third_column span {
	color: #666;
	font-size: 14px;
	line-height: 48px;
	display: block;
}
.first_column a {
	color: white;
	transition: color .5s;
	font-size: 28px;
	text-decoration: none;
	display: block;
}
.first_column a.active {
  color: rgba(71, 101, 91, 0.5);
  color: rgba(255, 255, 255, 0.4);
  color:#666;
  transition: color .5s;
}
.first_column a:hover {
	color: #47655b;
	transition: color .5s;
} 

.second_column a {
	color: white;
	transition: color .5s;
	font-size: 16px;
	line-height: 24px;
	text-decoration: none;
	display: block;
}
.second_column a.active {
  color: rgba(71, 101, 91, 0.5);
  color: rgba(255, 255, 255, 0.4);
  color:#666;
  transition: color .5s;
}
.second_column a:hover {
	color: #47655b;
	transition: color .5s;
}

.third_column a {
  color: white;
  transition: color .5s;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  display: block;
}
.third_column a:hover, 
.third_column a.active {
  color: #47655b;
  transition: color .5s;
}

ul.first,
 ul.first ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.first {
	position: relative;
	width:330px;
}

ul.first li.first_column ul {
	display: none;
	position: absolute;
	left:330px;
	top:5px;
	width:500px;
	height:0px;
	opacity:0;
	transition: all .5s;
}
ul.first li.first_column:hover ul {
	display: block;
	opacity:1;
	left:330px;
	height:500px;
	transition: all .5s;
}


/* ################################################# LANGUAGE BUTTON */

#language_button {
  display: inline-block;
  position: fixed;
  top:40px;
  right:140px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  color:white;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  width: auto;
  /* width: 25px; */
  /* height: 36px; */
  height: auto;
  /* font-size: 0; */
  /* text-indent: -9999px; */
  cursor: pointer;
  z-index: 999999;
  /* transform: scale(.6); */
}
.simplepage #language_button {
	color:black;
}
.simplepage #language_button.open {
	color:white;
}
#language_button:hover,
#language_button.open {
	border-bottom:2px solid #47655b;
}
#language_select:hover,
#navigation_select:hover {
	display:block;
}

#language_close_button {
  display: none;
  position: fixed;
  top:40px;
  right:65px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  width: 25px;
  height: 22px;
  font-size: 0;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 999999;
}
#language_close_button.open {
  display: inline-block;
  }
#language_close_button span {
	display: block;
	position: absolute;
	top: 11px;
	left: 0px;
	right: 0px;
	height: 2px;
	background: transparent;
	transition: background 0s 0.3s;
  }
#language_close_button span::before,
#language_close_button span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: white;
  content: "";
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}
#language_close_button.open span::before {
  top: 0;
  transform: rotate(45deg);
}

#language_close_button.open span::after {
  bottom: 0;
  transform: rotate(-45deg);
}
#language_close_button.open:hover span::before,
#language_close_button.open:hover span::after {
background-color:#47655b;
}

/* ################################################# NAVIGATION BUTTON */

#navigation_button {
  display: inline-block;
  position: fixed;
  top:34px;
  top:40px;
  right:65px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  width: 42px;
  width: 25px;
  height: 36px;
  height: 22px;
  font-size: 0;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 999999;
  /* transform: scale(.6); */
}

#navigation_button:focus {
  outline: none;
}

#navigation_button span {
  display: block;
  position: absolute;
  top: 17px;
  top: 11px;
  left: 0px;
  right: 0px;
  height: 2px;
  height: 2px;
  background: white;
  transition: background 0s 0.3s;
}

#navigation_button span::before,
#navigation_button span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  height: 2px;
  background-color: white;
  content: "";
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}
.simplepage #navigation_button span,
.simplepage #navigation_button span::before,
.simplepage #navigation_button span::after {
background-color: black;
}
.simplepage #navigation_button.open span::before,
.simplepage #navigation_button.open span::after {
background-color: white;
}
.simplepage #navigation_button.open:hover span::before,
.simplepage #navigation_button.open:hover span::after {
background-color:#47655b;
}
#navigation_button span::before {
  top: -12px;
  top: -6px;
  transition-property: top, transform;
}

#navigation_button span::after {
  bottom: -12px;
  bottom: -6px;
  transition-property: bottom, transform;
}
#navigation_button:hover span,
#navigation_button:hover span::before,
#navigation_button:hover span::after {
background-color: #72b1cb;
background-color:#47655b;
transition-delay: 0s;
}
.simplepage #navigation_button.open {

}

#navigation_button.open span {
  background: none;
}

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

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

#navigation_button.open span::before,
#navigation_button.open span::after {
   transition-delay: 0s, 0.3s;
   transition-delay: 0s, 0.3s;
}

/* ################################################# FOOTER NAVIGATION  */

.footer-letzte-zeile a {
	text-decoration: none;
	font-size: 14px;
}
.footer-letzte-zeile {
	display: flex;
	justify-content: space-between;
	width:100%;
}
.footer-letzte-zeile div {
	width:30%;
	text-transform: uppercase;
	font-size: 14px;
}
.footer-letzte-zeile div:first-child {
	text-align: left;
	width:35%;
}
.footer-letzte-zeile div:last-child {
	text-align: right;
	width:35%;
}

.footermenu {
	/* display: flex; */
	margin: 0 auto;
}
.footermenu li {
	display: inline-block;
	list-style-image: none;
	list-style: none;
	/* border-right:1px solid white; */
}
.footermenu li:last-child {
	/* border-right:0; */
}
.footermenu li a {
	text-decoration: none;
	padding: 5px 30px;
  padding: 5px 10px;
	font-size: 14px;
	text-transform: uppercase;
}
.footermenu li.active a {
	font-family: "Grafik-Medium";
}