/* jost-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/jost-v20-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/jost-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/jost-v20-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/jost-v20-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/jost-v20-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
::selection {
    background: #d6c590;
    color: #fff;
}
html {
  font-size: 10px;
}
body {
  font-family: 'Jost';
  background-color: #000000;
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  min-height: 100vh;
  font-weight: 400;
  justify-content: center;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
img {
  max-width: 100%;
  height: auto;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}
h1 {
    font-size: 4.1rem;
    line-height: 5.5rem;
    margin-bottom: 1.5rem;
    letter-spacing: 0.6rem;
}
h2 {
    font-size: 4rem;
    line-height: 5rem;
    margin-bottom: 1rem;
}
h3 {
    font-size: 3rem;
    line-height: 3.5rem;
    margin-bottom: 1rem;
}
h4 {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 1rem;
}
p {
    margin-bottom: 2.4rem;
    margin-top: -0.4rem;
}
p:last-child {
    margin-bottom: 0;
}
p a {
  color: #d6c590;
}
p a:hover {
  color: #d6c590;
  text-decoration: underline;
}
/* Hintergrundfarben */
.bg-schwarz {
  background-color: #000000;
}
/* Textfarben */
.text-beige {
  color: #d6c590;
}
/* Border */
.border-bottom-beige {
  border-bottom: 1px solid #d6c590;
}
/* Farblinie */
.farblinie {
  height: 10px;
  width: 100%;
  background: linear-gradient(
    to right,
    #323230 0% 16.66%,
    #d6c590 16.66% 33.33%,
    #3e5618 33.33% 50%,
    #4b5084 50% 66.66%,
    #805341 66.66% 83.33%,
    #e49b00 83.33% 100%
  );
}
/* Text Logo */
.header-text { 
  font-size: 1.9rem;
  line-height: 1.9rem;
  letter-spacing: 0.2rem;
}
/* Buttons */
.btn.btn-primary {
  background-color: transparent;
  border-color: #fff;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 1.7rem;
  letter-spacing: 0.3rem;
  padding: 0.8rem 1.5rem;
} 
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
  background-color: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
  box-shadow: unset !important
}
/* Ticker */
.ticker-wrap {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.ticker {
  display: inline-block;
  padding-left: 100%;
  animation: tickerMove 60s linear infinite;
  color: #686767;
  font-size: 6rem;
  line-height: 7rem;
}
.ticker span {
  color: white;
  font-size: 24px;
  font-family: Arial, sans-serif;
}
@keyframes tickerMove {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 6.1rem;
    line-height: 7.5rem;
  }
}