@font-face {
  font-family: Spacegrotesk Variablefont Wght;
  src: url('../fonts/SpaceGrotesk-VariableFont_wght.ttf') format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --primary-color: #1b1a1a;
  --black: black;
  --white: white;
  --heading-large: 64px;
  --h4-text: 24px;
  --h6-text: 18px;
  --secondary-color: #1b1a1a;
  --h1-text: 156px;
  --h2-text: 96px;
  --h3-text: 32px;
  --h5-text: 20px;
  --richtext: 16px;
  --heading-big: 40px;
}

.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-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: var(--primary-color);
  font-family: Spacegrotesk Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

p {
  margin-bottom: 0;
}

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

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding-left: .5rem;
}

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

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  border-left: .1875rem solid var(--black);
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

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

.text-style-strikethrough {
  text-decoration: line-through;
}

.text-weight-semibold {
  font-weight: 600;
}

.text-weight-light {
  font-weight: 300;
}

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

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.show {
  display: block;
}

.overflow-hidden {
  overflow: hidden;
}

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

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

.text-size-regular {
  font-size: 1rem;
}

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

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

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

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

.text-style-italic {
  font-style: italic;
}

.hide {
  display: none;
}

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

.text-weight-xbold {
  font-weight: 800;
}

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

.text-style-muted {
  opacity: .6;
}

.text-size-small {
  font-size: .875rem;
}

.text-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.text-rich-text h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h3 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
  font-weight: 600;
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-style: italic;
}

.text-rich-text a {
  text-decoration: underline;
}

