/* This is an example to import fonts from css */
/* @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Rubik:wght@300;400;500;600;700;800;900&display=swap"); */

h1 br, h2 br, h3 br, h4 br {
  content: ' '
}

h1 br:after, h2 br:after, h3 br:after, h4 br:after {
   content: ' '
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  margin: auto;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
*, *:before, *:after {
  box-sizing: border-box;
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1240px;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 20px;
}

.dnd-section > .row-fluid {
  margin: 0 auto;
  max-width: 1240px;
}

.dnd-section .dnd-column {
  padding: 0;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* For global DND areas */
.kl-dnd-header:before {
  content: '';
  position: relative;
  display: block;
  height: 100%;
}

.kl-dnd-header-area {
  z-index: 99;
  position: fixed;
  width: 100%;
  /* Specifically for the header navbar */
}

.kl-dnd-header-area header.kl-header {
  position: relative;
}

.kl-dnd-header-area div.kl-header-placeholder {
  height: 0;
}

.kl-dnd-header-spacer {
  height: 100px;
}
/* Responsive Grid */
.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
  display: table;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  margin-left: 2.127659574%;
  *margin-left: 2.0744680846382977%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 99.99999998999999%;
  *width: 99.94680850063828%;
}

.row-fluid .span11 {
  width: 91.489361693%;
  *width: 91.4361702036383%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
  *width: 82.92553190663828%;
}

.row-fluid .span9 {
  width: 74.468085099%;
  *width: 74.4148936096383%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
  *width: 65.90425531263828%;
}

.row-fluid .span7 {
  width: 57.446808505%;
  *width: 57.3936170156383%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
  *width: 48.88297871863829%;
}

.row-fluid .span5 {
  width: 40.425531911%;
  *width: 40.3723404216383%;
}

.row-fluid .span4 {
  width: 31.914893614%;
  *width: 31.8617021246383%;
}

.row-fluid .span3 {
  width: 23.404255317%;
  *width: 23.3510638276383%;
}

.row-fluid .span2 {
  width: 14.89361702%;
  *width: 14.8404255306383%;
}

.row-fluid .span1 {
  width: 6.382978723%;
  *width: 6.329787233638298%;
}

.container-fluid {
  *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
  display: table;
  content: "";
}

.container-fluid:after {
  clear: both;
}

@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    margin-left: 2.762430939%;
    *margin-left: 2.709239449638298%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 99.999999993%;
    *width: 99.9468085036383%;
  }
  .row-fluid .span11 {
    width: 91.436464082%;
    *width: 91.38327259263829%;
  }
  .row-fluid .span10 {
    width: 82.87292817100001%;
    *width: 82.8197366816383%;
  }
  .row-fluid .span9 {
    width: 74.30939226%;
    *width: 74.25620077063829%;
  }
  .row-fluid .span8 {
    width: 65.74585634900001%;
    *width: 65.6926648596383%;
  }
  .row-fluid .span7 {
    width: 57.182320438000005%;
    *width: 57.129128948638304%;
  }
  .row-fluid .span6 {
    width: 48.618784527%;
    *width: 48.5655930376383%;
  }
  .row-fluid .span5 {
    width: 40.055248616%;
    *width: 40.0020571266383%;
  }
  .row-fluid .span4 {
    width: 31.491712705%;
    *width: 31.4385212156383%;
  }
  .row-fluid .span3 {
    width: 22.928176794%;
    *width: 22.874985304638297%;
  }
  .row-fluid .span2 {
    width: 14.364640883%;
    *width: 14.311449393638298%;
  }
  .row-fluid .span1 {
    width: 5.801104972%;
    *width: 5.747913482638298%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    margin-left: 2.564102564%;
    *margin-left: 2.510911074638298%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145300001%;
    *width: 91.3997999636383%;
  }
  .row-fluid .span10 {
    width: 82.905982906%;
    *width: 82.8527914166383%;
  }
  .row-fluid .span9 {
    width: 74.358974359%;
    *width: 74.30578286963829%;
  }
  .row-fluid .span8 {
    width: 65.81196581200001%;
    *width: 65.7587743226383%;
  }
  .row-fluid .span7 {
    width: 57.264957265%;
    *width: 57.2117657756383%;
  }
  .row-fluid .span6 {
    width: 48.717948718%;
    *width: 48.6647572286383%;
  }
  .row-fluid .span5 {
    width: 40.170940171000005%;
    *width: 40.117748681638304%;
  }
  .row-fluid .span4 {
    width: 31.623931624%;
    *width: 31.5707401346383%;
  }
  .row-fluid .span3 {
    width: 23.076923077%;
    *width: 23.0237315876383%;
  }
  .row-fluid .span2 {
    width: 14.529914530000001%;
    *width: 14.4767230406383%;
  }
  .row-fluid .span1 {
    width: 5.982905983%;
    *width: 5.929714493638298%;
  }
}

/* Clearfix */
.clearfix {
  *zoom: 1;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

/* Visibilty Classes */
.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
  visibility: hidden;
}

/* Responsive Visibilty Classes */
.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
}

.body-wrapper.hs-site-page.page {
  overflow: hidden;
}

img {
  border-radius: 10px;
}

@media (max-width: 767px) {
  .mobile-center {
    text-align: center;
  }
}
ul.styled-list {
  list-style-type: none;
  padding: 0;
}

ul.styled-list li {
  display: flex;
  align-items: center;
  margin: 10px 0;
}

ul.styled-list li:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.53 12.4687C21.6705 12.6093 21.7493 12.7999 21.7493 12.9987C21.7493 13.1974 21.6705 13.388 21.53 13.5287L14.53 20.5287C14.3894 20.6691 14.1988 20.748 14 20.748C13.8013 20.748 13.6106 20.6691 13.47 20.5287L10.47 17.5287C10.3375 17.3865 10.2654 17.1984 10.2688 17.0041C10.2723 16.8098 10.351 16.6244 10.4884 16.487C10.6258 16.3496 10.8112 16.2709 11.0055 16.2675C11.1998 16.2641 11.3878 16.3362 11.53 16.4687L14 18.9374L20.47 12.4687C20.6106 12.3282 20.8013 12.2493 21 12.2493C21.1988 12.2493 21.3894 12.3282 21.53 12.4687ZM28.75 15.9987C28.75 18.5204 28.0022 20.9855 26.6012 23.0822C25.2003 25.1789 23.209 26.8131 20.8792 27.7781C18.5495 28.7431 15.9859 28.9956 13.5126 28.5037C11.0393 28.0117 8.76751 26.7974 6.98439 25.0143C5.20127 23.2311 3.98696 20.9593 3.49499 18.4861C3.00303 16.0128 3.25552 13.4492 4.22054 11.1194C5.18556 8.78969 6.81976 6.79841 8.91648 5.39742C11.0132 3.99643 13.4783 3.24866 16 3.24866C19.3803 3.25263 22.621 4.5972 25.0112 6.98743C27.4015 9.37766 28.746 12.6184 28.75 15.9987ZM27.25 15.9987C27.25 13.7736 26.5902 11.5985 25.354 9.74849C24.1179 7.89844 22.3609 6.4565 20.3052 5.60501C18.2495 4.75353 15.9875 4.53074 13.8052 4.96482C11.623 5.39891 9.6184 6.47037 8.04505 8.04371C6.47171 9.61705 5.40025 11.6216 4.96617 13.8039C4.53209 15.9862 4.75488 18.2482 5.60636 20.3038C6.45785 22.3595 7.89979 24.1165 9.74984 25.3527C11.5999 26.5889 13.775 27.2487 16 27.2487C18.9827 27.2453 21.8422 26.059 23.9513 23.95C26.0604 21.8409 27.2467 18.9813 27.25 15.9987Z' fill='%237200D6'/%3E%3C/svg%3E%0A");
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin-right: 10px;
    min-width: 32px;
}
button, .button, .button_cta a {
  background-color: rgba(152, 44, 232, 1.0);
  border: 0px solid rgba(152, 44, 232, 1.0);
  border-radius: 100px;
  color: rgba(255, 255, 255, 1);
  padding: 15px 35px;
  font-family: Lato, sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  cursor: pointer;
  line-height: 1.1;
  letter-spacing: 0.03em;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: all 0.15s linear;
  /* To affect HubSpot CTAs */
}

button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, .button_cta a:hover, .button_cta a:focus, .button_cta a:active {
  background-color: rgba(114, 0, 214, 1.0) !important;  
  color: rgba(255, 255, 255, 1) !important;
  text-decoration: none;
  transform: scale(1);
}

button:disabled, .button:disabled, .button_cta a:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

button a, .button a, .button_cta a a {
  color: rgba(255, 255, 255, 1);
}

button a:hover, .button a:hover, .button_cta a a:hover {
  color: white;
  text-decoration: none;
}

/* 
 This class allows the use of CTAS 
 */
.button_cta, .button_cta.button--outlined, .button_cta.button--arrow {
  padding: 0;
  border: none;
  display: inline-block;
}

.button_cta:after, .button_cta.button--outlined:after, .button_cta.button--arrow:after {
  display: none;
}

@media screen and (max-width: 767px) {
  .button_cta, .button_cta.button--outlined, .button_cta.button--arrow {
    text-align: center;
  }
}

.widget-type-cta {
  background-color: rgba(152, 44, 232, 1.0);
  border: 0px solid rgba(152, 44, 232, 1.0);
  border-radius: 100px;
  color: rgba(255, 255, 255, 1);
  padding: 15px 35px;
  font-family: Lato, sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  cursor: pointer;
  line-height: 1.1;
  letter-spacing: 0.03em;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: all 0.15s linear;
  /* To affect HubSpot CTAs */
}

.widget-type-cta:hover, .widget-type-cta:focus, .widget-type-cta:active {
  background-color: rgba(114, 0, 214, 1.0);
  border-color: rgba(114, 0, 214, 1.0);
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  transform: scale(1);
}

.widget-type-cta:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

.widget-type-cta a {
  color: rgba(255, 255, 255, 1);
}

.widget-type-cta a:hover {
  color: white;
  text-decoration: none;
}

.widget-type-cta a {
  color: white;
}

.widget-type-cta a:hover, .widget-type-cta a:focus, .widget-type-cta a:active {
  color: white;
  text-decoration: none;
}

.button--outlined, .button_cta.button--outlined a {
  background-color: transparent;
  color: #982ce8;
  border: 2px solid #982ce8;
  font-weight: bold;
  /* To affect HubSpot CTAs */
}

.button--outlined a, .button_cta.button--outlined a a {
  color: inherit;
}

.button--arrow, .button_cta.button--arrow a {
  color: #18181B;
  background: none;
  border: none;
  padding: 0;
  transition: none;
  /* To affect HubSpot CTAs */
}

.button--arrow:after, .button_cta.button--arrow a:after {
  content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 13'%3E%3Cpath d='M37.5303 7.0303a.75.75 0 000-1.0606l-4.7729-4.773a.75.75 0 00-1.0607 1.0607L35.9393 6.5l-4.2426 4.2426a.75.75 0 001.0607 1.0607l4.7729-4.773zM0 7.25h37v-1.5H0v1.5z' fill='%2318181B'/%3E%3C/svg%3E");
  width: 36px;
  margin-left: 6px;
  display: inline-block;
  vertical-align: middle;
  transition: margin .15s linear;
}

.button--arrow:hover, .button--arrow:focus, .button--arrow:active, .button_cta.button--arrow a:hover, .button_cta.button--arrow a:focus, .button_cta.button--arrow a:active {
  background: none;
  border: none;
  text-decoration: none;
  color: #982ce8;
  transform: none;
}

.button--arrow:hover:after, .button--arrow:focus:after, .button--arrow:active:after, .button_cta.button--arrow a:hover:after, .button_cta.button--arrow a:focus:after, .button_cta.button--arrow a:active:after {
  /* Really nasty way of chaning the color of the arrow */
  content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 13'%3E%3Cpath d='M37.5303 7.0303a.75.75 0 000-1.0606l-4.7729-4.773a.75.75 0 00-1.0607 1.0607L35.9393 6.5l-4.2426 4.2426a.75.75 0 001.0607 1.0607l4.7729-4.773zM0 7.25h37v-1.5H0v1.5z' fill='%23982ce8'/%3E%3C/svg%3E");
  margin-left: 10px;
}

.button--arrow:hover a, .button--arrow:focus a, .button--arrow:active a, .button_cta.button--arrow a:hover a, .button_cta.button--arrow a:focus a, .button_cta.button--arrow a:active a {
  color: inherit;
}

.button--arrow:disabled, .button_cta.button--arrow a:disabled {
  background: none;
  border: none;
  color: #aeaeae;
  cursor: auto;
}

.button--arrow a, .button_cta.button--arrow a a {
  color: inherit;
}
#hubspot-messages-iframe-container {
  z-index: 13 !important;
}
/* Form */
form, .submitted-message {
  font-family: Lato, sans-serif;
}

.hs-form-field {
  margin: 0 0 1rem;
}

/* Labels */
form label {
  color: #18181B;
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  padding-top: 0;
  margin-bottom: 0.35rem;
  text-align: left;
  width: auto;
}

/* Help text - legends */
form legend {
  color: #33475B;
  font-size: 0.875rem;
}

/* Inputs */
.input {
  position: relative;
}

form select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23667085' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
  background-color: #FFF;
  border: 1px solid #DADADA;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: normal;
  padding: .75rem 1rem;
  width: 100%;
  border-color: #DADADA;
  color: #565656;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
  outline: none;
  border: 1px solid #982ce8;
}

fieldset {
  max-width: 100% !important;
}

fieldset.form-columns-0, fieldset.form-columns-1, fieldset.form-columns-2, fieldset.form-columns-3 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

fieldset.form-columns-0 > div, fieldset.form-columns-1 > div, fieldset.form-columns-2 > div, fieldset.form-columns-3 > div {
  width: 100%;
}

fieldset.form-columns-0 .hs-form-field, fieldset.form-columns-1 .hs-form-field, fieldset.form-columns-2 .hs-form-field, fieldset.form-columns-3 .hs-form-field {
  flex-grow: 1;
  flex-basis: 135px;
}

fieldset.form-columns-0 .hs-form-field .input, fieldset.form-columns-1 .hs-form-field .input, fieldset.form-columns-2 .hs-form-field .input, fieldset.form-columns-3 .hs-form-field .input {
  margin-right: 0;
}

fieldset.form-columns-0 .hs-form-field .hs-input, fieldset.form-columns-1 .hs-form-field .hs-input, fieldset.form-columns-2 .hs-form-field .hs-input, fieldset.form-columns-3 .hs-form-field .hs-input {
  width: 100% !important;
  /* Style specifically for the international phone selector */
}

fieldset.form-columns-0 .hs-form-field .hs-input.hs-fieldtype-intl-phone, fieldset.form-columns-1 .hs-form-field .hs-input.hs-fieldtype-intl-phone, fieldset.form-columns-2 .hs-form-field .hs-input.hs-fieldtype-intl-phone, fieldset.form-columns-3 .hs-form-field .hs-input.hs-fieldtype-intl-phone {
  display: flex;
  align-items: center;
}

fieldset.form-columns-0 .hs-form-field .hs-input.hs-fieldtype-intl-phone select, fieldset.form-columns-1 .hs-form-field .hs-input.hs-fieldtype-intl-phone select, fieldset.form-columns-2 .hs-form-field .hs-input.hs-fieldtype-intl-phone select, fieldset.form-columns-3 .hs-form-field .hs-input.hs-fieldtype-intl-phone select {
  flex: 1 1 25%;
  margin-right: 10px;
}

fieldset.form-columns-0 .hs-form-field input[type=checkbox],
fieldset.form-columns-0 .hs-form-field input[type=radio], fieldset.form-columns-1 .hs-form-field input[type=checkbox],
fieldset.form-columns-1 .hs-form-field input[type=radio], fieldset.form-columns-2 .hs-form-field input[type=checkbox],
fieldset.form-columns-2 .hs-form-field input[type=radio], fieldset.form-columns-3 .hs-form-field input[type=checkbox],
fieldset.form-columns-3 .hs-form-field input[type=radio] {
  width: auto !important;
}

body .legal-consent-container .hs-form-booleancheckbox-display>span p {
    position: relative;
    top: -5px;
}

/* Form placeholder text */
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #667085;
}

/* Inputs - checkbox/radio */
form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.inputs-list > li {
  display: block;
  margin: 0.7rem 0;
  padding: 0;
  width: 100%;
}

.inputs-list input,
.inputs-list span {
  font-size: 0.875rem;
  vertical-align: middle;
}

.hs-input[type=checkbox],
.hs-input[type=radio] {
  border: none;
  cursor: pointer;
  height: auto;
  line-height: normal;
  margin-right: 0.35rem;
  padding: 0;
  width: auto;
}

.hs-input[type=checkbox] + label,
.hs-input[type=radio] + label {
  display: inline-block;
  vertical-align: top;
}

/* Inputs - datepicker */
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #E4E4E4;
  content: '\01F4C5';
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.fn-date-picker button, .fn-date-picker .button {
  min-width: auto;
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
  background-color: #982ce8;
}

.fn-date-picker td.is-today .pika-button {
  color: #982ce8;
}

