/*CSS*/

/* HEADER - DESK */

/*=================================
HEADER STUFF
===================================*/

#header_desk {
	display: block;
}
 #header_mobil {
 	display:  none !important;
 }

#nav_mobil:not( .mm-menu ) {
        display: none;
    }

#header .inside {
	display: block;
	width: 100%;
}

#header #head-logo-aziel {
	height: auto;
	width: 4.1rem;
	float: left;
	padding: 0.2rem;
	margin-left: 2.66rem;
	position: relative;
	top: -0.155rem;
}

#header #head-logo-aziel img {
	width: 100%;
}

#header .mod_customnav {
	display: block;
	margin-left: 2rem;
	margin-top: 1rem;
	width: calc(100vw - (70vw - 100vh * 0.7241) - 19rem);
	min-width: 32rem;
	height: 1.5rem;
	float: left;	
}

#header .mod_customnav ul {
	display: flex;
	justify-content: space-around;
	padding-top: 0; 
	margin-bottom: 0;
}

#header .mod_customnav ul li {
    min-width: 1%;
    flex: 1 1 auto;
    text-transform: uppercase;
    font: 1.125rem "Fira Sans", sans-serif ;
    color: rgba(0,0,0,.87);
}

#header .mod_customnav ul li a,
#header .mod_customnav ul li .active {
	/* font: 1rem "Fira Sans", sans-serif ; */
	text-decoration: none;
	color: rgba(0,0,0,.87);
}

#header .mod_customnav ul li a:hover,
#header .mod_customnav ul li .active,
#header .mod_customnav ul li a.trail {
		color: rgb(245, 150, 14);
		font-weight: 400;
}

#header .adresse {
	display: flex;
	justify-content: flex-end;
	flex-flow: row wrap;
	margin-right: .5rem;
	padding-top: 1.1rem;
}

#header .adresse p {
	min-width: 1%;
	padding: 0 1rem 0 1rem;
	margin: 0;
	flex: 0 1 auto;
}

#header .adresse p a {
	font: 0.75rem 'Roboto', sans-serif ;
	color: rgba(0,0,0,.835);
}

#header .adresse p a:hover {
	text-decoration: underline;
}

#header .fa {
	vertical-align: -1%;
}

#header_desk {
	display: block;
}
 #header_mobil {
 	display:  none;
 }

#nav_mobil:not( .mm-menu ) {
        display: none;
    }


@media (max-width: 1140px) {
	#header .email,
	#header .telephon {
		display: none;
	}

	#header .adresse p {
	min-width: 1%;
	padding: 0 1rem 0 0rem;
	margin: 0;
	flex: 0 1 auto;
	}
}

@media (max-width:812px) {

	#header_desk {
		display: none;
	}

	#header_mobil {
		display: block !important;
	}

	#header {
	height: 3.8rem;
	/* width: 100%; */
	position: fixed; 
	/* margin-right: 0rem; */
	/* margin-left: 0rem; */
	/* background-color: rgba(255,255,255,.75); */
	/* border-bottom: 2px solid rgba(255, 141, 31, 0.63); */
	/* opacity: 1; */
	/* z-index: 30; */
	/*display: none;*/
	}
	
	#header #nav_mobil_icon {
    margin-left: 0.5rem;
    /*position: relative;*/
    /*display: block;*/
    padding: 0.7rem 0 1rem 0.5rem;
    /*flex: 1 0 auto;*/
    float: left;
  }

  	#header .fa {
	font: normal normal normal 1.5rem/1.2 FontAwesome;
	color: rgba(0,0,0,.8);
	}

	.fa-align-justify::before {
    content: "\f039";
	}

	#home_logo_mobil {
	height: 3.5rem;
	/*left: 1rem ;*/
	margin-top: 0.6rem;
	margin-left: 0.53rem;
	/*position: relative;*/
	/*flex: 4 0 auto;*/
		float: left;
	}

	#home_logo_mobil a img {
		height:95%;
	}

	.pagetitle {
	    font: 1.1rem "Fira Sans", sans-serif;
	    font-weight: 600;
	    color: rgba(0,0,0,.97);
	    text-align: center;
	    padding: 0.86rem 0.25rem 0 0.25rem;
	    background-color: transparent;
	    width: 70vw;
	    position: absolute;
	    top: .4rem;
	    right: 0rem;
	    z-index: 600;
	    text-transform: uppercase;
	    /* display: none; */
	}


	#kommunikation {
    right: .5rem;
    top: 0.25rem;
    position: absolute;
    padding: .5rem;
    float: right;
 	}

 	#kommunikation a {
 	padding: 0 0.5rem;
 	}

	#kommunikation .fa {
    font: normal normal normal 1.1rem/1.2 FontAwesome !important;
    color: rgba(0,0,0,.5);
	}

	#kommunikation {
	display: none;
	}

	.homeportal #kommunikation {
		display: block;
	}

	.mm-listitem {
	font-size: 1.025rem;
}