@font-face {
  font-family: Sweetsanspro;
  src: url('../fonts/SweetSansPro-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sweetsanspro;
  src: url('../fonts/SweetSansPro-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk;
  src: url('../fonts/CabinetGrotesk-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk;
  src: url('../fonts/CabinetGrotesk-Extrabold.otf') format("opentype"), url('../fonts/CabinetGrotesk-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk;
  src: url('../fonts/CabinetGrotesk-Extralight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk;
  src: url('../fonts/CabinetGrotesk-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk;
  src: url('../fonts/CabinetGrotesk-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk;
  src: url('../fonts/CabinetGrotesk-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk;
  src: url('../fonts/CabinetGrotesk-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: #fffcf8;
  --dark-slate-grey: #054738;
  --dunkelblau: #0c112d;
  --ivory: #fffbec;
  --korall: #ff674d;
  --türks: #33ffeb;
}

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

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  background-color: var(--white);
  color: var(--dark-slate-grey);
  font-family: Cabinetgrotesk, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 10rem;
  font-weight: 400;
  line-height: 1.1;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

p {
  margin-bottom: 0;
  line-height: 1.7;
}

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

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

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.style-guide-item-header {
  border-bottom: 1px solid #89bdbb40;
  width: 100%;
  padding-bottom: 2rem;
}

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

.text-weight-medium {
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 500;
}

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

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

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

.rich-text-element {
  line-height: 1.2;
}

.rich-text-element h1 {
  letter-spacing: -.25rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 4rem;
  font-weight: 400;
}

.rich-text-element h2 {
  letter-spacing: -.1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.4;
}

.rich-text-element h3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.5;
}

.rich-text-element h4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
}

.rich-text-element h5 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

.rich-text-element h6 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

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

.rich-text-element ul, .rich-text-element ol {
  margin-bottom: 1rem;
  padding-left: 2rem;
  line-height: 1.5;
}

.rich-text-element blockquote {
  margin-bottom: 1rem;
  padding: 1rem 2rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

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

.text-color-grey {
  color: gray;
}

.style-guide-label {
  color: #fff;
  background-color: #0073e6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.style-guide-label.is-tag {
  background-color: #be4aa5;
}

.form_component {
  margin-bottom: 0;
}

.form-checkbox {
  border: 1px solid #1e4d36;
  border-radius: 0;
  width: .75rem;
  height: .75rem;
  margin-top: 0;
}

.form-checkbox.w--redirected-checked {
  background-color: #1e4d36;
  border-color: #112d31;
  border-radius: .125rem;
  margin-top: 0;
}

.text-size-medium {
  font-family: Sweetsanspro, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.7;
}

.overflow-auto {
  overflow: auto;
}

.overflow-scroll {
  overflow: scroll;
}

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

.icon-medium {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  max-width: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  display: flex;
}

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

.padding-top.padding-xsmall {
  color: var(--dunkelblau);
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-top.padding-medium, .padding-top.padding-xlarge, .padding-top.padding-large {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.margin-xhuge {
  margin: 8rem;
}

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

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

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

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

.form-message-error {
  color: #f6171b;
  background-color: #0000;
  margin-top: .75rem;
  padding: .75rem;
}

.margin-huge {
  margin: 6rem;
}

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

.text-color-black {
  color: #000;
}

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

.style-guide-spacing-all {
  display: none;
}

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

.text-style-link {
  color: #1e4d36;
  text-decoration: underline;
}

.text-link {
  color: #1e4d36;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}

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

.form-field-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.padding-huge {
  padding: 6rem;
}

.checkbox-label {
  margin-bottom: 0;
  margin-left: .5rem;
  font-size: .875rem;
  font-weight: 600;
}

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

.style-guide-section.vertical-section {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.h1-heading-style {
  letter-spacing: -.35rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 10rem;
  font-weight: 400;
  line-height: 1.1;
}

.padding-xhuge {
  padding: 8rem;
}

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

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

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

.form-text-field {
  border-style: none none solid;
  border-width: 2px 2px 1px;
  border-color: #1e4d36 #1e4d36 var(--dunkelblau);
  width: 100%;
  min-height: 3rem;
  color: var(--dunkelblau);
  background-color: #0000;
  margin-bottom: 0;
  padding: .7rem 1rem .7rem 0;
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 500;
}

.form-text-field:focus {
  border-color: #fcc84b #fcc84b var(--dark-slate-grey);
  border-bottom-width: 2px;
}

.form-text-field::placeholder {
  color: var(--dark-slate-grey);
  font-weight: 400;
}

.form-text-field.message-field {
  min-height: 5rem;
}

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

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

.padding-custom-1 {
  padding: 1.5rem;
}

.padding-custom-3 {
  padding: 3.5rem;
}

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

.padding-large {
  padding: 3rem;
}

.icon-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  max-width: 1rem;
  height: 1rem;
  max-height: 1rem;
  display: flex;
}

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

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

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

.text-size-regular {
  line-height: 1.7;
}

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

.margin-custom-1 {
  margin: 1.5rem;
}

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

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

.background-color-white {
  background-color: #fff;
}

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

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

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

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

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

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

.style-guide-column-2.is-align-start {
  align-items: start;
}

.padding-small {
  padding: 1.2rem;
}

.button-main {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--dark-slate-grey);
  align-items: center;
  padding: .5rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.button-main.alternate-color {
  color: var(--white);
}

.button-main.no-left-padding {
  padding-left: 0;
}

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

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

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

.max-width-large.align-left {
  margin-left: 0;
}

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

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

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

.margin-small {
  margin: 1rem;
}

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

.h3-heading-style {
  letter-spacing: -.1rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sweetsanspro, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.15;
}

.margin-medium {
  margin: 2rem;
}

.margin-xxlarge {
  margin: 5rem;
}

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

.margin-large {
  margin: 3rem;
}

.padding-xxlarge {
  padding: 5rem;
}

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

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

.text-style-strikethrough {
  font-size: 1rem;
  line-height: 1.5;
  text-decoration: line-through;
}

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

.form-label {
  color: var(--dunkelblau);
  margin-top: 1rem;
  margin-bottom: 0;
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 500;
}

.main-wrapper {
  z-index: 2;
}

.background-color-grey {
  background-color: #f5f5f5;
}

.text-color-white {
  color: #fff;
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 400;
}

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

.section-padding-large {
  color: var(--dunkelblau);
  padding-top: 8rem;
  padding-bottom: 4rem;
  font-style: normal;
}

.overflow-hidden {
  overflow: hidden;
}

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

.background-color-secondary {
  background-color: var(--ivory);
}

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

.padding-xxhuge {
  padding: 12rem;
}

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

.style-guide-item.is-stretch {
  justify-items: stretch;
}

.overflow-visible {
  overflow: visible;
}

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

.max-width-medium.align-left {
  margin-left: 0;
}

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

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

.margin-zero {
  margin: 0;
}

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

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

.padding-zero {
  padding: 0;
}

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

.style-guide-empty-box {
  z-index: -1;
  background-color: #0073e61a;
  border: 1px dashed #0073e6;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.heading-container {
  justify-content: space-between;
  align-items: center;
}

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

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

.background-color-primary {
  background-color: var(--dark-slate-grey);
}

.text-color-secondary {
  color: var(--ivory);
}

.padding-custom-2 {
  padding: 2.5rem;
}

.margin-custom-2 {
  margin: 2.5rem;
}

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

.style-guide-classes {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-color-primary {
  color: var(--dark-slate-grey);
}

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

.style-guide-background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.button-secondary {
  color: #1e4d36;
  padding: 0;
  text-decoration: none;
}

.margin-xxhuge {
  margin: 12rem;
}

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

.max-width-xsmall.align-right {
  margin-right: 0;
}

.max-width-xsmall.align-left {
  margin-left: 0;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.h6-heading-style {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sweetsanspro, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.6;
}

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

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.padding-xsmall {
  padding: 1rem;
}

.section-padding-page-start {
  padding-top: 12rem;
  padding-bottom: 6rem;
}

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

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

.style-guide-column.is-align-start {
  align-items: start;
}

.h5-heading-style {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sweetsanspro, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
}

.form-message-success {
  background-color: var(--dark-slate-grey);
  color: var(--white);
  padding: 1.25rem;
}

.hide {
  display: none;
}

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

.margin-xlarge {
  margin: 4rem;
}

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

.margin-custom3 {
  margin: 3.5rem;
}

.padding-medium {
  padding: 2.2rem;
}

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

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

.max-width-small.align-left {
  margin-left: 0;
}

.text-size-large {
  color: var(--dunkelblau);
  text-align: left;
  font-family: Sweetsanspro, Arial, sans-serif;
  font-size: 7rem;
  font-weight: 400;
  line-height: 1.1;
}

.h2-heading-style {
  color: var(--dunkelblau);
  letter-spacing: -.15rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sweetsanspro, Arial, sans-serif;
  font-size: 5.3rem;
  font-weight: 400;
  line-height: 1.2;
}

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

.h2-heading-style.text-color-white.text-align-center {
  color: var(--white);
  font-family: Sweetsanspro, Arial, sans-serif;
}

.text-style-muted {
  opacity: .6;
  font-size: .875rem;
}

.h4-heading-style {
  color: var(--dunkelblau);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sweetsanspro, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
}

.h4-heading-style.custom-1 {
  color: var(--white);
  text-align: right;
  font-family: Sweetsanspro, Arial, sans-serif;
  display: flex;
}

.padding-xlarge {
  padding: 4rem;
}

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

.background-color-black {
  color: #f5f5f5;
  background-color: #000;
}

.button-circle {
  border: 1px solid var(--korall);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--white);
  background-color: #ff674d;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.button-circle.alternate-color {
  border-color: var(--korall);
}

.button-circle.alternate-color:lang(en) {
  transform: translate(0);
}

.button-circle-background {
  z-index: -1;
  background-color: var(--dark-slate-grey);
  border-radius: 100%;
  width: 2.5rem;
  height: 2.5rem;
  display: none;
  position: absolute;
}

.button-circle-background.alternate-color {
  background-color: var(--white);
  display: none;
}

.button-arrow {
  z-index: 2;
  background-color: #ff674d;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  max-width: 1rem;
  height: 1rem;
  max-height: 1rem;
  display: flex;
  position: relative;
}

.button-underline-wrapper {
  width: 100%;
  height: .1rem;
  position: relative;
  overflow: hidden;
}

.button-underline-initial {
  background-color: #05473833;
  width: 100%;
  height: .1rem;
  position: absolute;
  inset: 0%;
}

.button-underline-hover {
  background-color: var(--dark-slate-grey);
  width: 100%;
  height: .1rem;
  display: none;
  position: absolute;
  inset: 0%;
}

.button-secondary-text {
  color: var(--dunkelblau);
  margin-bottom: .35rem;
  padding-bottom: 0;
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 400;
  white-space: nowrap;
}

.navigation-logo {
  width: 100%;
}

.navigation-contant-details-mobile {
  display: none;
}

.navbar-container {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template: "Area"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  padding: 1.3rem 0;
  display: grid;
  position: relative;
}

.navbar {
  z-index: 2000;
  color: #fff;
  --dark-slate-grey: #054738;
  --dunkelblau: #0c112d;
  --korall: #ff674d;
  --türks: #33ffeb;
  background-color: #0000;
  position: absolute;
  inset: 0% 0% auto;
}

.navigation-right {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  display: flex;
}

.navigation-menu-wrap {
  display: none;
}

.navigation-menu {
  color: var(--dunkelblau);
  justify-content: center;
  display: flex;
}

.navigation-menu.dunkel {
  color: var(--dunkelblau);
}

.navigation-link {
  color: var(--white);
  margin-left: 1rem;
  margin-right: 1rem;
  padding: 0;
  text-decoration: none;
  overflow: hidden;
}

.navigation-link.w--current {
  font-weight: 500;
}

.navigation-link.green {
  color: var(--dark-slate-grey);
  font-weight: 500;
}

.navigation-link.green.w--current {
  font-weight: 500;
}

.navigation-logo-link {
  justify-content: flex-start;
  width: 10rem;
  min-width: 10rem;
  display: inline;
}

.navigation-logo-link.w--current {
  color: #fff;
  width: 6rem;
}

.navigation-text {
  color: var(--white);
  -webkit-text-stroke-color: var(--dunkelblau);
  margin-bottom: .25rem;
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 400;
  white-space: nowrap;
}

.navigation-text.dunkel {
  color: var(--dunkelblau);
}

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

.navigation-underline {
  background-color: var(--white);
  width: 100%;
  height: .1rem;
  display: none;
  position: absolute;
  inset: 0%;
}

.navigation-underline.green {
  background-color: var(--dark-slate-grey);
}

.hero-section-wrapper {
  height: 100dvh;
  min-height: 100dvh;
  position: relative;
}

.hero-image {
  background-image: url('../images/Home_Hero.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.hero-image.leistungen {
  background-image: url('../images/Ueber_Hero.jpg');
  background-repeat: no-repeat;
}

.hero-image.leistungen-foto {
  background-image: url('../images/ChatGPT-Image-17.-Juli-2026-13_41_47.jpg');
  background-repeat: no-repeat;
}

.hero-color-overlay {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.hero-section-content {
  z-index: 4;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100dvh;
  min-height: 100dvh;
  padding-bottom: 1rem;
  display: flex;
  position: relative;
}

.hero-section-content-top {
  grid-column-gap: 5.9rem;
  grid-row-gap: 5.9rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 2rem;
  display: flex;
}

.hero-section-content-bottom {
  width: 100%;
}

.two-block-grid {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.two-block-grid.custom-1 {
  grid-template-columns: 2.25fr 1fr;
}

.two-block-grid.team-grid {
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}

.two-block-grid.custom-2, .two-block-grid.custom-3 {
  grid-template-columns: .75fr 1fr;
  align-items: end;
}

.two-block-grid.contact-page {
  grid-template-columns: 1.5fr 1fr;
  align-items: start;
}

.content-wrapper-custom-1 {
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding-top: 40vh;
  display: flex;
}

.stats-grid {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
}

.button-wrapper {
  justify-content: flex-start;
  width: auto;
  display: none;
  overflow: visible;
}

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

.section-home-featured-listing {
  overflow: hidden;
}

.listing-spec-item {
  border-bottom: 1px solid var(--dunkelblau);
  color: var(--dunkelblau);
  justify-content: space-between;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.testimonial-details-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.testimonial-image {
  object-fit: cover;
  border-radius: 100%;
  width: 5rem;
  height: 5rem;
}

.listings-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
}

.full-width-image {
  vertical-align: baseline;
  object-fit: cover;
  width: 100%;
  min-width: 100%;
}

.full-width-image.unique-height {
  object-fit: cover;
  height: 60vh;
}

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

.full-width-image.lightbox {
  margin-bottom: 2rem;
}

.full-width-image.custom-1 {
  height: 70vh;
}

.full-width-image.custom-2 {
  height: 90vh;
}

.listings-showcase-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  display: flex;
}

.listings-showcase-right {
  height: 100%;
}

.max-width-small-percent {
  width: 100%;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.max-width-small-percent.align-left {
  margin-left: 0;
}

.two-block-paragraphs {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  align-items: flex-start;
  display: flex;
}

.paragraph-block {
  width: 50%;
}

.stats-item {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 1rem;
  display: flex;
  overflow: hidden;
}

.call-to-action {
  color: var(--dunkelblau);
  overflow: hidden;
}

.green-backround {
  z-index: 0;
  background-color: var(--dunkelblau);
  position: relative;
}

.outline-graphic {
  z-index: 1000;
  width: 30rem;
  position: absolute;
}

.footer {
  padding: 0;
  margin-top: -2px;
}

.footer-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-middle {
  color: var(--dunkelblau);
  justify-content: space-between;
  margin-top: 4rem;
  margin-bottom: 2rem;
  display: flex;
}

.email-form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 20rem;
  color: var(--dunkelblau);
  align-items: center;
  display: flex;
}

.footer-middle-right {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-links-column {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-link {
  color: var(--dark-slate-grey);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-weight: 500;
  text-decoration: none;
  overflow: hidden;
}

.footer-link.w--current {
  font-weight: 500;
}

.footer-bottom-right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.footer-bottom-center {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.stats-content {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.stats-underline {
  background-color: var(--dark-slate-grey);
  border: 1px #000;
  width: 100%;
  height: .1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.image-wrapper {
  position: relative;
  overflow: hidden;
}

.image-overlay {
  background-color: var(--white);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.stats-text {
  font-family: Sweetsanspro, Arial, sans-serif;
  display: block;
}

@media screen and (max-width: 479px) {
  .stats-text {
    text-align: -webkit-right;
  }
}

@media screen and (max-width: 479px) {
  .stats-content .stats-number {
    font-size: 5rem;
  }
}


.traits-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  max-width: 60rem;
  margin-left: auto;
}

.trait-item {
  overflow: hidden;
}

.trait-content {
  grid-column-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  font-family: Sweetsanspro, Arial, sans-serif;
  display: flex;
}

.trait-content-left {
  width: 50%;
}

.trait-content-right {
  max-width: 40%;
}

.trait-underline {
  background-color: var(--dunkelblau);
  border: 1px #000;
  width: 100%;
  height: .1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1;
}

.unique-stats-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.stats-grid-custom {
  grid-column-gap: 1rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center end;
  max-width: 90%;
  margin-top: -2rem;
  margin-left: auto;
}

.three-block-grid {
  grid-column-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.services-item {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.services-item-bottom {
  margin-top: 1rem;
}

.button-secondary-green {
  color: var(--dunkelblau);
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 500;
  text-decoration: none;
  overflow: hidden;
}

.button-secondary-green.w--current {
  color: #73b8df;
  font-weight: 700;
}

.contact-info-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-info-left, .contact-info-right {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.form-block {
  min-width: 26rem;
  max-width: 26rem;
  margin-top: 6rem;
  margin-bottom: 0;
}

.collection-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-member-image {
  width: 102%;
  display: inline-block;
}

.team-member-links {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.team-members-link-wrap {
  display: inline-block;
}

.properties-collection-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.properties-link-wrapper {
  width: 100%;
  color: var(--dark-slate-grey);
  text-decoration: none;
  position: relative;
}

.property-image {
  width: 100%;
}

.listing-specs {
  width: 30%;
}

.darker-color-overlay {
  z-index: 0;
  background-image: linear-gradient(#0000, #000000a3);
  position: absolute;
  inset: 0%;
}

.darker-color-overlay.hide-mobile-portrait {
  background-image: none;
}

.property-sticky-grid {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.sticky-content {
  position: sticky;
  top: 4rem;
}

.property-specs-dynamic {
  width: 50%;
  color: var(--dark-slate-grey);
}

.property-spec-item-dynamic {
  border-bottom: 1px solid var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  justify-content: space-between;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.property-info {
  flex-direction: column;
  align-items: flex-end;
  width: 26rem;
  display: flex;
}

.property-info-wrap {
  justify-content: flex-end;
  display: flex;
}

.property-image-gallery {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.property-main-image {
  object-fit: cover;
  width: 100%;
  max-width: 120rem;
  position: relative;
}

.section-padding-custom-1 {
  padding-top: 4rem;
  padding-bottom: 6rem;
}

.featured-link-wrapper {
  width: 100%;
  min-height: 90vh;
  text-decoration: none;
  position: relative;
}

.navigation-underline-wrapper {
  width: 100%;
  height: .1rem;
  position: relative;
  overflow: hidden;
}

.image-link-wrapper {
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.darker-color-overlay-flipped {
  z-index: 1;
  background-image: linear-gradient(#000000a3, #0000);
  position: absolute;
  inset: 0%;
}

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

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

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

.submit-button {
  border: 1px solid var(--korall);
  width: 6rem;
  min-width: 6rem;
  height: 6rem;
  min-height: 6rem;
  color: var(--korall);
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
  border-radius: 100%;
  padding: .5rem 1rem;
  font-family: Sweetsanspro, Arial, sans-serif;
  transition: all .45s cubic-bezier(.215, .61, .355, 1);
}

.submit-button:hover {
  background-color: var(--korall);
  color: var(--white);
  mix-blend-mode: normal;
  border-width: 0;
}

.mobile-navigation-image {
  display: none;
}

.listing-details-container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  margin-top: 40px;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.listing-address {
  color: var(--dunkelblau);
  letter-spacing: -.25rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sweetsanspro, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.15;
}

.listing-address.small {
  letter-spacing: -.1rem;
  font-size: 2.3rem;
}

.listing-price {
  color: var(--dunkelblau);
  letter-spacing: -.1rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sweetsanspro, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
}

.listing-price.small {
  letter-spacing: 0;
  font-size: 1rem;
}

.changelog-section-support, .licensing-section-support {
  overflow: hidden;
}

.text-block, .text-block-2 {
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 400;
}

.paragraph {
  font-family: Sweetsanspro, Arial, sans-serif;
}

.text-block-3 {
  color: var(--korall);
  font-family: Sweetsanspro, Arial, sans-serif;
  font-style: normal;
}

.paragraph-2, .paragraph-3 {
  color: var(--dunkelblau);
  font-family: Sweetsanspro, Arial, sans-serif;
}

.paragraph-4 {
  color: var(--dunkelblau);
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 400;
}

.text-block-4 {
  color: var(--dunkelblau);
  font-family: Sweetsanspro, Arial, sans-serif;
}

.text-block-5 {
  font-family: Sweetsanspro, Arial, sans-serif;
}

.paragraph-5 {
  color: var(--dunkelblau);
  font-family: Sweetsanspro, Arial, sans-serif;
}

.text-block-6 {
  color: var(--dunkelblau);
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 400;
}

.text-block-7 {
  color: var(--korall);
}

.form-block-2 {
  color: var(--dunkelblau);
}

.paragraph-6, .paragraph-7, .paragraph-8, .paragraph-9 {
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 400;
}

.text-block-8 {
  color: var(--dunkelblau);
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 400;
}

.paragraph-10, .paragraph-11, .paragraph-12, .paragraph-13, .paragraph-14, .paragraph-15 {
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 400;
}

.text-block-9, .paragraph-16 {
  font-family: Sweetsanspro, Arial, sans-serif;
}

.text-block-10 {
  color: var(--korall);
  font-family: Sweetsanspro, Arial, sans-serif;
}

.paragraph-17, .paragraph-18, .paragraph-19, .paragraph-20 {
  color: var(--dunkelblau);
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 400;
}

.text-block-11, .text-block-12, .text-block-13 {
  color: var(--dunkelblau);
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 500;
}

.paragraph-21 {
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 400;
}

.text-block-14 {
  color: var(--dunkelblau);
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 500;
}

.text-block-15 {
  color: var(--dunkelblau);
  font-family: Sweetsanspro, Arial, sans-serif;
}

.paragraph-22, .paragraph-23 {
  color: var(--dunkelblau);
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 400;
}

.paragraph-24, .paragraph-25 {
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 400;
}

.image, .image-2 {
  max-width: 200%;
}

.paragraph-26, .paragraph-27, .paragraph-28 {
  font-family: Sweetsanspro, Arial, sans-serif;
}

.paragraph-29 {
  font-family: Sweetsanspro, Arial, sans-serif;
  font-weight: 400;
}

.text-block-16 {
  color: var(--dunkelblau);
  font-family: Sweetsanspro, Arial, sans-serif;
}

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

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

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

  .margin-xhuge {
    margin: 6rem;
  }

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

  .margin-huge {
    margin: 5rem;
  }

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

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

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

  .padding-huge {
    padding: 5rem;
  }

  .style-guide-section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .padding-xhuge {
    padding: 6rem;
  }

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

  .padding-large {
    padding: 2.5rem;
  }

  .style-guide-column-4 {
    grid-template-columns: 1fr;
  }

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

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

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

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

  .h3-heading-style {
    font-size: 3rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

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

  .margin-large {
    margin: 2.5rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

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

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

  .padding-xxhuge {
    padding: 8rem;
  }

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

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

  .text-style-allcaps {
    color: #1e4d36;
    letter-spacing: 2px;
    font-size: .625rem;
  }

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

  .margin-xxhuge {
    margin: 8rem;
  }

  .padding-global {
    padding-left: 2rem;
    padding-right: 2rem;
  }

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

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

  .margin-xlarge {
    margin: 3rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

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

  .h2-heading-style {
    letter-spacing: -.2rem;
    font-size: 4rem;
  }

  .h4-heading-style.custom-1 {
    text-align: left;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .button-circle {
    min-width: 2.5rem;
    min-height: 2.5rem;
  }

  .navigation-contant-details-mobile {
    grid-row-gap: .5rem;
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 1rem;
    display: flex;
  }

  .lottie-menu {
    width: 100%;
    height: 100%;
  }

  .navbar-container {
    z-index: 1000;
    background-color: #0000;
    align-items: center;
    padding: 1rem 0;
    display: flex;
  }

  .menu-button {
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
  }

  .menu-button.w--open {
    z-index: 1000;
    background-color: #0000;
  }

  .navigation-menu-wrap {
    margin-top: 2rem;
    margin-bottom: 1rem;
    display: flex;
  }

  .navigation-menu {
    background-color: var(--dark-slate-grey);
    justify-content: flex-start;
    width: calc(70vw + 24px);
    min-width: 16rem;
    height: 100vh;
    padding-top: 4rem;
    padding-left: 1.5rem;
    inset: 0% 0% 0% auto;
  }

  .navigation-link {
    color: #fff;
    flex: none;
    align-items: center;
    margin-left: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 400;
    display: flex;
  }

  .navigation-link.green {
    color: var(--white);
  }

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

  .navigation-logo-link {
    width: 8rem;
  }

  .navigation-underline {
    display: none;
  }

  .hero-section-wrapper {
    height: 100svh;
    min-height: auto;
  }

  .hero-image {
    background-position: 50% 0;
  }

  .hero-image.leistungen {
    color: var(--dunkelblau);
    background-image: url('../images/UeberUns_Hero.jpg');
    background-position: 100% 0;
  }

  .hero-image.leistungen-foto {
    background-image: url('../images/Villen-Wasser.jpg');
  }

  .hero-section-content {
    height: 100svh;
    min-height: auto;
  }

  .two-block-grid {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .two-block-grid.custom-1 {
    grid-template-columns: 2.25fr;
  }

  .two-block-grid.custom-2 {
    grid-template-columns: 1.75fr;
  }

  .two-block-grid.contact-page {
    grid-template-columns: 1.5fr;
  }

  .content-wrapper-custom-1 {
    padding-top: 0;
  }

  .listing-spec-item {
    border-bottom-color: var(--dunkelblau);
  }

  .max-width-small-percent.align-left {
    max-width: 100%;
  }

  .footer-link {
    flex: none;
    align-items: center;
    margin-left: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 0;
    font-weight: 400;
    display: flex;
  }

  .footer-bottom-right {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .traits-grid {
    max-width: 100%;
  }

  .stats-grid-custom {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    align-items: start;
    max-width: 100%;
    margin-top: 2rem;
    margin-left: 0;
  }

  .button-secondary-green {
    flex-direction: column;
    flex: none;
    align-items: center;
    margin-left: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: flex;
  }

  .form-block {
    margin-top: 0;
  }

  .collection-list {
    grid-template-columns: 1fr 1fr;
  }

  .two-block-grid.team-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .team-member-links {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
    display: flex;
  }

  .team-members-link-wrap {
    display: block;
  }

  .properties-collection-list {
    grid-template-columns: 1fr;
  }

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

  .sticky-content {
    position: static;
  }

  .featured-link-wrapper {
    min-height: 90dvh;
  }

  .mobile-navigation-image {
    margin-top: 2rem;
    display: block;
    transform: translate(5rem);
  }

  .listing-details-container {
    margin: 32px 0 0;
  }

  .listing-address {
    font-size: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

  .margin-xhuge {
    margin: 4rem;
  }

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

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

  .margin-huge {
    margin: 3.5rem;
  }

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

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

  .padding-huge {
    padding: 3.5rem;
  }

  .h1-heading-style {
    font-size: 4rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

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

  .padding-large {
    padding: 1.5rem;
  }

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

  .style-guide-section-header {
    font-size: .875rem;
  }

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

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

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

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

  .h3-heading-style {
    letter-spacing: -.1rem;
    font-size: 2rem;
    line-height: 1.3;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

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

  .margin-large {
    margin: 1.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

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

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

  .padding-xxhuge {
    padding: 4.5rem;
  }

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

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .padding-global {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

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

  .h4-heading-style {
    font-size: 1.5rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .navbar-container {
    padding-left: 0;
    padding-right: 0;
  }

  .navigation-logo-link {
    width: 10rem;
    padding-left: 0;
  }

  .hero-image {
    background-image: url('../images/Home_Hero.jpg');
    background-position: 50% 0;
  }

  .hero-image.leistungen {
    background-image: url('../images/Ueber_Hero.jpg');
    background-position: 50% 0;
  }

  .hero-image.leistungen-foto {
    background-image: url('../images/ChatGPT-Image-17.-Juli-2026-13_41_47.jpg');
    background-position: 50% 0;
  }

  .hero-section-content-top {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .two-block-grid.custom-2, .two-block-grid.custom-3 {
    grid-template-columns: 1.5fr;
  }

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

  .full-width-image.custom-2 {
    height: auto;
  }

  .max-width-small-percent.align-left {
    max-width: 60%;
  }

  .footer-middle {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .stats-grid-custom {
    grid-template-columns: 1fr 1fr;
    justify-items: start;
  }

  .three-block-grid {
    grid-template-columns: 1fr;
  }

  .form-block {
    min-width: 100%;
    max-width: none;
  }

  .collection-list {
    grid-template-columns: 1fr;
  }

  .featured-link-wrapper {
    min-height: auto;
  }

  .listing-details-container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .listing-address {
    letter-spacing: -.1rem;
    font-size: 2rem;
    line-height: 1.3;
  }

  .listing-address.small {
    font-size: 2rem;
  }

  .listing-price {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 479px) {
  .footer .full-width-image {
    height: 38vh;
    min-height: 16rem;
  }

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

  .text-weight-medium {
    color: var(--dunkelblau);
  }

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

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

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

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

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

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

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

  .form-field-wrapper {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-direction: column;
  }

  .h1-heading-style {
    font-size: 3.25rem;
    line-height: 1.1;
  }

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

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

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

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

  .h3-heading-style {
    letter-spacing: 0;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
  }

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

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

  .form-label {
    color: var(--dunkelblau);
  }

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

  .container-large {
    display: block;
  }

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

  .h6-heading-style {
    color: var(--dunkelblau);
  }

  .section-padding-page-start {
    padding-top: 10rem;
  }

  .h5-heading-style {
    font-size: 1.15rem;
    font-weight: 500;
  }

  .h2-heading-style {
    letter-spacing: -.1rem;
    font-size: 3rem;
  }

  .h4-heading-style {
    font-size: 1.3rem;
    font-weight: 500;
  }

  .h4-heading-style.custom-1 {
    color: var(--white);
    text-align: left;
  }

  .lottie-menu {
    align-items: center;
    display: flex;
  }

  .navbar-container {
    padding-left: 0;
    padding-right: 0;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    width: 1.55rem;
    height: 1.5rem;
    display: flex;
  }

  .menu-button.w--open {
    width: 1.5rem;
    height: 1.5rem;
  }

  .navigation-menu {
    background-color: var(--dunkelblau);
  }

  .navigation-link {
    overflow-wrap: normal;
    flex: none;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: 1.2rem;
    display: flex;
  }

  .navigation-logo-link {
    width: 8rem;
    min-width: auto;
    padding-left: 0;
  }

  .navigation-logo-link.w--current {
    width: 8rem;
    min-width: auto;
  }

  .navigation-text {
    align-items: stretch;
    display: flex;
  }

  .hero-section-wrapper {
    height: 100svh;
    min-height: auto;
  }

  .hero-image {
    background-image: url('../images/Home_Hero.jpg');
    background-position: 50% 0;
  }

  .hero-image.leistungen {
    color: var(--dunkelblau);
    background-image: url('../images/Ueber_Hero.jpg');
    background-position: 50% 0;
    background-attachment: scroll;
    position: absolute;
  }

  .hero-image.leistungen-foto {
    background-image: url('../images/ChatGPT-Image-17.-Juli-2026-13_41_47.jpg');
    background-position: 50% 0;
  }

  .hero-section-content {
    height: 100svh;
    min-height: auto;
    padding-bottom: 1.5rem;
  }

  .hero-section-content-top {
    grid-column-gap: .51rem;
    grid-row-gap: .51rem;
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 1rem;
  }

  .hero-content-top-bottom {
    width: 80%;
  }

  .content-custom-top {
    color: var(--dunkelblau);
  }

  .stats-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    justify-items: end;
  }

  .stat-wrapper {
    width: 65%;
  }

  .listing-spec-item {
    border-bottom-color: var(--dark-slate-grey);
    color: var(--dark-slate-grey);
  }

  .testimonial-details-wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .full-width-image.unique-height {
    height: auto;
  }

  .full-width-image.custom-1 {
    height: 75vh;
  }

  .two-block-paragraphs {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .paragraph-block {
    width: 100%;
  }

  .footer-bottom {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    flex-direction: column;
  }

  .footer-link {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .trait-content {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .trait-content-right {
    max-width: 100%;
  }

  .stats-grid-custom {
    grid-template-columns: 1fr;
  }

  .button-secondary-green {
    padding-top: 0;
    padding-bottom: 0;
  }

  .contact-info-grid {
    grid-template-columns: 1fr;
  }

  .team-member-links {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    grid-template: "."
                   "."
                   "Area"
                   / 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: start;
    display: grid;
  }

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

  .listing-specs, .property-info {
    width: 100%;
  }

  .section-padding-custom-1 {
    padding-top: 1rem;
  }

  .darker-color-overlay-flipped {
    color: var(--dunkelblau);
  }

  .listing-details-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    color: var(--dark-slate-grey);
    background-color: #0000;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1rem 0 0;
    position: static;
  }

  .listing-address {
    color: var(--dunkelblau);
    letter-spacing: -.05rem;
    font-size: 1.5rem;
    line-height: 1.5;
  }

  .listing-address.small {
    text-align: left;
    letter-spacing: 0;
  }

  .listing-price {
    color: var(--dunkelblau);
    text-align: left;
    font-size: 1.25rem;
  }

  .listing-price.small {
    letter-spacing: 0;
    font-size: 1.3rem;
  }

  .text-block-2 {
    font-weight: 400;
  }

  .paragraph-4 {
    display: block;
  }

  .paragraph-7 {
    font-weight: 400;
  }

  .paragraph-30 {
    color: var(--dunkelblau);
    font-family: Sweetsanspro, Arial, sans-serif;
    display: flex;
  }
}

#w-node-_337579c4-dbe7-124f-cfdf-8021f955213c-23fdf452, #w-node-f8097487-f95b-fb61-07e2-f9fa41460c61-23fdf452, #w-node-_59cbb8d5-f040-a149-cef7-97ee589c13b5-23fdf452, #w-node-deedcb18-fef1-5369-fd19-9aabc408bd68-23fdf452, #w-node-_14b7f943-171a-b1b2-9ccc-d51c57cb16e3-23fdf452 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4d6c5445-02f2-13a6-1cf7-37a633fa9145-23fdf452 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_0bcb18be-50bb-7edb-b071-0d2369e2b457-23fdf452 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dd2a8dbc-1c4b-dc76-5e6d-0a29577ddb58-23fdf452 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_4850c611-35b6-9079-a34c-f8d86472397d-23fdf452, #w-node-_2d3331df-76ae-47f5-016d-6e11622db8f4-23fdf452, #w-node-_3f9473f0-8c63-399a-f5ab-6579ff4d9c52-23fdf452, #w-node-c842b40c-3628-9512-7087-24beb6abdcbe-23fdf452, #w-node-cde3253d-9be6-bda6-7a66-d70a37f8ff48-23fdf452, #w-node-_4ab90641-787d-8294-b8e6-4e3d96ff639e-96ff6381, #w-node-_4ab90641-787d-8294-b8e6-4e3d96ff639f-96ff6381, #w-node-_4ab90641-787d-8294-b8e6-4e3d96ff63a5-96ff6381, #w-node-_4ab90641-787d-8294-b8e6-4e3d96ff63ab-96ff6381, #w-node-_4ab90641-787d-8294-b8e6-4e3d96ff63b1-96ff6381 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4ab90641-787d-8294-b8e6-4e3d96ff63b7-96ff6381 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_9ffd942d-d4bd-b3ef-2f0a-5029cc62d71c-cc62d718 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_9ffd942d-d4bd-b3ef-2f0a-5029cc62d71d-cc62d718 {
  justify-self: start;
}

#w-node-_9ffd942d-d4bd-b3ef-2f0a-5029cc62d71f-cc62d718 {
  grid-area: 1 / 2 / 2 / 4;
  justify-self: end;
}

#w-node-_9ffd942d-d4bd-b3ef-2f0a-5029cc62d720-cc62d718 {
  align-self: center;
}

#w-node-bce3add7-e630-1a3e-b061-9897f0af5bcb-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5bd0-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5bd5-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5bda-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5be0-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5be6-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5bec-23fdf454 {
  justify-self: start;
}

#w-node-bce3add7-e630-1a3e-b061-9897f0af5cc2-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5cdb-23fdf454 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bce3add7-e630-1a3e-b061-9897f0af5cde-23fdf454 {
  justify-self: start;
}

#w-node-bce3add7-e630-1a3e-b061-9897f0af5ce0-23fdf454 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bce3add7-e630-1a3e-b061-9897f0af5ce3-23fdf454 {
  justify-self: start;
}

#w-node-bce3add7-e630-1a3e-b061-9897f0af5d2c-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5d36-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5d37-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5d3c-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5d41-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5d42-23fdf454 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bce3add7-e630-1a3e-b061-9897f0af5dc2-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5dc7-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5dcc-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5dd1-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5dd6-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5ddb-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5de5-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5dea-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5def-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5df4-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5df9-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5dfe-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e03-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e08-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e0d-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e12-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e17-23fdf454 {
  justify-self: start;
}

#w-node-bce3add7-e630-1a3e-b061-9897f0af5e1b-23fdf454 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bce3add7-e630-1a3e-b061-9897f0af5e1c-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e21-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e26-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e3b-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e40-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e45-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e4a-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e4f-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e54-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e5e-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e63-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e68-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e6d-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e72-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e77-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e7c-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e81-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e86-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e8b-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e90-23fdf454 {
  justify-self: start;
}

#w-node-bce3add7-e630-1a3e-b061-9897f0af5e94-23fdf454 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bce3add7-e630-1a3e-b061-9897f0af5e95-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e9a-23fdf454, #w-node-bce3add7-e630-1a3e-b061-9897f0af5e9f-23fdf454 {
  justify-self: start;
}

#w-node-bce3add7-e630-1a3e-b061-9897f0af5f24-23fdf454 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bce3add7-e630-1a3e-b061-9897f0af5f64-23fdf454 {
  justify-self: start;
}

#w-node-_5f5d6453-cf44-5add-ba9d-4fb4bb17b994-bb17b990 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_5f5d6453-cf44-5add-ba9d-4fb4bb17b995-bb17b990 {
  justify-self: start;
}

#w-node-_5f5d6453-cf44-5add-ba9d-4fb4bb17b997-bb17b990 {
  grid-area: 1 / 2 / 2 / 4;
  justify-self: end;
}

#w-node-_5f5d6453-cf44-5add-ba9d-4fb4bb17b998-bb17b990 {
  align-self: center;
}

#w-node-_5be85bb6-7476-23fc-960b-bef4fce3b5a1-23fdf455 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-e482897d-816b-c6b3-731c-b47bd8fc8fab-23fdf455, #w-node-e362dcac-09c2-99f4-131c-4f23810e7cb0-23fdf456, #w-node-e362dcac-09c2-99f4-131c-4f23810e7cc0-23fdf456, #w-node-b5f3ddb9-f267-4aec-179d-d3b0e9bb071b-23fdf456, #w-node-f982ecb2-eb4b-86f9-68e2-cd7e658a0d92-23fdf456, #w-node-ac3e58af-c554-f6a8-f77e-874da0f3410f-23fdf456, #w-node-e0021a35-1961-8864-1895-8a8e1eabc688-23fdf456, #w-node-_336a72e7-aa88-5cc6-30ec-d11ce571e5be-23fdf456, #w-node-_05d2d73b-e18c-d061-3b65-18a10eedd929-23fdf456, #w-node-_97d3e34d-4a66-e875-05c0-369116e9075b-23fdf456, #w-node-d9054951-5231-17b3-e2c7-abc34b4d1ece-23fdf456, #w-node-d9054951-5231-17b3-e2c7-abc34b4d1ed5-23fdf456, #w-node-_56f69b8b-a11b-b783-2542-2c8a23dee3ac-23fdf456, #w-node-_5d99bcf6-6171-9246-e833-2d09efb4f860-23fdf456 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5d99bcf6-6171-9246-e833-2d09efb4f863-23fdf456 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_5d99bcf6-6171-9246-e833-2d09efb4f864-23fdf456, #w-node-_2d8d5bcf-6ee7-1721-eb3a-c4a84a1ca863-23fdf457 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_208cd4da-fdac-11d2-c4ba-eee6d2cf036a-23fdf457 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_580e70a3-fd47-6049-a719-9bcdaa8cc616-23fdf457 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_624fb764-0b5e-e3b5-d57d-d4f553e4e61d-23fdf457, #w-node-_5f24ec80-b954-f672-18a4-0f978200395c-23fdf457, #w-node-_22d67a13-a38c-08f7-e59e-51d0785baa3d-23fdf457, #w-node-_22d67a13-a38c-08f7-e59e-51d0785baa4d-23fdf457, #w-node-_9977c035-4c52-0f78-7f50-b4aae300aac0-23fdf458, #w-node-_3684f38a-56ab-56c3-bf21-ca999a9ff43a-23fdf458, #w-node-_8142718d-9f62-cb8b-7776-34da2305057c-23fdf458 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_287a96fb-abaa-954c-53a2-77f121153a1a-23fdf458 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_3e6032a6-d2e5-a66d-039f-ce442c74b011-23fdf459, #w-node-_1b8a99ce-2753-893b-ed62-00572ad5e2cb-23fdf459, #w-node-_5b5eab4b-416f-6fa1-9d72-4121510a5bee-23fdf459 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_9ffd942d-d4bd-b3ef-2f0a-5029cc62d740-cc62d718, #w-node-_5f5d6453-cf44-5add-ba9d-4fb4bb17b9b6-bb17b990 {
    justify-self: end;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_0bcb18be-50bb-7edb-b071-0d2369e2b457-23fdf452 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-dd2a8dbc-1c4b-dc76-5e6d-0a29577ddb58-23fdf452 {
    grid-area: 2 / 1 / 3 / 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-deedcb18-fef1-5369-fd19-9aabc408bd68-23fdf452 {
    justify-self: end;
  }

  #w-node-_5d99bcf6-6171-9246-e833-2d09efb4f860-23fdf456 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5d99bcf6-6171-9246-e833-2d09efb4f863-23fdf456 {
    grid-area: 2 / 1 / 3 / 3;
  }
}


@font-face {
  font-family: 'Sweetsanspro';
  src: url('../fonts/SweetSansPro-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sweetsanspro';
  src: url('../fonts/SweetSansPro-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Extrabold.otf') format('opentype'), url('../fonts/CabinetGrotesk-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinetgrotesk';
  src: url('../fonts/CabinetGrotesk-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}