:root {
  --primary-light-grey: #e4e6e5;
  --primary-black: #232315;
  --opacity-text: #fff9;
  --green: #60aa56;
  --transparent: #fff0;
  --primary-white: white;
  --dark-tech-library--size--subtitle: 1.3em;
  --dark-tech-library--size--h1: 5em;
  --dark-tech-library--color--dark: #0b0b0b;
  --dark-tech-library--color--light: #fbfbfb;
  --dark-tech-library--size--body-regular: 20px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

.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-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }


}

body {
  background-color: var(--primary-light-grey);
  color: var(--primary-black);
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

h1 {
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 72px;
  font-weight: 700;
  line-height: 120%;
}

h2 {
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 56px;
  font-weight: 700;
  line-height: 100%;
}

h3 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 40px;
  font-weight: 700;
  line-height: 100%;
}

h4 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

h5 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

h6 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

p {
  color: var(--opacity-text);
  margin-bottom: 24px;
}

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

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

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

.space-top-tiny {
  margin-top: 16px;
}

.limit-small {
  max-width: 360px;
}

.space-top-medium {
  margin-top: 60px;
}


.container {
  max-width: 1360px;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.container.small {
  max-width: 710px;
}

.container.smaller {
  max-width: 1160px;
}

.container.header {
  padding-left: 20px;
  padding-right: 20px;
}

.container.flex-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.limit {
  max-width: 490px;
}

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

.split.no-column-space {
  grid-column-gap: 0px;
}

.split.testimonial {
  grid-template-columns: 1fr;
}

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

.space-top-large {
  margin-top: 80px;
}

.limit-large {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  max-width: 710px;
  display: flex;
}

.space-top-small {
  margin-top: 24px;
}


.limit-medium {
  max-width: 570px;
}


.large-text {
  color: var(--primary-black);
  font-size: 20px;
  line-height: 150%;
}

.large-text.limit-large-copy {
  width: 100%;
}


.glass-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  text-align: center;
  background-color: #fff0;
  background-image: linear-gradient(140deg, #ffffff0d, #fff0);
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  display: flex;
}

.glass-button.nav {
  padding: 8px 16px;
}

.glass-button.show-more {
  background-image: url('../images/plus_1.svg'), linear-gradient(140deg, #ffffff0d, #fff0);
  background-position: 24px, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  padding-left: 60px;
}

.glass-button.show-more.green {
  background-color: var(--green);
  background-image: url('../images/plus_1.svg');
  background-position: 24px;
  background-repeat: no-repeat;
  background-size: auto;
}

.glass-button.big {
  display: block;
}

.glass-button.sign-in {
  margin-top: 8px;
}

.dropdown-link {
  color: var(--primary-black);
  text-transform: capitalize;
  background-color: #0000;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px;
  text-decoration: none;
  transition: color .2s, padding .2s, background-color .2s;
  display: flex;
}

.dropdown-link:hover {
  background-color: var(--green);
  padding-left: 32px;
}

.dropdown-link.w--current {
  color: var(--green);
}

.dropdown-link:hover.w--current {
  color: #fff;
}


.nav-link {
  color: var(--primary-black);
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  transition: opacity .2s;
  display: inline-block;
}

.nav-link:hover {
  opacity: .7;
}

.nav-right-content.mobile {
  display: none;
}

.nav-right-content.desktop {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
  overflow: visible;
  align-items: center;
}

.dropdown-toggle {
  grid-column-gap: 10px;
  color: var(--primary-black);
  align-items: center;
  padding: 10px 0;
  display: flex;
}


.white-button {
  color: #04010f;
  text-align: center;
  background-color: #fff;
  border-radius: 12px;
  padding: 16px 24px;
  transition: all 0.2s ease-in-out;
}

.white-button.member-login {
  padding-top: 10px;
  padding-bottom: 10px;
}

.white-button:hover {
  background-color: #f0f0f0;
}

.navbar-contents {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  background-image: linear-gradient(305deg, #fff0, #ffffff0d);
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding: 10px;
  display: grid;
}

.navbar-contents.header {
  z-index: auto;
  background-color: var(--primary-light-grey);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 100%;
  max-width: 1340px;
  position: relative;
  top: auto;
}

.glass-block {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  position: relative;
  box-shadow: inset -1px -1px #ffffff1a, inset 0 100px 150px #815ecb1a, inset 0 0 50px #815ecb40, inset 0 2px 9px #815ecb40, inset 0 1px 20px #815ecb1a;
}


.brand {
  grid-column-gap: 40px;
  align-items: center;
  display: flex;
}


.white-text {
  color: #fff;
}


.navbar {
  background-color: #0000;
  padding-top: 16px;
  padding-bottom: 16px;
  position: sticky;
  top: 0;
}

.nav-right {
  grid-column-gap: 20px;
  align-items: center;
  display: flex;
}


.nav-menu {
  grid-column-gap: 24px;
  align-items: center;
  display: flex;
}


.green-button {
  color: var(--primary-light-grey);
  text-align: center;
  background-color: #fff;
  background-image: linear-gradient(300deg, #60aa56, #66fe90);
  border-radius: 8px;
  padding: 10px 16px;
  text-decoration: none;
  overflow: hidden;
}

.green-button.big {
  border-radius: 12px;
  flex: none;
  padding: 16px 24px;
  overflow: hidden;
}

.green-button.with-icon {
  grid-column-gap: 12px;
  background-color: var(--green);
  background-image: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

.green-button.with-icon:hover {
  background-color: #54954b;
}

.green-button.with-icon.contact {
  padding: 10px 16px;
}

.green-button.with-icon._w-content {
  width: -moz-fit-content;
  width: fit-content;
}

.green-button.sign-up {
  background-color: var(--green);
  color: var(--primary-white);
  -webkit-text-stroke-color: var(--primary-white);
  background-image: none;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
}


.bento {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  width: 100%;
  padding: 40px;
  position: relative;
  overflow: hidden;
}

.bento.m {
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(299deg, #fff0, #ffffff0d);
  background-clip: border-box;
  padding: 60px;
}

.bento.m.shwc {
  padding-bottom: 16px;
}

.bento.m.glass-block {
  background-image: linear-gradient(299deg, #fff0, #ffffff0d);
}

.bento.l {
  padding: 100px;
}

.bento.s {
  padding: 32px;
}

.bento.overflow-visible {
  overflow: visible;
}

.bento.glass-block {
  background-image: linear-gradient(299deg, #fff0, #ffffff0d);
  box-shadow: inset -1px -1px #ffffff1a, inset 0 100px 150px #ffffff1a, inset 0 0 50px #ffffff40, inset 0 2px 9px #ffffff40, inset 0 1px 20px #ffffff1a;
}

.bento.glass-block.p-10 {
  padding: 10px;
}

.bento.glass-block.flex-block.space-between {
  flex: 0 auto;
  order: 1;
  justify-content: space-between;
  align-items: stretch;
}

.bento.glass-block.flex-block.space-between.h-100 {
  height: 100%;
}

.bento.glass-block._w-90 {
  max-width: 90%;
}


.medium-text {
  color: var(--primary-black);
  font-size: 18px;
  line-height: 150%;
}

.bg-span {
  background-image: linear-gradient(0deg, #60aa5600, #41e06e47 100%, #60aa56);
  border-radius: 12px;
  margin-left: -10px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

.button-stack {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

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


.glass-button-wrap.show-more {
  margin-bottom: -80px;
}


.green-button-wrap {
  background-color: #5ff98a33;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 6px;
  display: inline-block;
}

.green-button-wrap.smaller {
  border-radius: 12px;
  align-self: flex-start;
  padding: 4px;
}


.grid-bg.integrations, .grid-bg.smaller {
  width: auto;
  height: 100%;
}

.section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.no-padd-bottom {
  padding-bottom: 0;
}


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

.link-icon {
  background-color: #5ff98a1a;
  border: 1px solid #ffffff1a;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 4px;
  display: flex;
}

.circle {
  background-color: var(--green);
  border-radius: 50%;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}


.bento-content-vertical {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.bento-content-vertical.limit.left {
  align-items: flex-start;
}

.bento-content-vertical.center {
  justify-content: center;
  align-items: center;
}

.bento-content-vertical.gap-32 {
  grid-row-gap: 0rem;
}


.full-height {
  height: 100%;
}


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

.tiny-portrait {
  width: 40px;
  height: 40px;
  position: relative;
}

.image {
  border-radius: 50%;
}


.green-icon-wrap {
  background-color: var(--green);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.green-icon-wrap.smaller {
  border-radius: 8px;
  width: 36px;
  height: 36px;
}


.center-content {
  flex-direction: column;
  align-items: center;
  display: flex;
}

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

.title-tag-contents {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 20px;
  align-items: center;
  margin-bottom: 24px;
  padding: 4px 12px;
  display: flex;
}


.title-tag-wrapper {
  display: inline-block;
}

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

.three-column-grid.space-top-medium {
  grid-template-columns: 1fr 1fr 1fr;
}

.three-column-grid.steps {
  margin-top: 40px;
  position: relative;
}

.feature-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-left: 1px solid #ffffff1a;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.feature-card._2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.feature-card._3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-left-style: none;
  flex-direction: row;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.alignment-line {
  background-color: #fff;
  width: 1px;
  height: 32px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.alignment-line.bigger {
  background-color: var(--primary-black);
  height: 44px;
}

.alignment-line.smaller {
  background-color: var(--primary-black);
  height: 24px;
}


.no-space-bottom {
  margin-bottom: 0;
}

.no-space-bottom.black {
  color: var(--primary-black);
}

.no-space-bottom.black.space-top-12 {
  padding-top: 12px;
}


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

.horizontal-spread {
  grid-column-gap: 60px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}


.full-width {
  width: 100%;
}

.list-item {
  background-image: url('../images/symbol-2.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  border-bottom: 1px solid #ffffff1a;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 36px;
  font-size: 18px;
  line-height: 160%;
}

.list-item.no-border {
  background-image: url('../images/wi-icon-check-green.svg');
  border-bottom-style: none;
  padding-top: 8px;
  padding-bottom: 8px;
}

.list-item.no-border.transparent {
  background-image: url('../images/check-2.svg');
}

.footer {
  padding-top: 100px;
  padding-bottom: 40px;
}

.social-logo {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.footer-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.footer-link-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-left: 1px solid #ffffff1a;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-left: 24px;
  padding-right: 24px;
  display: grid;
  position: relative;
}

.social-logos-wrap {
  grid-column-gap: 8px;
  margin-top: 32px;
  display: flex;
}

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

.footer-column-titile {
  color: var(--primary-black);
  font-weight: 500;
}

.footer-link {
  color: var(--primary-black);
  text-transform: capitalize;
  font-weight: 400;
  text-decoration: none;
  transition: opacity .2s;
  display: block;
}

.footer-link:hover {
  opacity: .66;
}

.footer-bottom-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  font-size: 14px;
  display: grid;
}

.footer-horizontal-links {
  grid-column-gap: 12px;
  align-items: center;
  display: flex;
}

.small-footer-link {
  color: var(--primary-black);
  font-size: 12px;
  text-decoration: none;
}

.footer-link-searator {
  background-color: #ffffff1a;
  width: 1px;
  height: 24px;
}


.small-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.small-section.no-padd-bottom {
  padding-bottom: 0;
}


.tab-link.w--current {
  border-color: var(--green);
  background-color: var(--transparent);
  opacity: 1;
}


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


.show-more-testimonials {
  z-index: 1;
  background-color: var(--primary-light-grey);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 30%;
  padding-top: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

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

.testimonial-relative-wrapper {
  position: relative;
}


.review-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.img-boxed {
  width: 100%;
}

.review-card.glass-block {
  padding: 20px;
  box-shadow: inset -1px -1px #ffffff1a, inset 0 100px 150px #ffffff1a, inset 0 0 50px #ffffff40, inset 0 2px 9px #ffffff40, inset 0 1px 20px #ffffff1a;
}


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


.top-product-card {
  border-bottom: 0 solid #232315;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.top-product-card.free {
  justify-content: flex-start;
  align-items: flex-start;
}

.price {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: baseline;
  display: flex;
}


.bottom-product-card {
  padding-top: 0;
}


.form-block {
  width: 630px;
}

.text-field {
  background-color: #fff;
  border: 1px #000;
  border-radius: 12px;
  height: 56px;
  margin-top: 8px;
  margin-bottom: 16px;
  padding: 16px 20px;
}

.text-field._2 {
  background-image: none;
  padding-left: 20px;
}

.text-field._3 {
  background-image: url('../images/Password-1.svg');
}

.text-field._4 {
  background-image: url('../images/comment.svg');
  background-position: 16px 16px;
  height: 120px;
}

.table-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  padding: 24px 32px;
  display: grid;
}

.table-row.light-background {
  border: 1px solid #ffffff1a;
}

.table-row.glass-block {
  border: 1px solid #ffffff1a;
  box-shadow: inset 0 20px 40px #ffffff1a;
}

.table-columns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.table-columns.triple {
  grid-template-columns: 1fr 1fr 1fr;
}

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

.green-text.margin-0 {
  margin-bottom: 0;
}

.checkbox-field {
  align-items: center;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 0;
  display: flex;
}

.checkbox {
  background-color: #fff;
  border-style: none;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 12px;
}

.checkbox.w--redirected-checked {
  background-color: #000;
  background-image: url('../images/check.svg');
  background-size: 12px 12px;
}

.checkbox-label {
  font-weight: 400;
}


.careers-hero-section.smaller {
  background-image: url('../images/image-13.avif');
}


.category-tab-link.w--current {
  background-color: var(--green);
  color: var(--primary-light-grey);
}


.case-study-card {
  grid-row-gap: 160px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  max-width: 525px;
  min-height: 30rem;
  padding: 32px;
  display: flex;
}

.case-study-card.seelevel {
  background-image: linear-gradient(#e4e6e5, #e4e6e500), url('../images/25-03-30-11-29-44-5132.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-style: none;
}

.case-study-card.streesemann {
  background-image: linear-gradient(#e4e6e5, #e4e6e500), url('../images/imgi_2_Strese-Dach.avif');
  background-position: 0 0, 0%;
  background-size: auto, cover;
  border-style: none;
}

.case-study-card.stadtpark {
  background-image: linear-gradient(#e4e6e5, #e4e6e500), url('../images/imgi_73_Virchow_Header_IMG_lq.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-style: none;
}

.case-study-top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.metrics-split {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 32px;
  padding-top: 32px;
  display: grid;
}

.metrics-split.foot {
  display: none;
  border-top-style: none;
  margin-top: 0;
  padding-top: 0;
}


.contact-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.contact-line {
  background-color: var(--primary-black);
  width: 1px;
  height: 32px;
}

.contact-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.medium-text-5, .medium-text-6 {
  font-size: 18px;
  line-height: 160%;
}


.case-study-content-wrap {
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  height: 32%;
  display: flex;
}


.dropdown-list.w--open {
  background-color: var(--primary-light-grey);
  background-image: linear-gradient(117deg, #ffffff0d, #fff0);
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  width: 140px;
}

.dropdown-list.stacked.w--open {
  width: 370px;
  padding: 8px;
  display: flex;
}


.rating-block {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.slider-arrow-none {
  display: none;
}

.slider-3 {
  background-color: #0000;
  height: 13rem;
}

.slider-3._w-content {
  width: auto;
  height: 15rem;
}

.slide-testimonial {
  height: auto;
}

.testimonial-nav {
  height: -moz-fit-content;
  height: fit-content;
  padding-top: 0;
  display: flex;
  position: static;
}

.cta-icon {
  height: 1.5rem;
}

.cta-icon.icon-white.send-message {
  height: 1rem;
}

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

.text-block.black, .paragraph {
  color: var(--primary-black);
}

.paragraph.small {
  font-size: 14px;
  line-height: 150%;
}

.paragraph.small.no-margin-end {
  margin-bottom: 0;
}


.dt-column-hero-1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: flex-start;
  width: 48%;
  display: flex;
}


.dt-image-wrap-hero-1 {
  border-radius: 12px;
  width: 100%;
  height: 360px;
  overflow: hidden;
}

.dt-wrap-images-hero-1 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  height: 740px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dt-item-hero-one {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}


.dt-items-wrap-hero-1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.dt-items-wrap-hero-1.reverse {
  justify-content: flex-end;
}

.dt-gradient-hero-1 {
  z-index: 9;
  background-image: linear-gradient(#e4e6e5, #e4e6e580 43%, #e4e6e500);
  height: 220px;
  position: absolute;
  inset: -10px 0% auto;
}

.dt-gradient-hero-1.dt-gradient-bottom {
  background-image: linear-gradient(0deg, #e4e6e5, #e4e6e580 48%, #e4e6e500);
  inset: auto 0% -10px;
}

.dt-image-hero-1 {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 100% 50%;
  width: 100%;
  height: 100%;
}

.dt-image-hero-1.position-left {
  object-position: 0% 50%;
}


.gradient-bg {
  z-index: -1;
  opacity: .5;
  filter: blur(200px);
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

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

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

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

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

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

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

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

.icon-star {
  height: 1.25rem;
}

.subheading {
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 400;
}

.subheading.brand {
  color: var(--primary-black);
  -webkit-text-stroke-color: #60aa56;
}

.flex-block {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-wrap: wrap;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
}

.flex-block.gap-16 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.flex-block.row {
  flex-flow: row;
}

.flex-block.row.gap-16 {
  align-items: flex-start;
}

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

.flex-block.align-center.gap-32 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.flex-block.gap-24 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}


.border-radius-inner {
  border-radius: 6px;
}

.border-radius-inner.h-320 {
  object-fit: cover;
  width: 100%;
  height: 20rem;
}

.mg-end-8 {
  margin-bottom: 8px;
}

.icon-feature {
  height: 1.25rem;
}

.icon-feature.width {
  width: 1.5rem;
  height: auto;
}

.heading {
  line-height: 120%;
}

.icon-subheading {
  height: 1rem;
}

.badge-status {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 20px;
  align-items: center;
  padding: 4px 12px;
  display: flex;
}

.badge-status.glass-button {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.badge-status.glass-button._w-content {
  width: -moz-fit-content;
  width: fit-content;
}

.badge-status.glass-button._w-content.badge-absolute {
  z-index: 2;
  position: absolute;
  inset: 40px auto auto 40px;
}

.circle-status {
  background-color: var(--green);
  border-radius: 50%;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  position: static;
}

.circle-status.pulse {
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  inset: 0% 0 0 0%;
}


.relative {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.icon-contact {
  height: 2rem;
}

.icon-contact._2 {
  height: 1.5rem;
}

.small-white-button {
  color: var(--primary-black);
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  overflow: hidden;
}

.small-white-button.big {
  border-radius: 12px;
  flex: none;
  padding: 16px 24px;
  overflow: hidden;
}

.small-white-button.with-icon {
  grid-column-gap: 12px;
  background-color: var(--green);
  background-image: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  overflow: hidden;
}

.small-white-button.sign-up {
  background-color: var(--green);
  color: var(--primary-white);
  -webkit-text-stroke-color: var(--primary-white);
  background-image: none;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
}

.text-block-2 {
  color: var(--green);
}


.p-0 {
  padding: 0;
}

.align-self-left {
  align-self: flex-start;
}

.align-self-left.text-small {
  font-size: 14px;
}

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

.gap-1 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.rounded-12 {
  border-radius: 12px;
}

.display-none {
  display: none;
}

.slider-meeting {
  height: 35rem;
}

.feature-card-small {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  display: flex;
}

.slider-rooftop {
  height: 35rem;
}

.slider-rooftop.rounded-12 {
  height: 38rem;
}

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

.image-2 {
  object-fit: cover;
  object-position: 50% 100%;
}

.slider-private-office, .slider-standort {
  height: 38rem;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 15px;
  }

  h1 {
    font-size: 56px;
  }

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 36px;
  }

  h4 {
    font-size: 28px;
  }

  h5 {
    font-size: 22px;
  }

  h6 {
    font-size: 18px;
  }

  .space-top-tiny {
    margin-top: 14px;
  }

  .space-top-medium {
    margin-top: 52px;
  }


  .container {
    padding-left: 32px;
    padding-right: 32px;
  }

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

  .split.no-column-space {
    grid-row-gap: 0px;
  }

  .space-top {
    margin-top: 36px;
  }

  .space-top-large {
    margin-top: 72px;
  }

  .space-top-small {
    margin-top: 22px;
  }

  .large-text {
    font-size: 19px;
  }


  .brand-link, .brand-link.w--current {
    padding-left: 0;
  }


  .dropdown-link {
    padding: 8px 12px;
  }

  .nav-link {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .nav-right-content.mobile {
    flex-direction: column;
    margin-top: 24px;
    display: flex;
  }

  .nav-right-content.desktop {
    display: flex !important;
  }

  .nav-right-content.desktop .white-button.member-login,
  .nav-right-content.desktop .green-button.contact {
    display: none !important;
  }

  .dropdown-toggle {
    justify-content: space-between;
  }


  .navbar-contents {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

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

  .brand {
    border-right-style: none;
    margin-right: 0;
    padding-right: 0;
  }


  .navbar {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .nav-menu {
    background-color: var(--primary-light-grey);
    text-align: left;
    width: calc(100% - 40px);
    box-shadow: 0 30px 24px #5ff98a1a;
    border-radius: 12px;
  }

  .dropdown {
    width: 100%;
  }

  .bento {
    padding: 32px;
  }

  .bento.m {
    padding: 40px;
  }

  .bento.l {
    padding: 60px;
  }

  .bento.glass-block._w-90 {
    max-width: 100%;
  }


  .medium-text {
    font-size: 17px;
  }


  .section {
    padding-top: 80px;
    padding-bottom: 80px;
  }


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


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

  .list-item {
    font-size: 17px;
  }

  .footer-content {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .footer-link-column {
    grid-row-gap: 26px;
  }

  .footer-link {
    font-size: 20px;
  }

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


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


  .form-block {
    width: 100%;
  }


  .medium-text-5, .medium-text-6 {
    font-size: 17px;
  }


  .dropdown-list.w--open {
    position: relative;
  }

  .dropdown-list.stacked.w--open {
    width: auto;
  }


  .dt-column-hero-1.dt-column-one, .dt-column-hero-1.dt-column-two {
    width: 49%;
  }


  .dt-image-wrap-hero-1 {
    height: 320px;
  }

  .dt-wrap-images-hero-1 {
    height: 600px;
    margin-left: auto;
    margin-right: auto;
  }


  .dt-items-wrap-hero-1 {
    width: 100%;
  }

  .dt-gradient-hero-1 {
    background-image: linear-gradient(#0c0c0c, #0c0c0c80 60%, #0c0c0c00);
    height: 140px;
  }


  .badge-status.glass-button._w-content.badge-absolute {
    top: 32px;
    left: 32px;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }

  h1 {
    font-size: 48px;
    word-break: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 32px;
  }

  h4 {
    font-size: 24px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 16px;
  }

  .space-top-tiny {
    margin-top: 12px;
  }

  .space-top-medium {
    margin-top: 48px;
  }


  .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .space-top {
    margin-top: 32px;
  }

  .space-top-large {
    margin-top: 64px;
  }

  .space-top-small {
    margin-top: 20px;
  }

  .large-text {
    font-size: 17px;
  }


  .white-button {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .brand {
    grid-column-gap: 20px;
  }

  .navbar {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .nav-right {
    grid-column-gap: 0px;
  }

  .nav-menu {
    padding: 24px;
  }


  .bento {
    width: 100%;
    padding: 24px;
  }

  .bento.m {
    padding: 24px;
  }

  .bento.l {
    padding-left: 24px;
    padding-right: 24px;
  }

  .bento.s {
    padding: 24px 16px;
  }


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


  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  @media screen and (max-width: 767px) {
    .section {
      padding-top: 30px;
      padding-bottom: 30px;
    }
  }


  .title-tag-contents {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border-radius: 12px;
    padding: 6px 12px;
  }


  .three-column-grid, .bento-grid-2x {
    grid-template-columns: 1fr;
  }


  .list-item {
    font-size: 16px;
  }

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

  .footer-link {
    font-size: 16px;
  }


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


  .text-field {
    margin-bottom: 12px;
  }


  .medium-text-5, .medium-text-6 {
    font-size: 16px;
  }


  .dt-wrap-images-hero-1 {
    flex-flow: column;
    display: none;
  }


  .badge-status {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border-radius: 12px;
    padding: 6px 12px;
  }

  .badge-status.glass-button._w-content.badge-absolute {
    top: 24px;
    left: 24px;
  }

  .p-0.pricing-grid {
    width: 100%;
  }

  .slider-rooftop.rounded-12 {
    height: 20rem;
  }

  .slider-image {
    object-position: 50% 50%;
  }
}

@media screen and (max-width: 479px) {
  h3 {
    font-size: 28px;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

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


  .glass-button {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .dropdown-link {
    padding-left: 16px;
    padding-right: 16px;
  }

  .white-button {
    width: 100%;
  }

  .menu-button {
    padding: 12px 12px 12px 20px;
  }

  .brand {
    grid-column-gap: 15px;
    max-width: 140px;
  }

  .navbar {
    padding-top: 8px;
    padding-bottom: 8px;
  }


  .nav-menu {
    padding: 16px;
  }


  .green-button {
    width: 100%;
  }

  .green-button.with-icon {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .bento {
    padding: 16px;
  }

  .bento.l {
    padding-left: 20px;
    padding-right: 20px;
  }


  .bg-span {
    margin-left: 0;
  }

  .button-stack {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .button-wrap {
    width: 100%;
  }


  .glass-button-wrap.full-width.space-top {
    margin-top: 24px;
  }

  .green-button-wrap {
    padding: 4px;
    display: block;
  }

  .green-button-wrap.icon {
    display: inline-block;
  }


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


  .flex-horizontal {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    font-size: 13px;
  }

  .flex-horizontal.mobile-vertical {
    flex-direction: column;
  }

  .tiny-portrait {
    width: 32px;
    height: 32px;
  }


  .feature-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .feature-card._2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 16px;
    padding-right: 0;
  }

  .feature-card._3 {
    flex-direction: column;
  }


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

  .footer-link-column {
    grid-template-rows: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  .footer-columns {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .footer-bottom-wrap {
    padding-top: 10px;
  }


  .testimonials-grid {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }


  .top-product-card {
    padding-bottom: 16px;
  }

  .price {
    align-items: baseline;
  }

  .bottom-product-card {
    padding-top: 16px;
  }


  .text-field {
    height: 48px;
    margin-bottom: 8px;
  }

  .table-row {
    text-align: center;
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .checkbox {
    flex: none;
  }


  .case-study-card {
    grid-row-gap: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .metrics-split.foot {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
  }

  .medium-text-5, .medium-text-6 {
    font-size: 15px;
  }


  .menu-icon {
    width: 16px;
    height: 16px;
  }


  .dropdown-list.stacked.w--open {
    flex-direction: column;
  }


  .dt-column-hero-1 {
    width: 48%;
  }

  .dt-column-hero-1.dt-column-one {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex: none;
    width: 100%;
  }

  .dt-column-hero-1.dt-column-two {
    flex: none;
    display: none;
  }


  .dt-image-wrap-hero-1 {
    height: 260px;
  }

  .dt-wrap-images-hero-1, .dt-item-hero-one, .dt-items-wrap-hero-1 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .dt-gradient-hero-1 {
    top: -1px;
  }

  .dt-gradient-hero-1.dt-gradient-bottom {
    bottom: -1px;
  }


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

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

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

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

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

  .badge-status.glass-button._w-content.badge-absolute {
    border-radius: 20px;
    top: 16px;
    left: 16px;
  }

  .small-white-button {
    width: 100%;
  }

  .small-white-button.with-icon {
    padding-top: 12px;
    padding-bottom: 12px;
  }

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

  .slider-private-office, .slider-standort {
    height: 14rem;
  }

  .coworkingverband {
    max-width: 50%;
  }
}

#w-node-_45a460e8-91ad-ab0d-6d3d-c0177bdc3496-702c3b3b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7209ad6f-2c57-997e-87e5-94097f6a3711-702c3b3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5b25c4bc-56f8-2818-77cd-05c60ae8127c-702c3b3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-ab8d57cc-7888-9eed-d606-8ae6b9da60d1-702c3b3b, #w-node-_318e6cea-abf3-b4de-7559-c4449a93fced-702c3b3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7a84004a-190d-05e0-4cc8-df053c58d6fb-702c3b3b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7da98b42-be70-cf88-42f8-1e67dd4eb15a-702c3b3b, #w-node-_72782f9d-5225-0ca2-bcdc-bb1c84a3306b-702c3b3b, #w-node-_33c2dfeb-9160-5e13-af21-2a9b91149c18-702c3b3b, #w-node-c9a95e13-4117-e2d8-5736-181750ed0932-702c3b3b, #w-node-f8539eef-2486-3039-21e1-bb56bda7bd87-702c3b3b, #w-node-_74be856e-0ec3-47ae-c8b5-ecf8e553e5d4-702c3b3b, #w-node-_43b7367a-0772-cb52-4c69-9a59e9b83411-702c3b3b, #w-node-_82e30597-f0a8-cd96-6728-e5465e8adcdc-702c3b3b, #w-node-_6799c9ab-1c5d-b564-6cc7-497e886fcf44-702c3b3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d3808720-bc55-d89c-af71-db6ca0a747fc-702c3b3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-d3808720-bc55-d89c-af71-db6ca0a74803-702c3b3b, #w-node-d3808720-bc55-d89c-af71-db6ca0a7480c-702c3b3b, #w-node-f3b10b78-278d-2c6b-c975-d2648da07d6b-8da07d68, #w-node-f3b10b78-278d-2c6b-c975-d2648da07d77-8da07d68 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f3b10b78-278d-2c6b-c975-d2648da07d78-8da07d68 {
  align-self: start;
}

#w-node-f3b10b78-278d-2c6b-c975-d2648da07d79-8da07d68, #w-node-f3b10b78-278d-2c6b-c975-d2648da07d7b-8da07d68, #w-node-f3b10b78-278d-2c6b-c975-d2648da07d7e-8da07d68 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f3b10b78-278d-2c6b-c975-d2648da07d97-8da07d68 {
  align-self: start;
}

#w-node-f3b10b78-278d-2c6b-c975-d2648da07dae-8da07d68 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_5245456f-60df-d4e5-ede4-cad8d58e6668-91c60047, #w-node-_5dea0487-a474-a8a9-78c1-0ec0a60fd3c4-91c60047, #w-node-_2620d831-5506-45ef-2043-8db34e5d3f69-91c60047, #w-node-_2836541d-3454-d486-ade7-12a6427b3924-91c60047, #w-node-e4d51855-da26-3c7d-0c4e-46b2ba11cd2d-91c60047, #w-node-a318419b-79b5-3d5e-f851-41a116f41227-91c60047, #w-node-_555bea66-0beb-ae85-c935-f50a525a7980-91c60047, #w-node-_4a3a2a03-4119-d4dc-c06c-8b638d634999-91c60047, #w-node-_911e830d-6247-6a51-d50f-c31f91c60112-91c60047, #w-node-_06216545-40ad-bd51-1b83-2f6c6ddd3194-6ddd3191 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_06216545-40ad-bd51-1b83-2f6c6ddd3195-6ddd3191 {
  align-self: center;
}

#w-node-_06216545-40ad-bd51-1b83-2f6c6ddd3197-6ddd3191 {
  place-self: center;
}

#w-node-_06216545-40ad-bd51-1b83-2f6c6ddd31cb-6ddd3191 {
  place-self: center end;
}

@media screen and (max-width: 992px) {
  #w-node-_06216545-40ad-bd51-1b83-2f6c6ddd31cb-6ddd3191 {
    align-items: end;
    flex-direction: row-reverse;
  }
}

#w-node-_1204ec16-9a68-ef77-1984-c99318f58d33-702c3b3c {
  justify-self: end;
}

#w-node-_723753e5-0931-f144-98df-d69fb3d8f20d-702c3b3c {
  align-self: start;
}

#w-node-_8355d23a-8f2c-20e4-e995-de7696f10b77-96f10b76, #w-node-_8355d23a-8f2c-20e4-e995-de7696f10b91-96f10b76 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7b7-278ee7b3, #w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7b9-278ee7b3, #w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7bb-278ee7b3, #w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7bd-278ee7b3, #w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7bf-278ee7b3, #w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7c1-278ee7b3, #w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7c3-278ee7b3, #w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7c5-278ee7b3, #w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7c7-278ee7b3, #w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7cb-278ee7b3, #w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7cd-278ee7b3, #w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7cf-278ee7b3, #w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7d1-278ee7b3, #w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7d3-278ee7b3, #w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7d5-278ee7b3, #w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7d7-278ee7b3, #w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7d9-278ee7b3, #w-node-_4ea5b61f-f3ad-adbc-fad5-26a6278ee7db-278ee7b3 {
  align-self: stretch;
}

#w-node-_26064d8c-8123-684a-aa66-63ce0a824c0f-702c3b45, #w-node-_26064d8c-8123-684a-aa66-63ce0a824c11-702c3b45 {
  justify-self: center;
}

#w-node-_26064d8c-8123-684a-aa66-63ce0a824c13-702c3b45 {
  justify-self: end;
}

#w-node-_3181af1f-94cc-3b59-d1de-f81d13c896b0-702c3b49 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e80573db-458b-4c25-e5e0-4aed2f37b10a-702c3b49 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-e80573db-458b-4c25-e5e0-4aed2f37b117-702c3b49 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4d3d16a4-7562-a430-2ea8-801fc3f897f3-702c3b49 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_6f390dfc-c88e-b924-bbef-6f40307f750b-702c3b4e, #w-node-d61d779a-23e0-eea6-ef87-48d28438da42-702c3b4e {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_87000000-0000-0000-0000-000000000001-team-page {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-dec3bd8b-4dda-9779-7a7c-e308f708b5f9-702c3b4e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-dec3bd8b-4dda-9779-7a7c-e308f708b5fa-702c3b4e {
  justify-self: center;
}

#w-node-dec3bd8b-4dda-9779-7a7c-e308f708b5fb-702c3b4e {
  place-self: center;
}

#w-node-dec3bd8b-4dda-9779-7a7c-e308f708b5ff-702c3b4e {
  justify-self: center;
}

#w-node-dec3bd8b-4dda-9779-7a7c-e308f708b600-702c3b4e {
  place-self: center;
}

#w-node-dec3bd8b-4dda-9779-7a7c-e308f708b604-702c3b4e {
  justify-self: center;
}

#w-node-dec3bd8b-4dda-9779-7a7c-e308f708b605-702c3b4e, #w-node-_77912e90-bf2f-cc2b-f33e-3b3eaa52e1bf-702c3b4e, #w-node-_5464499e-557c-3074-ece3-4225190bfb2e-702c3b4e, #w-node-_988e66cd-0e1b-490e-38ef-8aa2f68f038c-702c3b4e, #w-node-_666ca04d-7e71-1b3b-4e84-e62c7fc59b56-702c3b4e, #w-node-_78bfa44c-30e9-ad21-f9b1-d7b3a30a6929-702c3b4e, #w-node-_03141c36-41b3-a1ad-69a2-e2d173e57e95-702c3b4e, #w-node-_65e45152-a08d-f603-9828-59345bae408e-702c3b4e, #w-node-_829c1ff6-fce3-4d69-85ed-92996a57b9b2-702c3b4e, #w-node-b312e505-6a5a-5967-36f6-bc3fcc155da7-702c3b4e, #w-node-_2867ae0b-38fd-4227-b15d-5b6ff08de608-702c3b4e, #w-node-_65d33250-1444-3257-ddad-f51c38f35596-702c3b4e, #w-node-_5e4b83fa-4304-b18d-4b6e-b636b65d6e3b-702c3b4e, #w-node-_6d4a448f-a9d3-f621-3afc-8b9fbf9dcd87-702c3b4e, #w-node-_05b3579e-43ca-3d21-5f61-6d7a9c2f77fa-702c3b4e, #w-node-eaa4706b-3279-47dc-6a8e-5898c18a45a0-702c3b4e, #w-node-a73a797b-afb3-d179-c2b7-cf7461994a95-702c3b4e, #w-node-fa4c2a78-edb9-1489-5669-0e04196a0a70-702c3b4e, #w-node-_19582396-d607-ba3d-b74b-2dc1a2a22870-702c3b4e, #w-node-dec3bd8b-4dda-9779-7a7c-e308f708b643-702c3b4e {
  place-self: center;
}

#w-node-_0c92b111-fb96-a49d-188c-f13f83e0e2c4-702c3b4e, #w-node-_723bac1e-acc8-b3a5-09ab-cc6d7107124e-702c3b4e {
  justify-self: center;
}

#w-node-_20b242b4-5881-be89-c29c-17ff97b138fd-702c3b4e, #w-node-_4f0a1db7-a640-cb4c-4890-5029427ae542-702c3b4e, #w-node-_408d3a9b-0197-4e3c-fee2-2f432178b754-702c3b4e {
  place-self: center;
}

#w-node-_931f8597-f3be-c6c2-bd28-6063b9aff33c-702c3b4e, #w-node-_964586fc-583c-ccb5-7706-e3ed366b6be3-702c3b4e, #w-node-ed6c226e-8192-fec6-1603-d42c65b24183-702c3b4e {
  justify-self: center;
}

#w-node-_531417eb-d913-f261-20a4-2d91186c57c9-702c3b4e, #w-node-_531417eb-d913-f261-20a4-2d91186c57ca-702c3b4e, #w-node-_531417eb-d913-f261-20a4-2d91186c57cb-702c3b4e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_0e0a469f-271e-f584-b469-e6bdd60e9d5e-702c3b4e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_0e0a469f-271e-f584-b469-e6bdd60e9d65-702c3b4e, #w-node-_0e0a469f-271e-f584-b469-e6bdd60e9d6c-702c3b4e, #w-node-acf86cce-5455-b27f-2530-64952312c6da-702c3b8c, #w-node-acf86cce-5455-b27f-2530-64952312c6eb-702c3b8c, #w-node-acf86cce-5455-b27f-2530-64952312c6da-702c3b8d, #w-node-acf86cce-5455-b27f-2530-64952312c6eb-702c3b8d, #w-node-acf86cce-5455-b27f-2530-64952312c6da-702c3b8e, #w-node-acf86cce-5455-b27f-2530-64952312c6eb-702c3b8e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6f390dfc-c88e-b924-bbef-6f40307f750b-e9c7df4c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-d61d779a-23e0-eea6-ef87-48d28438da42-e9c7df4c {
  grid-template-rows: auto;
  grid-template-columns: minmax(35%, 1%) 1fr;
}

#w-node-_66fcce77-549a-4854-86df-ac4991881180-e9c7df4c, #w-node-_66fcce77-549a-4854-86df-ac4991881181-e9c7df4c, #w-node-_66fcce77-549a-4854-86df-ac4991881182-e9c7df4c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_66fcce77-549a-4854-86df-ac4991881183-e9c7df4c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fc5-e9c7df4c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fcc-e9c7df4c, #w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fd3-e9c7df4c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6f390dfc-c88e-b924-bbef-6f40307f750b-b8e7084b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-d61d779a-23e0-eea6-ef87-48d28438da42-b8e7084b {
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(0%, 33.5%);
}

#w-node-_66fcce77-549a-4854-86df-ac4991881183-b8e7084b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_66fcce77-549a-4854-86df-ac4991881180-b8e7084b, #w-node-_66fcce77-549a-4854-86df-ac4991881181-b8e7084b, #w-node-_66fcce77-549a-4854-86df-ac4991881182-b8e7084b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fc5-b8e7084b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fcc-b8e7084b, #w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fd3-b8e7084b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6f390dfc-c88e-b924-bbef-6f40307f750b-c2ef4cc4, #w-node-d61d779a-23e0-eea6-ef87-48d28438da42-c2ef4cc4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_17e06c59-5f3a-0771-0088-dd75496c4e30-c2ef4cc4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_17e06c59-5f3a-0771-0088-dd75496c4e53-c2ef4cc4, #w-node-_17e06c59-5f3a-0771-0088-dd75496c4e54-c2ef4cc4, #w-node-_42f14cf6-9cc1-e7db-3936-2916f6b03acc-c2ef4cc4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_42f14cf6-9cc1-e7db-3936-2916f6b03ad3-c2ef4cc4, #w-node-_42f14cf6-9cc1-e7db-3936-2916f6b03ada-c2ef4cc4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6f390dfc-c88e-b924-bbef-6f40307f750b-29dcf9ea {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-d61d779a-23e0-eea6-ef87-48d28438da42-29dcf9ea {
  grid-template-rows: auto;
  grid-template-columns: minmax(35%, 1%) 1fr;
}

#w-node-_66fcce77-549a-4854-86df-ac4991881180-29dcf9ea, #w-node-_66fcce77-549a-4854-86df-ac4991881181-29dcf9ea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_66fcce77-549a-4854-86df-ac4991881183-29dcf9ea {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fc5-29dcf9ea {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fcc-29dcf9ea, #w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fd3-29dcf9ea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6f390dfc-c88e-b924-bbef-6f40307f750b-4e3943b0 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#seelevel.w-node-d61d779a-23e0-eea6-ef87-48d28438da42-4e3943b0, #stadtpark.w-node-_0f202679-61e5-1ad1-69e9-7891041d7a1e-4e3943b0, #stresemannplatz.w-node-_1c02e1ed-759c-6092-976c-93139d7fc087-4e3943b0 {
  grid-template-rows: auto;
  grid-template-columns: minmax(35%, 1%) 1fr;
}

#w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fc5-4e3943b0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fcc-4e3943b0, #w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fd3-4e3943b0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6f390dfc-c88e-b924-bbef-6f40307f750b-dc4556d9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fc5-dc4556d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fcc-dc4556d9, #w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fd3-dc4556d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6f390dfc-c88e-b924-bbef-6f40307f750b-ee480d54 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fc5-ee480d54 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fcc-ee480d54, #w-node-_0d7d66c5-4b77-ff0e-8cab-7047f1e77fd3-ee480d54 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-f3b10b78-278d-2c6b-c975-d2648da07dae-8da07d68 {
    justify-self: center;
  }

  #w-node-_1204ec16-9a68-ef77-1984-c99318f58d33-702c3b3c {
    justify-self: stretch;
  }

  #w-node-d61d779a-23e0-eea6-ef87-48d28438da42-702c3b4e, #w-node-d61d779a-23e0-eea6-ef87-48d28438da42-e9c7df4c {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_87000000-0000-0000-0000-000000000001-team-page {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-d61d779a-23e0-eea6-ef87-48d28438da42-b8e7084b {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-d61d779a-23e0-eea6-ef87-48d28438da42-c2ef4cc4, #w-node-d61d779a-23e0-eea6-ef87-48d28438da42-29dcf9ea {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #seelevel.w-node-d61d779a-23e0-eea6-ef87-48d28438da42-4e3943b0, #stadtpark.w-node-_0f202679-61e5-1ad1-69e9-7891041d7a1e-4e3943b0, #stresemannplatz.w-node-_1c02e1ed-759c-6092-976c-93139d7fc087-4e3943b0 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_7a84004a-190d-05e0-4cc8-df053c58d6fb-702c3b3b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d61d779a-23e0-eea6-ef87-48d28438da42-702c3b4e, #w-node-d61d779a-23e0-eea6-ef87-48d28438da42-e9c7df4c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_87000000-0000-0000-0000-000000000001-team-page {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_66fcce77-549a-4854-86df-ac4991881183-e9c7df4c {
    justify-self: start;
  }

  #w-node-d61d779a-23e0-eea6-ef87-48d28438da42-b8e7084b {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_66fcce77-549a-4854-86df-ac4991881183-b8e7084b {
    justify-self: start;
  }

  #w-node-d61d779a-23e0-eea6-ef87-48d28438da42-c2ef4cc4 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_17e06c59-5f3a-0771-0088-dd75496c4e30-c2ef4cc4 {
    justify-self: start;
  }

  #w-node-d61d779a-23e0-eea6-ef87-48d28438da42-29dcf9ea {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_66fcce77-549a-4854-86df-ac4991881183-29dcf9ea {
    justify-self: start;
  }

  #seelevel.w-node-d61d779a-23e0-eea6-ef87-48d28438da42-4e3943b0, #stadtpark.w-node-_0f202679-61e5-1ad1-69e9-7891041d7a1e-4e3943b0, #stresemannplatz.w-node-_1c02e1ed-759c-6092-976c-93139d7fc087-4e3943b0 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-f3b10b78-278d-2c6b-c975-d2648da07dae-8da07d68 {
    justify-self: start;
  }

  #w-node-dec3bd8b-4dda-9779-7a7c-e308f708b5f9-702c3b4e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

/* ============================================ */
/* GOOGLE REVIEWS - Custom Styles              */
/* ============================================ */

/* Initialen-Avatar für Google Reviews ohne Profilbild */
.initials-avatar {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.875rem;
  color: #fff;
  text-transform: uppercase;
  border-radius: 50%;
}

/* Farbpalette für Initialen-Avatare (basierend auf erstem Buchstaben) */
.initials-avatar[data-initial="A"],
.initials-avatar[data-initial="B"],
.initials-avatar[data-initial="C"] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.initials-avatar[data-initial="D"],
.initials-avatar[data-initial="E"],
.initials-avatar[data-initial="F"] {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.initials-avatar[data-initial="G"],
.initials-avatar[data-initial="H"],
.initials-avatar[data-initial="I"] {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.initials-avatar[data-initial="J"],
.initials-avatar[data-initial="K"],
.initials-avatar[data-initial="L"] {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

.initials-avatar[data-initial="M"],
.initials-avatar[data-initial="N"],
.initials-avatar[data-initial="O"],
.initials-avatar[data-initial="Ö"] {
  background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}

.initials-avatar[data-initial="P"],
.initials-avatar[data-initial="Q"],
.initials-avatar[data-initial="R"] {
  background: linear-gradient(135deg, #30cfd0 0%, #330867 100%);
}

.initials-avatar[data-initial="S"],
.initials-avatar[data-initial="T"],
.initials-avatar[data-initial="U"],
.initials-avatar[data-initial="Ü"] {
  background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
}

.initials-avatar[data-initial="V"],
.initials-avatar[data-initial="W"],
.initials-avatar[data-initial="X"],
.initials-avatar[data-initial="Y"],
.initials-avatar[data-initial="Z"],
.initials-avatar[data-initial="Ä"] {
  background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
}

/* Loading Spinner für Reviews */
.reviews-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  color: #232315;
  font-size: 1rem;
}

/* ============================================ */
/* SWIPER CAROUSEL - Custom Styles             */
/* ============================================ */

/* Swiper Container - Full Width mit Padding für Offset-Effekt */
.reviews-swiper {
  width: 100%;
  max-width: 100%;
  padding: 2rem 2rem 2rem 2rem;
  overflow: visible;
  margin-left: 0;
  margin-right: 0;
}

/* Testimonial Wrapper - Full Width Override */
.testimonial-relative-wrapper {
  max-width: none;
  width: 100%;
  overflow: hidden;
}

/* Mobile: Weniger Padding */
@media screen and (max-width: 767px) {
  .reviews-swiper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* Desktop: Mehr Padding für besseren Offset */
@media screen and (min-width: 1200px) {
  .reviews-swiper {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* Swiper Slide - behält bestehende review-card Styles */
.reviews-swiper .swiper-slide {
  height: auto;
  display: flex;
  align-items: stretch;
  width: 280px;
  flex-shrink: 0;
}

/* Tablet und größer */
@media screen and (min-width: 640px) {
  .reviews-swiper .swiper-slide {
    width: 320px;
  }
}

/* Desktop und größer */
@media screen and (min-width: 992px) {
  .reviews-swiper .swiper-slide {
    width: 380px;
  }
}

/* Large Desktop */
@media screen and (min-width: 1440px) {
  .reviews-swiper .swiper-slide {
    width: 350px;
  }
}

/* Review Card in Swiper - Vollständige Höhe */
.reviews-swiper .swiper-slide .review-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Swiper Pagination - 40px unter dem Swiper Container */
.testimonial-relative-wrapper .swiper-pagination {
  position: relative;
  margin-top: 40px;
  bottom: auto;
  text-align: center;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.8) !important;
  opacity: 1;
  transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
  background: var(--green) !important;
  width: 24px;
  border-radius: 5px;
  transition: width 0.3s ease;
}

/* Responsive: Padding-Anpassungen */
@media screen and (max-width: 767px) {
  .reviews-swiper {
    padding: 1rem 0 3rem 0;
  }
}

/* ============================================ */
/* HERO TESTIMONIALS SWIPER - Fade Effect      */
/* ============================================ */

/* Split Testimonial Wrapper - Volle Breite für Hero Swiper */
.split.testimonial {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .split.testimonial {
    width: 100%;
  }
}

/* Hero Swiper Container - Kein Padding, volle Breite */
.hero-testimonials-swiper {
  width: 100%;
  height: auto;
  overflow: hidden;
}

/* Hero Swiper Wrapper - Volle Breite */
.hero-testimonials-swiper .swiper-wrapper {
  width: 100%;
}

/* Hero Swiper Slides - Für Fade Effect */
.hero-testimonials-swiper .swiper-slide {
  width: 100% !important;
  opacity: 0 !important;
  transition-property: opacity;
}

.hero-testimonials-swiper .swiper-slide-active {
  opacity: 1 !important;
}

/* Hero Review Card - Behält bestehende Styles */
.hero-testimonials-swiper .review-card {
  width: 100% !important;
  max-width: 100%;
  height: auto;
}

/* Hero Review Text - Truncate nach 3 Zeilen mit Ellipsis */
.hero-testimonials-swiper .review-card .paragraph.no-margin-end {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 3em;
}

p.paragraph.small {
  margin-bottom: 0;
}

/* ============================================ */
/* LOCATION MODAL - Standortauswahl            */
/* ============================================ */

/* Modal Overlay - Backdrop */
.location-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.location-modal-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Modal Container */
.location-modal {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  max-width: 1200px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  padding: 3rem;
  position: relative;
  transform: scale(0.9);
  transition: transform 0.3s ease;
}

.location-modal-overlay.active .location-modal {
  transform: scale(1);
}

/* Modal Header */
.location-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.location-modal-header h2 {
  margin: 0;
  color: #232315;
}

/* Close Button */
.location-modal-close {
  background: transparent;
  border: none;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  color: #232315;
  padding: 0.5rem;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: background 0.2s ease;
}

.location-modal-close:hover {
  background: rgba(0, 0, 0, 0.05);
}

/* Locations Grid */
.location-modal-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

@media screen and (min-width: 768px) {
  .location-modal-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Location Card */
.location-card {
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.location-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);
}

.location-card h3 {
  margin: 0;
  color: #232315;
  font-size: 1.5rem;
}

.location-card-address {
  color: #666;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0;
}

.location-card-features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.location-card-features li {
  color: #232315;
  font-size: 0.9rem;
  padding-left: 1.5rem;
  position: relative;
}

.location-card-features li:before {
  content: "";
  position: absolute;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url(../images/wi-icon-check.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.location-card-button {
  margin-top: auto;
  width: 100%;
}

/* Mobile Adjustments */
@media screen and (max-width: 767px) {
  .location-modal {
    padding: 2rem 1.5rem;
  }

  .location-modal-overlay {
    padding: 1rem;
  }

  .location-modal-header h2 {
    font-size: 1.5rem;
  }
}


/* ============================================ */
/* READ MORE - Collapse/Expand für Testimonials */
/* ============================================ */

/* 3-Zeilen-Collapse */
.read-more {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: max-height .25s ease;
}

/* Voll anzeigen */
.read-more.expanded {
  -webkit-line-clamp: unset;
  overflow: visible;
}

/* Sanftere Messung ohne Flackern */
.read-more.__measuring {
  visibility: hidden;
}


/* Bewertungssterne grün färben - Brand Color */
.icon-star path,
.rating-block svg path {
  fill: #60aa56 !important;
}

.icon-star,
.rating-block svg {
  color: #60aa56 !important;
}

@media screen and (max-width: 1200px) {
  .dt-wrap-images-hero-1  {
    display: none;
  }
}

/* ========================================
   Cookie Banner - DSGVO-konform für Deutschland
   ======================================== */

#cookieBanner {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999998;
  padding: 20px;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

#cookieBanner.cookie-banner-visible {
  opacity: 1;
  transform: translateY(0);
}

.cookie-banner-content {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 16px;
  padding: 24px;
  max-width: 600px;
  width: 100%;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.cookie-banner-title {
  font-family: 'DM Sans', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 12px 0;
}

.cookie-banner-text {
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #4a4a4a;
  margin: 0 0 20px 0;
}

.cookie-banner-text a {
  color: #60aa56;
  text-decoration: underline;
}

.cookie-banner-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.cookie-btn {
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  display: inline-block;
  flex: 1;
  min-width: 140px;
  text-align: center;
}

.cookie-btn-accept {
  background: #60aa56;
  color: white;
}

.cookie-btn-accept:hover {
  background: #4f9246;
  transform: translateY(-2px);
}

.cookie-btn-necessary {
  background: white;
  color: #1a1a1a;
  border: 1px solid #e0e0e0;
}

.cookie-btn-necessary:hover {
  background: #f5f5f5;
  border-color: #60aa56;
}

/* Cookie Banner - Responsive Mobile */
@media (max-width: 767px) {
  #cookieBanner {
    padding: 16px;
  }

  .cookie-banner-content {
    padding: 20px;
    border-radius: 12px;
  }

  .cookie-banner-title {
    font-size: 18px;
  }

  .cookie-banner-text {
    font-size: 13px;
  }

  .cookie-banner-buttons {
    flex-direction: column;
  }

  .cookie-btn {
    width: 100%;
    min-width: auto;
  }
}

/* Cookie Banner - Desktop */
@media (min-width: 768px) {
  #cookieBanner {
    padding: 32px;
  }

  .cookie-banner-content {
    max-width: 700px;
  }
}

/* ========================================
   Logo Marquee - Infinite Scroll
   ======================================== */

.logo-marquee-section {
  width: 100%;
  overflow: hidden;
  padding: 60px 0;
  background: rgba(245, 245, 245, 0.15);
  position: relative;
}

.logo-marquee-section::before,
.logo-marquee-section::after {
  content: '';
  position: absolute;
  top: 0;
  width: 100px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.logo-marquee-section::before {
  left: 0;
  background: linear-gradient(to right, rgba(245, 245, 245, 0.3), transparent);
}

.logo-marquee-section::after {
  right: 0;
  background: linear-gradient(to left, rgba(245, 245, 245, 0.3), transparent);
}

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

.logo-marquee-track {
  display: flex;
  gap: 80px;
  animation: marquee 30s linear infinite;
  will-change: transform;
}

.logo-marquee-track:hover {
  animation-play-state: paused;
}

.logo-marquee-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.marquee-logo {
  height: 24px;
  width: auto;
  opacity: 0.5;
  transition: opacity 0.3s ease;
  filter: grayscale(100%);
}

.logo-marquee-item:hover .marquee-logo {
  opacity: 0.9;
  filter: grayscale(0%);
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Logo Marquee - Responsive Mobile */
@media (max-width: 767px) {
  .logo-marquee-section {
    padding: 40px 0;
  }

  .logo-marquee-track {
    gap: 40px;
    animation-duration: 20s;
  }

  .marquee-logo {
    height: 18px;
  }

  .logo-marquee-section::before,
  .logo-marquee-section::after {
    width: 50px;
  }
}

/* Logo Marquee - Tablet */
@media (min-width: 768px) and (max-width: 991px) {
  .logo-marquee-track {
    gap: 50px;
    animation-duration: 25s;
  }

  .marquee-logo {
    height: 20px;
  }
}

/* Logo Marquee - Desktop */
@media (min-width: 992px) {
  .logo-marquee-section {
    padding: 80px 0;
  }

  .logo-marquee-track {
    gap: 80px;
  }

  .marquee-logo {
    height: 28px;
  }
}

/* Language Dropdown in Header */
.nav-right-content .dropdown {
  position: relative;
}

.nav-right-content .dropdown-toggle {
  background-color: transparent;
  border: none;
  padding: 10px 0;
  cursor: pointer;
  transition: opacity 0.2s ease;
  font-size: 0.875rem;
}

.nav-right-content .dropdown-toggle:hover {
  opacity: 0.7;
}

.nav-right-content .dropdown-list {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
  z-index: 1000;
  min-width: 140px;
}

/* Utility Classes */

@media (max-width: 767px) {
  .order-swap {
    flex-direction: column-reverse;
  }
}

.place-self-center {
  place-self: center;
}