@font-face {
  font-family: Soehne buch;
  src: url('../fonts/soehne-buch.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Soehne dreiviertelfett;
  src: url('../fonts/soehne-dreiviertelfett.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Soehne buch kursiv;
  src: url('../fonts/soehne-buch-kursiv.woff2') format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Soehne kraftig;
  src: url('../fonts/soehne-kraftig.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Soehne Mono Buch;
  src: url('../fonts/soehne-mono-buch.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Sohne Halbfett;
  src: url('../fonts/Söhne-Halbfett.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}

:root {
  --_color---surface--default: var(--_color---paper--50);
  --_color---text--primary: var(--_color---sand--900);
  --text--secondary\<deleted\|variable-25b4c9fa\>: #756f6d;
  --_color---text--secondary: var(--_color---sand--700);
  --chip--outlined: #b19a9a;
  --primary--main\<deleted\|variable-72df255d\>: #b95b3d;
  --_color---accent--primary: var(--_color---copper--600);
  --performance-card: #b6c2cd;
  --background: #fff7e6;
  --primary--dark\<deleted\|variable-f17b2519\>: #8f4d38;
  --_color---accent--hover: var(--_color---copper--700);
  --_color---accent--pressed: var(--_color---copper--800);
  --_color---border--strong: var(--_color---sand--700);
  --text--primary\<deleted\|variable-5cb7eeb5\>: #282216;
  --border: #0000001f;
  --about-image-background: #f7eee0;
  --_color---border--default: var(--_color---sand--500);
  --secondary--main\<deleted\|variable-88049fc1\>: #b28f7a;
  --_color---text--placeholder: var(--_color---sand--500);
  --_typography---font-family--main-regular: "Soehne buch", Arial, sans-serif;
  --content-2\<deleted\|variable-dfcaf914\>: #f5eedf;
  --_color---surface--inverse: var(--_color---sand--900);
  --_color---text--on-inverse--primary: var(--_color---sand--50);
  --_color---text--on-inverse--secondary: var(--_color---sand--200);
  --_color---error--soft: var(--_color---red--100);
  --_color---red--900: #600000;
  --_color---accent--on-accent: var(--_color---white);
  --_color---copper--100: #ebd0c3;
  --_color---surface--section: var(--_color---paper--100);
  --success--background\<deleted\|variable-18529845-85a8-87b5-86c3-c300595c8127\>: #cde5d1;
  --screen-frame--dark: #282216;
  --transparent: transparent;
  --_color---green--500: #268d67;
  --_color---copper--200: #dfb5a1;
  --_typography---font-family--mono-regular: "Soehne Mono Buch", sans-serif;
  --_color---text--disabled: var(--_color---sand--300);
  --_color---green--200: #97c8b1;
  --_color---success--primary: var(--_color---green--600);
  --_color---red--800: #820000;
  --_color---error--primary: var(--_color---red--600);
  --_color---green--50: #e8f3ed;
  --_color---error--text: var(--_color---red--600);
  --_color---red--400: #dc7264;
  --_color---surface--card: var(--_color---sand--50);
  --_color---sand--50: #eeeeec;
  --_typography---font-family--main-bold: "Soehne dreiviertelfett", Arial, sans-serif;
  --_color---error--on-error: var(--_color---white);
  --_color---white: #fff;
  --_color---red--300: #e69083;
  --_color---paper--100: #f5eedf;
  --_color---success--base: var(--_color---green--500);
  --_color---success--text: var(--_color---green--600);
  --_color---error--base: var(--_color---red--500);
  --_typography---font-family--main-semibold: "Sohne Halbfett", Arial, sans-serif;
  --_color---red--200: #efaea3;
  --_typography---font-family--main-medium: "Soehne kraftig", sans-serif;
  --_color---success--soft: var(--_color---green--50);
  --_color---border--subtle: var(--_color---sand--100);
  --_color---red--100: #f7cdc6;
  --_color---copper--50: #f8ede8;
  --_color---red--50: #fcebe8;
  --_color---paper--50: #fff7e6;
  --_color---success--on-success: var(--_color---white);
  --font-size--3xl: 5rem;
  --font-size--xxl: 3rem;
  --font-size--xl: 2.3rem;
  --font-size--lg: 1.8rem;
  --font-size--md: 1.45rem;
  --font-size--sm: 1rem;
  --chip--filled: #d9d9d9;
  --font-size--xs: .875rem;
  --line-height--none: 1;
  --font--main-regular: "Soehne buch", Arial, sans-serif;
  --font--main-medium: "Soehne kraftig", sans-serif;
  --chip--hover: #a5a5a5;
  --font--main-semibold: "Sohne Halbfett", Arial, sans-serif;
  --font--main-bold: "Soehne dreiviertelfett", Arial, sans-serif;
  --font--mono-regular: "Soehne Mono Buch", sans-serif;
  --line-height--tight: 1.1;
  --line-height--snug: 1.3;
  --line-height--normal: 1.4;
  --_color---sand--900: #2b2b26;
  --_color---sand--800: #3d3d38;
  --_color---sand--700: #52524c;
  --_color---sand--600: #696963;
  --_color---sand--500: #7d7d77;
  --_color---copper--900: #5d0800;
  --_color---copper--800: #782609;
  --_color---copper--700: #903d15;
  --_color---copper--600: #aa5a30;
  --_color---copper--500: #bf6b40;
  --_color---copper--400: #c5805f;
  --_color---copper--300: #d29a7f;
  --_color---green--900: #003417;
  --_color---green--800: #00482a;
  --_color---green--700: #005f3e;
  --_color---green--600: #0a7452;
  --_color---green--400: #44a17d;
  --_color---green--300: #6fb596;
  --_color---green--100: #bfddce;
  --_color---red--700: #a60b05;
  --_color---red--600: #bf3024;
  --_color---red--500: #d15448;
  --_color---sand--400: #91918b;
  --_color---sand--300: #a7a7a1;
  --_color---sand--200: #bebeba;
  --_color---sand--100: #d6d6d3;
}

.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;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

body {
  background-color: var(--_color---surface--default);
  color: var(--_color---text--primary);
  flex-direction: column;
  font-family: Soehne buch, Arial, sans-serif;
  line-height: 1.4;
  display: flex;
}

h1 {
  margin-top: 0;
  margin-bottom: .5em;
  font-family: Soehne dreiviertelfett, Arial, sans-serif;
  font-size: 5.2em;
  font-weight: 700;
  line-height: 1.4;
}

h2 {
  white-space: normal;
  margin-top: 1em;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.8rem;
  font-weight: 700;
}

p {
  font-size: 1em;
}

a {
  font-size: 1em;
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: decimal;
}

img {
  object-fit: contain;
  display: inline-block;
}

.section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 3em 2.5em 0;
  display: block;
}

.section.header {
  align-items: stretch;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: .5em 4em 2em;
}

.section.header.landing {
  background-color: #0000;
  padding-top: 2em;
  padding-bottom: 4em;
}

.section.bottom {
  padding: 2.5em 4em 3em;
}

.section.top {
  padding-top: 2em;
  padding-left: 4em;
  padding-right: 4em;
}

.section.single {
  padding: 2em 4em 3em;
}

.section.work {
  padding: 2.5em 4em 3em;
}

.section.contact {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  min-height: 75vh;
  padding: 0 4em;
  display: flex;
}

.overline {
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Soehne Mono Buch, sans-serif;
  font-size: .875em;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.overline.w--current {
  text-decoration: underline;
}

.navbar {
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 2em 4em;
  display: flex;
}

.label {
  grid-column-gap: .125em;
  grid-row-gap: .125em;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.slash {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  display: flex;
}

.featured-project {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.featured-project.w--current {
  text-decoration: none;
}

.featured-project.see-next {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
}

.description {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column wrap;
  flex: 0 25%;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  font-family: Soehne buch, Arial, sans-serif;
  display: flex;
}

.title {
  grid-column-gap: .375em;
  grid-row-gap: .375em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chip {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  border: 1px solid var(--text--secondary\<deleted\|variable-25b4c9fa\>);
  color: var(--_color---text--secondary);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: 1em;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  padding: .5em 1em;
  font-family: Soehne Mono Buch, sans-serif;
  font-size: .875em;
  display: flex;
}

.chip.filter {
  border: 1px solid var(--chip--outlined);
  color: #080808;
  cursor: pointer;
  background-color: #0000;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: .25rem 0 .25em .5rem;
}

.chip.view-case {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  border: 1px solid var(--primary--main\<deleted\|variable-72df255d\>);
  color: var(--_color---accent--primary);
  background-color: #0000;
  border-radius: 1em;
  align-items: center;
}

.card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  aspect-ratio: 16 / 9;
  border-radius: 1em;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 0;
  display: block;
  overflow: hidden;
}

.card:hover {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
}

.card.work {
  flex: 0 75%;
  align-self: center;
  display: flex;
}

.card.work.statements {
  background-image: radial-gradient(circle, #9eb0e0, #2b4588);
}

.card.work.performance {
  background-color: #b6c2cd;
}

.card.performance {
  background-color: var(--performance-card);
  object-fit: fill;
  display: flex;
}

.grid {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  grid-template-rows: auto;
  width: 100%;
  margin-top: 2em;
}

.textarea {
  min-height: 6rem;
}

.textarea.input {
  height: 16rem;
  margin-bottom: 1rem;
  padding: .25em .5em;
}

.project-type {
  color: var(--_color---text--secondary);
  letter-spacing: .05em;
  text-transform: uppercase;
  word-break: normal;
  margin-bottom: 0;
  font-family: Soehne Mono Buch, sans-serif;
  font-size: .875em;
}

.text-chip.view-case {
  color: var(--primary--main\<deleted\|variable-72df255d\>);
}

.image {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  width: 100%;
  height: 30rem;
}

.image.work {
  object-fit: contain;
  width: 90%;
  height: 90%;
}

.image.work.full {
  width: 100%;
  height: 100%;
}

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

.utility-page-content {
  text-align: center;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
}

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

.filter-controls {
  z-index: -1;
  grid-column-gap: 1rem;
  display: none;
}

.checkmark {
  width: 1.3rem;
  height: 1.3rem;
  display: none;
}

.selection-chip {
  color: #333;
  margin-left: .5rem;
  margin-right: 1rem;
  font-size: 1.2rem;
}

.utility-password {
  margin-top: 0;
  font-family: Soehne buch, Arial, sans-serif;
  font-size: 1.6em;
  font-weight: 400;
}

.field-label {
  color: #998586;
  text-align: left;
  display: none;
}

.submit {
  background-color: var(--_color---accent--primary);
  text-transform: none;
  border-radius: 8px;
  margin-top: 1em;
  padding: .5em 1.5em;
  font-family: Soehne buch, Arial, sans-serif;
  font-weight: 400;
}

.submit:hover {
  background-color: var(--primary--dark\<deleted\|variable-f17b2519\>);
}

.submit.password {
  text-transform: none;
  border-radius: .5em;
  min-height: 2.4em;
  margin-top: 1em;
  margin-bottom: .75em;
  font-family: Soehne buch, Arial, sans-serif;
  font-size: 1em;
}

.submit.password:hover {
  background-color: var(--_color---accent--hover);
}

.submit.password:active {
  background-color: var(--_color---accent--pressed);
}

.horizontal-divider {
  -webkit-text-stroke-color: var(--_color---border--strong);
  padding-left: 4em;
  padding-right: 4em;
}

.line {
  background-color: var(--chip--outlined);
  height: 1px;
}

.mix {
  grid-column-gap: 3rem;
  justify-content: space-between;
  display: flex;
}

.mix.product, .mix.cx-web {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
}

.mix.personal {
  display: none;
}

.mix-container {
  grid-row-gap: 2.5em;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  display: flex;
}

.project-heading {
  color: var(--_color---text--primary);
  border-bottom: 1px solid #0000;
  margin-top: 0;
  font-family: Soehne kraftig, sans-serif;
  font-size: 1.4em;
  font-weight: 500;
  overflow: hidden;
}

._2-col {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

._2-col.contact {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 75%;
  max-width: 1920px;
  display: flex;
}

._2-col.timeline {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
}

.h2-p {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  flex-direction: column;
  flex: 0 50%;
  justify-content: space-between;
  align-self: auto;
  align-items: stretch;
  display: flex;
}

.h2-p.contact {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image-container {
  background-image: url('../images/Album-Desktop.webp');
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: contain;
  background-attachment: scroll;
  flex: 0 50%;
  max-width: none;
}

.image-container.contact {
  border: .5px solid var(--border);
  background-color: var(--about-image-background);
  background-image: none;
  border-radius: 1em;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-top: 2em;
  display: flex;
  overflow: hidden;
}

.image-container.album {
  background-image: none;
  border-radius: .5em;
  flex: 0 auto;
  padding-bottom: 0;
  box-shadow: 0 2px 7px #0003;
}

.paragraph {
  max-width: 67ch;
  margin-bottom: .125em;
  font-family: Soehne buch, Arial, sans-serif;
  font-weight: 400;
}

.paragraph.contact {
  max-width: 25ch;
  font-family: Soehne buch, Arial, sans-serif;
  font-weight: 400;
}

.form-block {
  flex: 1;
  margin-bottom: 0;
}

.input-label {
  color: var(--text--secondary\<deleted\|variable-25b4c9fa\>);
  margin-bottom: .25rem;
  font-family: Soehne buch, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
}

.input {
  border: 1px solid var(--_color---border--default);
  background-color: #0000;
  border-radius: 8px;
  min-height: 2.4em;
  margin-bottom: .75em;
  padding: .25em .5em;
  font-family: Soehne buch, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
}

.input:focus {
  border-width: 2px;
  border-color: var(--secondary--main\<deleted\|variable-88049fc1\>);
  border-radius: 8px;
}

.input.password {
  min-height: 2.4em;
  color: var(--_color---text--placeholder);
  text-align: center;
  -webkit-text-stroke-color: var(--_color---border--default);
  -webkit-text-fill-color: var(--_color---text--placeholder);
  margin-bottom: 0;
}

.contact {
  margin-top: 0;
  font-family: Soehne kraftig, sans-serif;
  font-weight: 500;
}

.contact.h2 {
  font-size: 1.6em;
}

._404 {
  max-width: 32ch;
  color: var(--_color---text--secondary);
  align-self: center;
  font-size: 1em;
  font-weight: 400;
}

._404.link-home {
  color: var(--_color---text--secondary);
}

.utility-copy {
  flex-direction: column;
  min-width: 18em;
  margin-top: .75em;
  display: flex;
}

.utility-404 {
  margin-top: 0;
  margin-bottom: .5em;
  font-family: Soehne buch, Arial, sans-serif;
  font-size: 1.6em;
  font-weight: 400;
}

.nav-menu {
  z-index: 10;
  position: static;
  overflow: visible;
}

.nav-links {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: 0;
  display: flex;
  position: static;
}

.nav-link {
  margin-left: 0;
  margin-right: 0;
}

.nav-link.medium {
  letter-spacing: .05em;
  text-transform: uppercase;
  vertical-align: baseline;
  border-bottom: 1px solid #0000;
  padding: 0;
  font-family: Soehne Mono Buch, sans-serif;
  font-size: 1em;
}

.nav-link.medium:hover {
  border-bottom: 1px solid var(--primary--main\<deleted\|variable-72df255d\>);
  color: var(--_color---accent--primary);
  text-underline-offset: .25em;
  -webkit-text-decoration-color: var(--_color---accent--primary);
  text-decoration-color: var(--_color---accent--primary);
}

.nav-link.medium.w--current {
  border-bottom: 1px solid var(--text--primary\<deleted\|variable-5cb7eeb5\>);
  color: var(--text--primary\<deleted\|variable-5cb7eeb5\>);
  text-decoration: none;
}

.nav-link.medium.w--current:hover {
  text-decoration: none;
}

.nav-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: .875em;
  display: flex;
}

.brand {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: static;
}

.brand:hover {
  color: var(--primary--main\<deleted\|variable-72df255d\>);
}

.brand.w--current {
  align-self: flex-start;
  align-items: center;
}

.nav-item {
  padding-left: 1em;
  overflow: hidden;
}

.brand-and-name {
  align-self: stretch;
  align-items: baseline;
  width: 100%;
  display: flex;
}

.logo {
  width: 1.2em;
  height: 1.2em;
}

.logo.nav {
  align-self: center;
  width: auto;
  height: 1.5em;
}

.scroll-button {
  z-index: 1000;
  border: 1.25px solid var(--text--primary\<deleted\|variable-5cb7eeb5\>);
  background-color: var(--background);
  color: #0000;
  cursor: pointer;
  background-image: url('../images/Arrow-up---Thinner.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 45% 45%;
  border-radius: 50%;
  padding: 1.5em;
  position: fixed;
  inset: auto 1em 1em auto;
}

.scroll-button:hover {
  background-color: var(--primary--main\<deleted\|variable-72df255d\>);
}

.link {
  color: var(--primary--main\<deleted\|variable-72df255d\>);
  text-decoration: underline;
}

.link:hover {
  color: var(--primary--dark\<deleted\|variable-f17b2519\>);
}

.link.large {
  font-size: 1em;
}

.link.password {
  color: var(--_color---accent--primary);
  font-family: Soehne buch, Arial, sans-serif;
}

.link.password:hover {
  color: var(--_color---accent--hover);
}

.link.body {
  color: var(--_color---text--primary);
  text-underline-offset: .1em;
  -webkit-text-decoration-color: var(--_color---accent--primary);
  text-decoration-color: var(--_color---accent--primary);
  display: inline;
}

.link.body:hover {
  color: var(--_color---accent--primary);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_color---accent--primary);
  text-decoration-color: var(--_color---accent--primary);
}

.link.body.footer {
  color: var(--background);
  font-size: 1em;
}

.link.body.footer:hover {
  color: var(--primary--main\<deleted\|variable-72df255d\>);
  text-decoration: none;
}

.featured-work {
  width: 100%;
  height: 100%;
}

.featured-work.performance {
  object-fit: contain;
  width: 90%;
  height: 90%;
}

.project-description {
  font-family: var(--_typography---font-family--main-regular);
  color: var(--_color---text--primary);
  border-radius: 16px;
  margin-bottom: 0;
}

.same-page {
  width: 1.1em;
  height: 1.1em;
}

.columns {
  width: 7em;
}

.universe {
  width: 10em;
}

.heading-1.home {
  max-width: 40ch;
  color: var(--_color---text--primary);
  margin-top: .375em;
  margin-left: -.046875em;
  font-family: Soehne buch, Arial, sans-serif;
  font-size: 2.5em;
  font-weight: 400;
}

.heading-1.homepage {
  margin-top: .5em;
  font-size: 2.5em;
}

.about {
  margin-top: 0;
  font-family: Soehne kraftig, sans-serif;
  font-size: 1.6em;
  font-weight: 500;
}

.about.desktop-heading {
  font-size: 1.8em;
  display: flex;
}

.case-study-heading {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 2em 4em 3em;
  display: flex;
}

.case-study-p {
  color: #000;
  letter-spacing: 0;
  font-size: 1.1875rem;
  font-weight: 400;
  line-height: 140%;
}

.hero {
  aspect-ratio: 16 / 9;
  background-color: #063454;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  max-height: 100vh;
  display: flex;
}

.hero.performance {
  background-color: #b6c2cd;
}

.hero.statements {
  background-image: radial-gradient(circle, #9eb0e0, #2b4588);
}

.hero-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hero-image.performance {
  object-fit: contain;
  height: 90%;
}

.hero-image.statements {
  object-fit: contain;
  width: 90%;
  height: 90%;
}

.case-study-h1 {
  margin-bottom: 0;
  font-family: Soehne dreiviertelfett, Arial, sans-serif;
  font-weight: 700;
}

.case-study-text-block {
  grid-column-gap: 1.2em;
  grid-row-gap: 1.2em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.case-study-h2 {
  color: #000;
  letter-spacing: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 120%;
}

.project-info-h2 {
  margin-top: 0;
  font-family: Soehne kraftig, sans-serif;
  font-weight: 500;
}

.content-1 {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-content: stretch;
  width: 100%;
  max-width: 1920px;
  margin: auto;
  padding: 2.5em 4em;
}

.content {
  grid-row-gap: 2.8em;
  background-color: var(--content-2\<deleted\|variable-dfcaf914\>);
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  max-width: 1920px;
  margin: auto;
  padding: 4em;
}

.content.see-next {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}

.content._1 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  background-color: var(--background);
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.content.project-info {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}

.case-study-h3 {
  color: #000;
  letter-spacing: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 120%;
}

.lesson {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 99%;
  display: flex;
}

.case-study-image {
  border: 1px solid var(--border);
  border-radius: .5em;
}

.case-study-image.full {
  border-color: var(--border);
  object-fit: cover;
  min-width: 100%;
  height: 100%;
}

.case-study-image.no-stroke {
  border-style: none;
}

.case-study-image.framed {
  border-style: solid solid none;
  border-bottom-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.caption {
  color: var(--_color---text--secondary);
  text-align: left;
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: Soehne buch, Arial, sans-serif;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.4;
  display: block;
}

.case-study-p {
  color: var(--_color---text--primary);
  margin-bottom: 0;
}

.case-study-h2 {
  color: var(--text--primary\<deleted\|variable-5cb7eeb5\>);
  margin-top: 0;
  padding-bottom: .125em;
  font-family: Sohne Halbfett, Arial, sans-serif;
  font-weight: 600;
}

.numbered-list {
  margin-bottom: 0;
  padding-left: 1em;
  list-style-type: decimal;
}

.numbered-list.ol {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  padding-left: 0;
  font-size: 1.2em;
  list-style-type: decimal;
  display: flex;
}

.numbered-list.ul {
  flex-direction: column;
  padding-left: 0;
  font-size: 1.2em;
  list-style-type: disc;
  display: flex;
}

.numbered-list.case-study-p {
  padding-left: 1em;
  list-style-type: decimal;
}

.case-study-h3 {
  color: var(--text--primary\<deleted\|variable-5cb7eeb5\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sohne Halbfett, Arial, sans-serif;
  font-weight: 600;
}

.label-and-field {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.case-study-subheading {
  margin-top: 0;
  font-family: Soehne buch, Arial, sans-serif;
  font-weight: 400;
}

.image-with-caption {
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 2em;
  margin-bottom: 2em;
  display: flex;
}

.footer-dark {
  background-color: var(--_color---surface--inverse);
  color: var(--_color---text--on-inverse--primary);
  margin-top: auto;
  padding-top: 2em;
  padding-bottom: 2em;
  position: relative;
  bottom: 0;
  overflow: hidden;
}

.footer-brand {
  height: 1.8em;
  color: var(--background);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: .9em;
  display: flex;
}

.footer-content {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex: 0 50%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  align-items: center;
  font-size: .875em;
  display: flex;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 1em;
  display: flex;
}

.title-small {
  letter-spacing: 1px;
  text-transform: none;
  flex: 0 auto;
  height: 1.8em;
  padding-bottom: .25em;
  font-family: Soehne kraftig, sans-serif;
  font-size: .9em;
  font-weight: 500;
  line-height: 1.4;
}

.footer-link {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  color: var(--_color---text--on-inverse--secondary);
  letter-spacing: .05em;
  text-transform: uppercase;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-family: Soehne Mono Buch, sans-serif;
  text-decoration: none;
  display: flex;
}

.footer-link:hover {
  color: var(--_color---text--on-inverse--primary);
}

.footer-social-block {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-social-link.linkedin {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.footer-social-link.behance {
  display: none;
}

.footer-copyright-center {
  height: 1em;
  color: var(--_color---text--on-inverse--secondary);
  text-align: left;
  flex: 1;
}

.affordance {
  align-self: center;
  align-items: stretch;
  width: 1em;
  height: 1em;
  display: flex;
}

.socials {
  color: var(--_color---text--on-inverse--primary);
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 0;
  display: flex;
  position: absolute;
  bottom: 0;
}

.socials:hover {
  color: var(--_color---text--on-inverse--secondary);
}

.footer-grid {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-items: baseline stretch;
  max-width: 1920px;
  line-height: 1;
  display: grid;
}

.logo-block {
  flex-direction: column;
  flex: 0 50%;
  font-size: .875em;
  display: flex;
}

.lock {
  align-self: center;
  width: 5em;
}

.body {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.error-message {
  background-color: var(--_color---error--soft);
  color: var(--_color---red--900);
  text-align: left;
  border-radius: .5em;
  margin-top: .75em;
  padding: .5em .75em;
}

.error-copy {
  color: var(--text--primary\<deleted\|variable-5cb7eeb5\>);
}

.footer {
  margin-top: .25em;
  margin-bottom: 0;
  padding-top: 0;
}

.footer-span {
  color: var(--primary--main\<deleted\|variable-72df255d\>);
}

.copyright {
  flex-flow: row;
  justify-content: flex-start;
  align-items: baseline;
  display: flex;
}

.back-button {
  border: 1.25px solid var(--text--primary\<deleted\|variable-5cb7eeb5\>);
  background-color: var(--background);
  color: var(--text--primary\<deleted\|variable-5cb7eeb5\>);
  background-image: url('../images/Arrow-left---Thinner.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 45% 45%;
  border-radius: 50%;
  align-self: flex-start;
  margin-top: .25em;
  margin-left: 4em;
  padding: 1.5em;
}

.back-button:hover {
  background-color: var(--primary--main\<deleted\|variable-72df255d\>);
}

.button-description {
  display: none;
}

.multi-link {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  align-self: center;
  align-items: stretch;
  width: auto;
  margin-top: 1.5em;
  display: flex;
}

.primary-button {
  grid-column-gap: .25em;
  background-color: var(--_color---accent--primary);
  color: var(--_color---accent--on-accent);
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-self: flex-start;
  align-items: baseline;
  padding: .5em .75em;
  font-family: Soehne buch, Arial, sans-serif;
  font-weight: 400;
  display: flex;
}

.primary-button:hover {
  background-color: var(--_color---accent--hover);
}

.primary-button:active {
  background-color: var(--_color---accent--pressed);
}

.new-tab {
  width: 1em;
  height: 1em;
  font-size: 1em;
}

.button-text {
  text-align: left;
  font-size: 1em;
}

.lightbox.overflow {
  overflow: auto;
}

.slider {
  border: 1px solid var(--border);
  background-color: #fafafa;
  border-radius: 1em;
  height: auto;
}

.icon, .icon-2 {
  color: var(--chip--outlined);
}

.secondary-button {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  border: 1px solid var(--primary--main\<deleted\|variable-72df255d\>);
  color: var(--_color---accent--primary);
  text-transform: none;
  background-color: #0000;
  border-radius: 8px;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  padding: .5em .75em;
  font-family: Soehne buch, Arial, sans-serif;
  display: flex;
}

.secondary-button:hover {
  border-color: var(--primary--dark\<deleted\|variable-f17b2519\>);
  background-color: var(--_color---copper--100);
  color: var(--_color---accent--hover);
}

.secondary-button:active {
  color: var(--_color---accent--pressed);
}

.video-div {
  aspect-ratio: auto;
  flex-direction: column;
  justify-content: space-around;
  align-self: stretch;
  align-items: stretch;
  display: flex;
}

.html-embed {
  align-self: center;
  display: flex;
}

.featured {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  display: flex;
}

.featured:hover {
  color: var(--primary--main\<deleted\|variable-72df255d\>);
}

.featured.overline {
  color: var(--_color---text--primary);
  text-underline-offset: .1em;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--primary--main\<deleted\|variable-72df255d\>);
  text-decoration-color: var(--primary--main\<deleted\|variable-72df255d\>);
}

.page-heading {
  font-size: 4.75em;
}

.home {
  color: var(--_color---text--primary);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Soehne buch, Arial, sans-serif;
  font-size: 1.3em;
  font-weight: 500;
}

.h2.see-next {
  margin-top: 0;
  font-family: Sohne Halbfett, Arial, sans-serif;
  font-size: 1.4em;
  font-weight: 600;
}

.h2.large {
  margin-top: 0;
  padding-bottom: .25em;
  padding-left: 0;
  font-family: Soehne dreiviertelfett, Arial, sans-serif;
  font-size: 3em;
  font-weight: 700;
}

.h2.large.timeline {
  margin-left: -.125em;
}

.slide-nav {
  margin-top: .75em;
  margin-bottom: .75em;
}

.image-3 {
  width: 1em;
  height: 1em;
}

.work-link {
  letter-spacing: .05em;
  text-decoration: none;
  -webkit-text-decoration-color: var(--_color---accent--primary);
  text-decoration-color: var(--_color---accent--primary);
}

.work-link:hover {
  color: var(--_color---accent--primary);
}

.content-2-wrapper {
  display: flex;
}

.video-embed {
  object-fit: fill;
  flex-flow: row;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  box-shadow: 0 0 12px 2px #0003;
}

.mask {
  border-radius: 1em;
}

.chart-container {
  background-color: var(--content-2\<deleted\|variable-dfcaf914\>);
  border-radius: 1em;
  padding: 1em;
}

.html-embed-2 {
  background-color: #0000;
  margin-bottom: 0;
}

.left {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  flex: 0 50%;
  padding-right: 3em;
  display: flex;
}

.right {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  flex: 0 52%;
  display: flex;
}

.grid-2 {
  grid-template: "."
  / minmax(0, auto) 1fr;
  width: 100%;
}

.timeline-marker {
  border: 2px solid var(--border);
  background-color: var(--background);
  border-radius: 50%;
  width: 1.2em;
  height: 1.2em;
}

.timeline-line {
  z-index: -1;
  border-left: 2px solid var(--border);
  width: 2px;
  height: 100%;
  margin-left: .6em;
  position: absolute;
}

.timeline-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.album-cover {
  box-sizing: border-box;
  aspect-ratio: 1;
  object-fit: fill;
  border-radius: 8px;
}

.div-block-2 {
  grid-column-gap: 3em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: stretch stretch;
  margin-top: 1.25em;
  display: grid;
}

.skill-badge {
  border: 1px solid var(--text--primary\<deleted\|variable-5cb7eeb5\>);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: 2em;
  justify-content: center;
  align-items: center;
  height: 2.6em;
  padding-left: 1em;
  padding-right: 1em;
  font-family: Soehne Mono Buch, sans-serif;
  font-size: .9em;
  display: flex;
}

.skill-badges {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: wrap;
  display: flex;
}

.section-2 {
  background-color: var(--_color---surface--section);
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}

.inner-content {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4em;
  padding-right: 4em;
  display: flex;
}

.album {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.title-and-artist {
  grid-column-gap: .375em;
  grid-row-gap: .375em;
  flex-flow: column;
  display: flex;
}

.album-title {
  margin-bottom: 0;
  font-family: Soehne kraftig, sans-serif;
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1.2;
}

.album-artist {
  color: var(--_color---text--secondary);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: Soehne Mono Buch, sans-serif;
  font-size: .9em;
}

.description-and-cta {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.flex-block {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  justify-content: flex-start;
  align-items: center;
}

.image-5 {
  width: 1em;
  height: 1em;
}

.summary, .philosophy {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}

.philosophy-placeholder {
  border: 2px solid var(--border);
  border-radius: .25em;
  width: 100%;
  height: 8em;
}

.philosophy-items {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  width: 100%;
}

.div-block-8 {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4em;
  padding-right: 4em;
}

.about-site {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
}

.about-site.mobile {
  display: none;
}

.skills {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
}

.text-span-2 {
  font-family: Soehne kraftig, sans-serif;
}

.text-span-3 {
  font-family: Soehne buch kursiv, sans-serif;
}

.flex-block-2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex: 0 50%;
  padding-right: 3em;
}

.about-image-container {
  background-color: var(--_color---surface--section);
  justify-content: center;
  align-items: flex-end;
  height: 23em;
  display: flex;
}

.about-image {
  aspect-ratio: 16 / 9;
  position: relative;
}

.link-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.open-in-new {
  align-self: center;
  align-items: center;
  display: flex;
}

.resume-block {
  padding-top: .5em;
}

.success-message {
  background-color: var(--success--background\<deleted\|variable-18529845-85a8-87b5-86c3-c300595c8127\>);
  border-radius: 8px;
  padding: .5em .75em;
  font-family: Soehne buch, Arial, sans-serif;
  font-weight: 400;
}

.success-icon {
  display: block;
}

.alert-text {
  text-align: left;
  font-family: Soehne buch, Arial, sans-serif;
  font-weight: 400;
  display: flex;
}

.success-container {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  align-items: stretch;
  display: flex;
}

.error-container {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-start;
  align-items: baseline;
  font-size: 1em;
  display: flex;
}

.error-icon {
  align-self: flex-start;
  margin-top: .125em;
}

.honeypot {
  display: none;
}

.input-block {
  position: relative;
}

.eye {
  cursor: pointer;
  width: 2em;
  position: absolute;
  inset: .7em .5em auto auto;
  overflow: hidden;
}

.eye_inner {
  align-items: center;
  display: flex;
}

.eye_img {
  cursor: pointer;
  display: block;
}

.eye_img_close {
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.code-embed-2 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.div-block-9 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

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

.impact-metrics {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  text-decoration: none;
  display: flex;
}

.stat {
  grid-row-gap: 0em;
  border-style: solid;
  border-width: 1px 0 0;
  border-color: var(--chip--outlined) #473333 #473333;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 1em;
  text-decoration: none;
  display: flex;
}

.info-container {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  display: flex;
}

.hero-container {
  max-width: 1920px;
  padding-left: 4em;
  padding-right: 4em;
}

.metric {
  font-family: Sohne Halbfett, Arial, sans-serif;
  font-weight: 600;
}

.screen-frame {
  background-color: var(--screen-frame--dark);
  border-radius: .5em;
  justify-content: flex-end;
  align-items: center;
  padding: 8em 8em 0;
}

.socials-container {
  width: 1em;
  height: 1em;
  position: relative;
}

.case-study-page {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

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

.text-span-4, .text-span-5 {
  font-family: Soehne kraftig, sans-serif;
}

.t-display {
  font-family: Soehne dreiviertelfett, Arial, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.05;
}

.t-hero {
  font-family: Soehne buch, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.15;
}

.t-section {
  font-family: Sohne Halbfett, Arial, sans-serif;
  font-size: 2.3rem;
  font-weight: 600;
  line-height: 1.25;
}

.t-subhead {
  font-family: Sohne Halbfett, Arial, sans-serif;
  font-size: 1.45rem;
  font-weight: 600;
  line-height: 1.35;
}

.t-body {
  font-size: 1rem;
  line-height: 1.4;
}

.t-label {
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: Soehne Mono Buch, sans-serif;
  font-size: 1rem;
  line-height: 1.2;
}

.t-metric {
  font-family: Sohne Halbfett, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

.t-caption {
  margin-bottom: 0;
  font-size: .85rem;
}

.size-test {
  margin-bottom: 1em;
}

.messaging-copy {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: .75em;
  padding-bottom: 1.5em;
  display: flex;
}

@media screen and (min-width: 1920px) {
  p {
    font-family: Soehne buch, Arial, sans-serif;
  }

  .section {
    background-image: none;
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3em;
  }

  .section.top {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2em;
  }

  .overline {
    line-height: 1.4;
  }

  .overline.w--current {
    white-space: normal;
    line-height: 1.4;
    text-decoration: underline;
  }

  .navbar {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }

  .description {
    flex-wrap: nowrap;
    flex: 1;
    align-content: flex-start;
    align-items: stretch;
    margin-top: 0;
  }

  .chip {
    justify-content: flex-start;
    align-self: flex-start;
  }

  .chip.filter {
    padding-top: .25em;
  }

  .card {
    aspect-ratio: 16 / 9;
    background-image: url('../images/Port-Congestion---Small.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    flex: none;
    order: 0;
  }

  .card.work {
    object-fit: contain;
  }

  .card.work.performance {
    flex: 0 75%;
  }

  .card.performance {
    background-image: none;
    flex: 0 auto;
  }

  .card.log-new-exception {
    flex: 0 auto;
  }

  .textarea.input {
    margin-bottom: 1em;
  }

  .image {
    object-fit: cover;
    height: 34rem;
  }

  .utility-page-content {
    justify-content: center;
  }

  .filter-controls {
    background-image: linear-gradient(315deg, #fff7e600, var(--background));
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    display: none;
  }

  .selection-chip {
    font-size: 1.4rem;
  }

  .submit {
    border-radius: .5rem;
    margin-top: 1em;
  }

  .submit.password {
    font-size: 1em;
  }

  .horizontal-divider {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }

  .mix {
    grid-column-gap: 4rem;
    flex-flow: row;
    height: 75vh;
    display: flex;
  }

  .mix.product, .mix.cx-web {
    height: auto;
  }

  .project-heading {
    color: var(--text--primary\<deleted\|variable-5cb7eeb5\>);
    font-weight: 500;
  }

  ._2-col {
    object-fit: fill;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
  }

  .h2-p {
    grid-row-gap: 2rem;
    flex-flow: column;
    flex: 0 50%;
    align-self: flex-start;
    display: flex;
  }

  .image-container {
    background-image: url('../images/Album-Desktop.webp');
    background-position: 50% 100%;
    background-size: cover;
    flex: 0 50%;
    align-self: stretch;
  }

  .image-container.contact {
    align-items: flex-end;
  }

  .image-container.album {
    background-color: var(--primary--main\<deleted\|variable-72df255d\>);
    background-repeat: no-repeat;
    background-size: contain;
  }

  .paragraph {
    align-self: stretch;
  }

  .form-block {
    flex: 1;
  }

  .input {
    margin-bottom: 1rem;
    padding-left: .5em;
    padding-right: .5em;
  }

  .input.password {
    font-size: 1em;
  }

  .contact {
    line-height: 1.5;
  }

  .contact.h2 {
    line-height: 1.2;
  }

  .nav-container {
    width: 100%;
    max-width: 1920px;
  }

  .brand-and-name {
    align-self: stretch;
  }

  .scroll-button {
    background-image: url('../images/Arrow-up---Thinner.svg');
  }

  .link.large, .link.password, .link.body {
    font-size: 1em;
  }

  .link.body.footer {
    font-size: 1.4rem;
  }

  .featured-work {
    object-fit: cover;
  }

  .same-page {
    width: 1.2em;
  }

  .heading-1.home {
    padding-left: 0;
  }

  .case-study-heading {
    align-items: stretch;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero {
    background-color: #063454;
  }

  .hero-image {
    object-fit: fill;
    max-width: 1920px;
    height: auto;
  }

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

  .caption {
    line-height: 1.4;
    display: block;
  }

  .case-study-h2 {
    margin-bottom: 0;
  }

  .numbered-list {
    list-style-type: decimal;
  }

  .case-study-h3 {
    font-size: 1.4em;
  }

  .footer-dark {
    z-index: 100;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .footer-brand {
    line-height: 1.1;
  }

  .footer-content {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .footer-block {
    align-items: flex-start;
  }

  .title-small {
    font-family: Soehne kraftig, sans-serif;
    font-weight: 500;
    line-height: 1.1;
  }

  .footer-link {
    font-weight: 400;
  }

  .footer-copyright-center {
    line-height: 1.4;
  }

  .socials {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 1920px;
  }

  .footer {
    padding-top: .25em;
    font-size: 1.4rem;
    line-height: 1;
  }

  .copyright {
    justify-content: flex-start;
    align-items: center;
  }

  .new-tab {
    height: 1.4rem;
  }

  .button-text {
    font-size: 1em;
  }

  .secondary-button {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border: 1px solid var(--primary--main\<deleted\|variable-72df255d\>);
    border-radius: 8px;
    flex-direction: row;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    display: flex;
  }

  .back-button-container {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-2-wrapper {
    background-color: var(--content-2\<deleted\|variable-dfcaf914\>);
  }

  .summary {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .philosophy {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .about-image-container {
    display: flex;
  }

  .about-image {
    aspect-ratio: 16 / 9;
  }

  .code-embed-2 {
    width: 100%;
    height: auto;
  }

  .content-container.light {
    background-color: var(--background);
  }

  .content-container.dark {
    background-color: var(--content-2\<deleted\|variable-dfcaf914\>);
  }
}

@media screen and (max-width: 991px) {
  h1 {
    margin-bottom: 1.5rem;
  }

  h3 {
    font-size: 1.4rem;
  }

  .section {
    padding-top: 2em;
    padding-bottom: .5em;
  }

  .section.header {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .section.header.landing {
    padding-top: 2em;
  }

  .section.bottom {
    padding: 2.5em;
  }

  .section.top {
    padding-bottom: 0;
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .section.single, .section.work {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

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

  .navbar {
    align-items: stretch;
    padding: 1em 1em 1em 2.5em;
  }

  .slash {
    align-self: center;
  }

  .description {
    flex-wrap: nowrap;
    flex-basis: 100%;
    justify-content: center;
    margin-top: .25em;
  }

  .title {
    grid-row-gap: .25em;
  }

  .chip {
    padding-top: .5em;
    padding-bottom: .5em;
    font-size: 1em;
  }

  .chip.filter {
    flex-direction: row;
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .chip.filter:hover {
    background-color: #0000;
  }

  .chip.view-case {
    align-items: center;
  }

  .card {
    flex: none;
  }

  .card.work {
    border-radius: 1.5rem;
    flex-basis: 100%;
  }

  .grid {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    grid-template-columns: 1fr;
  }

  .project-type {
    font-size: 1em;
  }

  .image {
    object-fit: cover;
    height: 16rem;
  }

  .utility-page-wrap {
    flex-direction: column;
    flex: 1;
  }

  .utility-page-form {
    width: 19em;
    max-width: 19em;
  }

  .selection-chip {
    font-size: 1.1rem;
  }

  .submit, .submit.password {
    font-size: 1.2em;
  }

  .horizontal-divider {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .mix {
    grid-column-gap: 2rem;
  }

  .mix.product {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
    flex-wrap: wrap;
    align-items: center;
  }

  .mix.cx-web {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
    flex-wrap: wrap;
  }

  .mix-container {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
  }

  .project-heading {
    margin-top: 0;
    padding-bottom: .25rem;
  }

  ._2-col {
    grid-row-gap: 2rem;
    flex-flow: column-reverse;
    justify-content: space-between;
    padding-bottom: 0;
  }

  ._2-col.contact {
    grid-row-gap: 2em;
  }

  ._2-col.timeline {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .image-container {
    background-position: 50% 5%;
    background-size: cover;
    flex: 0 0 25rem;
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    overflow: visible;
  }

  .image-container.contact {
    background-color: var(--background);
    background-image: none;
    flex-basis: 50%;
  }

  .paragraph {
    font-size: 1.2em;
  }

  .input-label {
    margin-bottom: .25em;
    font-size: 1.2em;
  }

  .input {
    font-size: 1.2em;
  }

  .contact.h2 {
    font-size: 2em;
  }

  ._404 {
    align-self: center;
    font-size: 1.2em;
  }

  .nav-menu {
    background-color: var(--_color---accent--primary);
    width: 100%;
    position: fixed;
    inset: 0%;
    overflow: hidden;
  }

  .nav-links {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    margin-top: 5.4em;
    padding-top: 0;
    display: flex;
  }

  .nav-link {
    margin-left: 0;
    margin-right: 0;
    padding: 1em 2.5em 1em 2em;
  }

  .nav-link.medium {
    text-transform: uppercase;
    margin-top: .4em;
    margin-bottom: .4em;
    padding: .1em 0;
    font-size: 1.8em;
  }

  .nav-link.medium:hover {
    color: var(--text--primary\<deleted\|variable-5cb7eeb5\>);
  }

  .icon-menu {
    flex-direction: row;
    flex: 0 auto;
    padding: .5em;
    position: static;
  }

  .icon-menu.w--open {
    z-index: 10;
    background-color: #0000;
  }

  .nav-container {
    align-items: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    font-size: 1em;
  }

  .brand {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
    text-transform: uppercase;
    align-self: center;
    align-items: center;
  }

  .brand.w--current {
    align-self: center;
    display: flex;
  }

  .nav-item {
    padding-right: 2.5em;
  }

  .logo {
    width: 1.4em;
  }

  .hamburger-lottie {
    width: 1.4em;
    height: 1.4em;
  }

  .scroll-button {
    z-index: 100;
    padding: 1.75em;
  }

  .link {
    font-size: 1.2em;
  }

  .link.large.w--current {
    font-size: 1em;
  }

  .link.password {
    font-size: 1.2em;
  }

  .link.body {
    font-size: 1em;
  }

  .project-description {
    font-size: 1.2em;
  }

  .same-page {
    width: 1.2rem;
    height: 1.2rem;
  }

  .columns {
    width: 7.5em;
  }

  .universe {
    width: 12em;
  }

  .heading-1.home {
    margin-left: -.03125em;
  }

  .about {
    font-size: 2em;
  }

  .about.desktop-heading {
    display: block;
  }

  .case-study-heading {
    padding: 1.5em 2.5em 2em;
  }

  .case-study-h1 {
    font-size: 3.4em;
  }

  .case-study-text-block {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
  }

  .project-info-h2 {
    font-size: 1.4em;
  }

  .content-1, .content {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .content.see-next {
    grid-column-gap: 2em;
    grid-row-gap: 1.5em;
  }

  .content._1 {
    grid-row-gap: 2em;
  }

  .content.project-info {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .case-study-image {
    border-radius: .5em;
  }

  .case-study-image.full {
    border-radius: 1em;
    height: auto;
  }

  .caption {
    font-size: .9em;
  }

  .case-study-p {
    font-size: 1.1em;
    line-height: 1.4;
  }

  .case-study-h2 {
    font-size: 2em;
  }

  .numbered-list.ol {
    font-size: 1.1em;
    list-style: decimal;
  }

  .numbered-list.ul {
    font-size: 1.1em;
  }

  .case-study-h3 {
    margin-bottom: .125rem;
    font-size: 1.2em;
  }

  .label-and-field {
    flex: 1;
  }

  .case-study-subheading {
    font-size: 2em;
  }

  .image-with-caption {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .footer-dark {
    padding-left: 2.5em;
    padding-right: 2.5em;
    font-size: 1em;
  }

  .footer-brand {
    height: 1.5em;
  }

  .footer-content {
    grid-template-columns: minmax(25%, 1fr) minmax(25%, 1fr) minmax(25%, 1fr) 1fr;
    font-size: 1em;
  }

  .footer-block {
    align-items: flex-start;
  }

  .title-small, .footer-link {
    font-size: 1em;
  }

  .footer-social-block {
    margin-left: 0;
  }

  .affordance {
    align-self: center;
  }

  .socials {
    margin-top: 0;
  }

  .footer-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .logo-block {
    flex-basis: 50%;
    font-size: 1em;
  }

  .error-copy {
    font-size: 1.2em;
  }

  .copyright {
    display: flex;
  }

  .back-button {
    margin-left: 2.5em;
    padding: 1.75em;
  }

  .multi-link {
    align-items: stretch;
  }

  .primary-button {
    flex: 1;
    align-self: stretch;
    font-size: 1.2em;
  }

  .button-text {
    flex: none;
  }

  .lightbox {
    width: 100%;
  }

  .secondary-button {
    font-size: 1.2em;
  }

  .page-heading {
    margin-bottom: .5em;
    font-size: 3.4em;
  }

  .h2.large {
    font-size: 2.4em;
  }

  .h2.large.timeline {
    margin-left: 0;
  }

  .chart-container {
    padding: .5em;
  }

  .left {
    order: 1;
    padding-right: 0;
  }

  .right {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .code-embed {
    padding-left: .75em;
  }

  .section-2 {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }

  .inner-content {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .title-and-artist {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
  }

  .album-artist {
    font-size: 1em;
  }

  .div-block-8 {
    padding-left: 0;
    padding-right: 0;
  }

  .about-site {
    display: none;
  }

  .about-site.mobile {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    display: flex;
  }

  .flex-block-2 {
    flex-basis: auto;
    padding-right: 0;
  }

  .about-image-container {
    height: 18em;
  }

  .case-study-list-item {
    font-size: 1em;
    line-height: 1.4;
  }

  .hero-container {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .screen-frame {
    padding-top: 6em;
    padding-left: 6em;
    padding-right: 6em;
  }
}

@media screen and (max-width: 767px) {
  body {
    ---mode--collection-b61087da-78bd-ec4e-1692-06b0f29d8541: mode-3f19c5e4-e604-e722-7516-2b890a4178d9;
  }

  h3 {
    font-size: 1.3rem;
  }

  .section {
    padding-left: 1.6em;
    padding-right: 1.6em;
  }

  .section.header {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .section.header.landing {
    padding-top: 2em;
    padding-bottom: 3em;
  }

  .section.bottom {
    padding: 1.5em;
  }

  .section.top, .section.single, .section.work {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .navbar {
    padding: .5em .5em .5em 1.5em;
  }

  .featured-project {
    grid-row-gap: .5rem;
  }

  .description {
    flex-basis: 100%;
  }

  .chip, .chip.filter {
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .chip.filter:hover {
    background-color: #0000;
  }

  .chip.view-case {
    grid-column-gap: .25rem;
  }

  .card {
    flex: none;
  }

  .card.work {
    flex-basis: 100%;
  }

  .card.performance {
    flex: none;
  }

  .grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .textarea.input {
    height: 12rem;
  }

  .image {
    height: 10rem;
  }

  .utility-page-wrap {
    flex-direction: column;
    flex: 1;
    align-items: stretch;
  }

  .utility-page-form {
    width: 18em;
    max-width: 18em;
  }

  .selection-chip {
    font-size: 1rem;
  }

  .submit, .submit.password {
    font-size: 1.1em;
  }

  .horizontal-divider {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .mix {
    grid-row-gap: 1rem;
    flex-wrap: wrap;
  }

  .mix.product {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
    margin-bottom: .5rem;
  }

  .mix-container {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .project-heading {
    margin-top: 0;
    padding-bottom: .125rem;
  }

  ._2-col {
    grid-row-gap: 2rem;
  }

  .image-container {
    flex-basis: 20rem;
  }

  .image-container.contact {
    background-image: none;
    flex-basis: 50%;
  }

  .paragraph, .input-label {
    font-size: 1.1em;
  }

  .input {
    min-height: 2.8rem;
    font-size: 1.1em;
  }

  .contact.h2 {
    font-size: 1.8em;
  }

  ._404 {
    align-self: center;
    width: 30ch;
    font-size: 1.1em;
  }

  .utility-copy {
    margin-top: .75em;
  }

  .nav-menu {
    z-index: 1;
  }

  .nav-links {
    padding-top: 0;
  }

  .brand {
    padding-left: 0;
  }

  .nav-item {
    padding-right: 1.75em;
  }

  .logo.nav {
    font-size: 1em;
  }

  .scroll-button {
    right: .75em;
  }

  .link, .link.password, .project-description {
    font-size: 1.1em;
  }

  .same-page {
    width: 1.1rem;
    height: 1.1rem;
  }

  .columns {
    object-fit: contain;
  }

  .heading-1.home {
    margin-left: 0;
    font-size: 1.9em;
  }

  .about {
    font-size: 1.8em;
  }

  .case-study-heading {
    padding-bottom: 2em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .case-study-h1 {
    font-size: 2.8em;
  }

  .case-study-text-block {
    grid-column-gap: 1.2em;
    grid-row-gap: 1.2em;
  }

  .project-info-h2 {
    font-size: 1.2em;
  }

  .content-1 {
    grid-auto-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    padding: 1.5em;
  }

  .content {
    grid-column-gap: 2em;
    grid-auto-columns: 1fr;
    padding: 3em 1.5em;
  }

  .content.see-next {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }

  .content._1 {
    background-color: var(--background);
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .case-study-image {
    box-sizing: border-box;
  }

  .caption {
    font-size: 1em;
  }

  .case-study-p {
    font-size: 1.1em;
  }

  .case-study-h2 {
    font-size: 2em;
  }

  .numbered-list.ol, .numbered-list.ul {
    font-size: 1.1em;
  }

  .case-study-h3 {
    margin-bottom: 0;
  }

  .label-and-field {
    flex: 1;
  }

  .case-study-subheading {
    font-size: 1.8em;
  }

  .image-with-caption {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .footer-dark {
    margin-top: auto;
    padding: 2em 1.5em;
  }

  .footer-content {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    align-items: stretch;
    margin-top: 0;
  }

  .footer-block {
    align-items: flex-start;
  }

  .title-small {
    font-size: .9em;
  }

  .footer-link {
    font-size: 1em;
  }

  .footer-link:hover {
    color: var(--primary--main\<deleted\|variable-72df255d\>);
  }

  .footer-social-block {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-social-link.linkedin {
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
  }

  .affordance {
    align-self: center;
    font-size: 1.1em;
  }

  .socials {
    flex-flow: row;
  }

  .footer-grid {
    align-content: space-between;
    align-items: stretch;
  }

  .error-copy {
    font-size: 1.1em;
  }

  .copyright {
    display: flex;
  }

  .back-button {
    margin-left: 1.5em;
  }

  .primary-button {
    font-size: 1.1em;
  }

  .lightbox.overflow {
    height: auto;
    overflow: visible;
  }

  .slider {
    width: auto;
    height: auto;
  }

  .secondary-button {
    font-size: 1.1em;
  }

  .div-block-2 {
    grid-column-gap: 1.5em;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .section-2 {
    padding: 1.5em;
  }

  .inner-content {
    padding-left: 0;
    padding-right: 0;
  }

  .about-image-container {
    height: 14em;
  }

  .impact-metrics {
    margin-bottom: 1em;
  }

  .case-study-list-item {
    ---mode--collection-b61087da-78bd-ec4e-1692-06b0f29d8541: base;
  }

  .info-container {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    flex-flow: column;
    display: flex;
  }

  .hero-container {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .screen-frame {
    justify-content: flex-end;
    align-items: center;
    padding-top: 4em;
    padding-left: 4em;
    padding-right: 4em;
  }

  .socials-container {
    margin-bottom: -.03125em;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    margin-bottom: 1rem;
  }

  h2 {
    font-size: 1.8rem;
  }

  h3 {
    font-size: 1.3rem;
  }

  .section {
    padding-top: 2em;
    padding-bottom: 0;
  }

  .section.header.landing {
    padding-top: 1.5em;
  }

  .section.work {
    padding-top: 2em;
  }

  .overline {
    font-size: 1em;
    overflow: visible;
  }

  .label {
    align-items: center;
  }

  .chip {
    font-size: 1em;
  }

  .chip.filter {
    flex: none;
    justify-content: flex-start;
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .chip.filter:hover {
    background-color: #0000;
  }

  .card {
    flex: none;
    height: auto;
  }

  .card.work {
    border-radius: 1rem;
  }

  .grid {
    grid-column-gap: 1.75em;
    grid-row-gap: 1.75em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 1.5em;
  }

  .textarea.input {
    height: 12rem;
  }

  .project-type {
    font-size: 1em;
  }

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

  .utility-page-content {
    flex: 0 auto;
    margin-bottom: 0;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .utility-page-form {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    width: 18em;
    display: flex;
  }

  .filter-controls {
    grid-row-gap: 0px;
    flex-direction: row;
    overflow: auto;
  }

  .submit {
    width: 100%;
  }

  .mix {
    grid-row-gap: .5rem;
  }

  .mix-container {
    grid-column-gap: 1.75em;
    grid-row-gap: 1.75em;
  }

  ._2-col {
    grid-row-gap: 1.5rem;
  }

  .image-container {
    flex-basis: 12rem;
  }

  .image-container.contact {
    flex-basis: 50%;
  }

  .image-container.album {
    flex-basis: 12em;
  }

  .input {
    font-family: Soehne buch, Arial, sans-serif;
  }

  .contact.h2 {
    font-size: 1.6em;
  }

  ._404 {
    text-align: center;
    align-self: center;
    width: 24ch;
  }

  ._404.link-home {
    width: 21ch;
  }

  .nav-links {
    padding-top: 0;
  }

  .nav-link {
    padding-right: 1.5em;
  }

  .icon-menu.w--open {
    padding: .5em;
  }

  .nav-container {
    align-self: center;
    position: static;
  }

  .brand {
    align-items: center;
    padding-left: 0;
  }

  .nav-item {
    padding-right: 2em;
  }

  .brand-and-name {
    align-self: center;
    height: 100%;
  }

  .logo {
    font-size: 1em;
  }

  .scroll-button {
    display: block;
    bottom: .75em;
  }

  .link.large {
    font-size: 1em;
  }

  .project-description {
    font-size: 1.1em;
  }

  .heading-1 {
    font-family: Soehne buch, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
  }

  .heading-1.home {
    margin-top: .4em;
    font-size: 1.8em;
  }

  .about {
    font-size: 1.6em;
  }

  .about.desktop-heading {
    font-size: 1.8em;
  }

  .case-study-heading {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .case-study-h1 {
    line-height: 1.1;
  }

  .case-study-text-block {
    grid-column-gap: 1.2em;
    grid-row-gap: 1.2em;
  }

  .content-1 {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    grid-template-columns: 1fr;
    justify-content: stretch;
    justify-items: stretch;
  }

  .content {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    grid-template-columns: 1fr;
  }

  .content._1 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .case-study-image, .case-study-image.full {
    border-radius: .5em;
  }

  .case-study-image.framed {
    border-top-width: 0;
    border-left-style: none;
    border-right-style: none;
    border-radius: 0;
  }

  .case-study-h3 {
    font-size: 1.3em;
    line-height: 1.3;
  }

  .label-and-field {
    grid-column-gap: .125em;
    grid-row-gap: .125em;
    flex-flow: column;
  }

  .case-study-subheading {
    margin-top: .5em;
  }

  .image-with-caption {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .footer-brand {
    justify-content: space-around;
    height: 1.8em;
    padding-bottom: 0;
  }

  .footer-brand.w--current {
    height: 1.8rem;
  }

  .footer-content {
    align-items: center;
  }

  .footer-block {
    align-items: flex-start;
  }

  .title-small {
    height: 1.8em;
    font-size: 1em;
  }

  .footer-link {
    font-size: 1em;
  }

  .footer-link:hover {
    color: var(--primary--main\<deleted\|variable-72df255d\>);
  }

  .footer-copyright-center {
    text-align: left;
    margin-top: .25em;
    margin-bottom: .25em;
    font-size: 1em;
  }

  .affordance {
    align-self: center;
  }

  .footer-grid {
    grid-template-rows: auto auto;
  }

  .logo-block {
    align-items: flex-start;
    display: flex;
  }

  .copyright {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .back-button {
    margin-top: 0;
  }

  .primary-button {
    justify-content: center;
    min-width: 183px;
    padding: .5em 1em;
  }

  .lightbox {
    border-radius: .5em;
  }

  .lightbox.overflow {
    border-right-width: 0;
    border-right-color: var(--border);
  }

  .slider {
    border-radius: .5em;
  }

  .secondary-button {
    align-self: stretch;
  }

  .page-heading {
    font-size: 2.8em;
  }

  .h2.see-next {
    font-size: 1.3em;
  }

  .h2.large {
    font-size: 2em;
  }

  .h2.large.timeline {
    font-size: 2.2em;
  }

  .mask {
    border-radius: .5em;
  }

  .chart-container {
    padding: .25em;
  }

  .div-block-2 {
    grid-row-gap: 3em;
    grid-template-columns: 1fr;
  }

  .about-image-container {
    height: 10em;
  }

  .about-image {
    aspect-ratio: auto;
  }

  .resume-block {
    align-self: stretch;
  }

  .info-container {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    flex-flow: column;
    display: flex;
  }

  .screen-frame {
    border: 1px solid var(--border);
    background-color: var(--transparent);
    border-radius: .5em;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: auto;
  }

  .socials-container {
    align-items: flex-end;
  }
}

#w-node-_99083209-04f2-d56b-4408-6f75b15363ac-768f63da {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-b0eddd5a-566f-0690-e3f0-1db7768f63e3-768f63da {
  grid-area: 1 / 3 / 2 / 5;
  align-self: baseline;
}

#w-node-b0eddd5a-566f-0690-e3f0-1db7768f63e4-768f63da {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_37e97146-d38a-88fd-984d-2457c6acb28b-768f63da, #w-node-b0eddd5a-566f-0690-e3f0-1db7768f63ef-768f63da, #w-node-_9f831f26-3278-423d-9d8c-19bab498b69f-0f83a9bf, #w-node-_3233f0d4-8570-494c-2a3c-b48aa4f562a4-0f83a9bf, #w-node-b924ea8d-d83d-d8de-565a-4c31258ca44b-0f83a9bf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-db2fbf34-1e10-dffd-4ec2-43e7cf561ea7-6b54fbbf, #w-node-e6628ae2-b162-2487-a79a-e4089638be77-6b54fbbf, #w-node-d8d9ba50-585a-02c4-b8fe-1da16f2f0394-6b54fbbf {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_96bdd999-171e-bd87-4e3e-a7b37784eba6-6b54fbbf {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-_43940647-fe55-681b-5d37-c0b7a1a1c292-6b54fbbf {
  grid-area: 2 / 4 / 3 / 10;
}

#w-node-_43940647-fe55-681b-5d37-c0b7a1a1c293-6b54fbbf {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_07f0cfdb-ca3d-4346-a180-de3cc8a69537-6b54fbbf {
  grid-area: 4 / 4 / 5 / 10;
}

#w-node-_07f0cfdb-ca3d-4346-a180-de3cc8a69539-6b54fbbf {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-cc6716f0-897e-0126-6e8e-133b7392f139-6b54fbbf {
  grid-area: 3 / 4 / 4 / 10;
}

#w-node-bd58cd7c-fcfb-efbf-351c-6f83f664b1b8-6b54fbbf {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-_190fd3d6-c568-511a-1f39-d1246c2b4ed0-6b54fbbf {
  grid-area: 2 / 4 / 3 / 10;
}

#w-node-_14b013c5-3256-c275-2fc0-8b13dae73021-6b54fbbf {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-fac8d1a2-8516-94cf-1660-43d14791e518-6b54fbbf {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-ca8e6214-0558-4ab3-6e4f-85952c43ef9f-6b54fbbf {
  grid-area: 2 / 4 / 3 / 10;
}

#w-node-d9c5744d-974e-b51e-c8eb-19ded9c85e5b-6b54fbbf {
  grid-area: 3 / 1 / 4 / 13;
}

#w-node-_9083e8ad-7a8a-9061-c69e-f6edd7369ccb-6b54fbbf {
  grid-area: 4 / 4 / 5 / 10;
}

#w-node-_0a3f2dfd-567c-69d7-4f3e-ca4ec0694d2e-6b54fbbf {
  grid-area: 5 / 1 / 6 / 13;
}

#w-node-_0e732d98-42dd-a3b8-491e-cd47467e92f9-6b54fbbf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a8dff66b-bc1f-bfd8-494a-e83b76935463-6b54fbbf {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-_6cb69cd0-f326-d014-2f59-e5fd6754321c-6b54fbbf {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-b0235965-8b17-6d55-31a1-13c2f327766b-6b54fbbf {
  grid-area: 2 / 1 / 3 / 13;
}

#w-node-_972d18b8-bbc9-f2a2-6e0e-a859eae7a5df-6b54fbbf {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-d8033c05-c2d1-4d58-d618-58eccf5e86f5-6b54fbbf {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-_32312e5f-1a70-0e12-85ae-41632ce936f5-6b54fbbf {
  grid-area: 2 / 4 / 3 / 10;
}

#w-node-d44b63fb-3b58-84ce-426c-cea34b439076-6b54fbbf {
  grid-area: 3 / 1 / 4 / 13;
}

#w-node-a1845789-8fcb-2943-962f-eeddae94ce8d-6b54fbbf {
  grid-area: 4 / 4 / 5 / 10;
}

#w-node-_5082b900-3366-2bb8-a303-3bcfc824c896-6b54fbbf {
  grid-area: 5 / 1 / 6 / 13;
}

#w-node-_88d5c968-0d37-b6b0-0aab-2d252980ab26-6b54fbbf {
  grid-area: 6 / 4 / 7 / 10;
}

#w-node-daad0841-00ea-1e1e-d89b-cb23ccd6eb2d-6b54fbbf {
  grid-area: 7 / 1 / 8 / 13;
}

#w-node-_4c2d2d01-04c2-a202-2eae-aa22b150c244-6b54fbbf {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-_4c2d2d01-04c2-a202-2eae-aa22b150c245-6b54fbbf {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-c1406a32-0fa4-0e9b-a5d8-00959622ce57-6b54fbbf {
  grid-area: 2 / 4 / 3 / 10;
}

#w-node-_7473a09c-3042-6d0a-1f55-e950f921216a-6b54fbbf {
  grid-area: 3 / 1 / 4 / 13;
}

#w-node-_1e51bb41-8ec6-6919-913c-d309aeb8e95c-6b54fbbf {
  grid-area: 4 / 4 / 5 / 10;
}

#w-node-a08bf375-9f92-f037-30be-db85abbefe91-6b54fbbf {
  grid-area: 5 / 1 / 6 / 13;
}

#w-node-b5679a92-b877-6643-80aa-9f0b4a296ae1-6b54fbbf {
  grid-area: 6 / 4 / 7 / 10;
}

#w-node-_2d87aa66-7e75-4ad3-caf1-189878978390-6b54fbbf {
  grid-area: 7 / 1 / 8 / 13;
}

#w-node-c3be0004-9a01-4cc8-8f52-3b555c7a4326-6b54fbbf {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-c3be0004-9a01-4cc8-8f52-3b555c7a4327-6b54fbbf {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-c3be0004-9a01-4cc8-8f52-3b555c7a432c-6b54fbbf {
  grid-area: 6 / 2 / 7 / 6;
}

#w-node-f8edef99-4bfa-675b-c6fb-bfa2b26d9b15-6b54fbbf {
  grid-area: 2 / 1 / 3 / 13;
}

#w-node-c3be0004-9a01-4cc8-8f52-3b555c7a432e-6b54fbbf {
  grid-area: 3 / 4 / 4 / 10;
}

#w-node-_020bfc30-3efb-97e2-2e07-cccb4d89c625-6b54fbbf {
  grid-area: 4 / 4 / 5 / 10;
}

#w-node-c3be0004-9a01-4cc8-8f52-3b555c7a4333-6b54fbbf {
  grid-area: 5 / 2 / 6 / 6;
}

#w-node-f08b91b2-8ab8-aa99-7f3c-37ab46fbb6f3-6b54fbbf {
  grid-area: 5 / 4 / 6 / 7;
}

#w-node-f08b91b2-8ab8-aa99-7f3c-37ab46fbb6f7-6b54fbbf {
  grid-area: 5 / 7 / 6 / 10;
}

#w-node-_380546d6-7d45-2474-a7aa-36862b80c63d-6b54fbbf {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-_380546d6-7d45-2474-a7aa-36862b80c648-6b54fbbf {
  grid-area: 2 / 1 / 3 / 7;
}

#w-node-_380546d6-7d45-2474-a7aa-36862b80c63f-6b54fbbf {
  grid-area: 2 / 7 / 3 / 13;
}

#w-node-b2be3eb4-eef2-ef31-7e02-1176e8788d20-6c2509b3 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-_34680623-ac98-94d9-2016-31c07379f117-6c2509b3 {
  grid-area: 1 / 5 / 2 / 9;
}

#w-node-_34680623-ac98-94d9-2016-31c07379f11c-6c2509b3 {
  grid-area: 1 / 9 / 2 / 13;
}

#w-node-_7253993f-7c01-8afb-802d-34c7d19f9cc4-6c2509b3, #w-node-_781f34d9-2e73-c034-0462-8e02d0c8540e-6c2509b3 {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-_27f1f0cb-f4bb-46c2-c1dc-4ece75000aca-6c2509b3 {
  grid-area: 2 / 4 / 3 / 10;
}

#w-node-_127a13fb-ccf8-54bf-b08b-82e6e28feb6e-6c2509b3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_893be26a-c2ad-a097-c57b-ad025db87fe8-6c2509b3 {
  grid-area: 3 / 4 / 4 / 10;
}

#w-node-_1b9e240c-2535-3236-5acb-0c464134c702-6c2509b3 {
  grid-area: 4 / 1 / 5 / 13;
}

#w-node-_893be26a-c2ad-a097-c57b-ad025db87ffb-6c2509b3 {
  grid-area: 5 / 4 / 6 / 10;
  justify-self: center;
}

#w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74497-6c2509b3 {
  grid-area: 6 / 1 / 7 / 13;
  align-self: start;
}

#w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74498-6c2509b3, #w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74499-6c2509b3 {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad6-6c2509b3 {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad4-6c2509b3 {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-a1390b21-aef0-6f3f-13d7-f986e7a7b86d-6c2509b3 {
  grid-area: 2 / 1 / 3 / 13;
  align-self: start;
}

#w-node-a1390b21-aef0-6f3f-13d7-f986e7a7b86e-6c2509b3, #w-node-a1390b21-aef0-6f3f-13d7-f986e7a7b86f-6c2509b3 {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-_8bcd5542-29d6-47d0-b7ec-c2ee4a82e8b0-6c2509b3 {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-_8bcd5542-29d6-47d0-b7ec-c2ee4a82e8b1-6c2509b3 {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-e6e8fc40-3729-a594-884c-fb06b27047a2-6c2509b3 {
  grid-area: 2 / 4 / 3 / 10;
  justify-self: center;
}

#w-node-_8bcd5542-29d6-47d0-b7ec-c2ee4a82e8be-6c2509b3 {
  grid-area: 3 / 1 / 4 / 13;
  align-self: start;
}

#w-node-_8bcd5542-29d6-47d0-b7ec-c2ee4a82e8c0-6c2509b3, #w-node-_8bcd5542-29d6-47d0-b7ec-c2ee4a82e8c1-6c2509b3 {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a1-6c2509b3 {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-a618e83a-5ac8-5cd3-b7fe-5ce19060519f-6c2509b3 {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a4-6c2509b3 {
  grid-area: 6 / 2 / 7 / 6;
}

#w-node-d7f4660f-da92-b0c9-4c4b-7959e6bf6f78-6c2509b3 {
  grid-area: 2 / 1 / 3 / 13;
  align-self: start;
}

#w-node-_64f11c83-f330-6e8d-cfc4-d65659d372da-6c2509b3, #w-node-d7f4660f-da92-b0c9-4c4b-7959e6bf6f7a-6c2509b3 {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a6-6c2509b3 {
  grid-area: 3 / 4 / 4 / 10;
}

#w-node-a34762a6-31ad-94d5-fc34-408db97c080f-6c2509b3 {
  grid-area: 4 / 4 / 5 / 10;
}

#w-node-_5c8cf28a-e61a-fd6b-bc6c-01aacb9bad90-6c2509b3 {
  grid-area: 5 / 2 / 6 / 6;
}

#w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051ad-6c2509b3 {
  grid-area: 5 / 4 / 6 / 10;
}

#w-node-_5d954702-33ff-b1c0-3871-786552f71baf-6c2509b3 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_5e070144-1372-7bf5-2388-45f5bc6374a5-6c2509b3 {
  grid-area: 2 / 1 / 3 / 7;
}

#w-node-_1d7f4f70-5809-8bbe-d0f6-49c488eec7e5-6c2509b3 {
  grid-area: 2 / 7 / 3 / 13;
}

#w-node-_34680623-ac98-94d9-2016-31c07379f112-754a2aac, #w-node-_34680623-ac98-94d9-2016-31c07379f117-754a2aac, #w-node-_34680623-ac98-94d9-2016-31c07379f11c-754a2aac {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7253993f-7c01-8afb-802d-34c7d19f9cc4-754a2aac {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-c55024e5-1bfc-0687-efb6-ee7d90099ea2-754a2aac {
  grid-area: 2 / 2 / 3 / 6;
  align-self: start;
}

#w-node-c55024e5-1bfc-0687-efb6-ee7d90099ea3-754a2aac, #w-node-c55024e5-1bfc-0687-efb6-ee7d90099ea4-754a2aac {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-cd895fc7-a2a4-3c25-0aa3-98f6f837b2b1-754a2aac {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-cd895fc7-a2a4-3c25-0aa3-98f6f837b2b6-754a2aac {
  grid-area: 2 / 2 / 3 / 6;
}

#w-node-_781f34d9-2e73-c034-0462-8e02d0c8540e-754a2aac {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-_27f1f0cb-f4bb-46c2-c1dc-4ece75000aca-754a2aac {
  grid-area: 2 / 2 / 3 / 6;
}

#w-node-dac25bd6-056e-4c0f-813c-37bbb998a0f0-754a2aac {
  grid-area: 3 / 2 / 4 / 6;
}

#w-node-_893be26a-c2ad-a097-c57b-ad025db87fe8-754a2aac {
  grid-area: 4 / 2 / 5 / 6;
}

#w-node-_893be26a-c2ad-a097-c57b-ad025db87ffb-754a2aac {
  grid-area: 5 / 2 / 6 / 6;
  justify-self: center;
}

#w-node-_81cdcbdb-ab12-cbe6-9112-72db276473df-754a2aac {
  grid-area: 7 / 2 / 8 / 6;
  justify-self: center;
}

#w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74497-754a2aac {
  grid-area: 6 / 2 / 7 / 6;
  align-self: start;
}

#w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74498-754a2aac, #w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74499-754a2aac {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-e73c2924-25eb-cfbb-328c-15a42a1792ad-754a2aac {
  grid-area: 8 / 2 / 9 / 6;
  align-self: start;
}

