@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/Urbanist-Regular-1f84c820b2a45db7c457b3876d541a45.ttf");
}
html,
body {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Urbanist", sans-serif;
  font-weight: 300;
  color: #000;
}

a {
  color: #000;
  text-decoration: none;
  font-weight: 300;
}

a:hover {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

.container {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (orientation: portrait) {
  .container {
    width: 95%;
  }
}
@media screen and (orientation: landscape) {
  .container {
    width: 90%;
  }
}

.navigation {
  width: 90%;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
}
@media screen and (orientation: portrait) {
  .navigation {
    flex-direction: column;
  }
}

.justify-end {
  justify-content: end !important;
}

.row {
  display: flex;
  flex-direction: row;
  place-items: center;
  width: 20vw;
  padding-left: 10px;
}

main {
  height: 100%;
  width: 100%;
  display: flex;
  flex: 2 1 0;
}

nav {
  display: flex;
  flex-direction: row;
  align-self: flex-end;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
@media screen and (orientation: landscape) and (max-width: 1024px) {
  nav {
    display: flex;
    flex-direction: row;
    align-self: flex-end;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
  }
}
@media screen and (orientation: portrait) {
  nav {
    align-self: center;
    margin-right: 0;
  }
}

.nav-sub {
  display: flex;
  flex-direction: column;
}

.nav-gallery {
  font-size: 2rem;
  padding-right: 2rem;
}

.logo-wrapper {
  display: flex;
  align-items: center;
}
@media screen and (orientation: portrait) {
  .logo-wrapper {
    justify-content: center;
  }
}

.logo {
  height: 80px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (orientation: portrait) {
  .logo {
    width: 50%;
    padding: 20px;
  }
}

.centered {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.row {
  padding: 0 !important;
}
@media screen and (orientation: portrait) {
  .row {
    display: block;
    width: 100%;
  }
}
@media screen and (orientation: landscape) {
  .row {
    width: 100%;
    display: flex;
    height: 100%;
    max-height: 100%;
  }
}
@media screen and (orientation: landscape) {
  .row {
    gap: 20px;
  }
}
@media screen and (orientation: landscape) and (max-width: 1400px) {
  .row {
    gap: 10px;
  }
}

.landscape {
  margin-bottom: 20px;
  position: relative;
}
.landscape img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  aspect-ratio: 16/10;
}
@media screen and (max-width: 1400px) {
  .landscape {
    margin-bottom: 10px !important;
  }
}
@media screen and (orientation: landscape) {
  .landscape {
    width: 50%;
  }
}
@media screen and (orientation: portrait) {
  .landscape {
    width: 100%;
  }
}

.portrait {
  margin-bottom: 20px;
  position: relative;
}
.portrait img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  aspect-ratio: 10/16;
}
@media screen and (max-width: 1400px) {
  .portrait {
    margin-bottom: 10px !important;
  }
}
@media screen and (orientation: landscape) {
  .portrait {
    width: calc(33.3333333333% - 0.1px);
  }
}
@media screen and (orientation: portrait) {
  .portrait {
    width: 100%;
  }
}

.impressum {
  max-width: 1200px;
  width: 100%;
}
.impressum h1 {
  font-size: calc(16px + 32 * (100vw - 200px) / 3640);
  font-weight: 300;
}
.impressum h2 {
  font-size: calc(16px + 20 * (100vw - 200px) / 3640);
  font-weight: 300;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../assets/styles/info.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAEA;EACE;EACE;EACA;EACA;;AAKJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAEF;EATF;IAUI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAOA;EAXF;IAYI;;;;AAKJ;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;IACA;IACA;IACA;IACA;IACA;;;AAGF;EAhBF;IAiBI;IACA;;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;AAMA;EARF;IASI;;;;AAIJ;EACI;EACA;EACA;;AAIA;EAPJ;IAQM;IACA;;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;;AAUF;EACE;;AACA;EAFF;IAGI;IACA;;;AAEF;EANF;IAOI;IACA;IACA;IACA;;;AAGF;EAbF;IAcI;;;AAEA;EAhBJ;IAiBM;;;;AAMN;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EAEA;;AAGF;EAbF;IAcI;;;AAGF;EAjBF;IAkBI;;;AAGF;EArBF;IAsBI;;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EAEA;;AAGF;EAbF;IAcI;;;AAGF;EAjBF;IAkBI;;;AAGF;EArBF;IAsBI;;;;AAKJ;EACE;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA%22,%22file%22:%22info.output.css%22%7D */