@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url("roboto-v30-latin-regular.4cf55751.woff2") format("woff2"), url("roboto-v30-latin-regular.5e3444bc.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: url("roboto-v30-latin-900.0ae14a02.woff2") format("woff2"), url("roboto-v30-latin-900.a63096c6.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: IBM Plex Sans Condensed;
  font-style: normal;
  font-weight: 100;
  src: url("ibm-plex-sans-condensed-v14-latin-100.562b5b29.woff2") format("woff2"), url("ibm-plex-sans-condensed-v14-latin-100.e43c0ef5.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: IBM Plex Sans Condensed;
  font-style: normal;
  font-weight: 200;
  src: url("ibm-plex-sans-condensed-v14-latin-200.22a4f8f2.woff2") format("woff2"), url("ibm-plex-sans-condensed-v14-latin-200.b66d5331.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: IBM Plex Sans Condensed;
  font-style: normal;
  font-weight: 300;
  src: url("ibm-plex-sans-condensed-v14-latin-300.51304c9b.woff2") format("woff2"), url("ibm-plex-sans-condensed-v14-latin-300.97e1e644.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: IBM Plex Sans Condensed;
  font-style: normal;
  font-weight: 400;
  src: url("ibm-plex-sans-condensed-v14-latin-regular.921e11db.woff2") format("woff2"), url("ibm-plex-sans-condensed-v14-latin-regular.63aba4ad.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: IBM Plex Sans Condensed;
  font-style: normal;
  font-weight: 700;
  src: url("ibm-plex-sans-condensed-v14-latin-700.82da44a0.woff2") format("woff2"), url("ibm-plex-sans-condensed-v14-latin-700.014ff728.ttf") format("truetype");
}

*, :before, :after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

ul[role="list"], ol[role="list"], li {
  list-style: none;
}

html:focus-within {
  scroll-behavior: smooth;
}

html, body {
  height: 100%;
}

body {
  text-rendering: optimizespeed;
  line-height: 1.5;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
}

img, picture svg {
  max-width: 100%;
  display: block;
}

input, button, textarea, select {
  font: inherit;
}

button {
  cursor: pointer;
  border: none;
  display: inline-block;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

body {
  color: #fff;
  background-color: #000;
  flex-direction: column;
  align-items: center;
  padding: 1em;
  display: flex;
}

h1 {
  font-family: IBM Plex Sans Condensed;
  font-size: clamp(2.4em, 5vw, 4.7em);
}

h2 {
  margin-bottom: .3em;
  font-family: IBM Plex Sans Condensed;
  font-size: clamp(1.5em, 3vw, 2em);
  font-weight: 900;
}

a {
  color: #4b84d1;
}

p {
  color: #9c9c9c;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin-bottom: 1.9em;
  font-family: Roboto;
  font-size: clamp(1.3em, 1.6vw, 1.5em);
  font-weight: 400;
}

section {
  max-width: max(40vw, 500px);
}

img {
  object-fit: cover;
  margin-bottom: 1.7em;
  transition: transform .6s;
}

img:hover {
  transform: scale(1.05);
}

video {
  max-width: 50vw;
  object-fit: cover;
  margin-bottom: 1.7em;
  transition: transform .6s;
}

video:hover {
  transform: scale(1.05);
}

.image-container {
  overflow: hidden;
}

.header-img {
  max-width: max(60vw, 600px);
  margin: 2em;
}

.header-img:hover {
  transform: scale(1);
}

/*# sourceMappingURL=doku.76c1c2b2.css.map */