a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

img {
  width: 100%;
  max-width: 100%;
}

@font-face {
  font-family: "Favorit Pro Book";
  src: url("/assets/FavoritPro-Book-subset.woff2") format("woff2");
  font-display: swap;
}
* {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  font-family: "Favorit Pro Book", sans-serif;
  background-color: black;
  --button-width: 46px;
  --padding-side: 11px;
  --gap: 10px;
  --nav-color: #fff;
  --nav-background: #000;
  --nav-items-gap: 2px;
  --swiper-pagination-bullet-size: 12px;
  --swiper-pagination-bullet-inactive-opacity: .5;
}
@media screen and (max-width: 699px) {
  html {
    --button-width: 44px;
    --swiper-pagination-bullet-size: 8px;
  }
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-ligatures: none;
  background-color: white;
  --plyr-video-background: transparent;
  overflow-x: hidden;
}

a:link, a:visited {
  color: inherit;
  text-decoration: none;
}
a:hover, a:active {
  color: inherit;
}

button {
  font: inherit;
  background: none;
  border-radius: 0;
  border: none;
  color: inherit;
  text-transform: inherit;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
button[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
}

img, video {
  display: block;
  height: auto;
  width: 100%;
}

.line-height-12 {
  line-height: 1.2;
}

.line-height-15 {
  line-height: 1.5;
}

.font-size-28 {
  font-size: 28px;
  letter-spacing: -0.015em;
}

.font-size-20 {
  font-size: 20px;
  letter-spacing: -0.01em;
}

@media screen and (max-width: 699px) {
  .smartphone-font-size-18 {
    font-size: 18px;
  }
}

@media screen and (max-width: 699px) {
  .smartphone-font-size-14 {
    font-size: 14px;
  }
}

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

.padding-side {
  padding-left: var(--padding-side);
  padding-right: var(--padding-side);
}

#main-header {
  position: fixed;
  top: 9px;
  left: 50%;
  width: max-content;
  max-width: 90%;
  transform: translateX(-50%);
  z-index: 10;
  transition: color 0.2s ease-in-out;
  pointer-events: none;
  color: var(--nav-color, white);
}
@media screen and (max-width: 699px) {
  #main-header {
    width: calc(100vw - 20px);
    max-width: 99%;
  }
}
#main-header a, #main-header button {
  pointer-events: auto;
}
#main-header .top {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: var(--nav-items-gap);
}
@media screen and (max-width: 699px) {
  #main-header .top {
    flex-wrap: wrap;
    justify-content: start;
  }
}
#main-header h1 {
  padding: 0;
  line-height: 1;
  background-color: var(--nav-background, black);
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  white-space: nowrap;
}
#main-header h1 a {
  display: block;
  padding: 13px 16px;
  color: var(--nav-color, white);
}
#main-header .nav-sub-btn,
#main-header .cat-btn,
#main-header button,
#main-header #remove-filter {
  height: calc(26px + 1em);
}
#main-header .nav-sub-btn .inner,
#main-header .cat-btn .inner,
#main-header button .inner,
#main-header #remove-filter .inner {
  display: block;
  padding: 13px 16px;
  line-height: 1;
  background-color: var(--nav-background);
  white-space: nowrap;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
