@font-face {
  font-family: 'Brandon_reg';
  src: url('Brandon_reg.otf') format('opentype');
}
@font-face {
  font-family: 'Brandon_blk';
	font-weight: bold;
  src: url('Brandon_blk.otf') format('opentype');
}

body{
	background-color: #000000 !important;
	font-family: "Brandon_reg";
	min-height: 100vh;
  position: relative;
  margin: 0;
	color: white;
	height:100%;
}

.video-container {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.video-container video {
    width: 100%;
    height: 100%;
    z-index: -100;
    object-fit: cover;
	 	background: url('../imgs/standbild.jpg') no-repeat center center;
	  background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	  transition: 1s opacity;
}

.stopfade {
   opacity: .5;
}
.control{
	position: absolute;
	top: 15px;
	right: 15px;
}
.control button {
  border: none;
  background: transparent;
	color: grey;
  cursor: pointer;
  transition: .3s background;
}
.control button:hover {
	color: rgba(255,255,255,0.75);
}
html {
    height:100%;
}
span {
	letter-spacing: 4px;
	font-size: 12px;
	line-height: 32px;
}

.navbar {
	background: transparent !important;

}
.nav-item a{
	color: grey;
	cursor: pointer;
}

#logo {
  position: absolute;
  left: 15px;
  top: 50%;
  right: 0;
  bottom: 0;

	max-width: 275px;
  display: block;
  margin: auto;

	-webkit-transition: top 0.5s,  max-width 0.5s; /* Safari */
  transition: top 0.5s, max-width 0.5s;
}
#loading {
  position: absolute;
  left: 50%;
  top: 25%;

  display: block;
  margin: auto;

	-webkit-transition: top 0.5s,  max-width 0.5s; /* Safari */
  transition: top 0.5s, max-width 0.5s;
}

.impress{
	background-color: #1d1d1d !important;
	color: white !important;
	text-transform: uppercase;
}
.impress a{
	color: white;
}

.impress .macorma{
	font-family: "Brandon_blk";
}

.impress .bold{
  font-weight: 800;
}

.impress .data-privacy,
.impress .data-privacy span,
.impress .data-privacy p{
  font-size: 10px;
	line-height: 14px;
  letter-spacing: 2px;

}

@media (max-width: 570px) {
	#logo {
		position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    bottom: 0;
		max-width: 250px;
    display: block;
    margin: auto;

		-webkit-transition: top 0.5s, max-width 0.5s; /* Safari */
    transition: top 0.5s, max-width 0.5s;
	}
}