@font-face {
	font-family: 'NotoSans';
	src:url('img/NotoSansCJKtc-Regular.otf');
}

body {
	font-family: 'NotoSans', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #2a2a2a;
	background-color: #ffffff;
}

h1 {
	font-family: 'NotoSans';
	font-weight: light;
	font-size: 6vh;
	color: #2a2a2a;
	text-decoration: 4px underline #f22a2a;
}

h2 {
	color: #f22a2a;
	font-size: 5vh;
	text-align: center;
}

h3 {
	font-size: 4vh;
}

h4 {
	font-size: 3vh;
}

h5 {
	font-size: 2vh;
}

p {
	font-size: 2vh;
}

ul {

}

li {

}

a {
	color: #f22a2a;
	text-decoration: none;
}

a:hover {
	size: 120%;
}

img {
	display: block;
	width: auto;
	height: auto;
}

header {
	background-color: #f2f2f2;
	width: 96vw;
	height: 12vh;
	margin-top: 0%;
	padding: 2vh 2vw 2vh 2vw;
	position: relative;
}

header img {
	display: inline-block;
	max-width: 50vw;
	max-height: 10vh;
	width: auto;
	height: auto;
	padding-left: 8vw;
}

header h1 {
	display: inline-block;
	padding-left: 2vw;
	margin-bottom: 3vh;
	position: absolute;
	top: 0vh;

}

header ul {
	position: absolute;
	right: 10.5vw;
	list-style-type: none;
	display: inline-block;
}


header li {
	width: 2vw;
	font-size: 2vh;
	text-align: left;
}

header li a img {
	display: block;
	height: 2vh;
	padding: 0.5vh;
}

header li a img:hover {
	height: 2.2vh;
}

/* nav {
	max-height: 6vh;
} */

.content {
	width: 80vw;
	margin: auto;
}

footer {
	width: 80vw;
	height: 86vh;
	background-color: #f2f2f2;
	margin-bottom: 0%;
	padding: 10vh 10vw 4vh 10vw;
	align-content: center;
	position: relative;
}

.info_Text {
	width: auto;
	border: 2px solid #f2f2f2;
	padding: 2vh 10vw 10vh 10vw;
	margin-top: 4vh;
	margin-bottom: 2vh;
}

.alle_Standorte {
	width: auto;
	height: auto;
	border: 2px solid #f2f2f2;
	padding: 2vh 4vw 6vh 4vw;
	margin-top: 2vh;
	margin-bottom: 2vh;
	overflow: auto;
}

.standort_Box {
	width: 31.33%;
	padding: 1%;
	float: left;
	overflow: auto;
}


.standort {
	width: 90%;
	padding: 1%;
}
.standort img {
	width: 80%;
	margin: auto;
}

.standort h3 {
	text-align: center;
}

.team {
	width: auto;
	height: auto;
	border: 2px solid #f2f2f2;
	padding: 2vh 4vw 6vh 4vw;
	margin-top: 2vh;
	margin-bottom: 2vh;
	text-align: center;
}

.team_Mitglied {
	width: 48%;
	display: inline-block;
	overflow: auto;
}

.team_Mitglied img {
	width: 80%;
	margin: auto;
}

.impressum {
	width: 76vw;
	border: 2px solid #ffffff;
	padding: 2vh 2vw 2vh 2vw;
}

.impressum h2 {
	text-align: left;
}

.copyright {
	position: bottom;
	text-align: center;
	height: 8vh;
	background-color: #f2f2f2;
	padding-top: 2vh;
	padding-bottom: 1vh;
	overflow: auto;
}

@media only screen and (max-width: 768px) {
	header h1 {
		font-size: 4vh;
		text-align: center;
		margin: 6vh 4vw 2vh 8vw;
	}

	header img {
		display: none;
	}

	.standort {
		width: 100%;
	}

	.team_Mitglied {
		width: 100%;
	}
	
	.standort_Box {
		width: 100%;
		padding: none;
	}

}