#main-header .nav-sub-btn,
#main-header #show-all-cats,
#main-header #current-cat,
#main-header #remove-filter {
  max-width: 0;
  margin-left: calc(var(--nav-items-gap) * -1);
  transition: max-width 0.4s ease-in-out, margin 0.4s ease-in-out;
  overflow: hidden;
}
#main-header .nav-sub-btn[aria-current=page],
#main-header #show-all-cats[aria-current=page],
#main-header #current-cat[aria-current=page],
#main-header #remove-filter[aria-current=page] {
  max-width: 10em;
  margin-left: 0;
}
#main-header.nav-up:not(.open-nav) .nav-sub-btn[aria-current=page] {
  max-width: 0;
  margin-left: calc(var(--nav-items-gap) * -1);
}
#main-header.nav-up:not(.open-nav) #show-all-cats {
  max-width: 0;
  margin-left: calc(var(--nav-items-gap) * -1);
}
.projects #main-header #show-all-cats, .project #main-header #show-all-cats {
  max-width: 10em;
  margin-left: 0;
}
#main-header.open-nav .nav-sub-btn {
  max-width: 10em;
  margin-left: 0;
}
#main-header .cat-btn {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  pointer-events: none;
}
#main-header.show-cats .cat-btn {
  opacity: 1;
  pointer-events: auto;
}
#main-header.show-cats .cat-btn:nth-child(1) {
  transition-delay: 0.02s;
}
#main-header.show-cats .cat-btn:nth-child(2) {
  transition-delay: 0.04s;
}
#main-header.show-cats .cat-btn:nth-child(3) {
  transition-delay: 0.06s;
}
#main-header.show-cats .cat-btn:nth-child(4) {
  transition-delay: 0.08s;
}
#main-header.show-cats .cat-btn:nth-child(5) {
  transition-delay: 0.1s;
}
#main-header.show-cats .cat-btn:nth-child(6) {
  transition-delay: 0.12s;
}
#main-header.show-cats .cat-btn:nth-child(7) {
  transition-delay: 0.14s;
}
#main-header.show-cats .cat-btn:nth-child(8) {
  transition-delay: 0.16s;
}
#main-header.show-cats .cat-btn:nth-child(9) {
  transition-delay: 0.18s;
}
#main-header.show-cats .cat-btn:nth-child(10) {
  transition-delay: 0.2s;
}
#main-header.show-cats .cat-btn:nth-child(11) {
  transition-delay: 0.22s;
}
#main-header.show-cats .cat-btn:nth-child(12) {
  transition-delay: 0.24s;
}
#main-header.show-cats .cat-btn:nth-child(13) {
  transition-delay: 0.26s;
}
#main-header.show-cats .cat-btn:nth-child(14) {
  transition-delay: 0.28s;
}
#main-header.show-cats .cat-btn:nth-child(15) {
  transition-delay: 0.3s;
}
#main-header.show-cats .cat-btn:nth-child(16) {
  transition-delay: 0.32s;
}
#main-header.show-cats .cat-btn:nth-child(17) {
  transition-delay: 0.34s;
}
#main-header.show-cats .cat-btn:nth-child(18) {
  transition-delay: 0.36s;
}
#main-header.show-cats .cat-btn:nth-child(19) {
  transition-delay: 0.38s;
}
#main-header.show-cats .cat-btn:nth-child(20) {
  transition-delay: 0.4s;
}
#main-header.show-cats .cat-btn:nth-child(21) {
  transition-delay: 0.42s;
}
#main-header.show-cats .cat-btn:nth-child(22) {
  transition-delay: 0.44s;
}
#main-header.show-cats .cat-btn:nth-child(23) {
  transition-delay: 0.46s;
}
#main-header.show-cats .cat-btn:nth-child(24) {
  transition-delay: 0.48s;
}
#main-header.show-cats .cat-btn:nth-child(25) {
  transition-delay: 0.5s;
}
#main-header.show-cats .cat-btn:nth-child(26) {
  transition-delay: 0.52s;
}
#main-header.show-cats .cat-btn:nth-child(27) {
  transition-delay: 0.54s;
}
#main-header.show-cats .cat-btn:nth-child(28) {
  transition-delay: 0.56s;
}
#main-header.show-cats .cat-btn:nth-child(29) {
  transition-delay: 0.58s;
}
#main-header.show-cats .cat-btn:nth-child(30) {
  transition-delay: 0.6s;
}
#main-header .filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--nav-items-gap);
  margin-top: 2px;
  width: 100%;
  position: absolute;
  pointer-events: none;
}
#main-header #filter-wrapper {
  display: flex;
  white-space: nowrap;
}
#main-header #current-cat .inner {
  padding-right: 0;
}
#main-header #remove-filter svg {
  height: 16px;
  width: 16px;
}
#main-header.with-cat-filter #current-cat {
  max-width: 10em;
  margin-left: 0;
  transition: none;
}
#main-header.with-cat-filter #remove-filter {
  max-width: 10em;
  transform: translateX(-1px);
  z-index: -1;
  margin-left: 0;
}
#main-header.with-cat-filter #show-all-cats {
  max-width: 0;
  margin-left: calc(var(--nav-items-gap) * -1);
  transition: none;
}

