.haederlogo {
		margin: 0 0 0 0;
		display: flex;
		flex-direction: row;
		align-self: start;
		width: 100%;
}

.logo { 
	background: url("images/weise-kommunikation-regular.png") no-repeat; 
	width: 300px; 
	height: 22px; 
	display: inline-block; 
	align-self: start;
	margin-top:10px;
	margin-right: calc(50% - 300px - 116px);
}

/*
@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1280px) {
}
*/

@media screen and (max-width: 980px) {
	.haederlogo {
		flex-direction: column;
	}
	.logo { 
		align-self: center;
		margin:  calc(55px - 28px) 0px 55px 0px;
	}
}

@media screen and (max-width: 736px) {
	.logo { 
		margin: calc(45px - 16px) 0px 45px 0px;
	}
}

/*
@media screen and (max-width: 360px) {
}
*/