/*#wrapper {  min-height:100%}*/

#header_main {
	height:90px;
	z-index:100; position: fixed; top:0; left:0; right:0; /*border-bottom:1px solid rgba(255, 255, 255, 0.05);*/
}

#header {	display:flex; align-items: center; padding:7px 20px 7px 50px}

/*#logo { margin-right:20px}*/
#header [data-prop="headline"] { flex:1;  margin:5px}
#header_left {	width:20%; display:flex; flex-direction: row; align-items: center}
#header_right {	/*width:320px;*/ display:flex; flex-direction:row; align-items: center}
#menu_user { margin-right:10px; padding-right:10px; border-right:1px solid #666}

#content {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding:110px 20px 20px 20px;
}

/*#page_head {	flex:1}*/

/*#content {	 padding:90px 0 0 0}*/

#page_content {
	flex-direction:column;
	flex:1; position:relative;
	padding-bottom:20px;
}


body.viewer3D {	overflow:hidden}
body.viewer3D #content {   padding:90px 0 0 0;}
body.viewer3D #page_content {	display:flex; padding-bottom:0}


/*#page_head {	margin-bottom:20px}*/


#menu-main {	flex:1;}
#headlogin {			position:relative; font-size:0.9em; margin-left:15px}
#headlogin-content {	position:absolute; right:0; top:25px; padding:5px 10px}
#headlogin-content .field {	margin-bottom:10px}
#headlogin-content .field_checkbox {	justify-content:center}
#headlogin-content .field_checkbox label {	flex:inherit}
#headlogin-content button { margin-left:10px}

@media screen and (max-width:600px) {
	body {
		font-size:1.25em;
	}
	#wrapper {
		overflow-x:hidden;/* DO NOT REMOVE OR GET LOST IN VACUUM TIME SPACE : prevent from weird viewport being resized on mobile when scrolling outside*/

	}
	#front {
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	#content {
		padding-top:94px;
	}
	#breadcrumb {   margin-right:0}

}