:root {
  --cl-light-blue: #039adb;
  --cl-red: #ff4555;
  --cl-biege: #fcfafa;
  --cl-blue: #002331;
  --transition-duration: 0.25s;
  --sticky-top: 81px;
}
html {
  scroll-behavior: smooth;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
[inert],
[inert]* {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--cl-grey);
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--cl-grey);
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--cl-grey);
}
:-moz-placeholder {
  /* Firefox 18- */
  color: var(--cl-grey);
}

body {
  color: #4b3d3d;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  font-size: 18px;
  background: #fff;
}
strong {
  font-weight: 700;
}

ul {
  padding: 0;
}
a {
  color: #028ac3;
  text-decoration: none;
  display: inline-block;
}
img {
  max-width: 100%;
}

  .hide-desktop{
    display: none;
  }

/* accordion */
.accordion {
  color: #039adb;
  cursor: pointer;
  padding: 22px 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 1s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  border-bottom: 1px solid #d3caca;
}
.accordion .title-with-ln {
  width: 100%;
}
.accordion-panel .accordion {
  text-transform: initial;
  border: 1px solid #000;
  padding: 12px 23px;
}

.accordion:after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.175' height='12.588' viewBox='0 0 23.175 12.588'%3E%3Cpath d='M5525.718,4110.378l10.174,10.173-10.174,10.173' transform='translate(4132.139 -5524.304) rotate(90)' fill='none' stroke='%2303acf4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A")
    0 0 no-repeat;
  display: inline-block;

  transition: 0.4s;
  vertical-align: baseline;
  width: 23px;
  height: 13px;

  flex-shrink: 0;
}
.accordion-panel .accordion.active:after,
.accordion.active:before {
  transform: rotate(315deg);
}

.accordion.active:after {
  rotate: 180deg;
}

.accordion-panel .accordion:before {
  display: none;
}
.accordion-panel .accordion:after {
  content: "";
  border-color: #000;
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  display: inline-block;
  height: 10px;
  transform: rotate(135deg);
  transition: 0.4s;
  vertical-align: baseline;
  width: 10px;
  margin-right: 20px;
  position: absolute;
  right: 15px;
  margin-top: -6px;
}

.accordion-panel {
  padding: 0 18px;

  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
  position: relative;
}

.accordion-panel p {
  padding-block: 10px;
}
.accordion-panel li {
  margin-bottom: 10px;
}
.border20 {
  border-radius: 20px;
}
.border-round {
  border-radius: 100%;
}