.fn-date-picker td.is-selected .pika-button {
  background: #982ce8;
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover {
  background: #982ce8 !important;
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */
input[type=file] {
  background-color: transparent;
  border: initial;
  box-shadow: none;
  line-height: initial;
  padding: initial;
}

/* Headings and text */
form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

form .header {
  background-color: transparent;
  border: none;
}

h3.form-title {
  color: #18181B;
}

/* GDPR */
.legal-consent-container {
  margin: 0;
}

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  font-size: 0.875rem;
}

/* Validation */
.hs-form-required {
  color: red;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
  font-weight: normal;
}

/* Submit button */
form input[type=submit],
form .hs-button {
  background-color: rgba(152, 44, 232, 1.0);
  border: 0px solid rgba(152, 44, 232, 1.0);
  border-radius: 100px;
  color: rgba(255, 255, 255, 1);
  padding: 15px 35px;
  font-family: Lato, sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  cursor: pointer;
  line-height: 1.1;
  letter-spacing: 0.03em;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: all 0.15s linear;
  /* To affect HubSpot CTAs */
}

form input[type=submit]:hover, form input[type=submit]:focus, form input[type=submit]:active,
form .hs-button:hover,
form .hs-button:focus,
form .hs-button:active {
  background-color: rgba(114, 0, 214, 1.0);
  border-color: rgba(114, 0, 214, 1.0);
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  transform: scale(1);
}

form input[type=submit]:disabled,
form .hs-button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

form input[type=submit] a,
form .hs-button a {
  color: rgba(255, 255, 255, 1);
}

form input[type=submit] a:hover,
form .hs-button a:hover {
  color: white;
  text-decoration: none;
}

/* Captcha */
.grecaptcha-badge {
  margin: 0;
  max-width: 100%;
}
body {
  scroll-behavior: auto;
}
/* Table */
table {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid #18181B;
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

tbody + tbody {
  border-top: 2px solid #18181B;
}

/* Table Cells */
th,
td {
  border: 1px solid #18181B;
  color: #18181B;
  padding: 0.75rem;
  vertical-align: top;
}

/* Table Header */
thead th,
thead td {
  background-color: rgba(152, 44, 232, 1.0);
  color: #FFFFFF;
  vertical-align: bottom;
}

/* Table footer */
tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: #18181B;
}
.kl-tooltip {
  position: relative;
}

.kl-tooltip > div {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  min-width: 120px;
  left: -22px;
  width: max-content;
  display: block;
  max-width: 360px;
  border-radius: 6px;
  padding: 20px 16px;
  margin-top: 12px;
  background-color: white;
  z-index: 9;
  box-shadow: 0 8px 40px 0px #e6e6e6;
}

.kl-tooltip > div:after {
  content: ' ';
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 32px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

.kl-tooltip:hover > div {
  visibility: visible;
  opacity: 1;
}

.kl-tooltip--dark > div {
  background-color: black;
}

.kl-tooltip--dark > div h1, .kl-tooltip--dark > div h2, .kl-tooltip--dark > div h3, .kl-tooltip--dark > div h4, .kl-tooltip--dark > div h5, .kl-tooltip--dark > div h6, .kl-tooltip--dark > div p {
  color: white;
}

.kl-tooltip--dark > div:after {
  border-color: transparent transparent black transparent;
}
html {
  font-size: 18px;
}

body {
  font-family: Lato, sans-serif;
  color: #18181B;
  margin: 0;
  line-height: 1.4;
  word-break: break-word;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  word-break: break-all;
}

/* Paragraphs */
p {
  font-size: 18px;
  line-height: 1.5;
  margin: 0 0 1.4rem;
}

strong {
  font-weight: 700;
}

/* Anchors */
a {
  color: #8038DC;
  cursor: pointer;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: underline;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Lato, serif;
  font-weight: 700;
  margin: 0 0 1.4rem;
}

h1 {
  font-family: Lato, sans-serif;
  font-size: 60px;
  color: #18181B;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  line-height: 1;
}

h2 {
  font-family: Lato, sans-serif;
  font-size: 45px;
  color: #18181B;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

h3 {
  font-family: Lato, sans-serif;
  font-size: 35px;
  color: #18181B;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

h4 {
  font-family: Lato, sans-serif;
  font-size: 21px;
  color: #18181B;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

h5 {
  font-family: Lato, sans-serif;
  font-size: 18px;
  color: #000000;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

h6 {
  font-family: Lato, sans-serif;
  font-size: 18px;
  color: #18181B;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

/* Lists */
ul,
ol {
  margin: 0 0 1.5rem;
  padding: 0 0 0 1.1rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 4px 0;
}

ul.no-list {
  list-style: none;
}

/* Code blocks */
code {
  vertical-align: bottom;
}

/* Blockquotes */
blockquote {
  border-left: 2px solid #06172E;
  margin: 0 0 1.4rem;
  padding-left: 15px;
}

/* Horizontal rules */
hr {
  background-color: #CCC;
  border: none;
  color: #CCC;
  height: 1px;
}

/* Subscripts and superscripts */
sup,
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Focus styles */
:focus {
  outline: auto;
  outline-color: #982ce8;
}

.disable-focus-styles :focus {
  outline: none;
}
.beraten-lassen {
  max-width: 627px;
  padding-bottom: 40px;
  padding-top: 40px;
}

@media (min-width: 768px) {
  .beraten-lassen {
    padding-bottom: 100px;
    padding-top: 100px;
  }
}

.beraten-lassen__preheader {
  display: block;
  font-size: 45px;
  font-weight: 700;
  margin-bottom: 20px;
}

.beraten-lassen__footer {
    display: grid;
    grid-template-columns: minmax(170px, 170px) 1fr;
    gap: 40px;
    align-items: center;
}

.kl-rich-text__author {
    display: flex;
    flex-direction: column;
    color: #52525B;
    line-height: 150%;
}

.kl-rich-text__author span {
    font-weight: 900;
}

.beraten-lassen__footer {
  margin-top: 30px;
}

.beraten-lassen .mobile-img img {
  width: 100%;
  display: block;
  margin: 0;
}

.beraten-lassen__footer img {
  width: 100%;
  display: block;
  margin: 0;
}

@media (min-width: 768px) {
  .beraten-lassen__buttons {
    margin: -10px;
  }
}

.beraten-lassen__buttons .button, .beraten-lassen__buttons .button_cta {
  margin: 10px;
  border: 1px solid #8038dc;
  font-size: 16px;
  font-weight: 700;
  min-width: 222px;
  padding: 13px 24px;
}

@media (max-width: 767px) {
  .beraten-lassen__buttons {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  
  .beraten-lassen__buttons .button, 
  .beraten-lassen__buttons .button_cta {
    width: 100%;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .beraten-lassen__footer {
    margin-top: 140px;
  }
  .beraten-lassen .mobile-img img {
    display: none;
  }
}
/* Blog subscribe */
.blog-subscribe {
  background-color: #F0F5FF;
  padding: 80px 0;
}

.blog-subscribe__wrapper {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .blog-subscribe__wrapper {
    display: block;
  }
}

.blog-subscribe__header {
  flex-basis: 465px;
  flex-grow: 1;
  max-width: 680px;
}

.blog-subscribe__form {
  flex-basis: 450px;
  margin-left: 32px;
}

@media screen and (max-width: 768px) {
  .blog-subscribe__form {
    margin: 32px 0 0;
  }
}
.kl-card-grid > div {
  display: flex;
  flex-wrap: wrap;
  margin: -26px;
}

.kl-card-grid__card-wrapper {
  display: flex;
  flex-basis: calc(100% / 3);
  padding: 26px;
}

@media screen and (max-width: 768px) {
  .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 2);
  }
}

@media screen and (max-width: 520px) {
  .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 1);
  }
}

.kl-card-grid__card {
  width: 100%;
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  background-color: rgba(255, 255, 255, 1.0);
  border-radius: 9px;
  overflow: hidden;
}

.kl-card-grid__image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  height: 260px;
  width: 100%;
}

.kl-card-grid__preheader {
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #8038DC;
  display: block;
  margin: 0 0 .5rem;
}

.kl-card-grid__content {
  display: block;
  padding: 20px 24px;
  color: #18181B;
  text-decoration: none;
}

.kl-card-grid__content h3, .kl-card-grid__content h4 {
  margin: 0 0 .5rem;
}

.kl-card-grid__content p {
  margin: 0;
}

.kl-card-grid__content:hover, .kl-card-grid__content:focus {
  color: #18181B;
  text-decoration: none;
}

.kl-card-grid--4-columns > div {
  margin: -24px -12px;
}

.kl-card-grid--4-columns .kl-card-grid__card-wrapper {
  flex-basis: calc(100% / 4);
  padding: 24px 12px;
}

@media screen and (max-width: 920px) {
  .kl-card-grid--4-columns .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 768px) {
  .kl-card-grid--4-columns .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 2);
  }
}

@media screen and (max-width: 520px) {
  .kl-card-grid--4-columns .kl-card-grid__card-wrapper {
    flex-basis: calc(100% / 1);
  }
}

.kl-card-grid--4-columns .kl-card-grid__image {
  height: 220px;
}
.kl-cards-slider {
  position: relative;
  max-width: 848px;
  margin: 0 auto;
}

.kl-cards-slider-wrapper {
  padding: 0 15px;
}

.kl-cards-slider__arrow {
  position: absolute;
  top: 20px;
  display: block;
  width: 30px;
  height: 30px;
  padding: 8px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kl-cards-slider__arrow svg {
  fill: #3A3A3A;
  display: block;
  width: 100%;
}

.kl-cards-slider__arrow--prev {
  left: 0;
  transform: translateX(-50%);
}

.kl-cards-slider__arrow--next {
  right: 0;
  transform: translateX(50%);
}

.kl-cards-slider__card {
  display: none;
  overflow: hidden;
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 9px;
}

.kl-cards-slider__card--active {
  display: block;
}

.kl-cards-slider__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #F3F3F3;
  padding: 16px 48px;
}

@media screen and (max-width: 360px) {
  .kl-cards-slider__header {
    display: block;
    padding: 16px 32px;
  }
}

.kl-cards-slider__image {
  margin: 0 15% 0 0;
}

.kl-cards-slider__button {
  display: flex;
}

@media screen and (max-width: 360px) {
  .kl-cards-slider__button {
    margin: 16px 0 0;
  }
}

.kl-cards-slider__content {
  padding: 16px 48px;
  background-color: rgba(255, 255, 255, 1.0);
  margin: 0 -22px;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 360px) {
  .kl-cards-slider__content {
    padding: 16px 32px;
  }
}

@media screen and (max-width: 580px) {
  .kl-cards-slider__content {
    display: block;
  }
}

.kl-cards-slider__content > div {
  margin: 0 22px;
  flex-grow: 1;
  flex-basis: 200px;
}

.kl-cards-slider__content h5 {
  color: #982ce8;
}

.kl-cards-slider__content ul {
  padding-inline-start: 1.1em;
}
.kl-custom-anchor {
  scroll-margin-top: 82px;
}
.kl-custom-image {
  display: block;
}

.kl-custom-image img {
  display: block;
}

.kl-custom-image--center img {
  margin: 0 auto;
}

.kl-custom-image--right img {
  margin: 0 0 0 auto;
}
.kl-rich-text__preheader {
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #52525B;
  display: block;
  margin: 0 0 .75rem;
}

.kl-rich-text img {
  max-width: 100%;
}

.kl-rich-text h1 {
  color: #18181B;
  font-weight: 900;
}

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

.kl-rich-text p:last-child {
  margin: 0 0 2rem;
}

.kl-rich-text__buttons {
  margin: -10px;
}

.kl-rich-text__buttons .button, .kl-rich-text__buttons .button_cta {
  margin: 10px;
}

@media screen and (max-width: 480px) {
  .kl-rich-text__buttons .button, .kl-rich-text__buttons .button_cta {
    display: block;
  }
}

.kl-rich-text__form {
  max-width: 600px;
}

.kl-rich-text--center {
  text-align: center;
  margin: 0 auto;
}

.kl-rich-text--center .kl-rich-text__form {
  max-width: 600px;
  margin: 0 auto;
}

.kl-rich-text--right {
  text-align: right;
  margin: 0 0 0 auto;
}

.kl-rich-text--right .kl-rich-text__form {
  margin: 0 0 0 auto;
}
.kl-faq {
  background: #FFFFFF;
}

.kl-faq__entry + .kl-faq__entry {
  border-top: 1px solid #E4E4E7;
}

.kl-faq__entry--active .kl-faq__icon {
  transform: rotate(90deg);
}

.kl-faq__entry--active .kl-faq__icon:before {
  opacity: 0;
}

.kl-faq__header {
  padding: 24px 20px 24px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .kl-faq__header {
    padding: 24px 42px;
  }
}

@media screen and (max-width: 480px) {
  .kl-faq__header {
    padding: 24px 16px;
  }
}

.kl-faq__header:hover {
  cursor: pointer;
}

.kl-faq__header h3 {
  margin: 0;
  font-size: 20px;
}

.kl-faq__icon {
  position: relative;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-left: 32px;
  transition: transform .2s ease-out;
}

.kl-faq__icon:before {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #18181B;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity .2s ease-out;
}

.kl-faq__icon:after {
  content: '';
  display: block;
  height: 100%;
  width: 2px;
  background-color: #18181B;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.kl-faq__description {
  padding: 0;
  height: 0;
  transition: height .25s ease-out;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .kl-faq__description {
    padding: 0 42px;
  }
}

@media screen and (max-width: 480px) {
  .kl-faq__description {
    padding: 0 16px;
  }
}

.kl-faq__description .kl-faq__inner {
  margin: 0 0 2rem;
}
.kl-featured-cards__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: -12px;
}

.kl-featured-cards__column {
  flex-basis: 360px;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
}

.kl-featured-cards__card-wrapper {
  flex-grow: 2;
  flex-basis: 360px;
  display: flex;
  padding: 12px;
}

.kl-featured-card {
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 9px;
  background-color: rgba(255, 255, 255, 1.0);
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.kl-featured-card__preheader {
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #8038DC;
  display: block;
  line-height: 1rem;
  margin: 0 0 .75rem;
}

.kl-featured-card__content h1, .kl-featured-card__content h2, .kl-featured-card__content h3, .kl-featured-card__content h4, .kl-featured-card__content h5, .kl-featured-card__content h6 {
  font-weight: bold;
  margin: 0 0 1rem;
}

.kl-featured-card__content p {
  margin: 0 0 2rem;
}

.kl-featured-card__body {
  padding: 32px 25px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  flex-basis: 250px;
  flex-grow: 99;
}

.kl-featured-card__text {
  flex-grow: 1;
}

.kl-featured-card__image {
  width: 100%;
  flex-basis: 360px;
  flex-grow: 1;
}

.kl-featured-card__image a {
  display: block;
  height: 100%;
}

.kl-featured-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.frage-antworten .frage-antworten__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .frage-antworten .frage-antworten__header {
    margin-bottom: 50px;
    margin-top: 50px;
  }
}

.frage-antworten .headline {
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-self: center;
  color: #FFF;
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  padding: 18px 20px;
  width: 100%;
}

@media (max-width: 1023px) {
  #headline-antwort,
  #headline-fragen {
    display: none;
  }
}

.frage-antworten .frage-antworten__content__inner {
  padding-top: 0;
  padding-bottom: 0;
}

.frage-antworten .frage-antworten__content__inner:first-child {
  padding-top: 0;
}

.frage-antworten .frage-antworten__content__inner:last-child {
  border-bottom: unset;
}

.frage-antworten .swiper-wrapper {
  display: block;
}

.frage-antworten .headline-antwort-mobile {
  margin-bottom: 25px;
}

@media (min-width: 1024px) {
  .frage-antworten .frage-antworten__content__inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 47px;
    border-bottom: 1px solid #E4E4E7;
  }
  
  .frage-antworten .frage-antworten__content__inner .fragen,
  .frage-antworten .frage-antworten__content__inner .antworten {
    flex-basis: 42%;
  }
  
  .frage-antworten .headline-antwort-mobile {
    display: none;
  }
  
  .frage-antworten .frage-antworten__header .headline {
    font-size: 30px;
    width: unset;
    min-width: 42%;
  } 
  
  .frage-antworten .frage-antworten__content__inner .icon {
    margin-left: 80px;
    margin-right: 80px;
  }
  
  .frage-antworten .swiper-pagination,
  .frage-antworten .swiper-button-next,
  .frage-antworten .swiper-button-prev {
    display: none;
  }
}

@media (max-width: 1023px) {
  .frage-antworten .frage-antworten__content__inner .icon {
    display: flex;
    justify-content: center;
    margin: 25px 0;
    transform: rotate(90deg);
  }
  
  .frage-antworten .swiper-wrapper {
    display: flex;
    gap: unset;
    padding-bottom: 80px;
  }
  
  .frage-antworten .swiper-slide {
    width: 100%;
  }
  
  .swiper-pagination-fa {
    bottom: 15px !important;
  }
  
  .frage-antworten .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #333333 !important;
    width: 12px !important;
    height: 8px !important;
    border-radius: 4px;
  }

  .frage-antworten .swiper-button-next, .frage-antworten .swiper-button-prev {
    top: unset;
    bottom: 2px !important;
  }

  .frage-antworten .swiper-button-next {
    right: 15%;
  }

  .frage-antworten .swiper-button-prev {
    left: 15%;
  }

  .frage-antworten .swiper-button-next:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='Arrows' transform='translate(-4 -4)'%3E%3Cpath id='Vereinigungsmenge_2' data-name='Vereinigungsmenge 2' d='M321.293-288.293a1,1,0,0,1,0-1.415L326.586-295H315a1,1,0,0,1-1-1,1,1,0,0,1,1-1h11.586l-5.293-5.293a1,1,0,0,1,0-1.414,1,1,0,0,1,1.414,0l7,7a1,1,0,0,1,.3.712,1,1,0,0,1-.3.712l-7,7A1,1,0,0,1,322-288,1,1,0,0,1,321.293-288.293Z' transform='translate(-310 308)' fill='%23333'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    display: block;
  }

  .frage-antworten .swiper-button-prev:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='Arrows' transform='translate(-4 -4)'%3E%3Cpath id='Vereinigungsmenge_1' data-name='Vereinigungsmenge 1' d='M297.293-288.293l-6.995-7A1,1,0,0,1,290-296a1,1,0,0,1,.3-.712l6.995-6.995a1,1,0,0,1,1.415,0,1,1,0,0,1,0,1.414L293.414-297H305a1,1,0,0,1,1,1,1,1,0,0,1-1,1H293.414l5.293,5.293a1,1,0,0,1,0,1.415A1,1,0,0,1,298-288,1,1,0,0,1,297.293-288.293Z' transform='translate(-286 308)' fill='%23333'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    display: block;
  }
}
.kl-footer {
  background-color: rgba(6, 23, 46, 1.0);
}

