:root {
  --cl-light-blue: #039adb;
  --cl-red: #ff4555;
  --cl-biege: #fcfafa;
  --cl-blue: #002331;
  --transition-duration: 0.25s;
  --sticky-top: 65px;
}
.testimonial-slider__item .content::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.testimonial-slider__item .content::-webkit-scrollbar-track {
  background: #ebe7e7;
}

/* Handle */
.testimonial-slider__item .content::-webkit-scrollbar-thumb {
  background: #039adb;
}

/* Handle on hover */
.testimonial-slider__item .content::-webkit-scrollbar-thumb:hover {
  background: #141010;
}

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: border-box;
}

::-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: 23px;
  font-size: 16px;
  background: #fff;
}
strong {
  font-weight: 700;
}

ul {
  padding: 0;
}
a {
  color: #039adb;
  text-decoration: none;
  display: inline-block;
}
img {
  max-width: 100%;
}
.font-weight-bold {
  font-weight: bold;
}
.cl-light-blue {
  color: var(--cl-light-blue);
}
.bg-biege {
  background: var(--cl-biege);
}
.bg-light-blue {
  background: #e3f6ff;
}
.fUrbanist {
  font-family: "Urbanist", sans-serif;
}
.f14 {
  font-size: 14px;
  line-height: 22px;
}
.round16 {
  border-radius: 16px;
}
.d--none {
  display: none;
}
.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;
  transition: all 0.3s;
  min-width: 189px;
}
.btn svg {
  margin-top: -5px;
}
.btn:hover {
  transform: translateY(-2px);
}
.btn-secondary {
  background: rgb(251, 239, 148);
  padding-block: 9px;
  color: #ff4555;
}
.text-center {
  text-align: center;
}
.text-underline {
  text-decoration: underline;
}
.text-right {
  text-align: right;
}
.relative {
  position: relative;
}
.container {
  max-width: 1260px;
  margin: 0 auto;
}
.container-s {
  max-width: 972px;
  margin: 0 auto;
}
.container-xl {
  max-width: 1370px;
  margin: 0 auto;
}
.row {
  display: flex;
}
.col50 {
  width: 50%;
}
.col-md-4 {
  width: 33.3%;
}
.col-6,
.col-md-6 {
  width: 50%;
}
.gap20 {
  gap: 20px;
}
.w100 {
  width: 100%;
}
.justify-between {
  justify-content: space-between;
}
.align-items-center {
  align-items: center;
}
.flex-grow {
  flex-grow: 1;
}
.mb14 {
  margin-bottom: 14px;
}
.mb16 {
  margin-bottom: 16px;
}
.mb20 {
  margin-bottom: 20px;
}
.mt20 {
  margin-top: 20px;
}
.mb24 {
  margin-bottom: 24px;
}
.mb40 {
  margin-bottom: 40px;
}
.mt40 {
  margin-top: 40px;
}
.pb40 {
  padding-bottom: 40px;
}
.pt {
  padding-top: 0;
}
.list {
  padding: 0;
  margin: 0;
}
.list li {
  list-style-type: none;
  padding-left: 28px;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 14px;
  position: relative;
}
.list li:last-child {
  margin-bottom: 0;
}
.list li:before {
  content: "";
  position: absolute;
  left: 0;
  width: 18px;
  height: 14px;
  background-image: url(../images/check.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  top: 4px;
}
h2,
.h2 {
  font-family: "Urbanist", sans-serif;
  font-size: 50px;
  font-weight: 800;
  line-height: 67px;
  color: #141010;
  margin: 0;
}
h3,
.h3 {
  font-family: "Urbanist", sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
  color: #141010;
  margin: 0;
}
h4,
.h4 {
  font-family: "Urbanist", sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 30px;
  color: #141010;
  margin: 0;
}
.main-padding {
  padding-block: 90px;
}
.buttons {
  display: flex;
}
.align-items-start {
  align-items: flex-start;
}
.flex-column {
  flex-direction: column;
}
.inline-flex {
  display: inline-flex;
}
.small-text {
  font-size: 14px;
  line-height: 22px;
  margin-top: 11px;
  color: #808080;
}
.link {
  background: none;
  border: none;
  padding: 0;
  outline: none;
  cursor: pointer;
}
.link {
  text-decoration: underline;
  color: #03acf4;
  font-weight: 600;
  /* cursor: pointer; */
}
.link-pdf.active {
  display: inline-block;
}
.link-pdf {
  display: none;
}
.white-box-blue-brd {
  border: 2px solid #039adb;
  border-radius: 20px;
  background: #fff;
  padding: 40px;
  box-shadow: 0 30px 30px #0000000d;
}
.discount-btn {
  font-family: "Urbanist", sans-serif;
  position: absolute;
  top: 87px;
  background: #ff4555;
  border-radius: 0 40px 40px 40px;
  padding: 18px 20px;
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  width: 171px;
  left: 88%;
  text-align: center;
}
.discount-btn a {
  color: #fff;
}
.discount-btn .price {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
}
img.enlarge {
  transition: all 0.5s;
}
img.enlarge:hover {
  transform: scale(1.1);
}

.lexoffice {
  background: #ebe7e7;
  padding: 2px 10px;
  gap: 11px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
}
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: 100%;
  gap: 0px;
  padding-inline: 40px;
}
header .nav a {
  color: inherit;
  display: inline-block;
  padding-inline: 20px;
  font-size: 16px;
}
header .nav a.active {
  color: #039adb;
}