#w-node-e73c2924-25eb-cfbb-328c-15a42a1792af-754a2aac, #w-node-e73c2924-25eb-cfbb-328c-15a42a1792b0-754a2aac {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad6-754a2aac, #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad4-754a2aac {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-_634f7d7e-6750-ac65-1e9c-157396a875dc-754a2aac {
  grid-area: 2 / 2 / 3 / 6;
}

#w-node-d62d01fd-6adf-ec24-61f3-662b14238089-754a2aac {
  grid-area: 3 / 2 / 4 / 6;
  align-self: start;
}

#w-node-d62d01fd-6adf-ec24-61f3-662b1423808a-754a2aac {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d62d01fd-6adf-ec24-61f3-662b1423809d-754a2aac {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-b423aa53-82ce-45ad-b27e-d2f7462db829-754a2aac {
  grid-area: 4 / 2 / 5 / 6;
}

#w-node-_5cb34919-8bdb-7f42-9b94-abc2ef49631b-754a2aac {
  grid-area: 5 / 2 / 6 / 6;
}

#w-node-_503bd9de-8735-307f-fead-bbb9712d40cd-754a2aac {
  grid-area: 6 / 2 / 7 / 6;
  align-self: start;
}

#w-node-_503bd9de-8735-307f-fead-bbb9712d40ce-754a2aac, #w-node-_503bd9de-8735-307f-fead-bbb9712d40cf-754a2aac {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-a99f96fa-28cd-abc3-7411-d98ade050af6-754a2aac {
  grid-area: 7 / 2 / 8 / 6;
}