.kl-footer h1, .kl-footer h2, .kl-footer h3, .kl-footer h4, .kl-footer h5, .kl-footer h6, .kl-footer p, .kl-footer a, .kl-footer div, .kl-footer span {
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__wrapper {
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
}

.kl-footer__legal_social {
  display: grid;
  justify-content: space-between;
  align-items: center;
  padding-top: 14px;
  border-top: 1px solid #ffffff;
  gap: 10px;
}

@media screen and (min-width: 680px) {
  .kl-footer__legal_social {
    display: flex;
    gap: 40px;
  }
}

.kl-footer__legal {
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  font-size: 0.875rem;
}

@media screen and (max-width: 670px) {
  .kl-footer__legal {
    order: 2;
  }
}

.kl-footer__legal > span {
  margin: 0;
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__legal a {
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__legal a:hover, .kl-footer__legal a:focus, .kl-footer__legal a:active {
  color: rgba(66, 91, 118, 1.0);
  text-decoration: none;
}

.kl-footer__byline {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 0.75rem;
  margin: -0.625rem -1.25rem;
}

@media screen and (max-width: 680px) {
  .kl-footer__byline {
    justify-content: center;
  }
}

.kl-footer__byline > span {
  margin: 0.625rem 1.25rem;
  color: rgba(255, 255, 255, 1.0);
  text-align: center;
}

.kl-footer__byline a {
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__byline a:hover, .kl-footer__byline a:focus, .kl-footer__byline a:active {
  color: #982ce8;
  text-decoration: none;
}

.kl-footer__content {
  display: flex;
  justify-content: space-between;
  padding: 70px 0 30px;
}

@media screen and (max-width: 1024px) {
  .kl-footer__content {
    padding: 0 0 32px !important;
  }
}

@media screen and (max-width: 680px) {
  .kl-footer__content {
    display: block;
  }
}

.kl-footer__address {
  margin: 32px 0 16px;
}

.kl-footer__address p {
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__info {
  flex-basis: 250px;
  min-width: 250px;
}

.kl-footer__info img {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
}

.kl-footer__info p {
  font-size: 0.875em;
}

.kl-footer__social {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 679px) {
  .kl-footer__social {
    order: 1;
  } 
}

.kl-footer__social span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  margin: 8px 5px;
}

@media screen and (min-width: 680px) {
  .kl-footer__social {
    margin: 0 -16px;
  }
  
  .kl-footer__social span {
    width: 25px;
    height: 25px;
  }
}

.kl-footer__social svg {
  display: block;
  width: 46px;
  height: 46px;
  fill: rgba(255, 255, 255, 1.0);
  transition: all .25s ease-in-out;
}

@media screen and (min-width: 680px) {
  .kl-footer__social svg {
    width: 25px;
    height: 25px;
  }
}

.kl-footer__social a:hover svg {
  fill: #982ce8;
}

.kl-footer__menu {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: -16px 0;
}

@media screen and (max-width: 1023px) {
  .kl-footer__group {
    grid-column: span 2;
  }
  
  .kl-footer__newsletter_contact {
    grid-column: span 4;
  }
}

@media screen and (min-width: 1024px) {
  .kl-footer__menu {
    grid-template-columns: 1fr 1fr 3fr;
  }
}

@media screen and (max-width: 680px) {
  .kl-footer__menu {
    margin: 16px -16px 0;
  }
}

.kl-footer__menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.kl-footer__menu h3 {
  font-size: 1.125rem;
  font-weight: bold;
  margin: 0 0 2rem;
  color: rgba(255, 255, 255, 1.0);
}

.kl-footer__menu a {
  display: block;
  font-size: 0.875em;
  font-weight: 500;
  line-height: 17px;
  color: rgba(255, 255, 255, 1.0);
  margin: 0 0 1.375em;
}

.kl-footer__menu a:hover, .kl-footer__menu a:focus, .kl-footer__menu a:active {
  color: #982ce8;
  text-decoration: none;
}

.kl-footer__group,
.kl-footer__newsletter_contact {
  margin: 16px 30px;
}

.kl-footer__newsletter_contact {
  margin-left: 50px;
  margin-right: 0;
}

.kl-footer__group p,
.kl-footer__newsletter_contact > p {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

.kl-footer__newsletter_contact form label p {
  display: inline !important;
  font-size: 14px !important;
}

.kl-footer__newsletter_contact form label p a {
  font-size: 14px !important;
  display: inline !important;
}

.kl-footer__newsletter_contact form .hs-form-required { 
  display: none;
}

.kl-footer__newsletter_contact .legal-consent-container~.hs_recaptcha {
  margin: 0 !important;
}

.kl-footer__newsletter_contact formular h3 {
  display: none;
}

.kl-footer__newsletter_contact form {
  display: block;
  justify-content: flex-start;
  gap: 20px;
  margin-top: -15px;
}

@media screen and (min-width: 1024px) {
  .kl-footer__newsletter_contact form {
    display: grid;
    gap: 0;
    grid-template-columns: 1fr;
    margin-top: -15px;
  }
}

.kl-footer__newsletter_contact form .input input {
  border-radius: 50px;
  border: 1px #C4C4C4;
  background: #FAFAFA;
  padding: 16px 16px 16px 70px;
}

.kl-footer__newsletter_contact form .input {
  position: relative;
}

.kl-footer__newsletter_contact form .hs-email .input:before {
  content: "";
  position: absolute;
  left: 23px;
  top: 8px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.4111 6.79199H4.41113C4.21222 6.79199 4.02145 6.87101 3.8808 7.01166C3.74015 7.15231 3.66113 7.34308 3.66113 7.54199V24.542C3.66113 25.0061 3.84551 25.4512 4.1737 25.7794C4.50188 26.1076 4.947 26.292 5.41113 26.292H27.4111C27.8753 26.292 28.3204 26.1076 28.6486 25.7794C28.9768 25.4512 29.1611 25.0061 29.1611 24.542V7.54199C29.1611 7.34308 29.0821 7.15231 28.9415 7.01166C28.8008 6.87101 28.61 6.79199 28.4111 6.79199ZM26.4836 8.29199L16.4111 17.5245L6.33863 8.29199H26.4836ZM27.4111 24.792H5.41113C5.34483 24.792 5.28124 24.7657 5.23436 24.7188C5.18747 24.6719 5.16113 24.6083 5.16113 24.542V9.24699L15.9111 19.0945C16.0494 19.221 16.23 19.2911 16.4174 19.2911C16.6048 19.2911 16.7854 19.221 16.9236 19.0945L27.6611 9.24699V24.542C27.6611 24.6083 27.6348 24.6719 27.5879 24.7188C27.541 24.7657 27.4774 24.792 27.4111 24.792Z' fill='%23667085'/%3E%3C/svg%3E%0A");
  width: 33px;
  height: 33px;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
}

.kl-footer__newsletter_contact .contact {
  display: block;
  margin-top: 30px;
}

@media screen and (min-width: 1024px) {
  .kl-footer__newsletter_contact .contact {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
  }
}

.kl-footer__newsletter_contact .contact a {
  font-weight: 900;
  font-size: 20px;
}

@media screen and (max-width: 680px) {
  .kl-footer__group,
  .kl-footer__newsletter_contact {
    margin: 16px;
  }
}
.header-boxes.boxes h1,
.header-boxes.boxes h2,
.header-boxes.boxes h3,
.header-boxes.boxes h4,
.header-boxes.boxes p,
.header-boxes.boxes span,
.header-boxes.boxes a {
  color: #ffffff;
}

.kl-features-01.boxes {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.kl-features-01.boxes .kl-features-01__card {
  border-radius: 10px;
  background-color: #ffffff;
  flex-basis: 100%;
  flex-grow: 1;
  padding: 34px 20px 30px;
}

@media (min-width: 768px) {
  .kl-features-01.boxes .kl-features-01__card {
    flex-basis: 48%;
  }
}

@media (min-width: 1200px) {
  .kl-features-01.boxes .kl-features-01__card {
    flex-basis: 25%;
  }
  
  .kl-features-01.boxes {
    flex-wrap: nowrap;
  }
}

.kl-features-01.boxes .kl-features-01__card + .kl-features-01__card {
    margin-left: unset;
}

.kl-features-01.boxes .kl-features-01__image {
    min-height: 40px;
    margin: 0 0 10px;
}

.kl-features-01.boxes .kl-features-01__card h3 {
  color: #18181B;
  font-weight: 700;
  margin: 0 0 20px;
  font-size: 21px;
}

@media (min-width: 768px) {
  .kl-features-01.boxes .kl-features-01__card h3 {
    font-size: 30px;
  }
}

.kl-features-01.boxes .kl-features-01__card p {
  margin: 0;
  color: #52525B;
}
.kl-hero-ueber-uns,
.kl-hero-mehrwerte {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 70px;
}

@media (max-width: 767px) {
  .kl-hero-mehrwerte {
      padding-bottom: 50px;
  }
}

@media (min-width: 1024px) {
  .kl-hero-ueber-uns,
  .kl-hero-mehrwerte {
    grid-template-columns: 1fr 1fr;
    gap: 80px;
  }
  
  .kl-hero-mehrwerte {
    padding-bottom: 130px;
  }
}

.kl-hero-ueber-uns .button,
.kl-hero-mehrwerte__content .button {
  border: 1px solid #8038dc;
  font-size: 18px;
  font-weight: 700;
  min-width: 222px;
  padding: 13px 24px;
}
.kl-hero-01 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  min-height: auto;
  padding: 0;
  gap: 40px;
}

@media (min-width: 1024px) {
  .kl-hero-01 {
    grid-template-columns: 55% 45%;
    min-height: 70vh;
    padding: 0 0 130px;
    gap: 80px;
  }
}

.kl-hero-01__content {
  max-width: 1240px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  padding: 20px;
}

.kl-hero-01__content p {
  color: #52525B;
  line-height: 27px;
}

.kl-hero-01__content a.button {
  font-size: 18px;
  font-weight: 700;
  position: relative;
  padding: 16px 24px 16px 80px;
}

.kl-hero-01__content a.button:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='49' height='50' viewBox='0 0 49 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.6985 49.1282C38.0242 49.1282 48.8267 38.3257 48.8267 25C48.8267 11.6744 38.0242 0.871826 24.6985 0.871826C11.3729 0.871826 0.570312 11.6744 0.570312 25C0.570312 38.3257 11.3729 49.1282 24.6985 49.1282Z' fill='white'/%3E%3Cpath d='M32.2567 26.8976L22.4234 32.7195C21.1745 33.4599 19.5811 32.5453 19.5811 31.0789V19.0432C19.5811 17.5768 21.1601 16.6621 22.4234 17.4026L32.2567 23.2245C33.6348 24.052 33.6348 26.0701 32.2567 26.8976Z' fill='%238038DC'/%3E%3C/svg%3E%0A");
  width: 49px;
  height: 50px;
  display: block;
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (min-width: 1380px) {
  .kl-hero-01__content {
    padding: 0px;
  }
}

@media screen and (max-width: 768px) {
  .kl-hero-01__content {
    padding: 0 0 50px;
    order: 2;
  }
}

@media screen and (min-width: 1240px) {
  .kl-hero-01__content {
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  .kl-hero-01__content > div {
    max-width: none;
  }
}

.kl-hero-01__image {
  height: 100%;
  transition: opacity .2s, width .5s;
  width: 100%;
}

.kl-hero-01__image img {
  width: 100%;
}

.hero-01-kl-logos .logo-headline {
  flex-basis: 260px;
  font-weight: 700;
  min-width: 260px;
}

@media screen and (max-width: 768px) {
  .kl-hero-01__image {
    order: 1;
    width: 100%;
    padding: 0 50px;
  }
  
  .hero-01-kl-logos .logo-headline {
    flex-basis: 190px;
    min-width: 190px;
  }
}

.hero-01-kl-logos {
  display: flex;
  align-items: center;
}

.hero-01-kl-logos .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}
.kl-hero-02 {
  display: flex;
  padding: 64px 0;
  min-height: 50vh;
}

.kl-hero-02__content {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 1380px) {
  .kl-hero-02__content {
    padding: 0px;
  }
}

@media screen and (max-width: 960px) {
  .kl-hero-02__content {
    display: block;
  }
}

.kl-hero-02__content .kl-rich-text {
  flex-basis: 300px;
  flex-grow: 1;
}

.kl-hero-02__image {
  margin-left: 32px;
  display: flex;
  flex-grow: 1;
  flex-basis: 480px;
  height: 100%;
}

@media screen and (max-width: 960px) {
  .kl-hero-02__image {
    max-width: 720px;
    margin: 32px auto 0;
    height: auto;
  }
}

.kl-hero-02__image img {
  max-width: 100%;
  display: block;
}

.kl-hero-02__image--left {
  justify-content: flex-start;
}

.kl-hero-02__image--center {
  justify-content: center;
}

.kl-hero-02__image--right {
  justify-content: flex-end;
}

.kl-hero-02__image--top {
  align-items: flex-start;
}

.kl-hero-02__image--middle {
  align-items: center;
}

.kl-hero-02__image--bottom {
  align-items: flex-end;
}
.kl-hero-03 {
  padding: 120px 0;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .kl-hero-03 {
    padding: 64px 0;
  }
}

.kl-hero-03__content {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  position: relative;
}

@media screen and (min-width: 1380px) {
  .kl-hero-03__content {
    padding: 0px;
  }
}

.kl-hero-03__content .kl-rich-text {
  max-width: 50%;
}

@media screen and (max-width: 768px) {
  .kl-hero-03__content .kl-rich-text {
    max-width: 100%;
  }
}

.kl-hero-03__image {
  position: absolute;
  left: calc(50% + 64px);
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .kl-hero-03__image {
    position: static;
    transform: none;
    margin-top: 32px;
  }
}

@media screen and (max-width: 360px) {
  .kl-hero-03__image {
    display: none;
  }
}

.kl-hero-03__image img {
  display: block;
}
.image-banner {
  display: grid;
  grid-template-columns: 1fr;
  padding: 30px;
  background-color: #FAFAFA;
  border-radius: 10px;
  gap: 40px;
  align-items: center;
}

.image-banner .img img {
  width: 100%;
  border-radius: 10px;
}

@media screen and (min-width: 1000px) {
  .image-banner {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (min-width: 1200px) {
  .image-banner {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 100px;
    padding: 44px;
  }

  .image-banner .text-content {
    grid-column: 2 / span 2;
  }

  .image-banner.right .text-content {
    grid-column: 1 / span 2;
  }

  .image-banner.right .img {
    order: 2;
  }

  .image-banner.right .text-content {
    order: 1;
  }
  
}
.kl-logos {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .kl-logos {
    flex-wrap: wrap;
  }
}

.kl-logos--1 {
  flex-wrap: wrap;
}

.kl-logos--1 .kl-logos__item {
  flex-basis: calc(100% / 1);
}

.kl-logos--2 {
  flex-wrap: wrap;
}

.kl-logos--2 .kl-logos__item {
  flex-basis: calc(100% / 2);
}

.kl-logos--3 {
  flex-wrap: wrap;
}

.kl-logos--3 .kl-logos__item {
  flex-basis: calc(100% / 3);
}

@media screen and (max-width: 340px) {
  .kl-logos--3 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--4 {
  flex-wrap: wrap;
}

.kl-logos--4 .kl-logos__item {
  flex-basis: calc(100% / 4);
}

@media screen and (max-width: 480px) {
  .kl-logos--4 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--4 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--5 {
  flex-wrap: wrap;
}

.kl-logos--5 .kl-logos__item {
  flex-basis: calc(100% / 5);
}

@media screen and (max-width: 768px) {
  .kl-logos--5 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--5 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--5 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--6 {
  flex-wrap: wrap;
}

.kl-logos--6 .kl-logos__item {
  flex-basis: calc(100% / 6);
}

@media screen and (max-width: 768px) {
  .kl-logos--6 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--6 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--6 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--7 {
  flex-wrap: wrap;
}

.kl-logos--7 .kl-logos__item {
  flex-basis: calc(100% / 7);
}

@media screen and (max-width: 920px) {
  .kl-logos--7 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--7 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--7 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--7 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--8 {
  flex-wrap: wrap;
}

.kl-logos--8 .kl-logos__item {
  flex-basis: calc(100% / 8);
}

@media screen and (max-width: 920px) {
  .kl-logos--8 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--8 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--8 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--8 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--9 {
  flex-wrap: wrap;
}

.kl-logos--9 .kl-logos__item {
  flex-basis: calc(100% / 9);
}

@media screen and (max-width: 920px) {
  .kl-logos--9 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--9 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--9 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--9 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--10 {
  flex-wrap: wrap;
}

.kl-logos--10 .kl-logos__item {
  flex-basis: calc(100% / 10);
}

@media screen and (max-width: 920px) {
  .kl-logos--10 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--10 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--10 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--10 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--11 {
  flex-wrap: wrap;
}

.kl-logos--11 .kl-logos__item {
  flex-basis: calc(100% / 11);
}

@media screen and (max-width: 920px) {
  .kl-logos--11 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--11 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--11 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--11 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos--12 {
  flex-wrap: wrap;
}

.kl-logos--12 .kl-logos__item {
  flex-basis: calc(100% / 12);
}

@media screen and (max-width: 920px) {
  .kl-logos--12 .kl-logos__item {
    flex-basis: calc(100% / 6);
  }
}

@media screen and (max-width: 768px) {
  .kl-logos--12 .kl-logos__item {
    flex-basis: calc(100% / 4);
  }
}

@media screen and (max-width: 480px) {
  .kl-logos--12 .kl-logos__item {
    flex-basis: calc(100% / 3);
  }
}

@media screen and (max-width: 340px) {
  .kl-logos--12 .kl-logos__item {
    flex-basis: calc(100% / 2);
  }
}

.kl-logos__item {
  padding: 16px 24px;
}

.kl-logos__item a {
  display: block;
}

.kl-logos__item img {
  width: 100%;
  display: block;
}

@media screen and (max-width: 768px) {
  .kl-logos__item {
    flex-basis: 25%;
  }
}

@media screen and (max-width: 480px) {
  .kl-logos__item {
    flex-basis: 33%;
  }
}

@media screen and (max-width: 340px) {
  .kl-logos__item {
    flex-basis: 50%;
  }
}

.logo-soup-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}

.kl-logos.slide.referenzen .logo-headline {
  flex-basis: 260px;
  font-weight: 700;
  min-width: 260px;
}

@media screen and (max-width: 768px) {
  .kl-logos.slide.referenzen .logo-headline {
    flex-basis: 190px;
    min-width: 190px;
  }
}
.location {
  display: grid;
  gap: 0px;
  grid-template-columns: repeat(12, 1fr);
}

.location strong {
  color: #7200D6;
  display: block;
  margin-bottom: 10px;
}

.location .location_1 {
  display: flex;
  gap: 20px;
  grid-column: 1 / span 12;
  align-items: self-start;
}

.location .location_1 img {
  margin: unset;
  width: 70px;
}

.location .location_2 {
  display: flex;
  gap: 20px;
  grid-column: 1 / span 12;
  align-items: self-start;
}

.location .location_2 img {
  margin: unset;
  width: 70px; 
}

@media screen and (min-width: 768px) {
  .location .location_1 {
    grid-column: 1 / span 6;
  }
  
  .location .location_2 {
    grid-column: 7 / span 12;
  }
}

@media screen and (min-width: 1200px) {
  .location .location_1 {
    grid-column: 3 / span 4;
  }
  
  .location .location_2 {
    grid-column: 8 / span 3;
  }
  
  .location .location_2 img {
    margin: unset;
    width: 73px; 
  }
}
.mehr-erfahren {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.mehr-erfahren__preheader {
  color: var(--gray-900, #18181B);
  font-size: 25px;
  font-weight: 700;
}

.mehr-erfahren__buttons {
  display: flex;
  gap: 23px;
  flex-direction: column;
  width: 100%;
}

.mehr-erfahren__buttons .button {
  font-weight: 700;
  border: 1px solid #8038DC;
  font-size: 18px;
}

@media (min-width: 768px) {
  .mehr-erfahren__preheader {
    font-size: 45px;
  }
  
  .mehr-erfahren__buttons {
    flex-direction: row;
    width: auto;
  }
}
.kl-about-modal {
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  padding: 64px 16px;
  visibility: hidden;
  overscroll-behavior: contain;
}

.kl-about-modal__overlay {
  content: '';
  background-color: black;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  opacity: 0;
  transition: all .25s ease-in-out;
  visibility: hidden;
}

.kl-about-modal__close {
  position: absolute;
  z-index: 13;
  top: 25px;
  right: 25px;
  display: block;
  background: white;
  padding: 4px;
}

@media screen and (max-width: 768px) {
  .kl-about-modal__close {
    top: 0;
    right: 0;
  }
}

.kl-about-modal__close svg {
  display: block;
}

.kl-about-modal__wrapper {
  overflow: hidden;
  position: relative;
  background: white;
  display: flex;
}

@media screen and (max-width: 768px) {
  .kl-about-modal__wrapper {
    display: block;
  }
}

.kl-about-modal__container {
  max-width: 980px;
  width: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  z-index: 13;
  transition: top .25s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.kl-about-modal:target {
  visibility: visible;
}

.kl-about-modal:target .kl-about-modal__overlay {
  opacity: .5;
  visibility: visible;
}

.kl-about-modal:target .kl-about-modal__container {
  visibility: visible;
  opacity: 1;
}

.kl-about-modal__image {
  width: 330px;
}

@media screen and (max-width: 768px) {
  .kl-about-modal__image {
    width: 100%;
  }
}

.kl-about-modal__image img {
  max-width: 100%;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .kl-about-modal__image img {
    object-fit: unset;
  }
}

.kl-about-modal__content {
  padding: 42px 50px;
  flex-basis: 650px;
}

.kl-about-modal__header {
  margin: 0 0 30px;
}

.kl-about-modal__header h1, .kl-about-modal__header h2, .kl-about-modal__header h3, .kl-about-modal__header h4, .kl-about-modal__header h5, .kl-about-modal__header h6 {
  margin: 0 0 10px;
  font-weight: bold;
}

.kl-about-modal__header h4 {
  color: #982ce8;
}

.kl-about-modal__social {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 -8px;
}

.kl-about-modal__social span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin: 8px;
}

.kl-about-modal__social svg {
  display: block;
  width: 25px;
  height: 25px;
  fill: #18181B;
  transition: all .25s ease-in-out;
}

.kl-about-modal__social a:hover svg {
  fill: #982ce8;
  /*fill: $secondary-color;*/
}
.kl-offer-modal {
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  padding: 64px 16px;
  visibility: hidden;
  overscroll-behavior: contain;
}

.kl-offer-modal__overlay {
  content: '';
  background-color: black;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  opacity: 0;
  transition: all .25s ease-in-out;
  visibility: hidden;
}

.kl-offer-modal__close {
  position: absolute;
  z-index: 13;
  top: 25px;
  right: 25px;
  display: block;
  background: white;
  padding: 4px;
}

@media screen and (max-width: 768px) {
  .kl-offer-modal__close {
    top: 0;
    right: 0;
  }
}

.kl-offer-modal__close svg {
  display: block;
}

.kl-offer-modal__wrapper {
  overflow: hidden;
  position: relative;
  background: white;
  display: flex;
}

@media screen and (max-width: 768px) {
  .kl-offer-modal__wrapper {
    display: block;
  }
}

.kl-offer-modal__container {
  max-width: 980px;
  width: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  z-index: 13;
  transition: top .25s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.kl-offer-modal:target {
  visibility: visible;
}

.kl-offer-modal:target .kl-offer-modal__overlay {
  opacity: .5;
  visibility: visible;
}

.kl-offer-modal:target .kl-offer-modal__container {
  visibility: visible;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .kl-offer-modal__close {
    top: 8px;
    right: 8px;
  }
}

.kl-offer-modal__wrapper {
  padding: 48px 64px;
}

@media screen and (max-width: 480px) {
  .kl-offer-modal__wrapper {
    padding: 32px;
  }
}

.kl-offer-modal__wrapper--center {
  align-items: center;
}

.kl-offer-modal__wrapper--bottom {
  align-items: flex-end;
}

.kl-offer-modal__content {
  flex-basis: 400px;
  flex-grow: 1;
}

.kl-offer-modal__form {
  margin-left: 36px;
  flex-basis: 50%;
  flex-grow: 1;
}

@media screen and (max-width: 768px) {
  .kl-offer-modal__form {
    margin: 36px 0 0;
  }
}
#top_nav {
  background-color: #06172E;
  padding-top: 14px;
  padding-bottom: 14px;
  height: 53px;
}

#top_nav .top_nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 28px;
}

#top_nav .top_nav .top__nav-link.top_bar_newsletter span span,
#top_nav .top_nav .top__nav-link.top_bar_phone span span {
  position: relative;
}

#top_nav .top_nav .top__nav-link.top_bar_newsletter,
#top_nav .top_nav .top__nav-link.top_bar_phone {
  color: #ffffff;
  font-size: 16px;
}

#top_nav .top_nav .top__nav-link.top_bar_newsletter span span:after,
#top_nav .top_nav .top__nav-link.top_bar_phone span span:after {
  background-color: #8038dc;
  bottom: -5px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transition: width .2s ease-in-out;
  visibility: hidden;
  width: 0;
}

#top_nav .top_nav .top__nav-link.top_bar_newsletter:hover,
#top_nav .top_nav .top__nav-link.top_bar_phone:hover {
  text-decoration: none;
}

#top_nav .top_nav .top__nav-link.top_bar_newsletter:hover span span:after,
#top_nav .top_nav .top__nav-link.top_bar_phone:hover span span:after {
  visibility: visible;
  width: 100%;
}

#top_nav .top_nav .top__nav-link.top_bar_newsletter img,
#top_nav .top_nav .top__nav-link.top_bar_phone img {
  border-radius: 0;
}

#top_nav .top_nav .top__nav-link.top_bar_newsletter span,
#top_nav .top_nav .top__nav-link.top_bar_phone span {
  display: flex;
  align-items: center;
  gap: 7px;
}

.top__nav-link.top_bar_button {
  position: relative;
  background-color: #8038DC;
  padding-left: 22px;
  padding-right: 22px;
  margin-left: 30px;
}

.top__nav-link.top_bar_button span {
  z-index: 1;
  position: relative;
  color: #ffffff;
  font-weight: 900;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.top__nav-link.top_bar_button:before {
  content: '';
  height: 53px;
  position: absolute;
  width: 100%;
  z-index: 0;
  top: -14px;
  left: 0;
  background-color: #8038DC;
}

@media (max-width: 1000px) {
  
  #top_nav .top_nav {
    text-align: center;
    padding: 0;
  }
  
  #top_nav .top_nav .top__nav-link.top_bar_newsletter,
  #top_nav .top_nav .top__nav-link.top_bar_phone {
    display: none;
  }
  
  .top__nav-link.top_bar_button {
    width: 100%;
    margin-left: 0;
  }
}

.kl-header {
  position: fixed;
  top: 53px;
  z-index: 12;
  width: 100%;
  box-shadow: 0px 5px 10px rgba(154, 161, 177, 0.1);
  background-color: rgba(255, 255, 255, 1.0);
  transition: top 0.3s ease-in-out;
}

@media screen and (max-width: 920px) {
  .kl-header {
    box-shadow: unset;
    border-bottom: 0.5px solid #000000;
  }
}

.kl-header-placeholder {
  height: 82px;
}

.kl-navbar {
  height: 82px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 920px) {
  .kl-navbar {
    justify-content: space-between;
  }
  .kl-navbar--active .kl-navbar__content {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}

.kl-navbar__logo {
  width: auto;
  display: block;
  margin-right: 42px;
}

@media screen and (min-width: 768px) {
  .logo.mobile {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .logo.desktop {
    display: none;
  }
}

.kl-navbar__item.anrufen .kl-navbar__button,
.kl-navbar__item.newsletter .kl-navbar__button {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

@media screen and (max-width: 767px) {
  .kl-navbar__item .kl-navbar__button span,
  .kl-navbar__item .kl-navbar__button span {
    font-weight: 700;
  }
}

.kl-navbar__item.anrufen .kl-navbar__button span,
.kl-navbar__item.newsletter .kl-navbar__button span {
  font-weight: 400;
}

.kl-navbar__item.anrufen .kl-navbar__button:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1425 13.7038L14.3219 11.5436C14.1035 11.45 13.8652 11.4123 13.6286 11.4341C13.3919 11.4558 13.1645 11.5362 12.9668 11.6681C12.9467 11.6809 12.9276 11.6953 12.9096 11.7109L10.3902 13.8538C10.364 13.8681 10.3349 13.8761 10.3052 13.8771C10.2754 13.8782 10.2458 13.8723 10.2187 13.86C8.59928 13.0783 6.92167 11.4109 6.13695 9.81391C6.12389 9.78722 6.11709 9.7579 6.11709 9.72819C6.11709 9.69848 6.12389 9.66916 6.13695 9.64247L8.28703 7.09137C8.30245 7.07249 8.31676 7.05273 8.32988 7.03218C8.45988 6.83371 8.53839 6.60599 8.55835 6.36958C8.5783 6.13317 8.53906 5.89551 8.44417 5.67805L6.2992 0.865648C6.17739 0.581566 5.96673 0.344653 5.69884 0.190467C5.43094 0.0362803 5.12027 -0.0268619 4.81344 0.0105166C3.47995 0.185825 2.25592 0.840685 1.37008 1.85272C0.484244 2.86476 -0.00278344 4.16472 1.19671e-05 5.50968C1.19671e-05 13.4997 6.50023 20 14.4903 20C15.8352 20.0025 17.135 19.5154 18.147 18.6296C19.159 17.7438 19.8139 16.5199 19.9895 15.1865C20.0268 14.8811 19.9645 14.5719 19.8119 14.3047C19.6593 14.0376 19.4245 13.8268 19.1425 13.7038ZM14.4903 18.7754C7.17576 18.7754 1.22454 12.8242 1.22454 5.50968C1.22113 4.46264 1.59905 3.45016 2.28769 2.66143C2.97632 1.8727 3.92857 1.36167 4.96651 1.22382H4.98998C5.0311 1.22459 5.07103 1.23776 5.10453 1.26162C5.13804 1.28547 5.16355 1.31889 5.17774 1.3575L7.33087 6.16481C7.34315 6.19153 7.34951 6.2206 7.34951 6.25001C7.34951 6.27943 7.34315 6.30849 7.33087 6.33522L5.17672 8.89245C5.16065 8.9107 5.14598 8.93015 5.13284 8.95061C4.99804 9.15639 4.91867 9.39349 4.9024 9.63895C4.88613 9.88441 4.93352 10.1299 5.03998 10.3517C5.94511 12.2048 7.81252 14.0579 9.68605 14.9631C9.90912 15.0689 10.1558 15.1152 10.4021 15.0973C10.6483 15.0794 10.8858 14.998 11.0912 14.861C11.1106 14.8477 11.13 14.8335 11.1483 14.8182L13.6668 12.6752C13.6917 12.6619 13.7191 12.654 13.7473 12.6523C13.7755 12.6505 13.8037 12.6549 13.8301 12.665L18.6517 14.8253C18.691 14.8421 18.7242 14.8708 18.7463 14.9074C18.7685 14.9441 18.7786 14.9867 18.7751 15.0294C18.638 16.0678 18.1275 17.0208 17.3389 17.7102C16.5503 18.3996 15.5377 18.7782 14.4903 18.7754Z' fill='%2306172E'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  display: block;
}

.kl-navbar__item.newsletter .kl-navbar__button:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6364 6.54545C15.6364 6.69012 15.5789 6.82885 15.4766 6.93115C15.3743 7.03344 15.2356 7.09091 15.0909 7.09091H7.81818C7.67352 7.09091 7.53478 7.03344 7.43249 6.93115C7.33019 6.82885 7.27273 6.69012 7.27273 6.54545C7.27273 6.40079 7.33019 6.26205 7.43249 6.15976C7.53478 6.05747 7.67352 6 7.81818 6H15.0909C15.2356 6 15.3743 6.05747 15.4766 6.15976C15.5789 6.26205 15.6364 6.40079 15.6364 6.54545ZM15.0909 8.90909H7.81818C7.67352 8.90909 7.53478 8.96656 7.43249 9.06885C7.33019 9.17114 7.27273 9.30988 7.27273 9.45454C7.27273 9.59921 7.33019 9.73795 7.43249 9.84024C7.53478 9.94253 7.67352 10 7.81818 10H15.0909C15.2356 10 15.3743 9.94253 15.4766 9.84024C15.5789 9.73795 15.6364 9.59921 15.6364 9.45454C15.6364 9.30988 15.5789 9.17114 15.4766 9.06885C15.3743 8.96656 15.2356 8.90909 15.0909 8.90909ZM20 2.18182V13.0909C20 13.6213 19.7893 14.13 19.4142 14.5051C19.0391 14.8802 18.5304 15.0909 18 15.0909H2C1.47098 15.0909 0.96351 14.8813 0.588671 14.508C0.213833 14.1347 0.00216417 13.6281 0 13.0991V4.36363C0 4.21897 0.0574674 4.08023 0.15976 3.97794C0.262053 3.87565 0.400791 3.81818 0.545455 3.81818C0.690118 3.81818 0.828857 3.87565 0.931149 3.97794C1.03344 4.08023 1.09091 4.21897 1.09091 4.36363V13.0909C1.09091 13.332 1.18669 13.5632 1.35718 13.7337C1.52766 13.9042 1.75889 14 2 14C2.24111 14 2.47234 13.9042 2.64282 13.7337C2.81331 13.5632 2.90909 13.332 2.90909 13.0909V2.18182C2.90909 1.84427 3.04318 1.52054 3.28186 1.28186C3.52055 1.04318 3.84427 0.909088 4.18182 0.909088H18.7273C19.0648 0.909088 19.3885 1.04318 19.6272 1.28186C19.8659 1.52054 20 1.84427 20 2.18182ZM18.9091 2.18182C18.9091 2.13359 18.8899 2.08735 18.8558 2.05325C18.8217 2.01915 18.7755 2 18.7273 2H4.18182C4.1336 2 4.08735 2.01915 4.05325 2.05325C4.01916 2.08735 4 2.13359 4 2.18182V13.0909C4.00039 13.4071 3.92528 13.7187 3.78091 14H18C18.2411 14 18.4723 13.9042 18.6428 13.7337C18.8133 13.5632 18.9091 13.332 18.9091 13.0909V2.18182Z' fill='%2306172E'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 16px;
  display: block;
}

@media screen and (min-width: 1000px) {
  .kl-navbar__item.anrufen,
  .kl-navbar__item.newsletter {
    display: none;
  }
}

.kl-navbar__mobile {
  display: flex;
}

.kl-navbar__mobile .hs_cos_wrapper_type_language_switcher {
  display: none;
}

@media screen and (max-width: 920px) {
  .kl-navbar__mobile .hs_cos_wrapper_type_language_switcher {
    display: block;
  }
}

.kl-navbar__mobile .hs_cos_wrapper_type_language_switcher + .kl-navbar__hamburger {
  margin-left: 32px;
}

.kl-navbar__content {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media screen and (max-width: 920px) {
  .kl-navbar__content {
    background-color: rgba(255, 255, 255, 1.0);
    position: fixed;
    width: 100%;
    height: auto;
    left: unset;
    top: 136px;
    padding: 45px 0;
    flex-direction: column;
    justify-content: flex-start;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    transform: translateY(8px);
    transition: transform .25s ease-in-out, opacity .25s ease-in-out;
    right: 0;
    max-width: 283px;
  }
}

.kl-navbar__menu {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0 28px;
  margin-right: 30px;
  gap: 30px;
}

@media screen and (max-width: 920px) {
  .kl-navbar__menu {
    display: block;
    margin: 0 0 24px;
    width: 100%;
  }
}

.kl-navbar__item {
  position: relative;
  margin: 0;
}

.kl-navbar__item--active .kl-navbar__panel {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

@media screen and (max-width: 920px) {
  .kl-navbar__item--active .kl-navbar__panel {
    max-height: 100vh;
  }
}

.kl-navbar__item--active .kl-navbar__button {
  color: #982ce8;
}

.kl-navbar__item--active .kl-navbar__button > span:after {
  visibility: visible;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .kl-navbar__item {
    margin: 0 16px;
  }
  
  .kl-navbar__item.anrufen {
    border-top: 0.5px solid #C2C7D1;
    margin-top: 15px;
    padding-top: 15px;
  }
}

.kl-navbar__button {
  font-weight: bold;
  font-size: 16px;
  font-family: Lato, sans-serif;
  line-height: 2em;
  word-break: normal;
  color: #18181B;
  display: inline-block;
}

@media screen and (max-width: 920px) {
  .kl-navbar__button {
    font-size: 1rem;
  }
}

.kl-navbar__button > span {
  position: relative;
  display: inline-block;
  padding: 8px 0;
  font-weight: 400;
}

.kl-navbar__button > span:after {
  content: '';
  width: 0px;
  height: 2px;
  background-color: #982ce8;
  position: absolute;
  left: 0;
  bottom: 2px;
  visibility: hidden;
  transition: width .2s ease-in-out;
}

.kl-navbar__button:hover, .kl-navbar__button:focus, .kl-navbar__button:active, .kl-navbar__button--active {
  text-decoration: none;
  color: #982ce8;
}

.kl-navbar__button:hover > span:after, .kl-navbar__button:focus > span:after, .kl-navbar__button:active > span:after, .kl-navbar__button--active > span:after {
  visibility: visible;
  width: 100%;
}

.kl-navbar__end {
  display: flex;
  align-items: center;
}

.kl-navbar__end .button.button--outlined.Navbar__button {
  border: 1px solid #8038dc;
  font-weight: 400;
  font-size: 16px;
  padding: 13px 24px;
  min-width: 137px;
  position: relative;
}

.kl-navbar__end .button.Navbar__button {
  border: 1px solid #8038dc;
  font-weight: 400;
  font-size: 16px;
  padding: 13px 24px;
  min-width: 137px;
}

@media screen and (max-width: 920px) {
  .kl-navbar__end .button.button--outlined.Navbar__button span,
  .kl-navbar__end .button.Navbar__button span {
    display: flex;
    gap: 10px;
    flex-direction: row;
    justify-content: left;
    align-items: center;
  }
  
  .kl-navbar__end .button.button--outlined.Navbar__button {
    order: 2;
  }
  
  .kl-navbar__end .button.button--outlined.Navbar__button span:before {
     background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17316C0.00433284 8.00042 -0.1937 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8078C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C19.9972 7.34869 18.9427 4.80678 17.068 2.93202C15.1932 1.05727 12.6513 0.00279983 10 0ZM4.81539 16.6827C5.37186 15.8124 6.13847 15.0962 7.04454 14.6001C7.95062 14.1039 8.967 13.8439 10 13.8439C11.033 13.8439 12.0494 14.1039 12.9555 14.6001C13.8615 15.0962 14.6281 15.8124 15.1846 16.6827C13.7022 17.8356 11.8779 18.4615 10 18.4615C8.1221 18.4615 6.29776 17.8356 4.81539 16.6827ZM6.92308 9.23077C6.92308 8.62221 7.10354 8.02732 7.44164 7.52132C7.77973 7.01532 8.26028 6.62095 8.82251 6.38806C9.38475 6.15518 10.0034 6.09424 10.6003 6.21297C11.1971 6.33169 11.7454 6.62474 12.1757 7.05505C12.606 7.48537 12.8991 8.03362 13.0178 8.63049C13.1365 9.22735 13.0756 9.84602 12.8427 10.4083C12.6098 10.9705 12.2154 11.451 11.7094 11.7891C11.2035 12.1272 10.6086 12.3077 10 12.3077C9.18395 12.3077 8.40132 11.9835 7.82429 11.4065C7.24725 10.8294 6.92308 10.0468 6.92308 9.23077ZM16.3231 15.6163C15.4652 14.3731 14.2588 13.4114 12.8558 12.8519C13.6094 12.2583 14.1594 11.4446 14.4292 10.5239C14.6989 9.60328 14.6751 8.62143 14.361 7.71495C14.0469 6.80846 13.4581 6.02239 12.6765 5.46605C11.8949 4.90971 10.9594 4.61075 10 4.61075C9.04063 4.61075 8.10511 4.90971 7.32352 5.46605C6.54194 6.02239 5.95315 6.80846 5.63903 7.71495C5.32491 8.62143 5.30107 9.60328 5.57084 10.5239C5.84061 11.4446 6.39056 12.2583 7.14423 12.8519C5.74117 13.4114 4.53484 14.3731 3.67693 15.6163C2.59286 14.3973 1.8843 12.8908 1.63659 11.2784C1.38887 9.66592 1.61255 8.01624 2.28069 6.52798C2.94884 5.03971 4.03296 3.77632 5.40251 2.88994C6.77206 2.00355 8.36864 1.53197 10 1.53197C11.6314 1.53197 13.2279 2.00355 14.5975 2.88994C15.967 3.77632 17.0512 5.03971 17.7193 6.52798C18.3875 8.01624 18.6111 9.66592 18.3634 11.2784C18.1157 12.8908 17.4071 14.3973 16.3231 15.6163Z' fill='%237200D6'/%3E%3C/svg%3E%0A");
     width: 20px;
     height: 20px;
  }
  
  .kl-navbar__end .button.Navbar__button span:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 4.5H3C2.80109 4.5 2.61032 4.57902 2.46967 4.71967C2.32902 4.86032 2.25 5.05109 2.25 5.25V18C2.25 18.3978 2.40804 18.7794 2.68934 19.0607C2.97064 19.342 3.35218 19.5 3.75 19.5H20.25C20.6478 19.5 21.0294 19.342 21.3107 19.0607C21.592 18.7794 21.75 18.3978 21.75 18V5.25C21.75 5.05109 21.671 4.86032 21.5303 4.71967C21.3897 4.57902 21.1989 4.5 21 4.5ZM19.0716 6L12 12.4828L4.92844 6H19.0716ZM20.25 18H3.75V6.95531L11.4928 14.0531C11.6312 14.1801 11.8122 14.2506 12 14.2506C12.1878 14.2506 12.3688 14.1801 12.5072 14.0531L20.25 6.95531V18Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
  }
  
  .kl-navbar__end .button.button--outlined.Navbar__button span:before,
  .kl-navbar__end .button.Navbar__button span:before {
    content: '';
    display: block;
  }
  
  .kl-navbar__end {
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding: 22px 44px;
    background-color: #F1F4FA;
  }
  
  .kl-navbar__end .button.button--outlined.Navbar__button,
  .kl-navbar__end .button.Navbar__button {
    width: 100%;
  }
}

@media screen and (min-width: 921px) {
  .kl-navbar__end > span + a {
    margin-left: 25px;
  }
  
  .kl-navbar__end > a + a, .kl-navbar__end > a:not(:first-child) {
    margin-left: 25px;
  }
  
  .kl-navbar__end > .button_cta:not(:first-child) {
    margin-left: 25px;
  }
}

@media screen and (max-width: 920px) {
  .kl-navbar__end > span + a {
    margin-left: 0;
  }
}

@media screen and (max-width: 920px) {
  .kl-navbar__end .hs_cos_wrapper_type_language_switcher {
    display: none;
  }
}

.kl-navbar__panel {
  background-color: rgba(255, 255, 255, 1.0);
  visibility: hidden;
  opacity: 0;
  transform: translateY(8px);
  transition: all .25s ease-in-out;
  position: fixed;
  top: 82px;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 920px) {
  .kl-navbar__panel {
    position: static;
    max-height: 0;
    overflow: hidden;
  }
}

.kl-navbar__panel-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0 auto;
  padding: 32px 0;
  justify-content: space-between;
}

.kl-navbar__panel-wrapper > div {
  flex-basis: none;
}

.kl-navbar__categories {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-basis: 650px;
  flex-grow: 1;
  flex-shrink: 1;
}

@media screen and (max-width: 920px) {
  .kl-navbar__categories p {
    display: none;
  }
}

.kl-navbar__description {
  flex-basis: 250px;
  margin: 0 16px;
  color: #18181B;
}

@media screen and (max-width: 920px) {
  .kl-navbar__description {
    margin: 0;
    flex-basis: 50%;
  }
}

@media screen and (max-width: 920px) {
  .kl-navbar__description--full {
    flex-basis: auto;
  }
}

.kl-navbar__description h1, .kl-navbar__description h2, .kl-navbar__description h3, .kl-navbar__description h4, .kl-navbar__description h5, .kl-navbar__description h6 {
  color: inherit;
}

.kl-navbar__description h2 {
  font-size: 1.125rem;
  font-weight: bold;
  margin: 0 0 .5rem;
}

.kl-navbar__description h3 {
  font-size: 0.875rem;
  font-weight: bold;
  margin: 0 0 .5rem;
}

.kl-navbar__description p {
  font-size: 0.875rem;
  margin: 0 0 1.75rem;
}

.kl-navbar__description a {
  color: #18181B;
}

.kl-navbar__description a:hover, .kl-navbar__description a:focus {
  text-decoration: none;
  color: #982ce8;
}

.kl-navbar__mobile .hs_cos_wrapper_type_language_switcher+.kl-navbar__hamburger:hover,
.kl-navbar__mobile .hs_cos_wrapper_type_language_switcher+.kl-navbar__hamburger:focus{
  background-color: transparent !important;
}

.kl-navbar .hamburger {
  display: none;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  min-width: auto;
}

@media screen and (max-width: 920px) {
  .kl-navbar .hamburger {
    display: block;
  }
}

.kl-navbar .hamburger:focus {
  outline: none;
}

.kl-navbar .hamburger:hover,
.kl-navbar .hamburger:focus {
  background-color: transparent !important;
}

.kl-navbar .hamburger-box {
  width: 24px;
  height: 19px;
  display: inline-block;
  position: relative;
}

.kl-navbar .hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}

.kl-navbar .hamburger-inner, .kl-navbar .hamburger-inner::before, .kl-navbar .hamburger-inner::after {
  width: 24px;
  height: 3px;
  background-color: #18181B;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger.kl-navbar__hamburger.is-active .hamburger-inner,
.hamburger.kl-navbar__hamburger.is-active .hamburger-inner::before,
.hamburger.kl-navbar__hamburger.is-active .hamburger-inner::after {
  background-color: #7200D6;
  height: 2px;
}

.kl-navbar .hamburger-inner::before, .kl-navbar .hamburger-inner::after {
  content: "";
  display: block;
}

.kl-navbar .hamburger-inner::before {
  top: -8px;
}

.kl-navbar .hamburger-inner::after {
  bottom: -8px;
}

.kl-navbar .hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.kl-navbar .hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.kl-navbar .hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.kl-navbar .hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.kl-navbar .hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.kl-navbar .hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* Navbar submenu */
.kl-navbar-submenu-wrapper {
  position: absolute;
  left: -24px;
  visibility: hidden;
}

@media screen and (max-width: 920px) {
  .kl-navbar-submenu-wrapper {
    position: static;
    visibility: visible;
    display: none;
  }
}

.kl-navbar__item:hover > .kl-navbar-submenu-wrapper {
  visibility: visible;
}

.kl-navbar-submenu {
  background-color: rgba(255, 255, 255, 1.0);
  box-shadow: 0px 5px 10px rgba(154, 161, 177, 0.1);
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
  width: 160px;
}

@media screen and (max-width: 920px) {
  .kl-navbar-submenu {
    box-shadow: none;
    margin: 12px 0;
    width: auto;
  }
}

.kl-navbar-submenu .kl-navbar-submenu {
  position: absolute;
  top: 0px;
  left: 100%;
  transform: translateX(0);
  margin: 0;
  visibility: hidden;
}

@media screen and (max-width: 920px) {
  .kl-navbar-submenu .kl-navbar-submenu {
    position: static;
    visibility: visible;
    display: none;
    margin-left: 20px;
  }
}

.kl-navbar-submenu__item {
  position: relative;
}

.kl-navbar-submenu__item:hover > .kl-navbar-submenu {
  visibility: visible;
}

.kl-navbar-submenu__item a {
  display: block;
  padding: 12px 24px;
  font-weight: normal;
  font-size: 15px;
  font-family: Lato, sans-serif;
  line-height: 1rem;
  word-break: normal;
  color: #18181B;
}

.kl-navbar-submenu__item a:hover, .kl-navbar-submenu__item a:focus {
  color: #982ce8;
  text-decoration: none;
}

@media screen and (max-width: 920px) {
  .kl-navbar-submenu__item a {
    padding: 12px 0;
  }
}

.kl-navbar__parent {
  cursor: pointer;
}

@media screen and (min-width: 920px) {
  .kl-navbar__parent:hover > a:after {
    transform: rotate(180deg);
  }
}

.kl-navbar__parent > a {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 920px) {
  .kl-navbar__parent > a {
    pointer-events: none;
  }
}

.kl-navbar__parent > a:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.98622 5.30911C4.85946 5.43134 4.68755 5.5 4.50831 5.5C4.32906 5.5 4.15715 5.43134 4.03039 5.30911L0.206369 1.62092C0.141806 1.56078 0.0903082 1.48884 0.0548807 1.4093C0.0194533 1.32975 0.00080548 1.2442 2.55226e-05 1.15763C-0.000754434 1.07107 0.0163492 0.985216 0.0503381 0.905091C0.084327 0.824966 0.134521 0.752172 0.19799 0.690957C0.26146 0.629742 0.336934 0.581331 0.42001 0.54855C0.503085 0.515768 0.592098 0.499272 0.681854 0.500025C0.77161 0.500777 0.860312 0.518762 0.942784 0.552931C1.02526 0.5871 1.09985 0.636769 1.1622 0.699038L4.50831 3.92629L7.85441 0.699038C7.9819 0.580277 8.15265 0.514562 8.32989 0.516048C8.50713 0.517533 8.67668 0.5861 8.80201 0.70698C8.92734 0.827861 8.99843 0.991383 8.99997 1.16233C9.00151 1.33327 8.93338 1.49796 8.81024 1.62092L4.98622 5.30911Z' fill='%231F1F1F'/%3E%3C/svg%3E%0A");
  display: block;
  width: 9px;
  height: 6px;
  margin-left: 5px;
  transform: rotate(0);
  transform-origin: 3px 3px;
  transition: transform .25s ease-in-out;
}

.kl-navbar__parent--active > .kl-navbar-submenu-wrapper,
.kl-navbar__parent--active > .kl-navbar-submenu {
  display: block;
}

.kl-navbar__parent--active > a:after {
  transform: rotate(180deg);
}

.kl-navbar__parent--active > a {
  color: #982ce8;
}

.kl-navbar__parent--active > a > span:after {
  visibility: visible;
  width: 100%;
}
.number-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.number-list ul li {
  border-radius: 10px;
  background: #FFF;
  padding: 22px;
  display: grid;
  gap: 36px;
  grid-template-columns: 93px 1fr;
  margin-bottom: 32px;
  align-items: center;
}

.number-list ul li span:first-child {
  border-radius: 8px;
  background: var(--mso_darkpurple, #06172E);
  display: flex; 
  justify-content: center;
  align-items: center;
  color: #ffffff;
  line-height: 1;
  font-size: 45px;
  font-weight: 700;
  height: 93px;
}

.number-list ul.list {
  max-width: 542px;
  margin: 0 auto;
}

.number-list ul.grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 25px 16px;
}

@media screen and (min-width: 1000px) {
  .number-list ul.grid {
    grid-template-columns: 1fr 1fr;
  }
}

.number-list ul.grid li {
    margin-bottom: 0;
}
.kl-offer-01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  padding: 32px 36px 0;
  border: 1px solid rgba(100, 146, 253, 0.2);
  border-radius: 9px;
  background-color: rgba(255, 255, 255, 1.0);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.1);
}

.kl-offer-01__content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-basis: 320px;
  flex-grow: 1;
  margin-bottom: 32px;
}

.kl-offer-01__preheader {
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #8038DC;
  display: block;
  margin: 0 0 1rem;
}

.kl-offer-01__text {
  flex-basis: 420px;
  flex-grow: 1;
  margin-right: 50px;
}

@media screen and (max-width: 480px) {
  .kl-offer-01__text {
    margin: 0;
  }
}

.kl-offer-01__text h1, .kl-offer-01__text h2, .kl-offer-01__text h3, .kl-offer-01__text h4, .kl-offer-01__text h5, .kl-offer-01__text h6 {
  margin: 0 0 1.125rem;
}

.kl-offer-01__button {
  flex-shrink: 0;
}

.kl-offer-01__image {
  flex-basis: 260px;
  margin: 0 auto;
  padding-right: 20px;
}

@media screen and (max-width: 480px) {
  .kl-offer-01__image {
    padding: 0;
  }
}

.kl-offer-01__image img {
  display: block;
  width: 100%;
  max-width: 420px;
}
.kl-pricing {
  display: flex;
  align-items: flex-start;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .kl-pricing {
    display: block;
  }
}

.kl-pricing__card {
  position: relative;
  padding: 36px 32px;
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.1);
  background-color: rgba(255, 255, 255, 1.0);
  border-radius: 9px;
  flex-basis: 346px;
  flex-grow: 1;
  transition: box-shadow .25s ease-in-out;
}

.kl-pricing__card--featured {
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
}

.kl-pricing__card:hover {
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
}

.kl-pricing__card + .kl-pricing__card {
  margin-left: 72px;
}

@media screen and (max-width: 1024px) {
  .kl-pricing__card + .kl-pricing__card {
    margin-left: 16px;
  }
}

@media screen and (max-width: 768px) {
  .kl-pricing__card + .kl-pricing__card {
    margin: 24px 0 0;
  }
}

.kl-pricing__badge {
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  min-width: 120px;
  padding: 10px 12px;
  border-radius: 40px;
  background-color: #EBF1FF;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.kl-pricing__icon {
  height: 28px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0 0 1.5rem;
}

.kl-pricing__icon img {
  max-height: 100%;
  display: block;
}

.kl-pricing__price {
  color: #982ce8;
}

.kl-pricing__price h1, .kl-pricing__price h2, .kl-pricing__price h3, .kl-pricing__price h4, .kl-pricing__price h5, .kl-pricing__price h6 {
  color: inherit;
}

.kl-pricing__description p {
  font-size: 0.875rem;
  margin: 0 0 0.75rem;
}

.kl-pricing__features {
  text-align: left;
  list-style: none;
  margin: 0 0 2.625rem;
  padding: 0;
}

.kl-pricing__features li {
  font-size: 0.875rem;
  margin: 0 0 1rem;
  display: flex;
}

.kl-pricing__bullet {
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 2px 0.75rem 0 0;
  flex-shrink: 0;
}

.kl-pricing__bullet img {
  display: block;
}

.kl-pricing__button .button_cta {
  width: 100%;
}

.kl-pricing__button .button_cta a {
  padding-left: 0;
  padding-right: 0;
}

.kl-pricing__button a {
  width: 100%;
}

.kl-pricing hr {
  margin: 1.75rem 0;
  color: #F3F3F3;
  background-color: #F3F3F3;
  height: 2px;
}

/* Single */

.single-card {
  display: grid;
  gap: 1.5%;
  grid-template-columns: 1fr;
}

@media (min-width: 1000px) {
  .single-card {
    grid-template-columns: 59% 39.5%;
  }
}

.kl-pricing.orbit .kl-pricing__card,
.single-card .kl-pricing__card {
  height: 100%;
  border-radius: 6px;
  background: var(--mso_darkpurple, #06172E);
  padding: 50px;
  border: unset;
  box-shadow: unset;
  flex-basis: unset;
  text-align: left;
}

@media (max-width: 999px) {
  .card-image {
    display: none;
  }
}

.kl-pricing.orbit .kl-pricing__price h1,
.kl-pricing.orbit .kl-pricing__price h2, 
.kl-pricing.orbit .kl-pricing__price h3, 
.kl-pricing.orbit .kl-pricing__price h4, 
.kl-pricing.orbit .kl-pricing__price h5, 
.kl-pricing.orbit .kl-pricing__price h6,
.kl-pricing.orbit .kl-pricing__price p,
.kl-pricing.orbit .kl-pricing__description p,
.kl-pricing.orbit .kl-pricing__card h4,
.kl-pricing.orbit .kl-pricing__features li,
.single-card .kl-pricing__price h1, 
.single-card .kl-pricing__price h2, 
.single-card .kl-pricing__price h3, 
.single-card .kl-pricing__price h4, 
.single-card .kl-pricing__price h5, 
.single-card .kl-pricing__price h6,
.single-card .kl-pricing__price p,
.single-card .kl-pricing__description p,
.single-card .kl-pricing__card h4,
.single-card .kl-pricing__features li {
  color: #ffffff;
}

.kl-pricing.orbit .kl-pricing__card h4,
.single-card .kl-pricing__card h4 {
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 15px;
}

.kl-pricing.orbit .kl-pricing__features,
.single-card .kl-pricing__features {
  margin-bottom: 15px;
}

.kl-pricing.orbit .kl-pricing__features li,
.single-card .kl-pricing__features li {
    font-size: 16px;
    margin: 0 0 20px;
    font-weight: 500;
}

.kl-pricing.orbit hr,
.single-card .kl-pricing hr {
    background-color: #ffffff;
    color: #ffffff;
    height: 1px;
    margin: 15px 0;
}

.kl-pricing.orbit .kl-pricing__price h2,
.single-card .kl-pricing__price h2 {
  font-size: 60px;
  margin-bottom: 15px;
  line-height: 1;
  font-weight: 400;
}
 
.kl-pricing.orbit .card-image img,
.single-card .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.kl-pricing.orbit .kl-pricing__bullet,
.single-card .kl-pricing__bullet {
    height: 20px;
    width: 20px;
}

.kl-pricing.orbit .kl-pricing__button a,
.single-card .kl-pricing__button a {
  background-color: #ffffff;
  padding: 15px 35px;
  display: inline-block;
  width: auto;
  font-size: 18px;
  font-weight: 700;
  color: var(--mso_lila_hell, #8038DC);
  border: none;
}

.kl-pricing.orbit .kl-pricing__badge,
.single-card .kl-pricing__badge {
    background-color: #8038dc;
    color: #fff;
    text-align: center;
}

.kl-pricing.orbit .kl-pricing__card+.kl-pricing__card {
    margin-left: 11px;
}
.kl-pricing-table {
  overflow-x: auto;
}

.kl-pricing-table > table {
  border: none;
  margin: 0;
  background: transparent;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table > table {
    width: 100%;
  }
}

.kl-pricing-table__features {
  position: relative;
  width: 250px;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table__features {
    width: 50%;
  }
}

.kl-pricing-table__plans {
  text-align: left;
  padding: 32px;
}

.kl-pricing-table__plans .button {
  width: 100%;
}

.kl-pricing-table__plans h3 {
  font-size: 18px;
}

.kl-pricing-table__plans h4, .kl-pricing-table__plans h5 {
  font-weight: bold;
  color: #982ce8;
}

.kl-pricing-table__plans > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.kl-pricing-table th, .kl-pricing-table td {
  vertical-align: middle;
  border: none;
}

.kl-pricing-table th {
  font-weight: normal;
  background: transparent;
  text-align: left;
}

.kl-pricing-table th p {
  color: #18181B;
}

.kl-pricing-table th.kl-pricing-table__featured {
  background: #982ce8;
  color: white;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.kl-pricing-table th.kl-pricing-table__featured h1, .kl-pricing-table th.kl-pricing-table__featured h2, .kl-pricing-table th.kl-pricing-table__featured h3, .kl-pricing-table th.kl-pricing-table__featured h4, .kl-pricing-table th.kl-pricing-table__featured h5, .kl-pricing-table th.kl-pricing-table__featured p {
  color: white;
}

.kl-pricing-table th.kl-pricing-table__featured .button {
  border-color: white;
  color: white;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table thead .kl-pricing-table__features {
    display: none;
  }
}

.kl-pricing-table tbody tr:first-child .kl-pricing-table__features {
  border-top-left-radius: 9px;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table tbody tr:first-child .kl-pricing-table__features {
    border-top-left-radius: 0;
  }
}

.kl-pricing-table tbody tr:first-child td:before {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  top: 0;
  right: 0;
  background: #E0E9FF;
}

.kl-pricing-table tbody tr:first-child .kl-pricing-table__featured:before {
  display: none;
}

.kl-pricing-table tbody tr:last-child .kl-pricing-table__featured {
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table tbody tr:last-child .kl-pricing-table__featured {
    border-bottom-left-radius: 0;
  }
}

.kl-pricing-table tbody tr:last-child .kl-pricing-table__features {
  border-bottom-left-radius: 9px;
}

.kl-pricing-table tbody tr + tr .kl-pricing-table__features:after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  top: 0;
  right: 0;
  background: #E0E9FF;
}

.kl-pricing-table tbody .kl-pricing-table__features {
  position: relative;
  background: #982ce8;
  color: white;
  padding: 12px 38px 12px 32px;
}

.kl-pricing-table td {
  position: relative;
  text-align: center;
  vertical-align: middle;
  padding: 12px 16px;
}

.kl-pricing-table td img {
  display: block;
  margin: 0 auto;
}

.kl-pricing-table td:after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  right: 0;
  background: #E0E9FF;
  z-index: -1;
}

.kl-pricing-table td.kl-pricing-table__featured {
  background: #982ce8;
  color: white;
}

.kl-pricing-table td.kl-pricing-table__featured h3, .kl-pricing-table td.kl-pricing-table__featured h4, .kl-pricing-table td.kl-pricing-table__featured h5, .kl-pricing-table td.kl-pricing-table__featured p {
  color: white;
}

.kl-pricing-table td.kl-pricing-table__featured:after, .kl-pricing-table td.kl-pricing-table__featured:before {
  display: none;
}

.kl-pricing-table__navbar {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  border-radius: 3px;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table__navbar {
    display: flex;
  }
}

@media screen and (max-width: 480px) {
  .kl-pricing-table__navbar {
    display: block;
  }
}

.kl-pricing-table__navbar .kl-pricing-table__featured {
  background: #982ce8;
  border: none;
}

.kl-pricing-table__navbar .kl-pricing-table__featured h1, .kl-pricing-table__navbar .kl-pricing-table__featured h2, .kl-pricing-table__navbar .kl-pricing-table__featured h3, .kl-pricing-table__navbar .kl-pricing-table__featured h4, .kl-pricing-table__navbar .kl-pricing-table__featured h5, .kl-pricing-table__navbar .kl-pricing-table__featured p {
  color: white;
}

.kl-pricing-table__navbar .kl-pricing-table__featured:hover {
  background: #982ce8;
}

.kl-pricing-table__tab {
  flex-basis: 200px;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  border: 1px solid #e0e9ff;
}

.kl-pricing-table__tab h1, .kl-pricing-table__tab h2, .kl-pricing-table__tab h3, .kl-pricing-table__tab h4, .kl-pricing-table__tab h5, .kl-pricing-table__tab h6, .kl-pricing-table__tab p {
  margin: 0;
}

.kl-pricing-table__tab:hover {
  background: #e0e9ff;
  transition: background .25s ease-in-out;
  cursor: pointer;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table__hide {
    display: none;
  }
}

.kl-pricing-table__tooltip {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='info-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-36 344h12V232h-12c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h48c6.627 0 12 5.373 12 12v140h12c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12h-72c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12zm36-240c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32z'%3E%3C/path%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 12px;
  top: 15px;
}
.kl-pricing-table-02 {
  overflow-x: auto;
}

.kl-pricing-table-02 > table {
  border: none;
  margin: 0;
  background: transparent;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table-02 > table {
    width: 100%;
  }
}

.kl-pricing-table-02__features {
  width: 250px;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table-02__features {
    width: 50%;
  }
}

.kl-pricing-table-02__plans {
  text-align: left;
  padding: 32px;
}

.kl-pricing-table-02__plans .button {
  width: 100%;
}

.kl-pricing-table-02__plans h3 {
  font-size: 18px;
}

.kl-pricing-table-02__plans h4, .kl-pricing-table-02__plans h5 {
  font-weight: bold;
  color: #982ce8;
}

.kl-pricing-table-02__plans > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.kl-pricing-table-02 th, .kl-pricing-table-02 td {
  vertical-align: middle;
  border: 1px solid #982ce8;
}

.kl-pricing-table-02 th {
  font-weight: normal;
  background: transparent;
  text-align: center;
}

.kl-pricing-table-02 th p {
  color: #18181B;
}

.kl-pricing-table-02 thead .kl-pricing-table-02__features {
  border-top: none;
  border-left: none;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table-02 thead .kl-pricing-table-02__features {
    display: none;
  }
}

.kl-pricing-table-02 tbody .kl-pricing-table-02__features {
  position: relative;
  padding: 20px 20px 20px 32px;
}

.kl-pricing-table-02 td {
  position: relative;
  text-align: center;
  vertical-align: middle;
  padding: 12px 12px;
}

.kl-pricing-table-02 td img {
  display: block;
  margin: 0 auto;
}

.kl-pricing-table-02__navbar {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #982ce8;
  border-left: 1px solid #982ce8;
  border-right: 1px solid #982ce8;
}

@media screen and (max-width: 920px) {
  .kl-pricing-table-02__navbar {
    display: flex;
  }
}

@media screen and (max-width: 480px) {
  .kl-pricing-table-02__navbar {
    display: block;
  }
}

.kl-pricing-table-02__tab {
  flex-basis: 200px;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
}

.kl-pricing-table-02__tab h1, .kl-pricing-table-02__tab h2, .kl-pricing-table-02__tab h3, .kl-pricing-table-02__tab h4, .kl-pricing-table-02__tab h5, .kl-pricing-table-02__tab h6, .kl-pricing-table-02__tab p {
  margin: 0;
}

.kl-pricing-table-02__tab:hover {
  cursor: pointer;
}

.kl-pricing-table-02__tab--active {
  background-color: #982ce8;
  color: white;
}

.kl-pricing-table-02__tab--active h1, .kl-pricing-table-02__tab--active h2, .kl-pricing-table-02__tab--active h3, .kl-pricing-table-02__tab--active h4, .kl-pricing-table-02__tab--active h5, .kl-pricing-table-02__tab--active p {
  color: inherit;
}

.kl-pricing-table-02__tab + .kl-pricing-table-02__tab {
  border-left: 1px solid #982ce8;
}

@media screen and (max-width: 480px) {
  .kl-pricing-table-02__tab + .kl-pricing-table-02__tab {
    border-left: none;
    border-top: 1px solid #982ce8;
  }
}

@media screen and (max-width: 920px) {
  .kl-pricing-table-02__hide {
    display: none;
  }
}

.kl-pricing-table-02__highlight {
  background: #F2F5FB;
}

.kl-pricing-table-02__highlight th {
  font-weight: bold;
}
.kl-features-01 {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .kl-features-01 {
    display: block;
  }
}

.kl-features-01__card {
  flex-basis: 225px;
  flex-grow: 1;
}

.kl-features-01__card h4 {
  margin: 0 0 1rem;
}

.kl-features-01__card p {
  font-weight: 500;
}

.kl-features-01__card + .kl-features-01__card {
  margin-left: 64px;
}

@media screen and (max-width: 768px) {
  .kl-features-01__card + .kl-features-01__card {
    margin: 0;
  }
}

.kl-features-01__image {
  min-height: 50px;
  margin: 0 0 24px;
  display: flex;
  align-items: center;
}

.kl-features-01__image img {
  display: block;
  width: auto;
  max-height: 50px;
  margin: 0;
}

.kl-features-01__image > span {
  display: block;
}

.kl-features-01__image svg {
  max-height: 50px;
  width: 50px;
  fill: #982ce8;
}
.kl-features-02 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -16px;
}

@media screen and (max-width: 530px) {
  .kl-features-02 {
    display: block;
  }
}

.kl-features-02-wrapper {
  overflow: hidden;
}

.kl-features-02__card {
  flex-basis: 225px;
  flex-grow: 1;
  margin: 16px;
  display: block;
}

.kl-features-02__card h4 {
  margin: 0;
  display: inline;
  vertical-align: top;
}

.kl-features-02__card p {
  font-weight: 500;
  margin: 1rem 0 0;
}

.kl-features-02__card-header {
  display: flex;
}

.kl-features-02__image {
  min-height: 24px;
  margin: 0 16px 0 0;
  display: inline-block;
}

.kl-features-02__image img {
  display: block;
  width: auto;
  max-height: 24px;
}

.kl-features-02__image > span {
  display: block;
}

.kl-features-02__image svg {
  max-height: 24px;
  width: 24px;
  fill: #982ce8;
}
.kl-features-03__titles li.active p, .kl-features-03__titles li p:hover, .kl-features-03__titles li p:focus {
  cursor: pointer;
  color: #982ce8;
}

.kl-features-03__titles {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .kl-features-03__titles {
    display: block;
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .kl-features-03__titles li {
    text-align: center;
  }
  .kl-features-03__titles li + li {
    border-top: 1px solid #dadada;
  }
}

.kl-features-03__titles li.active p:after {
  visibility: visible;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .kl-features-03__titles li.active p:after {
    visibility: hidden;
  }
}

.kl-features-03__titles li p {
  position: relative;
  display: inline-block;
  padding: 8px 0;
  margin: 0;
}

.kl-features-03__titles li p:after {
  content: '';
  width: 0px;
  height: 2px;
  background-color: #982ce8;
  position: absolute;
  left: 0;
  bottom: 2px;
  visibility: hidden;
  transition: width .2s ease-in-out;
}

.kl-features-03__section {
  background-color: #F3F3F3;
  display: none;
}

.kl-features-03__section.active {
  display: flex;
  flex-wrap: wrap;
}

.kl-features-03__image {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  flex-basis: 360px;
  flex-grow: 1;
  display: flex;
}

.kl-features-03__image--left {
  justify-content: flex-start;
}

.kl-features-03__image--center {
  justify-content: center;
}

.kl-features-03__image--right {
  justify-content: flex-end;
}

.kl-features-03__image--top {
  align-items: flex-start;
}

.kl-features-03__image--middle {
  align-items: center;
}

.kl-features-03__image--bottom {
  align-items: flex-end;
}

.kl-features-03__image--cover {
  align-items: unset;
}

.kl-features-03__image--cover img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}

.kl-features-03__image--contain img {
  object-fit: contain;
}

.kl-features-03__content {
  padding: 54px 78px;
  flex-basis: 400px;
  flex-grow: 3;
}

@media screen and (max-width: 580px) {
  .kl-features-03__content {
    padding: 30px;
  }
}

.kl-features-03__text h3 {
  margin: 0 0 28px;
  max-width: 480px;
}

.kl-features-03__text p {
  margin: 0 0 64px;
  max-width: 600px;
}

.kl-features-03__buttons {
  display: flex;
  align-items: center;
}

.kl-features-03__primary-cta {
  margin: 0 35px 0 0;
}
.kl-features-04-wrapper {
  overflow: hidden;
}

.kl-features-04 {
  --gap: 120px;
  --line-offset: calc(var(--gap) / 2);
  --line-thickness: 1px;
  --line-color: #E4E4E7;
}

@media (min-width: 768px) {
  .kl-features-04 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    overflow: hidden;
    gap: var(--gap);
  }
}

@media (min-width: 1200px) {
  .kl-features-04 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.kl-features-04__card {
  position: relative;
  text-align: center;
}

.kl-features-04__card::before, 
.kl-features-04__card::after {
   content: '';
   position: absolute;
   background-color: var(--line-color);
   z-index: 1;
}

@media (min-width: 768px) {

  .kl-features-04__card::after {
    inline-size: 100vw;
    block-size: var(--line-thickness);
    inset-inline-start: 0;
    inset-block-start: calc(var(--line-offset) * -1);
  }

  .kl-features-04__card::before {
    inline-size: var(--line-thickness);
    block-size: 100vh;
    inset-inline-start: calc(var(--line-offset) * -1);
  }
}

.kl-features-04__card p {
  margin: 0;
  font-weight: 400;
}

.kl-features-04__card p.headline {
  margin: 0 0 22px;
  display: block;
  vertical-align: top;
  font-weight: 700;
  font-size: 21px;
}

.kl-features-04__card-header {
  display: flex;
  justify-content: center;
}

.kl-features-04__image {
  min-height: 40px;
  margin: 0 0 40px 0;
  display: inline-block;
}

.kl-features-04__image img {
  display: block;
  width: auto;
  max-height: 40px;
}

.kl-features-04__image > span {
  display: block;
}

.kl-features-04__image svg {
  max-height: 40px;
  width: 40px;
  fill: #982ce8;
}

.kl-features-04-wrapper.white .kl-features-04__card p {
  color: #ffffff
}

@media (min-width: 768px) {
  .swiper-pagination-product,
  .swiper-button-next-product,
  .swiper-button-prev-product {
    display: none;
  }
}

@media (max-width: 767px) {
  .kl-features-04-wrapper .kl-features-04.swiper-wrapper {
    display: flex;
    gap: unset;
    padding-bottom: 70px;
  }
  
  .kl-features-04.swiper-slide {
    width: 100%;
  }
  
  .swiper-pagination-product {
    bottom: 15px !important;
  }
  
  .kl-features-04-wrapper .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #333333 !important;
    width: 12px !important;
    height: 8px !important;
    border-radius: 4px;
  }
  
  .kl-features-04-wrapper.white .swiper-pagination-bullet-active {
    background: #ffffff !important;
  }

  .kl-features-04-wrapper .swiper-button-next, .kl-features-04-wrapper .swiper-button-prev {
    top: unset;
    bottom: 2px !important;
  }

  .kl-features-04-wrapper .swiper-button-next {
    right: 15%;
  }

  .kl-features-04-wrapper .swiper-button-prev {
    left: 15%;
  }

  .kl-features-04-wrapper .swiper-button-next:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='Arrows' transform='translate(-4 -4)'%3E%3Cpath id='Vereinigungsmenge_2' data-name='Vereinigungsmenge 2' d='M321.293-288.293a1,1,0,0,1,0-1.415L326.586-295H315a1,1,0,0,1-1-1,1,1,0,0,1,1-1h11.586l-5.293-5.293a1,1,0,0,1,0-1.414,1,1,0,0,1,1.414,0l7,7a1,1,0,0,1,.3.712,1,1,0,0,1-.3.712l-7,7A1,1,0,0,1,322-288,1,1,0,0,1,321.293-288.293Z' transform='translate(-310 308)' fill='%23333'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    display: block;
  }

  .kl-features-04-wrapper .swiper-button-prev:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='Arrows' transform='translate(-4 -4)'%3E%3Cpath id='Vereinigungsmenge_1' data-name='Vereinigungsmenge 1' d='M297.293-288.293l-6.995-7A1,1,0,0,1,290-296a1,1,0,0,1,.3-.712l6.995-6.995a1,1,0,0,1,1.415,0,1,1,0,0,1,0,1.414L293.414-297H305a1,1,0,0,1,1,1,1,1,0,0,1-1,1H293.414l5.293,5.293a1,1,0,0,1,0,1.415A1,1,0,0,1,298-288,1,1,0,0,1,297.293-288.293Z' transform='translate(-286 308)' fill='%23333'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    display: block;
  }
  
  .kl-features-04-wrapper.white .swiper-pagination-bullet {
    background: #fff;
  }
  
  .kl-features-04-wrapper.white .swiper-button-next:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='Vereinigungsmenge_2' data-name='Vereinigungsmenge 2' d='M-871.207,89.708a1,1,0,0,1,0-1.415L-865.914,83H-877.5a1,1,0,0,1-1-1,1,1,0,0,1,1-1h11.586l-5.293-5.293a1,1,0,0,1,0-1.414,1,1,0,0,1,1.414,0l7,6.995a1,1,0,0,1,.3.712,1,1,0,0,1-.3.712l-7,7A.994.994,0,0,1-870.5,90,1,1,0,0,1-871.207,89.708Z' transform='translate(878.5 -74)' fill='%23fff'/%3E%3C/svg%3E%0A");
  }

  .kl-features-04-wrapper.white .swiper-button-prev:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.001' height='16' viewBox='0 0 16.001 16'%3E%3Cpath id='Vereinigungsmenge_1' data-name='Vereinigungsmenge 1' d='M-871.207,89.708l-7-7a1,1,0,0,1,0-1.415l7-7a1,1,0,0,1,1.414,0,1,1,0,0,1,0,1.414L-875.086,81H-863.5a1,1,0,0,1,1,1,1,1,0,0,1-1,1h-11.587l5.293,5.293a1,1,0,0,1,0,1.415A.994.994,0,0,1-870.5,90,1,1,0,0,1-871.207,89.708Z' transform='translate(878.5 -74)' fill='%23fff'/%3E%3C/svg%3E%0A");
  }
}
.kl-card {
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 9px;
  background-color: rgba(255, 255, 255, 1.0);
  width: 100%;
  padding: 32px 25px;
  background-color: rgba(255, 255, 255, 1.0);
}

