@font-face {
  font-family: PlayfairDisplay-Regular;
  src: url("../../assets/fonts/Playfair_Display/static/PlayfairDisplay-Regular.tff");
}
@font-face {
  font-family: PlayfairDisplay-Bold;
  src: url("../../assets/fonts/Playfair_Display/static/PlayfairDisplay-Bold.tff");
}
@font-face {
  font-family: Raleway-Bold;
  src: url("../../assets/fonts/Raleway/static/Raleway-Bold.ttf");
}
.page, #content, #header {
  margin-top: 4rem;
  margin-bottom: 4rem;
  min-height: calc(100vh - 2 * 4rem);
}
.page > div:not(div:last-child), #content > div:not(div:last-child), #header > div:not(div:last-child) {
  margin-bottom: 4rem;
}

#header > div {
  z-index: 0;
}

footer {
  z-index: 2;
}

.parallax-background, .parallax-midground {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: auto;
  height: 100vh;
  z-index: -2;
  background-image: url("../../assets/img/dude.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.parallax-midground {
  background-image: url("../../assets/img/dude_striche.png");
}

@media (min-width: 960px) {
  .parallax-background, .parallax-midground {
    background-size: 50% auto;
  }
}
body {
  font-family: PlayfairDisplay-Regular;
}

h1 {
  font-family: PlayfairDisplay-Bold;
  font-size: 5rem;
  margin-bottom: -0.75rem;
}

h2 {
  font-size: 1.25rem;
  font-family: Raleway-Bold;
  text-transform: uppercase;
}

a > h2 {
  font-size: 1rem;
}

p.subtitle {
  font-family: Raleway-Bold;
  font-size: 1.2rem;
  text-transform: uppercase;
}

p {
  font-size: 1.2rem;
}

body {
  color: white;
  background-color: #fcd2ad;
}

html {
  scroll-behavior: smooth;
}

/*# sourceMappingURL=gedankenstrich.css.map */