/* Raster */
div#content div#bs > div {
  display: flex;
  flex-flow: row nowrap;
}

div#content div#bs div#mitarbeiter_detail {
    justify-content: space-between;
}

div#content div#bs div#mitarbeiter_detail br{
    display:none;
}

div.contactdata div.image_wrapper,
#content #bs #mitarbeiter_detail #element_employeedep ul li div.image_wrapper{
    padding: 0 0.5em 0 0;
}


#content div#element_employeedata .contactdata{
    padding: 0 0.2em 0.6em 0.2em;
	display: flex;
    align-items: center;
}

#content div#element_employeedata .contactdata a{
	display: inline-flex;
    align-items: center;	
}

#content div.tpl_div_element div.beschreibung{
	padding: 1em 0;
    text-align: justify;
}

#content div#element_employeeleader div.label_bezeichnung a,
#content div#element_employeeservice div.label_bezeichnung a {
    display: flex;
    align-items: center;
}	

#content #bs #mitarbeiter_detail h2.element_label{
	display:none;
}

#content #bs #mitarbeiter_detail #element_employeedep ul li{
	display: flex;
	padding: 0 0 0.5em 0;
	align-items: center;
	text-indent: initial;
	margin: 0;
	height: 1.4em;
}

#content #bs #mitarbeiter_detail .tab_content_wrapper,
#content #bs #mitarbeiter_detail #element_employeedep,
#content #bs #mitarbeiter_detail #element_employeedep ul{
	width:100%
}

div#element_employeeroom div.element_label_content{
    display: flex !important;
    flex-direction: column;
}


div#content #fake_content {
  width: 100%;
  margin-right: 10%;
}


@media (min-width: 1024px) and (max-width: 1259px){
  div#content #fake_content {
    width:100%;
    margin-right: 5%;
  }
}

@media (max-width: 1023px){
  div#content div#bs > div {
    flex-flow: column;
  }
  
  div#content #fake_content {
    width: 100%;
    margin: 0;
    order: 1;
  }

}

/* Tabs nur mit JS */
#tabs_head { display: none; }

body.js_active #tabs_head {//* display: flex; */x; */}

/* Labels in Tabs ausblenden */
body.js_active #tabs_content .element_label { display: none; }

/* Labels in Tabs mit mehreren Elementen einblenden */
body.js_active #amt_detail #tabs_content #tab_content_1 .element_label,
body.js_active #vorgang_detail #tabs_content #tab_content_1 .element_label,
body.js_active #vorgang_detail #tabs_content #tab_content_5 .element_label,
body.js_active #vorgang_detail #tabs_content #tab_content_6 .element_label { display: block !important; }