.kl-card__preheader {
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #8038DC;
  display: block;
  line-height: 1rem;
  margin: 0 0 .75rem;
}

.kl-card__content h1, .kl-card__content h2, .kl-card__content h3, .kl-card__content h4, .kl-card__content h5, .kl-card__content h6 {
  font-weight: bold;
  margin: 0 0 1rem;
}

.kl-card__content p {
  margin: 0 0 2rem;
}

.kl-card__image {
  margin: 0 0 1.75rem;
}

.kl-card__form {
  max-width: 600px;
}
.header-coverflow .header-coverflow-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  position: relative;
  min-height: 536px;
  align-items: center;
}

.header-coverflow__buttons .button {
  border: 1px solid #8038dc;
  font-size: 16px;
  font-weight: 700;
  min-width: 222px;
  padding: 13px 24px;
}

.coverflow .card {
	margin: 0 auto;
	position: relative;
	width: 320px;
	height: 100%;
	border-radius: 20px;
}

.coverflow {
  width: 100%;
  overflow: hidden;
  position: relative;
  right: 0;
  top: 0;
}

.coverflow .swiper-button-next {
  right: 15%;
}

.coverflow .swiper-button-prev {
  left: 15%;
}

.coverflow .card img {
	border-radius: 10px;
	object-fit: cover;
  width: 100%;
  height: auto;
}


