/* maven-pro-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: 'Maven Pro';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/maven-pro-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* maven-pro-700 - 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: 'Maven Pro';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/maven-pro-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



:root {
	--text: #424D4E;
	--weiss: #FFFFFF;
	--font: 'Maven Pro', Arial, Helvetica;
	--light: 400;
	--regular: 400;
	--medium: 400;
	--bold: 700;
	
	--actioncolor: #876E51;
	
	--abstand1: 1vh;
	--abstand2: 2vh;
	--abstand3: 3vh;
	--abstand4: 4vh;
	--abstand5: 5vh;
	--abstand7: 7vh;
	--abstand10: 10vh;
	
	--fontsize: 110%;
	--lineheight: 145%;
}

html, body {
	padding: 0px;
	margin: 0px;
	background-color: var(--weiss);
	font-size: var(--fontsize);
	line-height: var(--lineheight);
	height: 100%;
	font-family: var(--font);
	font-weight: var(--light);
	text-align: center;
}

body {
	color: var(--text);
}

.maxwidth {
	margin-left: 5vw;
	margin-right: 5vw;
}



a, 
a:visited {
	color: var(--text);
	text-decoration: none;
}

a.tel {
	text-decoration: none;
}

a:hover, 
a:active {
	color: var(--actioncolor);
	text-decoration: underline;
}



p {
	margin: 0px 0px 20px 0px;
}


.bold, strong, b {
	font-weight: var(--bold);
}

.layout-container {
	box-sizing: border-box;
	padding: var(--abstand10);
	position: relative;
	border: solid 1px red;
	height: 100vh;
	min-height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.logo img {
	width: 300px;
	height: auto;
	margin-bottom: 20px;
}


@media all and (max-width: 667px) {

		:root {
			--fontsize: 100%;
			--lineheight: 145%;
		}
		
		.logo img {
			width: 200px;
			height: auto;
			margin-bottom: 20px;
		}
}