@font-face {
    font-family: 'Freestyle Script Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Freestyle Script Regular'), url('FREESCPT.woff') format('woff');
}

html, body { 
	max-width: 100vw;
	margin: 0 auto;
	overflow-x: hidden;
}

#logo {
	height:50px;
}

#logo_home, #motto_home {
	max-width:500px;
	width:100%;
}

.motto {
	font-family: 'Freestyle Script Regular';
	font-size: 400%;
}

@media (max-width: 768px) {
	.motto {
		font-family: 'Freestyle Script Regular';
		font-size: 200%;
	}
}

.hero {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 100vh;
	min-height: 550px;
}

.hero.start {
	height: calc(100vh - 60px);
}

@media (max-width: 768px) {
	.hero.mobileblock {
		height: auto;
		min-height: auto;
		display: block;
	}
}

.normal {
    padding-top: 50px;
	padding-bottom: 50px;
}

.normal h1 {
	padding-bottom: 30px;
}

.youtube {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.mitglied {
	max-height: 200px;
}