#w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a1-754a2aac, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce19060519f-754a2aac {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a4-754a2aac {
  grid-area: 6 / 2 / 7 / 6;
}

#w-node-e92b8005-ab83-5c52-ecfb-d7e5b8c12bdb-754a2aac {
  grid-area: 2 / 2 / 3 / 6;
}

#w-node-d7f4660f-da92-b0c9-4c4b-7959e6bf6f78-754a2aac {
  grid-area: 2 / 2 / 3 / 6;
  align-self: start;
}

#w-node-c4c1de24-4a1d-be81-6294-c7fdea87d2af-754a2aac {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d7f4660f-da92-b0c9-4c4b-7959e6bf6f7a-754a2aac {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a6-754a2aac {
  grid-area: 3 / 2 / 4 / 6;
}

#w-node-a34762a6-31ad-94d5-fc34-408db97c080f-754a2aac {
  grid-area: 4 / 2 / 5 / 6;
}

#w-node-_5c8cf28a-e61a-fd6b-bc6c-01aacb9bad90-754a2aac, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051ad-754a2aac {
  grid-area: 5 / 2 / 6 / 6;
}

#w-node-_68a64767-97dc-2cc4-a21a-f7d8fab86427-754a2aac {
  grid-area: 6 / 2 / 7 / 6;
}

