/*
Theme Name:     child theme
Description:    
Author:         hermes
Template:       twentytwelve

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

@font-face {
    font-family: "xquer-icons";
    src:url("fonts/xquer-icons.eot");
    src:url("fonts/xquer-icons.eot?#iefix") format("embedded-opentype"),
      url("fonts/xquer-icons.woff") format("woff"),
      url("fonts/xquer-icons.ttf") format("truetype"),
        url("fonts/xquer-icons.svg#xquer-icons") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  section#kontakt, .home #top, .home {
      overflow: hidden;
  }
  :root {
      --mainwidth: 1072px;
    --headerbgcolor: rgb(0 6 21 / 55%);
      --bodybgcolor: #000000;
      --footerbgcolor: #000000;
      --footertitlecolor: #FA7800;
      --linkcolor: #0BE9FF;
      --linkcolorhover: #F59C00;
      --headermenulinkcolor: #ffffff;
      --headermenulinkcolorhover: #0BE9FF;
      --footerlinkcolor:  #ffffff;
      --footerlinkcolorhover: #FA7800;
      --colortitle: #ffffff;
      --colortitlesecondary: #F59C00;
      --color1: #F59C00;
      --colortoggle: #162036;
      --ciel: #0BE9FF;
	  --yellow2: #FFD700;
      --distributorColor: #BB6CFF;
      --herstellerColor: #FF6C00;
      --systemhausColor: #0089FF;
      --saasColor: #FF00F5;	
      --mspColor: #00B994;
      --green: #21EA77;
      --vio: #6600FF;
      --red: #FC354C;
      --ligherdarkColor: #0A1326;
    --white: #ffffff; 
      --black: #000000;
      --buttoncolor: #ffffff;
      --buttoncolor-hover: #ffffff;
      --buttonbgcolor: #F59C00;
      --buttonbgcolor-hover: #F59C00;
      --buttonradius: 26px;
      --buttonradius: 50px;
      --fontfamilybasic: "basic-sans", sans-serif;
      --fontfamilymontse: "montserrat", sans-serif;
      --mainfontsize: 18px;
      --mainfontsize1024: 17px;
      --mainfontsize767: 16px;
      --distanceSection: 120px;
      --distanceSection1024: 90px;
      --distanceSection767: 60px;
  }
  .site {
      overflow: visible!important;
  }
  .grecaptcha-badge {
      visibility: hidden!important;
  }
  a.borlabs-cookie-preference {
      position: fixed;
      bottom: 0;
      z-index: 10000;
      left: 0;
      background-color: #fff;
      padding: 10px;
      color: inherit!important;
      font-size: 0.7em;
  }
  a.borlabs-cookie-preference:link, a.borlabs-cookie-preference:visited {
      text-decoration: none!important;
  }
  html {
    box-sizing: border-box;
       scroll-behavior: smooth;
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }
  body {
      font-family: var(--fontfamilybasic);
      font-size: var(--mainfontsize);
      color: var(--white);
      font-weight: 300;
  }
  body * {
        -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    }
  body.blur #page {
      opacity: 0.3;
  }
  #page {
      transition: opacity 0.3s ease-out;
      max-width: inherit;
      padding: 0;
      margin: 0;
      box-shadow: none;
      background-color:transparent;
  }
  footer.entry-meta {
      display: none;
  }
  b, strong {
      font-weight:600!important;
  }
  em {
      color: inherit;
  }
  img {
      max-width: 100%;
      height: auto;
      margin-top:0!important;
  }
  img.wp-post-image {
      box-shadow: none;
      border-radius: 0;
  }
  .black, .black h1, .black h2, .black h3, .black h4, .black h5, .black h5, .black h6, .black .bold-montse {
      color: var(--black);
  }
  .blackv2, .blackv2 h1, .blackv2 h2, .blackv2 h3, .blackv2 h4, .blackv2 h5, .blackv2 h5, .blackv2 h6, .blackv2 .bold-montse {
      color: var(--bodybgcolor);
  }
  h1, h2, h3, h4, h5, h6, .bold-montse {
      line-height: 1.2em;
      font-weight: 700;
      font-family: var(--fontfamilymontse);
      color: var(--colortitle);
  }
  .heading-title span, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
      color: var(--colortitlesecondary);
  }
  .light-montse {
      font-weight: 300;
      font-family: var(--fontfamilymontse);
  }
  .regular-montse {
      font-weight: 400;
      font-family: var(--fontfamilymontse);
  }
  .semi-montse {
      font-family: var(--fontfamilymontse)!important;
      font-weight: 500!important;
  }
  .light-basic {
      font-family: var(--fontfamilybasic);
      font-weight: 300;
  }
  .regular-basic {
      font-family: var(--fontfamilybasic);
      font-weight: 400;
  }
  .semi-basic {
      font-family: var(--fontfamilybasic);
      font-weight: 600;
  }
  .bold-basic {
      font-family: var(--fontfamilybasic);
      font-weight: 700;
  }
  a, a img, input, img, textarea, button, i.fa, .slick-slide, .slick-prev:before, .slick-next:before {
      -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  }
  a:focus {
      outline: none!important;
  }
  a:link, a:visited, .entry-content a:link, .entry-content a:visited {
      text-decoration: none;
      color: var(--linkcolor)
  }
  
  a:hover, a:active, a:focus, .entry-content a:hover, .entry-content a:active, .entry-content a:focus {
      text-decoration: none;
      color: var(--linkcolorhover)
  }
  .center {
      text-align: center;
  }
    .entry-content h1, h1 {
            font-size: 2.5em;
        margin-bottom: 0.2em;
    }
    .entry-content h2, h2 {
        font-size: 2em;
        margin-bottom: 0.2em;
    }
    .entry-content h3, h3 {
        font-size: 1.7em;
        margin-bottom: 0.2em;
    }
    .entry-content h4, h4 {
        font-size: 1.4em;
        margin-bottom: 0.2em;
    }
    .entry-content h5, h5 {
        font-size: 1.2em;
        margin-bottom: 0.2em;
    }
  .entry-content h6, h6 {
        font-size: 1.1em;
        margin-bottom: 0.2em;
    }
  .entry-header .entry-title {
      font-size: 1.7em!important;
  }
  .entry-content th, .comment-content th, .entry-content td, .comment-content td {
      color: #fff;
  }
  .entry-content a:link, .entry-content a:visited {
      color: inherit;
  }
  .entry-content table, .comment-content table {
      color: inherit;
  }
  .site-content article {
      border: 0;
      margin: 0 auto var(--distanceSection) auto;
      padding: 0 20px;
      max-width: var(--mainwidth);
  }
  p, li {
      font-size:1em;
  }
  p:last-child, p:only-child  {
      margin: 0;
  }
  p {
      line-height: 1.5em;
      margin-bottom: 1em;
  }
  li {
      line-height: 1.4em;
      margin-bottom: 0.2em;
  }
  li:last-child {
      margin-bottom: 0;
  }
  ul {
      padding-left: 20px;
      margin-bottom: 30px;
  }
  ul.dotted {
      list-style: disc!important;
  }
  #masthead {
      padding: 0 20px;
      width: 100%;
      height: auto;
      background-color: var(--headerbgcolor);
      top: 0;
      left: 0;
      width: 100%;
      z-index: 2000;
      transition: top 0.2s ease-in-out, background-color 0.2s ease-in-out;
  }
  .page-template-template-about-us #masthead, .page-template-template-about-us #masthead.crossed {
      background-color: var(--bodybgcolor)!important;
  }
  #masthead.crossed {
      background-color: rgb(0 6 21 / 72%)!important;
  }
  #masthead {
      position: fixed;
  }
  #masthead .hide-top {
      display: none!important;
  }
  hgroup {
      display: flex;
      width: 100%;
      max-width: var(--mainwidth);
      margin: 0 auto;
      padding: 0 30px;
      align-items: center;
      position: relative;
  }
  .width-1262 hgroup {
      max-width: 1262px;
  }
  .logo-container {
      width: 100%;
      max-width: 200px;
      padding: 0;
  }
  .logo-container a {
      display: block;
  }
  .nav-container {
      flex-grow:1;
  }
  #page .main-navigation {
      margin-top: 0;
      text-align: right;
  }
  #page .main-navigation .nav-menu {
      border: 0;
          display: inline-flex!important;
      align-items: center;
      justify-content: flex-end;
      position: relative;
      width: auto;
  }
  #page .main-navigation .nav-menu ul {
      border:0!important;
      text-align: right;
  }
  #page .main-navigation .nav-menu li {
      font-size: 1em;
      margin: 0;
  }
  #page .main-navigation .nav-menu > li {
      margin: 0 1.2em;
      padding: 0;
  }
  #page .main-navigation.main-navigation li.menu-item-has-children:after {
          content: '';
    width: 8px;
    position: relative;
    display: inline-block;
    height: 8px;
    vertical-align: middle;
    border-right: 1px solid var(--white);
    border-bottom: 1px solid var(--white);
    transform: rotate(45deg);
    margin: -4px 0 0 9px;
  }
  .inactive {
      pointer-events: none;
  }
  
  #page .main-navigation .nav-menu li a {
      color: var(--headermenulinkcolor);
      text-decoration: none!important;
      line-height: 1em;
      text-transform: initial; 
      font-family: var(--fontfamilymontse);
      font-weight: 500;
      font-size: 0.8em;
  }
  #page .main-navigation .nav-menu li:hover a {
      color: var(--headermenulinkcolorhover)!important;
  }
  #page .main-navigation .nav-menu li .sub-menu  {
      border-top: 2px solid;
      border-color: var(--headermenulinkcolorhover);
  }
  #page .main-navigation .nav-menu li .sub-menu .sub-menu {
      top: -2px;
  }
  #page .main-navigation .nav-menu li .sub-menu li {
      display: block;
  }
  #page .main-navigation .nav-menu li .sub-menu .sub-menu a {
      font-size: 0.57871em;
  }
  #page .main-navigation .nav-menu li.current-menu-item:not(.menu-item-type-custom) > a, #page .main-navigation .nav-menu li.current-menu-ancestor > a, #page .main-navigation .nav-menu li.current_page_item:not(.menu-item-type-custom) > a, #page .main-navigation .nav-menu li.current_page_ancestor > a {
      font-weight: 400;
      color: var(--headermenulinkcolor);
  }
  #page .main-navigation .nav-menu li.current-menu-item.menu-item-type-custom > a, #page .main-navigation .nav-menu li.current_page_item.menu-item-type-custom > a {
      font-weight: 400;
  }
  #page .main-navigation .nav-menu > li > .sub-menu {
      left: 0;
  }
  #page .main-navigation .nav-menu > li > .sub-menu li {
      display: flex;
      width: 200px;
      background-color: var(--headerbgcolor);
      align-items: center;
      margin: 0 10px;
  }
  #page .main-navigation .nav-menu > li > .sub-menu li a {
      word-break: initial;
      white-space: unset;
      text-align: left;
      text-transform: none;
      line-height: 1.3em;
      display: block;
      padding: 10px;
      font-size: 0.7em;
      width: 100%;
      border-bottom: 0;
      color: var(--headermenulinkcolor)!important;
      background-color: transparent;
  }
  #page .main-navigation .nav-menu > li > .sub-menu li:hover a {
      color: var(--headermenulinkcolorhover)!important;
  }
  .buttonim {
      border: 1px solid var(--ciel);
      border-radius: 21px;
      overflow: hidden;
      z-index: 2;
  }
  .buttonim a {
      border-radius: 21px;
	  color: var(--ciel);
      overflow: hidden;
      padding: 0.6em 1em !important;
      position: relative;
      display: block!important;
  }
  #page footer .main-navigation .nav-menu li.buttonim a {
      background-color: var(--footerbgcolor);
  }
  .buttonim:hover a:before {
      width: 0;
  }
  .buttonim a span {
      position: relative;
  }
  #page .main-navigation .nav-menu li.buttonim a {
      background-color: transparent;
  color: var(--ciel)!important;
      box-shadow: none;
  }
#page .main-navigation .nav-menu li.buttonim:hover a {
      background-color: var(--ciel);
  color: var(--black)!important;
      box-shadow: none;
  }
  section.bring-top {
      z-index: 2;
  }
  section {
      z-index: 1;
      overflow: hidden;
      padding: 0 20px;
      margin: var(--distanceSection) 0;
      position: relative;
      background-color: var(--bodybgcolor);
  }
  section.stretch {
      margin-left: -20px; 
      margin-right:-20px;
  }
  section.back-trans, section#top.back-trans {
      background-color: transparent!important;
      background-image: none!important;
  }
  section.white-back {
      background-color: var(--white)!important;
  }
  section.vert-center {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
  }
  section.inner-section {
      padding: 0;
      z-index: 2;
      background-color: transparent;
  }

  section.extra-padding {
      padding: var(--distanceSection) 20px;
  }
  section.extra-padding-smaller {
      padding: var(--distanceSection767) 20px;
  }
  .extra-margin-top-bottom {
          margin-top: var(--distanceSection);
          margin-bottom: var(--distanceSection);
      }
  section.no-padding-bottom {
      padding-bottom: 0!important;
  }
  section.no-padding-top {
      padding-top: 0!important;
  }
  section.no-margin-bottom, .no-margin-bottom {
      margin-bottom: 0!important;
  }
  section.no-margin-top {
      margin-top: 0!important;
  }
  section.no-margin-top-bottom {
      margin-top: 0!important;
      margin-bottom: 0!important;
  }
  .nested-453 {
      max-width: 453px;
      margin: 0 auto;
  }
  .nested-530 {
      max-width: 530px;
      margin: 0 auto;
  }
  .nested-590 {
      max-width: 590px;
      margin: 0 auto;
  }
  .nested-601 {
      max-width: 601px;
      margin: 0 auto;
  }
  .nested-710 {
      max-width: 710px;
      margin: 0 auto;
  }
  .nested-992 {
      max-width: 992px;
      margin: 0 auto;
  }
  p a {
      word-break:break-all;
  }
  .wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--white);
    background-color: var(--black);
    text-align: center;
    color: #fff;
    padding: 0.5em;
    border-radius: 15px;
    border: 1px solid;
}
  span.wpcf7-list-item-label a {
      color: inherit!important;
      text-decoration:underline!important;
      word-break: inherit;
  }
  #page input, #page select, #page textarea, .uk-modal input:not(.dial), .uk-modal select, .uk-modal textarea {
     width: 100%!important;
      border-radius: var(--buttonradius)!important;
      padding: 0.6em 0.8em!important;
      height: auto!important;
      font-size: 1em;
      margin-top: 0;
      margin-bottom: 20px;
      background-color: transparent;
      box-shadow: none;
      border: 2px solid!important;
      border-color: var(--white)!important;
      color: var(--white);
  }
  #page textarea.height-162 {
      max-height: 162px;
  }
  #page .login-form input, #page .login-form select, #page .login-form textarea {
      color: var(--black);
      border-color: var(--black)!important;
      margin-top: 0.5em;
      margin-bottom: 0;
  }
  .login-form label, .login-form .wpcf7-list-item .wpcf7-list-item-label {
      font-weight: 400;
  }
  .login-form span.wpcf7-form-control.wpcf7-acceptance {
      font-size: 15px;
  }
  .login-form span.wpcf7-form-control.wpcf7-acceptance a {
      color: var(--linkcolor)!important;
  }
  .login-form .wpcf7-list-item .wpcf7-list-item-label {
      padding-left: 16px;
  }
  .login-form .wpcf7-list-item .wpcf7-list-item-label:before {
      background: transparent;
      border: 1px solid;
      width: 12px;
      height: 12px;
      top: 4px;
      left: -10px;
  }
  .login-form .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::before, .login-form .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label::before {
      color: var(--black);
      font-size: 11px;
      line-height: 12px;
  }
  span.wpcf7-form-control-wrap {
      display: block;
      width: 100%;
      position: relative;
      margin-bottom: 1em;
  }
  .row.bottom span.wpcf7-form-control-wrap, .row.bottom span.wpcf7-form-control-wrap textarea {
      margin: 0!important;
  }
  .wpcf7 b {
      font-weight: 300!important;
      font-family: var(--fontfamilymontse);
      color: var(--color1);
      display: block;
      font-size: 1.2em!important;
      margin-bottom: 1em;
  }
  .wpcf7 b small {
      font-size: 0.7em;
  }
  .wpcf7-form-control-wrap.kategorie {
      position: relative;
  }
  .wpcf7-form-control-wrap.kategorie:after {
      display: inline-block;
      font: normal normal normal 14px/1 'FontAwesome';
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f078";
          position: absolute;
      right: 12px;
      font-size: 12px;
      top: 10px;
  }
  #page select {
      -webkit-appearance: none;
      width: 100%!important;
  }
  #page input[type="checkbox"], .uk-modal input[type="checkbox"] {
      width: auto!important;
  }
  .slick-dots {
      left: 0;
  }
  .slick-dots li:only-child {
      display: none;
  }
  .slick-slide {
      text-align: left;
  }
  .slick-slide img {
      display: inline-block!important;
  }
  .slick-prev, .slick-next {
      z-index: 100;
      height: 32px!important;
      border: 0!important;
      outline: none!important;
  }
  .slick-prev:before, .slick-next:before {
     font-family: FontAwesome!important;
      font-size: 32px!important;
      color: var(--black)!important;
      opacity: 1;
  }
  .slick-prev:before {
      content: "\f053"!important;
  }
  .slick-next:before {
      content: "\f054"!important;
  }
  .slick-prev:hover:before, .slick-next:hover:before {
      color:var(--color1)!important;
  }
  .slick-dots li button:before {
      color:var(--white)!important;
      opacity: 1;
  }
  .slick-dots li.slick-active button:before {
      opacity: 1;
      color:var(--color1)!important;
      font-size: 10px;
  }
  #testimonials {
      max-width: 960px;
      margin: 0 auto;
  }
  #primary {
      width: 100%;
      margin: 0 auto;
      float: none;
      padding: 0 0px 100px;
  }
.page-template-full-width #primary {
	padding: 100px 0;
}
  #primary.no-padding-bottom {
      padding-bottom: 0!important;
  }
  #primary.rpr {
      background: url(../../../wp-content/uploads/rockstar-anmelde-back-scaled.jpg.webp) center center no-repeat;
      background-size: cover;
  }
  #primary.add-distance-top {
      padding-top: var(--distanceSection1024)!important;
  }
  .page-template-template-lead-unlock-2 #primary {
      padding-top: 59px;
  }
  .container {
      max-width: var(--mainwidth);
      margin: 0 auto;
      padding: 0;
      position: relative;
      width: 100%;
  }
  .container-1282 {
      max-width: 1282px;
  }
  .size-14 {
      font-size: 0.7em!important;
  }
  .size-16 {
      font-size: 0.8em!important;
  }
  .size-18 {
      font-size: 0.9em!important;
  }
  .size-22 {
      font-size: 1.1em!important;
  }
  .size-22 p {
      line-height: 1.2727em;
  }
  .size-24 {
      font-size: 1.2em!important;
  }
  .size-26 {
      font-size: 1.3em!important;
  }
  .size-28 {
      font-size: 1.4em!important;
  }
  .size-29 {
      font-size: 1.45em!important;
  }
  .size-30 {
      font-size: 1.5em!important;
  }
  .size-32 {
      font-size: 1.6em!important;
  }
  .size-34 {
      font-size: 1.7em!important;
  }
  .size-36 {
      font-size: 1.8em!important;
  }
  .size-39 {
      font-size: 1.95em!important;
  }
  .size-42 {
      font-size: 2.1em!important;
  }
  .size-44 {
      font-size: 2.2em!important;
  }
  .size-48 {
      font-size: 2.4em!important;
  }
.size-50 {
      font-size: 2.55em!important;
  }
.size-53 {
      font-size: 2.65em!important;
  }
  .size-54 {
      font-size: 2.7em!important;
  }
  .size-56 {
      font-size: 2.8em!important;
  }
  .size-58 {
      font-size: 2.9em!important;
  }
  .size-60 {
      font-size: 3em!important;
  }
  .size-62 {
      font-size: 3.1em!important;
  }
  .size-64 {
      font-size: 3.2em!important;
  }
  .size-72 {
      font-size: 3.6em!important;
  }
  .size-82 {
      font-size: 4.1em!important;
  }
  .size-86 {
      font-size: 4.3em!important;
  }
  .toned {
      position: relative;
      padding-left: 0.85em;
  }
  .toned:before {
      position: absolute;
      left: 0;
      top: 0.2em;
      content: '';
      height: 1em;
      font-size: inherit;
      width: 3px;
      border-radius: 3px;
      background-color: var(--color1);
  }
  .ground-control .toned:before {
      background-color: var(--systemhausColor);
  }
  .ground-control.orange .toned:before {
      background-color: var(--color1);
  }
  .green.toned:before {
      background-color: var(--green)
  }
  .white.toned:before {
      background-color: var(--white);
  }
.toned.plus:before {
    content: '+';
    font-size: 1.5em;
    font-family: 'montserrat';
    font-weight: 700;
    left: -0.22em;
    top: -0.03em;
    background-color: transparent!important;
}
.yellow2-toned.toned.plus:before {
	color: var(--yellow2);
}
.ciel-toned.toned:before {
      background-color: var(--ciel);
  }
.yellow2-toned.toned:before {
      background-color: var(--yellow2);
  }
  .redtone.toned:before {
      background-color: var(--red);
  }
  .toned.badge, .toned.check {
      padding-left: 1.5em;
  }
  .toned.badge:before {
      background:url(../../../wp-content/uploads/badge-red.svg) center center no-repeat;
      background-size: contain;
          height: 0.9em;
      width: 0.9em;
      top: 0.25em;
  }
  .toned.check:before {
      background:url(../../../wp-content/uploads/Icon-ionic-ios-checkmark-circle-red.svg) center center no-repeat;
      background-size: contain;
       height: 0.9em;
      width: 0.9em;
      top: 0.25em;
  }
  .heading-title {
      line-height:1.15em!important;
      margin-bottom: 0.5em;
  }
  .yellow {
      color: var(--color1);
  }
.yellow2, a.yellow2 {
      color: var(--yellow2);
  }
  .blue, .heading-title.blue span.blue  {
      color: var(--systemhausColor);
  }
  .ciel, .heading-title.ciel span.ciel {
      color: var(--ciel)!important;
  }
  .red, .heading-title.red span.red {
      color: var(--red);
  }
  .green, .heading-title span.green {
      color: var(--green);
  }
  .violet-color, .heading-title span.violet-color {
      color: var(--vio);
  }
  .white, a.white {
      color: var(--white);
  }
  .white-title .heading-title, .white-title h1, .white-title h2, .white-title h3, .white-title h4, .white-title h5, .white-title h6 {
      color: var(--white)
  }
  .heading-title.size-xxl {
      font-size: 4.4em!important;
  }
  .heading-title.size-xl {
      font-size: 3.2em!important;
  }
  .heading-title.size-large {
      font-size: 2em!important;
  }
  .heading-title.size-medium {
      font-size: 1.6em!important;
  }
  .grad1 {
      background: var(--green);
  background: linear-gradient(90deg, var(--green) 0%, var(--vio) 100%);
      -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .grad2 {
      background: var(--red);
      background: linear-gradient(90deg, var(--red) 0%, var(--vio) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  .grad3 {
      background: var(--ciel);
      background: linear-gradient(90deg, var(--ciel) 0%, var(--white) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  .grad2-back {
      background: var(--red);
      background: linear-gradient(90deg, var(--red) 0%, var(--vio) 100%);
  }
  a.button {
      text-decoration: none!important;
      display: inline-block;
      margin-top: 1em;
      text-align: center;
  }
  a.button.block {
      display:block;
  }
  a.button:link, a.button:visited {
      font-size: 0.9em;
      background-color:var(--buttonbgcolor);
      border-radius: var(--buttonradius);
      border: 2px solid;
      border-color: var(--buttonbgcolor);
      color:var(--buttoncolor);
      padding: 0.85em 1.65em;
      font-family: var(--fontfamilymontse);
      font-weight: 300;
  }
  a.button:hover {
      background-color:var(--buttonbgcolor-hover);
      color:var(--buttoncolor-hover);
      box-shadow: 0 0 20px var(--color1);
  }
  a.button-v2:hover {
      background-color: #DB8B00;
      color:var(--buttoncolor-hover);
      box-shadow: none;
  }
  a.button.trans-btn:link, a.button.trans-btn:visited {
      background-color:transparent;
      border-color: var(--white);
      color:var(--white);
  }
  a.button.trans-btn:hover {
      background-color:var(--white);
      color:var(--bodybgcolor);
      box-shadow: 0 0 20px var(--white);
  }
  a.button.trans2-btn:link, a.button.trans2-btn:visited {
      background-color:transparent;
      border-color: transparent;
      box-shadow: inset 0 0 1px 1px;
      color:var(--white);
  }
  a.button.trans2-btn:hover {
      background-color:var(--white);
      color:var(--bodybgcolor);
      box-shadow: 0 0 20px var(--white);
  }
  a.button.grad1-btn:link, a.button.grad1-btn:visited {
      background: var(--green);
  background: linear-gradient(90deg, var(--green) 0%, var(--vio) 100%);
      border-color: var(--bodybgcolor);
      color:var(--white);
      border: 0;
  }
  a.button.grad1-btn.on-white {
      border: 0;
  }
  a.button.grad1-btn:hover {
      background: var(--green);
      color: var(--white);
      box-shadow: 0 0 20px var(--green);
      border-color: var(--green);
  }
  a.button.grad2-btn:link, a.button.grad2-btn:visited {
      background: var(--red);
  background: linear-gradient(90deg, var(--red) 0%, var(--vio) 100%);
      border-color: var(--bodybgcolor);
      color:var(--white);
      border: 0;
  }
  #page .wpcf7-form .on-white input[type="submit"].grad2-btn {
      background: var(--red)!important;
  background: linear-gradient(90deg, var(--red) 0%, var(--vio) 100%)!important;
      border-color: var(--bodybgcolor)!important;
      color:var(--white)!important;
      border: 0!important;
  }
  a.button.grad2-btn.on-white {
      border: 0;
  }
  a.button.grad2-btn:hover {
      background: var(--red);
      color: var(--white);
      box-shadow: 0 0 20px var(--red);
      border-color: var(--red);
  }
  #page .wpcf7-form .on-white input[type="submit"].grad2-btn:hover, #page .wpcf7-form .on-white input[type="submit"].grad2-btn:active, #page .wpcf7-form .on-white input[type="submit"].grad2-btn:focus {
      background: var(--red)!important;
      color: var(--white)!important;
      box-shadow: 0 0 20px var(--red)!important;
      border-color: var(--red)!important;
  }
  .white-btn a.button:link, .white-btn a.button:visited, a.button.white-btn:link, a.button.white-btn:visited {
      background-color:var(--white);
      border-color: var(--white);
      color:var(--color1);
  }
  .white-btn a.button:hover, a.button.white-btn:hover {
      background-color:var(--white);
      color:var(--white);
      box-shadow: 0 0 20px var(--white);
  }
 a.button.white-btn2:link, a.button.white-btn2:visited {
      background-color:var(--white);
      border-color: var(--white);
      color:var(--black);
  }
 a.button.white-btn2:hover {
      background-color:var(--white);
      color:var(--black);
      box-shadow: 0 0 20px var(--white);
  }
  a.button.white-btn-vio:link, a.button.white-btn-vio:visited {
      background-color:var(--white);
      border-color: var(--white);
      color:var(--vio);
  }
  a.button.white-btn-vio:hover {
      background-color:var(--white);
      color:var(--vio);
      box-shadow: 0 0 20px var(--white);
  }
  a.button.green-btn:link, a.button.green-btn:visited {
      background-color:var(--green);
      border-color: var(--green);
      color:var(--white);
  }
  a.button.green-btn:hover {
      background-color:var(--green);
      color:var(--white);
      box-shadow: 0 0 20px var(--green);
  }
  a.button.violet-btn:link, a.button.violet-btn:visited {
      background-color:var(--vio);
      border-color: var(--vio);
      color:var(--white);
  }
  a.button.violet-btn:hover {
      background-color:var(--vio);
      color:var(--white);
      box-shadow: 0 0 20px var(--vio);
  }
  a.button.violet-btn-v2:hover {
      background-color: #4400AA;
      color:var(--white);
      box-shadow: none;
  }
 a.button.yellow2:link, a.button.yellow2:visited {
      background-color:var(--yellow2);
      border-color: var(--yellow2);
      color:var(--black);
  }
  a.button.yellow2:hover {
      background-color:var(--yellow2);
      color:var(--black);
      box-shadow: 0 0 20px var(--yellow2);
  }
  a.button.ciel:link, a.button.ciel:visited {
      background-color: var(--ciel);
      border-color: var(--ciel);
      color:var(--white)!important;
  }
a.button.ciel.ciel-black:link, a.button.ciel.ciel-black:visited {
      color:var(--black)!important;
  }
  a.button.ciel:hover {
      background-color:var(--ciel);
      color:var(--white)!important;
      box-shadow: 0 0 20px var(--ciel);
  }
a.button.ciel.ciel-black:hover {
      color:var(--black)!important;
  }
  a.button.ciel.trans:link, a.button.ciel.trans:visited {
      background-color: transparent;
      border-color: var(--ciel);
      color:var(--ciel)!important;
  }
  a.button.ciel.trans:hover {
      background-color:var(--ciel);
      color:var(--black)!important;
      box-shadow: none;
  }
  a.button.black-btn:link, a.button.black-btn:visited {
      background-color:var(--bodybgcolor);
      border-color: var(--bodybgcolor);
      color:var(--white);
  }
  a.button.black-btn:hover {
      background-color:var(--bodybgcolor);
      color:var(--white);
      box-shadow: 0 0 20px rgba(0,6,21,0.3);
  }
  a.button.distributor-btn:link, a.button.distributor-btn:visited {
      background-color:var(--distributorColor);
      border-color: var(--distributorColor);
      color:var(--white);
  }
  a.distributor-btn.button:hover {
      background-color: var(--distributorColor);
      color: var(--white);
      box-shadow: 0 0 20px var(--distributorColor);
  }
  a.button.hersteller-btn:link, a.hersteller-btn.button:visited {
      background-color:var(--herstellerColor);
      border-color: var(--herstellerColor);
      color:var(--white);
  }
  a.hersteller-btn.button:hover {
      background-color:var(--herstellerColor);
      color: var(--white);
      box-shadow: 0 0 20px var(--herstellerColor);
  }
  a.button.systemhaus-btn:link, a.systemhaus-btn.button:visited {
      background-color:var(--systemhausColor);
      border-color: var(--systemhausColor);
      color:var(--white);
  }
  a.systemhaus-btn.button:hover {
      background-color:var(--systemhausColor);
      color: var(--white);
      box-shadow: 0 0 20px var(--systemhausColor);
  }
  a.saas-btn.button:link, a.saas-btn.button:visited {
      background-color:var(--saasColor);
      border-color: var(--saasColor);
      color:var(--white);
  }
  a.saas-btn.button:hover {
      background-color:var(--saasColor);
      color: var(--white);
  }
  a.button.size-xl {
      font-size: 2.1em!important;
      font-weight:400!important;
      padding: 0.45em!important;
      border-width: 0.12em!important;
  }
  a.button.skylaunch-button {
      position: relative;
      padding: 0.43em 1em;
      border: 0;
      background-color: transparent;
      text-align: center;
      line-height: 1.2em;
  }
  a.button.skylaunch-button:before {
      content: '';
      position: absolute;
      left: -5px;
      top: -5px;
      width: calc(100% + 10px);
      height: calc(100% + 10px);
      border: 1px solid var(--systemhausColor);
      border-radius: 50px;
  }
  a.button.skylaunch-button:hover {
      background-color: var(--systemhausColor);
      box-shadow: 0 0 4px var(--systemhausColor);
  }
  a.button.skylaunch-button.ciel {
      background-color: var(--ciel);
      box-shadow: 0 0 4px var(--ciel);
  }
  a.button.skylaunch-button.ciel:before {
      border-color: var(--ciel);
  }
  a.button.skylaunch-button.lila {
      background-color: var(--distributorColor);
      box-shadow: 0 0 4px var(--distributorColor);
  }
  a.button.skylaunch-button.lila:before {
      border-color: var(--distributorColor);
  }
  a.button.skylaunch-button.blue {
      background-color: var(--systemhausColor);
      box-shadow: 0 0 4px var(--systemhausColor);
  }
  a.button.skylaunch-button.blue:before {
      border-color: var(--systemhausColor);
  }
a.vita-button.button {
    background: var(--bodybgcolor);
    border-color: var(--white);
	margin-right: 1em;
}
a.vita-button.button:last-child {
	margin-right: 0;
}
a.vita-button.button:hover {
	 box-shadow: 0 0 20px var(--white);
}
a.vita-button.button.active {
    background-color: var(--white);
    color: var(--black);
}
  .hidden, #page #site-navigation.main-navigation .nav-menu > li > .sub-menu li.hidden {
      display: none!important;
  }
  .uppercase {
      text-transform: uppercase;
  }
  body .slick-dots li button {
      padding: 0!important;
      border: 0;
  }
  .wpcf7-spinner {
      position: absolute;
      right: 0;
  }
  .wpcf7 br {
      display: none;
  }
  .wpcf7 input, .wpcf7 select, .wpcf7 textarea {
      margin: 5px 0 15px;
  }
  .wpcf7 p {
      margin: 0;
  }
  .wpcf7-acceptance span.wpcf7-list-item {
      margin: 0;
      line-height: 1.5em;
      margin-left: 0.8em!important;
  }
  .wpcf7-list-item input[type=checkbox], input[type=radio] {
          display: none!important;
  }
  .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::before, .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label::before {
            content: '\f00c';
            color: #ffffff;
            font-size: 12px;
            font-family: 'FontAwesome';
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-weight: bold;
            line-height: 14px;
            text-decoration: inherit;
            text-align: center;
            font-weight: bold;
  }
    span.wpcf7-list-item {
      margin: 0 1em!important;
  }
  .wpcf7-list-item .wpcf7-list-item-label {
        display: inline-block;
        font-family: inherit;
        font-size: 1em;
        font-weight: normal;
        left: 0;
        line-height: inherit;
        margin: 0 0 0.5em;
      padding-left: 8px;
        position: relative;
      font-weight: 300;
  }
  .wpcf7-list-item .wpcf7-list-item-label:before {
      background: var(--buttonbgcolor);
          content: "";
          height: 15px;
          left: -16px;
          position: absolute;
          width: 15px;
          top: 6px;
  }
  .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:before {
      left: -18px;
      border-radius: 15px;
  }
  .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label::before {
      content:'\f111';
      font-size: 8px;
  }
  .buttoned .wpcf7-list-item {
      top: 0;
      margin: 0 1em 0 0!important;
  }
  .buttoned .wpcf7-list-item .wpcf7-list-item-label {
      margin-bottom: 1em;
      padding: 0.5em 1em;
      border: 2px solid;
      border-radius: 50px;
      background-color: var(--bodybgcolor);
      transition: all 0.3s ease-out;
      font-weight: 300;
      font-size: 0.9em;
          cursor: pointer;
  }
  .buttoned:not(.normal) .wpcf7-list-item .wpcf7-list-item-label:before {
      content: none!important;
  }
  .buttoned .wpcf7-list-item input:hover + .wpcf7-list-item-label, .buttoned .wpcf7-list-item input:checked + .wpcf7-list-item-label {
      background-color: var(--white);
      color: var(--bodybgcolor);
  }
  .buttoned.icons .wpcf7-list-item .wpcf7-list-item-label {
      padding: 29px 30px 29px 95px;
      font-size: 1em;
      font-weight: 500;
  }
  .buttoned.icons .wpcf7-list-item .wpcf7-list-item-label:before {
       font-family: "xquer-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1em;
      font-size: 2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
      background-color: transparent;
  }
  .buttoned .wpcf7-list-item input:checked + .wpcf7-list-item-label:before {
      font-size: 2em;
      line-height: 1em;
      text-align: inherit;
  }
  #angaben .buttoned.icons .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label, #angaben2 .buttoned.icons .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label {
      color: var(--herstellerColor);
  }
  #angaben .buttoned.icons .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label, #angaben2 .buttoned.icons .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label {
      color: var(--distributorColor);
  }
  #angaben .buttoned.icons .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label, #angaben2 .buttoned.icons .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label {
      color: var(--systemhausColor);
  }
  #angaben .buttoned.icons .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label {
      color: var(--saasColor);
  }
  #angaben .buttoned.icons .wpcf7-list-item:nth-child(5) .wpcf7-list-item-label, #angaben .buttoned.icons .wpcf7-list-item:nth-child(6) .wpcf7-list-item-label {
      color: var(--saasColor);
  }
  #angaben .buttoned .wpcf7-list-item input:hover + .wpcf7-list-item-label:before, #angaben .buttoned .wpcf7-list-item input:checked + .wpcf7-list-item-label:before, #angaben2 .buttoned .wpcf7-list-item input:hover + .wpcf7-list-item-label:before, #angaben2 .buttoned .wpcf7-list-item input:checked + .wpcf7-list-item-label:before {
      color: var(--white);
  }
  #angaben .buttoned .wpcf7-list-item:nth-child(1) input:hover + .wpcf7-list-item-label, #angaben .buttoned .wpcf7-list-item:nth-child(1) input:checked + .wpcf7-list-item-label, #angaben2 .buttoned .wpcf7-list-item:nth-child(1) input:hover + .wpcf7-list-item-label, #angaben2 .buttoned .wpcf7-list-item:nth-child(1) input:checked + .wpcf7-list-item-label {
      color:#fff;
      border-color: var(--herstellerColor);
      background-color: var(--herstellerColor);
  }
  #angaben .buttoned .wpcf7-list-item:nth-child(2) input:hover + .wpcf7-list-item-label, #angaben .buttoned .wpcf7-list-item:nth-child(2) input:checked + .wpcf7-list-item-label, #angaben2 .buttoned .wpcf7-list-item:nth-child(2) input:hover + .wpcf7-list-item-label, #angaben2 .buttoned .wpcf7-list-item:nth-child(2) input:checked + .wpcf7-list-item-label {
      color:#fff;
      border-color: var(--distributorColor);
      background-color: var(--distributorColor);
  }
  #angaben .buttoned .wpcf7-list-item:nth-child(3) input:hover + .wpcf7-list-item-label, #angaben .buttoned .wpcf7-list-item:nth-child(3) input:checked + .wpcf7-list-item-label, #angaben2 .buttoned .wpcf7-list-item:nth-child(3) input:hover + .wpcf7-list-item-label, #angaben2 .buttoned .wpcf7-list-item:nth-child(3) input:checked + .wpcf7-list-item-label {
      color:#fff;
      border-color: var(--systemhausColor);
      background-color: var(--systemhausColor);
  }
  #angaben .buttoned .wpcf7-list-item:nth-child(4) input:hover + .wpcf7-list-item-label, #angaben .buttoned .wpcf7-list-item:nth-child(4) input:checked + .wpcf7-list-item-label, #angaben .buttoned .wpcf7-list-item:nth-child(5) input:hover + .wpcf7-list-item-label, #angaben .buttoned .wpcf7-list-item:nth-child(5) input:checked + .wpcf7-list-item-label, #angaben .buttoned .wpcf7-list-item:nth-child(6) input:hover + .wpcf7-list-item-label, #angaben .buttoned .wpcf7-list-item:nth-child(6) input:checked + .wpcf7-list-item-label {
      color:#fff;
      border-color: var(--saasColor);
      background-color: var(--saasColor);
  }
  #angaben .buttoned.icons .wpcf7-list-item:nth-child(7) input:hover + .wpcf7-list-item-label:before, #angaben .buttoned.icons .wpcf7-list-item:nth-child(7) input:checked + .wpcf7-list-item-label:before {
      color: var(--bodybgcolor);
  }
  #angaben .buttoned.icons .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label:before, #angaben2 .buttoned.icons .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label:before {
  content: "\61"!important;
  }
  #angaben .buttoned.icons .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label:before, #angaben2 .buttoned.icons .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label:before {
  content: "\62"!important;
  }
  #angaben .buttoned.icons .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label:before, #angaben2 .buttoned.icons .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label:before {
  content: "\63"!important;
  }
  #angaben .buttoned.icons .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label:before {
  content: "\64"!important;
  }
  #angaben .buttoned.icons .wpcf7-list-item:nth-child(5) .wpcf7-list-item-label:before {
  content: "\65"!important;
  }
  #angaben .buttoned.icons .wpcf7-list-item:nth-child(6) .wpcf7-list-item-label:before {
      content: "\47"!important;
  } 
  #angaben .buttoned.icons .wpcf7-list-item:nth-child(7) .wpcf7-list-item-label:before {
  content: "\66"!important;
  }
  #was-verkaufen .buttoned.icons .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label:before {
  content: "\67"!important;
  }
  #was-verkaufen .buttoned.icons .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label:before {
  content: "\68"!important;
  }
  #was-verkaufen .buttoned.icons .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label:before {
  content: "\6d"!important;
  }
  #was-verkaufen .buttoned.icons .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label:before {
  content: "\69"!important;
  }
  #was-verkaufen .buttoned.icons .wpcf7-list-item:nth-child(5) .wpcf7-list-item-label:before {
  content: "\6a"!important;
  }
  #was-verkaufen .buttoned.icons .wpcf7-list-item:nth-child(6) .wpcf7-list-item-label:before {
  content: "\6b"!important;
  }
  #was-verkaufen .buttoned.icons .wpcf7-list-item:nth-child(7) .wpcf7-list-item-label:before {
  content: "\6c"!important;
  }
  #was-verkaufen .buttoned.icons .wpcf7-list-item:nth-child(8) .wpcf7-list-item-label:before {
  content: "\7a"!important;
  }
  #was-verkaufen .buttoned.icons .wpcf7-list-item:nth-child(9) .wpcf7-list-item-label:before {
  content: "\79"!important;
  }
  #was-verkaufen .buttoned.icons .wpcf7-list-item:nth-child(10) .wpcf7-list-item-label:before {
  content: "\78"!important;
  }
  #was-verkaufen .buttoned.icons .wpcf7-list-item:nth-child(11) .wpcf7-list-item-label:before {
  content: "\46"!important;
  }
  #wie-verkaufen .buttoned.icons .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label:before {
  content: "\77"!important;
  }
  #wie-verkaufen .buttoned.icons .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label:before {
  content: "\76"!important;
  }
  #wie-verkaufen .buttoned.icons .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label:before {
  content: "\75"!important;
  }
  #anzahl-partner .buttoned.icons .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label:before {
  content: "\72"!important;
  }
  #anzahl-partner .buttoned.icons .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label:before {
  content: "\73"!important;
  }
  #anzahl-partner .buttoned.icons .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label:before {
  content: "\74"!important;
  }
  #anzahl-partner .buttoned.icons .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label:before {
  content: "\71"!important;
  }
  #davon-aktiv .buttoned.icons .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label:before {
  content: "< 10%"!important;
  }
  #davon-aktiv .buttoned.icons .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label:before {
  content: "< 20%"!important;
  }
  #davon-aktiv .buttoned.icons .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label:before {
  content: "< 30%"!important;
  }
  #davon-aktiv .buttoned.icons .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label:before {
  content: "< 40%"!important;
  }
  #davon-aktiv .buttoned.icons .wpcf7-list-item:nth-child(5) .wpcf7-list-item-label:before {
  content: "< 50%"!important;
  }
  #davon-aktiv .buttoned.icons .wpcf7-list-item:nth-child(6) .wpcf7-list-item-label:before {
  content: "50% >"!important;
  }
  #boersenorientiert .buttoned.icons .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label:before {
  content: "\6e"!important;
  }
  #boersenorientiert .buttoned.icons .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label:before {
  content: "\45"!important;
  }
  #boersenorientiert .buttoned.icons .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label:before {
  content: "\70"!important;
  }
  #boersenorientiert .buttoned.icons .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label:before {
  content: "\6f"!important;
  }
  #headquarter-ort .buttoned.icons .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label:before {
  content: "\42"!important;
  }
  #headquarter-ort .buttoned.icons .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label:before {
  content: "\44"!important;
  }
  #headquarter-ort .buttoned.icons .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label:before {
  content: "\43"!important;
  }
  #headquarter-ort .buttoned.icons .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label:before {
  content: "\41"!important;
  }
  #art_von_kunden .buttoned.icons .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label:before {
  content: "\49"!important;	
  }
  #art_von_kunden .buttoned.icons .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label:before {
  content: "\48"!important;	
  }
  #davon-aktiv .buttoned.icons .wpcf7-list-item .wpcf7-list-item-label {
      margin-top: 4em!important;
  }
  #davon-aktiv .buttoned.icons .wpcf7-list-item .wpcf7-list-item-label:before {
      font-family: var(--fontfamilymontse)!important;
      font-weight: 700!important;
      font-size: 2.33em;
      bottom: 0.5em;
  }
  #aufgabe .buttoned.icons .wpcf7-list-item .wpcf7-list-item-label:before {
      content: "\46"!important;
  }
  .buttoned.icons .wpcf7-list-item .wpcf7-list-item-label:before {
      width: 50px;
      height: 50px;
      position: absolute;
      left: 30px;
      top: 50%;
      margin-top: -25px;
      transition: all 0.3s ease-out;
      display: flex;
      align-items: center;
      border-radius: 0;
  }
  .buttoned .wpcf7-list-item input:hover + .wpcf7-list-item-label:before, .buttoned .wpcf7-list-item input:checked + .wpcf7-list-item-label:before {
      color:var(--bodybgcolor);
  }
  .buttoned.icons.v2 .wpcf7-list-item .wpcf7-list-item-label {
      color: var(--color1);
      font-size: 1.2em;
      padding: 43px 40px;
      max-width: 253px;
      text-align: center;
      border-color: var(--white);
  }
  .buttoned.icons.v2 .wpcf7-list-item .wpcf7-list-item-label:before {
      display: block;
      position: static;
      margin: 0 auto 0.2em;
      font-size: 3.58em;
      height: auto;
      width: auto;
      color: var(--white);
  }
  .buttoned.icons.v2 .wpcf7-list-item input:hover + .wpcf7-list-item-label:before, .buttoned.icons.v2 .wpcf7-list-item input:checked + .wpcf7-list-item-label:before {
      color: var(--bodybgcolor);
  }
  .buttoned.icons.v3 .wpcf7-list-item .wpcf7-list-item-label {
      font-size: 0.9em;
      font-weight: 300;
      padding: 0.5em 1em;
      margin-top: 7em;
  }
  .buttoned.icons.v3 .wpcf7-list-item .wpcf7-list-item-label:before {
      bottom: 0.7em;
      top: inherit;
      font-size: 7em;
      color: var(--white);
      width: 132px;
      height: 84px;
      text-align: center;
      display: block;
      left: 50%;
      margin-left: -66px;
  }
  .wpcf7-form:after {
      content: '';
      display: block;
      clear: both;
  }
  .wpcf7 .notice {
      margin-bottom: 20px;
  }
  span.wpcf7-form-control {
      display: block;
  }
  .columnlayout2 .wpcf7-form-control-wrap {
      column-count: 2;
  }
  .columnlayout3 .wpcf7-form-control-wrap {
      column-count: 3;
      column-gap: 90px;
  }
  #groups.changewidths > .col-3 {
      display: none;
  }
  #kontakt-form .row {
      margin-bottom: 2em;
      margin-left: 0;
      margin-right: 0;
      width: 100%;
  }
  #kontakt-form .col > p > b {
      display: block;
      margin-bottom: 1.2em;
  }
  #page input[type="submit"], .uk-modal input[type="submit"], .sib-form-block__button-with-loader {
      width: auto!important;
      background-color: var(--buttonbgcolor)!important;
      text-decoration: none!important;
      color: var(--buttoncolor)!important;
      border: 2px solid!important;
      border-color: var(--buttonbgcolor)!important; 
      padding: 0.85em 1.65em!important;
      display: inline-flex!important;
      align-items: center!important;
      justify-content: center!important;
      background-image: none!important;
      -webkit-appearance: none;
      -moz-appearance: none;
      font-weight: 300!important;
      margin-bottom: 0;
      text-transform: inherit;
      font-size: 0.9em;
      line-height: 1em;
      font-family: var(--fontfamilymontse);
      box-shadow: none!important;
      border-radius: var(--buttonradius)!important;
  }
.sib-form-block__button-with-loader {
	min-height: inherit;
    margin-top: 2em;
}
.sib-form-block__button-with-loader br, .sib-form-block__button-with-loader svg {
    display: none;
}
.entry__error{
    color: red;
    font-size: 1.5em;
    margin: 0 0 1em 0;
}
.sib-sms-select__list {
    background: var(--bodybgcolor);
}
.sib-sms-tooltip {
    display: none;
}
  #page input[type="submit"]:hover, .uk-modal input[type="submit"]:hover {
      background-color:var(--buttonbgcolor-hover)!important;
      color: var(--buttoncolor-hover)!important;
      background-image: none!important;
      box-shadow: 0 0 20px var(--color1)!important;
  }
  #page .login-form input[type="submit"] {
      background: url() transparent!important;
      border: 1px solid var(--black)!important;
      color: var(--black)!important;
  }
  #page .login-form input[type="submit"]:hover, #page .login-form input[type="submit"]:active, #page .login-form input[type="submit"]:focus {
      background: url() var(--black)!important;
      color: var(--white)!important;
      box-shadow: none!important;
  }
 #page input[type="submit"].ciel-btn, .sib-form-block__button-with-loader {
      background: url() var(--ciel)!important;
      border: 1px solid var(--ciel)!important;
      color: var(--white)!important;
	  box-shadow: 0 0 20px rgba(0,0,0,0.16)!important;
  }
  #page input[type="submit"].ciel-btn:hover, #page input[type="submit"].ciel-btn:active, #page input[type="submit"].ciel-btn:focus, .sib-form-block__button-with-loader:hover, .sib-form-block__button-with-loader:active, .sib-form-block__button-with-loader:focus {
      background: url() var(--ciel)!important;
      color: var(--white)!important;
	  box-shadow: 0 0 20px var(--ciel)!important;
  }
.wpcf7 {
	width: 100%;
}
.on-black .wpcf7-list-item .wpcf7-list-item-label:before {
    background: transparent;
    border: 2px solid;
    border-radius: 4px;
}
  div.wpcf7 .ajax-loader {
      position: absolute;
      top: 0;
      right: 0;
  }
  span.wpcf7-not-valid-tip {
      margin: -10px 0 10px 0;
      font-size: 0.7em;
      position: absolute;
      top: 0;
      right: 0;
      padding: 5px;
      background: #fff;
  }
  .wpcf7 select {
      color:inherit;
      -webkit-appearance: none;
      background-color:#fff;
      color:#000;
  }
  .safari select {
      -webkit-appearance: none;
  }
  .wpcf7-form-control-wrap.acceptance-dsgvo .wpcf7-list-item .wpcf7-list-item-label {
      width: calc(100% - 8px);
  }
  .wpcf7-form-control-wrap.acceptance-dsgvo .wpcf7-list-item .wpcf7-list-item-label a{
      text-decoration: underline;
  }
  ::-webkit-input-placeholder { 
    color: inherit;
      opacity: 0.7;
  }
  ::-moz-placeholder { 
    color: inherit;
      opacity: 0.7;
  }
  :-ms-input-placeholder {
    color: inherit;
      opacity: 0.7;
  }
  :-moz-placeholder { 
    color: inherit;
      opacity: 0.7;
  }
  footer#colophon {
      max-width: inherit;
      background-color: var(--footerbgcolor);
      border: 0;
      margin: 0;
      font-size: 0.9em;
      padding: 0 20px;
      font-size: 1em;
  }
  footer#colophon  aside.widget {
      margin-bottom: 1.2em;
  }
  #footer-sidebars {
      display: block;
      max-width: var(--mainwidth);
      margin-left: auto;
      margin-right: auto;
      position: relative;
      padding: 60px 0;
  }
  #footer-sidebars .nav-container {
      z-index: 3;
      position: relative;
  }
  #page footer .main-navigation .nav-menu > li > .sub-menu {
      background: var(--footerbgcolor);
      padding: 0 20px;
      left: -20px;
  }
  #page footer .main-navigation .nav-menu > li > .sub-menu li {
      flex-direction: column;
  }
  #page footer .main-navigation .nav-menu > li > .sub-menu li .sub-menu {
      top: 5px;
  }
  #page footer .main-navigation .nav-menu > li > .sub-menu li:hover .sub-menu:not(.type2) {
      margin-bottom: 0.6em;
  }
  #page footer .main-navigation .nav-menu > li > .sub-menu li.hide-mobile-parent-link > a {
      pointer-events: none;
      color: var(--white)!important;
  }
  #page footer .main-navigation .nav-menu > li > .sub-menu li.hide-mobile-parent-link .sub-menu a {
      font-size: 0.7em;
      color: var(--white)!important;
  }
  #page footer .main-navigation .nav-menu > li > .sub-menu li.hide-mobile-parent-link .sub-menu .inactive a {
      color: #858585!important;
  }
  #page footer .main-navigation .nav-menu > li > .sub-menu li.hide-mobile-parent-link .sub-menu a:hover {
      color: var(--color1)!important;
  }
  #page footer .main-navigation .nav-menu > li > .sub-menu li {
      position: relative;
  }
  #page footer .main-navigation .nav-menu > li > .sub-menu li:after {
      position: absolute;
      top: 0.9em;
      right: 8px;
      width: 7px;
  }
  .width-1262 #footer-sidebars {
      max-width: 1262px;
  }
  #footer-sidebars, #footer-sidebars section {
      background-color: transparent;
      padding-left: 0;
      padding-right: 0;
  }
  #footer-sidebars .logo-container {
      max-width: inherit;
      display: flex;
      align-items: center;
  }
  #footer-sidebars .logo-container > span {
      position: relative;
      top: -6px;
  }
  #footer-sidebars #footerlogo {
      margin-right: 2em;
      max-width: 210px;
  }
  #footer-sidebars .main-navigation {
      text-align: left;
  } 
  #footer-sidebars .main-navigation .nav-menu li {
      margin: 0 2.6em 0 0;
  }
  #footer-sidebars .main-navigation .nav-menu li:last-child {
      margin: 0;
  }
  #footer-sidebars .main-navigation .nav-menu li a {
      padding-left: 0;
      font-size: 0.9em;
  }
  #footer-sidebars .col {
      padding: 0;
      margin: 0 20px;
  }
  #footer-sidebars .inner-section .row {
      width: calc(100% + 40px);
      margin-left: -20px!important;
      margin-right: -20px!important;
  }
  #footer-sidebars .col p a, #footer-sidebars .col li a {
      word-break: break-word;
  }
  footer#colophon h3 {
          font-size: 1.4em;
      text-transform: uppercase;
      color: var(--footertitlecolor);
  }
  footer#colophon a:link, footer#colophon a:visited {
      text-decoration: none!important;
      color: var(--footerlinkcolor);
  }
  footer#colophon a:hover, footer#colophon a:active, footer#colophon a:focus {
      color: var(--footerlinkcolorhover);
  }
  footer#colophon .menu li a {
      padding-left: 0;
  }
  footer#colophon ul {
      margin: 0;
      padding: 0;
  }
  .textwidget {
      line-height: 1.4em;
  }
  footer .site-info {
      margin: 0 auto;
      padding: 13px 0;
      max-width: var(--mainwidth);;
  }
  footer .site-info > div {
          padding: 0 10px;
      margin: 0 auto;
      font-size: 1em;
  }
  #menu-footer-menu {
      padding: 0;
      margin: 0;
      line-height: 1em;
      text-align: right;
  }
  #menu-footer-menu li {
          display: inline-block;
      padding: 0 1em 0 0;
      margin: 0 0.6em 0 0;
      line-height: 1.4em;
      position: relative;
  }
  #menu-footer-menu li:last-child {
      margin: 0;
      padding-right: 0;
  }
  #menu-footer-menu li:not(:last-child):after {
      content: '|';
      display: inline-block;
      position: absolute;
      right: 0;
      top: 0;
  }
  footer li a {
      position: relative;
      padding-left: 26px;
  }
  footer li .fa {
      position: absolute;
      left: 0;
      top: 4px;
  }
  footer .social-footer li a {
      margin-left: 0!important;
      padding-left:0;
      position: relative;
      display: inline-block!important;
      padding-right: 36px;
      margin-bottom: 1em;
  }
  footer .social-footer li .fa {
      left: inherit;
      right: 0;
      top: 2px;
      font-size: 1.2em;
      margin: 0;
  }
  #back-to-top {
       position: fixed;
      visibility: hidden;
      height: 40px;
      width: 40px;
      line-height: 40px;
      right: 26px;
      bottom: 88px;
      border: 1px solid;
      z-index: 1;
      background: #000;
      border-radius: 2px;
      text-decoration: none;
      text-align: center;
      font-size: 0;
      z-index: 200000;
      text-decoration: none!important;
  }
  .max-width-full img {
      max-width: inherit;
      width: 100%;
  }
  #back-to-top:after {
    content: "\2191";
      font-size: 14px;
  }
  #page .main-navigation .nav-menu li a:empty {
      display: none!important;
  }
  #mobile-nav-button {
      display: none;
  }
    span.wpcf7-list-item {
      position: relative;
        top: -4px;
  }
  span.select {
      position: relative;
          display: block;
      width: 100%;
  }
  span.select:after {
      content: "\f078";
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      right: 2px;
      top: 14px;
      pointer-events: none;
      display: inline-block;
      font: normal normal normal 14px/1 'FontAwesome';
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 14px;
      background: white;
      text-align: center;
  }
  
    .parallax {
      transition: none!important;
  }
  .row:not(:last-child) {
      margin-bottom: 1em;
  }
  #partner-carousel .slick-track {
      display: flex;
      align-items: center;
  }
  .partner.slick-slide {
      padding: 0 55px 0 0;
      float: none;
      position: relative;
  }
  .partner.slick-slide img {
          width: 100%;
      max-width: 150px;
      max-height: 50px;
  }
  .tab-triggers {
      position: relative;
  }
  a.tab-trigger {
      display: inline-block;
      margin-bottom: 1em;
      text-decoration: none;
      position: absolute;
      left: 0;
      top: 25px;
      padding: 29px 30px 29px 95px;
      border: 2px solid;
      border-radius: 50px;
      background-color: var(--bodybgcolor);
      z-index: 2;
      font-size: 1.2em;
  }
  a.tab-trigger:hover, a.tab-trigger.active {
      color: var(--white)!important;
  }
  a.tab-trigger:last-child {
      margin-bottom: 0;
  }
  a.tab-trigger.distributor {
      color: var(--distributorColor); 
      top: 150px;
  }
  a.tab-trigger.distributor:hover, a.tab-trigger.distributor.active {
      background-color: var(--distributorColor);
      border-color: var(--distributorColor)!important;
  }
  a.tab-trigger.hersteller {
      color: var(--herstellerColor);
  }
  a.tab-trigger.hersteller:hover, a.tab-trigger.hersteller.active {
      background-color: var(--herstellerColor);
      border-color: var(--herstellerColor)!important;
  }
  a.tab-trigger.systemhaus {
      color: var(--systemhausColor);
      top: 275px;
  }
  a.tab-trigger.systemhaus:hover, a.tab-trigger.systemhaus.active {
      background-color: var(--systemhausColor);
      border-color: var(--systemhausColor)!important;
  }
  a.tab-trigger.saas {
      color: var(--saasColor);
      top: 400px;
  }
  a.tab-trigger.saas:hover, a.tab-trigger.saas.active {
      background-color: var(--saasColor);
      border-color: var(--saasColor)!important;
  }
  .tab-trigger svg {
      max-width: 43px;
      position: absolute;
      left: 30px;
      top: 50%;
      margin-top: -17px;
  }
  .tab-trigger svg path, .tab-trigger svg rect {
      transition: all 0.3s ease-out;
  }
  .distributor svg path, .distributor svg rect {
      fill: var(--distributorColor);
  }
  .hersteller svg path, .hersteller svg rect {
      fill: var(--herstellerColor);
  }
  .systemhaus svg path, .systemhaus svg rect {
      fill: var(--systemhausColor);
  }
  .saas svg path, .saas svg rect {
      fill: var(--saasColor);
  }
  .tab-trigger:hover path, .tab-trigger:hover rect, .tab-trigger.active path, .tab-trigger.active rect {
      fill: var(--white);
  }
  .tabs {
      position: relative;
      display: flex;
      justify-content: flex-end;
  }
  .tab {
      display: none;
      padding: 40px 30px;
      border: 3px solid var(--distributorColor);
      border-radius: 38px;
      box-shadow: 10px 10px 30px -15px var(--distributorColor);
      background-color: var(--bodybgcolor);
      position: relative;
      width: 59%;
  }
  .tab.active {
      display: block;
  }
  .tab.hersteller {
      border: 3px solid var(--herstellerColor);
      box-shadow: 10px 10px 30px -15px var(--herstellerColor);	
  }
  .tab.systemhaus {
      border: 3px solid var(--systemhausColor);
      box-shadow: 10px 10px 30px -15px var(--systemhausColor);
  }
  .tab.saas {
      border: 3px solid var(--saasColor);
      box-shadow: 10px 10px 30px -15px var(--saasColor);
  }
  .distributor .heading-title {
      color: var(--distributorColor);
  }
  .hersteller .heading-title {
      color: var(--herstellerColor);
  }
  .systemhaus .heading-title {
      color: var(--systemhausColor);
  }
  .saas .heading-title {
      color: var(--saasColor);
  }
  .distributor .toned:before, .distributor .tag {
      background-color: var(--distributorColor);
  }
  .hersteller .toned:before, .hersteller .tag {
      background-color: var(--herstellerColor);
  }
  .systemhaus .toned:before, .systemhaus .tag {
      background-color: var(--systemhausColor);
  }
  .saas .toned:before, .saas .tag {
      background-color: var(--saasColor);
  }
  .tag {
      border-radius: 20px;
      padding: 5px 10px;
      margin: 0 0.5em 0.5em 0;
      display: inline-block;
  }
  .tab .toned {
      margin: 1em 0;
  }
  .challengesvg {
      position: absolute;
      left:260px;
  }
  .challengesvg.active, .challengesvg.active path {
  transition: all 1s ease-out;
  }
  #distributorSVG {
      top: 195px;
      width: 186px;
      height: 198px;
  }
  #herstellerSVG {
      top: 70px;
      width: 195px;
      left: 251px;
      height: 198px;
  }
  #systemhausSVG {
      top: 170px;
      width: 170px;
      transform: scaley(-1);
      left: 277px;
  }
  #saasSVG {
      top: 248px;
      width: 140px;
      transform: scaley(-1);
      left: 307px;
      height: 198px;
  }
  .lighterdarkcolor {
      background-color: var(--ligherdarkColor);
  }
  .toggle-item {
      background-color: var(--colortoggle);
      border-radius: 18px;
      padding: 30px;
  }
  .toggle-title {
      font-size: 1.3em;
      color: var(--color1);
      padding: 0 40px 0 20px;
      margin-bottom:0;
      cursor: pointer;
      position: relative;
  }
  .toggle-title:before {
      content:'';
      position: absolute;
      left: 0;
      top: 0;
      width: 3px;
      border-radius: 2px;
      height: 1.1em;
      background-color: var(--color1);
  }
  .toggle-title:after {
      content:'';
      position: absolute;
      right: 0;
      top: 0;
      width: 30px;
      height: 30px;
      background: url(../../../wp-content/uploads/toggle-arrow.svg) center center no-repeat;
      background-size: 100% auto;
      transition: all 0.3s ease-out;
  }
  .toggle-title.active:after {
      transform: rotate(90deg);
  }
  .toggle-content {
      padding: 0 20px;
      display: none;
      margin-top: 1em;
  }
  .flexwrap .col {
      margin-bottom: 20px;
  }
  #kundenstimmen {
      align-items: center;
  }
  #kundenstimmenslider .slick-track {
      display: flex;
      align-items: center;
  }
  .kundenstimme.slick-slide.slick-active .inhalt {
      transform: scale(1);
  }
  .kundenstimme.slick-slide .inhalt {
      transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
      transform: scale(0.7);
  }
  .kundenstimme {
      padding: 40px;
      background-color: var(--color1);
      color: var(--bodybgcolor);
      border-radius: 30px;
  }
  .kundenstimme .inhalt {
      padding-left: 50px;
      position: relative;
  }
  .kundenstimme .inhalt:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      background: url(../../../wp-content/uploads/quotes.svg) center center no-repeat;
      background-size: cover;
      width: 36px;
      height: 29px;
      display: block;
  }
  .kundenstimme .bottom {
      display: flex;
      align-items: center;
  }
  .kundenstimme .bottom img {
      margin-right: 20px;
      border-radius: 50%;
  }
  .kundenstimme .bottom span.name b {
      display: inline-block;
      margin-bottom: 0.2em;
  }
  .kundenstimme.last {
      background-color: transparent;
      text-align: center;
      color: var(--color1);
  }
  .kundenstimme.last i {
      font-size: 2em!important;
  }
  #kundenlogoslider .slick-slide:not(.slick-current) {
      cursor: pointer;
  }
  #kundenlogoslider .kundenlogoimg {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 80% auto;
      border-radius: 50%;
      border: 3px solid var(--color1);
      transform: scale(0.5);
      opacity: 0.3;
      transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  }
  #kundenlogoslider .kundenlogoimg.slick-current {
      transform: scale(1);
      opacity: 1;
  }
  #kundenlogoslider .kundenlogoimg img {
      width: 100%;
  }
  ul.kee-list {
      position: relative;
      padding-left: 0;
  }
  ul.kee-list:before {
      content: '';
      width: 2px;
      height: calc(100% - 41px);
      background-color: var(--color1);
      display: block;
      position: absolute;
      left: 19px;
      top: 10px;
  }
  ul.kee-list li {
      position: relative;
      padding-left: 2.2em;
  }
  ul.kee-list li.semi-basic {
      margin-bottom: 1.7em;
  }
  ul.kee-list li.semi-basic:before {
      content: '';
      display: block;
      background-color: var(--bodybgcolor);
      border: 2px solid var(--color1);
      border-radius: 50%;
      width: 0.92em;
      height: 0.92em;
      position: absolute;
      left: 0.32em;
      top: 0.25em;
  }
  ul.kee-list li.btnhier {
      padding-left: 2.86em;
  }
  ul.kee-list li.btnhier:before {
      content: '';
      height: 3px;
      position: absolute;
      left: 0.99em;
      top: 50%;
      margin-top: -1.5px;
      display: block;
      width: 1em;
      background-color: var(--color1);
  }
  ul.kee-list li.btnhier a.button {
      margin-top: 0;
      border-radius: 50px;
  }
  
                   .ui-tooltip {
      padding: 5px 10px;
      color: var(--bodybgcolor);
      border-radius: 5px;
                       line-height: 1.2em;
      background-color: var(--white);
      font-size: 14px;
                       max-width: 290px;
                       opacity:1!important;
  }
 .ui-tooltip {
      max-width: 200px;
      padding: 5px 10px;
  }
.ui-tooltip:before, .ui-tooltip:after {
	content: none!important;
}
  .uk-modal {
      z-index: 9999;
  }
  .uk-modal-dialog {
      background-color: rgb(0 6 21 / 81%);
  }
  .uk-modal-dialog .container {
      position: relative;
  }
  .trigger-height img {
      width: 100%;
  }
  .target-height .row {
      align-items: center;
      height: 100%;
  }
  #top.top-no-min-height {
      min-height: inherit!important;
  }
  .hidden-dsgvo {
      display: none;
  }
  .wpcf7 section {
      padding: 0;
      margin: 0!important;
      background: transparent;
  }
  .wpcf7 section:not(.start), #health-check .wpcf7 section:not(#final) {
      display: none;
  }
  #health-check-popup .wpcf7 #start .row {
      margin-left:-10px;
      margin-right:-10px;
  }
  #health-check-popup .wpcf7 .row.slider-texte .col {
      padding: 0;
  }
  .slider-texte .col {
      padding: 0;
  }
  #health-check-popup .wpcf7 section#final:not(.active) {
      visibility: hidden;
      height: 0;
      display: block!important;
      position: absolute;
      top: 0;
      pointer-events: none;
  }
  #health-check-popup .wpcf7 section#final.active {
      display: block;
  }
  .row.buttons {
      width: 100%;
      margin-bottom: 2em;
  }
  .row.buttons p {
      width: 100%;
      align-items: center;
      justify-content: center;
      display: flex;
  }
  .progress-bar {
      display: none;
      width: calc(100% - 300px);
      position: absolute;
      border-radius: 30px;
      left: 50%;
      margin-left: calc(-50% + 150px);
      bottom: 18px;
  }
  .start .progress-bar, .end .progress-bar {
      display: none;
  }
  .progress-bar .inner {
      background: var(--color1);
      display: inline-block;
      border-radius: 5px;
      position: relative;
      height: 10px;
      overflow: hidden;
      transition: all 0.3s ease-out;
  }
  .progress-bar .percent {
      font-size: 0.8em;
      position: absolute;
      bottom: 10px;
      margin-left: -2em;
      transition: all 0.3s ease-out;
  }
  span.glow {
      width: 30%;
      max-width: 100%;
      height: 100%;
      display: inline-block;
      position: absolute;
      left: -30%;
      visibility: hidden;
      -webkit-animation-name: animglow;
        -webkit-animation-duration: 4s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 0s;
      animation-name: animglow;
        animation-duration: 4s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        animation-delay: 0s;
  }
  span.glow:before {
      height: 100%;
      content: '';
      display: block;
      position: relative;
      border-radius: 0 5px 5px 0;
      background: rgb(255,255,255);
      background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  }
    @-webkit-keyframes animglow {
        0% {
            left: -30%;
            visibility: visible;
        }
        50% {
          left: 100%;
            visibility: hidden;
      }
  }
   @keyframes animglow {
        0% {
            left: -30%;
            visibility: visible;
        }
        50% {
          left: 100%;
            visibility: hidden;
      }
  }
  a.forward.button, a.back.button {
      padding: 0.517em 1.5em;
      margin: 0 auto 0 0;
  }
  a.forward.button {
      margin: 0 0 0 auto;
  }
  a.forward.button.disabled {
      pointer-events: none;
  }
  .required {
      color: inherit;
  }
  span.wpcf7-form-control-wrap label.error {
      color: transparent;
      font-size: 0;
      padding: 0;
  }
  span.wpcf7-form-control-wrap label.error:before {
      content: 'Bitte das Feld ausfüllen';
      display: block;
      color: red;
      font-size: var(--mainfontsize);
  }
  div[data-class="wpcf7cf_group"] {
      width: 100%;
  }
  #page div[data-class="wpcf7cf_group"] textarea, #page .short-textarea textarea, #page textarea.short-textarea {
      height: 150px!important;
  }
  .bust-it an {
      transform: skewX(10deg) scale(2.5);
      display: inline;
      opacity: 0;
  }
  
  .bust-it an:nth-child(even) {
      transform: skewX(-10deg) scale(3.5);
  }
  
  img.absolute-img {
      z-index: 2;
  }
  .fadeingrids {
      opacity: 0;
      transform: scale(0);
      transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  }
  .fadeingrids.first.animateme {
          -webkit-animation-name: fadeingrids1;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 0.2s;
      -webkit-animation-fill-mode: forwards;
      animation-name: fadeingrids1;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0s;
      animation-fill-mode: forwards;
  }
  .fadeingrids.second.animateme {
          -webkit-animation-name: fadeingrids2;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 0s;
      -webkit-animation-fill-mode: forwards;
      animation-name: fadeingrids2;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.2s;
      animation-fill-mode: forwards;
      transform-origin: top left;
  }
  .fadeingrids.third.animateme {
          -webkit-animation-name: fadeingrids2;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 0.35s;
      -webkit-animation-fill-mode: forwards;
      animation-name: fadeingrids2;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-delay: 0.35s;
      animation-fill-mode: forwards;
      transform-origin: bottom right;
  }
    @-webkit-keyframes fadeingrids1 {
        0% {
            transform: scale(0);
            opacity: 0;
        }
        100% {
          transform: scale(1);
            opacity: 1;
      }
  }
   @keyframes fadeingrids1 {
         0% {
            transform: scale(0);
            opacity: 0;
        }
        100% {
          transform: scale(1);
            opacity: 1;
      }
  }
  @-webkit-keyframes fadeingrids2 {
        0% {
            transform: scale(0);
            opacity: 0;
        }
        100% {
          transform: scale(1);
            opacity: 0.25;
      }
  }
   @keyframes fadeingrids2 {
         0% {
            transform: scale(0);
            opacity: 0;
        }
        100% {
          transform: scale(1);
            opacity: 0.25;
      }
  }
  
  img.absolute-img, svg.absolute-img {
      position: absolute;
      left: 5%;
      top: 0;
      width: 100%;
      max-width: inherit;
      margin-left: 35%;
  }
  #kee-prinzip img.absolute-img {
      height: 100%;
  }
  #kee-prinzip img.absolute-img.animategehirnitem {
      transform: scale(0);
      transition: all 0.3s ease-out;
  }
  .flagged.to-animate {
      position: absolute!important;
      opacity: 0;
      top: -100px;
      transition: opacity 0.3s ease-out, top 0.3s ease-out;
  }
  .flagged.to-animate.animateme {
      opacity: 1;
      top: 0;
  }
  img.absolute-img.flagged {
      position: absolute!important;
      left: 0;
      margin-left:0;
      height: 100%;
      width: 100%!important;
      z-index: 0;
  }
  .wpcf7 {
      position: relative;
  }
  section#final {
      padding-bottom: 1em;
  }
  .BorlabsCookie ._brlbs-content-blocker ._brlbs-default {
      background: var(--bodybgcolor);
      margin-bottom: 1em;
      padding: 1em;
      text-align: center;
      border: 1px solid;
  }
  .BorlabsCookie._brlbs-cb-google_recaptcha {
          position: relative;
      top: -50px;
      z-index: 2;
	  display: none; 
  }
  .BorlabsCookie ._brlbs-content-blocker ._brlbs-default {
      background: var(--bodybgcolor)!important;
      border: 1px solid;
      color: var(--white);
      border: 3px dotted var(--color1);
  }
  span.has-shadow {
      color: inherit;
      position: relative;
  }
  span.has-shadow i {
      position: relative;
      z-index:1;
      font-style: inherit;
  }
  span.shadow {
      position: absolute;
      top: 0;
      right: 0;
      opacity: 0;
      transition: top 0.3s ease-out, right 0.3s ease-out, opacity 0.3s ease-out;
      z-index: 0;
  }
  span.shadow.animateme {
      position: absolute;
      opacity: 1;
      top: 0.37em;
      right: -0.16em;
      z-index: 0;
  }
  span.short-textarea {
      display: block;
  }
  #header-social {
      display: none;
  }
  .menu-item-weglot {
      position: relative!important;
      padding: 0!important;
  }
  .menu-item-weglot:before {
      content: ''!important;
      width:24px;
      height: 24px;
      display: block;
      background: url(../../../wp-content/uploads/sprache.svg) no-repeat;
      background-size: 100% auto;
      background-position: top center;
  }
  .menu-item-weglot:hover:before {
      background-position: bottom center;
  }
  .menu-item-weglot a {
      position: absolute;
      top: 0;
      padding-top: 34px;
      opacity: 0;
  }
  .menu-item-weglot:hover a {
      opacity: 1;
  }
  a.bubble-button {
      display: inline-block;
      text-align: left;
      color: var(--white)!important;
      border: 1px solid;
      border-radius: 51px;
      padding: 1em 1em 1em 2em;
      position: relative;
  }
  a.bubble-button span {
      display: block;
  }
  a.bubble-button svg {
      display: inline-block;
      margin-left: 1em;
      transition: all 0.3s ease-out;
  }
  a.bubble-button svg path {
      transition: fill 0.3s ease-out;
  }
  a.bubble-button:hover svg {
             transform: scale(2.6) translateX(10px);
      padding: 9px 8px;
      margin: -3px 0 -3px 1em;
      border-radius: 50px;
  }
  a.bubble-button:hover svg path {
      fill: var(--white)!important
  }
  .partnerwachstum a.bubble-button {
      border-color: var(--ciel);
  }
  .partnergewinnung a.bubble-button {
      border-color: var(--distributorColor);
  }
  .partnerreaktivierung a.bubble-button {
      border-color: var(--systemhausColor);
  }
  .partnerwachstum a.bubble-button span {
      color: var(--ciel);
  }
  .partnergewinnung a.bubble-button span {
      color: var(--distributorColor);
  }
  .partnerreaktivierung a.bubble-button span {
      color: var(--systemhausColor);
  }
  .partnerwachstum a.bubble-button svg path {
      fill: var(--ciel);
  }
  .partnergewinnung a.bubble-button svg path{
      fill: var(--distributorColor);
  }
  .partnerreaktivierung a.bubble-button svg path {
      fill: var(--systemhausColor);
  }
  .partnerwachstum a.bubble-button:hover svg {
      background: var(--ciel);
      background: linear-gradient(0deg, var(--ciel) 0%, #D0FBFF 100%);
  }
  a.bubble-button.orange {
      color: var(--linkcolor)!important;
  }
  a.bubble-button.orange svg path {
      fill: var(--linkcolor)!important;
  }
  a.bubble-button.orange:hover svg {
      background-color: var(--linkcolor);
  }
  a.bubble-button.orange:hover svg path {
      fill: var(--white)!important;
  }
  a.bubble-button.getprice {
      position: fixed;
      bottom: 20px;
      z-index: 2;
      left: 0;
      border-radius: 0 51px 51px 0;
      border-left: 0;
      background-color: var(--bodybgcolor);
  }
  ul.x-checklist {
      padding-left: 0;
  }
  .x-checklist li {
      position: relative;
      padding-left: 1.8em;
  }
  .x-checklist li:not(:last-child) {
      margin-bottom: 1em;
  }
  .x-checklist li:before {
      display: inline-block;
      content: '';
      position: absolute;
      left: 0;
      top: 0.3em;
      font-size: 0.9em;
      background: url(../../../wp-content/uploads/Icon-ionic-ios-checkmark-circle.svg) center center no-repeat;
      background-size: cover;
      width: 0.9em;
      height: 0.9em;
  }
  .x-checklist.green-checks li:before {
      background: url(../../../wp-content/uploads/Icon-ionic-ios-checkmark-circle-green.svg) center center no-repeat;
      background-size: cover;
  }
  .x-checklist.white-checks li:before {
      background: url(../../../wp-content/uploads/Icon-ionic-ios-checkmark-circle-white.svg) center center no-repeat;
      background-size: cover;
  }
  .x-checklist.red-checks li:before {
      background: url(../../../wp-content/uploads/Icon-ionic-ios-checkmark-circle-red) center center no-repeat;
      background-size: cover;
  }
  .x-checklist.ciel-checks li:before {
      background: url(../../../wp-content/uploads/Icon-ionic-ios-checkmark-circle-ciel) center center no-repeat;
      background-size: cover;
  }
  .x-checklist.inline li {
      display: inline-block;
      margin: 0 0.7em 0.2em 0;
      padding-left: 1.2em;
  }
  a.button.with-svg {
      display: inline-flex;
      align-items: center;
  }
  a.button.with-svg svg {
      margin-left: 0.5em;
  }
  .login-form {
      border-radius: 25px;
      padding: 2em;
      background-color: var(--white);
      color: var(--black);
  }
  .login-form .heading-title {
      color: var(--black);
      margin-bottom: 1em;
  }
  .flex-it {
      display: flex;
      flex-direction: column;
  }
  .flex-it .container-to-bottom {
      margin: auto 0 2em;
  }
  .slick-disabled {
      opacity: 0!important;
      pointer-events: none;
  }
  .back-three-quart:before {
      content: '';
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      display: block;
      background-color: var(--bodybgcolor);
      transition: height 0.3s ease-out;
      height: 240px;
  }
  .hide-scrollbar {
      -ms-overflow-style: none;  
      scrollbar-width: none;
  }
  .hide-scrollbar::-webkit-scrollbar {
      display: none;
  }
  .overflow-hidden {
      overflow: hidden;
  }
  .overflow-x-hidden {
      overflow-x: hidden;
      overflow-y: clip;
  }
  .beam {
      height: 30vH;
      width: 140%;
      margin-left: -20%;
      display: block;
      position: absolute;
      transform-origin: 0 center;
      filter: blur(20px);
  }
  .beam1 {
      background: rgb(0,6,21);
  background: linear-gradient(90deg, rgba(0,6,21,1) 0%, rgba(115,3,192,1) 33%, rgba(236,56,188,1) 67%, rgba(253,239,249,1) 100%);
      transform: rotate(-5deg);
      animation-name: beam1;
    animation-duration: 4s;
      animation-direction: alternate;
      animation-iteration-count: infinite;
      -webkit-animation-name: beam1;
    -webkit-animation-duration: 4s;
      -webkit-animation-direction: alternate;
      -webkit-animation-iteration-count: infinite;
  }
  @keyframes beam1 {
    from {
        transform: rotate(-5deg);
      }
    to {
  transform: rotate(5deg);
  }
  }
    @-webkit-keyframes beam1 {
    from {
        transform: rotate(-5deg);
      }
    to {
  transform: rotate(5deg);
  }
  }
  .gsap-sticky-parent {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  #beams {
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      pointer-events: none;
  }
  #beams .beam {
      height: 36vH;
  }
  .beam2 {
      top: 18%;
  background: rgb(253,252,71);
  background: linear-gradient(90deg, rgba(253,252,71,1) 0%, rgba(36,254,65,1) 100%);
      transform: rotate(-14deg);
  }
  .beam3 {
      top: 30%;
      background: rgb(253,200,48);
  background: linear-gradient(90deg, rgba(253,200,48,1) 0%, rgba(243,115,53,1) 100%);
      transform: rotate(9deg);
      opacity: 1;
  }
  .beam4 {
      top: 63%;
      background: rgb(252,0,255);
  background: linear-gradient(90deg, rgba(252,0,255,1) 0%, rgba(0,219,222,1) 100%);
      transform: rotate(-14deg);
  }
  .beam5 {
      top: 76%;
      background: rgb(84,51,255);
  background: linear-gradient(90deg, rgba(84,51,255,1) 0%, rgba(32,189,255,1) 100%);
      transform: rotate(9deg);
  }
  
  #aboutUsGallerie {
      padding: 0;
      transform: rotate(-2deg);
      width: calc(100% + 50px);
      margin-left: -25px;
  }
  .aboutusgal-carousel img.slick-slide {
      border-radius: 15px;
      margin: 0 5px;
  }
  .aboutusgal-carousel:first-child {
      margin-bottom: 10px;
  }
  #team-container:after {
      content: '';
      display: table;
      clear: both;
  }
  .team {
      position: relative;
      float: left;
      margin-bottom: 20px!important;
      box-shadow: 20px 20px 40px rgba(0,0,0,0.5);
      border-radius: 25px;
  }
  .team:nth-child(odd):not(:first-child) {
      margin-top: -10em;
  }
  .team:nth-child(2) {
      margin-top: 10em;
  }
  .team-image:after {
      content: '';
      display: table;
      clear: both;
  }
  .team-image img {
      float: left;
      border-radius: 25px;
      transition: all 0.3s ease-out;
  }
  .team:hover img {
      border-radius: 25px 0 0 25px;
  }
  .team-content {
      position: absolute;
      left: 100%;
      top: 0;
      width: 100%;
      background: #fff;
      color: black;
      height: 100%;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s ease-out;
      border-radius: 0 25px 25px 0;
      display: flex;
      flex-direction: column;
      padding: 20px 50px 50px;
      box-shadow: 20px 20px 40px rgba(0,0,0,0.5);
  }
  .team:nth-child(even) .team-content {
      left: initial;
      right: 100%;
      border-radius: 25px 0 0 25px;
  }
  .team:nth-child(even):hover .team-image img {
      border-radius: 0 25px 25px 0;
  }
  .team:hover {
      z-index: 3;
  }
  .team:hover .team-content {
      opacity: 1;
      pointer-events: initial;
  }
  .team-content h4 {
      color: var(--black);
  }
  .team-content .bottom {
      margin: auto 0 0;
  }
  .team-content .meme {
      margin-bottom: 2em;
      display: block;
      color: inherit;
      font-size: 0.9em;
  }
  .team-content .meme img {
      vertical-align: bottom;
  }
  .team-content .connect {
      display: flex;
      align-items: center;
      font-size: 0.9em;
  }
  .team-content .connect a {
      margin-left: 0.7em;
  }
  .intern-cont, .business-cont {
      max-height: 64%;
      overflow-y: auto;
      font-size: 0.9em;
      margin-bottom: 1em;
  }
  .team-content .switch-buttons {
      text-align: right;
      margin-bottom: 30px;
  }
  .team:nth-child(even) .team-content .switch-buttons {
      text-align: left;
  }
  .team-content .switch-buttons a {
      display: inline-block;
      font-size: 0.8em;
      color: var(--black);
      border: 1px solid;
      border-radius: 26px;
      padding: 0.35em 1em;
  }
  .team-content .switch-buttons a.active, .team-content .switch-buttons a:hover {
      border-color: var(--color1);
      background-color: var(--color1);
  }
  .team-content .switch-buttons a:first-child {
      margin-right: 0.5em;
  }
  .team-content .membername {
      margin-bottom: 1em;
  }
  #classics {
      background: rgb(241,39,17);
  background: linear-gradient(90deg, rgba(241,39,17,1) 0%, rgba(245,175,25,1) 100%);
  }
  #classics:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      pointer-events: none;
      width: 100%;
      height: 30px;
      background: rgb(0,6,21);
  background: linear-gradient(0deg, rgba(0,6,21,0) 0%, rgba(0,6,21,1) 100%);
  }
  #classics #mammut {
      margin-top: var(--distanceSection1024);
  }
  #classics #mammut .slick-list {
      margin: 0 -20px;
      width: calc(100% + 40px);
      padding: 0 20px;
  }
  #classics #mammut.slick-initialized .slick-track {
      display: flex;
  }
  #classics #mammut .slick-dots {
      bottom: 25px;
  }
  #classics #mammut .slick-dots li {
      width: 30px;
      height: auto;
  }
  #classics #mammut .slick-dots li.slick-active {
      width: 56px;
  }
  #classics #mammut .slick-dots li button {
      height: 3px;
      width: 100%;
      position: relative;
      border-radius: 3px;
  }
  #classics #mammut .slick-dots li button:before {
      color: transparent;
      background-color: var(--white);
      height: 100%;
      content: '';
      line-height: inherit;
      width: 100%;
      border-radius: 3px!important;
  }
  #classics #mammut .slick-dots li.slick-active button:before {
      background-color: var(--bodybgcolor);
  }
  .classic {
      border-radius: 25px;
      overflow: hidden;
      background-color: var(--bodybgcolor);
      display: flex!important;
      margin: 0 10px;
      margin-bottom: 60px!important;
      float: none;
      height: auto;
      box-shadow: 20px 20px 40px rgba(0,0,0,0.3);
  }
  .classic.empty {
      background-color: transparent;
      opacity: 0;
  }
  .classic .col {
      margin: 0;
      width: 50%;
  }
  .classic .thecont {
      padding: 40px!important;
  }
  .classic .theimg {
  background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
  }
  .classic .theimg img {
      visibility: hidden;
  }
  .classic h5 {
      margin-bottom: 1em;
  }
  .leadunlocklogo {
      background-image:url(../../../wp-content/uploads/Leadunlocklogo1.svg);
      background-repeat: no-repeat;
      background-size: 100% auto;
      display: inline-block;
      -webkit-animation-name: unlock;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: step-start;
        -webkit-animation-delay: 0s;
      animation-name: unlock;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: step-start;
        animation-delay: 0s;
  }
  .leadunlocklogo:hover {
      background-image:url(../../../wp-content/uploads/Leadunlocklogo2.svg);
  }
  .leadunlocklogov2 {
      background-image:url(../../../wp-content/uploads/Leadunlocklogov2.svg);
      background-repeat: no-repeat;
      background-size: 100% auto;
      display: inline-block;
      -webkit-animation-name: unlockv2;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: step-start;
        -webkit-animation-delay: 0s;
      animation-name: unlockv2;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: step-start;
        animation-delay: 0s;
  }
  .leadunlocklogov2:hover {
      background-image:url(../../../wp-content/uploads/Leadunlocklogov2-2.svg);
  }
    @-webkit-keyframes unlock {
        0% {
            background-image:url(../../../wp-content/uploads/Leadunlocklogo1.svg);
        }
        50% {
          background-image:url(../../../wp-content/uploads/Leadunlocklogo2.svg);
      }
  }
   @keyframes unlock {
         0% {
            background-image:url(../../../wp-content/uploads/Leadunlocklogo1.svg);
        }
        50% {
          background-image:url(../../../wp-content/uploads/Leadunlocklogo2.svg);
      }
  }
   @-webkit-keyframes unlockv2 {
        0% {
            background-image:url(../../../wp-content/uploads/Leadunlocklogov2.svg);
        }
        50% {
          background-image:url(../../../wp-content/uploads/Leadunlocklogov2-2.svg);
      }
  }
   @keyframes unlockv2 {
         0% {
            background-image:url(../../../wp-content/uploads/Leadunlocklogov2.svg);
        }
        50% {
          background-image:url(../../../wp-content/uploads/Leadunlocklogov2-2.svg);
      }
  }
  .leadunlocklogo img, .leadunlocklogov2 img {
      opacity: 0;
  }
  .inline-buttons {
      margin-top: 2em;
      padding-bottom: 20px;
  }
  a.another-cool-button-v2 {
      display: flex;
      align-items: center;
      color: var(--white);
  }
  .button-v2 {
      display: inline-flex!important;
      align-items: center;
  }
  a.another-cool-button-v2 svg {
      opacity: 0;
      transition: all 0.3s ease-out;
  }
  a.another-cool-button-v2:hover svg {
      opacity: 1;
      margin-left: 0.5em;
  }
  a.another-cool-button-v2:hover {
      color: var(--green);
  }
  a.another-cool-button-v2.violethv:hover {
      color: var(--vio);
  }
  a.another-cool-button-v2.violethv:hover svg path {
      fill: var(--vio)!important;
  }
  .safe {
      transition: transform 0.7s ease-out;
      transform: scale(0);
  }
  .safe.animateme {
      transform: scale(1);
  }
  span.skaliere {
      color: inherit;
      position: relative;
  }
  span.skaliere:after {
      content: '';
      background: url(../../../wp-content/uploads/skaliere.svg) center bottom no-repeat;
      background-size: 100% auto;
      position: absolute;
      width: 100%;
      height: 130%;
      display: block;
      bottom: 0;
      left: 0;
      z-index: -1;
  }
  .skaliere-icon {
      margin-bottom: 1em;
      transition: transform 0.3s ease-out;
  }
  .skaliere-icon.to-animate {
      transform: scale(0);
  }
  .skaliere-icon.animateme {
      transform: scale(1);
  }
  .skaliere-col {
      margin-bottom: 2em!important;
  }
  section.green-grad-back {
      z-index: 2;
  }
  section.green-grad-back:before {
      background: url(../../../wp-content/uploads/blurry-gradient-haikei.jpg.webp) center center no-repeat;
      background-size: cover;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 83%;
      height: 100%;
      display: block;
      border-radius: 0 300px 300px 0;
      box-shadow: 20px 20px 60px rgba(0,0,0,0.2);
  }
  section.green-grad-back .container {
      padding-right: 290px;
  }
  section.green-grad-back2 .container {
      padding-right: 250px;
  }
  section.green-grad-back3 .container {
      padding-right: 160px;
  }
  section.amoeba {
      background: url(../../../wp-content/uploads/amoeba-tile.png.webp) center center no-repeat;
      background-size: cover;
      padding-top: 500px;
      margin-top: -400px;
      margin-bottom: calc(150px + var(--distanceSection));
  }
  section.amoeba-red {
      background: url(../../../wp-content/uploads/amoeba-tile-red.png.webp) center center no-repeat;
      background-size: cover;
  }
  section.amoeba.amoeba-for-smaller {
      padding-top: 300px;
      margin-top: -200px;
  }
  section.amoeba .container {
      position: relative;
  }
  .amoeba-inners {
      background: url(../../../wp-content/uploads/amoeba-inners.png.webp) center center no-repeat;
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
  }
  .amoeba-red .amoeba-inners {
      background: url(../../../wp-content/uploads/amoeba-inners-red.png.webp) center center no-repeat;
      background-size: contain;
  }
  section.amoeba:before {
      background: url(../../../wp-content/uploads/amoeba-top.png.webp) center center no-repeat;
      background-size: 100% 100%;
      content: '';
      height: 50px;
      display: block;
      position: absolute;
      top: -50px;
      left: 0;
      width: 100%;
  }
  .amoeba-inners1 {
      background-position: center 8%;
  }
  .amoeba-inners2 {
      background-position: center top 5%;
      transform: rotate(180deg);
  }
  section.amoeba:after {
      background: url(../../../wp-content/uploads/amoeba-bottom.png.webp) center center no-repeat;
      background-size: 100% 100%;
      content: '';
      height: 150px;
      display: block;
      position: absolute;
      bottom: -150px;
      left: 0;
      width: 100%;
  }
  #halleleadjah {
      background: url(../../../wp-content/uploads/bubbles2.svg) center top no-repeat;
      background-size: cover;
  }
  #halleleadjah:after {
      content: '';
      position: absolute;
      bottom: 0;
      height: 50px;
      display: block;
      pointer-events: none;
      width: 100%;
      left: 0;
      background: rgb(0,6,21);
      background: linear-gradient(0deg, rgba(0,6,21,1) 0%, rgba(0,6,21,0) 100%);
  }
  #halleleadjah .timeline {
      position: relative;
  }
  #halleleadjah .timeline .line {
      position: absolute;
      left: 50%;
      top: 70px;
      width: 1px;
      background-color: var(--white);
      max-height: calc(100% - 150px);
  }
  #halleleadjah .timeline .timeline-line.right .halle-item {
      margin-left: auto;
      margin-right: 0;
      flex-direction: row-reverse;
      justify-content: flex-end;
  }
  #halleleadjah .timeline .timeline-line.left .halle-item {
      margin-right: auto;
      margin-left: 0;
  }
  .timeline .row {
      position: relative;
      flex-direction: column;
  }
  .timeline .row:last-child {
      margin-bottom: 0;
  }
  .halle-item .like-title {
      margin-bottom: 0.2em;
  }
  .halle-item {
      display: flex;
      align-items: flex-start;
      transition: transform 0.3s ease-out;
  }
  .halle-item .cont {
      margin: 0 30px;
  }
  .timeline-line:before {
      content: '';
      width: 20px;
      height: 20px;
      background-color: var(--green);
      position: absolute;
      left: 50%;
      top: 41%;
      margin-left: -10px;
      border: 1px solid;
      border-radius: 50%;
  }
  span.btn-title {
      display: inline-flex;
      align-items: center;
      padding: 0.67em 0.8em;
      border-radius: 5px;
      border: 1px solid;
      line-height: 1em;
  }
  span.btn-title svg {
      margin-left: 0.5em;
  }
  span.btn-title.amfi svg {
      margin-right: 0.5em;
  }
  span.btn-title.violet {
      background-color: var(--vio);
  }
  .tilt-shaking {
          -webkit-animation-name: tilt-shaking;
        -webkit-animation-duration: 4s;
        -webkit-animation-timing-function: step-start;
      -webkit-animation-fill-mode: forwards;
      -webkit-animation-iteration-count: infinite;
      animation-name: tilt-shaking;
        animation-duration: 4s;
        animation-timing-function: step-start;
      animation-fill-mode: forwards;
      animation-iteration-count: infinite;
  }
    @-webkit-keyframes tilt-shaking {
    0% { -webkit-transform: rotate(0deg); }
    4% { -webkit-transform: rotate(15deg); }
    8% { -webkit-transform: rotate(0deg); }
    12% { -webkit-transform: rotate(-15deg); }
    15% { -webkit-transform: rotate(15deg); }
    18% { -webkit-transform: rotate(0deg); }
    21% { -webkit-transform: rotate(-15deg); }
    24% { -webkit-transform: rotate(0deg); }
      100% { -webkit-transform: rotate(0deg); }
  }
  @keyframes tilt-shaking {
    0% { transform: rotate(0deg); }
    4% { transform: rotate(15deg); }
    8% { transform: rotate(0deg); }
    12% { transform: rotate(-15deg); }
    15% { transform: rotate(15deg); }
    18% { transform: rotate(0deg); }
    21% { transform: rotate(-15deg); }
    24% { transform: rotate(0deg); }
      100% { transform: rotate(0deg); }
  }
  .timeline .row.intermezzo {
      max-width: 708px;
      border: 1px solid var(--white);
      box-shadow: 0 0 40px rgba(102,0,255,0.4);
      border-radius: 25px;
      padding: 40px;
      position: relative;
      background-color: var(--colortoggle);
      margin: 5em auto;
  }
  .timeline .row.intermezzo .btn-cont {
      text-align: center;
      margin: -63px 0 40px 0;
  }
  .timeline .row.intermezzo .inline-buttons {
      justify-content: center;
  }
  mark.underlined {
      background: transparent;
      position: relative;
      display: inline-block;
      color: inherit;
  }
  mark.underlined:after {
      content: '';
      display: block;
      height: 0.5em;
      width: 100%;
      position: absolute;
      top: 100%;
      left: 0;
  }
  mark.underlined.violet:after {
      background: url(../../../wp-content/uploads/vio-under.svg) center top no-repeat;
      background-size: contain;
  }
  svg.inbtn {
      margin-left: 0.5em;
  }
  #mammut.slick-initialized .slick-track {
      display: flex;
  }
  #mammut .loesung {
      opacity: 1;
      transform: translateY(0);
      height: auto;
      float: none;
      cursor: grab;
  }
  #mammut .loesung.tone-color span {
      color: var(--color1);
      font-weight: 700;
  }
  #mammut .loesung.video-back {
      border: 1px solid var(--color1);
      box-shadow: 0 0 4px var(--color1)
  }
  #mammut .loesung.video-back .button {
      padding: 0.38em 1.25em;
      background-color: transparent;
  }
  #mammut .video-back:hover a.button {
      background-color: var(--color1);
  }
  #mammut .video-back a.button:hover {
      box-shadow: 0 0 20px var(--color1);
      background-color: var(--color1);
  }
  #mammut .slick-list {
      margin: 0 -20px;
      width: calc(100% + 40px);
      padding: 0 20px;
  }
  #mammut-custom-navi {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 56px;
      margin-top: -28px;
  }
  #mammut-custom-navi .container {
      z-index: 2;
      height: 100%;
      position: relative;
  }
  #mammut-custom-navi span {
      display: block;
      position: absolute;
      height: 100%;
      width: 25%;
      left: -70px;
      min-width: 56px;
      background: url(../../../wp-content/uploads/mammut-arrow-left.svg) no-repeat;
      background-position: left center;
      opacity: 0;
      transition: opacity 0.3s ease-out;
      cursor: pointer;
  }
  #mammut-custom-navi span.next {
      transform: rotate(180deg);
      left: initial;
      right: -70px;
  }
  #mammut-custom-navi span:hover {
      opacity: 1;
  }
  .slick-initialized .slick-slide.flex {
      display: flex;
  }
  .slick-initialized .slick-slide.flex .col {
      margin: 0 10px;
  }
  .slick-slide.leadunlock-mammut {
      background-color: #9A9CA2;
      border-radius: 25px;
      margin: 0 10px;
      padding: 20px 10px;
  }
  .slick-slide.leadunlock-mammut:nth-child(even) {
      background-color: #5A5C62;
  }
  .slick-slide.leadunlock-mammut img.who {
      border-radius: 20px;
      float: left;
  }
  .slick-slide.leadunlock-mammut .loesung-title {
      margin: 0.5em 0 1em;
  }
  #mammut .empty {
      padding: 0!important;
      background-color: transparent!important;
  }
  .downloads {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      background-color: var(--white);
      padding: 20px;
      transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out, top 0.3s ease-out;
      border-radius: 25px;
      opacity: 0;
      top: 100px;
      position: relative;
  }
  .downloads.animateme {
      opacity: 1;
      top: 0;
  }
  .downloads:hover {
      box-shadow: 0 0 20px rgba(255,255,255,1);
  }
  .downloads img {
      border-radius: 15px;
      width: 100%;
  }
  .downloads .cont {
      color: var(--bodybgcolor);
      padding: 1em;
      margin: 0.5em 0;
  }
  .downloads .cont .heading-title {
      color: var(--bodybgcolor);
  }
  .downloads a.button {
      margin: auto 1em 0.5em;
  }
  #youtubebesuch {
      background: rgb(253,200,48);
  background: linear-gradient(126deg, rgba(253,200,48,1) 0%, rgba(243,115,53,1) 38%, rgba(243,115,53,1) 100%);
  }
  #youtubebesuch:before {
      content: '';
      position: absolute;
      z-index: 0;
      pointer-events: none;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url(../../../wp-content/uploads/youtube-besuche.png.webp) no-repeat;
      background-position: right center;
      background-size: auto 100%;
  }
  a.another-cool-button  {
      display: flex;
  }
  a.another-cool-button.align-it-center {
      align-items: center;
  }
  a.another-cool-button svg {
      opacity: 0;
      transition: all 0.3s ease-out;
  }
  a.another-cool-button:hover svg {
      opacity: 1;
          margin-left: 0.5em;
  }
  a.another-cool-button span {
      transition: opacity 0.3s ease-out;
      padding: 0.3em 1em;
      border-radius: 24px;
  }
  a.another-cool-button:hover span {
      background-color: rgba(255,255,255,0.15);
  }
  .another-cool-button2 {
      color: var(--white)!important;
  }
  .another-cool-button2, .button.tohide {
      opacity: 0;
          position: absolute;
      bottom: 0;
      left: 0;
      transition: opacity 0.3s ease-out;
  }
  ul.uk-slideshow-items li:hover .another-cool-button2, ul.uk-slideshow-items li:hover .button.tohide {
      opacity: 1;
  }
  ul.uk-slideshow-items li {
      border-radius: 25px;
  }
  ul.uk-slideshow-items li:before {
      content:'';
      position: absolute;
      z-index:1;
      pointer-events: none;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgb(245,156,0);
  background: linear-gradient(0deg, rgba(245,156,0,1) 0%, rgba(245,156,0,0) 100%);
      opacity: 0;
      transition: opacity 0.3s ease-out;
  }
  ul.uk-slideshow-items li:hover:before {
      opacity: 0.25;
  }
  ul.uk-slideshow-items li > div {
      position: relative;
      z-index: 2;
      transition: padding 0.3s ease-out;
  }
  ul.uk-slideshow-items li:hover > div {
      padding-bottom: 1.5em;
  }
  ul.uk-slideshow-items li h4 {
      text-shadow: 0 0 10px rgba(0,0,0,0.75);
  }
  ul.uk-slideshow-items li .button {
      padding: 0.35em 1.1em;
  }
  ul.uk-slideshow-items li p {
      text-shadow: 0 0 10px rgba(0,0,0,1);
  }
  ul.uk-dotnav li a {
      background-color: var(--white);
      border-radius: 3px;
      height: 3px;
      width: 30px;
  }
  ul.uk-dotnav li.uk-active a {
      background-color: var(--color1);
      width: 56px;
  }
  ul.uk-dotnav li a:hover {
      background-color: var(--color1);
  }
  #casestudies-small {
      margin: 2em -10px 0;
  }
  .casestudysmall {
      position: relative;
      border-radius: 25px;
      overflow: hidden;
      border: 1px solid;
      margin: 0 10px;
  }
  .casestudysmall:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--bodybgcolor);
      opacity: 0;
      transition: opacity 0.3s ease-out;
  }
  .casestudysmall:hover:before {
      opacity: 0.7;
  }
  .casestudysmall a {
      z-index: 2;
      left: 20px;
      bottom: 20px;
      display: flex;
      flex-direction: column;
      line-height: 1.4em;
  }
  .casestudysmall a b {
      display: flex;
      padding-right: 10px;
      align-items: baseline;
  }
  .casestudysmall a svg {
      width: 12px;
      margin-left: 10px;
      vertical-align: baseline;
  }
  .casestudysmall:hover a {
      opacity: 1;
  }
  .casestudysmall img {
      float: left;
  }
  ul.casestudiesbig.uk-slideshow-items li:hover > div {
      padding-bottom: 3.5em;
  }
  .casestudiesbig li.enlarge-back img.uk-cover {
      filter: blur(2px) grayscale(1);
      max-width: inherit;
  }
  .casestudiesbig li.enlarge-back:hover img.uk-cover {
      transform: translate(-50%,-50%) scale(1.1); 
      filter: none;
  }
  .confetti-img {
      transform: scale(0);
      transition: transform 0.3s ease-out;
      position: absolute;
      top: 0;
      left: 0;
  }
  .animateme .confetti-img {
      transform: scale(1);
  }
  footer .hide-untermenu .sub-menu {
      display: none!important;
  }
  footer .hide-untermenu:after {
      content: none!important;
  }
  .boost-faqs .row {
      position: relative;
  }
  .boost-faqs .row:not(:last-child) {
      margin-bottom: 4em;
  }
  .boost-faqs .row .col {
      position: relative;
      border-radius: 25px;
      padding: 2em;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }
  .boost-faqs .row .col:first-child:before {
      content:'';
      position: absolute;
      top: 10px;
      left: 10px;
      width: calc(100% - 20px);
      height: calc(100% - 20px);
      border-radius: 25px;
      border: 1px solid var(--vio);
      pointer-events: none;
  }
  .boost-faqs .row .col:first-child .vio-quote {
      position: absolute;
      top: -1.3em;
  }
  .boost-faqs .row .col:last-child {
      background-color: var(--vio);
      right: -100px;
      opacity: 0;
      transition: all 0.3s ease-out;
  }
  .boost-faqs .row.animateme .col:last-child {
      right: 0;
      opacity: 1;
  }
  .boost-faqs .row .col:last-child:before {
      content:'';
      height: 1px;
      width: 30px;
      position: absolute;
      top: 50%;
      left: 20px;
      background-color: var(--vio);
      transition: left 0.3s ease-out;
  }
  .boost-faqs .row.animateme .col:last-child:before {
      left: -30px;
  }
  .wpcf7 i.tooltip-trigger.fa.fa-info-circle {
      margin-left: 0.8em;
      display: inline-block;
  }
  i.tooltip-trigger.fa.fa-info-circle.green:before {
      font-size: 1.4em;
  }
  .jein .wpcf7-list-item {
      top: 0;
      margin: 1em 1em 0 0!important;
  }
  .jein .wpcf7-list-item label {
      line-height: 0;
      float: left;
  }
  .jein .wpcf7-list-item .wpcf7-list-item-label {
      font-size: 0;
      padding:0;
      margin:0;
  }
  .jein .wpcf7-list-item .wpcf7-list-item-label:before {
      font-family: inherit;
      background: url(../../../wp-content/uploads/ja.svg) center center no-repeat;
      width: 88px;
      height: 46px;
      content:''!important;
      border-radius: 5px;
      position: static;
      display: block;
  }
  .jein .wpcf7-list-item.last .wpcf7-list-item-label:before {
  background: url(../../../wp-content/uploads/nein.svg) center center no-repeat;
      width: 106px;
      height: 46px;
  }
  .jein .wpcf7-list-item .wpcf7-list-item-label:hover:before {
      background-color: #A76CFF;
  }
  .jein .wpcf7-list-item:not(.asunchecked) input:checked + .wpcf7-list-item-label::before {
      background-color: var(--vio);
  }
  .kontakt-section {
      margin: 2em 0;
  }
  .slider {
      margin: 34px 0 2em;
  }
  .ui-widget {
      font-family: inherit;
  }
  .slider .ui-widget.ui-widget-content {
      border: 1px solid var(--white);
      height: 3px;
      position: relative;
  }
  .ui-widget.ui-widget-content:before, .ui-widget.ui-widget-content:after {
      content: '';
      width: 10px;
      height: 10px;
      background: var(--white);
      display: block;
      border-radius: 10px;
      position: absolute;
      top: -4.5px;
      left: -5px;
  }
  .ui-widget.ui-widget-content:after {
      left: initial;
      right: -5px;
  }
  .slider .ui-slider .ui-slider-handle {
      width: 20px;
      height: 20px;
      border: 2px solid var(--white);
      background-color: var(--green)!important;
      top: -10px;
  }
  .slider #ctooltip {
      top: -18px!important;
      font-size: 0.6em;
      background: transparent;
      border-radius: 0;
      padding: 0;
      font-weight: 300;
      color: #d9d9d9;
  }
  .slider #ctooltip:after {
      content: none;
  }
  .slider-texte {
      margin: 1em -10px;
  }
  .slider-texte .col:last-child {
      text-align: right;
  }
  #health-check .row.buttons p {
      display: block;
  }
  #health-check section:not(#start) a.forward.button {
      margin: 0 0 0 1em;
  }
  #page input.narrow, .uk-modal input.narrow  {
      width: 150px!important;
      display: inline-block!important;
  }
  .wpcf7 span.flex {
      display: flex;
      margin: 1em 0;
      vertical-align: middle;
      align-items: center;
  }
  .wpcf7 span.flex span {
      display: inline-block!important;
      width: auto;
      margin: 0 1em 0 0;
  }
  #page .wpcf7 span.flex span input, .uk-modal .wpcf7 span.flex span input  {
      margin: 0;
  }
  #page .wpcf7 textarea, .uk-modal .wpcf7 textarea {
      border-radius: 20px!important;
  }
  .invisiblecanvas {
      position: absolute;
      opacity: 0;
      pointer-events: none;
      left: 0;
  }
  #health-check-popup {
      background-color: var(--bodybgcolor);
  }
  #health-check-popup .uk-modal-dialog {
      background-color: transparent;
  }
  .flex.keep-flex {
      display: flex;
  }
  .flex .col {
      padding: 0 20px;
  }
  .flex.has-no-paddings {
      padding: 0 20px;
  }
  .flex .col.no-padding {
      padding: 0;
  }
  #health-check-popup.uk-open {
      display: flex!important;
      align-items: center;
  }
  #wpcf7-f575-o1, #wpcf7-f549-o1, #health-check-popup .download-lnk-pdf {
      display: none;
  }
  span.like-a-btn {
      border-radius: 5px;
      border: 1px solid;
      font-size: 0.7em;
      padding: 0.57em 1.5em;
      margin: 0 1.5em 1em 0;
      display: inline-block;
  }
  a.green-link {
      color: var(--green);
  }
  a.green-link:hover, a.green-link:active, a.green-link:focus {
      color: #128242;
  }
  .scale-from-top.to-animate {
      opacity: 0;
      transform: scale(0.5);
      transition: all 0.3s ease-out;
  }
  .scale-from-top.to-animate.animateme {
      opacity: 1;
      transform: scale(1);
  }
  .garantie-col.animateme {
      opacity: 1;
      transform: scale(1);
  }
  .garantie-col {
      opacity: 0;
      transform: scale(0.5);
      transition: all 0.3s ease-out;
      border-radius: 25px;
      background-color: var(--white);
      color: var(--black);
      padding: 20px!important;
      box-shadow: 20px 20px 30px rgba(0,6,21,0.16);
  }
  .garantie-col .title {
      color: var(--black);
      margin: 0.8em 0;
  }
  #multiple-wieso .box1 {
      z-index:2;
  }
  #multiple-wieso .box1 {
      opacity: 0;
  }
  #multiple-wieso .box1, #multiple-wieso .box2 {
      border: 1px solid;
      border-radius: 25px;
      background-color: var(--colortoggle);
      padding: 30px 20px;
      position: relative;
      min-height: 241px;
  }
  #multiple-wieso .box1.v2 {
      min-height: 271px;
  }
  #multiple-wieso .box2 {
      border: 1px solid var(--green);
      background-color: transparent;
      min-height: 334px;
      opacity: 0;
  }
  #multiple-wieso .box2.v2 {
      min-height: 269px;
  }
  #multiple-wieso .box1.v3 {
      background-color: rgba(255,255,255,0.5);
      backdrop-filter: blur(9px);
      -webkit-backdrop-filter: blur(9px);
      border-radius: 25px;
      border: 1px solid var(--white);
      transition: opacity 0.3s ease-out;
  }
  #multiple-wieso .box2.red-border, .red-border {
      border-color: var(--red);
  }
  #multiple-wieso .wieso-lines {
      width: 2px;
      height: 0;
      display: block;
      margin: 0 auto;
      background: rgb(255,255,255);
      background: linear-gradient(180deg, var(--white) 0%, var(--green) 100%);
  }
  #multiple-wieso .wieso-lines.red {
      background: rgb(255,255,255);
      background: linear-gradient(180deg, var(--white) 0%, var(--red) 100%);
  }
  img.wieso-img {
      margin: 0 0 1em;
  }
  .styled-checkboxes label {
      display: inline-flex;
      align-items: center;
      margin:0 1em 1em 0;
  }
  #page .styled-checkboxes input[type="checkbox"] {
      padding: 0!important;
      outline: none;
      box-shadow: none!important;
      -webkit-appearance: none;
      appearance: none;
      background-color: transparent;
      margin: 0;
      font: inherit;
      color: currentColor;
      width: 1em!important;
      height: 1em!important;
      border: 1px solid currentColor!important;
      border-radius: 2px!important;
      transform: translateY(0em);
      display: grid;
      place-content: center;
      margin: 0 0.8em 0 0;
  }
  .styled-checkboxes input[type="checkbox"]:before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--white);
      background-color: CanvasText;
      transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  }
  .styled-checkboxes input[type="checkbox"]:checked::before {
    transform: scale(1);
  }
  .styled-checkboxes input[type="checkbox"]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
  }
  #funktionen-table {
      display: none;
  }
  #funktionen-table table {
      table-layout: fixed;
  }
  #funktionen-table thead {
      font-size: 1.2em;
  }
  #funktionen-table.leadunlock-table thead {
      font-size: 0.75em;
  }
  #funktionen-table thead th {
      font-weight: 700;
  }
  #funktionen-table.leadunlock-table thead th {
      font-weight: 500;
      position: sticky;
      top: 0;
  }
  #funktionen-table.leadunlock-table tbody th  {
      font-weight: 600;
  }
  #funktionen-table tbody {
      font-size: 0.9em;
  }
  #funktionen-table.leadunlock-table tbody {
      font-size: 0.85em;
  }
  #funktionen-table td {
      text-align: center;
  }
  #funktionen-table tr, #funktionen-table th, #funktionen-table td {
      border-color: var(--colortoggle)!important;
  }
   #funktionen-table th, #funktionen-table td {
      padding: 10px;
       background-color: var(--ligherdarkColor);
  }
  #funktionen-table.leadunlock-table th, #funktionen-table.leadunlock-table td {
       background-color: var(--vio);
      padding: 20px 10px;
      box-shadow: inset 0 0 0 1px #ffffff;*/
      border: 0px solid var(--white)!important;
      line-height: 1.4em;
  }
  #funktionen-table.leadunlock-table td {
      background-color: var(--colortoggle);
  }
  #funktionen-table thead th:not(:first-child) {
      text-align: center;
  }
  #funktionen-table thead tr {
      border-bottom: 2px solid;
  }
  #funktionen-table tbody tr:not(:last-child) {
      border-bottom: 2px solid ;
  }
  #funktionen-table th:first-child, #funktionen-table td:first-child {
      padding-left: 0;
  }
  #funktionen-table.leadunlock-table th:first-child, #funktionen-table.leadunlock-table td:first-child {
      padding-left: 10px;
  }
  #funktionen-table td:last-child {
      padding-right: 0;
  }
  #funktionen-table th, #funktionen-table td:not(:last-child) {
      border-right: 2px solid;
  }
  #funktionen-table thead th:last-child {
      border-right: 0;
  }
  #funktionen-table tbody td {
      width: 15%;
      height: 56px;
      vertical-align: middle;
  }
  #funktionen-table.leadunlock-table tbody td  {
      width: 19%;
  }
  #funktionen-table tbody th {
      vertical-align: middle;
  }
  #funktionen-table tbody th, #funktionen-table thead th:first-child {
      border-right: 0;
      box-shadow: inset -2px 0 #152035;
  }
  #funktionen-table td.janein {
      transform: scale(0);
  }
  #funktionen-table.leadunlock-table td.janein {
      transform: scale(1);
  }
  #funktionen-table td.janein:before {
      content: '';
      display: inline-block;
      width: 26px;
      height: 20px;
      background-image: url(../../../wp-content/uploads/ja-nein.svg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center top;
  }
  #funktionen-table.leadunlock-table td.janein:before {
      background-image: url(../../../wp-content/uploads/ja-nein2.svg);
  }
  #funktionen-table td.janein.nein:before {
      background-position: center bottom;
  }
  #funktionen-table tbody th {
      position: sticky;
      left: 0;
      z-index: 1;
  }
  #funktionen-table thead th {
      position: sticky;
      top: 0;
      z-index: 2;
  }
  #funktionen-table thead th:first-child {
      left: 0;
      z-index: 3;
  }
  #funktionen-table.leadunlock-table thead th:first-child {
      border:0!important;
  }
  #funktionen-table.leadunlock-table table {
      width: 100%;
      margin-top: 2em;
      border-collapse: inherit;
  }
  .persnetz, .empfmarkt {
      display: none;
  }
  #vergleiche {
      background:url(../../../wp-content/uploads/bubbles-leadunlock.svg) center center no-repeat;
      background-size: 120%;
  }
  .ground-control .col {
      opacity:0;
      transition: all 0.3s ease-out;
  }
  .ground-control .col.animateme {
      opacity: 1;
      transform: translateY(0);
  }
  .ground-control .col img {
      margin-bottom: 0.8em;
  }
  .ground-control .col img  {
      margin-left: 0.85em;
  }
  .testimonials.row {
      padding: 0 20px;
  }
  .testimonials .col {
      background-color: var(--white);
      color: var(--black);
      padding: 20px;
      border-radius: 15px;
      display: flex;
      flex-direction: column;
  }
  .testimonials .col.spinflip {
      transform: rotateY(90deg);
  }
  .testimonials .col img {
      margin-bottom: 1em;
  }
  .testimonials .col .who {
      font-weight: 700;
      margin: auto 0 0;
  }
  .to-animate.spinflip {
      transform: rotateY(90deg);
  }
  .to-animate.spinflip.animateme {
    animation-name: spinflip;
      -webkit-animation-name: spinflip;
        -webkit-animation-duration: 0.7s;
        -webkit-animation-iteration-count: 1;
      -webkit-animation-fill-mode: forwards;
      animation-name: spinflip;
        animation-duration: 0.7s;
        animation-iteration-count: 1;
      animation-fill-mode: forwards;
  }
    @-webkit-keyframes spinflip {
         0% {
      -webkit-transform: rotateY(90deg);
    }
    100% {
      -webkit-transform: rotateY(360deg);
    }
  }
   @keyframes spinflip {
        0% {
      transform: rotateY(90deg);
    }
    100% {
      transform: rotateY(360deg);
    }
  }
  .simpletoggles .col:not(:last-child) {
      margin-bottom: 1em;
  }
  .simpletoggles .toggle-item {
      padding: 0 0 20px;
      background-color: transparent;
      border-radius: 0;
  }
  .simpletoggles .col:not(:last-child) .toggle-item {
      border-bottom: 1px solid var(--green);
  }
  .simpletoggles.red-toggles .col:not(:last-child) .toggle-item {
      border-color: var(--red);
  }
  .simpletoggles .toggle-title{
      padding: 0 40px 0 0;
      color: var(--green);
  }
  .simpletoggles.red-toggles .toggle-title {
      color: var(--red);
  }
  .simpletoggles .toggle-title:before {
      content:none;
  }
  .simpletoggles .toggle-content {
      padding: 0;
  }
  .simpletoggles .toggle-title:after {
      background: none;
      border-right: 2px solid;
      border-bottom: 2px solid;
      transform: rotate(45deg);
      width: 14px;
      height: 14px;
      top: 50%;
      margin-top: -12px;
      transition: none;
  }
  .simpletoggles .toggle-title.active:after {
      transform: rotate(-135deg);
  }