header .btn {
  white-space: nowrap;
  padding-block: 11px;
  max-width: 125px;
  min-width: unset;
}
/* 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));
  left: 0;
  overflow-y: auto;
  position: fixed;
  top: calc(var(--sticky-top));
  transition-duration: var(--transition-duration);
  transition-property: transform;
  transition-timing-function: ease-in-out;
  width: 100%;
  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;
}
.header .rabatt-block {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 0;
}

.logo {
  padding: 12px 40px;
  flex-shrink: 0;
  display: flex;
  gap: 14px;
  align-items: center;
}
.logo a {
  display: block;
}

@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: 1023px) {
  .mobileWrapper {
    display: block;
    margin-left: 20px;
  }
  .hamburger {
    display: block;
  }
  header {
    padding-right: 30px;
  }
  header > .nav {
    display: none;
  }
}
.hero-landing {
  background: url(../images/hero.jpg) center top no-repeat;
  min-height: 528px;
  background-size: cover;
  display: flex;
  position: relative;
}
.hero-content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: -40px;
  max-width: 1000px;
}

.hero-content > p {
  font-family: "Urbanist", sans-serif;
  font-size: 70px;
  line-height: 94px;
  color: #fff;
  font-weight: 800;
}
.hero-content .discount-btn {
  left: 102%;
  top: unset;
  bottom: 163px;
}
.banner22 {
  background: #fcfafa;
  max-height: 196px;
  display: flex;
  align-items: center;
  position: relative;
}
.banner22 .container {
  max-width: 1170px;
  margin: 0 auto;
}

.banner22-logobar .imgcontainer {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 39px;
  z-index: 2;
}

.banner22-logobar .imgcontainer {
  max-width: 100%;
}

.banner-container {
  padding: 5rem 0;
}

.banner-shadow {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.15));
  rotate: -2deg;
}

.banner {
  display: flex;
  align-items: stretch;
  background: transparent;
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
  clip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100%, 0 100%);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  rotate: 0deg;
}

.fairness {
  flex: 1;
  padding: 14px 56px 10px 105px;
  background: #fefadb;
  clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  position: relative;
  z-index: 1;
}

.fairness h3 {
  margin: 0;
  color: #333;
  font-size: 18px;
  line-height: 30px;
}

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

.fairness li {
  color: #4b3d3d;
  font-size: 1rem;
  font-weight: 500;
  margin: 0.3rem 0;
  padding-left: 1.5rem;
  position: relative;
}

.fairness li::before {
  content: "";
  background-image: url(../images/check.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.discount-section {
  background: linear-gradient(90deg, #fcf5b8 0%, #fbef94 100%);
  display: flex;
  flex: 1.5;
  align-items: center;
  gap: 1rem;
  padding: 1rem 6rem 1rem 113px;
  position: relative;
  margin-left: -43px;
}
.rabatt {
  color: #ff4555;
  font-size: 50px;
  font-weight: bold;
}
.percent-box {
  color: #ff4555;
  font-size: 110px;
  font-weight: 800;
  line-height: 1;
  margin-left: 0;
  transform: translate(-10px, 0px);
}

.right-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.cta {
  color: #21ccad;
  padding: 0.2rem 2.2rem;
  border-radius: 20px;
  text-decoration: none;
  font-size: 20px;
  border: 2px solid #21ccad;
  text-align: center;
  white-space: nowrap;
}

.circle_accent {
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  background: white;
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.06);
}
.gadget-text {
  font-size: 14px;
}
.gadget-text img {
  vertical-align: bottom;
  margin-left: 7px;
}

.trust-section .tuv-section {
  display: flex;
  gap: 2rem;
  max-height: 213px;
  max-width: 882px;
  margin: 0 auto;
}

.trust-section .tuv-banner {
  flex: 1;
  border-radius: 15px;
  color: white;
  background: #028ac3;
  display: flex;
}

.trust-section .tuv-content {
  background: #028ac3;
  padding: 1.5rem 56px 1.5rem 56px;
  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 {
  text-align: center;
  display: flex;
  align-items: center;
  line-height: 0.8;
}

.trust-section .tuv-big h3 {
  margin: 0;
  font-size: 80px;
  color: #fff;
}

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

.trust-section .tuv-small {
  background: #039adb;
  padding: 2rem 4px 2rem 4rem;
  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-top-right-radius: 15px;
  border-bottom-right-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-top-right-radius: 20px;
    padding-top: 48px;
  }
  .trust-section .tuv-seal-wrapper {
    border-bottom-left-radius: 15px;
    border-top-right-radius: 0px;
  }
  .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;
  margin-top: 14px;
}

.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%;
}
.automatische-gehalts-erstattung {
  position: absolute;
  right: 25px;
  top: -100px;
}

.item-number {
  position: absolute;
  top: -36px;
  left: 0;
  right: 0;
}

.progress-circle {
  font-size: 20px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  width: 71px;
  height: 71px;
  background-color: #ffffff;
  border-radius: 50%;
  line-height: 71px;
  border: 2px solid #ff6a76;
}

.progress-circle:after {
  border: none;
  position: absolute;
  top: 5px;
  left: 5px;
  text-align: center;
  display: block;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  background-color: white;
  content: " ";
}
/* Text inside the control */
.progress-circle span {
  position: absolute;
  line-height: 68px;
  width: 68px;
  text-align: center;
  display: block;
  color: #ff6a76;
  z-index: 2;
  font-size: 35px;
  font-weight: 600;
}
.left-half-clipper {
  /* a round circle */

  border-radius: 50%;
  width: 71px;
  height: 71px;
  position: absolute;
  clip: rect(0, 71px, 71px, 35px);
  /* top: -2px; */
  /* position: relative; */
  /*    font-size: 19px;*/
  top: -2px;
  left: -2px;
}
/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
  clip: rect(auto, auto, auto, auto);
}
.value-bar {
  /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/
  position: absolute;
  clip: rect(0, 35px, 71px, 0);
  width: 71px;
  height: 71px;
  border-radius: 50%;
  border: 0.5em solid #ff6a76; /*The border is 0.35 but making it larger removes visual artifacts */
  /*background-color: #4D642D;*/ /* for debug */
  box-sizing: border-box;
}
/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
  /*Progress bar for the first 50%, filling the whole right half*/
  position: absolute; /*needed for clipping*/
  clip: rect(0, 71px, 71px, 30px);
  background-color: #ff6a76;
  border-radius: 50%;
  width: 71px;
  height: 71px;
}
.progress-circle:not(.over50) .first50-bar {
  display: none;
}