.f12 {
  font-size: 12px;
  line-height: 16px;
}
.f16 {
  font-size: 16px;
  line-height: 24px;
}
.f20 {
  font-size: 20px;
  line-height: 26px;
}
.f24 {
  font-size: 24px;
  line-height: 26px;
}
.f40 {
  font-size: 40px;
  line-height: 53px;
}
.f50 {
  font-size: 50px;
  line-height: 67px;
}
.fUrbanist {
  font-family: "Urbanist", sans-serif;
}
.fw-bold {
  font-weight: 700;
}
.fw-semibold {
  font-weight: 600 !important;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.shadow {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16);
}
.cl-white {
  color: #fff;
}
.cl-black {
  color: #141010;
}
.cl-red {
  color: var(--cl-red);
}
.cl-blue {
  color: var(--cl-light-blue);
}
.bg-red {
  background: var(--cl-red);
}
.bg-blue {
  background: var(--cl-blue);
}
.bg-biege {
  background: var(--cl-biege);
}
.bg-white {
  background: #fff;
}
.bg-pink {
  background: #ffdadd;
}
.bg-lightblue {
  background: #cdeefd;
}
.mb12 {
  margin-bottom: 12px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb22 {
  margin-bottom: 22px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.row {
  display: flex;
}
.col50 {
  width: 50%;
}
.w100 {
  width: 100%;
}
.align-items-center {
  align-items: center;
}
.hidden {
  display: none;
}
.container {
  max-width: 1320px;
  margin: 0 auto;
}
.container-s {
  max-width: 1163px;
  margin: 0 auto;
}
.main-padding {
  padding-block: 100px;
}
.main-padding90 {
  padding-block: 90px;
}
.yellow-marker {
  display: inline-block;
  background: #fbef94;
}
.text-marker-blue {
  border-radius: 100px;
  background: #028ac3;
  padding: 7px 30px;
  display: block;
  margin-bottom: 10px;
  width: fit-content;
}
.btn {
  background: #21ccad;
  color: #fff;
  padding: 13px 20px;
  border-radius: 100px;
  border: 0;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.title {
  font-family: "Urbanist", sans-serif;
  font-size: 50px;
  font-weight: 800;
  line-height: 67px;
}
.title2 {
  font-family: "Urbanist", sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 46px;
}
.title4 {
  font-family: "Urbanist", sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}
.title7 {
  font-family: "Urbanist", sans-serif;
  font-size: 70px;
  font-weight: 800;
  line-height: 94px;
}
.pad {
  padding-inline: 90px;
}
.padl {
  padding-left: 90px;
}
.pad2x {
  padding-left: 12.6%;
}
.readmore {
  text-decoration: underline;
}
header {
  display: flex;
  align-items: center;
  padding-right: 60px;
  position: relative;
  z-index: 1111111;
  position: sticky;
  top: 0;
  justify-content: space-between;
  background: #fff;
  width: 100%;
}
header img {
  display: block;
}
header .nav {
  display: flex;
  width: 50%;
  gap: 0px;
  padding-inline: 40px;
}
header .nav a {
  color: inherit;
  display: inline-block;
  padding-inline: 20px;
  font-size: 16px;
}
header .btn {
  white-space: nowrap;
}
.rabatt {
  margin-right: 10px;
}
.preis .rabatt img { 
  max-width: 100%!important
}
.rabatt svg {
  display: block;
}
.logo {
  padding: 20px 40px;
  flex-shrink: 0;
}
.logo a {
  display: block;
}
.hero {
  background: url(../images/bg-top.jpg) top center no-repeat #028ac2;
  position: relative;
}
.hero .row {
  align-items: center;
  height: 650px;
  justify-content: center;
}
.hero .kubok {
  margin-top: 66px;
  border-radius: 0 0 20px 20px;
  display: block;
  margin-left: auto;
}
.hero .right {
  padding-left: 10%;
}
.hero .ntv {
  position: absolute;
  left: 46%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.preis .hero .title {
  font-size: 100px;
  line-height: 133px;
}
.preis .hero .row {
  height: auto;
  justify-content: flex-start;
}
.preis .hero .row .col:first-child {
  margin-right: 3%;
}
.preis .hero .row .col:first-child img {
  padding-block: 69px 0;
}
.preis .hero .row .col:last-child {
  padding-right: 20px;
}
.zertifizierung .hcb {
  display: flex;
  gap: 53px;
  justify-content: flex-end;
}
.zertifizierung .hc1 {
  display: flex;
  flex-direction: column;
  gap: 53px;
  justify-content: flex-end;
  padding-bottom: 10px;
}
.zertifizierung .section2 {
  padding: 80px 0px 110px;
}
.zs2-0 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 43px;
}
.zs2-1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-end;
}
.zs2-1 .advantage-item {
  background: #002331;
  border-radius: 100px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding: 8px 10px 8px 30px;
}
.zs2-1 .advantage-item svg {
  margin-left: 17px;
}
.white-box {
  padding: 35px 20px;
  background: #fff;
  border-radius: 20px;
}
.features {
  padding-block: 150px 100px;
}
.features-list {
  display: flex;
  justify-content: center;
  gap: 22px;
  flex-wrap: wrap;
}
.feature {
  display: flex;
  padding: 30px 20px 30px 40px;
  flex-direction: column;
  width: 271px;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16);
  border-radius: 20px;
  background: #fff;
}
.block-item .title2 {
  color: #141010;
}
.feature .heading {
  margin-block: 25px 17px;
  font-size: 20px;
  font-weight: 700;
  color: #141010;
}
.bafin-lic {
  padding-block: 74px;
}
.company {
  padding-block: 89px 100px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='721' height='1485' viewBox='0 0 721 1485'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1073' data-name='Rectangle 1073' width='721' height='1485' transform='translate(105 5851)' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3ClinearGradient id='linear-gradient' x1='0.536' y1='0.022' x2='0.511' y2='0.89' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ffdadd'/%3E%3Cstop offset='0.51' stop-color='%23ff6a76'/%3E%3Cstop offset='1' stop-color='%23ffdadd'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' x1='0.464' y1='0.022' x2='0.489' y2='0.89' xlink:href='%23linear-gradient'/%3E%3ClinearGradient id='linear-gradient-3' x1='0.536' y1='0.022' x2='0.968' y2='1.582' xlink:href='%23linear-gradient'/%3E%3C/defs%3E%3Cg transform='translate(-105 -5851)' clip-path='url(%23clip-path)'%3E%3Cpath d='M4470.017,3098.107,4298.452,2959.69l804.02-996.577L4298.583,970.537l171.3-138.74,916.038,1131.049Z' transform='translate(-7775.42 4499.865)' fill='url(%23linear-gradient)'/%3E%3Cpath d='M5214.359,3098.107l171.566-138.417-804.02-996.577L5385.8,970.537,5214.49,831.8,4298.452,1962.845Z' transform='translate(-6962.73 4499.865)' opacity='0.41' fill='url(%23linear-gradient-2)'/%3E%3Cg transform='translate(-570 5704.351)'%3E%3Cpath d='M1429.876,580.932,1080.143,145.62H518.859L868.6,580.932l364.829,453.915L868.6,1488.757,518.859,1923.918h561.284l349.734-435.161,364.983-453.91Z' transform='translate(-418.859 -145.62)' fill='url(%23linear-gradient-3)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
    0 0 no-repeat #fcfafa;
}
.company .pads {
  padding: 74px 28px;
}
.company .col:first-child {
  width: 100%;
  max-width: 478px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company .col:last-child {
  padding-block: 71px;
}
.rubber-right {
  overflow: hidden;
}
.uberschrift {
  padding-block: 96px;
}
.uberschrift .list .advantage-item {
  border-radius: 100px;
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding: 7px 20px 7px 10px;
  margin-bottom: 10px;
  color: var(--cl-light-blue);
  white-space: nowrap;
}
.img1001 {
  text-align: right;
  transform: translateX(20px);
}
.blue-block {
  max-width: 477px;
  display: flex;
  gap: 15px;
  background: #cdeefd;
  border-radius: 20px;
  padding: 22px 20px;
  position: relative;
}
.blue-block .arrow {
  position: absolute;
  left: -83px;
  top: 27px;
}
.blue_wrapper .img-seal {
  position: absolute;
  bottom: 50px;
  left: -80px;
}
.gruppe2 {
  position: absolute;
  top: 37%;
  left: 49%;
}
.gruppe3 {
  position: absolute;
  top: 72%;
  left: 41%;
}
.cafe {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.cafe img:first-child {
  transform: translateX(46%);
}
section.ausgaben {
  padding-block: 100px 200px;
  margin-bottom: -170px;
}
section.anlagen {
  padding-block: 30px 60px;
}
section.belege {
  padding-block: 90px 26px;
}
.belege .arrow {
  text-align: center;
  margin-top: 20px;
}
.belege .arrow svg {
  transform: translateX(-50%);
}
section.artikel {
  padding-block: 40px 90px;
}
section.gehalter {
  padding-block: 90px 55px;
}
.uberschrift .list .advantage-item svg {
  margin-right: 9px;
  flex-shrink: 0;
}
.faqs .block-item {
  margin-bottom: 74px;
}
.buhgaltung {
  padding-bottom: 46px;
  background: url(../images/bg_red.png) 0 0 no-repeat;
  background-size: contain;
}
.buhgaltung .f {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
}
.buhgaltung .f > div > img {
  padding-left: 36px;
}
.text-icon-left {
  display: flex;
  gap: 25px;
  margin-bottom: 30px;
}
.text-check-left {
  display: flex;
  gap: 20px;
  margin-bottom: 25px;
}
.text-check-left svg {
  margin-top: 6px;
  flex-shrink: 0;
}
.kostenlos {
  padding-block: 50px 80px;
  background: var(--cl-light-blue);
}
.dot {
  border: 1px solid #fff;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  height: 12px;
  width: 12px;
}
.dot--filled {
  background-color: #21ccad;
}
section.preis {
  padding: 112px 72px 50px 72px;
}
.pricing-wrapper {
  margin: 0 auto;
  max-width: 800px;
  position: relative;
}
#price-shadow {
  position: absolute;
  right: 0;
  top: 0;
  width: 213px;
  height: 100%;
  border-radius: 20px;
}
.pricing-table table {
  width: 100%;
  border: 0;
}
.pricing-table--body {
  border-radius: 20px 0 20px 20px;
  overflow: hidden;
}
.pricing-table__feature-header {
  font-weight: 700;
  background: rgba(205, 238, 253, 0.5);
  position: relative;
}
.pricing-table td {
  border-bottom: 1px solid #ebe7e7;
  position: relative;
}
.pricing-table__feature-overview.last td {
  border: 0;
}
.pricing-table td:first-child {
  padding: 9px 49px 9px 32px;
}
.pricing-table tr.active td:after {
  transform: rotate(-180deg);
}
.pricing-table td:last-child {
  width: 209px;
  text-align: center;
}
.pricing-table__feature-header td:first-child:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.379' height='8.189' viewBox='0 0 14.379 8.189'%3E%3Cpath d='M5525.718,4110.378l5.776,5.776-5.776,5.775' transform='translate(4123.344 -5524.304) rotate(90)' fill='none' stroke='%2303acf4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A");
  height: 8px;
  right: 26px;
  width: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  transition: all 0.5s;
}
.pricing-table__feature-header,
.pricing-table__feature-overview {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pricing-table__feature-overview.active:not(.nodetail) td:first-child:after {
  transform: translateY(-50%) rotate(180deg) !important;
}
.pricing-table__feature-overview td {
  color: #4b3d3d;
}
.pricing-table__feature-overview.active {
  font-weight: 700;
}
.pricing-table__feature-detail {
  font-size: 16px;
}
.pricing-table__feature-detail p {
  padding-left: 20px;
}
.pricing-table__feature-separator td,
.pricing-table__feature-header td {
  border: 0;
  color: #141010;
}
.pricing-table__feature-separator td {
  padding: 5px 0 0 !important;
}

.pricing-table__feature-overview:not(.nodetail) td:first-child:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.379' height='8.189' viewBox='0 0 14.379 8.189'%3E%3Cpath d='M5525.718,4110.378l5.776,5.776-5.776,5.775' transform='translate(4123.344 -5524.304) rotate(90)' fill='none' stroke='%23a79797' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A");
  height: 8px;
  right: 26px;
  width: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  transition: all 0.5s;
}
.pricing-table .price {
  color: #141010;
  font-size: 34px;
  font-weight: 700;
  font-family: "Urbanist", sans-serif;
  line-height: 46px;
  margin-bottom: 11px;
}
.pricing-table .price-old {
  text-decoration: line-through;
}
.pricing-table .price + .btn {
  margin-bottom: 30px;
  padding-block: 7px;
  position: relative;
  z-index: 1;
}
.pricing-table.price-head td {
  border: 0;
}
#price-hint {
  position: absolute;
  left: 103%;
  bottom: 30%;
  display: flex;
  white-space: nowrap;
  gap: 10px;
}
#price-hint svg {
  transform: translateY(-16px);
}