#triangle-button {
  width: var(--button-width);
  height: var(--button-width);
  position: relative;
  overflow: hidden;
  background-color: transparent !important;
  padding: 0 !important;
}
#triangle-button .top,
#triangle-button .bottom {
  transition: max-height 0.15s ease-in-out;
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  overflow: hidden;
  display: block;
}
#triangle-button .inside {
  display: block;
  border-right: calc(var(--button-width) / 2) solid transparent;
  border-left: calc(var(--button-width) / 2) solid transparent;
  transition: border 0.2s ease-in-out;
}
#triangle-button .top {
  top: 0;
  max-height: 100%;
}
#triangle-button .top .inside {
  border-bottom: var(--button-width) solid var(--nav-background);
}
#triangle-button .bottom {
  bottom: 0;
  max-height: 0;
  transition-duration: 0.18s;
  transition-delay: 0.03s;
}
#triangle-button .bottom .inside {
  border-top: 0 solid var(--nav-background);
}
.open-nav #triangle-button .top {
  transition-duration: 0.18s;
  max-height: 0;
}
.open-nav #triangle-button .top .inside {
  border-bottom-width: 0;
}
.open-nav #triangle-button .bottom {
  transition-delay: 0s;
  max-height: 100%;
}
.open-nav #triangle-button .bottom .inside {
  border-top-width: var(--button-width);
}

#main {
  min-height: calc(100vh - 30px - 1.2em);
}

#preloader,
#cat-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  z-index: 3;
  transition: opacity 0.4s ease-in-out 1s;
  display: grid;
  justify-content: center;
  align-items: center;
}
#preloader figure,
#cat-bg figure {
  height: 100%;
}
#preloader figure *,
#cat-bg figure * {
  height: 100%;
  object-fit: cover;
}
#preloader.show,
#cat-bg.show {
  opacity: 1;
  transition-delay: 0s;
}

#preloader {
  background-color: white;
  transition-duration: 0.2s;
}
@supports (height: 100dvh) {
  #preloader {
    height: 100dvh;
  }
}

#cat-bg {
  transition-delay: 0s;
  background-color: white;
}
.show-cats + #cat-bg {
  opacity: 0.5;
}

#main-footer {
  background-color: black;
  color: white;
  padding: 15px;
  /* .start > & {
    display: none;
  } */
}
.start-transition #main-footer {
  opacity: 0;
  transition: 0.1s;
}
#main-footer ul {
  justify-content: end;
  display: flex;
  gap: 2em;
}
@media screen and (max-width: 699px) {
  #main-footer ul {
    display: block;
  }
  #main-footer ul li {
    border-top: 1px solid white;
    padding: 0.5em 0;
    line-height: 1;
  }
}

#skip-to-content-link {
  position: fixed;
  top: 0;
  background: black;
  color: white;
  height: auto;
  left: 50%;
  padding: 8px;
  transform: translate(-50%, -500%);
  transition: transform 0.3s;
  z-index: 100;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#skip-to-content-link:focus {
  transform: translate(-50%, 0);
}

