/*additional css for social media icons*/


/*FIX*/
/*position and color for burger button*/
div.right div img {
	margin-bottom: 4px;
}
div.right div img:hover {
	filter: invert(50%) sepia(100%) saturate(2000%) hue-rotate(158deg) brightness(90%) contrast(80%);
}


/*HEADER MOBILE*/
/*container*/
nav.smicons_mobile {
	display: inline-block !important;
	position: static !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 40px;
}
nav.smicons_mobile a {
	margin-left: 2px !important;
}
/*media hide*/
@media only screen and (min-width: 769px) {
	nav.smicons_mobile {
		display: none !important;
	}
}


/*HEADER DESKTOP*/
/*container*/
div.smicons_desktop {
	display: inline-block !important;
	line-height: 40px;
}
/*media hide*/
@media only screen and (max-width: 769px) {
	div.smicons_desktop {
		display: none !important;
	}
}


/*HEADER BUTTONS*/
/*basics*/
a.smicon {
	display: inline-block;
	margin: 0 !important;
	padding: 0 !important;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	background-repeat: no-repeat;
	background-size: 40px 40px;
}

/*content*/
a.smicon.-github	{background-image: url("/img/icon_github.svg");}
a.smicon.-linkedin	{background-image: url("/img/icon_linkedin.svg");}
a.smicon.-youtube	{background-image: url("/img/icon_youtube.svg");}

/*hover colorizing*/
a.smicon:hover {
	filter: invert(50%) sepia(100%) saturate(2000%) hue-rotate(158deg) brightness(90%) contrast(80%);
	opacity: 1;
}


/*FOOTER*/
/*container*/
div.smicons_footer {
	float: right;
	margin-top: -10px;
}
/*media swap left*/
@media only screen and (max-width: 530px) {
	.footer_width_hack {
		width: 100%;
	}
	div.smicons_footer {
		float: left;
		margin-top: 10px;
	}
}

/*colorizing*/
/*hover color from header*/
div.smicons_footer a {
	filter: invert(80%) sepia(0%) saturate(2000%) hue-rotate(158deg) brightness(100%) contrast(100%);
}

/*FIX*/
/*footer links for imprint and privacy policy*/
div.footer p.footer_text_link a {
	margin-left: 15px;
}