.text-rich-text figcaption {
  opacity: .8;
  text-align: left;
  border-left: 2px solid #000;
  margin-top: .5rem;
  padding-left: .5rem;
  font-size: .875rem;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.max-width-xsmall {
  width: 100%;
  max-width: 25rem;
}

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

.text-size-tiny {
  font-size: .75rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.container-large.bigger {
  max-width: 100rem;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

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

.rl-styleguide_classes {
  display: none;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.page-padding {
  padding-left: 5%;
  padding-right: 5%;
}

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

.show-tablet {
  display: none;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

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

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

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

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

.utility_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility_form-block {
  text-align: center;
  flex-direction: column;
  max-width: 20rem;
  display: flex;
}

.utility_form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.utility_image {
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.container-small {
  width: 100%;
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
}

.margin-tiny {
  margin: .25rem;
}

.margin-xxsmall {
  margin: .5rem;
}

.margin-xsmall {
  margin: 1rem;
}

.margin-small {
  margin: 1.5rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-large {
  margin: 3rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-huge {
  margin: 6rem;
}

.margin-xhuge {
  margin: 7rem;
}

.margin-xxhuge {
  margin: 10rem;
}

.margin-0 {
  margin: 0;
}

.padding-0 {
  padding: 0;
}

.padding-tiny {
  padding: .25rem;
}

.padding-xxsmall {
  padding: .5rem;
}

.padding-xsmall {
  padding: 1rem;
}

.padding-small {
  padding: 1.5rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-large {
  padding: 3rem;
}

.padding-xlarge {
  padding: 4rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.padding-huge {
  padding: 6rem;
}

.padding-xhuge {
  padding: 7rem;
}

.padding-xxhuge {
  padding: 10rem;
}

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

.margin-top, .margin-top.margin-custom1, .margin-top.margin-huge, .margin-top.margin-small, .margin-top.margin-tiny, .margin-top.margin-custom3, .margin-top.margin-medium, .margin-top.margin-xxsmall, .margin-top.margin-xxhuge, .margin-top.margin-custom2, .margin-top.margin-xsmall, .margin-top.margin-large, .margin-top.margin-xxlarge, .margin-top.margin-xlarge, .margin-top.margin-0, .margin-top.margin-xhuge {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom, .margin-bottom.margin-xxlarge, .margin-bottom.margin-medium, .margin-bottom.margin-custom3, .margin-bottom.margin-custom1, .margin-bottom.margin-tiny, .margin-bottom.margin-small, .margin-bottom.margin-large, .margin-bottom.margin-0, .margin-bottom.margin-xlarge, .margin-bottom.margin-xhuge, .margin-bottom.margin-xxhuge, .margin-bottom.margin-huge, .margin-bottom.margin-xxsmall, .margin-bottom.margin-custom2, .margin-bottom.margin-xsmall, .margin-bottom.margin-xxlarge {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-left, .margin-left.margin-tiny, .margin-left.margin-xxlarge, .margin-left.margin-0, .margin-left.margin-small, .margin-left.margin-xsmall, .margin-left.margin-large, .margin-left.margin-huge, .margin-left.margin-xlarge, .margin-left.margin-custom3, .margin-left.margin-xxsmall, .margin-left.margin-custom1, .margin-left.margin-custom2, .margin-left.margin-xhuge, .margin-left.margin-xxhuge, .margin-left.margin-medium {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.margin-right, .margin-right.margin-huge, .margin-right.margin-xsmall, .margin-right.margin-xxhuge, .margin-right.margin-small, .margin-right.margin-medium, .margin-right.margin-xlarge, .margin-right.margin-custom3, .margin-right.margin-custom2, .margin-right.margin-xxsmall, .margin-right.margin-xhuge, .margin-right.margin-custom1, .margin-right.margin-large, .margin-right.margin-0, .margin-right.margin-xxlarge, .margin-right.margin-tiny {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-vertical, .margin-vertical.margin-medium, .margin-vertical.margin-xlarge, .margin-vertical.margin-xxsmall, .margin-vertical.margin-xxlarge, .margin-vertical.margin-huge, .margin-vertical.margin-0, .margin-vertical.margin-xxhuge, .margin-vertical.margin-tiny, .margin-vertical.margin-xsmall, .margin-vertical.margin-custom1, .margin-vertical.margin-small, .margin-vertical.margin-large, .margin-vertical.margin-xhuge, .margin-vertical.margin-custom2, .margin-vertical.margin-custom3 {
  margin-left: 0;
  margin-right: 0;
}

.margin-horizontal, .margin-horizontal.margin-medium, .margin-horizontal.margin-tiny, .margin-horizontal.margin-custom3, .margin-horizontal.margin-0, .margin-horizontal.margin-xxlarge, .margin-horizontal.margin-xhuge, .margin-horizontal.margin-huge, .margin-horizontal.margin-xlarge, .margin-horizontal.margin-custom1, .margin-horizontal.margin-xxsmall, .margin-horizontal.margin-xsmall, .margin-horizontal.margin-large, .margin-horizontal.margin-custom2, .margin-horizontal.margin-small, .margin-horizontal.margin-xxhuge {
  margin-top: 0;
  margin-bottom: 0;
}

.padding-top, .padding-top.padding-xhuge, .padding-top.padding-xxhuge, .padding-top.padding-0, .padding-top.padding-large, .padding-top.padding-custom2, .padding-top.padding-xlarge, .padding-top.padding-huge, .padding-top.padding-xxsmall, .padding-top.padding-custom3, .padding-top.padding-tiny, .padding-top.padding-medium, .padding-top.padding-xxlarge, .padding-top.padding-small, .padding-top.padding-xsmall, .padding-top.padding-custom1 {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom, .padding-bottom.padding-xlarge, .padding-bottom.padding-small, .padding-bottom.padding-xxhuge, .padding-bottom.padding-large, .padding-bottom.padding-xhuge, .padding-bottom.padding-custom2, .padding-bottom.padding-xxsmall, .padding-bottom.padding-xxlarge, .padding-bottom.padding-custom3, .padding-bottom.padding-custom1, .padding-bottom.padding-xsmall, .padding-bottom.padding-huge, .padding-bottom.padding-tiny, .padding-bottom.padding-medium, .padding-bottom.padding-0 {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-left, .padding-left.padding-xhuge, .padding-left.padding-xlarge, .padding-left.padding-0, .padding-left.padding-small, .padding-left.padding-xsmall, .padding-left.padding-medium, .padding-left.padding-xxhuge, .padding-left.padding-huge, .padding-left.padding-custom1, .padding-left.padding-tiny, .padding-left.padding-xxsmall, .padding-left.padding-custom3, .padding-left.padding-custom2, .padding-left.padding-xxlarge, .padding-left.padding-large {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.padding-right, .padding-right.padding-xxhuge, .padding-right.padding-custom2, .padding-right.padding-large, .padding-right.padding-xlarge, .padding-right.padding-tiny, .padding-right.padding-custom3, .padding-right.padding-custom1, .padding-right.padding-xsmall, .padding-right.padding-xxlarge, .padding-right.padding-xxsmall, .padding-right.padding-medium, .padding-right.padding-xhuge, .padding-right.padding-huge, .padding-right.padding-0, .padding-right.padding-small {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.padding-vertical, .padding-vertical.padding-0, .padding-vertical.padding-xxhuge, .padding-vertical.padding-large, .padding-vertical.padding-custom3, .padding-vertical.padding-medium, .padding-vertical.padding-tiny, .padding-vertical.padding-xxlarge, .padding-vertical.padding-custom1, .padding-vertical.padding-xsmall, .padding-vertical.padding-xhuge, .padding-vertical.padding-xlarge, .padding-vertical.padding-custom2, .padding-vertical.padding-xxsmall, .padding-vertical.padding-huge, .padding-vertical.padding-small {
  padding-left: 0;
  padding-right: 0;
}

.padding-horizontal, .padding-horizontal.padding-xxsmall, .padding-horizontal.padding-0, .padding-horizontal.padding-custom3, .padding-horizontal.padding-huge, .padding-horizontal.padding-xsmall, .padding-horizontal.padding-medium, .padding-horizontal.padding-xxlarge, .padding-horizontal.padding-large, .padding-horizontal.padding-xhuge, .padding-horizontal.padding-custom1, .padding-horizontal.padding-tiny, .padding-horizontal.padding-custom2, .padding-horizontal.padding-xxhuge, .padding-horizontal.padding-small, .padding-horizontal.padding-xlarge {
  padding-top: 0;
  padding-bottom: 0;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

.text-style-nowrap {
  white-space: nowrap;
}

.text-weight-medium {
  font-weight: 500;
}

.text-size-medium {
  font-size: 1.125rem;
}

.form-radio {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.125rem;
  display: flex;
}

.form-checkbox-label {
  margin-bottom: 0;
}

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

.form-checkbox {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.25rem;
  display: flex;
}

.text-size-large {
  font-size: 1.25rem;
}

.heading-xxlarge {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.form-radio-icon {
  border: 1px solid var(--black);
  cursor: pointer;
  border-radius: 100px;
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  margin-top: 0;
  margin-left: -1.125rem;
  margin-right: .5rem;
}

.form-radio-icon.w--redirected-checked {
  background-color: #fff;
  background-image: none;
  border-width: 6px;
  border-color: #000;
}

.form-radio-icon.w--redirected-focus {
  box-shadow: none;
  border-color: #000;
  margin-top: 0;
}

.styleguide_icons-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.heading-medium {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.field-label {
  margin-bottom: .5rem;
  font-weight: 400;
}

.heading-large {
  font-family: cofo-raffine, sans-serif;
  font-size: var(--heading-large);
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.2;
}

.image-wrapper-3-2 {
  width: 100%;
  padding-top: 66.66%;
  position: relative;
}

.button {
  border: 1px solid var(--black);
  background-color: var(--black);
  color: var(--white);
  text-align: center;
  padding: .75rem 1.5rem;
}

.button.is-alternate {
  background-color: var(--white);
  color: #000;
}

.button.is-button-small {
  padding: .5rem 1.25rem;
}

.button.with-icon {
  grid-column-gap: .75rem;
  align-items: center;
  display: flex;
}

.form-input {
  border: 1px solid var(--black);
  background-color: var(--white);
  color: var(--black);
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form-input:focus {
  border-color: #000;
}

.form-input::placeholder {
  color: #0009;
}

.form-input.is-select-input {
  background-color: #fff;
  background-image: none;
}

.form-input.is-text-area {
  height: auto;
  min-height: 11.25rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  overflow: auto;
}

.background-color-lightgrey {
  background-color: #f4f4f4;
}

.form-checkbox-icon {
  border: 1px solid var(--black);
  cursor: pointer;
  border-radius: 0;
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  margin-top: 0;
  margin-left: -1.25rem;
  margin-right: .5rem;
  transition: all .2s;
}

.form-checkbox-icon.w--redirected-checked {
  box-shadow: none;
  background-color: #000;
  background-size: 16px 16px;
  border-width: 1px;
  border-color: #000;
}

.form-checkbox-icon.w--redirected-focus {
  box-shadow: none;
  border-color: #000;
}

.heading-xsmall {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.image-wrapper-4-3 {
  width: 100%;
  padding-top: 75%;
  position: relative;
}

.button-secondary {
  border: 1px solid var(--black);
  color: var(--black);
  text-align: center;
  background-color: #0000;
  padding: .75rem 1.5rem;
}

.button-secondary.is-button-small {
  padding: .5rem 1.25rem;
}

.button-secondary.is-alternate {
  border-color: var(--white);
  color: var(--white);
}

.button-secondary.with-icon {
  grid-column-gap: .75rem;
  align-items: center;
  display: flex;
}

.heading-small {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.text-style-quote {
  border-left: .1875rem solid var(--black);
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.form-field-wrapper {
  position: relative;
}

.image-wrapper_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-wrapper-16-9 {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

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

.stylesystem-images_layout {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-wrapper-1-1 {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.styleguide_grid-colours {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.heading-xlarge {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

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

.icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

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

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

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

.icon-1x1-xlarge {
  width: 6.5rem;
  height: 6.5rem;
}

.form-radio-label {
  margin-bottom: 0;
}

.margin-top-auto {
  margin-top: auto;
}

.text-lineheight-normal {
  line-height: 1.5;
}

.icon-embed-small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.rl-styleguide_class-sample-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 15rem 1fr;
  align-items: center;
}

.shadow-large {
  box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #10182808;
}

.rl-styleguide_tutorial-callout {
  grid-column-gap: 2rem;
  background-color: #fff;
  border: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  padding: .75rem .75rem .75rem 1rem;
  display: flex;
}

.rl-styleguide_callout-link-wrapper {
  background-image: linear-gradient(135deg, #ff744826, #ff484826 50%, #6248ff26), linear-gradient(#fff, #fff);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: .75rem 1rem;
  display: flex;
}

.text-lineheight-xshort {
  line-height: 1.2;
}

.rl-styleguide_heading {
  z-index: 4;
  color: #fff;
  background-color: #000;
  padding: .25rem .5rem;
  position: sticky;
  top: 0;
}

.text-lineheight-xtall {
  line-height: 2;
}

.icon-medium {
  height: 3rem;
}

.text-lineheight-none {
  line-height: 1;
}

.rl-styleguide_class-label {
  color: #fff;
  white-space: nowrap;
  cursor: context-menu;
  background-color: #0073e6;
  border-radius: 2px;
  padding: .25rem .5rem;
  font-size: .75rem;
  display: inline-block;
}

.rl-styleguide_class-label.html-tags {
  background-color: #be4aa5;
}

.shadow-xxlarge {
  box-shadow: 0 32px 64px -12px #10182824;
}

.text-letterspacing-wide {
  letter-spacing: .025em;
}

.icon-embed-medium {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.shadow-xlarge {
  box-shadow: 0 24px 48px -12px #1018282e;
}

.styleguide_color-sample {
  padding: 8rem 1.5rem 1.25rem;
}

.styleguide_color-sample.is-lightgrey {
  background-color: #f4f4f4;
}

.styleguide_color-sample.is-black {
  background-color: #000;
}

.styleguide_color-sample.is-white {
  background-color: #fff;
}

.text-lineheight-short {
  line-height: 1.3;
}

.shadow-xsmall {
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.shadow-xxsmall {
  box-shadow: 0 1px 2px #1018280d;
}

.icon-large {
  height: 5rem;
}

.button-tertiary {
  color: var(--black);
  text-align: center;
  background-color: #f4f4f4;
  border: 1px solid #0000;
  padding: .75rem 1.5rem;
}

.button-tertiary.is-button-small {
  padding: .5rem 1.25rem;
}

.button-tertiary.is-alternate {
  color: #fff;
  background-color: #464646;
  border-color: #464646;
}

.button-tertiary.with-icon {
  grid-column-gap: .75rem;
  align-items: center;
  display: flex;
}

.rl-styleguide_paste-text {
  color: #00000080;
  text-align: center;
  border: 1px dashed #00000026;
  padding: 1rem;
}

.rl-styleguide_button-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: max-content;
  grid-auto-flow: row;
  place-items: center start;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid;
}

.rl-styleguide_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-bottom: 4rem;
}

.button-link {
  color: var(--black);
  background-color: #0000;
  align-items: center;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.button-link.is-alternate {
  color: #fff;
}

.button-link.with-icon {
  grid-column-gap: .5rem;
}

.icon-xsmall {
  height: 1.5rem;
}

.shadow-medium {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.icon-embed-large {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
}

.rl-styleguide_shadows-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.icon-xxsmall {
  height: 1rem;
}

.rl-styleguide_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.text-lineheight-tall {
  line-height: 1.7;
}

.icon-small {
  height: 2rem;
}

.rl-styleguide_subheading {
  z-index: 3;
  color: #000;
  background-color: #d3d3d3;
  padding: .25rem .5rem;
  position: sticky;
  top: 2rem;
}

.form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.rl-styleguide_callout-link {
  background-color: #fff;
  background-image: linear-gradient(135deg, #ff7448, #ff4848 50%, #6248ff);
  justify-content: space-between;
  align-items: center;
  padding: 1px;
  display: flex;
}

.rl-styleguide_shadow-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 8rem;
  padding: 1rem;
  display: flex;
}

.class-label-column {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-letterspacing-xtight {
  letter-spacing: -.03em;
}

.text-letterspacing-normal {
  letter-spacing: 0;
}

.text-letterspacing-xwide {
  letter-spacing: .05em;
}

.icon-embed-xlarge {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6.5rem;
  height: 6.5rem;
  display: flex;
}

.class-label-row {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.icon-xlarge {
  height: 6.5rem;
}

.text-letterspacing-tight {
  letter-spacing: -.015em;
}

.rl-styleguide_button-row {
  grid-column-gap: 1rem;
  display: flex;
}

.shadow-small {
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.rl-styleguide_extension {
  display: none;
}

.with-icon {
  grid-column-gap: .75rem;
  align-items: center;
  display: flex;
}

.footer {
  justify-content: center;
  align-items: center;
  padding: 12px 5% 18px;
}

.footer:where(.w-variant-2ef9d537-0664-25d2-69b3-6ef1d15a8150) {
  background-color: var(--primary-color);
  color: var(--white);
}

.footer_grid {
  grid-column-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: end center;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.footer_wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.coopyright_text {
  text-align: center;
  line-height: 1;
  text-decoration: none;
}

.coopyright_text.created {
  padding-top: 3px;
}

.dreher-media-logo {
  height: 1rem;
}

.dreher-media-logo.inverted {
  filter: invert();
}

.dreher-media-logo.inverted:where(.w-variant-2ef9d537-0664-25d2-69b3-6ef1d15a8150) {
  filter: none;
}

.blogpost1_content {
  margin-bottom: 4rem;
}

.fs-cc-prefs2_option {
  border-bottom: 1px solid #c0c0c04d;
  padding-top: 16px;
  padding-bottom: 16px;
}

.fs-cc-prefs2_close {
  background-color: var(--primary-color);
  color: #fff;
  cursor: pointer;
  padding: 12px;
  font-size: 20px;
  text-decoration: none;
  position: absolute;
  inset: 0 0 auto auto;
  box-shadow: -1px 1px 4px #3333331a;
}

.fs-cc-prefs2_overlay {
  z-index: -1;
  background-color: #00000059;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs2_label {
  color: var(--primary-color);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 32px;
  font-size: 16px;
  font-weight: 700;
}

.fs-cc-prefs2_form-wrapper {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 30px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs2_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cc-banner_component {
  z-index: 999;
  background-color: var(--black);
  color: #fff;
  width: 450px;
  padding: 30px;
  display: none;
  position: fixed;
  inset: auto 0% 0% auto;
}

.fs-cc-prefs2_checkbox-label {
  display: none;
}

.fs-cc-manager2_button {
  background-color: var(--primary-color);
  color: var(--white);
  cursor: pointer;
  border-radius: 50%;
  flex-direction: column;
  width: 48px;
  padding: 8px;
  transition: opacity .2s;
  display: flex;
}

.fs-cc-manager2_button:hover {
  opacity: .7;
}

.cc-manager_component {
  z-index: 999;
  width: 48px;
  height: 48px;
  display: none;
  position: fixed;
  inset: auto auto 20px 20px;
}

.fs-cc-banner2_text {
  font-size: 15px;
}

.fs-cc-prefs2_title {
  color: var(--black);
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
}

.fs-cc-banner2_text-link {
  color: #fff;
  border-bottom: 2px solid #fff;
  font-weight: 400;
  text-decoration: none;
}

.fs-cc-prefs2_button {
  border: 1px solid var(--primary-color);
  background-color: var(--primary-color);
  text-align: center;
  padding: 12px 20px;
  font-weight: 700;
}

.fs-cc-prefs2_button.fs-cc-button-alt {
  border-color: var(--primary-color);
  color: var(--primary-color);
  background-color: #fff;
  margin-bottom: 12px;
}

.fs-cc-banner2_container {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fs-cc-prefs2_content {
  color: #000;
  background-color: #fff;
  height: 100%;
  padding: 40px 32px;
}

.fs-cc-prefs2_checkbox {
  z-index: 1;
  border-width: 2px;
  border-color: var(--primary-color);
  cursor: pointer;
  background-color: #fff;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs2_checkbox.w--redirected-checked {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  background-size: auto;
}

.fs-cc-prefs2_form {
  color: #fff;
  background-color: #333;
  width: 100%;
  max-width: 400px;
  max-height: 85vh;
  margin-bottom: 0;
  position: relative;
}

.fs-cc-prefs2_submit {
  background-color: var(--black);
  text-align: center;
  margin-top: 12px;
  padding: 12px 20px;
  font-weight: 700;
}

.cc-prefs_component {
  z-index: 997;
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 32px;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc-prefs2_space-small {
  margin-bottom: 12px;
}

.fs-cc-preferences2_close-icon {
  color: #fff;
  width: 24px;
  height: 24px;
}

.fs-cc-banner2_buttons-wrapper {
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.fs-cc-banner2_button {
  color: var(--black);
  text-align: center;
  text-transform: uppercase;
  background-color: #fff;
  flex: 1;
  min-width: 120px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 8px 20px;
  font-weight: 700;
}

.fs-cc-banner2_button.fs-cc-button-alt {
  color: #fff9;
  background-color: #fff6;
}

.fs-cc-prefs2_buttons-wrapper {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 16px;
  display: flex;
}

.fs-cc-prefs2_checkbox-field {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-bottom: 0;
  padding: 2px;
  display: flex;
  position: relative;
}

.fs-cc-reject {
  display: none;
}

.fs-cc-reject.insta-no-cookies {
  background-color: var(--primary-color);
  color: var(--white);
}

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

.insta-embed {
  overflow: hidden;
}

.hero-section {
  background-color: var(--primary-color);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 4rem), 50% 100%, 50% calc(100% - 4rem), 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 4rem), 50% 100%, 50% calc(100% - 4rem), 0% 100%);
  width: 100%;
  height: 100vh;
  min-height: 40rem;
  max-height: 80rem;
  position: relative;
  overflow: hidden;
}

.hero-section.is-start {
  -webkit-clip-path: none;
  clip-path: none;
  min-height: 0;
  max-height: none;
  display: block;
}

.hero-contents {
  z-index: 3;
  padding: 7rem 20% 7rem 5%;
  position: absolute;
  inset: 0%;
}

.hero-contents.is-sub {
  padding-bottom: 14rem;
  padding-right: 5%;
}

.hero-contents.is-start {
  padding-top: 15vh;
  padding-bottom: 4rem;
  padding-right: 5%;
}

.hero-img {
  object-fit: cover;
  object-position: 30% 30%;
  width: 100%;
  height: 100%;
}

.hero-img.is-speaker {
  object-position: 30% 70%;
}

.hero-img.is-start {
  object-position: 50% 30%;
}

.padding-global {
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
}

.padding-section-large {
  width: 100%;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.padding-section-large.top-0 {
  padding-top: 0;
}

.padding-section-large.top-double {
  padding-top: 14rem;
}

.padding-section-large.double {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.full-img-section {
  display: flex;
  position: relative;
}

.full-img-wrapper {
  width: 100%;
  height: 100vh;
  min-height: 40rem;
  max-height: 80rem;
  position: sticky;
  top: 0;
}

.full-img-gradient {
  background-color: #0009;
  position: absolute;
  inset: 0%;
}

.full-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.full-img-contents {
  z-index: 2;
  width: 100%;
  margin-left: -100%;
  padding: 7rem 5vw;
  position: relative;
}

.full-img-contents.is-arwards {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.biography-content {
  align-self: center;
  display: inline-block;
}

.biography-lang-links {
  z-index: 99;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  pointer-events: auto;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-bottom: -6px;
  font-size: 20px;
  display: flex;
  position: relative;
}

.tab-link {
  color: #fff0;
  font-family: cofo-raffine, sans-serif;
  font-size: var(--h4-text);
  letter-spacing: .1em;
  -webkit-text-stroke-width: .5px;
  -webkit-text-stroke-color: var(--white);
  cursor: pointer;
  font-weight: 500;
  line-height: 100%;
  transition: all .3s ease-in-out;
}

.tab-link:hover, .tab-link.active {
  color: var(--white);
}

.tab-bar {
  color: var(--white);
  font-size: var(--h6-text);
  cursor: pointer;
  margin-bottom: 6px;
  line-height: 100%;
  transition: all .15s ease-in-out;
}

.margin-bottom44 {
  margin-bottom: 44px;
}

.biography-text {
  -webkit-hyphens: auto;
  hyphens: auto;
  font-size: 18px;
  font-weight: 400;
}

.biography-text.en {
  display: block;
}

.biography-text.de, .biography-text.fr, .biography-text.tr {
  display: none;
}

.biography-text a {
  text-decoration: underline;
}

.btn {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: 1;
  border: 1px solid var(--white);
  color: var(--white);
  font-size: var(--h4-text);
  text-align: center;
  text-transform: uppercase;
  object-fit: cover;
  background-color: #0000;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  padding: 15px;
  line-height: 100%;
  transition: all .4s;
  display: inline-flex;
}

.btn:where(.w-variant-79fca549-0220-5f78-eaa9-a859221a7f4a) {
  border-color: var(--secondary-color);
  color: var(--secondary-color);
}

.btn:hover {
  background-color: var(--white);
  color: var(--secondary-color);
}

.btn:hover:where(.w-variant-79fca549-0220-5f78-eaa9-a859221a7f4a) {
  background-color: var(--secondary-color);
  color: var(--white);
}

.btn.dark-2 {
  border-color: var(--secondary-color);
  color: var(--secondary-color);
}

.btn.dark-2:hover {
  background-color: var(--secondary-color);
  color: var(--white);
}

.margin-bottom50 {
  margin-bottom: 50px;
}

.btn-grp {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

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

.btn-grp.left {
  justify-content: flex-start;
  align-items: flex-start;
}

.less-btn {
  display: none;
}

.dropdown-wrapper {
  width: 100%;
  overflow: hidden;
}

.hero-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-container.right {
  justify-content: flex-end;
  align-items: flex-end;
}

.hero-container.left {
  justify-content: center;
  align-items: flex-start;
}

.hero-container.is-start {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  justify-content: space-between;
}

.popup-wrapper {
  z-index: 99999;
  background-color: #0009;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 5vh 5%;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-inner {
  z-index: 2;
  background-color: var(--white);
  width: 100%;
  max-width: 35rem;
  max-height: 80vh;
  padding: 40px;
  position: relative;
  overflow: auto;
}

.popup-close-btn {
  cursor: pointer;
  width: 44px;
  height: 44px;
  transition: all .4s;
  position: absolute;
  inset: 10px 10px auto auto;
}

.popup-close-btn:hover {
  transform: scale(1.05);
}

.popup-close-trigger {
  position: absolute;
  inset: 0%;
}

.popup-close-btn-icon {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.h1-text {
  font-size: var(--h1-text);
  text-transform: uppercase;
  font-weight: 500;
}

.h1-text.uppercase {
  text-transform: uppercase;
}

.h1-text.stroked-text, .h1-text.is-cofi {
  font-family: cofo-raffine, sans-serif;
}

.h2-text {
  text-transform: uppercase;
  font-family: cofo-raffine, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 100%;
}

.h2-text.uppercase {
  text-transform: uppercase;
}

.h2-text.projects {
  text-align: center;
  font-size: min(220px, 18vw);
  line-height: 70%;
  transform: translate(0, 20%);
}

.h3-text {
  font-size: var(--h3-text);
  font-weight: 400;
}

.h3-text.uppercase {
  text-transform: uppercase;
}

.h3-text.uppercase.weight-500 {
  font-weight: 500;
}

.h4-text {
  font-size: var(--h4-text);
  font-weight: 400;
}

.h4-text.uppercase {
  text-transform: uppercase;
}

.h4-text.italic {
  font-style: italic;
}

.h5-text {
  font-size: var(--h5-text);
  font-weight: 400;
}

.h5-text.uppercase {
  text-transform: uppercase;
}

.h6-text {
  font-size: var(--h6-text);
  font-weight: 400;
}

.h6-text.uppercase {
  text-transform: uppercase;
}

.h6-text.line-height-160 {
  line-height: 160%;
}

.richtext {
  font-size: var(--richtext);
  font-weight: 400;
}

.richtext.uppercase {
  text-transform: uppercase;
}

.richtext.calendar-text {
  letter-spacing: .15em;
  font-weight: 300;
}

.richtext a {
  text-decoration: underline;
}

.section_gallery8 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
}

.padding-section-large-2 {
  width: 100%;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.gallery_list {
  column-count: 2;
  column-gap: 2rem;
}

.lightbox {
  width: 100%;
  margin-bottom: 2rem;
  display: inline-block;
}

.gallery-img-wrapper {
  border-radius: var(--\<unknown\|relume-variable-radius-large\>);
  width: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.gallery-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gallery8_image-wrapper {
  border-radius: var(--\<unknown\|relume-variable-radius-large\>);
  width: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.gallery8_image3, .gallery8_image2 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gallery8_image4 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gallery-overlay {
  opacity: 0;
  background-color: #fff6;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
  transition: all .4s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.gallery-overlay:hover {
  opacity: 100;
}

.download-btn {
  background-color: var(--primary-color);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 15px;
  transition: all .4s;
  display: flex;
}

.download-btn:hover {
  transform: scale(1.05);
}

.download-btn-icon.invert {
  filter: invert();
}

.is-relative {
  position: relative;
}

.padding-section-large-3 {
  width: 100%;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.margin-bottom64 {
  margin-bottom: 64px;
}

.max-width-44 {
  width: 100%;
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-44.left {
  margin-left: 0;
}

.video-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.bg-block-left {
  z-index: -1;
  object-fit: cover;
  background-color: #0000;
  width: 60vw;
  position: absolute;
  inset: -35% 0 -35% auto;
  overflow: hidden;
}

.bg-block-left.is-news {
  height: 60%;
  max-height: 25rem;
  top: 0%;
  bottom: auto;
  right: 60%;
}

.bg-block-inner {
  background-color: var(--primary-color);
  width: 100%;
  position: absolute;
  inset: 0%;
}

.slider-arrow-wrapper {
  width: 100%;
  padding-bottom: 4rem;
  position: relative;
}

.next-slide1, .prev-slide1 {
  width: 64px;
  transition: all .4s;
  position: absolute;
  inset: auto 0% 0% auto;
}

.prev-slide1.arrow-previous {
  right: 74px;
}

.swiper-container-videos {
  z-index: 4;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.swiper-wrapper {
  pointer-events: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: visible;
}

.swiper-slide {
  pointer-events: auto;
  background-color: #0000;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.swiper-slide.videos {
  border-radius: 0;
  max-width: 700px;
  display: block;
  overflow: visible;
}

.swiper-slide.is-zitat {
  width: 100% !important;
}

.gallery15_image-wrapper {
  width: 100%;
}

.gallery15_image-wrapper:focus {
  opacity: .5;
}

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

.margin-bottom24.show-mobil {
  display: none;
}

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

.slider-content-wrapper {
  max-width: 55rem;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.calendar-item {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border-bottom: 1px solid var(--primary-color);
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.calendar-date-wrapper {
  flex-flow: column;
  flex: none;
  display: flex;
}

.calendar-date-box {
  aspect-ratio: 1;
  border: 1px solid var(--primary-color);
  min-width: 120px;
  padding: 10px;
}

.text-color-accent-1 {
  color: #d7b798;
}

.calendar-contents {
  width: 100%;
}

.margin-bottom15 {
  margin-bottom: 15px;
}

.calendar-btn-wrapper {
  flex-flow: column;
  flex: none;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.margin-bottom70 {
  margin-bottom: 70px;
}

.calendar-item-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.calendar-item-comp:nth-child(2n) {
  text-align: right;
}

.calendar-inner {
  text-align: left;
  width: 100%;
  max-width: 17rem;
  display: inline-block;
}

.calendar-item-head {
  border-bottom: 1px solid #000;
  padding-bottom: 8px;
}

.margin-bottom20 {
  margin-bottom: 20px;
}

.popup-bg {
  z-index: -1;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.margin-bottom25 {
  margin-bottom: 25px;
}

.popup-content-head {
  border-bottom: 1px solid var(--black);
  padding-bottom: 20px;
}

.margin-bottom10 {
  margin-bottom: 10px;
}

.popup-close {
  cursor: pointer;
  height: 25px;
  transition: all .2s;
  position: absolute;
  inset: 20px 20px auto auto;
}

.popup-close:hover {
  transform: scale(1.05);
}

.inline {
  display: inline-block;
}

.calendar-full {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  margin-bottom: 64px;
  display: flex;
}

.calendar-full:last-child {
  margin-bottom: 0;
}

.calendar-item-img-wrapper {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  max-height: 200px;
  position: relative;
}

.calendar-item-img-wrapper.width300 {
  flex: none;
  max-width: 300px;
  min-height: 200px;
}

.copyright {
  z-index: 2;
  color: #ffffffb3;
  -webkit-text-stroke-width: .2px;
  -webkit-text-stroke-color: #000;
  font-size: .75rem;
  position: absolute;
  inset: auto 1rem .5rem auto;
}

.calendar-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.overlay-black {
  background-image: linear-gradient(#0000 77%, #000);
  position: absolute;
  inset: 0%;
}

.overlay-black.is-calendar {
  background-image: none;
}

.margin-bottom8 {
  margin: 0 0 8px;
}

.calendar-subheading {
  opacity: .6;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1;
}

.calendar-subheading.bold400 {
  color: #000;
  font-weight: 400;
}

.mobile-white {
  font-size: 32px;
  line-height: 1;
}

.calendar-info-wrapper {
  width: 30%;
}

.btn-inner {
  grid-column-gap: 10px;
  align-items: center;
  display: flex;
}

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

.calendar-list-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #adadad80;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .75fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
}

.kalendar-text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 28px;
}

.kalendar-text.bold {
  margin-bottom: 0;
}

.kalendar-text.bold.dark {
  color: #2121f9;
}

.kalendar-text.dark {
  color: #000;
}

.calendar-dates-flex {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-14 {
  color: #fff;
  margin-right: 10px;
}

.text-block-14.dark {
  color: #2f3030;
}

.text-block-14.no-margin {
  margin-right: 0;
}

.button-2 {
  color: #000;
  text-align: center;
  background-color: #0000;
  border: 1px solid #2121f9;
  border-radius: 10px;
  width: 100%;
}

.button-2:hover {
  color: #fff;
  background-color: #2121f9;
}

.calendar-list-item-wrapper {
  flex-flow: column;
  display: flex;
}

.social-icons-wrapper {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.social-icons-wrapper.center {
  justify-content: center;
  align-items: center;
}

.social-icons-wrapper.right {
  justify-content: flex-end;
  align-items: center;
}

.social-icon {
  object-fit: contain;
  width: 38px;
  height: 38px;
}

.audio-items-wrapper {
  flex-flow: column;
  display: flex;
}

.margin-top40 {
  margin-top: 40px;
}

.margin-bottom40 {
  margin-bottom: 40px;
}

.youtube {
  cursor: pointer;
  background-color: #939393;
  min-height: 150px;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}

.video-thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.play-button {
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.zitat-grid {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.35fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.zitat-grid.zitat-left {
  grid-template-columns: 1.35fr .75fr;
}

.img-big {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.img-big.contain {
  object-fit: contain;
}

.img-big.absolute {
  position: absolute;
  inset: 0%;
}

.zitat-img-wrapper {
  width: 100%;
  height: 100%;
  max-height: 300px;
}

.bg-color-dark {
  background-color: var(--secondary-color);
  color: var(--white);
}

.bg-color-dark.bottom-clip {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 4rem), 50% 100%, 50% calc(100% - 4rem), 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 4rem), 50% 100%, 50% calc(100% - 4rem), 0% 100%);
}

.bg-color-dark.bottom-clip.top-clip {
  -webkit-clip-path: polygon(100% 0%, 100% 20%, 100% 50%, 100% calc(100% - 4rem), 50% 100%, 50% calc(100% - 4rem), 0% 100%, 0% 10rem);
  clip-path: polygon(100% 0%, 100% 20%, 100% 50%, 100% calc(100% - 4rem), 50% 100%, 50% calc(100% - 4rem), 0% 100%, 0% 10rem);
}

.bg-color-dark.top-clip {
  -webkit-clip-path: polygon(0% 10rem, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 10rem, 100% 0%, 100% 100%, 0% 100%);
}

.bg-color-dark.top-clip-second {
  -webkit-clip-path: polygon(50% 0%, 100% 4rem, 100% 100%, 0% 100%, 0% 0%, 50% 4rem);
  clip-path: polygon(50% 0%, 100% 4rem, 100% 100%, 0% 100%, 0% 0%, 50% 4rem);
}

.bg-color-dark.full-clip {
  -webkit-clip-path: polygon(50% 4rem, 50% 0%, 100% 4rem, 100% 100%, 50% calc(100% - 4rem), 50% 100%, 0% calc(100% - 4rem), 0% 0%);
  clip-path: polygon(50% 4rem, 50% 0%, 100% 4rem, 100% 100%, 50% calc(100% - 4rem), 50% 100%, 0% calc(100% - 4rem), 0% 0%);
}

.margin-bottom120 {
  margin-bottom: 120px;
}

.section-heading-img {
  max-height: 200px;
}

.padding-left5 {
  padding-left: 5vw;
}

.about-bg-wrapper {
  z-index: 0;
  justify-content: flex-end;
  align-items: flex-end;
  width: 50vw;
  display: flex;
  position: absolute;
  inset: 11rem auto 4rem 50vw;
}

.about-img {
  width: 100%;
  max-height: 100%;
}

.btn-arrow {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.full-img-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.full-img-container.small {
  height: auto;
  padding-left: 5vw;
  padding-right: 5vw;
}

.service-grid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .4fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.service-item {
  width: 100%;
  max-width: 31rem;
  padding-top: 50px;
}

.rotate-45 {
  transform: rotate(45deg);
}

.cal-items-wrapper {
  flex-flow: column;
  display: flex;
}

.cal-item {
  border-bottom: 1px solid var(--secondary-color);
  padding-top: 45px;
  padding-bottom: 45px;
}

.cal-item-flex {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading-big {
  font-size: var(--heading-big);
  font-weight: 400;
  line-height: 125%;
}

.heading-big.uppercase {
  text-transform: uppercase;
}

.heading-big.is-cal {
  text-transform: uppercase;
  font-weight: 300;
}

.cal-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cal-item-btns-wrapper {
  flex: none;
}

.margin-bottom5 {
  margin-bottom: 5px;
}

.normal-btn {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  font-size: var(--h5-text);
  text-transform: uppercase;
  padding: 5px 17px;
  font-weight: 400;
  line-height: 100%;
  transition: all .4s;
}

.normal-btn:hover {
  background-color: var(--primary-color);
  color: var(--white);
}

.normal-btn.vertical {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  padding: 17px 5px;
}

.width-100 {
  width: 100%;
}

.cal-label-wrapper {
  flex: none;
}

.hero-logo {
  max-width: 50vw;
}

.hero-logo.smaller {
  max-width: 37vw;
}

.section-heading-bottom-wrapper {
  transform: translate(0, -25%);
}

.big-section-component {
  z-index: 2;
  pointer-events: none;
  max-width: 77rem;
  position: relative;
}

.section-heading-big {
  max-width: 60vw;
}

.section-heading-small {
  max-width: 80vw;
}

.book-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  margin-top: -5rem;
  display: grid;
}

.book-img-component {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 24rem;
  display: flex;
}

.cta-btn {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  font-family: cofo-raffine, sans-serif;
  font-size: var(--heading-big);
  text-transform: uppercase;
  writing-mode: vertical-lr;
  text-orientation: mixed;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  line-height: 100%;
  display: flex;
  transform: rotate(180deg);
}

.cta-btn.horizontal {
  writing-mode: horizontal-tb;
  display: inline-flex;
  transform: none;
}

.cta-btn.horizontal.white {
  color: var(--white);
  -webkit-text-stroke-color: var(--white);
}

.vertical-arrow {
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
}

.stroked-text {
  color: #fff0;
  -webkit-text-stroke-width: .5px;
  -webkit-text-stroke-color: #fff;
}

.stroked-text.dark {
  -webkit-text-stroke-color: #262525;
}

.book-img-wrapper {
  width: 100%;
}

.book-contents {
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.project-home-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.home-projects-left, .home-projects-right {
  width: 50%;
}

.project-heading-wrapper {
  padding-top: 64px;
  padding-bottom: 64px;
}

.project-heading-wrapper.is-bottom {
  padding-bottom: 0;
}

.project-heading {
  object-fit: contain;
  width: 100%;
  max-height: 130px;
}

.project-item {
  position: relative;
}

.project-img-wrapper {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
}

.flex-right {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.width-50 {
  width: 50%;
}

.max-width-50vw {
  width: 100%;
  max-width: 65vw;
}

.contact-heading-1 {
  max-width: 50vw;
}

.calendar-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.div-block-2 {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  place-items: start stretch;
}

.contact-img-wrapper, .contact-logo {
  width: 100%;
}

.contact-heading-2 {
  object-fit: contain;
  width: 100%;
}

.contact-sign {
  object-fit: contain;
  max-height: 100px;
}

.cta-btn-copy {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  font-size: var(--heading-big);
  text-transform: uppercase;
  writing-mode: vertical-lr;
  text-orientation: mixed;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
  transform: rotate(180deg);
}

.line-horizontal {
  background-color: var(--primary-color);
  width: 100vw;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.project-dropdown-wrapper {
  width: 100%;
  overflow: hidden;
}

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

.close-projects {
  display: none;
}

.project-item-overlay {
  opacity: 0;
  background-color: #0009;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding: 20px;
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow-y: auto;
}

.project-item-overlay:hover {
  opacity: 100;
}

.flex-horizontal {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.max-width-50 {
  width: 100%;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-50.left {
  margin-left: 0;
}

.section-heading {
  font-family: cofo-raffine, sans-serif;
  font-size: var(--h2-text);
  text-transform: uppercase;
  font-weight: 500;
}

.marquee {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.marquee.small {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.marquee-row {
  width: 100%;
  overflow: hidden;
}

.marquee-track {
  white-space: nowrap;
  align-items: center;
  gap: .5em;
  display: flex;
}

.swiprs {
  width: 100%;
}

.bg-icon-top-left {
  z-index: -1;
  max-width: 7rem;
  position: absolute;
  inset: 4rem auto auto 0%;
}

.bg-icon-bottom-right {
  z-index: -1;
  max-width: 7rem;
  position: absolute;
  inset: auto auto 4rem 0;
}

.bg-icon-top-right {
  z-index: -1;
  max-width: 7rem;
  position: absolute;
  inset: 4rem 0 auto auto;
}

.bg-icon-top-right.top-0 {
  max-width: 6rem;
  top: -4rem;
}

.bg-icon-top-right.speaker-bottom {
  top: -4rem;
}

.bg-icon-center-left {
  z-index: -1;
  max-width: 6rem;
  position: absolute;
  inset: auto auto 30% 0%;
}

.navbar16_component {
  z-index: 999;
  pointer-events: none;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding: .5rem 5%;
  display: flex;
  position: fixed;
}

.navbar16_container-2 {
  z-index: 99;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.nav-logo-link {
  z-index: 99999;
  pointer-events: auto;
  height: 55px;
  position: relative;
}

.nav-logo {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.navbar16_wrapper {
  grid-column-gap: 1rem;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.navbar16_menu-2 {
  z-index: 9;
  background-color: var(--secondary-color);
  pointer-events: auto;
  background-image: url('../images/02-DAN-marketsquare-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 6rem 0% 4rem;
  transition: height .5s;
  position: absolute;
  inset: 0% 0% auto 0;
  overflow: hidden;
}

.navbar16_menu-wrapper {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-transform: lowercase;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: stretch stretch;
  width: 100%;
  height: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
}

.navbar16_links-wrapper {
  grid-column-gap: 4vh;
  grid-row-gap: 4vh;
  color: var(--white);
  text-align: center;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  max-width: 30rem;
  font-weight: 100;
  line-height: 167%;
  display: flex;
}

.navbar16_link {
  z-index: 10;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff0;
  -webkit-text-stroke-width: .8px;
  -webkit-text-stroke-color: var(--white);
  text-transform: uppercase;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 4px;
  padding-left: 0;
  padding-right: 0;
  font-family: cofo-raffine, sans-serif;
  font-size: 74px;
  font-weight: 500;
  line-height: 80%;
  text-decoration: none;
  transition: all .4s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: relative;
}

.navbar16_link:hover {
  color: var(--white);
}

.navbar16_link.w--current {
  opacity: 1;
  color: var(--white);
}

.navbar16_link.right {
  justify-content: flex-end;
  align-items: center;
}

.gradient-bg-top-left {
  z-index: -1;
  aspect-ratio: 1;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--\<unknown\|variable-d4970e4c-17c6-8ba9-1736-f2eeef7fbb8c\>), #fff0);
  filter: blur(75px);
  border-radius: 50%;
  width: 50%;
  max-width: 1200px;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(-35%, -40%);
}

.gradient-bg-top-right {
  z-index: -1;
  aspect-ratio: 1;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--\<unknown\|variable-d4970e4c-17c6-8ba9-1736-f2eeef7fbb8c\>), #fff0);
  filter: blur(75px);
  border-radius: 50%;
  width: 50%;
  max-width: 1200px;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: translate(45%, -60%);
}

.gradient-bg-bottom-left {
  z-index: -1;
  aspect-ratio: 1;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--\<unknown\|variable-d4970e4c-17c6-8ba9-1736-f2eeef7fbb8c\>), #fff0);
  filter: blur(75px);
  border-radius: 50%;
  width: 50%;
  max-width: 1200px;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: translate(-35%, 60%);
}

.gradient-bg-bottom-right {
  z-index: -1;
  aspect-ratio: 1;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--\<unknown\|variable-d4970e4c-17c6-8ba9-1736-f2eeef7fbb8c\>), #fff0);
  filter: blur(75px);
  border-radius: 50%;
  width: 50%;
  max-width: 1200px;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(45%, 60%);
}

.navbar16_menu-button {
  z-index: 2147483647;
  aspect-ratio: 1;
  pointer-events: auto;
  object-fit: cover;
  background-image: url('../images/Group-90.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
  position: relative;
}

.navbar16_menu-button.w--open {
  z-index: 2147483647;
  background-color: #0000;
}

.menu-icon4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 5px;
  transition: all .4s;
  display: flex;
  position: relative;
}

.menu-icon4:hover {
  transform: scale(.9);
}

.menu-icon4_wrapper {
  z-index: 9999;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 24px;
  height: 8px;
  display: flex;
  position: relative;
}

.menu-icon4_line-top {
  background-color: var(--white);
  flex: none;
  width: 100%;
  height: 2px;
  padding-bottom: 0;
  padding-right: 0;
}

.menu-icon4_line-bottom {
  background-color: var(--white);
  flex: none;
  width: 100%;
  height: 2px;
}

.nav-btns-flex {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-links-component {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-linl-icon {
  height: 44px;
  margin-bottom: .2em;
  transition: all .5s cubic-bezier(.445, .05, .55, .95);
}

.margin-bottom15vh {
  margin-bottom: 15vh;
}

.image {
  height: 15vh;
}

.start-heading {
  object-fit: contain;
  height: 64px;
}

.start-heading.big {
  height: 150px;
}

.margin-bottom7vh {
  margin-bottom: 7vh;
}

.start-logo {
  height: 130px;
}

.hero-audio-btn {
  z-index: 5;
  background-image: url('../images/Group-90.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 55px;
  height: 55px;
  padding: 16px;
  transition: all .4s;
  position: absolute;
  inset: auto auto 3rem 5vw;
}

.hero-audio-btn:hover {
  transform: scale(1.05);
}

.play-pause-wrapper {
  width: 100%;
  height: 100%;
}

.play-btn {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1280px) {
  .hero-img.is-speaker {
    object-position: 0% 80%;
  }

  .hero-img.is-start {
    object-position: 50% 100%;
  }

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

  .project-home-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .home-projects-left, .home-projects-right {
    width: 50%;
  }

  .project-heading-wrapper {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .project-heading {
    width: 100%;
  }

  .project-img-wrapper {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 100%;
  }

  .flex-right {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .bg-icon-top-left, .bg-icon-bottom-right, .bg-icon-top-right, .bg-icon-center-left {
    max-width: 12rem;
  }

  .navbar16_links-wrapper {
    max-width: 31rem;
  }

  .margin-bottom15vh {
    margin-bottom: 20vh;
  }
}

@media screen and (max-width: 991px) {
  body {
    --primary-color: #1b1a1a;
    --heading-large: 40px;
    --h4-text: 20px;
    --h6-text: 16px;
    --secondary-color: #403f3f;
    --h1-text: 100px;
    --h2-text: 60px;
    --h3-text: 24px;
    --h5-text: 18px;
    --richtext: 16px;
    --heading-big: 30px;
  }

  h1 {
    font-size: 3.25rem;
  }

  h2 {
    font-size: 2.75rem;
  }

  h3 {
    font-size: 2.25rem;
  }

  h4 {
    font-size: 1.75rem;
  }

  .hide-tablet {
    display: none;
  }

  .show-tablet {
    display: block;
  }

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

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xlarge {
    margin: 3.5rem;
  }

  .margin-xxlarge {
    margin: 4.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-xxhuge {
    margin: 7.5rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .padding-xlarge {
    padding: 3.5rem;
  }

  .padding-xxlarge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 7.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

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

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

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

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-xxlarge {
    font-size: 3.25rem;
  }

  .heading-medium {
    font-size: 1.75rem;
  }

  .heading-large {
    font-size: 2.25rem;
  }

  .heading-xlarge {
    font-size: 2.75rem;
  }

  .footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .blogpost1_content {
    margin-bottom: 3rem;
  }

  .hero-section {
    min-height: 20rem;
    max-height: 50rem;
  }

  .hero-contents {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .hero-img {
    object-position: 70% 30%;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .padding-section-large.top-double {
    padding-top: 12rem;
  }

  .padding-section-large.double {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .full-img-wrapper {
    min-height: 30rem;
    max-height: 60rem;
  }

  .full-img-contents {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .biography-lang-links {
    margin-top: 0;
  }

  .biography-text-wrapper {
    text-align: justify;
  }

  .biography-text {
    font-size: 16px;
  }

  .btn {
    padding: 10px;
    font-size: 24px;
  }

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

  .padding-section-large-2, .padding-section-large-3 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .max-width-44.left {
    max-width: 30rem;
  }

  .video-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .next-slide1 {
    z-index: 9;
    top: auto;
    bottom: -16px;
    right: 0;
    transform: translate(0, 100%);
  }

  .next-slide1:hover {
    transform: translate(0, 100%);
  }

  .next-slide1.arrow-next {
    width: 44px;
    bottom: 0;
    transform: none;
  }

  .prev-slide1 {
    z-index: 9;
    top: auto;
    bottom: -16px;
    left: 0;
    transform: translate(0, 100%);
  }

  .prev-slide1:hover {
    transform: translate(0, 100%);
  }

  .prev-slide1.arrow-previous {
    width: 44px;
    bottom: 0;
    right: auto;
    transform: none;
  }

  .swiper-slide {
    max-width: 660px;
  }

  .slider-content-wrapper {
    width: 85%;
  }

  .calendar-item {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .margin-bottom20.tablet-small {
    margin-bottom: 10px;
  }

  .calendar-full {
    grid-column-gap: 1.5rem;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr 1.5fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .calendar-item-img-wrapper {
    max-height: 200px;
  }

  .calendar-item-img-wrapper.width300 {
    min-height: 150px;
    max-height: 150px;
  }

  .margin-bottom8 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .mobile-white {
    font-size: 22px;
    line-height: 1;
  }

  .calendar-info-wrapper {
    width: auto;
  }

  .zitat-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .bg-color-dark.bottom-clip.top-clip {
    -webkit-clip-path: polygon(100% 0%, 100% 20%, 100% 50%, 100% calc(100% - 4rem), 50% 100%, 50% calc(100% - 4rem), 0% 100%, 0% 7rem);
    clip-path: polygon(100% 0%, 100% 20%, 100% 50%, 100% calc(100% - 4rem), 50% 100%, 50% calc(100% - 4rem), 0% 100%, 0% 7rem);
  }

  .bg-color-dark.top-clip {
    -webkit-clip-path: polygon(0% 6rem, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 6rem, 100% 0%, 100% 100%, 0% 100%);
  }

  .about-bg-wrapper {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .btn-arrow {
    width: 32px;
    height: 32px;
  }

  .service-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .cal-item-flex, .cal-body {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .hero-logo.smaller {
    max-width: 35vw;
  }

  .book-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: -3rem;
  }

  .book-img-component {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .cta-btn {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .vertical-arrow {
    width: 24px;
  }

  .book-contents {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .project-home-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .project-heading {
    max-height: 100px;
  }

  .div-block-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .contact-sign {
    max-height: 75px;
  }

  .project-item-overlay {
    padding: 10px;
  }

  .max-width-50.left {
    max-width: 30rem;
  }

  .marquee {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .speaker-logo-small {
    max-height: 120px;
  }

  .bg-icon-top-left {
    max-width: 5vw;
  }

  .bg-icon-bottom-right {
    max-width: 5vw;
    bottom: 2rem;
  }

  .bg-icon-top-right {
    max-width: 5vw;
  }

  .bg-icon-top-right.top-0 {
    top: -10rem;
  }

  .bg-icon-top-right.speaker-bottom {
    top: -2rem;
  }

  .bg-icon-center-left {
    max-width: 5vw;
  }

  .navbar16_container-2 {
    grid-auto-columns: 1fr;
  }

  .nav-logo-link {
    height: 44px;
  }

  .navbar16_menu-2 {
    flex-direction: column;
    justify-content: center;
    position: absolute;
  }

  .navbar16_links-wrapper {
    text-align: center;
    flex: 0 auto;
    max-width: 25rem;
  }

  .navbar16_link {
    font-size: 56px;
  }

  .navbar16_menu-button.w--open {
    background-color: #0000;
  }

  .menu-icon4 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .menu-icon4_line-bottom {
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-btns-flex {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .start-heading {
    height: 55px;
  }

  .start-heading.big {
    height: 120px;
  }

  .margin-bottom7vh.tablet-small {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --primary-color: #1b1a1a;
    --heading-large: 32px;
    --h4-text: 20px;
    --h6-text: 16px;
    --secondary-color: #1b1a1a;
    --h1-text: 70px;
    --h2-text: 44px;
    --h3-text: 24px;
    --h5-text: 18px;
    --richtext: 16px;
    --heading-big: 28px;
  }

  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1.125rem;
  }

  .text-rich-text figure {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

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

  .show-mobile-landscape {
    display: block;
  }

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

  .margin-xsmall {
    margin: .75rem;
  }

  .margin-small {
    margin: 1.25rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-large {
    margin: 2rem;
  }

  .margin-xlarge {
    margin: 2.5rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-xxhuge {
    margin: 5rem;
  }

  .padding-xsmall {
    padding: .75rem;
  }

  .padding-small {
    padding: 1.25rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-large {
    padding: 2rem;
  }

  .padding-xlarge {
    padding: 2.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

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

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

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

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .text-size-large {
    font-size: 1.125rem;
  }

  .heading-xxlarge {
    font-size: 2.5rem;
  }

  .heading-medium {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .heading-large {
    font-size: 2rem;
  }

  .heading-xsmall {
    font-size: 1.125rem;
  }

  .heading-small {
    font-size: 1.25rem;
  }

  .text-style-quote {
    font-size: 1.125rem;
  }

  .heading-xlarge {
    font-size: 2.25rem;
  }

  .footer {
    margin-left: 0;
  }

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

  .blogpost1_content {
    margin-bottom: 2rem;
  }

  .fs-cc-prefs2_title {
    font-size: 20px;
  }

  .fs-cc-banner2_text-link {
    margin-right: 8px;
  }

  .fs-cc-banner2_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .fs-cc-banner2_buttons-wrapper {
    margin-top: 12px;
  }

  .fs-cc-banner2_button {
    margin-left: 0;
    margin-right: 8px;
  }

  .hero-section {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 2rem), 50% 100%, 50% calc(100% - 2rem), 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 2rem), 50% 100%, 50% calc(100% - 2rem), 0% 100%);
  }

  .hero-contents {
    padding-top: 5rem;
    padding-bottom: 20vh;
  }

  .hero-contents.is-sub {
    padding-top: 4rem;
    padding-bottom: 5vh;
  }

  .hero-contents.is-start {
    padding-top: 20vh;
  }

  .hero-img.is-speaker {
    object-position: 75% 0%;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-large.mobil-top-0 {
    padding-top: 0;
  }

  .padding-section-large.top-double {
    padding-top: 8rem;
  }

  .padding-section-large.double {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .full-img-section {
    flex-flow: column;
  }

  .full-img-section.mobil-on-image {
    flex-flow: row;
  }

  .full-img-wrapper {
    height: 90vh;
    min-height: 10rem;
    max-height: 40rem;
    position: relative;
  }

  .full-img-wrapper.is-on-img {
    height: auto;
    min-height: 0;
    max-height: none;
  }

  .full-img-wrapper.mobil-clip {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 2rem), 50% 100%, 50% calc(100% - 2rem), 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 2rem), 50% 100%, 50% calc(100% - 2rem), 0% 100%);
  }

  .full-img-contents {
    margin-left: 0%;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .full-img-contents.is-arwards {
    margin-left: -100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .full-img-contents.mobil-normal {
    margin-left: -100%;
  }

  .biography-content {
    padding: 0;
  }

  .biography-lang-links {
    font-size: 18px;
  }

  .tab-bar, .biography-text {
    font-size: 16px;
  }

  .btn.is-calendr {
    margin-top: 1rem;
    padding-bottom: 20px;
    padding-left: 20px;
  }

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

  .hero-container.right {
    justify-content: flex-end;
    align-items: center;
  }

  .hero-container.left {
    justify-content: flex-start;
    align-items: center;
  }

  .hero-container.is-start {
    justify-content: space-between;
    align-items: center;
  }

  .padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .gallery_list {
    column-count: 1;
    column-gap: 1.5rem;
  }

  .lightbox {
    margin-bottom: 1.5rem;
  }

  .gallery-overlay {
    padding: 10px;
  }

  .padding-section-large-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-large-3.mobil-top-0 {
    padding-top: 1rem;
  }

  .margin-bottom64, .margin-bottom64.mobil-smaller {
    margin-bottom: 20px;
  }

  .margin-bottom64.mobil-normal {
    margin-bottom: 64px;
  }

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

  .next-slide1, .prev-slide1 {
    top: auto;
  }

  .swiper-slide {
    flex-wrap: wrap;
    max-width: 90vw;
  }

  .margin-bottom24.mobil-0 {
    margin-bottom: 0;
  }

  .margin-bottom24.show-mobil {
    display: block;
  }

  .slider-content-wrapper {
    width: 100%;
    margin-top: 50px;
  }

  .calendar-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .popup-close {
    height: 18px;
  }

  .calendar-full {
    grid-row-gap: 20px;
    background-color: #f6f6f6;
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 400px;
    position: relative;
  }

  .calendar-item-img-wrapper {
    max-height: none;
  }

  .calendar-item-img-wrapper.width300 {
    max-width: none;
    min-height: 300px;
    max-height: none;
  }

  .overlay-black.is-calendar {
    background-image: none;
  }

  .margin-bottom8 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .calendar-subheading {
    font-weight: 300;
  }

  .calendar-info-wrapper {
    width: auto;
    padding-left: 20px;
  }

  .calendar-list-item {
    grid-template-columns: auto;
    margin-bottom: 5%;
  }

  .kalendar-text.bold.dark {
    margin-bottom: 0;
    font-size: 22px;
  }

  .zitat-grid {
    grid-template-columns: 1fr;
    place-items: center start;
  }

  .zitat-grid.zitat-left {
    grid-template-columns: 1fr;
  }

  .zitat-img-wrapper {
    z-index: -2;
    width: auto;
    max-height: 100px;
    margin-left: -4vw;
    position: relative;
    transform: translate(0, 2rem);
  }

  .bg-color-dark.bottom-clip {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 2rem), 50% 100%, 50% calc(100% - 2rem), 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 2rem), 50% 100%, 50% calc(100% - 2rem), 0% 100%);
  }

  .bg-color-dark.bottom-clip.top-clip {
    -webkit-clip-path: polygon(100% 0%, 100% 20%, 100% 50%, 100% calc(100% - 2rem), 50% 100%, 50% calc(100% - 2rem), 0% 100%, 0% 4rem);
    clip-path: polygon(100% 0%, 100% 20%, 100% 50%, 100% calc(100% - 2rem), 50% 100%, 50% calc(100% - 2rem), 0% 100%, 0% 4rem);
  }

  .bg-color-dark.top-clip {
    -webkit-clip-path: polygon(0% 4rem, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 4rem, 100% 0%, 100% 100%, 0% 100%);
  }

  .bg-color-dark.top-clip-second {
    -webkit-clip-path: polygon(50% 0%, 100% 2rem, 100% 100%, 0% 100%, 0% 0%, 50% 2rem);
    clip-path: polygon(50% 0%, 100% 2rem, 100% 100%, 0% 100%, 0% 0%, 50% 2rem);
  }

  .bg-color-dark.full-clip {
    -webkit-clip-path: polygon(50% 2rem, 50% 0%, 100% 2rem, 100% 100%, 50% calc(100% - 2rem), 50% 100%, 0% calc(100% - 2rem), 0% 0%);
    clip-path: polygon(50% 2rem, 50% 0%, 100% 2rem, 100% 100%, 50% calc(100% - 2rem), 50% 100%, 0% calc(100% - 2rem), 0% 0%);
  }

  .about-bg-wrapper {
    width: 70vw;
    top: 7rem;
    left: 30vw;
  }

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

  .cal-item {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .cal-item-flex {
    flex-flow: column-reverse;
  }

  .cal-body {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .hero-logo.smaller {
    object-fit: contain;
    max-width: 100%;
    max-height: 10rem;
  }

  .book-grid {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .book-img-component {
    max-width: none;
  }

  .book-contents {
    padding-top: 0;
    padding-bottom: 0;
  }

  .project-home-grid {
    flex-flow: column;
  }

  .home-projects-left, .home-projects-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .project-heading-wrapper {
    display: none;
  }

  .project-heading {
    max-height: 60px;
  }

  .width-50 {
    width: 100%;
  }

  .width-50.mobil-hidden {
    display: none;
  }

  .und-svg {
    height: 6rem;
  }

  .contact-heading-1 {
    max-height: 70px;
  }

  .div-block-2 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .contact-heading-2 {
    max-width: 60vw;
    max-height: 100px;
  }

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

  .project-dropdown-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }

  .project-item-overlay {
    padding: 20px;
  }

  .marquee.small {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .bg-icon-top-left {
    top: 2rem;
  }

  .bg-icon-bottom-right {
    bottom: 1rem;
  }

  .bg-icon-top-right {
    top: 2rem;
  }

  .bg-icon-top-right.top-0 {
    max-width: 5vw;
    top: -4rem;
  }

  .bg-icon-top-right.speaker-bottom {
    top: -1rem;
  }

  .navbar16_component {
    background-image: none;
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .nav-logo-link {
    height: 32px;
  }

  .navbar16_menu-2 {
    padding-top: 6rem;
    padding-bottom: 5vh;
  }

  .navbar16_menu-wrapper {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
  }

  .navbar16_links-wrapper {
    grid-column-gap: 2vh;
    grid-row-gap: 2vh;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .navbar16_link {
    font-size: 6vh;
  }

  .gradient-bg-top-left, .gradient-bg-top-right, .gradient-bg-bottom-left, .gradient-bg-bottom-right {
    width: 80%;
  }

  .nav-links-component {
    grid-column-gap: 2vh;
    grid-row-gap: 2vh;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 25rem;
  }

  .nav-linl-icon {
    height: 4vh;
  }

  .margin-bottom15vh {
    width: 100%;
    margin-bottom: 0;
  }

  .start-heading {
    height: auto;
  }

  .start-heading.big {
    height: 60px;
  }

  .start-logo {
    height: 80px;
  }

  .hero-audio-btn {
    width: 48px;
    height: 48px;
    padding: 9px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --primary-color: #1b1a1a;
    --heading-large: 32px;
    --h4-text: 20px;
    --h6-text: 16px;
    --secondary-color: #1b1a1a;
    --h1-text: 64px;
    --h2-text: 44px;
    --h3-text: 24px;
    --h5-text: 18px;
    --richtext: 16px;
    --heading-big: 22px;
  }

  h1 {
    font-size: 2.5rem;
  }

  .show-mobile-portrait {
    display: block;
  }

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

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

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

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

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

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

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

  .stylesystem-images_layout {
    grid-template-columns: 1fr;
  }

  .footer {
    margin-left: 0;
  }

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

  .coopyright_text {
    font-size: 1rem;
  }

  .coopyright_text.created {
    padding-top: 0;
  }

  .fs-cc-prefs2_close {
    padding: 8px;
  }

  .fs-cc-prefs2_label {
    font-size: 14px;
  }

  .cc-banner_component {
    width: 100%;
  }

  .fs-cc-prefs2_title {
    font-size: 18px;
  }

  .fs-cc-prefs2_button.fs-cc-button-alt {
    margin-bottom: 8px;
  }

  .fs-cc-prefs2_content {
    padding: 24px;
  }

  .fs-cc-prefs2_submit {
    margin-top: 8px;
  }

  .cc-prefs_component {
    padding: 24px;
  }

  .hero-section {
    height: 80vh;
    min-height: 10rem;
    max-height: 40rem;
  }

  .hero-section.is-speaker {
    height: 95vh;
    min-height: 15rem;
    max-height: 50rem;
  }

  .hero-section.is-start {
    height: 100vh;
  }

  .hero-contents {
    padding-bottom: 10vh;
    padding-right: 5%;
  }

  .hero-contents.is-sub {
    padding-top: 3.5rem;
  }

  .hero-img {
    object-position: 90% 30%;
  }

  .hero-img.is-speaker {
    object-position: 70% 0%;
  }

  .hero-img.is-about {
    object-position: 57% 30%;
  }

  .padding-section-large.double {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .full-img-wrapper.is-on-img {
    min-height: 90vh;
  }

  .biography-lang-links {
    flex-flow: wrap;
  }

  .tab-link {
    transition-duration: .3s;
  }

  .btn {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .hero-container {
    justify-content: flex-end;
    align-items: center;
  }

  .download-btn {
    padding: 12px;
  }

  .slider-content-wrapper {
    margin-top: 55px;
  }

  .popup-close {
    top: 10px;
    right: 10px;
  }

  .calendar-full {
    max-width: none;
    margin-bottom: 32px;
  }

  .calendar-img {
    height: 300px;
    min-height: 300px;
  }

  .margin-bottom8 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .calendar-list-item {
    grid-template-columns: auto;
    margin-bottom: 10%;
  }

  .kalendar-text {
    margin-top: 0;
  }

  .kalendar-text.bold {
    font-size: 25px;
  }

  .social-icon {
    width: 32px;
    height: 32px;
  }

  .btn-arrow {
    width: 24px;
    height: 24px;
  }

  .hero-logo {
    max-width: 100%;
  }

  .book-grid {
    margin-top: -2rem;
  }

  .cta-btn {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .vertical-arrow {
    width: 20px;
  }

  .project-item-overlay {
    justify-content: flex-start;
    align-items: stretch;
    padding: 10px;
  }

  .marquee {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .bg-icon-top-left {
    max-width: 7vw;
    top: 1rem;
  }

  .bg-icon-bottom-right {
    max-width: 7vw;
  }

  .bg-icon-top-right {
    max-width: 7vw;
    top: 1rem;
  }

  .bg-icon-top-right.speaker-bottom {
    max-width: 12vw;
    top: -1.5rem;
  }

  .bg-icon-center-left {
    max-width: 7vw;
  }

  .navbar16_component {
    background-image: none;
  }

  .nav-logo-link {
    max-width: 50vw;
    height: 32px;
  }

  .nav-logo-link.w--current {
    height: 44px;
  }

  .navbar16_links-wrapper {
    grid-column-gap: 2vh;
    grid-row-gap: 2vh;
  }

  .navbar16_link {
    padding-bottom: 0;
    font-size: 5vh;
  }

  .gradient-bg-top-left, .gradient-bg-top-right, .gradient-bg-bottom-left, .gradient-bg-bottom-right {
    width: 100%;
  }

  .navbar16_menu-button:hover {
    transform: scale(1.05);
  }

  .nav-btns-flex {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .margin-bottom7vh {
    margin-bottom: 2vh;
  }

  .hero-audio-btn {
    bottom: 1rem;
    left: 3vw;
  }
}

#w-node-_21f1a84e-ff9e-dc9b-8965-7e6f3dc7e406-c4ab78dd {
  place-self: start center;
}

#w-node-d0877311-0d0f-d046-b3d5-2801fc290656-c4ab78dd {
  justify-self: end;
}

#w-node-_4f63f5e1-d84c-c2c7-747a-1ce4686b1a55-c4ab78dd {
  place-self: start center;
}

#w-node-_3f8a519d-e42a-33a3-9e93-b9a22482b781-2482b77f {
  justify-self: start;
}

#w-node-_3f8a519d-e42a-33a3-9e93-b9a22482b78a-2482b77f {
  place-self: end;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9313f-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9315f-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93160-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93164-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93165-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93169-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9316a-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9316e-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9316f-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93173-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93174-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93178-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93179-c4ab7910 {
  justify-self: start;
}

#w-node-_6cf25aac-9918-4f71-92f0-4cbad6119cb5-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6cf25aac-9918-4f71-92f0-4cbad6119cb6-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931a1-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931a2-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931a6-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931a7-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931ab-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931ac-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931b0-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931b1-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931ba-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931bb-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931c4-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931c5-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931f0-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931f1-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931f5-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931f6-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931fa-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931fb-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba931ff-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93200-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93204-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93205-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93209-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9320a-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93211-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93212-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93216-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93217-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9321b-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9321c-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93220-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93221-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93225-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93226-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9322d-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9322e-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93232-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93233-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93237-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93238-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9323c-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9323d-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93241-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93242-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93246-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93247-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9324e-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9324f-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93253-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93254-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93258-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93259-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9325d-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9325e-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93262-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93263-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93267-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93268-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9326c-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9326d-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93271-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93272-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93276-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93277-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9327e-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9327f-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93283-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93284-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93288-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93289-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93290-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93291-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba932d5-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba932f2-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba932f7-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba932f8-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba932fc-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba932fd-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9330d-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93319-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93323-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93324-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93327-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93328-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9332b-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9332c-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9332f-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93330-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93333-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93334-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93337-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93338-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9333b-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9333c-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93346-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93347-c4ab7910 {
  justify-self: start;
}

#w-node-_1bfecdfa-cf23-d065-290b-2142ac7792f5-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9334b-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9334c-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9334d-c4ab7910 {
  justify-self: start;
}

#w-node-_090a24d3-14a5-dfa2-fa04-d4a813666889-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93353-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93354-c4ab7910 {
  justify-self: start;
}

#w-node-edb34d17-99cc-692f-0430-12adb3f5bcf1-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93358-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93359-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9335a-c4ab7910 {
  justify-self: start;
}

#w-node-abefda6a-e9c5-21af-36b5-0ac7a543e5f9-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93360-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93361-c4ab7910 {
  justify-self: start;
}

#w-node-be0b581d-0d4f-6a5c-e56f-c71f2b87dae5-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93365-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93366-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93367-c4ab7910 {
  justify-self: start;
}

#w-node-_5f2284be-d63b-a2ed-4224-841634bd2cda-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9336d-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9336e-c4ab7910 {
  justify-self: start;
}

#w-node-_53f59b45-9eeb-d810-f61d-0b7531040bb4-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93372-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93377-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93378-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93379-c4ab7910 {
  justify-self: start;
}

#w-node-_142b856c-06a3-e4dd-2692-9efc37b12276-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9337f-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93380-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93381-c4ab7910 {
  justify-self: start;
}

#w-node-_95d37fb2-d622-83b6-f731-4b18a22a7cb8-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93389-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9338a-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9338b-c4ab7910 {
  justify-self: start;
}

#w-node-_46e3cf61-264e-9a1d-cad2-b40d089568e3-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93391-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93392-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93393-c4ab7910 {
  justify-self: start;
}

#w-node-_920b5748-cb2c-4ec9-7808-1e23fedc9e74-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9339b-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9339c-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9339d-c4ab7910 {
  justify-self: start;
}

#w-node-e422508c-6977-80a1-fda1-ce3c73c6fd3a-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933a3-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933a4-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933a5-c4ab7910 {
  justify-self: start;
}

#w-node-_737c0550-399b-3c73-23ed-09d6878d2bfd-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933ad-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933ae-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933af-c4ab7910 {
  justify-self: start;
}

#w-node-_4a51ac62-a1f9-d133-d82b-d1c317772463-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933b9-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933ba-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933bb-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933bf-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933c0-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933c8-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933c9-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933ca-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933d0-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933d9-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933da-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933df-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933e8-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933e9-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933f0-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933f9-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933fa-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba933ff-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93408-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93409-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93410-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93411-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93419-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9341a-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9341f-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9342d-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9342e-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9342f-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93430-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93432-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93435-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93439-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9343a-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9343b-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9343c-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9343e-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93447-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93448-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93449-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9344a-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9344c-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93455-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93456-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93457-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93458-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9345a-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9345d-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93464-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93465-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93466-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93467-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93469-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9346c-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba9346d-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93473-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93474-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93475-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93476-c4ab7910, #w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba93478-c4ab7910 {
  justify-self: start;
}

#w-node-_4cedf050-e1e5-dc03-bd36-0cf51ba934de-c4ab7910, #w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725cb-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725cc-c4ab7910 {
  justify-self: start;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725d0-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725d1-c4ab7910 {
  justify-self: start;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725d5-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725d6-c4ab7910 {
  justify-self: start;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725da-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725db-c4ab7910 {
  justify-self: start;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725df-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725e0-c4ab7910 {
  justify-self: start;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725e7-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725e8-c4ab7910 {
  justify-self: start;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725ec-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725ed-c4ab7910 {
  justify-self: start;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725f1-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725f2-c4ab7910 {
  justify-self: start;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725f6-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725f7-c4ab7910 {
  justify-self: start;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725fb-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd5404725fc-c4ab7910 {
  justify-self: start;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd540472600-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9590ffdb-a06a-0e24-54f9-5fd540472601-c4ab7910 {
  justify-self: start;
}

#w-node-_2a6740b2-9b61-38ae-6a6e-ace4c9df7f63-c4ab7910, #w-node-_2669e740-54bd-f4e3-4f8d-3d94df62d50d-c4ab7910, #w-node-_17e5434e-e737-a59f-05c4-a327fe5e482a-c4ab7910, #w-node-_9590ffdb-a06a-0e24-54f9-5fd540472616-c4ab7910, #w-node-_9590ffdb-a06a-0e24-54f9-5fd540472617-c4ab7910, #w-node-_9590ffdb-a06a-0e24-54f9-5fd54047261a-c4ab7910, #w-node-_9590ffdb-a06a-0e24-54f9-5fd54047261b-c4ab7910, #w-node-_9590ffdb-a06a-0e24-54f9-5fd54047261e-c4ab7910, #w-node-_9590ffdb-a06a-0e24-54f9-5fd54047261f-c4ab7910, #w-node-_9590ffdb-a06a-0e24-54f9-5fd540472622-c4ab7910, #w-node-_9590ffdb-a06a-0e24-54f9-5fd540472623-c4ab7910, #w-node-_9590ffdb-a06a-0e24-54f9-5fd540472626-c4ab7910, #w-node-_9590ffdb-a06a-0e24-54f9-5fd540472627-c4ab7910, #w-node-_9590ffdb-a06a-0e24-54f9-5fd54047262a-c4ab7910, #w-node-_9590ffdb-a06a-0e24-54f9-5fd54047262b-c4ab7910, #w-node-_9590ffdb-a06a-0e24-54f9-5fd54047262e-c4ab7910, #w-node-_9590ffdb-a06a-0e24-54f9-5fd54047262f-c4ab7910 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_3f8a519d-e42a-33a3-9e93-b9a22482b781-2482b77f {
    justify-self: start;
  }

  #w-node-_3f8a519d-e42a-33a3-9e93-b9a22482b78a-2482b77f {
    justify-self: end;
  }
}

@media screen and (max-width: 767px) {
  #w-node-eba9a7bd-2391-4414-bf2e-7b71802d99cb-c4ab78dd {
    justify-self: start;
  }

  #w-node-a5c65e02-b6bc-4036-36d5-636896567a26-c4ab78dd {
    order: 9999;
  }

  #w-node-_3f8a519d-e42a-33a3-9e93-b9a22482b788-2482b77f {
    justify-self: end;
  }

  #w-node-_3f8a519d-e42a-33a3-9e93-b9a22482b78a-2482b77f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-eba9a7bd-2391-4414-bf2e-7b71802d99cb-a2e02466 {
    justify-self: start;
  }

  #w-node-_7171d86a-fa3a-f309-8ac2-1bfb3d329921-a2e02466 {
    order: -9999;
  }

  #w-node-eba9a7bd-2391-4414-bf2e-7b71802d99cb-3536985e {
    justify-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_3f8a519d-e42a-33a3-9e93-b9a22482b781-2482b77f, #w-node-_3f8a519d-e42a-33a3-9e93-b9a22482b788-2482b77f {
    justify-self: center;
  }

  #w-node-_3f8a519d-e42a-33a3-9e93-b9a22482b78a-2482b77f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: end center;
  }
}


@font-face {
  font-family: 'Spacegrotesk Variablefont Wght';
  src: url('../fonts/SpaceGrotesk-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}