.logo {
	    color: var(--drei);
    font-family: Archivo Black, sans-serif;
    font-size: 70px;
    text-transform: uppercase;
       line-height:1;
    margin-bottom: 100px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--eins);
    -webkit-text-fill-color: transparent;
	
}

.header_balken {
	width:100%;
position:relative;
}

.h_l_box {
	padding-left:10%;
}

.header_grau {
	background:var(--eins);
}

.header_lila {
	background:var(--eins);
	height:45px;
}

.ava_back {
	position:absolute;
	width:150px;
	height:126px;
	background:var(--vier);
	right:9%;
	bottom:15px;
}

.header_ava img {
	position:absolute;
	right:10%;
	top:30px;
	border:var(--eins) 5px;
	width:150px;
	filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(../../../desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}

.header_links{
	display:flex;
}
.header_links > div {
	font-family: 'Calibri', sans-serif;
	font-size:15px;
	text-transform:uppercase;
	padding:15px 15px;
	display:flex;
	line-height:1;
}



.header_links > .h_links_lila a {
		color:var(--drei);
}

.header_links .fa, .fab, .fal, .far, .fas {
	line-height:1.4;
}

.arrow-up a {
	color:var(--zwei);
}