:root {
  --title-color: #a8a8a8;
  --font-color: #c9c9c9;
  --white: white;
  --primary: #0068fd;
  --dark-color: #131323;
  --secondary: #09cd3f;
  --primary-orange: #ff6201;
  --primary-plum: #daadfd;
  --primary-yellow: #fec901;
  --ghost-white: #f3f4fe;
  --alice-blue: #e8effd;
  --light-yellow: #ffea9c;
  --black: black;
  --color: white;
  --bewertungen: #85a6d6;
}

.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('../assets/vendor/other/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-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@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 {
  color: #1a1a2e;
  font-family: Lexend, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

h1 {
  color: var(--title-color);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Lexend, sans-serif;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.3;
}

h2 {
  color: var(--title-color);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Lexend, sans-serif;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
}

h3 {
  color: var(--title-color);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Lexend, sans-serif;
  font-size: 33px;
  font-weight: 600;
  line-height: 1.4;
}

h4 {
  color: var(--title-color);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Lexend, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.4;
}

h5 {
  color: var(--title-color);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Lexend, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.5;
}

h6 {
  color: var(--title-color);
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Lexend, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

p {
  color: var(--font-color);
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

a {
  color: var(--title-color);
  text-decoration: none;
  transition: border-color .2s, background-color .2s, color .2s;
}

ul {
  color: var(--title-color);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-size: 20px;
}

ol {
  color: var(--title-color);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  font-size: 20px;
}

li {
  margin-top: 10px;
  padding-bottom: 10px;
}

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

blockquote {
  background-color: var(--title-color);
  color: var(--white);
  text-align: center;
  background-image: url('../images/Quote-bg-card.png'), url('../images/Quote-bg.png');
  background-position: 100% 100%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  border-left: 5px #e2e2e2;
  border-radius: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 60px 150px;
  font-size: 27px;
  font-weight: 300;
  line-height: 1.4;
}

figure {
  margin-bottom: 10px;
}

.navbar {
  background-color: #0000;
  padding-top: 40px;
  padding-bottom: 40px;
}

.container {
  max-width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.navbar-brand {
  padding-left: 0;
}

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

.navbar-menu {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
  display: flex;
}

.nav-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  padding-left: 20px;
  padding-right: 20px;
  transition: background-color .2s, color .2s;
  display: flex;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--primary);
}

.nav-link.dropdown-link {
  color: var(--title-color);
  padding-left: 0;
}

.nav-link.dropdown-link:hover, .nav-link.dropdown-link.w--current {
  color: var(--primary);
}

.nav-link-wrap {
  display: flex;
}

.nav-dropdown-list.w--open {
  background-color: var(--white);
  border-radius: 15px;
  padding: 10px 20px;
  box-shadow: 1px 2px 20px 3px #1a1a2e57;
}

.hero-section {
  margin-left: 10px;
  margin-right: 10px;
}

.hero-whole-wrap {
  background-color: #131323;
  border-radius: 40px;
  align-items: center;
  max-width: 1720px;
  min-height: 500px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-whole-wrap.style-guide {
  max-width: 1720px;
  min-height: 715px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero-whole-wrap.heronew {
  padding-top: 60px;
  padding-bottom: 60px;
}

.hero-whole-wrap.career-page {
  padding-bottom: 220px;
}

.hero-whole-wrap.error-page {
  padding-top: 130px;
  padding-bottom: 130px;
}

.hero-whole-wrap.blog-single-hero {
  padding-top: 60px;
}

.hero-whole-wrap.heronewhome {
  padding-top: 100px;
  padding-bottom: 100px;
}

.hero-wrap {
  z-index: 1;
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 50% 40%;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  margin-bottom: 0;
  display: grid;
  position: relative;
}

.hero-wrap.home-banner, .hero-wrap.home-banner-tab {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  grid-template-columns: 68% 30%;
  justify-content: space-between;
  place-items: center stretch;
  margin-bottom: 0;
}

.section-title-wrap {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: visible;
}

.section-title-wrap.center {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.section-sub-title-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  border: 1px solid #b4d9ff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  max-height: 50px;
  margin-bottom: 20px;
  padding: 17px 35px;
  display: flex;
}

.section-sub-title-wrap.hero-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1a1a2e;
  border-color: #42425f;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
}

.section-sub-title-wrap.inside-fill {
  background-color: #f3f4fe;
}

.section-sub-title-wrap.dark, .section-sub-title-wrap.home-banner {
  background-color: var(--title-color);
  border-color: #42425f;
}

.section-sub-title-content {
  color: #0068fd;
  text-transform: none;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.section-sub-title-content.white-font {
  color: var(--white);
  text-transform: none;
  border-radius: 0;
  font-size: 15px;
}

.section-sub-title-content.white-font-copy {
  color: var(--white);
  font-size: 15px;
}

.section-sub-title-content.white-font-footer {
  color: var(--white);
  text-transform: none;
  border-radius: 0;
  font-size: 15px;
}

.banner-text {
  color: #1a1a2e;
  margin-bottom: 20px;
  font-family: Lexend, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1;
}

.banner-text.white-font {
  color: var(--white);
  font-size: 50px;
}

.hero-content {
  color: #d6d6d9;
  margin-bottom: 0;
}

.hero-content.blog-single {
  max-width: 735px;
  margin-bottom: 0;
}

.hero-section-title-wrap {
  z-index: 1;
  align-self: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero-section-title-wrap.style-guide {
  max-width: none;
  margin-top: 0;
}

.hero-section-title-wrap.homepage, .hero-section-title-wrap.homepage-tab {
  flex: 0 auto;
  order: -1;
  align-self: center;
  width: auto;
  max-width: none;
  height: 100%;
  margin-left: 0;
}

.hero-bg-content {
  text-transform: uppercase;
  white-space: normal;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(118deg, #242434, #1d1d3205 77%, #1d1d3200);
  -webkit-background-clip: text;
  background-clip: text;
  max-width: 650px;
  font-family: Poppins, sans-serif;
  font-size: 150px;
  font-weight: 800;
  line-height: .8;
  position: absolute;
  top: 100px;
  left: 35%;
}

.hero-bg-content.event-title-button-wrap {
  max-width: none;
  font-size: 150px;
  top: 85px;
  left: 45%;
}

.hero-bg-content.common-content {
  background-image: linear-gradient(148deg, #221729 37%, #171426 66%, #fff0);
  font-size: 110px;
  top: 0%;
  bottom: auto;
  left: -17px;
}

.hero-bg-content.common-content.pricing {
  background-image: linear-gradient(131deg, #af7eff4d, #af7eff08 61%);
  max-width: 793px;
}

.hero-bg-content.common-content.integration-single {
  left: -247px;
}

.hero-image-wrap {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-image-wrap.style-guide {
  flex-flow: column;
  height: 400px;
  margin-top: 40px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.color-swatch-section {
  padding-top: 120px;
  padding-bottom: 100px;
}

.color-swatch-whole-wrap {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  display: flex;
}

.section-title {
  color: var(--dark-color);
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.1;
}

.section-title.white-font {
  color: var(--white);
}

.color-swatch-card-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-wrap: wrap;
  padding-top: 20px;
  display: flex;
}

.color-swatch-wrap {
  border-radius: 30px;
  min-width: 200px;
  overflow: hidden;
  box-shadow: 0 19px 20px -2px #d9dade;
}

.color-swatch {
  min-height: 165px;
}

.color-swatch.primary {
  background-color: var(--primary);
}

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

.color-swatch.primary-orange {
  background-color: var(--primary-orange);
}

.color-swatch.primary-plum {
  background-color: var(--primary-plum);
}

.color-swatch.primary-yellow {
  background-color: var(--primary-yellow);
}

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

.color-swatch.alice-blue {
  background-color: var(--alice-blue);
}

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

.color-swatch.title-color {
  background-color: var(--title-color);
}

.color-swatch.font-color {
  background-color: var(--font-color);
}

.color-swatch-content-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.color-swatch-content {
  color: #1a1a2e;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.text-section {
  padding-top: 100px;
  padding-bottom: 120px;
}

.text-grid {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  grid-template-rows: auto;
}

.content-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  padding-top: 40px;
  display: flex;
}

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

.button-whole-wrap {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.button {
  border: 2px none var(--primary);
  background-color: var(--primary-yellow);
  color: var(--dark-color);
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 50px;
  padding: 25px 30px 20px;
  font-family: Lexend, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: border-color .2s, color .2s, background-color .2s;
}

.button:hover {
  border-color: var(--secondary);
  background-color: var(--light-yellow);
}

.button.secondary {
  background-color: var(--white);
  color: var(--title-color);
  border-color: #4945ff;
}

.button.secondary:hover {
  border-color: var(--primary);
  background-color: var(--primary);
  color: var(--white);
}

.button.dark-board-button {
  border-color: var(--title-color);
  background-color: var(--white);
  color: var(--title-color);
}

.button.dark-board-button:hover {
  background-color: var(--title-color);
  color: var(--white);
}

.button.green-button {
  border-color: var(--secondary);
  background-color: var(--secondary);
  color: var(--title-color);
}

.button.green-button:hover {
  border-color: var(--primary-yellow);
  background-color: var(--primary-yellow);
}

.button.event-card-button {
  background-color: #1e1e2c;
}

.button.event-card-button:hover {
  background-color: var(--secondary);
}

.button.dark-button {
  background-color: #1e1e2c;
  border-color: #1e1e2c;
}

.button.dark-button:hover {
  border-color: var(--secondary);
  background-color: var(--secondary);
}

.button.cta-button {
  border-color: var(--secondary);
  background-color: var(--secondary);
  color: var(--dark-color);
  flex: none;
  min-width: 120px;
  padding: 15px 20px;
}

.button.cta-button:hover {
  border-color: var(--primary-orange);
  background-color: var(--primary-orange);
}

.button-small {
  border: 2px solid var(--primary);
  background-color: var(--primary);
  color: var(--white);
  text-align: center;
  border-radius: 50px;
  margin-top: 0;
  margin-left: 20px;
  margin-right: 20px;
  padding: 16px 35px;
  font-size: 18px;
  transition: border-color .2s, background-color .2s, color .2s;
  display: block;
}

.button-small:hover, .button-small.green-button {
  border-color: var(--secondary);
  background-color: var(--secondary);
}

.button-small.green-button:hover {
  border-color: var(--primary);
  background-color: var(--primary);
}

.button-small.border-button {
  background-color: var(--white);
  color: var(--title-color);
  border-color: #0068fd;
}

.button-small.border-button:hover {
  border-color: var(--title-color);
  background-color: var(--title-color);
  color: var(--white);
}

.button-small.dark-button {
  border-color: var(--title-color);
  background-color: var(--title-color);
}

.button-small.dark-button:hover {
  border-color: var(--primary);
  background-color: var(--primary);
}

.button-small.event-button {
  border-color: var(--secondary);
  background-color: #0000;
}

.button-small.event-button:hover {
  background-color: var(--secondary);
}

.button-small.pricing-feature {
  padding-top: 14px;
  padding-bottom: 14px;
}

.button-small.pricing-feature:hover {
  border-color: var(--title-color);
  background-color: var(--title-color);
}

.button-wrap {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  flex-direction: column;
  display: flex;
}

.footer-section {
  padding: 120px 10px 100px;
}

.footer-whole-wrap {
  background-color: #131323;
  background-image: url('../images/Footer-bg-image.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 35px;
  max-width: 1720px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
}

.footer-contact-whole-wrap {
  z-index: 1;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 95px;
  display: flex;
  position: relative;
}

.footer-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.1;
}

.footer-title-sub-text {
  color: var(--primary);
}

.footer-form-whole-wrap {
  width: 100%;
}

.footer-contact-form-block {
  width: 100%;
  margin-bottom: 0;
}

.footer-form {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-form-input {
  border: 2px solid var(--primary);
  color: var(--white);
  background-color: #0000;
  border-radius: 50px;
  min-width: 550px;
  min-height: 80px;
  margin-bottom: 0;
  padding: 26px 40px 26px 50px;
  font-size: 16px;
  font-weight: 400;
}

.footer-form-input:focus-visible, .footer-form-input[data-wf-focus-visible] {
  border-color: var(--primary-orange);
}

.footer-form-input::placeholder {
  color: var(--white);
  font-size: 16px;
  font-weight: 400;
}

.footer-form-input.footer-input-textarea {
  min-height: 240px;
}

.footer-contact-content {
  color: var(--white);
  line-height: 1.6;
}

.footer-social-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 50px;
  display: flex;
}

.footer-social-link {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  filter: brightness(150%);
  color: #34344b;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-size: 18px;
  font-weight: 400;
  transition: all .2s, border-color .2s, background-color .2s, color .2s;
  display: flex;
}

.footer-social-link:hover {
  filter: brightness(500%);
}

.footer-social-image-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: row;
  display: flex;
}

.footer-contact-wrap {
  z-index: 1;
  border-top: 1px solid #4f4f6f;
  border-bottom: 1px solid #4f4f6f;
  justify-content: space-between;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.footer-contact-link-wrap {
  flex-direction: column;
  display: flex;
}

.footer-contact-link {
  color: #575765;
  font-family: Lexend, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.3;
}

.footer-contact-link:hover {
  color: var(--primary);
}

.footer-widget-whole-wrap {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 85px;
  display: flex;
  position: relative;
}

.footer-widget-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Lexend, sans-serif;
  font-size: 25px;
  font-weight: 500;
}

.footer-widget-content {
  color: #d6d6d9;
  margin-bottom: 0;
}

.footer-widget-title-wrap {
  max-width: none;
}

.footer-widget-content-wrap {
  text-align: center;
  min-width: 32%;
  max-width: none;
}

.footer-copyright-wrap {
  text-align: center;
  border-top: 1px solid #4d4d63;
  border-bottom: 1px solid #4d4d63;
  margin-top: 60px;
  padding: 25px 30px;
}

.copyright-content {
  color: var(--white);
  margin-bottom: 0;
  font-size: 16px;
}

.footer-widget-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #141424;
  border: 1px solid #4f4f6e;
  border-radius: 26px;
  justify-content: center;
  padding: 55px 70px 45px;
  display: flex;
}

.footer-link-whole-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  display: flex;
}

.footer-link-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}

.footer-link-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.footer-link {
  color: #d6d6d9;
  font-size: 18px;
  font-weight: 300;
}

.footer-link:hover {
  color: var(--primary);
}

.footer-link-subtext {
  color: var(--title-color);
  background-color: #09cd3f;
  border-radius: 12px;
  margin-left: 10px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  display: inline;
  top: -1px;
}

.footer-link-subtext.blue-bg {
  background-color: var(--primary);
  color: var(--white);
}

.footer-link-subtext.orange-bg {
  background-color: #ffb545;
}

.footer-link-wrapper {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  display: flex;
}

.footer-copyright-link {
  color: var(--white);
  font-size: 16px;
}

.footer-copyright-link:hover {
  color: var(--primary);
}

.footer-bg-content {
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(120deg, #242434, #fff0 51%);
  -webkit-background-clip: text;
  background-clip: text;
  max-width: 650px;
  font-family: Poppins, sans-serif;
  font-size: 120px;
  font-weight: 800;
  line-height: .9;
  position: absolute;
  inset: 3% auto auto 50%;
}

.banner-sub-text {
  color: #0068fd;
}

.banner-button-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
}

.banner-button {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--white);
  border: 1px solid #474763;
  border-radius: 50px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  margin-top: 20px;
  margin-left: 0;
  margin-right: auto;
  padding: 8px 10px;
  font-size: 18px;
  transition-property: none;
  display: flex;
}

.banner-button:hover {
  border-color: var(--primary-yellow);
  background-color: var(--primary-yellow);
  color: var(--title-color);
}

.banner-button-circle.outer-circle {
  background-color: #1d1d33;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 63px;
  min-height: 63px;
  display: flex;
}

.banner-button-circle.inner-circle, .banner-button-circle.inner-circle-sticky {
  background-color: #1d1d33;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
  display: flex;
}

.hero-banner-image.green-card-image {
  margin-left: 220px;
  display: block;
  position: relative;
  left: -123px;
}

.hero-banner-image.red-card-image {
  position: relative;
  left: -75px;
}

.hero-banner-image.blue-card-image {
  position: absolute;
  left: auto;
}

.client-whole-wrap {
  z-index: 1;
  padding-top: 85px;
  padding-bottom: 85px;
  position: relative;
}

.client-section-title {
  color: var(--white);
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
}

.client-image-whole-wrap {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.event-whole-wrap {
  padding-top: 85px;
}

.event-title-wrap {
  max-width: 600px;
}

.event-title-whole-wrap {
  background-image: url('../images/Event-line.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.event-title-button-wrap {
  margin-bottom: 15px;
}

.section-sub-text {
  color: var(--primary);
}

.section-sub-text.underline-style {
  border-bottom: 4px solid var(--primary-yellow);
  color: var(--white);
  margin-bottom: -10px;
  padding-bottom: 5px;
  display: inline-block;
}

.section-sub-text.underline-style.dark-font {
  color: var(--title-color);
  border-bottom-style: none;
  margin-bottom: 0;
  text-decoration: underline;
}

.section-sub-text.green-font {
  color: var(--secondary);
}

.event-grid-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-top: 50px;
  display: block;
  position: relative;
}

.event-grid {
  z-index: 1;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch center;
  margin-bottom: 60px;
  display: grid;
  position: relative;
}

.event-card-whole-wrap {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-direction: column;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.event-card-wrap {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #1e1e2c;
  border-radius: 30px;
  flex-direction: column;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 50px 30px 40px 40px;
  display: flex;
  overflow: hidden;
}

.event-card-wrap.yellow-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--primary-yellow);
  padding-top: 50px;
  padding-bottom: 40px;
}

.event-card-wrap.blue-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #0068fd;
  padding-top: 50px;
}

.event-card-wrap.event-last-card {
  align-items: center;
  padding-bottom: 0;
}

.event-card-wrap.blue-image-wrap {
  background-color: #4945ff;
  padding: 30px 25px;
}

.event-card-wrap.dark-image-wrap {
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.event-card-wrap.grey-bg-wrap {
  background-color: #e6e6e6;
  padding-right: 30px;
}

.event-card-image-wrap {
  position: relative;
}

.event-card-image-wrap.first-card-image {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: center stretch;
  width: auto;
  height: 28%;
  margin-top: -60px;
  margin-right: -29px;
  display: grid;
}

.event-content-wrap {
  display: block;
}

.event-card-title {
  color: var(--white);
  margin-top: 0;
  font-size: 26px;
  line-height: 1.2;
}

.event-card-title.dark-font-color {
  color: #131323;
}

.event-card-content {
  color: #c9c9c9;
  margin-bottom: 0;
}

.event-card-content.dark-font-color {
  color: #131323;
}

.event-card-content.wt-font-color {
  color: #fff;
}

.event-card-point-whole-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--white);
  border-radius: 20px;
  justify-content: flex-start;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 20px 25px 20px 20px;
  display: flex;
}

.event-card-point-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.event-card-point-wrap.sub-point {
  grid-row-gap: 5px;
}

.event-card-point {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.event-card-point-content {
  color: var(--dark-color);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
}

.event-card-point-content.white-font-color {
  color: var(--white);
}

.event-card-image {
  z-index: 1;
  margin-top: -30px;
  margin-left: -36px;
  position: relative;
}

.event-card-image.dashboard {
  border-radius: 13px;
  margin-top: 0;
  margin-left: 0;
}

.event-card-link {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--white);
  margin-top: -50px;
  font-size: 18px;
  transition-property: all, background-color, color;
  display: flex;
  position: relative;
}

.event-card-link:hover {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 1;
}

.event-card-button-wrap {
  flex-direction: column;
  display: flex;
}

.page-wrapper {
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.page-wrapper.homepage {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
}

.page-wrapper.pricing {
  background-image: url('../images/Pricing-bg.png');
  background-position: 100% 145px;
  background-repeat: no-repeat;
  background-size: contain;
}

.page-wrapper.integration-single {
  background-image: url('../images/Integration-single-bg.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-wrapper.blog-page {
  background-image: url('../images/Blog-bg.png');
  background-position: 0 145px;
  background-repeat: no-repeat;
  background-size: auto;
}

.page-wrapper.career-page {
  background-image: url('../images/Carrer-bg.jpg');
  background-position: 0 300px;
  background-repeat: no-repeat;
  background-size: contain;
}

.page-wrapper.team-page {
  background-image: url('../images/Team-Bg_1.png');
  background-position: 50% 150px;
  background-repeat: no-repeat;
  background-size: auto;
}

.send-section {
  z-index: 1;
  align-self: stretch;
  padding-top: 60px;
  padding-bottom: 100px;
  position: relative;
}

.send-grid-wrap {
  justify-content: center;
  display: flex;
}

.send-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 56% 44%;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.send-whole-wrap {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  height: auto;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  position: relative;
}

.sub-title-star-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.send-image-wrap {
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
  position: relative;
}

.send-image {
  border-radius: 20px;
}

.send-image.statistic-image {
  position: absolute;
  inset: 0% 0% 0% auto;
}

.send-image.profile-image {
  z-index: 1;
  position: absolute;
  inset: 13% 20% auto auto;
}

.send-image.database-image {
  z-index: 2;
  position: absolute;
  inset: 58% 60% auto auto;
  box-shadow: 8px 8px 20px 3px #1a1a2e33;
}

.send-image.profile-image-copy {
  z-index: 1;
  max-width: 90%;
  margin-top: 40px;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image.statistic-image-copy {
  position: relative;
  left: 155px;
}

.send-image.profile-image-inhalt {
  z-index: 1;
  margin-top: 40px;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image.statistic-image-inhalt {
  position: relative;
  left: 155px;
}

.dashboard-section {
  z-index: 1;
  align-self: stretch;
  padding-top: 60px;
  padding-bottom: 0;
  position: relative;
}

.dashboard-grid-wrap {
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.dashboard-grid {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr;
  justify-content: center;
  justify-items: center;
  width: 75%;
  position: relative;
}

.dashboard-whole-wrap {
  max-width: 600px;
}

.dashboard-point-whole-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  margin-top: 30px;
  display: flex;
}

.dashboard-point-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.dashboard-point-content {
  color: var(--dark-color);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

.dashboard-content {
  margin-bottom: 0;
  line-height: 1.5;
}

.dashboard-image-wrap {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.dashboard-image {
  z-index: 1;
  border-radius: 30px;
  width: 100%;
  position: relative;
  box-shadow: 18px 9px 30px #e5e3ea;
}

.presentation-section {
  background-color: #f3f4fe;
  padding-top: 120px;
  padding-bottom: 95px;
}

.presentation-title-wrap {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.presentation-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  padding-top: 40px;
}

.presentation-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--title-color);
  border-radius: 30px;
  align-items: center;
  padding: 20px;
  transition: box-shadow .2s;
  display: flex;
  box-shadow: 0 0 #00000003;
}

.presentation-wrap:hover {
  box-shadow: 5px 5px 20px 1px #1a1a2e12;
}

.presentation-image-wrap {
  background-color: #f3f4fe;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 135px;
  min-height: 135px;
  display: flex;
}

.presentation-title {
  color: var(--dark-color);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: 600;
}

.presentation-content {
  color: var(--dark-color);
  margin-bottom: 20px;
}

.money-section {
  background-color: #f3f4fe;
  padding-top: 95px;
  padding-bottom: 130px;
}

.money-grid-wrap {
  position: relative;
}

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

.money-tab-whole-wrap {
  padding-top: 0;
  position: relative;
}

.money-tab {
  position: static;
}

.money-tab-menu-wrap {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: static;
  top: 43%;
  left: -87%;
  right: auto;
}

.money-tab-content {
  background-image: url('../images/Money-tab-bg.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
}

.money-tab-link {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: var(--white);
  border-radius: 30px;
  align-items: center;
  max-width: 550px;
  margin-bottom: 20px;
  padding: 30px 25px 25px 20px;
  display: flex;
}

.money-tab-link.w--current {
  background-color: var(--white);
  padding-left: 20px;
}

.money-tab-pane {
  padding: 40px 20px 20px 30px;
}

.money-tab-image-wrap {
  color: var(--white);
  background-color: #c4c4e2;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  min-width: 95px;
  min-height: 95px;
  padding: 20px;
  display: flex;
}

.money-tab-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}

.money-tab-menu-content {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.6;
  overflow: hidden;
}

.pricing-section {
  padding-top: 125px;
  padding-bottom: 110px;
}

.pricing-section.homepage {
  background-color: #f9fbff;
  background-image: url('../images/Pricing-Section-Bg.png');
  background-position: 0 90%;
  background-repeat: no-repeat;
  padding-top: 140px;
  padding-bottom: 120px;
}

.pricing-grid-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  place-items: start center;
  width: 100%;
  padding-top: 40px;
}

.pricing-title-wrap {
  width: 750px;
}

.pricing-wrap {
  background-color: var(--white);
  background-image: url('../images/Pricing-bg.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  flex-direction: column;
  align-items: center;
  width: 33%;
  padding: 35px 30px;
  display: flex;
  box-shadow: 0 7px 40px #0068fd26;
}

.pricing-wrap.tarif-box-basis, .pricing-wrap.tarif-box-komfort, .pricing-wrap.tarif-box-premium {
  width: 33%;
}

.pricing-rate-title-wrap {
  border-bottom: 1px solid #cfcfcf;
  justify-content: center;
  margin-bottom: 10px;
  line-height: 1.1;
  display: flex;
}

.pricing-sub-title-wrap {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 36px;
  display: flex;
}

.pricing-sub-title {
  color: var(--dark-color);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

.pricing-sub-title.sub-text {
  letter-spacing: 0;
  font-weight: 400;
}

.pricing-sub-title-sub-wrap {
  background-color: #fec901;
  border-radius: 30px;
  padding: 5px 13px;
}

.pricing-rate-title-whole-wrap {
  text-align: center;
  flex-direction: column;
  max-width: 350px;
  margin-bottom: 25px;
  display: flex;
}

.pricing-section-title {
  margin-top: 0;
  line-height: 1.2;
}

.pricing-rate {
  color: var(--dark-color);
  margin-top: 25px;
  font-size: 32px;
  font-weight: 600;
}

.pricing-feature-wrap {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #1a1a2e;
  border-radius: 30px;
  flex-direction: column;
  width: 100%;
  padding: 30px 20px 35px 30px;
  display: flex;
}

.pricing-feature-wrap.dark-bg-wrap {
  background-color: #1a1a2e;
}

.pricing-feature-whole-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.pricing-feature-content {
  color: var(--white);
  margin-bottom: 0;
  font-size: 16px;
}

.pricing-button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  padding-right: 30px;
  font-size: 18px;
  display: flex;
  position: relative;
}

.faq-section {
  background-color: #fff0;
  background-image: url('../images/FAQ-Bg.png');
  background-position: 0 0;
  background-size: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.faq-title-wrap {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.faq-section-content.hide {
  display: block;
}

.faq-whole-wrap {
  grid-column-gap: 18px;
  justify-content: center;
  align-items: flex-start;
  max-width: 1620px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.faq-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.accordion-content-wrap {
  z-index: 1;
  background-color: var(--ghost-white);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.accordion-faq {
  z-index: 1;
  grid-column-gap: 20px;
  background-color: var(--ghost-white);
  border-radius: 20px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 25px 30px 20px;
  display: flex;
  position: relative;
}

.accordion-item-title {
  color: var(--dark-color);
  white-space: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.accordion-list {
  z-index: 1;
  background-color: var(--ghost-white);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  margin-top: -20px;
  padding-bottom: 5px;
  display: block;
  position: static;
}

.accordion-arrow-whole-wrap {
  position: relative;
}

.accordion-cross {
  border: 1px solid var(--white);
  min-width: 20px;
  position: absolute;
}

.accordion-cross.vertical {
  transform: rotate(90deg);
}

.accordion-content {
  color: var(--dark-color);
  width: 100%;
  max-width: 90%;
  margin-bottom: 0;
  padding-bottom: 25px;
  font-size: 18px;
}

.accordion-item {
  box-shadow: none;
  background-color: #f3f4fe;
  border: 1px solid #d5d8f2;
  border-radius: 20px;
  width: 100%;
  transition: box-shadow .2s;
  display: block;
  position: relative;
}

.accordion-arrow-wrap {
  z-index: 1;
  background-color: var(--primary);
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  min-height: 50px;
  display: flex;
  position: relative;
}

.testimonial-section {
  padding-top: 55px;
  padding-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.testimonial-section.dark-section {
  background-color: var(--dark-color);
  padding-top: 135px;
  padding-bottom: 115px;
}

.testimonial-whole-wrap {
  z-index: 1;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial-bg-circle {
  filter: blur(100px);
  background-color: #c77aff;
  border-radius: 100%;
  min-width: 345px;
  min-height: 345px;
  position: absolute;
}

.testimonial-bg-circle.blue-circle {
  background-color: #0068fd;
  min-width: 600px;
  min-height: 400px;
  right: auto;
}

.testimonial-bg-circle.pink-circle {
  left: 500px;
}

.testimonial-bg-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.testimonial-scroll-wrap {
  justify-content: flex-start;
  width: 400%;
  display: flex;
}

.testimonial-scroll-wrap.normal {
  width: 400%;
}

.testimonial-card-whole-wrap {
  background-color: var(--white);
  border: 1px solid #dfe2ff;
  border-radius: 20px;
  max-width: 620px;
  padding: 35px 35px 30px;
  box-shadow: 3px 5px 20px -12px #dcdcdc;
}

.testimonial-card-whole-wrap.dark-testimonial {
  box-shadow: 5px 10px 30px -4px #222241;
}

.testimonial-author-whole-wrap {
  grid-column-gap: 20px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.testimonial-author-wrap {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.testimonial-image-wrap {
  min-width: 75px;
  max-width: 75px;
  min-height: 75px;
  max-height: 75px;
}

.testimonial-author-image {
  border-radius: 0%;
}

.testimonial-author-title {
  color: var(--title-color);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.testimonial-author-description {
  color: var(--primary);
  margin-bottom: 0;
  line-height: 1.2;
}

.testimonial-content-wrap {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.testimonial-card-content {
  color: var(--dark-color);
  margin-bottom: 0;
}

.testimonial-card-star-wrap {
  grid-column-gap: 10px;
  display: flex;
}

.testimonial-star-image {
  max-width: 25px;
}

.testimonial-wrap {
  grid-column-gap: 35px;
  padding-bottom: 40px;
  padding-right: 35px;
  display: flex;
}

.about-dashboard-wrap {
  background-image: url('../images/About-bg.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.about-dashboard-bg-wrap {
  justify-content: center;
  align-items: center;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.about-send-bg-circle {
  border-radius: 100%;
  min-width: 400px;
  min-height: 400px;
  position: absolute;
  top: 450px;
  bottom: auto;
}

.about-dashboard-bg-circle {
  border-radius: 100%;
  min-width: 400px;
  min-height: 400px;
  position: absolute;
  top: 68%;
  right: 0;
}

.office-section {
  padding-top: 60px;
  padding-bottom: 0;
  display: block;
}

.office-grid {
  grid-template-rows: auto;
  align-items: center;
}

.office-image-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 180px;
  display: grid;
}

.office-tilte-wrap {
  max-width: 520px;
}

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

.vision-title-wrap {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.vision-image-wrap {
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
  position: relative;
}

.vision-section-content {
  margin-bottom: 0;
}

.vision-image {
  border-radius: 30px;
  max-width: 106%;
}

.vision-lightbox-whole-wrap {
  background-image: linear-gradient(135deg, var(--white), #ffffff4d 32%, #fff0 54%);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  min-height: 150px;
  display: flex;
  position: absolute;
}

.vision-lightbox-wrap {
  background-image: linear-gradient(135deg, #0068fd, #0068fd4d 47%, #0068fd00);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 148px;
  min-height: 148px;
  display: flex;
}

.vision-lightbox {
  background-color: var(--primary);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 85px;
  min-height: 85px;
  display: flex;
}

.vision-lightbox:hover {
  background-color: var(--primary-orange);
}

.our-story-section {
  padding-top: 80px;
  padding-bottom: 130px;
  position: relative;
}

.our-story-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.our-story-title-wrap {
  max-width: none;
}

.our-story-whole-wrap {
  grid-column-gap: 35px;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.our-story-card-wrap {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 35px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: relative;
}

.our-story-card {
  background-color: #1e1e2c;
  border-radius: 30px;
  flex-direction: column;
  align-items: flex-start;
  min-width: auto;
  max-width: 350px;
  padding: 50px 45px;
  display: flex;
}

.our-story-card.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.our-story-card.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.our-story-card-image-wrap {
  background-color: #fff;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  min-width: 85px;
  min-height: 85px;
  margin-bottom: 30px;
  display: flex;
  box-shadow: 0 2px 10px 5px #0000001c;
}

.our-story-card-image-wrap.white-bg {
  background-color: var(--white);
}

.our-story-card-title {
  z-index: 1;
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  position: relative;
}

.our-story-card-title.dark-color-font {
  color: #131323;
}

.our-story-card-content {
  margin-bottom: 0;
  font-size: 17px;
}

.our-story-card-content.white-font-color {
  color: var(--white);
  margin-top: 20px;
  position: static;
  top: 20px;
}

.our-story-card-content.dark-font-color {
  color: #131323;
}

.our-story-points {
  z-index: 1;
  grid-column-gap: 30px;
  background-color: var(--white);
  border-radius: 20px;
  justify-content: center;
  width: 100%;
  margin-top: 15px;
  padding: 25px 25px 25px 15px;
  display: flex;
  position: relative;
}

.our-story-points-whole-wrap {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.our-story-points-wrap {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.our-story-points-content {
  color: var(--title-color);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
}

.our-story-bg-circle {
  z-index: 0;
  background-color: #3a37e9;
  border-radius: 100%;
  min-width: 145px;
  min-height: 145px;
  position: absolute;
  top: 51px;
  right: 31px;
}

.value-section {
  background-color: #f3f4fe;
  padding-top: 40px;
  padding-bottom: 125px;
  display: block;
}

.value-title-wrap {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.value-grid {
  grid-column-gap: 55px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  padding-top: 55px;
}

.value-card-whole-wrap {
  grid-column-gap: 18px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border: 1px solid #e5e7fb;
  border-radius: 20px;
  grid-template: ". ."
                 "Area Area"
                 / 21% 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  max-width: 100%;
  padding: 35px 30px 20px;
  display: grid;
  overflow: visible;
  box-shadow: 0 9px 20px 3px #eef0ff4d;
}

.value-card-image-wrap {
  background-color: var(--primary-yellow);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  min-width: 95px;
  min-height: 100px;
  padding-top: 10px;
  display: flex;
}

.value-card-image-wrap.plum-bg-card {
  background-color: #daadfd;
}

.value-card-image-wrap.green-bg-card {
  background-color: #09cd3f;
}

.value-card-image-wrap.blue-bg-card {
  background-color: #2f84ff;
}

.value-card-image-wrap.red-bg-card {
  background-color: #ff5e90;
}

.value-card-image-wrap.pink-bg-card {
  background-color: #ff5fef;
}

.value-card-content-wrap {
  padding-top: 5px;
}

.value-card-title {
  color: var(--dark-color);
  word-break: break-all;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1em;
}

.value-card-content {
  color: var(--dark-color);
  margin-top: 0;
  margin-bottom: 0;
}

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

.team-section.sub-section {
  background-image: url('../images/Team-bg.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 40px;
}

.team-grid-wrap {
  margin-top: 60px;
  margin-bottom: 90px;
}

.team-grid {
  grid-column-gap: 40px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.team-member-whole-wrap {
  border-radius: 25px;
  max-width: 500px;
  padding-top: 25px;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}

.team-member-wrap {
  z-index: 1;
  border-radius: 25px;
  position: relative;
}

.team-member-image-wrap {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  overflow: hidden;
  box-shadow: 7px 16px 20px -2px #1a1a2e40;
}

.team-member-content-wrap {
  background-color: var(--white);
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  padding: 25px 30px;
  box-shadow: 10px 11px 20px -2px #e2e3eb;
}

.team-member-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}

.team-member-content {
  color: var(--primary);
  margin-bottom: 0;
}

.team-member-social-wrap {
  grid-column-gap: 20px;
  align-items: center;
  margin-top: 15px;
  display: flex;
}

.team-member-social-link {
  transition: transform .2s, background-color .2s, color .2s;
}

.team-member-social-link:hover {
  transform: translate(0, -4px);
}

.team-member-bg-wrap {
  background-color: var(--white);
  box-shadow: none;
  border: 1px solid #e5e7fb;
  border-radius: 25px;
  flex-direction: column;
  height: 88%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.team-member-bg {
  flex: 1;
}

.hero-bg-wrap {
  position: absolute;
  inset: 0%;
}

.hero-bg-second-pattern {
  filter: blur(170px);
  background-color: #4945ff;
  border-radius: 100%;
  min-width: 300px;
  min-height: 300px;
  position: absolute;
  inset: -15% -105px auto auto;
}

.hero-bg-second-pattern.team-circle {
  background-color: #0068fda3;
}

.hero-bg-second-pattern.pricing-circle {
  background-color: #0068fde6;
}

.hero-bg-second-pattern.contact-circle {
  background-color: #52baa1;
}

.hero-bg-second-pattern.license-circle {
  background-color: #bbffa4;
}

.hero-bg-second-pattern.integration-page-circle {
  background-color: #0068fded;
  top: -16%;
  right: -31px;
}

.hero-bg-second-pattern.integration-single-circle {
  background-color: #ff5befbd;
}

.hero-bg-second-pattern.career-circle {
  background-color: #0068fd;
}

.hero-bg-second-pattern.blog-circle {
  background-color: #4945ff;
}

.hero-bg-second-pattern.blog-single-circle {
  background-color: #e238b3;
}

.hero-bg-second-pattern.changelog-circle {
  background-color: #ffb545;
}

.hero-bg-second-pattern.error-circle {
  background-color: #4945ff;
}

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

.feature-title-wrap {
  text-align: left;
  max-width: 700px;
  display: block;
}

.event-card-sub-point-wrap {
  grid-row-gap: 5px;
  flex-direction: column;
  margin-bottom: 15px;
  display: flex;
}

.event-card-image-circle {
  background-color: #3a37e9;
  border-radius: 100%;
  min-width: 145px;
  min-height: 145px;
  position: absolute;
  inset: -14% auto auto 40%;
}

.event-dashboard-image {
  border-radius: 30px;
}

.dashboard-bg-circle {
  background-image: linear-gradient(275deg, #3c8cff, #fff0 80%);
  border-radius: 100%;
  min-width: 400px;
  min-height: 400px;
  position: absolute;
  inset: -12% 35% auto auto;
}

.cta-section {
  background-color: #131323;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.cta-bg-whole-wrap {
  mix-blend-mode: darken;
  border-radius: 0;
  margin-top: 0;
  margin-right: 0;
  padding-right: 0;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.cta-bg-content {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(137deg, #ff495f47, #fc51ff1c 28%, #fff0 79%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 150px;
  font-weight: 800;
  line-height: .8;
  display: inline-block;
  position: absolute;
  top: -25px;
  left: -42px;
}

.cta-whole-wrap {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.cta-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 45px;
  font-size: 35px;
  font-weight: 700;
}

.cta-title-subtext {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #594ea1, #262348);
  -webkit-background-clip: text;
  background-clip: text;
}

.cta-bg-circle {
  filter: blur(150px);
  background-color: #ff4c629e;
  min-width: 400px;
  min-height: 400px;
  position: absolute;
  inset: auto -11% -21% auto;
}

.cta-bg-circle.blue-circle {
  background-color: #4945ff75;
  min-width: 300px;
  min-height: 300px;
  inset: 0% -183px auto auto;
}

.cta-bg-circle.content-circle {
  min-width: 250px;
  min-height: 250px;
  inset: 0% auto auto -300px;
}

.cta-form {
  width: 100%;
  max-width: 640px;
  margin-bottom: 0;
  font-size: 14px;
}

.cta-form-block {
  border: 2px solid var(--primary);
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.cta-form-block:focus-visible, .cta-form-block[data-wf-focus-visible] {
  border-color: var(--primary-orange);
}

.cta-form-input {
  color: var(--white);
  text-align: center;
  background-color: #0000;
  border: 2px #000;
  min-height: 60px;
  margin-bottom: 0;
  padding: 5px 0 5px 25px;
  font-size: 16px;
  line-height: 20px;
  transition: all .2s;
}

.cta-form-input:focus {
  border-color: var(--primary-orange);
}

.cta-form-input::placeholder {
  color: var(--white);
  text-align: center;
  font-size: 16px;
}

.cta-image {
  display: block;
  position: absolute;
  inset: auto 33px 0% auto;
  transform: rotate(-26.5deg);
}

.cta-image.left-top-image {
  width: 556px;
  inset: 0% auto auto -10%;
  transform: none;
}

.cta-image.right-bottom-image {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  margin-top: 0;
  inset: auto 0% 0% auto;
  transform: none;
}

.pricing-feature-section {
  background-image: url('../images/Pricing-feature-01.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.pricing-feature-title-wrap {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-card-whole-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  display: grid;
}

.pricing-feature-card {
  background-color: var(--white);
  border: 1px solid #e5e7fb;
  border-radius: 30px;
  padding: 55px 60px;
  transition: border-color .2s;
  box-shadow: 0 20px 20px #f0f1fb;
}

.pricing-feature-card:hover {
  border-color: #c8cae2;
}

.pricing-feature-title {
  color: var(--dark-color);
  margin-top: 0;
  font-size: 25px;
}

.pricing-plan-content {
  color: var(--dark-color);
  margin-bottom: 0;
}

.pricing-plan-whole-wrap {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 40px;
  display: flex;
}

.pricing-point-whole-wrap {
  grid-row-gap: 25px;
  flex-direction: column;
  display: flex;
}

.pricing-point-wrap {
  grid-column-gap: 15px;
  display: flex;
}

.pricing-point-content {
  color: #1a1a2e;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 300;
}

.hero-bg-first-pattern {
  filter: blur(170px);
  background-color: #4945ff;
  border-radius: 100%;
  min-width: 350px;
  min-height: 350px;
  position: absolute;
  bottom: -25%;
  right: 25%;
}

.hero-bg-first-pattern.team-circle {
  background-color: #c77aff8c;
}

.hero-bg-first-pattern.pricing-circle {
  background-color: #c77affb8;
}

.hero-bg-first-pattern.contact-circle {
  background-color: #3588ff;
}

.hero-bg-first-pattern.license-circle {
  background-color: #654cffe6;
}

.hero-bg-first-pattern.integration-single-circle {
  background-color: #654cffe6;
  left: 8%;
  right: auto;
}

.hero-bg-first-pattern.career-circle {
  background-color: #c77aff;
}

.hero-bg-first-pattern.blog-circle {
  background-color: #ff4c62;
}

.hero-bg-first-pattern.blog-single-circle {
  background-color: #690ab4;
}

.hero-bg-first-pattern.error-circle {
  background-color: #4945ff;
}

.contact-section {
  z-index: 1;
  margin-top: 100px;
  padding-bottom: 125px;
  position: relative;
}

.contact-whole-wrap {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.contact-form-block {
  background-color: var(--white);
  border-radius: 30px;
  margin-bottom: 0;
  padding: 100px 80px;
  box-shadow: 0 7px 20px 3px #e0e4ed33;
}

.contact-form-wrap {
  grid-row-gap: 36px;
  flex-direction: column;
  display: flex;
}

.contact-input-wrap {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.contact-input-field {
  color: var(--dark-color);
  text-transform: capitalize;
  border: 1px solid #e1e1e1;
  border-radius: 50px;
  width: 100%;
  min-height: 80px;
  margin-bottom: 0;
  padding: 26px 40px;
  font-size: 18px;
  box-shadow: 0 5px 20px -1px #eaeaea99;
}

.contact-input-field:focus-visible, .contact-input-field[data-wf-focus-visible] {
  border-color: var(--primary-orange);
}

.contact-input-field::placeholder {
  color: #717182;
  font-size: 18px;
}

.contact-input-field.contact-input-textarea {
  border-radius: 30px;
  min-height: 180px;
}

.contact-field-label {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.contact-form-flex {
  grid-column-gap: 50px;
  justify-content: space-between;
  display: flex;
}

.contact-form-button-wrap {
  padding-top: 10px;
}

.licenses-section {
  padding-top: 125px;
}

.licenses-grid-wrap {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  display: flex;
}

.licenses-grid {
  grid-column-gap: 115px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.licenses-grid.center {
  align-items: center;
}

.licenses-content-whole-wrap {
  grid-row-gap: 25px;
  flex-direction: column;
  display: flex;
}

.licenses-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 37px;
}

.licenses-content {
  margin-bottom: 0;
}

.licenses-image-title {
  color: var(--primary);
  font-size: 30px;
  font-weight: 600;
}

.licenses-link {
  color: var(--primary);
}

.licenses-link:hover {
  color: var(--secondary);
}

.licenses-image-link-wrap {
  grid-column-gap: 5px;
  flex-wrap: wrap;
  display: flex;
}

.licenses-image-link {
  color: var(--font-color);
  font-size: 18px;
  display: inline-block;
}

.licenses-image-link:hover {
  color: var(--primary-orange);
}

.licenses-sub-link {
  color: var(--title-color);
  font-weight: 600;
}

.licenses-sub-link:hover {
  color: var(--primary-orange);
}

.integration-circle {
  background-image: linear-gradient(155deg, #27243d, #fff0 82%);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 165px;
  min-height: 165px;
  display: flex;
  position: absolute;
}

.integration-circle.zlack {
  min-width: 130px;
  min-height: 130px;
  top: 120px;
  left: 75%;
  right: auto;
}

.integration-circle.zapier {
  min-width: 100px;
  min-height: 100px;
  inset: 39% auto auto 85%;
}

.integration-circle.dropbox {
  background-image: none;
  min-width: 50px;
  min-height: 50px;
  inset: 65% auto auto 76%;
}

.integration-circle.figma {
  min-width: 100px;
  min-height: 100px;
  inset: 31% auto auto 23%;
}

.integration-circle.youtube {
  min-width: 80px;
  min-height: 80px;
  inset: 23% auto auto 145px;
}

.integration-circle.discord {
  min-width: 80px;
  min-height: 80px;
  inset: 61% auto auto 90px;
}

.decorative-circle {
  background-color: #1b1b30;
  border-radius: 100%;
  min-width: 95px;
  min-height: 95px;
  position: absolute;
}

.decorative-circle.right-top-circle {
  background-color: #182a55;
  min-width: 80px;
  min-height: 80px;
  inset: 21% 4% auto auto;
}

.decorative-circle.right-bottom-circle {
  min-width: 50px;
  min-height: 50px;
  top: 81%;
  left: auto;
  right: 10%;
}

.decorative-circle.left-top-circle {
  min-width: 45px;
  min-height: 45px;
  inset: 96px auto auto 25%;
}

.decorative-circle.left-bottom-circle {
  min-width: 30px;
  min-height: 30px;
  inset: auto auto 11% 35%;
}

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

.integration-tab {
  margin-top: -75px;
}

.integration-tab-menu-wrap {
  grid-column-gap: 20px;
  justify-content: flex-end;
  margin-bottom: 45px;
  display: flex;
}

.integration-tab-menu {
  background-color: var(--white);
  color: #585353;
  text-align: center;
  border: 2px solid #dfe2ff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 20px 25px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.integration-tab-menu.w--current {
  border-color: var(--primary);
  background-color: var(--primary);
  color: var(--white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.integration-tab-pane {
  padding-left: 20px;
  padding-right: 20px;
}

.integration-content-whole-wrap {
  background-color: var(--white);
  border: 1px solid #dfe2ff;
  border-radius: 42px;
  padding: 100px 60px;
}

.integration-collection-list {
  margin-left: 0;
  margin-right: 0;
}

.integration-collection-item {
  padding: 20px 15px;
}

.integration-card-wrap {
  background-color: #eee;
  border: 1px solid #dfe2ff;
  border-radius: 30px;
  padding: 45px 30px 40px;
  transition: all .2s;
  box-shadow: 0 0 #e0e4ed;
}

.integration-card-wrap:hover {
  box-shadow: 0 7px 20px #e0e4ed;
}

.integration-icon-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.integration-image-wrap {
  border: 1px #131323;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 70px;
  max-width: 70px;
  min-height: 70px;
  max-height: 70px;
  padding: 15px;
  display: flex;
}

.integration-title-wrap {
  flex-direction: column;
  display: flex;
}

.integration-title {
  font-size: 22px;
  line-height: 1.2;
}

.integration-title:hover {
  color: var(--primary);
}

.integration-platform-title {
  color: var(--font-color);
  font-size: 16px;
}

.integration-platform-title:hover {
  color: var(--secondary);
}

.integration-content-wrap {
  height: 160px;
  margin-bottom: 20px;
}

.integration-card-content {
  color: var(--dark-color);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300;
}

.integration-button {
  grid-column-gap: 10px;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  transition: all .2s, border-color .2s, background-color .2s, color .2s;
  display: flex;
}

.integration-button-content {
  color: var(--dark-color);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.2;
}

.integration-button-arrow {
  background-color: #1a1a2e;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  min-height: 20px;
  margin-top: 2px;
  padding-top: 1px;
  padding-left: 2px;
  display: flex;
}

.integration-banner {
  grid-column-gap: 18px;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.integration-banner-image-wrap {
  background-image: linear-gradient(158deg, #252534, #25253469 50%, #fff0 78%);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 115px;
  max-width: 115px;
  min-height: 115px;
  max-height: 115px;
  padding: 20px;
  display: flex;
}

.integration-banner-title {
  grid-column-gap: 18px;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.integration-content-section {
  margin-top: 125px;
  padding-bottom: 100px;
}

.integration-content-text img {
  border-radius: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  box-shadow: 0 6px 20px #aeb0c9b3;
}

.integration-content-text ul, .integration-content-text ol {
  margin-top: 20px;
  margin-bottom: 20px;
}

.integration-content-text h2 {
  font-size: 34px;
}

.career-section {
  padding-top: 125px;
  padding-bottom: 75px;
}

.career-title-wrap {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.career-section-content {
  margin-bottom: 0;
}

.career-grid-wrap {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 55px;
  display: flex;
}

.career-image-whole-wrap {
  grid-column-gap: 30px;
  justify-content: center;
  align-self: stretch;
  display: flex;
}

.career-image-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
}

.career-image {
  border-radius: 30px;
  width: 100%;
}

.join-section {
  padding-top: 75px;
  padding-bottom: 125px;
}

.join-title-wrap {
  max-width: 750px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.join-grid {
  grid-column-gap: 50px;
  grid-row-gap: 40px;
}

.join-card-whole-wrap {
  background-color: var(--white);
  border: 1px solid #e5e7fb;
  border-radius: 20px;
  padding: 35px 30px;
  box-shadow: 0 9px 20px #f0f1fb;
}

.join-image {
  border-radius: 15px;
}

.join-card-title {
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 700;
}

.join-card-content {
  margin-bottom: 0;
  font-size: 17px;
}

.position-section {
  background-color: #f3f4fe;
  padding-top: 125px;
  padding-bottom: 125px;
}

.position-title-wrap {
  max-width: 750px;
}

.position-card-whole-wrap {
  grid-row-gap: 30px;
  flex-direction: column;
  padding-top: 30px;
  display: flex;
}

.position-card-wrap {
  border: 1px solid #c8cae2;
  border-radius: 30px;
  justify-content: space-between;
  align-items: center;
  padding: 45px 45px 45px 40px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 0 #eaecfa;
}

.position-card-wrap:hover {
  background-color: var(--white);
  box-shadow: 0 20px 20px #eaecfa;
}

.position-content-wrap {
  max-width: 650px;
}

.career-collection-item {
  margin-bottom: 30px;
}

.position-card-title {
  font-size: 30px;
  font-weight: 500;
}

.position-card-title:hover {
  color: var(--primary);
}

.position-card-content {
  margin-top: 0;
  margin-bottom: 0;
}

.position-card-button {
  grid-column-gap: 10px;
  border: 2px solid #c8cae2;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 16px 70px 16px 40px;
  display: flex;
  position: relative;
}

.position-arrow-black, .position-arrow-white {
  position: absolute;
  right: 40px;
}

.career-single-banner {
  margin-top: -170px;
  position: relative;
}

.career-single-image-wrap {
  flex-direction: column;
  display: flex;
}

.career-single-image {
  border-radius: 55px;
}

.career-details-whole-wrap {
  grid-column-gap: 80px;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 40px;
  display: flex;
}

.career-details-wrap {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.career-details-image-wrap {
  background-color: #fec901;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 70px;
  min-height: 70px;
  display: flex;
}

.career-details-title {
  margin-bottom: 0;
  line-height: 1.2;
}

.career-details-content {
  color: var(--dark-color);
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 400;
}

.career-details-content.career-text-link:hover {
  color: var(--primary);
}

.career-details-line-break {
  border: 1px solid #e3e3e3;
  width: 1px;
}

.career-single-line-break {
  border: 1px solid #e3e3e3;
  width: 100%;
  height: 1px;
  margin-top: 90px;
  margin-bottom: 90px;
}

.career-single-line-break.top-side-line {
  margin-top: 0;
}

.career-single-grid {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
  grid-template-rows: auto;
  grid-template-columns: 350px 1fr;
}

.career-single-title-wrap {
  max-width: 350px;
}

.career-single-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
}

.career-single-title-subtext {
  color: var(--primary);
}

.blog-post-section {
  padding-top: 125px;
  padding-bottom: 75px;
}

.blog-feature-grid-wrap {
  margin-bottom: 75px;
}

.blog-feature-grid {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
  grid-template-rows: auto;
}

.blog-feature-image-wrap {
  background-color: #e8effd;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.blog-post-content-wrap {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.blog-feature-date-wrap {
  grid-column-gap: 20px;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.blog-category-wrap {
  text-align: center;
  background-color: #fec901;
  border: 2px solid #0000;
  border-radius: 50px;
  min-width: 115px;
  padding: 10px 25px;
}

.blog-category-wrap:hover {
  border-color: var(--primary);
}

.blog-publish-date {
  margin-bottom: 0;
  font-size: 16px;
}

.blog-publish-date.white-font {
  color: var(--white);
}

.blog-feature-title {
  color: #0068fd;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.3;
}

.blog-feature-title:hover {
  color: var(--title-color);
}

.blog-feature-whole-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin-bottom: 25px;
  display: flex;
}

.blog-post-button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  transition: all .2s, border-color .2s, background-color .2s, color .2s;
  display: flex;
}

.blog-post-button:hover {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.blog-post-button-content {
  color: var(--title-color);
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
}

.blog-post-content {
  margin-bottom: 0;
}

.blog-post-tab {
  margin-top: -65px;
}

.blog-post-tab-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  margin-bottom: 40px;
  display: flex;
}

.blog-post-menu-link {
  color: #585353;
  background-color: #0000;
  border: 1px solid #e5e7fb;
  border-radius: 10px;
  padding: 20px 25px;
  font-size: 12px;
  font-weight: 600;
}

.blog-post-menu-link.w--current {
  color: var(--white);
  background-color: #0068fd;
  border-color: #0068fd;
  padding: 20px 25px;
  font-size: 12px;
  font-weight: 600;
}

.blog-post-collection-item {
  margin-bottom: 45px;
}

.blog-post-wrap {
  height: 695px;
}

.blog-post-image-wrap {
  background-color: #e8effd;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  min-height: 345px;
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.blog-post-title {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.3;
}

.blog-post-title:hover {
  color: var(--primary);
}

.blog-post-image {
  border-radius: 20px;
}

.blog-single-image-wrap {
  background-color: #e8effd;
  border-radius: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  min-height: 500px;
  margin: -90px auto 40px;
  padding: 40px 60px;
  display: flex;
  position: relative;
}

.blog-single-content-wrap {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.blog-single-richtext img {
  border-radius: 30px;
  margin-bottom: 10px;
}

.blog-single-richtext figure {
  text-align: center;
}

.blog-single-richtext p {
  margin-bottom: 20px;
}

.blog-author-whole-wrap {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  background-color: var(--title-color);
  border-radius: 30px;
  align-items: center;
  margin-top: 20px;
  padding: 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-author-image-wrap {
  z-index: 1;
  min-width: 165px;
  max-width: 165px;
  position: relative;
}

.blog-author-content-whole-wrap {
  z-index: 1;
  flex: 1;
  position: relative;
}

.blog-author-title-whole-wrap {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 25px;
  display: flex;
}

.blog-author-title {
  color: var(--white);
  font-size: 22px;
  font-weight: 500;
}

.blog-author-title:hover {
  color: var(--primary-yellow);
}

.blog-author-description {
  color: var(--primary);
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
}

.blog-social-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.blog-author-social-link {
  transition: transform .2s, border-color .2s, background-color .2s, color .2s;
}

.blog-author-social-link:hover {
  transform: translate(0, -3px);
}

.blog-author-image {
  border-radius: 30px;
}

.blog-author-content {
  color: var(--white);
  text-transform: capitalize;
  width: 790px;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 300;
}

.blog-author-bg {
  filter: blur(84px);
  background-color: #ff4c6270;
  border-radius: 100%;
  min-width: 400px;
  min-height: 400px;
  position: absolute;
  inset: 0% auto auto -176px;
  overflow: hidden;
}

.blog-single-banner-image {
  max-height: 670px;
}

.changelog-section {
  padding-top: 125px;
}

.changelog-whole-wrap {
  background-color: var(--dark-color);
  text-align: center;
  background-image: url('../images/Changelog-bg.png'), url('../images/Changelog-bg-02.png');
  background-position: 100% 100%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  border-radius: 30px;
  flex-direction: column;
  align-items: center;
  max-width: 810px;
  margin-left: auto;
  margin-right: auto;
  padding: 115px 20px 130px;
  display: flex;
}

.changelog-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 60px;
  font-size: 125px;
  font-weight: 700;
  line-height: .8;
}

.changelog-content {
  color: var(--white);
  margin-bottom: 0;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-wrap.password-protection-page {
  background-color: #fff;
  border: 1px solid #e5e7fb;
  border-radius: 30px;
  max-width: 775px;
  margin: 100px auto;
  padding-top: 100px;
  padding-bottom: 100px;
  box-shadow: 8px 14px 40px #f0f1fb;
}

.utility-page-wrap.error-page {
  z-index: 2;
  width: 100%;
  position: relative;
}

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

.utility-page-content.password-protection-page {
  width: 510px;
  margin-bottom: 0;
}

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

.utility-page-form.password-protection-page {
  align-items: center;
}

.password-title {
  margin-bottom: 40px;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
}

.password-title-subtext {
  color: var(--primary);
}

.password-input-field {
  border: 2px solid var(--primary);
  color: var(--primary-orange);
  border-radius: 50px;
  min-height: 80px;
  margin-bottom: 40px;
  padding: 25px 40px;
  font-size: 18px;
}

.password-input-field::placeholder {
  color: #717182;
  font-size: 18px;
}

.error-title {
  color: var(--primary);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #0a4fb1, #3588ff 58%, #62a2ff);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 150px;
  font-weight: 700;
  line-height: .8;
}

.error-section-content {
  color: var(--white);
  width: 76%;
  font-size: 18px;
  font-weight: 400;
}

.error-sub-title {
  color: var(--white);
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 40px;
}

.error-button-wrap {
  flex-direction: column;
  width: 300px;
  padding-top: 20px;
  display: flex;
}

.integration-image {
  width: 50%;
}

.event-card-circle {
  background-color: #3a37e9;
  border-radius: 100%;
  min-width: 145px;
  min-height: 145px;
  position: absolute;
  inset: -30px auto auto 140px;
}

.event-grid-circle {
  filter: blur(130px);
  background-color: #1d1db6;
  border-radius: 100%;
  min-width: 163px;
  min-height: 538px;
  position: absolute;
  top: 70px;
  left: 747px;
}

.send-title-wrap {
  width: auto;
}

.pricing-rate-content {
  color: var(--dark-color);
  margin-bottom: 0;
  font-size: 16px;
}

.pricing-whole-wrap {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pricing-title-content {
  line-height: 1.5;
}

.container-medium {
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.accordion-shadow {
  z-index: -1;
  border-radius: 20px;
  position: absolute;
  inset: 0%;
  box-shadow: 5px 9px 20px #71718247;
}

.pricing-arrow {
  position: absolute;
  right: 0;
}

.blog-section {
  padding-top: 120px;
  padding-bottom: 40px;
  display: block;
}

.blog-title-whole-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-title-wrap {
  max-width: 510px;
}

.blog-collection-whole-wrap {
  margin-top: 35px;
}

.about-story-bg-circle {
  background-image: linear-gradient(49deg, #3c8cff, #fff0 60%);
  border-radius: 100%;
  min-width: 400px;
  min-height: 400px;
  position: absolute;
  inset: auto auto 0 -10px;
}

.career-single-button-wrap {
  padding-left: 30px;
  display: flex;
}

.integration-single-banner-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
}

.contact-banner-button-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 35px;
  display: flex;
}

.contact-banner-button {
  z-index: 1;
  grid-column-gap: 10px;
  background-color: var(--white);
  border-radius: 50px;
  padding: 20px 50px;
  font-family: Lexend, sans-serif;
  font-size: 22px;
  font-weight: 400;
  display: flex;
}

.contact-banner-button:hover {
  background-color: var(--alice-blue);
  color: var(--primary);
}

.integration-banner-content {
  color: var(--white);
  margin-bottom: 0;
  font-size: 36px;
  line-height: 0;
}

.success-message {
  border: 1px solid var(--white);
  background-color: var(--primary);
  color: var(--white);
  border-radius: 20px;
  padding: 20px;
  font-size: 18px;
  font-weight: 500;
}

.error-message {
  text-align: center;
  border-radius: 20px;
  margin-top: 20px;
  padding: 20px;
  font-size: 18px;
  font-weight: 500;
}

.more-template-badge {
  z-index: 999;
  margin-bottom: 10px;
  position: fixed;
  inset: auto 0% 30px auto;
}

.buy-template-badge {
  z-index: 999;
  position: fixed;
  inset: auto 0% 5px auto;
}

.integration-icon {
  width: 60px;
}

.get-a-quote-button {
  background-image: linear-gradient(to right, #ff774c, #8277ff);
  border-radius: 3px;
}

.hireus-content {
  color: #fff;
  font-size: 12px;
}

.hireus-orange-button {
  color: #0b0b0b;
  background-color: #ff774c;
  border-radius: 3px;
  padding: 6px 8px 5px;
  font-size: 12px;
  font-weight: 700;
}

.hireus-badge {
  z-index: 999;
  background-image: linear-gradient(to right, #ff774c, #8277ff);
  border-radius: 8px;
  width: 300px;
  display: inline-block;
  position: fixed;
  inset: auto auto 8px 5px;
}

.hireus-button-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.get-a-quote-button-wrap {
  color: #fff;
  background-color: #0b0b0b;
  border-radius: 3px;
  margin: 1px;
  padding: 6px 8px 5px;
  font-size: 12px;
  font-weight: 700;
}

.hireus-link {
  color: #fff;
  margin-left: 2px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: underline;
}

.hireus-close-wrap {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.hireus-badge-wrap {
  background-color: #0b0b0b;
  border-radius: 8px;
  margin: 2px;
  padding: 12px 15px 15px 12px;
  position: relative;
}

.list, .list-2, .list-3, .list-4 {
  font-size: 16px;
}

.list-5 {
  color: var(--title-color);
  font-size: 18px;
}

.heading {
  color: var(--dark-color);
}

.paragraph {
  color: var(--dark-color);
  margin-top: 10px;
}

.list-6, .paragraph-2, .paragraph-3 {
  color: var(--dark-color);
}

.rich-text-block {
  min-width: auto;
  margin-bottom: 20px;
}

.list-7 {
  color: var(--dark-color);
  font-size: 16px;
}

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

.dot02 {
  background-color: #ef4918;
  border-radius: 1rem;
  width: .25rem;
  height: .25rem;
  position: absolute;
  inset: 22% auto auto 0%;
}

.checkbox-1 {
  z-index: 2;
  cursor: pointer;
  background-color: #050b1a;
  border: .125rem solid #e8ca9b;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: relative;
}

.burstspinevert {
  background-color: #ef4918;
  border-radius: 1rem;
  width: .125rem;
  height: 100%;
}

.checktextwrapper {
  z-index: 2;
  display: flex;
  position: relative;
}

.burstsknockout {
  z-index: 2;
  aspect-ratio: 1;
  background-color: #050b1a;
  border-radius: 1rem;
  width: 1.8rem;
  height: 1.8rem;
  position: relative;
}

.dot07 {
  background-color: #e8ca9b;
  border-radius: 1rem;
  width: .25rem;
  height: .25rem;
  position: absolute;
  inset: auto 28% -3% auto;
}

.checklabel {
  color: #c9c9c9;
  letter-spacing: .03ch;
  margin-left: 10px;
  font-weight: 700;
}

.dot06 {
  background-color: #ef4918;
  border-radius: 1rem;
  width: .35rem;
  height: .35rem;
  position: absolute;
  inset: -12% auto auto 26%;
}

.burstsspineswrapper {
  z-index: 1;
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  display: flex;
  position: absolute;
}

.checkmarkhorizspine {
  background-color: #e8ca9b;
  border-radius: 1rem;
  width: .375rem;
  height: .125rem;
  margin-right: -.125rem;
}

.checkiconwrapper {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
  top: -.0625rem;
  transform: rotate(30deg);
}

.dot01 {
  background-color: #e8ca9b;
  border-radius: 1rem;
  width: .4rem;
  height: .4rem;
  position: absolute;
  inset: -6% 26% auto auto;
}

.dot05 {
  background-color: #ef4918;
  border-radius: 1rem;
  width: .25rem;
  height: .25rem;
  position: absolute;
  inset: 18% 0% auto auto;
}

.dot04 {
  background-color: #e8ca9b;
  border-radius: 1rem;
  width: .25rem;
  height: .25rem;
  position: absolute;
  inset: auto auto 18% -6%;
}

.burstspine40pos {
  background-color: #ef4918;
  border-radius: 1rem;
  width: .125rem;
  height: 110%;
  position: absolute;
  transform: rotate(40deg);
}

.checkboxwrapper {
  z-index: 2;
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.burstspinehoriz {
  background-color: #ef4918;
  border-radius: 1rem;
  width: .125rem;
  height: 100%;
  position: absolute;
  transform: rotate(90deg);
}

.burstspine40neg {
  background-color: #ef4918;
  border-radius: 1rem;
  width: .125rem;
  height: 110%;
  position: absolute;
  transform: rotate(-40deg);
}

.dot03 {
  background-color: #ef4918;
  border-radius: 1rem;
  width: .3rem;
  height: .3rem;
  position: absolute;
  inset: auto auto -10% 27%;
}

.burstswrapper {
  z-index: 1;
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 3rem;
  display: flex;
  position: absolute;
  left: -.25rem;
}

.lineoutline {
  background-color: #ef4918;
  border-radius: 1rem;
  width: 100%;
  height: .125rem;
}

.checkmarkverticalspine {
  background-color: #e8ca9b;
  border-radius: 1rem;
  width: .125rem;
  height: 1rem;
}

.lineoutwrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: .125rem 0% 0%;
}

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

.checklabel-copy {
  color: #131323;
  letter-spacing: .03ch;
  margin-left: 10px;
  font-weight: 700;
  display: block;
}

.list-item-2, .list-item-3 {
  font-size: 18px;
}

.checklabel-copy-copy {
  color: #c9c9c9;
  letter-spacing: .03ch;
  margin-left: 40px;
  font-weight: 700;
}

.checkbox-2, .checkbox-3, .checkbox-4, .checkbox-5 {
  z-index: 2;
  cursor: pointer;
  background-color: #050b1a;
  border: .125rem solid #e8ca9b;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: relative;
}

.checkbox-field {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: static;
}

.checkbox {
  z-index: 2;
  cursor: pointer;
  background-color: #050b1a;
  border: .125rem solid #e8ca9b;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 20%;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block {
  color: #c9c9c9;
}

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

.text-block-2 {
  color: #c9c9c9;
}

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

.button-2 {
  margin-top: 20px;
}

.form-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: block;
}

.field-label, .field-label-2 {
  color: #c9c9c9;
}

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

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

.form-field-wrapper.margin-b40 {
  margin-bottom: 40px;
}

.form-field-label {
  color: #fff;
  background-color: #0068fd;
  border-radius: 25px;
  padding: 3px 12px 2px;
  font-weight: 400;
  display: inline-block;
  position: absolute;
  top: -12px;
  left: 10px;
}

.custom-override-button-left-line {
  background-color: #fec901;
  width: 2px;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.success-message-2 {
  color: #fff;
  background-color: #73cc34;
  font-weight: 400;
}

.custom-override-button-bottom-line {
  background-color: #fec901;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.custom-override-button-wrapper {
  display: inline-block;
}

.custom-override-button-wrapper.center {
  text-align: center;
  display: block;
  position: relative;
}

.form-box-wrapper {
  background-color: #1e1e2c;
  border-radius: 20px;
  width: 90%;
  min-width: auto;
  margin-left: 0;
  padding: 40px 60px;
  display: block;
  box-shadow: 0 3px 6px 1px #18181880;
}

.custom-override-button-right-line {
  background-color: #fec901;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.custom-override-button-top-line {
  background-color: #fec901;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
}

.form-heading {
  color: #fff;
  margin-bottom: 60px;
}

.form-text-field {
  color: #f8f8f8;
  background-color: #0000;
  border: 1px solid #f8f8f861;
  width: 100%;
  min-height: 50px;
  padding-top: 20px;
  padding-bottom: 15px;
}

.form-text-field:focus {
  border-color: #73cc34;
}

.form-text-field::placeholder {
  font-weight: 400;
}

.form-text-field.message {
  min-height: 150px;
  padding-top: 25px;
}

.error-message-2 {
  color: #fff;
  background-color: #f03;
  font-weight: 400;
}

.custom-overridebutton-text {
  margin: 15px 25px;
}

.custom-override-button {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.custom-override-button.absolute {
  z-index: 100;
  color: #0000;
  background-color: #0000;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.div-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: start center;
  margin-top: 40px;
  display: grid;
}

.div-block-3 {
  margin-right: 20px;
}

.form-block-3 {
  margin-bottom: 0;
  overflow: visible;
}

.ergebnis {
  display: none;
}

.event-card-whole-wrap-copy {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-direction: column;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.event-card-wrap-copy.yellow-bg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--primary-yellow);
  padding-bottom: 45px;
}

.checklabel-copy {
  color: #131323;
  letter-spacing: .03ch;
  margin-left: 10px;
  font-weight: 300;
}

.rich-text-block-copy {
  min-width: auto;
  margin-bottom: 40px;
}

.image {
  object-fit: fill;
  max-height: 100%;
  display: block;
  overflow: visible;
}

.code-embed {
  float: none;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
  position: static;
}

.code-embed-2, .code-embed-3, .code-tage, .code-embed-5 {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.accordion-content-copy {
  color: var(--dark-color);
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 18px;
  font-weight: 300;
}

.accordion-content-copy-copy {
  color: var(--font-color);
  width: 100%;
  max-width: 90%;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-size: 18px;
}

.section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-left: 20px;
  display: flex;
}

.section-sub-title-wrap-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  border: 1px solid #b4d9ff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  max-height: 50px;
  margin-bottom: 20px;
  padding: 17px 35px;
  display: flex;
}

.section-sub-title-wrap-copy.hero-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1a1a2e;
  border-color: #42425f;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
}

.section-sub-title-wrap-copy.inside-fill {
  background-color: #f3f4fe;
}

.section-sub-title-wrap-copy.dark, .section-sub-title-wrap-copy.home-banner {
  background-color: var(--title-color);
  border-color: #42425f;
}

.section-sub-title-wrap-copy.hero-section-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1a1a2e;
  border-color: #42425f;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.section-title-copy {
  color: var(--dark-color);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.1;
  display: flex;
}

.section-sub-title-wrap-copy-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  border: 1px solid #b4d9ff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  max-height: 50px;
  margin-bottom: 20px;
  padding: 17px 35px;
  display: flex;
}

.section-sub-title-wrap-copy-copy.hero-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1a1a2e;
  border-color: #42425f;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
}

.section-sub-title-wrap-copy-copy.inside-fill {
  background-color: #f3f4fe;
}

.section-sub-title-wrap-copy-copy.dark, .section-sub-title-wrap-copy-copy.home-banner {
  background-color: var(--title-color);
  border-color: #42425f;
}

.section-sub-title-wrap-copy-copy.hero-section-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1a1a2e;
  border-color: #42425f;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.section-sub-title-wrap-copy-copy.hero-section-copy-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f3f4fe00;
  border-style: solid;
  border-color: #42425f;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.section-sub-title-content-copy {
  color: #0068fd;
  text-transform: capitalize;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.section-sub-title-content-copy.white-font {
  color: var(--white);
  font-size: 15px;
}

.section-sub-title-content-copy.white-font-copy {
  color: var(--dark-color);
  font-size: 15px;
}

.feature-section-copy {
  background-color: #f3f4fe;
  padding-top: 60px;
  padding-bottom: 0;
}

.ergebnisbutton {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  border: 1px solid #b4d9ff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  max-height: 50px;
  margin-bottom: 20px;
  padding: 17px 35px;
  display: flex;
}

.ergebnisbutton.hero-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1a1a2e;
  border-color: #42425f;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
}

.ergebnisbutton.inside-fill {
  background-color: #f3f4fe;
}

.ergebnisbutton.dark, .ergebnisbutton.home-banner {
  background-color: var(--title-color);
  border-color: #42425f;
}

.ergebnisbutton.hero-section-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1a1a2e;
  border-color: #42425f;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.ergebnisbutton.ergebnisbuttonsection {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1a1a2e;
  border-color: #42425f;
  max-width: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
}

.section-2 {
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-bottom: 40px;
  display: flex;
}

.code-embed-6 {
  padding-left: 20px;
  padding-right: 20px;
}

.section-2-copy {
  background-color: #f3f4fe;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 40px;
  display: flex;
}

.ergebnisbutton-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  border: 1px solid #b4d9ff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  max-height: 50px;
  margin-bottom: 20px;
  padding: 17px 35px;
  display: flex;
}

.ergebnisbutton-copy.hero-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1a1a2e;
  border-color: #42425f;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
}

.ergebnisbutton-copy.inside-fill {
  background-color: #f3f4fe;
}

.ergebnisbutton-copy.dark, .ergebnisbutton-copy.home-banner {
  background-color: var(--title-color);
  border-color: #42425f;
}

.ergebnisbutton-copy.hero-section-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1a1a2e;
  border-color: #42425f;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.ergebnisbutton-copy.ergebnisbuttonsection, .ergebnisbutton-copy.ergebnisbuttonsection-copy, .ergebnisbutton-copy.beratungbuttonsection {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1a1a2e;
  border-color: #42425f;
  max-width: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
}

.beratungbutton {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  border: 1px solid #b4d9ff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  max-height: 50px;
  margin-bottom: 20px;
  padding: 17px 35px;
  display: flex;
}

.beratungbutton.hero-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1a1a2e;
  border-color: #42425f;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
}

.beratungbutton.inside-fill {
  background-color: #f3f4fe;
}

.beratungbutton.dark, .beratungbutton.home-banner {
  background-color: var(--title-color);
  border-color: #42425f;
}

.beratungbutton.hero-section-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1a1a2e;
  border-color: #42425f;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.beratungbutton.ergebnisbuttonsection, .beratungbutton.ergebnisbuttonsection-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1a1a2e;
  border-color: #42425f;
  max-width: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
}

.beratungbutton.beratungbuttonsection {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1a1a2e;
  border-color: #42425f;
  max-width: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  display: block;
}

.container-2 {
  display: block;
}

.paragraph-4 {
  color: var(--dark-color);
  margin-bottom: 0;
}

.ergebnisangestellte {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.heading-2, .heading-3, .heading-4 {
  color: var(--dark-color);
}

.code-embed-8 {
  border: 1px solid #f8f8f861;
}

.div-block-4 {
  display: block;
}

.event-card-wrap-copy-copy.blue-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #4945ff;
  padding-top: 50px;
}

.event-card-wrap-copy {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #1e1e2c;
  border-radius: 30px;
  flex-direction: column;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 50px 30px 40px 40px;
  display: flex;
  overflow: hidden;
}

.event-card-wrap-copy.yellow-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--primary-yellow);
  padding-top: 50px;
  padding-bottom: 40px;
}

.event-card-wrap-copy.blue-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #4945ff;
  padding-top: 50px;
}

.event-card-wrap-copy.event-last-card {
  align-items: center;
  padding-bottom: 0;
}

.event-card-wrap-copy.blue-image-wrap {
  background-color: #4945ff;
  padding: 30px 25px;
}

.event-card-wrap-copy.dark-image-wrap {
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.event-card-wrap-copy.grey-bg-wrap {
  background-color: #e6e6e6;
  padding-right: 30px;
}

.event-card-wrap-copy.blue-bg-copy {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #4945ff;
  padding-top: 50px;
  display: block;
}

.event-card-wrap-copy-copy {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #1e1e2c;
  border-radius: 30px;
  flex-direction: column;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 50px 30px 50px 40px;
  display: flex;
  overflow: hidden;
}

.event-card-wrap-copy-copy.yellow-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--primary-yellow);
  padding-top: 50px;
  padding-bottom: 40px;
}

.event-card-wrap-copy-copy.blue-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #4945ff;
  padding-top: 50px;
  padding-bottom: 40px;
}

.event-card-wrap-copy-copy.event-last-card {
  align-items: center;
  padding-bottom: 0;
}

.event-card-wrap-copy-copy.blue-image-wrap {
  background-color: #4945ff;
  padding: 30px 25px;
}

.event-card-wrap-copy-copy.dark-image-wrap {
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.event-card-wrap-copy-copy.grey-bg-wrap {
  background-color: #e6e6e6;
  padding-right: 30px;
}

.event-card-wrap-copy-copy-copy {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #1e1e2c;
  border-radius: 30px;
  flex-direction: column;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 50px 30px 50px 40px;
  display: none;
  overflow: hidden;
}

.event-card-wrap-copy-copy-copy.yellow-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--primary-yellow);
  padding-top: 50px;
  padding-bottom: 40px;
}

.event-card-wrap-copy-copy-copy.blue-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #4945ff;
  padding-top: 50px;
}

.event-card-wrap-copy-copy-copy.event-last-card {
  align-items: center;
  padding-bottom: 0;
}

.event-card-wrap-copy-copy-copy.blue-image-wrap {
  background-color: #4945ff;
  padding: 30px 25px;
}

.event-card-wrap-copy-copy-copy.dark-image-wrap {
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.event-card-wrap-copy-copy-copy.grey-bg-wrap {
  background-color: #e6e6e6;
  padding-right: 30px;
}

.code-gehalt {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.code-beruf {
  float: none;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
  position: static;
}

.code-alter, .code-unbefristet, .code-fam, .code-fam-vers, .code-fam-plan {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.code-gehalt2 {
  float: none;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
  position: static;
}

.code-alter2, .code-leistungsniveau, .code-ges {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.div-block-5 {
  max-width: 1200px;
  display: none;
}

.paragraph-5 {
  max-width: 1200px;
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
}

.div-block-6 {
  display: none;
}

.pricing-section-copy {
  padding-top: 125px;
  padding-bottom: 110px;
}

.pricing-section-copy.homepage {
  background-color: #f9fbff;
  background-image: url('../images/Pricing-Section-Bg.png');
  background-position: 0 90%;
  background-repeat: no-repeat;
  padding-top: 140px;
  padding-bottom: 120px;
}

.pricing-section-copy.homepage-copy {
  background-color: #f9fbff;
  background-image: url('../images/Pricing-Section-Bg.png');
  background-position: 0 90%;
  background-repeat: no-repeat;
  padding-top: 60px;
  padding-bottom: 60px;
}

.text-block-3, .text-block-4, .text-block-5 {
  color: var(--dark-color);
}

.ergebnisangestelltetarifbasis {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.code-embed-9 {
  color: var(--dark-color);
}

.pricing-wrapform {
  background-color: var(--white);
  background-image: url('../images/Pricing-bg.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  flex-direction: column;
  align-items: center;
  padding: 35px 30px;
  display: flex;
  box-shadow: 0 7px 40px #0068fd26;
}

.ergebnisangestelltetarifkomfort, .ergebnisangestelltetarifpremium {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.text-span-2 {
  color: var(--primary);
}

.ctabuttoncopy {
  border: 2px solid var(--primary);
  background-color: var(--primary);
  color: var(--white);
  text-align: center;
  border-radius: 50px;
  padding: 25px 55px;
  font-family: Lexend, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: border-color .2s, color .2s, background-color .2s;
}

.ctabuttoncopy:hover {
  border-color: var(--secondary);
  background-color: var(--secondary);
}

.ctabuttoncopy.secondary {
  background-color: var(--white);
  color: var(--title-color);
  border-color: #4945ff;
}

.ctabuttoncopy.secondary:hover {
  border-color: var(--primary);
  background-color: var(--primary);
  color: var(--white);
}

.ctabuttoncopy.dark-board-button {
  border-color: var(--title-color);
  background-color: var(--white);
  color: var(--title-color);
}

.ctabuttoncopy.dark-board-button:hover {
  background-color: var(--title-color);
  color: var(--white);
}

.ctabuttoncopy.green-button {
  border-color: var(--secondary);
  background-color: var(--secondary);
  color: var(--title-color);
}

.ctabuttoncopy.green-button:hover {
  border-color: var(--primary-yellow);
  background-color: var(--primary-yellow);
}

.ctabuttoncopy.event-card-button {
  background-color: #1e1e2c;
}

.ctabuttoncopy.event-card-button:hover {
  background-color: var(--secondary);
}

.ctabuttoncopy.dark-button {
  background-color: #1e1e2c;
  border-color: #1e1e2c;
}

.ctabuttoncopy.dark-button:hover {
  border-color: var(--secondary);
  background-color: var(--secondary);
}

.ctabuttoncopy.cta-button {
  border-color: var(--secondary);
  background-color: var(--secondary);
  color: var(--dark-color);
  flex: none;
  min-width: 120px;
  padding: 15px 20px;
}

.ctabuttoncopy.cta-button:hover {
  border-color: var(--primary-orange);
  background-color: var(--primary-orange);
}

.ctabuttoncopy.ctabuttoncopy2 {
  border-style: none;
  border-color: var(--secondary);
  background-color: var(--primary-yellow);
  color: var(--dark-color);
  flex: none;
  min-width: 120px;
  padding: 15px 20px;
  overflow: clip;
}

.ctabuttoncopy.ctabuttoncopy2:hover {
  border-color: var(--primary-orange);
  background-color: var(--light-yellow);
}

.checkbox-label {
  color: #fff;
  font-size: 14px;
}

.checkbox-label-2, .checkbox-label-3, .checkbox-label-4, .checkbox-label-5 {
  color: #fff;
}

.checkbox-label-6 {
  color: #fff;
  font-size: 14px;
}

.checkbox-field-2 {
  padding-top: 10px;
}

.text-block-6 {
  max-width: 60px;
}

.text-block-7 {
  max-width: 90px;
}

.text-block-8 {
  max-width: 60px;
}

.auto-scroll-slider {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 20px;
  display: grid;
}

.text-block-9 {
  color: var(--dark-color);
  font-size: 14px;
}

.integration-card-wrap-title {
  color: var(--dark-color);
}

.hero-wrap-mobil {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-wrap-mobil.home-banner {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 85px;
  display: none;
}

.banner-text-copy {
  color: #1a1a2e;
  margin-bottom: 20px;
  font-family: Lexend, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1;
}

.banner-text-copy.white-font, .banner-text-copy.white-font-copy {
  color: var(--white);
  font-size: 50px;
}

.container-copy {
  max-width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.footer-title-2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
}

.section-sub-title-content-bewertung {
  color: #0068fd;
  text-transform: capitalize;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.section-sub-title-content-bewertung.white-font {
  color: var(--white);
  text-transform: none;
  font-size: 15px;
}

.section-sub-title-content-bewertung.white-font-copy {
  color: var(--white);
  font-size: 15px;
}

.section-title-copy {
  color: var(--dark-color);
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.1;
}

.section-title-copy.white-font {
  color: var(--white);
}

.dropdown-toggle {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  justify-content: flex-start;
  align-items: center;
  padding: 0 20px;
  display: flex;
}

.banner-button-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--white);
  border: 1px solid #474763;
  border-radius: 50px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  margin-top: 20px;
  margin-left: 0;
  margin-right: auto;
  padding: 8px 0;
  font-size: 18px;
  transition-property: none;
  display: flex;
}

.button-copy {
  border: 2px none var(--primary);
  background-color: var(--primary-yellow);
  color: var(--dark-color);
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 0 30px;
  font-family: Lexend, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: border-color .2s, color .2s, background-color .2s;
  display: flex;
}

.button-copy:hover {
  border-color: var(--secondary);
  background-color: var(--light-yellow);
}

.button-copy.secondary {
  background-color: var(--white);
  color: var(--title-color);
  border-color: #4945ff;
}

.button-copy.secondary:hover {
  border-color: var(--primary);
  background-color: var(--primary);
  color: var(--white);
}

.button-copy.dark-board-button {
  border-color: var(--title-color);
  background-color: var(--white);
  color: var(--title-color);
}

.button-copy.dark-board-button:hover {
  background-color: var(--title-color);
  color: var(--white);
}

.button-copy.green-button {
  border-color: var(--secondary);
  background-color: var(--secondary);
  color: var(--title-color);
}

.button-copy.green-button:hover {
  border-color: var(--primary-yellow);
  background-color: var(--primary-yellow);
}

.button-copy.event-card-button {
  background-color: #1e1e2c;
}

.button-copy.event-card-button:hover {
  background-color: var(--secondary);
}

.button-copy.dark-button {
  background-color: #1e1e2c;
  border-color: #1e1e2c;
}

.button-copy.dark-button:hover {
  border-color: var(--secondary);
  background-color: var(--secondary);
}

.button-copy.cta-button {
  border-color: var(--secondary);
  background-color: var(--secondary);
  color: var(--dark-color);
  flex: none;
  min-width: 120px;
  padding: 15px 20px;
}

.button-copy.cta-button:hover {
  border-color: var(--primary-orange);
  background-color: var(--primary-orange);
}

.text-block-10 {
  color: var(--white);
  font-size: 16px;
}

.banner-button-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--white);
  background-color: #fec901;
  border: 1px solid #474763;
  border-radius: 50px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  margin-top: 20px;
  margin-left: 0;
  margin-right: auto;
  padding: 8px 10px 8px 20px;
  font-size: 18px;
  transition-property: none;
  display: flex;
}

.banner-button-copy:hover {
  border-color: var(--primary-yellow);
  background-color: var(--primary-yellow);
  color: var(--title-color);
}

.text-block-11 {
  color: var(--dark-color);
  font-size: 16px;
}

.banner-button-copy-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--white);
  border: 1px solid #474763;
  border-radius: 50px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  margin-top: 20px;
  margin-left: 0;
  margin-right: auto;
  padding: 8px 0;
  font-size: 18px;
  transition-property: none;
  display: flex;
}

.banner-button-copy-copy:hover {
  border-color: var(--primary-yellow);
  background-color: var(--primary-yellow);
  color: var(--title-color);
}

.banner-button-copy-copy-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--white);
  border: 1px solid #474763;
  border-radius: 50px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  margin-top: 20px;
  margin-left: 0;
  margin-right: auto;
  padding: 8px 0;
  font-size: 18px;
  transition-property: none;
  display: flex;
}

.banner-button-copy-copy-copy:hover {
  border-color: var(--primary-yellow);
  background-color: var(--primary-yellow);
  color: var(--title-color);
}

.banner-button-body {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--white);
  background-color: #fec901;
  border: 1px #474763;
  border-radius: 50px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  margin-top: 20px;
  margin-left: 0;
  margin-right: auto;
  padding: 8px 0;
  font-size: 18px;
  transition-property: none;
  display: flex;
}

.banner-button-body:hover {
  border-color: var(--primary-yellow);
  background-color: var(--primary-yellow);
  color: var(--title-color);
}

.dropdown-list {
  z-index: 999;
}

.dashboard-grid-1 {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr;
  justify-content: center;
  place-items: stretch center;
  width: 65%;
  position: relative;
}

.send-title-wrap-2 {
  width: 100%;
}

.send-whole-wrap-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.send-image-2 {
  border-radius: 20px;
}

.send-image-2.statistic-image {
  position: relative;
  left: 155px;
}

.send-image-2.profile-image {
  z-index: 1;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-2.database-image {
  z-index: 2;
  position: absolute;
  inset: 58% 60% auto auto;
  box-shadow: 8px 8px 20px 3px #1a1a2e33;
}

.send-image-2.profile-image-copy {
  z-index: 1;
  margin-top: 40px;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-2.statistic-image-2 {
  position: relative;
  left: 0;
}

.send-image-copy.database-image-copy {
  z-index: 2;
  position: absolute;
  inset: 58% auto auto 140px;
  box-shadow: 8px 8px 20px #0003;
}

.pricing-feature-wrap-2 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #0068fd;
  border-radius: 30px;
  flex-direction: column;
  width: 100%;
  padding: 30px 20px 35px 30px;
  display: flex;
}

.pricing-feature-wrap-2.dark-bg-wrap {
  background-color: #1a1a2e;
}

.pricing-feature-wrap-2.dark-bg-wrap-2 {
  background-color: #1a1a2e;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.send-whole-wrap-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.list-item-4 {
  font-size: 18px;
}

.banner-button-copy-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--white);
  background-color: #fec901;
  border: 1px #474763;
  border-radius: 50px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 10px 8px 20px;
  font-size: 18px;
  transition-property: none;
  display: flex;
  position: relative;
  top: 400px;
  right: 30%;
}

.banner-button-copy-2:hover {
  border-color: var(--primary-yellow);
  background-color: var(--primary-yellow);
  color: var(--title-color);
}

.send-whole-wrap-home2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 60% 35%;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  position: relative;
}

.send-title-wrap-home2 {
  width: auto;
}

.send-title-wrap-home2s {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.image-2 {
  position: relative;
  top: 270px;
  left: 180px;
}

.integration-section-2 {
  padding-top: 0;
}

.send-title-wrap-home2smobil {
  justify-content: center;
  align-items: flex-start;
  width: 700px;
  display: flex;
}

.banner-button-copy-3 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--white);
  background-color: #fec901;
  border: 1px solid #474763;
  border-radius: 50px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 10px 8px 20px;
  font-size: 18px;
  transition-property: none;
  display: none;
  position: relative;
  top: 400px;
  right: 250px;
}

.banner-button-copy-3:hover {
  border-color: var(--primary-yellow);
  background-color: var(--primary-yellow);
  color: var(--title-color);
}

.list-item-5, .list-item-6, .list-item-7 {
  padding-bottom: 0;
}

.send-whole-wrap-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  position: relative;
}

.phone-wrapper {
  flex-flow: column;
  width: 90%;
  height: auto;
  display: flex;
  position: relative;
}

.code-embed-10 {
  width: 114%;
  height: 100%;
  position: relative;
  inset: 0;
  overflow: hidden;
}

.image-3 {
  z-index: 10;
  pointer-events: none;
  width: 100%;
  max-width: none;
  position: relative;
}

.div-block-7 {
  border-radius: 47px;
  width: 96%;
  height: auto;
  position: absolute;
  top: 10px;
  bottom: auto;
  left: 5px;
  overflow: hidden;
}

.send-section-desktop {
  z-index: 1;
  align-self: stretch;
  padding-top: 60px;
  padding-bottom: 100px;
  position: relative;
}

.send-grid-mobil {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.send-grid-desktop {
  grid-column-gap: 6%;
  grid-row-gap: 6%;
  grid-template-rows: auto;
  grid-template-columns: 47% 47%;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.team-member-whole-wrap-top {
  border-radius: 25px;
  max-width: 320px;
  padding-top: 25px;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}

.heading-5 {
  letter-spacing: 1px;
  text-transform: none;
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 1;
}

.progress-bar__content-4 {
  object-fit: fill;
  background-color: #8f00ff;
  border-radius: 1000px;
  width: 18%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  position: static;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.progress-bar__content-4._3 {
  background-color: #0068fd;
  width: 5%;
  margin-right: 0;
}

.progress-bar__content-4._2 {
  background-color: #0068fd;
  width: 5%;
}

.progress-bar__content-4._4 {
  background-color: #0068fd;
  flex: 0 auto;
  width: 5%;
  margin-right: 0;
  display: block;
}

.progress-bar__content-4._1 {
  background-color: #0068fd;
  width: 5%;
}

.card {
  background-color: #161616;
  border-radius: 20px;
  width: auto;
  min-width: 400px;
  max-width: 500px;
  height: 70vh;
  max-height: 480px;
  margin-bottom: 32px;
  padding: 20px 40px 32px;
  position: static;
  transform: rotate(0);
  box-shadow: 0 0 20px 1px #050505cc;
}

.skill-header {
  justify-content: space-between;
  margin-bottom: 16px;
  display: flex;
}

.hole-container {
  width: 100%;
  margin-bottom: 32px;
}

.div-block-8 {
  background-color: #fbf9fc;
  width: 100%;
  height: 1px;
  display: none;
}

.card__header {
  margin-bottom: 20px;
  padding: 0;
}

.heading-6 {
  color: var(--white);
  max-width: 80%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
}

.hole {
  background-color: #080808;
  border-radius: 100px;
  width: 48px;
  height: 8px;
  margin-left: auto;
  margin-right: auto;
}

.card-text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
}

.skill {
  margin-bottom: 24px;
}

.progres-bar-2 {
  background-color: #161616;
  border-radius: 90px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
  height: 14px;
  margin-right: 8px;
  padding: 4px;
  display: flex;
  position: relative;
}

.progres-bar-2.card-bar {
  color: #fbf9fc;
  background-color: #080808;
  width: 100%;
}

.div-block-9 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 400px;
  max-width: 500px;
  height: 100%;
  display: flex;
  position: static;
  inset: 0%;
}

.heading-7 {
  letter-spacing: 1px;
  text-transform: none;
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 1;
}

.text-block-12 {
  margin-right: 8px;
  line-height: 1;
}

.div-block-10 {
  background-color: #fbf9fc;
  width: 100%;
  height: 1px;
  display: none;
}

.heading-8 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
}

.button-l-2 {
  color: #fbf9fc;
  text-align: center;
  background-color: #282729;
  border-radius: 90px;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 50%;
  height: auto;
  margin-top: 1rem;
  margin-right: 0;
  padding: .75rem 1.25rem;
  font-size: .875rem;
  font-weight: 400;
  transition-property: none;
  display: flex;
  position: static;
  inset: auto auto 0;
}

.image-4 {
  width: 16px;
}

.card__skills-container-pkv {
  width: 100%;
  margin-top: 30px;
}

.office-grid-about {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  align-items: center;
}

.our-story-card-content-about {
  margin-bottom: 0;
  font-size: 17px;
}

.our-story-card-content-about.white-font-color {
  color: var(--white);
  margin-top: 20px;
  position: static;
  top: 20px;
}

.our-story-card-content-about.dark-font-color {
  color: #131323;
}

.our-story-card-content-about.white-font-color-about {
  color: var(--white);
  margin-top: 20px;
  font-size: 22px;
  position: static;
  top: 20px;
}

.our-story-card-content-about.dark-font-color-about {
  color: #131323;
  margin-top: 20px;
  font-size: 22px;
}

.div-block-11 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.testimonial-whole-wrap-bs {
  z-index: 1;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial-scroll-wrap-bs {
  justify-content: flex-start;
  width: 400%;
  display: flex;
}

.testimonial-scroll-wrap-bs.normal, .testimonial-scroll-wrap-bs.normal-bs {
  width: 400%;
}

.testimonial-scroll-wrap-copy {
  justify-content: flex-start;
  width: 400%;
  display: flex;
}

.testimonial-scroll-wrap-copy.normal {
  width: 400%;
}

.testimonial-card-whole-wrap-bs {
  background-color: var(--white);
  border: 1px solid #dfe2ff;
  border-radius: 20px;
  max-width: 620px;
  padding: 35px 35px 30px;
  box-shadow: 3px 5px 20px -12px #dcdcdc;
}

.testimonial-card-whole-wrap-bs.dark-testimonial {
  box-shadow: 5px 10px 30px -4px #222241;
}

.testimonial-author-whole-wrap-bs {
  grid-column-gap: 20px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.testimonial-content-wrap-bs {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.testimonial-card-star-wrap-bs {
  grid-column-gap: 10px;
  display: flex;
}

.testimonial-author-wrap-bs {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.testimonial-image-wrap-bs {
  min-width: 75px;
  max-width: 75px;
  min-height: 75px;
  max-height: 75px;
}

.testimonial-author-image-bs {
  border-radius: 100%;
}

.testimonial-author-title-bs {
  color: var(--title-color);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.testimonial-author-description-bs {
  color: var(--primary);
  margin-bottom: 0;
  line-height: 1.2;
}

.testimonial-card-content-bs {
  color: var(--dark-color);
  margin-bottom: 0;
}

.testimonial-star-image-bs {
  max-width: 25px;
}

.integration-tab-bs {
  margin-top: 0;
}

.integration-tab-menu-wrap-bs {
  grid-column-gap: 20px;
  justify-content: flex-end;
  margin-top: 20px;
  margin-bottom: 45px;
  padding-top: 0;
  display: flex;
}

.integration-tab-menu-bs {
  background-color: var(--white);
  color: #585353;
  text-align: center;
  border: 2px solid #e5e7fb;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 20px 25px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.integration-tab-menu-bs.w--current {
  border-color: var(--primary);
  background-color: var(--primary);
  color: var(--white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.integration-tab-pane-bs {
  padding-left: 20px;
  padding-right: 20px;
}

.auto-scroll-slider-bs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 20px;
  display: grid;
}

.integration-card-wrap-bs {
  border: 1px solid #dfe2ff;
  border-radius: 30px;
  padding: 45px 30px 40px;
  transition: all .2s;
  box-shadow: 0 0 #e0e4ed;
}

.integration-card-wrap-bs:hover {
  box-shadow: 0 7px 20px #e0e4ed;
}

.integration-icon-wrap-bs {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.integration-content-wrap-bs {
  margin-bottom: 20px;
}

.integration-image-wrap-bs {
  border: 1px solid #dfe2ff;
  border-radius: 100%;
  align-items: center;
  min-width: 70px;
  max-width: 70px;
  min-height: 70px;
  max-height: 70px;
  padding: 15px;
  display: flex;
}

.integration-title-wrap-bs {
  flex-direction: column;
  display: flex;
}

.integration-card-content-bs {
  color: var(--dark-color);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300;
}

.checkbox-field-l {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: static;
}

.checkbox-l {
  z-index: 2;
  cursor: pointer;
  background-color: #050b1a;
  border: .125rem solid #e8ca9b;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 20%;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  display: flex;
  position: relative;
  overflow: visible;
}

.checklabel-l {
  color: #c9c9c9;
  letter-spacing: .03ch;
  max-width: 350px;
  margin-left: 10px;
  font-weight: 300;
}

.checklabel-l.dark-font-color {
  color: #131323;
}

.form-block-4 {
  margin-bottom: 0;
  padding-top: 15px;
}

.event-card-wrap-l {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #1e1e2c;
  border-radius: 30px;
  flex-direction: column;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 50px 30px 40px 40px;
  display: flex;
  overflow: hidden;
}

.event-card-wrap-l.yellow-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--primary-yellow);
  padding-top: 50px;
  padding-bottom: 40px;
}

.event-card-wrap-l.blue-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #0068fd;
  padding-top: 50px;
}

.event-card-wrap-l.event-last-card {
  align-items: center;
  padding-bottom: 0;
}

.event-card-wrap-l.blue-image-wrap {
  background-color: #4945ff;
  padding: 30px 25px;
}

.event-card-wrap-l.dark-image-wrap {
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.event-card-wrap-l.grey-bg-wrap {
  background-color: #e6e6e6;
  padding-right: 30px;
}

.event-card-wrap-l.grey-bg, .event-card-wrap-l.grey-bg-b {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #eee;
  border: 1px solid #d5d8f2;
  box-shadow: 0 10px 20px 2px #ebebee;
}

.event-content-wrap-l {
  flex-flow: column;
  display: flex;
}

.list-8 {
  margin-top: 0;
  margin-bottom: 0;
}

.list-item-8, .list-item-9, .list-item-10 {
  color: var(--font-color);
  font-size: 18px;
  font-weight: 300;
}

.event-card-point-whole-wrap-l {
  grid-column-gap: 39px;
  grid-row-gap: 39px;
  background-color: var(--white);
  border-radius: 20px;
  justify-content: center;
  align-items: flex-start;
  margin: 10px auto 20px;
  padding: 20px 40px;
  display: flex;
}

.event-card-point-wrap-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.event-card-point-wrap-l.sub-point {
  grid-row-gap: 5px;
}

.event-card-point-l {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.event-card-point-content-l {
  color: var(--dark-color);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
}

.event-card-point-content-l.white-font-color {
  color: var(--white);
}

.div-block-12 {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  display: flex;
}

.div-block-13 {
  height: 100%;
  display: block;
  position: relative;
}

.image-5 {
  border: 1px #000;
  border-radius: 100%;
  height: 50%;
  overflow: clip;
}

.section-sub-title-wrap-author {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  border: 1px solid #b4d9ff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  max-height: 50px;
  margin-bottom: 20px;
  padding: 17px 35px;
  display: flex;
}

.section-sub-title-wrap-author.hero-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1a1a2e;
  border-color: #42425f;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
}

.section-sub-title-wrap-author.inside-fill {
  background-color: #f3f4fe;
}

.section-sub-title-wrap-author.dark, .section-sub-title-wrap-author.home-banner {
  background-color: var(--title-color);
  border-color: #42425f;
}

.section-sub-title-wrap-author.hero-section-author {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  background-color: #1a1a2e;
  border-style: solid;
  border-color: #42425f;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.image-6 {
  border: 1px #000;
  border-radius: 0%;
  height: 125%;
  display: block;
  overflow: visible;
}

.div-block-14 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-content {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-left: 20px;
  display: flex;
}

.div-block-15 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-end;
  align-items: center;
  max-height: 50px;
  display: flex;
  overflow: clip;
}

.image-7 {
  max-width: none;
  height: 20px;
  overflow: visible;
}

.author {
  color: var(--dark-color);
  text-align: center;
  margin-top: 10px;
  font-size: 15px;
}

.div-block-16, .div-block-17 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.container-shortcuts {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  max-width: 90%;
  display: flex;
}

.image-8 {
  max-width: 80%;
  position: relative;
}

.div-block-18 {
  flex-flow: column;
  display: flex;
}

.image-9 {
  max-width: 30%;
  display: block;
  position: relative;
  left: 200px;
}

.kachel-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1a1a2e;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  min-width: auto;
  max-width: 350px;
  height: 200px;
  padding: 50px 45px;
  display: flex;
}

.kachel-card.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.kachel-card.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

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

.div-block-20 {
  background-color: #f6f3f4;
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 30px;
  display: flex;
}

.div-block-21 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.send-image-wrap-inhalt {
  justify-content: center;
  align-items: flex-start;
  display: none;
  position: relative;
}

.send-image-inhalt {
  border-radius: 20px;
}

.send-image-inhalt.statistic-image {
  position: relative;
  left: 155px;
}

.send-image-inhalt.profile-image {
  z-index: 1;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-inhalt.database-image {
  z-index: 2;
  position: absolute;
  inset: 58% 60% auto auto;
  box-shadow: 8px 8px 20px 3px #1a1a2e33;
}

.send-image-inhalt.profile-image-copy {
  z-index: 1;
  margin-top: 40px;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-inhalt.statistic-image-copy {
  position: relative;
  left: 155px;
}

.send-image-inhalt.database-image-inhalt {
  z-index: 2;
  height: 29%;
  position: absolute;
  inset: 58% 60% auto auto;
  box-shadow: 8px 8px 20px 3px #1a1a2e33;
}

.send-image-copy {
  border-radius: 20px;
}

.send-image-copy.statistic-image {
  position: relative;
  left: 155px;
}

.send-image-copy.profile-image {
  z-index: 1;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-copy.database-image {
  z-index: 2;
  position: absolute;
  inset: 58% 60% auto auto;
  box-shadow: 8px 8px 20px 3px #1a1a2e33;
}

.send-image-copy.profile-image-copy {
  z-index: 1;
  margin-top: 40px;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-copy.statistic-image-copy {
  position: relative;
  left: 155px;
}

.send-image-copy.profile-image-inhalt {
  z-index: 1;
  height: 44%;
  margin-top: 40px;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-copy-copy {
  border-radius: 20px;
}

.send-image-copy-copy.statistic-image {
  position: relative;
  left: 155px;
}

.send-image-copy-copy.profile-image {
  z-index: 1;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-copy-copy.database-image {
  z-index: 2;
  position: absolute;
  inset: 58% 60% auto auto;
  box-shadow: 8px 8px 20px 3px #1a1a2e33;
}

.send-image-copy-copy.profile-image-copy {
  z-index: 1;
  margin-top: 40px;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-copy-copy.statistic-image-copy {
  position: relative;
  left: 155px;
}

.send-image-copy-copy.profile-image-inhalt {
  z-index: 1;
  margin-top: 40px;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-copy-copy.statistic-image-inhalt {
  height: 80%;
  position: relative;
  left: 155px;
}

.section-title-inhalt-2 {
  color: var(--dark-color);
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.1;
}

.section-title-inhalt-2.white-font {
  color: var(--white);
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 50% 50%;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.div-block-22 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  outline-offset: 0px;
  background-color: #eee;
  border: 1px dotted #d5d8f2;
  border-radius: 20px;
  outline: 3px #1a1a2e;
  flex-flow: column;
  max-width: 650px;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: clip;
  box-shadow: 0 10px 20px 2px #ebebee;
}

.div-block-22.kachel-button {
  background-color: #fff;
  border: 2px solid #d6d8f0;
  transition: transform .15s, border-color .2s, background-color .2s, box-shadow .2s;
}

.container-3 {
  max-width: 1200px;
}

.kachel-card-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  min-width: auto;
  max-width: 350px;
  height: 120px;
  padding: 10px 43px 0;
  display: flex;
  position: static;
  box-shadow: 0 2px 10px 5px #0000001c;
}

.kachel-card-copy.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.kachel-card-copy.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.kachel-card-copy.yellow-bg-card-copy {
  background-color: #fec901;
  justify-content: center;
  align-items: center;
  max-width: 300px;
}

.kachel-card-copy.blue-bg-card-copy {
  background-color: #0068fd;
  justify-content: center;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.div-block-23 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
  overflow: clip;
}

.grid-2 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 20px;
}

.send-grid-inhalt {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 55%;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.kachel-card-copy-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #1a1a2e;
  border-radius: 14px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 300px;
  min-width: auto;
  max-width: 350px;
  height: 150px;
  padding: 50px 20px;
  display: flex;
}

.div-block-24 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: flex;
}

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

.div-block-23-slide {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  overflow: visible;
}

.div-block-25 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.paragraph-7, .paragraph-8, .paragraph-9, .paragraph-10 {
  text-align: center;
}

.grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin-top: 20px;
}

.paragraph-17 {
  color: var(--dark-color);
  text-align: center;
  margin-top: 0;
  font-size: 18px;
  font-weight: 300;
}

.div-block-26 {
  margin-top: 20px;
}

.office-image-wrap-story {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.our-story-card-story {
  background-color: #1e1e2c;
  border-radius: 30px;
  flex-direction: column;
  align-items: flex-start;
  min-width: auto;
  max-width: 350px;
  padding: 50px 45px;
  display: flex;
}

.our-story-card-story.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.our-story-card-story.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.our-story-card-story.yellow-bg-card-story {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 350px;
}

.kachel-card-copy-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  min-width: auto;
  max-width: 350px;
  height: 120px;
  padding: 10px 43px 0;
  display: flex;
  position: static;
  box-shadow: 0 2px 10px 5px #0000001c;
}

.kachel-card-copy-copy.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.kachel-card-copy-copy.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.kachel-card-copy-copy.yellow-bg-card-copy {
  background-color: #fec901;
  justify-content: center;
  align-items: center;
  max-width: 300px;
}

.kachel-card-copy-copy.blue-bg-card-copy {
  background-color: #0068fd;
  justify-content: center;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.image-8-copy {
  max-width: 25%;
  position: relative;
}

.kachel-card-copy2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  min-width: auto;
  max-width: 350px;
  height: 120px;
  padding: 10px 43px 0;
  display: flex;
  position: static;
  box-shadow: 0 2px 10px 5px #0000001c;
}

.kachel-card-copy2.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.kachel-card-copy2.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.kachel-card-copy2.yellow-bg-card-copy {
  background-color: #fec901;
  justify-content: center;
  align-items: center;
  max-width: 300px;
}

.kachel-card-copy2.blue-bg-card-copy {
  background-color: #0068fd;
  justify-content: center;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.div-block-27 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-15-mobil {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-end;
  align-items: center;
  max-height: 50px;
  display: none;
  overflow: clip;
}

.div-block-22-copy {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: #eee;
  border-radius: 20px;
  flex-flow: column;
  max-width: 650px;
  padding: 20px;
  display: flex;
  overflow: clip;
}

.list-item-dark {
  color: var(--dark-color);
  font-size: 18px;
  font-weight: 300;
}

.event-card-point-l-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-left: 30px;
  display: flex;
}

.event-card-wrap-l-copy {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #1e1e2c;
  border-radius: 30px;
  flex-direction: column;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 50px 30px 40px 40px;
  display: flex;
  overflow: hidden;
}

.event-card-wrap-l-copy.yellow-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--primary-yellow);
  padding-top: 50px;
  padding-bottom: 40px;
}

.event-card-wrap-l-copy.blue-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #0068fd;
  padding-top: 50px;
}

.event-card-wrap-l-copy.event-last-card {
  align-items: center;
  padding-bottom: 0;
}

.event-card-wrap-l-copy.blue-image-wrap {
  background-color: #4945ff;
  padding: 30px 25px;
}

.event-card-wrap-l-copy.dark-image-wrap {
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.event-card-wrap-l-copy.grey-bg-wrap {
  background-color: #e6e6e6;
  padding-right: 30px;
}

.event-card-wrap-l-copy.grey-bg, .event-card-wrap-l-copy.grey-bg-b {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #eee;
  border: 1px solid #d5d8f2;
  box-shadow: 0 10px 20px 2px #ebebee;
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin-top: 20px;
  display: none;
}

.grid-4.schritt-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.grid-5 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin-top: 20px;
  display: none;
}

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

.service-items {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  padding-right: 10px;
  display: flex;
}

.single-service {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #d1d1cf;
  border: 1px solid #000;
  border-radius: 2px;
  align-items: flex-start;
  padding: 3rem 2rem;
  display: flex;
  position: sticky;
  top: 0;
  overflow: visible;
}

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

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

.margin-bottom.margin-small {
  margin-bottom: 1rem;
}

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

.service-icon {
  width: 80px;
  height: 80px;
}

.service-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  display: block;
}

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

.service-item-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  position: static;
}

.code-embed-11 {
  display: none;
}

.paragraph-181 {
  position: sticky;
  top: 160px;
}

.service-heading-wrapper {
  z-index: 0;
  width: 100%;
  position: sticky;
  top: 0;
}

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

.section-service {
  display: none;
  position: relative;
  overflow: visible;
}

.padding-global {
  margin-top: auto;
  padding-left: 6%;
  padding-right: 6%;
}

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

.service-grid {
  z-index: 110;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
  position: relative;
}

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

.tittle-sticky {
  margin-bottom: 20px;
  position: sticky;
  top: 60px;
}

.service-item-container-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  position: static;
}

.single-service-copy {
  z-index: 2;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  z-index: 3;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #d1d1cf;
  border: 1px solid #000;
  border-radius: 2px;
  align-items: flex-start;
  padding: 3rem 2rem;
  display: flex;
  position: sticky;
  top: 0;
  overflow: visible;
}

.paragraph-188 {
  position: sticky;
  top: 160px;
}

.single-service-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #d1d1cf;
  border: 1px solid #000;
  border-radius: 2px;
  align-items: flex-start;
  padding: 3rem 2rem;
  display: flex;
  position: sticky;
  top: 80px;
  overflow: visible;
}

.service-heading-wrapper-2 {
  z-index: 200;
  width: 100%;
  position: sticky;
  top: 60px;
}

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

.div-block-22-copy {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: #eee;
  border-radius: 20px;
  flex-flow: column;
  max-width: 650px;
  padding: 20px;
  display: flex;
  position: sticky;
  top: 80px;
  overflow: visible;
}

.container-table {
  max-width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.event-grid-2 {
  z-index: 1;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch center;
  margin-bottom: 60px;
  display: grid;
  position: relative;
}

.faq-section-2 {
  background-color: #fff0;
  padding-top: 0;
  padding-bottom: 60px;
}

.event-card-wrap-leistung {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #1e1e2c;
  border-radius: 30px;
  flex-direction: column;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 50px 30px 40px 40px;
  display: flex;
  overflow: hidden;
}

.event-card-wrap-leistung.yellow-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--primary-yellow);
  padding-top: 50px;
  padding-bottom: 40px;
}

.event-card-wrap-leistung.blue-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #0068fd;
  padding-top: 50px;
}

.event-card-wrap-leistung.event-last-card {
  align-items: center;
  padding-bottom: 0;
}

.event-card-wrap-leistung.blue-image-wrap {
  background-color: #4945ff;
  padding: 30px 25px;
}

.event-card-wrap-leistung.dark-image-wrap {
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.event-card-wrap-leistung.grey-bg-wrap {
  background-color: #e6e6e6;
  padding-right: 30px;
}

.event-card-wrap-leistung.grey-bg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #eee;
  border: 1px solid #d5d8f2;
  padding-bottom: 0;
  box-shadow: 0 10px 20px 2px #ebebee;
}

.grid-leistung {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin-top: 20px;
}

.event-card-wrap-l-copy-copy {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #1e1e2c;
  border-radius: 30px;
  flex-direction: column;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 50px 30px 40px 40px;
  display: flex;
  overflow: hidden;
}

.event-card-wrap-l-copy-copy.yellow-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--primary-yellow);
  padding-top: 50px;
  padding-bottom: 40px;
}

.event-card-wrap-l-copy-copy.blue-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #0068fd;
  padding-top: 50px;
}

.event-card-wrap-l-copy-copy.event-last-card {
  align-items: center;
  padding-bottom: 0;
}

.event-card-wrap-l-copy-copy.blue-image-wrap {
  background-color: #4945ff;
  padding: 30px 25px;
}

.event-card-wrap-l-copy-copy.dark-image-wrap {
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.event-card-wrap-l-copy-copy.grey-bg-wrap {
  background-color: #e6e6e6;
  padding-right: 30px;
}

.event-card-wrap-l-copy-copy.grey-bg {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f3f4fe;
  border: 1px solid #d5d8f2;
  box-shadow: 0 10px 20px 2px #ebebee;
}

.div-block-28 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.code-embed-13 {
  margin-top: 40px;
}

.leistungen-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  place-items: start center;
  padding-top: 40px;
}

.leistungen-whole-wrap {
  grid-column-gap: 25px;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.leistung-wrap {
  background-color: var(--white);
  background-image: url('../images/Pricing-bg.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  flex-direction: column;
  align-items: center;
  padding: 35px 30px;
  display: flex;
  box-shadow: 0 7px 40px #0068fd26;
}

.leistungen-grid-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.code-embed-14 {
  font-weight: 600;
  line-height: 1.4;
}

.event-card-title-sub {
  color: var(--white);
  margin-top: 0;
  font-size: 26px;
  line-height: 1.2;
}

.event-card-title-sub.dark-font-color {
  color: #131323;
  font-size: 20px;
}

.send-grid-leistungen {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 60% 30%;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.l-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 43% 57%;
  place-items: start stretch;
  margin-bottom: 100px;
}

.l-image-wrap-story {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 50% 50%;
  grid-auto-columns: 1fr;
  margin-top: 0;
  padding-right: 0;
  display: grid;
  position: relative;
  top: 60px;
}

.l-tilte-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 100%;
  max-width: none;
  margin-top: 0;
  display: flex;
}

.l-paragraph {
  color: var(--white);
  overflow-wrap: normal;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
}

.l-paragraph.dg-par {
  color: var(--dark-color);
}

.l-story-card {
  perspective: 1000px;
  background-color: #1e1e2c;
  border-radius: 30px 30px 0;
  flex-direction: column;
  align-items: flex-start;
  width: 99.9999%;
  min-width: auto;
  max-width: none;
  padding: 25px 45px;
  display: flex;
}

.l-story-card.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.l-story-card.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.l-story-card.bg-y {
  background-color: #fec901;
}

.l-story-card.bg-bl {
  background-color: #0068fd;
  height: 100%;
}

.l-div-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.l-story-card-title {
  z-index: 1;
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  position: relative;
}

.l-story-card-title:hover {
  display: block;
}

.l-story-card-title.dark-color-font {
  color: #131323;
}

.l-image-wrap-story-2 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  position: relative;
  top: 60px;
}

.paragraph-194 {
  margin-bottom: 0;
  font-size: 40px;
}

.kachel-front {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
}

.kachel-back {
  pointer-events: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.kachel-inner {
  mix-blend-mode: normal;
  display: block;
  position: relative;
}

.kachel-wrapper {
  perspective: 1000px;
  background-color: #1e1e2c;
  border-radius: 30px;
  flex-flow: column;
  align-items: flex-start;
  width: 262px;
  min-width: auto;
  max-width: none;
  height: 336px;
  padding: 50px 30px;
  display: flex;
}

.kachel-wrapper.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.kachel-wrapper.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.kachel-wrapper-half {
  perspective: 1000px;
  background-color: #1e1e2c;
  border-radius: 30px;
  flex-flow: column;
  align-items: flex-start;
  width: 262px;
  min-width: auto;
  max-width: none;
  height: 168px;
  padding: 50px 30px;
  display: flex;
}

.kachel-wrapper-half.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.kachel-wrapper-half.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.kachel-front-half {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
}

.kachel-back-half {
  pointer-events: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.kachel-inner-half {
  mix-blend-mode: normal;
  display: block;
  position: relative;
}

.div-block-a1 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.div-block-b1 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.image-10 {
  position: absolute;
  bottom: 0;
  right: 0;
}

.paragraph-17-ic {
  color: var(--dark-color);
  text-align: center;
  margin-bottom: 0;
  font-size: 25px;
}

.kachel-card-copy-copy-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  min-width: auto;
  max-width: 350px;
  height: 120px;
  padding: 10px 35px 0;
  display: flex;
  position: static;
  box-shadow: 0 2px 10px 5px #0000001c;
}

.kachel-card-copy-copy-copy.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.kachel-card-copy-copy-copy.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.kachel-card-copy-copy-copy.yellow-bg-card-copy {
  background-color: #fec901;
  justify-content: center;
  align-items: center;
  max-width: 300px;
}

.kachel-card-copy-copy-copy.blue-bg-card-copy {
  background-color: #0068fd;
  justify-content: center;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.div-block-29 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 30% 70%;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: grid;
}

.code-embed-15 {
  width: auto;
  padding-bottom: 0;
}

.kachel-card-copy-copy-copy-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 290px;
  min-width: auto;
  max-width: 350px;
  height: 120px;
  padding: 10px 35px 0;
  display: flex;
  position: static;
  box-shadow: 0 2px 10px 5px #0000001c;
}

.kachel-card-copy-copy-copy-copy.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.kachel-card-copy-copy-copy-copy.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.kachel-card-copy-copy-copy-copy.yellow-bg-card-copy {
  background-color: #fec901;
  justify-content: center;
  align-items: center;
  max-width: 300px;
}

.kachel-card-copy-copy-copy-copy.blue-bg-card-copy {
  background-color: #0068fd;
  justify-content: center;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.kachel-card-copy-copy-copy-copy-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  min-width: auto;
  max-width: 350px;
  height: 120px;
  padding: 10px 35px 0;
  display: flex;
  position: static;
  box-shadow: 0 2px 10px 5px #0000001c;
}

.kachel-card-copy-copy-copy-copy-copy.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.kachel-card-copy-copy-copy-copy-copy.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.kachel-card-copy-copy-copy-copy-copy.yellow-bg-card-copy {
  background-color: #fec901;
  justify-content: center;
  align-items: center;
  max-width: 300px;
}

.kachel-card-copy-copy-copy-copy-copy.blue-bg-card-copy {
  background-color: #0068fd;
  justify-content: center;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.kachel-card-copy-copy-copy-copy-copy-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 320px;
  min-width: auto;
  max-width: 350px;
  height: 120px;
  padding: 10px 30px 0;
  display: flex;
  position: static;
  box-shadow: 0 2px 10px 5px #0000001c;
}

.kachel-card-copy-copy-copy-copy-copy-copy.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.kachel-card-copy-copy-copy-copy-copy-copy.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.kachel-card-copy-copy-copy-copy-copy-copy.yellow-bg-card-copy {
  background-color: #fec901;
  justify-content: center;
  align-items: center;
  max-width: 300px;
}

.kachel-card-copy-copy-copy-copy-copy-copy.blue-bg-card-copy {
  background-color: #0068fd;
  justify-content: center;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.grid-div2 {
  margin-bottom: 60px;
}

.div-block-30 {
  margin-bottom: 40px;
}

.div-block-31 {
  flex-flow: column;
  display: none;
}

.div-block-32 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.image-11 {
  margin-top: 0%;
  margin-left: 0%;
  position: fixed;
  left: auto;
  right: auto;
}

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

.gray-card-heading {
  z-index: 1;
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  position: relative;
}

.gray-card-heading:hover {
  display: block;
}

.gray-card-heading.dark-color-font {
  color: #131323;
  font-size: 20px;
}

.grid-2-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 20px;
}

.paragraph-box {
  color: var(--dark-color);
  margin-top: 10px;
  margin-bottom: 0;
}

.grid-div2-pr-fung {
  background-color: #eee;
  border: 1px dotted #d5d8f2;
  border-radius: 30px;
  margin-bottom: 60px;
  padding: 20px;
  box-shadow: 0 10px 20px 2px #ebebee;
}

.grid-2-pr-fung {
  background-color: #1e1e2c00;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 20px;
  padding: 0;
}

.grid-3-pr-fung {
  background-color: #1e1e2c00;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin-top: 20px;
  padding: 0;
}

.code-embed-16 {
  margin-bottom: 20px;
}

.accordion-content-c {
  color: var(--dark-color);
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 18px;
  font-weight: 300;
}

.grid-leistung-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin-top: 20px;
}

.event-card-wrap-leistung2 {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #1e1e2c;
  border-radius: 30px;
  flex-direction: column;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 50px 30px 40px 40px;
  display: flex;
  overflow: hidden;
}

.event-card-wrap-leistung2.yellow-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--primary-yellow);
  padding-top: 50px;
  padding-bottom: 40px;
}

.event-card-wrap-leistung2.blue-bg {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #0068fd;
  padding-top: 50px;
}

.event-card-wrap-leistung2.event-last-card {
  align-items: center;
  padding-bottom: 0;
}

.event-card-wrap-leistung2.blue-image-wrap {
  background-color: #4945ff;
  padding: 30px 25px;
}

.event-card-wrap-leistung2.dark-image-wrap {
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.event-card-wrap-leistung2.grey-bg-wrap {
  background-color: #e6e6e6;
  padding-right: 30px;
}

.event-card-wrap-leistung2.grey-bg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #eee;
  border: 1px solid #d5d8f2;
  padding-bottom: 20px;
  box-shadow: 0 10px 20px 2px #ebebee;
}

.heading-9 {
  color: var(--dark-color);
  font-size: 18px;
}

.container-table-l {
  max-width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px 40px;
}

.sticky-cta {
  z-index: 9999;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #1e1e2c;
  border-radius: 20px;
  flex-flow: column;
  width: 300px;
  height: auto;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
  box-shadow: 4px 4px 8px 6px #0003;
}

.sticky-cta_head {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sticky-cta_btn {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-top: 0;
  display: flex;
}

.sticky-cta_tel {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.image-12 {
  max-width: none;
  height: 100%;
}

.sticky-cta-heading {
  color: var(--white);
  font-size: 18px;
}

.sticky-cta-paragraph {
  color: #fff;
  font-size: 15px;
}

.banner-button-sticky {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--white);
  background-color: #fec901;
  border: 1px solid #474763;
  border-radius: 50px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 10px 8px 20px;
  font-size: 18px;
  transition-property: none;
  display: flex;
}

.banner-button-sticky:hover {
  border-color: var(--primary-yellow);
  background-color: var(--primary-yellow);
  color: var(--title-color);
}

.text-block-button-sticky {
  color: var(--dark-color);
  font-size: 15px;
}

.banner-button-circle-sticky.outer-circle {
  background-color: #1d1d33;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 63px;
  min-height: 63px;
  display: flex;
}

.banner-button-circle-sticky.inner-circle {
  background-color: #1d1d33;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
  display: flex;
}

.banner-button-circle-copy.outer-circle {
  background-color: #1d1d33;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 63px;
  min-height: 63px;
  display: flex;
}

.banner-button-circle-copy.inner-circle {
  background-color: #1d1d33;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
  display: flex;
}

.banner-button-circle-copy.inner-circle-sticky {
  background-color: #1d1d33;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  min-height: 30px;
  display: flex;
}

.sticky-cta_nav {
  justify-content: flex-end;
  align-items: flex-start;
  height: 30px;
  margin-right: 0;
  padding-top: 7px;
  display: flex;
}

.image-13 {
  max-width: none;
  height: 80%;
}

.image-14 {
  max-width: none;
  height: 100%;
  display: none;
}

.div-block-23-slide-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  overflow: visible;
}

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

.div-block-35 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.kachel-card-b {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 130px;
  min-width: auto;
  max-width: 350px;
  height: 120px;
  padding: 10px 10px 0;
  display: flex;
  position: static;
  box-shadow: 0 2px 10px 5px #0000001c;
}

.kachel-card-b.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.kachel-card-b.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.kachel-card-b.yellow-bg-card-copy {
  background-color: #fec901;
  justify-content: center;
  align-items: center;
  max-width: 300px;
}

.kachel-card-b.blue-bg-card-copy {
  background-color: #0068fd;
  justify-content: center;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.event-card-title-b {
  color: var(--white);
  margin-top: 0;
  font-size: 26px;
  line-height: 1.2;
}

.event-card-title-b.dark-font-color {
  color: #131323;
  font-size: 22px;
}

.code-embed-17 {
  border: .5px #f8f8f861;
  width: 100%;
  min-height: 50px;
  overflow: clip;
}

.sticky-cta-mobil {
  z-index: 9999;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #1e1e2c;
  border-radius: 20px;
  flex-flow: column;
  width: 300px;
  height: auto;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
  position: fixed;
  inset: auto 0% 0% auto;
  box-shadow: 4px 4px 8px 6px #0003;
}

.sticky-cta-heading-mobil {
  color: var(--white);
  font-size: 18px;
}

.sticky-cta-paragraph-mobil {
  color: #fff;
  font-size: 15px;
}

.sticky-cta_btn-mobil {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-top: 0;
  display: flex;
}

.sticky-cta_tel-mobil {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.sticky-cta_head-mobil {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sticky-cta_nav-mobil {
  justify-content: flex-end;
  align-items: flex-start;
  height: 30px;
  margin-right: 0;
  padding-top: 7px;
  display: flex;
}

.banner-button-sticky-mobil {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--white);
  background-color: #fec901;
  border: 1px solid #474763;
  border-radius: 50px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 10px 8px 20px;
  font-size: 18px;
  transition-property: none;
  display: flex;
}

.banner-button-sticky-mobil:hover {
  border-color: var(--primary-yellow);
  background-color: var(--primary-yellow);
  color: var(--title-color);
}

.text-block-button-sticky-mobil {
  color: var(--dark-color);
  font-size: 15px;
}

.banner-button-circle-sticky-mobil.outer-circle {
  background-color: #1d1d33;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 63px;
  min-height: 63px;
  display: flex;
}

.banner-button-circle-sticky-mobil.inner-circle {
  background-color: #1d1d33;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
  display: flex;
}

.banner-button-circle-copy-mobil.outer-circle {
  background-color: #1d1d33;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 63px;
  min-height: 63px;
  display: flex;
}

.banner-button-circle-copy-mobil.inner-circle {
  background-color: #1d1d33;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
  display: flex;
}

.banner-button-circle-copy-mobil.inner-circle-sticky, .banner-button-circle-copy-mobil.inner-circle-sticky-mobil {
  background-color: #1d1d33;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  min-height: 30px;
  display: flex;
}

.section-sub-title-content-hero {
  color: #0068fd;
  text-transform: none;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.section-sub-title-content-hero.white-font {
  color: var(--white);
  text-transform: none;
  border-radius: 0;
  font-size: 15px;
}

.section-sub-title-content-hero.white-font-copy {
  color: var(--white);
  font-size: 15px;
}

.max {
  max-width: none;
  height: 100%;
  display: none;
}

.sticky-cta-max, .sticky-cta-mobil-1 {
  z-index: 9999;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #1e1e2c;
  border-radius: 20px;
  flex-flow: column;
  width: 300px;
  height: auto;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
  position: fixed;
  inset: auto 0% 0% auto;
  box-shadow: 4px 4px 8px 6px #0003;
}

.div-block-table {
  margin-top: 20px;
}

.text-block-13 {
  color: #fff;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
}

.hero-content-c2 {
  color: #d6d6d9;
  margin-bottom: 20px;
}

.hero-content-c2.blog-single {
  max-width: 735px;
  margin-bottom: 0;
}

.text-block-14 {
  color: var(--title-color);
  font-size: 20px;
}

.text-block-15 {
  font-size: 20px;
}

.form-box-wrapper-contact {
  background-color: #1e1e2c;
  border-radius: 20px;
  width: 90%;
  min-width: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 60px;
  display: block;
  box-shadow: 0 3px 6px 1px #18181880;
}

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

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

.div-block-37, .div-block-38 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.code-embed-8-c {
  border: 1px solid #f8f8f861;
  height: 50px;
}

.h2-c {
  color: var(--white);
  font-size: 25px;
  font-weight: 500;
}

.team-member-content-wrap-h {
  background-color: var(--white);
  box-shadow: none;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  padding: 25px 30px;
}

.hero-section-title-wrap-copy {
  z-index: 1;
  align-self: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero-section-title-wrap-copy.style-guide {
  max-width: 600px;
  margin-top: -60px;
}

.hero-section-title-wrap-copy.homepage {
  flex: 0 auto;
  order: -1;
  align-self: center;
  width: auto;
  max-width: 65%;
  margin-left: 0;
}

.hero-section-title-wrap-copy.style-guide-c {
  max-width: 600px;
  margin-top: -60px;
}

.div-block-11-copy {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.l-image-wrap-story-h {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 1fr;
  margin-top: 0;
  display: grid;
  position: relative;
  top: 60px;
}

.div-block-11-2 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.l-story-card--2 {
  perspective: 1000px;
  background-color: #1e1e2c;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 99.9999%;
  min-width: auto;
  max-width: none;
  height: 100%;
  padding: 25px 45px;
  display: flex;
}

.l-story-card--2.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.l-story-card--2.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.l-story-card--2.bg-y {
  background-color: #fec901;
}

.l-story-card--2.bg-bl {
  background-color: #0068fd;
}

.div-block-11-3 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: visible;
}

.div-block-11-4 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.code-embed-19 {
  margin-top: 20px;
}

.text-span-3 {
  color: var(--primary);
}

.our-story-card-s {
  background-color: #1e1e2c;
  border-radius: 30px;
  flex-direction: column;
  align-items: flex-start;
  min-width: auto;
  max-width: 350px;
  padding: 50px 45px;
  display: flex;
}

.our-story-card-s.blue-bg-card {
  background-color: #0068fd;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.our-story-card-s.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 350px;
}

.danke-title, .anfrage-title {
  color: var(--primary);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #0a4fb1, #3588ff 58%, #62a2ff);
  -webkit-background-clip: text;
  background-clip: text;
  padding-top: 10px;
  padding-bottom: 30px;
  font-size: 100px;
  font-weight: 700;
  line-height: .8;
}

.checkbox-field-3 {
  margin-top: 30px;
}

.h3-c {
  color: var(--white);
  font-size: 18px;
  font-weight: 500;
}

.code-embed-20 {
  margin-left: 10px;
}

.checkbox-field-4 {
  margin-top: 10px;
}

.code-embed-21, .code-embed-22 {
  display: none;
}

.div-block-41 {
  width: 100%;
}

.feature-title-r-text {
  text-align: left;
  max-width: 1200px;
  display: block;
}

.our-story-card-image-wrap-s {
  background-color: #0068fd;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  min-width: 85px;
  min-height: 85px;
  margin-bottom: 30px;
  display: flex;
  box-shadow: 0 2px 10px 5px #0000001c;
}

.our-story-card-image-wrap-s.white-bg {
  background-color: var(--white);
}

.div-block-42 {
  display: none;
}

.hero-whole-wrap-r {
  background-color: #131323;
  border-radius: 40px;
  align-items: center;
  max-width: 1720px;
  min-height: 350px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-whole-wrap-r.style-guide {
  max-width: 1720px;
  min-height: 715px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero-whole-wrap-r.about-us-page {
  padding-top: 100px;
  padding-bottom: 40px;
}

.hero-whole-wrap-r.career-page {
  padding-bottom: 220px;
}

.hero-whole-wrap-r.error-page {
  padding-top: 130px;
  padding-bottom: 130px;
}

.hero-whole-wrap-r.blog-single-hero {
  padding-top: 60px;
}

.send-image-wrap-home {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.feature-title-wrap-g {
  text-align: left;
  max-width: 1200px;
  display: flex;
}

.send-image-wrap-rechner {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.send-image-rechner {
  border-radius: 20px;
}

.send-image-rechner.statistic-image {
  position: relative;
  left: 155px;
}

.send-image-rechner.profile-image {
  z-index: 1;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-rechner.database-image {
  z-index: 2;
  position: absolute;
  inset: 58% 60% auto auto;
  box-shadow: 8px 8px 20px 3px #1a1a2e33;
}

.send-image-rechner.profile-image-copy {
  z-index: 1;
  max-width: 90%;
  margin-top: 40px;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-rechner.statistic-image-copy {
  position: relative;
  left: 155px;
}

.send-image-rechner.profile-image-inhalt {
  z-index: 1;
  margin-top: 40px;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-rechner.statistic-image-inhalt {
  position: relative;
  left: 155px;
}

.send-image-rechner.database-image-rechner {
  z-index: 2;
  position: absolute;
  inset: 58% 25% auto auto;
  box-shadow: 8px 8px 20px 3px #1a1a2e33;
}

.send-image-wrap-r {
  justify-content: center;
  align-items: flex-start;
  height: 45em;
  display: flex;
  position: relative;
}

.send-image-wrap-r.static-image-r {
  height: auto;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.pricing-feature-wrap-r {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #0068fd;
  border-radius: 30px;
  flex-direction: column;
  width: 100%;
  padding: 30px 20px 35px 30px;
  display: flex;
}

.pricing-feature-wrap-r.dark-bg-wrap {
  background-color: #1a1a2e;
}

.pricing-feature-wrap-r.dark-bg-wrap-2 {
  background-color: #1a1a2e;
  width: 85%;
}

.pricing-feature-wrap-r.dark-bg-wrap-r {
  z-index: 10;
  background-color: #1a1a2e;
  width: 350px;
  padding-bottom: 30px;
  position: absolute;
  top: 300px;
  left: auto;
  right: 100px;
}

.send-image-r {
  border-radius: 20px;
}

.send-image-r.statistic-image {
  position: relative;
  left: 155px;
}

.send-image-r.profile-image {
  z-index: 1;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-r.database-image {
  z-index: 2;
  position: absolute;
  inset: 58% 60% auto auto;
  box-shadow: 8px 8px 20px 3px #1a1a2e33;
}

.send-image-r.profile-image-copy {
  z-index: 1;
  max-width: 90%;
  margin-top: 40px;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-r.statistic-image-copy {
  position: relative;
  left: 155px;
}

.send-image-r.profile-image-inhalt {
  z-index: 1;
  margin-top: 40px;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-r.statistic-image-inhalt, .send-image-r.statistic-image-r {
  position: relative;
  left: 155px;
}

.pricing-feature-wrap-c {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #0068fd;
  border-radius: 30px;
  flex-direction: column;
  width: 100%;
  padding: 30px 20px 35px 30px;
  display: flex;
}

.pricing-feature-wrap-c.dark-bg-wrap {
  background-color: #1a1a2e;
}

.pricing-feature-wrap-c.dark-bg-wrap-2 {
  background-color: #1a1a2e;
  width: 85%;
}

.pricing-feature-wrap-c.dark-bg-wrap-r {
  z-index: 10;
  background-color: #1a1a2e;
  width: 350px;
  padding-bottom: 30px;
  position: absolute;
  top: 300px;
  left: auto;
  right: 100px;
}

.pricing-feature-wrap-c.dark-bg-wrap-c {
  z-index: 10;
  background-color: #1a1a2e;
  width: 350px;
  padding-bottom: 30px;
  position: absolute;
  top: 380px;
  left: -56px;
  right: auto;
}

.paragraph-4-2 {
  color: var(--dark-color);
  width: 80%;
  margin-bottom: 0;
}

.our-story-card-title-v {
  z-index: 1;
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  position: relative;
}

.our-story-card-title-v.dark-color-font {
  color: #131323;
}

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

.send-grid-s {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.25fr .75fr;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.image-15 {
  width: 100%;
}

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

.container-check {
  max-width: 100%;
  margin: 40px auto 0;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-26-2 {
  margin-top: 40px;
}

.code-embed-10-mobil {
  width: 111%;
  height: 100%;
  display: none;
  position: relative;
  inset: 0;
}

.paragraph-195 {
  margin-bottom: 0;
  font-size: 30px;
}

.pricing-feature-wrap-home {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #0068fd;
  border-radius: 30px;
  flex-direction: column;
  width: 100%;
  padding: 30px 20px 35px 30px;
  display: flex;
}

.pricing-feature-wrap-home.dark-bg-wrap {
  background-color: #1a1a2e;
}

.pricing-feature-wrap-home.dark-bg-wrap-2 {
  background-color: #1a1a2e;
  width: 85%;
}

.pricing-feature-wrap-home.dark-bg-wrap-r {
  z-index: 10;
  background-color: #1a1a2e;
  width: 350px;
  padding-bottom: 30px;
  position: absolute;
  top: 300px;
  left: auto;
  right: 100px;
}

.pricing-feature-wrap-home.dark-bg-wrap-c {
  z-index: 10;
  background-color: #1a1a2e;
  width: 350px;
  padding-bottom: 30px;
  position: absolute;
  top: 350px;
  left: auto;
  right: 220px;
}

.pricing-feature-wrap-home.dark-bg-wrap-home {
  z-index: 10;
  background-color: #eee;
  border: 1px solid #d5d8f2;
  width: 350px;
  padding-bottom: 30px;
  position: absolute;
  top: 52%;
  left: auto;
  right: 32%;
  box-shadow: 0 10px 20px 2px #0003;
}

.pricing-feature-content-dark {
  color: var(--dark-color);
  margin-bottom: 0;
  font-size: 16px;
}

.banner-button-body-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--white);
  background-color: #fec901;
  border: 1px #474763;
  border-radius: 50px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  margin-top: 20px;
  margin-left: 0;
  margin-right: auto;
  padding: 8px 0;
  font-size: 18px;
  transition-property: none;
  display: flex;
}

.banner-button-body-2:hover {
  border-color: var(--primary-yellow);
  background-color: var(--primary-yellow);
  color: var(--title-color);
}

.send-image-hand {
  border-radius: 20px;
}

.send-image-hand.statistic-image {
  position: relative;
  left: 155px;
}

.send-image-hand.profile-image {
  z-index: 1;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-hand.database-image {
  z-index: 2;
  position: absolute;
  inset: 58% 60% auto auto;
  box-shadow: 8px 8px 20px 3px #1a1a2e33;
}

.send-image-hand.profile-image-copy {
  z-index: 1;
  max-width: 90%;
  margin-top: 40px;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-hand.statistic-image-copy {
  position: relative;
  left: 155px;
}

.send-image-hand.profile-image-inhalt {
  z-index: 1;
  margin-top: 40px;
  position: absolute;
  inset: 13% 33% auto auto;
}

.send-image-hand.statistic-image-inhalt {
  position: relative;
  left: 155px;
}

.send-image-hand.statistic-image-hand {
  z-index: -2;
  max-width: none;
  height: 75%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.pricing-feature-wrap-co {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #0068fd;
  border-radius: 30px;
  flex-direction: column;
  width: 100%;
  padding: 30px 20px 35px 30px;
  display: flex;
}

.pricing-feature-wrap-co.dark-bg-wrap {
  background-color: #1a1a2e;
}

.pricing-feature-wrap-co.dark-bg-wrap-2 {
  background-color: #1a1a2e;
  width: 85%;
}

.pricing-feature-wrap-co.dark-bg-wrap-r {
  z-index: 10;
  background-color: #1a1a2e;
  width: 350px;
  padding-bottom: 30px;
  position: absolute;
  top: 300px;
  left: auto;
  right: 100px;
}

.pricing-feature-wrap-co.dark-bg-wrap-c {
  z-index: 10;
  background-color: #1a1a2e;
  width: 350px;
  padding-bottom: 30px;
  position: absolute;
  top: 350px;
  left: auto;
  right: 220px;
}

.pricing-feature-wrap-co.dark-bg-wrap-home {
  z-index: 10;
  background-color: #eee;
  border: 1px solid #d5d8f2;
  width: 350px;
  padding-bottom: 30px;
  position: absolute;
  top: 350px;
  left: auto;
  right: 170px;
  box-shadow: 0 10px 20px 2px #0003;
}

.pricing-feature-wrap-co.dark-bg-wrap-co {
  z-index: 10;
  background-color: #eee;
  border: 1px solid #d5d8f2;
  width: 350px;
  padding-bottom: 30px;
  position: absolute;
  inset: 50% 43% auto auto;
  box-shadow: 0 10px 20px 2px #0003;
}

.disclaimer {
  width: 80%;
  margin-top: 20px;
}

.send-image-wrap-co {
  justify-content: center;
  align-items: flex-start;
  height: 45em;
  display: flex;
  position: relative;
}

.pricing-feature-wrap-co-r {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #0068fd;
  border-radius: 30px;
  flex-direction: column;
  width: 100%;
  padding: 30px 20px 35px 30px;
  display: flex;
}

.pricing-feature-wrap-co-r.dark-bg-wrap {
  background-color: #1a1a2e;
}

.pricing-feature-wrap-co-r.dark-bg-wrap-2 {
  background-color: #1a1a2e;
  width: 85%;
}

.pricing-feature-wrap-co-r.dark-bg-wrap-r {
  z-index: 10;
  background-color: #1a1a2e;
  width: 350px;
  padding-bottom: 30px;
  position: absolute;
  top: 300px;
  left: auto;
  right: 100px;
}

.pricing-feature-wrap-co-r.dark-bg-wrap-c {
  z-index: 10;
  background-color: #1a1a2e;
  width: 350px;
  padding-bottom: 30px;
  position: absolute;
  top: 350px;
  left: auto;
  right: 220px;
}

.pricing-feature-wrap-co-r.dark-bg-wrap-home, .pricing-feature-wrap-co-r.dark-bg-wrap-co {
  z-index: 10;
  background-color: #eee;
  border: 1px solid #d5d8f2;
  width: 350px;
  padding-bottom: 30px;
  position: absolute;
  top: 350px;
  left: auto;
  right: 170px;
  box-shadow: 0 10px 20px 2px #0003;
}

.pricing-feature-wrap-co-r.dark-bg-wrap-co-r {
  z-index: 10;
  background-color: #eee;
  border: 1px solid #d5d8f2;
  width: 350px;
  padding-bottom: 30px;
  position: absolute;
  inset: 50% 43% auto auto;
  box-shadow: 0 10px 20px 2px #0003;
}

.author-mobil {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-end;
  align-items: center;
  max-height: 50px;
  display: none;
  overflow: clip;
}

.grid-2-s {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 20px;
}

.send-whole-wrap-home2-mobil {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: relative;
}

.testimonial-card-whole-wrap-bs-home {
  background-color: var(--white);
  border: 1px solid #dfe2ff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  max-width: none;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 35px 30px;
  display: flex;
  position: absolute;
  top: 55%;
  left: auto;
  right: 20%;
  overflow: visible;
  box-shadow: 3px 5px 20px -12px #dcdcdc;
}

.testimonial-card-whole-wrap-bs-home.dark-testimonial {
  box-shadow: 5px 10px 30px -4px #222241;
}

.testimonial-author-image-bs-home {
  border-radius: 100%;
  width: 50px;
}

.testimonial-author-title-bs-home {
  color: var(--title-color);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.testimonial-author-description-bs-home {
  color: var(--primary);
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.2;
}

.testimonial-image-wrap-bs-home {
  justify-content: center;
  align-items: center;
  min-width: 75px;
  max-width: 75px;
  min-height: 75px;
  max-height: 75px;
  display: flex;
}

.testimonial-author-whole-wrap-bs-home {
  grid-column-gap: 20px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.testimonial-card-content-bs-home {
  color: var(--dark-color);
  margin-bottom: 0;
  font-size: 12px;
}

.testimonial-star-image-bs-home {
  width: 20px;
  max-width: 25px;
  height: 20px;
}

.testimonial-content-wrap-bs-home {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

.testimonial-card-whole-wrap-bs-home-2 {
  background-color: var(--white);
  border: 1px solid #dfe2ff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  max-width: none;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 35px 30px;
  display: flex;
  position: absolute;
  top: 50%;
  left: auto;
  right: 23%;
  overflow: visible;
  box-shadow: 3px 5px 20px -12px #dcdcdc;
}

.testimonial-card-whole-wrap-bs-home-2.dark-testimonial {
  box-shadow: 5px 10px 30px -4px #222241;
}

.testimonial-card-whole-wrap-bs-home-3 {
  background-color: var(--white);
  border: 1px solid #dfe2ff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  max-width: none;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 35px 30px;
  display: flex;
  position: absolute;
  top: 45%;
  left: auto;
  right: 26%;
  overflow: visible;
  box-shadow: 3px 5px 20px -12px #dcdcdc;
}

.testimonial-card-whole-wrap-bs-home-3.dark-testimonial {
  box-shadow: 5px 10px 30px -4px #222241;
}

.testimonial-card-star-wrap-bs-home {
  grid-column-gap: 10px;
  display: flex;
  position: relative;
}

.banner-button-copy-4 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--white);
  background-color: #fec901;
  border: 1px solid #474763;
  border-radius: 50px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 10px 8px 20px;
  font-size: 18px;
  transition-property: none;
  display: none;
  position: relative;
  top: 400px;
  right: 250px;
}

.banner-button-copy-4:hover {
  border-color: var(--primary-yellow);
  background-color: var(--primary-yellow);
  color: var(--title-color);
}

.l-story-card-2 {
  perspective: 1000px;
  background-color: #1e1e2c;
  border-radius: 30px 30px 0;
  flex-direction: column;
  align-items: flex-start;
  width: 99.9999%;
  min-width: auto;
  max-width: none;
  height: 100%;
  padding: 25px 45px;
  display: flex;
}

.l-story-card-2.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.l-story-card-2.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.l-story-card-2.bg-y {
  background-color: #fec901;
}

.l-story-card-2.bg-bl {
  background-color: #0068fd;
}

.l-story-card-2.bg-y-2 {
  background-color: #fec901;
}

.div-block-11-d {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.l-story-card-title-2 {
  z-index: 1;
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  position: relative;
}

.l-story-card-title-2:hover {
  display: block;
}

.l-story-card-title-2.dark-color-font, .l-story-card-title-2.dark-color-font-2 {
  color: #131323;
}

.l-paragraph-2 {
  color: var(--white);
  overflow-wrap: normal;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
}

.l-paragraph-2.dg-par, .l-paragraph-2.dg-par-2 {
  color: var(--dark-color);
}

.l-story-card-2-h {
  perspective: 1000px;
  background-color: #1e1e2c;
  border-radius: 30px 30px 0;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  min-width: auto;
  max-width: none;
  height: 100%;
  padding: 25px 45px;
  display: flex;
}

.l-story-card-2-h.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.l-story-card-2-h.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.l-story-card-2-h.bg-y {
  background-color: #fec901;
}

.l-story-card-2-h.bg-bl {
  background-color: #0068fd;
}

.l-story-card-2-h.bg-y-2 {
  background-color: #fec901;
}

.container-hero {
  max-width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 5%;
  display: block;
}

.text-block-18 {
  margin-left: 10px;
  font-size: 16px;
}

.checkbox-field-5 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.checkbox-7 {
  margin-top: 0;
}

.hero-wrap-tab {
  z-index: 1;
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 50% 40%;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: grid;
  position: relative;
}

.hero-wrap-tab.home-banner {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  grid-template-columns: 68% 30%;
  justify-content: space-between;
  place-items: center stretch;
  margin-bottom: 0;
}

.hero-wrap-tab.home-banner-tab {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  grid-template-columns: 68% 30%;
  justify-content: space-between;
  place-items: center stretch;
  margin-bottom: 0;
  display: none;
}

.hero-section-title-wrap-tab {
  z-index: 1;
  align-self: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero-section-title-wrap-tab.style-guide {
  max-width: none;
  margin-top: 0;
}

.hero-section-title-wrap-tab.homepage, .hero-section-title-wrap-tab.homepage-tab {
  flex: 0 auto;
  order: -1;
  align-self: center;
  width: auto;
  max-width: none;
  height: 100%;
  margin-left: 0;
}

.banner-button-wrap-tab {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
}

.hero-content-tab {
  color: #d6d6d9;
  margin-bottom: 0;
}

.hero-content-tab.blog-single {
  max-width: 735px;
  margin-bottom: 0;
}

.send-grid-inhalt-home {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 55%;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.event-grid-wrap-co {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-top: 50px;
  display: block;
  position: relative;
}

.div-block-22-co {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  outline-offset: 0px;
  background-color: #eee;
  border: 1px dotted #d5d8f2;
  border-radius: 20px;
  outline: 3px #1a1a2e;
  flex-flow: column;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
  overflow: clip;
  box-shadow: 0 10px 20px 2px #ebebee;
}

.div-block-22-co.kachel-button {
  background-color: #fff;
  border: 2px solid #d6d8f0;
  transition: transform .15s, border-color .2s, background-color .2s, box-shadow .2s;
}

.kachel-card-br {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: 350px;
  height: 120px;
  padding: 10px 7px 0;
  display: flex;
  position: static;
  box-shadow: 0 2px 10px 5px #0000001c;
}

.kachel-card-br.violet-bg-card {
  background-color: #4945ff;
  justify-content: flex-start;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.kachel-card-br.yellow-bg-card {
  background-color: #fec901;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
}

.kachel-card-br.yellow-bg-card-copy {
  background-color: #fec901;
  justify-content: center;
  align-items: center;
  max-width: 300px;
}

.kachel-card-br.blue-bg-card-copy {
  background-color: #0068fd;
  justify-content: center;
  align-items: center;
  max-height: 300px;
  position: relative;
}

.grid-2-co {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: auto;
  margin-top: 20px;
}

.image-bl {
  position: absolute;
  inset: auto 0% 0% auto;
}

.grid-2-co-2 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: auto;
  margin-top: 20px;
}

.send-grid-h {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 56% 44%;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.grid-2-1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 20px;
}

.code {
  display: none;
}

.dropdown-list-3 {
  z-index: 10;
}

.dropdown-toggle-1 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  justify-content: flex-start;
  align-items: center;
  padding: 0 20px;
  display: flex;
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: 45px;
  }

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 35px;
  }

  h4 {
    font-size: 30px;
  }

  blockquote {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 80px 175px;
    font-size: 30px;
  }

  .container {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    min-width: 0;
  }

  .hero-whole-wrap {
    border-radius: 45px;
    min-height: 600px;
    padding-top: 100px;
    padding-bottom: 20px;
  }

  .hero-whole-wrap.career-page {
    padding-bottom: 350px;
  }

  .hero-whole-wrap.blog-single-hero {
    padding-top: 20px;
  }

  .hero-wrap {
    grid-column-gap: 0%;
    grid-row-gap: 0%;
    flex-direction: row;
    grid-template-columns: 50% 40%;
  }

  .hero-wrap.home-banner, .hero-wrap.home-banner-tab {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: row;
  }

  .banner-text {
    font-size: 54px;
  }

  .hero-section-title-wrap.homepage, .hero-section-title-wrap.homepage-tab {
    width: auto;
    max-width: none;
  }

  .hero-bg-content {
    font-size: 175px;
    top: 116px;
    left: 37%;
  }

  .hero-bg-content.event-title-button-wrap {
    background-image: linear-gradient(118deg, #242434, #1d1d3205 77%, #1d1d3200);
    font-size: 180px;
    top: 85px;
    left: 45%;
  }

  .hero-bg-content.common-content {
    font-size: 130px;
  }

  .hero-image-wrap {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    justify-content: center;
    align-self: stretch;
    align-items: stretch;
    position: relative;
  }

  .color-swatch-section {
    padding-top: 140px;
    padding-bottom: 100px;
  }

  .section-title {
    z-index: 2;
    font-size: 40px;
    position: relative;
  }

  .section-title.white-font {
    font-size: 40px;
  }

  .text-grid {
    grid-column-gap: 260px;
    grid-row-gap: 260px;
  }

  .button {
    padding: 25px 60px;
    font-size: 16px;
  }

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

  .footer-whole-wrap {
    border-radius: 45px;
    padding-top: 150px;
    padding-bottom: 100px;
  }

  .footer-contact-whole-wrap {
    grid-column-gap: 55px;
    grid-row-gap: 55px;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .footer-contact-title-wrap {
    width: 50%;
  }

  .footer-contact-title-wrap.hyphenated {
    width: 60%;
  }

  .footer-title {
    font-size: 55px;
  }

  .footer-form-whole-wrap {
    width: 40%;
  }

  .footer-contact-form-block {
    width: 100%;
  }

  .footer-form-input {
    min-width: auto;
  }

  .footer-contact-content {
    width: 353px;
  }

  .footer-contact-link {
    font-size: 40px;
  }

  .footer-widget-whole-wrap {
    flex-direction: row;
  }

  .footer-widget-content-wrap {
    text-align: left;
    min-width: 400px;
    max-width: 400px;
  }

  .footer-copyright-wrap {
    text-align: left;
    padding-left: 0;
  }

  .footer-widget-wrap {
    justify-content: flex-start;
  }

  .footer-bg-content {
    font-size: 150px;
  }

  .banner-button {
    font-size: 16px;
  }

  .hero-banner-image.green-card-image {
    left: -143px;
  }

  .hero-banner-image.blue-card-image {
    left: 25px;
  }

  .client-image-whole-wrap {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .event-title-whole-wrap {
    background-position: 100% 0;
    background-size: auto;
  }

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

  .page-wrapper.homepage {
    background-image: none;
  }

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

  .send-grid {
    flex: 1;
    grid-template-columns: 56% 44%;
    width: auto;
  }

  .send-whole-wrap {
    max-width: none;
  }

  .send-image-wrap {
    justify-content: flex-end;
  }

  .send-image.statistic-image {
    left: auto;
  }

  .send-image.profile-image {
    top: 13%;
    right: 33%;
  }

  .send-image.database-image {
    top: 58%;
    right: 72%;
  }

  .send-image.profile-image-copy {
    top: 13%;
    right: 33%;
  }

  .send-image.statistic-image-copy {
    left: auto;
  }

  .send-image.profile-image-inhalt {
    top: 13%;
    right: 33%;
  }

  .send-image.statistic-image-inhalt {
    left: auto;
  }

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

  .dashboard-grid-wrap {
    justify-content: flex-start;
    align-items: center;
  }

  .dashboard-grid {
    grid-template-columns: .75fr;
    align-self: stretch;
    width: auto;
  }

  .dashboard-image-wrap {
    justify-content: center;
    align-items: center;
  }

  .presentation-section {
    padding-top: 140px;
  }

  .money-section {
    padding-top: 95px;
    padding-bottom: 200px;
  }

  .money-grid {
    grid-template-columns: .75fr 1fr;
  }

  .money-tab-whole-wrap {
    padding-top: 90px;
  }

  .money-tab-menu-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
    position: absolute;
    top: 39%;
    left: -82%;
    right: auto;
  }

  .money-tab-content {
    margin-left: 50px;
    left: 30px;
  }

  .money-tab-link {
    margin-bottom: 0;
    padding: 40px 35px 35px 30px;
  }

  .money-tab-link.w--current {
    max-width: 550px;
    padding: 40px 35px 35px 30px;
  }

  .money-tab-image-wrap {
    border-radius: 30px;
  }

  .money-tab-title {
    font-size: 30px;
  }

  .money-tab-menu-content {
    font-size: 18px;
  }

  .pricing-section {
    padding-top: 150px;
    padding-bottom: 110px;
  }

  .pricing-section.homepage {
    padding-top: 180px;
    padding-bottom: 150px;
  }

  .pricing-grid-wrap {
    display: flex;
  }

  .pricing-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 100%;
    justify-content: space-between;
    justify-items: end;
  }

  .pricing-title-wrap {
    width: auto;
  }

  .pricing-sub-title {
    margin-top: 0;
  }

  .pricing-rate {
    font-weight: 600;
  }

  .pricing-feature-wrap {
    padding: 45px 40px 45px 45px;
  }

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

  .accordion-item-title {
    font-size: 22px;
  }

  .testimonial-section.dark-section {
    padding-top: 155px;
    padding-bottom: 115px;
  }

  .testimonial-card-whole-wrap {
    border-width: 1px;
    border-radius: 30px;
    padding: 55px 50px 40px;
  }

  .about-dashboard-wrap {
    background-position: 0 100%;
  }

  .about-send-bg-circle {
    background-image: none;
    min-width: 500px;
    min-height: 500px;
    top: 147px;
    right: 231px;
  }

  .about-dashboard-bg-circle {
    background-image: none;
    min-width: 500px;
    min-height: 500px;
    inset: auto auto 167px 142px;
  }

  .office-section {
    padding-top: 150px;
  }

  .our-story-section {
    padding-bottom: 160px;
  }

  .our-story-grid {
    grid-template-columns: 335px 1fr;
  }

  .value-section {
    padding-top: 150px;
    padding-bottom: 155px;
  }

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

  .team-section.sub-section {
    padding-top: 150px;
  }

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

  .team-member-bg-wrap {
    flex-direction: row;
  }

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

  .dashboard-bg-circle {
    min-width: 450px;
    min-height: 450px;
    inset: -9% auto auto 11%;
  }

  .cta-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .cta-bg-content {
    font-size: 200px;
  }

  .cta-whole-wrap {
    width: 80%;
  }

  .cta-title {
    font-size: 35px;
  }

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

  .pricing-feature-title {
    font-size: 25px;
  }

  .hero-bg-first-pattern {
    min-width: 400px;
    min-height: 400px;
  }

  .contact-section {
    padding-bottom: 150px;
  }

  .contact-form-block {
    padding-left: 100px;
    padding-right: 100px;
  }

  .licenses-section {
    padding-top: 150px;
  }

  .licenses-title {
    font-size: 40px;
  }

  .integration-circle.zlack {
    min-width: 165px;
    min-height: 165px;
    top: 120px;
    left: 75%;
  }

  .integration-circle.zapier {
    min-width: 125px;
    min-height: 125px;
    top: 39%;
    left: 85%;
  }

  .integration-circle.dropbox {
    min-width: 80px;
    min-height: 80px;
    top: 65%;
    left: 76%;
  }

  .integration-circle.figma {
    min-width: 140px;
    min-height: 140px;
    top: 31%;
    left: 23%;
  }

  .integration-circle.youtube {
    min-width: 105px;
    min-height: 105px;
    top: 23%;
    left: 145px;
  }

  .integration-circle.discord {
    min-width: 130px;
    min-height: 130px;
    top: 61%;
    left: 90px;
  }

  .decorative-circle.right-top-circle {
    min-width: 95px;
    min-height: 95px;
  }

  .integration-section {
    padding-top: 110px;
  }

  .integration-content-whole-wrap {
    padding: 130px 100px;
  }

  .integration-title {
    font-size: 22px;
  }

  .integration-banner-image-wrap {
    min-width: 140px;
    max-width: 140px;
    min-height: 140px;
    max-height: 140px;
  }

  .integration-content-section {
    margin-top: 150px;
  }

  .integration-content-text h2 {
    font-size: 40px;
  }

  .career-section {
    padding-top: 150px;
    padding-bottom: 75px;
  }

  .career-image-wrap {
    order: 0;
  }

  .join-section {
    padding-top: 75px;
    padding-bottom: 150px;
  }

  .join-card-whole-wrap {
    padding: 35px 30px;
  }

  .position-section {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .position-card-wrap {
    padding: 45px 65px 46px 60px;
  }

  .position-content-wrap {
    max-width: 750px;
  }

  .career-single-banner {
    margin-top: -240px;
  }

  .career-details-whole-wrap {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .career-single-title {
    font-size: 40px;
  }

  .blog-post-section {
    padding-top: 150px;
  }

  .blog-post-wrap {
    height: auto;
  }

  .blog-single-image-wrap {
    margin-top: -175px;
    margin-bottom: 40px;
    padding: 80px 100px;
  }

  .changelog-section {
    padding-top: 150px;
  }

  .changelog-title {
    font-size: 150px;
  }

  .utility-page-wrap.password-protection-page {
    margin-top: 150px;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .password-title {
    font-size: 60px;
  }

  .error-title {
    font-size: 190px;
  }

  .integration-image {
    width: auto;
  }

  .money-tab-image {
    min-height: 645px;
  }

  .blog-section {
    padding-top: 150px;
    padding-bottom: 40px;
  }

  .about-story-bg-circle {
    left: -52px;
  }

  .integration-icon {
    width: auto;
  }

  .rich-text-block {
    margin-bottom: 0;
  }

  .form-box-wrapper {
    display: block;
  }

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

  .ergebnisangestellte {
    max-width: 1200px;
    display: none;
  }

  .pricing-section-copy {
    padding-top: 150px;
    padding-bottom: 110px;
  }

  .pricing-section-copy.homepage {
    padding-top: 180px;
    padding-bottom: 150px;
  }

  .pricing-section-copy.homepage-copy {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .ergebnisangestelltetarifbasis, .ergebnisangestelltetarifkomfort, .ergebnisangestelltetarifpremium {
    max-width: 1200px;
    display: none;
  }

  .ctabuttoncopy {
    padding: 25px 60px;
    font-size: 16px;
  }

  .hero-wrap-mobil {
    flex-direction: row;
  }

  .hero-wrap-mobil.home-banner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
  }

  .banner-text-copy {
    font-size: 54px;
  }

  .container-copy {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-title-2 {
    font-size: 55px;
  }

  .section-title-copy {
    z-index: 2;
    font-size: 40px;
    position: relative;
  }

  .section-title-copy.white-font {
    font-size: 40px;
  }

  .banner-button-copy {
    font-size: 16px;
  }

  .button-copy {
    padding: 25px 60px;
    font-size: 16px;
  }

  .banner-button-copy-copy, .banner-button-copy, .banner-button-copy-copy-copy, .banner-button-copy-copy, .banner-button-copy-copy-copy, .banner-button-body {
    font-size: 16px;
  }

  .dashboard-grid-1 {
    grid-template-columns: .75fr;
    align-self: stretch;
    place-items: stretch center;
    width: 65%;
  }

  .send-whole-wrap-2 {
    max-width: 480px;
  }

  .send-image-2.statistic-image {
    left: auto;
  }

  .send-image-2.profile-image {
    top: 13%;
    right: 33%;
  }

  .send-image-2.database-image {
    top: 58%;
    right: 72%;
  }

  .send-image-2.profile-image-copy {
    top: 13%;
    right: 33%;
  }

  .send-image-2.statistic-image-2, .send-image-copy.statistic-image {
    left: auto;
  }

  .send-image-copy.database-image-copy {
    top: 58%;
    right: 72%;
  }

  .pricing-feature-wrap-2 {
    padding: 45px 40px 45px 45px;
  }

  .send-whole-wrap-copy {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .banner-button-copy-2 {
    font-size: 16px;
  }

  .send-whole-wrap-home2 {
    max-width: none;
  }

  .integration-section-2 {
    padding-top: 0;
  }

  .banner-button-copy-3 {
    font-size: 16px;
  }

  .send-whole-wrap-copy {
    grid-template-columns: 1fr 1fr;
    max-width: 480px;
  }

  .code-embed-10 {
    width: 114%;
  }

  .div-block-7 {
    left: 5px;
  }

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

  .send-grid-mobil, .send-grid-desktop {
    flex: 1;
    grid-template-columns: 1fr 1fr;
    width: auto;
  }

  .testimonial-card-whole-wrap-bs {
    border-width: 1px;
    border-radius: 30px;
    padding: 55px 50px 40px;
  }

  .send-image-wrap-inhalt {
    justify-content: flex-end;
  }

  .send-image-inhalt.statistic-image {
    left: auto;
  }

  .send-image-inhalt.profile-image {
    top: 13%;
    right: 33%;
  }

  .send-image-inhalt.database-image {
    top: 58%;
    right: 72%;
  }

  .send-image-inhalt.profile-image-copy {
    top: 13%;
    right: 33%;
  }

  .send-image-inhalt.statistic-image-copy {
    left: auto;
  }

  .send-image-inhalt.database-image-inhalt {
    top: 58%;
    right: 72%;
  }

  .send-image-copy.statistic-image {
    left: auto;
  }

  .send-image-copy.profile-image {
    top: 13%;
    right: 33%;
  }

  .send-image-copy.database-image {
    top: 58%;
    right: 72%;
  }

  .send-image-copy.profile-image-copy {
    top: 13%;
    right: 33%;
  }

  .send-image-copy.statistic-image-copy {
    left: auto;
  }

  .send-image-copy.profile-image-inhalt {
    top: 13%;
    right: 33%;
  }

  .send-image-copy-copy.statistic-image {
    left: auto;
  }

  .send-image-copy-copy.profile-image {
    top: 13%;
    right: 33%;
  }

  .send-image-copy-copy.database-image {
    top: 58%;
    right: 72%;
  }

  .send-image-copy-copy.profile-image-copy {
    top: 13%;
    right: 33%;
  }

  .send-image-copy-copy.statistic-image-copy {
    left: auto;
  }

  .send-image-copy-copy.profile-image-inhalt {
    top: 13%;
    right: 33%;
  }

  .send-image-copy-copy.statistic-image-inhalt {
    left: auto;
  }

  .section-title-inhalt-2 {
    z-index: 2;
    font-size: 35px;
    position: relative;
  }

  .section-title-inhalt-2.white-font {
    font-size: 40px;
  }

  .send-grid-inhalt {
    flex: 1;
    grid-template-columns: 1.25fr .75fr;
    width: auto;
  }

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

  .container-table {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }

  .event-grid-2 {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

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

  .leistungen-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: .45fr;
    justify-content: space-between;
    justify-items: end;
  }

  .leistungen-grid-wrap {
    display: flex;
  }

  .send-grid-leistungen {
    flex: 1;
    grid-template-columns: 1.25fr .75fr;
    width: auto;
  }

  .container-table-l {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }

  .banner-button-sticky, .banner-button-sticky-mobil {
    font-size: 16px;
  }

  .form-box-wrapper-contact {
    display: block;
  }

  .hero-section-title-wrap-copy.homepage {
    width: auto;
    max-width: 65%;
  }

  .danke-title, .anfrage-title {
    font-size: 100px;
  }

  .hero-whole-wrap-r {
    border-radius: 45px;
    min-height: 350px;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .hero-whole-wrap-r.career-page {
    padding-bottom: 350px;
  }

  .hero-whole-wrap-r.blog-single-hero {
    padding-top: 20px;
  }

  .send-image-wrap-home, .send-image-wrap-rechner {
    justify-content: flex-end;
  }

  .send-image-rechner.statistic-image {
    left: auto;
  }

  .send-image-rechner.profile-image {
    top: 13%;
    right: 33%;
  }

  .send-image-rechner.database-image {
    top: 58%;
    right: 72%;
  }

  .send-image-rechner.profile-image-copy {
    top: 13%;
    right: 33%;
  }

  .send-image-rechner.statistic-image-copy {
    left: auto;
  }

  .send-image-rechner.profile-image-inhalt {
    top: 13%;
    right: 33%;
  }

  .send-image-rechner.statistic-image-inhalt {
    left: auto;
  }

  .send-image-rechner.database-image-rechner {
    top: 58%;
    right: 72%;
  }

  .send-image-wrap-r {
    justify-content: flex-end;
  }

  .pricing-feature-wrap-r {
    padding: 45px 40px 45px 45px;
  }

  .pricing-feature-wrap-r.dark-bg-wrap-r {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 20px;
    right: 160px;
  }

  .send-image-r.statistic-image {
    left: auto;
  }

  .send-image-r.profile-image {
    top: 13%;
    right: 33%;
  }

  .send-image-r.database-image {
    top: 58%;
    right: 72%;
  }

  .send-image-r.profile-image-copy {
    top: 13%;
    right: 33%;
  }

  .send-image-r.statistic-image-copy {
    left: auto;
  }

  .send-image-r.profile-image-inhalt {
    top: 13%;
    right: 33%;
  }

  .send-image-r.statistic-image-inhalt, .send-image-r.statistic-image-r {
    left: auto;
  }

  .pricing-feature-wrap-c {
    padding: 45px 40px 45px 45px;
  }

  .pricing-feature-wrap-c.dark-bg-wrap-r {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 20px;
    right: 160px;
  }

  .pricing-feature-wrap-c.dark-bg-wrap-c {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 20px;
    top: 400px;
    left: 30px;
    right: auto;
  }

  .send-grid-s {
    flex: 1;
    grid-template-columns: 1.25fr .75fr;
    width: auto;
  }

  .container-check {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-feature-wrap-home {
    padding: 45px 40px 45px 45px;
  }

  .pricing-feature-wrap-home.dark-bg-wrap-r, .pricing-feature-wrap-home.dark-bg-wrap-c {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 20px;
    right: 160px;
  }

  .pricing-feature-wrap-home.dark-bg-wrap-home {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 20px;
    right: 280px;
  }

  .banner-button-body-2 {
    font-size: 16px;
  }

  .send-image-hand.statistic-image {
    left: auto;
  }

  .send-image-hand.profile-image {
    top: 13%;
    right: 33%;
  }

  .send-image-hand.database-image {
    top: 58%;
    right: 72%;
  }

  .send-image-hand.profile-image-copy {
    top: 13%;
    right: 33%;
  }

  .send-image-hand.statistic-image-copy {
    left: auto;
  }

  .send-image-hand.profile-image-inhalt {
    top: 13%;
    right: 33%;
  }

  .send-image-hand.statistic-image-inhalt {
    left: auto;
  }

  .send-image-hand.statistic-image-hand {
    z-index: -2;
    left: auto;
    right: auto;
  }

  .pricing-feature-wrap-co {
    padding: 45px 40px 45px 45px;
  }

  .pricing-feature-wrap-co.dark-bg-wrap-r, .pricing-feature-wrap-co.dark-bg-wrap-c {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 20px;
    right: 160px;
  }

  .pricing-feature-wrap-co.dark-bg-wrap-home {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 20px;
    right: 180px;
  }

  .pricing-feature-wrap-co.dark-bg-wrap-co {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 20px;
    right: 43%;
  }

  .send-image-wrap-co {
    justify-content: flex-end;
  }

  .pricing-feature-wrap-co-r {
    padding: 45px 40px 45px 45px;
  }

  .pricing-feature-wrap-co-r.dark-bg-wrap-r, .pricing-feature-wrap-co-r.dark-bg-wrap-c {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 20px;
    right: 160px;
  }

  .pricing-feature-wrap-co-r.dark-bg-wrap-home, .pricing-feature-wrap-co-r.dark-bg-wrap-co, .pricing-feature-wrap-co-r.dark-bg-wrap-co-r {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 20px;
    right: 180px;
  }

  .send-whole-wrap-home2-mobil {
    max-width: 480px;
  }

  .testimonial-card-whole-wrap-bs-home, .testimonial-card-whole-wrap-bs-home-2, .testimonial-card-whole-wrap-bs-home-3 {
    border-width: 1px;
    border-radius: 30px;
    padding: 55px 50px 40px;
  }

  .banner-button-copy-4 {
    font-size: 16px;
  }

  .container-hero {
    max-width: none;
    padding-left: 5%;
    padding-right: 5%;
  }

  .checkbox-field-5 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .checkbox-7 {
    margin-top: 0;
  }

  .hero-wrap-tab {
    grid-column-gap: 0%;
    grid-row-gap: 0%;
    flex-direction: row;
    grid-template-columns: 50% 40%;
  }

  .hero-wrap-tab.home-banner, .hero-wrap-tab.home-banner-tab {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: row;
  }

  .hero-section-title-wrap-tab.homepage, .hero-section-title-wrap-tab.homepage-tab {
    width: auto;
    max-width: none;
  }

  .send-grid-inhalt-home {
    flex: 1;
    grid-template-columns: 1.25fr .75fr;
    width: auto;
  }

  .send-grid-h {
    flex: 1;
    grid-template-columns: 56% 44%;
    width: auto;
  }
}

@media screen and (min-width: 1440px) {
  .hero-whole-wrap {
    min-height: 715px;
    padding-top: 100px;
    padding-bottom: 20px;
  }

  .hero-whole-wrap.blog-single-hero {
    padding-top: 60px;
    padding-bottom: 220px;
  }

  .hero-wrap {
    grid-column-gap: 0%;
    grid-row-gap: 0%;
    grid-template-rows: auto;
    grid-template-columns: 50% 40%;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .banner-text {
    font-size: 60px;
  }

  .hero-section-title-wrap.style-guide {
    width: 100%;
    max-width: none;
  }

  .hero-bg-content {
    font-size: 210px;
    top: 81px;
    left: 39%;
  }

  .hero-bg-content.event-title-button-wrap {
    font-size: 210px;
    top: 85px;
  }

  .hero-bg-content.common-content {
    font-size: 160px;
  }

  .hero-image-wrap.style-guide {
    max-width: 100%;
    height: auto;
    left: auto;
  }

  .footer-contact-whole-wrap {
    grid-column-gap: 55px;
    grid-row-gap: 55px;
  }

  .footer-contact-title-wrap.hyphenated {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-title {
    font-size: 60px;
  }

  .footer-form-whole-wrap {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .footer-contact-form-block {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-form-input {
    min-width: auto;
  }

  .footer-contact-content {
    width: auto;
  }

  .footer-bg-content {
    font-size: 200px;
  }

  .dashboard-content {
    width: 550px;
  }

  .money-section {
    padding-bottom: 220px;
  }

  .money-tab-menu-wrap {
    position: absolute;
    top: 38%;
    left: -87%;
    right: auto;
  }

  .pricing-section.homepage {
    padding-top: 220px;
    padding-bottom: 200px;
  }

  .pricing-grid-wrap {
    display: flex;
  }

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

  .about-dashboard-bg-circle {
    bottom: 221px;
  }

  .dashboard-bg-circle {
    min-width: 500px;
    min-height: 500px;
  }

  .cta-bg-content {
    font-size: 260px;
  }

  .cta-whole-wrap {
    width: 80%;
  }

  .cta-title {
    font-size: 35px;
  }

  .cta-image.left-top-image {
    left: 0%;
  }

  .pricing-feature-section {
    padding-bottom: 60px;
  }

  .contact-section {
    margin-top: 100px;
    padding-bottom: 125px;
  }

  .contact-form-block {
    padding: 100px 150px;
  }

  .integration-circle.zlack {
    left: 75%;
  }

  .integration-circle.zapier {
    min-width: 125px;
    min-height: 125px;
  }

  .integration-circle.dropbox {
    min-width: 80px;
    min-height: 80px;
    left: 75%;
  }

  .integration-circle.figma {
    min-width: 140px;
    min-height: 140px;
  }

  .integration-circle.youtube {
    min-width: 105px;
    min-height: 105px;
  }

  .integration-circle.discord {
    min-width: 130px;
    min-height: 130px;
  }

  .decorative-circle.right-top-circle {
    min-width: 95px;
    min-height: 95px;
  }

  .decorative-circle.right-bottom-circle {
    top: 75%;
    right: 15%;
  }

  .career-single-banner {
    margin-top: -290px;
  }

  .career-single-grid {
    grid-column-gap: 125px;
    grid-row-gap: 125px;
  }

  .blog-single-image-wrap {
    border-radius: 60px;
    width: auto;
    max-width: none;
    min-height: 500px;
    margin-top: -200px;
  }

  .changelog-title {
    font-size: 190px;
  }

  .error-title {
    font-size: 240px;
  }

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

  .form-box-wrapper {
    display: block;
  }

  .section {
    justify-content: center;
  }

  .section-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .ergebnisangestellte {
    width: 85%;
    max-width: 1200px;
    display: none;
  }

  .pricing-section-copy.homepage {
    padding-top: 220px;
    padding-bottom: 200px;
  }

  .pricing-section-copy.homepage-copy {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .ergebnisangestelltetarifbasis, .ergebnisangestelltetarifkomfort, .ergebnisangestelltetarifpremium {
    justify-content: center;
    align-items: center;
    width: 85%;
    max-width: 1200px;
    display: none;
  }

  .banner-text-copy, .footer-title-2 {
    font-size: 60px;
  }

  .send-whole-wrap-copy {
    max-width: none;
  }

  .section-content {
    justify-content: center;
  }

  .paragraph-181 {
    top: 150px;
    bottom: auto;
  }

  .service-heading-wrapper {
    top: 60px;
  }

  .padding-global {
    height: auto;
  }

  .paragraph-188 {
    top: 150px;
    bottom: auto;
  }

  .service-heading-wrapper-2 {
    top: 60px;
  }

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

  .leistungen-grid-wrap {
    display: flex;
  }

  .form-box-wrapper-contact {
    display: block;
  }

  .danke-title, .anfrage-title {
    font-size: 100px;
  }

  .hero-whole-wrap-r {
    min-height: 400px;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .hero-whole-wrap-r.blog-single-hero {
    padding-top: 60px;
    padding-bottom: 220px;
  }

  .send-image-hand.statistic-image-hand {
    left: auto;
  }

  .container-hero {
    max-width: 1200px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .checkbox-field-5 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .checkbox-7 {
    margin-top: 0;
  }

  .hero-wrap-tab {
    grid-column-gap: 0%;
    grid-row-gap: 0%;
    grid-template-rows: auto;
    grid-template-columns: 50% 40%;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .hero-section-title-wrap-tab.style-guide {
    width: 100%;
    max-width: none;
  }
}

@media screen and (min-width: 1920px) {
  .hero-section {
    margin-left: 0;
    margin-right: 0;
  }

  .hero-whole-wrap.heronew {
    padding-top: 60px;
  }

  .hero-whole-wrap.blog-single-hero, .hero-whole-wrap.heronewhome {
    padding-top: 100px;
  }

  .hero-wrap {
    grid-column-gap: 0%;
    grid-row-gap: 0%;
    grid-template-columns: 50% 40%;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-items: center stretch;
  }

  .hero-section-title-wrap.style-guide {
    width: auto;
    margin-top: 0;
  }

  .hero-bg-content {
    top: 140px;
    left: 49%;
  }

  .hero-bg-content.event-title-button-wrap {
    top: 85px;
    left: 51.5%;
  }

  .hero-image-wrap.style-guide {
    height: auto;
    margin-left: 0;
    margin-right: 0;
    left: auto;
  }

  .color-swatch.primary {
    background-color: var(--primary);
  }

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

  .color-swatch.primary-orange {
    background-color: var(--primary-orange);
  }

  .color-swatch.primary-plum {
    background-color: var(--primary-plum);
  }

  .color-swatch.primary-yellow {
    background-color: var(--primary-yellow);
  }

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

  .color-swatch.alice-blue {
    background-color: var(--alice-blue);
  }

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

  .footer-section {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-banner-image.green-card-image {
    left: 40px;
  }

  .hero-banner-image.red-card-image {
    left: 0;
  }

  .hero-banner-image.blue-card-image {
    left: 150px;
  }

  .page-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .page-wrapper.homepage {
    background-position: 50% 6%;
  }

  .page-wrapper.blog-page {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .page-wrapper.team-page {
    background-position: 50% 150px;
  }

  .send-grid-wrap {
    flex-direction: column;
  }

  .dashboard-grid-wrap {
    align-items: stretch;
    left: -89px;
  }

  .faq-whole-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .accordion-faq, .accordion-list {
    background-color: var(--ghost-white);
  }

  .accordion-item {
    background-color: var(--ghost-white);
    padding-bottom: 0;
  }

  .testimonial-section {
    padding-bottom: 0;
    display: flex;
  }

  .testimonial-card-content {
    color: var(--dark-color);
  }

  .about-send-bg-circle {
    right: 502px;
  }

  .about-dashboard-bg-circle {
    bottom: 250px;
    left: 385px;
  }

  .cta-section {
    position: static;
  }

  .cta-whole-wrap {
    width: 80%;
  }

  .cta-title {
    font-size: 35px;
  }

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

  .cta-form-block {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .pricing-feature-title {
    font-size: 25px;
  }

  .container-medium {
    max-width: 1200px;
  }

  .accordion-shadow {
    z-index: -1;
    background-color: var(--title-color);
    position: absolute;
    inset: 0%;
  }

  .contact-banner-button {
    position: relative;
  }

  .form-box-wrapper {
    display: block;
  }

  .section {
    justify-content: center;
  }

  .section-2 {
    margin-left: 0;
    padding-right: 0;
  }

  .ergebnisangestellte {
    width: 65%;
    max-width: 1200px;
    display: none;
  }

  .pricing-section-copy.homepage-copy {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .ergebnisangestelltetarifbasis, .ergebnisangestelltetarifkomfort, .ergebnisangestelltetarifpremium {
    width: 90%;
    max-width: 1200px;
    display: none;
  }

  .checkbox-field-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 90%;
    padding-left: 0;
    display: flex;
  }

  .send-whole-wrap-2 {
    max-width: 1200px;
    margin-left: 320px;
    padding-bottom: 0;
  }

  .send-whole-wrap-copy {
    max-width: none;
  }

  .integration-section-2 {
    padding-top: 0;
  }

  .phone-wrapper {
    width: 85%;
  }

  .testimonial-card-content-bs {
    color: var(--dark-color);
  }

  .section-content {
    justify-content: center;
  }

  .grid {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-27 {
    grid-template-columns: 4fr 1fr;
    max-width: 1600px;
  }

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

  .padding-section-large {
    width: 100%;
    max-width: 80rem;
  }

  .image-10 {
    border: 1px #000;
  }

  .div-block-34 {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-35 {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .form-box-wrapper-contact {
    display: block;
  }

  .hero-section-title-wrap-copy.style-guide {
    margin-top: -90px;
  }

  .hero-section-title-wrap-copy.style-guide-c {
    max-width: 700px;
    margin-top: -80px;
  }

  .hero-whole-wrap-r {
    min-height: 400px;
  }

  .hero-whole-wrap-r.blog-single-hero {
    padding-top: 100px;
  }

  .pricing-feature-wrap-r.dark-bg-wrap-r, .pricing-feature-wrap-c.dark-bg-wrap-r {
    left: auto;
    right: 140px;
  }

  .pricing-feature-wrap-c.dark-bg-wrap-c {
    left: 35px;
    right: auto;
  }

  .pricing-feature-wrap-home.dark-bg-wrap-r, .pricing-feature-wrap-home.dark-bg-wrap-c {
    left: auto;
    right: 140px;
  }

  .pricing-feature-wrap-home.dark-bg-wrap-home {
    left: auto;
    right: 280px;
  }

  .send-image-hand.statistic-image-hand {
    z-index: -2;
  }

  .pricing-feature-wrap-co.dark-bg-wrap-r, .pricing-feature-wrap-co.dark-bg-wrap-c {
    left: auto;
    right: 140px;
  }

  .pricing-feature-wrap-co.dark-bg-wrap-home {
    left: auto;
    right: 180px;
  }

  .pricing-feature-wrap-co.dark-bg-wrap-co {
    left: auto;
    right: 43%;
  }

  .pricing-feature-wrap-co-r.dark-bg-wrap-r, .pricing-feature-wrap-co-r.dark-bg-wrap-c {
    left: auto;
    right: 140px;
  }

  .pricing-feature-wrap-co-r.dark-bg-wrap-home, .pricing-feature-wrap-co-r.dark-bg-wrap-co, .pricing-feature-wrap-co-r.dark-bg-wrap-co-r {
    left: auto;
    right: 180px;
  }

  .testimonial-card-content-bs-home {
    color: var(--dark-color);
  }

  .container-hero {
    max-width: 1200px;
    height: 100%;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0%;
    padding-right: 0%;
    position: relative;
  }

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

  .checkbox-6 {
    margin-left: 0;
  }

  .hero-wrap-tab {
    grid-column-gap: 0%;
    grid-row-gap: 0%;
    grid-template-columns: 50% 40%;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-items: center stretch;
  }

  .hero-section-title-wrap-tab.style-guide {
    width: auto;
    margin-top: 0;
  }

  .div-block-22-co {
    width: 95%;
  }

  .image-bl {
    border: 1px #000;
  }
}

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

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 31px;
  }

  h4 {
    font-size: 26px;
  }

  h5 {
    font-size: 23px;
  }

  h6 {
    font-size: 19px;
  }

  li {
    font-size: 18px;
  }

  blockquote {
    background-size: 25%, 25%;
    border-radius: 20px;
    padding: 40px 120px;
    font-size: 24px;
  }

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

  .navbar-menu {
    background-color: var(--white);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    flex-direction: column;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-link {
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-button-wrap {
    padding-top: 20px;
    display: flex;
  }

  .nav-link-wrap {
    flex-direction: column;
    align-items: stretch;
  }

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

  .nav-dropdown-list.w--open {
    box-shadow: none;
    padding-left: 30px;
    position: static;
  }

  .nav-menu-button {
    background-color: var(--title-color);
    color: var(--white);
    border-radius: 10px;
  }

  .nav-menu-button.w--open {
    background-color: var(--primary);
  }

  .hero-whole-wrap {
    border-radius: 35px;
    min-height: 450px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hero-whole-wrap.heronew {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-whole-wrap.heronewhome {
    z-index: -10;
    flex-direction: column;
    align-items: stretch;
  }

  .hero-wrap {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    flex-flow: column;
    grid-template-columns: 50%;
    justify-content: center;
    align-items: center;
    margin-left: 0%;
    display: flex;
  }

  .hero-wrap.home-banner {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    flex-direction: column;
    display: none;
  }

  .hero-wrap.home-banner-tab {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    flex-direction: column;
  }

  .section-sub-title-wrap {
    padding: 10px 20px;
  }

  .section-sub-title-wrap.dark {
    grid-column-gap: 10px;
  }

  .section-sub-title-content.white-font-footer {
    font-size: 16px;
  }

  .banner-text {
    font-size: 40px;
  }

  .banner-text.white-font {
    font-size: 45px;
  }

  .hero-content {
    display: block;
  }

  .hero-section-title-wrap {
    align-self: auto;
  }

  .hero-section-title-wrap.style-guide {
    max-width: none;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .hero-section-title-wrap.homepage {
    width: 100%;
    max-width: none;
    height: auto;
    display: none;
  }

  .hero-section-title-wrap.homepage-tab {
    width: 100%;
    max-width: none;
    height: auto;
  }

  .hero-bg-content {
    font-size: 125px;
    top: 307px;
    left: 5%;
  }

  .hero-bg-content.event-title-button-wrap {
    max-width: 520px;
    font-size: 120px;
    top: 85px;
    left: 45%;
  }

  .hero-image-wrap {
    align-items: center;
  }

  .hero-image-wrap.style-guide {
    margin-top: 0;
  }

  .color-swatch-section {
    padding-top: 100px;
  }

  .section-title {
    font-size: 36px;
  }

  .text-section {
    padding-bottom: 100px;
  }

  .text-grid {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    grid-template-columns: 1fr;
  }

  .button-section {
    padding-top: 100px;
  }

  .button, .button.green-button {
    padding: 20px 50px;
  }

  .button.cta-button {
    min-width: auto;
  }

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

  .footer-whole-wrap {
    border-radius: 30px;
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .footer-contact-whole-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .footer-title {
    font-size: 45px;
  }

  .footer-form {
    grid-row-gap: 25px;
  }

  .footer-form-input {
    min-width: auto;
  }

  .footer-form-input.footer-input-textarea {
    border-radius: 30px;
    min-height: 200px;
  }

  .footer-contact-wrap {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .footer-contact-link {
    font-size: 30px;
  }

  .footer-widget-wrap {
    border-radius: 20px;
    padding: 40px 30px;
  }

  .footer-bg-content {
    font-size: 100px;
  }

  .banner-button-wrap {
    align-items: center;
    display: none;
  }

  .banner-button-circle.outer-circle {
    min-width: 50px;
    min-height: 50px;
  }

  .banner-button-circle.inner-circle, .banner-button-circle.inner-circle-sticky {
    min-width: 30px;
    min-height: 30px;
  }

  .hero-banner-image {
    width: 55%;
  }

  .client-whole-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .client-image-whole-wrap {
    grid-column-gap: 120px;
    grid-row-gap: 33px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .event-title-wrap {
    max-width: none;
  }

  .event-title-whole-wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column wrap;
    align-items: flex-start;
  }

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

  .event-card-whole-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
    width: 95%;
  }

  .event-card-wrap {
    padding-top: 40px;
    padding-left: 30px;
  }

  .event-card-wrap.yellow-bg {
    align-items: flex-start;
  }

  .event-card-title {
    font-size: 22px;
  }

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

  .send-grid-wrap {
    flex-direction: column;
  }

  .send-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 100%;
    width: auto;
  }

  .send-whole-wrap {
    place-items: start stretch;
    padding-bottom: 20px;
  }

  .send-image-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    height: 450px;
    padding-bottom: 60px;
    display: flex;
  }

  .send-image {
    width: 40%;
  }

  .send-image.statistic-image {
    width: auto;
    height: 100%;
    position: absolute;
    top: auto;
    bottom: 25%;
  }

  .send-image.profile-image {
    z-index: 1;
    width: auto;
    height: 100%;
    position: absolute;
    inset: auto 15% 8% auto;
  }

  .send-image.database-image {
    z-index: 2;
    width: auto;
    right: 58%;
  }

  .send-image.profile-image-copy {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image.statistic-image-copy {
    position: relative;
  }

  .send-image.profile-image-inhalt {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image.statistic-image-inhalt {
    position: relative;
  }

  .dashboard-section {
    padding-top: 70px;
    padding-bottom: 100px;
  }

  .dashboard-grid {
    grid-column-gap: 60px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
    width: auto;
  }

  .dashboard-whole-wrap {
    max-width: none;
  }

  .dashboard-image {
    border-radius: 20px;
  }

  .presentation-section {
    padding-top: 100px;
  }

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

  .money-section {
    padding-bottom: 100px;
  }

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

  .money-tab-whole-wrap {
    padding-top: 0;
  }

  .money-tab-menu-wrap {
    align-items: flex-start;
    padding-bottom: 20px;
  }

  .money-tab-content {
    border-radius: 20px;
  }

  .money-tab-link {
    border-radius: 20px;
    margin-bottom: 20px;
  }

  .money-tab-pane {
    padding-left: 20px;
  }

  .money-tab-image-wrap {
    border-radius: 20px;
  }

  .money-tab-title {
    font-size: 26px;
  }

  .money-tab-menu-content {
    font-size: 16px;
  }

  .pricing-section, .pricing-section.homepage {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .pricing-title-wrap {
    width: auto;
  }

  .pricing-wrap {
    border-radius: 20px;
    width: 93.1803%;
  }

  .pricing-wrap.tarif-box-basis, .pricing-wrap.tarif-box-basis.hyphenated {
    width: 85%;
  }

  .pricing-wrap.tarif-box-komfort.hyphenated, .pricing-wrap.tarif-box-premium.hyphenated {
    width: auto;
  }

  .pricing-wrap.hyphenated {
    width: 85%;
  }

  .pricing-sub-title-wrap {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    height: 35px;
  }

  .pricing-sub-title.sub-text {
    font-size: 18px;
  }

  .pricing-rate {
    font-size: 36px;
  }

  .pricing-feature-wrap {
    border-radius: 20px;
  }

  .faq-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .faq-whole-wrap {
    grid-column-gap: 18px;
    grid-row-gap: 0px;
    flex-flow: row;
  }

  .accordion-faq {
    grid-column-gap: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .accordion-item-title {
    max-width: 88%;
  }

  .accordion-content {
    max-width: 100%;
    font-size: 17px;
  }

  .accordion-arrow-wrap {
    min-width: 30px;
    min-height: 30px;
  }

  .testimonial-section.dark-section {
    padding-top: 110px;
    padding-bottom: 100px;
  }

  .testimonial-author-whole-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .testimonial-card-content {
    font-size: 16px;
  }

  .testimonial-star-image {
    width: 8%;
  }

  .testimonial-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .about-send-bg-circle {
    min-width: 300px;
    min-height: 300px;
    top: 444px;
    right: 296px;
  }

  .about-dashboard-bg-circle {
    min-width: 300px;
    min-height: 300px;
    inset: auto 0% 19% auto;
  }

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

  .office-tilte-wrap {
    max-width: none;
  }

  .vision-image {
    border-radius: 20px;
  }

  .vision-lightbox-whole-wrap {
    min-width: 102px;
    min-height: 102px;
  }

  .vision-lightbox-wrap {
    min-width: 100px;
    min-height: 100px;
  }

  .vision-lightbox {
    min-width: 65px;
    min-height: 65px;
  }

  .our-story-section {
    padding-bottom: 100px;
  }

  .our-story-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .our-story-title-wrap {
    max-width: none;
  }

  .our-story-whole-wrap {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .our-story-card {
    border-radius: 20px;
    width: auto;
    min-width: auto;
    max-width: none;
    padding: 35px 25px;
  }

  .value-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

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

  .value-card-title {
    font-size: 28px;
  }

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

  .team-section.sub-section {
    padding-top: 100px;
  }

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

  .team-member-bg-wrap {
    flex-direction: row;
    height: 88%;
  }

  .hero-bg-second-pattern {
    min-width: 200px;
    min-height: 200px;
    top: -10%;
    right: -33px;
  }

  .feature-section {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .dashboard-bg-circle {
    min-width: 350px;
    min-height: 350px;
  }

  .cta-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .cta-bg-content {
    font-size: 125px;
  }

  .cta-whole-wrap {
    width: 80%;
  }

  .cta-title {
    margin-bottom: 30px;
    font-size: 35px;
  }

  .cta-bg-circle {
    min-width: 300px;
    min-height: 300px;
  }

  .cta-bg-circle.blue-circle {
    min-width: 250px;
    min-height: 250px;
    right: -120px;
  }

  .cta-form {
    width: 80%;
    max-width: none;
  }

  .cta-form-input {
    min-height: 60px;
    font-size: 16px;
    line-height: 20px;
  }

  .cta-image {
    transform: none;
  }

  .cta-image.left-top-image {
    width: 25%;
  }

  .cta-image.right-bottom-image {
    width: 20%;
  }

  .pricing-feature-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pricing-card-whole-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    grid-template-columns: 50% 50%;
  }

  .pricing-feature-card {
    width: 98%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .pricing-point-content {
    font-size: 17px;
  }

  .hero-bg-first-pattern {
    min-width: 300px;
    min-height: 300px;
  }

  .contact-section {
    margin-top: 100px;
    padding-bottom: 100px;
  }

  .contact-form-block {
    padding: 40px 20px;
  }

  .contact-input-field {
    min-height: 70px;
  }

  .licenses-section {
    padding-top: 100px;
  }

  .licenses-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .licenses-title {
    font-size: 34px;
  }

  .licenses-image-title {
    font-size: 27px;
  }

  .integration-circle.zlack {
    min-width: 100px;
    min-height: 100px;
    left: 63%;
  }

  .integration-circle.zapier {
    top: 35%;
  }

  .integration-circle.figma {
    top: 29%;
    left: 14%;
  }

  .integration-circle.youtube {
    top: 18%;
    left: 40px;
  }

  .decorative-circle.right-top-circle {
    min-width: 50px;
    min-height: 50px;
  }

  .decorative-circle.right-bottom-circle {
    min-width: 25px;
    min-height: 25px;
  }

  .decorative-circle.left-bottom-circle {
    min-width: 15px;
    min-height: 15px;
  }

  .integration-section {
    padding-top: 40px;
  }

  .integration-tab-whole-wrap {
    margin-top: 20px;
  }

  .integration-tab {
    margin-top: 0;
  }

  .integration-tab-menu-wrap {
    justify-content: flex-start;
  }

  .integration-content-whole-wrap {
    border-radius: 30px;
    padding: 60px 40px;
  }

  .integration-collection-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 180px 270px;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .integration-collection-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .integration-collection-item {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .integration-card-wrap {
    border-radius: 15px;
    height: auto;
    padding: 20px;
  }

  .integration-icon-wrap {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .integration-title {
    font-size: 20px;
  }

  .integration-content-wrap {
    height: auto;
  }

  .integration-card-content {
    font-size: 16px;
  }

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

  .integration-button-content {
    font-size: 16px;
  }

  .integration-banner-image-wrap {
    min-width: 100px;
    max-width: 100px;
    min-height: 100px;
    max-height: 100px;
  }

  .integration-content-section {
    margin-top: 100px;
    margin-bottom: 40px;
    padding-bottom: 80px;
  }

  .integration-content-text h2 {
    font-size: 30px;
  }

  .career-section {
    padding-top: 100px;
  }

  .career-image-whole-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center;
    display: flex;
  }

  .career-image-wrap {
    order: -1;
  }

  .join-section {
    padding-bottom: 100px;
  }

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

  .join-card-whole-wrap {
    padding: 25px 20px;
  }

  .join-card-title {
    font-size: 26px;
  }

  .position-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .position-card-wrap {
    padding: 25px 35px 25px 30px;
  }

  .position-content-wrap {
    width: 60%;
    max-width: none;
  }

  .position-card-title {
    font-size: 27px;
  }

  .career-single-banner {
    margin-top: -191px;
  }

  .career-single-image {
    border-radius: 45px;
  }

  .career-details-whole-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .career-details-title {
    font-size: 16px;
  }

  .career-details-content {
    font-size: 20px;
  }

  .career-single-line-break {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .career-single-grid {
    grid-column-gap: 60px;
    grid-row-gap: 20px;
    grid-template-columns: auto;
  }

  .career-single-title {
    font-size: 35px;
  }

  .blog-post-section {
    padding-top: 100px;
  }

  .blog-feature-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .blog-feature-image-wrap {
    padding: 20px;
  }

  .blog-feature-date-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column wrap;
    align-items: flex-start;
  }

  .blog-feature-title {
    font-size: 26px;
  }

  .blog-post-content {
    font-size: 16px;
  }

  .blog-post-tab {
    margin-top: 40px;
  }

  .blog-post-tab-menu {
    justify-content: flex-start;
  }

  .blog-post-wrap {
    height: 629px;
  }

  .blog-post-image-wrap {
    flex-direction: column;
    min-height: 275px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .blog-post-title {
    font-size: 20px;
  }

  .blog-post-image {
    border-radius: 10px;
  }

  .blog-single-image-wrap {
    border-radius: 30px;
    min-height: auto;
    margin-top: 100px;
    padding: 40px 60px;
  }

  .blog-single-richtext img {
    border-radius: 20px;
  }

  .blog-author-whole-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-author-image-wrap {
    min-width: auto;
    max-width: none;
  }

  .blog-author-title-whole-wrap {
    align-items: center;
  }

  .blog-author-content {
    width: auto;
    font-size: 20px;
  }

  .changelog-section {
    padding-top: 100px;
  }

  .changelog-title {
    font-size: 100px;
  }

  .utility-page-wrap.password-protection-page {
    width: 90%;
    max-width: none;
    margin: 60px auto 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .utility-page-form.password-protection-page {
    align-self: stretch;
  }

  .password-title {
    font-size: 40px;
  }

  .error-sub-title {
    font-size: 37px;
  }

  .pricing-whole-wrap {
    grid-row-gap: 25px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .blog-section {
    padding-top: 100px;
  }

  .blog-title-whole-wrap {
    grid-row-gap: 25px;
    flex-wrap: wrap;
  }

  .about-story-bg-circle {
    left: 100px;
  }

  .integration-single-banner-title {
    font-size: 34px;
  }

  .integration-icon {
    width: 50px;
  }

  .hireus-badge {
    display: none;
  }

  .form-box-wrapper {
    width: 95%;
  }

  .form-heading {
    font-size: 35px;
    line-height: 41px;
  }

  .div-block-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .div-block-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 96.9474%;
    margin-right: 0;
    display: flex;
  }

  .event-card-whole-wrap-copy {
    align-items: center;
  }

  .accordion-content-copy, .accordion-content-copy-copy {
    max-width: 100%;
    font-size: 17px;
  }

  .section-sub-title-wrap-copy {
    padding: 10px 20px;
  }

  .section-sub-title-wrap-copy.dark {
    grid-column-gap: 10px;
  }

  .section-title-copy {
    font-size: 20px;
  }

  .section-sub-title-wrap-copy-copy {
    padding: 10px 20px;
  }

  .section-sub-title-wrap-copy-copy.dark {
    grid-column-gap: 10px;
  }

  .feature-section-copy {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .ergebnisbutton {
    padding: 10px 20px;
  }

  .ergebnisbutton.dark {
    grid-column-gap: 10px;
  }

  .ergebnisbutton-copy {
    padding: 10px 20px;
  }

  .ergebnisbutton-copy.dark {
    grid-column-gap: 10px;
  }

  .beratungbutton {
    padding: 10px 20px;
  }

  .beratungbutton.dark {
    grid-column-gap: 10px;
  }

  .ergebnisangestellte {
    display: none;
  }

  .event-card-wrap-copy {
    padding-top: 40px;
    padding-left: 30px;
  }

  .event-card-wrap-copy.yellow-bg {
    align-items: flex-start;
  }

  .event-card-wrap-copy-copy {
    padding-top: 40px;
    padding-left: 30px;
  }

  .event-card-wrap-copy-copy.yellow-bg {
    align-items: flex-start;
  }

  .event-card-wrap-copy-copy-copy {
    padding-top: 40px;
    padding-left: 30px;
  }

  .event-card-wrap-copy-copy-copy.yellow-bg {
    align-items: flex-start;
  }

  .div-block-5 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .pricing-section-copy, .pricing-section-copy.homepage, .pricing-section-copy.homepage-copy {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .pricing-wrapform {
    border-radius: 20px;
    width: 100%;
  }

  .ctabuttoncopy, .ctabuttoncopy.green-button {
    padding: 20px 50px;
  }

  .ctabuttoncopy.cta-button, .ctabuttoncopy.ctabuttoncopy2 {
    min-width: auto;
  }

  .hero-wrap-mobil {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
    align-items: stretch;
  }

  .hero-wrap-mobil.home-banner {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    flex-direction: column;
  }

  .banner-text-copy {
    font-size: 40px;
  }

  .footer-title-2 {
    font-size: 45px;
  }

  .section-title-copy {
    margin-top: 20px;
    font-size: 36px;
  }

  .button-copy, .button-copy.green-button {
    padding: 20px 50px;
  }

  .button-copy.cta-button {
    min-width: auto;
  }

  .banner-button-copy-copy {
    z-index: 999;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .text-block-11, .text-block-11:focus-visible, .text-block-11[data-wf-focus-visible] {
    text-align: center;
  }

  .banner-button-body {
    margin-top: 0;
    margin-left: 0;
    top: 40px;
    left: auto;
    right: auto;
  }

  .dashboard-grid-1 {
    grid-column-gap: 60px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
    width: auto;
  }

  .send-image-2 {
    width: 40%;
  }

  .send-image-2.statistic-image {
    position: relative;
  }

  .send-image-2.profile-image {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-2.database-image {
    z-index: 2;
    width: auto;
    right: 58%;
  }

  .send-image-2.profile-image-copy {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-2.statistic-image-2 {
    width: 80%;
    position: relative;
    left: 60px;
  }

  .send-image-copy.database-image-copy {
    z-index: 4;
    width: 60%;
    top: 45%;
    left: 120px;
    right: 58%;
  }

  .pricing-feature-wrap-2 {
    border-radius: 20px;
  }

  .pricing-feature-wrap-2.dark-bg-wrap-2 {
    width: 60%;
    margin-top: 140px;
  }

  .send-whole-wrap-copy {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: grid;
  }

  .banner-button-copy-2 {
    margin-top: auto;
    margin-bottom: auto;
    top: 25%;
    bottom: auto;
    right: 45%;
  }

  .send-whole-wrap-home2 {
    grid-template-columns: 70% 30%;
  }

  .send-title-wrap-home2 {
    width: auto;
  }

  .send-title-wrap-home2s {
    width: auto;
    height: 100%;
    position: relative;
  }

  .image-2 {
    width: 60%;
    top: 55%;
    left: 65%;
    right: auto;
  }

  .integration-section-2 {
    padding-top: 100px;
  }

  .phone-wrapper {
    justify-content: flex-start;
    align-items: flex-end;
    width: 75%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    bottom: 30px;
  }

  .send-section-desktop {
    padding-top: 100px;
  }

  .send-grid-mobil {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
    width: auto;
  }

  .send-grid-desktop {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    width: auto;
  }

  .team-member-whole-wrap-top {
    display: flex;
  }

  .progress-bar__content-4 {
    width: 14%;
  }

  .button-l-2 {
    flex: 0 auto;
    margin-bottom: 0;
  }

  .office-grid-about {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-auto-flow: row;
    place-items: start stretch;
    display: flex;
  }

  .testimonial-author-whole-wrap-bs {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .testimonial-card-content-bs {
    font-size: 16px;
  }

  .testimonial-star-image-bs {
    width: 8%;
  }

  .integration-tab-bs {
    margin-top: 0;
  }

  .integration-tab-menu-wrap-bs {
    justify-content: flex-start;
  }

  .auto-scroll-slider-bs {
    grid-template-columns: 1fr 1fr;
  }

  .integration-card-wrap-bs {
    border-radius: 15px;
    padding: 20px;
  }

  .integration-icon-wrap-bs {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .integration-card-content-bs {
    font-size: 16px;
  }

  .checklabel-l, .checklabel-l.dark-font-color {
    width: 260px;
  }

  .event-card-wrap-l {
    padding-top: 40px;
    padding-left: 30px;
  }

  .event-card-wrap-l.yellow-bg {
    align-items: flex-start;
  }

  .event-card-point-whole-wrap-l {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .section-sub-title-wrap-author {
    padding: 10px 20px;
  }

  .section-sub-title-wrap-author.dark {
    grid-column-gap: 10px;
  }

  .div-block-15 {
    display: none;
  }

  .kachel-card {
    border-radius: 20px;
    min-width: auto;
    padding: 35px 25px;
  }

  .send-image-wrap-inhalt {
    justify-content: center;
  }

  .send-image-inhalt {
    width: 40%;
  }

  .send-image-inhalt.statistic-image {
    position: relative;
  }

  .send-image-inhalt.profile-image {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-inhalt.database-image {
    z-index: 2;
    width: auto;
    right: 58%;
  }

  .send-image-inhalt.profile-image-copy {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-inhalt.statistic-image-copy {
    position: relative;
  }

  .send-image-inhalt.database-image-inhalt {
    z-index: 2;
    width: auto;
    right: 58%;
  }

  .send-image-copy {
    width: 40%;
  }

  .send-image-copy.statistic-image {
    position: relative;
  }

  .send-image-copy.profile-image {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-copy.database-image {
    z-index: 2;
    width: auto;
    right: 58%;
  }

  .send-image-copy.profile-image-copy {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-copy.statistic-image-copy {
    position: relative;
  }

  .send-image-copy.profile-image-inhalt {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-copy-copy {
    width: 40%;
  }

  .send-image-copy-copy.statistic-image {
    position: relative;
  }

  .send-image-copy-copy.profile-image {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-copy-copy.database-image {
    z-index: 2;
    width: auto;
    right: 58%;
  }

  .send-image-copy-copy.profile-image-copy {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-copy-copy.statistic-image-copy {
    position: relative;
  }

  .send-image-copy-copy.profile-image-inhalt {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-copy-copy.statistic-image-inhalt {
    position: relative;
  }

  .section-title-inhalt-2, .section-title-inhalt-2.hyphenated {
    font-size: 28px;
  }

  .div-block-22 {
    width: 100%;
    max-width: none;
    overflow: hidden;
  }

  .kachel-card-copy {
    border-radius: 20px;
    min-width: auto;
    padding: 35px 25px;
  }

  .grid-2 {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .send-grid-inhalt {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 100%;
    width: auto;
  }

  .kachel-card-copy-copy {
    border-radius: 20px;
    min-width: auto;
    padding: 35px 25px;
  }

  .office-image-wrap-story {
    grid-template-rows: auto;
  }

  .our-story-card-story, .kachel-card-copy-copy, .kachel-card-copy2 {
    border-radius: 20px;
    min-width: auto;
    padding: 35px 25px;
  }

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

  .event-card-wrap-l-copy {
    padding-top: 40px;
    padding-left: 30px;
  }

  .event-card-wrap-l-copy.yellow-bg {
    align-items: flex-start;
  }

  .single-service {
    position: sticky;
  }

  .service-icon {
    height: 80px;
  }

  .service-item-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    max-width: none;
  }

  .service-heading-wrapper {
    position: static;
  }

  .section-service {
    display: block;
  }

  .padding-global {
    margin-right: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

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

  .padding-section-large {
    margin-bottom: 40px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .tittle-sticky {
    position: static;
  }

  .service-item-container-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    max-width: none;
    display: flex;
    overflow: auto;
  }

  .single-service-copy, .single-service-2 {
    position: sticky;
  }

  .service-heading-wrapper-2 {
    position: static;
  }

  .event-grid-2 {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .faq-section-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .event-card-wrap-leistung {
    padding-top: 40px;
    padding-left: 30px;
  }

  .event-card-wrap-leistung.yellow-bg {
    align-items: flex-start;
  }

  .event-card-wrap-l-copy-copy {
    padding-top: 40px;
    padding-left: 30px;
  }

  .event-card-wrap-l-copy-copy.yellow-bg {
    align-items: flex-start;
  }

  .leistungen-whole-wrap {
    grid-row-gap: 25px;
    flex-direction: column;
  }

  .leistung-wrap {
    border-radius: 20px;
  }

  .event-card-title-sub {
    font-size: 22px;
  }

  .send-grid-leistungen {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    width: auto;
    display: grid;
  }

  .l-grid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    display: flex;
  }

  .l-tilte-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .l-story-card {
    border-radius: 20px;
    min-width: auto;
    padding: 35px 25px;
  }

  .l-story-card.bg-bl {
    height: 100%;
  }

  .l-div-block {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-left: 0;
    padding-right: 0;
  }

  .l-image-wrap-story-2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .kachel-wrapper, .kachel-wrapper-half {
    border-radius: 20px;
    min-width: auto;
    padding: 35px 25px;
  }

  .div-block-a1 {
    height: 100%;
  }

  .kachel-card-copy-copy-copy, .kachel-card-copy-copy-copy-copy {
    border-radius: 20px;
    min-width: auto;
    padding: 35px 25px;
  }

  .kachel-card-copy-copy-copy-copy-copy {
    border-radius: 20px;
    min-width: auto;
    height: 120px;
    padding: 35px 25px;
  }

  .kachel-card-copy-copy-copy-copy-copy-copy {
    border-radius: 20px;
    min-width: auto;
    height: 180px;
    padding: 35px 25px;
  }

  .grid-2-4 {
    grid-template-columns: 1fr 1fr;
  }

  .paragraph-box {
    margin-top: 0;
  }

  .accordion-content-c {
    max-width: 100%;
    font-size: 17px;
  }

  .event-card-wrap-leistung2 {
    padding-top: 40px;
    padding-left: 30px;
  }

  .event-card-wrap-leistung2.yellow-bg {
    align-items: flex-start;
  }

  .banner-button-circle-sticky.outer-circle {
    min-width: 50px;
    min-height: 50px;
  }

  .banner-button-circle-sticky.inner-circle {
    min-width: 30px;
    min-height: 30px;
  }

  .banner-button-circle-copy.outer-circle {
    min-width: 50px;
    min-height: 50px;
  }

  .banner-button-circle-copy.inner-circle, .banner-button-circle-copy.inner-circle-sticky {
    min-width: 30px;
    min-height: 30px;
  }

  .div-block-34, .div-block-35 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .kachel-card-b {
    border-radius: 20px;
    width: 150px;
    min-width: auto;
    padding: 35px 25px;
  }

  .event-card-title-b {
    font-size: 22px;
  }

  .banner-button-circle-sticky-mobil.outer-circle {
    min-width: 50px;
    min-height: 50px;
  }

  .banner-button-circle-sticky-mobil.inner-circle {
    min-width: 30px;
    min-height: 30px;
  }

  .banner-button-circle-copy-mobil.outer-circle {
    min-width: 50px;
    min-height: 50px;
  }

  .banner-button-circle-copy-mobil.inner-circle, .banner-button-circle-copy-mobil.inner-circle-sticky, .banner-button-circle-copy-mobil.inner-circle-sticky-mobil {
    min-width: 30px;
    min-height: 30px;
  }

  .form-box-wrapper-contact {
    margin-top: 20px;
  }

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

  .hero-section-title-wrap-copy {
    align-self: auto;
  }

  .hero-section-title-wrap-copy.style-guide, .hero-section-title-wrap-copy.style-guide-c {
    margin-top: 0;
    margin-left: 0;
  }

  .l-story-card--2 {
    border-radius: 20px;
    min-width: auto;
    padding: 35px 25px;
  }

  .div-block-11-4 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .our-story-card-s {
    border-radius: 20px;
    min-width: auto;
    padding: 35px 25px;
  }

  .our-story-card-s.blue-bg-card, .our-story-card-s.yellow-bg-card {
    max-width: none;
    padding-left: 45px;
    padding-right: 45px;
  }

  .hero-whole-wrap-r {
    border-radius: 35px;
    min-height: 300px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hero-whole-wrap-r.about-us-page {
    flex-direction: column;
    align-items: stretch;
  }

  .send-image-wrap-home, .send-image-wrap-rechner {
    justify-content: center;
  }

  .send-image-rechner {
    width: 40%;
  }

  .send-image-rechner.statistic-image {
    position: relative;
  }

  .send-image-rechner.profile-image {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-rechner.database-image {
    z-index: 2;
    width: auto;
    right: 58%;
  }

  .send-image-rechner.profile-image-copy {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-rechner.statistic-image-copy {
    position: relative;
  }

  .send-image-rechner.profile-image-inhalt {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-rechner.statistic-image-inhalt {
    position: relative;
  }

  .send-image-rechner.database-image-rechner {
    z-index: 2;
    width: auto;
    right: 58%;
  }

  .send-image-wrap-r {
    justify-content: center;
    height: 50vh;
    display: block;
  }

  .send-image-wrap-r.static-image-r {
    height: 90%;
    position: relative;
    inset: auto auto 50% 50%;
    overflow: clip;
  }

  .pricing-feature-wrap-r {
    border-radius: 20px;
  }

  .send-image-r {
    width: 40%;
  }

  .send-image-r.statistic-image {
    position: relative;
  }

  .send-image-r.profile-image {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-r.database-image {
    z-index: 2;
    width: auto;
    right: 58%;
  }

  .send-image-r.profile-image-copy {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-r.statistic-image-copy {
    position: relative;
  }

  .send-image-r.profile-image-inhalt {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-r.statistic-image-inhalt, .send-image-r.statistic-image-r {
    position: relative;
  }

  .pricing-feature-wrap-c {
    border-radius: 20px;
  }

  .paragraph-4-2 {
    width: 100%;
  }

  .send-grid-s {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    width: auto;
  }

  .image-15 {
    width: 60%;
  }

  .div-block-43 {
    justify-content: center;
    align-items: center;
  }

  .pricing-feature-wrap-home {
    border-radius: 20px;
  }

  .pricing-feature-wrap-home.dark-bg-wrap-home {
    inset: auto 30% 15% auto;
  }

  .send-image-hand {
    width: 40%;
  }

  .send-image-hand.statistic-image {
    position: relative;
  }

  .send-image-hand.profile-image {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-hand.database-image {
    z-index: 2;
    width: auto;
    right: 58%;
  }

  .send-image-hand.profile-image-copy {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-hand.statistic-image-copy {
    position: relative;
  }

  .send-image-hand.profile-image-inhalt {
    z-index: 1;
    position: absolute;
    top: 50px;
    right: auto;
  }

  .send-image-hand.statistic-image-inhalt {
    position: relative;
  }

  .send-image-hand.statistic-image-hand {
    width: auto;
    height: 80%;
    position: relative;
    inset: auto auto 65% 10%;
  }

  .pricing-feature-wrap-co {
    border-radius: 20px;
  }

  .pricing-feature-wrap-co.dark-bg-wrap-co {
    position: relative;
    inset: 30% 10% auto auto;
  }

  .send-image-wrap-co {
    flex-flow: row;
    justify-content: center;
    align-self: center;
    min-width: auto;
    height: 45vh;
    min-height: auto;
    padding-bottom: 0;
    display: block;
  }

  .pricing-feature-wrap-co-r {
    border-radius: 20px;
  }

  .pricing-feature-wrap-co-r.dark-bg-wrap-co {
    top: 60px;
    right: 350px;
  }

  .pricing-feature-wrap-co-r.dark-bg-wrap-co-r {
    position: relative;
    top: 50%;
    left: auto;
    right: 25%;
  }

  .div-block-44 {
    max-width: 100%;
  }

  .author-mobil {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid-2-s {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .testimonial-card-whole-wrap-bs-home {
    width: 300px;
    top: 150px;
    right: 320px;
  }

  .testimonial-author-whole-wrap-bs-home {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .testimonial-card-content-bs-home {
    font-size: 12px;
  }

  .testimonial-star-image-bs-home {
    width: 20px;
  }

  .testimonial-card-whole-wrap-bs-home-2 {
    width: 300px;
    display: flex;
    top: 130px;
    right: 335px;
  }

  .testimonial-card-whole-wrap-bs-home-3 {
    width: 300px;
    display: flex;
    top: 110px;
    right: 350px;
  }

  .l-story-card-2 {
    border-radius: 20px;
    min-width: auto;
    height: 100%;
    padding: 35px 25px;
  }

  .l-story-card-2.bg-y-2 {
    height: 100%;
  }

  .div-block-11-d {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-left: 0;
    padding-right: 0;
  }

  .l-story-card-2-h {
    border-radius: 20px;
    min-width: auto;
    height: 100%;
    padding: 35px 25px;
  }

  .hero-wrap-tab {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    flex-flow: column;
    grid-template-columns: 50%;
    justify-content: center;
    align-items: center;
    margin-left: 0%;
    display: flex;
  }

  .hero-wrap-tab.home-banner {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    flex-direction: column;
  }

  .hero-wrap-tab.home-banner-tab {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    flex-flow: column-reverse;
    grid-template-rows: auto;
    grid-template-columns: 68% 30%;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .hero-section-title-wrap-tab {
    align-self: auto;
  }

  .hero-section-title-wrap-tab.style-guide {
    max-width: none;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .hero-section-title-wrap-tab.homepage {
    width: 100%;
    max-width: none;
    height: auto;
  }

  .hero-section-title-wrap-tab.homepage-tab {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 60% 40%;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: none;
    height: auto;
    display: grid;
  }

  .banner-button-wrap-tab {
    align-items: center;
    display: flex;
  }

  .hero-content-tab {
    width: 90%;
    display: block;
  }

  .send-grid-inhalt-home {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 100%;
    width: auto;
  }

  .code-embed-23 {
    display: none;
  }

  .event-grid-wrap-co {
    margin-top: 40px;
  }

  .div-block-22-co {
    max-width: none;
    overflow: hidden;
  }

  .kachel-card-br {
    border-radius: 20px;
    min-width: auto;
    height: 180px;
    padding: 35px 25px;
  }

  .grid-2-co, .grid-2-co-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .send-grid-h {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 100%;
    width: auto;
  }

  .grid-2-1 {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .dropdown-list-4 {
    z-index: 999;
    margin-bottom: 60px;
  }

  .dropdown-list-4.w--open {
    z-index: 999;
  }
}

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

  h2 {
    font-size: 34px;
  }

  h3 {
    font-size: 29px;
  }

  h4 {
    font-size: 24px;
  }

  h5 {
    font-size: 21px;
  }

  h6 {
    font-size: 18px;
  }

  p, li {
    font-size: 16px;
  }

  blockquote {
    border-radius: 15px;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 20px;
  }

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

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }

  .hero-whole-wrap {
    border-radius: 20px;
    min-height: 400px;
    padding-bottom: 80px;
  }

  .hero-whole-wrap.heronew {
    padding-top: 80px;
  }

  .hero-whole-wrap.career-page {
    padding-bottom: 80px;
  }

  .hero-whole-wrap.blog-single-hero {
    padding-bottom: 60px;
  }

  .hero-whole-wrap.heronewhome {
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: visible;
  }

  .hero-wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-direction: column;
  }

  .section-title-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .section-sub-title-wrap.home-banner {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    order: 0;
    margin-bottom: 0;
  }

  .section-sub-title-content.white-font, .section-sub-title-content.white-font-copy {
    font-size: 14px;
  }

  .section-sub-title-content.white-font-footer {
    font-size: 16px;
  }

  .banner-text {
    font-size: 36px;
  }

  .banner-text.white-font {
    font-size: 40px;
  }

  .hero-content {
    overflow: visible;
  }

  .hero-section-title-wrap.style-guide {
    max-width: 480px;
    margin-right: 0;
  }

  .hero-section-title-wrap.homepage {
    z-index: 15;
    order: 0;
    width: auto;
    display: block;
  }

  .hero-section-title-wrap.homepage-tab {
    width: auto;
  }

  .hero-bg-content {
    top: 282px;
    left: 3%;
  }

  .hero-bg-content.event-title-button-wrap {
    font-size: 100px;
    display: none;
  }

  .hero-bg-content.common-content {
    font-size: 80px;
  }

  .hero-image-wrap.style-guide {
    z-index: 0;
  }

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

  .section-title {
    font-size: 32px;
  }

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

  .text-grid {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .content-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

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

  .button-whole-wrap {
    flex-direction: column;
  }

  .button, .button.green-button {
    padding: 15px 45px;
  }

  .button-small {
    font-size: 16px;
  }

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

  .footer-whole-wrap {
    border-radius: 25px;
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .footer-contact-whole-wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .footer-title {
    font-size: 40px;
  }

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

  .footer-form-input {
    min-height: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
  }

  .footer-form-input.footer-input-textarea {
    border-radius: 15px;
    min-height: 150px;
    padding-top: 20px;
  }

  .footer-contact-content {
    font-size: 16px;
  }

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

  .footer-widget-whole-wrap {
    padding-top: 60px;
  }

  .footer-widget-title {
    font-size: 22px;
  }

  .footer-widget-content {
    font-size: 16px;
  }

  .footer-copyright-wrap {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-widget-wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    border-radius: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-bg-content {
    font-size: 80px;
  }

  .banner-button-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
    margin: 20px auto 0;
    display: flex;
  }

  .banner-button-circle.outer-circle {
    min-width: 45px;
    min-height: 45px;
  }

  .banner-button-circle.inner-circle, .banner-button-circle.inner-circle-sticky {
    min-width: 25px;
    min-height: 25px;
  }

  .hero-banner-image.green-card-image {
    left: -94px;
  }

  .client-whole-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .event-title-whole-wrap {
    background-position: 100% 8%;
  }

  .event-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch center;
    width: 100%;
    display: grid;
  }

  .event-card-wrap {
    border-radius: 15px;
    order: 2;
    width: 100%;
    padding: 30px 20px;
  }

  .event-card-wrap.yellow-bg {
    border-radius: 15px;
  }

  .event-card-wrap.blue-image-wrap {
    align-self: stretch;
  }

  .event-card-title {
    font-size: 20px;
  }

  .event-card-point-whole-wrap {
    flex-wrap: wrap;
  }

  .event-card-button-wrap {
    align-self: stretch;
    align-items: center;
  }

  .page-wrapper.homepage {
    background-image: none;
  }

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

  .send-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    display: flex;
    position: static;
  }

  .send-whole-wrap {
    max-width: none;
  }

  .send-image.statistic-image {
    width: auto;
    inset: auto 0% 10% auto;
  }

  .send-image.profile-image {
    width: auto;
    inset: auto 10% 0% auto;
  }

  .send-image.database-image {
    width: 25%;
    right: 60%;
  }

  .send-image.statistic-image-copy, .send-image.statistic-image-inhalt {
    left: 119px;
  }

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

  .dashboard-image {
    border-radius: 15px;
  }

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

  .presentation-wrap {
    border-radius: 20px;
  }

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

  .money-tab-content, .money-tab-link {
    border-radius: 15px;
  }

  .money-tab-image-wrap {
    border-radius: 15px;
    min-width: 75px;
    min-height: 75px;
  }

  .money-tab-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 24px;
  }

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

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

  .pricing-wrap {
    padding: 30px 20px 25px;
  }

  .pricing-wrap.tarif-box-komfort.hyphenated, .pricing-wrap.tarif-box-premium.hyphenated {
    width: 85%;
  }

  .pricing-sub-title-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .pricing-sub-title.sub-text {
    font-size: 16px;
  }

  .pricing-rate {
    font-size: 30px;
  }

  .faq-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .faq-whole-wrap {
    flex-flow: column;
  }

  .accordion-content-wrap {
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .accordion-faq {
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .accordion-item-title {
    max-width: 90%;
  }

  .accordion-cross {
    min-width: 15px;
  }

  .accordion-content {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.6;
  }

  .accordion-item {
    border-radius: 10px;
  }

  .accordion-arrow-wrap {
    min-width: 35px;
    min-height: 35px;
  }

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

  .testimonial-card-whole-wrap {
    border-radius: 10px;
    width: 400px;
    padding: 20px;
  }

  .testimonial-author-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    align-items: flex-start;
  }

  .about-send-bg-circle {
    min-width: 250px;
    min-height: 250px;
    top: 419px;
    right: 174px;
  }

  .about-dashboard-bg-circle {
    min-width: 250px;
    min-height: 250px;
    bottom: 12%;
  }

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

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

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

  .vision-image {
    border-radius: 15px;
  }

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

  .our-story-whole-wrap {
    flex-direction: column;
  }

  .our-story-card {
    max-width: none;
    padding: 25px 20px;
  }

  .our-story-card-image-wrap {
    margin-bottom: 20px;
  }

  .our-story-card-title {
    font-size: 24px;
  }

  .our-story-card-content {
    font-size: 16px;
  }

  .our-story-points {
    border-radius: 10px;
    justify-content: flex-start;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .our-story-bg-circle {
    min-width: 100px;
    min-height: 100px;
  }

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

  .value-card-whole-wrap {
    padding-right: 40px;
  }

  .value-card-image-wrap {
    border-radius: 20px;
  }

  .value-card-title {
    font-size: 26px;
  }

  .team-section {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .team-section.sub-section {
    padding-top: 80px;
  }

  .team-grid {
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .team-member-whole-wrap {
    max-width: 400px;
  }

  .team-member-image-wrap {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    flex-direction: column;
    display: flex;
  }

  .team-member-content-wrap {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .team-member-bg-wrap {
    border-radius: 10px;
    flex-direction: column;
  }

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

  .event-card-image-circle {
    left: 22%;
  }

  .event-dashboard-image {
    border-radius: 15px;
  }

  .dashboard-bg-circle {
    min-width: 300px;
    min-height: 300px;
  }

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

  .cta-bg-content {
    font-size: 100px;
  }

  .cta-title {
    font-size: 35px;
  }

  .cta-bg-circle {
    min-width: 250px;
    min-height: 250px;
  }

  .cta-bg-circle.blue-circle {
    min-width: 150px;
    min-height: 150px;
    right: 13px;
  }

  .cta-form {
    width: 100%;
  }

  .cta-form-input {
    padding-left: 25px;
  }

  .pricing-feature-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pricing-card-whole-wrap {
    display: flex;
  }

  .pricing-feature-card {
    border-radius: 15px;
    padding: 20px 20px 35px;
  }

  .pricing-feature-title {
    font-size: 28px;
  }

  .pricing-point-content {
    font-size: 15px;
  }

  .hero-bg-first-pattern {
    min-width: 250px;
    min-height: 250px;
  }

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

  .contact-form-block {
    border-radius: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .contact-form-wrap {
    grid-row-gap: 25px;
  }

  .contact-input-wrap {
    grid-row-gap: 13px;
  }

  .contact-input-field {
    min-height: 60px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    font-size: 16px;
  }

  .contact-input-field::placeholder {
    font-size: 16px;
  }

  .contact-input-field.contact-input-textarea {
    border-radius: 20px;
    min-height: 120px;
  }

  .contact-field-label {
    font-size: 18px;
  }

  .contact-form-flex {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-direction: column;
  }

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

  .licenses-grid-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .licenses-title {
    font-size: 31px;
  }

  .licenses-image-title {
    font-size: 24px;
  }

  .licenses-image-link {
    font-size: 16px;
  }

  .integration-circle.zlack {
    min-width: 100px;
    min-height: 100px;
    top: 24px;
  }

  .integration-circle.zapier {
    min-width: 80px;
    min-height: 80px;
    top: 27%;
  }

  .integration-circle.dropbox {
    top: 69%;
    left: 62%;
  }

  .integration-circle.figma {
    min-width: 80px;
    min-height: 80px;
    top: 8%;
    left: 38%;
  }

  .integration-circle.youtube {
    top: 11%;
  }

  .integration-circle.discord {
    top: 75%;
  }

  .decorative-circle.right-top-circle {
    top: 10%;
  }

  .decorative-circle.left-bottom-circle {
    left: 50%;
  }

  .integration-section {
    padding-top: 80px;
    overflow: hidden;
  }

  .integration-tab-menu-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .integration-tab-content {
    overflow: visible;
  }

  .integration-tab-menu {
    text-align: center;
  }

  .integration-tab-pane {
    padding-left: 0;
    padding-right: 0;
  }

  .integration-content-whole-wrap {
    border-radius: 20px;
    padding: 40px 20px;
  }

  .integration-collection-wrap {
    grid-template-rows: 180px auto auto;
  }

  .integration-icon-wrap {
    text-align: left;
    flex-flow: column;
  }

  .integration-title-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: flex-start;
    align-items: center;
  }

  .integration-content-wrap {
    height: auto;
  }

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

  .integration-banner-image-wrap {
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px;
  }

  .integration-banner-title {
    align-items: center;
  }

  .integration-content-section {
    margin-top: 80px;
    padding-bottom: 60px;
  }

  .integration-content-text img {
    border-radius: 5px;
  }

  .integration-content-text h2 {
    font-size: 28px;
  }

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

  .career-image {
    border-radius: 20px;
  }

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

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

  .join-card-whole-wrap {
    border-radius: 10px;
  }

  .join-card-title {
    font-size: 24px;
  }

  .join-card-content {
    font-size: 16px;
  }

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

  .position-card-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 15px;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .position-content-wrap {
    width: auto;
  }

  .position-card-title {
    font-size: 24px;
  }

  .position-card-button {
    padding-left: 30px;
  }

  .position-arrow-black, .position-arrow-white {
    right: 30px;
  }

  .career-single-banner {
    margin-top: 0;
    padding-top: 80px;
  }

  .career-single-image {
    border-radius: 25px;
  }

  .career-details-whole-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 40px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .career-details-line-break {
    width: 100%;
    display: none;
  }

  .career-single-line-break {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .career-single-line-break.top-side-line {
    margin-left: auto;
    margin-right: auto;
  }

  .career-single-grid {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    grid-template-columns: auto;
  }

  .career-single-title {
    font-size: 32px;
  }

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

  .blog-feature-grid {
    grid-template-columns: 1fr;
  }

  .blog-feature-image-wrap {
    border-radius: 20px;
  }

  .blog-feature-date-wrap {
    flex-direction: row;
    align-items: center;
  }

  .blog-category-wrap {
    min-width: auto;
    min-height: auto;
  }

  .blog-publish-date {
    font-size: 14px;
  }

  .blog-post-collection-item {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-post-wrap {
    height: auto;
  }

  .blog-post-image-wrap {
    border-radius: 20px;
  }

  .blog-single-section {
    padding-top: 80px;
  }

  .blog-single-image-wrap {
    border-radius: 20px;
    margin-top: 0;
    padding: 20px;
  }

  .blog-single-richtext img {
    border-radius: 15px;
  }

  .blog-author-whole-wrap {
    grid-row-gap: 25px;
    border-radius: 15px;
    padding: 30px 20px;
  }

  .blog-author-title-whole-wrap {
    align-items: center;
    margin-bottom: 20px;
  }

  .blog-author-title {
    font-size: 20px;
  }

  .blog-author-description {
    font-size: 18px;
  }

  .blog-author-image {
    border-radius: 20px;
  }

  .blog-author-content {
    font-size: 18px;
  }

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

  .changelog-whole-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .changelog-title {
    font-size: 90px;
  }

  .utility-page-wrap.password-protection-page {
    border-radius: 15px;
    flex-direction: column;
    align-items: stretch;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .utility-page-content.password-protection-page {
    width: auto;
  }

  .utility-page-form.password-protection-page {
    width: 100%;
  }

  .password-title {
    margin-bottom: 30px;
    font-size: 30px;
  }

  .password-input-field {
    min-height: 60px;
    margin-bottom: 20px;
    padding: 15px 20px;
  }

  .error-title {
    font-size: 120px;
  }

  .error-section-content {
    font-size: 16px;
  }

  .error-sub-title {
    font-size: 34px;
  }

  .event-card-circle {
    min-width: 100px;
    min-height: 100px;
    right: auto;
  }

  .send-title-wrap {
    width: auto;
  }

  .sub-title-star {
    width: 20px;
  }

  .blog-section {
    padding-top: 70px;
  }

  .career-single-button-wrap {
    padding-left: 0;
  }

  .integration-single-banner-title {
    font-size: 30px;
  }

  .contact-banner-button-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
  }

  .contact-banner-button {
    padding: 15px 35px;
    font-size: 20px;
  }

  .success-message, .error-message {
    font-size: 16px;
  }

  .hireus-content {
    margin-bottom: 7px;
    line-height: 1.3;
  }

  .hireus-orange-button, .get-a-quote-button-wrap {
    font-size: 12px;
  }

  .hireus-badge-wrap {
    padding: 10px 12px;
  }

  .form-heading {
    font-size: 33px;
    line-height: 39px;
  }

  .event-card-wrap-copy {
    border-radius: 15px;
    padding: 30px 20px;
  }

  .event-card-wrap-copy {
    border-radius: 15px;
    padding: 30px 20px;
    display: none;
  }

  .accordion-content-copy, .accordion-content-copy-copy {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.6;
  }

  .section-title-copy {
    font-size: 20px;
  }

  .section-sub-title-content-copy.white-font, .section-sub-title-content-copy.white-font-copy {
    font-size: 14px;
  }

  .feature-section-copy {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .section-2-copy {
    padding-bottom: 40px;
  }

  .event-card-wrap-copy-copy {
    border-radius: 15px;
    order: 2;
    padding: 30px 20px;
    display: flex;
  }

  .event-card-wrap-copy {
    border-radius: 15px;
    order: 1;
    padding: 30px 20px;
  }

  .event-card-wrap-copy.yellow-bg {
    border-radius: 15px;
  }

  .event-card-wrap-copy.blue-image-wrap {
    align-self: stretch;
  }

  .event-card-wrap-copy-copy {
    border-radius: 15px;
    padding: 30px 20px;
    display: none;
  }

  .event-card-wrap-copy-copy.yellow-bg {
    border-radius: 15px;
  }

  .event-card-wrap-copy-copy.blue-image-wrap {
    align-self: stretch;
  }

  .event-card-wrap-copy-copy-copy {
    border-radius: 15px;
    order: 2;
    padding: 30px 20px;
    display: flex;
  }

  .event-card-wrap-copy-copy-copy.yellow-bg {
    border-radius: 15px;
  }

  .event-card-wrap-copy-copy-copy.blue-image-wrap {
    align-self: stretch;
  }

  .pricing-section-copy, .pricing-section-copy.homepage, .pricing-section-copy.homepage-copy {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pricing-wrapform {
    padding: 30px 20px 25px;
  }

  .ctabuttoncopy, .ctabuttoncopy.green-button {
    padding: 15px 45px;
  }

  .auto-scroll-slider {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 50% 50%;
    justify-content: center;
  }

  .integration-card-wrap-title {
    text-align: center;
  }

  .hero-wrap-mobil {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
  }

  .hero-wrap-mobil.home-banner {
    flex-flow: column;
    margin-bottom: 0;
    display: flex;
  }

  .banner-text-copy {
    font-size: 36px;
  }

  .banner-text-copy.white-font-copy {
    margin-top: 0;
    margin-bottom: 0;
  }

  .banner-text-copy.white-font-copy.hyphenated {
    font-size: 8vw;
  }

  .footer-title-2 {
    font-size: 40px;
  }

  .section-sub-title-content-bewertung.white-font, .section-sub-title-content-bewertung.white-font-copy {
    font-size: 14px;
  }

  .section-title-copy {
    margin-top: 20px;
    font-size: 32px;
  }

  .button-copy, .button-copy.green-button {
    padding: 15px 45px;
  }

  .text-block-10 {
    font-size: 14px;
  }

  .banner-button-copy {
    margin-top: 0;
  }

  .text-block-11 {
    font-size: 14px;
  }

  .banner-button-copy-copy-copy {
    z-index: 50;
    margin-top: 0;
  }

  .banner-button-body {
    margin-left: 0;
    top: auto;
    right: auto;
  }

  .send-title-wrap-2 {
    width: auto;
  }

  .send-whole-wrap-2 {
    max-width: none;
  }

  .send-image-2.statistic-image {
    left: 119px;
  }

  .send-image-2.database-image {
    width: 25%;
    right: 60%;
  }

  .send-image-2.statistic-image-2 {
    width: 100%;
    left: auto;
  }

  .send-image-copy.database-image-copy {
    width: 60%;
    left: 80px;
    right: 60%;
  }

  .pricing-feature-wrap-2.dark-bg-wrap-2 {
    width: 80%;
    margin-top: 60px;
  }

  .send-whole-wrap-copy {
    max-width: none;
    margin-top: 80px;
    padding-bottom: 0;
  }

  .banner-button-copy-2 {
    top: 140px;
    right: 140px;
  }

  .send-whole-wrap-home2 {
    flex-flow: column;
    max-width: none;
    display: flex;
  }

  .send-title-wrap-home2 {
    width: auto;
  }

  .send-title-wrap-home2s {
    width: auto;
    display: none;
  }

  .image-2 {
    top: 0;
    left: 220px;
  }

  .integration-section-2 {
    padding-top: 80px;
    overflow: hidden;
  }

  .send-title-wrap-home2smobil {
    width: auto;
  }

  .banner-button-copy-3 {
    border-style: none;
    margin-top: auto;
    display: none;
    top: auto;
    right: auto;
  }

  .send-whole-wrap-copy {
    max-width: none;
  }

  .phone-wrapper {
    justify-content: flex-start;
    align-items: center;
    bottom: auto;
  }

  .div-block-7 {
    border-radius: 10%;
    width: 96%;
    top: 1.5%;
    left: 2%;
  }

  .dropdown-list-2 {
    z-index: 999;
    margin-bottom: 100px;
  }

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

  .heading-5 {
    margin-bottom: 20px;
  }

  .card {
    min-width: 350px;
    max-width: none;
    height: 64vh;
    padding: 24px 33px 24px 32px;
  }

  .heading-7 {
    margin-bottom: 20px;
  }

  .button-l-2 {
    order: 1;
    margin-bottom: 0;
  }

  .office-grid-about {
    grid-template-columns: 1fr;
  }

  .our-story-card-content-about {
    font-size: 16px;
  }

  .testimonial-card-whole-wrap-bs {
    border-radius: 10px;
    width: 400px;
    padding: 20px;
  }

  .testimonial-author-wrap-bs {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .integration-tab-menu-wrap-bs {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .integration-tab-content-bs {
    display: flex;
    overflow: visible;
  }

  .integration-tab-menu-bs {
    text-align: center;
  }

  .auto-scroll-slider-bs {
    display: flex;
    overflow: visible;
  }

  .integration-icon-wrap-bs {
    text-align: left;
    flex-direction: row;
  }

  .event-card-wrap-l {
    border-radius: 15px;
    order: 2;
    padding: 30px 20px;
  }

  .event-card-wrap-l.yellow-bg {
    border-radius: 15px;
  }

  .event-card-wrap-l.blue-image-wrap {
    align-self: stretch;
  }

  .list-item-8, .list-item-9, .list-item-10 {
    font-size: 16px;
  }

  .event-card-point-whole-wrap-l {
    flex-wrap: wrap;
  }

  .kachel-card {
    max-width: none;
    padding: 25px 20px;
  }

  .send-image-inhalt.statistic-image {
    left: 119px;
  }

  .send-image-inhalt.database-image {
    width: 25%;
    right: 60%;
  }

  .send-image-inhalt.statistic-image-copy {
    left: 119px;
  }

  .send-image-inhalt.database-image-inhalt {
    width: 25%;
    right: 60%;
  }

  .send-image-copy.statistic-image {
    left: 119px;
  }

  .send-image-copy.database-image {
    width: 25%;
    right: 60%;
  }

  .send-image-copy.statistic-image-copy, .send-image-copy-copy.statistic-image {
    left: 119px;
  }

  .send-image-copy-copy.database-image {
    width: 25%;
    right: 60%;
  }

  .send-image-copy-copy.statistic-image-copy, .send-image-copy-copy.statistic-image-inhalt {
    left: 119px;
  }

  .section-title-inhalt-2 {
    font-size: 28px;
  }

  .section-title-inhalt-2.hyphenated {
    font-size: 26px;
  }

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

  .kachel-card-copy, .kachel-card-copy-copy {
    max-width: none;
    padding: 25px 20px;
  }

  .grid-3.schritt-box {
    grid-template-columns: 1fr;
  }

  .kachel-card-copy-copy, .our-story-card-story, .kachel-card-copy-copy, .kachel-card-copy2 {
    max-width: none;
    padding: 25px 20px;
  }

  .event-card-wrap-l-copy {
    border-radius: 15px;
    order: 2;
    padding: 30px 20px;
  }

  .event-card-wrap-l-copy.yellow-bg {
    border-radius: 15px;
  }

  .event-card-wrap-l-copy.blue-image-wrap {
    align-self: stretch;
  }

  .code-embed-11 {
    display: block;
  }

  .code-embed-12 {
    display: none;
  }

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

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

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

  .event-grid-2 {
    grid-column-gap: 20px;
    grid-row-gap: 35px;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: start;
    width: 100%;
    display: grid;
  }

  .faq-section-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .event-card-wrap-leistung {
    border-radius: 15px;
    order: 2;
    padding: 30px 20px;
  }

  .event-card-wrap-leistung.yellow-bg {
    border-radius: 15px;
  }

  .event-card-wrap-leistung.blue-image-wrap {
    align-self: stretch;
  }

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

  .event-card-wrap-l-copy-copy {
    border-radius: 15px;
    order: 2;
    padding: 30px 20px;
  }

  .event-card-wrap-l-copy-copy.yellow-bg {
    border-radius: 15px;
  }

  .event-card-wrap-l-copy-copy.blue-image-wrap {
    align-self: stretch;
  }

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

  .leistung-wrap {
    padding: 30px 20px 25px;
  }

  .event-card-title-sub {
    font-size: 20px;
  }

  .l-grid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: 1fr;
  }

  .l-image-wrap-story, .l-tilte-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .l-paragraph, .l-paragraph.dg-par {
    margin-top: 10px;
  }

  .l-story-card {
    max-width: none;
    padding: 25px 20px;
  }

  .l-story-card.bg-y, .l-story-card.bg-bl {
    height: 100%;
  }

  .l-div-block {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-left: 0;
    padding-right: 0;
  }

  .l-story-card-title {
    font-size: 20px;
  }

  .l-image-wrap-story-2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .kachel-wrapper, .kachel-wrapper-half {
    max-width: none;
    padding: 25px 20px;
  }

  .div-block-a1 {
    height: 100%;
  }

  .kachel-card-copy-copy-copy {
    max-width: none;
    padding: 25px 20px;
  }

  .div-block-29 {
    grid-template-columns: 35% 65%;
  }

  .kachel-card-copy-copy-copy-copy, .kachel-card-copy-copy-copy-copy-copy {
    max-width: none;
    padding: 25px 20px;
  }

  .kachel-card-copy-copy-copy-copy-copy-copy {
    max-width: none;
    height: 120px;
    padding: 25px 20px;
  }

  .div-block-33 {
    flex-flow: column;
    display: flex;
  }

  .gray-card-heading {
    font-size: 24px;
  }

  .grid-2-pr-fung {
    flex-flow: column;
    display: flex;
  }

  .accordion-content-c {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.6;
  }

  .grid-leistung-2 {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .event-card-wrap-leistung2 {
    border-radius: 15px;
    order: 2;
    padding: 30px 20px;
  }

  .event-card-wrap-leistung2.yellow-bg {
    border-radius: 15px;
  }

  .event-card-wrap-leistung2.blue-image-wrap {
    align-self: stretch;
  }

  .banner-button-circle-sticky.outer-circle {
    min-width: 45px;
    min-height: 45px;
  }

  .banner-button-circle-sticky.inner-circle {
    min-width: 25px;
    min-height: 25px;
  }

  .banner-button-circle-copy.outer-circle {
    min-width: 45px;
    min-height: 45px;
  }

  .banner-button-circle-copy.inner-circle, .banner-button-circle-copy.inner-circle-sticky {
    min-width: 25px;
    min-height: 25px;
  }

  .kachel-card-b {
    max-width: none;
    padding: 25px 20px;
  }

  .event-card-title-b {
    font-size: 20px;
  }

  .banner-button-circle-sticky-mobil.outer-circle {
    min-width: 45px;
    min-height: 45px;
  }

  .banner-button-circle-sticky-mobil.inner-circle {
    min-width: 25px;
    min-height: 25px;
  }

  .banner-button-circle-copy-mobil.outer-circle {
    min-width: 45px;
    min-height: 45px;
  }

  .banner-button-circle-copy-mobil.inner-circle, .banner-button-circle-copy-mobil.inner-circle-sticky, .banner-button-circle-copy-mobil.inner-circle-sticky-mobil {
    min-width: 25px;
    min-height: 25px;
  }

  .section-sub-title-content-hero.white-font, .section-sub-title-content-hero.white-font-copy {
    font-size: 14px;
  }

  .form-box-wrapper-contact {
    width: 100%;
  }

  .form-2 {
    flex-flow: column;
    grid-template-columns: 100%;
    width: 120%;
    display: flex;
  }

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

  .team-member-content-wrap-h {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .hero-section-title-wrap-copy.style-guide {
    margin-right: 0;
  }

  .hero-section-title-wrap-copy.homepage {
    width: auto;
  }

  .hero-section-title-wrap-copy.style-guide-c {
    margin-right: 0;
  }

  .l-story-card--2 {
    max-width: none;
    padding: 25px 20px;
  }

  .div-block-11-3 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    align-items: stretch;
  }

  .div-block-11-4 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-span-4 {
    color: var(--primary);
  }

  .our-story-card-s {
    max-width: none;
    padding: 25px 20px;
  }

  .danke-title, .anfrage-title {
    font-size: 120px;
  }

  .our-story-card-image-wrap-s {
    margin-bottom: 20px;
  }

  .hero-whole-wrap-r {
    border-radius: 20px;
    min-height: 300px;
    padding-bottom: 80px;
  }

  .hero-whole-wrap-r.about-us-page {
    padding-top: 80px;
  }

  .hero-whole-wrap-r.career-page {
    padding-bottom: 80px;
  }

  .hero-whole-wrap-r.blog-single-hero {
    padding-bottom: 60px;
  }

  .send-image-wrap-home {
    height: 27vh;
    margin-top: 20px;
  }

  .send-image-rechner.statistic-image {
    left: 119px;
  }

  .send-image-rechner.database-image {
    width: 25%;
    right: 60%;
  }

  .send-image-rechner.statistic-image-copy, .send-image-rechner.statistic-image-inhalt {
    left: 119px;
  }

  .send-image-rechner.database-image-rechner {
    width: 25%;
    right: 60%;
  }

  .send-image-wrap-r {
    height: 45vh;
    margin-bottom: 20px;
  }

  .send-image-wrap-r.static-image-r {
    width: auto;
    max-width: none;
    inset: auto auto 46% 50%;
  }

  .send-image-r.statistic-image {
    left: 119px;
  }

  .send-image-r.database-image {
    width: 25%;
    right: 60%;
  }

  .send-image-r.statistic-image-copy, .send-image-r.statistic-image-inhalt {
    left: 119px;
  }

  .send-image-r.statistic-image-r {
    left: 170px;
  }

  .our-story-card-title-v {
    font-size: 22px;
  }

  .code-embed-10-mobil {
    width: 114%;
    display: flex;
  }

  .pricing-feature-wrap-home.dark-bg-wrap-home {
    inset: auto 22% -5% auto;
  }

  .pricing-feature-content-dark {
    font-size: 14px;
  }

  .send-image-hand.statistic-image {
    left: 119px;
  }

  .send-image-hand.database-image {
    width: 25%;
    right: 60%;
  }

  .send-image-hand.statistic-image-copy, .send-image-hand.statistic-image-inhalt {
    left: 119px;
  }

  .send-image-hand.statistic-image-hand {
    height: 90%;
    inset: auto 0% 62% auto;
  }

  .pricing-feature-wrap-co.dark-bg-wrap-co {
    width: 330px;
    inset: 38% auto auto;
  }

  .send-image-wrap-co {
    height: 40vh;
    min-height: auto;
  }

  .pricing-feature-wrap-co-r.dark-bg-wrap-co-r {
    top: 56%;
    left: auto;
    right: 15%;
  }

  .grid-2-s {
    display: flex;
  }

  .form-block-5, .form-block-6 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .send-whole-wrap-home2-mobil {
    flex-flow: column;
    max-width: none;
    display: none;
  }

  .testimonial-card-whole-wrap-bs-home {
    border-radius: 10px;
    width: 300px;
    padding: 20px;
    top: 45%;
    right: 25%;
  }

  .testimonial-author-whole-wrap-bs-home {
    margin-bottom: 0;
  }

  .testimonial-card-content-bs-home {
    font-size: 12px;
  }

  .testimonial-card-whole-wrap-bs-home-2 {
    border-radius: 10px;
    width: 300px;
    padding: 20px;
    display: flex;
    top: 40%;
    right: 30%;
  }

  .testimonial-card-whole-wrap-bs-home-3 {
    border-radius: 10px;
    width: 300px;
    padding: 20px;
    display: flex;
    top: 35%;
    right: 35%;
  }

  .banner-button-copy-4 {
    z-index: 3;
    border-style: none;
    margin-top: 0;
    display: flex;
    position: absolute;
    inset: auto auto 92% 57%;
  }

  .l-story-card-2 {
    max-width: none;
    height: 50%;
    padding: 25px 20px;
  }

  .l-story-card-2.bg-y-2 {
    height: 50%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .l-story-card-2.margin-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-11-d {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .l-story-card-title-2 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
  }

  .l-story-card-title-2.dark-color-font-2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .l-paragraph-2.dg-par-2 {
    margin-top: 10px;
  }

  .l-story-card-2-h {
    max-width: none;
    height: 100%;
    padding: 25px 20px;
  }

  .l-story-card-2-h.bg-y-2 {
    height: 50%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .l-story-card-2-h.margin-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-wrap-tab {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-direction: column;
  }

  .hero-wrap-tab.home-banner-tab {
    display: none;
  }

  .hero-section-title-wrap-tab.style-guide {
    max-width: 480px;
    margin-right: 0;
  }

  .hero-section-title-wrap-tab.homepage, .hero-section-title-wrap-tab.homepage-tab {
    width: auto;
  }

  .banner-button-wrap-tab {
    grid-column-gap: 25px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
    align-items: stretch;
  }

  .hero-content-tab {
    overflow: visible;
  }

  .send-grid-inhalt-home {
    grid-template-columns: 100%;
  }

  .event-grid-wrap-co {
    margin-top: 20px;
  }

  .kachel-card-br {
    max-width: none;
    padding: 25px 20px;
  }

  .send-grid-h {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    display: flex;
    position: relative;
  }

  .dropdown-list-3 {
    z-index: 20;
    margin-bottom: 100px;
  }
}

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

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 27px;
  }

  h4 {
    font-size: 22px;
  }

  h5 {
    font-size: 19px;
  }

  h6 {
    font-size: 17px;
  }

  ul, ol {
    padding-left: 20px;
  }

  li {
    margin-top: 8px;
    padding-bottom: 8px;
  }

  blockquote {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    border-radius: 10px;
    padding: 30px 20px;
    font-size: 18px;
  }

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

  .container {
    padding-top: 40px;
  }

  .navbar-brand {
    width: 50%;
  }

  .navbar-menu {
    padding-bottom: 30px;
  }

  .nav-link {
    padding-left: 0;
  }

  .hero-section {
    margin-left: 5px;
    margin-right: 5px;
  }

  .hero-whole-wrap {
    min-height: auto;
    padding-top: 0;
    padding-bottom: 30px;
  }

  .hero-whole-wrap.heronew {
    padding-top: 10px;
  }

  .hero-whole-wrap.heronewhome {
    z-index: auto;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .hero-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-bottom: 0;
  }

  .hero-wrap.home-banner, .hero-wrap.home-banner-tab {
    margin-bottom: 60px;
    display: none;
  }

  .section-title-wrap {
    z-index: 0;
    align-items: flex-start;
    max-width: 100%;
    position: relative;
  }

  .section-sub-title-wrap.hero-section {
    max-height: none;
  }

  .section-sub-title-wrap.home-banner {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: row;
    max-width: none;
    height: auto;
    max-height: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .section-sub-title-content {
    text-transform: none;
    font-size: 14px;
  }

  .section-sub-title-content.white-font {
    text-transform: none;
    font-size: 10px;
  }

  .section-sub-title-content.white-font-footer {
    text-transform: none;
    font-size: 14px;
  }

  .banner-text {
    font-size: 30px;
  }

  .banner-text.white-font, .banner-text.white-font.hyphenated {
    font-size: 8vw;
  }

  .hero-section-title-wrap.homepage {
    z-index: 20;
    max-width: 100%;
    display: block;
  }

  .hero-section-title-wrap.homepage-tab {
    z-index: 20;
    max-width: 100%;
  }

  .hero-bg-content {
    font-size: 100px;
    top: 301px;
  }

  .hero-bg-content.event-title-button-wrap {
    font-size: 70px;
    display: none;
    top: 85px;
  }

  .hero-bg-content.common-content {
    display: none;
  }

  .hero-image-wrap {
    display: flex;
  }

  .hero-image-wrap.style-guide {
    height: auto;
    margin-left: 0;
  }

  .section-title {
    padding-left: 0;
    padding-right: 0;
    font-size: 30px;
  }

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

  .text-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .content-wrap {
    padding-top: 20px;
  }

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

  .button {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .button.cta-button {
    position: static;
  }

  .button-small {
    font-size: 15px;
  }

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

  .footer-whole-wrap {
    border-radius: 15px;
    padding-top: 0;
    padding-bottom: 20px;
  }

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

  .footer-contact-title-wrap {
    max-width: 100%;
    overflow: visible;
  }

  .footer-title {
    max-width: 100%;
    font-size: 7vw;
  }

  .footer-form-input {
    min-height: 60px;
    padding-left: 15px;
    padding-right: 20px;
    font-size: 16px;
  }

  .footer-form-input::placeholder {
    font-size: 16px;
  }

  .footer-form-input.footer-input-textarea {
    border-radius: 20px;
    padding-top: 20px;
  }

  .footer-social-wrap {
    margin-top: 40px;
  }

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

  .footer-contact-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    text-align: center;
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .footer-contact-link {
    font-size: 24px;
  }

  .footer-widget-whole-wrap {
    align-items: stretch;
    padding-top: 60px;
  }

  .footer-link-whole-wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .footer-link-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
  }

  .footer-bg-content {
    left: 65%;
  }

  .banner-button-wrap {
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .banner-button {
    justify-content: center;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }

  .hero-banner-image {
    width: 80%;
  }

  .hero-banner-image.green-card-image {
    width: 90%;
    margin-left: 0;
    left: 0;
  }

  .hero-banner-image.red-card-image {
    left: 20px;
  }

  .hero-banner-image.blue-card-image {
    left: -3px;
  }

  .client-image-whole-wrap {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .event-whole-wrap {
    padding-top: 40px;
  }

  .event-title-whole-wrap {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .section-sub-text.underline-style {
    border-bottom-width: 2px;
    padding-bottom: 2px;
  }

  .section-sub-text.underline-style.dark-font {
    border-bottom-width: 0;
    text-decoration: underline;
  }

  .event-grid-wrap {
    margin-top: 30px;
  }

  .event-grid {
    grid-template-columns: 100%;
  }

  .event-card-whole-wrap {
    align-items: stretch;
    width: 100%;
  }

  .event-card-wrap {
    border-radius: 10px;
    order: 1;
    max-width: none;
    padding: 25px 20px;
    overflow: hidden;
  }

  .event-card-wrap.yellow-bg {
    border-radius: 10px;
    order: 4;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .event-card-wrap.blue-bg {
    order: 5;
    padding-top: 25px;
  }

  .event-card-image-wrap.first-card-image {
    margin-top: -20px;
    margin-right: -20px;
  }

  .event-card-point-whole-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 10px;
    border-radius: 10px;
    align-self: stretch;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 10px;
  }

  .page-wrapper.homepage {
    background-image: none;
  }

  .send-section {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .send-grid-wrap {
    padding-top: 20px;
  }

  .send-grid {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    flex-flow: column;
    display: flex;
  }

  .send-whole-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    display: flex;
  }

  .sub-title-star-wrap {
    justify-content: center;
  }

  .send-image-wrap {
    z-index: 0;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    min-height: 450px;
    margin-top: 0;
    display: flex;
  }

  .send-image {
    width: 46%;
  }

  .send-image.statistic-image {
    z-index: 1;
    width: auto;
    height: 90%;
    position: absolute;
    inset: 0% -2% auto auto;
  }

  .send-image.profile-image {
    z-index: 2;
    width: auto;
    height: 90%;
    inset: 10% 5% auto auto;
  }

  .send-image.database-image {
    border-radius: 10px;
    width: 30%;
    right: 64%;
  }

  .send-image.profile-image-copy {
    z-index: 2;
    width: 65%;
    top: 100px;
    left: 40px;
  }

  .send-image.statistic-image-copy {
    z-index: 0;
    left: 62px;
  }

  .send-image.profile-image-inhalt {
    left: 52px;
  }

  .send-image.statistic-image-inhalt {
    z-index: 0;
    left: 62px;
  }

  .dashboard-section {
    padding-bottom: 0;
  }

  .dashboard-grid {
    grid-row-gap: 0px;
  }

  .presentation-wrap {
    text-align: center;
    border-radius: 15px;
    flex-direction: column;
  }

  .money-tab-content {
    margin-top: 20px;
  }

  .money-tab-link {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
  }

  .money-tab-link.w--current {
    align-items: flex-start;
  }

  .money-tab-pane {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .money-tab-image-wrap {
    border-radius: 10px;
    min-width: 65px;
    min-height: 65px;
    padding: 5px;
  }

  .money-tab-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 22px;
  }

  .money-tab-menu-content {
    font-size: 14px;
  }

  .pricing-section.homepage {
    padding-bottom: 60px;
  }

  .pricing-grid {
    justify-items: stretch;
  }

  .pricing-wrap {
    border-radius: 15px;
    align-self: stretch;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .pricing-wrap.hyphenated {
    width: 100%;
  }

  .pricing-sub-title.sub-text {
    font-size: 14px;
  }

  .pricing-feature-wrap {
    border-radius: 10px;
    padding: 20px 15px;
  }

  .pricing-feature-content {
    font-size: 12px;
  }

  .pricing-button {
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 0;
    display: flex;
  }

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

  .faq-whole-wrap {
    grid-row-gap: 18px;
  }

  .accordion-content-wrap {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .accordion-faq {
    align-items: center;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .accordion-item-title {
    white-space: normal;
    font-size: 18px;
  }

  .accordion-content {
    max-width: 100%;
    margin-bottom: 10px;
    padding-bottom: 20px;
    font-size: 14px;
  }

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

  .testimonial-card-whole-wrap {
    width: 300px;
  }

  .testimonial-author-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    align-items: flex-start;
  }

  .testimonial-wrap {
    padding-bottom: 30px;
  }

  .about-dashboard-wrap {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .about-send-bg-circle {
    min-width: 200px;
    min-height: 200px;
    inset: 28% auto auto 0;
  }

  .about-dashboard-bg-circle {
    min-width: 150px;
    min-height: 150px;
    display: none;
    bottom: 8%;
    right: 3%;
  }

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

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

  .vision-image {
    border-radius: 10px;
  }

  .our-story-section {
    padding-top: 40px;
  }

  .our-story-card {
    border-radius: 15px;
  }

  .our-story-card-image-wrap {
    min-width: 60px;
    min-height: 60px;
    margin-bottom: 15px;
  }

  .our-story-card-title, .our-story-card-title.dark-color-font {
    font-size: 18px;
  }

  .our-story-points {
    grid-column-gap: 30px;
    grid-row-gap: 8px;
    border-radius: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 10px;
  }

  .our-story-bg-circle {
    min-width: 80px;
    min-height: 80px;
    top: 60px;
    right: 10px;
  }

  .value-section {
    padding-top: 40px;
  }

  .value-card-whole-wrap {
    border-radius: 15px;
    flex-direction: column;
    padding: 25px 20px;
  }

  .value-card-title {
    word-break: break-all;
    overflow-wrap: normal;
    font-size: 1em;
    display: block;
    position: static;
  }

  .team-section.sub-section {
    padding-top: 0;
  }

  .team-member-whole-wrap {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .team-member-content-wrap {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .team-member-bg-wrap {
    flex-direction: column;
  }

  .team-member-bg {
    flex: 1;
  }

  .team-member-image {
    width: 100%;
  }

  .feature-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .dashboard-bg-circle {
    min-width: 175px;
    min-height: 175px;
    display: none;
    top: 63%;
  }

  .cta-section {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .cta-whole-wrap {
    width: 90%;
  }

  .cta-title {
    font-size: 24px;
  }

  .cta-form {
    align-self: stretch;
    margin-bottom: 15px;
  }

  .cta-form-block {
    border-style: none;
    flex-direction: column;
    align-items: stretch;
    padding-right: 0;
  }

  .cta-form-input {
    border-style: solid;
    border-color: var(--primary);
    border-radius: 50px;
    width: 100%;
    min-height: 60px;
    margin-bottom: 10px;
    padding-right: 25px;
    font-size: 16px;
  }

  .cta-form-input::placeholder {
    font-size: 16px;
  }

  .cta-image.left-top-image {
    display: none;
    bottom: 40px;
    right: 36px;
  }

  .cta-image.right-bottom-image {
    width: 50%;
  }

  .pricing-feature-section {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .pricing-card-whole-wrap {
    display: flex;
  }

  .pricing-feature-title {
    font-size: 21px;
  }

  .pricing-plan-whole-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 30px;
  }

  .pricing-point-content {
    font-size: 15px;
  }

  .hero-bg-first-pattern {
    min-width: 200px;
    min-height: 200px;
    bottom: -15%;
  }

  .contact-section {
    margin-top: 20px;
  }

  .contact-form-block {
    border-radius: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .contact-input-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .contact-field-label {
    font-size: 16px;
  }

  .licenses-grid {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .licenses-title {
    font-size: 28px;
  }

  .integration-circle, .decorative-circle {
    display: none;
  }

  .integration-section {
    padding-top: 40px;
  }

  .integration-tab-menu-wrap {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .integration-tab-content {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 0;
  }

  .integration-tab-menu {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .integration-content-whole-wrap {
    border-radius: 15px;
    padding: 30px 10px;
  }

  .integration-collection-wrap {
    width: 260px;
  }

  .integration-collection-item {
    padding-left: 0;
    padding-right: 0;
  }

  .integration-card-wrap {
    width: 300px;
  }

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

  .integration-banner-title {
    flex-flow: column wrap;
    margin-bottom: 20px;
  }

  .integration-content-section {
    padding-bottom: 40px;
  }

  .integration-content-text h2 {
    font-size: 26px;
  }

  .career-image {
    border-radius: 15px;
  }

  .position-card-button {
    padding: 13px 40px 13px 20px;
  }

  .position-arrow-black, .position-arrow-white {
    right: 15px;
  }

  .career-single-image {
    border-radius: 15px;
  }

  .career-details-whole-wrap {
    flex-direction: row;
  }

  .career-details-line-break {
    display: none;
  }

  .career-single-title {
    font-size: 30px;
  }

  .blog-feature-image-wrap {
    border-radius: 15px;
  }

  .blog-feature-title {
    font-size: 24px;
  }

  .blog-post-tab {
    margin-top: 20px;
  }

  .blog-post-tab-menu {
    flex-flow: column wrap;
  }

  .blog-post-menu-link {
    text-align: center;
  }

  .blog-post-collection-item {
    margin-bottom: 60px;
  }

  .blog-post-image-wrap {
    border-radius: 15px;
    min-height: auto;
  }

  .blog-single-section {
    padding-top: 40px;
  }

  .blog-single-image-wrap {
    border-radius: 15px;
  }

  .blog-author-whole-wrap {
    grid-row-gap: 20px;
  }

  .blog-author-content-whole-wrap {
    text-align: center;
  }

  .blog-author-title-whole-wrap {
    grid-column-gap: 25px;
    grid-row-gap: 15px;
    flex-direction: column;
    margin-bottom: 15px;
  }

  .blog-author-image {
    border-radius: 10px;
  }

  .changelog-whole-wrap {
    border-radius: 15px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .changelog-title {
    margin-bottom: 20px;
    font-size: 80px;
  }

  .utility-page-wrap.password-protection-page {
    margin-bottom: 20px;
  }

  .utility-page-form.password-protection-page {
    align-items: stretch;
  }

  .password-title {
    margin-bottom: 15px;
  }

  .password-input-field {
    margin-bottom: 10px;
  }

  .error-title {
    font-size: 100px;
  }

  .error-sub-title {
    font-size: 32px;
  }

  .event-card-circle {
    left: 50%;
  }

  .sub-title-star {
    width: 20px;
  }

  .pricing-arrow.blue-arrow {
    flex: 0 auto;
    margin-right: 20px;
  }

  .pricing-arrow.orange-arrow {
    margin-right: 20px;
  }

  .about-story-bg-circle {
    display: none;
  }

  .integration-single-banner-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 28px;
  }

  .contact-banner-button {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .rich-text-block {
    min-width: auto;
  }

  .checkbox {
    position: absolute;
  }

  .form-field-wrapper.margin-b40 {
    width: 100%;
  }

  .form-field-label {
    font-size: 14px;
  }

  .form-box-wrapper {
    width: 100%;
    padding: 30px 20px;
  }

  .form-heading {
    font-size: 22px;
    line-height: 30px;
  }

  .form-text-field {
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 10px;
    display: block;
    overflow: clip;
  }

  .form-text-field.message {
    min-height: 250px;
  }

  .custom-overridebutton-text {
    margin: 10px 20px;
    font-weight: 400;
  }

  .custom-override-button.absolute {
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-2 {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    align-items: start;
    max-width: 100%;
    overflow: visible;
  }

  .event-card-whole-wrap-copy {
    align-items: stretch;
  }

  .event-card-wrap-copy {
    border-radius: 10px;
    max-width: none;
    padding: 25px 20px;
    overflow: hidden;
  }

  .rich-text-block-copy {
    min-width: auto;
  }

  .event-card-wrap-copy {
    border-radius: 10px;
    order: 1;
    max-width: none;
    padding: 25px 20px;
    display: none;
    overflow: hidden;
  }

  .event-card-wrap-copy.yellow-bg {
    border-radius: 10px;
    padding-bottom: 20px;
  }

  .code-embed.job-select-wrapper {
    overflow: visible;
  }

  .accordion-content-copy {
    max-width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 14px;
  }

  .accordion-content-copy-copy {
    max-width: 100%;
    margin-bottom: 10px;
    padding-bottom: 20px;
    font-size: 14px;
  }

  .section {
    flex-flow: wrap;
    max-width: 100%;
    display: flex;
  }

  .section-sub-title-wrap-copy.hero-section {
    max-height: none;
  }

  .section-sub-title-wrap-copy.home-banner {
    flex-direction: column;
    max-height: none;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .section-sub-title-wrap-copy.hero-section-copy {
    max-height: none;
  }

  .section-title-copy {
    font-size: 20px;
  }

  .section-sub-title-wrap-copy-copy.hero-section {
    max-height: none;
  }

  .section-sub-title-wrap-copy-copy.home-banner {
    flex-direction: column;
    max-height: none;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .section-sub-title-wrap-copy-copy.hero-section-copy, .section-sub-title-wrap-copy-copy.hero-section-copy-copy {
    max-height: none;
  }

  .section-sub-title-content-copy {
    font-size: 14px;
  }

  .section-sub-title-content-copy.white-font-copy {
    font-size: 10px;
  }

  .feature-section-copy {
    padding-top: 0;
    padding-bottom: 0;
  }

  .ergebnisbutton.hero-section {
    max-height: none;
  }

  .ergebnisbutton.home-banner {
    flex-direction: column;
    max-height: none;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .ergebnisbutton.hero-section-copy, .ergebnisbutton.ergebnisbuttonsection, .ergebnisbutton-copy.hero-section {
    max-height: none;
  }

  .ergebnisbutton-copy.home-banner {
    flex-direction: column;
    max-height: none;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .ergebnisbutton-copy.hero-section-copy, .ergebnisbutton-copy.ergebnisbuttonsection, .ergebnisbutton-copy.ergebnisbuttonsection-copy, .ergebnisbutton-copy.beratungbuttonsection, .beratungbutton.hero-section {
    max-height: none;
  }

  .beratungbutton.home-banner {
    flex-direction: column;
    max-height: none;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .beratungbutton.hero-section-copy, .beratungbutton.ergebnisbuttonsection, .beratungbutton.ergebnisbuttonsection-copy, .beratungbutton.beratungbuttonsection {
    max-height: none;
  }

  .ergebnisangestellte {
    max-width: 100%;
    display: none;
  }

  .code-embed-7 {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
  }

  .code-embed-8 {
    border: 1px solid #f8f8f861;
    width: 100%;
    padding-bottom: 0;
    padding-right: 20px;
  }

  .event-card-wrap-copy {
    border-radius: 10px;
    order: 1;
    max-width: none;
    padding: 25px 20px;
    overflow: hidden;
  }

  .event-card-wrap-copy.yellow-bg {
    border-radius: 10px;
    order: 4;
    padding-bottom: 20px;
  }

  .event-card-wrap-copy.blue-bg-copy {
    display: none;
  }

  .event-card-wrap-copy-copy {
    border-radius: 10px;
    order: 1;
    max-width: none;
    padding: 25px 20px;
    display: flex;
    overflow: hidden;
  }

  .event-card-wrap-copy-copy.yellow-bg {
    border-radius: 10px;
    padding-bottom: 20px;
  }

  .event-card-wrap-copy-copy.blue-bg {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .event-card-wrap-copy-copy-copy {
    border-radius: 10px;
    order: 1;
    max-width: none;
    padding: 25px 20px;
    display: flex;
    overflow: hidden;
  }

  .event-card-wrap-copy-copy-copy.yellow-bg {
    border-radius: 10px;
    padding-bottom: 20px;
  }

  .code-beruf.job-select-wrapper, .code-gehalt2.job-select-wrapper {
    overflow: visible;
  }

  .pricing-section-copy.homepage {
    padding-bottom: 60px;
  }

  .pricing-section-copy.homepage-copy {
    padding-top: 0;
    padding-bottom: 60px;
  }

  .ergebnisangestelltetarifbasis {
    max-width: 100%;
    display: none;
  }

  .code-embed-9 {
    margin-left: 0;
  }

  .pricing-wrapform {
    border-radius: 15px;
    align-self: stretch;
    display: none;
  }

  .ergebnisangestelltetarifkomfort {
    max-width: 100%;
    display: none;
  }

  .ergebnisangestelltetarifpremium {
    max-width: 100%;
  }

  .ctabuttoncopy {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .ctabuttoncopy.cta-button {
    position: static;
  }

  .ctabuttoncopy.ctabuttoncopy2 {
    font-size: 16px;
    position: static;
  }

  .text-block-6, .text-block-7, .text-block-8 {
    max-width: none;
  }

  .auto-scroll-slider {
    grid-template-columns: 1fr;
    display: flex;
    overflow: scroll;
  }

  .hero-wrap-mobil.home-banner {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 0;
    display: flex;
  }

  .banner-text-copy {
    font-size: 30px;
  }

  .banner-text-copy.white-font {
    font-size: 45px;
  }

  .banner-text-copy.white-font-copy, .banner-text-copy.white-font-copy.hyphenated {
    font-size: 8vw;
  }

  .container-copy {
    padding-top: 0;
  }

  .footer-title-2 {
    max-width: 100%;
    font-size: 35px;
  }

  .section-sub-title-content-bewertung {
    font-size: 14px;
  }

  .section-sub-title-content-bewertung.white-font {
    text-transform: none;
    font-size: 14px;
  }

  .section-title-copy {
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 25px;
  }

  .dropdown-toggle {
    z-index: 0;
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .banner-button-copy {
    justify-content: center;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }

  .button-copy {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .button-copy.cta-button {
    position: static;
  }

  .banner-button-copy {
    justify-content: center;
    width: 80%;
    max-width: none;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }

  .banner-button-copy-copy-copy {
    z-index: 300;
    justify-content: center;
    width: 80%;
    max-width: none;
    height: 71px;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }

  .banner-button-copy-copy, .banner-button-copy-copy-copy {
    justify-content: center;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }

  .banner-button-body {
    z-index: 0;
    justify-content: center;
    width: 90%;
    margin-top: 80px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }

  .dropdown-list {
    z-index: 2;
  }

  .dashboard-grid-1 {
    grid-row-gap: 0px;
  }

  .send-whole-wrap-2 {
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }

  .send-image-2 {
    width: 46%;
  }

  .send-image-2.statistic-image {
    z-index: 0;
    left: 62px;
  }

  .send-image-2.profile-image {
    left: 52px;
  }

  .send-image-2.database-image {
    border-radius: 10px;
    width: 30%;
    right: 64%;
  }

  .send-image-2.profile-image-copy {
    left: 52px;
  }

  .send-image-2.statistic-image-2 {
    z-index: 0;
    width: 110%;
    max-width: none;
    bottom: auto;
    left: auto;
    right: 20px;
  }

  .send-image-copy.database-image-copy {
    border-radius: 10px;
    width: 80%;
    top: 50%;
    left: auto;
    right: 75px;
  }

  .pricing-feature-wrap-2 {
    border-radius: 10px;
    padding: 20px 15px;
  }

  .pricing-feature-wrap-2.dark-bg-wrap-2 {
    width: 85%;
    display: none;
  }

  .send-whole-wrap-copy {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 60px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .banner-button-copy-2 {
    justify-content: center;
    width: 80%;
    max-width: none;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    top: auto;
    bottom: 80px;
    right: 60px;
  }

  .send-whole-wrap-home2 {
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    display: none;
  }

  .send-title-wrap-home2s {
    flex-flow: column;
    display: none;
  }

  .image-2 {
    top: auto;
    left: 60px;
  }

  .integration-section-2 {
    padding-top: 40px;
  }

  .send-title-wrap-home2smobil {
    flex-flow: column;
    display: block;
  }

  .banner-button-copy-3 {
    background-color: #fec901;
    border-style: none;
    justify-content: center;
    width: 70%;
    max-width: none;
    margin-right: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    display: none;
    top: auto;
    bottom: auto;
    right: auto;
  }

  .send-whole-wrap-copy {
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }

  .phone-wrapper {
    width: 100%;
    margin-bottom: 10px;
  }

  .image-3 {
    z-index: 1;
  }

  .div-block-7 {
    border-radius: 46px;
    left: 5px;
  }

  .dropdown-list-2 {
    z-index: 300;
    position: absolute;
  }

  .send-section-desktop {
    padding-top: 0;
    padding-bottom: 10px;
    display: none;
  }

  .send-grid-mobil {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    display: flex;
  }

  .send-grid-desktop {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    display: none;
  }

  .team-member-whole-wrap-top {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .heading-5 {
    margin-bottom: 0;
    font-size: 26px;
    line-height: 1;
  }

  .progress-bar__content-4 {
    width: 14%;
  }

  .card {
    width: 90vw;
    min-width: 0;
    max-width: none;
    height: 55vh;
    padding: 16px 24px;
  }

  .skill-header {
    margin-bottom: 0;
  }

  .hole-container {
    margin-bottom: 24px;
  }

  .card__header {
    margin-bottom: 16px;
  }

  .heading-6 {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .card-text {
    font-size: 14px;
  }

  .progres-bar-2 {
    width: 100%;
    margin-right: 8px;
  }

  .div-block-9 {
    width: auto;
    min-width: auto;
  }

  .heading-7 {
    margin-bottom: 0;
    font-size: 26px;
    line-height: 1;
  }

  .heading-8 {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .button-l-2 {
    justify-content: center;
    align-self: center;
    align-items: center;
    max-width: 200px;
  }

  .office-grid-about {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    display: flex;
  }

  .our-story-card-content-about.white-font-color-about, .our-story-card-content-about.dark-font-color-about {
    font-size: 18px;
  }

  .div-block-11 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .testimonial-card-whole-wrap-bs {
    width: 330px;
  }

  .testimonial-content-wrap-bs {
    height: auto;
  }

  .testimonial-card-star-wrap-bs {
    position: static;
  }

  .testimonial-author-wrap-bs {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .testimonial-card-content-bs {
    min-height: 380px;
  }

  .integration-tab-menu-wrap-bs {
    flex-flow: row;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .integration-tab-content-bs {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 0;
    display: flex;
    overflow: scroll;
  }

  .integration-tab-menu-bs {
    padding: 15px 10px;
  }

  .integration-tab-menu-bs.w--current {
    padding-left: 10px;
    padding-right: 10px;
  }

  .auto-scroll-slider-bs {
    grid-template-columns: 1fr;
    display: flex;
    overflow: scroll;
  }

  .integration-card-wrap-bs {
    width: 300px;
  }

  .integration-collection-wrap-bs {
    width: 260px;
  }

  .checkbox-field-l {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 10px;
  }

  .checkbox-l {
    position: absolute;
  }

  .form-block-4 {
    margin-left: 10px;
  }

  .event-card-wrap-l {
    border-radius: 10px;
    order: 1;
    max-width: none;
    padding: 25px 20px;
    overflow: hidden;
  }

  .event-card-wrap-l.yellow-bg {
    border-radius: 10px;
    order: 4;
    align-items: stretch;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .event-card-wrap-l.blue-bg {
    order: 5;
    padding-top: 25px;
  }

  .event-card-wrap-l.grey-bg, .event-card-wrap-l.grey-bg-b {
    box-shadow: 0 2px 5px #0003;
  }

  .list-8, .list-item-8, .list-item-9, .list-item-10 {
    font-size: 16px;
  }

  .event-card-point-whole-wrap-l {
    grid-column-gap: 30px;
    grid-row-gap: 10px;
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-self: stretch;
    align-items: flex-start;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-sub-title-wrap-author.hero-section {
    max-height: none;
  }

  .section-sub-title-wrap-author.home-banner {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: row;
    max-width: none;
    max-height: none;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .section-sub-title-wrap-author.hero-section-author {
    max-height: none;
  }

  .div-block-14 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .section-content {
    flex-flow: wrap;
    max-width: 100%;
    display: flex;
  }

  .div-block-15 {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .image-8 {
    max-width: 60%;
  }

  .kachel-card {
    border-radius: 15px;
  }

  .send-image-wrap-inhalt {
    z-index: 0;
    margin-top: 20px;
  }

  .send-image-inhalt {
    width: 46%;
  }

  .send-image-inhalt.statistic-image {
    z-index: 0;
    left: 62px;
  }

  .send-image-inhalt.profile-image {
    left: 52px;
  }

  .send-image-inhalt.database-image {
    border-radius: 10px;
    width: 30%;
    right: 64%;
  }

  .send-image-inhalt.profile-image-copy {
    left: 52px;
  }

  .send-image-inhalt.statistic-image-copy {
    z-index: 0;
    left: 62px;
  }

  .send-image-inhalt.database-image-inhalt {
    border-radius: 10px;
    width: 30%;
    right: 64%;
  }

  .send-image-copy {
    width: 46%;
  }

  .send-image-copy.statistic-image {
    z-index: 0;
    left: 62px;
  }

  .send-image-copy.profile-image {
    left: 52px;
  }

  .send-image-copy.database-image {
    border-radius: 10px;
    width: 30%;
    right: 64%;
  }

  .send-image-copy.profile-image-copy {
    left: 52px;
  }

  .send-image-copy.statistic-image-copy {
    z-index: 0;
    left: 62px;
  }

  .send-image-copy.profile-image-inhalt {
    left: 52px;
  }

  .send-image-copy-copy {
    width: 46%;
  }

  .send-image-copy-copy.statistic-image {
    z-index: 0;
    left: 62px;
  }

  .send-image-copy-copy.profile-image {
    left: 52px;
  }

  .send-image-copy-copy.database-image {
    border-radius: 10px;
    width: 30%;
    right: 64%;
  }

  .send-image-copy-copy.profile-image-copy {
    left: 52px;
  }

  .send-image-copy-copy.statistic-image-copy {
    z-index: 0;
    left: 62px;
  }

  .send-image-copy-copy.profile-image-inhalt {
    left: 52px;
  }

  .send-image-copy-copy.statistic-image-inhalt {
    z-index: 0;
    left: 62px;
  }

  .section-title-inhalt-2 {
    padding-left: 0;
    padding-right: 0;
    font-size: 24px;
  }

  .section-title-inhalt-2.hyphenated {
    font-size: 24px;
  }

  .grid {
    flex-flow: column;
    display: flex;
  }

  .div-block-22 {
    width: auto;
    overflow: visible;
  }

  .kachel-card-copy {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    border-radius: 15px;
    width: 110px;
    height: 110px;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .grid-2 {
    flex-flow: column;
    display: flex;
  }

  .send-grid-inhalt {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    display: flex;
  }

  .grid-3 {
    flex-flow: column;
    display: flex;
  }

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

  .paragraph-17 {
    font-size: 14px;
  }

  .div-block-26 {
    display: block;
  }

  .kachel-card-copy-copy {
    border-radius: 15px;
  }

  .office-image-wrap-story {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .our-story-card-story {
    border-radius: 15px;
  }

  .kachel-card-copy-copy {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    border-radius: 15px;
    width: 200px;
    height: 110px;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .image-8-copy {
    max-width: 30%;
  }

  .kachel-card-copy2 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    border-radius: 15px;
    width: 100px;
    height: 110px;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .div-block-27 {
    display: block;
  }

  .div-block-15-mobil {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .event-card-wrap-l-copy {
    border-radius: 10px;
    order: 1;
    max-width: none;
    padding: 25px 20px;
    overflow: hidden;
  }

  .event-card-wrap-l-copy.yellow-bg {
    border-radius: 10px;
    order: 4;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .event-card-wrap-l-copy.blue-bg {
    order: 5;
    padding-top: 25px;
  }

  .grid-4 {
    flex-flow: column;
    display: flex;
  }

  .grid-4.schritt-box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .grid-5 {
    flex-flow: column;
    display: flex;
  }

  .service-items {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .single-service {
    padding: 20px;
    top: 60px;
  }

  .margin-bottom.margin-small {
    margin-bottom: .5rem;
  }

  .service-icon {
    width: 56px;
    height: 56px;
  }

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

  .service-item-container {
    grid-template-rows: auto auto;
    margin-top: 10px;
  }

  .section-3 {
    height: 100vh;
    overflow: hidden;
  }

  .titles-wrapper {
    position: sticky;
    top: 0;
  }

  .tile {
    height: 100vh;
  }

  .code-embed-11 {
    display: block;
  }

  .code-embed-12 {
    display: none;
  }

  .section-service {
    margin-top: -30px;
    display: block;
  }

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

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

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

  .tittle-sticky {
    margin-bottom: 20px;
  }

  .service-item-container-2 {
    margin-top: 10px;
    display: flex;
    overflow: auto;
  }

  .single-service-copy, .single-service-2 {
    padding: 20px;
    top: 60px;
  }

  .container-table {
    padding-top: 40px;
    display: block;
  }

  .event-grid-2 {
    grid-template-columns: 100%;
  }

  .faq-section-2 {
    padding-top: 0;
  }

  .event-card-wrap-leistung {
    border-radius: 10px;
    order: 1;
    max-width: none;
    padding: 25px 20px;
    overflow: hidden;
  }

  .event-card-wrap-leistung.yellow-bg {
    border-radius: 10px;
    order: 4;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .event-card-wrap-leistung.blue-bg {
    order: 5;
    padding-top: 25px;
  }

  .event-card-wrap-leistung.grey-bg {
    box-shadow: 0 2px 5px #0003;
  }

  .grid-leistung {
    flex-flow: column;
    display: flex;
  }

  .grid-leistung.schritt-box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid;
  }

  .event-card-wrap-l-copy-copy {
    border-radius: 10px;
    order: 1;
    max-width: none;
    padding: 25px 20px;
    overflow: hidden;
  }

  .event-card-wrap-l-copy-copy.yellow-bg {
    border-radius: 10px;
    order: 4;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .event-card-wrap-l-copy-copy.blue-bg {
    order: 5;
    padding-top: 25px;
  }

  .leistungen-grid {
    justify-items: stretch;
  }

  .leistung-wrap {
    border-radius: 15px;
    align-self: stretch;
    display: block;
  }

  .event-card-title-sub.dark-font-color {
    font-size: 18px;
  }

  .send-grid-leistungen {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: wrap;
    display: flex;
  }

  .l-grid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto auto;
    grid-template-columns: 100%;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-items: start stretch;
    display: grid;
    overflow: visible;
  }

  .l-image-wrap-story {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    width: auto;
    max-width: 100%;
    padding-right: 0;
    display: flex;
  }

  .l-tilte-wrap {
    width: 100%;
  }

  .l-story-card {
    border-radius: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .l-div-block {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-left: 0;
    padding-right: 0;
  }

  .l-story-card-title {
    font-size: 16px;
  }

  .l-image-wrap-story-2 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .paragraph-194 {
    margin-bottom: 0;
    font-size: 25px;
  }

  .kachel-wrapper, .kachel-wrapper-half {
    border-radius: 15px;
  }

  .paragraph-17-ic {
    font-size: 14px;
  }

  .kachel-card-copy-copy-copy {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    border-radius: 15px;
    width: 200px;
    height: 110px;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .div-block-29 {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    flex-flow: column;
    display: flex;
  }

  .code-embed-15 {
    width: 100%;
  }

  .kachel-card-copy-copy-copy-copy, .kachel-card-copy-copy-copy-copy-copy, .kachel-card-copy-copy-copy-copy-copy-copy {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    border-radius: 15px;
    width: 200px;
    height: 110px;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .div-block-33, .grid-2-4 {
    flex-flow: column;
    display: flex;
  }

  .grid-div2-pr-fung {
    margin-top: 20px;
  }

  .grid-2-pr-fung, .grid-3-pr-fung {
    flex-flow: column;
    display: flex;
  }

  .accordion-content-c {
    max-width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 14px;
  }

  .grid-leistung-2 {
    flex-flow: column;
    display: flex;
  }

  .grid-leistung-2.schritt-box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid;
  }

  .event-card-wrap-leistung2 {
    border-radius: 10px;
    order: 1;
    max-width: none;
    padding: 25px 20px;
    overflow: hidden;
  }

  .event-card-wrap-leistung2.yellow-bg {
    border-radius: 10px;
    order: 4;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .event-card-wrap-leistung2.blue-bg {
    order: 5;
    padding-top: 25px;
  }

  .event-card-wrap-leistung2.grey-bg {
    box-shadow: 0 2px 5px #0003;
  }

  .container-table-l {
    padding-top: 40px;
    display: block;
  }

  .sticky-cta {
    display: none;
  }

  .banner-button-sticky {
    justify-content: center;
    width: 80%;
    max-width: none;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }

  .div-block-23-slide-b {
    width: 100%;
  }

  .div-block-34, .div-block-35 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .kachel-card-b {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    border-radius: 15px;
    width: 120px;
    height: 110px;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .code-embed-17 {
    border: 1px solid #f8f8f861;
    width: 100%;
  }

  .sticky-cta-mobil {
    display: flex;
  }

  .sticky-cta-heading-mobil {
    font-size: 14px;
  }

  .sticky-cta-paragraph-mobil {
    font-size: 12px;
  }

  .sticky-cta_btn-mobil {
    justify-content: flex-start;
    align-items: center;
    margin-right: 0;
  }

  .sticky-cta_nav-mobil {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .banner-button-sticky-mobil {
    justify-content: center;
    width: 80%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 16px;
  }

  .text-block-button-sticky-mobil {
    font-size: 12px;
  }

  .section-sub-title-content-hero, .section-sub-title-content-hero.white-font {
    text-transform: none;
    font-size: 14px;
  }

  .max {
    display: block;
  }

  .sticky-cta-max {
    justify-content: center;
    align-items: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    display: none;
  }

  .sticky-cta-mobil-1 {
    display: flex;
  }

  .div-block-table {
    display: none;
  }

  .text-block-14, .text-block-15 {
    font-size: 18px;
  }

  .form-box-wrapper-contact {
    width: 100%;
    margin-top: 0;
    padding: 30px 20px;
  }

  .form-2 {
    width: 100%;
  }

  .div-block-36, .div-block-37, .div-block-38 {
    grid-template-columns: 1fr;
  }

  .code-embed-8-c {
    border: 1px solid #f8f8f861;
    width: 100%;
    padding-bottom: 0;
    padding-right: 20px;
  }

  .team-member-content-wrap-h {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-section-title-wrap-copy.homepage {
    max-width: 100%;
  }

  .div-block-11-copy {
    flex-flow: row;
  }

  .l-image-wrap-story-h {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    width: auto;
    max-width: 100%;
    display: flex;
  }

  .div-block-11-2 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .l-story-card--2 {
    border-radius: 15px;
    width: auto;
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .l-story-card--2.hyphenated {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .div-block-11-3, .div-block-11-4 {
    flex-flow: row;
    max-width: 100%;
    display: none;
  }

  .code-embed-18 {
    margin-top: 20px;
  }

  .code-embed-19 {
    max-width: 100%;
  }

  .text-span-4 {
    color: var(--primary);
  }

  .div-block-40 {
    width: 100%;
  }

  .our-story-card-s {
    border-radius: 15px;
  }

  .our-story-card-s.blue-bg-card {
    width: auto;
    height: 100%;
    max-height: none;
    padding: 20px;
  }

  .our-story-card-s.yellow-bg-card {
    width: auto;
    max-width: none;
    height: 100%;
    padding: 20px;
  }

  .text-block-16, .text-block-17 {
    font-size: 12px;
  }

  .danke-title {
    font-size: 80px;
  }

  .anfrage-title {
    font-size: 55px;
  }

  .our-story-card-image-wrap-s {
    min-width: 60px;
    min-height: 60px;
    margin-bottom: 15px;
  }

  .hero-whole-wrap-r {
    min-height: auto;
    padding-top: 0;
    padding-bottom: 30px;
  }

  .hero-whole-wrap-r.about-us-page {
    padding-top: 10px;
  }

  .send-image-wrap-home {
    z-index: 0;
    margin-top: 0;
    margin-bottom: 30px;
  }

  .send-image-wrap-rechner {
    z-index: 0;
    margin-top: 0;
  }

  .send-image-rechner {
    width: 46%;
  }

  .send-image-rechner.statistic-image {
    z-index: 0;
    left: 62px;
  }

  .send-image-rechner.profile-image {
    left: 52px;
  }

  .send-image-rechner.database-image {
    border-radius: 10px;
    width: 30%;
    right: 64%;
  }

  .send-image-rechner.profile-image-copy {
    width: 65%;
    left: 10px;
  }

  .send-image-rechner.statistic-image-copy {
    z-index: 0;
    left: 62px;
  }

  .send-image-rechner.profile-image-inhalt {
    left: 52px;
  }

  .send-image-rechner.statistic-image-inhalt {
    z-index: 0;
    left: 62px;
  }

  .send-image-rechner.database-image-rechner {
    border-radius: 10px;
    width: 30%;
    right: 64%;
  }

  .send-image-wrap-r {
    z-index: 0;
    align-self: auto;
    width: 100%;
    height: 27em;
    margin-top: 0;
    margin-bottom: 40px;
    display: flex;
  }

  .send-image-wrap-r.static-image-r {
    height: 90%;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .pricing-feature-wrap-r {
    border-radius: 10px;
    padding: 20px 15px;
  }

  .pricing-feature-wrap-r.dark-bg-wrap-2 {
    width: 85%;
  }

  .pricing-feature-wrap-r.dark-bg-wrap-r {
    z-index: 0;
    width: 238px;
    position: absolute;
    inset: auto auto 100px -10px;
  }

  .send-image-r {
    width: 46%;
  }

  .send-image-r.statistic-image {
    z-index: 0;
    left: 62px;
  }

  .send-image-r.profile-image {
    left: 52px;
  }

  .send-image-r.database-image {
    border-radius: 10px;
    width: 30%;
    right: 64%;
  }

  .send-image-r.profile-image-copy {
    width: 65%;
    left: 10px;
  }

  .send-image-r.statistic-image-copy {
    z-index: 0;
    left: 62px;
  }

  .send-image-r.profile-image-inhalt {
    left: 52px;
  }

  .send-image-r.statistic-image-inhalt {
    z-index: 0;
    left: 62px;
  }

  .send-image-r.statistic-image-r {
    z-index: 0;
    left: 110px;
  }

  .pricing-feature-wrap-c {
    border-radius: 10px;
    padding: 20px 15px;
  }

  .pricing-feature-wrap-c.dark-bg-wrap-2 {
    width: 85%;
  }

  .pricing-feature-wrap-c.dark-bg-wrap-r {
    z-index: 0;
    width: 238px;
    position: absolute;
    inset: auto auto 100px -10px;
  }

  .pricing-feature-wrap-c.dark-bg-wrap-c {
    z-index: 0;
    width: 238px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: absolute;
    inset: auto auto 20px -10px;
  }

  .paragraph-4-2 {
    width: 100%;
    display: none;
  }

  .our-story-card-title-v, .our-story-card-title-v.dark-color-font {
    font-size: 18px;
  }

  .send-grid-s {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex-flow: column;
    margin-bottom: 20px;
    display: flex;
  }

  .image-15 {
    width: 60%;
  }

  .div-block-43 {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .container-check {
    margin-top: 20px;
    padding-top: 40px;
    display: block;
  }

  .div-block-26-2 {
    margin-top: 0;
    display: block;
  }

  .code-embed-10-mobil {
    width: 115%;
    display: block;
    overflow: hidden;
  }

  .pricing-feature-wrap-home {
    border-radius: 10px;
    padding: 20px 15px;
  }

  .pricing-feature-wrap-home.dark-bg-wrap-2 {
    width: 85%;
  }

  .pricing-feature-wrap-home.dark-bg-wrap-r, .pricing-feature-wrap-home.dark-bg-wrap-c {
    z-index: 0;
    width: 238px;
    position: absolute;
    inset: auto auto 100px -10px;
  }

  .pricing-feature-wrap-home.dark-bg-wrap-home {
    z-index: 3;
    width: 238px;
    height: 250px;
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .pricing-feature-content-dark {
    font-size: 12px;
  }

  .banner-button-body-2 {
    z-index: 0;
    justify-content: center;
    width: 260px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }

  .send-image-hand {
    width: 46%;
  }

  .send-image-hand.statistic-image {
    z-index: 1;
    left: 40px;
  }

  .send-image-hand.profile-image {
    z-index: 2;
    left: 200px;
  }

  .send-image-hand.database-image {
    border-radius: 10px;
    width: 30%;
    right: 64%;
  }

  .send-image-hand.profile-image-copy {
    z-index: 2;
    width: 65%;
    top: 100px;
    left: 40px;
  }

  .send-image-hand.statistic-image-copy {
    z-index: 0;
    left: 62px;
  }

  .send-image-hand.profile-image-inhalt {
    left: 52px;
  }

  .send-image-hand.statistic-image-inhalt {
    z-index: 0;
    left: 62px;
  }

  .send-image-hand.statistic-image-hand {
    z-index: 0;
    width: auto;
    height: 75%;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .pricing-feature-wrap-co {
    border-radius: 10px;
    padding: 20px 15px;
  }

  .pricing-feature-wrap-co.dark-bg-wrap-2 {
    width: 85%;
  }

  .pricing-feature-wrap-co.dark-bg-wrap-r, .pricing-feature-wrap-co.dark-bg-wrap-c {
    z-index: 0;
    width: 238px;
    position: absolute;
    inset: auto auto 100px -10px;
  }

  .pricing-feature-wrap-co.dark-bg-wrap-home {
    z-index: 3;
    width: 238px;
    height: 250px;
    position: absolute;
    inset: 120px 90px 0 auto;
  }

  .pricing-feature-wrap-co.dark-bg-wrap-co {
    z-index: 3;
    width: 280px;
    height: auto;
    margin-bottom: 0;
    position: absolute;
    inset: auto auto 0% 0%;
    overflow: visible;
  }

  .disclaimer {
    width: 100%;
  }

  .send-image-wrap-co {
    z-index: 0;
    align-self: auto;
    width: 100%;
    height: 27em;
    min-height: auto;
    margin-top: 0;
    display: flex;
  }

  .pricing-feature-wrap-co-r {
    border-radius: 10px;
    padding: 20px 15px;
  }

  .pricing-feature-wrap-co-r.dark-bg-wrap-2 {
    width: 85%;
  }

  .pricing-feature-wrap-co-r.dark-bg-wrap-r, .pricing-feature-wrap-co-r.dark-bg-wrap-c {
    z-index: 0;
    width: 238px;
    position: absolute;
    inset: auto auto 100px -10px;
  }

  .pricing-feature-wrap-co-r.dark-bg-wrap-home {
    z-index: 3;
    width: 238px;
    height: 250px;
    position: absolute;
    inset: 120px 90px 0 auto;
  }

  .pricing-feature-wrap-co-r.dark-bg-wrap-co {
    z-index: 3;
    width: 238px;
    height: 260px;
    margin-bottom: 0;
    position: absolute;
    inset: 120px 120px 0 auto;
    overflow: visible;
  }

  .pricing-feature-wrap-co-r.dark-bg-wrap-co-r {
    z-index: 3;
    width: 238px;
    height: auto;
    margin-bottom: 0;
    position: absolute;
    inset: auto auto 0% 0%;
    overflow: visible;
  }

  .author-mobil {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .grid-2-s {
    flex-flow: column;
    display: flex;
  }

  .send-whole-wrap-home2-mobil {
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    display: block;
  }

  .testimonial-card-whole-wrap-bs-home {
    width: 260px;
    top: 170px;
    left: 50px;
    right: 0;
  }

  .testimonial-author-image-bs-home {
    width: 35px;
  }

  .testimonial-author-title-bs-home, .testimonial-author-description-bs-home {
    font-size: 10px;
  }

  .testimonial-image-wrap-bs-home {
    min-width: 45px;
    min-height: 45px;
  }

  .testimonial-card-content-bs-home {
    min-height: auto;
    font-size: 10px;
  }

  .testimonial-star-image-bs-home {
    width: 20px;
    height: 20px;
  }

  .testimonial-content-wrap-bs-home {
    height: auto;
  }

  .testimonial-card-whole-wrap-bs-home-2 {
    width: 260px;
    display: flex;
    top: 155px;
    left: 35px;
    right: 0;
  }

  .testimonial-card-whole-wrap-bs-home-3 {
    width: 260px;
    display: flex;
    top: 140px;
    left: 20px;
    right: 0;
  }

  .testimonial-card-star-wrap-bs-home {
    position: static;
  }

  .banner-button-copy-4 {
    background-color: #fec901;
    border-style: none;
    justify-content: center;
    width: 230px;
    max-width: none;
    margin-right: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    display: flex;
    position: absolute;
    inset: auto;
  }

  .l-story-card-2 {
    border-radius: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-11-d {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .l-story-card-title-2 {
    font-size: 16px;
  }

  .l-story-card-title-2.dark-color-font {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .l-story-card-title-2.dark-color-font-2 {
    padding-bottom: 20px;
  }

  .l-story-card-2-h {
    border-radius: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .container-hero {
    padding-top: 40px;
  }

  .hero-wrap-tab {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-bottom: 0;
  }

  .hero-wrap-tab.home-banner, .hero-wrap-tab.home-banner-tab {
    margin-bottom: 60px;
    display: none;
  }

  .hero-section-title-wrap-tab.homepage, .hero-section-title-wrap-tab.homepage-tab {
    z-index: 20;
    max-width: 100%;
  }

  .banner-button-wrap-tab {
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .send-grid-inhalt-home {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    display: flex;
  }

  .event-grid-wrap-co {
    margin-top: 30px;
  }

  .kachel-card-br {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    border-radius: 15px;
    width: 200px;
    height: 110px;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .grid-2-co {
    flex-flow: row;
    display: flex;
    overflow: auto;
  }

  .grid-2-co-2 {
    flex-flow: column;
    display: flex;
    overflow: visible;
  }

  .send-grid-h {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    flex-flow: column;
    display: flex;
  }

  .grid-2-1 {
    flex-flow: column;
    display: flex;
  }

  .dropdown-list-3 {
    margin-bottom: 0;
  }

  .dropdown-toggle-1 {
    z-index: 0;
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    justify-content: center;
    align-items: center;
    padding: 8% 20%;
    display: flex;
  }
}

#w-node-_5479671a-9430-e5eb-29c6-87cd91c11b24-e4fa6b67, #w-node-fb9bd9de-4017-bd1d-a184-51a3d055039a-e4fa6b67, #w-node-a6ed0c16-cbc9-4da2-50c4-c760b1d9b31e-e4fa6b67, #w-node-_494419bd-5fb4-ed16-a94a-c8a717a364c7-e4fa6b67, #w-node-_787d45c5-5517-18db-b471-d237631278e1-e4fa6b67, #w-node-_4702ac61-4bfb-5a06-9c29-6c739c0be3dc-9c0be3ce, #w-node-_4702ac61-4bfb-5a06-9c29-6c739c0be3e9-9c0be3ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fddf9448-d01f-bef4-9fe4-b84768fe46d5-e4fa6bad {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_664ef908-a454-8256-9f3a-4cb089a3bf14-e4fa6bad, #w-node-_87a094b1-9e97-3c2d-261f-9aabfc23c91c-e4fa6bad, #w-node-eaa38f3e-fe51-115d-356a-cfb7977f9bbc-e4fa6bad, #w-node-d35d8b62-0277-6162-034a-d0417f05e930-e4fa6bad, #w-node-de2e1a16-b7f9-3763-7a0b-63a50b86831c-e4fa6bad, #w-node-_37239669-e6a3-2d85-a34d-bac6ba60b589-a802802b, #w-node-_37239669-e6a3-2d85-a34d-bac6ba60b596-a802802b, #w-node-_3f575df7-2ed9-4215-8fa2-5def08d2794e-a802802b, #w-node-_3f575df7-2ed9-4215-8fa2-5def08d2798b-a802802b, #w-node-_6a900583-fc9b-240d-616c-a861a0b9d340-a802802b, #w-node-_6a900583-fc9b-240d-616c-a861a0b9d34e-a802802b, #w-node-a7f67b7d-dfc7-2f5b-b844-4b980ec9dd77-a802802b, #w-node-a7f67b7d-dfc7-2f5b-b844-4b980ec9dd90-a802802b, #w-node-d1ea9dd4-4057-b150-8424-56495570cb26-a802802b, #w-node-d1ea9dd4-4057-b150-8424-56495570caff-a802802b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4e16c3e-99a8-e0ab-cad3-7a9d92446e35-b126db2c {
  align-self: center;
}

#w-node-aba032c1-58a0-029d-d588-a9e8aabe2b82-b126db2c, #w-node-aba032c1-58a0-029d-d588-a9e8aabe2ba3-b126db2c, #w-node-_3f575df7-2ed9-4215-8fa2-5def08d2794e-b126db2c, #w-node-_3f575df7-2ed9-4215-8fa2-5def08d2798b-b126db2c, #w-node-_9849fa35-2ad1-8bae-2ee8-937fb70a1a7a-b126db2c, #w-node-_9849fa35-2ad1-8bae-2ee8-937fb70a1a9f-b126db2c, #w-node-a7f67b7d-dfc7-2f5b-b844-4b980ec9dd77-b126db2c, #w-node-a7f67b7d-dfc7-2f5b-b844-4b980ec9dd90-b126db2c, #w-node-d1ea9dd4-4057-b150-8424-56495570cb26-b126db2c, #w-node-d1ea9dd4-4057-b150-8424-56495570caff-b126db2c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4e16c3e-99a8-e0ab-cad3-7a9d92446e35-fc174338 {
  align-self: center;
}

#w-node-_3fc80313-8ea0-9008-3c0b-c6bad0e972cc-fc174338, #w-node-_3fc80313-8ea0-9008-3c0b-c6bad0e972f1-fc174338, #w-node-_3f575df7-2ed9-4215-8fa2-5def08d2794e-fc174338, #w-node-_3f575df7-2ed9-4215-8fa2-5def08d2798b-fc174338, #w-node-_82eef1c8-3c10-5d0d-8c87-dcb8633cdbb0-fc174338, #w-node-_82eef1c8-3c10-5d0d-8c87-dcb8633cdbd7-fc174338, #w-node-a7f67b7d-dfc7-2f5b-b844-4b980ec9dd77-fc174338, #w-node-a7f67b7d-dfc7-2f5b-b844-4b980ec9dd90-fc174338, #w-node-d1ea9dd4-4057-b150-8424-56495570cb26-fc174338, #w-node-d1ea9dd4-4057-b150-8424-56495570caff-fc174338 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4e16c3e-99a8-e0ab-cad3-7a9d92446e35-6051dcc8 {
  align-self: center;
}

#w-node-_2b1fae4c-d67b-d4eb-1482-67829f768439-6051dcc8, #w-node-_2b1fae4c-d67b-d4eb-1482-67829f76845e-6051dcc8, #w-node-_3f575df7-2ed9-4215-8fa2-5def08d2794e-6051dcc8, #w-node-_3f575df7-2ed9-4215-8fa2-5def08d2798b-6051dcc8, #w-node-_76a91a35-1c7c-edbf-bdba-f31aca7fdc0a-6051dcc8, #w-node-_76a91a35-1c7c-edbf-bdba-f31aca7fdc31-6051dcc8, #w-node-a7f67b7d-dfc7-2f5b-b844-4b980ec9dd77-6051dcc8, #w-node-a7f67b7d-dfc7-2f5b-b844-4b980ec9dd90-6051dcc8, #w-node-d1ea9dd4-4057-b150-8424-56495570cb26-6051dcc8, #w-node-d1ea9dd4-4057-b150-8424-56495570caff-6051dcc8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4e16c3e-99a8-e0ab-cad3-7a9d92446e35-a814123c {
  align-self: center;
}

#w-node-_7dde8ba8-78ad-250f-b8bf-78e5fbb9b698-a814123c, #w-node-_7dde8ba8-78ad-250f-b8bf-78e5fbb9b6b3-a814123c, #w-node-_3f575df7-2ed9-4215-8fa2-5def08d2794e-a814123c, #w-node-_3f575df7-2ed9-4215-8fa2-5def08d2798b-a814123c, #w-node-_8b882fb2-a7ca-058d-0b57-214cc2d494b4-a814123c, #w-node-_8b882fb2-a7ca-058d-0b57-214cc2d494db-a814123c, #w-node-a7f67b7d-dfc7-2f5b-b844-4b980ec9dd77-a814123c, #w-node-a7f67b7d-dfc7-2f5b-b844-4b980ec9dd90-a814123c, #w-node-d1ea9dd4-4057-b150-8424-56495570cb26-a814123c, #w-node-d1ea9dd4-4057-b150-8424-56495570caff-a814123c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4e16c3e-99a8-e0ab-cad3-7a9d92446e35-6ebb046c {
  align-self: center;
}

#w-node-_7200d350-510a-dcea-bb14-9371ba8697ed-6ebb046c, #w-node-_7200d350-510a-dcea-bb14-9371ba869811-6ebb046c, #w-node-_3f575df7-2ed9-4215-8fa2-5def08d2794e-6ebb046c, #w-node-_3f575df7-2ed9-4215-8fa2-5def08d2798b-6ebb046c, #w-node-_1e15786a-b779-fed6-337a-67fc473bc208-6ebb046c, #w-node-_1e15786a-b779-fed6-337a-67fc473bc22f-6ebb046c, #w-node-a7f67b7d-dfc7-2f5b-b844-4b980ec9dd77-6ebb046c, #w-node-a7f67b7d-dfc7-2f5b-b844-4b980ec9dd90-6ebb046c, #w-node-d1ea9dd4-4057-b150-8424-56495570cb26-6ebb046c, #w-node-d1ea9dd4-4057-b150-8424-56495570caff-6ebb046c, #w-node-_6d6fef74-9b9d-9ff9-c18c-68cc69962f13-2dae1fa3, #w-node-_2553f719-1f10-0df6-d963-e2dd01aaa8d7-2dae1fa3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4e16c3e-99a8-e0ab-cad3-7a9d92446e35-bedc5ac2 {
  align-self: center;
}

#w-node-bf0d69b5-103f-d64b-25ed-f00a749cc39f-bedc5ac2, #w-node-bf0d69b5-103f-d64b-25ed-f00a749cc3b2-bedc5ac2, #w-node-_3f575df7-2ed9-4215-8fa2-5def08d2794e-bedc5ac2, #w-node-_3f575df7-2ed9-4215-8fa2-5def08d2798b-bedc5ac2, #w-node-d1ea9dd4-4057-b150-8424-56495570cb26-bedc5ac2, #w-node-d1ea9dd4-4057-b150-8424-56495570caff-bedc5ac2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4e16c3e-99a8-e0ab-cad3-7a9d92446e35-3f73f1b7 {
  align-self: center;
}

#w-node-_615438eb-415b-7d61-580d-1a4baed94563-3f73f1b7, #w-node-_615438eb-415b-7d61-580d-1a4baed94576-3f73f1b7, #w-node-_3f575df7-2ed9-4215-8fa2-5def08d2794e-3f73f1b7, #w-node-_3f575df7-2ed9-4215-8fa2-5def08d2798b-3f73f1b7, #w-node-d1ea9dd4-4057-b150-8424-56495570cb26-3f73f1b7, #w-node-d1ea9dd4-4057-b150-8424-56495570caff-3f73f1b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4e16c3e-99a8-e0ab-cad3-7a9d92446e35-4c8279d8 {
  align-self: center;
}

#w-node-_20eb505c-12b7-7bb3-cd9a-d6a91ba0d1da-4c8279d8, #w-node-_026d2b27-0f0c-428c-2f4a-b569abacc4df-4c8279d8, #w-node-_026d2b27-0f0c-428c-2f4a-b569abacc506-4c8279d8, #w-node-_026d2b27-0f0c-428c-2f4a-b569abacc525-4c8279d8, #w-node-_59ff4e27-7782-2aea-b1b2-a139231ca727-4c8279d8, #w-node-_59ff4e27-7782-2aea-b1b2-a139231ca787-4c8279d8, #w-node-_59ff4e27-7782-2aea-b1b2-a139231ca74b-4c8279d8, #w-node-_64512d29-c817-879e-6448-a31d0f374877-4c8279d8, #w-node-_64512d29-c817-879e-6448-a31d0f37489b-4c8279d8, #w-node-_14481f41-4115-2060-86ff-5fbc76a0b73a-4c8279d8, #w-node-_14481f41-4115-2060-86ff-5fbc76a0b75e-4c8279d8, #w-node-_075b2fe3-b98c-fa3b-de89-7d1cc1644fa0-4c8279d8, #w-node-_075b2fe3-b98c-fa3b-de89-7d1cc1644fcd-4c8279d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4e16c3e-99a8-e0ab-cad3-7a9d92446e35-0343877b {
  align-self: center;
}

#w-node-_79f675cb-f6bd-140b-213e-313b699c9844-0343877b, #w-node-_26844d1f-98b0-f973-35cd-268513aeca36-0343877b, #w-node-d1aa759e-43cc-3ae8-1edb-26a4ae3a1ae6-0343877b, #w-node-d1aa759e-43cc-3ae8-1edb-26a4ae3a1af9-0343877b, #w-node-_72d3b7ee-1711-94fe-b650-2d868f00e7af-0343877b, #w-node-_026d2b27-0f0c-428c-2f4a-b569abacc4df-0343877b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4e16c3e-99a8-e0ab-cad3-7a9d92446e35-3a0fbc00 {
  align-self: center;
}

#w-node-_527d2bc2-415a-808c-3774-0d0d48dc6b5d-3a0fbc00 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-aa9b002e-ef0e-9559-e509-6d50719df53c-3a0fbc00 {
  place-self: center;
}

#\31 1-3.w-node-cb6d8339-18dc-ee9e-4ca4-3e725f0374e1-3a0fbc00 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d1f9f457-360e-d415-6108-53dbbbeffb8f-3a0fbc00 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d1f9f457-360e-d415-6108-53dbbbeffbad-3a0fbc00 {
  place-self: center;
}

#w-node-_026d2b27-0f0c-428c-2f4a-b569abacc4df-3a0fbc00, #w-node-b95aad01-665c-4b2c-ac58-d013f712ca81-3a0fbc00, #w-node-b95aad01-665c-4b2c-ac58-d013f712ca97-3a0fbc00, #w-node-_31943da0-4e15-615b-f0d4-cf415811c74b-3a0fbc00, #w-node-_31943da0-4e15-615b-f0d4-cf415811c772-3a0fbc00, #w-node-_37ecdfc2-5b54-a629-a551-b850c2db73e1-3a0fbc00 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4e16c3e-99a8-e0ab-cad3-7a9d92446e35-1be17e35 {
  align-self: center;
}

#w-node-_8062f715-4ace-db4c-10aa-53db0f1de90a-1be17e35, #w-node-ae90a882-131e-908c-72bc-6fbf6202d25a-1be17e35, #w-node-_271c1351-1924-2990-e841-f511d5925caa-1be17e35 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_271c1351-1924-2990-e841-f511d5925cfb-1be17e35 {
  align-self: center;
}

#w-node-_9c9db4f8-3332-9bf1-66b8-76d20c143b5e-1be17e35 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4e16c3e-99a8-e0ab-cad3-7a9d92446e35-20745c9f {
  align-self: center;
}

#w-node-_8062f715-4ace-db4c-10aa-53db0f1de90a-20745c9f, #w-node-_239b6248-3dfd-270a-8deb-d515a658b304-20745c9f, #w-node-_47ce656a-342d-bdcb-dc60-3b2649c0c6a3-20745c9f, #w-node-_9c9db4f8-3332-9bf1-66b8-76d20c143b5e-20745c9f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4e16c3e-99a8-e0ab-cad3-7a9d92446e35-3d986dd1 {
  align-self: center;
}

#w-node-_8062f715-4ace-db4c-10aa-53db0f1de90a-3d986dd1, #w-node-_2aa7c343-31cd-bf7c-5f8f-036ae7dff41c-3d986dd1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a4e16c3e-99a8-e0ab-cad3-7a9d92446e35-b5421f5f {
  align-self: center;
}

#w-node-_2aa7c343-31cd-bf7c-5f8f-036ae7dff41c-b5421f5f, #w-node-_8062f715-4ace-db4c-10aa-53db0f1de90a-b5421f5f, #w-node-f4a3f202-7e00-71d2-0ee2-4cba9f421061-b5421f5f, #w-node-_25028226-b96d-adc4-c2c2-7749ee274140-b5421f5f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-d1ea9dd4-4057-b150-8424-56495570cafe-a802802b, #w-node-d1ea9dd4-4057-b150-8424-56495570cafe-b126db2c, #w-node-d1ea9dd4-4057-b150-8424-56495570cafe-fc174338, #w-node-d1ea9dd4-4057-b150-8424-56495570cafe-6051dcc8, #w-node-d1ea9dd4-4057-b150-8424-56495570cafe-a814123c, #w-node-d1ea9dd4-4057-b150-8424-56495570cafe-6ebb046c, #w-node-d1ea9dd4-4057-b150-8424-56495570cafe-bedc5ac2, #w-node-d1ea9dd4-4057-b150-8424-56495570cafe-3f73f1b7, #w-node-_31943da0-4e15-615b-f0d4-cf415811c74a-3a0fbc00 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_37239669-e6a3-2d85-a34d-bac6ba60b596-a802802b, #w-node-_6a900583-fc9b-240d-616c-a861a0b9d34e-a802802b {
    place-self: center;
  }

  #w-node-_982a647f-0556-804d-321f-8e193f6e446e-a802802b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-aba032c1-58a0-029d-d588-a9e8aabe2ba3-b126db2c, #w-node-_9849fa35-2ad1-8bae-2ee8-937fb70a1a9f-b126db2c, #w-node-_3fc80313-8ea0-9008-3c0b-c6bad0e972f1-fc174338, #w-node-_82eef1c8-3c10-5d0d-8c87-dcb8633cdbd7-fc174338, #w-node-_2b1fae4c-d67b-d4eb-1482-67829f76845e-6051dcc8, #w-node-_76a91a35-1c7c-edbf-bdba-f31aca7fdc31-6051dcc8, #w-node-_7dde8ba8-78ad-250f-b8bf-78e5fbb9b6b3-a814123c, #w-node-_8b882fb2-a7ca-058d-0b57-214cc2d494db-a814123c, #w-node-_7200d350-510a-dcea-bb14-9371ba869811-6ebb046c, #w-node-_1e15786a-b779-fed6-337a-67fc473bc22f-6ebb046c, #w-node-bf0d69b5-103f-d64b-25ed-f00a749cc3b2-bedc5ac2, #w-node-_615438eb-415b-7d61-580d-1a4baed94576-3f73f1b7, #w-node-d1aa759e-43cc-3ae8-1edb-26a4ae3a1af9-0343877b, #w-node-b95aad01-665c-4b2c-ac58-d013f712ca97-3a0fbc00 {
    place-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-fddf9448-d01f-bef4-9fe4-b84768fe46d5-e4fa6bad, #w-node-_527d2bc2-415a-808c-3774-0d0d48dc6b5d-3a0fbc00, #w-node-d1f9f457-360e-d415-6108-53dbbbeffb8f-3a0fbc00 {
    order: -9999;
    justify-self: auto;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_09ed803e-5c23-24df-6ef6-0426fb301771-3a0fbc00, #\31 1-4.w-node-c0f21643-8759-b154-a96d-7d4af6a9f1da-3a0fbc00 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}