/* CSS Document */

@font-face {
	font-family: "din-light";
	src:url("//db.onlinewebfonts.com/t/cbf9b417fc15851ba870990e585e35a2.ttf") format("truetype");
}
/*
@font-face {
	font-family: "din-light";
	src:url("//ursrueger.ch/fonts/din-light.ttf") format("truetype");
}
*/
:root {
	--main-color: #e9c49c;
	--secound-color: #a78159;
	--background-color: #FFFFFF;
	--font-family: 'din-light', Verdana, Geneva, sans-serif;
}

* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	font-family: var(--font-family);
	font-size: 66.3px;
}

html {
  height: height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  overflow:hidden;
}

body {
	min-height: height: calc(var(--vh, 1vh) * 100);
	overflow:hidden;
}


.content-margin {
	max-width:1000px;
	min-width:1000px;
	width:1000px;
	margin:auto;
	padding-left:0px;
}

.wrapper {
	background-color: var(--background-color);
}

.header {
	display:flex;
	align-items: center;
	padding-top: 16px;
	padding-bottom: 16px;
}

.logo {
	height:10vh
}

.background-video {
	position: relative;
	height: 90vh;
	height: calc(var(--vh, 1vh) * 90); 
}

.background-video video {
	object-fit: cover; 
	top: 0;
	left: 0;
	height: 100vh;
    position: absolute;
	width:100%;
}

.background-video-content {
	color:white;
	position:absolute;
	display:flex;
	flex-direction: column;
	height: 100%;
	width:100%;
	background-color: rgba(0,0,0,0.2);
}
.background-video-text {
	height:80%;
	display: flex;
	justify-content: center;
    align-items: center;
	opacity:0;
	transition:1s;
}
.background-video-email {
	height:20%;
	text-align:center;
	/*padding-top: 16px;*/
    /*padding-bottom: 16px;*/	
	opacity:0;
	transition:1s;
}

.background-video-tel {
	margin-top: 15px;
}

.background-video-tel a {
	font-size: 34px;
	color:white;
}

.background-video-email img {
	height: 50px;
}

.fadeIn {
	opacity:1;
}

@media only screen and (max-width: 999px) {
	* {
		font-size: 10vw;
	}
	
	.logo {
		height:11vh
	}
	
	.content-margin {
		max-width:none;
		min-width:auto;
		width:100%;
		margin:0px;
		padding-left:20px;
	}
	
	.background-video-email {
		height:25%;
		padding:0px;
	}
}

@media only screen and (max-width: 425px) {
	* {
		font-size: 14vw;
	}	
	
	.header {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.background-video-email img {
		height: 40px;
	}

	.logo {
		height: 9vh;
	}
  
  	.background-video-email {
		height:30%;
	}
  
	.background-video-tel a {
		font-size: 30px;
	}
}

@media only screen and (max-width: 319px) {
	.background-video-tel a {
		font-size: 26px;
	}
}