@media (min-width: 1024px) {
  .header-coverflow .header-coverflow-inner {
    grid-template-columns: 1fr 1fr;
    min-height: 536px;
    gap: 100px;
  }
  .coverflow {
    width: 805px;
    overflow: hidden;
    position: absolute;
    right: -255px;
    top: 0;
  }
  
  .coverflow .swiper-slide {
    width: 480px;
  }
  
  .coverflow .card {
    margin: 0 auto;
    position: relative;
    width: 480px;
    height: 480px;
    border-radius: 10px;
  }
  
  .coverflow .swiper-button-next {
    right: 32%;
  }

  .coverflow .swiper-button-prev {
    left: 31%;
  }
  
  .coverflow .card img {
    height: unset;
  }
}

.coverflow .swiper-wrapper {
  padding-bottom: 50px;
}

.swiper-pagination-coverflow {
  bottom: 15px !important;
}

.coverflow .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #333333 !important;
    width: 12px !important;
    height: 8px !important;
    border-radius: 4px;
}

.coverflow .swiper-button-next, .coverflow .swiper-button-prev {
  top: unset;
  bottom: 2px !important;
}

.coverflow .swiper-button-next:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='Arrows' transform='translate(-4 -4)'%3E%3Cpath id='Vereinigungsmenge_2' data-name='Vereinigungsmenge 2' d='M321.293-288.293a1,1,0,0,1,0-1.415L326.586-295H315a1,1,0,0,1-1-1,1,1,0,0,1,1-1h11.586l-5.293-5.293a1,1,0,0,1,0-1.414,1,1,0,0,1,1.414,0l7,7a1,1,0,0,1,.3.712,1,1,0,0,1-.3.712l-7,7A1,1,0,0,1,322-288,1,1,0,0,1,321.293-288.293Z' transform='translate(-310 308)' fill='%23333'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
  display: block;
}