.black-toggles .toggle-item {
    border-radius: 15px;
    border: 1px solid var(--white)!important;
    padding: 1em;
    background-color: var(--black);
}
.black-toggles .toggle-title {
    color: var(--white);
}
.black-toggles .toggle-title:after {
    transform: rotate(-45deg);
    margin-top: 0;
    top: 0.2em;
}
.black-toggles .toggle-title.active:after {
    top: 0;
    transform: rotate(45deg);
}
#toggles .col:last-child {
    margin-bottom: 0;
}
  .show-br br {
      display: inline;
  }
  .common-things {
      position: relative;
      padding-top: 2em;
  }
  .common-notice {
      margin-bottom: -100px!important;
      margin-top: 50px!important;
  }
  #pa_formular .wpcf7 section {
      padding-top: 150px;
  }
  #pa_formular .container {
      background-color: var(--colortoggle);
      border-radius: 25px;
  }
  #pa_formular .progress-bar {
      position: absolute;
      top: 50px;
      bottom: unset;
      width: 100%;
      left: 0;
      margin-left: 0;
      background-color: var(--white);
      border-radius: 3px;
  }
  #pa_formular .progress-bar .inner {
      height: 3px;
      background-color: var(--vio);
      border-radius: 3px;
  }
  .contact-section-title {
      margin-bottom: 2em!important;
  }
  .contact-section-subtitle {
      margin: -2em 0 2em!important;
  }
  #pa_formular .buttoned.icons.v2 .wpcf7-list-item .wpcf7-list-item-label {
      color: var(--white);
      font-weight: 300;
      border-radius: 15px;
      padding: 26px 40px;
  }
  #pa_formular .buttoned .wpcf7-list-item input:hover + .wpcf7-list-item-label, #pa_formular .buttoned.icons.v2 .wpcf7-list-item input:checked + .wpcf7-list-item-label {
      background-color: var(--vio);
      color: var(--white);
  }
  #pa_formular .buttoned .wpcf7-list-item input:hover + .wpcf7-list-item-label:before, #pa_formular .buttoned.icons.v2 .wpcf7-list-item input:checked + .wpcf7-list-item-label:before {
      color: var(--white);
  }
  #pa_formular span.wpcf7-form-control-wrap, #pa_formular p.label {
      max-width: 448px;
      margin: 0 auto;
  }
  p.label {
      padding: 0 15px;
      margin-bottom: 0.5em!important;
  }
  .autoproceed .forward {
      display: none;
  }
  .buttoned.normal .wpcf7-list-item {
      display: block;
      text-align: left;
      margin: 0!important;
  }
  .buttoned.normal .wpcf7-list-item .wpcf7-list-item-label {
      font-size: 1em;
      display: block;
      background-color: var(--ligherdarkColor);
      padding: 0.4em 2.6em 0.4em 2em;
      border-color: var(--ligherdarkColor);
  }
  .buttoned.normal .wpcf7-list-item .wpcf7-list-item-label:before {
      left: unset;
      right: 1em;
      width: 1em;
      height: 1em;
      top: 50%;
      margin-top: -0.5em;
      border-radius: 1em;
      background-color: var(--white);
  }
  .buttoned.normal .wpcf7-list-item input:checked + .wpcf7-list-item-label {
      background-color: var(--vio);
      color: var(--white);
  }
  .buttoned.normal .wpcf7-list-item input:checked + .wpcf7-list-item-label:before {
      content: '';
      background-color: #38008D;
      font-size: 1em;
      border: 4px solid var(--white);
  }
  .buttoned.normal:not(.wpcf7-exclusive-checkbox) .wpcf7-list-item .wpcf7-list-item-label:before {
      border-radius: 3px;
      background-color: transparent;
      border: 1px solid;
  }
  .buttoned.normal:not(.wpcf7-exclusive-checkbox) .wpcf7-list-item input:checked + .wpcf7-list-item-label:before {
      content: '\f00c';
          border-width: 1px;
      background-color: var(--white);
      color: var(--vio);
  }
  #pa_formular .buttoned.normal:not(.wpcf7-exclusive-checkbox) .wpcf7-list-item input:hover + .wpcf7-list-item-label:before {
      color: var(--white);
  }
  #pa_formular .buttoned.normal:not(.wpcf7-exclusive-checkbox) .wpcf7-list-item input:checked:hover + .wpcf7-list-item-label:before {
      color: var(--vio);
  }
  .row.buttons.center a.forward.button, .row.buttons.center a.back.button {
      margin: 0 10px;
  }
  a.button.with-arrow {
      position: relative;
  }
  a.button.with-arrow.back {
      padding-left: 50px;
  }
  a.button.with-arrow:before {
      content: '';
      background: url(../../../wp-content/uploads/arrow-left.svg) center center no-repeat;
      background-size: contain;
      display: inline-block;
      width: 16px;
      height: 16px;
      position: absolute;
      top: 50%;
      margin-top: -8px;
      left: 20px;
  }
  a.button.with-arrow:hover:before, a.button.with-arrow:active:before, a.button.with-arrow:focus:before {
      background: url(../../../wp-content/uploads/arrow-left-dark.svg) center center no-repeat;
      background-size: contain;
  }
  a.button.with-arrow.forward {
      padding-right: 50px;
  }
  a.button.with-arrow.forward:before {
      transform: rotate(180deg);
      left: unset;
      right: 20px;
  }
  .hide-forward-conditionally .forward {
      display: none;
  }
  .invalid section#final {
      display: none!important;
  }
  .invalid section#semifinal {
      display: block!important;
  }
  #pa_formular span.wpcf7-not-valid-tip {
      padding: 0 5px;
  }
  #mountain {
      background:url(../../../wp-content/uploads/mountain.jpg.webp) center center no-repeat;
      background-size: cover;
  }
  .klarheit-boxes:not(.last) {
      margin-bottom: 4em;
  }
  .no-border {
      border: 0!important;
  }
  .klarheit-boxes .box1 {
      border-width: 1px;
      border-style: solid;
      border-radius: 25px;
      padding: 50px 30px;
      position: relative;
  }
  .klarheit-boxes .box1 .abovebox {
      position: absolute;
      top: 0;
      left: 0;
      text-align: center;
      width: 100%;
  }
  .klarheit-boxes .box1 .abovebox span {
      border-width: 1px;
      border-style: solid;
      border-radius: 5px;
      background-color: var(--bodybgcolor);
      padding: 0.5em 0.8em;
      position: relative;
      top: -0.55em;
  }
  .klarheit-boxes .box2 {
      position: relative;
      left: -100px;
      opacity: 0;
      transition: all 0.3s ease-out;
      padding-left: 100px;
  }
  .klarheit-boxes .box2.animateme {
      left: 0;
      opacity: 1;
  }
  .klarheit-boxes .box2:before {
      content: '';
      background: url(../../../wp-content/uploads/long-arrow-right.svg) right center no-repeat;
          display: block;
      width: 88px;
      height: 6px;
      background-size: auto;
      position: absolute;
      top: 50%;
      left: -5px;
      margin-top: -3px;
  }
  .amoeba-boxes-down {
      margin-top: -90px;
      transform: translateY(90px);
  }
  .skaliere-icon.inline {
      margin: 0 1em 0 0;
      vertical-align: middle;
  }
  .ligherdarkColor {
      background-color: var(--ligherdarkColor);
  }
  .to-scroll {
      position: sticky;
      top: 90px;
  }
  .card {
      border-radius: 15px;
      background-color: var(--white);
      padding: 2em;
  }
  .card2 {
      padding: 1em 2em;
  }
  .card3 {
      padding: 1em;
  }
  .card:not(:last-child) {
      margin-bottom: 1em;
  }
  .nested {
      padding: 15px 15px 0;
  }
  a.pill {
      border-radius: 21px;
      background-color: #F2F2F2;
      color: var(--red);
      padding: 0.4em 1.1em;
  }
  a.pill.with-arrow {
      position: relative;
      padding-right: 1.7em;
  }
  a.pill.with-arrow:after {
      background: none;
      border-right: 2px solid;
      border-bottom: 2px solid;
      transform: rotate(-45deg);
      width: 0.47em;
      height: 0.47em;
      top: 50%;
      margin-top: -0.235em;
      transition: none;
      content: '';
      position: absolute;
      right: 0.9em;
  }
  img.easyhandy {
      box-shadow: 20px 20px 60px rgba(0,6,21,0.46);
      border-radius: 30px;
  }
  .easytechbubblesgrafik {
      position: absolute;
      background:url(../../../wp-content/uploads/Group-4027.svg) center center no-repeat;
      background-size: contain;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 479px;
      height: 432px;
      top: 50%;
      left: 75%;
      margin-top: -216px;
      z-index: 0;
  }
  .easytechbubblesgrafik:before {
      content: '';
      position: absolute;
      background-color: rgba(255,255,255,0.4);
      top: 46px;
      left: 38px;
      width: calc(100% - 108px);
      height: calc(100% - 74px);
      backdrop-filter: blur(9px);
      -webkit-backdrop-filter: blur(9px);
      border-radius: 26px;
  }
  .easytechbubblesgrafik p {
      display: inline-block;
      position: relative;
      left: -16px;
      width: 248px;
  }
  img.wingmanschild {
      max-width: inherit;
      width: 130%;
  }
  .wingmansblur {
          position: relative;
      display: block;
      margin: -5% 0 7%;
  }
  .wingmansblur:before {
          content: '';
      position: absolute;
      background-color: rgba(255,255,255,0.2);
      bottom: 0;
      left: 10%;
      width: 109%;
      height: 90%;
      backdrop-filter: blur(9px);
      -webkit-backdrop-filter: blur(9px);
      border-radius: 15px;
      border: 1px solid var(--white);
      z-index: -1;
  }
  .wingmangrafik {
      content: '';
      background: url(../../../wp-content/uploads/wing.svg) center center no-repeat;
      background-size: contain;
      position: absolute;
      top: 46px;
      left: 57%;
      width: 100%;
      height: 100%;
      z-index: -1;
  /*-webkit-animation: wing 3s ease-in-out infinite alternate ;
      animation: wing 3s ease-in-out infinite alternate ;*/
      filter: blur(80px);
      -webkit-filter: blur(80px);
  }
  @-webkit-keyframes wing {
      0%{-webkit-filter: blur(9px);}
      100%{-webkit-filter: blur(80px);}
  }
  @keyframes wing {
    0%{filter: blur(9px);}
      100%{filter: blur(80px);}
  }
  .animated-grad-back {
     background: linear-gradient(270deg, var(--red), var(--vio));
      background-size: 400% 400%;
      -webkit-animation: animatedgrad 8s linear infinite forwards;
      animation: animatedgrad 8s linear infinite forwars;
      -webkit-mask-image: url(../../../wp-content/uploads/curved-mask.png.webp);
      mask-image: url(../../../wp-content/uploads/curved-mask.png.webp);
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      mask-position: 0vW 0%;
      -webkit-mask-position: 0vW 0%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
  }
  
  @-webkit-keyframes animatedgrad {
      0%{background-position:0% 51%;}
      50%{background-position:100% 50%;}
      100%{background-position:0% 51%;}
  }
  @keyframes animatedgrad {
      0%{background-position:0% 51%; /* -webkit-mask-position: 100vW 0%; */}
      50%{background-position:100% 50%; /* -webkit-mask-position: 0vW 0%;*/}
      100%{background-position:0% 51%; /* -webkit-mask-position: 100vW 0%;*/}
  }
  #examples .container {
      max-width: inherit;
  }
  #examples .row {
      justify-content: center;
  }
  #examples .col {
      position: relative;
      max-width: 1700px;
      padding: 0;
          margin-top: -270px;
  }
  #examples .allexamples {
      position: static;
      opacity: 0;
      visibility: hidden; 
  }
  #examples .example {
      position: absolute;
      pointer-events: none;
      transition: none;
  }
  #examples .ex1 {
      right: 0px;
      width: 100%;
      max-width: 468px;
      top: 12%;
  }
  #examples .ex2 {
      right: 34%;
      top: 0%;
      width: 100%;
      max-width: 283px;
  }
  #examples .ex3 {
          right: 35.1%;
      top: 52.1%;
      width: 100%;
      max-width: 252px;
  }
  #examples .ex4 {
      right: 40%;
      top: 22.5%;
      width: 100%;
      max-width: 267px;
  }
  #examples .ex5 {
      right: 17%;
      top: -100px;
      width: 100%;
      max-width: 367px;
  }
  #examples .ex6 {
          left: 0;
      bottom: -100px;
      width: 100%;
      max-width: 1123px;
  }
  .examples-title {
      position: absolute;
      top: 25%;
      left: 20%;
      width: 24%;
      text-align: left;
  }
  .push-right .begrenzt {
      max-width: 1570px;
  }
  .wpcf7-form .on-white {
      color: var(--black);
  }
  .wpcf7-form .on-white b {
      color: var(--black);
      font-family: inherit;
      margin-bottom: 0.4em!important;
  }
  #page .wpcf7-form .on-white input, #page .wpcf7-form .on-white select, #page .wpcf7-form .on-white textarea {
      border: 1px solid #000615!important;
      color: inherit;
  }
  .wpcf7-form .on-white ::-webkit-input-placeholder { 
    color: #C6C6C6;
      opacity: 1;
  }
  .wpcf7-form .on-white ::-moz-placeholder { 
  color: #C6C6C6;
      opacity: 1;
  }
  .wpcf7-form .on-white :-ms-input-placeholder {
    color: #C6C6C6;
      opacity: 1;
  }
  .wpcf7-form .on-white :-moz-placeholder { 
   color: #C6C6C6;
      opacity: 1;
  }
  .wpcf7-form .on-white .wpcf7-list-item .wpcf7-list-item-label:before {
      background-color: var(--white);
      border: 1px solid var(--black);
      border-radius: 3px;
  }
  .wpcf7-form .on-white .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::before, .wpcf7-form .on-white .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label::before {
      color: var(--black);
  }
  .has-info {
      cursor: pointer;
  }
  .has-info > span:after {
      content:'\f078';
          display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
     font-size: 0.5em;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      vertical-align: middle;
      margin-left: 0.5em;
  }
  .redtone.has-info > span:after {
      color: var(--red);
  }
  .extra-info {
      display: none;
  }
  .has-info.active > span:after {
      content:'\f077'
  }
  .has-info.active .extra-info {
      display: block;
  }
  .grad-back-blue {
     background: linear-gradient(90deg, #0BE9FF, #112A93);
      background-size: 100% 100%;
  }
  .animated-grad-back-blue {
     background: linear-gradient(270deg, #0BE9FF, #112A93);
      background-size: 400% 400%;
      -webkit-animation: animatedgrad 8s linear infinite forwards;
      animation: animatedgrad 8s linear infinite forwars;
  }
  .flex-column {
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  @-webkit-keyframes animatedgrad {
      0%{background-position:0% 51%;}
      50%{background-position:100% 50%;}
      100%{background-position:0% 51%;}
  }
  @keyframes animatedgrad {
      0%{background-position:0% 51%; }
      50%{background-position:100% 50%; }
      100%{background-position:0% 51%; }
  }
  .themen.slick-initialized .slick-track, .themen.slick-initialized .slick-list {
      display: flex;
  }
  .themen.slick-initialized .theme {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }
  .theme .heading-title {
      margin: 0;
      text-align: center;
  }
  .theme {
      background-color: var(--ciel);
      float: none!important;
      padding: 3em;
      min-height: 356px;
      position: relative;
      transform: skewX(-8deg);
      margin: 1em 0.5em;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
  }
  .theme > div {
      position: relative;
      text-align: center;
      transform: skewX(8deg);
  }
  .theme:hover .heading-title, .theme:active .heading-title, .theme:focus .heading-title {
      display: none;
  }
  .theme p {
      display: none;
  }
  .theme:hover p, .theme:active p, .theme:focus p {
      display: block;
  }
  .theme:not(.no-back):before {
      content: '';
      background-color: var(--black);
      opacity: 0.47;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      pointer-events: none;
  }
img.scale-down.to-animate {
	transform: scale(2);
          opacity: 0;
}
img.scale-down.to-animate.animateme {
	transform: scale(1);
          opacity: 1;
}
  img.skaliere-grafik.skaliere-grafik2.to-animate {
          transform: scale(2);
          opacity: 0;
      }
      img.skaliere-grafik.skaliere-grafik2.to-animate.animateme {
          width: 74%;
          transform: scale(1);
          opacity: 1;
      }
  #speaker {
      background: rgb(11,233,255);
  background: linear-gradient(180deg, rgba(11,233,255,1) 0%, rgba(8,184,202,1) 34%, rgba(7,153,167,1) 67%, rgba(6,132,145,1) 100%);
  }
  .speaker {
      margin-bottom: 3em!important;
	  position: relative;
  }
a.overlay-link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
  .speaker.to-animate2 {
      transition: transform 0.3s ease-in;
      transform: rotateY(90deg);
  }
  .speaker.to-animate2.animateme {
      transform: rotateY(0deg);
  }
  .speaker .image img {
      border-radius: 50%;
  }
  .speaker .title {
      margin: 1em 0 0.2em;
  }
  .zitate {
      margin-top: -120px;
      padding: 0;
      border-radius: 39px;
  }
  .zitate .slick-list {
      box-shadow: 12px -10px 14px rgba(0,0,0,0.31);
      border-radius: 39px;
  }
  .zitate .slick-prev, .zitate .slick-next {
      width: 50px;
      height: 50px!important;
      top: 50%;
  }
  .zitate .slick-prev:before, .zitate .slick-next:before {
   content: ''!important;
      background: url(../../../wp-content/uploads/Icon-ionic-ios-arrow-dropdown-circle.svg) center center no-repeat;
      background-size: contain;
      width: 50px!important;
      height: 50px!important;
      display: block;
  }
  .zitate .slick-prev:before {
      transform: rotate(180deg);
  }
  .zitate .slick-prev {
  left: -80px;
  }
  .zitate .slick-next {
  right: -80px;
  }
  .zitate.slick-initialized .slick-list, .zitate.slick-initialized .slick-track {
      display: flex;
  }
  .zitate.slick-initialized .zitat {
      float: none!important;
      padding: 3em;
      border-radius: 39px;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  .zitat .wer {
      text-align: right;
  }
  .zitate .slick-dots li.slick-active button:before {
      color: var(--ciel)!important;
  }
  
  #vorteile-slider .slick-prev, #vorteile-slider .slick-next {
      width: 45px;
      height: 26px!important;
      top: 50%;
  }
  #vorteile-slider .slick-prev:before, #vorteile-slider .slick-next:before {
   content: ''!important;
      background: url(../../../wp-content/uploads/Icon-ionic-ios-arrow-up.svg) center center repeat-y;
      background-size: contain;
      width: 45px!important;
      height: 26px!important;
      display: block;
  }
  #vorteile-slider .slick-prev:before {
      transform: rotate(180deg);
  }
  #vorteile-slider.slick-initialized .slick-list {
      padding-top: 30px!important;
      padding-bottom: 75px!important
  }
  #vorteile-slider.slick-initialized .slick-list, #vorteile-slider.slick-initialized .slick-track {
      display: flex;
  }
  #vorteile-slider.slick-initialized .vorteil {
      float: none!important;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }

  .vorteil {
      margin: 0 40px;
	  overflow: hidden;
      border: 3px solid var(--ciel);
      border-radius: 0 0 25px 25px;
      box-shadow: 0 6px 42px rgba(11, 233, 255, 0.82);
      padding: 0;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center top;
      position: relative;
  }