@keyframes text-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.start #fullpage {
  transition: opacity 0.2s ease-out;
}
.start #fullpage.show {
  opacity: 1;
}
.start #fullpage.hide {
  opacity: 0;
  transition-delay: 0s;
  transition-duration: 0.6s;
}
.start .previewText {
  height: 100%;
  overflow: hidden;
  line-height: 1;
}
.start .previewText .inner {
  display: block;
}
.start .previewText .inner .text {
  display: block;
  transform: translateY(-100%);
}
.start article {
  height: 100vh;
  position: relative;
}
.start article#all-projects {
  height: 50vh !important;
}
.start article#all-projects .flex {
  display: flex;
  flex-direction: column;
  height: 50vh;
}
.start article#all-projects .flex .projects-links {
  flex: 1 1 auto;
  position: relative;
}
.start article#all-projects .flex footer {
  flex: 0 0 auto;
}
.start article .fp-tableCell {
  position: relative;
}
.start article a.project-link,
.start article .projects-index-link,
.start article .preview-text-wrapper {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
}
.start article .projects-index-link {
  display: grid;
  justify-content: center;
  align-items: center;
}
.start article figure, .start article img, .start article video, .start article .plyr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.start article figure {
  z-index: 1;
}
.start article h2 {
  opacity: 0;
}
.start article h2.previewText {
  opacity: 1;
}
.start #fixed-titles {
  position: fixed;
  top: 0;
  left: 5%;
  z-index: 2;
  line-height: 1;
  height: 100%;
  width: 90%;
  display: grid;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  opacity: 0;
  animation-name: text-fade-in;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
}
.start #fixed-titles div {
  display: none;
}
.start #fixed-titles div.show {
  display: block;
}

#project-wrapper {
  color: var(--project-color);
  background-color: var(--project-background-color);
  overflow: hidden;
}
#project-wrapper #intro-media img, #project-wrapper #intro-media video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
#project-wrapper section {
  margin-bottom: var(--gap);
  position: relative;
}
@media (orientation: portrait) {
  #project-wrapper section.contentblock.slider img, #project-wrapper section.contentblock.slider video {
    aspect-ratio: 4/3;
    height: auto;
  }
}
#project-wrapper section.contentblock img, #project-wrapper section.contentblock video {
  width: 100%;
  height: 90vh;
  object-fit: cover;
}
@media (orientation: portrait) {
  #project-wrapper section.contentblock img.landscape {
    aspect-ratio: 3/2;
    height: auto;
  }
}
@media (orientation: portrait) {
  #project-wrapper section.contentblock video, #project-wrapper section.contentblock img.square {
    height: auto;
  }
}
#project-wrapper section.contentblock.hoehe-auto img, #project-wrapper section.contentblock.hoehe-auto video {
  height: auto;
}
@media (orientation: portrait) {
  #project-wrapper section.contentblock.hoehe-standard img, #project-wrapper section.contentblock.hoehe-standard video {
    height: auto;
  }
}
#project-wrapper section.contentblock.hoehe-autoSpalte1 .spalte1 img, #project-wrapper section.contentblock.hoehe-autoSpalte1 .spalte1 video {
  height: auto;
}
#project-wrapper section.contentblock.hoehe-autoSpalte1 .spalte2 {
  position: relative;
}
@media screen and (max-width: 699px) {
  #project-wrapper section.contentblock.hoehe-autoSpalte1 .spalte2:empty {
    display: none;
  }
}
#project-wrapper section.contentblock.hoehe-autoSpalte1 .spalte2 > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 699px) {
  #project-wrapper section.contentblock.hoehe-autoSpalte1 .spalte2 > * {
    position: static;
  }
}
#project-wrapper section.contentblock.hoehe-autoSpalte1 .spalte2 img, #project-wrapper section.contentblock.hoehe-autoSpalte1 .spalte2 video {
  height: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: top left;
}
@media screen and (max-width: 699px) {
  #project-wrapper section.contentblock.hoehe-autoSpalte1 .spalte2 img, #project-wrapper section.contentblock.hoehe-autoSpalte1 .spalte2 video {
    height: auto;
  }
}
#project-wrapper section.contentblock.hoehe-autoSpalte1 .spalte2 .blurhash {
  height: auto !important;
}
#project-wrapper section.hoehe-autoSpalte2 .spalte1 {
  position: relative;
}
@media screen and (max-width: 699px) {
  #project-wrapper section.hoehe-autoSpalte2 .spalte1:empty {
    display: none;
  }
}
#project-wrapper section.hoehe-autoSpalte2 .spalte1 > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 699px) {
  #project-wrapper section.hoehe-autoSpalte2 .spalte1 > * {
    position: static;
  }
}
#project-wrapper section.hoehe-autoSpalte2 .spalte1 img, #project-wrapper section.hoehe-autoSpalte2 .spalte1 video {
  height: 100%;
  object-fit: contain;
  object-position: top right;
}
@media screen and (max-width: 699px) {
  #project-wrapper section.hoehe-autoSpalte2 .spalte1 img, #project-wrapper section.hoehe-autoSpalte2 .spalte1 video {
    height: auto;
  }
}
#project-wrapper section.hoehe-autoSpalte2 .spalte2 img, #project-wrapper section.hoehe-autoSpalte2 .spalte2 video {
  height: auto;
}
#project-wrapper #intro {
  height: 100vh;
  display: grid;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--gap);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100vw;
}
@supports (height: 100dvh) {
  #project-wrapper #intro {
    height: 100dvh;
  }
}
#project-wrapper #intro + section {
  transform: translateY(100vh);
  animation-name: hideIntro;
  animation-delay: 2s;
  animation-duration: 0.4s;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
