:root {
      min-height: 100vh;
      font-size: calc( 16px + (24 - 16) * (100vw - 340px) / (1240 - 340) );
      scroll-behavior: smooth;
}

html {
    box-sizing: border-box;
}

body {
  background: url('../content/img/bg.jpg') fixed, #121212;
  background-size: cover;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.footer {
    bottom: 1em;
    right: 2em;
    color: white;
    position: fixed;
}


@font-face {
	font-family: SourceSansPro;
	src: local('SourceSansPro-Regular'), url('../fonts/SourceSansPro-Regular.woff2') format('woff2'), url('../fonts/SourceSansPro-Regular.woff') format('woff'), url('../fonts/SourceSansPro-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
	font-family: ZillaSlab;
	src: local('ZillaSlab'), url('../fonts/ZillaSlab-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}


.header-logo {
    width: 70vw;
}

.header-logo--small {
  width: 20vw;
}

.video-bg {
    position: fixed;
    z-index: -100;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
    transition: 0.6s opacity;
}

.transparent {
    opacity: 0.4;
}


a, p, h1, h2, h3, h4, li, address {
  color: white;
  text-align: center;
  font-family: SourceSansPro;
  line-height: 130%;
}

a {
  text-decoration: none;
  font-size: .4em;
}

p {
  font-size: .8em;
}

.bg-color {
  background-color: #111111;
}

.headline, .contact {
  font-family: ZillaSlab;
  text-transform: uppercase;
  color: white;
}

.scroll-button {
 padding-top: 4rem;
}

.impressum {
  color: grey;
}