/* comfortaa-300 - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/comfortaa-v40-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/comfortaa-v40-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* comfortaa-500 - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/comfortaa-v40-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/comfortaa-v40-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* comfortaa-regular - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/comfortaa-v40-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/comfortaa-v40-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* comfortaa-600 - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/comfortaa-v40-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/comfortaa-v40-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* comfortaa-700 - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/comfortaa-v40-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/comfortaa-v40-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
html, body{
	padding: 0;
	margin: 0;
	font-family: 'Comfortaa', cursive;
}
#navi:hover {
	opacity: 1;
	color: #406BB2!important;
}

#navi{
	font-size: 14pt;
	padding: 0;
	margin: 0px;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0.4;
}
#navi a{
	color: white;
	text-decoration: none;
	padding: 4px;
}
#navi a:hover{
	background-color: rgba(0, 0, 0, 0.4);
}

.wrapper:after{
	content: '';
    display: block;
    clear: both;
}


.box{
	width: 550px;
	min-height: 200px;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	font-size: 15pt;
	padding: 15px;
	position: absolute;
	right: 2%;
	top: 20%;
}
.box > h1{
	text-align: center;
}
.alternativ_box{
	display: none;
	width: auto;
	min-height: 80px;
	background-color: rgba(0, 0, 0, 0.2);
	color: white;
	font-size: 12pt;
	padding: 15px;
	position: absolute;
	right: 2%;
	top: 20%;
}
.alternativ_box > h1{
	text-align: center;
	font-size: 15pt;
}
.pic{
	height: 100vh;
	background: url("../pics/bg.jpg");
}
.slidebox{
	height: 100vh;
	overflow: auto;
	width: 80%;
	float: right;
}


.minipics{
	width: 20%;
	/*float: left; */
	margin: 1vh 0;
	height: 98vh;
}



.minproperty{
	height: 19vh;
	margin: 0.5vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	
}
.space{
	height: 2vh;
}
a.impress{
	float: right;
}
.impress_txt{
	margin:	25px;
	font-style: italic;
}
#dvgo{
	font-size: 8pt;
}