@font-face {
  font-family: Satoshi Variable;
  src: url('../fonts/Satoshi-Variable.woff2') format("woff2"), url('../fonts/Satoshi-Variable.woff') format("woff");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax Variable;
  src: url('../fonts/Chillax-Variable.woff2') format("woff2"), url('../fonts/Chillax-Variable.woff') format("woff");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --color--back: #f0f0f0;
  --color--black: black;
  --heading--h1: 5rem;
  --heading--h3: 2.2rem;
  --heading--h2: 3.5rem;
  --heading--h4: 1.6rem;
  --spacing--24px: 1.5rem;
  --text-size--copy-medium: 1.5rem;
  --text-size--copy-small: 1.2rem;
  --color--circle-middle\<deleted\|variable-073f4368-8172-51cc-b6de-411a58460e10\>: #3b2b4b;
  --spacing--32px: 2rem;
  --color--main: #d7c3a6;
  --spacing--16px: 1rem;
  --container--12col: 100rem;
  --container--6col: 49rem;
  --text-size--copy-quote: 2.7rem;
  --border-radius--border-standard: .35rem;
  --color--transparent: transparent;
  --spacing--40px: 2.5rem;
  --container--10col: 83rem;
  --text-size--copyright: .8rem;
  --text-size--copy-large: 2rem;
  --spacing--8px: .5rem;
  --color--white: white;
  --color--circle-outside\<deleted\|variable-715b71d9-908b-e2aa-653e-184ef4a23954\>: #271d32;
  --spacing--80px: 5rem;
  --spacing--160px: 10rem;
  --container--8col: 66rem;
  --container--4col: 32rem;
  --container--2col: 15rem;
  --color--mandalay-second-color\<deleted\|variable-a3d92b4c-16e9-bc4f-7e77-caf45175d096\>: #a68119;
  --container--3col: 23.5rem;
  --container--9col: 76.5rem;
  --border-radius--border-rounded: 999rem;
}

body {
  background-color: var(--color--back);
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: 1rem;
}

h1 {
  color: var(--color--black);
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: var(--heading--h1);
  letter-spacing: -.08rem;
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
  line-height: 100%;
}

h2 {
  color: var(--color--black);
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: var(--heading--h2);
  letter-spacing: -.08rem;
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
  line-height: 110%;
}

h3 {
  color: var(--color--black);
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: var(--heading--h3);
  letter-spacing: -.06rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-weight: 300;
  line-height: 120%;
}

h4 {
  color: var(--color--black);
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: var(--heading--h4);
  letter-spacing: -.06px;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-weight: 300;
  line-height: 130%;
}

