@font-face {
	font-family: daxcondensed;
	src: url(daxcondensed.ttf);
}

body {
	font-family: daxcondensed, sans-serif;
	font-weight: 300;
}


.bg-bild {
	display:flex; 
	flex-direction:column;
	min-height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
	
    webkit-background-size: cover;	
	moz-background-size: cover;	
	o-background-size: cover;	
	background-size: cover;	
}
@keyframes move {
	0% {
		background-position: left center;
	}
	100% {
		background-position: right center;
	}
}


.bg-hellgrau {
	background: rgba(0,0,0,0.35);
	color: white;
}
.bg-grau {
	background: rgba(0,0,0,0.65);
	color: white;
}

.dropdown-menu-style {
	right:4vw !important;
	background: rgba(255,255,255,0.7);
}

.info-text {
	display: flex;
	justify-content: center;
}
.info-text-start {
	display: flex;
	justify-content: center;
}

.navi {
	color: #000000;
	font-size: 3em;
}

#scrolling-container {
	scroll-behavior: smooth;
	overflow-Y: scroll;
}



@media screen and (min-width: 768px) {
	h1 {
		font-size:3.5em;
		font-weight:400;
		text-align:center;
	}
	h2 {
		font-size:3em;
		font-weight:400;
		text-align:center;
	}
	h3 {
		font-size:2.5em;
		font-weight:400;
	}
	h4 {
		font-size:1.5em;
		font-weight:400;
	}
	
	.bg-bild {
		animation: move infinite alternate ease-in-out 12s;
	}
	.info-text {
		height: 20vh;
	}
	.info-text-start {
		height: 20vh;
	}
	.mt-vh {
		margin-top: 3vh;
	}
	.mt-vh2 {
		margin-top: 2.5vh;
	}
}

@media screen and (max-width: 768px) {
	h1 {
		font-size:3em;
		font-weight:400;
		text-align:center;
	}
	h2 {
		font-size:2.5em;
		font-weight:400;
		text-align:center;
	}
	h3 {
		font-size:2em;
		font-weight:400;
	}
	h4 {
		font-size:1.2em;
		font-weight:400;
	}
	
	.bg-bild {
		animation: move infinite alternate ease-in-out 18s;
	}

	.info-text {
		height: 25vh;
	}
	.info-text-start {
		height: 25vh;
	}
	.mt-vh {
		margin-top: 3vh;
	}
	.mt-vh2 {
		margin-top: 2.5vh;
	}
}

@media screen and (max-width: 576px) {
	h1 {
		font-size:2.5em;
		font-weight:300;
		text-align:center;
	}
	h2 {
		font-size:2em;
		font-weight:400;
		text-align:center;
	}	
	h3 {
		font-size:1.5em;
		font-weight:300;
	}
	h4 {
		font-size:1em;
		font-weight:400;
	}
	
	.bg-bild {
		animation: move infinite alternate ease-in-out 24s;
	}

	.info-text {
		height: 50vh;
	}
	.info-text-start {
		height: 30vh;
	}
	.mt-vh {
		margin-top: -5vh;
	}
	.mt-vh2 {
		margin-top: 1vh;
	}
}