#w-node-d795a364-77ca-2a32-4498-07a8aaa66849-754a2aac {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-d795a364-77ca-2a32-4498-07a8aaa6684b-754a2aac {
  grid-area: 2 / 1 / 3 / 4;
}

#w-node-d795a364-77ca-2a32-4498-07a8aaa66854-754a2aac {
  grid-area: 2 / 4 / 3 / 7;
}

#w-node-_34680623-ac98-94d9-2016-31c07379f112-96693b97, #w-node-_34680623-ac98-94d9-2016-31c07379f117-96693b97, #w-node-_34680623-ac98-94d9-2016-31c07379f11c-96693b97 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7253993f-7c01-8afb-802d-34c7d19f9cc4-96693b97 {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-c55024e5-1bfc-0687-efb6-ee7d90099ea2-96693b97 {
  grid-area: 2 / 2 / 3 / 6;
  align-self: start;
}

#w-node-c55024e5-1bfc-0687-efb6-ee7d90099ea3-96693b97, #w-node-c55024e5-1bfc-0687-efb6-ee7d90099ea4-96693b97 {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-cd895fc7-a2a4-3c25-0aa3-98f6f837b2b1-96693b97 {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-cd895fc7-a2a4-3c25-0aa3-98f6f837b2b6-96693b97 {
  grid-area: 2 / 2 / 3 / 6;
}