/* Progress bar rotation position */
.progress-circle.p0 .value-bar {
  display: none;
}
.progress-circle.p1 .value-bar {
  transform: rotate(4deg);
}
.progress-circle.p2 .value-bar {
  transform: rotate(7deg);
}
.progress-circle.p3 .value-bar {
  transform: rotate(11deg);
}
.progress-circle.p4 .value-bar {
  transform: rotate(14deg);
}
.progress-circle.p5 .value-bar {
  transform: rotate(18deg);
}
.progress-circle.p6 .value-bar {
  transform: rotate(22deg);
}
.progress-circle.p7 .value-bar {
  transform: rotate(25deg);
}
.progress-circle.p8 .value-bar {
  transform: rotate(29deg);
}
.progress-circle.p9 .value-bar {
  transform: rotate(32deg);
}
.progress-circle.p10 .value-bar {
  transform: rotate(36deg);
}
.progress-circle.p11 .value-bar {
  transform: rotate(40deg);
}
.progress-circle.p12 .value-bar {
  transform: rotate(43deg);
}
.progress-circle.p13 .value-bar {
  transform: rotate(47deg);
}
.progress-circle.p14 .value-bar {
  transform: rotate(50deg);
}
.progress-circle.p15 .value-bar {
  transform: rotate(54deg);
}
.progress-circle.p16 .value-bar {
  transform: rotate(58deg);
}
.progress-circle.p17 .value-bar {
  transform: rotate(61deg);
}
.progress-circle.p18 .value-bar {
  transform: rotate(65deg);
}
.progress-circle.p19 .value-bar {
  transform: rotate(68deg);
}
.progress-circle.p20 .value-bar {
  transform: rotate(72deg);
}
.progress-circle.p21 .value-bar {
  transform: rotate(76deg);
}
.progress-circle.p22 .value-bar {
  transform: rotate(79deg);
}
.progress-circle.p23 .value-bar {
  transform: rotate(83deg);
}
.progress-circle.p24 .value-bar {
  transform: rotate(86deg);
}
.progress-circle.p25 .value-bar {
  transform: rotate(90deg);
}
.progress-circle.p26 .value-bar {
  transform: rotate(94deg);
}
.progress-circle.p27 .value-bar {
  transform: rotate(97deg);
}
.progress-circle.p28 .value-bar {
  transform: rotate(101deg);
}
.progress-circle.p29 .value-bar {
  transform: rotate(104deg);
}
.progress-circle.p30 .value-bar {
  transform: rotate(108deg);
}
.progress-circle.p31 .value-bar {
  transform: rotate(112deg);
}
.progress-circle.p32 .value-bar {
  transform: rotate(115deg);
}
.progress-circle.p33 .value-bar {
  transform: rotate(119deg);
}
.progress-circle.p34 .value-bar {
  transform: rotate(122deg);
}
.progress-circle.p35 .value-bar {
  transform: rotate(126deg);
}
.progress-circle.p36 .value-bar {
  transform: rotate(130deg);
}
.progress-circle.p37 .value-bar {
  transform: rotate(133deg);
}
.progress-circle.p38 .value-bar {
  transform: rotate(137deg);
}
.progress-circle.p39 .value-bar {
  transform: rotate(140deg);
}
.progress-circle.p40 .value-bar {
  transform: rotate(144deg);
}
.progress-circle.p41 .value-bar {
  transform: rotate(148deg);
}
.progress-circle.p42 .value-bar {
  transform: rotate(151deg);
}
.progress-circle.p43 .value-bar {
  transform: rotate(155deg);
}
.progress-circle.p44 .value-bar {
  transform: rotate(158deg);
}
.progress-circle.p45 .value-bar {
  transform: rotate(162deg);
}
.progress-circle.p46 .value-bar {
  transform: rotate(166deg);
}
.progress-circle.p47 .value-bar {
  transform: rotate(169deg);
}
.progress-circle.p48 .value-bar {
  transform: rotate(173deg);
}
.progress-circle.p49 .value-bar {
  transform: rotate(176deg);
}
.progress-circle.p50 .value-bar {
  transform: rotate(180deg);
}
.progress-circle.p51 .value-bar {
  transform: rotate(184deg);
}
.progress-circle.p52 .value-bar {
  transform: rotate(187deg);
}
.progress-circle.p53 .value-bar {
  transform: rotate(191deg);
}
.progress-circle.p54 .value-bar {
  transform: rotate(194deg);
}
.progress-circle.p55 .value-bar {
  transform: rotate(198deg);
}
.progress-circle.p56 .value-bar {
  transform: rotate(202deg);
}
.progress-circle.p57 .value-bar {
  transform: rotate(205deg);
}
.progress-circle.p58 .value-bar {
  transform: rotate(209deg);
}
.progress-circle.p59 .value-bar {
  transform: rotate(212deg);
}
.progress-circle.p60 .value-bar {
  transform: rotate(216deg);
}
.progress-circle.p61 .value-bar {
  transform: rotate(220deg);
}
.progress-circle.p62 .value-bar {
  transform: rotate(223deg);
}
.progress-circle.p63 .value-bar {
  transform: rotate(227deg);
}
.progress-circle.p64 .value-bar {
  transform: rotate(230deg);
}
.progress-circle.p65 .value-bar {
  transform: rotate(234deg);
}
.progress-circle.p66 .value-bar {
  transform: rotate(238deg);
}
.progress-circle.p67 .value-bar {
  transform: rotate(241deg);
}
.progress-circle.p68 .value-bar {
  transform: rotate(245deg);
}
.progress-circle.p69 .value-bar {
  transform: rotate(248deg);
}
.progress-circle.p70 .value-bar {
  transform: rotate(252deg);
}
.progress-circle.p71 .value-bar {
  transform: rotate(256deg);
}
.progress-circle.p72 .value-bar {
  transform: rotate(259deg);
}
.progress-circle.p73 .value-bar {
  transform: rotate(263deg);
}
.progress-circle.p74 .value-bar {
  transform: rotate(266deg);
}
.progress-circle.p75 .value-bar {
  transform: rotate(270deg);
}
.progress-circle.p76 .value-bar {
  transform: rotate(274deg);
}
.progress-circle.p77 .value-bar {
  transform: rotate(277deg);
}
.progress-circle.p78 .value-bar {
  transform: rotate(281deg);
}
.progress-circle.p79 .value-bar {
  transform: rotate(284deg);
}
.progress-circle.p80 .value-bar {
  transform: rotate(288deg);
}
.progress-circle.p81 .value-bar {
  transform: rotate(292deg);
}
.progress-circle.p82 .value-bar {
  transform: rotate(295deg);
}
.progress-circle.p83 .value-bar {
  transform: rotate(299deg);
}
.progress-circle.p84 .value-bar {
  transform: rotate(302deg);
}
.progress-circle.p85 .value-bar {
  transform: rotate(306deg);
}
.progress-circle.p86 .value-bar {
  transform: rotate(310deg);
}
.progress-circle.p87 .value-bar {
  transform: rotate(313deg);
}
.progress-circle.p88 .value-bar {
  transform: rotate(317deg);
}
.progress-circle.p89 .value-bar {
  transform: rotate(320deg);
}
.progress-circle.p90 .value-bar {
  transform: rotate(324deg);
}
.progress-circle.p91 .value-bar {
  transform: rotate(328deg);
}
.progress-circle.p92 .value-bar {
  transform: rotate(331deg);
}
.progress-circle.p93 .value-bar {
  transform: rotate(335deg);
}
.progress-circle.p94 .value-bar {
  transform: rotate(338deg);
}
.progress-circle.p95 .value-bar {
  transform: rotate(342deg);
}
.progress-circle.p96 .value-bar {
  transform: rotate(346deg);
}
.progress-circle.p97 .value-bar {
  transform: rotate(349deg);
}
.progress-circle.p98 .value-bar {
  transform: rotate(353deg);
}
.progress-circle.p99 .value-bar {
  transform: rotate(356deg);
}
.progress-circle.p100 .value-bar {
  transform: rotate(360deg);
}

.item-box {
  padding-block: 36px 20px;
}
.item-box .row {
  position: relative;
  gap: 20px;
}
.item-box .wrap {
  padding: 34px;
  border-radius: 25px;
  border: 1px solid #d3caca;
  position: relative;
}
.item-box p {
  font-size: 16px;
  line-height: 23px;
}
.item-box .buttons p {
  font-size: 14px;
}
.item-box .siegel-img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.section3 {
  background: #039adb;
  padding: 11px 20px;
}
.slider-box {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  background: #ffffff;
  position: relative;
}
.row.siegel_outer {
  gap: 30px;
}
.row.siegel_outer > img {
  margin-left: 30px;
}
.siegel_outer .slider-box {
  width: 293px;

  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
  padding: 0px 28px 28px;
  margin: 100px 0px 50px 0px;
  border-radius: 16px;
  font-size: 16px;
  line-height: 23px;
}

