:root {
  --hb-black: black;
  --hb-green: #39be23;
  --hb-green-light: #a2e895;
  --hb-grey-light: #9e9e9e;
}

body {
  color: var(--hb-black);
  font-family: futura-pt, sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.6em;
}

h1, h2 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.45em;
}

h3 {
  letter-spacing: .2px;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.45em;
}

h4 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5em;
}

p {
  margin-bottom: 16px;
}

a {
  color: var(--hb-black);
  text-decoration: none;
  transition: color .2s;
}

a:hover {
  color: var(--hb-green);
}

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

strong {
  font-weight: 600;
}

em {
  font-style: italic;
}

blockquote {
  border-left: 5px solid #d4d4d4;
  margin-bottom: 10px;
  padding: 10px 20px 11px;
  font-size: 1.2em;
  line-height: 1.45em;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.style-section {
  padding-top: 180px;
  padding-bottom: 180px;
  position: relative;
  overflow: hidden;
}

.style-section.off {
  background-color: #f8f8f8;
  border-top: 1px solid rgba(0, 0, 0, .05);
  border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.style-section.allow-overflow {
  overflow: visible;
}

.clean-flex-row {
  justify-content: space-between;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.clean-flex-row.check-captcha-image-row {
  justify-content: flex-start;
}

.clean-flex-column {
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.clean-flex-column.check-captcha-image-column {
  flex: 0 auto;
}

.clean-list-parent {
  align-items: flex-start;
  margin-bottom: 15px;
  display: flex;
}

.clean-list-parent.sg-grid-list-parent {
  margin-bottom: 2px;
}

.clean-list-symbol-div {
  flex: none;
}

.clean-list-symbol-div.sg-grid-list-symbol {
  width: 128px;
}

.clean-list-symbol-div.sg-list-icon-1 {
  padding-right: 12px;
}

.clean-list-content-div {
  flex: 1;
}

.color-code-section {
  z-index: 1;
  height: 4px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.color-code-div {
  height: 100%;
  flex: 1;
}

.color-code-div.code-blue {
  background-color: #1194f6;
}

.color-code-div.code-orange {
  background-color: #ff5722;
}

.color-code-div.code-green {
  background-color: #27d827;
}

.color-code-div.code-purple {
  background-color: #9d1bb2;
}

.color-code-div.code-turquoise {
  background-color: #00bcd6;
}

.color-code-div.code-pink {
  background-color: #ec1561;
}

.cs-h3-impressum {
  text-transform: none;
  margin-bottom: 0;
  font-size: 1.1em;
  line-height: 1.45em;
}

.cs-h2-impressum {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1.6em;
}

.style-paragraph {
  color: #333;
  letter-spacing: 0;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45em;
}

.clean-li {
  margin-bottom: 10px;
}

.clean-li.circle-medium-grey {
  color: #4b4b4b;
}

.clean-ul {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 30px;
}

.clean-ul.no-bullets {
  list-style-type: none;
}

.clean-section-sg {
  padding-top: 65px;
  padding-bottom: 55px;
}

.clean-styleguide-line {
  background-color: rgba(0, 0, 0, .25);
  margin-top: 10px;
  margin-bottom: 30px;
  padding-top: 1px;
}

.clean-styleguide-line.sub-headline {
  background-color: rgba(0, 0, 0, .1);
  margin-top: 10px;
  margin-bottom: 0;
}

.clean-sg-section-heading {
  opacity: .9;
  color: #4b4b4b;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.45em;
}

.clean-sg-section-heading.typo {
  color: #00bcd6;
}

.clean-sg-section-heading.color {
  color: #9d1bb2;
}

.clean-sg-section-heading.grid {
  color: #ec1561;
}

.clean-sg-section-heading.logo {
  color: #1194f6;
}

.clean-sg-section-heading.components {
  color: #27d827;
}

.clean-sg-grid-block {
  background-color: rgba(75, 75, 75, .1);
  border-left: 2px solid rgba(236, 21, 97, .3);
  border-right: 2px solid rgba(236, 21, 97, .3);
  padding-top: 60px;
}

.clean-sg-grid-block.grid-block-first {
  border-left-color: #ec1561;
}

.clean-sg-grid-info-container {
  margin-top: 25px;
}

.clean-sg-text {
  color: #858585;
  font-size: 11px;
  line-height: 1.3em;
}

.clean-sg-text.clean-sg-type-typo {
  color: #00bcd6;
  font-weight: 700;
}

.clean-sg-text.sg-type-extra {
  margin-left: 20px;
}

.clean-sg-text.bold, .clean-sg-text.clean-sg-type-logo {
  font-weight: 700;
}

.clean-sg-text.sg-extra-download {
  letter-spacing: .2px;
  border-bottom: 1px solid rgba(17, 148, 246, 0);
  margin-top: -2px;
  margin-bottom: -1px;
  padding-top: 2px;
  padding-bottom: 1px;
  text-decoration: none;
  transition: color .2s, border-color .2s;
}

.clean-sg-text.sg-extra-download:hover {
  color: #1194f6;
  border-bottom-color: #1194f6;
}

.clean-sg-color-element-wrapper {
  margin-bottom: 25px;
}

.clean-sg-color-div {
  padding-top: 40%;
}

.clean-sg-color-div.sg-text-color-1 {
  background-color: rgba(157, 27, 178, .7);
}

.clean-sg-color-div.sg-text-color-2 {
  background-color: rgba(157, 27, 178, .5);
}

.clean-sg-color-div.sg-element-color-1 {
  background-color: rgba(106, 27, 178, .7);
}

.clean-sg-color-div.sg-element-color-2 {
  background-color: rgba(106, 27, 178, .5);
}

.clean-sg-color-div.sg-element-color-3 {
  background-color: rgba(106, 27, 178, .3);
}

.clean-sg-color-div.hb-element-color-1 {
  background-color: var(--hb-green);
}

.clean-sg-color-div.hb-element-color-2 {
  background-color: var(--hb-green-light);
}

.clean-sg-color-div.hb-element-color-3 {
  background-color: var(--hb-grey-light);
}

.clean-sg-color-div.hb-element-color-4 {
  background-color: var(--hb-black);
}

.clean-sg-type-text-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 5px;
  display: flex;
}

.clean-sg-type-text-wrapper.sg-type-typography-wrapper {
  margin-bottom: 40px;
}

.clean-sg-content-heading {
  color: #4b4b4b;
  margin-bottom: 8px;
  font-weight: 600;
}

.clean-sg-text-extra {
  color: #c2c2c2;
}

.default-button {
  background-color: var(--hb-grey-light);
  color: #fff;
  padding: 5px 40px 6px 17px;
  font-family: museo-slab, sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .2s;
  position: relative;
}

.default-button:hover {
  background-color: var(--hb-green);
  color: #fff;
}

.clean-testemonial-wrapper {
  padding: 15px 25px 18px;
  position: relative;
}

.clean-testemonial-text {
  font-size: 1.2em;
  font-style: italic;
  line-height: 1.5em;
}

.clean-testemonial-icon {
  opacity: .15;
  font-family: "FontAwesome 4.7.0";
  font-size: 36px;
  line-height: 1em;
  display: inline-block;
  position: absolute;
  top: 19px;
  left: 0;
  transform: translate(0%, -50%);
}

.clean-sg-logo-div {
  text-align: center;
  background-color: rgba(75, 75, 75, .02);
  background-image: url('../images/image_background_raster_1image_background_raster.png');
  background-position: 0 0;
  background-size: 20px;
  border: 1px solid rgba(0, 0, 0, .04);
  border-radius: 5px;
  margin-bottom: 16px;
  padding: 25px 50px;
}

.clean-sg-logo-div.sg-logo-dark {
  background-color: rgba(75, 75, 75, .85);
}

.clean-sg-list-icon-1 {
  width: 16px;
  opacity: .74;
  margin-top: -2px;
}

.clean-t-cookie-container {
  z-index: 1000;
  display: none;
  position: fixed;
  top: 15px;
  right: 25px;
}

.clean-full-section {
  min-height: 100vh;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.clean-404-headline-wrapper {
  position: relative;
}

.clean-404-button-wrapper {
  align-items: center;
  display: flex;
}

.clean-404-paragraph {
  max-width: none;
  margin-bottom: 20px;
  font-size: 1.1em;
  line-height: 1.6em;
}

.clean-success-container {
  max-width: 640px;
  padding-left: 25px;
}

.clean-success-container.icon-container {
  padding-left: 95px;
}

.clean-success-container.container-english {
  display: none;
}

.clean-h2-datenschutz-increment {
  margin-top: 35px;
  font-size: 25px;
  line-height: 35px;
}

.clean-h3-datenschutz-increment {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 25px;
}

.clean-h4-datenschutz-increment {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
}

.clean-list-datenschutz-default {
  margin-top: 15px;
  margin-bottom: 15px;
}

.clean-changelog-wrap {
  margin-top: 60px;
  margin-bottom: 60px;
}

.clean-changelog-headline {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4em;
}

.clean-check-captcha-image {
  width: 184px;
  height: 78px;
  cursor: not-allowed;
  background-image: url('../images/image_info_captcha_correct.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 184px;
}

.clean-check-captcha-image.image-captcha-wrong {
  background-image: url('../images/image_info_captcha_wrong_1.png');
}

.clean-check-captcha-image.image-captcha-wrong.en {
  background-image: url('../images/image_info_captcha_wrong.png');
}

.clean-check-captcha-image.en {
  background-image: url('../images/image_info_captcha_correct_1.png');
}

.clean-check-captcha-image-wrap {
  margin-top: 30px;
  margin-bottom: 40px;
}

.clean-check-captcha-headline {
  letter-spacing: -.2px;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 1.2em;
  position: relative;
}

.check-captcha-headline-bold {
  color: #303030;
  font-weight: 800;
}

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

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

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

.clean-t-cookie-icon-div {
  width: 34px;
  height: 34px;
  background-color: rgba(0, 0, 0, .05);
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  position: relative;
}

.clean-t-cookie-button-wrap {
  align-items: center;
  display: flex;
}

.clean-t-cookie-message-arrow {
  opacity: .8;
  border: 6px solid #000;
  border-color: rgba(0, 0, 0, 0) #000 #000 rgba(0, 0, 0, 0);
  border-bottom-right-radius: 2px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 23px;
  transform: rotate(-135deg);
}

.clean-t-cookie-headline {
  color: #fff;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4em;
}

.clean-t-cookie-message-surface {
  background-color: rgba(0, 0, 0, .8);
  border-radius: 6px;
  margin-top: 6px;
}

.clean-t-cookie-text {
  color: rgba(255, 255, 255, .85);
  letter-spacing: .2px;
  margin-bottom: 15px;
  font-size: 13px;
  line-height: 1.5em;
}

.clean-t-cookie-button {
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #1194f6;
  border-radius: 2px;
  padding: 9px 14px 10px;
  font-weight: 800;
  transition: background-color .25s;
}

.clean-t-cookie-button:hover {
  color: #fff;
  background-color: #ff5722;
}

.clean-t-cookie-button.full-width {
  width: 100%;
  text-align: center;
  margin-right: 10px;
}

.clean-t-cookie-icon {
  opacity: .75;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.clean-t-cookie-message {
  position: absolute;
  top: 33px;
  right: -12px;
}

.clean-t-cookie-message-contant {
  min-width: 290px;
  padding: 24px 25px 25px 35px;
}

.clean-t-cookie-message-contant.larger-message {
  padding-left: 25px;
  padding-right: 15px;
}

.clean-t-cookie-link {
  color: #fff;
  padding-top: 6px;
  padding-bottom: 7px;
  font-weight: 600;
  line-height: 1.2em;
  transition: color .2s;
}

.clean-t-cookie-link.clean-t-style-intext-link {
  color: #9d1bb2;
}

.clean-t-cookie-link.clean-t-style-intext-link:hover {
  color: #ff5722;
}

.clean-span-optional {
  color: #ff5722;
  font-style: italic;
  font-weight: 400;
}

.clean-span-warning {
  color: #df0004;
  font-style: italic;
  font-weight: 700;
}

.clean-span-replace {
  color: #27d827;
  font-style: italic;
}

.clean-t-impressum-wrap {
  margin-bottom: 60px;
}

.clean-t-etracker-consent-button {
  margin-bottom: 15px;
}

.clean-success-message-headline {
  letter-spacing: -.2px;
  margin-bottom: 25px;
  font-size: 40px;
  line-height: 1.2em;
  position: relative;
}

.clean-span-optional-2 {
  color: #ff5722;
  font-style: italic;
  font-weight: 400;
}

.clean-t-pre-h2-template {
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
}

.clean-t-pre-h2-template.grid {
  color: #1194f6;
}

.clean-t-pre-h2-template.elements {
  color: #00bcd6;
}

.clean-t-container {
  position: relative;
}

.clean-t-flex-column {
  flex: 1;
  padding: 25px;
}

.clean-t-flex-column.fluent {
  width: 50%;
  flex: none;
}

.clean-t-flex-column.fluent._25 {
  width: 25%;
  flex: none;
}

.clean-t-flex-column.fluent._33 {
  width: 33.3333%;
  flex: none;
}

.clean-t-flex-column._50 {
  width: 50%;
  flex: none;
}

.clean-t-flex-column._33 {
  width: 33.3333%;
  flex: none;
}

.clean-t-flex-column.clean-sg-typo-column {
  padding-left: 30px;
  padding-right: 30px;
}

.clean-t-flex-column.column-start-das-ist {
  width: 61%;
  flex: 0 auto;
}

.clean-t-flex-column.column-start-kunden {
  width: 59%;
  flex: 0 auto;
}

.clean-t-flex-column._w-2-2-2-1-1 {
  width: 50%;
  flex: 0 auto;
}

.clean-t-h2-template {
  color: #4b4b4b;
  text-align: center;
  letter-spacing: -.5px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 55px;
  font-size: 34px;
  font-weight: 300;
  line-height: 1.4em;
}

.clean-t-flex-row {
  justify-content: space-between;
  margin: -25px;
  display: flex;
}

.clean-t-flex-row.wrapped {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.clean-t-flex-row.wrapped.style {
  margin-bottom: 10px;
}

.clean-t-flex-row.wrapped.justify-right {
  justify-content: flex-end;
}

.clean-t-flex-row.clean-sg-typo-row {
  margin-left: -30px;
  margin-right: -30px;
}

.style-column-fill {
  color: #fff;
  text-align: center;
  letter-spacing: .6px;
  background-color: rgba(17, 148, 246, .4);
  border-radius: 10px;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: 700;
}

.style-column-fill.style-fluent-content {
  height: 100%;
  background-color: rgba(17, 148, 246, .7);
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 3px;
  display: flex;
}

.style-column-fill.style-fluent-content.flex {
  height: auto;
  background-color: rgba(17, 148, 246, .7);
  padding-top: 15px;
  padding-bottom: 15px;
}

.style-layouts-paragraph {
  color: #1194f6;
  letter-spacing: .02em;
  font-size: .6em;
  line-height: 1.5em;
}

.style-layout-full-footer-div {
  border-top: 1px solid rgba(0, 0, 0, .15);
  justify-content: flex-end;
}

.style-layout-full-footer-div.no-container {
  padding-right: 20px;
  display: flex;
}

.style-layouts-window-header-button {
  width: 8px;
  height: 8px;
  background-color: rgba(255, 255, 255, .4);
  border-radius: 10px;
  margin-right: 3px;
  display: inline-block;
}

.layout-full-navbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.layout-sidebar-content {
  flex: 1;
  overflow: auto;
}

.layout-full-content {
  flex: 1;
}

.style-window-body {
  background-color: #1194f6;
  border-radius: 5px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.style-window-header {
  height: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .35);
  align-items: center;
  padding-left: 7px;
  display: flex;
}

.style-layout-full-container {
  width: 240px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.style-layout-full-container.content {
  margin-top: 30px;
  padding-top: 15px;
}

.style-layout-full-container.footer {
  justify-content: flex-end;
  display: flex;
}

.style-layout-full-container.style-navbar {
  display: flex;
}

.style-layout-full-navbar-div {
  padding-top: 5px;
  padding-bottom: 5px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, .15);
}

.layout-sidebar-menu {
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: flex-start;
  display: flex;
}

.layout-sidebar-menu.style {
  flex-direction: column;
  flex-basis: 75px;
  align-items: flex-start;
  padding-top: 13px;
  padding-left: 15px;
  display: flex;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, .15);
}

.content-body {
  flex: 1;
  display: flex;
  position: relative;
}

.content-body.layout-full-vertical {
  height: 100%;
  flex-direction: column;
}

.style-layouts-sidebar-content-div {
  width: 220px;
  margin: 15px 0 20px 15px;
}

.style-layouts-sidebar-nav-link {
  color: #1194f6;
  letter-spacing: .06em;
  margin-bottom: 2px;
  font-size: .7em;
  font-weight: 700;
}

.style-layouts-sidebar-nav-link.normal-nav {
  margin-bottom: 0;
  margin-right: 5px;
}

.style-layouts-sidebar-nav-link.footer {
  margin-bottom: 0;
  margin-left: 7px;
}

.style-window-content-body {
  background-color: #fff;
  margin: 7px;
  display: flex;
  overflow: hidden;
}

.style-window-content-body.layouts {
  height: 200px;
  position: relative;
}

.elements-tooltip-text-div {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .05);
  padding: 10px 10px 5px 15px;
}

.clean-t-lists-content-wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
}

.clean-t-ul-bg-icon {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0;
  list-style-type: none;
}

.clean-t-ul-bg-icon.hb-ul-follow-icon {
  margin-bottom: 0;
}

.clean-t-li-bg-icon {
  background-image: url('../images/icon_tick_turquoise.svg');
  background-position: 6px 4px;
  background-repeat: no-repeat;
  background-size: 14px;
  margin-bottom: 10px;
  padding-left: 30px;
}

.clean-t-li-bg-icon.hb-li-bg-icon {
  background-image: url('../images/icon-bullet-circle-green.svg');
  background-position: 13px 14px;
  background-size: 8px;
  padding-left: 36px;
}

.clean-t-white-surface {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .07);
}

.clean-t-white-surface.style {
  padding: 25px 15px;
}

.clean-t-list-symbol-div {
  flex: none;
}

.clean-t-list-symbol-div.style {
  color: #00bcd6;
  text-align: right;
  padding-left: 5px;
  padding-right: 10px;
}

.clean-t-list-symbol-div.hb-list-symbol-about-div {
  width: 90px;
  color: #00bcd6;
  text-align: right;
}

.clean-t-list-content-div {
  flex: 1;
}

.clean-t-list-parent {
  align-items: flex-start;
  margin-bottom: 15px;
  display: flex;
}

.clean-t-list-parent.hb-list-parent-about {
  margin-bottom: 56px;
}

.list-symbol-icon {
  display: block;
}

.list-symbol-icon.style-tick {
  margin-top: 4px;
}

.clean-t-content-limiter {
  max-width: 616px;
}

.clean-t-blog-rt h2 {
  letter-spacing: -.6px;
  margin-top: 35px;
  margin-bottom: 15px;
  font-size: 2.4em;
}

.clean-t-blog-rt figure {
  margin-top: 20px;
  margin-bottom: 20px;
}

.clean-t-blog-rt figcaption {
  color: rgba(0, 0, 0, .4);
  font-size: .857em;
  font-weight: 400;
  line-height: 1.4em;
}

.clean-t-blog-rt h3 {
  letter-spacing: -.4px;
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 1.8em;
}

.clean-t-blog-rt h4 {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 1.3em;
}

.clean-t-blog-rt blockquote {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 1.4em;
  font-style: italic;
  line-height: 1.6em;
}

.clean-t-blog-rt em {
  letter-spacing: .2px;
  font-size: 1em;
  font-weight: 400;
}

.clean-t-blog-rt ul {
  margin-top: 25px;
  margin-bottom: 20px;
  padding-left: 30px;
}

.clean-t-blog-rt li {
  margin-bottom: 10px;
}

.clean-t-blog-rt ol {
  margin-top: 25px;
  margin-bottom: 20px;
  padding-left: 35px;
}

.image-base {
  width: 100%;
  object-fit: cover;
  display: block;
  position: relative;
}

.image-base.fill-height {
  height: 100%;
}

.clean-t-content-container {
  margin-top: 60px;
}

.clean-t-nav-menu.hb-nav-menu {
  z-index: 1;
  background-color: #fff;
  padding-top: 140px;
  padding-bottom: 80px;
  position: fixed;
  top: 0;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.clean-t-nav-link {
  padding: 13px 16px 14px;
  transition-property: color;
  transition-duration: .2s;
}

.clean-t-nav-link:hover {
  color: #000;
}

.clean-t-nav-link.style-nav-link {
  color: #4b4b4b;
  letter-spacing: -.1px;
  text-transform: uppercase;
  padding: 22px 20px;
  font-size: 13px;
  font-weight: 600;
}

.clean-t-nav-link.style-nav-link:hover {
  color: #00bcd6;
}

.clean-t-nav-link.clean-t-dropdown-link {
  padding-right: 32px;
}

.clean-t-nav-link.clean-t-dropdown-link.w--open {
  color: #000;
}

.clean-t-nav-link.clean-t-dropdown-link.style-nav-link {
  padding-right: 35px;
}

.clean-t-nav-link.clean-t-dropdown-link.style-nav-link.w--open {
  color: #00bcd6;
}

.clean-t-nav-link.clean-t-dropdown-link.plus-dropdown-icon {
  padding-right: 36px;
}

.clean-t-nav-link.clean-t-dropdown-link.plus-dropdown-icon.style-nav-link {
  padding-right: 33px;
}

.clean-t-nav-link.hb-nav-link {
  color: var(--hb-black);
  text-align: center;
  letter-spacing: -.2px;
  text-transform: uppercase;
  background-color: #fff;
  padding: 26px 20px;
  font-family: museo-slab, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5em;
}

.clean-t-nav-link.hb-nav-link:hover {
  color: var(--hb-green);
}

.clean-t-code-embed {
  width: 53px;
  height: 74px;
  background-color: #dadada;
  border: 1px solid rgba(0, 0, 0, .1);
  margin-bottom: 5px;
  overflow: hidden;
}

.clean-t-dropdown-list-wrapper {
  background-color: #fff;
}

.clean-t-dropdown-list-wrapper.style-dropdown-list-wrap {
  border-radius: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .08);
}

.clean-t-nav-dropdown-icon {
  margin-top: 16px;
  margin-bottom: 17px;
  margin-right: 15px;
  font-size: 14px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.clean-t-nav-dropdown-icon.style-nav-dropdown-icon {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-right: 18px;
}

.clean-t-nav-dropdown-icon.plus-icon {
  width: 10px;
  background-image: url('../images/ui-nav-dropdown-grey-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 17px;
}

.clean-t-nav-dropdown-icon.plus-icon.style-nav-dropdown-icon {
  margin-top: 25px;
}

.clean-t-code-wrap {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.clean-t-nav-menu-button.hb-nav-menu-button {
  z-index: 2;
  color: var(--hb-black);
  padding: 12px 36px 14px;
}

.clean-t-nav-menu-button.hb-nav-menu-button.w--open {
  background-color: #fff;
}

.clean-t-dropdown-list {
  background-color: rgba(0, 0, 0, 0);
  top: 48px;
  overflow: visible;
}

.clean-t-nav-logo-link-div {
  margin-left: -10px;
  padding-left: 10px;
  padding-right: 10px;
}

.clean-t-nav-logo-link-div.style-nav-logo {
  width: 89px;
  height: 64px;
  padding-top: 6px;
  display: block;
}

.clean-t-nav-logo-link-div.hb-nav-logo-link {
  z-index: 2;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding: 10px 25px;
  display: flex;
}

.clean-t-navbar {
  background-color: #f8f8f8;
}

.clean-t-navbar.style-navbar {
  z-index: 1002;
  border: 1px solid rgba(0, 0, 0, .05);
  border-style: solid none;
  position: relative;
}

.clean-t-navbar.hb-navbar {
  z-index: 1002;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.clean-t-nav-element-wrapper {
  margin-bottom: 35px;
}

.clean-t-code-desc-text {
  color: #272727;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4em;
}

.clean-t-dropdown-nav-link {
  color: #4b4b4b;
}

.clean-t-dropdown-nav-link.style-dropdown-nav-link {
  letter-spacing: -.1px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
}

.clean-t-dropdown-nav-link.style-dropdown-nav-link:hover {
  color: #00bcd6;
}

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

.hb-section.extra-top {
  padding-top: 120px;
}

.hb-section.section-header {
  margin-top: 120px;
}

.hb-hero-section {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.clean-t-bg-container {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.clean-t-inside-content-container {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.clean-t-bg-img {
  width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  display: block;
  position: absolute;
  top: -5vh;
  bottom: -5vh;
  left: 0%;
  right: 0%;
}

.clean-t-bg-img.img-el {
  height: 120%;
  top: -10%;
  bottom: -10%;
}

.clean-t-bg-img.img-el.mobile {
  display: none;
}

.clean-t-bg-img.img-el.img-hero {
  object-position: 40% 50%;
}

.clean-t-bg-img.img-el.img-about, .clean-t-bg-img.img-el.img-header-leistung {
  object-position: 50% 50%;
}

.clean-t-inside-content-section {
  padding-top: 90px;
  padding-bottom: 90px;
  position: relative;
}

.hb-default-btn-icon {
  width: 7px;
  height: 14px;
  background-image: url('../images/icon-arrow-white-right.svg');
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 18px;
  transform: translate(0, -50%);
}

.body {
  font-family: futura-pt, sans-serif;
  font-size: 21px;
  font-weight: 400;
}

.hb-p-highlight {
  letter-spacing: -.2px;
  font-family: museo-slab, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.8em;
}

.hb-p-highlight.highlight-small {
  font-size: 19px;
}

.hb-p-highlight-span {
  background-color: var(--hb-green-light);
  box-shadow: 0 0 0 4px var(--hb-green-light);
  letter-spacing: 0;
  margin-left: 2px;
  margin-right: 2px;
  font-weight: 700;
  display: inline;
  position: relative;
}

.hb-p-highlight-span.highlight-small {
  box-shadow: 0 0 0 6px var(--hb-green-light);
  margin-left: 6px;
  margin-right: 6px;
}

.hb-hero-content-div {
  max-width: 53%;
}

.hb-h1-subline {
  font-size: 30px;
  font-weight: 300;
  line-height: 1.4em;
}

.hb-content-container {
  margin-top: 80px;
}

.hb-content-container.gab-h2 {
  margin-top: 40px;
}

.hb-content-container.mt-64 {
  margin-top: 64px;
}

.hb-content-container.mt-56 {
  margin-top: 56px;
}

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

.hb-vertical-align {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.hb-button-wrap {
  margin-top: 48px;
}

.hb-hero-headline-wrap {
  margin-bottom: 80px;
}

.hb-start-logo-grid {
  grid-column-gap: 24px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.hb-start-kunden-logo-img {
  width: 160px;
}

.hb-start-meine-kunden-text-wrap {
  padding-top: 32px;
  padding-left: 45px;
}

.hb-footer-section {
  background-color: var(--hb-black);
  justify-content: space-between;
  align-items: center;
  padding: 20px 15px 20px 25px;
  display: flex;
}

.hb-footer-logo-link {
  width: 90px;
  height: 36px;
  background-image: url('../images/img-logo-white-1.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.hb-footer-link-wrap {
  display: flex;
}

.hb-footer-link {
  color: #fff;
  padding: 6px 15px;
  font-family: museo-slab, sans-serif;
  font-size: 16px;
  line-height: 1.4em;
}

.hb-content-limiter {
  max-width: 680px;
}

.hb-content-limiter.centered {
  margin-left: auto;
  margin-right: auto;
}

.hb-content-limiter.mw-480 {
  max-width: 480px;
}

.hb-content-limiter.mw-570 {
  max-width: 570px;
}

.hb-content-limiter.mw-626 {
  max-width: 626px;
}

.hb-h2-alternative {
  color: var(--hb-green);
  font-family: museo-slab, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.5em;
}

.hb-about-name-text-wrap {
  margin-top: 32px;
}

.hb-h1-about {
  margin-bottom: 48px;
}

.hb-h2-small {
  font-size: 24px;
}

.hb-about-content-div {
  max-width: 56%;
}

.hb-h1-about-copy {
  margin-bottom: 48px;
}

.hb-kontakt-infos-wrap {
  grid-column-gap: 90px;
  display: flex;
}

.hb-p-text-el {
  margin-bottom: 16px;
}

.hb-page-wrap {
  min-height: 100vh;
  padding-top: 98px;
  position: relative;
}

.hb-h2-medium {
  font-size: 28px;
}

.hb-preise-info-text {
  background-image: url('../images/icon-arrow-line-green-right.svg');
  background-position: 8px 9px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
}

.hb-bold-preis-info {
  font-weight: 600;
}

.hb-nav-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
  display: grid;
  position: relative;
}

.hb-nav-phone-wrap {
  z-index: 2;
  align-items: center;
  display: flex;
  position: relative;
}

.hb-nav-phone-link-text {
  font-family: museo-slab, sans-serif;
  font-size: 16px;
  line-height: 1.6em;
}

.hb-nav-phone-link {
  background-image: url('../images/icon-phone-black.svg');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 26px;
}

.hb-nav-phone-link:hover {
  color: var(--hb-black);
}

.hb-nav-menu-button-icon {
  padding-top: 10px;
}

.hb-nav-menu-button-text {
  text-transform: uppercase;
  font-family: museo-slab, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1em;
  position: absolute;
  top: auto;
  bottom: 6px;
  left: 50%;
  right: auto;
  transform: translate(-50%);
}

.hb-track-section-wrap {
  position: relative;
}

.hb-sticky-track {
  position: absolute;
  top: 500px;
  bottom: -70px;
  left: auto;
  right: 0%;
}

.hb-sticky-el {
  position: -webkit-sticky;
  position: sticky;
  top: 65vh;
  bottom: 0;
  transform: translate(0, -100%);
}

.hb-contact-sticky-el-container {
  padding: 20px;
}

.hb-contact-sticky-el {
  width: 144px;
  height: 144px;
  position: relative;
}

.hb-contact-sticky-el:hover {
  color: var(--hb-black);
}

.hb-contact-sticky-el-bg {
  background-color: var(--hb-green);
  border-radius: 100px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hb-contact-sticky-el-content {
  text-transform: uppercase;
  align-items: center;
  padding-bottom: 3px;
  padding-left: 21px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4em;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hb-contact-sticky-highlight {
  color: #fff;
  font-family: museo-slab, sans-serif;
  font-weight: 500;
  overflow: visible;
}

.hb-leistung-pa-badge-zert-ihk-wrap {
  margin-bottom: -40px;
  margin-left: 30px;
}

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

@media screen and (min-width: 1440px) {
  .clean-t-container {
    max-width: 1180px;
  }

  .clean-t-flex-column.column-start-kunden {
    width: 62%;
  }

  .hb-start-meine-kunden-text-wrap {
    padding-top: 20px;
  }

  .hb-about-content-div {
    max-width: 53%;
  }
}

@media screen and (max-width: 991px) {
  .style-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .clean-sg-grid-block {
    padding-top: 40px;
  }

  .clean-success-container {
    padding-left: 15px;
  }

  .clean-t-cookie-message-arrow {
    opacity: .9;
  }

  .clean-t-cookie-message-surface {
    background-color: rgba(0, 0, 0, .9);
  }

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

  .clean-t-flex-column.fluent {
    flex-basis: 50%;
  }

  .clean-t-flex-column.fluent._25 {
    width: 33.3333%;
  }

  .clean-t-flex-column.fluent._33 {
    width: 50%;
  }

  .clean-t-flex-column._33 {
    width: 40%;
  }

  .clean-t-flex-column.column-start-das-ist {
    width: 62%;
  }

  .clean-t-flex-column.column-start-kunden {
    width: 55%;
  }

  .style-layouts-sidebar-content-div {
    width: auto;
    margin-right: 25px;
  }

  .clean-t-li-bg-icon.hb-li-bg-icon {
    background-position: 13px 13px;
  }

  .clean-t-nav-menu {
    background-color: #ececec;
  }

  .clean-t-nav-menu.hb-nav-menu {
    padding-bottom: 70px;
  }

  .clean-t-nav-link {
    display: block;
  }

  .clean-t-nav-link:hover, .clean-t-nav-link.style-nav-link:hover {
    color: #4b4b4b;
  }

  .clean-t-nav-link.hb-nav-link {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 18px;
  }

  .clean-t-nav-link.hb-nav-link:hover {
    color: var(--hb-black);
  }

  .clean-t-dropdown-list-wrapper {
    box-shadow: none;
    background-color: #f0f0f0;
    border: 1px solid rgba(0, 0, 0, .05);
    border-style: solid none;
    border-radius: 0;
  }

  .clean-t-nav-dropdown-icon {
    margin-top: 24px;
    margin-bottom: 25px;
  }

  .clean-t-nav-dropdown-icon.plus-icon {
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 17px;
  }

  .clean-t-nav-menu-wrapper {
    position: relative;
    overflow: auto;
  }

  .clean-t-nav-menu-button {
    padding: 15px 16px 14px;
    font-size: 35px;
  }

  .clean-t-nav-menu-button.w--open {
    background-color: #4b4b4b;
  }

  .clean-t-nav-menu-button.hb-nav-menu-button {
    padding-top: 8px;
    padding-bottom: 18px;
  }

  .clean-t-dropdown-list {
    width: auto;
    overflow: hidden;
  }

  .clean-t-navbar.style-navbar {
    height: 66px;
  }

  .clean-t-nav-element-wrapper {
    position: relative;
  }

  .clean-t-dropdown-nav-link.style-dropdown-nav-link:hover {
    color: #4b4b4b;
  }

  .clean-t-bg-img.img-el.mobile {
    display: block;
  }

  .clean-t-bg-img.img-el.img-hero.desktop {
    display: none;
  }

  .clean-t-bg-img.img-el.img-about {
    object-position: 0% 50%;
  }

  .clean-t-bg-img.img-el.img-about.desktop, .clean-t-bg-img.img-el.img-header-leistung.desktop {
    display: none;
  }

  .hb-hero-content-div {
    max-width: 80%;
  }

  .hb-start-meine-kunden-text-wrap {
    padding-left: 0;
  }

  .hb-about-content-div {
    max-width: 80%;
  }

  .hb-nav-phone-link-text {
    display: none;
  }

  .hb-nav-phone-link {
    width: 60px;
    height: 60px;
    background-position: 50%;
    background-size: 20px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .hb-nav-menu-button-text {
    bottom: 6px;
  }

  .hb-sticky-el {
    top: 80vh;
  }
}

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

  .style-section {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .clean-flex-row {
    flex-direction: column;
    justify-content: flex-start;
  }

  .clean-section-sg {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .clean-sg-grid-block {
    padding-top: 50px;
  }

  .clean-success-container {
    padding-left: 10px;
  }

  .clean-success-container.icon-container {
    padding-left: 75px;
  }

  .clean-check-captcha-image {
    width: 215px;
    height: 91px;
    background-size: cover;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .clean-check-captcha-image-wrap {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .clean-t-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .clean-t-flex-column {
    padding: 20px;
  }

  .clean-t-flex-column.quarter {
    width: 50%;
    flex: none;
  }

  .clean-t-flex-column.fluent {
    flex-basis: 100%;
  }

  .clean-t-flex-column.fluent._25 {
    width: 50%;
    flex: none;
  }

  .clean-t-flex-column.fluent._33 {
    flex-grow: 0;
  }

  .clean-t-flex-column._50 {
    width: 100%;
    flex: none;
  }

  .clean-t-flex-column._33 {
    width: auto;
    flex: 1;
  }

  .clean-t-flex-column.inside-content {
    padding-left: 0;
    padding-right: 0;
  }

  .clean-t-flex-column.inline-column {
    padding-top: 0;
    padding-bottom: 0;
  }

  .clean-t-flex-column.column-start-das-ist, .clean-t-flex-column.column-start-kunden, .clean-t-flex-column._w-2-2-2-1-1 {
    width: auto;
  }

  .clean-t-flex-row {
    flex-direction: column;
    justify-content: flex-start;
    margin: -20px;
  }

  .clean-t-flex-row.wrapped {
    flex-flow: column;
    align-content: stretch;
  }

  .clean-t-flex-row.wrapped.justify-right {
    justify-content: flex-start;
  }

  .clean-t-flex-row.inside-content {
    margin-left: 0;
    margin-right: 0;
  }

  .clean-t-flex-row.inline-row {
    margin-top: 0;
    margin-bottom: 0;
  }

  .clean-t-flex-row.reverse-mobile {
    flex-direction: column-reverse;
  }

  .layout-sidebar-content {
    overflow: visible;
  }

  .style-window-body {
    margin-bottom: 15px;
  }

  .style-layout-full-container {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .style-layout-full-container.content {
    padding-bottom: 10px;
  }

  .layout-sidebar-menu {
    flex-direction: row;
  }

  .layout-sidebar-menu.style {
    flex-direction: row;
    flex-basis: auto;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .16);
  }

  .content-body.layout-sidebar {
    flex-direction: column;
  }

  .style-layouts-sidebar-content-div {
    margin-left: 20px;
    margin-right: 20px;
  }

  .style-layouts-sidebar-nav-link {
    margin-bottom: 0;
    margin-right: 7px;
  }

  .style-window-content-body {
    height: auto;
  }

  .style-window-content-body.layouts {
    height: auto;
    min-height: 150px;
  }

  .image-base {
    height: 60vw;
  }

  .image-base.style-image {
    height: 60vw;
    object-position: 50% 60%;
  }

  .image-base.fill-height {
    height: 50vw;
  }

  .clean-t-nav-menu.hb-nav-menu {
    padding-top: 115px;
  }

  .clean-t-nav-logo-link-div {
    margin-left: 6px;
  }

  .clean-t-nav-logo-link-div.style-nav-logo {
    margin-left: 5px;
  }

  .clean-t-nav-logo-link-div.hb-nav-logo-link {
    padding-left: 15px;
    padding-right: 15px;
  }

  .clean-t-bg-img.img-el {
    object-position: 95% 50%;
  }

  .clean-t-bg-img.img-el.desktop {
    display: none;
  }

  .clean-t-bg-img.img-el.img-about {
    object-position: 80% 50%;
  }

  .clean-t-bg-img.img-el.img-header-leistung {
    object-position: 90% 50%;
  }

  .clean-t-inside-content-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hb-p-highlight {
    font-weight: 300;
  }

  .hb-hero-content-div {
    max-width: none;
  }

  .hb-h1-subline {
    font-weight: 400;
  }

  .hb-button-wrap.centered-mobile {
    text-align: center;
  }

  .hb-h2-start-das-ist {
    text-align: left;
  }

  .hb-hero-headline-wrap {
    margin-bottom: 65px;
  }

  .hb-start-logo-grid {
    justify-content: center;
  }

  .hb-about-content-div {
    max-width: none;
  }

  .hb-kontakt-infos-wrap {
    flex-direction: column;
  }

  .hb-page-wrap {
    padding-top: 91px;
  }

  .hb-nav-logo {
    width: 120px;
  }

  .hb-sticky-el {
    top: 95vh;
  }

  .hb-contact-sticky-el-container {
    display: none;
  }

  .hb-leistung-pa-badge-zert-ihk-wrap {
    margin-bottom: 0;
  }
}

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

  h1, h2 {
    font-size: 34px;
  }

  .clean-section-sg {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .clean-sg-grid-block {
    padding-top: 40px;
  }

  .clean-sg-color-div {
    padding-top: 25%;
  }

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

  .clean-success-container {
    margin-top: 30px;
    padding-left: 0;
  }

  .clean-success-container.icon-container {
    padding-top: 65px;
    padding-left: 0;
  }

  .clean-t-cookie-text {
    margin-bottom: 18px;
    font-size: 14px;
  }

  .clean-t-cookie-message-contant {
    min-width: 265px;
    padding: 22px 20px 24px 30px;
  }

  .clean-t-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .clean-t-flex-column.quarter {
    width: auto;
    flex: 1;
  }

  .clean-t-flex-column.auto, .clean-t-flex-column.fluent {
    flex: 1;
  }

  .clean-t-flex-column.fluent._25 {
    width: auto;
  }

  .clean-t-flex-column.fluent._33 {
    width: 100%;
    flex: 1;
  }

  .clean-t-flex-column._50 {
    width: auto;
    flex: 1;
  }

  .clean-t-flex-row.wrapped {
    flex-flow: column;
    justify-content: flex-start;
  }

  .style-window-content-body.layouts {
    min-height: 0;
  }

  .elements-tooltip-text-div {
    position: relative;
  }

  .elements-tooltip-text-div.overflow-text-limit {
    overflow: hidden;
  }

  .clean-t-li-bg-icon.hb-li-bg-icon {
    background-position: 13px 12px;
  }

  .clean-t-list-parent.hb-list-parent-about {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .clean-t-nav-link.hb-nav-link {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .clean-t-nav-menu-button {
    padding: 9px 10px 8px;
  }

  .clean-t-nav-logo-link-div.style-nav-logo {
    width: 70px;
    height: 52px;
  }

  .clean-t-nav-logo-link-div.hb-nav-logo-link {
    padding: 5px 10px;
  }

  .clean-t-navbar.style-navbar {
    height: 52px;
  }

  .clean-t-bg-img.img-el {
    object-position: 89% 50%;
  }

  .clean-t-bg-img.img-el.img-about {
    object-position: 83% 50%;
  }

  .hb-p-highlight {
    font-size: 20px;
  }

  .hb-h1-subline {
    font-size: 28px;
  }

  .hb-hero-headline-wrap {
    margin-bottom: 60px;
  }

  .hb-footer-section {
    grid-row-gap: 50px;
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
  }

  .hb-page-wrap {
    padding-top: 90px;
  }

  .hb-nav-container {
    grid-column-gap: 10px;
  }

  .hb-nav-logo {
    width: 100px;
  }

  .hb-sticky-el {
    top: 100vh;
  }

  .hb-contact-sticky-el {
    width: 128px;
    height: 128px;
  }

  .hb-contact-sticky-el-content {
    font-size: 13px;
  }
}

#w-node-e7385e68-f78d-0442-0655-e224fb6b258d-f70aa93d, #w-node-b3b53d6c-ad08-1e39-a07f-3e87dbcbedd0-f70aa93d, #w-node-dcda63cd-2678-f98d-065c-b12d7c50b879-f70aa93d, #w-node-f1dbbcea-1678-c683-6cf2-6652bfa26567-f70aa93d, #w-node-_118f3a9b-90bb-d409-74fd-242d43c77751-f70aa93d, #w-node-ec6fd6a1-78aa-f1b6-45b7-c37919eb1d4f-f70aa93d, #w-node-_32f41d09-eaa9-bf41-b812-8a866dbae1a5-f70aa93d, #w-node-c8f1e8f1-227c-cd8c-e246-4b620644e47c-f70aa93d, #w-node-_1c36d6a9-f809-df4d-2dcb-4d47be76e100-f70aa93d, #w-node-_0141273e-d895-f932-1cfa-dbeb91ced8f9-f70aa93d, #w-node-_82e7d69e-8ee3-d75b-b11c-fa9ebeaae4b7-f70aa93d, #w-node-_5adae625-67b7-df4b-aed1-68875caec776-f70aa93d, #w-node-_4378f2f4-d518-b4f0-4926-ad39f364f5db-f70aa93d, #w-node-_8b74fe59-4452-838d-041c-c87afaf2300f-f70aa93d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3f436d74-5775-b351-da1b-bd692738a49f-2738a49d {
  justify-self: start;
}

#w-node-_3f436d74-5775-b351-da1b-bd692738a4a3-2738a49d {
  justify-self: center;
}

#w-node-_3f436d74-5775-b351-da1b-bd692738a4b1-2738a49d {
  justify-self: end;
}