@font-face {
  font-family: "nasalization";
  src: url("../../fonts/nasalization/nasalization-rg-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "nasalization";
  src: url("../../fonts/nasalization/nasalization-rg-it-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "nasalization";
  src: url("../../fonts/nasalization/nasalization-bd-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "nasalization";
  src: url("../../fonts/nasalization/nasalization-bd-it-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "nasalization-extralite";
  src: url("../../fonts/nasalization-extralite/nasalization-el-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "nasalization-extralite";
  src: url("../../fonts/nasalization-extralite/nasalization-el-it-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "nasalization-heavy";
  src: url("../../fonts/nasalization-heavy/nasalization-hv-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "nasalization-heavy";
  src: url("../../fonts/nasalization-heavy/nasalization-hv-it-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "nasalization-book";
  src: url("../../fonts/nasalization-book/nasalization-bk-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "nasalization-book";
  src: url("../../fonts/nasalization-book/nasalization-bk-it-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "nasalization-lite";
  src: url("../../fonts/nasalization-lite/nasalization-lt-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "nasalization-lite";
  src: url("../../fonts/nasalization-lite/nasalization-lt-it-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "metropolis";
  src: url("../../fonts/metropolis/Metropolis-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
.d-none {
  display: none !important;
}

.d-flex {
  display: flex !important;
}

.flex-column {
  flex-direction: column !important;
}

.space-between {
  justify-content: space-between !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.m-0 {
  margin: 0rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.m-1 {
  margin: 0.5rem !important;
}

.mt-1 {
  margin-top: 0.5rem !important;
}

.mb-1 {
  margin-bottom: 0.5rem !important;
}

.mr-1 {
  margin-right: 0.5rem !important;
}

.ml-1 {
  margin-left: 0.5rem !important;
}

.mx-1 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-1 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-2 {
  margin: 1rem !important;
}

.mt-2 {
  margin-top: 1rem !important;
}

.mb-2 {
  margin-bottom: 1rem !important;
}

.mr-2 {
  margin-right: 1rem !important;
}

.ml-2 {
  margin-left: 1rem !important;
}

.mx-2 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-2 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-3 {
  margin: 1.5rem !important;
}

.mt-3 {
  margin-top: 1.5rem !important;
}

.mb-3 {
  margin-bottom: 1.5rem !important;
}

.mr-3 {
  margin-right: 1.5rem !important;
}

.ml-3 {
  margin-left: 1.5rem !important;
}

.mx-3 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-3 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-4 {
  margin: 2rem !important;
}

.mt-4 {
  margin-top: 2rem !important;
}

.mb-4 {
  margin-bottom: 2rem !important;
}

.mr-4 {
  margin-right: 2rem !important;
}

.ml-4 {
  margin-left: 2rem !important;
}

.mx-4 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-4 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.m-5 {
  margin: 2.5rem !important;
}

.mt-5 {
  margin-top: 2.5rem !important;
}

.mb-5 {
  margin-bottom: 2.5rem !important;
}

.mr-5 {
  margin-right: 2.5rem !important;
}

.ml-5 {
  margin-left: 2.5rem !important;
}

.mx-5 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.my-5 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.text-left {
  text-align: left !important;
}

.text-primary {
  color: #f2ab30;
}

.text-secondary {
  color: #1f3763;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.navbar {
  font-family: "nasalization", sans-serif;
  margin-bottom: 0.5rem;
  padding-left: 12rem;
  display: flex;
}
.navbar a {
  color: #6e99b9;
  text-decoration: none;
  margin-right: 2rem;
}
.navbar a.active {
  color: #f2ab30;
}
.navbar a:hover {
  color: #f2ab30;
}

.navigation-container {
  grid-row: span 1;
  bottom: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin: 0 auto;
}
@media (min-width: 769px) {
  .navigation-container {
    margin: 0;
  }
}
.navigation-container__card {
  flex-grow: 1;
  height: 100px;
  width: 20%;
  margin: 1rem;
  border-radius: 25px;
  box-shadow: inset 0 0 3px 3px #1a2945;
  text-align: right;
  filter: grayscale(0.5) brightness(1.2);
  transition: filter 0.5s ease-in-out;
  background-size: cover;
  background-repeat: no-repeat;
}
.navigation-container__card.bg-home {
  background-image: url("../../img/bg_home_sm.jpg");
}
.navigation-container__card.bg-ai {
  background-image: url("../../img/bg_ai_sm.jpg");
}
.navigation-container__card.bg-hosted {
  background-image: url("../../img/bg_hosted_sm.jpg");
}
.navigation-container__card.bg-customized {
  background-image: url("../../img/bg_customized_sm.jpg");
}
.navigation-container__card.bg-blockchain {
  background-image: url("../../img/bg_blockchain_sm.jpg");
}
.navigation-container__card.bg-network {
  background-image: url("../../img/bg_network_sm.jpg");
}
.navigation-container__card.active {
  filter: grayscale(0) brightness(1);
}
.navigation-container__card.active .navigation-container__card__content {
  color: #f2ab30;
}
.navigation-container__card:hover {
  cursor: pointer;
  filter: grayscale(0) brightness(1);
}
.navigation-container__card__content {
  color: #6e99b9;
  text-decoration: none;
  height: 100%;
  display: block;
  padding: 1rem;
}

.banner {
  height: 83px;
}
@media (min-width: 769px) {
  .banner {
    height: 123px;
  }
}
.banner img {
  width: 100%;
  height: 100%;
}

.footer {
  padding: 0.5rem 12rem 0rem 6rem;
  text-align: center;
}
.footer h1 {
  font-size: 0.75rem;
  color: #6e99b9;
}

.main-content-container {
  display: flex;
  flex-direction: column;
  height: 85vh;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 769px) {
  .main-content-container {
    border-radius: 200px 25px 200px 25px;
    border: 1px solid #374868;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.4);
  }
}
.main-content-container.bg-home {
  background-image: url("../../img/bg_home.jpg");
}
.main-content-container.bg-ai {
  background-image: url("../../img/bg_ai.jpg");
}
.main-content-container.bg-hosted {
  background-image: url("../../img/bg_hosted.jpg");
}
.main-content-container.bg-customized {
  background-image: url("../../img/bg_customized.jpg");
}
.main-content-container.bg-blockchain {
  background-image: url("../../img/bg_blockchain.jpg");
}
.main-content-container.bg-network {
  background-image: url("../../img/bg_network.jpg");
}
.main-content-container.bg-imprint, .main-content-container.bg-privacy {
  background-color: black;
}

.main-content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
  padding: 2rem 4rem;
  text-align: right;
}
.main-content .content {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.main-content .content:not(.main-content__home) {
  display: none;
}
.main-content .content:not(.main-content__home):not(.main-content__imprint) > div {
  width: 40%;
  margin-left: auto;
}
.main-content__home, .main-content__imprint {
  display: flex;
  height: 100%;
}
.main-content__home {
  justify-content: space-between !important;
}
.main-content__home > div:nth-child(1) {
  width: 40%;
}
.main-content__home > div:nth-child(2) {
  max-width: 55%;
}
@media (min-width: 1201px) {
  .main-content__home div:nth-child(2) {
    margin-left: 3rem;
  }
}
.main-content__home h1 {
  margin-bottom: -1rem;
}
.main-content__home h2 {
  margin-bottom: 5rem;
}
.main-content__home h4, .main-content__home p {
  margin: 0;
}
.main-content-privacy {
  position: relative;
  overflow-y: scroll;
  margin: 2rem 8rem;
  scrollbar-color: #f2ab30 #333;
}
.main-content-privacy::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.main-content-privacy::-webkit-scrollbar-thumb {
  background: #f2ab30;
}
.main-content-privacy::-webkit-scrollbar-track {
  background: #333;
}
.main-content-privacy__close {
  position: sticky;
  float: right;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}
.main-content-privacy__close a {
  font-size: 1.5rem;
  color: red !important;
  text-decoration: none;
}
.main-content-privacy h1, .main-content-privacy h4 {
  margin-top: 3rem;
}
.main-content-privacy h4 {
  margin-bottom: 0;
}

html {
  background: #1f3763 radial-gradient(circle, #1f3763 0%, #1a2842 100%);
}

body {
  margin: 0;
  font-family: "metropolis", sans-serif;
  color: #867040;
  font-size: 14px;
  margin-top: 2vh;
}
body h1 {
  font-size: 2rem;
}
body h2 {
  font-size: 1.75rem;
  color: #867040;
}
@media (min-width: 1201px) {
  body {
    font-size: 20px;
  }
  body h1 {
    font-size: 2.75rem;
  }
  body h2 {
    font-size: 2.25rem;
  }
}
@media (min-width: 2560px) {
  body {
    font-size: 26px;
  }
}
body h1, body h2 {
  font-family: "nasalization", sans-serif;
  font-weight: normal;
}
body h1, body h2, body h3, body h4, body h5 {
  margin: 0;
}
body h1, body h3, body h4, body h5 {
  color: #f2ab30;
}
body a {
  color: #6e99b9;
}
@media (min-width: 769px) {
  body .main-container {
    margin: 2vh 5vw 0;
    max-width: 1600px;
  }
}
@media (min-width: 1920px) {
  body .main-container {
    margin: 2vh auto 0;
  }
}

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