.siegel_outer .slider-box .image {
  position: relative;
  margin-top: -60px;
  margin-bottom: 12px;
}
.blue-slider-box .title:before {
  content: "";
  position: absolute;
  left: 0;
  width: 25px;
  height: 20px;
  background-image: url(../images/check.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  top: 4px;
}
.blue-slider-box .arrow_box {
  position: absolute;
  bottom: 25px;
  left: 7px;
  transform: translateY(100%);
  z-index: 1;
}
.blue-slider-box .arrow_box {
  position: absolute;
  bottom: 25px;
  left: 20px;
  transform: translateY(100%);
  z-index: 1;
  color: #039adb;
  font-weight: 700;
  font-size: 18px;
}
.blue-slider-box .arrow_box.arrow_left img {
  margin-left: 10px;
}
.blue-slider-box .arrow_box.arrow_right {
  left: auto;
  right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.blue-slider-box .arrow_box.arrow_right img {
}

.blue-slider-box .title {
  list-style-type: none;
  padding-left: 31px;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 14px;
  position: relative;
}

.blue-slider-box {
  background: #e3f6ff;
  border-radius: 16px;
  padding: 32px;
}
.blue-slider-box .slider {
  border-radius: 16px;
  border: 7px solid #03acf4;
  margin-bottom: 20px;
}
.blue-slider-box .slider .item {
  border-radius: 16px;
  overflow: hidden;
  line-height: 0;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  margin: 0;
}

/*pagination*/

.pagination li {
  padding: 0 4px;
}

.pagination li span {
  width: 25px;
  height: 4px;
  background: #f2e7da;
  border-radius: 0;
  display: inline-block;
}

.pagination.pagination-light li span {
  background: #f1f1f1;
}

.pagination li span.active {
  background: #21ccad;
}

.pagination.pagination-light li span.active {
  background: #ffffff;
}

.pagination li.page-item {
  padding: 0 4px;
}

.pagination li.page-item:first-child {
  padding-left: 0;
}

.pagination li.page-item:last-child {
  padding-right: 0;
}

.page-link {
  padding: 0;
  line-height: 30px;
  color: #68cdf8;
  background-color: #cdeefd !important;
  border: 1px solid #cdeefd !important;
  font-size: 20px;
  font-weight: 700;
  border-radius: 5px !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.page-item.active .page-link {
  color: #fff;
  background-color: #21ccad !important;
  border: 1px solid #21ccad !important;
}

.tab-cust-content > div {
  display: none;
  animation: fade-up 0.3s backwards;
}
.tab-cust-content > div.active {
  display: block;
}
@keyframes fade-up {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tooltipe-custom {
  position: fixed;
  max-width: 300px;
  z-index: 900;
  font-family: Lato, Verdana !important;
  font-size: 15px;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid rgb(213, 213, 213) !important;
  background-color: #fff !important;
  padding: 10px 10px;
  box-shadow: 0px 0px 15px rgba(209, 209, 209, 0.99);

  animation: fade 0.2s backwards 0.1s;
}
.abrechnung_outer ul {
  margin-bottom: 0px;
  counter-reset: numabrech;
}
.abrechnung_outer li {
  margin: 20px 0px;
  list-style-type: none;
  position: relative;
  padding-left: 55px;
}
.abrechnung_outer .green_font {
  color: #039adb;
}
.abrechnung_outer li:after {
  counter-increment: numabrech;
  content: "" counter(numabrech);
  background-color: #039adb;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  font-family: open-sans, sans-serif;
  font-size: 16px;
  line-height: 19.2px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0px;
  left: 0;
}

.orange_box_inner.mitarbeiter {
  position: absolute;
  top: 44%;
  left: 36%;
  cursor: pointer;
}

.orange_box_inner.testabrechnung {
  position: absolute;
  top: 44%;
  left: 52%;
  cursor: pointer;
}

.scrollview .orange_box_inner.mitarbeiter {
  animation: resizeOrangeBox 0.8s linear 0s;
}

.scrollview .orange_box_inner.testabrechnung {
  animation: resizeOrangeBox 0.8s linear 1s;
}

@keyframes resizeOrangeBox {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

#overlay_demo iframe {
  max-width: 100%;
}

@media only all and (max-width: 1500px) {
  #overlay_demo iframe {
    margin-top: -6%;
    max-width: calc(80vh / 845 * 1322);
  }
}
@media only all and (max-width: 1350px) {
  #overlay_demo iframe {
    margin-top: -13%;
  }
}
@media only all and (max-width: 1100px) {
  #overlay_demo iframe {
    margin-top: -25%;
  }
}
@media only all and (max-width: 990px) {
  .hide_990px {
    display: none;
  }
}
@media only all and (max-width: 950px) {
  #overlay_demo iframe {
    margin-top: -38%;
  }
}
@media only all and (max-width: 750px) {
  #overlay_demo iframe {
    margin-top: -61%;
  }
}

@media only all and (max-width: 850px) {
  .orange_box_inner {
    max-height: 100vh;
  }
}
@media only all and (max-width: 800px) {
  .orange_box_inner.mitarbeiter {
    left: 23%;
    width: 23%;
  }
  .orange_box_inner.testabrechnung {
    width: 23%;
  }
}

.customlightbox.vorschau {
  max-width: 95%;
  width: auto;
  height: auto;
  max-height: 95%;
  box-sizing: border-box;
  text-align: center !important;
  background-color: rgb(244, 244, 244);
  padding: 10px 65px;
  border: 1px solid rgb(161, 161, 161);
  border-radius: 5px;
  box-shadow: 0px 0px 15px rgb(0 0 0 / 54%);
  position: fixed;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999999;
}

.customlightbox .customlightbox-close {
  position: absolute;
  cursor: pointer;
  z-index: 200;
  top: -15px;
  right: -15px;
}

.block--gehaltserstattung {
  background-color: #fff;
  box-shadow: 0px 0px 7px rgb(76 76 76 / 25%);
  border-radius: 5px;
  width: 550px;
  min-height: 115px;
  max-width: 100%;
  margin: -120px auto 60px auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0px 30px 0px 105px;
  position: relative;
  transform: translateX(33px);
}
.automatich .discount-btn {
  top: -80px;
  right: 0px;
  left: unset;
}
.automatich .blue-arrow {
  margin-top: 52px;
}
.automatich {
  padding-bottom: 52px;
}

.beige-text-box {
  position: relative;
  top: 0rem;
  left: 6rem;
  padding: 20px;
  background-color: #d3f5ef;
  border-radius: 16px;
  z-index: 1;
}

.green-text-box {
  position: relative;
  top: 0rem;
  left: 0rem;
  padding: 20px;
  margin-top: 20px;
  background-color: #d3f5ef;
  border-radius: 16px;
}

/* Slider */
.slick-slider {
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;

  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

.handy-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 641px;
  margin: 40px auto 9px;
}
.handy-slider-controls {
  width: 386px;
}

.handy_slider_outer .content {
  background: #ffffff;
  padding: 50px 41px 40px;
  /*border-left: 4px solid #f38c00;*/

  position: relative;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  height: 100%;
  width: 318px;
  box-sizing: border-box;
}

.handy_slider_outer .content:before {
  content: "";
  position: absolute;
  left: -24px;
  top: 0;
  width: 24px;
  height: 100%;
  background-image: url(../images/left-triangle.png);
  background-position: center center;
  background-repeat: repeat-y;
  z-index: 2;
}

.handy_slider_outer .content .item {
  position: relative;
}

.handy_slider_outer .logo-wrapper .active {
  position: relative;
}

.handy_slider_outer .logo-wrapper .active:before {
  content: "";
  position: absolute;
  bottom: -20px;
  width: 60px;
  height: 5px;
  background: #21ccad;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.slider__dots {
  width: 98px;
  margin: auto;
}

.slider__dots ul {
  padding: 0px;
}

.slider__dots li {
  list-style-type: none;
  width: 8px;
  height: 8px;
  background-color: #ebe7e7;
  display: inline-block;
  margin: 0px 4px;
  border-radius: 100%;
  cursor: pointer;
}

.slider__dots li.slick-active {
  background-color: #039adb;
}

.slider__dots button {
  background-color: transparent;
  border: none;
  position: relative;
  text-indent: -9999px;
  outline: none;
}

.handy-slider-controls {
  width: 336px;
}

.dots_arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  max-width: 357px;
  margin-inline: auto;
}

.slider__dots {
  margin: 0px;
}
.testimonial-slider__dots {
  flex-grow: 1;
}
.slider__dots ul {
  margin-bottom: 0px;
}

.prev_arrow {
  background-image: url("../images/blue_prev_arrow.png");
  width: 47px;
  height: 47px;
  position: relative;
  left: -10px;
  cursor: pointer;
  flex-shrink: 0;
}

.next_arrow {
  background-image: url("../images/blue_prev_arrow.png");
  width: 47px;
  height: 47px;
  transform: rotate(180deg);
  position: relative;
  right: -10px;
  cursor: pointer;
  flex-shrink: 0;
}

.handy-slider-controls2 {
  max-width: 815px;
  margin: 40px auto 0px;
}
.handy_slider_outer.broad .slide_flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 42px 40px 0 0;
}
.handy_slider_outer.broad .yellow_text_bubble {
  background-color: #fbef94;
  padding: 16px 16px;
  border-radius: 16px;
  position: absolute;
  box-shadow: 0 30px 30px #0000000d;
}
.badge_sparen {
  position: absolute;
  right: -84px;
  top: -94px;
}