#w-node-_781f34d9-2e73-c034-0462-8e02d0c8540e-96693b97 {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-_27f1f0cb-f4bb-46c2-c1dc-4ece75000aca-96693b97 {
  grid-area: 2 / 2 / 3 / 6;
}

#w-node-_34fe71db-9a20-420a-d78b-fd8d9668158c-96693b97, #w-node-_68a64767-97dc-2cc4-a21a-f7d8fab86427-96693b97 {
  grid-area: 3 / 2 / 4 / 6;
}

#w-node-_893be26a-c2ad-a097-c57b-ad025db87fe8-96693b97 {
  grid-area: 4 / 2 / 5 / 6;
}

#w-node-_893be26a-c2ad-a097-c57b-ad025db87ffb-96693b97 {
  grid-area: 4 / 2 / 5 / 6;
  justify-self: center;
}

#w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74497-96693b97 {
  grid-area: 5 / 2 / 6 / 6;
  align-self: start;
}

#w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74498-96693b97, #w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74499-96693b97 {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-_81cdcbdb-ab12-cbe6-9112-72db276473df-96693b97 {
  grid-area: 6 / 2 / 7 / 6;
  justify-self: center;
}

#w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad6-96693b97, #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad4-96693b97 {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-_634f7d7e-6750-ac65-1e9c-157396a875dc-96693b97 {
  grid-area: 2 / 2 / 3 / 6;
}

