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

body {
	background-color: white;
	margin: 0;
	font-size: 0.9vw;
	font-family: "Font-Regular";
    overflow-x: hidden;
}

a {
	text-decoration: none;
	color: black;
}

a:hover {
	color: white;
}

ul {
	list-style: none;
	line-height: 1.5em;
	padding-left: 0.6vw;
//	color: black;
}

li:hover {
	font-weight: bold;
	background-color: #0094DE;
	color: white;
	cursor: pointer;
}

p {
	font-size: clamp(0.5rem, 2vw, 3rem);
}

.hamburger {
	position: absolute;
	top: 2vw;
	right: 6vw;
	height: 2.3vw;
	width: 2.3vw;
}
#hamburger:hover {
	display: none;
}

#hamoff:hover {
	display: none;
}

.fil0 {fill:#ffffff}
.fil2 {fill:#fffff0}
.fil1 {fill:#0094DE}

.eye3 {fill:none;fill-rule:nonzero}
.eye2 {fill:#FCFCFC;fill-rule:nonzero}
.eye0 {fill:#ADB6BD;fill-rule:nonzero}
.eye1 {fill:#2C92D0;fill-rule:nonzero}

#oben {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 6vw;
	background-color: white;
}

#obentext {
	position: absolute;
	top: 2.5vw;
	left: 33vw;
	font-size: 1.2vw;
	color: #676C70;
}

#logo {
	position: absolute;
	top: 0.7vw;
	left: 5vw;
	width: 17.6vw;
}

#menu {
	position: absolute;
	top: 0;
	right: 0vw;
	width: 18vw;
	background-color: #0094DE;
	background-color: white;
	overflow: hidden;
	display: none;
}

#menuinhalt {
	margin-top: 6.8vw;
	text-align: right;
	margin-right: 3vw;
	padding-right: 3vw;
	font-size: 1.7em;
	overflow: hidden;
	transition: margin-right 0.5s ease;
}

div {
	background-size: cover;
}

.aktiv {
	opacity: 0.5;
}