.oderdas {
  padding-block: 35px 50px;
  background: url(../images/blue-bg.svg) 0 0 no-repeat #039adb;
  max-width: 976px;
  margin: 0 auto;
}
.brand-logos {
  background: #fcfafa;
  height: 190px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.brand-logos .container {
  max-width: 1311px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  width: 100%;
}
.email-address-block {
  max-width: 548px;
  margin: 0 auto;
  border-radius: 100px;
  background: #cdeefd;
  padding: 5px;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.email-address-block input {
  background: none;
  border: 0;
  padding: 5px 10px;
  color: var(--cl-light-blue);
  margin-left: 10px;
}
.email-address-block .tip {
  position: absolute;
  right: -60px;
  top: -60px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  line-height: 16px;
}
.email-address-block .tip svg {
  transform: translate(-9px, 10px);
}
.kostenlos .btn {
  padding-inline: 30px;
}
section.video {
  background: #002331;
  padding: 71px;
}
section.video .heading {
  padding: 0 20px;
  max-width: 1119px;
  display: flex;
  margin: 0 auto;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 17px;
}
.video-mute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-mute img {
  display: none;
}
.video-mute.muted img {
  display: block;
}
section.erfullung {
  padding-block: 100px;
}
footer {
  text-align: center;
  background: #028ac3;
  padding: 35px 10px;
}
footer a {
  color: #ecedf0;
  font-size: 14px;
}
footer .nav a {
  padding-inline: 20px;
  border-right: 1px solid #fff;
}
footer .nav a:last-child {
  border: none;
}
/* mobile nav */
.hamburger {
  cursor: pointer;

  height: 40px;
  margin-right: -5px;
  position: relative;
  width: 40px;
  background: none;
  border: 0;
  display: none;
}
.hamburger:after,
.hamburger:before {
  content: "";
}
.hamburger-bar,
.hamburger:after,
.hamburger:before {
  background-color: #333;
  border-radius: 40px;
  display: block;
  height: 2px;
  left: 5px;
  position: absolute;
  transition: opacity var(--transition-duration) ease-in-out,
    transform var(--transition-duration) ease-in-out,
    background-color var(--transition-duration) ease-in-out;
  width: 30px;
}

.hamburger:before {
  top: 9px;
}

.hamburger-bar {
  top: 18px;
}

.hamburger:after {
  top: 27px;
  width: 16px;
}

.hamburger[aria-expanded="true"]:after,
.hamburger[aria-expanded="true"]:before {
  opacity: 0;
}

.hamburger[aria-expanded="true"]:before {
  transform: scale(0) translateY(12px);
}

.hamburger[aria-expanded="true"]:after {
  transform: scale(0) translateY(-12px);
}

.hamburger[aria-expanded="true"] .hamburger-bar-top {
  transform: rotate(45deg);
}

.hamburger[aria-expanded="true"] .hamburger-bar-bottom {
  transform: rotate(-45deg);
}
.mobileWrapper {
  display: none;
}
.mobileWrapper .mobile {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: calc(100dvh - var(--sticky-top));
  right: 0;
  overflow-y: auto;
  position: fixed;
  top: calc(var(--sticky-top));
  transition-duration: var(--transition-duration);
  transition-property: transform;
  box-shadow: -2px 0px 1px #ebebeb;
  transition-timing-function: ease-in-out;
  width: 230px;
  z-index: -1;
}
.mobileWrapper .mobile.closed {
  transform: translateX(calc(100% + 16px));
}
.mobile-header {
  padding-top: 20px;
}
.mobile-header .nav {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.mobile-header .nav a {
  display: block;
  padding: 16px 24px;
  border-bottom: 1px solid #eaeaea;
  font-size: inherit;
}
.header .r {
  display: flex;
  align-items: center;
  padding-left: 10px;
  align-self: stretch;
}
.header .rabatt-block {
  display: flex;
  align-items: center;
}
#leave-overlay {
  display: none;
  background: rgba(0, 0, 0, 0.16);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#leave-overlay.active {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 9999999;
}

#leave-overlay .block {
  position: relative;
  background: #fff;
  border-radius: 10px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16);
  max-width: 644px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 76px 30px 25px;
  color: #141010;
  margin: 20px;
}
#leave-overlay .text-stop {
  color: #ff4554;
  font-family: "Urbanist", sans-serif;
  font-size: 45px;
  font-weight: 700;
  position: absolute;
  top: 20px;
  left: 30px;
}
#leave-overlay .text-stop span {
  transform: rotate(-25deg);
  display: block;
  margin-top: 33px;
}
#leave-overlay .text-stop svg {
  position: relative;
  left: 40%;
  top: 27px;
}
#leave-overlay .close {
  position: absolute;
  top: 17px;
  right: 20px;
  cursor: pointer;
}
#leave-overlay .promo-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='269' height='318.002' viewBox='0 0 269 318.002'%3E%3Cg transform='translate(-950 -269.999)'%3E%3Cg data-name='Subtraction 1' transform='translate(-10168 -3806)' fill='none'%3E%3Cpath d='M11357,4394h-209a29.977,29.977,0,0,1-30-30v-80.023c.328.017.664.026,1,.026a19,19,0,1,0,0-38c-.329,0-.665.009-1,.026V4106a29.976,29.976,0,0,1,30-30h209a29.975,29.975,0,0,1,30,30v140.029c-.328-.017-.664-.026-1-.026a19,19,0,1,0,0,38c.329,0,.665-.009,1-.026V4364a29.977,29.977,0,0,1-30,30Z' stroke='none'/%3E%3Cpath d='M 11357 4392.0009765625 C 11360.7802734375 4392.0009765625 11364.447265625 4391.2607421875 11367.8984375 4389.80078125 C 11371.23046875 4388.39208984375 11374.224609375 4386.37255859375 11376.798828125 4383.79931640625 C 11379.3701171875 4381.22802734375 11381.3896484375 4378.23291015625 11382.80078125 4374.8974609375 C 11384.259765625 4371.447265625 11385 4367.7802734375 11385 4363.99853515625 L 11385 4285.9775390625 C 11373.8837890625 4285.453125 11365.0009765625 4276.24462890625 11365.0009765625 4265.0009765625 C 11365.0009765625 4253.75732421875 11373.8837890625 4244.54931640625 11385 4244.02490234375 L 11385 4105.99853515625 C 11385 4102.2177734375 11384.259765625 4098.55126953125 11382.80078125 4095.1015625 C 11381.3896484375 4091.76708984375 11379.3701171875 4088.7724609375 11376.798828125 4086.200439453125 C 11374.2265625 4083.628173828125 11371.232421875 4081.60888671875 11367.8974609375 4080.19873046875 C 11364.447265625 4078.739013671875 11360.78125 4077.9990234375 11357 4077.9990234375 L 11148 4077.9990234375 C 11144.21875 4077.9990234375 11140.552734375 4078.739013671875 11137.1025390625 4080.19873046875 C 11133.767578125 4081.60888671875 11130.7734375 4083.628173828125 11128.201171875 4086.200439453125 C 11125.6298828125 4088.7724609375 11123.6103515625 4091.76708984375 11122.19921875 4095.101318359375 C 11120.740234375 4098.55126953125 11120 4102.2177734375 11120 4105.99853515625 L 11120 4244.02490234375 C 11131.1162109375 4244.54931640625 11139.9990234375 4253.75732421875 11139.9990234375 4265.0009765625 C 11139.9990234375 4276.24462890625 11131.1162109375 4285.453125 11120 4285.9775390625 L 11120 4363.99853515625 C 11120 4367.7802734375 11120.740234375 4371.447265625 11122.19921875 4374.8974609375 C 11123.6103515625 4378.23291015625 11125.6298828125 4381.22802734375 11128.201171875 4383.79931640625 C 11130.7744140625 4386.37255859375 11133.76953125 4388.39208984375 11137.1025390625 4389.80126953125 C 11140.552734375 4391.2607421875 11144.2197265625 4392.0009765625 11148 4392.0009765625 L 11357 4392.0009765625 M 11357 4394.0009765625 L 11148 4394.0009765625 C 11143.9501953125 4394.0009765625 11140.021484375 4393.20751953125 11136.3232421875 4391.64306640625 C 11132.7509765625 4390.1328125 11129.54296875 4387.96923828125 11126.787109375 4385.21337890625 C 11124.0322265625 4382.45849609375 11121.869140625 4379.24951171875 11120.357421875 4375.6767578125 C 11118.79296875 4371.97802734375 11118 4368.04931640625 11118 4363.99853515625 L 11118 4283.97509765625 C 11118.328125 4283.99169921875 11118.6640625 4284.0009765625 11118.9990234375 4284.0009765625 C 11129.4755859375 4284.0009765625 11137.9990234375 4275.4775390625 11137.9990234375 4265.0009765625 C 11137.9990234375 4254.5244140625 11129.4755859375 4246.00146484375 11118.9990234375 4246.00146484375 C 11118.669921875 4246.00146484375 11118.333984375 4246.01025390625 11118 4246.02734375 L 11118 4105.99853515625 C 11118 4101.94873046875 11118.79296875 4098.0205078125 11120.357421875 4094.322021484375 C 11121.869140625 4090.749755859375 11124.0322265625 4087.54150390625 11126.787109375 4084.786376953125 C 11129.5419921875 4082.031005859375 11132.75 4079.867919921875 11136.3232421875 4078.356689453125 C 11140.021484375 4076.792236328125 11143.9501953125 4075.9990234375 11148 4075.9990234375 L 11357 4075.9990234375 C 11361.0498046875 4075.9990234375 11364.978515625 4076.792236328125 11368.6767578125 4078.356689453125 C 11372.25 4079.867919921875 11375.4580078125 4082.031005859375 11378.212890625 4084.786376953125 C 11380.9677734375 4087.54150390625 11383.130859375 4090.749755859375 11384.642578125 4094.322021484375 C 11386.20703125 4098.0205078125 11387 4101.94873046875 11387 4105.99853515625 L 11387 4246.02734375 C 11386.671875 4246.0107421875 11386.3359375 4246.00146484375 11386.0009765625 4246.00146484375 C 11375.5244140625 4246.00146484375 11367.0009765625 4254.5244140625 11367.0009765625 4265.0009765625 C 11367.0009765625 4275.4775390625 11375.5244140625 4284.0009765625 11386.0009765625 4284.0009765625 C 11386.330078125 4284.0009765625 11386.666015625 4283.9921875 11387 4283.97509765625 L 11387 4363.99853515625 C 11387 4368.04931640625 11386.20703125 4371.97802734375 11384.642578125 4375.6767578125 C 11383.130859375 4379.24951171875 11380.9677734375 4382.45849609375 11378.212890625 4385.21337890625 C 11375.45703125 4387.96923828125 11372.2490234375 4390.1328125 11368.6767578125 4391.64306640625 C 11364.978515625 4393.20751953125 11361.0498046875 4394.0009765625 11357 4394.0009765625 Z' stroke='none' fill='%2368cdf8'/%3E%3C/g%3E%3Cline x2='229' transform='translate(970.5 460.5)' fill='none' stroke='%2368cdf8' stroke-width='2' stroke-dasharray='10 8'/%3E%3C/g%3E%3C/svg%3E%0A")
    0 0 no-repeat;
  max-width: 269px;
  width: 100%;
  margin-bottom: 40px;
  padding-top: 45px;
  padding-bottom: 20px;
}
#leave-overlay .promo-block p {
  font-size: 40px;
  line-height: 48px;
  font-family: "Urbanist", sans-serif;
  font-weight: 700;
  margin-bottom: 73px;
}
#leave-overlay .promo-block .subtext {
  margin-top: 14px;
  font-size: 16px;
}
#leave-overlay .promo-block .btn {
  max-width: 201px;
}