.handy_slider_outer.broad .white-box-blue-brd {
  max-width: 347px;
}
.icons-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 914px;
  gap: 10px;
  row-gap: 10px;
  margin: 40px auto;
}
.icons-grid .icon_cell {
  width: 294px;
  background: #fff;
  box-shadow: 7px 12px 30px 12px #0000000d;
  padding: 28px;
  border: 1px solid #e1eae5;
  border-radius: 16px;
}
.icons-grid .icon_cell .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #141010;
  margin-bottom: 8px;
}
.icons-grid .icon_cell svg {
  margin-bottom: 16px;
}
.testimonial-slider__item {
  border: 1px solid #e1eae5;
  padding: 30px;
  box-shadow: 0 30px 17px #0000000d;
  border-radius: 16px;
  margin-inline: 11px;
  margin-bottom: 40px;
  max-width: 528px;
}
.testimonial-slider__item .content {
  font-size: 20px;
  /*font-weight: 700;*/
  line-height: 30px;
  color: #141010;
  height: 162px;
  overflow-y: scroll;
}
.testimonial-slider__item .content img {
  margin-bottom: 18px;
}
.testimonial-slider__item .info {
  margin-top: 30px;
  display: flex;
  gap: 17px;
  background: url(../images/quote.png) bottom right no-repeat;
}
.testimonial-slider__item .info .image {
  width: 58px;
  height: 58px;
  border-radius: 100%;
  overflow: hidden;
  flex-shrink: 0;
}
.testimonial-slider__item .info .image img {
  object-fit: cover;
  height: 100%;
}
.testimonial-slider__item .info .author {
  display: flex;
  flex-direction: column;
  font-size: 14px;
}
.testimonial-slider__item .info .author strong {
  font-size: 16px;
  font-weight: 700;
}
.testimonial-slider-slick .slick-list {
  padding-left: 0px !important;
}
section.lexware {
  background: url(../images/bg-lex.svg) 0 0 no-repeat;
  padding-block: 122px 90px;
}
section.lexware .box {
  max-width: 761px;
  margin: 0 auto;
  border-radius: 19px;
  border: 2px solid #039adb;
  background: #fff;
}
section.lexware .box .bg-light-blue {
  border-radius: 16px 0 0 16px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
section.lexware .content {
  padding: 40px;
  font-size: 18px;
  line-height: 26px;
}
.lexware-btn {
  position: absolute;
  top: -32px;
  left: 50%;
  transform: translateX(-50%);
  background: #ff4554;
  border-radius: 10px;
  width: 243px;
  text-align: center;
  padding-block: 21px;
  line-height: 0;
}
.lexware-btn img {
  height: 22px;
}
.green-btn,
.star-btn {
  width: 246px;
  font-weight: 700;
  display: flex;
  align-items: center;
  height: 58px;
  border-radius: 10px;
  color: #fff;
}
.green-btn {
  background: #21ccad;
  justify-content: center;
  text-align: left;
}
.star-btn {
  justify-content: center;
  background: var(--cl-light-blue);
  gap: 10px;
}

/* partners section  */
.partners_section {
  padding-bottom: 0px;
}
.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;
  box-shadow: 6px 6px 22px 5px #0000000d;
}
.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;
  flex-wrap: nowrap;
  background: #ebe7e7;
  padding: 4px;
  border-radius: 20px;
  max-width: 653px;
  margin: 10px auto;
}
.partners_slider {
  max-width: 650px;
}
.partner_slide {
  display: flex !important;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
}
.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);
}

.calculate-price {
  padding: 40px 0 80px;
  overflow: hidden;
  font-size: 16px;
}

.calculate-price p {
  margin: 0;
  font-size: 16px;
}

.calculate-price ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.calculate-price__wrapper {
  padding: 50px 20px;
  border-radius: 25px;
  background: #e3f6ff;
  position: relative;
  overflow: hidden;
}
.calculate-price__wrapper .red-block {
  width: 519px;
  right: -136px;
  top: 45px;
  position: absolute;
  background: #ff4555;
  height: 94px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
  transform: rotate(32deg);
  font-size: 30px;
  line-height: 30px;
  font-weight: 800;
  color: #fff;
}
.calculate-price__wrapper .red-block .small {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.calculate-price__wrapper h1 span {
  color: #f38c00;
}

.price-block {
  max-width: 100%;
  width: 294px;
  padding: 30px 30px 53px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  flex-shrink: 0;
  transform: translateX(-50%);
  position: relative;
  left: 50%;
  transition: all 1s;
  box-shadow: 7px 12px 30px 12px #0000000d;
  border-radius: 16px;
  border: 1px solid #e1eae5;
}

.calculate-price__wrapper.active .price-block .price-block__rabatt {
  display: none;
}

.price-block__prices {
  font-size: 16px;
  text-align: center;
  line-height: 22px;
}
.price-block__prices .price-old {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}
.price-block__old-price {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: line-through;
}

.price-block__new-price {
  font-size: 50px;
  line-height: 67px;
  color: #039adb;
  font-weight: 800;
}
.price-block__prices_text {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  color: #141010;
  text-align: center;
}

.price-block label {
  display: flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid #21ccad;
  border-radius: 36px;
  padding: 5px 5px 5px 10px;
}

.price-block input {
  width: 52px;
  height: 40px;
  text-align: center;
  font-size: 16px;
  color: #737373;
  border: 0;
}

.price-block button {
  width: 40px;
  height: 40px;
  background: #ebe7e7;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 0;
  border-radius: 100%;
}

.price-block button:after {
  content: "";
  display: block;
  background: url(../images/input-button-arrow2.svg) no-repeat;
  background-size: contain;
  width: 17px;
  height: 13px;
}

.price-block button.active {
  background-color: #21ccad;
}

.price-block button.active:after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(0)
    hue-rotate(93deg) brightness(103%) contrast(103%);
}

.price-block input::-webkit-inner-spin-button,
.price-block input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.price-block__rabatt {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 117px;
  height: 117px;
  background-color: #039adb;
  border-radius: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  transform: translate(50%, 25%);
}
.price-block2 .price-block__rabatt {
  right: -17px;
}
.price-block__rabatt h3 {
  font-size: 35px;
  font-weight: 700;
  margin: 0;
  color: #fff;
}

.price-block__rabatt p {
  color: #fff;
  opacity: 0.6;
  font-size: 20px;
}

.price-block:after {
  content: "";
  width: 63px;
  height: 48px;
  display: block;
  background: url(../images/price-block-arrow.svg) no-repeat;
  position: absolute;
  bottom: 94px;
  left: 44px;
  background-size: contain;
}

.price-blocks__wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  grid-gap: 15px;
  gap: 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.price-block2 {
  max-width: 247px;
  width: 100%;
  padding: 25px;
  border-radius: 16px;
  background: #fff;
  flex-shrink: 0;
  position: relative;
  left: 100%;
  opacity: 0;
  transition: left 1s, opacity 2s;
}

.calculate-price__wrapper.active .price-block2 {
  left: 0;
  opacity: 1;
  display: block;
}

.calculate-price__wrapper.active .price-block {
  transform: translateX(0);
  left: 0;
}

.price-block2:before {
  content: "";
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 0;
  height: 0;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
  border-width: 14px 12px 14px 0;
  transform: translateX(-100%);
}

.price-block2__inner-block {
  border: 1px solid #21ccad;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 15px;
  grid-gap: 7px;
  gap: 7px;
}

.price-block2__inner-block h4 {
  font-weight: 700;
  background-color: #21ccad;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin: 0;
  line-height: 1;
}

.small-grey-text {
  color: #a79797;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.small-grey-text a {
  color: #a79797;
}