#project-wrapper #infos {
  margin-top: 25px;
  margin-bottom: 30px;
}
#project-wrapper #infos header {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--gap);
}
@media screen and (max-width: 699px) {
  #project-wrapper #infos header {
    grid-template-columns: 1fr;
  }
}
#project-wrapper #infos header .project, #project-wrapper #infos header .client {
  display: flex;
  gap: 4ch;
}
@media screen and (max-width: 699px) {
  #project-wrapper #infos header .project, #project-wrapper #infos header .client {
    display: grid;
    grid-template-columns: 1fr 4fr;
    row-gap: 0;
    border-top: 1px solid black;
    padding-top: 8px;
    padding-bottom: 11px;
  }
  #project-wrapper #infos header .project:last-child, #project-wrapper #infos header .client:last-child {
    border-bottom: 1px solid black;
  }
}
#project-wrapper #infos header .client .client-text {
  flex: 1;
}
#project-wrapper #infos #project-text {
  margin-top: 55px;
  margin-bottom: 55px;
  max-width: 80ch;
  /*
  @media screen and (min-width: 1600px) {
    column-count: 3;
    column-gap: var(--gap);
  }
   */
}
@media screen and (max-width: 699px) {
  #project-wrapper #infos #project-text {
    margin-top: 50px;
    margin-bottom: 35px;
  }
}
#project-wrapper #infos footer .kategorien {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
@media screen and (max-width: 699px) {
  #project-wrapper #infos footer .kategorien {
    gap: 2px;
  }
}
#project-wrapper .related-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--gap);
  margin-top: 5px;
}
@media screen and (max-width: 699px) {
  #project-wrapper .related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 10px;
  }
}
#project-wrapper .related-grid img, #project-wrapper .related-grid video {
  margin-bottom: 10px;
  aspect-ratio: 3/2;
  object-fit: cover;
  filter: grayscale(1);
}
#project-wrapper .related-grid img.blurhash {
  height: auto !important;
  aspect-ratio: 3/2 !important;
}
#project-wrapper .project-footer {
  color: white;
  background-color: black;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 699px) {
  #project-wrapper .project-footer {
    padding-top: 85px;
  }
}

@keyframes hideIntro {
  from {
    transform: translateY(100vh);
  }
  to {
    transform: translateY(0);
  }
}
.content-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gap);
}
@media screen and (max-width: 699px) {
  .content-grid {
    grid-template-columns: 1fr;
  }
  .content-grid .empty {
    display: none;
  }
}