.coverflow .swiper-button-prev:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='Arrows' transform='translate(-4 -4)'%3E%3Cpath id='Vereinigungsmenge_1' data-name='Vereinigungsmenge 1' d='M297.293-288.293l-6.995-7A1,1,0,0,1,290-296a1,1,0,0,1,.3-.712l6.995-6.995a1,1,0,0,1,1.415,0,1,1,0,0,1,0,1.414L293.414-297H305a1,1,0,0,1,1,1,1,1,0,0,1-1,1H293.414l5.293,5.293a1,1,0,0,1,0,1.415A1,1,0,0,1,298-288,1,1,0,0,1,297.293-288.293Z' transform='translate(-286 308)' fill='%23333'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
  display: block;
}
.team-wrapper .teams {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 64px 32px;
}

@media (min-width: 1024px) {
  .team-wrapper .teams {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1200px) {
  .team-wrapper .teams {
    grid-template-columns: repeat(4, 1fr);
  }
}

.team {
  padding: 24px;
  background: #F1F4FA;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 10px;
}

.team .team__image img {
  width: 80px;
  height: 80px;
  margin-bottom: 8px;
}

.team p {
  text-align: center;
  margin: 0;
  color: #667085;
  font-size: 16px;
}

.team p.headline {
  margin-bottom: 8px;
  color: #101828;
  font-weight: 500;
  font-size: 18px;
}

@media (min-width: 768px) {
  .swiper-pagination-team,
  .swiper-button-next-team,
  .swiper-button-prev-team {
    display: none;
  }
}

@media (max-width: 767px) {
  .team-wrapper .teams.swiper-wrapper {
    display: flex;
    gap: unset;
    padding-bottom: 70px;
    flex-direction: row;
  }
  
  .team.swiper-slide {
    width: 100%;
  }
  
  .swiper-pagination-team {
    bottom: 15px !important;
  }
  
  .team-wrapper .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #333333 !important;
    width: 12px !important;
    height: 8px !important;
    border-radius: 4px;
}

  .team-wrapper .swiper-button-next, .team-wrapper .swiper-button-prev {
    top: unset;
    bottom: 2px !important;
  }

  .team-wrapper .swiper-button-next {
    right: 15%;
  }

  .team-wrapper .swiper-button-prev {
    left: 15%;
  }

  .team-wrapper .swiper-button-next:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='Arrows' transform='translate(-4 -4)'%3E%3Cpath id='Vereinigungsmenge_2' data-name='Vereinigungsmenge 2' d='M321.293-288.293a1,1,0,0,1,0-1.415L326.586-295H315a1,1,0,0,1-1-1,1,1,0,0,1,1-1h11.586l-5.293-5.293a1,1,0,0,1,0-1.414,1,1,0,0,1,1.414,0l7,7a1,1,0,0,1,.3.712,1,1,0,0,1-.3.712l-7,7A1,1,0,0,1,322-288,1,1,0,0,1,321.293-288.293Z' transform='translate(-310 308)' fill='%23333'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    display: block;
  }

  .team-wrapper .swiper-button-prev:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='Arrows' transform='translate(-4 -4)'%3E%3Cpath id='Vereinigungsmenge_1' data-name='Vereinigungsmenge 1' d='M297.293-288.293l-6.995-7A1,1,0,0,1,290-296a1,1,0,0,1,.3-.712l6.995-6.995a1,1,0,0,1,1.415,0,1,1,0,0,1,0,1.414L293.414-297H305a1,1,0,0,1,1,1,1,1,0,0,1-1,1H293.414l5.293,5.293a1,1,0,0,1,0,1.415A1,1,0,0,1,298-288,1,1,0,0,1,297.293-288.293Z' transform='translate(-286 308)' fill='%23333'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .kl-features-03.tabs {
    padding: 0;
  }
}