@media (max-width: 1180px) {
  header {
    padding-right: 0;
  }
  header .nav {
    padding-inline: 0;
    justify-content: space-around;
  }
  header .nav a {
    padding-inline: 1%;
  }
}
@media (max-width: 1410px) {
  .mobileWrapper {
    display: block;
    margin-left: 20px;
  }
  .hamburger {
    display: block;
  }
  header {
    padding-right: 30px;
  }
  header > .nav {
    display: none;
  }
}
/* made in germany section */
.made_in_germany {
  padding: 60px 0;
}
.made_in_germany_content {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.made_in_germany_content div p {
  padding-bottom: 8px;
}
.made_in_germany_logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.made_in_germany_logos img {
  max-width: 155px;
}
.info-icon {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  background: url("../images/i-icon.png");
  width: 15px;
  height: 15px;
}
/* top_logos_section */
.top_logos_section {
  margin-top: 80px;
}
.top_video_section {
  margin: 80px 0;
}
.top_logos_wraper {
  display: flex;
  flex-direction: column;
}
.top_logos_wraper h2 {
  text-align: center;
}
.top_logos {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 100px auto 140px;
  flex-wrap: wrap;
  max-width: 1297px;
}
.stern_seriensieger_abs {
  position: absolute;
  width: 58px;
  top: -20px;
  right: -20px;
}
.top_logos div {
  position: relative;
}
.top_logos_button {
  display: flex;
  align-items: center;
  gap: 20px;
  align-self: center;
}
/* partners section  */
.partners_section {
  padding-bottom: 100px;
}
.partners_wrapper {
  max-width: 976px;
  margin: 0 auto;
}
.partners_content {
  padding: 0;
  margin-top: 40px;
}
.partners_content_top {
  display: flex;
  justify-content: space-evenly;
  gap: 40px;
  padding: 40px;
  align-items: center;
  position: relative;
}
.partners_content_top_left {
  position: absolute;
  top: -136px;
  left: 93%;
  padding: 20px;
  border-radius: 20px 20px 20px 0;
  z-index: 1;
  background: #fff;
}
.partners_content_top_left h3 {
  color: #141010;
  font-size: 24px;
  line-height: 32px;
  font-weight: 800;
  margin-bottom: 0px;
}
.partners_slider_wrapper .slick-track {
  display: flex;
  align-items: center;
}
.partners_content_top .slider-prev,
.partners_content_top .slider-next {
  cursor: pointer;
}
.partners_slider_wrapper {
  width: 600px;
}

.partners_content_logos {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 20px;
  position: relative;
  margin-top: 10px;
  flex-wrap: nowrap;
  background: #ebe7e7;
  padding: 4px;
  border-radius: 20px;
}
.partners_slider {
  max-width: 650px;
}
.partner_slide {
  display: flex !important;
  align-items: center;
  gap: 30px;
}
.partner_img img {
  max-width: 200px;
}
.partner_text {
  max-width: 350px;
}
.partner_text p {
  font-size: 16px;
  text-align: left;
}
.partner_text p span {
  font-weight: 600;
}
.logo-slider__item {
  position: relative;
  cursor: pointer;
  width: 100%;
  text-align: center;
  padding: 10px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.partners_content_logos .logo-slider__item.active {
  background: #fff;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16);
}

.partners_slider button {
  display: none !important;
}
/*  navigation */

.btn-listing {
  mix-blend-mode: multiply;
  position: fixed;
  opacity: 0;
  right: 26px;
  top: 22%;
  text-align: right;
  padding-right: 9px;
  padding-left: 0;
  font-size: 16px;
  transition: all 1s;
  z-index: -1;
}
.btn-listing.active {
  opacity: 1;
  z-index: 1;
}
.btn-listing:before {
  content: "";
  width: 8px;
  background: #ffffff;
  border-radius: 100px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.16);
}
.btn-listing li {
  list-style-type: none;
  transition: 0.3s;
}
.btn-listing li a {
  font-size: 16px;
  padding: 3px 10px;
  margin-bottom: 0;
  display: block;
  position: relative;
  text-align: right;
  color: #a79797;
  transition: 0.3s;
  line-height: 28px;
}
.btn-listing .active a {
  color: #028ac3;
  font-weight: 700;
  background: #cdeefd;
  border-radius: 100px 0 0 100px;
}
.btn-listing .active a:after {
  content: "";
  width: 8px;
  background: #03acf4;
  border-radius: 10px;
  height: 34px;
  position: absolute;
  right: -9px;
  top: 0px;
}
/* section video block */
.section-block {
  background: #f3f1ef;
}
.relative {
  position: relative;
}
.video-block {
}
.video-block .video-player-nf {
  position: relative;
  padding: 5% 9.5% 30px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.16);
  margin-bottom: 21px;
  color: #000;
}
.video-block .video-player-nf .relative {
  padding-top: 56.25%;
}
.video-block .video-player-nf iframe {
  border-radius: 20px;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.video-block .video-player-nf .title {
  margin-top: 15px;
  text-align: left;
  color: #141010;
  margin-bottom: 17px;
}
.video-block .author-insta {
  background: #fbef94;
  padding: 3px 10px 3px 5px;
  border-radius: 5px;
  font-size: 16px;
  color: #141010;
  display: flex;
  gap: 7px;
  width: max-content;
  align-items: center;
}
.video-block .video-player-nf .title strong {
  color: #008e95;
}
.video-block .video-player-nf .meta-block {
  margin-top: 26px;
  text-align: left;
  font-size: 16px;
}
.video-block .video-player-nf .author {
  margin-top: 10px;
  text-align: left;
  font-family: "Inter";
}
.video-block .video-player-nf .meta-block .author-insta {
  color: #fff;
  background: #008e95;
  border-radius: 8px;
  padding: 3px 14px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 500;
  margin-left: 11px;
  font-family: "Inter";
}
.video-description {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.video .slider-arrow svg rect {
  fill: #fad4ab;
}
.video-arrows {
  display: flex;
  gap: 10px;
}
.video .slider-arrow:hover svg rect {
  fill: #f1840f;
}
.slider-video-thumb .swiper-slide {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  font-weight: normal;
  font-family: "Inter";
  text-align: center;
  width: 148px;
  opacity: 0.5;
}
.slider-video-thumb .swiper-slide img {
  display: block;
  position: relative;
  /* border-radius: 10px; */
}
.slider-video-thumb .swiper-slide div {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.slider-video-thumb .swiper-slide span {
  color: #fff;
  font-size: 16px;
}
.slider-video-thumb .swiper-slide.swiper-slide-active div:after {
  background: none;
}
.slider-video-thumb .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.slider-video-thumb .swiper-slide.swiper-slide-active i {
  display: inline-block;
}
.slider-video-thumb .swiper-slide.swiper-slide-active div {
  border-radius: 10px;
  border: 3px solid #fff;
}
.slider-video-thumb .swiper-slide.swiper-slide-active div img {
  /* border-radius: 10px; */
}
.slider-video-thumb .swiper-slide.swiper-slide-active span {
  display: block;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.slider-video .item {
  position: relative;
}

.hand-animation {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.hand-animation div svg {
  cursor: pointer;
  transition: all 0.5s;
}
.hand-animation div:hover svg#hand {
  transform: rotate(10deg);
}
.hand-animation div:hover svg#arrows {
  transform: scaleX(1.2);
}
.hand-animation div svg#arrows {
  vertical-align: top;
  margin-right: -10px;
}
.video-player-nf-overlay .video-player-nf-mute {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  cursor: pointer;
  display: none;
  max-width: 15%;
  height: auto;
  border-radius: 100%;
  overflow: hidden;
}
.video-player-nf-overlay.muted .video-player-nf-mute {
  display: block;
}
.video-player-nf-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  cursor: pointer;
  top: 0;
  z-index: 1;
}
section.video .slider-arrow {
}
section.video .slider-arrow.right-arrow {
  top: 29.5%;
  left: auto;
  right: 0;
}
section.video .video-block-thumb .slider-arrow {
  right: 61px;
  top: 0;
  width: 30px;
  height: 109px;
  display: flex;
  align-items: center;
}
section.video .video-block-thumb .slider-arrow.left-arrow {
  right: unset;
  left: 78px;
}
.video-fixed {
  position: fixed;
  z-index: 10000000000;
  bottom: 20px;
  right: 20px;
  width: 432px;
  height: 245px;
  padding: 0 !important;
}
.video-block .video-player-nf .video-fixed iframe {
  height: 243px;
  position: relative;
}
.close-video {
  display: none;
}
.video-fixed .close-video {
  position: absolute;
  top: -29px;
  right: 24px;
  width: 30px;
  display: block;
  z-index: 1;
}
.circle {
  width: 40px;
  height: 40px;
  background: transparent;
  border: 4px solid #e91e63;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin: 10px 20px;
}
.circle:before {
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -2px;
  width: 24px;
  height: 4px;
  background-color: #fff;
  content: "";
  position: absolute;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fromMiddle span {
  width: 38px;
  height: 38px;
  background-color: #e91e63;
  display: inline-block;
  position: absolute;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  left: -2px;
  top: -2px;
  z-index: -9999;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -moz-transition: ease-in-out 300ms;
  -o-transition: ease-in-out 300ms;
  -webkit-transition: ease-in-out 300ms;
  transition: ease-in-out 300ms;
}
.circle:after {
  width: 24px;
  height: 4px;
  background-color: #fff;
  content: "";
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -2px;
  position: absolute;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.video h2 {
  font-size: 45px;
  text-align: center;
  padding: 30px 0;
}

.modal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir,
    helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__container {
  background-color: #fff;
  padding: 30px;
  max-width: 500px;
  max-height: 100vh;
  border-radius: 4px;

  box-sizing: border-box;
}

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

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
  position: absolute;
  right: -26px;
  color: #ffffff;
  top: -31px;
  background: #000;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  cursor: pointer;
}

.modal__close:before {
  content: "\2715";
}

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
}

.modal__btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.modal__btn:focus,
.modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

#modal-partner100 .modal__container {
  max-width: 1000px;
  width: 100%;
  height: 650px;
  border: 0;
  padding: 0;
}

