header {
    padding: 25px 0;
    position: fixed;
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 80px;
    box-sizing: border-box;
	z-index: 1001;
}
header .menue nav.navigation-main {
    float: left;
}
header .menue nav.navigation-main  ul li {
    display: inline-block;
    margin: 0 7px;
    font-size: 35px;
    text-transform: uppercase;    
    font-weight: 700;
    line-height: 40px;
}
header .menue nav.navigation-main ul li a,
header .menue nav.navigation-main ul li a:focus {
    color: #aaa;
}
header .menue nav.navigation-main ul li a:hover {
    color: #f945f9;
}
header .menue nav.navigation-main ul li.active a {
    color: #f945f9;
}

header .menue div.socials {
    float: right;
}
header .menue div.socials ul li {
    display: inline-block;
    margin: 0 7px;
    font-size: 35px;
    font-family: fontawesome;
}
section.logo-banner {
    padding-top: 80px;
    box-sizing: border-box;
}
section.logo-banner.banner100vh {
    height: 100vh;
}
section.logo-banner .logo {
    box-sizing: border-box;
    padding: 0px 8px 25px 8px;
    width: 100%;
	position: relative;
	z-index: 10;
}
section.logo-banner  .logo #kn-logo {
	width: 100%;
	height: auto;
}

section.logo-banner .banner {
	background-image: URL("../images/banner.jpg");
    position: absolute;
    box-sizing: border-box;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    left: 0;
    z-index: 1;
    top: 0;
    background-position: center top;
}
section.logo-banner .banner h1 {
    position: absolute;
    color: #f945f9;
	bottom: 0;
	left: 0;
	font-size: 50px;
	line-height: 56px;
	width: 100%;
	text-align: center;
	font-family: 'Rock Salt', cursive;
	margin-bottom: 0;
	padding: 25px 0;
	background-color: rgba(0,0,0,0.6);
}

@media (max-width: 1400px) {
	section.logo-banner .banner h1 {
		font-size: 40px;
		line-height: 46px;
	}
}
@media (max-width: 1279px) {
	header .menue nav.navigation-main ul li {
		font-size: 30px;		
		margin: 0 0px 0 7px;
	}
	header .menue div.socials ul li {
		margin: 0 7px 0 0px;
		font-size: 30px;
		line-height: 40px;
	}
	section.logo-banner .banner h1 {
		font-size: 30px;
		line-height: 36px;
	}
}
@media (max-width: 1023px) {
	header .menue nav.navigation-main ul li {
		font-size: 24px;
		margin: 0 0px 0 7px;
	}
	header .menue div.socials ul li {
		margin: 0 7px 0 0px;
		font-size: 24px;
	}
	section.logo-banner .banner h1 {
		font-size: 25px;
		line-height: 30px;
		padding: 15px 0;
	}
}
@media (max-width: 768px) {	
	header {
		padding: 10px 0;
		height: 60px;
	}
	header .menue nav.navigation-main ul li {
		font-size: 22px;
		margin: 0 0px 0 5px;
	}
	header .menue div.socials{
		display: none;
	}
	section.logo-banner {
		padding-top: 60px;
	}
	section.logo-banner .banner h1 {
		font-size: 20px;
		line-height: 26px;
	}
	
	
}
@media (max-width: 640px) {
	header {
		display: none;
	}
	section.logo-banner {
		padding-top: 25px;    
	}
	
	section.logo-banner.banner100vh {
		height: 450px;
	}
	section.logo-banner .banner {
		background-image: URL("../images/banner_mobile.jpg");	
		height: 450px;
	}
	section.logo-banner .banner h1 {
		font-size: 16px;
		line-height: 22px;
		padding: 5px 0;
	}
}
@media (max-width: 480px) {	
	section.logo-banner.banner100vh {
		height: 350px;
	}
	section.logo-banner .banner {
		height: 350px;
	}
	section.logo-banner .banner h1 .slogan > span {
		display: block;
	}
}
@media (max-width: 440px) {	
	section.logo-banner.banner100vh {
		height: 300px;
	}
	section.logo-banner .banner {
		height: 300px;
	}	
}



footer.footer {
    border-top: 1px solid #f945f9;
	box-sizing: border-box;
	padding: 0 7px;
}
footer.footer .footer-impressum {
    padding-top: 75px;
    text-align: center;
    font-size: 15px;
    line-height: 22px;
}
footer.footer .footer-datenschutz {
    padding-bottom: 75px;
    margin-top: 50px;
	text-align: center;
    font-size: 15px;
    line-height: 22px;
}

@media (max-width: 1279px) {

}
@media (max-width: 1023px) {
	
}
@media (max-width: 768px) {

}
@media (max-width: 640px) {

}














@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {

}










@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {


}
@media (max-width: 640px) {

}