.kl-features-03.tabs .kl-features-03__titles {
    padding: 0;
    margin: 0;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
}

.kl-features-03.tabs .kl-features-03__titles li p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    gap: 20px;
    padding: 10px 20px 10px 20px;
}

.kl-features-03.tabs .kl-features-03__titles li p img {
  margin: unset;
  max-width: 10%;
}

@media screen and (min-width: 1000px) {
  .kl-features-03.tabs .kl-features-03__titles {
    margin: 0 0 0 90px;
  }
  
  .kl-features-03.tabs .kl-features-03__titles li p {
    align-items: center;
    gap: 40px;
    padding: 0 55px 24px 28px;
    font-size: 20px;
    color: #A0A3BD;
  }
  
  .kl-features-03.tabs .kl-features-03__titles li p img {
    margin: auto;
    max-width: unset;
    min-width: 20%;
  }
}

.kl-features-03.tabs .kl-features-03__titles li.active p {
  color: #170F49;
  font-weight: 700;
}

.kl-features-03__sections.tabs .kl-features-03__section.tabs.active {
  display: grid;
  grid-template-columns: 1fr;
  border-radius: 10px;
  background: rgba(255,255,255,.35);
  padding: 40px 30px 40px 30px;
  align-items: center;
  gap: 40px;
}

@media screen and (min-width: 1000px) {
  .kl-features-03__sections.tabs .kl-features-03__section.tabs.active {
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    padding: 60px 40px 50px 48px;
  }
}

.kl-features-03__sections.tabs .kl-features-03__content {
  padding: 0;
}

.kl-features-03__sections.tabs .kl-features-03__content h2,
.kl-features-03__sections.tabs .kl-features-03__content h3 {
  margin-bottom: 10px;
}

.kl-features-03__sections.tabs .kl-features-03__content p, 
.kl-features-03__sections.tabs .kl-features-03__content li, 
.kl-features-03__sections.tabs .kl-features-03__content p span, 
.kl-features-03__sections.tabs .kl-features-03__content li span {
  color: #52525B;
}

.kl-features-03__sections.tabs .kl-features-03__section.tabs .kl-features-03__content > img {
  display: block;
  margin-bottom: 20px;
  margin-left: unset;
}

.kl-features-03__sections.tabs .kl-features-03__image--cover img {
  border-radius: 10px;
}

.kl-features-03__section.slider.active {
  display: block;
  border-radius: 10px;
}

.slider-buero .swiper-slide img {
  border-radius: 10px;
  display: block;
  max-width: 100%; 
  height: 461px;
  object-fit: cover;
}
.single-table {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}

.single-table .single-table__content {
  padding-top: 0;
}

.single-table table {
  width: 100%;
  border: 0;
  margin-bottom: 0;
}

.single-table table * {
  border: 0;
}

.single-table table th {
  text-align: left;
  background-color: #EEF1F4;
  border: 2px solid #eef1f4;
  border-bottom: 0;
  padding: .555rem;
}

.single-table table td {
  text-align: left;
  width: 50%;
  background: #FFF;
  border: 2px solid #eef1f4;
  line-height: 1;
  padding: .555rem;
  position: relative;
}

.single-table table td + td {
  text-align: center;
}

.single-table .table__outer {
  width: 100%;
  margin-bottom: 0;
}

.single-table .table__outer .table__th {
  text-align: left;
  background-color: #EEF1F4;
  border: 2px solid #eef1f4;
  border-bottom: 0;
  padding: .555rem;
  font-weight: 900;
}