/**************************\
   Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}
.trust-section {
  padding-block: 60px;
}
.trust-section .container {
  max-width: 975px;
  margin: 0 auto;
  padding: 0 1rem;
}

.trust-section .trust {
  margin-bottom: 60px;
}

.trust-section .trust-features {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-shrink: 0;
}
.trust-section .trust-logos {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-around;
  max-width: 650px;
}

.popup {
  position: absolute;
  background: white;
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  max-width: 400px;
  display: none;
  z-index: 1000;
  font-size: 1rem;
}

.trust-section .list-green {
  position: relative;
  margin-bottom: 20px;
  line-height: 1.4;
  list-style: none;
}

.trust-section .list-green li {
  padding: 0 0 0 34px;
  margin-bottom: 25px;
  background-image: url(../images/check.png);
  background-position: 0px 4px;
  background-repeat: no-repeat;
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1600 - 320)));
}

.trust-section .darkblue {
  color: #00008b;
}

.trust-section .check2 {
  list-style: none;
  padding-left: 20px;
}

.trust-section .check2 li {
  margin-bottom: 5px;
}

.trust-section .hl5-2 {
  margin-bottom: 10px;
}

.trust-section .trust-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}

.trust-section .trust-item span {
  font-size: 0.9rem;
  color: #666;
}

.trust-section .trust-badges {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.trust-section .trust-badge {
  height: 110px;
  width: auto;
}

.trust-section .tuv-section {
  display: flex;
  gap: 2rem;
  max-height: 200px;
}

.trust-section .tuv-banner {
  flex: 1;
  border-radius: 20px;
  color: white;
  background: #039adb;
  display: flex;
}

.trust-section .tuv-content {
  background: #028ac3;
  padding: 1.5rem 3rem 1.5rem 1.5rem;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
}

.trust-section .tuv-big {
  font-size: 70px;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 2rem;
  line-height: 0.8;
}

.trust-section .tuv-big h3 {
  margin: 0;
}

.trust-section .tuv-accent {
  font-size: 55px;
  font-weight: 400;
}

.trust-section .tuv-small {
  background: #039adb;
  padding: 2rem 2rem 2rem 4rem;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  font-size: 16px;
}

.trust-section .tuv-seal-wrapper {
  background: #039adb;
  padding: 2rem 4rem 2rem 2rem;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.trust-section .tuv-text p {
  margin-bottom: 1rem;
}

.trust-section .more-info {
  color: white;
  text-decoration: underline;
}

.trust-section .tuv-seal {
  width: 120px;
  height: auto;
}

@media (max-width: 1024px) {
  .trust-section .tuv-big {
    font-size: 50px;
    padding: 1.5rem;
  }

  .trust-section .tuv-accent {
    font-size: 40px;
  }

  .trust-section .tuv-small {
    padding: 1.5rem 1.5rem 1.5rem 3rem;
  }

  .trust-section .tuv-seal-wrapper {
    padding: 1.5rem 3rem 1.5rem 1.5rem;
  }

  .trust-section .tuv-seal {
    width: 100px;
  }
}

@media (max-width: 768px) {
  .trust-section .tuv-section {
    max-height: none;
  }

  .trust-section .tuv-content {
    border-radius: 15px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    padding: 1rem;
    margin-bottom: 1rem;
  }

  .trust-section .tuv-big {
    font-size: 40px;
    padding: 1rem;
  }

  .trust-section .tuv-accent {
    font-size: 32px;
  }

  .trust-section .tuv-small {
    padding: 1rem;
    text-align: center;
  }

  .trust-section .tuv-seal-wrapper {
    padding: 1rem;
  }

  .trust-section .tuv-seal {
    width: 80px;
  }
}

@media (max-width: 480px) {
  .trust-section .trust-logos {
    justify-content: flex-end;
  }
  .trust-section .trust-badge {
    height: 80px;
  }
  .trust-section .tuv-big {
    font-size: 32px;
    margin-inline: auto;
  }

  .trust-section .tuv-content {
    /*
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    */
    border-radius: 15px;
  }

  .trust-section .tuv-accent {
    font-size: 26px;
  }

  .trust-section .tuv-small p {
    font-size: 14px;
  }

  .trust-section .tuv-seal {
    width: 120px;
  }

  .trust-section .tuv-banner {
    flex-direction: column;
  }
}