.top-vorteil-content {
	margin: 0 0 auto;
	padding: 1em 3em;
	background-color: var(--ciel);
	color: var(--black);
	position: relative;
}
  .vorteil:before {
      content: '';
      background-color: var(--black);
      opacity: 0.5;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      pointer-events: none;
       border-radius: 25px;
  }
  .vorteil:not(.slick-current) {
      filter: blur(14px);
    transform: scale(0.9);
  }
  .vorteil-content {
      transition: opacity 0.3s ease-out;
	  padding: 2em 3em;
	  position: relative;
  }
  .vorteile-icon {
      position: absolute;
      top: -53px;
      right: 50px;
  }
  .vorteil .vorteile-icon {
      position: absolute;
      top: -53px;
      right: 50px;
  }
  #vorteile-slider .slick-dots {
      bottom: 25px;
  }
  #vorteile-slider .slick-dots li.slick-active button:before {
      color: var(--ciel)!important;
  }
  .zeitplanbox {
      text-align: center;
      border: 3px solid var(--ciel);
      border-radius: 30px;
      box-shadow: 0 0 13px var(--ciel);
      padding: 1.5em 1em 0!important;
  }
  .zeitplanbox .button {
      position: relative;
      bottom: -1.5em;
      margin-top: -1.5em;
  }
  #vorteile {
          background: url(../../../wp-content/uploads/bubbles.svg) center center no-repeat;
      background-size: 120%;
  }
  .fadeup.to-animate {
      opacity: 0;
      position: relative;
      transform: translateY(-100%);
      transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  }
  .fadeup.to-animate.animateme {
      opacity: 1;
      transform: translateY(0);
  }