#w-node-d62d01fd-6adf-ec24-61f3-662b14238089-96693b97 {
  grid-area: 3 / 2 / 4 / 6;
  align-self: start;
}

#w-node-_262a37d2-ccb7-ee00-9fcb-2d0e1411fcdf-96693b97, #w-node-d62d01fd-6adf-ec24-61f3-662b1423809d-96693b97 {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-b423aa53-82ce-45ad-b27e-d2f7462db829-96693b97 {
  grid-area: 4 / 2 / 5 / 6;
}

#w-node-_5cb34919-8bdb-7f42-9b94-abc2ef49631b-96693b97 {
  grid-area: 5 / 2 / 6 / 6;
}

#w-node-_503bd9de-8735-307f-fead-bbb9712d40cd-96693b97 {
  grid-area: 6 / 2 / 7 / 6;
  align-self: start;
}

#w-node-_503bd9de-8735-307f-fead-bbb9712d40cf-96693b97 {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-a99f96fa-28cd-abc3-7411-d98ade050af6-96693b97 {
  grid-area: 7 / 2 / 8 / 6;
}

#w-node-_31599a02-658f-0b31-43cf-362876b3d9ed-96693b97 {
  grid-area: 8 / 2 / 9 / 6;
}

#w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a1-96693b97, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce19060519f-96693b97 {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a4-96693b97 {
  grid-area: 6 / 2 / 7 / 6;
}

#w-node-e92b8005-ab83-5c52-ecfb-d7e5b8c12bdb-96693b97 {
  grid-area: 2 / 2 / 3 / 6;
}

#w-node-d7f4660f-da92-b0c9-4c4b-7959e6bf6f78-96693b97 {
  grid-area: 2 / 2 / 3 / 6;
  align-self: start;
}

#w-node-c4c1de24-4a1d-be81-6294-c7fdea87d2af-96693b97 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d7f4660f-da92-b0c9-4c4b-7959e6bf6f7a-96693b97 {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a6-96693b97 {
  grid-area: 3 / 2 / 4 / 6;
}

#w-node-a34762a6-31ad-94d5-fc34-408db97c080f-96693b97 {
  grid-area: 4 / 2 / 5 / 6;
}

#w-node-_5c8cf28a-e61a-fd6b-bc6c-01aacb9bad90-96693b97, #w-node-_114c1432-e7e9-741e-59ff-2a408fc8283d-96693b97, #w-node-_114c1432-e7e9-741e-59ff-2a408fc82840-96693b97 {
  grid-area: 5 / 2 / 6 / 6;
}

#w-node-e1ade140-dfda-6278-8557-919096cdc4c3-96693b97 {
  grid-area: 6 / 2 / 7 / 4;
  align-self: start;
}

#w-node-e1ade140-dfda-6278-8557-919096cdc4c5-96693b97, #w-node-e1ade140-dfda-6278-8557-919096cdc4c6-96693b97 {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-_1b624111-016f-4e94-f68e-187d61439789-96693b97 {
  grid-area: 6 / 4 / 7 / 6;
  align-self: start;
}

#w-node-_1b624111-016f-4e94-f68e-187d6143978b-96693b97, #w-node-_1b624111-016f-4e94-f68e-187d6143978c-96693b97 {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-d795a364-77ca-2a32-4498-07a8aaa66849-96693b97 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-d795a364-77ca-2a32-4498-07a8aaa66854-96693b97 {
  grid-area: 2 / 1 / 3 / 4;
}

#w-node-_7dccdac6-f35f-b487-de9a-5bee4276dfab-96693b97 {
  grid-area: 2 / 4 / 3 / 7;
}

#w-node-_1fa9a5ea-83c2-2307-2085-71299808718f-fced1ded {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_41d5c55e-287a-ab5c-b456-eed551775afd-fced1ded {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eea12159-593e-94e6-e8ce-4a02bec1c384-fced1ded, #w-node-_8b9d4ecb-2744-53b8-4274-9566d95a66b0-fced1ded, #w-node-_58f9fab6-10ec-1c8b-6a2e-b0339dbf36a1-fced1ded {
  justify-self: start;
}

