@font-face {
  font-family: Gilmer;
  src: url('../fonts/gilmer-medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilmer;
  src: url('../fonts/gilmer-bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilmer;
  src: url('../fonts/gilmer-heavy.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilmer;
  src: url('../fonts/gilmer-light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilmer;
  src: url('../fonts/gilmer-regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --thistle: #f1c0e8;
  --lemon-chiffon: #fbf8cc;
  --dim-grey-2: #757070;
  --dim-grey: #524e4e;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

a.w--current {
  color: #000;
}

.title4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.45em;
  line-height: 1.3em;
}

.p-sm-start {
  padding-top: 2.25em;
}

.gutter-outside {
  padding-left: 40px;
  padding-right: 40px;
}

.button {
  color: #664513;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  background-color: #e3d19c;
  border-radius: 999em;
  padding: 1.1em 1.8em;
  font-size: .9em;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: all .35s;
}

.button:hover {
  color: #4d3108;
  background-color: #e3d19c82;
  transform: scale(1);
}

.button.secondary {
  color: #664512;
  background-color: #0000;
  border: 2px solid #bf8b34;
}

.button.secondary:hover {
  opacity: 1;
  border-color: #66451326;
}

.button.small {
  padding: 1em 1.4em;
  font-size: .8em;
}

.title5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.1em;
  line-height: 1.1em;
}

.title1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5em;
  font-weight: 300;
  line-height: 1.05em;
}

.styles-grid-colors {
  grid-template: "Area"
  / 1fr 1fr 1fr 1fr;
}

.input-field {
  color: #272727;
  min-height: 54px;
  margin-bottom: 1.8em;
  font-size: 1em;
  transition: all .25s;
}

.input-field:hover {
  border: 1px solid #888;
}

.input-field:focus {
  background-color: #fcfcfc;
  border: 1px solid #272727;
}

.p-xs-start {
  padding-top: 1em;
}

.title6 {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .8em;
  font-weight: 700;
  line-height: 1.2em;
}

.infotext {
  color: #888;
  font-size: .7em;
  line-height: 1.3em;
}

.center-w2 {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.styleguide-item {
  border-bottom: .1em solid #bdbdbd;
  padding: 3.5em 0;
}

.copy-small {
  color: #686868;
  font-size: .85em;
  line-height: 1.4em;
}

.p-sm-end {
  padding-bottom: 2.25em;
}

.color-primary {
  background-color: #e6c8b2;
}

.copy-large {
  color: #686868;
  font-size: 1.2em;
}

.center-w3 {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.p-xl-end {
  padding-bottom: 6.5em;
}

.color-accent {
  background-color: #e3d19c;
}

.color-grey-light-1 {
  background-color: #d9d9d9;
}

.title3 {
  color: #272727;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.2;
}

.color-grey-light-2 {
  background-color: #eaeaea;
}

.gutter-description {
  text-align: center;
  background-color: #eaeaea;
  padding-top: 3em;
  padding-bottom: 3em;
}

.input-label {
  margin-bottom: 12px;
  font-weight: 400;
}

.copy-medium {
  color: #686868;
  font-size: 1em;
  line-height: 1.4em;
}

.title2 {
  color: #272727;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.2em;
}

.p-xs-end {
  padding-bottom: 1em;
}

.p-xl-start, .distance-big {
  padding-top: 6.5em;
}

.p-md-start {
  padding-top: 4.5em;
}

.p-md-end {
  padding-bottom: 4.5em;
}

.color-copy-dark {
  background-color: #272727;
}

.center-w1 {
  max-width: 1550px;
  margin-left: auto;
  margin-right: auto;
}

.center-w1.hero-width {
  max-width: 1920px;
}

.home-section {
  position: relative;
}

.button-projekte-wrapper {
  justify-content: flex-end;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
  inset: auto 0% 12% auto;
}

.button-about-wrapper {
  padding-bottom: 0;
  display: block;
  position: relative;
}

.button-kontakt-wrapper {
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.body {
  cursor: auto;
  background-color: #0000;
  font-family: Gilmer, sans-serif;
  font-size: 1vw;
  line-height: 1.6;
}

.image {
  object-fit: contain;
}

.foto {
  object-fit: contain;
  flex: 0 auto;
  align-self: auto;
  max-width: 100%;
  max-height: none;
  display: block;
  overflow: visible;
}

.foto._2 {
  max-width: 25%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.button-text-projekte {
  object-fit: fill;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: 400;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.heading {
  z-index: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  position: absolute;
  inset: auto auto 0% 0%;
}

.button-text-kontakt {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  position: absolute;
  inset: 0% 0% auto auto;
}

.image-2 {
  z-index: 10;
  margin-left: 109px;
  padding-left: 0;
  position: fixed;
  inset: 0% 0% auto auto;
}

.image-3 {
  z-index: 10;
  position: fixed;
  inset: auto auto 0% 0%;
}

.image-4 {
  z-index: 10;
  position: fixed;
  inset: auto 0% 0% auto;
}

.image-5 {
  object-fit: fill;
  max-width: 306%;
}

.image-6 {
  object-fit: contain;
  max-width: none;
  display: block;
  position: static;
  overflow: visible;
}

.div-block {
  color: #5a3232;
  background-image: url('../images/522766529c4c3bf01463adb0ac166139.jpg');
  background-position: 0 0;
  background-size: auto;
  position: relative;
}

.link {
  color: #868173;
  text-decoration: none;
}

.grid-container {
  mix-blend-mode: normal;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.inspiration {
  text-align: center;
  width: 40%;
  display: none;
}

.grid__item-img {
  background-image: url('../images/et4_mockup_front_flat-lifestyle_white.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.grid__item-img._8 {
  background-image: url('../images/third_slide_regie.png');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: cover;
  background-attachment: scroll;
}

.grid__item-img._3 {
  background-image: url('../images/sixth_slide_kura.png');
  background-position: 50%;
  background-size: cover;
}

.grid__item-img._4 {
  background-image: url('../images/thirteenth_slide_kura.png');
  background-position: 100%;
  background-size: cover;
}

.grid__item-img._6 {
  background-image: url('../images/first_slide_regie.png');
  background-position: 50%;
  background-size: cover;
}

.grid__item-img._2 {
  opacity: 1;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-color: #0000;
  background-image: url('../images/second_slide_regie.png');
  background-clip: border-box;
  display: block;
}

.grid__item-img._1 {
  background-image: url('../images/first_slide_kura.png');
  background-position: 40%;
}

.grid__item-img._5 {
  background-image: url('../images/thirteenth_slide_regie.png');
}

.grid__item-img._7 {
  background-image: url('../images/nineth_slide_kura-2.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
}

.grid__item-img.background-1 {
  z-index: -100;
  background-image: linear-gradient(to bottom, var(--thistle), var(--thistle));
  filter: blur(100px);
  mix-blend-mode: normal;
  border-radius: 900px;
}

.grid__item {
  mix-blend-mode: normal;
  border-radius: 0;
}

.grid {
  z-index: -1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0% 0 0% -4%;
}

.heading-2 {
  display: none;
}

.color-overlay-1 {
  background-color: var(--thistle);
  mix-blend-mode: color;
  border: 1px solid #0000;
  width: 100%;
  height: 100%;
  display: block;
}

.color-overlay-1._1 {
  background-color: var(--thistle);
  border-style: none;
  display: none;
}

.color-overlay-1._1:hover {
  opacity: 1;
}

.color-overlay-2 {
  background-color: var(--lemon-chiffon);
  mix-blend-mode: color;
  border: 1px solid #0000;
  width: 100%;
  height: 100%;
}

.color-overlay-2._3, .color-overlay-2._6 {
  display: none;
}

.navbar-wrapper {
  background-color: var(--lemon-chiffon);
  width: 100%;
  height: 60px;
  position: fixed;
}

.nav-main-wrapper {
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  display: flex;
}

.navbar {
  background-color: var(--lemon-chiffon);
  margin: 0;
  padding: 0;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-link {
  color: var(--dim-grey-2);
  letter-spacing: 2px;
  padding-left: 35px;
  padding-right: 35px;
  font-size: 20px;
  font-weight: 500;
}

.blurry-background-container {
  z-index: -999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.start-section {
  position: relative;
}

.grid-2 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.background-blur-rose {
  background-color: var(--thistle);
  border-radius: 999px;
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.background-blur-rose._1 {
  inset: 0% auto auto 0%;
}

.background-blur-rose._3 {
  opacity: 1;
  filter: blur(150px);
  width: 500px;
  height: 500px;
  inset: 1% -3% 112px auto;
}

.background-blur-yellow {
  background-color: var(--lemon-chiffon);
  border-radius: 999px;
  width: 200px;
  height: 200px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.background-blur-yellow._1 {
  inset: 0% 0% auto 43%;
}

.background-blur-yellow._2 {
  filter: blur(80px);
  width: 20vh;
  height: 20vh;
  bottom: 9.5vh;
  left: 17vw;
  right: auto;
}

.background-blur-yellow._3 {
  opacity: 1;
  filter: blur(100px);
  width: 250px;
  height: 300px;
  top: 682px;
  left: 1620px;
}

.blurry-background-wrapper {
  z-index: 0;
  width: 100vw;
  height: 100vh;
  position: relative;
}

.bg-circle {
  background-color: #455268;
  border-radius: 100%;
  width: 30vw;
  height: 30vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bg-circle._2 {
  background-color: var(--lemon-chiffon);
  opacity: 1;
  mix-blend-mode: normal;
  border-radius: 40%;
  margin-top: -20%;
}

.bg-circle._1 {
  background-color: var(--thistle);
  opacity: .5;
  border-radius: 20%;
  width: 40vw;
  height: 40vw;
  margin-top: -16%;
  margin-left: -16%;
}

.bg-circle._2 {
  background-color: var(--lemon-chiffon);
  opacity: 1;
  border-radius: 40%;
  margin-top: -20%;
}

.bg-circle._1 {
  opacity: .5;
  background-color: #f1c0e8;
  border-radius: 20%;
  width: 40vw;
  height: 40vw;
  margin-top: -16%;
  margin-left: -16%;
}

.bg-circle._2 {
  opacity: 1;
  background-color: #fbf8cc;
  border-radius: 40%;
  margin-top: -20%;
}

.bg-circle._3 {
  background-color: #fbf8cc;
  width: 40vw;
  height: 40vw;
  margin-top: -12%;
  margin-left: 52%;
}

.bg-circle._4 {
  background-color: #f1c0e8;
  width: 60vw;
  height: 60vw;
  margin-top: -32%;
  margin-right: -10%;
  left: auto;
  right: 0;
}

.bg-circle._5 {
  background-color: #fbf8cc;
  margin-top: 24%;
  margin-right: -8%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.bg-circle._6 {
  background-color: #fbf8cc;
  width: 40vw;
  height: 40vw;
  margin-top: 35%;
  margin-bottom: -20%;
  margin-right: -16%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.gradient-bg {
  z-index: -10;
  opacity: 1;
  filter: blur(120px);
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-color: #0000;
  background-clip: border-box;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.image-7 {
  width: 400px;
  height: 400px;
}

.image-8 {
  z-index: -9;
  opacity: .65;
  width: 40%;
  position: absolute;
  inset: 11% 0 auto 46%;
}

.image-8-copy {
  z-index: -9;
  opacity: .65;
  width: 40%;
  position: absolute;
  inset: 41% 0 auto 19%;
}

.image-8-copy-copy {
  z-index: -9;
  opacity: .65;
  background-color: #0000;
  width: 40%;
  position: absolute;
  inset: 8% auto auto -8%;
}

.text-block-3 {
  font-size: 2em;
  text-decoration: none;
}

.footer_bottom-right {
  text-align: right;
  border-top: 1px #000;
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  max-width: 90em;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: flex;
}

.footer_bottom-right.no-home {
  border: 1px #000;
  border-top-style: solid;
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-between;
  max-width: 100em;
  padding-top: 5px;
  display: flex;
}

.footer_bottom-right.no-home.home {
  display: none;
}

.footer_images-height {
  padding-top: 58%;
  position: relative;
}

.text-link {
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: .5em;
  margin-left: 1.7em;
  display: block;
  position: relative;
  overflow: hidden;
}

.text-link.copyright {
  margin-right: 1.7em;
}

.text-link.vita {
  margin-left: 0;
}

.footer_top {
  z-index: 1;
  text-align: right;
  flex-flow: column;
  flex: 0 auto;
  align-self: auto;
  width: 40.5em;
  max-width: 100%;
  margin-left: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer_pill-wrap {
  background-color: #0000;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  margin-bottom: 2.4em;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.footer_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: none;
}

.footer_image.is-4 {
  transform: translate(50vw, 100vh)rotate(-10deg);
}

.footer_image.is-7 {
  transform: translate(10vw, 100vh)rotate(-12deg);
}

.footer_image.is-6 {
  transform: translate(60vw, 100vh)rotate(8deg);
}

.footer_image.is-9 {
  transform: translate(30vw, 100vh)rotate(-19deg);
}

.footer_image.is-8 {
  transform: translate(-40vw, 100vh)rotate(-16deg);
}

.footer_image.is-1 {
  transform: translate(-50vw, 100vh)rotate(14deg);
}

.footer_image.is-5 {
  transform: translate(-20vw, 100vh)rotate(14deg);
}

.footer_image.is-3 {
  transform: translate(30vw, 100vh)rotate(13deg);
}

.footer_image.is-2 {
  transform: translate(40vw, 100vh)rotate(10deg);
}

.footer_bottom {
  z-index: 3;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.footer_bottom.no-home {
  display: block;
}

.footer_pill {
  opacity: 1;
  cursor: default;
  background-color: #0000;
  border: .3em #000;
  border-right-width: 0;
  border-radius: 0;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 97%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  bottom: auto;
  right: auto;
}

.footer_link {
  flex: 0 auto;
  align-self: flex-end;
  display: block;
}

.footer_link.no-home {
  display: none;
}

.main-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.footer_link-arrow-top {
  width: 6em;
  height: 4em;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: -1em;
  position: absolute;
  inset: 0% auto 0% 0%;
  transform: translate(0, -150%)rotate(90deg);
}

.footer_images {
  flex: none;
  width: 34em;
  position: relative;
}

.footer_link-arrow-side {
  text-align: center;
  flex: 0 auto;
  width: 6em;
  height: 4em;
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 0;
  font-size: 1em;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.social {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding-left: 2em;
  display: block;
}

.global-styles {
  position: fixed;
  inset: 0% 0% auto;
}

.html {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.page-wrapper {
  color: #020202;
  cursor: auto;
  background-color: #0000;
  width: 100%;
  font-size: 1em;
  position: relative;
  overflow: visible;
}

.text-link_p {
  font-size: 1.2em;
}

.text-link_p.no-home {
  text-align: center;
  text-transform: none;
  font-weight: 300;
}

.footer_media {
  z-index: 4;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.footer_heading {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  object-fit: fill;
  font-size: 5.5em;
  font-weight: 400;
  line-height: 1;
  position: relative;
  overflow: visible;
}

.footer_heading.hello {
  flex: 0 auto;
  padding-right: 1.2em;
  overflow: hidden;
}

.footer_heading.about {
  padding-left: 0;
  display: inline-block;
  overflow: visible;
}

.footer_heading.projekte {
  opacity: 1;
  margin-bottom: 10px;
  padding-bottom: 0;
  display: inline-block;
}

.footer_heading.about:hover {
  transform: translate(0);
}

.footer_link-top {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-link_line {
  opacity: 1;
  background-color: #000;
  border-bottom: 0 #e00e0e;
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
  top: auto;
  bottom: 0%;
  right: auto;
  overflow: visible;
  transform: translate(-101%);
}

.text-link_line.active {
  display: none;
  transform: none;
}

.container {
  width: 100%;
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
  padding: 1.4em;
  position: relative;
}

.container.is-footer {
  background-color: #0000;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: auto;
  max-width: 100em;
  margin-left: 0;
  margin-right: 0;
  font-family: Gilmer, sans-serif;
  display: block;
}

.section {
  width: 100%;
  position: relative;
}

.section.is-footer {
  align-items: flex-end;
  display: block;
  overflow: hidden;
}

.text-block-4 {
  font-size: 2em;
}

.text-block-5 {
  font-size: 2em;
  font-weight: 500;
}

.home-element {
  display: block;
  position: absolute;
  overflow: hidden;
}

.home-element-text {
  letter-spacing: .01em;
  text-transform: none;
  font-size: 1.5em;
  font-weight: 500;
  position: static;
}

.html-embed {
  opacity: 1;
  color: #0000;
  mix-blend-mode: normal;
  object-fit: fill;
  background-color: #0000;
  border-radius: 0;
}

.lottie-animation {
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.lottie-animation-2 {
  position: absolute;
}

.eyes-wrapper {
  mix-blend-mode: normal;
  width: 12em;
  height: 12em;
  display: block;
  position: absolute;
  inset: 21% 34%;
}

.lottie {
  mix-blend-mode: normal;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-right: 0;
}

.lottie-animation-3 {
  width: 100%;
  height: 100%;
}

.eye {
  background-color: #0000;
  width: 350px;
  height: auto;
}

.timeline_definition-wrapper {
  background-color: #ffffff0d;
  border-radius: 16px;
  padding: 16px;
}

.overlay-fade-bottom {
  background-image: linear-gradient(to top, #0a0a0a, #0a0a0a00);
  height: 80px;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.timeline_component {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.timeline_milestone-badge {
  color: #161616;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 24px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 12px;
  display: inline-block;
}

.timeline_quote-title {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.overlay-fade-top {
  background-image: linear-gradient(#0a0a0a, #0a0a0a00);
  height: 80px;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.text-colour-lightgrey {
  color: #ffffffa6;
}

.timeline_item {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 0 #000;
  border-bottom: 2px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  justify-items: stretch;
  padding-top: 50px;
  padding-bottom: 50px;
  display: grid;
  position: relative;
}

.timeline_item.end {
  border-bottom-style: none;
  margin-bottom: 90px;
}

.timeline_quote {
  color: #fff;
  margin-bottom: 16px;
  font-size: 14px;
}

.timeline_badge {
  color: #fff;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #ffffff26;
  border-radius: 8px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: inline-block;
}

.timeline_link {
  opacity: .6;
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 8px;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  transition: opacity .3s;
  display: flex;
}

.timeline_link:hover {
  opacity: 1;
}

.timeline_quote-wrapper {
  border: 2px solid #fff;
  border-radius: 16px;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.container-2 {
  justify-content: center;
  align-items: center;
  width: 90vw;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.timeline_quote-text-wrapper {
  flex: 1;
}

.section-timeline {
  z-index: -3;
  background-color: #0000;
  position: relative;
}

.timeline_progress {
  z-index: -999;
  background-color: var(--lemon-chiffon);
  border: 1px solid #0000;
  width: 3px;
  height: 100%;
  position: absolute;
}

.timeline_image-wrapper {
  color: #0000;
  text-align: left;
  object-fit: fill;
  border-radius: 0;
  width: 24em;
  height: 100%;
  display: block;
  overflow: visible;
}

.timeline_right {
  object-fit: fill;
  justify-content: flex-end;
  width: auto;
  display: flex;
}

.timeline_centre {
  justify-content: center;
  display: flex;
  position: static;
}

.text-colour-white {
  color: #fff;
}

.timeline_progress-bar {
  z-index: -1;
  background-color: #fff;
  background-image: linear-gradient(to bottom, var(--thistle), var(--thistle));
  opacity: 1;
  color: #323232;
  border: 1px solid #0000;
  width: 3px;
  height: 50vh;
  padding-top: 105px;
  position: fixed;
  inset: 0 auto 50vh;
}

.timeline_circle {
  background-color: var(--lemon-chiffon);
  box-shadow: 0 0 0 8px var(--thistle);
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  position: sticky;
  top: 50vh;
}

.margin-bottom-medium {
  margin-bottom: 32px;
}

.timeline_quote-image {
  border-radius: 8px;
  width: 48px;
  height: 48px;
  margin-right: 24px;
}

.margin-bottom-xlarge {
  margin-bottom: 56px;
}

.timeline_date-text {
  color: #000;
  letter-spacing: -.03em;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.2;
  position: sticky;
  top: 50vh;
}

.timeline_left {
  text-align: left;
  justify-content: flex-end;
  align-items: stretch;
}

.inline-block {
  display: inline-block;
}

.timeline_text {
  color: #000;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
}

.link-icon {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}

.body-2 {
  font-family: Gilmer, sans-serif;
  font-size: 1vw;
  line-height: 1.6;
}

.section-timeline-2 {
  z-index: -3;
  background-color: #0000;
  flex: 0 auto;
  position: relative;
}

.section-timeline-heading {
  background-color: var(--lemon-chiffon);
  width: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.padding-vertical-xlarge {
  padding-top: 120px;
  padding-bottom: 120px;
}

.timeline-main_heading-wrapper {
  color: #000;
  text-align: center;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-large {
  letter-spacing: -.02em;
  font-size: 20px;
}

.section-heading {
  background-color: #0000;
  min-width: 0;
  max-width: 71em;
  height: auto;
  margin-top: 12em;
  margin-bottom: 8em;
  padding-top: 0;
  display: none;
  position: static;
}

.section-projects {
  flex-flow: row;
  display: flex;
}

.overlay-fade-bottom-2 {
  background-image: linear-gradient(to top, #0a0a0a, #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: auto 0% 0%;
}

.overlay-fade-top-2 {
  background-image: linear-gradient(#0a0a0a, #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: 0% 0% auto;
}

.timeline_progress-2 {
  z-index: -2;
  background-color: #414141;
  width: 3px;
  height: 100%;
  display: none;
  position: absolute;
}

.timeline_progress-bar-2 {
  z-index: -1;
  background-color: #fff;
  background-image: linear-gradient(#ff7448, #ff4848 51%, #6248ff);
  width: 3px;
  height: 50vh;
  display: block;
  position: fixed;
  inset: 0 auto 50vh;
}

.timeline_circle-2 {
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  display: block;
  position: fixed;
  top: 50vh;
  box-shadow: 0 0 0 8px #0a0a0a;
}

.timeline_date-text-2 {
  color: #000;
  text-align: left;
  letter-spacing: -.03em;
  padding-bottom: .25em;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.2;
  position: static;
  top: 50vh;
}

.timeline_date-text-2.long {
  font-size: 3em;
}

.timeline-heading {
  color: #000;
  padding-bottom: .25em;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.3;
}

.timeline-heading-two {
  font-size: 1.3em;
  font-weight: 300;
}

.kategorie-regie {
  text-align: left;
  background-color: #0000;
  border: .18em solid #000;
  border-radius: 100px;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: 1em;
  margin-left: 0;
  margin-right: .5em;
  padding: 6px;
  display: inline-block;
  position: static;
}

.kategorie-text-regie {
  color: #000;
  text-align: left;
  letter-spacing: 1px;
  border: 1.5px #000;
  border-radius: 20px;
  flex: 0 auto;
  font-size: 1.5em;
  font-weight: 400;
  display: block;
}

.kategorie-text-regie.bold {
  letter-spacing: 1px;
  font-size: 1.7em;
  font-weight: 500;
}

.hero-text {
  float: left;
  font-size: 3.3em;
  font-weight: 700;
  line-height: 1.2em;
  text-decoration: none;
  position: relative;
}

.image-9 {
  color: #0000;
  text-align: left;
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  overflow: visible;
}

.lottie-animation-4 {
  justify-content: center;
  align-items: stretch;
  margin-top: 0;
  padding-top: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.image-10 {
  position: sticky;
}

.div-block-2 {
  background-color: #b55454;
  width: 10px;
  height: 10px;
  position: sticky;
}

.timeline_centre-2 {
  justify-content: center;
  display: none;
}

.timeline_circle-3 {
  clear: none;
  opacity: 1;
  background-color: #0000;
  border-radius: 0%;
  width: 6em;
  min-width: 6em;
  max-width: 6em;
  height: 6em;
  min-height: 6em;
  max-height: 6em;
  position: sticky;
  top: 50vh;
}

.lottie-animation-5 {
  position: sticky;
}

.lottie-animation-6 {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  position: sticky;
}

.lottie-animation-7 {
  width: 3em;
  height: 3em;
  margin-left: 16.6em;
  display: block;
}

.body-3 {
  font-size: 1vw;
  line-height: 1.6;
}

.vita-copy {
  float: left;
  letter-spacing: .25px;
  margin-bottom: 0;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.2em;
  position: static;
}

.vita-copy-section {
  background-color: #0000;
  min-width: 0;
  max-width: 50em;
  height: auto;
  margin-top: 12em;
  margin-bottom: 4.5em;
  padding-top: 0;
}

.link-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  display: block;
  position: relative;
  overflow: hidden;
}

.container-home {
  width: 100%;
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
  padding: 1.4em;
  position: relative;
}

.container-home.is-footer {
  background-color: #0000;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 100em;
  min-height: 100vh;
  margin-left: 0;
  margin-right: 0;
  font-family: Gilmer, sans-serif;
  display: flex;
}

.body-4 {
  font-size: 1vw;
  line-height: 1.6;
}

.links-wrapper {
  text-align: left;
  flex-direction: row;
  flex: none;
  justify-content: flex-end;
  align-self: auto;
  align-items: center;
  padding-bottom: 12px;
  padding-right: 24px;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.footer_bottom-no-home {
  z-index: 3;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-end;
  width: 100%;
  display: none;
  position: relative;
}

.footer_bottom-no-home.no-home {
  display: block;
}

.footer_bottom-no-home.about {
  padding-top: 50px;
  display: block;
}

.page-transition {
  z-index: 3000;
  background-color: #0000;
  background-image: linear-gradient(to bottom, var(--thistle), var(--lemon-chiffon));
  color: #0000;
  cursor: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.transition-blur-wrapper {
  color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
}

.transition-blur {
  background-color: var(--lemon-chiffon);
  filter: blur(100px);
  border-radius: 9000px;
  width: 30em;
  height: 30em;
  display: block;
  position: absolute;
  inset: 0% 0% auto -34px;
}

.transition-blur._1 {
  background-color: var(--thistle);
  width: 50em;
  height: 50em;
  inset: auto 0% -43% -26px;
}

.transition-blur._2 {
  width: 50em;
  height: 35em;
}

.transition-blur._3 {
  background-color: var(--thistle);
  width: 35em;
  height: 35em;
  left: 661px;
}

.transition-blur._4 {
  inset: auto 0% 0% 751px;
}

.transition-lottie-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
}

.transition-lottie {
  width: 18.8em;
  height: auto;
}

.lf-attention-container {
  transform-style: preserve-3d;
  background-color: #0000;
  width: 6em;
  height: 6em;
  display: block;
  position: absolute;
  inset: 7.1em 30.9em auto auto;
  transform: rotateX(0)rotateY(151deg)rotateZ(0);
}

.lf-scrolldown-container {
  background-color: #ff0e0e;
  width: 32px;
  height: 46px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 47.8em 80.7em auto;
}

.lf-scrolldown-icon {
  cursor: pointer;
  background-color: #f8dada;
  width: 1em;
  height: 1em;
  font-size: 2em;
  line-height: 2;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-3 {
  background-color: #d48c8c;
  justify-content: center;
  align-items: center;
  width: 0%;
  height: 100vh;
  max-height: none;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.cursor-wrapper {
  z-index: 2000;
  cursor: auto;
  mix-blend-mode: overlay;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.cursor {
  background-color: var(--thistle);
  -webkit-text-fill-color: inherit;
  cursor: none;
  mix-blend-mode: normal;
  background-clip: border-box;
  border-radius: 100%;
  width: 30px;
  height: 30px;
}

.impressum-copy {
  padding-bottom: 100px;
}

.image-11 {
  text-align: left;
  object-fit: cover;
  width: auto;
  max-width: 100%;
  height: 200px;
  max-height: 100%;
}

.jahr {
  color: #000;
  text-align: left;
  letter-spacing: 1px;
  border: 1.5px #000;
  border-radius: 20px;
  flex: 0 auto;
  font-size: 1.3em;
  font-weight: 400;
  display: block;
}

.wrapper-jahr {
  text-align: left;
  background-color: #0000;
  border: .18em solid #000;
  border-radius: 100px;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: 1em;
  margin-left: 10px;
  margin-right: 0;
  padding: 6px;
  display: inline-block;
  position: static;
}

.link-2 {
  font-size: 80px;
}

.link-2.w--current {
  font-size: 200px;
  line-height: 314px;
}

.body-5 {
  text-align: left;
  min-width: 100%;
  min-height: 100%;
  font-size: 1em;
  line-height: 1.6;
}

.project {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  background-color: #0000;
  flex-flow: row;
  grid-template: "Area"
                 "."
                 / 2.5fr 2.5fr 2.5fr 2.5fr;
  grid-auto-columns: 1fr;
  place-content: space-around;
  place-items: stretch stretch;
  min-width: 0;
  max-width: 100%;
  height: auto;
  margin-top: 7.5em;
  margin-bottom: 7.5em;
  padding-top: 0;
  display: grid;
}

.heading-3 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-items: stretch;
  margin-top: 5px;
  margin-bottom: .125em;
  font-size: 2.5em;
  line-height: 1em;
  display: block;
}

.text-block-6 {
  margin-top: 0;
}

.image-12 {
  text-align: left;
  object-fit: contain;
  width: auto;
  max-width: 10%;
  height: auto;
  padding-top: 0;
  transition: opacity .2s;
  transform: translate(0);
}

.div-block-4 {
  max-width: 22.9em;
}

.div-block-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  border: .1em solid #000;
  flex-flow: column wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  max-height: none;
  padding: .5em 15px 0 .5em;
  display: flex;
}

.image-13 {
  text-align: left;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  padding-top: .5em;
  padding-bottom: .5em;
  display: block;
  transform: rotate(0);
}

.div-block-6 {
  background-color: #0000;
}

.project-image {
  object-fit: fill;
  object-position: 50% 100%;
  width: 23.4em;
  min-width: 0;
  max-width: none;
  min-height: 0;
  max-height: none;
}

.heading-4 {
  margin-top: 0;
  margin-bottom: .1em;
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1.3em;
  display: block;
}

.heading-5 {
  margin-top: 0;
}

.rich-text-block {
  margin-top: .75em;
  margin-bottom: .5em;
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1.2;
  display: block;
}

.div-block-7 {
  flex-direction: row;
  padding-bottom: .5em;
  display: flex;
}

.kategorie {
  text-align: left;
  background-color: #0000;
  border: .12em solid #000;
  border-radius: 100px;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: 1em;
  margin-left: 0;
  margin-right: .5em;
  padding: 6px;
  display: inline-block;
  position: static;
}

.kategorie-text {
  color: #000;
  text-align: left;
  letter-spacing: 1.1px;
  border-radius: 0;
  flex: 0 auto;
  font-size: .8em;
  font-weight: 500;
  line-height: 1.3;
  display: block;
}

.rich-text-block-2 {
  font-size: 1.5em;
  line-height: 1.3;
}

.link-3 {
  overflow: visible;
}

.footer_top_start {
  z-index: 1;
  text-align: right;
  flex-flow: column;
  flex: 0 auto;
  align-self: auto;
  width: 40.5em;
  max-width: 100%;
  margin-left: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lottie-animation-8 {
  transform-style: preserve-3d;
  background-color: #0000;
  width: 86px;
  padding-left: 0;
  padding-right: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: auto;
  left: 1164.92px;
  transform: rotateX(-180deg)rotateY(-180deg)rotateZ(0);
}

.div-block-8 {
  width: 3em;
  margin-left: auto;
  margin-right: 3em;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
}

.html-embed-2 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.test-image-wrapper {
  width: 16.2em;
  height: auto;
}

.thesis_links {
  font-family: Gilmer, sans-serif;
  font-size: 30px;
  line-height: 33px;
}

.thesis_link-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  aspect-ratio: auto;
  object-fit: fill;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-9, .spline-scene {
  height: 100vh;
}

.image-14 {
  max-width: 80%;
}

.div-block-10 {
  justify-content: center;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 48px;
  display: flex;
}

.div-block-10.is-last {
  padding-bottom: 48px;
}

.blog-teaser-list-wrapper, .blog-teaser-list {
  height: 100%;
}

.blog-teaser-item {
  aspect-ratio: auto;
  object-fit: fill;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.social-link {
  color: #000;
  align-items: center;
  margin-top: .7em;
  margin-bottom: .7em;
  font-size: 1.5em;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.social-link:hover {
  color: #f39a0e;
  transform: scale(1.2);
}

.p-xs-end-2 {
  padding-bottom: 1.6em;
}

.blog-teaser-item-wrapper {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  flex-direction: column;
  justify-content: space-between;
  padding: 3.4em 2em;
}

.blog-teaser-item-wrapper.quote {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4em 2em;
  display: flex;
}

.blog-teaser-item-wrapper.page-teaser {
  justify-content: center;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 2em;
}

.section-blog-overview {
  overflow: hidden;
}

.blog-header-divider-inner {
  width: 50%;
  height: 1px;
  position: relative;
}

.p-xs-start-2 {
  padding-top: 1.6em;
}

.page-teaser-text-wrapper {
  z-index: 2;
  color: #fff;
  text-align: center;
  padding: 6.5em 10.2em;
  position: relative;
}

.social-title {
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 1.2em;
}

.grid-border-line-wrapper {
  background-color: #fff;
  width: 2px;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.grid-border-line-wrapper.right {
  inset: 0% 0% auto auto;
}

.page-teaser-gradient {
  z-index: 1;
  background-image: linear-gradient(163deg, #fff0 9%, #3c230199 83%);
  position: absolute;
  inset: 0%;
}

.social-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.blog-overview-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1.75fr 1.5fr 1fr 1fr;
  width: 100%;
}

.page-teaser-title {
  font-size: 3.5em;
  font-weight: 500;
  line-height: 1.15em;
}

.social-icon {
  width: 1.5em;
  height: 1.5em;
}

.page-teaser-subtitle {
  letter-spacing: .25em;
  text-transform: uppercase;
  font-size: 1.15em;
  font-weight: 500;
}

.page-teaser-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.blog-teaser-quote {
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 2.4em;
  font-weight: 300;
  line-height: 1.2;
}

.blog-header-divider {
  background-color: #000;
  width: 100%;
  height: 2px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.blog-header-divider.right {
  width: 100%;
  inset: 0% auto auto 0%;
}

.blog-header-title-letter {
  display: block;
}

.quote-author-wrapper {
  margin-top: 1em;
}

.blog-header-title-wrapper {
  justify-content: flex-end;
  display: flex;
}

.container-w1 {
  width: 100%;
  max-width: 95em;
  margin-left: auto;
  margin-right: auto;
}

.p-xl-end-2 {
  padding-bottom: 8.5em;
}

.p-xxs-end {
  padding-bottom: 1.1em;
}

.button-2 {
  color: #000;
  text-align: center;
  letter-spacing: .02em;
  background-color: #fff;
  background-image: linear-gradient(135deg, #ffc260 13%, #fdf89e 50%, #e3fecc 82%, #fff);
  border: 0 #0000;
  border-radius: 999em;
  margin-bottom: 0;
  padding: 1.2em 2.5em;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.1em;
  text-decoration: none;
  transition: all .5s cubic-bezier(.165, .84, .44, 1);
  position: relative;
  overflow: hidden;
}

.button-2:hover {
  transform: scale(1.06);
  box-shadow: inset 1px 1px 30em #f8ffad;
}

.button-2:active {
  transform: scale(.96);
}

.page-teaser-image {
  object-fit: cover;
  flex: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.p-xl-start-2 {
  padding-top: 8.5em;
}

.blog-header-divider-wrapper {
  justify-content: center;
  width: 100%;
  height: 1px;
  margin-top: 1em;
  display: flex;
}

.blog-header-title {
  perspective: 3em;
  perspective-origin: 50% 0;
  text-align: right;
  text-transform: uppercase;
  justify-content: flex-start;
  font-size: 10em;
  font-weight: 300;
  display: flex;
  position: relative;
}

.grid-border-line {
  background-color: #000;
  width: 1px;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.grid-border-line.right {
  width: 2px;
}

.position-realtive {
  position: relative;
}

.image-15 {
  object-fit: cover;
  height: 100%;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-bottom: 0;
}

.image-16 {
  object-fit: fill;
}

.image-17 {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: fill;
  overflow: clip;
}

.image-18 {
  height: 100%;
}

.rich-text-block-3 {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 49px;
  overflow: hidden;
}

.text-block-7 {
  letter-spacing: 1px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 80%;
  font-size: 1.1em;
  font-weight: 400;
  overflow: hidden;
}

.link-block-50 {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.bold-text {
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: .8em;
  font-weight: 400;
  line-height: .4;
}

.bold-text-2 {
  vertical-align: baseline;
  font-size: .6em;
  line-height: 1;
  display: inline;
}

.bold-text-3 {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
}

.div-block-11 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.grid-3 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.table-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-left: 1px solid #000;
  border-right: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: start;
  place-items: stretch stretch;
  display: grid;
}

.table-row:hover {
  mix-blend-mode: normal;
  border-top: 0 solid #000;
  border-bottom: 2px #000;
  border-left: 1px solid #000;
  border-right: 0 solid #000;
  font-weight: 400;
}

.table-row.first {
  border-top: 1px #000;
  border-left-style: none;
  border-right-style: none;
  flex-flow: row;
  grid-template-columns: .25fr 1fr 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.table {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #000;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.table-header {
  padding-top: 3rem;
  padding-bottom: 1rem;
  padding-left: 0;
  font-size: 1.5rem;
  font-weight: 700;
}

.table-header.first {
  padding-top: 5rem;
  font-size: 1.5rem;
}

.table-text {
  text-align: left;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  vertical-align: middle;
  border-top: 1px #000;
  border-bottom: 1px #000;
  border-right: 1px #000;
  flex-flow: row;
  min-width: 0;
  padding: 6px .5rem;
  font-size: 1rem;
  line-height: 1.2;
  display: block;
  overflow: hidden;
}

.table-text:hover {
  font-weight: 400;
}

.table-text.ellipsis {
  vertical-align: middle;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: inline;
}

.table-text.first {
  max-width: 100px;
}

.table-text.third {
  width: 249px;
}

.table-text.is-project:hover {
  font-weight: 700;
}

.table-cell {
  text-overflow: clip;
  border: 1px solid #000;
  border-style: solid solid none none;
  overflow: hidden;
}

.table-cell:hover {
  font-weight: 400;
}

.table-cell.institution {
  box-sizing: border-box;
  white-space: nowrap;
  word-break: normal;
  vertical-align: middle;
  width: 285px;
  display: inline;
}

.table-cell.is-project:hover {
  font-weight: 700;
}

.table-wrapper {
  border-left: 1px #000;
  border-right: 1px #000;
  margin-left: 0;
  margin-right: 0;
}

.table-container {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.nav-link-2 {
  color: #000;
  text-transform: uppercase;
  font-size: .75rem;
  text-decoration: none;
}

.loading_wrap {
  z-index: 999;
  cursor: none;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.required-styles {
  display: block;
}

.loading-word_text {
  text-transform: uppercase;
}

.canvas__item {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  aspect-ratio: auto;
  object-fit: fill;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.loading-word {
  position: absolute;
  bottom: 52%;
  right: 60%;
}

.about-link {
  color: #000;
  text-transform: uppercase;
  font-size: .75rem;
  text-decoration: none;
}

.navbar_wrap {
  z-index: 20;
  position: fixed;
  inset: 2em 2em auto;
}

.cursor-2 {
  z-index: 100;
  pointer-events: none;
  color: #000;
  text-transform: uppercase;
  cursor: auto;
  background-color: #fff0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: -1.9rem;
  left: -4.9rem;
}

.about_text {
  text-transform: uppercase;
}

.image-collection {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.filter-link {
  color: #000;
  text-transform: uppercase;
  font-size: .75rem;
  text-decoration: none;
}

.filter_component {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  display: flex;
}

.about_wrap {
  z-index: 19;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.container-3 {
  margin-left: auto;
  margin-right: auto;
}

.main-wrapper-2 {
  width: 100%;
}

.cursor_text {
  color: #000;
  text-align: right;
  mix-blend-mode: difference;
  background-color: #0000;
  padding-right: .4rem;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.1;
}

.navbar_component {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.about_component {
  aspect-ratio: 2 / 3;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 40rem;
  height: 75vh;
  padding: 2em;
  display: flex;
}

.filter-link-year {
  color: #000;
  text-transform: uppercase;
  font-size: .75rem;
  text-decoration: none;
}

.filter_wrap {
  z-index: 20;
  position: fixed;
  inset: auto 2em 2em auto;
}

.cursor-block {
  color: #000;
  mix-blend-mode: difference;
  background-color: #000;
  width: 5px;
  height: 5px;
}

.project_image {
  object-fit: contain;
  position: static;
}

.project_image-wrap {
  object-fit: fill;
}

.grid-left {
  box-sizing: border-box;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  object-fit: fill;
  flex: 0 auto;
  order: 1;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch space-between;
  align-self: stretch;
  align-items: center;
  width: 50%;
  display: grid;
  overflow: visible;
}

.grid-left._1 {
  grid-column-gap: 8px;
  flex: 1;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-self: auto;
}

.grid-left._2 {
  width: 40%;
}

.image-19 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.grid-2-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  padding-bottom: 1.5rem;
  display: flex;
}

.grid-right {
  box-sizing: border-box;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  object-fit: fill;
  flex: 0 auto;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: stretch;
  align-self: stretch;
  place-items: center stretch;
  width: 50%;
  display: grid;
  overflow: visible;
}

.grid-right._2 {
  justify-content: stretch;
  width: 60%;
}

.project-title {
  margin-bottom: 0;
  padding-bottom: .2rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  display: inline-block;
  overflow: visible;
}

.project-year {
  color: #696767;
  margin-bottom: 0;
  padding-right: 0;
  font-size: .9rem;
  line-height: 1.6;
}

.project-year.spacer {
  color: #696767;
  padding-right: 4px;
}

.project-materials {
  color: #696767;
  margin-bottom: 0;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.2;
}

.project-component {
  margin-top: 14rem;
}

.empty-row {
  height: 100px;
}

.projekt-image {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: static;
  overflow: clip;
}

.projekt-image._1 {
  width: 100%;
  height: 100%;
}

.image-20 {
  object-fit: fill;
}

.project-text-wrap {
  justify-content: flex-start;
  align-items: center;
  padding-top: .25rem;
  padding-bottom: 10rem;
  display: flex;
}

.background-video {
  object-fit: contain;
}

.div-block-12 {
  width: 400px;
  height: 600px;
  overflow: hidden;
}

.bg-wrap {
  width: 300px;
}

.cell {
  width: 25%;
}

.background-video-2 {
  width: 400px;
  height: 100%;
}

.background-video-wrap {
  box-sizing: border-box;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  object-fit: fill;
  flex: 1;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: stretch;
  align-self: stretch;
  place-items: center stretch;
  width: 50%;
  display: block;
  overflow: visible;
}

.background-video-3 {
  z-index: 10;
  width: 250px;
  height: 250px;
}

.footer_top_start-2 {
  z-index: 1;
  text-align: right;
  flex: 0 auto;
  align-self: auto;
  width: 40.5em;
  max-width: 100%;
  margin-left: auto;
  position: relative;
  overflow: hidden;
}

.link-wrapper-2 {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.text-link_line-2 {
  opacity: 1;
  background-color: #000;
  border-bottom: 0 #e00e0e;
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: visible;
  transform: translate(-101%);
}

.div-block-13 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-block;
  overflow: hidden;
}

.div-block-14 {
  background-color: #000;
  width: 100%;
  height: 2px;
}

.bold-text-4 {
  font-weight: 400;
  line-height: 2em;
}

.text-span, .text-span-2 {
  font-weight: 700;
}

@media screen and (max-width: 991px) {
  .gutter-outside {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .button:hover {
    opacity: 1;
    transform: scale(1);
  }

  .body {
    font-size: 1.15vw;
  }

  .bg-circle._1 {
    width: 60em;
    height: 60em;
  }

  .bg-circle._2 {
    width: 45em;
    height: 45em;
  }

  .bg-circle._3 {
    width: 50em;
    height: 50em;
    margin-top: 28%;
  }

  .bg-circle._4 {
    width: 70vw;
    height: 70vw;
    margin-top: -6%;
  }

  .bg-circle._5 {
    width: 60vw;
    height: 60vw;
    margin-top: 77%;
  }

  .bg-circle._6 {
    background-color: var(--thistle);
    width: 30vw;
    height: 30vw;
    margin-top: 96%;
    inset: -29px auto 0% 0%;
  }

  .footer_bottom-right {
    text-align: left;
    justify-content: flex-end;
  }

  .text-link {
    margin-left: 0;
    margin-right: 1.7em;
  }

  .footer_image.is-1 {
    transform: translate(-50vw, -100vh)rotate(14deg);
  }

  .footer_bottom {
    align-self: flex-start;
    display: flex;
  }

  .footer_images {
    width: 50%;
  }

  .social {
    padding-left: 0;
  }

  .eye {
    width: 290px;
  }

  .section-heading {
    max-width: 90em;
    margin-left: auto;
    margin-right: auto;
  }

  .vita-copy {
    font-size: 3em;
  }

  .vita-copy-section {
    max-width: 70em;
  }

  .footer_bottom-no-home {
    align-self: flex-start;
    display: none;
  }

  .lf-attention-container {
    top: 8em;
  }

  .lf-attention-icon {
    background-color: #0000;
  }

  .cursor-wrapper {
    display: none;
  }

  .project {
    grid-template-columns: 2.5fr 2.5fr;
    grid-template-areas: "Area ."
                         ". ."
                         "Area-2 Area-3";
    place-content: center;
    max-width: 100em;
  }

  .heading-3 {
    margin-bottom: .125em;
    font-size: 5em;
  }

  .div-block-5 {
    border-width: .2em;
  }

  .project-image {
    background-color: #0000;
    width: 47.6em;
    height: 27.8em;
    display: inline;
  }

  .heading-4 {
    font-size: 3em;
  }

  .rich-text-block {
    font-size: 2.2em;
  }

  .kategorie {
    border-width: .2em;
  }

  .kategorie-text {
    font-size: 1.2em;
  }

  .rich-text-block-2 {
    font-size: 2em;
  }

  .div-block-8 {
    width: 4em;
    padding-top: 0;
    padding-bottom: 2.5em;
  }

  .div-block-10 {
    padding-top: 42px;
  }

  .div-block-10.is-last {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  .social-link:hover {
    color: #000;
    transform: none;
  }

  .blog-teaser-item-wrapper {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .blog-teaser-item-wrapper.quote {
    padding: 3em;
  }

  .page-teaser-text-wrapper {
    padding-left: 2em;
    padding-right: 2em;
  }

  .blog-overview-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .page-teaser-title {
    font-size: 2.8em;
  }

  .blog-teaser-quote {
    font-size: 1.7em;
  }

  .blog-header-title-wrapper {
    justify-content: flex-start;
  }

  .button-2:hover {
    box-shadow: none;
    transform: none;
  }

  .button-2:active {
    transform: scale(.94);
  }

  .blog-header-title {
    text-align: left;
    font-size: 15vw;
  }

  .table-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: start;
    justify-items: stretch;
    display: grid;
  }

  .loading_wrap {
    display: none;
  }

  .loading-word {
    left: 5%;
    right: auto;
  }

  .cursor-2, .about_wrap {
    display: none;
  }

  .grid-left {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex: 0 auto;
    order: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch;
    align-self: flex-start;
    place-items: center start;
    width: 100%;
    display: grid;
  }

  .grid-left._1 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
    place-content: start;
    display: flex;
  }

  .grid-left._2 {
    flex: none;
    align-self: center;
    place-items: stretch stretch;
    width: 250px;
    height: 250px;
  }

  .grid-2-column {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .grid-2-column._2 {
    flex-flow: row-reverse wrap-reverse;
    height: 100%;
    display: flex;
  }

  .grid-right {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    align-self: flex-start;
    place-items: center stretch;
    width: 50%;
  }

  .grid-right._2 {
    width: 100%;
  }

  .project-year, .project-materials {
    line-height: 1.3;
  }

  .empty-row {
    display: none;
  }

  .projekt-image {
    width: 100%;
  }

  .projekt-image._1 {
    width: 50%;
    height: 100%;
    padding-right: 8px;
  }

  .projekt-image._1._2 {
    margin-left: -8px;
    padding-left: 0;
  }

  .projekt-image._3 {
    width: 100%;
    padding-right: 4px;
  }

  .background-video-2 {
    z-index: 1;
    width: 100%;
    height: 600px;
    padding-right: 0;
  }

  .background-video-wrap {
    width: 49%;
  }

  .background-video-3 {
    width: 100%;
    height: 100%;
  }

  .div-block-14, .div-block-15 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .title5 {
    font-size: 1.2em;
  }

  .title1 {
    font-size: 2.8em;
  }

  .styles-grid-colors {
    display: flex;
  }

  .title6 {
    font-size: 1em;
  }

  .title2 {
    font-size: 2em;
  }

  .distance-big {
    padding-top: 6em;
  }

  .body {
    font-size: 1.2vw;
  }

  .footer_top {
    width: 38em;
  }

  .footer_bottom, .footer_link {
    display: none;
  }

  .footer_images {
    width: 60%;
  }

  .text-link_p.no-home {
    font-size: 2.5em;
  }

  .footer_heading {
    font-size: 5.2em;
  }

  .container {
    padding: 4vw;
  }

  .timeline_item {
    border-bottom-width: 1.5px;
    grid-template-columns: 64px 1fr;
    justify-content: stretch;
    place-items: stretch stretch;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    display: block;
    overflow: visible;
  }

  .timeline_quote-wrapper {
    flex-direction: column-reverse;
  }

  .timeline_progress {
    left: 6px;
  }

  .timeline_image-wrapper {
    width: 65em;
  }

  .timeline_right {
    justify-content: center;
    align-items: center;
  }

  .timeline_centre {
    justify-content: flex-start;
  }

  .timeline_quote-image {
    margin-top: 24px;
    margin-right: 0;
  }

  .margin-bottom-xlarge {
    margin-bottom: 48px;
  }

  .timeline_date-text {
    margin-bottom: 24px;
    font-size: 36px;
  }

  .timeline_left {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .timeline_text {
    font-size: 20px;
  }

  .padding-vertical-xlarge {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .paragraph-large {
    font-size: 18px;
  }

  .section-heading {
    max-width: 90em;
    margin-left: auto;
    margin-right: auto;
  }

  .timeline_progress-2 {
    left: 6px;
  }

  .timeline_date-text-2 {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: .2em;
    font-size: 9.5em;
  }

  .timeline-heading {
    text-align: center;
    padding-bottom: .5em;
    font-size: 5em;
  }

  .kategorie-regie {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: center;
    margin-bottom: 4.5em;
    display: block;
  }

  .kategorie-text-regie {
    font-size: 2em;
  }

  .timeline_centre-2 {
    justify-content: flex-start;
  }

  .vita-copy {
    font-size: 3.5em;
  }

  .vita-copy-section {
    max-width: 90em;
  }

  .container-home {
    padding: 4vw;
  }

  .footer_bottom-no-home {
    display: block;
  }

  .footer_bottom-no-home.about {
    position: static;
  }

  .transition-lottie-wrapper {
    display: none;
  }

  .lf-attention-container {
    top: 9.5em;
    right: 31.8em;
  }

  .jahr {
    font-size: 2em;
  }

  .wrapper-jahr {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: center;
    margin-bottom: 4.5em;
    display: block;
  }

  .wrapper-pill {
    justify-content: center;
    display: flex;
  }

  .project {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
    grid-template-rows: auto auto;
    grid-template-columns: 2.5fr 2.5fr;
    grid-auto-columns: 1fr;
    max-width: 90em;
    display: grid;
  }

  .heading-3 {
    margin-bottom: .5em;
    font-size: 4em;
  }

  .div-block-5 {
    border-width: .25em;
  }

  .project-image {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #0000;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 43.9em;
    height: 30.3em;
    display: inline;
  }

  .heading-4 {
    font-size: 3em;
  }

  .rich-text-block {
    margin-top: 0;
    font-size: 3em;
  }

  .div-block-7 {
    flex-direction: row;
    flex: 0 auto;
    align-items: flex-start;
  }

  .kategorie {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    border-width: .25em;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: center;
    margin-bottom: 4.5em;
    display: block;
  }

  .kategorie-text {
    font-size: 2em;
  }

  .rich-text-block-2 {
    font-size: 2.2em;
  }

  .footer_top_start {
    width: 38em;
  }

  .div-block-8 {
    width: 4em;
    padding-bottom: 3.5em;
  }

  .div-block-10 {
    padding-top: 32px;
  }

  .div-block-10.is-last {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .p-xs-end-2 {
    padding-bottom: 1.6em;
  }

  .blog-teaser-item-wrapper {
    padding-left: 1em;
    padding-right: 1em;
  }

  .blog-teaser-item-wrapper.page-teaser {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .p-xs-start-2 {
    padding-top: 1.6em;
  }

  .blog-overview-grid {
    grid-template-columns: 1fr;
  }

  .page-teaser-title {
    font-size: 2em;
  }

  .page-teaser-subtitle {
    font-size: 1em;
  }

  .p-xl-end-2 {
    padding-bottom: 6em;
  }

  .p-xl-start-2 {
    padding-top: 6em;
  }

  .blog-header-title {
    font-size: 16vw;
  }

  .table-row {
    grid-template-columns: .25fr .75fr 1fr;
  }

  .table-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .9rem;
  }

  .table-cell {
    height: 27px;
  }

  .grid-left._1 {
    flex: 0 auto;
    align-self: auto;
    display: block;
  }

  .grid-right {
    width: 100%;
  }

  .projekt-image._1 {
    vertical-align: middle;
    flex: 0 auto;
    width: 50%;
    padding-right: 4px;
    display: inline-block;
  }

  .projekt-image._1._2 {
    margin-left: 0;
    padding-left: 4px;
    padding-right: 0;
  }

  .background-video-wrap {
    width: 100%;
  }

  .footer_top_start-2 {
    width: 38em;
  }
}

@media screen and (max-width: 479px) {
  .gutter-outside {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .p-xl-end {
    padding-bottom: 5em;
  }

  .p-xl-start, .distance-big {
    padding-top: 5em;
  }

  .body {
    font-size: 1vw;
  }

  .bg-circle._2 {
    background-color: #4353ff;
  }

  .bg-circle._3 {
    background-color: #3fa1f7;
  }

  .bg-circle._4 {
    background-color: #20c788;
  }

  .bg-circle._5 {
    background-color: #ffab9d;
  }

  .bg-circle._6 {
    background-color: #ff6382;
  }

  .bg-circle._1 {
    width: 63em;
    margin-top: 59%;
    margin-left: 16%;
  }

  .bg-circle._2 {
    background-color: var(--lemon-chiffon);
    width: 52.2em;
    height: 48.4em;
    margin-top: 5%;
  }

  .bg-circle._3 {
    background-color: var(--thistle);
    width: 65em;
    height: 58.1em;
    margin-top: 180%;
    margin-left: 34%;
  }

  .bg-circle._4 {
    background-color: var(--lemon-chiffon);
    margin-top: 7%;
  }

  .bg-circle._5 {
    background-color: var(--thistle);
    margin-top: 101%;
    margin-right: 1%;
  }

  .bg-circle._6 {
    background-color: var(--thistle);
    margin-top: 26%;
    margin-bottom: 47%;
    margin-right: 1%;
  }

  .footer_bottom-right {
    display: block;
  }

  .footer_bottom-right.no-home {
    border-top-width: .07px;
    flex-wrap: nowrap;
    flex: 1;
    place-content: flex-end space-between;
    align-self: auto;
    display: flex;
  }

  .text-link {
    flex: 0 auto;
    align-self: center;
  }

  .footer_top {
    text-transform: none;
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: flex-end;
    width: auto;
    max-width: 50%;
    margin: auto 0 auto auto;
    display: flex;
    overflow: visible;
  }

  .footer_pill-wrap {
    justify-content: center;
    width: 86%;
    margin-right: 15px;
    padding-left: 0;
  }

  .footer_bottom {
    display: none;
  }

  .footer_bottom.no-home {
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
    overflow: visible;
  }

  .footer_pill, .footer_link {
    font-size: 2vw;
  }

  .footer_link.no-home {
    display: none;
  }

  .footer_images {
    width: 60%;
  }

  .footer_link-arrow-side {
    flex: 0 auto;
    align-self: auto;
    margin-top: 5px;
    font-size: .6em;
  }

  .text-link_p {
    display: block;
  }

  .text-link_p.no-home {
    padding-left: 0;
    padding-right: 0;
    font-size: 3.5em;
    display: block;
  }

  .text-link_p.no-home.mobile {
    font-size: 1.8em;
  }

  .footer_heading {
    font-size: 4em;
    overflow: visible;
  }

  .footer_heading.hello {
    flex: 0 auto;
    align-self: auto;
    font-size: 4em;
    display: none;
    overflow: visible;
  }

  .footer_heading.about, .footer_heading.projekte {
    font-size: 12em;
  }

  .footer_heading.dowm {
    display: none;
  }

  .footer_heading.about {
    font-size: 12em;
  }

  .footer_link-top {
    align-items: center;
  }

  .text-link_line {
    display: none;
  }

  .section.is-footer {
    min-height: 0;
  }

  .home-element {
    font-size: 1.2em;
    display: block;
  }

  .home-element-text {
    font-size: 2em;
  }

  .eye {
    width: 250px;
  }

  .timeline_item {
    grid-template-columns: 48px 1fr;
  }

  .margin-bottom-medium {
    margin-bottom: 24px;
  }

  .paragraph-large {
    font-size: 16px;
  }

  .section-heading {
    max-width: 90em;
  }

  .kategorie-regie {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 10px;
  }

  .hero-text {
    font-size: 4.5em;
  }

  .vita-copy {
    margin-left: auto;
    margin-right: auto;
    font-size: 4.5em;
    display: block;
  }

  .vita-copy.impressum {
    font-size: 2.3em;
  }

  .vita-copy-section {
    max-width: 90em;
    display: block;
    overflow: visible;
  }

  .link-wrapper {
    flex-wrap: wrap;
    flex: 1;
    align-content: stretch;
    align-items: stretch;
    display: flex;
  }

  .container-home.is-footer.mobile {
    min-height: 92vh;
  }

  .links-wrapper {
    text-align: left;
    background-color: #0000;
    flex-flow: row;
    flex: 0 auto;
    order: 1;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: stretch;
  }

  .copyright-wrapper {
    background-color: #0000;
  }

  .link-block, .link-block-2 {
    font-size: 4em;
  }

  .link-block-3, .link-block-4, .link-block-5 {
    font-size: 10em;
  }

  .link-block-6 {
    font-size: 10.1em;
  }

  .link-block-7 {
    font-size: 13.7em;
  }

  .link-block-8 {
    font-size: 18.4em;
  }

  .link-block-9 {
    font-size: 24.5em;
  }

  .link-block-10 {
    font-size: 30.3em;
  }

  .link-block-11 {
    font-size: 36.9em;
  }

  .link-block-12 {
    font-size: 42.7em;
  }

  .link-block-13 {
    font-size: 36.9em;
  }

  .link-block-14 {
    overflow: visible;
  }

  .link-block-15 {
    font-size: 36.9em;
  }

  .link-block-16 {
    font-size: 36.7em;
  }

  .link-block-17 {
    font-size: 34.7em;
  }

  .link-block-18 {
    font-size: 31.5em;
  }

  .link-block-19 {
    font-size: 27.5em;
  }

  .link-block-20 {
    font-size: 21.3em;
  }

  .link-block-21 {
    font-size: 16.1em;
  }

  .link-block-22 {
    font-size: 8.3em;
  }

  .link-block-23 {
    font-size: .6em;
  }

  .link-block-24, .link-block-25 {
    font-size: 0;
  }

  .link-block-26 {
    font-size: .1em;
  }

  .link-block-27 {
    font-size: 1.6em;
  }

  .link-block-28 {
    font-size: 1.7em;
  }

  .link-block-29 {
    font-size: 3.4em;
  }

  .link-block-30 {
    font-size: 3.6em;
  }

  .link-block-31 {
    font-size: 5.6em;
  }

  .link-block-32 {
    font-size: 6.1em;
  }

  .link-block-33, .link-block-34 {
    font-size: 8.3em;
  }

  .link-block-35, .link-block-36, .link-block-37 {
    background-color: #401717;
  }

  .link-block-38 {
    background-color: #4d1818;
  }

  .link-block-39, .link-block-40 {
    background-color: #541818;
  }

  .link-block-41 {
    background-color: #561919;
  }

  .link-block-42, .link-block-43, .link-block-44, .link-block-45 {
    background-color: #581919;
  }

  .link-block-46 {
    background-color: #8b2626;
  }

  .link-block-47 {
    background-color: #d23232;
  }

  .link-block-48 {
    background-color: #db3232;
  }

  .link-block-49 {
    background-color: #d23232;
  }

  .footer_bottom-no-home {
    display: block;
  }

  .footer_bottom-no-home.no-home {
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
  }

  .footer_bottom-no-home.about {
    display: block;
    position: static;
    bottom: auto;
  }

  .page-transition, .transition-lottie-wrapper {
    display: none;
  }

  .transition-lottie {
    width: 34.1em;
    display: block;
  }

  .lf-attention-container {
    width: 9.3em;
    margin-right: 0;
    padding-top: 0;
    font-size: 1.4em;
    top: 12.2em;
    right: 49.8em;
  }

  .wrapper-jahr {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .wrapper-pill {
    flex: 0 auto;
    justify-content: center;
    padding-bottom: 10px;
    display: flex;
  }

  .project {
    max-width: 90em;
    display: block;
    overflow: visible;
  }

  .heading-3 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 8.5em;
    line-height: 1.1em;
  }

  .div-block-5 {
    border-width: .4em;
    flex-wrap: nowrap;
    place-content: flex-start center;
    align-items: center;
    margin-bottom: 10px;
    padding: 2em 5em 1em;
  }

  .image-13 {
    padding-bottom: 4em;
  }

  .project-image {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    width: 90em;
    height: 52.9em;
    display: inline;
    overflow: visible;
  }

  .heading-4 {
    text-align: center;
    margin-top: 2px;
    margin-bottom: .25em;
    font-size: 5.6em;
  }

  .rich-text-block {
    text-align: center;
    flex-flow: column;
    flex: 0 auto;
    place-content: center;
    align-self: auto;
    align-items: center;
    margin: .5em 10px 0;
    font-size: 4em;
    display: flex;
  }

  .div-block-7 {
    text-align: center;
    flex-direction: row;
    justify-content: center;
    padding-bottom: 2em;
  }

  .kategorie {
    border-width: .4em;
    margin-top: 1em;
    margin-bottom: 0;
    margin-right: 10px;
  }

  .kategorie-text {
    font-size: 3em;
  }

  .rich-text-block-2 {
    font-size: 4em;
  }

  .link-3 {
    text-align: left;
    font-size: 1em;
    font-weight: 400;
    display: inline-block;
  }

  .link-4 {
    font-size: 1em;
    font-weight: 400;
  }

  .footer_top_start {
    text-transform: none;
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: flex-end;
    width: 100vw;
    max-width: 100%;
    margin: 0 auto 0 0;
    font-weight: 300;
    display: flex;
    overflow: visible;
  }

  .div-block-8 {
    align-items: flex-start;
    width: 6em;
    margin-bottom: 0;
    margin-right: 5em;
    padding-top: 0;
    padding-bottom: 0;
    display: inline;
  }

  .html-embed-2 {
    background-color: #544141;
  }

  .div-block-10 {
    padding-top: 24px;
  }

  .div-block-10.is-last {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .blog-teaser-item-wrapper.quote {
    padding: 4.5em 1.7em;
  }

  .blog-overview-grid {
    overflow: hidden;
  }

  .blog-teaser-quote {
    font-size: 1.4em;
  }

  .table-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: .25fr .75fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: start;
    display: grid;
  }

  .table.last {
    margin-bottom: 0;
  }

  .table-header {
    font-size: 1rem;
  }

  .table-cell {
    height: 30px;
  }

  .table-cell._1 {
    width: 56px;
  }

  .table-wrapper {
    display: block;
  }

  .loading_wrap {
    display: none;
  }

  .loading-word {
    bottom: 57%;
  }

  .navbar_wrap {
    top: 1em;
    left: 1em;
    right: 1em;
  }

  .about_component {
    padding-left: 1em;
    padding-right: 1em;
  }

  .filter_wrap {
    right: 1em;
  }

  .grid-left {
    flex-flow: column;
    display: flex;
  }

  .grid-left._2 {
    width: 200px;
    height: 200px;
    display: flex;
  }

  .grid-2-column._2 {
    width: 100%;
  }

  .grid-right, .grid-right._2 {
    display: block;
  }

  .project-title {
    font-size: 1.4rem;
  }

  .project-year, .project-materials {
    font-size: .7rem;
    line-height: 1.3;
  }

  .project-component {
    margin-top: 12rem;
  }

  .project-text-wrap {
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 10rem;
    display: flex;
  }

  .background-video-2 {
    width: 100%;
    height: 450px;
  }

  .footer_top_start-2 {
    text-transform: none;
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: flex-end;
    width: 100vw;
    max-width: 100%;
    margin: 0 auto 0 0;
    font-weight: 300;
    display: flex;
    overflow: visible;
  }

  .link-wrapper-2 {
    flex-wrap: wrap;
    flex: 1;
    align-content: stretch;
    align-items: stretch;
    display: flex;
  }

  .link-5 {
    text-align: left;
    font-size: 1em;
    font-weight: 400;
    display: inline-block;
  }

  .text-link_line-2 {
    display: none;
  }

  .collection-list-wrapper {
    display: block;
  }
}

#w-node-_71cc1dec-ecd8-444a-cb8d-26a67b2d8646-9594de28 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-e361fdbe-3d11-db87-00cd-6fbd71837170-9594de28, #w-node-_5afd8d34-ced6-7df9-5d63-a3fbe15e5d54-9594de28 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_52888219-e5ee-1ea2-10ef-912eeb4f3398-9594de28 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_7d7c4cc5-ef8e-2cda-7302-b883f9a53ec9-9594de28 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_480f5345-5f32-2de9-5393-6a5c6a2ee84f-9594de28 {
  grid-area: span 4 / span 4 / span 4 / span 4;
  place-self: center;
}

#w-node-ff513036-3d7f-7613-a635-e54d9b8353db-9594de28 {
  grid-area: span 4 / span 4 / span 4 / span 4;
}

#w-node-_8c33a798-17be-36eb-b790-ce4fd86db659-9594de28, #w-node-_4e8998f0-8a6d-7744-4d29-875fe89653bf-9594de28, #w-node-_9416d6fb-83ad-9d72-6658-22c7f5b221b8-9594de28 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-f252742f-9e19-36cc-7fbe-8d46e5219362-9594de28, #w-node-d2184c8f-b6e0-2ed7-5737-08856abb0e78-9594de28 {
  grid-area: span 2 / span 2 / span 2 / span 2;
  align-self: auto;
}

#w-node-d4241c6e-cd93-5948-a2f9-ba2ca2fb2726-9594de28 {
  grid-area: span 5 / span 3 / span 5 / span 3;
  align-self: end;
}

#w-node-_74a37d86-17b4-69bc-05fa-7a122177de65-9594de28 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-e41ee236-321b-5764-fcd5-4830d4f1cd32-9594de28 {
  place-self: auto;
}

#w-node-_4845f4d5-84e9-6f27-e144-8b98ebc1b639-9594de28 {
  justify-self: auto;
}

#w-node-c7a20f81-912d-f38e-0401-3dfb14ad4854-9594de28 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-c7a20f81-912d-f38e-0401-3dfb14ad485a-9594de28 {
  place-self: auto;
}

#w-node-c7a20f81-912d-f38e-0401-3dfb14ad485d-9594de28 {
  justify-self: auto;
}

#w-node-_54445700-a92b-a59f-9e03-cc47d315d68c-9594de28 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_54445700-a92b-a59f-9e03-cc47d315d692-9594de28 {
  place-self: auto;
}

#w-node-_54445700-a92b-a59f-9e03-cc47d315d695-9594de28 {
  justify-self: auto;
}

#w-node-_453eae57-16e9-895e-7618-613b4eb2511e-853abf7a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-_2b6efed4-11d2-891f-05c2-9400035b4f1f-853abf7a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2b6efed4-11d2-891f-05c2-9400035b4f20-853abf7a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-ddfe66e1-ded1-7cfd-5600-cec7ae3aaa27-853abf7a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ddfe66e1-ded1-7cfd-5600-cec7ae3aaa28-853abf7a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_3081bf20-a3e3-c273-03c5-0a5816d88fa6-853abf7a {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3081bf20-a3e3-c273-03c5-0a5816d88fa7-853abf7a, #w-node-f14aaf44-88ae-1e46-d073-f32ddafd0b17-853abf7a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-ec222f5e-b67c-1f4e-d2a3-46f03f0db59b-853abf7a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e15ea470-c9ae-d503-9c9c-6b32122afd72-153ab7b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-e15ea470-c9ae-d503-9c9c-6b32122afd74-153ab7b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e15ea470-c9ae-d503-9c9c-6b32122afd75-153ab7b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-e15ea470-c9ae-d503-9c9c-6b32122afd76-153ab7b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e15ea470-c9ae-d503-9c9c-6b32122afd77-153ab7b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-e15ea470-c9ae-d503-9c9c-6b32122afd78-153ab7b4 {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e15ea470-c9ae-d503-9c9c-6b32122afd79-153ab7b4, #w-node-e15ea470-c9ae-d503-9c9c-6b32122afd7a-153ab7b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-e15ea470-c9ae-d503-9c9c-6b32122afdb8-153ab7b4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7d413773-c1e6-0ecf-47c8-76141a37a8b5-4fc5cc99 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-_7d413773-c1e6-0ecf-47c8-76141a37a8b7-4fc5cc99 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d413773-c1e6-0ecf-47c8-76141a37a8b8-4fc5cc99 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_7d413773-c1e6-0ecf-47c8-76141a37a8b9-4fc5cc99 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d413773-c1e6-0ecf-47c8-76141a37a8ba-4fc5cc99 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_7d413773-c1e6-0ecf-47c8-76141a37a8bb-4fc5cc99 {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d413773-c1e6-0ecf-47c8-76141a37a8bc-4fc5cc99, #w-node-_7d413773-c1e6-0ecf-47c8-76141a37a8bd-4fc5cc99 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_7d413773-c1e6-0ecf-47c8-76141a37a8fb-4fc5cc99 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_36d46ead-acaf-c39a-73b3-b9307ca41e2d-935fc299 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-_36d46ead-acaf-c39a-73b3-b9307ca41e2f-935fc299 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_36d46ead-acaf-c39a-73b3-b9307ca41e30-935fc299 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_36d46ead-acaf-c39a-73b3-b9307ca41e31-935fc299 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_36d46ead-acaf-c39a-73b3-b9307ca41e32-935fc299 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_36d46ead-acaf-c39a-73b3-b9307ca41e33-935fc299 {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_36d46ead-acaf-c39a-73b3-b9307ca41e34-935fc299, #w-node-_36d46ead-acaf-c39a-73b3-b9307ca41e35-935fc299 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_36d46ead-acaf-c39a-73b3-b9307ca41e73-935fc299 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-d4241c6e-cd93-5948-a2f9-ba2ca2fb2726-9594de28 {
    justify-self: end;
  }

  #w-node-ec222f5e-b67c-1f4e-d2a3-46f03f0db59b-853abf7a, #w-node-e15ea470-c9ae-d503-9c9c-6b32122afdb8-153ab7b4, #w-node-_7d413773-c1e6-0ecf-47c8-76141a37a8fb-4fc5cc99, #w-node-_36d46ead-acaf-c39a-73b3-b9307ca41e73-935fc299 {
    grid-area: Area-3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d4241c6e-cd93-5948-a2f9-ba2ca2fb2726-9594de28 {
    grid-area: span 7 / span 4 / span 7 / span 4;
    place-self: end;
  }

  #w-node-ec222f5e-b67c-1f4e-d2a3-46f03f0db59b-853abf7a, #w-node-e15ea470-c9ae-d503-9c9c-6b32122afdb8-153ab7b4, #w-node-_7d413773-c1e6-0ecf-47c8-76141a37a8fb-4fc5cc99, #w-node-_36d46ead-acaf-c39a-73b3-b9307ca41e73-935fc299 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-e41ee236-321b-5764-fcd5-4830d4f1cd32-9594de28 {
    place-self: auto;
  }
}


@font-face {
  font-family: 'Gilmer';
  src: url('../fonts/gilmer-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilmer';
  src: url('../fonts/gilmer-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilmer';
  src: url('../fonts/gilmer-heavy.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilmer';
  src: url('../fonts/gilmer-light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilmer';
  src: url('../fonts/gilmer-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}