@font-face {
  font-family: Jaschke Font Montserrat;
  src: url('../fonts/montserrat-extrabolditalic.ttf') format("truetype"), url('../fonts/montserrat-bolditalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Jaschke Font Montserrat;
  src: url('../fonts/montserrat-extrabold.ttf') format("truetype"), url('../fonts/montserrat-bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jaschke Font Montserrat;
  src: url('../fonts/montserrat-extralightitalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Jaschke Font Montserrat;
  src: url('../fonts/montserrat-black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jaschke Font Montserrat;
  src: url('../fonts/montserrat-lightitalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Jaschke Font Montserrat;
  src: url('../fonts/montserrat-thinitalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Jaschke Font Montserrat;
  src: url('../fonts/montserrat-thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jaschke Font Montserrat;
  src: url('../fonts/montserrat-mediumitalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Jaschke Font Montserrat;
  src: url('../fonts/montserrat-light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jaschke Font Montserrat;
  src: url('../fonts/montserrat-italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Jaschke Font Montserrat;
  src: url('../fonts/montserrat-regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jaschke Font Montserrat;
  src: url('../fonts/montserrat-semibold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jaschke Font Montserrat;
  src: url('../fonts/montserrat-semibolditalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Jaschke Font Montserrat;
  src: url('../fonts/montserrat-medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jaschke Font Montserrat;
  src: url('../fonts/montserrat-extralight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jaschke Font Montserrat;
  src: url('../fonts/montserrat-blackitalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --grau: #666;
  --blau: #467592;
  --white: #fff;
  --h2-hero: 1.1em;
  --schwarz: #000;
  --text-18px: 1.5em;
  --white-2: white;
  --black: black;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #333;
  font-family: Jaschke Font Montserrat, sans-serif;
  font-size: 18px;
  line-height: 1.5em;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

h2 {
  letter-spacing: 0;
  text-transform: none;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

p {
  margin-bottom: 10px;
}

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

strong {
  font-weight: bold;
}

.navbar-functions {
  align-items: center;
  display: flex;
}

.menu-button {
  flex: none;
}

.nav-link {
  color: #20394f;
  white-space: nowrap;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
}

.nav-link:hover {
  opacity: .65;
}

.nav-link.w--current {
  color: #005899;
  font-weight: 700;
}

.navbar-2 {
  background-color: #0000;
}

.desktop-wrapper {
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.mobile-wrapper {
  display: none;
}

.brand-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.brand {
  padding-left: 0;
  display: block;
}

.brand.adjacent-to-nav-menu {
  width: 100%;
  max-width: 300px;
  margin-right: 14px;
}

.brand.adjacent-to-nav-menu.w--current {
  flex: none;
  width: 100%;
  min-width: auto;
  max-width: 300px;
}

.main-container {
  z-index: 10;
  width: 100%;
  max-width: 1400px;
  position: relative;
}

.button {
  color: #20394f;
  text-align: center;
  background-color: #b8d7e4;
  border-radius: 200px;
  padding: 6px 28px;
  font-weight: 700;
  transition: box-shadow .2s;
  box-shadow: inset 0 0 200px #0000;
}

.button:hover {
  box-shadow: inset 0 0 200px #00000012;
}

.button.small {
  background-color: #b8d7e4;
  width: 370px;
  max-width: none;
  padding: 8px 21px;
  display: inline-block;
}

.button.small.navbar {
  color: #fff;
  background-color: #467592;
  border-radius: 0;
  width: auto;
  margin-top: 0;
  font-size: 16px;
  text-decoration: none;
  transition-property: all;
}

.button.small.navbar:hover {
  background-color: var(--grau);
}

.button.small.navbar.margin {
  margin-top: 140px;
}

.button.small.datev {
  color: #fff;
  background-color: #548caf00;
  border: 2px solid #fff3;
  border-radius: 0;
  width: 180px;
  height: auto;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.4em;
  text-decoration: none;
  transition-property: all;
}

.button.small.datev:hover {
  background-color: var(--grau);
}

.button.small.datev.big {
  width: auto;
}

.button.small.space {
  background-color: var(--blau);
  color: #fff;
  border-radius: 0;
  width: auto;
  margin-top: 20px;
  font-size: 16px;
  text-decoration: none;
  transition-property: all;
}

.button.small.space:hover {
  background-color: var(--grau);
}

.button.small.download {
  background-color: var(--blau);
  color: #fff;
  border-radius: 0;
  width: auto;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition-property: all;
}

.button.small.download:hover {
  background-color: var(--grau);
}

.button.white {
  background-color: var(--white);
  color: var(--blau);
  border-radius: 0;
  font-size: 16px;
}

.button.white.b {
  margin-bottom: 40px;
}

.button-text-digital {
  letter-spacing: 1px;
  text-transform: none;
  font-size: 14px;
}

.navbar-grid {
  grid-column-gap: 14px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: auto 2fr auto;
  grid-auto-columns: 1fr;
  align-items: center;
  min-height: 70px;
  display: grid;
}

.heading-6 {
  margin-bottom: 10px;
  font-size: 26px;
}

.hero {
  height: 100vh;
  padding-top: 0;
}

.overlay {
  z-index: 10;
  background-color: #0000004d;
  background-image: none;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 0 5% 10vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-12 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1400px;
  display: flex;
}

.navbar {
  z-index: 9999;
  background-color: var(--white);
  flex-direction: row;
  padding: 0% 5%;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.navbar.height {
  justify-content: center;
  align-items: center;
  height: 70px;
}

.h2-hero {
  font-size: 55px;
  line-height: var(--h2-hero);
}

.kanzleientwicklung {
  flex-direction: column;
  align-items: center;
  padding: 77px 5% 53px;
  display: flex;
}

.text-block-113 {
  color: #00121f;
  text-align: center;
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.4em;
}

.grid-15 {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  height: 100%;
  display: flex;
}

.button-15 {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #006ab3;
  border-radius: 4px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 16px;
  font-weight: 700;
  transition: all .3s;
}

.button-15:hover {
  color: #006ab3;
  background-color: #b3d3e9;
}

.div-block-278 {
  background-color: #a0b6cf;
  border-radius: 9px;
  width: 100%;
  height: 550px;
  position: sticky;
  top: 195px;
  overflow: hidden;
}

.div-block-278.rechts {
  margin-top: 100vh;
  padding-top: 0;
}

.underline-header {
  background-color: var(--grau);
  width: 100%;
  height: 4px;
}

.underline-header.white {
  background-color: var(--white);
}

.heading {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1400px;
  margin-bottom: 40px;
  display: flex;
}

.heading.nopadding {
  margin-bottom: 0;
  padding: 0 0%;
}

.heading.nopadding.center {
  justify-content: center;
  align-items: center;
}

.heading.relati {
  justify-content: center;
  align-items: flex-start;
  max-width: 1400px;
  height: 100%;
  margin-bottom: 0;
  padding: 20px 0% 60px 0;
  position: static;
  inset: 0% 0% 0% auto;
}

.heading.middle {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.background-video-2 {
  height: 100%;
}

.grid-16 {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  height: 100%;
  display: flex;
}

.div-block-280 {
  background-color: var(--blau);
  text-align: center;
  border-radius: 9px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 550px;
  padding: 18px;
  display: flex;
  position: sticky;
  top: 195px;
  overflow: hidden;
}

.div-block-280._3 {
  background-color: var(--blau);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 200vh;
  padding: 40px 26px;
  display: flex;
}

.div-block-280._2 {
  margin-top: 100vh;
}

.werte-heading {
  color: var(--white);
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
}

.text {
  color: var(--schwarz);
  font-size: 18px;
  line-height: var(--text-18px);
  font-weight: 400;
}

.text.white {
  color: var(--white);
}

.typed-text {
  z-index: 200;
  width: 100%;
  height: 45px;
  color: var(--white);
  font-size: 22px;
  line-height: var(--h2-hero);
  text-align: left;
  background-color: #0000;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 300;
  position: relative;
}

.h2-heading {
  font-size: 40px;
  line-height: var(--h2-hero);
}

.h2-heading.white {
  color: var(--white);
  font-size: 50px;
}

.h2-heading.margin {
  color: #000;
  margin-bottom: 20px;
}

.classes-content-wrapper {
  width: 200vw;
  margin-left: 0;
  display: flex;
}

.arrow-right {
  position: absolute;
  inset: -13% -46% auto auto;
}

.scroll-item {
  border-radius: 0;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading-box {
  text-align: center;
  width: 53%;
  max-width: 700px;
  height: 178.958px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.subtitle-box {
  width: auto;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.scrollable-text-box {
  text-align: center;
  border: 1.5px #48a9b5;
  width: 100%;
  max-width: none;
  padding: 0%;
  font-size: 56px;
  font-style: italic;
  font-weight: 700;
  line-height: 60px;
  position: relative;
}

.scrollable-image {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 50%;
  min-height: 530px;
  position: relative;
  overflow: hidden;
}

.absolute-bg {
  background-color: #e2eaf1;
  display: none;
  position: absolute;
  inset: 0%;
}

.absolute-bg.color-green {
  background-color: var(--grau);
}

.classes-section {
  background-color: #fff;
  border-top: 60px #24242417;
  justify-content: center;
  align-items: center;
  height: 400vh;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.classes-section:focus {
  box-shadow: inset 0 0 0 85px #ff00004a;
}

.scrollable-bg {
  background-image: linear-gradient(#cedfda, #fff);
  height: 43%;
  position: absolute;
  inset: auto 0% 0%;
}

.scrollable-bg.mobile-height {
  background-image: linear-gradient(to top, var(--grau), white);
}

.classes-block {
  cursor: grab;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 90vh;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.classes-block._1, .classes-block._2 {
  flex-direction: column;
  display: flex;
}

.scroll-text-container {
  background-color: #fff;
  background-image: linear-gradient(to bottom, var(--blau), white);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  overflow: hidden;
}

.h3-big {
  color: var(--schwarz);
  font-size: 50px;
  font-weight: 700;
  line-height: 1.1em;
}

.classes-hidden-mask {
  z-index: 200;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.classes-scrollable {
  flex-wrap: wrap;
  align-items: center;
  width: 400vw;
  height: 100vh;
  display: flex;
}

.image-bg {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.image-bg.scroll-2 {
  background-image: url('../images/img_3237.jpg');
}

.image-bg.scroll-1 {
  background-image: url('../images/img_3394.jpg');
  background-position: 65%;
}

.classes-sticky-wrapper {
  background-color: #ffffff82;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  display: flex;
  position: sticky;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.hallo {
  color: var(--schwarz);
  margin-bottom: 23px;
}

.hallo.smaller {
  font-size: 40px;
  line-height: var(--h2-hero);
}

.text-big {
  font-size: 26px;
}

.fakten {
  background-color: var(--grau);
  flex-direction: column;
  align-items: center;
  padding: 38px 5%;
  display: flex;
}

.grid-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.div-block-14 {
  z-index: -1;
  -webkit-text-fill-color: inherit;
  background-color: #6660;
  background-image: url('../images/img_3502-.jpg');
  background-position: 50%;
  background-size: cover;
  background-clip: border-box;
  position: absolute;
  inset: 0%;
}

.paragraph-2 {
  text-align: center;
  display: block;
}

.div-block-16 {
  background-color: #666666c4;
  margin-bottom: 0;
  position: relative;
}

.fakten-2 {
  border-radius: 20px;
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
}

.heading-117 {
  text-align: center;
  margin-top: 0;
  font-size: 100px;
  line-height: 1em;
}

.div-block-15 {
  color: #fff;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 300px;
  padding: 51px 40px;
  display: flex;
}

.innvercontent {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.subtitle {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
}

.subtitle.white {
  color: var(--white);
}

.subtitle.black {
  color: var(--schwarz);
}

.body-display {
  color: #626d86;
  font-size: 17px;
  line-height: 1.6em;
}

.stacked-heading {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.services-list {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  border-top: 1px solid #889ea833;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-bottom-content {
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  display: grid;
}

.small-width {
  max-width: 300px;
}

.service-item-bottom {
  overflow: hidden;
}

.outline-button {
  color: #000;
  letter-spacing: 3px;
  text-transform: uppercase;
  border: 1px solid #889ea833;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding: 16px 32px;
  font-size: 9px;
  line-height: 1.35em;
  text-decoration: none;
  transition: background-color .5s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  overflow: hidden;
}

.hover-line {
  height: 1px;
  position: absolute;
  inset: auto 0% -1px;
  overflow: hidden;
}

.services-dual-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(auto, 350px) 1px 1fr;
  grid-auto-columns: 1fr;
  max-width: 1400px;
  padding-left: 0;
  display: grid;
}

.hover-line-fill {
  background-color: #a3acc2;
  width: 100%;
  height: 100%;
}

.full-stacked-intro {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.medium-stacked-intro {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 475px;
  display: grid;
}

.service-item-top {
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.service-overview {
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sticky-services-intro {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: flex;
  position: sticky;
  top: 118px;
}

.verticle-line {
  background-color: #889ea833;
  height: 100%;
  position: relative;
}

.service-list-item {
  cursor: pointer;
  border-bottom: 1px solid #889ea833;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 30px 0;
  display: flex;
  position: relative;
}

.text-block-89 {
  font-size: 16px;
}

.grid-9 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.grid-10 {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: .8fr 2fr .8fr;
  align-items: center;
  height: auto;
  display: flex;
}

.div-block-198 {
  border-bottom: 1px solid #bcbcbb;
  max-width: 1400px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  display: flex;
}

.link-5 {
  color: #33335d;
  text-decoration: none;
}

.main-content {
  max-width: 1400px;
  position: relative;
}

.image-85 {
  object-fit: contain;
  max-width: 260px;
  height: 70px;
  margin-left: 0;
  margin-right: 0;
}

.image-85.hero {
  height: 90px;
}

.grid-7 {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto auto;
}

.div-block-200 {
  height: 100%;
}

.div-block-201 {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.div-block-199 {
  margin-bottom: 40px;
}

.link-6 {
  color: #33335d;
  text-decoration: none;
}

.text-block-80 {
  font-size: 16px;
  line-height: 1.6em;
}

.link-2 {
  color: #000;
  font-weight: 700;
  text-decoration: none;
}

.grid-8 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.text-block-79 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
}

.footer {
  flex-direction: column;
  align-items: center;
  padding: 60px 5% 20px;
  display: flex;
}

.leistungssection {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -40px;
  padding: 100px 5% 60px;
  display: flex;
}

.big-heading-2 {
  color: #000;
  letter-spacing: 0;
  text-transform: none;
  border-left: 5px #96c11e;
  margin-bottom: 20px;
  padding-left: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1em;
}

.big-heading-2.center {
  color: #fff;
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.faq-arrow {
  filter: invert();
}

.faq-arrow.black {
  filter: invert();
  width: 30px;
}

.main-paragraph-3 {
  color: #010b15;
  letter-spacing: 0;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 300;
}

.grid-image-wrapper {
  min-height: 600px;
  position: relative;
  overflow: hidden;
}

.grid-image-wrapper.animate-in {
  object-fit: cover;
  height: 100%;
  min-height: 370px;
  max-height: 95vh;
  position: sticky;
  top: 75px;
  overflow: hidden;
}

.faq-trigger {
  width: 100%;
  height: auto;
  box-shadow: none;
  cursor: pointer;
  background-color: #fff0;
  border-radius: 0;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.faq-trigger:hover {
  text-decoration: none;
}

.faq-trigger.blau {
  background-color: var(--blau);
  box-shadow: none;
}

.grid-18 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  width: 100%;
  max-width: 1400px;
  margin-top: 40px;
}

.faq-container {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.faq-container.blau {
  background-color: var(--blau);
}

.faq-center-box {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-right: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.faq-list {
  border-top: 1px #e4eff3;
  max-width: 1400px;
  margin-top: 40px;
  margin-bottom: 0;
}

.faq-answer-box {
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 10px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 40px;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.faq-answer-box.blau {
  background-color: var(--blau);
  color: #fff;
  margin-top: 0;
  padding-right: 0;
}

.image-overlay {
  z-index: 1;
  background-color: var(--grau);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.media-fit-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 480px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.media-fit-cover.nomax {
  object-position: 55% 50%;
  min-height: 370px;
  max-height: 95vh;
}

.accordion-wrapper {
  background-color: var(--white);
  border-bottom: 1px #c91d22;
  border-radius: 0;
  max-width: 1400px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 0;
  position: relative;
  overflow: visible;
}

.accordion-wrapper.hide {
  display: none;
}

.accordion-wrapper.blau {
  background-color: var(--blau);
  width: 100%;
  margin-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.accordion-wrapper.blau.hide {
  display: none;
}

.faq-arrow-box {
  background-color: #153d8a;
  border-left: 2px #c91d22;
  border-radius: 22%;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  margin-right: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.faq-arrow-box.transparent {
  background-color: var(--blau);
  border: 1px #000;
  border-bottom: 4px #cac900;
  border-radius: 100%;
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  margin-left: 20px;
  margin-right: 0;
}

.digitalisierung {
  outline-offset: -5px;
  outline: 1px solid #ffffff4d;
  height: 100%;
  margin-top: -40px;
  padding: 40px 0% 0;
  transition: all .4s;
}

.word-rotation-wrap {
  height: 56px;
  margin-bottom: 20px;
  overflow: hidden;
}

.heading-rotation {
  color: #000;
  height: auto;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4em;
}

.underline-header-copy {
  background-color: var(--grau);
  width: auto;
  min-width: 180px;
  height: 4px;
  margin-top: 10px;
}

.background-video-3 {
  background-image: linear-gradient(to right, #0000 34%, #fff);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: auto;
  display: flex;
}

.div-block-281 {
  flex-direction: row;
  display: flex;
  position: relative;
}

.grid-19 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 1400px;
  margin-top: 40px;
  padding-left: 0%;
}

.div-block-282 {
  background-color: var(--blau);
  outline-offset: -10px;
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  outline: 1px solid #fff0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 25px;
  transition: all .4s;
  display: flex;
}

.div-block-282:hover {
  transform: scale(1.05);
}

.testimonial-wrapper {
  padding-right: 60px;
  position: relative;
}

.image {
  border-radius: 0;
  flex: 0 auto;
  width: auto;
}

.image.style-1 {
  object-fit: cover;
  border-radius: 24px;
}

.image.style-1.testimonial {
  object-position: 50% 10%;
  border-radius: 0;
  width: 100%;
  max-width: 700px;
  height: 630px;
  min-height: auto;
}

.image.style-1.testimonial.top {
  object-position: 50% 0%;
}

.split-content-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.split-content-wrapper.mobile-stretch-direction-reverse.mobile-max-width-660px {
  width: 100%;
  max-width: 1400px;
}

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

.split-content.testimonials-left {
  width: 100%;
  max-width: 54%;
  margin-right: 40px;
}

.split-content.testimonials-right {
  flex: 1;
  max-width: 500px;
  position: relative;
  top: -81px;
}

.slider {
  background-color: #0000;
  height: auto;
}

.slide-nav {
  display: none;
}

.testimonials-slider-left-arrow-2 {
  background-color: var(--blau);
  width: 48px;
  min-width: 48px;
  min-height: 48px;
  max-height: 48px;
  transform-style: preserve-3d;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: 400;
  transition: transform .3s, background-color .3s;
  display: flex;
  inset: auto 119px 153px auto;
  transform: scale3d(1, 1, 1.01);
}

.testimonials-slider-left-arrow-2:hover {
  background-color: var(--grau);
  transform: scale3d(.95, .95, 1.01);
}

.testimonials-slider-right-arrow-2 {
  background-color: var(--blau);
  width: 48px;
  min-width: 48px;
  min-height: 48px;
  max-height: 48px;
  transform-style: preserve-3d;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: 400;
  transition: background-color .3s, transform .3s;
  display: flex;
  inset: auto 56px 153px auto;
  transform: scale3d(1, 1, 1.01);
}

.testimonials-slider-right-arrow-2:hover {
  background-color: var(--grau);
  transform: scale3d(.95, .95, 1.01);
}

.slide {
  margin-right: 26px;
}

.div-block-197 {
  margin-bottom: 23px;
}

.card-2 {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 64px 26px;
  overflow: hidden;
  box-shadow: 0 4px 22px #080f3408;
}

.card-2.style-1 {
  padding: 70px 55px;
  box-shadow: 0 2px 11px #1f255914;
}

.card-2.style-1.card-testimonial {
  z-index: 1;
  border-radius: 0;
  max-width: 99%;
  margin: 0 -50px 15px auto;
  padding: 29px;
  position: relative;
  top: -161px;
}

.text-200 {
  font-size: 18px;
  line-height: 1.111em;
}

.text-200.bold {
  font-weight: 700;
}

.max-width-60 {
  max-width: 60%;
}

.section-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: -80px;
  padding: 100px 5% 0;
  display: flex;
}

.background-video-4 {
  background-image: linear-gradient(#ffffff3d, #ffffff3d);
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 40px 5%;
  display: flex;
}

.image-86 {
  width: 30px;
}

.div-block-283 {
  position: relative;
}

.text-digital {
  text-align: center;
  font-size: 15px;
  line-height: 1.5em;
}

.div-login-digital {
  margin-top: 20px;
}

.section-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 100px 5% 60px;
  display: flex;
}

.grid-20 {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 1400px;
}

.div-block-284 {
  background-color: #f1f1f1;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 280px;
  min-height: auto;
  padding: 20px 40px 20px 135px;
  display: flex;
  position: relative;
  transform: skew(0deg);
}

.text-block-115 {
  color: #000;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.4em;
  display: flex;
}

.text-block-115.white-copy {
  color: var(--white);
}

.hide-text {
  z-index: 20;
  color: #000;
  text-align: left;
  margin-top: 20px;
  display: none;
  position: relative;
}

.text-block-117 {
  opacity: .19;
  color: #467592;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  padding-left: 0;
  font-size: 300px;
  line-height: 1em;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 4%;
}

.section-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 60px 5%;
  display: flex;
}

.grid-59 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1400px;
  margin-top: 40px;
}

.top-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
}

.number-prozess {
  background-color: #fff0;
  border: 3px solid #000;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 49px;
  min-width: 60px;
  height: 49px;
  min-height: 60px;
  margin-left: 0;
  padding: 10px;
  font-size: 32px;
  font-weight: 700;
  display: flex;
}

.number-prozess.white {
  color: #fff;
  border: 3px solid #fff;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  margin-left: 0;
  padding-left: 10px;
  font-size: 32px;
}

.div-block-463 {
  background-color: #0000002e;
  width: 100%;
  height: 1px;
}

.div-block-463.white {
  background-color: #ffffff3b;
  height: 1px;
}

.text-201 {
  color: #fff;
  text-align: center;
  background-color: #0000;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
}

.text-201.schwarz {
  color: #000;
  text-align: center;
}

.div-block-465, .div-block-465.blau, .div-block-466 {
  background-color: var(--blau);
}

.text-block-118 {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 22px;
  font-weight: 700;
}

.text-block-118.schwarz {
  color: #000;
  text-align: center;
}

.div-block-467 {
  background-color: #548caf00;
  box-shadow: 0 2px 20px -7px #0003;
}

.section-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px 5%;
  display: flex;
}

.image-13 {
  width: 30px;
  height: 30px;
  margin-right: 20px;
}

.div-block-519 {
  align-items: center;
  height: 46.7813px;
  font-size: 18px;
  line-height: 1.3em;
  text-decoration: none;
  display: flex;
}

.footer-link-2 {
  opacity: 1;
  color: #fff;
  text-align: left;
  cursor: pointer;
  margin-bottom: 0;
  margin-left: 3px;
  text-decoration: none;
  transition: opacity .2s ease-in-out;
}

.footer-link-2:hover {
  opacity: 1;
}

.footer-link-2.w--current {
  opacity: 1;
  font-weight: 500;
}

.div-block-489 {
  z-index: 5;
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  height: 400px;
  margin-top: 10px;
  display: flex;
  overflow: hidden;
}

._1-2-block {
  z-index: 5;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--blau);
  opacity: 1;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 40px;
  display: flex;
  position: relative;
  inset: 0%;
}

._1-2-block.right-line {
  border-right: 2px solid #fff;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.background-video-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.background-video-5.hide {
  display: none;
}

.ffnungszeiten p {
  margin-bottom: 3px;
}

.div-block-520 {
  margin-top: 19px;
}

.image-185 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.div-block-521 {
  background-color: var(--blau);
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.link-block-7 {
  width: 100%;
  height: 100%;
}

.accrodian-item {
  background-color: #548caf;
  border-radius: 2px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 25px 30px;
  font-size: 18px;
  display: flex;
}

.blog-accrodian-question {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5em;
}

.section-6 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 60px 5%;
  display: flex;
}

.grid-60 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  margin-top: 20px;
  display: flex;
  position: relative;
}

.div-block-528 {
  background-color: var(--white);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 64px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 5px 10px;
  display: flex;
  box-shadow: 0 2px 20px -9px #0003;
}

.image-186 {
  width: 45px;
  margin-right: 20px;
}

.image-187 {
  aspect-ratio: auto;
  object-fit: cover;
  width: 120%;
  height: 100%;
  min-height: 500px;
  display: none;
  position: relative;
}

.div-block-529 {
  z-index: 3;
  width: 40%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.text-block-119 {
  font-weight: 600;
}

.downloadbereich {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 60px 5%;
  display: flex;
}

.tab-download {
  color: #fff;
  text-align: center;
  background-color: #254f69a3;
  min-width: 245px;
  margin-left: 2px;
  margin-right: 2px;
}

.tab-download.w--current {
  background-color: var(--blau);
  text-align: center;
  width: 245px;
  height: auto;
  margin-right: 2px;
}

.tabs-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-530 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  padding: 40px;
  display: grid;
  box-shadow: 0 2px 40px -13px #0003;
}

.text-block-120 {
  font-weight: 600;
}

.tabs-content {
  overflow: visible;
}

.download-wrap {
  transform: scale3d(1none, 1none, 1none);
  text-align: center;
  transform-style: preserve-3d;
  border: 1px solid #0000000d;
  padding: 14px;
  transition: all .3s;
}

.download-wrap:hover {
  background-color: #6666660a;
  transform: scale(1.02);
}

.tabs {
  width: 100%;
  max-width: 1400px;
}

.div-block-536 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 5vw;
  display: flex;
}

.div-block-537 {
  position: absolute;
  inset: auto 30px 80px auto;
}

.rechtliches {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 43px 5vw;
  display: flex;
}

.div-block-538 {
  width: 100%;
  max-width: 1400px;
}

.background-video-6 {
  width: 100%;
}

.div-block-539 {
  width: 55%;
  height: auto;
}

.slider-2 {
  width: 100%;
  height: 80vh;
}

.slide-2 {
  width: 100%;
  height: 100%;
}

.image-188 {
  object-fit: cover;
  object-position: 50% 25%;
  width: 100%;
  height: 100%;
}

.image-188.mid {
  object-position: 50% 50%;
}

.image-188.up {
  object-position: 50% 10%;
}

.rich-text-block1, .rich-text-block1 p, .rich-text-block1 ul, .rich-text-block1 li {
  width: 100%;
  max-width: 1400px;
}

.div-block-544 {
  display: none;
}

.div-block-545 {
  width: 100%;
}

.rich-text-block3, .rich-text-block3 p, .rich-text-block3 li, .rich-text-block5, .rich-text-block5 p, .rich-text-block5 ul, .rich-text-block5 li {
  width: 100%;
  max-width: 1400px;
}

.rich-text-block-5 strong {
  font-weight: 600;
}

.rich-text-block-5 h2 {
  font-size: 28px;
  font-weight: 400;
}

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

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

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

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

.submit-button {
  background-color: var(--blau);
}

.rich-text-block4, .rich-text-block4 p, .rich-text-block4 ul, .rich-text-block4 li, .rich-text-block2, .rich-text-block2 p, .rich-text-block2 ul, .rich-text-block2 li {
  width: 100%;
  max-width: 1400px;
}

.div-block-546 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.body {
  background-color: var(--grau);
}

.footer-copyright {
  color: #000;
}

.section-7 {
  padding: 60px 5%;
}

.div-block-645 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  margin-top: 20px;
  display: flex;
}

.instagram-feed---icon-inside {
  min-width: 40px;
  max-width: 40px;
}

.instagram-feed---image {
  object-fit: contain;
  flex: 0 auto;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.text-202 {
  color: #151415;
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5em;
}

.text-202.max-width-600px {
  max-width: 640px;
}

.heading-big-hp {
  color: #000;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 48px;
  font-weight: 500;
  line-height: 1em;
  position: static;
  inset: 0% auto auto 0%;
}

.heading-big-hp.carreer {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #1596d2, #172a53);
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 48px;
  font-weight: 600;
}

.instagram-feed---image-overlay {
  z-index: 1;
  transform-origin: 0%;
  background-color: #467592c7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-573 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.video {
  object-fit: contain;
  object-position: 50% 0%;
  width: 100%;
  height: auto;
}

.h3-section {
  color: #172a53;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.1em;
}

.heading-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-bottom: 38px;
  display: flex;
}

.social-symbol {
  width: 60px;
}

.social-media-einblicke {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 60px 5vw;
  display: flex;
}

._20px-down {
  width: 100%;
  margin-top: 20px;
}

.flex-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1400px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: grid;
}

.instagram-feed---image-wrapper {
  z-index: 1;
  border-radius: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.instagram-feed---image-wrapper.border-radius-0 {
  aspect-ratio: 4 / 5;
  background-color: #172a53;
  background-image: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.hide {
  display: none;
}

.image-189 {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1280px) {
  .nav-link {
    margin-left: 20px;
    margin-right: 20px;
  }

  .button-text-digital {
    font-size: 13px;
  }

  .service-item-top {
    grid-column-gap: 48px;
  }

  .image-13 {
    width: 30px;
    height: 30px;
  }

  .footer-link-2 {
    color: #fff;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 18px;
    line-height: 1.3em;
  }

  ._1-2-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}

@media screen and (min-width: 1440px) {
  .button.small.datev {
    width: 192px;
  }

  .button-text-digital {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 13px;
    line-height: 1.5em;
  }

  .div-block-15 {
    padding-top: 73px;
    padding-bottom: 73px;
  }

  .service-bottom-content, .service-item-top {
    grid-column-gap: 60px;
  }

  .grid-18 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .faq-list {
    max-width: 1400px;
  }

  .split-content.testimonials-right {
    max-width: 600px;
  }

  ._1-2-block, .div-block-521 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .heading-big-hp {
    font-size: 48px;
  }
}

@media screen and (min-width: 1920px) {
  .button.small.datev {
    height: auto;
  }

  .navbar {
    justify-content: center;
    align-items: center;
  }

  .text-block-113 {
    font-size: 28px;
  }

  .button-15 {
    padding: 10px 20px;
    font-size: 18px;
  }

  .div-block-278 {
    height: 650px;
    top: 219px;
  }

  .heading.relati {
    max-width: 1400px;
  }

  .div-block-280 {
    height: 650px;
    top: 219px;
  }

  .div-block-280._3 {
    padding-left: 48px;
    padding-right: 48px;
  }

  .paragraph-2 {
    font-size: 16px;
    line-height: 1.4em;
  }

  .div-block-15 {
    padding: 90px 103px;
  }

  .subtitle.black {
    color: #000;
    margin-bottom: 0;
  }

  .faq-arrow.black {
    width: 25px;
  }

  .main-paragraph-3 {
    line-height: 1.5em;
  }

  .grid-image-wrapper.animate-in {
    min-height: 430px;
  }

  .faq-trigger {
    border-bottom: 1px #000;
  }

  .faq-answer-box {
    border-top: 1px #000;
    margin-top: 0;
    padding-top: 0;
  }

  .media-fit-cover.nomax {
    min-height: 430px;
  }

  .word-rotation-wrap {
    height: 52px;
    margin-top: 10px;
  }

  .heading-rotation {
    height: 52px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3em;
  }

  .split-content-wrapper.mobile-stretch-direction-reverse.mobile-max-width-660px {
    max-width: 1400px;
  }

  .split-content.testimonials-right {
    max-width: 600px;
  }

  .background-video-4 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-86 {
    width: 25px;
    display: none;
  }

  .footer-link-2 {
    margin-left: 14px;
    font-size: 18px;
  }

  .div-block-489 {
    max-width: 1400px;
    position: relative;
  }

  ._1-2-block {
    position: relative;
  }

  ._1-2-block.right-line {
    padding-left: 0;
  }

  .accrodian-item {
    max-width: 1400px;
  }

  .text-202 {
    width: auto;
  }

  .flex-2 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 991px) {
  li {
    font-size: 17px;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .div-block-175 {
    flex-direction: column;
    align-items: flex-end;
    display: flex;
  }

  .nav-link {
    margin: 7px 0;
  }

  .div-block-176 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400;
    display: flex;
  }

  .desktop-wrapper {
    display: none;
  }

  .mobile-wrapper {
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    height: 100vh;
    margin-top: 60px;
    display: flex;
  }

  .hide-on-mobile {
    display: none;
  }

  .menu-button-image {
    display: block;
  }

  .brand.adjacent-to-nav-menu {
    width: 100%;
    max-width: 300px;
  }

  .button {
    color: #fff;
    background-color: #005899;
    border-radius: 0;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .button.small.download {
    margin-top: 10px;
    font-size: 14px;
  }

  .button.small.mobile-nav {
    background-color: var(--blau);
    align-self: auto;
    width: auto;
    margin-top: 20px;
    text-decoration: none;
  }

  .button.white {
    font-size: 14px;
  }

  .button.white.b {
    margin-bottom: 30px;
  }

  .navbar-grid {
    justify-content: space-between;
    display: flex;
  }

  .image-77 {
    width: 25px;
  }

  .nav-menu {
    z-index: 9999;
    background-color: #fff;
    border: 1px solid #0721251a;
    height: 100%;
    padding: 21px;
    position: fixed;
    inset: 0% 0% 0% auto;
  }

  .link-block-6 {
    color: #000;
    padding-top: 7px;
    padding-bottom: 7px;
    font-weight: 700;
    text-decoration: none;
  }

  .heading-6 {
    font-size: 22px;
  }

  .hero {
    height: 850px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .overlay {
    padding-bottom: 125px;
  }

  .div-block-12 {
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }

  .h2-hero {
    text-align: center;
    font-size: 45px;
  }

  .kanzleientwicklung {
    padding-top: 40px;
  }

  .text-block-113 {
    font-size: 30px;
  }

  .grid-15 {
    grid-template-columns: 1fr;
  }

  .button-15 {
    text-align: center;
    width: auto;
    padding: 9px 20px;
  }

  .div-block-278 {
    height: 600px;
  }

  .heading {
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
  }

  .heading.nopadding {
    justify-content: center;
    align-items: center;
  }

  .heading.relati {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .background-video-2 {
    padding-bottom: 0;
  }

  .grid-16 {
    grid-template-columns: 1fr;
  }

  .div-block-280 {
    height: 600px;
  }

  .div-block-280._3 {
    margin-top: 100px;
    padding: 104px;
  }

  .div-block-280._2 {
    margin-top: 100px;
  }

  .text {
    text-align: center;
    font-size: 17px;
  }

  .text.left-mobile {
    text-align: left;
  }

  .typed-text {
    text-align: center;
    height: 35px;
    font-size: 17px;
    font-weight: 500;
  }

  .h2-heading {
    font-size: 38px;
  }

  .h2-heading.margin {
    text-align: center;
  }

  .classes-content-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 50px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    width: 100%;
    display: grid;
  }

  .scroll-item {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .heading-box {
    width: 60%;
    margin-top: 0;
    margin-bottom: 40px;
    display: none;
  }

  .scrollable-text-box {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 50px;
    line-height: 54px;
  }

  .scrollable-image {
    width: 100%;
    min-height: 300px;
  }

  .classes-section {
    height: auto;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .scrollable-bg.mobile-height {
    height: 33%;
    padding-bottom: 0;
  }

  .classes-block {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .classes-block._2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .scroll-text-container {
    width: 100%;
  }

  .h3-big {
    margin-top: 18px;
    font-size: 40px;
    line-height: 51px;
  }

  .classes-hidden-mask {
    height: auto;
    overflow: visible;
  }

  .classes-scrollable {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: auto;
  }

  .image-bg.scroll-2 {
    background-position: 50% 20%;
  }

  .classes-sticky-wrapper {
    height: auto;
  }

  .hallo {
    font-size: 40px;
  }

  .hallo.smaller {
    font-size: 28px;
  }

  .text-big {
    font-size: 22px;
  }

  .grid-6 {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .div-block-14 {
    background-position: 50%;
  }

  .paragraph-2 {
    font-size: 17px;
  }

  .div-block-16 {
    border-radius: 0;
  }

  .heading-117 {
    font-size: 60px;
  }

  .div-block-15 {
    min-height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .subtitle {
    font-size: 18px;
  }

  .subtitle.black {
    margin-top: 0;
  }

  .body-display {
    text-align: center;
    font-size: 17px;
  }

  .stacked-heading {
    place-items: stretch center;
  }

  .service-bottom-content {
    grid-row-gap: 36px;
    grid-template-columns: 1fr;
    padding-top: 10px;
  }

  .button-text {
    font-size: 15px;
    text-decoration: none;
  }

  .services-dual-wrapper {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .sticky-services-intro {
    justify-content: center;
    align-items: center;
    position: relative;
    top: auto;
  }

  .verticle-line {
    width: 100%;
  }

  .service-list-item {
    justify-content: center;
    align-items: center;
  }

  .text-block-89 {
    text-align: center;
    font-size: 14px;
  }

  .grid-9 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    font-size: 17px;
  }

  .grid-10 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-198 {
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
  }

  .main-content {
    flex: 1;
  }

  .div-block-227 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-201 {
    margin-bottom: 5px;
  }

  .text-block-80 {
    text-align: center;
    font-size: 15px;
  }

  .link-2 {
    font-size: 17px;
  }

  .grid-8 {
    grid-column-gap: 10px;
    grid-row-gap: 15px;
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-block-79 {
    margin-bottom: 0;
    font-size: 17px;
  }

  .footer {
    padding-top: 40px;
  }

  .leistungssection {
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 82px;
  }

  .big-heading-2 {
    font-size: 20px;
  }

  .big-heading-2.center {
    font-size: 22px;
  }

  .faq-arrow {
    width: 17px;
  }

  .grid-image-wrapper.animate-in {
    object-position: 50% 0%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 400px;
    display: flex;
    overflow: hidden;
  }

  .faq-trigger {
    align-items: center;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .grid-18 {
    margin-top: 0;
    display: flex;
  }

  .faq-center-box {
    padding: 10px 20px;
  }

  .faq-center-box.stellen {
    padding-left: 0;
    padding-right: 0;
  }

  .faq-list {
    margin-bottom: 0;
  }

  .faq-answer-box {
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0 20px;
    font-size: 17px;
  }

  .faq-answer-box.blau {
    padding-left: 0;
  }

  .media-fit-cover {
    object-position: 50% 25%;
  }

  .media-fit-cover.nomax {
    width: 100%;
  }

  .accordion-wrapper {
    background-color: #fff;
    padding-bottom: 0;
    box-shadow: 0 6px 20px -9px #0003;
  }

  .accordion-wrapper.blau {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .faq-arrow-box {
    width: 45px;
    min-width: 45px;
    height: 45px;
    min-height: 45px;
  }

  .digitalisierung {
    padding-top: 0;
  }

  .heading-rotation {
    text-align: center;
  }

  .grid-19 {
    flex-flow: column;
    display: flex;
  }

  .testimonial-wrapper {
    flex-flow: column;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    display: flex;
  }

  .image.style-1 {
    width: 100%;
    height: 350px;
    max-height: none;
  }

  .image.style-1.testimonial {
    object-position: 50% 0%;
    max-width: none;
    min-height: auto;
    max-height: 500px;
  }

  .split-content-wrapper {
    flex-direction: column;
  }

  .split-content-wrapper.mobile-stretch-direction-reverse {
    flex-direction: column-reverse;
    align-items: center;
  }

  .split-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .split-content.testimonials-left {
    max-width: 100%;
    margin-right: 0;
  }

  .split-content.testimonials-right {
    max-width: 100%;
    margin-bottom: 20px;
    top: 0;
  }

  .slider {
    max-width: 100%;
  }

  .testimonials-slider-left-arrow-2 {
    inset: auto auto 0% 0%;
  }

  .testimonials-slider-right-arrow-2 {
    inset: auto 0% 0% auto;
  }

  .content-bottom.margin-top-40px {
    margin-top: 20px;
  }

  .card-2 {
    padding-top: 53px;
    padding-bottom: 53px;
  }

  .card-2.style-1 {
    padding: 58px 46px;
  }

  .card-2.style-1.card-testimonial {
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    text-align: center;
    background-color: #fff;
    border-style: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 20px;
    font-size: 17px;
    display: flex;
    position: static;
    top: 18px;
  }

  .text-200, .text-200.bold.text-color-neutral-800 {
    font-size: 17px;
  }

  .section-2 {
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .text-digital {
    font-size: 17px;
  }

  .div-login-digital {
    text-align: center;
    flex-flow: column;
    display: flex;
  }

  .section-3 {
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid-20 {
    flex-flow: column;
    display: flex;
  }

  .div-block-284 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-left: 20px;
  }

  .text-block-115, .text-block-115.white-copy {
    width: auto;
    font-size: 22px;
  }

  .hide-text {
    margin-top: 10px;
    font-size: 17px;
    display: block;
  }

  .text-block-117 {
    order: -1;
    justify-content: center;
    align-items: center;
    font-size: 200px;
    position: static;
  }

  .section-4 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid-59 {
    flex-flow: column;
    display: flex;
  }

  .top-wrapper {
    margin-bottom: 20px;
  }

  .number-prozess, .number-prozess.white {
    border-width: 2px;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    font-size: 28px;
  }

  .text-201 {
    font-size: 17px;
  }

  .text-block-118 {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .section-5 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .image-13 {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .div-block-519 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .footer-link-2 {
    text-align: center;
    font-size: 17px;
  }

  .div-block-489 {
    background-image: none;
    flex-direction: column;
    height: auto;
  }

  ._1-2-block {
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  ._1-2-block.right-line {
    border-bottom: 1px solid #fff;
    border-right-style: none;
    height: 300px;
  }

  .ffnungszeiten p {
    text-align: center;
    font-size: 17px;
  }

  .div-block-520 {
    margin-top: 0;
  }

  .image-185 {
    object-position: 50% 0%;
    height: 100%;
  }

  .div-block-521 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 17px;
  }

  .link-block-7 {
    height: 100%;
  }

  .accrodian-item {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 20px;
    display: flex;
  }

  .blog-accrodian-question {
    flex-direction: column;
    margin-right: 0;
    font-size: 22px;
    display: flex;
  }

  .section-6 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid-60 {
    flex-flow: column;
    margin-top: 0;
  }

  .div-block-529 {
    width: 100%;
    position: static;
  }

  .text-block-119 {
    font-size: 17px;
  }

  .downloadbereich {
    padding-top: 40px;
  }

  .tab-download {
    font-size: 17px;
  }

  .tab-download.w--current {
    width: auto;
    min-width: auto;
    font-size: 17px;
  }

  .div-block-530 {
    flex-flow: column;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .text-block-120 {
    font-size: 17px;
  }

  .div-block-536 {
    justify-content: center;
    align-items: center;
    margin-right: 0;
  }

  .div-block-537 {
    justify-content: center;
    align-items: center;
    display: flex;
    inset: auto 0% 2%;
  }

  .rechtliches {
    padding-top: 19px;
  }

  .background-video-6 {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  .div-block-539 {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    order: -1;
    width: 100%;
  }

  .slider-2 {
    height: 600px;
  }

  .image-188 {
    object-position: 100% 0%;
  }

  .image-188.mid {
    object-position: 0% 50%;
  }

  .image-188.up {
    object-position: 100% 0%;
  }

  .heading-167 {
    margin-top: 0;
    font-size: 22px;
  }

  .list {
    padding-left: 30px;
  }

  .rich-text-block1 {
    font-size: 17px;
  }

  .div-block-540 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-541, .div-block-542 {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .heading-168, .heading-169 {
    margin-top: 0;
    font-size: 22px;
  }

  .div-block-543 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 12px;
    display: flex;
  }

  .div-block-545 {
    width: auto;
    display: none;
  }

  .paragraph, .paragraph-23, .paragraph-24, .paragraph-25, .paragraph-26, .paragraph-27, .paragraph-28, .paragraph-29, .paragraph-30, .paragraph-33, .paragraph-34, .paragraph-35, .paragraph-36, .paragraph-37, .paragraph-38, .paragraph-39, .paragraph-40, .paragraph-45, .list-2, .bold-text-8, .list-3, .rich-text-block3, .list-4, .list-5, .rich-text-block5 {
    font-size: 17px;
  }

  .list-6 {
    padding-left: 30px;
  }

  .rich-text-block-4 {
    font-size: 17px;
  }

  .rich-text-block-4 h1 {
    font-size: 36px;
  }

  .rich-text-block-5 {
    font-size: 17px;
  }

  .rich-text-block-5 h1 {
    font-size: 35px;
  }

  .div-block-546 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .footer-copyright {
    font-size: 16px;
  }

  .div-block-645 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    align-items: center;
  }

  .text-202 {
    text-align: left;
    font-size: 17px;
  }

  .heading-big-hp, .heading-big-hp.carreer {
    font-size: 40px;
  }

  .h3-section {
    font-size: 20px;
  }

  .heading-wrapper {
    margin-bottom: 20px;
  }

  .social-symbol {
    width: 60px;
  }

  .social-media-einblicke {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .flex-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 15px;
  }

  .instagram-feed---image-wrapper {
    border-radius: 10px;
  }
}

@media screen and (max-width: 767px) {
  li {
    font-size: 15px;
  }

  .div-block-175 {
    justify-content: flex-end;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .div-block-176 {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .desktop-wrapper {
    display: none;
  }

  .mobile-wrapper {
    flex-direction: column;
    display: flex;
  }

  .button.small {
    width: 250px;
  }

  .button.small.navbar, .button.small.datev, .button.small.space {
    display: none;
  }

  .button.small.download {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 1.3em;
    display: flex;
  }

  .button.white {
    font-size: 14px;
  }

  .button.white.b {
    margin-bottom: 20px;
  }

  .image-77 {
    width: 25px;
  }

  .link-block-6 {
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    display: flex;
  }

  .heading-6 {
    margin-bottom: 0;
    font-size: 15px;
  }

  .hero {
    height: auto;
  }

  .overlay {
    max-height: 100vh;
    display: none;
  }

  .h2-hero {
    font-size: 32px;
  }

  .text-block-113 {
    font-size: 25px;
  }

  .button-15 {
    font-size: 14px;
  }

  .div-block-278 {
    top: 111px;
  }

  .heading {
    margin-bottom: 0;
  }

  .background-video-2 {
    height: 400px;
  }

  .div-block-280 {
    top: 111px;
  }

  .div-block-280._3 {
    padding: 67px;
  }

  .text {
    font-size: 15px;
  }

  .typed-text {
    color: var(--schwarz);
    margin-bottom: 40px;
    font-size: 18px;
  }

  .h2-heading, .h2-heading.white {
    font-size: 32px;
  }

  .arrow-right {
    inset: 15% -15% 0% auto;
  }

  .heading-box {
    width: 80%;
  }

  .subtitle-box {
    width: 70%;
  }

  .scrollable-text-box {
    font-size: 40px;
    line-height: 46px;
  }

  .classes-section {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .classes-block {
    padding-left: 15px;
    padding-right: 15px;
  }

  .classes-block._2 {
    padding-top: 0;
  }

  .h3-big {
    margin-top: 16px;
    font-size: 38px;
    line-height: 42px;
  }

  .hallo {
    margin-bottom: 0;
    font-size: 32px;
  }

  .hallo.smaller {
    font-size: 24px;
  }

  .fakten {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .grid-6 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .div-block-14 {
    background-position: 25%;
    display: none;
  }

  .paragraph-2 {
    font-size: 15px;
  }

  .div-block-16 {
    background-color: #006ab300;
  }

  .fakten-2 {
    padding-top: 40px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .heading-117 {
    font-size: 40px;
  }

  .div-block-15 {
    background-color: var(--blau);
    min-height: auto;
    padding: 20px 23px;
    box-shadow: 1px 1px 12px -2px #006ab3cc;
  }

  .subtitle.white {
    font-size: 15px;
  }

  .body-display {
    font-size: 15px;
    line-height: 1.5em;
  }

  .service-bottom-content {
    grid-row-gap: 24px;
    padding-top: 0;
  }

  .service-item-top {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr auto;
    display: flex;
  }

  .verticle-line {
    display: none;
  }

  .text-block-89 {
    font-size: 14px;
    line-height: 1.5em;
  }

  .text-block-80, .link-2 {
    font-size: 14px;
  }

  .text-block-79 {
    font-size: 15px;
  }

  .footer {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .leistungssection {
    padding-bottom: 20px;
  }

  .big-heading-2, .big-heading-2.center {
    font-size: 18px;
  }

  .faq-arrow.black {
    width: 25px;
  }

  .main-paragraph-3 {
    text-align: center;
    font-size: 15px;
  }

  .grid-image-wrapper.animate-in {
    width: 100%;
    height: 100%;
    overflow: visible;
  }

  .faq-container {
    justify-content: space-between;
    margin-right: 0;
  }

  .faq-center-box {
    width: 100%;
  }

  .faq-answer-box {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
  }

  .image-overlay, .media-fit-cover {
    min-height: 400px;
  }

  .accordion-wrapper {
    margin-top: 20px;
  }

  .accordion-wrapper.blau {
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-arrow-box.transparent {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .digitalisierung {
    margin-top: 0;
  }

  .testimonial-wrapper {
    flex-direction: column;
    align-items: center;
    padding-right: 0;
  }

  .image.style-1 {
    border-radius: 20px;
    height: 300px;
  }

  .image.style-1.testimonial {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    max-width: none;
    height: 420px;
    max-height: none;
  }

  .split-content.testimonials-right {
    margin-bottom: 20px;
  }

  .slider {
    max-width: 100%;
  }

  .testimonials-slider-left-arrow-2 {
    inset: auto auto 0% 0%;
  }

  .testimonials-slider-right-arrow-2 {
    inset: auto 0% 0% auto;
  }

  .content-bottom.margin-top-40px {
    margin-top: 10px;
  }

  .card-2 {
    border-radius: 20px;
    padding-top: 44px;
    padding-bottom: 44px;
  }

  .card-2.style-1 {
    padding: 48px 35px;
  }

  .card-2.style-1.card-testimonial {
    text-align: center;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    align-items: center;
    margin-top: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-200 {
    font-size: 16px;
  }

  .text-200.bold.text-color-neutral-800 {
    text-align: center;
    font-size: 16px;
  }

  .image-86 {
    width: 25px;
  }

  .text-digital {
    font-size: 15px;
  }

  .div-block-284 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-115 {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    font-size: 17px;
  }

  .text-block-115.white-copy {
    font-size: 17px;
  }

  .hide-text {
    text-align: center;
    font-size: 15px;
  }

  .text-block-117 {
    opacity: 1;
    font-size: 70px;
  }

  .grid-59 {
    margin-top: 10px;
  }

  .number-prozess, .number-prozess.white {
    border-width: 1px;
    font-weight: 500;
  }

  .text-201 {
    font-size: 15px;
  }

  .text-block-118 {
    font-size: 18px;
  }

  .div-block-519 {
    margin-top: 0;
  }

  .footer-link-2 {
    font-size: 15px;
  }

  ._1-2-block.right-line {
    height: 200px;
  }

  .ffnungszeiten p, .div-block-521 {
    font-size: 15px;
  }

  .accrodian-item {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-left: 22px;
    padding-right: 21px;
  }

  .blog-accrodian-question {
    white-space: pre-wrap;
    justify-content: center;
    align-items: flex-start;
    font-size: 20px;
    line-height: 120%;
  }

  .section-6 {
    padding-bottom: 20px;
  }

  .div-block-528 {
    justify-content: flex-start;
    align-items: center;
  }

  .image-186 {
    width: 30px;
  }

  .text-block-119 {
    font-size: 15px;
  }

  .downloadbereich {
    padding-bottom: 40px;
  }

  .tab-download {
    font-size: 15px;
  }

  .tab-download.w--current {
    min-width: 245px;
    font-size: 15px;
  }

  .text-block-120 {
    font-size: 15px;
  }

  .download-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-537 {
    justify-content: center;
    align-items: center;
    display: flex;
    position: static;
    top: auto;
    left: 0%;
    right: 0%;
  }

  .background-video-6 {
    height: 400px;
  }

  .slider-2 {
    height: 450px;
  }

  .heading-167 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
  }

  .rich-text-block1 {
    font-size: 15px;
  }

  .bold-text, .bold-text-2 {
    display: none;
  }

  .heading-168, .heading-169 {
    font-size: 18px;
  }

  .paragraph-21 {
    margin-bottom: 0;
    font-size: 15px;
  }

  .div-block-543 {
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    padding-left: 0;
  }

  .div-block-544 {
    padding-left: 5vw;
    padding-right: 5vw;
    display: block;
  }

  .bold-text-5, .bold-text-6, .paragraph, .paragraph-23, .paragraph-24, .paragraph-25, .paragraph-26, .paragraph-27, .paragraph-28, .paragraph-29, .paragraph-30, .paragraph-31, .paragraph-32, .paragraph-33, .paragraph-34, .paragraph-35, .paragraph-36, .paragraph-37, .paragraph-38, .paragraph-39, .paragraph-40, .paragraph-41, .paragraph-42, .paragraph-43, .paragraph-44, .bold-text-7, .rich-text-block3 p, .rich-text-block5 p, .rich-text-block-4 {
    font-size: 15px;
  }

  .rich-text-block-4 h1 {
    font-size: 32px;
  }

  .rich-text-block-5 {
    font-size: 15px;
  }

  .rich-text-block-5 h1 {
    font-size: 32px;
  }

  .footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }

  .div-block-645 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .text-202 {
    font-size: 16px;
  }

  .text-202.max-width-600px {
    font-size: 15px;
  }

  .heading-big-hp {
    margin-bottom: 5px;
    font-size: 35px;
  }

  .heading-big-hp.carreer {
    font-size: 35px;
  }

  .social-symbol {
    width: 50px;
  }

  ._20px-down {
    margin-top: 10px;
  }

  .flex-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 0;
    margin-bottom: 10px;
    display: grid;
  }
}

@media screen and (max-width: 479px) {
  ul {
    padding-left: 20px;
  }

  .div-block-175 {
    margin-bottom: 10px;
  }

  .nav-link {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .mobile-wrapper {
    border: 1px #000;
    height: 105vh;
  }

  .hide-on-mobile {
    display: none;
  }

  .brand.adjacent-to-nav-menu, .brand.adjacent-to-nav-menu.w--current {
    max-width: 240px;
  }

  .button {
    padding: 9px 10px;
    font-size: 12px;
  }

  .button.small.download {
    font-size: 14px;
    line-height: 1.3em;
  }

  .button.white {
    margin-top: 10px;
    line-height: 1.3em;
  }

  .button-text-digital {
    font-size: 14px;
  }

  .image-77 {
    width: 22px;
  }

  .nav-menu {
    position: fixed;
    inset: 0% 0% 0% auto;
  }

  .link-block-6 {
    font-size: 15px;
  }

  .hero {
    margin-top: 0;
  }

  .h2-hero {
    font-size: 32px;
  }

  .kanzleientwicklung {
    padding-bottom: 20px;
  }

  .text-block-113 {
    font-size: 20px;
  }

  .div-block-278 {
    height: 500px;
  }

  .background-video-2 {
    height: 300px;
  }

  .div-block-280 {
    height: 500px;
  }

  .div-block-280._3 {
    padding: 20px;
  }

  .typed-text {
    font-size: 18px;
  }

  .h2-heading, .h2-heading.white {
    text-align: center;
  }

  .classes-content-wrapper {
    grid-row-gap: 10px;
  }

  .arrow-right {
    width: 36%;
  }

  .scroll-item {
    flex-wrap: wrap;
  }

  .heading-box {
    width: 100%;
  }

  .scrollable-image {
    width: 100%;
    min-height: 250px;
    overflow: hidden;
  }

  .classes-section {
    margin-left: 0;
  }

  .scrollable-bg.mobile-height {
    height: 37%;
  }

  .classes-block {
    width: 100%;
    height: auto;
  }

  .classes-block._2 {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .scroll-text-container {
    width: 100%;
    padding: 23px 5%;
  }

  .h3-big {
    font-size: 34px;
    line-height: 38px;
  }

  .hallo {
    margin-bottom: 10px;
  }

  .hallo.smaller {
    margin-bottom: 10px;
    font-size: 22px;
  }

  .fakten {
    padding-top: 40px;
  }

  .fakten-2 {
    padding-top: 20px;
  }

  .heading-117 {
    font-size: 24px;
    line-height: 1.3em;
  }

  .div-block-15 {
    padding-left: 11px;
    padding-right: 11px;
    box-shadow: 1px 1px 9px #006ab3cc;
  }

  .subtitle {
    text-align: center;
    font-size: 15px;
  }

  .subtitle.white {
    text-align: center;
  }

  .subtitle.black {
    text-align: center;
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.2em;
  }

  .service-bottom-content {
    padding-top: 0;
  }

  .medium-stacked-intro {
    grid-row-gap: 24px;
  }

  .service-list-item {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .text-block-89 {
    text-align: center;
  }

  .grid-7 {
    grid-column-gap: 30px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: auto auto 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: grid;
  }

  .div-block-200 {
    display: flex;
  }

  .text-block-80, .link-2 {
    text-align: center;
  }

  .grid-8 {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .text-block-79 {
    text-align: center;
  }

  .big-heading-2 {
    width: 70%;
    font-size: 16px;
  }

  .faq-arrow.black {
    width: 20px;
  }

  .faq-trigger {
    height: auto;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .faq-trigger.blau {
    padding-right: 0;
  }

  .grid-18 {
    margin-top: 0;
  }

  .faq-container {
    object-fit: fill;
    flex-direction: row;
    justify-content: space-between;
    height: 75.1875px;
    margin-top: 0;
    padding: 0 10px 0 0;
    position: relative;
    overflow: visible;
  }

  .faq-container.blau {
    height: auto;
    padding-right: 0;
  }

  .faq-center-box {
    width: 100%;
    margin-left: 10px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .faq-center-box.stellen {
    margin-left: 0;
  }

  .faq-list {
    width: 100%;
    margin-top: 20px;
  }

  .faq-answer-box {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
  }

  .faq-answer-box.blau {
    margin-bottom: 10px;
  }

  .media-fit-cover {
    min-height: 400px;
  }

  .accordion-wrapper {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .faq-arrow-box {
    border-left-style: none;
    justify-content: center;
    width: 35px;
    min-width: 35px;
    height: 35px;
    min-height: 35px;
    margin-right: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .faq-arrow-box.transparent {
    width: 35px;
    min-width: 35px;
    height: 35px;
    min-height: 35px;
  }

  .word-rotation-wrap {
    height: 44.7969px;
  }

  .heading-rotation {
    height: 44.7969px;
    font-size: 32px;
  }

  .underline-header-copy {
    margin-bottom: 10px;
  }

  .div-block-282 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .testimonial-wrapper {
    margin-bottom: 15px;
    padding-right: 0;
  }

  .image.style-1 {
    border-radius: 15px;
    height: auto;
  }

  .image.style-1.testimonial {
    border-radius: .5px;
    height: 300px;
    max-height: none;
  }

  .split-content.testimonials-right {
    margin-bottom: 0;
  }

  .testimonials-slider-left-arrow-2 {
    width: 35px;
    min-width: auto;
    height: 35px;
    min-height: auto;
    max-height: none;
    inset: auto auto 0% 0%;
  }

  .testimonials-slider-right-arrow-2 {
    width: 35px;
    min-width: auto;
    height: 35px;
    min-height: auto;
    max-height: none;
    inset: auto 0% 0% auto;
  }

  .card-2 {
    border-radius: 15px;
    padding: 38px 25px;
  }

  .card-2.style-1 {
    padding: 40px 25px;
  }

  .card-2.style-1.card-testimonial {
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 0 0;
    font-size: 15px;
    line-height: 1.5em;
  }

  .text-200, .text-200.bold.text-color-neutral-800 {
    font-size: 15px;
  }

  .max-width-60.mobile-portrait-max-width-100 {
    max-width: 100%;
  }

  .section-2 {
    padding-bottom: 40px;
  }

  .image-86 {
    width: 20px;
  }

  .section-3 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .text-block-115 {
    font-size: 16px;
  }

  .hide-text {
    margin-top: 0;
    font-size: 15px;
  }

  .text-block-117 {
    font-size: 40px;
  }

  .section-4, .section-5 {
    padding-top: 20px;
  }

  .div-block-519 {
    flex-direction: column;
    justify-content: center;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .footer-link-2 {
    text-align: center;
    margin-top: -5px;
    margin-left: 0;
    padding-left: 0;
    font-size: 15px;
  }

  .div-block-521 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .accrodian-item {
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
    padding: 14px 10px;
  }

  .blog-accrodian-question {
    white-space: normal;
    font-size: 15px;
  }

  .grid-60 {
    margin-top: 0;
  }

  .div-block-528 {
    height: auto;
  }

  .text-block-119 {
    line-height: 1.4em;
  }

  .tab-download {
    width: 100%;
    min-width: auto;
  }

  .tab-download.w--current {
    width: 100%;
  }

  .tabs-menu {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    flex-flow: column;
  }

  .div-block-530 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .background-video-6 {
    height: 250px;
  }

  .slider-2 {
    height: 280px;
  }

  .list {
    padding-left: 20px;
  }

  .bold-text {
    display: flex;
  }

  .bold-text-2 {
    display: none;
  }

  .text-block-121, .text-block-122 {
    font-size: 18px;
  }

  .rich-text-block-4 h1 {
    font-size: 26px;
  }

  .rich-text-block-5 h1 {
    font-size: 28px;
  }

  .div-block-645 {
    margin-top: 0;
  }

  .instagram-feed---icon-inside {
    max-width: 36px;
  }

  .text-202 {
    font-size: 15px;
  }

  .h3-section {
    font-size: 18px;
  }

  .social-symbol {
    width: 40px;
  }

  .social-media-einblicke {
    padding-top: 20px;
  }
}

#w-node-_179be1dd-ca60-2ac0-2363-789fcf0ca883-cf0ca853 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_179be1dd-ca60-2ac0-2363-789fcf0ca88b-cf0ca853 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_28eb19ae-0e12-a76a-f35d-14732894f9b6-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894f9b7-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894f9b8-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894f9b9-2894f986 {
  align-self: start;
}

#w-node-_28eb19ae-0e12-a76a-f35d-14732894f9c7-2894f986 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_28eb19ae-0e12-a76a-f35d-14732894f9cf-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894f9db-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894f9e7-2894f986 {
  align-self: start;
}

#w-node-_28eb19ae-0e12-a76a-f35d-14732894fa50-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894fb0b-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894fb20-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894fb2c-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894fb38-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894fb44-2894f986 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_28eb19ae-0e12-a76a-f35d-14732894fb7d-2894f986 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_28eb19ae-0e12-a76a-f35d-14732894fbe1-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894fbe9-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894fbf1-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894fbf9-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894fc01-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894fc09-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894fc11-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894fc19-2894f986 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_28eb19ae-0e12-a76a-f35d-14732894fc2a-2894f986 {
  align-self: center;
}

#w-node-_28eb19ae-0e12-a76a-f35d-14732894fc3f-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894fc41-2894f986 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_28eb19ae-0e12-a76a-f35d-14732894fdd1-2894f986, #w-node-_28eb19ae-0e12-a76a-f35d-14732894fdd9-2894f986 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_28eb19ae-0e12-a76a-f35d-14732894fddb-2894f986 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_28eb19ae-0e12-a76a-f35d-14732894fde5-2894f986 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7f42baf7-d15b-541a-5bcb-0b0561578fc7-61578fc3 {
  justify-self: stretch;
}

#w-node-_7f42baf7-d15b-541a-5bcb-0b0561578fc9-61578fc3 {
  justify-self: center;
}

#w-node-_7f42baf7-d15b-541a-5bcb-0b0561578ffa-61578fc3 {
  justify-self: end;
}

@media screen and (min-width: 1440px) {
  #w-node-_28eb19ae-0e12-a76a-f35d-14732894f9b6-2894f986 {
    align-self: start;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_179be1dd-ca60-2ac0-2363-789fcf0ca883-cf0ca853 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_179be1dd-ca60-2ac0-2363-789fcf0ca88b-cf0ca853 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Jaschke Font Montserrat';
  src: url('../fonts/montserrat-extrabolditalic.ttf') format('truetype'), url('../fonts/montserrat-bolditalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jaschke Font Montserrat';
  src: url('../fonts/montserrat-extrabold.ttf') format('truetype'), url('../fonts/montserrat-bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jaschke Font Montserrat';
  src: url('../fonts/montserrat-extralightitalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jaschke Font Montserrat';
  src: url('../fonts/montserrat-black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jaschke Font Montserrat';
  src: url('../fonts/montserrat-lightitalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jaschke Font Montserrat';
  src: url('../fonts/montserrat-thinitalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jaschke Font Montserrat';
  src: url('../fonts/montserrat-thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jaschke Font Montserrat';
  src: url('../fonts/montserrat-mediumitalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jaschke Font Montserrat';
  src: url('../fonts/montserrat-light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jaschke Font Montserrat';
  src: url('../fonts/montserrat-italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jaschke Font Montserrat';
  src: url('../fonts/montserrat-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jaschke Font Montserrat';
  src: url('../fonts/montserrat-semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jaschke Font Montserrat';
  src: url('../fonts/montserrat-semibolditalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Jaschke Font Montserrat';
  src: url('../fonts/montserrat-medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jaschke Font Montserrat';
  src: url('../fonts/montserrat-extralight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jaschke Font Montserrat';
  src: url('../fonts/montserrat-blackitalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}