h5 {
  margin-top: var(--spacing--24px);
  font-size: var(--text-size--copy-medium);
  letter-spacing: .02px;
  text-transform: none;
  margin-bottom: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h6 {
  margin-top: var(--spacing--24px);
  font-size: var(--text-size--copy-small);
  letter-spacing: .02px;
  text-transform: none;
  margin-bottom: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

p {
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: var(--text-size--copy-small);
  margin-bottom: 2rem;
  line-height: 1.3;
}

a {
  color: var(--color--black);
  text-decoration: underline;
}

ul {
  margin-bottom: 32px;
}

li {
  margin-bottom: 1rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

blockquote {
  border-left: 5px solid var(--color--circle-middle\<deleted\|variable-073f4368-8172-51cc-b6de-411a58460e10\>);
  margin-bottom: 0;
  padding: .6rem 1.2rem;
  font-family: Andada Pro;
  line-height: 1.4;
}

figure {
  margin-top: var(--spacing--32px);
  margin-bottom: var(--spacing--32px);
}

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

.background-color-main {
  background-color: var(--color--main);
}

.styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 3rem;
  padding-bottom: 2.25rem;
  line-height: 1.4;
  display: grid;
}

.text-style-link {
  text-decoration: underline;
}

.spacer-16px-start {
  padding-top: var(--spacing--16px);
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.spacer-24px-start {
  padding-top: var(--spacing--24px);
}

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.container-12col {
  max-width: var(--container--12col);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.text-weight-regular {
  font-weight: 400;
}

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hide-desktop-only {
  display: none;
}

.container-6col {
  max-width: var(--container--6col);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.spacer-24px-end {
  padding-bottom: var(--spacing--24px);
}

.copy-quote {
  font-family: Chillax Variable, Impact, sans-serif;
  font-size: var(--text-size--copy-quote);
  font-weight: 400;
  line-height: 125%;
}

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

.spacer-32px-end {
  padding-bottom: var(--spacing--32px);
}

.button {
  border: 1px solid var(--color--black);
  border-radius: var(--border-radius--border-standard);
  background-color: var(--color--transparent);
  color: var(--color--black);
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: var(--text-size--copy-medium);
  text-align: center;
  letter-spacing: .02rem;
  text-transform: uppercase;
  padding: 1.2rem 1.5rem;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}

.button:hover {
  background-color: var(--color--main);
}

.button.is-small {
  font-size: var(--text-size--copy-small);
  padding: 1.1rem 1.3rem;
}

.button.is-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button.is-large {
  font-size: var(--text-size--copy-medium);
  padding: 1.5rem 2.5rem;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.background-color-back {
  background-color: var(--color--back);
}

.text-weight-bold {
  font-weight: 700;
}

.fs-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.styleguide_empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.spacer-40px-start {
  padding-top: var(--spacing--40px);
}

.styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.container-10col {
  max-width: var(--container--10col);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.copyright {
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: var(--text-size--copyright);
  line-height: 150%;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

.form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.copy-large {
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: var(--text-size--copy-large);
  line-height: 120%;
}

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.styleguide_spacer-box {
  background-color: #2d40ea1a;
  border: 1px dashed #2d40ea;
  width: 100%;
  position: relative;
}

.spacer-8px-end {
  padding-bottom: var(--spacing--8px);
}

.text-style-allcaps {
  text-transform: uppercase;
}

.spacer-32px-start {
  padding-top: var(--spacing--32px);
}

.icon-height-medium {
  height: 2rem;
}

.styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.styleguide_item.is-stretch {
  justify-items: stretch;
}

.spacer-40px-end {
  padding-bottom: var(--spacing--40px);
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

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

.hide {
  display: none;
}

.icon-height-small {
  height: 1rem;
}

.page-padding {
  padding-left: 4rem;
  padding-right: 4rem;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.text-color-bright {
  color: var(--color--back);
}

.spacer-8px-start {
  padding-top: var(--spacing--8px);
}

.overflow-hidden {
  overflow: hidden;
}

.styleguide_label {
  color: #757575;
  background-color: #ececec;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .3rem .5rem;
  display: flex;
}

.styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.styleguide_header {
  background-color: var(--color--black);
}

.overflow-auto {
  overflow: auto;
}

.styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.form-input {
  background-color: var(--color--transparent);
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
}

.form-input.is-text-area {
  min-height: 8rem;
}

.form_message-success {
  padding: 1.25rem;
}

.form_message-error {
  margin-top: .75rem;
  padding: .75rem;
}

.styleguide_item-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #0000001a;
  align-items: center;
  width: 100%;
  padding-bottom: 2rem;
}

.spacer-16px-end {
  padding-bottom: var(--spacing--16px);
}

.icon-height-large {
  height: 3rem;
}

.styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

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

.form_component {
  margin-bottom: 0;
}

.copy-medium {
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: var(--text-size--copy-medium);
  line-height: 130%;
}

.copy-medium.in-progress {
  background-color: var(--color--white);
  border-radius: 5px;
  padding: .5rem;
}

.list {
  margin-top: var(--spacing--24px);
  margin-bottom: var(--spacing--24px);
}

.navbar {
  background-color: var(--color--back);
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.nav-link-text {
  transition: all .2s;
}

.navi-link {
  color: #4f3966;
  cursor: pointer;
  border: 2px solid #0000;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 15px;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  display: inline;
}

.navi-link:hover, .navi-link.w--current {
  color: #fff;
  background-color: #4f3966;
}

.image-wide-square {
  background-image: url('../images/JFP00566_bearb_1JFP00566_bearb.webp');
  background-position: 20%;
  background-size: cover;
  width: 450px;
  height: 450px;
  margin-bottom: 15px;
}

.image-square {
  background-color: #4f3966;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  margin-bottom: 15px;
  display: flex;
}

.image-small {
  width: 300px;
  height: 420px;
  margin-bottom: 15px;
}

.image-wide {
  justify-content: center;
  align-items: center;
  width: 450px;
  height: 320px;
  margin-bottom: 15px;
  display: flex;
  position: relative;
}

.nav-toggle {
  color: var(--color--black);
  font-size: 3rem;
}

.nav-toggle.w--open {
  background-color: var(--color--circle-outside\<deleted\|variable-715b71d9-908b-e2aa-653e-184ef4a23954\>);
}

.nav-links-list {
  grid-column-gap: var(--spacing--8px);
  grid-row-gap: var(--spacing--8px);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-links-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: var(--color--transparent);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-link {
  padding: var(--spacing--8px);
  color: var(--color--black);
  text-transform: uppercase;
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  text-decoration: none;
}

.nav-link:hover {
  background-color: var(--color--main);
  color: var(--color--black);
}

.nav-link.w--current {
  background-color: var(--color--main);
}

.nav-link.w--current:hover {
  color: var(--color--black);
  text-decoration: underline;
}

.navbar-inner {
  justify-content: space-between;
  align-items: center;
  height: 6rem;
  display: flex;
}

.projekt-beispiele-single {
  width: 50%;
  position: relative;
}

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

.kurzinfos-projekt-image {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 40%;
  position: sticky;
  top: 5.5rem;
}

.kurzinfos-projekt-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 25%;
}

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

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

.background-color-black {
  background-color: var(--color--black);
  color: var(--color--back);
  position: relative;
}

.text-logo {
  color: var(--color--black);
  font-family: Chillax Variable, Impact, sans-serif;
  font-size: 2rem;
  font-weight: 400;
}

.image-wide-square-2 {
  background-image: url('../images/DSC09524.jpg');
  background-position: 20%;
  background-size: cover;
  width: 450px;
  height: 450px;
  margin-bottom: 15px;
}

.image-wide-2 {
  background-image: url('../images/JFP00607_bearb.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 450px;
  height: 320px;
  margin-bottom: 15px;
  display: flex;
}

.image-small-2 {
  background-image: url('../images/JFP00566_bearb_1JFP00566_bearb.webp');
  background-position: 50%;
  background-size: cover;
  width: 300px;
  height: 420px;
  margin-bottom: 15px;
}

.faq-title {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spacer-80px-start {
  padding-top: var(--spacing--80px);
}

.spacer-80px-end {
  padding-bottom: var(--spacing--80px);
}

.spacer-160px-start {
  padding-top: var(--spacing--160px);
}

.spacer-160px-end {
  padding-bottom: var(--spacing--160px);
}

.text-style-link-gold {
  text-underline-offset: .3rem;
  -webkit-text-decoration: underline #a68119;
  text-decoration: underline #a68119;
  text-decoration-thickness: .3rem;
}

.multi-column-layout {
  grid-column-gap: var(--spacing--32px);
  grid-row-gap: var(--spacing--32px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.multi-column-layout.aligned-top {
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

.bright-divider {
  background-color: var(--color--back);
  height: .125rem;
}

.container-8col {
  max-width: var(--container--8col);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.container-4col {
  max-width: var(--container--4col);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.container-4col.scrollable {
  position: sticky;
  top: 7rem;
}

.container-2col {
  max-width: var(--container--2col);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.text-style-link-gold-small {
  text-underline-offset: .3rem;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--color--mandalay-second-color\<deleted\|variable-a3d92b4c-16e9-bc4f-7e77-caf45175d096\>);
  text-decoration-color: var(--color--mandalay-second-color\<deleted\|variable-a3d92b4c-16e9-bc4f-7e77-caf45175d096\>);
  text-decoration-thickness: .1rem;
}

.container-3col {
  max-width: var(--container--3col);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.copy-small {
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: var(--text-size--copy-small);
  line-height: 140%;
}

.container-9col {
  max-width: var(--container--9col);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.text-color-black {
  color: var(--color--black);
}

.text-color-main {
  color: var(--color--main);
}

.block-quote {
  font-family: Chillax Variable, Impact, sans-serif;
}

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

.hero-bg-full-viewport {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.hero-logo-wrapper {
  background-color: #d7c3a6cc;
  width: 65%;
  margin-top: -2rem;
  margin-bottom: -2rem;
  padding: 5rem;
}

.hero-logo-wrapper.us {
  background-color: #000000e6;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.hero-dots-wrapper {
  background-image: url('../images/circles.svg');
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: auto;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero-dots-wrapper.us {
  background-repeat: repeat;
  height: 100%;
}

.icon {
  width: 24px;
  height: 24px;
}

.horizon-divider {
  background-color: var(--color--main);
  width: .05rem;
  height: 2rem;
}

.acc-wrapper {
  background-color: var(--color--white);
  color: #2a2e3b;
  width: 100%;
  margin-bottom: 2rem;
  padding: 0 2rem;
  display: inline-block;
}

.acc-wrapper.bg-colored {
  background-color: #2a2e3b26;
}

.acc-title {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.heading-style-h4 {
  letter-spacing: 0;
  text-transform: none;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}

.acc-icon {
  width: 2rem;
  max-height: 2rem;
  margin-left: 1rem;
}

.acc-body {
  overflow: hidden;
}

.faq-body-inner {
  padding-top: 2rem;
}

.release-wrapper {
  grid-column-gap: var(--spacing--40px);
  grid-row-gap: var(--spacing--40px);
  display: flex;
}

.cover-art {
  width: 300px;
  height: 300px;
}

.hero-bg-us {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.spacer-navbar {
  padding-top: 6rem;
}

.project-headline {
  color: var(--color--main);
  text-align: center;
  text-transform: uppercase;
  font-family: Chillax Variable, Impact, sans-serif;
  font-weight: 400;
}

.news-block-single {
  grid-column-gap: var(--spacing--32px);
  grid-row-gap: var(--spacing--32px);
  border-bottom: 1px solid var(--color--main);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.news-block-single.last {
  border-bottom-style: none;
}

.news-block-date {
  font-size: var(--text-size--copyright);
  margin-bottom: .5rem;
}

.news-image-square {
  margin-top: var(--spacing--24px);
  aspect-ratio: 1;
  height: 15rem;
  box-shadow: 4px 3px 5px #0006;
}

.news-image-square.no-top-border {
  margin-top: 0;
}

.footer-link-intern {
  color: var(--color--back);
  font-size: var(--text-size--copy-small);
  text-decoration: none;
}

.footer-link-intern:hover {
  text-decoration: underline;
}

.footer-link-intern.logo {
  max-width: 10rem;
}

.footer-link-wrapper {
  grid-column-gap: var(--spacing--16px);
  grid-row-gap: var(--spacing--16px);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.footer-heading {
  border-bottom: .5px solid var(--color--back);
  color: var(--color--back);
  margin-bottom: 1rem;
  padding-bottom: .5rem;
  font-family: Chillax Variable, Impact, sans-serif;
  font-weight: 400;
}

.project-wrapper {
  padding: var(--spacing--16px);
  aspect-ratio: 1;
  background-color: var(--color--black);
  filter: blur(5px);
  background-image: linear-gradient(#000000e6, #000000e6), url('../images/circles.svg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.project-wrapper:hover {
  filter: blur();
  background-image: linear-gradient(#000000e6, #000000e6), url('../images/circles.svg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.overview-heading {
  margin-bottom: var(--spacing--16px);
  color: var(--color--main);
  font-family: Chillax Variable, Impact, sans-serif;
  font-size: var(--heading--h3);
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
}

.s2 {
  text-transform: uppercase;
  font-family: Chillax Variable, Impact, sans-serif;
  font-weight: 400;
}

.overview-text {
  color: var(--color--back);
  font-size: var(--text-size--copy-small);
  text-align: center;
  margin-bottom: 0;
  text-decoration: none;
}

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

.photobox.releases {
  grid-template-columns: 1fr 1fr 1fr;
}

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

.photobox-image.album {
  border-width: 1px;
  border-color: var(--color--white);
  object-fit: contain;
  border-radius: 5px;
  box-shadow: 4px 2px 5px #0003;
}

@media screen and (max-width: 991px) {
  .hide-tablet {
    display: none;
  }

  .hide-desktop-only {
    display: block;
  }

  .styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .page-padding {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .full-width-tablet {
    width: 100%;
    max-width: none;
  }

  .styleguide_3-col {
    grid-template-columns: 1fr;
  }

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

  .styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .nav-link-text:hover {
    color: var(--color--back);
  }

  .navi-link {
    margin-bottom: 15px;
    font-size: 2.5rem;
    display: block;
  }

  .nav-toggle.w--open {
    background-color: var(--color--black);
    color: var(--color--back);
  }

  .nav-links-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .nav-links-wrapper {
    background-color: var(--color--black);
  }

  .nav-icon {
    font-size: 2rem;
  }

  .nav-link {
    color: var(--color--back);
    justify-content: center;
    align-items: center;
    font-size: 2rem;
  }

  .nav-link:hover {
    color: var(--color--back);
  }

  .kurzinfos-projekt-image {
    width: 100%;
    position: relative;
  }

  .kurzinfos-projekt-text-wrapper {
    width: 100%;
  }

  .multi-column-layout {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .container-4col {
    max-width: var(--container--6col);
  }

  .container-4col.scrollable {
    max-width: var(--container--12col);
    position: static;
  }

  .container-3col {
    max-width: var(--container--12col);
  }

  .hero-logo-wrapper {
    width: 80%;
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .horizon-divider {
    width: 5rem;
    height: .05rem;
  }

  .release-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .footer-link-wrapper {
    justify-content: flex-start;
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .full-width-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .styleguide_section-header {
    font-size: .875rem;
  }

  .projekt-beispiele-single {
    width: 100%;
  }

  .hero-bg-full-viewport {
    margin-bottom: var(--spacing--80px);
    padding-top: var(--spacing--32px);
    height: 100%;
  }

  .hero-logo-wrapper {
    width: 90%;
    padding: 10rem 2.5rem;
  }

  .cover-art {
    width: 100%;
    height: 100%;
  }

  .news-block-single {
    flex-flow: wrap-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .news-image-square {
    width: 75%;
    height: 100%;
  }

  .photobox.releases {
    grid-template-columns: 1fr 1fr;
  }

  .photobox-image.album {
    box-shadow: 4px 3px 5px #0003;
  }
}

@media screen and (max-width: 479px) {
  h1, h2 {
    font-size: var(--heading--h3);
  }

  h3 {
    font-size: var(--heading--h4);
  }

  p {
    text-align: left;
  }

  .copy-large {
    font-size: var(--text-size--copy-medium);
  }

  .full-width-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .spacer-32px-start.spacer-md-end {
    padding-top: var(--spacing--8px);
    padding-bottom: var(--spacing--32px);
  }

  .spacer-160px-start.spacer-160px-end {
    padding-top: var(--spacing--80px);
    padding-bottom: var(--spacing--80px);
  }

  .copy-small {
    font-size: var(--text-size--copy-small);
  }

  .hero-logo-wrapper {
    width: 100%;
    padding: 12rem 1.7rem;
  }

  .heading {
    font-size: var(--heading--h1);
  }

  .heading-2 {
    font-size: var(--heading--h2);
  }

  .news-image-square {
    width: auto;
  }

  .photobox.releases {
    grid-template-columns: 1fr 1fr;
  }
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd48a-ab678e61, #w-node-_144b2e0c-37bb-743b-f453-42b1bda3c260-ab678e61, #w-node-_06575378-5791-d40d-fb6f-a5060f7a9de4-ab678e61, #w-node-_774bbbca-c54b-deda-1318-f3556f3f9efd-ab678e61, #w-node-_47934c41-ee23-151b-0263-df9c6ee74b42-ab678e61, #w-node-cb1d2db9-fa3d-cd57-815f-0751729bc6bb-ab678e61, #w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd48f-ab678e61, #w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd494-ab678e61, #w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd499-ab678e61, #w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4a8-ab678e61 {
  justify-self: start;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4ad-ab678e61 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4af-ab678e61 {
  justify-self: start;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4b4-ab678e61 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4b6-ab678e61 {
  justify-self: start;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4bb-ab678e61 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4bd-ab678e61 {
  justify-self: start;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4c2-ab678e61 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4c4-ab678e61 {
  justify-self: start;
}

#w-node-_10a38f09-0213-aa6e-cff8-73a4de48964b-ab678e61 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_10a38f09-0213-aa6e-cff8-73a4de48964d-ab678e61 {
  justify-self: start;
}

#w-node-_8d036c29-c85c-6e4f-fdaf-0524829366c7-ab678e61 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8d036c29-c85c-6e4f-fdaf-0524829366c9-ab678e61 {
  justify-self: start;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd539-ab678e61 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd53c-ab678e61 {
  justify-self: start;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd53e-ab678e61 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd541-ab678e61 {
  justify-self: start;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd5b5-ab678e61, #w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd5bf-ab678e61, #w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd5ba-ab678e61, #w-node-ab115534-49ec-9a3d-ed05-5e298776f4b2-ab678e61 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_619f6b09-cfa1-b7ea-ba68-d644db8e726d-a888cf2c {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d1a7bffc-fcf3-4291-3a97-3abd235e8f78-a888cf2c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_34ff29e4-d389-cd7f-be9d-d66ac3e97752-a888cf2c, #w-node-fcc81839-05ff-1189-a89a-b151bde70844-a888cf2c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b785409b-14b0-3709-2825-da90ddd62e80-a888cf2c, #w-node-_6c2da2ce-999b-41e6-0d5f-8f86de3fddf7-a888cf2c, #w-node-a49e67ab-a6f6-de03-281c-44e9206b6108-a888cf2c, #w-node-f64201c4-f4aa-a396-bc0d-c1d6fc30c99b-a888cf2c, #w-node-_03ea4b29-ccba-ed82-66e8-6663263cba6e-a888cf2c, #w-node-_756c3b14-21c2-852a-d4ec-7f3fffb03256-a888cf2c, #w-node-_74d57b87-2d95-7565-b42e-dc91152f3d60-a888cf2c, #w-node-_5cde58e6-59c8-22b4-a224-c3aaa80a70d0-a888cf2c, #w-node-_36b2d5e2-6219-4072-1aaa-d23183d3902f-a888cf2c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Satoshi Variable';
  src: url('../fonts/Satoshi-Variable.woff2') format('woff2'), url('../fonts/Satoshi-Variable.woff') format('woff');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chillax Variable';
  src: url('../fonts/Chillax-Variable.woff2') format('woff2'), url('../fonts/Chillax-Variable.woff') format('woff');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}