.tuev-container-new-tooltip {
  position: relative;
}

.tuev-container-new-toolTipContainer {
  display: none;

  position: absolute;
  z-index: 100;
  background-color: #fff;
  width: 483px;
  max-width: 98%;
  height: fit-content;
  left: 50%;
  margin-top: 10px;
  transform: translateX(-50%);
  list-style-type: none;
  box-shadow: 0px 0px 15px #00000029;
  border-radius: 9px;
  padding: 5px 0 10px 0;
}

.tuev-container-new-toolTipContainer > li {
  font-size: 15px;
  color: #000;
  line-height: 1.2em;
  width: fit-content;
  max-width: 90%;
  margin: 10px auto 10px auto;
}

.tuev-container-new-toolTipContainer > li b {
  color: #003f81;
  font-weight: 800;
}

.tuev-container-new-toolTipContainer:after {
  content: "";
  position: absolute;
  top: -22px;
  left: 48%;
  border-width: 12px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

.tuev-container-new-tooltip:hover .tuev-container-new-toolTipContainer {
  display: block;
}

@media only screen and (max-width: 500px) {
  .tuev-container-new-toolTipContainer {
    width: 98%;
  }

  .tuev-container-new-toolTipContainer > li {
    font-size: 14px;
  }
}

.tuev-container-new-toolTipContainer.tooltipPositionTop {
  transform: translate(-50%, -127%);
}

.tuev-container-new-toolTipContainer.tooltipPositionTop::after {
  display: none;
}

.tuev-container-new.maxwidth100 {
  max-width: 100%;
}

.show500px {
  display: none;
}

@media only screen and (max-width: 500px) {
  .show500px {
    display: inline-block;
  }
}

@media (max-width: 1560px) {
  .notebook-shift .container {
    max-width: 85%;
    margin-left: 20px;
  }
  .cafe img:first-child {
    transform: translateX(90%);
  }
}
@media (max-width: 1480px) {
  .blue_wrapper .img-seal {
    left: 10px;
  }
}
@media (max-width: 1400px) {
  .zertifizierung .hero .title { font-size: 38px; line-height: 1.2; }
  .zertifizierung .hero .title2 { font-size: 28px; line-height: 1.2; }
}
@media (max-width: 1360px) {
  .ntv img {
    width: 80%;
  }
  .hero .ntv {
    left: 50%;
  }
  .zs2-0 {
    flex-direction: column;
  }
  .bubble1 {
    width: 14vw;
  }
}
@media (max-width: 1300px) {
  .hero .kubok {
    margin-top: 0;
  }
  .features {
    padding-block: 50px;
  }
  .bluesmartphone-box {
    padding-inline: 20px !important;
  }
  .bluesmartphone-box > div {
    width: 100% !important;
    flex-shrink: 1 !important;
  }
  .bluesmartphone-box > div:last-child {
    width: 35% !important;
    position: absolute;
    right: -32px;
  }
  .banner-container {
    overflow: hidden;
    width: 97%;
    margin: 0 auto;
  }
}
@media (max-width: 1260px) {
  .zertifizierung .hero {
    padding: 30px 20px;
  }
  .hero .row {
    height: auto;
  }
  .hero .right {
    padding-right: 20px;
  }
  .hero .title {
    font-size: 40px;
    line-height: 1.3;
  }
  .hero .kubok {
    border-bottom-left-radius: 0;
  }
  .zertifizierung .hero .title { font-size: 35px; line-height: 1.2; }
  .zertifizierung .hero .title2 { font-size: 26px; line-height: 1.2; }
  .zertifizierung .hero .right { padding-left: 5% }
  .pad2x {
    padding-left: 9%;
  }
  .padl {
    padding-left: 30px;
  }
  .container {
    padding-inline: 20px;
  }
  .starter section.video {
    background-size: cover;
  }
  .gruppe2,
  .gruppe3 {
    left: 30px;
  }
}

@media (max-width: 1200px) {
  .ntv img {
    width: 70%;
  }
  .preis .hero .title {
    font-size: 82px;
    line-height: 1.3;
  }
  .partners_content_top_left {
    left: unset;
    right: unset;
  }
  .main-padding {
    padding-block: 50px;
  }
  .main-padding90 {
    padding-block: 40px;
  }
  .blue-block .arrow {
    display: none;
  }
  section.video {
    padding-inline: 20px;
  }
  .video-block .video-player-nf {
    padding: 20px;
  }
  #price-hint {
    display: none;
  }
  .brand-logos .container {
    padding-inline: 20px;
    gap: 20px;
  }
  .pad {
    padding-inline: 20px;
  }
  .buhgaltung {
    padding-inline: 20px;
  }
  .buhgaltung .f {
    padding-top: 30px;
  }
  .container-s {
    padding-inline: 20px;
  }
  .uberschrift .list .advantage-item {
    white-space: wrap;
  }
  .zertifizierung .hero .col50:first-child { width: 40% }
  .zertifizierung .hero .right { width: 60% }
}