.small-grey-text a:hover {
  color: inherit;
}

.price-blocks__buttons {
  justify-content: center;
  grid-gap: 30px;
  gap: 30px;
  margin-top: -80px;
  display: flex;
  opacity: 0;
  transition: all 1s;
  visibility: hidden;
}

.calculate-price__wrapper.active .price-blocks__buttons {
  margin-top: 60px;
  opacity: 1;
  visibility: visible;
}

.price-block__button-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  max-width: 260px;
  width: 100%;
  transition: all 0.3s;
}

.price-block__button-wrapper a,
.price-block__button-wrapper button {
  background-color: #21ccad;
  padding: 12px 20px;
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 16px;
  gap: 16px;
  width: 100%;
  border-radius: 100px;
  text-decoration: none;
}

.price-block__button-wrapper a:after,
.price-block__button-wrapper button:after {
  content: "";
  display: block;
  background: url(/images/input-button-arrow.svg) no-repeat;
  background-size: contain;
  width: 20px;
  height: 19px;
}

.price-block__button-wrapper span {
  font-size: 14px;
  color: #737373;
}

.calculate-price__error-message {
  position: absolute;
  bottom: 0;
  font-size: 14px;
  color: red;
  line-height: 1;
  left: 50%;
  transform: translate(-50%, 25px);
}

.calculate-price__description {
  width: 100%;
  padding: 55px 20px;
  margin: 40px auto;
  display: flex;
  gap: 60px;
  background: #21ccad1a;
  border-radius: 25px;
  justify-content: space-evenly;
}
.calculate-price__description__block {
  background: #fff;
  border-radius: 19px;
  border: 2px solid #21ccad;
  padding: 40px;
  max-width: 545px;
  width: 100%;
  box-shadow: 0 30px 30px #0000000d;
}
.calculate-price__description__inner-block {
  display: flex;
  gap: 40px;
  align-items: center;
}

.circle_price {
  width: 196px;
  height: 196px;
  flex-shrink: 0;
  border-radius: 100%;
  box-shadow: 0 30px 30px #0000000d;
  background: #21ccad;
  padding: 5px;
}
.circle_price2,
.circle_price3 {
  background: #d3f5ef;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  padding: 7px;
}

.circle_price3 {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.circle_price3 h4 {
  color: #21ccad;
}
.calculate-price__description__inner-block h5 {
  font-size: 18px;
  line-height: 26px;
  color: #21ccad;
  margin-bottom: 14px;
  margin-top: 0;
  font-weight: 700;
}
.calculate-price__description__inner-block .content {
  max-width: 212px;
  font-size: 18px;
  line-height: 26px;
}

.entirely {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 839px;
  background-color: #fcfafa;
}

.entirely h2 {
  margin-bottom: 33px !important;
}

.entirely .bottombox {
  display: flex;
  justify-content: center;
  column-gap: 71px;
  flex-wrap: wrap;
  row-gap: 50px;
  gap: 30px;
  width: 100%;
}

.entirely .bottombox .leftside {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 12px;
  width: 100%;
  max-width: 514px;
}

.entirely .bottombox .leftside .tile {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  row-gap: 15px;
  padding: 21px 30px 0px 30px;
  overflow: hidden;
  background-color: #21ccad;
  border-radius: 10px;
  box-sizing: border-box;
  width: 100%;
  height: 186px;
}

.entirely .bottombox .leftside .tile .title {
  width: fit-content;
  height: fit-content;
}

.entirely .bottombox .leftside .tile .title p {
  display: inline-block;
  width: fit-content;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  line-height: 30px;
  margin: 0px 0px 13px 0px;
}

.entirely .bottombox .leftside .tile .title a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  column-gap: 10px;
  height: fit-content;
  margin: 0;
}

.entirely .bottombox .leftside .tile .title a:hover {
  text-decoration: underline black;
}

.entirely .bottombox .leftside .tile .title a img {
  display: inline-block;
  width: 16px;
  height: fit-content;
}

.entirely .bottombox .leftside .tile .title a p {
  font-size: 16px;
  line-height: 23px;
  font-weight: 600;
  color: #fff;
  text-decoration: underline;
  margin: 0px;
}

.entirely .bottombox .leftside .tile .imgbox {
  width: 247.53px;
  height: 165.66px;
}

.entirely .bottombox .rightside {
  width: 460px;

  background: #ffffff;
  padding: 40px;
  border-radius: 19px;
  border: 2px solid #039adb;
  box-shadow: 0px 30px 30px #0000000d;
}

.entirely .bottombox .leftside .tile img {
  width: 100%;
  border-radius: 20px 20px 0 0;
}

.entirely .bottombox .rightside ul {
  width: fit-content;
  padding: 0;
  margin: 0;
}

.entirely .bottombox .rightside ul li {
  width: fit-content;
  list-style-type: none;
  font-size: 16px;
  line-height: 24px;
  margin: 0px 0px 15px 0px;
}

.entirely .bottombox .rightside ul li a {
  font-weight: 600;
}

.entirely .bottombox .rightside ul li span {
  font-weight: bold;
}

@media only screen and (max-width: 779px) {
  .entirely .bottombox .rightside {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    width: 100%;
    max-width: 500px;
  }

  .entirely .bottombox .rightside ul li br {
    display: block;
  }
}
.form-container h3.mb14 {
  margin-bottom: 11px;
}

.email-block {
  display: flex;
  padding: 5px;
  border-radius: 36px;
  padding: 5px 5px 5px 20px;
  border: 1px solid #21ccad;
  max-width: 401px;
  margin: 0 auto;
  position: relative;
}
.email-block input {
  border: 0;
  width: 100%;
}
.email-block .btn {
  padding-block: 10px;
}
.email-block .right-tip {
  position: absolute;
  left: 100%;
  font-weight: 700;
  font-size: 18px;
  color: #039adb;
  bottom: 7px;
  text-align: left;
}
.email-text {
  display: flex;
  width: max-content;
  text-align: left;
  font-size: 16px;
}
footer {
  background: #039adb;
}
footer .container {
  padding-block: 65px;
}
footer form {
  background: #fff;
  max-width: 742px;
  margin: 0 auto;
  border-radius: 25px;
  padding: 45px 20px;
}
footer input[type="radio"] {
  position: relative;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 20px;
}
footer input[type="radio"]:before {
  content: url(../images/unchecked-field.png) !important;
  background-color: #ffffff;
  position: absolute;
  top: 37%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  height: 100%;
}
footer input[type="radio"]:checked:before {
  content: url(../images/check-icon_footer.png) !important;
  background-color: #ffffff;
  position: absolute;
  top: 37%;
  left: 53%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
.infotextfooter {
  display: none;
  position: relative;
  width: fit-content;
  height: 100%;
  background: transparent;
  background-color: #ffffff;
  box-shadow: 0px 5px 25px rgb(0 0 0 / 25%);
  padding: 10px;
}
.infotextClick {
  display: inline-block;
  font: inherit;
  width: fit-content;
  cursor: pointer;
}
.checks-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 3px;
  margin-bottom: 18px;
  max-width: 401px;
  margin: 0 auto 24px;
  text-align: left;
}
.bottom-links {
  background: #028bc2;
  display: flex;
  flex-direction: column;
  gap: 34px;
  padding-block: 40px;
  padding-inline: 20px;
  text-align: center;
  align-items: center;
}
.bottom-links .links {
  display: flex;
  gap: 19px;
  flex-wrap: wrap;
  justify-content: center;
}
.bottom-links .links a {
  color: #ecedf0;
}
.bottom-links .links .delimiter {
  border-left: 1px solid #fff;
}

#leave-overlay {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  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: 11111111;
}