.filter-btn {
  display: block;
  border: 1px solid black;
  padding: 13px 16px;
  color: var(--project-color, black);
  background-color: var(--project-background-color, white);
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.filter-btn:hover {
  color: var(--project-background-color, white);
  background-color: var(--project-color, black);
}
@media screen and (max-width: 699px) {
  .filter-btn {
    padding: 9px 12px;
  }
}

.information {
  padding-top: 100px;
}
@media screen and (max-width: 1023px) {
  .information {
    padding-top: 75px;
  }
}
.information .wrapper {
  margin-top: 1em;
}
.information .wrapper p:not(:last-child) {
  margin-bottom: 1.2em;
}
.information section {
  margin-bottom: 200px;
}
@media screen and (max-width: 1023px) {
  .information section {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 699px) {
  .information section {
    margin-bottom: 85px;
  }
}
.information hr {
  display: none;
  height: 1px;
  background-color: black;
  border: none;
  margin-bottom: 5px;
}
@media screen and (max-width: 1023px) {
  .information hr {
    display: block;
  }
}
@media screen and (max-width: 699px) {
  .information hr {
    display: none;
  }
}
.information #information-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, 2fr);
  gap: var(--gap);
}
.information #information-contact-grid hr {
  grid-column-end: span 3;
  width: 100%;
}
.information #information-contact-grid .clients ul {
  list-style: none;
}
.information #information-contact-grid .clients ul li {
  display: inline;
}
.information #information-contact-grid .clients ul li:not(:first-child)::before {
  content: ", ";
}
@media screen and (max-width: 1023px) and (min-width: 700px) {
  .information #information-contact-grid .clients ul {
    column-count: 3;
    column-gap: var(--gap);
  }
  .information #information-contact-grid .clients ul li {
    display: block;
  }
  .information #information-contact-grid .clients ul li:not(:first-child)::before {
    content: "";
  }
}
@media screen and (max-width: 1023px) {
  .information #information-contact-grid {
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 0;
  }
  .information #information-contact-grid .clients {
    margin-top: 60px;
    grid-column-end: span 3;
  }
}
@media screen and (max-width: 1023px) and (max-width: 699px) {
  .information #information-contact-grid .clients {
    margin-top: 0;
  }
}
@media screen and (max-width: 699px) {
  .information #information-contact-grid {
    grid-template-columns: 1fr;
    row-gap: 60px;
  }
  .information #information-contact-grid h2 {
    border-bottom: 1px solid black;
    padding-bottom: var(--gap);
  }
  .information #information-contact-grid .clients {
    grid-column-end: span 1;
  }
}
.information #awards .spalte {
  margin-bottom: 1.2em;
}
@media screen and (max-width: 699px) {
  .information #awards h2 {
    border-bottom: 1px solid black;
    padding-bottom: var(--gap);
  }
}
.information #awards > .wrapper {
  column-count: 4;
  column-gap: var(--gap);
}
@media screen and (max-width: 1023px) {
  .information #awards > .wrapper {
    column-count: 3;
  }
}
@media screen and (max-width: 699px) {
  .information #awards > .wrapper {
    column-count: 1;
  }
}

.projects-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gap);
}
@media screen and (max-width: 699px) {
  .projects-grid {
    grid-template-columns: 1fr;
  }
}
.projects-grid figcaption {
  margin-top: 10px;
  min-height: 55px;
}
@media screen and (max-width: 699px) {
  .projects-grid figcaption {
    margin-top: 6px;
    min-height: 45px;
  }
}
.projects-grid img, .projects-grid video {
  aspect-ratio: 3/2;
  object-fit: cover;
}

.swiper {
  cursor: pointer;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

::selection {
  color: black;
  background: rgb(211, 211, 211);
}

.fadeInOnLoad {
  opacity: 0;
  transition: opacity 0.4s ease-out;
}
.fadeInOnLoad.fadeIn {
  opacity: 1;
}

.blurhash-wrapper {
  position: relative;
  height: 100%;
}
.blurhash-wrapper img, .blurhash-wrapper video {
  position: relative;
  z-index: 1;
}
.blurhash-wrapper .blurhash {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  transition: none !important;
}

.plyr--video {
  min-width: auto;
}

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