@media (max-width: 1000px) {
  .partners_content_top_left h3 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 800;
    margin-bottom: 0px;
    margin-top: 0;
  }
  .partners_content {
    margin-top: 60px;
  }
  .partners_content_top_left {
    top: -160px;
  }
  .title {
    font-size: 35px;
    line-height: 45px;
  }
  .title2 {
    font-size: 25px;
    line-height: 35px;
  }
  .title4 {
    font-size: 30px;
    line-height: 40px;
  }

  .brand-logos {
    height: auto;
  }
  .brand-logos .container {
    flex-wrap: wrap;
    justify-content: center;
  }
  .company .col:first-child {
    max-width: 300px;
  }
}
@media (max-width: 960px) {
  .zertifizierung .hero .right {
    padding-left: 5%;
    padding-right: 0
  }
  .hero .title {
    font-size: 30px;
  }
  section.preis { padding-top: 20px }
  .preis .hero .title {
    font-size: 62px;
    line-height: 1.3;
  }
  .top_logos {
    gap: 30px;
    padding-inline: 20px;
    margin-block: 70px;
  }
  .white-box {
    margin-inline: 20px;
  }
  .logo-slider__item {
    width: unset;
  }
  .partners_content_top {
    padding: unset;
  }
  .zs2-0 img {
    width: 80%;
  }
  .zs2-1 .advantage-item {
    font-size: 18px;
  }
  .zertifizierung .company .title {
    max-width: 500px !important;
  }
  .svgSpec {
    width: 450px;
  }
  .zertifizierung .rabatt img { max-width: 100%!important }
  .zertifizierung .hero .title { font-size: 30px; line-height: 1.2; }
  .zertifizierung .hero .title2 { font-size: 22px; line-height: 1.2; }
}
@media (max-width: 800px) {
  .r .rabatt img {display: none}
}
@media (max-width: 767px) {
  .btn-listing {
    display: none;
  }
  .notebook-shift .container {
    max-width: 100%;
  }
  .preis .hero .title {
    font-size: 52px;
    line-height: 1.3;
  }
  .zertifizierung .hero .title {
    font-size: 27px;
    line-height: 1.3;
  }
  .partners_content_top {
    gap: 10px;
  }
  .partners_slider_wrapper {
    width: 100%;
    max-width: unset;
  }
  .partners_slider {
    width: 100%;
  }
  .partners_content_top_right {
    width: calc(100% - 80px);
  }
  .partner_slide {
    justify-content: center;
  }

  .partner_img img {
    max-width: 110px;
  }
  .video-container1 {
    height: 54vw !important;
    width: 100% !important;
  }
  .zertifizierung .hero .title { font-size: 28px; line-height: 1.2; }
  .zertifizierung .hero .title2 { font-size: 20px; line-height: 1.2; }
  .zertifizierung .hcb { gap:30px; }
  .service .hero .title {  font-size: 25px; text-wrap: balance; }  
}
@media (max-width: 700px) {
  .video-block .author-insta {
    width: auto;
  }
  .hide-mobile {
    display: none;
  }
  .hide-desktop{
    display: block;
  }
  
  .flex-column-mobile {
    flex-direction: column;
  }
  .flex-column-reverse-mobile {
    flex-direction: column-reverse;
  }
  .flex-column-mobile .col,
  .flex-column-mobile .col50,
  .flex-column-reverse-mobile .col,
  .flex-column-reverse-mobile .col50 {
    width: 100%;
  }
  .row > div > img,
  .row > div > div > img {
    margin-top: 20px;
  }
  .banner-container {
    padding: 2rem 20px !important;
  }
  .container {
    margin-inline: 0 !important;
  }
  .img1001 + div > div {
    margin-top: 0 !important;
  }
  .blue_wrapper .img-seal {
    display: none;
  }
  .blick_ins_produkt {
    padding-bottom: 80px !important;
  }
  .rabatt-block {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 8px;
    align-items: center;
    justify-content: space-evenly;
  }
  .rabatt-block .rabatt img { display: block}

  .zertifizierung .hero .row { flex-direction: column-reverse; gap:30px; }
  .zertifizierung .row { flex-direction: column; gap: 20px; align-items: center; }
  .zertifizierung .row .col50 { width: 100% }
  .zertifizierung .hero .row .col50:first-child { max-width: 312px; width: 100% }
  .zertifizierung .hero .row .right {     display: flex; padding-left: 0;
    flex-direction: column;
    align-items: center;}
  .zertifizierung .hero .title2 { padding-inline: 20px; }
  .zertifizierung .white-box { margin-inline: 0; }
  .zertifizierung .section2 br { display: none }
  .zertifizierung .section2 { padding-bottom: 30px }
  .zertifizierung .uberschrift { padding-block: 40px }
  .zertifizierung .svgSpec { width: unset; height: 318px; }
  .zertifizierung .company .col:last-child { padding-block: 30px; }
  .zertifizierung .company .col:first-child { max-width: 100% }
  .zertifizierung .company .pads { padding-block: 20px }
  .kostenlos .white-box { background: none; padding-inline: 0;  }
  .kostenlos { padding-block: 0;  }
  .kostenlos .cl-black{ color: #FFF; }
  


  .bluesmartphone-box > div:last-child {
    right: -7px;
  }
  .partners_content_top_left {
    display: flex;
    gap: 10px;
    top: -96px;
  }
  .logo-slider__item[data-slide="4"] {
    order: -2;
  }
  .logo-slider__item[data-slide="5"] {
    order: -1;
  }
  .partners_content_logos {
    flex-wrap: wrap;
  }
  .video-description {
    flex-direction: column;
    gap: 20px;
  }
  .video-block .video-player-nf .title {
    font-size: 18px;
    line-height: 23px;
  }
  .video-block .video-player-nf .author {
    font-size: 14px;
    line-height: 1.2;
  }
  .slider-video-thumb .swiper-slide span {
    font-size: 14px;
  }
  section.video .slider-arrow svg {
    width: 42px;
    height: auto;
  }
  .video-description > div:first-child {
    min-height: 180px;
  }
  section.belege,
  section.ausgaben {
    padding-top: 0;
  }
  .gruppe2,
  .gruppe3 {
    width: 80%;
    left: -26px;
  }
  .partner_slide {
    flex-direction: column-reverse;
  }
  .padl,
  .pad2x {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .f24,
  .title4 {
    text-align: center;
  }
  .cafe img:first-child {
    transform: translate(92%, 107px) scale(0.9);
  }
  section.preis {
    padding-inline: 0px;
  }
  footer {
    padding-bottom: 90px;
  }

  .bluesmartphone-box {
    order: 4;
    margin: 20px 0;
  }
  .bluesmartphone-box + .col50 {
    display: contents;
  }
  .bluesmartphone-box + .col50 .title4 {
    order: 5;
  }
  .bluesmartphone-box + .col50 .list-green {
    order: 3;
  }
  #Finanzen {
    height: 1px !important;
  }
  #Finanzen + .row .padl {
    display: contents;
  }
  #Finanzen + .row .padl .title4 + div {
    display: none;
  }
  #Finanzen + .row .padl .list-green {
    order: 5;
  }
  #Finanzen + .row .padl + div {
    margin-bottom: 20px;
  }
  #Einnahmen .padl {
    order: 3;
    margin-bottom: 20px;
  }
  #Einnahmen .pad2x {
    display: contents;
  }
  #Einnahmen .pad2x .f24 {
    order: 5;
  }
  #Einnahmen .pad2x .title4 {
    order: 4;
    margin-bottom: 0 !important;
  }
  #Ausgaben .padl {
    display: contents;
  }
  #Ausgaben .padl div:nth-child(3) {
    order: 5;
  }
  #Ausgaben .padl + div {
    order: 3;
    margin-bottom: 40px;
  }
  #Ausgaben .padl .title4 {
    margin-bottom: 20px !important;
  }
  .anlagen .col50:first-child {
    margin-bottom: 10px;
    order: 4;
  }
  .anlagen .pad2x {
    display: contents;
  }
  .anlagen .pad2x .title4 {
    order: 4;
    margin-bottom: 0 !important;
  }
  #Belege .col50 + .col50 {
    order: 4;
    margin-bottom: 20px;
  }
  #Belege .padl {
    display: contents;
  }
  #Belege .padl .f24 {
    order: 3;
  }
  #Belege .padl .title4 {
    order: 3;
    margin-bottom: 0 !important;
  }
  #Belege .padl .title4 + div {
    order: 5;
  }
  #Banken .row.flex-column-reverse-mobile .img1001 {
    order: 4;
  }
  #Banken .row.flex-column-reverse-mobile .pad2x {
    display: contents;
  }
  #Banken .title4 {
    margin-bottom: 0 !important;
  }
  #Banken .row.flex-column-mobile .padl {
    display: contents;
  }
  #Banken .row.flex-column-mobile .padl .title4 + div {
    order: 6;
  }
  #Banken .row.flex-column-mobile .padl + .col {
    order: 4;
    margin-bottom: 30px;
  }
  #Kassenbuch .col50:first-child {
    margin-bottom: 20px;
    order: 4;
  }
  #Kassenbuch .pad2x {
    display: contents;
  }
  #Kassenbuch .pad2x .title4 {
    order: 4;
    margin-bottom: 0 !important;
  }
  #Lohnabrechnungen {
    padding-block: 45px;
  }
  #Lohnabrechnungen .padl {
    display: contents;
  }
  #Lohnabrechnungen .padl div:nth-child(2) {
    order: 5;
  }
  #Lohnabrechnungen .padl + div {
    order: 3;
    margin-bottom: 40px;
  }
  #Lohnabrechnungen .padl .title4 {
    margin-bottom: 20px !important;
  }
  section.artikel {
    padding-bottom: 40px;
  }
  .artikel .col50:first-child {
    margin-bottom: 20px;
    order: 4;
  }
  .artikel .pad2x {
    display: contents;
  }
  .artikel .pad2x .title4 {
    order: 4;
    margin-bottom: 0 !important;
  }
  #Kundenverwaltung .padl {
    display: contents;
  }
  #Kundenverwaltung .padl div:nth-child(2) {
    order: 5;
  }
  #Kundenverwaltung .padl + div {
    order: 3;
    margin-bottom: 40px;
  }
  #Kundenverwaltung .padl .title4 {
    margin-bottom: 20px !important;
  }
  #Umsatzsteuer .col50:first-child {
    margin-bottom: 20px;
    order: 4;
  }
  #Umsatzsteuer .pad2x {
    display: contents;
  }
  #Umsatzsteuer .pad2x .title4 {
    order: 4;
    margin-bottom: 0 !important;
  }
  #Jahresabschluss .col50:first-child {
    margin-bottom: 20px;
    order: 4;
  }
  #Jahresabschluss .pad2x {
    display: contents;
  }
  #Jahresabschluss .pad2x .title4 {
    order: 4;
    margin-bottom: 0 !important;
  }
  #leave-overlay .block {
    width: calc(100% - 20px);
  }
}