@media screen and (min-width: 1920px) {
  #w-node-b0eddd5a-566f-0690-e3f0-1db7768f63e3-768f63da {
    grid-area: 1 / 3 / 2 / 5;
  }

  #w-node-b0eddd5a-566f-0690-e3f0-1db7768f63e4-768f63da, #w-node-_37e97146-d38a-88fd-984d-2457c6acb28b-768f63da {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d9c5744d-974e-b51e-c8eb-19ded9c85e5b-6b54fbbf {
    grid-column: 2 / 6;
  }

  #w-node-d44b63fb-3b58-84ce-426c-cea34b439076-6b54fbbf {
    grid-row: 3 / 4;
  }

  #w-node-a1845789-8fcb-2943-962f-eeddae94ce8d-6b54fbbf {
    grid-row: 4 / 5;
  }

  #w-node-_5082b900-3366-2bb8-a303-3bcfc824c896-6b54fbbf {
    grid-row: 5 / 6;
  }

  #w-node-_88d5c968-0d37-b6b0-0aab-2d252980ab26-6b54fbbf {
    grid-area: 6 / 2 / 7 / 6;
  }

  #w-node-daad0841-00ea-1e1e-d89b-cb23ccd6eb2d-6b54fbbf {
    grid-row: 7 / 8;
  }

  #w-node-_4c2d2d01-04c2-a202-2eae-aa22b150c244-6b54fbbf {
    grid-row: 1 / 2;
  }

  #w-node-_4c2d2d01-04c2-a202-2eae-aa22b150c245-6b54fbbf {
    grid-area: 1 / 2 / 2 / 6;
  }

  #w-node-c3be0004-9a01-4cc8-8f52-3b555c7a4326-6b54fbbf {
    grid-row: 1 / 2;
  }

  #w-node-c3be0004-9a01-4cc8-8f52-3b555c7a432e-6b54fbbf {
    grid-row: 3 / 4;
  }

  #w-node-_020bfc30-3efb-97e2-2e07-cccb4d89c625-6b54fbbf {
    grid-area: 4 / 2 / 5 / 6;
  }

  #w-node-c3be0004-9a01-4cc8-8f52-3b555c7a4333-6b54fbbf {
    grid-row: 4 / 5;
  }

  #w-node-f08b91b2-8ab8-aa99-7f3c-37ab46fbb6f3-6b54fbbf, #w-node-f08b91b2-8ab8-aa99-7f3c-37ab46fbb6f7-6b54fbbf {
    grid-row: 5 / 6;
  }

  #w-node-_1b9e240c-2535-3236-5acb-0c464134c702-6c2509b3 {
    grid-area: 4 / 1 / 5 / 13;
  }

  #w-node-_893be26a-c2ad-a097-c57b-ad025db87ffb-6c2509b3 {
    grid-row: 5 / 6;
  }

  #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad6-6c2509b3 {
    grid-row: 1 / 2;
  }

  #w-node-a1390b21-aef0-6f3f-13d7-f986e7a7b86d-6c2509b3 {
    grid-row: 2 / 3;
  }

  #w-node-_8bcd5542-29d6-47d0-b7ec-c2ee4a82e8b0-6c2509b3 {
    grid-row: 1 / 2;
  }

  #w-node-e6e8fc40-3729-a594-884c-fb06b27047a2-6c2509b3 {
    grid-area: 2 / 4 / 3 / 10;
  }

  #w-node-_8bcd5542-29d6-47d0-b7ec-c2ee4a82e8be-6c2509b3 {
    grid-row: 3 / 4;
  }

  #w-node-_5d954702-33ff-b1c0-3871-786552f71baf-6c2509b3 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_5e070144-1372-7bf5-2388-45f5bc6374a5-6c2509b3 {
    grid-column: 1 / 7;
  }

  #w-node-_1d7f4f70-5809-8bbe-d0f6-49c488eec7e5-6c2509b3 {
    grid-column: 7 / 13;
  }

  #w-node-_893be26a-c2ad-a097-c57b-ad025db87ffb-754a2aac {
    grid-row: 5 / 6;
  }

  #w-node-_81cdcbdb-ab12-cbe6-9112-72db276473df-754a2aac {
    grid-row: 7 / 8;
  }

  #w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74497-754a2aac {
    grid-row: 6 / 7;
  }

  #w-node-e73c2924-25eb-cfbb-328c-15a42a1792ad-754a2aac {
    grid-area: 8 / 2 / 9 / 6;
  }

  #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad6-754a2aac {
    grid-row: 1 / 2;
  }

  #w-node-_634f7d7e-6750-ac65-1e9c-157396a875dc-754a2aac {
    grid-row: 2 / 3;
  }

  #w-node-d62d01fd-6adf-ec24-61f3-662b14238089-754a2aac {
    grid-area: 3 / 2 / 4 / 6;
  }

  #w-node-b423aa53-82ce-45ad-b27e-d2f7462db829-754a2aac {
    grid-row: 4 / 5;
  }

  #w-node-_5cb34919-8bdb-7f42-9b94-abc2ef49631b-754a2aac {
    grid-row: 5 / 6;
  }

  #w-node-_503bd9de-8735-307f-fead-bbb9712d40cd-754a2aac {
    grid-row: 6 / 7;
  }

  #w-node-a99f96fa-28cd-abc3-7411-d98ade050af6-754a2aac {
    grid-row: 7 / 8;
  }

  #w-node-_893be26a-c2ad-a097-c57b-ad025db87ffb-96693b97 {
    grid-row: 4 / 5;
  }

  #w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74497-96693b97 {
    grid-row: 5 / 6;
  }

  #w-node-_81cdcbdb-ab12-cbe6-9112-72db276473df-96693b97 {
    grid-row: 6 / 7;
  }

  #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad6-96693b97 {
    grid-row: 1 / 2;
  }

  #w-node-_634f7d7e-6750-ac65-1e9c-157396a875dc-96693b97 {
    grid-row: 2 / 3;
  }

  #w-node-d62d01fd-6adf-ec24-61f3-662b14238089-96693b97 {
    grid-area: 3 / 2 / 4 / 6;
  }

  #w-node-b423aa53-82ce-45ad-b27e-d2f7462db829-96693b97 {
    grid-row: 4 / 5;
  }

  #w-node-_5cb34919-8bdb-7f42-9b94-abc2ef49631b-96693b97 {
    grid-row: 5 / 6;
  }

  #w-node-_503bd9de-8735-307f-fead-bbb9712d40cd-96693b97 {
    grid-row: 6 / 7;
  }

  #w-node-a99f96fa-28cd-abc3-7411-d98ade050af6-96693b97 {
    grid-row: 7 / 8;
  }

  #w-node-_31599a02-658f-0b31-43cf-362876b3d9ed-96693b97 {
    grid-row: 8 / 9;
  }

  #w-node-e1ade140-dfda-6278-8557-919096cdc4c3-96693b97 {
    grid-area: 6 / 2 / 7 / 4;
  }

  #w-node-_1b624111-016f-4e94-f68e-187d61439789-96693b97 {
    grid-area: 6 / 4 / 7 / 6;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_99083209-04f2-d56b-4408-6f75b15363ac-768f63da {
    justify-self: stretch;
  }

  #w-node-b0eddd5a-566f-0690-e3f0-1db7768f63e4-768f63da {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_37e97146-d38a-88fd-984d-2457c6acb28b-768f63da {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b0eddd5a-566f-0690-e3f0-1db7768f63ef-768f63da {
    grid-area: 1 / 3 / 2 / 5;
    justify-self: auto;
  }

  #w-node-f08b91b2-8ab8-aa99-7f3c-37ab46fbb6f3-6b54fbbf, #w-node-f08b91b2-8ab8-aa99-7f3c-37ab46fbb6f7-6b54fbbf {
    grid-row: 5 / 6;
  }

  #w-node-b2be3eb4-eef2-ef31-7e02-1176e8788d20-6c2509b3 {
    grid-column-end: 13;
  }

  #w-node-_7253993f-7c01-8afb-802d-34c7d19f9cc4-6c2509b3, #w-node-_781f34d9-2e73-c034-0462-8e02d0c8540e-6c2509b3, #w-node-_27f1f0cb-f4bb-46c2-c1dc-4ece75000aca-6c2509b3 {
    grid-column: 3 / 11;
  }

  #w-node-_893be26a-c2ad-a097-c57b-ad025db87fe8-6c2509b3 {
    grid-area: 3 / 3 / 4 / 11;
  }

  #w-node-_1b9e240c-2535-3236-5acb-0c464134c702-6c2509b3 {
    grid-row: 4 / 5;
  }

  #w-node-_893be26a-c2ad-a097-c57b-ad025db87ffb-6c2509b3 {
    grid-area: 5 / 3 / 6 / 11;
  }

  #w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74497-6c2509b3 {
    grid-row: 6 / 7;
  }

  #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad6-6c2509b3, #w-node-_8bcd5542-29d6-47d0-b7ec-c2ee4a82e8b0-6c2509b3, #w-node-e6e8fc40-3729-a594-884c-fb06b27047a2-6c2509b3, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a1-6c2509b3, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a6-6c2509b3, #w-node-a34762a6-31ad-94d5-fc34-408db97c080f-6c2509b3, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051ad-6c2509b3 {
    grid-column: 3 / 11;
  }

  #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051ad-754a2aac {
    grid-column-start: 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_96bdd999-171e-bd87-4e3e-a7b37784eba6-6b54fbbf {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_43940647-fe55-681b-5d37-c0b7a1a1c292-6b54fbbf, #w-node-_07f0cfdb-ca3d-4346-a180-de3cc8a69537-6b54fbbf, #w-node-cc6716f0-897e-0126-6e8e-133b7392f139-6b54fbbf, #w-node-bd58cd7c-fcfb-efbf-351c-6f83f664b1b8-6b54fbbf, #w-node-_190fd3d6-c568-511a-1f39-d1246c2b4ed0-6b54fbbf, #w-node-_14b013c5-3256-c275-2fc0-8b13dae73021-6b54fbbf, #w-node-ca8e6214-0558-4ab3-6e4f-85952c43ef9f-6b54fbbf {
    grid-column: 1 / 7;
  }

  #w-node-d9c5744d-974e-b51e-c8eb-19ded9c85e5b-6b54fbbf {
    grid-area: 3 / 1 / 4 / 7;
  }

  #w-node-_9083e8ad-7a8a-9061-c69e-f6edd7369ccb-6b54fbbf, #w-node-_0a3f2dfd-567c-69d7-4f3e-ca4ec0694d2e-6b54fbbf, #w-node-a8dff66b-bc1f-bfd8-494a-e83b76935463-6b54fbbf, #w-node-_6cb69cd0-f326-d014-2f59-e5fd6754321c-6b54fbbf, #w-node-b0235965-8b17-6d55-31a1-13c2f327766b-6b54fbbf, #w-node-_972d18b8-bbc9-f2a2-6e0e-a859eae7a5df-6b54fbbf, #w-node-d8033c05-c2d1-4d58-d618-58eccf5e86f5-6b54fbbf, #w-node-_32312e5f-1a70-0e12-85ae-41632ce936f5-6b54fbbf {
    grid-column: 1 / 7;
  }

  #w-node-d44b63fb-3b58-84ce-426c-cea34b439076-6b54fbbf {
    grid-area: 3 / 1 / 4 / 7;
  }

  #w-node-a1845789-8fcb-2943-962f-eeddae94ce8d-6b54fbbf {
    grid-area: 4 / 1 / 5 / 7;
  }

  #w-node-_5082b900-3366-2bb8-a303-3bcfc824c896-6b54fbbf {
    grid-area: 5 / 1 / 6 / 7;
  }

  #w-node-_88d5c968-0d37-b6b0-0aab-2d252980ab26-6b54fbbf {
    grid-area: 6 / 1 / 7 / 7;
  }

  #w-node-daad0841-00ea-1e1e-d89b-cb23ccd6eb2d-6b54fbbf {
    grid-area: 7 / 1 / 8 / 7;
  }

  #w-node-_4c2d2d01-04c2-a202-2eae-aa22b150c244-6b54fbbf, #w-node-_4c2d2d01-04c2-a202-2eae-aa22b150c245-6b54fbbf, #w-node-c1406a32-0fa4-0e9b-a5d8-00959622ce57-6b54fbbf, #w-node-_7473a09c-3042-6d0a-1f55-e950f921216a-6b54fbbf, #w-node-_1e51bb41-8ec6-6919-913c-d309aeb8e95c-6b54fbbf, #w-node-a08bf375-9f92-f037-30be-db85abbefe91-6b54fbbf, #w-node-b5679a92-b877-6643-80aa-9f0b4a296ae1-6b54fbbf, #w-node-_2d87aa66-7e75-4ad3-caf1-189878978390-6b54fbbf, #w-node-c3be0004-9a01-4cc8-8f52-3b555c7a4326-6b54fbbf, #w-node-c3be0004-9a01-4cc8-8f52-3b555c7a4327-6b54fbbf, #w-node-f8edef99-4bfa-675b-c6fb-bfa2b26d9b15-6b54fbbf, #w-node-c3be0004-9a01-4cc8-8f52-3b555c7a432e-6b54fbbf, #w-node-_020bfc30-3efb-97e2-2e07-cccb4d89c625-6b54fbbf, #w-node-c3be0004-9a01-4cc8-8f52-3b555c7a4333-6b54fbbf {
    grid-column: 1 / 7;
  }

  #w-node-f08b91b2-8ab8-aa99-7f3c-37ab46fbb6f3-6b54fbbf {
    grid-column-start: 1;
  }

  #w-node-f08b91b2-8ab8-aa99-7f3c-37ab46fbb6f7-6b54fbbf {
    grid-column-end: 7;
  }

  #w-node-_380546d6-7d45-2474-a7aa-36862b80c63d-6b54fbbf {
    grid-column: 1 / 7;
  }

  #w-node-b2be3eb4-eef2-ef31-7e02-1176e8788d20-6c2509b3 {
    grid-column-end: 13;
  }

  #w-node-_7253993f-7c01-8afb-802d-34c7d19f9cc4-6c2509b3, #w-node-_781f34d9-2e73-c034-0462-8e02d0c8540e-6c2509b3, #w-node-_27f1f0cb-f4bb-46c2-c1dc-4ece75000aca-6c2509b3, #w-node-_893be26a-c2ad-a097-c57b-ad025db87fe8-6c2509b3, #w-node-_1b9e240c-2535-3236-5acb-0c464134c702-6c2509b3, #w-node-_893be26a-c2ad-a097-c57b-ad025db87ffb-6c2509b3, #w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74497-6c2509b3, #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad6-6c2509b3 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad4-6c2509b3 {
    grid-column: 1 / 7;
  }

  #w-node-a1390b21-aef0-6f3f-13d7-f986e7a7b86d-6c2509b3, #w-node-_8bcd5542-29d6-47d0-b7ec-c2ee4a82e8b0-6c2509b3 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_8bcd5542-29d6-47d0-b7ec-c2ee4a82e8b1-6c2509b3 {
    grid-column: 1 / 7;
  }

  #w-node-e6e8fc40-3729-a594-884c-fb06b27047a2-6c2509b3, #w-node-_8bcd5542-29d6-47d0-b7ec-c2ee4a82e8be-6c2509b3, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a1-6c2509b3 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-a618e83a-5ac8-5cd3-b7fe-5ce19060519f-6c2509b3 {
    grid-column: 1 / 7;
  }

  #w-node-d7f4660f-da92-b0c9-4c4b-7959e6bf6f78-6c2509b3, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a6-6c2509b3, #w-node-a34762a6-31ad-94d5-fc34-408db97c080f-6c2509b3, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051ad-6c2509b3, #w-node-_5d954702-33ff-b1c0-3871-786552f71baf-6c2509b3 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_5e070144-1372-7bf5-2388-45f5bc6374a5-6c2509b3, #w-node-_1d7f4f70-5809-8bbe-d0f6-49c488eec7e5-6c2509b3 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_7253993f-7c01-8afb-802d-34c7d19f9cc4-754a2aac, #w-node-c55024e5-1bfc-0687-efb6-ee7d90099ea2-754a2aac, #w-node-cd895fc7-a2a4-3c25-0aa3-98f6f837b2b6-754a2aac, #w-node-_781f34d9-2e73-c034-0462-8e02d0c8540e-754a2aac, #w-node-_27f1f0cb-f4bb-46c2-c1dc-4ece75000aca-754a2aac, #w-node-dac25bd6-056e-4c0f-813c-37bbb998a0f0-754a2aac, #w-node-_893be26a-c2ad-a097-c57b-ad025db87fe8-754a2aac, #w-node-_893be26a-c2ad-a097-c57b-ad025db87ffb-754a2aac, #w-node-_81cdcbdb-ab12-cbe6-9112-72db276473df-754a2aac, #w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74497-754a2aac, #w-node-e73c2924-25eb-cfbb-328c-15a42a1792ad-754a2aac, #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad6-754a2aac, #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad4-754a2aac, #w-node-_634f7d7e-6750-ac65-1e9c-157396a875dc-754a2aac, #w-node-d62d01fd-6adf-ec24-61f3-662b14238089-754a2aac, #w-node-b423aa53-82ce-45ad-b27e-d2f7462db829-754a2aac, #w-node-_5cb34919-8bdb-7f42-9b94-abc2ef49631b-754a2aac, #w-node-_503bd9de-8735-307f-fead-bbb9712d40cd-754a2aac, #w-node-a99f96fa-28cd-abc3-7411-d98ade050af6-754a2aac, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a1-754a2aac, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce19060519f-754a2aac, #w-node-e92b8005-ab83-5c52-ecfb-d7e5b8c12bdb-754a2aac, #w-node-d7f4660f-da92-b0c9-4c4b-7959e6bf6f78-754a2aac, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a6-754a2aac, #w-node-a34762a6-31ad-94d5-fc34-408db97c080f-754a2aac, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051ad-754a2aac, #w-node-d795a364-77ca-2a32-4498-07a8aaa66849-754a2aac, #w-node-_7253993f-7c01-8afb-802d-34c7d19f9cc4-96693b97, #w-node-c55024e5-1bfc-0687-efb6-ee7d90099ea2-96693b97, #w-node-cd895fc7-a2a4-3c25-0aa3-98f6f837b2b1-96693b97, #w-node-cd895fc7-a2a4-3c25-0aa3-98f6f837b2b6-96693b97, #w-node-_781f34d9-2e73-c034-0462-8e02d0c8540e-96693b97, #w-node-_27f1f0cb-f4bb-46c2-c1dc-4ece75000aca-96693b97, #w-node-_34fe71db-9a20-420a-d78b-fd8d9668158c-96693b97, #w-node-_893be26a-c2ad-a097-c57b-ad025db87fe8-96693b97, #w-node-_893be26a-c2ad-a097-c57b-ad025db87ffb-96693b97, #w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74497-96693b97, #w-node-_81cdcbdb-ab12-cbe6-9112-72db276473df-96693b97, #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad6-96693b97, #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad4-96693b97, #w-node-_634f7d7e-6750-ac65-1e9c-157396a875dc-96693b97, #w-node-d62d01fd-6adf-ec24-61f3-662b14238089-96693b97, #w-node-b423aa53-82ce-45ad-b27e-d2f7462db829-96693b97, #w-node-_5cb34919-8bdb-7f42-9b94-abc2ef49631b-96693b97, #w-node-_503bd9de-8735-307f-fead-bbb9712d40cd-96693b97, #w-node-a99f96fa-28cd-abc3-7411-d98ade050af6-96693b97, #w-node-_31599a02-658f-0b31-43cf-362876b3d9ed-96693b97, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a1-96693b97, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce19060519f-96693b97, #w-node-e92b8005-ab83-5c52-ecfb-d7e5b8c12bdb-96693b97, #w-node-d7f4660f-da92-b0c9-4c4b-7959e6bf6f78-96693b97, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a6-96693b97, #w-node-a34762a6-31ad-94d5-fc34-408db97c080f-96693b97, #w-node-_114c1432-e7e9-741e-59ff-2a408fc8283d-96693b97 {
    grid-column: 1 / 7;
  }

  #w-node-e1ade140-dfda-6278-8557-919096cdc4c3-96693b97 {
    grid-column: 1 / 4;
  }

  #w-node-_1b624111-016f-4e94-f68e-187d61439789-96693b97 {
    grid-area: 6 / 4 / 7 / 7;
  }

  #w-node-d795a364-77ca-2a32-4498-07a8aaa66849-96693b97 {
    grid-column: 1 / 7;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_99083209-04f2-d56b-4408-6f75b15363ac-768f63da {
    grid-column: span 4 / span 4;
  }

  #w-node-b0eddd5a-566f-0690-e3f0-1db7768f63e3-768f63da {
    grid-column-start: 1;
  }

  #w-node-b0eddd5a-566f-0690-e3f0-1db7768f63e4-768f63da {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_37e97146-d38a-88fd-984d-2457c6acb28b-768f63da {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b0eddd5a-566f-0690-e3f0-1db7768f63ef-768f63da {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_96bdd999-171e-bd87-4e3e-a7b37784eba6-6b54fbbf {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-_43940647-fe55-681b-5d37-c0b7a1a1c293-6b54fbbf, #w-node-_07f0cfdb-ca3d-4346-a180-de3cc8a69539-6b54fbbf {
    grid-column: span 6 / span 6;
  }

  #w-node-bd58cd7c-fcfb-efbf-351c-6f83f664b1b8-6b54fbbf, #w-node-_190fd3d6-c568-511a-1f39-d1246c2b4ed0-6b54fbbf {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_14b013c5-3256-c275-2fc0-8b13dae73021-6b54fbbf, #w-node-d9c5744d-974e-b51e-c8eb-19ded9c85e5b-6b54fbbf, #w-node-_9083e8ad-7a8a-9061-c69e-f6edd7369ccb-6b54fbbf, #w-node-a8dff66b-bc1f-bfd8-494a-e83b76935463-6b54fbbf, #w-node-_6cb69cd0-f326-d014-2f59-e5fd6754321c-6b54fbbf, #w-node-_972d18b8-bbc9-f2a2-6e0e-a859eae7a5df-6b54fbbf, #w-node-d8033c05-c2d1-4d58-d618-58eccf5e86f5-6b54fbbf, #w-node-_88d5c968-0d37-b6b0-0aab-2d252980ab26-6b54fbbf, #w-node-_4c2d2d01-04c2-a202-2eae-aa22b150c244-6b54fbbf, #w-node-_4c2d2d01-04c2-a202-2eae-aa22b150c245-6b54fbbf, #w-node-c1406a32-0fa4-0e9b-a5d8-00959622ce57-6b54fbbf, #w-node-_1e51bb41-8ec6-6919-913c-d309aeb8e95c-6b54fbbf, #w-node-b5679a92-b877-6643-80aa-9f0b4a296ae1-6b54fbbf, #w-node-c3be0004-9a01-4cc8-8f52-3b555c7a4326-6b54fbbf, #w-node-c3be0004-9a01-4cc8-8f52-3b555c7a4327-6b54fbbf, #w-node-c3be0004-9a01-4cc8-8f52-3b555c7a432e-6b54fbbf, #w-node-c3be0004-9a01-4cc8-8f52-3b555c7a4333-6b54fbbf, #w-node-f08b91b2-8ab8-aa99-7f3c-37ab46fbb6f3-6b54fbbf, #w-node-f08b91b2-8ab8-aa99-7f3c-37ab46fbb6f7-6b54fbbf {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_380546d6-7d45-2474-a7aa-36862b80c63d-6b54fbbf {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-_380546d6-7d45-2474-a7aa-36862b80c648-6b54fbbf {
    grid-area: 3 / 1 / 4 / 7;
  }

  #w-node-_380546d6-7d45-2474-a7aa-36862b80c63f-6b54fbbf {
    grid-column: 1 / 7;
  }

  #w-node-b2be3eb4-eef2-ef31-7e02-1176e8788d20-6c2509b3, #w-node-_34680623-ac98-94d9-2016-31c07379f117-6c2509b3, #w-node-_34680623-ac98-94d9-2016-31c07379f11c-6c2509b3 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_7253993f-7c01-8afb-802d-34c7d19f9cc4-6c2509b3 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_781f34d9-2e73-c034-0462-8e02d0c8540e-6c2509b3, #w-node-_27f1f0cb-f4bb-46c2-c1dc-4ece75000aca-6c2509b3, #w-node-_893be26a-c2ad-a097-c57b-ad025db87fe8-6c2509b3, #w-node-_1b9e240c-2535-3236-5acb-0c464134c702-6c2509b3, #w-node-_893be26a-c2ad-a097-c57b-ad025db87ffb-6c2509b3, #w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74497-6c2509b3 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad6-6c2509b3, #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad4-6c2509b3 {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-a1390b21-aef0-6f3f-13d7-f986e7a7b86d-6c2509b3 {
    grid-area: 2 / 1 / 3 / 7;
  }

  #w-node-_8bcd5542-29d6-47d0-b7ec-c2ee4a82e8b0-6c2509b3, #w-node-_8bcd5542-29d6-47d0-b7ec-c2ee4a82e8b1-6c2509b3 {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-e6e8fc40-3729-a594-884c-fb06b27047a2-6c2509b3 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_8bcd5542-29d6-47d0-b7ec-c2ee4a82e8be-6c2509b3 {
    grid-area: 3 / 1 / 4 / 7;
  }

  #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a1-6c2509b3, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce19060519f-6c2509b3 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-d7f4660f-da92-b0c9-4c4b-7959e6bf6f78-6c2509b3 {
    grid-column: span 6 / span 6;
  }

  #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a6-6c2509b3, #w-node-a34762a6-31ad-94d5-fc34-408db97c080f-6c2509b3, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051ad-6c2509b3 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_5d954702-33ff-b1c0-3871-786552f71baf-6c2509b3 {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-_5e070144-1372-7bf5-2388-45f5bc6374a5-6c2509b3 {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  #w-node-_1d7f4f70-5809-8bbe-d0f6-49c488eec7e5-6c2509b3 {
    grid-column-end: 7;
  }

  #w-node-_7253993f-7c01-8afb-802d-34c7d19f9cc4-754a2aac {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-c55024e5-1bfc-0687-efb6-ee7d90099ea2-754a2aac {
    grid-column: span 6 / span 6;
  }

  #w-node-cd895fc7-a2a4-3c25-0aa3-98f6f837b2b6-754a2aac, #w-node-_781f34d9-2e73-c034-0462-8e02d0c8540e-754a2aac, #w-node-_893be26a-c2ad-a097-c57b-ad025db87fe8-754a2aac, #w-node-_893be26a-c2ad-a097-c57b-ad025db87ffb-754a2aac, #w-node-_81cdcbdb-ab12-cbe6-9112-72db276473df-754a2aac {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74497-754a2aac, #w-node-e73c2924-25eb-cfbb-328c-15a42a1792ad-754a2aac {
    grid-column: span 6 / span 6;
  }

  #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad6-754a2aac, #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad4-754a2aac {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-_634f7d7e-6750-ac65-1e9c-157396a875dc-754a2aac {
    grid-area: 2 / 1 / 3 / 7;
  }

  #w-node-d62d01fd-6adf-ec24-61f3-662b14238089-754a2aac {
    grid-column: span 6 / span 6;
  }

  #w-node-b423aa53-82ce-45ad-b27e-d2f7462db829-754a2aac {
    grid-area: 4 / 1 / 5 / 7;
  }

  #w-node-_5cb34919-8bdb-7f42-9b94-abc2ef49631b-754a2aac {
    grid-area: 5 / 1 / 6 / 7;
  }

  #w-node-_503bd9de-8735-307f-fead-bbb9712d40cd-754a2aac {
    grid-area: 6 / 1 / 7 / 7;
  }

  #w-node-a99f96fa-28cd-abc3-7411-d98ade050af6-754a2aac {
    grid-area: 7 / 1 / 8 / 7;
  }

  #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a1-754a2aac, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce19060519f-754a2aac {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-d7f4660f-da92-b0c9-4c4b-7959e6bf6f78-754a2aac {
    grid-column: span 6 / span 6;
  }

  #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a6-754a2aac, #w-node-a34762a6-31ad-94d5-fc34-408db97c080f-754a2aac, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051ad-754a2aac {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-d795a364-77ca-2a32-4498-07a8aaa66849-754a2aac {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-d795a364-77ca-2a32-4498-07a8aaa6684b-754a2aac {
    grid-column-end: 7;
  }

  #w-node-d795a364-77ca-2a32-4498-07a8aaa66854-754a2aac {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  #w-node-_7253993f-7c01-8afb-802d-34c7d19f9cc4-96693b97 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-c55024e5-1bfc-0687-efb6-ee7d90099ea2-96693b97 {
    grid-column: span 6 / span 6;
  }

  #w-node-cd895fc7-a2a4-3c25-0aa3-98f6f837b2b1-96693b97, #w-node-cd895fc7-a2a4-3c25-0aa3-98f6f837b2b6-96693b97, #w-node-_781f34d9-2e73-c034-0462-8e02d0c8540e-96693b97, #w-node-_893be26a-c2ad-a097-c57b-ad025db87fe8-96693b97, #w-node-_893be26a-c2ad-a097-c57b-ad025db87ffb-96693b97 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_0c4c60b0-4cee-b393-6611-8cd74bf74497-96693b97 {
    grid-column: span 6 / span 6;
  }

  #w-node-_81cdcbdb-ab12-cbe6-9112-72db276473df-96693b97 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad6-96693b97, #w-node-_9d44c720-5253-f102-b1c8-bf38681c8ad4-96693b97 {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-_634f7d7e-6750-ac65-1e9c-157396a875dc-96693b97 {
    grid-area: 2 / 1 / 3 / 7;
  }

  #w-node-d62d01fd-6adf-ec24-61f3-662b14238089-96693b97 {
    grid-column: span 6 / span 6;
  }

  #w-node-b423aa53-82ce-45ad-b27e-d2f7462db829-96693b97 {
    grid-area: 4 / 1 / 5 / 7;
  }

  #w-node-_5cb34919-8bdb-7f42-9b94-abc2ef49631b-96693b97 {
    grid-area: 5 / 1 / 6 / 7;
  }

  #w-node-_503bd9de-8735-307f-fead-bbb9712d40cd-96693b97 {
    grid-area: 6 / 1 / 7 / 7;
  }

  #w-node-a99f96fa-28cd-abc3-7411-d98ade050af6-96693b97 {
    grid-area: 7 / 1 / 8 / 7;
  }

  #w-node-_31599a02-658f-0b31-43cf-362876b3d9ed-96693b97 {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a1-96693b97, #w-node-a618e83a-5ac8-5cd3-b7fe-5ce19060519f-96693b97 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-d7f4660f-da92-b0c9-4c4b-7959e6bf6f78-96693b97 {
    grid-column: span 6 / span 6;
  }

  #w-node-a618e83a-5ac8-5cd3-b7fe-5ce1906051a6-96693b97, #w-node-a34762a6-31ad-94d5-fc34-408db97c080f-96693b97, #w-node-_114c1432-e7e9-741e-59ff-2a408fc8283d-96693b97 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-d795a364-77ca-2a32-4498-07a8aaa66849-96693b97 {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-d795a364-77ca-2a32-4498-07a8aaa66854-96693b97 {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  #w-node-_7dccdac6-f35f-b487-de9a-5bee4276dfab-96693b97 {
    grid-area: 1 / 1 / 2 / 7;
  }
}


@font-face {
  font-family: 'Soehne buch';
  src: url('../fonts/soehne-buch.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Soehne dreiviertelfett';
  src: url('../fonts/soehne-dreiviertelfett.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Soehne buch kursiv';
  src: url('../fonts/soehne-buch-kursiv.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Soehne kraftig';
  src: url('../fonts/soehne-kraftig.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Soehne Mono Buch';
  src: url('../fonts/soehne-mono-buch.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sohne Halbfett';
  src: url('../fonts/Söhne-Halbfett.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}