/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body {
	margin: 0;
	height:  100%;
	width:  100vw;
	overflow-x: hidden;
	font-family: Roboto, sans-serif;
}

.topbar {
	background: white;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding:  10px;
	z-index: 2;
	box-shadow: 1px 1px 5px -1px grey;
}

.img-fluid {
	width: 100%;
	max-width: 125px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.impressum {
	max-width: 1070px;
	margin: 0 auto;
	padding: 0 25px;
	padding-top: 125px;
	padding-bottom: 100px;
}

.coming-soon {
	background: url('images/microdata-teaser.webp');
	background-size: cover;
	background-position: center;
	height:  100vh;
	width:  100vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

.coming-soon-content a {
	color: #ff0000;
}

.overlay {
	position: fixed;
	width:  100%;
	height:  100%;
	background:  rgba(0,0,0,0.6);
	z-index: 1;
}

.coming-soon-content {
	z-index: 2;
	color: white;
	padding:  25px;
	font-family: Roboto, sans-serif;
	max-width: 1140px;
}

h1 {
	font-size: 5rem;
	text-align: center;
	font-family: Roboto, sans-serif;
}

h1.sub {
	font-size: 3rem;
}

.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 2;
	background: white;
	text-align: center;
	box-shadow: 0px 0px 5px -1px grey;
}

.footer a {
	color: black;
}

.footer .light-font {
	color: rgb(45, 114, 160);
}

@media(max-width: 500px) {
	h1 {
		font-size: 2rem !important;
	}
}

@media(max-width: 991px) {
	.coming-soon-content {
		max-width: 100%;
	}
}