/*Hauptnavigation*/

#navigation {
  margin:0px;
  padding:0px;
  list-style:none;
}

#navigation li {
  padding:4px 0px 4px 0px;
}

#navigation .ebene2 {
  list-style:none;
  margin:0px 0px 0px 10px;
  padding:0px 0px 0px 0px;
}

#navigation .ebene3 {
  list-style:none;
  margin:0px 0px 0px 20px;
  padding:0px 0px 0px 0px;
}

/*Links*/
#navigation a {
  font-size:14px;
  color:#000000;
  text-decoration:none;
}

#navigation a:hover {
  color:red;
}

#navigation .active a {
  color:red;
}

#navigation .active a:hover {
  color:red;
}

/*####################*/
/*#Service Navigation#*/
/*####################*/

#navigation-service {
  list-style:none;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

#navigation-service li {
  padding:5px 5px 5px 5px;
  display:inline;
}

/*Links*/
#navigation-service a {
  color:#ffffff;
  text-decoration:none;
}

#navigation-service a:hover {
  color:red;
}

#navigation-service .active a {
  color:red;
}

#navigation-service .active a:hover {
  color:red;
}




/*Navigationen*/
/*Navigation1*/

#nav1 {
  margin:0px;
  padding:0px;
  list-style:none;
}

#nav1 li {
  display:block;
  float:left;
  padding:0px 2px 0px 2px;
}

#nav1 a {
  color:#646464;
  padding:1px 3px 1px 3px;
  font-size:14px;
  text-decoration:none;
  font-weight:normal;
}

#nav1 a:hover {
  color:#646464;
  /*text-decoration:underline;*/
  background-color:#ebebeb;
}

#nav1 .nav1_act a {
  /*text-decoration:underline;*/
  background-color:#ebebeb;
}

/*Navigation2*/

#nav2 {
  width:180px;
  margin:0px 0px 0px 0px;
  padding:0px;
  list-style:none;
}

#nav2 li {
  display:block;
  padding:0px;
}

#nav2 a {
  padding:0px 3px 0px 3px;
  display:block;
  color:#646464;
  font-size:12px;
  text-decoration:none;
  font-weight:normal;
}

#nav2 a:hover {
  background-color:#ebebeb;
}

#nav2 .nav21_act a {
  background-color:#ebebeb;
  /*background-color:#CD9967;*/
}

#nav2 .nav22_no {
  padding:0px;
}

#nav2 .nav22_no a {
  margin:0px 0px 0px 10px;
  padding:0px 3px 0px 3px;
}

#nav2 .nav22_act {
  padding:0px;
}

#nav2 .nav22_act a {
  background-color:#ebebeb;
  margin:0px 0px 0px 10px;
  padding:0px 3px 0px 3px;
}

#nav2 .nav22_space{
  padding:8px 0px 0px 0px;
}
.arrow{
  transform: rotateZ(90deg);
}

@media (max-width: 992px) {
	/*Hauptnavigation*/

	#navigation {
	  margin:0px;
	  padding:0px;
	  list-style:none;
	}

	#navigation li {
	  padding:4px 0px 4px 0px;
	}

	#nav1 {
	  margin:0px;
	  padding:0px;
	  list-style:none;
		display: grid;
	}

	#nav1 li {
	  display:block;
	  float:left;
	  padding:10px 2px 0px 2px;
	}

	#nav1 li:nth-child(even) {
		display: none;
	}
	#navigation1{
		margin-left: 0px;
		margin-right: 200px;
	}

	#nav2{
		display: block;
	}
	#nav2 a {
		padding: 0px 10px 10px 20px;
		display: ruby-base;
	}
	#nav2 li{
   padding-top: 10px;
	}
	#nav2 .nav22_no a{

		padding: 10px 3px 0px 20px;
	}

}
