#tabs_head {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start !important;
}

#tabs_head > div {
  margin: 0;
  background: #e9e9e9;
  border-bottom: 1px solid;
  position: relative;
  vertical-align: middle;
  font-weight: 700;
  -webkit-transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

#tabs_head > div a:hover,
#tabs_head > div.active {
  color: #fff;
  background: #2e5279;
  border-bottom: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  font-weight: 700;
  -webkit-transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

#tabs_head > div a {
  display: block;
  padding: 15px 30px;
  color: #004E81;
}

#tabs_head > div a:focus,
#tabs_head > div a:hover,
#tabs_head > div.active a {
  color: #fff !important;
}

#tabs_content { margin: 20px 0;}

#tabs_content > div {
  opacity: 0;
  position: absolute;
  list-style: none;
  -webkit-transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

#tabs_content > div.active {
    position: relative;
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
  z-index: 2;
  opacity: 1;
}

@media (min-width: 1024px) and (max-width: 1200px){
	#tabs_head > div a {
	  padding: 15px;
	}
}

@media (max-width: 1023px) {
	DIV#content div#vorgang_detail {
	  flex-flow: column;
	}

	DIV#content #fake_content {
	  width: 100%;
	  margin-right: 0;
	}

	#tabs_head > div a {
	  display: block;
	  padding: 15px 15px;
	  color: #004E81;
	}
}

@media (max-width: 699px) {
	#tabs_head {
	  flex-wrap: wrap !important;
	  justify-content: space-between !important;
	}

	#tabs_head {
	  flex-wrap: wrap !important;
	  justify-content: flex-start !important;
	}

	#content #tabs_head > div {
	  margin: 0 10px 10px 0; !important;
	  border: 1px solid;
	}
}