@font-face {font-family: 'Font-Thin';src: url('font/Montserrat-Thin.ttf') format('truetype');}
@font-face {font-family: 'Font-Light';src: url('font/Montserrat-Light.ttf') format('truetype');}
@font-face {font-family: 'Font-Regular';src: url('font/Montserrat-Regular.ttf') format('truetype');}
@font-face {font-family: 'Font-Medium';src: url('font/Montserrat-Medium.ttf') format('truetype');}
@font-face {font-family: 'Font-Black';src: url('font/Montserrat-Black.ttf') format('truetype');}
@font-face {font-family: 'Font-Bold';src: url('font/Montserrat-Bold.ttf') format('truetype');}

@font-face {font-family: 'Font-Thin';src: url('font/JosefinSans-Thin.ttf') format('truetype');}
@font-face {font-family: 'Font-Light';src: url('font/JosefinSans-Light.ttf') format('truetype');}
@font-face {font-family: 'Font-Regular';src: url('font/JosefinSans-Regular.ttf') format('truetype');}
@font-face {font-family: 'Font-Medium';src: url('font/JosefinSans-Medium.ttf') format('truetype');}
@font-face {font-family: 'Font-Black';src: url('font/JosefinSans-Black.ttf') format('truetype');}
@font-face {font-family: 'Font-Bold';src: url('font/JosefinSans-Bold.ttf') format('truetype');}

@font-face {font-family: 'Font-Thin';src: url('font/Nunito-Thin.ttf') format('truetype');}
@font-face {font-family: 'Font-Light';src: url('font/Nunito-Light.ttf') format('truetype');}
@font-face {font-family: 'Font-Regular';src: url('font/Nunito-Regular.ttf') format('truetype');}
@font-face {font-family: 'Font-Medium';src: url('font/Nunito-Medium.ttf') format('truetype');}
@font-face {font-family: 'Font-Black';src: url('font/Nunito-Black.ttf') format('truetype');}
@font-face {font-family: 'Font-Bold';src: url('font/Nunito-Bold.ttf') format('truetype');}

body {
	font-family: "Font-Light";
	font-size: 1vw;
	margin: 0;
	padding: 0;
	overflow: hidden;
	overflow-y: auto;
}

#kopf { background-color: rgba(49, 122, 158, 1); }
#fuss { background-color: rgba(49, 122, 158, 1); }

#seite1 { background-color: rgba(49, 122, 158, 1); }
#seite2 { background-color: white; }
#seite3 { background-color: rgba(49, 122, 158, 1); }
#seite4 { background-color: white; }
#seite5 { background-color: rgba(49, 122, 158, 1); }
#seite6 { background-color: white; }

.navakt {
	font-family: "Font-Bold";
}

#logo {
	position: absolute;
	top: 2vw;
	left: 2vw;
	width: 8vw;
	z-index: 4000;
}

#bg6 {
	height: 10vw;
	display: block;
	margin: auto;
	padding-top: 3vw;
}

#kontaktbutton {
	position: absolute;
	top: 9vw;
	right: 1vw;
	width: 10vw;
	background-color: rgba(235, 216, 76, 1);
	color: rgba(49, 122, 158, 1);
	font-size: 1em;
	text-align: center;
	text-decoration: none;
	padding: 0.5vw;
	border-radius: 1vw;
}

#info {
	position: absolute;
	padding: 3vw 10vw 10vw 10vw;

}

.gotop {
	position: absolute;
	top: 1vw;
	right: 2vw;
	width: 2vw;
}

#demobutton {
	display: none;
}