@media (max-width: 600px) {
  .hide-600 { display: none }
  body.service .hero .title {  font-size: 20px; text-wrap: balance; }  
  body.service .row { flex-direction: column; }
  body.service .row .col50 { width: 100% }
  body.service .hero .row { flex-direction: column-reverse; }
  body.service .hero .ntv {        left: unset;
        right: 0px;
        bottom: 0px;
        width: 40%;
        top: unset;
        transform: unset;
       }
  body.service .hero .ntv img { width: 100%; }
  body.service .hero .right { padding-block: 50px; }
  body.service .hero .col50 img {border-radius: 0}
  body.service .feature { width: 100%; padding: 30px; flex-direction: row; gap:20px;}
  body.service .feature .content .heading { margin-block: 16px; }
  body.service .pad { padding-inline: 0; }
  
}
@media (max-width: 500px) {
  .title7 { font-size: 50px; line-height: 60px }
  section.preis .container {
        padding-inline: 6px;
    }
  .preis .hero .title {
        font-size: 40px;
        line-height: 1.2;
  }
  .pricing-table td:first-child { padding-left: 10px; }
  #price-shadow { display: none }
  .pricing-table .price + .btn { display: none }
  .pricing-table.price-head svg {     transform: translateY(50px)!important; }

  .partners_content_top {
    align-items: flex-start;
  }
  .partners_slider_wrapper .slick-track {
    align-items: flex-start;
  }
  .partners_content_top .slider-prev,
  .partners_content_top .slider-next {
    margin-top: 31px;
  }
  .partner_img {
    min-height: 117px;
    display: flex;
    align-items: center;
  }
  .header .rabatt-block {
    justify-content: space-between;
  }
  .rabatt-block .rabatt img{ max-width: 100%!important  }
  .header .rabatt-block .rabatt svg {
    max-width: 152px;
  }
  .header .rabatt-block a {
    padding-block: 4px;
    font-size: 11px;
  }
  .cafe img:first-child {
    transform: translate(83%, 107px) scale(0.7);
  }

  #leave-overlay .text-stop {
    top: 0px;
    text-align: center;
    width: 100%;
    left: 0;
  }
  #leave-overlay .text-stop span {
    transform: unset;
  }
  #leave-overlay .text-stop svg {
    display: none;
  }
  .pricing-table__feature-detail p { font-size: 12px; line-height: 18px; }
  .zertifizierung .svgSpec { height: 200px; } 
  .schnittstellen-section2 .tags-container { margin-top: 20px!important }
  .list-green br { display: none }
  .title {
        font-size: 32px;
        line-height: 40px;
  }
  .belege .arrow svg { transform: translateX(0%); }
}

@media (max-width: 400px) {
  .trust-section .trust-badges {
    flex-direction: column;
    gap: 20px;
  }
  .schnittstellen-logo-flex img {
    align-self: baseline!important;
  }
  .pricing-table.price-head br { display: none }
  section.video { padding-inline: 0; }
}
@media (max-width: 370px) {
    .zertifizierung .hero .title2 { font-size: 18px }
    .zertifizierung .svgSpec {
        height: 151px;
    }
}
@media (max-width: 350px) {
  #leave-overlay .block {
    padding-inline: 10px;
  }
  .zertifizierung .hero .title2 { font-size: 16px }
  .preis .hero .title { font-size: 30px; line-height: 40px }
  .preis .hero {font-size: 12px; line-height: 20px}
  .pricing-table.price-head td:last-child { font-size: 14px; line-height: normal; }
  .pricing-table.price-head .f12 { font-size: 8px; line-height: normal; margin-top: 5px}
  .pricing-table.price-head .price { font-size: 20px; line-height: 25px; margin-bottom: 0}
  .pricing-table.price-head svg { transform: translateY(16px) !important; margin-bottom: -33px }
  .pricing-table__feature-header, .pricing-table__feature-overview { font-size: 14px; line-height: normal; }
  body.service .feature { flex-direction: column; gap:0;    align-items: center; }
  .kostenlos .btn { font-size: 20px }
  .f .pad { padding-inline: 0; }
  .api-sections .feature-list { padding-inline: 20px  }
}



@media (max-width: 700px) {
	form .tip {display:none !important;}
}