.single-table .table__outer .table__tr {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.single-table .table__outer .table__tr .table__td:nth-child(1) {
  grid-column: 1 / span 4;
}

.single-table .table__outer .table__tr .table__td:nth-child(2) {
  grid-column: 1 / span 2;
}

.single-table .table__outer .table__tr .table__td:nth-child(3) {
  grid-column: 3 / span 4;
}

.single-table .table__outer .table__tr .table__td {
  text-align: left;
  width: 100%;
  background: #FFF;
  border: 1px solid #eef1f4;
  line-height: 1;
  padding: .555rem;
  position: relative;
}

.single-table .table__outer .table__td + .table__td {
  text-align: center;
}

.single-table .single-card {
  display: grid;
  gap: unset;
  grid-template-columns: unset;
  padding-left: 0;
}

.single-table.columns-3 .kl-pricing {
  display: grid;
  grid-template-columns: 1fr;
}

.single-table.columns-3 .kl-pricing__card+.kl-pricing__card {
  margin-left: 0;
}

.single-table.columns-3 .kl-pricing__card {
  border: 1px solid #EEF1F4;
}

@media screen and (max-width: 768px) {
    .single-table.columns-3 .kl-pricing__card+.kl-pricing__card {
        margin: 0;
    }
}

@media screen and (max-width: 999px) {
  .single-table.columns-3 .kl-pricing-table {
     display: grid;
     grid-template-columns: 1fr 1fr; 
  }
  
  .single-table.columns-3 .kl-pricing-table p {
    font-size: 18px;
    font-weight: 900;
    text-align: center;
    margin: 0;
    padding: 20px;
  }
}

@media screen and (min-width: 1000px) {
  .single-table.columns-3 .kl-pricing-table {
    display: none;
  }
  
  .single-table .table__outer .table__tr .table__td:nth-child(1),
  .single-table .table__outer .table__tr .table__td:nth-child(2),
  .single-table .table__outer .table__tr .table__td:nth-child(3) {
    grid-column: unset;
  }
  
  .single-table .table__outer .table__tr .table__td:nth-child(1) {
    padding-right: 30px;
  }
  
  .single-table .table__outer .table__tr {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .single-table.columns-3 .kl-pricing__card:first-child {
    grid-column-start: 2;
  }
  
  .single-table.columns-3 .kl-pricing {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  
  .single-table .single-card {
    padding-left: 50%;
  }
  
  .single-table.columns-3 .single-card {
    padding-left: unset;
  }
}

.single-table .single-card .kl-pricing__card {
  padding: 30px;
  background: #ffffff;
}

.single-table .single-card .kl-pricing__price h2 {
  font-size: 36px;
  color: #8038DC;
  font-weight: 700;
}

.single-table .single-card .kl-pricing__price h2 span:first-child {
  font-weight: 700;
  color: #8038DC;
  font-size: 13px;
}

.single-table .single-card .kl-pricing__price h2 span:last-child {
  color: #607188;
  font-weight: 400;
  font-size: 13px;
}

.single-table .single-card .kl-pricing__card h4 {
  color: #06172E;
}

.single-table .single-card .kl-pricing__description p {
  font-size: 13px;
  color: #607188;
}

.single-table .single-card .kl-pricing__button a {
    background-color: #8038dc;
    color: #fff;
    font-size: 18px;
}

.tooltip {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  top: 11px;
  right: 10px;
}

svg + .tooltip {
  top: 11px;
}

@media (max-width: 999px) {
  .tooltip .tooltiptext {
      background-color: #000;
      border-radius: 5px;
      bottom: -5px;
      color: #fff;
      font-size: 14px;
      left: 50%;
      margin-left: -200px;
      opacity: 0;
      padding: 10px;
      position: absolute;
      text-align: center;
      transition: opacity .3s;
      visibility: hidden;
      width: 180px;
      z-index: 1;
  }

  .tooltip .tooltiptext:after {
      border: 5px solid transparent;
      border-top-color: #000000;
      content: "";
      left: 100%;
      transform: rotate(-90deg);
      margin-left: 0px;
      position: absolute;
      top: 50%;
      margin-top: -3px;
  }
}

@media (min-width: 1000px) {
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: #000000;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Position des Tooltips */
    left: 50%; 
    margin-left: -90px; 
    font-size: 14px;
    opacity: 0;
    transition: opacity 0.3s;
  }

  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000000 transparent transparent transparent;
  }
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.kl-testimonials {
  display: flex;
}

@media screen and (max-width: 920px) {
  .kl-testimonials {
    display: block;
  }
}

.kl-testimonial {
  padding: 18px 25px 25px;
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 9px;
  background-color: rgba(255, 255, 255, 1.0);
  flex-grow: 1;
  flex-basis: 300px;
}

.kl-testimonial + .kl-testimonial {
  margin-left: 64px;
}

@media screen and (max-width: 1024px) {
  .kl-testimonial + .kl-testimonial {
    margin-left: 16px;
  }
}

@media screen and (max-width: 920px) {
  .kl-testimonial + .kl-testimonial {
    margin: 16px 0 0;
  }
}

.kl-testimonial__quote {
  margin: 0 0 25px;
}

.kl-testimonial__quote svg {
  fill: #982ce8;
  height: 32px;
  max-height: 32px;
}

.kl-testimonial__content {
  font-weight: 500;
}

.kl-testimonial__footer {
  display: flex;
  align-items: center;
}

.kl-testimonial__footer img {
  display: block;
  object-fit: cover;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  margin: 0 16px 0 0;
}

.kl-testimonial__author {
  font-weight: bold;
}

.kl-testimonial__author span {
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #8038DC;
  display: block;
  font-size: 0.75rem;
  margin: 0 0 8px;
}


/* Single Testimonials*/

.single-kl-testimonials {
  display: block;
}

.single-kl-testimonial {
  max-width: 878px;
  margin: auto;
}

.single-kl-testimonial__footer {
    display: grid;
    grid-template-columns: minmax(95px, 95px) 1fr;
    gap: 29px;
    align-items: center;
    margin-top: 10px;
}

.single-kl-testimonial__quote {
  margin-bottom: 25px;
}

.single-kl-testimonial__content {
  font-size: 25px;
  color: #000;
  font-weight: 600;
}

@media screen and (min-width: 1000px) {
  .single-kl-testimonial__content {
    font-size: 45px;
  }
}

.single-kl-testimonial__author {
    display: flex;
    flex-direction: column;
    color: var(--gray-600, #52525B);
    line-height: 150%;
}

.single-kl-testimonial__author span {
    font-weight: 900;
}

.single-kl-testimonial__footer img {
  width: 100%;
  display: block;
  object-fit: cover;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  margin: 0;
}

.single-kl-testimonials.hell .single-kl-testimonial__author,
.single-kl-testimonials.hell .single-kl-testimonial__content{
  color: #ffffff;
}
.kl-timeline__entry {
  position: relative;
  padding-bottom: 50px;
}

.kl-timeline__entry h1, .kl-timeline__entry h2, .kl-timeline__entry h3, .kl-timeline__entry h4, .kl-timeline__entry h5 {
  color: #982ce8;
}

.kl-timeline__entry p {
  margin: 0 0 1rem;
}

.kl-timeline__entry--odd {
  margin-right: 50%;
  padding-right: 50px;
  text-align: right;
}

.kl-timeline__entry--odd:before {
  content: '';
  background-color: #1C2630;
  display: block;
  position: absolute;
  top: 10px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  transform: translateX(4px);
  right: 0;
}

@media screen and (max-width: 580px) {
  .kl-timeline__entry--odd:before {
    transform: translateX(-5px);
    left: 0;
  }
}

.kl-timeline__entry--odd:after {
  content: '';
  background-color: #1C2630;
  display: block;
  position: absolute;
  top: 10px;
  width: 1px;
  height: 100%;
  right: 0;
}

@media screen and (max-width: 580px) {
  .kl-timeline__entry--odd:after {
    left: 0;
  }
}

.kl-timeline__entry--even {
  margin-left: 50%;
  padding-left: 50px;
}

.kl-timeline__entry--even:before {
  content: '';
  background-color: #1C2630;
  display: block;
  position: absolute;
  top: 10px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  transform: translateX(-5px);
  left: -1px;
}

@media screen and (max-width: 580px) {
  .kl-timeline__entry--even:before {
    transform: translateX(-5px);
    left: 0;
  }
}

.kl-timeline__entry--even:after {
  content: '';
  background-color: #1C2630;
  display: block;
  position: absolute;
  top: 10px;
  width: 1px;
  height: 100%;
  left: -1px;
}

@media screen and (max-width: 580px) {
  .kl-timeline__entry--even:after {
    left: 0;
  }
}

.kl-timeline__entry--last:after {
  display: none;
}

@media screen and (max-width: 580px) {
  .kl-timeline__entry {
    margin: 0;
    padding: 0 0 50px 50px;
    text-align: left;
  }
}

@media screen and (max-width: 420px) {
  .kl-timeline__entry {
    padding: 0 0 20px 20px;
  }
}
.kl-features-01.two-boxes {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin: 60px 0;
    flex-direction: column;
}

@media (min-width: 1000px) {
  .kl-features-01.two-boxes {
    flex-direction: row;
  }
}

.kl-features-01.two-boxes .kl-features-01__card {
  border-radius: 10px;
  background-color: #06172E;
  flex-basis: 25%;
  flex-grow: 1;
  padding: 34px 40px 30px 20px;
  display: flex;
  align-items: flex-start;
  gap: 30px;
}

.kl-features-01.two-boxes .kl-features-01__card + .kl-features-01__card {
    margin-left: unset; 
}

.kl-features-01.two-boxes .kl-features-01__image {
    min-height: 40px;
    margin: 0 0 10px;
}

.kl-features-01.two-boxes .kl-features-01__card h3 {
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 20px;
}

.kl-features-01.two-boxes .kl-features-01__card p {
  margin: 0;
  color: #ffffff;
}
/***************************************************************************/
/************************   Menu and simple menu   *************************/
/***************************************************************************/
.hs-menu-wrapper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */
.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/* Vertical menu */
.hs-menu-wrapper.hs-menu-flow-vertical ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

.lang_switcher_class {
  display: flex !important;
  gap: 10px!important;
  align-items: center;
}

.lang_switcher_class .globe_class {
  background-image: url('https://145105973.fs1.hubspotusercontent-eu1.net/hubfs/145105973/globe.svg')!important;
}

.lang_list_class {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  padding: 0 !important;
  margin-top: 20px !important;
}

.lang_list_class:before {
  border: none !important;
  background: white;
  box-shadow: 0px 5px 10px rgba(154, 161, 177, 0.1);
}

.lang_list_class:after {
  top: -23px !important;
}

.lang_list_class li {
  word-break: keep-all;
  border-left: none !important;
  border-right: none !important;
}

.lang_list_class li:first-child {
  border-top: none !important;
}

.lang_list_class li:last-child {
  border-bottom: none !important;
}
/* Blog header */
.blog-header {
  background-color: rgba(242, 245, 251, 1.0);
  padding: 82px 0;
  /* Blog header - author listing */
}

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

@media screen and (max-width: 768px) {
  .blog-header__inner {
    display: block;
  }
}

.blog-header--author {
  background-color: transparent;
}

.blog-header--author .blog-header__inner {
  justify-content: flex-start;
  flex-wrap: nowrap;
}

@media screen and (max-width: 768px) {
  .blog-header--author .blog-header__inner {
    display: block;
  }
}

.blog-header__title {
  margin: 0 0 32px;
  max-width: 380px;
  flex-basis: 380px;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .blog-header__title {
    max-width: none;
  }
}

.blog-header__title span {
  color: #982ce8;
}

.blog-header__preheader {
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #8038DC;
  display: block;
  margin: 0 0 .75rem;
}

.blog-header__image {
  margin-left: 32px;
}

@media screen and (max-width: 768px) {
  .blog-header__image {
    margin: 0 auto;
    max-width: 360px;
  }
}

.blog-header__image img {
  width: 100%;
}

.blog-header__author {
  flex-basis: 720px;
}

@media screen and (max-width: 768px) {
  .blog-header__author {
    margin: 32px 0 0;
  }
}

.blog-header__avatar {
  display: block;
  height: 360px;
  width: 100%;
  margin-right: 64px;
  max-width: 360px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .blog-header__avatar {
    margin: 0 auto;
  }
}

@media screen and (max-width: 360px) {
  .blog-header__avatar {
    height: 300px;
  }
}

.blog-header__author-social-links {
  margin: 0 -8px;
}

.blog-header__author-social-links a {
  display: inline-block;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  margin: 0 8px;
  position: relative;
}

.blog-header__author-social-links svg {
  fill: #18181B;
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.blog-filter {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 32px 0;
}

.blog-tags {
  list-style: none;
  padding: 0;
  margin: -7px;
  max-width: 680px;
}

.blog-tags li {
  display: inline-block;
  margin: 7px;
}

.blog-tags__link {
  background-color: rgba(152, 44, 232, 1.0);
  border: 0px solid rgba(152, 44, 232, 1.0);
  border-radius: 100px;
  color: rgba(255, 255, 255, 1);
  padding: 15px 35px;
  font-family: Lato, sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  cursor: pointer;
  line-height: 1.1;
  letter-spacing: 0.03em;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: all 0.15s linear;
  /* To affect HubSpot CTAs */
  padding: 12px 18px;
  border-radius: 3px;
  text-transform: uppercase;
  line-height: 1;
  font-size: 0.75rem;
  background-color: transparent;
  color: #dadada;
  border: 1px solid #dadada;
}

.blog-tags__link:hover, .blog-tags__link:focus, .blog-tags__link:active {
  background-color: rgba(114, 0, 214, 1.0);
  border-color: rgba(114, 0, 214, 1.0);
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  transform: scale(1);
}

.blog-tags__link:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

.blog-tags__link a {
  color: rgba(255, 255, 255, 1);
}

.blog-tags__link a:hover {
  color: white;
  text-decoration: none;
}

.blog-tags__link--current {
  background-color: #982ce8;
  border: none;
  color: white;
}

.blog-search {
  flex-basis: 400px;
  width: 100%;
  margin: 32px 0 0;
}

/* Blog listing */
.blog-index, .blog-more-posts {
  display: flex;
  flex-wrap: wrap;
  padding: 32px 0;
}

.blog-index:after, .blog-more-posts:after {
  content: "";
  flex: auto;
}

.blog-index__post-wrapper, .blog-more-posts__post-wrapper {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  padding: 24px;
}

@media screen and (min-width: 768px) {
  .blog-index__post-wrapper, .blog-more-posts__post-wrapper {
    flex-basis: calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-index__post-wrapper, .blog-more-posts__post-wrapper {
    flex-basis: calc(100% / 3);
  }
}

.blog-index__post, .blog-more-posts__post {
  display: flex;
  flex-direction: column;
  border: 0.5px solid rgba(100, 146, 253, 0.2);
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.2);
  border-radius: 9px;
  height: 100%;
  overflow: hidden;
}

.blog-index__post img, .blog-more-posts__post img {
  height: auto;
  max-width: 100%;
}

.blog-index__post-content, .blog-more-posts__post-content {
  padding: 30px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-grow: 1;
}

.blog-index__post-content h3, .blog-more-posts__post-content h3 {
  margin: 0 0 1rem;
}

.blog-index__post-content h3 a, .blog-more-posts__post-content h3 a {
  color: #18181B;
}

.blog-index__post-content h3 a:hover, .blog-index__post-content h3 a:visited, .blog-more-posts__post-content h3 a:hover, .blog-more-posts__post-content h3 a:visited {
  color: #18181B;
}

.blog-index__post-preheader, .blog-more-posts__post-preheader {
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #8038DC;
  display: block;
  margin: 0 0 .75rem;
}

.blog-index__post-meta, .blog-more-posts__post-meta {
  display: flex;
  margin: 32px 0 0;
  color: #C6C6C6;
  font-size: .75rem;
  text-transform: uppercase;
}

.blog-index__post-meta span, .blog-more-posts__post-meta span {
  display: inline-block;
}

.blog-index__post-date, .blog-more-posts__post-date {
  margin-left: 54px;
}

.blog-index__post-image, .blog-more-posts__post-image {
  display: block;
  background-image: url('https://144323340.fs1.hubspotusercontent-eu1.net/hubfs/144323340/raw_assets/public/mso-orbit-theme/orbit/images/grayscale-mountain.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 63%;
}

.blog-index__author h2, .blog-more-posts__author h2 {
  margin: 32px 0 1.5rem;
}

.blog-index__author hr, .blog-more-posts__author hr {
  height: 2px;
  background-color: #DCDCDC;
}

/* Blog pagination */
.blog-pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 3rem;
}

.blog-pagination__link {
  font-family: Lato, sans-serif;
  font-weight: bold;
  color: #18181B;
  font-size: 1rem;
  line-height: 1;
  margin: 0 16px;
  text-decoration: none;
}

.blog-pagination__link:hover, .blog-pagination__link:focus {
  color: #982ce8;
  text-decoration: none;
}

.blog-pagination__link--active {
  color: #982ce8;
}

.blog-pagination__ellipsis {
  color: #18181B;
  font-size: 1rem;
  line-height: 1;
}

/* Blog post */
.blog-header--post {
  min-height: 520px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.blog-post {
  margin: 0 auto;
  padding: 4.5rem 0;
}

.blog-post__meta {
  display: flex;
  align-items: center;
}

.blog-post__meta a {
  color: #C6C6C6;
  transition: color .25s ease-in;
}

.blog-post__meta a:hover {
  color: #982ce8;
  text-decoration: none;
}

.blog-post__timestamp {
  color: #C6C6C6;
}

.blog-post__divider {
  margin: 64px 0 52px;
}

.blog-post__avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  margin-right: 38px;
}

.blog-post__preheader {
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #8038DC;
  display: block;
  margin: 0 0 1rem;
}

.blog-post__title {
  margin: 0 0 1rem;
  max-width: 680px;
}

.blog-post__summary {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0 0 2.5rem;
  max-width: 680px;
}

.blog-post__body-wrapper {
  max-width: 680px;
  margin: 0 auto;
}

.blog-post__body img {
  max-width: 100%;
}

.blog-post__tags {
  display: flex;
  flex-wrap: wrap;
}

.blog-post__tag-link {
  color: #982ce8;
  background-color: #e6edff;
  border-radius: 3px;
  font-size: 0.75rem;
  padding: 5px 10px;
  margin: 0 8px 8px 0;
}

/* Blog related posts */
.blog-more {
  padding: 2rem 0;
}

.blog-more--centered h2 {
  text-align: center;
}

/* Blog comments */
.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments form {
  max-width: 100%;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
  outline: none;
}

.blog-comments .comment-reply-to:hover {
  background-color: transparent;
  text-decoration: underline;
  color: #18181B;
}
.kl-documentation__container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-start;
}

@media screen and (min-width: 1380px) {
  .kl-documentation__container {
    padding: 0px;
  }
}

@media screen and (max-width: 680px) {
  .kl-documentation__container {
    display: block;
  }
}

.kl-documentation__toc {
  width: 250px;
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  top: 82px;
  height: calc(100vh - 82px);
  overflow-y: scroll;
  padding: 16px 16px 0 0;
  margin-right: 20px;
}

@media screen and (max-width: 680px) {
  .kl-documentation__toc {
    position: static;
    width: 100%;
    padding: 16px 0 0;
    margin: 0;
    overflow-y: auto;
    border-bottom: 1px solid #ececec;
    height: auto;
  }
}

.kl-documentation__toc ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.kl-documentation__toc li {
  margin-bottom: 16px;
}

@media screen and (max-width: 680px) {
  .kl-documentation__toc li {
    margin-bottom: 8px;
  }
}

.kl-documentation__toc a {
  color: #18181B;
}

.kl-documentation__contents {
  padding: 16px 0;
  width: calc(100% - 269px);
}

@media screen and (max-width: 680px) {
  .kl-documentation__contents {
    width: 100%;
  }
}

.kl-documentation__module {
  position: relative;
  margin: 0 0 32px;
  padding: 0 0 32px;
  scroll-margin-top: 82px;
}

.kl-documentation__module:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #ececec;
}

.kl-documentation__module-preview {
  margin: 0 0 32px;
}

.kl-documentation__fields {
  table-layout: fixed;
  width: 100%;
  margin: 0;
}

.kl-documentation__fields .depth0 {
  background-color: #f5f5f5;
}

.kl-documentation__fields thead th {
  font-size: 14px;
  padding: 12px;
  font-weight: bold;
  text-align: left;
  color: black;
  background-color: #d7ddec;
}

.kl-documentation__fields th, .kl-documentation__fields td {
  border: 1px solid #c0cbe4;
  padding: 6px 12px;
  font-size: 12px;
}

.kl-documentation .content-wrapper {
  padding: 0 20px !important;
}
/* Error pages */
.kl-error-page {
  padding: 100px 0;
  text-align: center;
}

.kl-error-page__preheader {
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #8038DC;
  display: block;
  margin: 0 0 0.5rem;
}

.kl-error-page__heading {
  margin: 0 0 1rem;
}

/* System pages */
.systems-page__content {
  margin: 0 auto;
  max-width: 620px;
  padding: 120px 20px;
}

.systems-page .success {
  color: #34A853;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
}

.systems-page h1 {
  margin: 0 0 4rem;
  text-align: center;
}

@media screen and (max-width: 360px) {
  .systems-page h1 {
    margin: 0 0 2rem;
    font-size: 2rem;
  }
}

.systems-page--membership {
  background-image: url(https://144323340.fs1.hubspotusercontent-eu1.net/hubfs/144323340/raw_assets/public/mso-orbit-theme/orbit/images/Hero-Background-2.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.systems-page--membership h1 {
  margin: 0 0 1rem;
}

.systems-page--membership p {
  margin: 0 0 3rem;
  text-align: center;
}

.systems-page--membership form .hs-submit input, .systems-page--membership form input[type="submit"] {
  width: 100%;
}

.systems-page--subscription-confirmation h1 {
  display: none;
  margin: 0 0 1.5rem;
}

.systems-page--subscription-confirmation h2 {
  color: #3A3A3A;
  font-size: 1rem;
  margin: 0;
}

.systems-page--subscription-confirmation .page-header {
  text-align: center;
  margin: 0 0 2rem;
}

.systems-page--subscription-preferences .page-header {
  text-align: center;
  margin: 0 0 2rem;
}

.systems-page--subscription-preferences h1 {
  margin: 0 0 1.5rem;
}

.systems-page--subscription-preferences h2 {
  color: #3A3A3A;
  font-size: 1rem;
  margin: 0;
}

.systems-page--subscription-preferences .email-prefs {
  padding: 32px;
  border: 1px solid #DAE3F9;
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.1);
  border-radius: 10px;
}

.systems-page--subscription-preferences .email-prefs p, .systems-page--subscription-preferences .email-prefs span, .systems-page--subscription-preferences .email-prefs label {
  font-size: 0.875rem;
  line-height: 1rem;
  vertical-align: text-top;
  font-weight: normal;
}

@media screen and (max-width: 360px) {
  .systems-page--subscription-preferences .email-prefs {
    padding: 18px;
  }
}

.systems-page--subscription-preferences input[type="checkbox"] {
  margin-right: 12px;
}

.systems-page__preheader {
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #8038DC;
  display: block;
  margin: 0 0 0.5rem;
  text-align: center;
}

.systems-page form {
  position: relative;
}

.systems-page form .hs-form-field {
  position: relative;
}

.systems-page form .form-input-validation-message ul {
  padding: 0;
}

.systems-page form .form-input-validation-message label {
  color: #929292;
  font-size: 0.875rem;
  font-weight: normal;
}

.systems-page form .hs-login-widget-show-password,
.systems-page form .hs-register-widget-show-password,
.systems-page form .hs-reset-widget-show-password {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #982ce8;
}

.systems-page form .hs-login-widget-show-password:hover, .systems-page form .hs-login-widget-show-password:focus,
.systems-page form .hs-register-widget-show-password:hover,
.systems-page form .hs-register-widget-show-password:focus,
.systems-page form .hs-reset-widget-show-password:hover,
.systems-page form .hs-reset-widget-show-password:focus {
  color: #982ce8;
  text-decoration: none;
}

.systems-page form #hs_login_reset {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  margin: 1rem 0 0;
  z-index: 1;
  color: #982ce8;
  font-size: 0.875rem;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.systems-page form input {
  max-width: 100%;
}

.systems-page .form-container {
  max-width: 380px;
  margin: 0 auto 3rem;
}

.systems-page .form-container .label {
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  margin: 0 0 0.75rem;
}

#email-prefs-form .header {
  background-color: transparent;
}

/* Password prompt */
.password-prompt input[type=password] {
  display: block;
  height: auto !important;
  margin-bottom: 1.4rem;
}

/* Backup unsubscribe */
.backup-unsubscribe h3 {
  font-size: 0.875rem;
  font-weight: bold !important;
  line-height: 1rem;
  margin: 0 0 0.75rem;
}

.backup-unsubscribe #email-prefs-form {
  padding: 42px 32px;
  border: 1px solid #DAE3F9;
  box-shadow: 0px 11px 30px rgba(154, 161, 177, 0.1);
  border-radius: 10px;
}

.backup-unsubscribe #email-prefs-form div {
  padding-bottom: 0 !important;
}

@media screen and (max-width: 360px) {
  .backup-unsubscribe #email-prefs-form {
    padding: 32px 18px;
  }
}

.backup-unsubscribe input[type=email] {
  margin-bottom: 1.5rem;
  padding: 0.7rem !important;
  font-size: 0.875rem !important;
  border: 1px solid #DADADA;
}

/* Search pages */
.hs-search-field {
  max-width: 750px;
}

.hs-search-field input[type=text] {
  padding-right: 48px;
}

.hs-search-field__bar {
  position: relative;
}

.hs-search-field__bar:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 19a8 8 0 100-16 8 8 0 000 16zM21 21l-4-4' stroke='%23C6C6C6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
}

.hs-search-field__suggestions {
  background-color: #FFF;
  max-width: 360px;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(8px);
  border-radius: 9px;
  width: 100%;
}

.hs-search-field__suggestions a, .hs-search-field__suggestions #results-for {
  padding: 8px 16px;
}

.hs-search-field--open .hs-search-field__suggestions {
  border: 1px solid #dedede !important;
}

.kl-search-results {
  padding: 80px 0;
}

.hs-search-results {
  margin-top: 3.5rem;
}

.hs-search-results__featured-image {
  margin-bottom: 1rem;
}

.hs-search-results__featured-image img {
  display: block;
  max-width: 100%;
  width: 100%;
}

.hs-search-results__title {
  color: #18181B;
  font-size: 1.5rem;
  font-weight: bold;
  font-family: Lato, sans-serif;
}

.hs-search-results__title:hover, .hs-search-results__title:focus {
  color: #982ce8;
  text-decoration: none;
}

.hs-search-results__description {
  padding-top: 1.25rem;
  margin: 0 0 2.5rem;
}

.hs-search-results__pagination a {
  color: #18181B;
  font-family: Lato, sans-serif;
  font-weight: bold;
}

.hs-search-results__listing {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px !important;
}

.hs-search-results__listing li {
  flex-basis: calc(100% / 2);
  padding: 0 20px !important;
}

@media screen and (max-width: 620px) {
  .hs-search-results__listing li {
    flex-basis: 100%;
  }
}

.hs-search-highlight {
  font-weight: bold;
}
.systems-page__content {
    padding: 60px 20px;
}

.systems-page h1 {
    margin: 0 0 2rem;
    font-size: 30px;
}

@media (min-width: 1000px ) {
  .systems-page h1 {
    font-size: 40px;
  }
}

.systems-page #grid-logos-abo {
  max-width: 400px;
  margin: 0 auto 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.systems-page #email-icon {
  text-align: center;
  margin-bottom: 30px;
}

.systems-page #email-icon img {
  border-radius: 0;
  width: 40px;
  height: auto;
}

.systems-page p#abbinder-abo {
  margin-top: 80px;
}

.systems-page .success {
    color: #8038dc;
    font-size: 1.5rem;
}

/* Verstecke die ursprüngliche Checkbox */
.systems-page #email-prefs-form .checkbox-row input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
}

/* Stilisiere den Schieberegler */
.systems-page .switch {
  display: inline-block;
  width: 40px;
  height: 20px;
}

.systems-page .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: background-color 0.4s;
  border-radius: 34px;
}

.systems-page .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: transform 0.4s;
  border-radius: 50%;
}

/* Aktivierter Zustand */
.systems-page input[type="checkbox"]:checked + .slider {
  background-color: #8038dc;
}

.systems-page input[type="checkbox"]:checked + .slider:before {
  transform: translateX(20px);
}

.systems-page #email-prefs-form .checkbox-row .fakelabel {
    display: block;
    margin-top: 36px;
    margin-bottom: 10px;
    min-width: 100%;
    padding-right: 60px;
    position: relative;
    width: 100%;
}

.systems-page #email-prefs-form .checkbox-row .fakelabel span {
  color: #8038dc;
  font-weight: 700;
}

.systems-page .switch {
  position: absolute;
  right: 0;
}

.systems-page .subscribe-options .header {
  font-weight: 700;
  font-size: 21px;
  margin-top: 36px;
}


.systems-page label[for="globalunsub"] {
  position: relative;
}

.systems-page label[for="globalunsub"] .switch + span {
  padding-right: 60px;
}

/* Verstecke die ursprüngliche Checkbox */
.systems-page label[for="globalunsub"] input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

/* Schieberegler rechts */
.systems-page label[for="globalunsub"] .switch .slider {
  margin-left: auto;
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 20px;
  right: 0;
}

.systems-page label[for="globalunsub"] .switch .slider {
  background-color: #ccc;
  border-radius: 34px;
  transition: background-color 0.4s;
}

.systems-page label[for="globalunsub"] .switch .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: transform 0.4s;
  border-radius: 50%;
}

/* Wenn die Checkbox aktiv ist (checked), ändere die Farbe und die Position des Knopfs */
.systems-page label[for="globalunsub"] input[type="checkbox"]:checked + .slider {
  background-color: #8038dc;
}

.systems-page label[for="globalunsub"] input[type="checkbox"]:checked + .switch .slider:before {
  transform: translateX(20px);
}
.no-scroll {
  overflow: hidden;
}