#leave-overlay .block {
  position: relative;
  background: #fcfafa;
  border-radius: 20px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16);
  max-width: 662px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 22px 30px 15px;
  color: #000000;
  margin: 20px;
}
#leave-overlay .percent-block {
  display: flex;
  gap: 13px;
  transform: rotate(358deg);
  color: #ff4554;
  margin-bottom: 25px;
}
#leave-overlay .percent-block div {
  display: flex;
  flex-direction: column;
}
#leave-overlay .percent-block .percent-val {
  font-size: 137px;
  line-height: 77px;
  font-family: "Urbanist", sans-serif;
  font-weight: 900;
}
#leave-overlay .percent-block .percent-sign {
  font-size: 86px;
  line-height: 43px;
  font-family: "Urbanist", sans-serif;
  font-weight: 700;
}
#leave-overlay .percent-block .text-rabatt {
  font-size: 29px;
  line-height: 40px;
  font-family: "Urbanist", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 14px;
  margin-left: 5px;
}
#leave-overlay .close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
#leave-overlay .promo-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
#leave-overlay .promo-block p {
  font-size: 55px;
  line-height: 69px;
  font-family: "Urbanist", sans-serif;
  font-weight: 700;
  margin-bottom: 51px;
  position: relative;
}
#leave-overlay .promo-block p span {
  position: relative;
  z-index: 1;
}
#leave-overlay .promo-block p:before {
  content: "";
  display: block;
  background: #21ccad;
  bottom: 0px;
  width: 100%;
  height: 18px;
  position: absolute;
}
#leave-overlay a.close-modal-leave {
  font-size: 14px;
  line-height: 15px;
  font-family: "Urbanist", sans-serif;
  font-weight: 500;
}
#leave-overlay .promo-block .subtext {
  margin-top: 6px;
  font-size: 14px;
  line-height: 15px;
  font-family: "Urbanist", sans-serif;
  font-weight: 500;
}
#leave-overlay .promo-block .btn {
  max-width: 239px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  font-size: 19px;
}
#leave-overlay .promo-block .btn svg {
  margin-top: unset;
}
#leave-overlay .button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#leave-overlay .button .r {
  position: absolute;
  left: 100%;
  margin-left: 10px;
  font-size: 14px;
  line-height: 15px;
  font-family: "Urbanist", sans-serif;
  font-weight: 500;
  margin-top: 2px;
}

@media (max-width: 1349px) {
  .hero-content.relative {
    position: unset;
  }
  .hero-content .discount-btn {
    left: 86%;
  }
}