.rockit {
    border: 3px solid;
    border-radius: 39px;
    padding: 2em!important;
	position: relative;
	overflow: hidden;
	opacity: 0;
	transform: scale(2);
}
.rockit > * {
	position: relative;
}
.rockit:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    background-color: rgba(255,255,255,0.1);
    box-shadow: inset 12px 16px 14px rgba(0,0,0,0.11);
    -webkit-mask-image: url(../../../wp-content/uploads/rock-mask.svg);
    mask-image: url(../../../wp-content/uploads/rock-mask.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
img.dust {
    position: absolute;
    top: 0;
	height: 100%;
    left: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.paket-row {
	padding: 1em;
}
.paket {
    border-radius: 15px;
    border: 3px solid;
    box-shadow: 0 0 20px;
    padding: 1.5em!important;
	margin: 0 25px 1em!important;
}
.paket-ciel {
	border-color: var(--ciel);
	box-shadow: 0 0 20px var(--ciel);
}
.paket-yellow2 {
	border-color: var(--yellow2);
	box-shadow: 0 0 20px var(--yellow2);
}
span.toned-wrap {
    position: relative;
    padding-left: 0.85em;
    display: block;
}
span.toned-wrap:before {
    position: absolute;
    left: 0;
    top: 0.2em;
    content: '';
    height: calc(100% - 0.4em);
    font-size: inherit;
    width: 3px;
    border-radius: 3px;
    background-color: var(--white);
}
span.toned-wrap.ciel-toned:before{
	background-color: var(--ciel);
}
.reduced-line-height {
	line-height: 1em;
}
section.dunkel-background:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.45);
}
.redefine-padding-top {
	  padding-top: 75px!important;
}
.zitat .size-42 {
    line-height: 1.2em;
}
ul.iconed-button-list {
    padding-left: 0;
	display: flex;
    width: 100%;
}
ul.iconed-button-list li {
    display: inline-flex;
	align-items: center;
    margin: 0 1em 0 0;
    border: 1px solid var(--ciel);
    border-radius: 23px;
    padding: 0.2em 2em 0.2em 0.2em;
}
ul.iconed-button-list li img {
    margin-right: 0.5em;
}
.inline-buttons.image-zuerst {
    display: flex;
    align-items: flex-start;
}
.inline-buttons.image-zuerst img {
    margin-right: 0.5em;
    transform: translateY(-44%);
}
.to-animate.fadeinleft {
	opacity: 0;
	transform: translatex(20%);
	transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.to-animate.animateme.fadeinleft {
	opacity: 1;
	transform: translatex(0);
}
.skale-down-scrub {
	position: relative;
	opacity: 0;
	transform: scale(2);
}
.black {
	color: var(--black);
}
.boxed-vorteil {
    border: 3px solid var(--ciel);
    border-radius: 24px;
    padding: 2em!important;
}
.boxed-vorteil.ciel-boxed {
	background-color: var(--ciel);
}
.boxed-vorteil.no-border {
	border-color: transparent;
}
.timelinelist {
	position: relative;
}
.timelinelist .line {
    position: absolute;
    left: 27px;
    top: 5px;
    height: 0px;
    max-height: calc(100% - 34px);
    background-color: var(--ciel);
    width: 2px;
}
.timelinelist ul {
    margin: 0;
}
.timelinelist ul li {
    position: relative;
    padding-left: 20px;
	left: 50%;
	opacity: 0;
}
.timelinelist ul li:before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    display: block;
    background: var(--black);
    border: 2px solid var(--ciel);
    border-radius: 50%;
    top: 3px;
    left: -24px;
}
.timelinelist ul li.has-button:before {
    width: 19px;
    height: 2px;
    border-radius: 0;
    border: 0;
    background-color: var(--ciel);
    left: -12px;
    top: 42px;
}
.timelinelist ul li:not(:last-child) {
    margin-bottom: 1em;
}
#page .wpcf7-form .on-black b {
    color: var(--white);
    font-family: inherit;
}
#page .ciel-borders input {
    border-color: var(--ciel)!important;
}
#themen-list {
	height: 305px;
	overflow: auto;
}
#themen-list .thema {
    padding: 1em;
    border: 2px solid var(--white);
    border-radius: 15px;
    margin-bottom: 1em;
	display: flex;
	align-items: center;
	position: relative;
}
#themen-list .thema:last-child {
    margin-bottom: 0;
}
#themen-list .thema img {
    margin-right: 0.9em;
}
.mCSB_dragger .mCSB_draggerRail {
    display: none!important;
}
.mCSB_draggerRail {
    width: 2px!important;
    background-color: var(--white)!important;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
	margin: 0!important;
}
a.mCSB_buttonUp, a.mCSB_buttonDown {
    background: none var(--white);
    opacity: 1!important;
    width: 10px!important;
    height: 10px!important;
    border-radius: 10px;
    left: 3px;
}
.mCSB_scrollTools .mCSB_dragger {
    width: 17px!important;
    border-radius: 24px;
    overflow: hidden;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%!important;
    opacity: 1!important;
    background-color: var(--white)!important;
    border-radius: 0!important;
}
.vita-item {
    margin-bottom: 5em!important;
}
.vita-header {
    display: flex;
	margin-bottom: 2em;
	width: 100%;
	position: relative;
	z-index: 2;
}
.vita-header .head-col.first .image {
	position: relative;
}
a.sociallink {
    position: absolute;
    bottom: 0;
    right: 0;
}
a.sociallink.second {
    left: 0;
    right: inherit;
}
a.sociallink i {
    font-size: 2.2em!important;
}
.vita-header .head-col.first img {
    max-width: 162px;
    border-radius: 50%;
}
.vita-header .head-col.first img.double {
    border-radius: 0;
    max-width: 273px;
	width: 100%;
}
.vita-header .head-col.last {
    margin-left: 2em;
}
.vita-header .head-col.last h4 {
    margin-bottom: 0;
}
.vita-header .head-col.last p {
    margin-bottom: 0.5em;
}
.vita-tab {
    border-radius: 19px;
    border: 3px solid var(--ciel);
    padding: 1.5em;
	display: none;
	position: relative;
}
.vita-tab.active {
	display: block;
}
.vita-tab.biografie {
	border-color: var(--white);
}
.vita-item .pin {
    height: 81px;
    width: 23px;
    position: absolute;
    bottom: 100%;
    right: 20%;
}
.vita-item .pin:before {
    content: '';
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: var(--ciel);
    position: absolute;
    top: 0;
    left: 0;
}
.vita-item .pin:after {
    content: '';
    width: 3px;
    height: 100%;
    background: var(--ciel);
    position: absolute;
    top: 0;
    left: 50%;
	margin-left: -1.5px;
}
.vita-item .biografie .pin:before, 
.vita-item .biografie .pin:after {
	background-color: var(--white);
}
.tabsi {
    display: flex;
}
.tabi {
    border: 2px solid var(--white);
    cursor: pointer;
    transition: all 0.3s ease-out;
    font-size: 0.9em;
    border-radius: var(--buttonradius);
    color: var(--buttoncolor);
    padding: 0.85em 1.65em;
    font-family: var(--fontfamilymontse);
    font-weight: 300;
    margin-right: 1em;
}
.tabi:last-child {
    margin-right: 0;
}
.tabi.active {
    background-color: var(--white);
    color: var(--black);
}
.tab-content:not(.active) {
	display: none;
}
.tab-content {
    height: 405px;
	height: auto;
    overflow: auto;
    margin-top: 1em;
}
.tab-content .cont {
    padding: 1em 1em 0.7em;
    border: 2px solid var(--white);
    border-radius: 15px;
    margin-bottom: 1em;
    position: relative;
}
.tab-content .cont:last-child {
	margin-bottom: 0;
}
.tab-content .time:before {
    content: '\f017';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 1em;
}
.tab-content .meta {
	font-size: 0.8em;
}
.tab-content .meta span:first-child {
	margin-right: 0.5em;
}
.tab-content .meta span:first-child:after {
    content: '';
    width: 1px;
    height: 1em;
    background-color: var(--white);
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5em;
}
.comingsoon {
    overflow: hidden;
    pointer-events: none;
}
.comingsoon:after {
    content: 'Coming Soon';
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(45deg) translate(30%, -13%);
    font-size: 2em;
    z-index: 4;
    background: var(--ciel);
    font-weight: 700;
    font-family: var(--fontfamilymontse);
    color: var(--black);
    padding: 0.2em;
    width: 42%;
    text-align: center;
}
.sib-form {
	font-size: inherit;
	font-family: inherit;
}
.sib-form-block {
	padding: 0!important;
}
.sib-form.default-style label.entry__label {
    font-weight: 400;
    font-size: 1em;
}
.sib-form.default-style .form__entry {
	font-size: 1em;
}
.sib-form.default-style .entry__choice {
    padding-left: 0;
    text-indent: 0;
}
.sib-form.default-style .entry__choice small {
    font-size: 0.6em;
    line-height: 1.7em;
    display: block;
}
.sib-form.default-style input {
    width: 100%!important;
    border-radius: var(--buttonradius)!important;
    padding: 0.6em 0.8em!important;
    height: auto!important;
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 20px;
    background-color: transparent;
    box-shadow: none;
    border: 1px solid!important;
    border-color: var(--white)!important;
    color: var(--white);
	box-sizing: inherit;
}
.sib-form.default-style .entry__field {
    border: 0;
    margin: 0;
    display: block;
    background: transparent;
    border-radius: 0;
}
.entry__choice {
	font-family: inherit;
	font-size: 1.2em;
}
#page form.blau input {
    border-color: var(--ciel)!important;
}
.sib-sms-select {
	font-size: 1em;
}
.sib-sms-select__number-input {
    display: flex;
}
.sib-sms-select__title, .sib-sms-select__number-input {
    background: transparent;
    border-radius: var(--buttonradius);
	border-color: var(--white);
	font-size: 1em;
	border-width: 2px;
}
#page form.blau .sib-sms-select__title, #page form.blau .sib-sms-select__number-input {
    border-color: var(--ciel);
}
#page .sib-sms-select__number-input input {
    margin: 0;
    border: 0!important;
    border-radius: 0!important;
}
.entry__choice .wpcf7-list-item .wpcf7-list-item-label:before {
    background: transparent;
    border: 2px solid;
    border-radius: 4px;
}
.entry__choice .wpcf7-list-item input[type="checkbox"]:checked .wpcf7-list-item-label:before {
	content: '\f00c';
    color: #ffffff;
    font-size: 12px;
    font-family: 'FontAwesome';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: bold;
    line-height: 14px;
    text-decoration: inherit;
    text-align: center;
    font-weight: bold;
}

    @media all and (max-width:2404px)  {
  img.absolute-img.flagged {
  height: auto;
  }
    }
   @media all and (max-width:2204px)  {
  #youtubebesuch:before {
      background-position: calc(100% + 15vW) center;
  }
    }
  @media all and (min-width:1921px)  { 
      #mammut .loesung {
      padding: 70px;
  }
  }
  @media all and (max-width:1800px)  {
      #mammut .empty {
          margin-right:0!important;
      }
      #youtubebesuch:before {
      background-position: calc(100% + 30vW) center;
  }
  }
    @media all and (max-width:1700px)  {
        .examples-title {
      left: 6%;
      width: 40%;
  }
        #examples .example {
            max-width: inherit;
        }
        #examples .ex1 {
      width: 26.5vW;
  }
        #examples .ex2 {
      width: 16vW;
  }
         #examples .ex3 {
      width: 14.2vW;
  }
         #examples .ex4 {
      width: 15.4vW;
  }
        #examples .ex5 {
      width: 20.6vW;
  }
         #examples .ex6 {
      width: 62.8vW;
  }
  }
  @media all and (max-width:1500px)  {
  section:not(#kee-prinzip) img.absolute-img, section:not(#kee-prinzip) svg.absolute-img {
      width: 65%;
  }
  }
  @media all and (max-width:1450px)  {
  #mammut-custom-navi {
      display: none;
  }
      #youtubebesuch:before {
      background-position: calc(100% + 580px) center;
  }
  }

    @media all and (min-width:1401px)  {
.parallax {
		background-size: 110% auto!important;
  }
}
    @media all and (max-width:1400px)  {
      .parallax {
          background-position: center center!important;
      }
        .partner.slick-slide {
          padding: 0 40px 0 0;
      }
        #classics #mammut.slick-initialized .slick-track {
      justify-content: center;
      align-items: flex-start;
  }
  }
  @media all and (min-width:1221px)  {
      #top:after {
      content: '';
      display: block;
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0;
      background: rgba(0,0,0,0.6);
      z-index: -1;
          visibility: hidden;
          opacity: 0;
          transition: all 0.3s ease-out;
  }
      #top.dunkel:after {
      height: calc(100% - 88px);
      z-index: 3;
          visibility: visible;
          opacity: 1;
  }
      .page-template-template-lead-unlock #top.dunkel:after, .page-template-template-lead-unlock-2 #top.dunkel:after {
          height: 100%;
      }
      #page header .main-navigation .nav-menu > li:not(.buttonim) {
      padding: 30px 0;
  }
      #page header .main-navigation .nav-menu > li.menu-item-weglot {
      position: absolute!important;
      right: calc(-50px);
      top: 50%;
      margin-top: -12px;
  }
  header .main-navigation li, #page header .main-navigation .nav-menu {
      position: static;
  }
      header .main-navigation li.dropdown-v2, header .main-navigation li.dropdown-v3 {
      position: relative;
  }
      header .main-navigation li.dropdown-v2 > .sub-menu {
      background: var(--white);
      padding: 20px 10px;
      border-radius: 25px;
      left: -25px!important;
  }
      #page header .main-navigation li.dropdown-v2 > .sub-menu li {
      background-color: transparent;
              width: 320px;
  }
      #page header .main-navigation li.dropdown-v2 > .sub-menu li a {
      color: var(--bodybgcolor)!important;
      display: flex;
      border-radius: 15px;
  }
      #page .main-navigation .nav-menu > li.dropdown-v2 > .sub-menu li:hover a {
      color: var(--bodybgcolor)!important;
      background-color: #EFEFEF;
  }
      #page header .main-navigation li.dropdown-v2 > .sub-menu li a > img {
      margin-right: 1.5em;
  }
      #page header .main-navigation li.dropdown-v2 > .sub-menu li a span {
      display: block;
      font-weight: 400;
          line-height: 1.4em;
  }
      #page header .main-navigation li.dropdown-v2 > .sub-menu li a span.linktitle {
          font-size: 1.14em;
          font-weight: 700;
      }
      header .main-navigation li.dropdown-v3 > .sub-menu {
      background: var(--white);
      padding: 20px 10px;
      border-radius: 25px;
      left: -25px!important;
  }
      #page header .main-navigation li.dropdown-v3 > .sub-menu li {
      background-color: transparent;
  }
      #page header .main-navigation li.dropdown-v3 > .sub-menu li.menu-title a {
          pointer-events: none;
          font-weight: 700;
          font-size: 0.8em;
          margin-top: 0.1em;
      }
      #page header .main-navigation li.dropdown-v3 > .sub-menu li.menu-title:hover a, #page header .main-navigation li.dropdown-v3 > .sub-menu li.menu-title:active a, #page header .main-navigation li.dropdown-v3 > .sub-menu li.menu-title:focus a {
          color: var(--bodybgcolor)!important;
      }
      #page header .main-navigation li.dropdown-v3 > .sub-menu li a {
      color: var(--bodybgcolor)!important;
      display: flex;
          font-weight: 400;
  }
      #page header .main-navigation li.dropdown-v3 > .sub-menu li a img {
      margin-right: 1em;
  }
      #page header .main-navigation {
          position: static;
      }
      .mega-menu .sub-menu {
      display: flex;
      align-items: flex-start;
      background-color: #fff;
      padding: 10px 0;
      border-radius: 15px;
  }
      footer .mega-menu .sub-menu {
          background-color: transparent;
          padding: 0;
          border-radius: 0;
          display: block;
      }
      footer .mega-menu .sub-menu li span {
          padding: 0;
      }
      footer .mega-menu .sub-menu li img, footer .mega-menu .sub-menu li span.desc, footer .dropdown .sub-menu li img, footer .dropdown .sub-menu li span.desc, #page footer .main-navigation .nav-menu > li > .sub-menu li.menu-title {
          display: none;
      }
      #page footer .main-navigation .nav-menu > li > .sub-menu li {
      background-color: transparent;
      margin: 0;
  }
      #page footer .main-navigation .nav-menu > li > .sub-menu li a {
      padding: 0;
      font-size: 0.9em;
  }
      footer .mega-menu .sub-menu li span.linktitle, footer .dropdown .sub-menu li span.linktitle, footer .dropdown-v3 .sub-menu li a {
      text-transform: unset;
      font-weight: inherit;
      margin: 0.5em 0 0;
          display: block;
  }
      #page footer .main-navigation .nav-menu > li.dropdown-v2 > .sub-menu li:hover a {
      background-color: transparent;
      color: var(--headermenulinkcolorhover)!important;
  }
      #page header .main-navigation .mega-menu .sub-menu {
      width: 100%;
          padding-top: 30px;
           background-color: transparent;
  }
      #page header .main-navigation .mega-menu > .sub-menu {
          display: flex;
          flex-direction: column;
      }
      .mega-menu .sub-menu:before {
      content: '';
      background: #fff;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: calc(100% - 20px);
      z-index: -1;
      border-radius: 20px;
  }
      #page header .main-navigation .mega-menu .sub-menu li:first-child > .sub-menu {
          clip:inherit;
      }
      footer .mega-menu .sub-menu:before {
          content: none;
      }
      #page header .main-navigation .mega-menu .sub-menu li {
      width: calc(33.33% - 20px);
      background-color: transparent;
          transition: background-color 0.1s ease-out;
          padding: 5px;
          border-radius: 15px;
  }
      #page header .main-navigation .mega-menu > .sub-menu li:after {
          display: none;
      }
      #page header .main-navigation .mega-menu .sub-menu li:hover, #page header .main-navigation .mega-menu .sub-menu > li.active {
          background-color: #F2F2F2;
      }
  #page header .main-navigation .nav-menu>li.mega-menu>.sub-menu li a {
      color: var(--black)!important;
      font-size: 0.8em;
      padding: 0;
      display: flex;
      align-items: center;
  }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu {
      width: 66.666%;
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      bottom: 0;
      left: unset;
          display: flex;
          align-items: center;
          flex-wrap: wrap;
  }
      #page header .main-navigation .mega-menu .sub-menu li:hover .sub-menu.type2, #page header .main-navigation .mega-menu .sub-menu li:focus .sub-menu.type2 {
          clip: inherit;
      }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu.type2 > div {
          flex: 1 1 0;
      }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu.type2 > div img {
      float: left;
      margin: 20px 0 0 10px;
      width: calc(100% - 20px);
          max-width: 339px;
  }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu.type2 .type2 {
      display: flex;
      flex-direction: column;
      width: 100%;
      align-items: flex-start;
          font-size: 1.25em;
      align-items: flex-start;
      line-height: 1.3em;
  }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu.type2 .type2 .button {
      display: block;
      padding: 0.45em;
      background-color: var(--color1);
      border-radius: 22px;
      width: calc(100% - 30px);
      text-align: center;
      color: var(--white);
      font-weight: 500;
      margin: 1em 15px 0;
  }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu.type2 .type2 span.linktitle {
      margin: 0;
  }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu li.inactive {
          pointer-events:inherit;
      }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu li {
      width: calc(50% - 6px);
      background-color: #f2f2f2;
      height: 33.33%;
          padding: 20px;
          margin: 0;
          border-radius: 0;
      }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu li:first-child {
      border-radius: 15px 0 0 0;
  }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu li:nth-child(2) {
      border-radius: 0 15px 0 0;
  }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu li:nth-child(5) {
      border-radius: 0 0 0 15px;
  }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu li:last-child {
      border-radius: 0 0 15px 0;
  }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu li a > div {
          display: flex;
          width: 100%;
          align-items: center;
      }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu li div img {
          width: 46px;
      }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu li div > div {
          width: calc(100% - 46px);
              position: relative;
      }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu li div > div span.linktitle {
          margin: 0;
          display: inline-block;
      }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu li div > div span.linktitle:after {
      content: "\f061";
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
          opacity: 0;
          transition: opacity 0.3s ease-out, padding-left 0.3s ease-out;
  }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu li a:hover div > div span.linktitle:after {
          opacity: 1;
          padding-left: 0.5em;
      }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu li div > div span.desc {
          position: absolute;
          width: 100%;
          top: 100%;
          left: 0;
          padding-top: 10px;
          opacity: 0;
          transition: opacity 0.3s ease-out;
      }
      #page header .main-navigation .mega-menu .sub-menu li .sub-menu li a:hover div > div span.desc {
          opacity: 1;
      }
      .mega-menu .sub-menu li img {
          border-radius: 8px;
  }
      .mega-menu .sub-menu li span {
      display: block;
          font-weight: 400;
          padding: 0 15px;
          text-align: left;
  }
      .mega-menu .sub-menu li span.linktitle {
      font-weight: 500;
          margin: 0 0 0 1em;
  }
  }
  @media all and (max-width:1220px)  {
	  .comingsoon:after {
    font-size: 3vW;
}
      #youtubebesuch:before {
      background-position: calc(100% + 780px) center;
  }
      .menu-item-weglot:before {
      display: inline-block;
      vertical-align: sub;
  }
      .menu-item-weglot a {
      position: static;
      top: 0;
      padding-top: 0;
      opacity: 1;
      padding-left: 10px;
      display: inline-block;
  }
      #header-social {
      margin-top: 1em;
          display: block;
          text-align: center;
  }
      #header-social a {
          margin: 0 0.8em;
      }
      .challengesvg {
          left: 24%;
      }
      #herstellerSVG {
          left: 23%;
      }
      #systemhausSVG {
          left: 25.5%;
      }
      #saasSVG {
          left: 28%;
      }
      .tab {
          padding: 30px;
      }
          /* mobile.css */
  
  .site-content article {
          padding: 0 40px;
      }
  
      .mega-menu .sub-menu li img, .dropdown li img {
      display: none;
  }
      .mega-menu .sub-menu li span, .dropdown li span.desc {
      display: none;
  }
      .mega-menu .sub-menu li span.linktitle, .dropdown li span.linktitle {
    display: block;
          text-transform: uppercase;
      font-weight: inherit;
          margin: 0;
  }
      #masthead .mega-menu .sub-menu li span.linktitle, #masthead .dropdown .sub-menu li span.linktitle {
      text-transform: unset;
  }
      
      
      
  .logo-container {
      margin-bottom:0;
      width: 100%;
      max-width: inherit;
      text-align: left;
      padding: 15px 0;
  }
      #masthead .logo-container {
          padding: 25px 0;
      }
      #masthead .logo-container.active {
          position: fixed;
          top: 0;
          left: 40px;
          z-index: 999;
      }
  hgroup {
      padding: 0;
      display: block;
      text-align: center;
  }
  
  html.active #page {
      z-index: 900;
      position: relative;
  }
  #masthead {
      padding: 0 40px;
  }
  #logo img {
      max-width: 60%;
  }
  #mobile-nav-button {
      background-color: transparent;
      display: block;
      width: 48px;
      height: 48px;
      position: fixed;
      top: 33px;
      right: 20px;
      z-index: 9999;
      cursor: pointer;
      border-radius: 30px;
      transition: background-color .3s ease;
  }
  #mobile-nav-button span {
  border-radius: 2px;
      height: 2px;
      background-color: #fff;
      border-radius: 2px;
      display: block;
      width: 30px;
      margin-left: -10px;
      margin-top: -1px;
      position: absolute;
      top: 50%;
      left: 50%;
      transition: background-color .3s ease;
      cursor: pointer;
  }
  #mobile-nav-button span.line1 {
          margin-top: -8px
  }
  #mobile-nav-button span.line3 {
      margin-top: 6px;
  }
      #mobile-nav-button:hover {
          background-color: transparent;
      }
      #mobile-nav-button.active {
      background: transparent;
  }
  #mobile-nav-button.active span.line1 {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  }
  #mobile-nav-button.active span.line2 {
      opacity:0;
  }
  #mobile-nav-button.active span.line3 {
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }
      #mobile-nav-button.active span {
      margin-top: 8px;
      top: 15px;
  }
      #masthead .menu-main-menu-container {
      width: 100%;
  }
  #page .main-navigation {
    position: fixed!important;
      overflow: hidden!important;
      top: 40px;
      right: 0px!important;
      width: 100%!important;
      height: calc(100% - 20px);
      transform: scale(0);
      padding: 100px 20px 20px;
      z-index: 700;
      display: flex;
      align-items: center;
      background: var(--footerbgcolor);
      -webkit-transition: transform 0.4s ease;
      -moz-transition: transform 0.4s ease;
      -ms-transition: transform 0.4s ease;
      -o-transition: transform 0.4s ease;
      transition: transform 0.4s ease;
      border-radius: 10px;
      flex-direction: column;
  }
      #page .main-navigation.main-navigation li.buttonim {
      margin-top: 1.5em!important;
  }
      #colophon nav#site-navigation-footer {
      display: none!important;
  }
      #page .main-navigation.main-navigation li.buttonim  a{
      border-radius: 30px;
  }
  #page .main-navigation.active {
      align-items: center;
      overflow: auto;
      transform: scale(1);
      display: flex!important;
      height: calc(100% - 20px);
      overflow: auto!important;
  }
      #page .main-navigation .nav-menu li a {
      color: #fff;
      }
  #page .main-navigation ul.nav-menu {
      text-align: center;
      max-width: 350px;
      margin: 0 auto;
      border: 0;
      position: relative;
      display: block!important;
      padding: 0;
      text-align: left!important;
      background-color: transparent;
  }
  #page .main-navigation ul.nav-menu li a:hover, #page .main-navigation ul.nav-menu li a:active, #page .main-navigation ul.nav-menu li a:focus, #page .main-navigation ul.nav-menu li.current-menu-item > .sub-menu a:hover, #page .main-navigation ul.nav-menu li.current-menu-item > a, .main-navigation .current_page_ancestor > a {
      background: transparent;
  }
  #page .main-navigation ul.nav-menu li.lang-item {
      position: static!important;
  }
  #page .main-navigation ul.sub-menu {
      background-color: transparent;
      width: auto;
  }
  #page .main-navigation ul.sub-menu:before {
      top: -10px;
  }
  .menu-mainmenu-container, .menu-mainmenu-english-container, .menu-mobile-header-navigation-container {
      width: 100%;
  }
  .nav-menu li:before {
     content:none;
  }
  .nav-menu li:last-child:after {
      content: none;
  }
  #page .main-navigation.main-navigation li ul.sub-menu {
      display: none;
      margin-bottom: 10px;
      position: static;
      visibility: visible;
      overflow: auto;
      height: auto;
      width: auto;
      background-color: transparent;
      padding: 10px 0 0;
      width: 100%!important;
  }
      #page .main-navigation .nav-menu li .sub-menu .sub-menu {
      top: 0;
      border-top: 0;
      margin-top: 0;
      padding: 0;
      border: 0;
  }
  #page .main-navigation.main-navigation li ul.sub-menu li a {
      font-size: 1em!important;
      line-height: 1em;
      background: transparent;
      text-align: left;
      border: 0;
      padding: 5px 0;
      white-space: normal;
      word-break: normal;
      color: #fff;
  }
      #page .main-navigation .nav-menu .sub-menu li.hide-mobile-parent-link:hover > a {
      color: #fff!important;
      pointer-events: none;
  }
      #page .main-navigation .nav-menu .sub-menu li.hide-mobile-parent-link:hover > .sub-menu a {
          color:#fff!important;
      }
      #page .main-navigation .nav-menu .sub-menu li.hide-mobile-parent-link > .sub-menu a:hover,  #page .main-navigation .nav-menu .sub-menu li.hide-mobile-parent-link > .sub-menu a:focus {
          color: var(--color1)!important;
      }
      #page .main-navigation.main-navigation li ul.sub-menu li.menu-title {
          display: none!important;
      }
  #page .main-navigation.main-navigation li.menu-item-has-children:after {
   margin-top: -8px;
    position: absolute;
    top: 20px;
    right: 0;
}
      
      #page .main-navigation.main-navigation li.menu-item-has-children.active:after {
      transform: rotate(-138deg);
  }
      #page .main-navigation .nav-menu li .sub-menu .sub-menu li:after {
      width: 2px;
      height: 2px;
  }
  #page .main-navigation .nav-menu li .sub-menu li.menu-item-has-children:after {
     content: none;
  }
  #page .main-navigation .nav-menu li .sub-menu .sub-menu a {
      font-size: 0.7em!important;
  }
      #page .main-navigation .nav-menu > li > .sub-menu li {
          margin: 0;
      }
      #page .main-navigation .nav-menu li .sub-menu .sub-menu.type2 {
      display: none!important;
  }
      #page #masthead .main-navigation .nav-menu > li.mega-menu > .sub-menu li {
      margin-bottom: 0!important;
      margin-top: 0.5!important;
  }
  #page .main-navigation.main-navigation li {
      display: block;
      margin: 0!important;
      position:relative;
      text-align: left;
  }
      #page #masthead .main-navigation.main-navigation li {
          margin-bottom: 1.3em!important;
      }
      #page #masthead .main-navigation.main-navigation li.buttonim a {
      font-size: 1em;
      text-align: center;
      background-color: transparent;
  }
      #page #masthead .main-navigation.main-navigation li.buttonim a span:before {
      content: '';
      display: inline;
  }
      #page #masthead .main-navigation.main-navigation li.buttonim:hover, #page #masthead .main-navigation.main-navigation li.buttonim:active, #page #masthead .main-navigation.main-navigation li.buttonim:focus {
      border-color: transparent;
  }
  #page .main-navigation .nav-menu > li > .sub-menu li {
      width: auto!important;
      margin:1em 0 0!important;
      background-color: transparent!important;
      display: block!important;
      border: 0!important;
  }
  #page .main-navigation.main-navigation li a {
      line-height: 1.5em;
      text-decoration: none;
      font-size: 1.4em;
  }
  #page .main-navigation .nav-menu li:hover a {
      background-color: transparent;
      color: #fff!important;
  }
      #page .main-navigation .nav-menu > li.menu-item-has-children {
      position: relative;
  }
      /* end mobile.css */
  }
  @media all and (max-width:1124px)  {
  .examples-title {
      position: relative;
      top: -120px;
      left: 0;
      width: auto;
      text-align: center;
  }
      #examples .col {
      margin-top: 90px;
  }
  }
  @media all and (max-width:1024px)  {
	  .timelinelist .line {
    max-height: calc(100% - 30px);
}
      .zitate {
      margin-top: -90px;
  }
      .wingmanschild {
      position: static;
      height: auto;
      max-width: 100%;
  }
      .klarheit-boxes {
      margin-top: 2em;
  }
      #vergleiche {
          background:none;
      }
      #youtubebesuch:before {
      background-position: calc(100% + 380px) center;
  }
      section.amoeba, section.amoeba.amoeba-for-smaller {
      padding-top: 370px;
      margin-top: -300px;
          margin-bottom: calc(70px + var(--distanceSection1024));
  }
      section.amoeba:after {
      bottom: -70px;
      height: 70px;
  }
      #classics #mammut {
      margin-top: var(--distanceSection767);
  }
      #primary.add-distance-top {
      padding-top: var(--distanceSection767)!important;
  }
      #footer-sidebars {
          padding: 40px 0;
      }
    
      .buttoned.icons.v3 .wpcf7-list-item .wpcf7-list-item-label {
      margin-top: 6em;
  }
      .buttoned.icons.v3 .wpcf7-list-item .wpcf7-list-item-label:before {
      bottom: 0.55em;
      }
      #davon-aktiv .buttoned.icons .wpcf7-list-item .wpcf7-list-item-label:before {
      bottom: 0.25em;
  }
      .buttoned.icons .wpcf7-list-item .wpcf7-list-item-label {
      padding: 15px 20px 15px 70px;
  }
      body, span.wpcf7-form-control-wrap label.error:before  {
          font-size: var(--mainfontsize1024);
      }
      .heading-title.size-xxl {
          font-size: 3em!important;
      }
          .heading-title.size-xl {
          font-size: 2em!important;
      }
          .heading-title.size-large {
          font-size: 1.5em!important;
      }
          .button.size-medium {
          font-size: 1.3em!important;
          }
      .wpcf7-list-item .wpcf7-list-item-label:before {
      height: 12px;
      width: 12px;
      top: 4px;
  }
      .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::before, .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label::before {
          font-size: 10px;
          line-height: 12px;
      }
      .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label::before {
      font-size: 6px;
  }
      .buttoned .wpcf7-list-item input:checked + .wpcf7-list-item-label:before {
          font-size: 2em;
          line-height: 1em;
      }
      .buttoned.icons .wpcf7-list-item .wpcf7-list-item-label:before {
      height: 26px;
      left: 20px;
      margin-top: -13px;
  }
  }
  @media all and (min-width:768px) and (max-width:1024px)  {
      .col-6-resp {
          width: calc(50% - 20px)!important;
          margin-bottom: 3em!important;
      }
      .begrenzt {
          flex-wrap: wrap;
      }
      a.tab-trigger {
      padding: 15px 20px 15px 70px;
  }
      .tab-trigger svg {
      max-width: 43px;
      left: 15px;
      margin-top: -17px;
  }
      a.tab-trigger.distributor {
      top: 110px;
  }
      a.tab-trigger.systemhaus {
      top: 195px;
  }
      a.tab-trigger.saas {
      top: 280px;
  }
      #herstellerSVG {
      top: 52px;
  }
      #distributorSVG {
      top: 136px;
  }
      #systemhausSVG {
      top: 75px;
  }
      #saasSVG {
      top: 111px;
  }
  }
  @media all and (max-width:1023px)  {
      #primary {
          padding: 0 0px var(--distanceSection1024);
      }
	  .page-template-full-width #primary {
	padding: var(--distanceSection1024) 0;
}
      .site-content article {
      margin: 0 auto var(--distanceSection1024) auto;
  }
      section {
          margin: var(--distanceSection1024) 0;
      }
  section.extra-padding, section.extra-padding-smaller {
      padding: var(--distanceSection767) 20px;
  }
  .extra-margin-top-bottom {
          margin-top: var(--distanceSection1024);
          margin-bottom: var(--distanceSection1024);
      }
  
  
  }
  @media all and (max-width:900px)  { 
      .challengesvg {
          display: none;
      }
      .tabs {
      flex-direction: column;
  }
      a.tab-trigger {
      position: relative;
      top: 0!important;
      left: 0px!important;
      margin-top: 2em;
          margin-bottom: 0;
  }
      a.tab-trigger:first-of-type {
          margin-top: 0;
      }
      a.tab-trigger.active {
          border-radius: 50px 50px 0 0;
      }
      .tab {
      width: 100%;
          border-radius: 0 0 38px 38px;
  }
  }
  @media all and (min-width:768px)  {
	  .no-padding-margin-left-right-desktop {
		  padding: 0!important;
		  margin:0!important;
	  }
	  .toned-mobile {
		  padding-left: 0;
	  }
	  .toned-mobile:before {
		  content: none;
	  }
      .cols-extra-margin-bottom .col {
          margin-bottom: 3em;
      }
      .special-move {
          position: relative;
          top: 30px;
      }
      .zickizacki-up {
          position: relative;
          top: -0.4em;
      }
      .extra-margin-top-desktop {
          margin-top: 3em!important;
      }
      .not-mobile-right {
      text-align: right;
  }
      .desktop-right {
          text-align: right;
      }
      .safe2 {
          max-width: inherit;
          width: 138%;
          position: absolute;
          top: 0;
          left: 0;
      }
      ul.uk-slideshow-items li p {
      max-width: 70%;
  }
      .timeline .row {
      margin-bottom: 4em;
  }
      img.skaliere-grafik {
      position: absolute;
      bottom: 0;
      width: 149%;
      max-width: inherit;
  }
      img.skaliere-grafik.skaliere-grafik2 {
          width: 74%;
      }
      img.skaliere-grafik.skaliere-grafik3 {
          width: 57%;
      }
      .show-mobile {
          display: none!important;
      }
      .inline-buttons {
              display: flex;
      align-items: center;
      }
      .inline-buttons a {
          margin-top: 0;
      }
      .inline-buttons a:not(:first-child) {
      margin-left: 1em;
  }
      .add-padd-right {
          padding-right: 50px;
      }
      .logo-container img {
          float: left;
		  padding: 0 20px 0 0;
      }
      .logo-container:after {
      display: table;
      clear: both;
      content: '';
  }
      .col-sidebars {
      display: flex;
      width: 100%;
  }
  .col-logo {
      width: 150px;
      padding: 10px 20px 0 0;
  }
      .flex {
          display:flex;
      }
      .flexwrap {
      flex-wrap: wrap;
  }
      .aligncenter {
          align-items: center;
      }
      .alignbottom {
          align-items: flex-end;
      }
      .justifycenter {
          justify-content: center;
      }
      .align-bottom {
          align-items: flex-end;
      }
      .col-6 {
          width: calc(50% - 20px);
      }
      .col-4 {
          width: calc(33.333% - 20px);
      }
      .col-8 {
          width: calc(66.666% - 20px);
      }
       .col-5 {
          width: calc(41.77% - 20px);
      }
      .col-7 {
          width: calc(58.33% - 20px);
      }
      .col-3 {
          width: calc(25% - 20px);
      }
      .col-15 {
          width: calc(12.5% - 20px);
      }
      .col-9 {
          width: calc(75% - 20px);
      }
      .easy-col-3 {
          width: calc(29.333% - 20px);
          padding-left: 0!important;
      }
      .easy-col-9 {
          width: calc(71.666% - 20px);
          padding-right: 0!important;
      }
      .col-2 {
          width: calc(16.666% - 20px);
      }
      .col-10 {
          width: calc(83.333% - 20px);
      }
      .col.add-margin-bottom {
      margin-bottom: 3em;
  }
      .menu-footer {
          margin: 0 0 0 auto;
      }
      .row {
          display: flex;
      }
      #groups .row.flex {
      margin: 0 -10px;
      width: calc(100% + 20px);
  }
      #groups.changewidths > .col-9 .row .col {
          width: calc(33.333% - 20px)!important;
      }
      #kontakt-form textarea {
      margin-bottom: 0;
  }
      .col {
          margin: 0 10px;
      }
      .col-12 {
          width: calc(100% - 20px)
      }
  #kundenstimmenslider {
      margin-right: 0;
  }
      .kundenstimme {
          margin-right: 3%;
      }
  .kundenstimme:not(.last):before {
      content: '';
      height: 3px;
      width: 100%;
      background-color: var(--color1);
      display: block;
      position: absolute;
      left: 0;
      opacity: 0;
      top: 50%;
      margin-top: -1.5px;
      transition: left 900ms cubic-bezier(0.7, 0, 0.3, 1) 0s;
  }
  .kundenstimme.slick-current:before {
      left: 50%;
      opacity: 1;
  }
  #kundenlogoslider {
      margin-left: 0;
  }
      .row.bottom {
      align-items: flex-end;
  }
      .hide-desktop {
          display: none;
      }
      .target-height {
          position: absolute;
      left: 0;
      right: 0;
      width: 100%;
  }
      .open-desktop {
          display: block;
      }
  }
  
  @media all and (max-width:767px)  {
	  .paket {
	margin: 0 15px 1em!important;
}
	  .sib-form.default-style .entry__choice small {
    font-size: 1em;
}
	  .tabsi {
    flex-direction: column;
}
	  .tab-content {
		  margin-top: 2em;
	  }
	  .tabi {
		  margin-right: 0;
		  margin-bottom: 1em;
	  }
	  .tabi:last-child {
    margin-bottom: 0;
}
	  .vita-item {
    margin-bottom: 3em!important;
}
	  .vita-header .head-col.first {
    max-width: 162px;
}
	   .ciel-toned-mobile {
		  color: var(--ciel);
	  }
	  .ciel-toned-mobile:before {
		  background-color: var(--ciel)!important;
	  }
	  .border-bottom-mobile {
		  border-bottom: 3px solid var(--white);
	  }
	 .boxed-vorteil.no-border {
    border: 2px solid var(--ciel)!important;
}
	  .ciel-alt .col:nth-child(odd) {
		      background-color: var(--ciel);
		  color: var(--black);
	  }
	  .ciel-alt .col:nth-child(odd) img {
		  filter: brightness(0);
	  }
	  .ciel-alt .col:nth-child(even) {
    background-color: transparent;
    color: var(--white);
}
	  .ciel-alt .col:nth-child(odd) .ciel {
		  color: var(--black)!important;
	  }
	  .ciel-alt .col:nth-child(odd) .ciel-toned.toned:before {
    background: var(--black);
}
	 .ciel-alt .col:nth-child(even) .ciel-toned.toned:before {
    background: var(--white);
}
	  .timelinelist .line {
    left: 7px;
		  max-height: calc(100% - 26px);
	  }
	  ul.iconed-button-list {
    flex-direction: column;
}
	  ul.iconed-button-list li {
    margin-right: 0;
}
	  ul.iconed-button-list li:not(:last-child) {
    margin-bottom: 1em;
}
	  .inline-buttons.image-zuerst img {
    display: none;
}
	  .toned-mobile:before {
		  top:0;
	  }
	  .toned-image-mobile {
		  margin-left: 1em;
	  }
	  .redefine-padding-top {
	  padding-top: 25px!important;
}
	  .pad-left-right {
    padding-left: 30px;
		  padding-right: 30px;
}
	  .col.rockit {
		  padding: 2em 0!important;
	  }
	  .theme {
		  min-height: unset;
	  }
	  section.less-margin-top-mobile {
		  margin-top: 2em!important;
	  }
	  section.less-margin-bottom-mobile {
		  margin-bottom: 2em!important;
	  }
	  .heading-title.less-margin-bottom-mobile {
		  margin-bottom:0.2em!important;
	  }
	  #top {
		  background-image:none!important;
	  }
      .vorteil {
      margin: 0 40px;
  }
	  .top-vorteil-content {
    padding: 1em;
}
	  .vorteil-content {
    padding: 2em 1em;
}
      .vorteil .vorteile-icon {
      top: -25px;
      max-width: 50px;
  }
      .zitate {
      top: -60px;
		  border-radius: 0;
      margin: 0 -20px -60px!important;
  }
	  .zitate .slick-list {
		  border-radius: 0;
	  }
	  .zitate.slick-initialized .zitat {
		  padding: 2em;
		  border-radius: 0;
	  }
      .heading-title {
      margin-bottom: 1em;
  }
	   .mobile-extra-margin-bottom {
              margin-bottom: 3em;
          }
	  .no-margin-top-mobile {
		  margin-top: 0!important;
	  }
          .mobile-extra-margin-top {
              margin-top: 2em;
          }
          .skaliere-icon-mobile-smaller {
              max-width: 40px;
          }
	  .container.no-pad-left-right-mobile {
		  padding-left: 0;
		  padding-right: 0;
	  }
	  .skaliere-icon-mobile-smaller2 {
              max-width: 30px;
          }
          .skaliere-icon.inline {
      display: block;
      margin: 0 0 1em 0;
  }
      section.stretch.mob-no-stretch {
          margin-left: 0;
          margin-right: 0;
      }
      .flex-mob {
          display: flex;
          flex-wrap: wrap;
      }
      .col-6-mob {
          width: calc(50% - 20px)!important;
          margin:0 10px 3em!important;
      }
	  .col-4-mob {
          width: calc(33.33% - 20px)!important;
          margin:0 10px!important;
      }
      .theme {
          padding: 2em;
          transform: skewX(-2deg)
      }
      .theme > div {
          transform: skewX(2deg)
      }
      .mobile-add-padding {
          padding: 0 20px!important;
      }
      .less-margin-bottom-mobile {
          margin-bottom: 1em!important;
      }
      .add-margin-bottom-mobile {
          margin-bottom: 2em!important;
      }
      .flex.has-no-paddings {
      padding: 0;
  }
      .examples-title {
      top: 0;
  }
      #examples .col {
      margin-top: 0;
  }
      #examples .allexamples {
      opacity: 1;
      visibility: visible;
  }
      #examples .example {
          display: none;
      }
      .mobile-100 {
          max-width: 100px;
      }
      .amoeba-boxes-down {
      margin-top: -40px;
      transform: translateY(60px);
  }
      .klarheit-boxes {
      margin-top: 4em;
  }
      .klarheit-boxes .box1 {
      padding: 50px 30px!important;
  }
      .klarheit-boxes .box2 {
      padding: 20px 20px 0!important;
          left: 0;
          top: -50px;
  }
      .klarheit-boxes .box2.animateme {
          top: 0;
      }
      .klarheit-boxes .box2:before {
      transform: rotate(90deg);
      top: -17px;
      left: 50%;
      margin-top: 0;
      margin-left: -21px;
      height: 18px;
      width: 30px;
  }
      #masthead {
      padding: 0 20px;
  }
      #multiple-wieso .box1, #multiple-wieso .box1.v2, #multiple-wieso .box2 {
          min-height: inherit;
      }
      .center-mobile {
          text-align: center;
      }
      h3.heading-title.define-height-mobile {
      min-height: 245px;
  }
      #funktionen-table .row .col-12.hide-scrollbar {
      max-height: 98vH;
      overflow: auto;
  }
      .wpcf7-radio.jein {
      display: flex;
      margin: 0 0 2em 0;
  }
      .wpcf7-radio.jein .wpcf7-list-item.last {
      margin: 1em 0 0 auto!important;
  }
      .slider-texte {
          display: flex;
      }
      .slider-texte .col {
          width: 50%;
          padding: 0 10px;
      }
      .boost-faqs .row .col:first-child .vio-quote {
      top: -1.9em;
  }
      .boost-faqs .row .col:not(:last-child) {
      margin-bottom: 1em;
  }
      .boost-faqs .row .col:last-child:before {
      left: 50%!important;
      top: 0;
      width: 1px;
      height: 25px;
  }
      .boost-faqs .row.animateme .col:last-child:before {
      top: -26px;
  }
      .boost-faqs .row .col:last-child {
      right: inherit!important;
      top: 50px;
  }
      .boost-faqs .row.animateme .col:last-child {
      top: 0;
  }
      span.skaliere {
      padding: 0 5px;
      margin-left: -5px;
  }
      #youtubebesuch:before {
      background-position: calc(100% + 700px) center;
  }
      #mammut {
          padding: 0 20px;
      }
      #mammut {
      margin-top: 3em;
  }
      #mammut .loesung.video-back .button {
          background-color: var(--color1);
      }
      #mammut .video-back video {
          opacity: 1;
      }
      #mammut .video-back:before {
          opacity: 1;
      }
      #mammut .loesung {
          margin: 5px;
          border: 1px solid var(--color1);
          padding: 30px 15px;
      }
      #halleleadjah {
          background-image: none!important;
      }
      #halleleadjah .timeline .line {
      left: -25px;
          height: calc(100% - 150px)!important;
  }
      .timeline-line:before {
      width: 10px;
      height: 10px;
      left: -30px;
      top: 9%;
      margin-left: 0;
  }
      #halleleadjah .timeline .timeline-line .halle-item {
      margin: 0 0 4em!important;
      flex-direction: row!important;
  }
      .halle-item > img {
      width: 20%;
  }
      .halle-item .cont {
      width: 80%;
      margin: 0;
      padding: 0 0 0 30px;
  }
      section.green-grad-back:before {
      border-radius: 0 50px 50px 0;
  }
      section.green-grad-back .container, section.green-grad-back2 .container, section.green-grad-back3 .container {
      padding-right: 90px;
  }
          section.amoeba {
          margin-bottom: calc(70px + var(--distanceSection767));
  }
      .row.reverse-mobile {
          display: flex;
          flex-direction: column-reverse;
      }
      .row.reverse-mobile .col:last-child {
      margin-bottom: 2em;
  }
      .safe {
      max-width: 200px;
      margin: 0 auto;
      display: block;
  }
      #masthead .logo-container {
      padding: 20px 0 0;
  }
      #mobile-nav-button {
          top: 20px;
      }
      .page-template-template-lead-unlock #primary, .page-template-template-lead-unlock-2 #primary {
          margin-top: 80px;
          padding-top: 0;
      }
      .classic {
      flex-direction: column-reverse;
          justify-content: flex-end;
  }
      .classic .theimg {
          background-image:none!important;
      }
      .classic .theimg img {
          visibility: visible;
          width: 100%;
      }
      .classic .col {
      margin: 0!important;
      width: 100%;
  }
      .classic .thecont {
      padding: 20px!important;
  }
      .team {
      float: none;
          margin-top: 0!important;
  }
      .team-content {
      position: static;
      opacity: 1;
      pointer-events: initial;
      border-radius: 0 0 20px 25px!important;
      padding: 20px;
          box-shadow: none;
  }
      .team-image img {
      border-radius: 25px 25px 0 0!important;
  }
      .team-content .switch-buttons {
          text-align: right!important;
          margin-bottom: 20px;
      }
      .intern-cont, .business-cont {
      max-height: inherit;
  }
      .mobile-add-margin-bottom {
      margin-bottom: var(--distanceSection767);
  }
      #primary.rpr {
          padding-bottom: 0!important;
      }
      .mobile-special {
          margin-bottom: 0!important;
      }
      .add-pad-top-mobile {
          padding-top: var(--distanceSection767);
      }
      .mobile-stretch {
      margin-left: -40px;
      margin-right: -40px;
      padding-left: 40px!important;
      padding-right: 40px!important;
      background-color: var(--bodybgcolor)!important;
  }
      .login-form {
          padding: 2em 1em;
      }
      .no-margin-bottom-mobile {
          margin-bottom:0!important;
      }
      .login-form span.wpcf7-form-control.wpcf7-acceptance {
          text-align: left;
      }
      .container {
          padding-left: 20px;
          padding-right: 20px;
      }
      .inline-buttons {
      margin-top: 2em;
  }
      .inline-buttons .button {
      display:block;
          width: 100%;
  }
      .inline-buttons .button:not(:last-child) {
      margin-bottom: 0.5em;
  }
      .inline-buttons .another-cool-button-v2 {
          margin-top: 2em;
          justify-content: center;
      }
      #footer-sidebars {
          padding: 30px 0;
      }
      section:last-child {
      margin-bottom: 0!important;
  }
      .animategehirn {
      position: relative;
  }
      #kee-prinzip .animategehirn img.absolute-img {
      position: static;
      margin: 0;
  }
      #kee-prinzip .animategehirn img.absolute-img.animategehirnitem {
      position: absolute;
          left: 0;
          top: 0;
      }
      .progress-bar {
      width: calc(100% - 240px);
      margin-left: calc(-50% + 120px);
  }
      #final .col:not(:last-child) {
      margin-bottom: 0;
  }
      #final .row.bottom .col:last-child {
      margin-top: 2em;
  }
      #davon-aktiv .buttoned.icons .wpcf7-list-item .wpcf7-list-item-label:before {
      bottom: 0;
  }
	  .wpcf7-list-item .wpcf7-list-item-label::before {
    height: 16px;
    width: 16px;
}
      .buttoned .wpcf7-list-item {
      margin: 0 0.5em 0!important;
  }
      .buttoned.icons.v3 .wpcf7-list-item .wpcf7-list-item-label {
      margin-top: 6em;
  }
      .buttoned.icons.v3 .wpcf7-list-item .wpcf7-list-item-label:before {
      bottom: 0.5em;
      }
      img.absolute-img {
      position: static;
      max-width: 100%;
      left: 0;
      margin-left: 0;
      width: auto;
  }
      .grids {
          position: relative;
      }
      .grids img.absolute-img {
          position: relative;
          width: 100%!important;
      }
      .grids img.absolute-img.fadeingrids {
          position: absolute;
      }
      #final a.back.button {
      display: block;
      width: 100%;
      text-align: center;
  }
      #page input[type="submit"] {
      width: 100%!important;
      display: block;
  }
      #page .wpcf7 .row.bottom textarea, .uk-modal .wpcf7 .row.bottom textarea {
          margin-bottom: 0;
      }
      span.animate-typing {
      min-height: 98px;
      display: inline-block!important;
  }
      span.breakwords.animate-typing {
      word-break: break-all;
      white-space: break-spaces;
  }
      .partner.slick-slide {
      text-align: center;
          padding: 0 20px;
  }
      .flex.mobile-col-reverse {
          display: flex;
          flex-direction: column-reverse;
      }
      .flex.mobile-col-reverse .col:last-child {
      margin-bottom: 2em;
  }
      .flex.mobile-col-reverse .col:first-of-type {
      margin-bottom: 0;
  }
      .toggle-title.mobile-tweek:after {
      transform: rotate(0);
  }
      a.button:link, a.button:visited, input[type="submit"] {
          font-weight: 400;
      }
      #kontakt-form .row .col, #kontakt-form .row {
      margin-bottom: 1em;
  }
      ul.kee-list:before {
      left: 16px;
          height: calc(100% - 34px);
  }
      #kundenstimmenslider .slick-track {
          display: block;
      }
      .kundenstimme .inhalt:before {
          content: none;
      }
      .kundenstimme .inhalt {
          padding-left: 0;
      }
      .meetings-iframe-container iframe {
      min-width: inherit!important;
  }
      .uk-modal-body {
          padding: 30px 10px!important;
      }
      .hide-mobile {
          display: none!important;
      }
      .flexwrap .col:last-child {
      margin-bottom: 0;
  }
      #partner-carousel {
      margin-bottom: 90px;
  }
      .col:not(:last-child) {
      margin-bottom: 2em;
  }
      .wpcf7-acceptance span.wpcf7-list-item {
      margin-left: 1em!important;
  }
      .site-content article {
      margin: 0 auto var(--distanceSection767) auto;
  }
      #primary {
      padding: 0;
  }
	  .page-template-full-width #primary {
    padding:  var(--distanceSection767) 0;
}
      section {
          margin: var(--distanceSection767) 0;
          padding-left: 0!important;
          padding-right: 0!important;
      }
      section.green-grad-back {
          padding-left: 20px!important;
          padding-right: 20px!important;
          margin-left: 0!important;
          margin-right: 0!important;
      }
      section > .container > .row.flex > .col {
      padding: 0;
  }
      .testimonials.row {
          padding: 0;
      }
      .testimonials.row .col {
          padding: 20px!important;
      }
      section.extra-padding, section.extra-padding-smaller {
      padding: var(--distanceSection767) 20px;
  }
      .extra-margin-top-bottom {
          margin-top: var(--distanceSection767);
          margin-bottom: var(--distanceSection767);
      }
      .static-mobile {
          position: static!important;
      }
      footer#colophon {
          font-size: 0.9em;
          text-align: center;
  }
      #footer-sidebars .logo-container {
      flex-direction: column;
      align-items: center;
  }
      #footer-sidebars #footerlogo {
          margin-right: 0;
      }
      footer .hide-title h3 {
      display: none;
  }
      #footer-sidebars {
      display: block;
      }
      #footer-sidebars .col  {
      width: 100%;
      margin: 0 auto 30px;
  }
      #menu-footer-menu {
          text-align: center;
          margin-bottom: 1em;
      }
      body, span.wpcf7-form-control-wrap label.error:before  {
          font-size: var(--mainfontsize767);
      }
      .heading-title.size-xxl {
          font-size: 2em!important;
      }
          .heading-title.size-xl {
          font-size: 2.6em!important;
      }
          .heading-title.size-large {
          font-size: 1.4em!important;
      }
      .heading-title.size-medium {
          font-size: 1.2em!important;
      }
      .heading-title.machpro br {
      display: none;
  }
  }
  
  @media all and (max-width:599px)  {
	  .vita-header {
    display: block;
}
	  .vita-header .head-col.first .image {
    display: inline-block;
	  }

	  .vita-header .head-col.first {
    max-width: inherit;
}
	  .vita-header .head-col.last {
    margin-left: 0;
    margin-top: 1em;
}
	  .vita-item:not(:last-child) {
    margin-bottom: 4em!important;
}
	  .vita-tabs {
    display: flex;
		  flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 2em;
}
	  a.vita-button.button {
    margin: 0 0 1em!important;
}
	  a.vita-button.button:last-child {
    margin-bottom: 0!important;
}
	  .vita-item .pin {
    height: 54px;
    width: 15px;
    right: 5%;
}
	  .vita-item .pin:before {
    width: 15px;
    height: 15px;
}
	  .vita-tab:not(.opened) {
    max-height: 300px;
    overflow: hidden;
}
	  .vita-tab:not(.opened):before {
    content: 'mehr lesen...';
    width: 100%;
    height: 40px;
		  font-size: 0.8em;
    display: flex;
		  align-items: center;
		  justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
		  z-index: 2;
		  text-align: center;
		  padding: 0 20px;
}
	  .vita-tab:not(.opened):after {
    content: '';
    width: 100%;
    height: 100px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 24%, rgba(0,0,0,0) 100%);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
	   .timelinelist .line {
		  max-height: calc(100% - 21px);
	  }
      a.button {
      line-height: 1.2em;
  }
      .heading-title.size-xxl {
      font-size: 2em!important;
  }
  .heading-title.size-large {
      font-size: 1.4em!important;
  }
  a.anchor {
  top:50px;
  }
      .size-14 {
      font-size: 0.8em!important;
  }
      .size-16 {
      font-size: 0.9em!important;
  }
      .size-24 {
      font-size: 1.1em!important;
  }
      .size-26 {
      font-size: 1.2em!important;
  }
      .size-28 {
      font-size: 1.21em!important;
  }
      .size-29 {
      font-size: 1.22em!important;
  }
  .size-30 {
      font-size: 1.23em!important;
  }
  .size-32 {
      font-size: 1.25em!important;
  }
      .size-34 {
      font-size: 1.3em!important;
  }
      .size-36 {
      font-size: 1.4em!important;
  }
      .size-39 {
      font-size: 1.45em!important;
  }
  .size-42 {
      font-size: 1.5em!important;
  }
      .size-44 {
      font-size: 1.6em!important;
  }
  .size-48 {
      font-size: 2em!important;
  }
	  .size-50 {
      font-size: 2.1em!important;
  }
	  .size-53 {
      font-size: 2.25em!important;
  }
  .size-54 {
      font-size: 2.3em!important;
  }
      .size-56 {
      font-size: 2.4em!important;
  }
      .size-58 {
      font-size: 2.45em!important;
  }
      .size-60 {
      font-size: 2.48em!important;
  }
      .size-62 {
      font-size: 2.4em!important;
  }
      .size-64 {
      font-size: 2.5em!important;
  }
      .size-72 {
      font-size: 2.6em!important;
  }	
  .size-82 {
      font-size: 2.62em!important;
  }
      .size-86 {
      font-size: 3.3em!important;
  }
  }
  @media screen and (min-width: 426px) {
  .show-se {
          display:none!important;
      }
  }
  @media screen and (max-width: 425px) {
      .size-48 {
      font-size: 1.6em!important;
  }
	  .size-50 {
      font-size: 1.62em!important;
  }
	  .size-53 {
      font-size: 1.65em!important;
  }
  .size-54 {
      font-size: 1.7em!important;
  }
      .size-56 {
      font-size: 1.75em!important;
  }
      .size-58 {
      font-size: 1.8em!important;
  }
      .size-62 {
      font-size: 1.85em!important;
  }
      .size-64 {
      font-size: 1.9em!important;
  }
      .size-72 {
      font-size: 2em!important;
  }	
  .size-82 {
      font-size: 2.16em!important;
  }
      .size-86 {
      font-size: 2.62em!important;
  }
      .show-se {
          display:block!important;
      }
      .hide-se {
          display: none!important
      }
      #health-check #final .size-64 {
          font-size: 2em!important;
      }
  }