@media (max-width: 1260px) {
  .container,
  .container-s,
  .container-xl {
    padding-inline: 20px;
  }
}
@media (max-width: 1240px) {
  .white-box-blue-brd .discount-btn {
    right: 11px;
    left: auto;
    top: 91%;
  }
  .automatich .discount-btn {
    top: -97px;
    right: 5px;
    left: unset;
  }
}
@media (max-width: 1170px) {
  .hero-content .discount-btn {
    left: 77%;
    bottom: 325px;
  }
  .partners_content_top_left {
    display: flex;
    gap: 10px;
    top: -89px;
    right: 0;
    left: auto;
  }
  .banner-container {
    width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 1080px) {
  .fairness {
    padding-left: 3%;
    padding-right: 3%;
  }
  .siegel-img.gkv {
    width: 69px !important;
  }
  .automatische-gehalts-erstattung {
    transform: scale(0.8);
    right: -20px;
  }
}

@media (max-width: 970px) {
  h3,
  .h3 {
    font-size: 30px;
    line-height: 38px;
  }
  h2,
  .h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .icons-grid .icon_cell {
    width: auto;
  }
  .partners_content_top {
    padding-inline: 0;
  }
  .discount-section {
    padding-left: 80px;
  }
  .calculate-price__description__block {
    width: auto;
  }
}

@media (max-width: 880px) {
  .discount-section {
    flex-direction: column;
  }
  .fairness {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .row.siegel_outer {
    flex-wrap: wrap;
    align-items: center;
  }
  .siegel_outer .slider-box {
    margin-block: 50px;
  }
  .section3 {
    padding-bottom: 30px;
  }
  .automatich h2 {
    margin-bottom: 120px;
  }
  .calculate-price__description__inner-block {
    flex-direction: column;
  }
}
@media (max-width: 820px) {
  .calculate-price__wrapper .red-block {
    right: -196px;
    top: 18px;
    transform: rotate(45deg);
  }
  .automatische-gehalts-erstattung {
    transform: scale(0.5);
    right: -50px;
  }
}

@media (max-width: 768px) {
  .partners_slider_wrapper {
    max-width: 600px;
    width: 100%;
  }
  .partners_content_top {
    gap: 30px;
    width: 100%;
  }
  .partner_slide {
    padding-inline: 10px;
  }
  .icons-grid {
    grid-template-columns: 1fr 1fr;
  }
  .icons-grid .icon_cell:last-child {
    grid-column: span 2;
    text-align: center;
  }
}

@media (max-width: 740px) {
  .email-text {
    margin-left: -54px;
  }
}
@media (max-width: 700px) {
  .hero-content .discount-btn {
    left: 63%;
    top: unset;
    bottom: 15px;
  }
  .row {
    flex-direction: column;
    gap: 30px;
  }
  h3,
  .h3 {
    text-align: center;
  }
  .main-padding {
    padding-block: 40px;
  }
  .col50,
  .col30,
  .col40,
  .col-md-4,
  .col-md-6 {
    width: 100%;
  }
  .calculate-price__description {
    flex-direction: column;
    align-items: center;
  }
  .partner_slide {
    flex-direction: column;
  }
  .banner22 {
    max-height: 100%;
    margin: 30px 0;
    padding: 5px 0;
    line-height: 0;
  }
  .banner22-logobar {
    max-width: 414px;
  }
  .banner-container {
    width: 100%;
    padding: 0px 0 30px;
  }
  .banner22-logobar .imgcontainer {
    display: grid;
    grid-template-columns: 25% 25% 41.8%;
    align-items: stretch;
    row-gap: 10px;
  }

  .imgcontainer > div:nth-child(4),
  .imgcontainer > div:nth-child(5) {
    order: 3;
  }
  .imgcontainer > div:nth-child(3) {
    order: 6;
  }
  .imgcontainer > div:nth-child(3) {
    grid-column: span 2;
  }
  .imgcontainer > div:nth-child(6) {
    order: 2;
    grid-row: span 3;
  }
  .imgcontainer > div:nth-child(6) img {
    max-width: 104% !important;
  }

  .banner {
    flex-direction: column;
    clip-path: unset;
    background: #fefadb;
    align-items: center;
  }
  .banner-shadow {
    rotate: unset;
  }
  .fairness {
    clip-path: unset;
    border-radius: 0;
  }
  .banner .circle_accent {
    display: none;
  }
  .discount-section {
    margin: 0;
    padding: 20px;
    text-align: center;
    width: 100%;
  }
  .percent-box {
    transform: unset;
  }
  .logo {
    padding-inline: 11px 0;
    /* max-width: 100px; */
    padding-bottom: 0;

    gap: 10px;
    align-items: flex-start;
  }
  header {
    padding-right: 30px;
    gap: 12px;
    padding-block: 2px;
    padding-bottom: 10px;
  }

  .header .rabatt-block {
    display: none;
  }
  .hero-content.relative {
    justify-content: flex-start;
    z-index: 1;
  }
  .hero-landing {
    background-position: 30%;
  }
  .hero-landing:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
  }
  .hero-content > p {
    font-size: 51px;
    line-height: 61px;
  }
  .partners_content_top_right {
    width: calc(100% - 120px);
  }
  .partners_slider {
    width: 100%;
  }

  .item-box .wrap {
    padding-top: 60px;
  }
  .siegel_outer .slider-box .image {
    margin-bottom: 20px;
  }
  .comp {
    padding-bottom: 40px !important;
  }
  .comp .gkv {
    left: unset !important;
    right: 0;
  }
  .comp .col {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .gadget-text p {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section.lexware .box .bg-light-blue {
    padding: 60px 0 30px;
    border-radius: 16px 16px 0 0;
  }
  section.lexware .box .bg-light-blue + .col {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: unset !important;
  }
  .section3 {
    padding-inline: 0;
  }
  .automatich .blue-slider-box .row {
    flex-direction: row;
  }
  .automatich .col-md-4:first-child .blue-slider-box {
    margin-bottom: 70px;
  }
  .blue-arrow {
    width: 100px;
    height: auto;
    margin-top: 20px;
  }
  .calculate-price {
    padding-bottom: 20px;
  }
  .calculate-price__description {
    padding-bottom: 0;
  }
  .handy_slider_outer.broad .slide_flex {
    gap: 40px;
  }
  #leave-overlay .block {
    width: calc(100% - 20px);
  }
  #leave-overlay .promo-block p {
    font-size: calc(10vw);
  }
}

@media (max-width: 650px) {
  .email-text {
    margin-left: -36px;
    font-size: 14px;
    line-height: normal;
  }
}
@media (max-width: 600px) {
  .email-block {
    border: 0;
    flex-direction: column;
    max-width: 226px;
    padding: 0;
    gap: 10px;
  }
  .email-block input {
    padding: 10px 5px 10px 20px;
    border: 1px solid #21ccad;
    border-radius: 36px;
  }
  .email-text {
    margin-left: 11px;
  }
  .testimonial-slider__item .content {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 500px) {
  .hide500 {
    display: none;
  }
  .hero-landing {
    background-position: 20%;
  }
  .buttons {
    display: flex;
    align-items: center;
  }
  .right-tip {
    display: none;
  }
  .item-box h3 {
    text-align: center;
  }
  .item-box .wrap {
    padding-inline: 15px;
  }
  .item-box .siegel-img {
    text-align: center;
    width: auto !important;
    position: relative;
    left: 50%;
    margin-top: 20px;
    transform: translateX(-50%);
  }
  .icons-grid {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .calculate-price__wrapper .red-block {
    transform: rotate(0deg);
    width: 100%;
    left: 0;
    right: unset;
    top: 0;
    font-size: 22px;
    line-height: 1;
    padding: 10px;
    height: auto;
  }
  .calculate-price__wrapper {
    padding-top: 90px;
  }
  .calculate-price__wrapper .red-block .small {
    line-height: 1;
  }
  .testimonials .container-xl {
    padding: 0;
  }
  section.lexware .content {
    font-size: 16px;
    padding: 20px;
  }
  .price-blocks__wrapper {
    flex-direction: column;
  }
  .price-block2 {
    display: none;
  }
  .entirely .bottombox .leftside .tile {
    gap: 15px;
    padding-inline: 20px;
    height: 185px;
  }
  .entirely .bottombox .leftside .tile .imgbox {
    width: 50%;
  }
  .badge_sparen {
    top: -314px;
    right: -48px;
    transform: scale(0.7);
  }
  .handy_slider_outer.broad .slide_flex {
    padding-inline: 10px;
  }
  .handy_slider_outer.broad .slide_flex > div {
    margin-left: 0 !important;
  }
  .handy_slider_outer.broad .white-box-blue-brd li br {
    display: none;
  }
  .partners_content_top .slider-prev,
  .partners_content_top .slider-next {
    display: none !important;
  }
  .partners_content_top_right {
    width: 100%;
  }
  .partners_content_top_left h3 {
    line-height: 1;
    font-size: 20px;
    text-align: left;
  }
  .dots_arrows {
    gap: 20px;
  }
  .list li br {
    display: none;
  }
  .partner_text br {
    display: none;
  }
  .entirely .bottombox .rightside ul li br {
    display: none;
  }
  .partners_content_logos {
    gap: 4px;
  }
  .siegel_outer .slider-box:nth-child(3) {
    margin-bottom: 19px;
  }
  section.lexware {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #leave-overlay .promo-block p {
    margin-bottom: 40px;
  }
}
@media (max-width: 419px) {
  .dots_arrows {
    max-width: 294px;
  }
  .lexoffice {
    flex-direction: column;
    line-height: 1;
    padding-block: 5px;
    gap: 2px;
    transform: scale(0.8);
    margin-top: -4px;
  }
  h2,
  .h2 {
    font-size: 28px;
    line-height: 38px;
  }
  h3,
  .h3 {
    font-size: 24px;
    line-height: 34px;
  }
  h4,
  .h4 {
    font-size: 18px;
    line-height: 28px;
  }
  .discount-btn {
    transform: scale(0.7);
  }
  .price-block__rabatt {
    transform: scale(0.6);
    left: 0;
    bottom: -43px;
  }
  .price-block2 .price-block__rabatt {
    bottom: -60px;
  }
  .calculate-price__wrapper.active .price-blocks__buttons {
    flex-direction: column;
  }
  .comp .relative img:nth-child(2) {
    max-width: 90px !important;
  }
  .comp .relative img:nth-child(3) {
    max-width: 50px !important;
  }
  .fairness ul {
    margin-left: 18px;
  }
  .abrechnung_outer .text-right {
    text-align: left;
  }
  #leave-overlay .button .r {
    position: relative;
    left: unset;
    margin-left: 0;
    margin-top: 10px;
    text-align: center;
  }
  #leave-overlay .promo-block .subtext {
    margin-top: 10px;
  }
  #leave-overlay .button .r br {
    display: none;
  }
}
@media (max-width: 360px) {
  .hero-content > p {
    font-size: 42px;
    line-height: 52px;
  }
  .beige-text-box {
    left: 3rem;
  }
  .handy-slider-controls {
    max-width: 336px;
    width: 100%;
  }
  .logo {
    max-width: 78%;
  }
  .price-block {
    width: auto;
  }
  .price-block:after {
    left: 20px;
  }
  .entirely .bottombox .leftside .tile .title p {
    font-size: 15px;
    line-height: 20px;
  }
  .entirely .bottombox .leftside .tile .title a p {
    font-size: 14px;
    line-height: 20px;
  }
  .handy_slider_outer.broad .yellow_text_bubble {
    left: 0 !important;
  }
  .handy_slider_outer.broad .white-box-blue-brd {
    padding: 20px;
  }
  .calculate-price__description__block {
    padding-inline: 20px;
    width: 100%;
  }
  .calculate-price__description {
    padding-inline: 0;
  }
  .calculate-price__description > div:first-child {
    padding-inline: 20px;
  }
  .blue-slider-box .arrow_box p {
    font-size: 14px;
    line-height: 20px;
  }
  .bottom-links .links {
    gap: 14px;
  }
}
@media (max-width: 340px) {
  h2,
  .h2 {
    font-size: 24px;
    line-height: 34px;
  }
  h3,
  .h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .siegel_outer .slider-box {
    width: 100%;
  }
  .comp .relative img:nth-child(2) {
    max-width: 70px !important;
  }
  .comp .relative img:nth-child(3) {
    max-width: 40px !important;
  }
  .lexoffice {
    transform: scale(0.7);
  }
  .automatische-gehalts-erstattung {
    transform: scale(0.4);
    right: -60px;
  }
}
.discount-btn:hover .price {
  text-decoration: underline;
}