html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

:where(button.w-popover-trigger) {
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  background-color: #0000;
  border: 0;
  margin: 0;
  padding: 0;
}

.w-popover[popover]:not(:popover-open) {
  display: none;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

pre.w-code-block code > span {
  display: block !important;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  width: auto !important;
  height: auto !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

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

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

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

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

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

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

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

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

.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;
}

@font-face {
  font-family: Haufemerriweather;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c1f_haufemerriweather.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c32_haufemerriweather.woff") format("woff"), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c25_haufemerriweather.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Haufemerriweathersans;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43dbc_haufemerriweathersanslt.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c83_haufemerriweathersanslt.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Haufemerriweather;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c69_haufemerriweather-bold.eot") format("embedded-opentype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Haufemerriweather;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c7b_haufemerriweatherlight.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c32_haufemerriweather.woff") format("woff"), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c5b_haufemerriweatherlight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Haufemerriweathersans;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43dbd_haufemerriweathersans.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c63_haufemerriweathersans.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Haufemerriweathersanslt;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c78_haufemerriweathersanslt.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Haufemerriweather;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c59_haufemerriweather-bolditalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Haufemerriweathersans;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c31_haufemerriweathersans-bolditalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Haufemerriweathersans;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c5a_haufemerriweathersans-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Haufemerriweathersans;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c35_haufemerriweathersans-italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Haufemerriweather;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c2e_haufemerriweatherlight-italic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Haufemerriweathersans;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c66_haufemerriweathersanslt-italic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Haufemerriweather;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c67_haufemerriweatherxlt-italic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Haufemerriweathersans;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c36_haufemerriweathersansxlt-italic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Haufemerriweather;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c76_haufemerriweather-italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Haufemerriweathersans;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c7c_haufemerriweathersansxlt.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Haufemerriweather;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c39_haufemerriweatherxlt.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Bebasneue;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c77_BebasNeue.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Abcfavorit;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/68d5271c618fc4198dda1558_1db075b52555b189b52c5c295dc23f14_ABCFavorit-Medium.woff2") format("woff2"), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/68d5271c618fc4198dda155d_b693790a46809f5e1f64f480ee9ab642_ABCFavorit-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Abcfavorit;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/68d5271c618fc4198dda1559_13ed90e3642b261416a30fb69dc3a495_ABCFavorit-Bold.woff2") format("woff2"), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/68d5271c618fc4198dda155c_57dac55d5a216982cb10818c75931c32_ABCFavorit-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Abcfavorit;
  src: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/68d5271c618fc4198dda155a_dac48c71a215dd5a67eec5414573fecb_ABCFavorit-Regular.woff2") format("woff2"), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/68d5271c618fc4198dda155b_b907666387a40530f0a1483e79fc52c4_ABCFavorit-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --haufe-styleguide-stage---colors-all--white: white;
  --haufe-styleguide-stage---colors-all--haufe-pink: #fe73b2;
  --haufe-styleguide-stage---component-card--border-radius: .75rem;
  --haufe-styleguide-stage---colors-all--haufe-lighter-blue: #f2f6ff;
  --haufe-styleguide-stage---spacing-layout--container-max-width: 90rem;
  --haufe-styleguide-stage---colors-all--haufe-navy-blue: #001344;
  --haufe-styleguide-stage---component-button--font-size-lg: 1rem;
  --haufe-styleguide-stage---component-button--line-height: 1.5em;
  --haufe-styleguide-stage---component-button--font-size-md: 1rem;
  --haufe-styleguide-stage---component-button--font-size-sm: .875rem;
  --haufe-styleguide-stage---colors-all--haufe-light-blue: #dbe5ff;
  --haufe-styleguide-stage---colors-all--haufe-electric-blue: #0500ff;
  --haufe-styleguide-stage---spacing-utility-rem--1rem: 1rem;
  --haufe-styleguide-stage---component-button--border-radius: 3.75rem;
  --haufe-styleguide-stage---component-button--font-weight: var(--haufe-styleguide-stage---type-weight--500);
  --haufe-styleguide-stage---spacing-utility-rem--0-75rem: .75rem;
  --haufe-styleguide-stage---spacing-utility-rem--2-5rem: 2.5rem;
  --haufe-styleguide-stage---spacing-utility-rem--8rem: 8rem;
  --haufe-styleguide-stage---spacing-utility-rem--1-5rem: 1.5rem;
  --haufe-styleguide-stage---spacing-utility-rem--0-5rem: .5rem;
  --haufe-styleguide-stage---spacing-utility-rem--3rem: 3rem;
  --haufe-styleguide-stage---colors-all--light-gray: #dfddd6;
  --haufe-styleguide-stage---spacing-utility-rem--0-25rem: .25rem;
  --haufe-styleguide-stage---spacing-layout--row-col-neg-half-gap: -12px;
  --haufe-styleguide-stage---spacing-layout--row-col-neg-gap: -24px;
  --haufe-styleguide-stage---component-button--letter-spacing: 0em;
  --haufe-styleguide-stage---type-h1--font-size-lg: 3.75rem;
  --haufe-styleguide-stage---type-h1--line-height: 1.1em;
  --haufe-styleguide-stage---type-h2--font-size-lg: 2.875rem;
  --haufe-styleguide-stage---type-h2--line-height: 1.1em;
  --haufe-styleguide-stage---type-h3--font-size-lg: 2rem;
  --haufe-styleguide-stage---type-h3--line-height: 1.125em;
  --haufe-styleguide-stage---type-h4--font-size-lg: 1.25rem;
  --haufe-styleguide-stage---type-h4--line-height: 1.4em;
  --haufe-styleguide-stage---type-h1--font-size-md: 3rem;
  --haufe-styleguide-stage---type-h2--font-size-md: 2.25rem;
  --haufe-styleguide-stage---type-h3--font-size-md: 1.625rem;
  --haufe-styleguide-stage---type-h4--font-size-md: 1.25rem;
  --haufe-styleguide-stage---type-h1--font-size-sm: 2rem;
  --haufe-styleguide-stage---type-h2--font-size-sm: 1.625rem;
  --haufe-styleguide-stage---type-h3--font-size-sm: 1.25rem;
  --haufe-styleguide-stage---type-h4--font-size-sm: 1.25rem;
  --haufe-styleguide-stage---type-h1--font-size-xs: 2rem;
  --haufe-styleguide-stage---type-h2--font-size-xs: 1.625rem;
  --haufe-styleguide-stage---type-h3--font-size-xs: 1.25rem;
  --haufe-styleguide-stage---type-h4--font-size-xs: 1.25rem;
  --haufe-styleguide-stage---spacing-layout--col-content-gap-xs: 1rem;
  --haufe-styleguide-stage---type-body--font-size-lg: 1.125rem;
  --haufe-styleguide-stage---type-body--line-height: 1.5em;
  --haufe-styleguide-stage---type-paragraph-big--font-size-lg: 1.625rem;
  --haufe-styleguide-stage---type-paragraph-big--line-height: 1.5em;
  --haufe-styleguide-stage---type-paragraph-medium--font-size-lg: 1.25rem;
  --haufe-styleguide-stage---type-paragraph-medium--line-height: 1.5em;
  --haufe-styleguide-stage---type-paragraph-small--font-size-lg: .875rem;
  --haufe-styleguide-stage---type-paragraph-small--line-height: 1.5em;
  --haufe-styleguide-stage---type-body--font-size-md: 1rem;
  --haufe-styleguide-stage---type-paragraph-big--font-size-md: 1.375rem;
  --haufe-styleguide-stage---type-paragraph-medium--font-size-md: 1rem;
  --haufe-styleguide-stage---type-paragraph-small--font-size-md: .75rem;
  --haufe-styleguide-stage---type-body--font-size-sm: 1rem;
  --haufe-styleguide-stage---type-paragraph-big--font-size-sm: 1.25rem;
  --haufe-styleguide-stage---type-paragraph-medium--font-size-sm: 1rem;
  --haufe-styleguide-stage---type-paragraph-small--font-size-sm: .75rem;
  --haufe-styleguide-stage---type-body--font-size-xs: 1rem;
  --haufe-styleguide-stage---type-paragraph-big--font-size-xs: 1.25rem;
  --haufe-styleguide-stage---type-paragraph-medium--font-size-xs: 1rem;
  --haufe-styleguide-stage---type-paragraph-small--font-size-xs: .75rem;
  --haufe-styleguide-stage---spacing-layout--row-col-gap: 24px;
  --haufe-styleguide-stage---spacing-layout--row-col-half-gap: 12px;
  --haufe-styleguide-stage---spacing-layout--section-padding-lg: 6.25rem;
  --haufe-styleguide-stage---spacing-layout--section-padding-md: var(--haufe-styleguide-stage---spacing-utility-rem--3rem);
  --haufe-styleguide-stage---spacing-layout--section-padding-sm: var(--haufe-styleguide-stage---spacing-utility-rem--2rem);
  --haufe-styleguide-stage---spacing-layout--section-padding-xs: var(--haufe-styleguide-stage---spacing-utility-rem--1-5rem);
  --haufe-styleguide-stage---type-paragraph-medium--bottom-margin: 1em;
  --haufe-styleguide-stage---type-label--font-size-md: 1rem;
  --haufe-styleguide-stage---type-label--line-height: 1em;
  --haufe-styleguide-stage---type-label--font-size-lg: 1.25rem;
  --haufe-styleguide-stage---type-label--font-size-sm: 1rem;
  --haufe-styleguide-stage---type-label--font: var(--haufe-styleguide-stage---type-all-fonts--primary-font);
  --haufe-styleguide-stage---type-label--font-size-xs: 1rem;
  --haufe-styleguide-stage---type-h3--bottom-margin: .5em;
  --haufe-styleguide-stage---type-h2--bottom-margin: .3em;
  --haufe-styleguide-stage---type-h1--bottom-margin: .2em;
  --haufe-styleguide-stage---type-h4--bottom-margin: .8em;
  --haufe-styleguide-stage---type-all-fonts--primary-font: Abcfavorit, Arial, sans-serif;
  --haufe-styleguide-stage---colors-page-wrapper--text: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  --haufe-styleguide-stage---component-input-label--font-size: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
  --haufe-styleguide-stage---component-input-label--line-height: 1.5em;
  --haufe-styleguide-stage---white\<deleted\|variable-daa72a21-719b-21d9-850d-7ce12ab5bf45\>: white;
  --haufe-styleguide-stage---spacing-utility-rem--9rem: 9rem;
  --haufe-styleguide-stage---spacing-utility-em--2em: 2em;
  --haufe-styleguide-stage---colors-all--mid-gray: #888680;
  --haufe-styleguide-stage---colors-all--dark-gray: #302f2c;
  --haufe-styleguide-stage---colors-all--haufe-mid-blue: #8a9eff;
  --royal-blue: #0058ff;
  --turquoise: #00e8e0;
  --deep-pink: #f70d9c;
  --silver: #c1c1c1;
  --black: black;
  --white: white;
  --black-100: #232a36;
  --light-blue: #00abf7;
  --dim-grey: #646973;
  --mishka5: #e7e7e8;
  --bluesteueroffice: #011232;
  --greybackground-pw: #f7f7f8;
  --transpbackground-pw: #f7f7f8cc;
  --iron: #d2d4d6;
  --oxford-blue: #232a16;
  --cols-gutter: 1.25rem;
  --haufe-styleguide-stage---colors-all--black: #000;
  --haufe-styleguide-stage---colors-page-wrapper--background: var(--haufe-styleguide-stage---colors-all--white);
  --haufe-styleguide-stage---component-button--font: var(--haufe-styleguide-stage---type-all-fonts--primary-font);
  --haufe-styleguide-stage---component-button--font-size-xs: .875rem;
  --haufe-styleguide-stage---component-button--vertical-padding: .75rem;
  --haufe-styleguide-stage---component-button--horizontal-padding: 2rem;
  --haufe-styleguide-stage---component-button-medium--vertical-padding: 1.5rem;
  --haufe-styleguide-stage---component-button-medium--horizontal-padding: .5rem;
  --haufe-styleguide-stage---component-card--card-body-padding-lg: 2.25rem;
  --haufe-styleguide-stage---component-card--card-body-padding-sm: 20px;
  --haufe-styleguide-stage---component-input--font: var(--haufe-styleguide-stage---type-all-fonts--primary-font);
  --haufe-styleguide-stage---component-input--font-weight: var(--haufe-styleguide-stage---type-weight--400);
  --haufe-styleguide-stage---component-input--font-size: 1rem;
  --haufe-styleguide-stage---component-input--line-height: 1.5em;
  --haufe-styleguide-stage---component-input--letter-spacing: 0em;
  --haufe-styleguide-stage---component-input--border-radius: .5rem;
  --haufe-styleguide-stage---component-input--bottom-margin: 1rem;
  --haufe-styleguide-stage---component-input-label--font-weight: var(--haufe-styleguide-stage---type-weight--400);
  --haufe-styleguide-stage---component-input-label--letter-spacing: 0em;
  --haufe-styleguide-stage---spacing-utility-em--0-5em: .5em;
  --haufe-styleguide-stage---spacing-utility-em--1em: 1em;
  --haufe-styleguide-stage---spacing-utility-em--3em: 3em;
  --haufe-styleguide-stage---spacing-utility-rem--2rem: 2rem;
  --haufe-styleguide-stage---spacing-utility-rem--2-25rem: 2.25rem;
  --haufe-styleguide-stage---spacing-utility-rem--3-5rem: 3.5rem;
  --haufe-styleguide-stage---spacing-utility-rem--4rem: 4rem;
  --haufe-styleguide-stage---spacing-utility-rem--5rem: 5rem;
  --haufe-styleguide-stage---spacing-utility-rem--6rem: 6rem;
  --haufe-styleguide-stage---spacing-utility-rem--7rem: 7rem;
  --haufe-styleguide-stage---type-body--font: var(--haufe-styleguide-stage---type-all-fonts--primary-font);
  --haufe-styleguide-stage---type-body--font-weight: var(--haufe-styleguide-stage---type-weight--400);
  --haufe-styleguide-stage---type-h1--font: var(--haufe-styleguide-stage---type-all-fonts--primary-font);
  --haufe-styleguide-stage---type-h1--font-weight: var(--haufe-styleguide-stage---type-weight--400);
  --haufe-styleguide-stage---type-h2--font: var(--haufe-styleguide-stage---type-all-fonts--primary-font);
  --haufe-styleguide-stage---type-h2--font-weight: var(--haufe-styleguide-stage---type-weight--400);
  --haufe-styleguide-stage---type-h3--font: var(--haufe-styleguide-stage---type-all-fonts--primary-font);
  --haufe-styleguide-stage---type-h3--font-weight: var(--haufe-styleguide-stage---type-weight--400);
  --haufe-styleguide-stage---type-h4--font: var(--haufe-styleguide-stage---type-all-fonts--primary-font);
  --haufe-styleguide-stage---type-h4--font-weight: var(--haufe-styleguide-stage---type-weight--400);
  --haufe-styleguide-stage---type-label--font-weight: var(--haufe-styleguide-stage---type-weight--400);
  --haufe-styleguide-stage---type-paragraph--bottom-margin: 1em;
  --haufe-styleguide-stage---type-paragraph-big--font: var(--haufe-styleguide-stage---type-all-fonts--primary-font);
  --haufe-styleguide-stage---type-paragraph-big--font-weight: var(--haufe-styleguide-stage---type-weight--400);
  --haufe-styleguide-stage---type-paragraph-big--bottom-margin: 1em;
  --haufe-styleguide-stage---type-paragraph-medium--font: var(--haufe-styleguide-stage---type-all-fonts--primary-font);
  --haufe-styleguide-stage---type-paragraph-medium--font-weight: var(--haufe-styleguide-stage---type-weight--400);
  --haufe-styleguide-stage---type-paragraph-small--font: var(--haufe-styleguide-stage---type-all-fonts--primary-font);
  --haufe-styleguide-stage---type-paragraph-small--font-weight: var(--haufe-styleguide-stage---type-weight--400);
  --haufe-styleguide-stage---type-paragraph-small--bottom-margin: 1em;
  --haufe-styleguide-stage---type-weight--100: 0px;
  --haufe-styleguide-stage---type-weight--200: 0px;
  --haufe-styleguide-stage---type-weight--300: 0px;
  --haufe-styleguide-stage---type-weight--400: 0px;
  --haufe-styleguide-stage---type-weight--500: 0px;
  --haufe-styleguide-stage---type-weight--600: 0px;
  --haufe-styleguide-stage---type-weight--700: 0px;
  --haufe-styleguide-stage---type-weight--800: 0px;
  --haufe-styleguide-stage---type-weight--900: 0px;
  --haufe-styleguide-stage---spacing-layout--col-content-gap-lg: 2.25rem;
  --haufe-styleguide-stage---type-weight--weight: var(--haufe-styleguide-stage---type-weight--400);
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.haufe-styleguide-stage--u-d-flex {
  display: flex;
}

.haufe-styleguide-stage--u-d-flex.haufe-styleguide-stage--cc-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
}

.haufe-styleguide-stage--page-wrapper {
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  position: relative;
}

.haufe-styleguide-stage--doc__selector-callout {
  color: #fff;
  letter-spacing: .01em;
  background-color: #0500ff;
  border-radius: 3px;
  margin-top: .1em;
  margin-bottom: .1em;
  margin-right: .2em;
  padding: .08em .6em;
  font-size: .8rem;
  line-height: 1.7;
  display: inline-block;
  position: relative;
  top: -1px;
}

.haufe-styleguide-stage--doc__selector-callout.haufe-styleguide-stage--cc-component {
  background-color: #13be00;
  margin-top: 1em;
  margin-bottom: 1em;
}

.haufe-styleguide-stage--doc__selector-callout.haufe-styleguide-stage--cc-element {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-pink);
}

.haufe-styleguide-stage--u-mb-3 {
  margin-bottom: 3em;
}

.haufe-styleguide-stage--header-top {
  z-index: 999;
  position: relative;
}

.haufe-styleguide-stage--c-help-wrap {
  z-index: 10000;
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-lighter-blue);
  width: 94%;
  min-height: 18.75rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2.3rem;
  position: fixed;
  inset: 2.4rem 0% auto;
  box-shadow: 0 2px 30px #0003;
}

.haufe-styleguide-stage--container {
  width: 100%;
  max-width: var(--haufe-styleguide-stage---spacing-layout--container-max-width);
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  overflow: visible;
}

.haufe-styleguide-stage--btn {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---component-button--font-size-lg);
  line-height: var(--haufe-styleguide-stage---component-button--line-height);
  text-align: center;
  cursor: pointer;
  background-color: #fe73b2;
  border: 0 solid #000;
  border-radius: 3.75rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 2.25rem;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .3s, border-color .3s cubic-bezier(.25, .46, .45, .94);
  display: inline-flex;
  box-shadow: inset 0 0 #0000;
}

.haufe-styleguide-stage--btn:hover {
  box-shadow: inset 0 0 0 100px #fff3;
}

.haufe-styleguide-stage--btn.haufe-styleguide-stage--medium {
  padding: .5rem 1.5rem;
}

.haufe-styleguide-stage--btn.haufe-styleguide-stage--medium.haufe-styleguide-stage--cc-secondary.haufe-styleguide-stage--nav-btn {
  box-shadow: none;
  transition: color .3s, background-color .3s;
}

.haufe-styleguide-stage--btn.haufe-styleguide-stage--medium.haufe-styleguide-stage--cc-secondary.haufe-styleguide-stage--nav-btn:hover {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
}

.haufe-styleguide-stage--btn.haufe-styleguide-stage--medium.haufe-styleguide-stage--cc-outline {
  color: #fff;
  background-color: #fff0;
  border: 1px solid #fff;
}

.haufe-styleguide-stage--btn.haufe-styleguide-stage--medium.haufe-styleguide-stage--cc-outline:hover {
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  background-color: #fff;
}

.haufe-styleguide-stage--btn.haufe-styleguide-stage--cc-secondary {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: #fff;
  box-shadow: inset 0 0 #0000;
}

.haufe-styleguide-stage--btn.haufe-styleguide-stage--cc-secondary:hover {
  box-shadow: inset 0 0 0 100px #ffffff26;
}

.haufe-styleguide-stage--btn.haufe-styleguide-stage--cc-secondary.haufe-styleguide-stage--cc-light {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
}

.haufe-styleguide-stage--btn.haufe-styleguide-stage--cc-secondary.haufe-styleguide-stage--cc-light:hover {
  box-shadow: inset 0 0 0 100px #0000000d;
}

.haufe-styleguide-stage--btn.haufe-styleguide-stage--cc-light {
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  box-shadow: 0 0 30px #00000026, inset 0 0 #001344;
}

.haufe-styleguide-stage--btn.haufe-styleguide-stage--cc-light:hover {
  color: #fff;
  background-color: #001344;
}

.haufe-styleguide-stage--btn.haufe-styleguide-stage--cc-electric-blue {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: #fff;
  box-shadow: inset 0 0 #0000;
}

.haufe-styleguide-stage--btn.haufe-styleguide-stage--cc-electric-blue:hover {
  box-shadow: inset 0 0 0 100px #ffffff26;
}

.haufe-styleguide-stage--btn.haufe-styleguide-stage--cc-electric-invert {
  border-width: 1px;
  border-color: var(--haufe-styleguide-stage---colors-all--white);
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
  box-shadow: inset 0 0 #0000;
}

.haufe-styleguide-stage--btn.haufe-styleguide-stage--cc-electric-invert:hover {
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  box-shadow: inset 0 0 0 100px #fff;
}

.haufe-styleguide-stage--nav {
  z-index: 100;
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  text-transform: none;
  justify-content: space-between;
  align-items: center;
  height: 7.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  line-height: 1.1;
  display: flex;
  position: sticky;
  top: 0;
}

.haufe-styleguide-stage--nav-logo {
  width: 6.25rem;
  min-width: 6.25rem;
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  line-height: .8;
}

.haufe-styleguide-stage--nav-link {
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  font-size: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
  background-color: #0000;
  padding: .5rem 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color .3s;
  display: block;
}

.haufe-styleguide-stage--nav-link.w--current {
  text-decoration: underline;
}

.haufe-styleguide-stage--nav-link.haufe-styleguide-stage--cc-mein-konto {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  display: flex;
}

.haufe-styleguide-stage--nav-link.haufe-styleguide-stage--cc-mein-konto:hover {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.haufe-styleguide-stage--nav-link.haufe-styleguide-stage--cc-shop {
  border-radius: var(--haufe-styleguide-stage---component-button--border-radius);
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}

.haufe-styleguide-stage--nav-link.haufe-styleguide-stage--cc-shop:hover {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.haufe-styleguide-stage--nav_menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.haufe-styleguide-stage--nav_dropdown-list {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.haufe-styleguide-stage--nav_dropdown-list.w--open {
  background-color: #0000;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  inset: 7.5rem auto auto 0;
  overflow: hidden;
}

.haufe-styleguide-stage--nav_dropdown-list.haufe-styleguide-stage--cc-on-col {
  box-shadow: none;
}

.haufe-styleguide-stage--nav_dropdown-list.haufe-styleguide-stage--cc-on-col.w--open {
  width: auto;
  min-width: 0;
  max-width: none;
  box-shadow: none;
  background-color: #0000;
  margin-top: -2rem;
  margin-left: -1rem;
  padding: 1rem;
  left: auto;
}

.haufe-styleguide-stage--nav_dropdown-list.haufe-styleguide-stage--cc-no-shadow {
  box-shadow: none;
}

.haufe-styleguide-stage--nav_dropdown-list.haufe-styleguide-stage--cc-no-shadow.w--open {
  margin-top: -2rem;
  padding-top: 1rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.haufe-styleguide-stage--nav_tabs-menu {
  margin-bottom: var(--haufe-styleguide-stage---spacing-utility-rem--2-5rem);
  grid-column-gap: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
  grid-row-gap: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
  border-radius: var(--haufe-styleguide-stage---spacing-utility-rem--8rem);
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-lighter-blue);
  text-transform: uppercase;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: inline-block;
}

.haufe-styleguide-stage--nav_menu-dropdown {
  border-radius: var(--haufe-styleguide-stage---component-button--border-radius);
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  cursor: pointer;
  transition: background-color .3s;
  position: static;
}

.haufe-styleguide-stage--nav_menu-dropdown:hover {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.haufe-styleguide-stage--navbar-menu-button {
  padding: 0;
}

.haufe-styleguide-stage--nav_tabs-content {
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
}

.haufe-styleguide-stage--nav_text-link {
  font-size: var(--haufe-styleguide-stage---component-button--font-size-lg);
  padding: .5rem 0;
  font-weight: 400;
}

.haufe-styleguide-stage--nav_text-link:hover {
  text-decoration: underline;
}

.haufe-styleguide-stage--nav_text-link.w--current {
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.haufe-styleguide-stage--nav_menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
}

.haufe-styleguide-stage--nav_logo-link {
  padding: 1.75rem 3.5rem 1.75rem 0;
}

.haufe-styleguide-stage--nav_menu-left {
  grid-column-gap: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
  grid-row-gap: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
  align-items: stretch;
  display: flex;
}

.haufe-styleguide-stage--nav_button-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.haufe-styleguide-stage--nav_wrapper {
  display: flex;
}

.haufe-styleguide-stage--nav_produkte-section {
  z-index: 0;
  max-width: 97.5rem;
  padding: var(--haufe-styleguide-stage---spacing-utility-rem--2-5rem) 2rem var(--haufe-styleguide-stage---spacing-utility-rem--3rem);
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  border-radius: .75rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  overflow: clip;
  box-shadow: 0 0 1rem #00000026;
}

.haufe-styleguide-stage--nav_single-section {
  z-index: 0;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  width: 100%;
  box-shadow: 0 0 var(--haufe-styleguide-stage---spacing-utility-rem--1rem) 0 #00000026;
  border-radius: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 2rem 2.5rem;
  position: relative;
  left: auto;
  overflow: clip;
}

.haufe-styleguide-stage--nv_text-mein-konto-tablet {
  display: none;
}

.haufe-styleguide-stage--nav_dropdown-icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-top: .125rem;
  display: flex;
  transform: rotate(0);
}

.haufe-styleguide-stage--nav_dropdown-icon.haufe-styleguide-stage--cc-produkte {
  transition: transform .4s cubic-bezier(.25, .46, .45, .94);
}

.haufe-styleguide-stage--nav_text-icon-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.haufe-styleguide-stage--nav_divider {
  display: none;
}

.haufe-styleguide-stage--nav_dropdown-trigger {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  font-size: 1rem;
  display: none;
  position: relative;
}

.haufe-styleguide-stage--tab-style {
  color: #001344;
  text-align: center;
  text-transform: none;
  background-color: #fff0;
  border-radius: 3.75rem;
  padding: .75rem 1.5rem;
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.haufe-styleguide-stage--tab-style.w--current {
  background-color: #dbe5ff;
  border-radius: 3.75rem;
  text-decoration: none;
}

.haufe-styleguide-stage--tab-style.haufe-styleguide-stage--cc-first {
  margin-right: var(--haufe-styleguide-stage---spacing-utility-rem--0-75rem);
}

.haufe-styleguide-stage--nav_dropdown-content {
  display: none;
}

.haufe-styleguide-stage--nav_dropdown-content.haufe-styleguide-stage--cc-first {
  display: block;
}

.haufe-styleguide-stage--row {
  margin-right: var(--haufe-styleguide-stage---spacing-layout--row-col-neg-half-gap);
  margin-bottom: var(--haufe-styleguide-stage---spacing-layout--row-col-neg-gap);
  margin-left: var(--haufe-styleguide-stage---spacing-layout--row-col-neg-half-gap);
  flex-wrap: wrap;
  align-content: stretch;
  display: flex;
}

.haufe-styleguide-stage--row:where(.w-variant-87400fb4-4e99-c654-0d1f-5abda0df30cb) {
  justify-content: space-between;
  align-items: stretch;
}

.haufe-styleguide-stage--row:where(.w-variant-8b5a2d55-ad02-01e1-1f97-74e1d4459f26) {
  justify-content: space-around;
  align-items: stretch;
}

.haufe-styleguide-stage--row:where(.w-variant-c19ffcfa-ac78-1a5c-fb5d-a298188342b0) {
  justify-content: center;
  align-items: stretch;
}

.haufe-styleguide-stage--row:where(.w-variant-c0cafb93-f51c-00d6-8662-18305738af57) {
  justify-content: flex-end;
  align-items: stretch;
}

.haufe-styleguide-stage--row:where(.w-variant-cc57d568-f4d0-2e18-a328-84c456e6ffb4) {
  justify-content: center;
  align-items: stretch;
}

.haufe-styleguide-stage--row:where(.w-variant-dae6531a-d04e-54e6-2c63-b877cb51f16e) {
  justify-content: flex-end;
  align-items: stretch;
}

.haufe-styleguide-stage--row:where(.w-variant-6b1136c2-80cf-39ef-5582-35914aa1d2d2) {
  justify-content: space-between;
  align-items: stretch;
}

.haufe-styleguide-stage--row:where(.w-variant-3b72a7e8-f8e8-0ec9-086d-7bffe110aea0) {
  justify-content: space-around;
  align-items: stretch;
}

.haufe-styleguide-stage--row.haufe-styleguide-stage--cc-row-hero {
  margin-bottom: var(--haufe-styleguide-stage---component-button--letter-spacing);
}

.haufe-styleguide-stage--row.haufe-styleguide-stage--row-justify-around {
  justify-content: space-around;
}

.haufe-styleguide-stage--row.haufe-styleguide-stage--row-justify-center {
  justify-content: center;
}

.haufe-styleguide-stage--row.haufe-styleguide-stage--row-justify-between {
  justify-content: space-between;
  align-items: flex-start;
}

.haufe-styleguide-stage--row.haufe-styleguide-stage--row-align-center {
  align-items: center;
}

.haufe-styleguide-stage--row.haufe-styleguide-stage--row-align-end {
  justify-content: flex-start;
  align-items: flex-end;
}

.haufe-styleguide-stage--row.haufe-styleguide-stage--row-justify-end {
  justify-content: flex-end;
}

.haufe-styleguide-stage--row.haufe-styleguide-stage--row-no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.haufe-styleguide-stage--row.haufe-styleguide-stage--row-mb-0 {
  margin-bottom: 0;
}

.haufe-styleguide-stage--btn-icon {
  max-width: 21px;
  line-height: 1;
}

.haufe-styleguide-stage--eyebrow {
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1em;
}

.haufe-styleguide-stage--eyebrow:where(.w-variant-470608f6-6007-083b-ca5a-c9d7638fcda2) {
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--eyebrow:where(.w-variant-41d42a59-a018-e51c-6c08-3bce62d1274b) {
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
}

.haufe-styleguide-stage--eyebrow:where(.w-variant-8e9195b8-79bb-d201-7d3d-7ffe48c9f666) {
  color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.haufe-styleguide-stage--c-hero_content {
  border-top-left-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  border-bottom-left-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 44rem;
  padding: 3rem 3.5rem;
  display: flex;
  overflow: clip;
}

.haufe-styleguide-stage--c-hero_content:where(.w-variant-31abdd74-5f97-54f5-2975-100027bf8935) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-hero_content:where(.w-variant-bd1a66ff-c3d9-12ac-ebbc-e0f91e460be0) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-hero_content:where(.w-variant-83c1ad46-1f3b-6f27-8308-86c2adb6d859) {
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  padding-left: 1.2rem;
}

.haufe-styleguide-stage--button-group {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.haufe-styleguide-stage--hero {
  z-index: 0;
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  overflow: clip;
}

.haufe-styleguide-stage--c-heading {
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-h1--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-h1--line-height);
  margin-left: -.15rem;
  font-weight: 400;
}

.haufe-styleguide-stage--c-heading:where(.w-variant-9bc05784-535a-6bdf-f3d2-6f9c39f9ffe2) {
  font-size: var(--haufe-styleguide-stage---type-h2--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-h2--line-height);
  font-weight: var(--type-h2--font-weight);
  margin-left: -.15rem;
}

.haufe-styleguide-stage--c-heading:where(.w-variant-86b6513c-e2a6-ef41-4975-f9327f0c4a17) {
  font-size: var(--haufe-styleguide-stage---type-h3--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-h3--line-height);
  margin-left: 0;
}

.haufe-styleguide-stage--c-heading:where(.w-variant-aa6a9b50-fb8b-59ed-0cfb-7367e816f5f4) {
  font-size: var(--haufe-styleguide-stage---type-h4--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-h4--line-height);
  margin-left: 0;
}

.haufe-styleguide-stage--c-button-l {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---component-button--font-size-lg);
  line-height: var(--haufe-styleguide-stage---component-button--line-height);
  text-align: center;
  cursor: pointer;
  background-color: #fe73b2;
  border: 0 solid #000;
  border-radius: 3.75rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: .75rem 2.25rem;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .3s, border-color .3s cubic-bezier(.25, .46, .45, .94);
  display: inline-flex;
  box-shadow: inset 0 0 #0000;
}

.haufe-styleguide-stage--c-button-l:where(.w-variant-d6f630e9-2957-b0e5-4c64-c0852e8c34c3) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-button-l:where(.w-variant-4eacf61c-8282-4eb2-6705-9a798aa561d8) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-button-l:where(.w-variant-b6a60ff5-59af-01ee-cdf0-af2c627974fb) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.haufe-styleguide-stage--c-button-l:where(.w-variant-68292bef-d9ff-e53b-7d89-3a182a1bdfec) {
  border-width: 1px;
  border-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  background-color: #0500ff00;
}

.haufe-styleguide-stage--c-button-l:where(.w-variant-6957b3f0-0971-1811-5c57-645972f8bba8) {
  color: var(--haufe-styleguide-stage---colors-all--white);
  background-color: #fff0;
  border-width: 1px;
  border-color: #fff;
}

.haufe-styleguide-stage--c-button-l:where(.w-variant-fec6c175-1f07-4375-0bef-347508dcfe3e) {
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.haufe-styleguide-stage--c-button-l:hover {
  box-shadow: inset 0 0 0 100px #fff3;
}

.haufe-styleguide-stage--c-button-l:hover:where(.w-variant-d6f630e9-2957-b0e5-4c64-c0852e8c34c3) {
  box-shadow: inset 0 0 0 100px #ffffff26;
}

.haufe-styleguide-stage--c-button-l:hover:where(.w-variant-68292bef-d9ff-e53b-7d89-3a182a1bdfec) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  box-shadow: none;
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-text-button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.haufe-styleguide-stage--c-text-button:where(.w-variant-2928a1f2-8008-e27c-4445-4a3aadca610d) {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.haufe-styleguide-stage--c-rich {
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-body--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-body--line-height);
  font-weight: 400;
}

.haufe-styleguide-stage--c-rich:where(.w-variant-20b127a8-95a8-fd82-32b3-7f3766b8e207) {
  font-size: var(--haufe-styleguide-stage---type-paragraph-big--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-paragraph-big--line-height);
}

.haufe-styleguide-stage--c-rich:where(.w-variant-83fa5894-7873-5446-fa16-ebb5e99d36e4) {
  font-size: var(--haufe-styleguide-stage---type-paragraph-medium--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-paragraph-medium--line-height);
}

.haufe-styleguide-stage--c-rich:where(.w-variant-9e973b4b-2fc5-c665-1939-ba23f1d44e60) {
  font-size: var(--haufe-styleguide-stage---type-paragraph-small--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-paragraph-small--line-height);
}

.haufe-styleguide-stage--c-rich blockquote {
  font-family: Abcfavorit, Arial, sans-serif;
}

.haufe-styleguide-stage--c-rich a {
  font-weight: 700;
  text-decoration: underline;
}

.haufe-styleguide-stage--c-rich a:hover {
  text-decoration: none;
}

.haufe-styleguide-stage--c-rich ol {
  padding-left: 2.5em;
}

.haufe-styleguide-stage--c-rich ul {
  padding-left: 2em;
}

.haufe-styleguide-stage--c-hero_image-wrap {
  height: 100%;
  overflow: clip;
}

.haufe-styleguide-stage--c-hero_image-wrap:where(.w-variant-83c1ad46-1f3b-6f27-8308-86c2adb6d859) {
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
}

.haufe-styleguide-stage--c-hero-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.haufe-styleguide-stage--c-hero-image:where(.w-variant-83c1ad46-1f3b-6f27-8308-86c2adb6d859) {
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
}

.haufe-styleguide-stage--c-hero-image:where(.w-variant-8db293e9-9868-4ab3-587f-c37cc1046412) {
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  overflow: hidden;
}

.haufe-styleguide-stage--paragraph {
  font-family: Abcfavorit, Arial, sans-serif;
  font-weight: 400;
}

.haufe-styleguide-stage--col {
  margin-bottom: var(--haufe-styleguide-stage---spacing-layout--row-col-gap);
  padding-right: var(--haufe-styleguide-stage---spacing-layout--row-col-half-gap);
  padding-left: var(--haufe-styleguide-stage---spacing-layout--row-col-half-gap);
  flex: 1;
}

.haufe-styleguide-stage--col.haufe-styleguide-stage--col-lg-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.haufe-styleguide-stage--col.haufe-styleguide-stage--col-lg-4 {
  flex-basis: 33.33%;
  max-width: 33.3333%;
}

.haufe-styleguide-stage--col.haufe-styleguide-stage--col-lg-8 {
  flex-basis: 66.67%;
  max-width: 66.6667%;
}

.haufe-styleguide-stage--col.haufe-styleguide-stage--col-lg-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.haufe-styleguide-stage--col.haufe-styleguide-stage--col-lg-10 {
  flex-basis: 83.33%;
  max-width: 83.3333%;
}

.haufe-styleguide-stage--col.haufe-styleguide-stage--col-lg-2 {
  flex-basis: 16.67%;
  max-width: 16.6667%;
}

.haufe-styleguide-stage--col.haufe-styleguide-stage--col-lg-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.haufe-styleguide-stage--col.haufe-styleguide-stage--col-lg-1 {
  flex-basis: 8.33%;
  max-width: 8.33333%;
}

.haufe-styleguide-stage--col.haufe-styleguide-stage--col-lg-first {
  order: -1;
}

.haufe-styleguide-stage--col.haufe-styleguide-stage--col-lg-5 {
  flex-basis: 41.67%;
  max-width: 41.6667%;
}

.haufe-styleguide-stage--col.haufe-styleguide-stage--col-lg-7 {
  flex-basis: 58.33%;
  max-width: 58.3333%;
}

.haufe-styleguide-stage--col.haufe-styleguide-stage--col-lg-last {
  order: 1;
}

.haufe-styleguide-stage--col.haufe-styleguide-stage--col-lg-11 {
  flex-basis: 91.67%;
  max-width: 91.6667%;
}

.haufe-styleguide-stage--col.haufe-styleguide-stage--col-shrink {
  flex: 0 auto;
}

.haufe-styleguide-stage--col.haufe-styleguide-stage--col-lg-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.haufe-styleguide-stage--col.haufe-styleguide-stage--col-no-gutters {
  padding-left: 0;
  padding-right: 0;
}

.haufe-styleguide-stage--col.haufe-styleguide-stage--col-lg-5-5 {
  flex-basis: 46%;
  max-width: 46%;
}

.haufe-styleguide-stage--u-mb-0 {
  margin-bottom: 0;
}

.haufe-styleguide-stage--section {
  padding: var(--haufe-styleguide-stage---spacing-layout--section-padding-lg) 2.5rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.haufe-styleguide-stage--section:where(.w-variant-74b33094-fdcc-8886-8647-fc5f71ab83b2) {
  padding-top: 0;
  padding-bottom: 0;
}

.haufe-styleguide-stage--section:where(.w-variant-276d383d-5782-e12c-d23c-02e9b8ec252f) {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.haufe-styleguide-stage--section:where(.w-variant-374f6ca3-95f2-f663-6a04-a5b41a5caff8), .haufe-styleguide-stage--section:where(.w-variant-3fe1e39d-450a-8551-6f56-c171918d2496) {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.haufe-styleguide-stage--section:where(.w-variant-cf1e8ca2-1d6b-f935-4d13-6cd64d8993c6) {
  padding-top: 0;
  padding-bottom: 0;
}

.haufe-styleguide-stage--section:where(.w-variant-ed8d055a-ed8c-1c48-a945-cc44ba58efa1) {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.haufe-styleguide-stage--section:where(.w-variant-0758bc58-a1a7-3b15-b77d-8c89f71fdbe8) {
  padding-top: 12.5rem;
}

.haufe-styleguide-stage--section:where(.w-variant-d3fd6cd9-95bf-b702-dd00-22bb61617a0b) {
  padding-bottom: 12.5rem;
}

.haufe-styleguide-stage--section:where(.w-variant-a26cfe33-ad4c-b107-ab4f-110f3fb85589) {
  padding-top: 12.5rem;
}

.haufe-styleguide-stage--section:where(.w-variant-2550f22c-d649-be56-6989-f0b6e842a637) {
  padding-bottom: 12.5rem;
}

.haufe-styleguide-stage--section.haufe-styleguide-stage--cc-double-margin {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.haufe-styleguide-stage--section.haufe-styleguide-stage--cc-half-margin {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.haufe-styleguide-stage--c-card-tile {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  width: 100%;
  height: 100%;
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.haufe-styleguide-stage--c-card-tile:where(.w-variant-aefd95b0-7887-53c9-fcda-1b778cb2ab83) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.haufe-styleguide-stage--c-card-tile:where(.w-variant-2183b270-e120-206b-7d0a-340f7ce38227) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-card-tile:where(.w-variant-5dad84bb-6130-0bb1-16bc-49194dae480b) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-card-tile:where(.w-variant-654e6508-e093-2093-6682-f51d286ca2bc) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.haufe-styleguide-stage--c-card-tile:where(.w-variant-d8ab3465-9f91-e5b6-ad2b-81f9676e7bf1) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-card-tile:where(.w-variant-0d53c727-d0c7-e088-1709-cb8226842ec6) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-card-tile:where(.w-variant-9fd7bc5e-2f30-daaa-c66d-e14ec54dfe78) {
  border: 2px solid var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.haufe-styleguide-stage--c-card-tile.haufe-styleguide-stage--cc-p-sm {
  padding: 1rem;
}

.haufe-styleguide-stage--c-card-tile.haufe-styleguide-stage--cc-p-md {
  padding: 2rem;
}

.haufe-styleguide-stage--paragraph-big {
  margin-bottom: var(--haufe-styleguide-stage---type-paragraph-medium--bottom-margin);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-paragraph-big--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-paragraph-medium--line-height);
  font-weight: 400;
}

.haufe-styleguide-stage--label {
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-label--font-size-md);
  line-height: var(--haufe-styleguide-stage---type-label--line-height);
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
  font-weight: 400;
}

.haufe-styleguide-stage--label.haufe-styleguide-stage--u-m-0:where(.w-variant-2183b270-e120-206b-7d0a-340f7ce38227), .haufe-styleguide-stage--label.haufe-styleguide-stage--u-m-0:where(.w-variant-5dad84bb-6130-0bb1-16bc-49194dae480b) {
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--h3 {
  margin-top: 0;
  margin-bottom: var(--haufe-styleguide-stage---type-h3--bottom-margin);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-h3--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-h3--line-height);
  font-weight: 400;
}

.haufe-styleguide-stage--h3.haufe-styleguide-stage--u-mb-0 {
  margin-bottom: 0;
}

.haufe-styleguide-stage--h2 {
  margin-top: 0;
  margin-bottom: var(--haufe-styleguide-stage---type-h2--bottom-margin);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-h2--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-h2--line-height);
  font-weight: 400;
}

.haufe-styleguide-stage--h2.haufe-styleguide-stage--u-mb-0 {
  margin-bottom: 0;
}

.haufe-styleguide-stage--styles__section-label {
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  border: 1px #000;
  justify-content: flex-start;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 23px;
  padding: 22px;
  display: flex;
}

.haufe-styleguide-stage--styles__card {
  background-color: #0073e61a;
  border: 1px solid #dbe5ff;
  border-radius: 8px;
  overflow: hidden;
}

.haufe-styleguide-stage--card-body {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2.25rem;
  position: relative;
}

.haufe-styleguide-stage--styles__card-preview {
  text-align: center;
  border-bottom: 1px solid #dbe5ff;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 120px;
  display: flex;
  position: relative;
}

.haufe-styleguide-stage--u-bg-white {
  background-color: #fff;
}

.haufe-styleguide-stage--h1 {
  margin-top: 0;
  margin-bottom: var(--haufe-styleguide-stage---type-h1--bottom-margin);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-h1--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-h1--line-height);
  font-weight: 400;
}

.haufe-styleguide-stage--h4 {
  margin-top: 0;
  margin-bottom: var(--haufe-styleguide-stage---type-h4--bottom-margin);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-h4--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-h4--line-height);
  font-weight: 400;
}

.haufe-styleguide-stage--u-mb-1 {
  margin-bottom: 1em;
}

.haufe-styleguide-stage--paragraph-small {
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-paragraph-small--font-size-md);
  letter-spacing: 0;
  font-weight: 400;
  line-height: 1.5em;
}

.haufe-styleguide-stage--paragraph-medium {
  font-family: var(--haufe-styleguide-stage---type-all-fonts--primary-font);
  font-size: var(--haufe-styleguide-stage---type-paragraph-medium--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-paragraph-medium--line-height);
  letter-spacing: 0;
  margin-bottom: 1em;
  font-weight: 400;
}

.haufe-styleguide-stage--u-bg-electric-blue {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.haufe-styleguide-stage--u-text-white {
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--form_required-note {
  color: #888680;
  font-size: .8rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.haufe-styleguide-stage--input-group {
  margin-bottom: var(--haufe-styleguide-stage---spacing-utility-rem--1-5rem);
  text-align: left;
  flex-direction: column;
  display: block;
  position: relative;
}

.haufe-styleguide-stage--input-group.haufe-styleguide-stage--cc-toggle {
  padding: 0 0 0 28px;
}

.haufe-styleguide-stage--input-group.haufe-styleguide-stage--cc-textarea {
  min-height: 9rem;
}

.haufe-styleguide-stage--input-label {
  z-index: 1;
  margin-bottom: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
  color: var(--haufe-styleguide-stage---colors-page-wrapper--text);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---component-input-label--font-size);
  line-height: var(--haufe-styleguide-stage---component-input-label--line-height);
  letter-spacing: 0;
  font-weight: var(--component-input-label--font-weight);
  border-top-right-radius: 3px;
  position: relative;
}

.haufe-styleguide-stage--input-label.haufe-styleguide-stage--u-text-white {
  color: var(--haufe-styleguide-stage---white\<deleted\|variable-daa72a21-719b-21d9-850d-7ce12ab5bf45\>);
}

.haufe-styleguide-stage--input-label.haufe-styleguide-stage--cc-static {
  line-height: var(--haufe-styleguide-stage---type-paragraph-medium--line-height);
  background-color: #0000;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.haufe-styleguide-stage--input-check {
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  border-color: #888680;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-left: -28px;
  padding-top: 0;
  box-shadow: 0 0 #0000;
}

.haufe-styleguide-stage--input-check:hover {
  background-color: #dfddd6;
  border-color: #0500ff;
}

.haufe-styleguide-stage--input-check.w--redirected-checked {
  background-color: #0500ff;
  background-size: 16px;
  border-color: #0500ff;
}

.haufe-styleguide-stage--input-check.w--redirected-focus {
  box-shadow: none;
  outline-offset: 0px;
  border-color: #0500ff;
  outline: 2px solid #0500ff;
}

.haufe-styleguide-stage--input-check.haufe-styleguide-stage--cc-light {
  border: 1px solid #fff;
}

.haufe-styleguide-stage--input-check.haufe-styleguide-stage--cc-light:hover {
  background-color: #fff;
}

.haufe-styleguide-stage--form-success_flex {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.haufe-styleguide-stage--c-search-input {
  z-index: 1;
  border-top-left-radius: var(--haufe-styleguide-stage---spacing-utility-rem--9rem);
  border-top-right-radius: var(--haufe-styleguide-stage---spacing-utility-rem--9rem);
  border-bottom-left-radius: var(--haufe-styleguide-stage---spacing-utility-rem--9rem);
  border-bottom-right-radius: var(--haufe-styleguide-stage---spacing-utility-rem--9rem);
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  min-height: 3rem;
  color: var(--haufe-styleguide-stage---colors-page-wrapper--text);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-body--font-size-md);
  line-height: 1.5em;
  font-weight: var(--component-input--font-weight);
  margin-bottom: 0;
  padding: 0 1rem 0 1.6rem;
  position: relative;
}

.haufe-styleguide-stage--c-search-input:hover, .haufe-styleguide-stage--c-search-input:focus {
  border-color: #0500ff;
}

.haufe-styleguide-stage--c-search-input::placeholder {
  color: #888680;
}

.haufe-styleguide-stage--c-search-input.haufe-styleguide-stage--cc-light {
  color: #fff;
  border-color: #fff;
}

.haufe-styleguide-stage--c-search-input.haufe-styleguide-stage--cc-select {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/68d529d8fabc53224fb70066_ac6ff1afa22875b16b104a4722444340_icon_arrow-down.svg");
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: 24px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: .8rem;
}

.haufe-styleguide-stage--form-success {
  background-color: #0000;
  min-height: 320px;
  position: relative;
}

.haufe-styleguide-stage--form {
  width: 100%;
  position: relative;
}

.haufe-styleguide-stage--input-radio {
  background-color: #0000;
  border-color: #888680;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-left: -28px;
  box-shadow: inset 0 0 0 3px #fff;
}

.haufe-styleguide-stage--input-radio:hover {
  background-color: #dfddd6;
  border-color: #0500ff;
}

.haufe-styleguide-stage--input-radio.w--redirected-checked {
  background-color: #0500ff;
  border-width: 1px;
  border-color: #0500ff;
}

.haufe-styleguide-stage--input-radio.w--redirected-focus {
  box-shadow: none;
  outline-offset: 0px;
  border-color: #0500ff;
  outline: 2px solid #0500ff;
}

.haufe-styleguide-stage--input-radio.haufe-styleguide-stage--cc-light {
  box-shadow: none;
  border: 1px solid #fff;
}

.haufe-styleguide-stage--input-radio.haufe-styleguide-stage--cc-light:hover {
  background-color: #fff;
}

.haufe-styleguide-stage--form-error {
  color: #e31700;
  background-color: #0000;
  border-top: 1px solid #e31700;
  margin-top: 16px;
  padding: 8px 0 0;
}

.haufe-styleguide-stage--u-m-0 {
  margin: 0;
}

.haufe-styleguide-stage--u-mt-1 {
  margin-top: 1em;
  display: none;
}

.haufe-styleguide-stage--list-item {
  font-size: var(--haufe-styleguide-stage---type-body--font-size-lg);
}

.haufe-styleguide-stage--u-img-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.haufe-styleguide-stage--u-mb-2 {
  margin-bottom: var(--haufe-styleguide-stage---spacing-utility-em--2em);
}

.haufe-styleguide-stage--u-pt-0 {
  padding-top: 0;
}

.haufe-styleguide-stage--u-p-0-3 {
  padding: 0;
}

.haufe-styleguide-stage--image {
  object-fit: cover;
  max-width: 50%;
}

.haufe-styleguide-stage--image.haufe-styleguide-stage--cc-kunden-zitat {
  border-radius: 2.25rem;
  width: 3.75rem;
  height: 3.75rem;
  margin-right: 1.5rem;
}

.haufe-styleguide-stage--u-bg-darkgray {
  background-color: #302f2c;
}

.haufe-styleguide-stage--u-bg-midgray {
  background-color: #888680;
}

.haufe-styleguide-stage--u-bg-lightgray {
  background-color: #dfddd6;
}

.haufe-styleguide-stage--u-bg-navy-blue {
  background-color: #001344;
}

.haufe-styleguide-stage--u-text-electric-blue {
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.haufe-styleguide-stage--u-text-midgray {
  color: var(--haufe-styleguide-stage---colors-all--mid-gray);
}

.haufe-styleguide-stage--u-text-navy-blue {
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
}

.haufe-styleguide-stage--u-text-lightgray {
  color: var(--haufe-styleguide-stage---colors-all--light-gray);
}

.haufe-styleguide-stage--u-text-darkgray {
  color: var(--haufe-styleguide-stage---colors-all--dark-gray);
}

.haufe-styleguide-stage--u-mt-2 {
  margin-top: 2em;
}

.haufe-styleguide-stage--u-h-100 {
  height: 100%;
}

.haufe-styleguide-stage--u-d-inline-flex {
  display: inline-flex;
}

.haufe-styleguide-stage--u-d-inline-flex.haufe-styleguide-stage--c-card-pricing_meta {
  margin-top: -1.2rem;
  margin-bottom: 2.5rem;
}

.haufe-styleguide-stage--u-pt-3 {
  padding-top: 3em;
}

.haufe-styleguide-stage--u-p-1 {
  padding: 1em;
}

.haufe-styleguide-stage--u-position-sticky {
  position: sticky;
}

.haufe-styleguide-stage--u-aspect-1x1 {
  aspect-ratio: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.haufe-styleguide-stage--u-border {
  width: 100%;
  height: 1px;
}

.haufe-styleguide-stage--u-position-relative {
  position: relative;
}

.haufe-styleguide-stage--u-ml-1 {
  margin-left: 1em;
}

.haufe-styleguide-stage--u-overflow-visible {
  overflow: visible;
}

.haufe-styleguide-stage--u-mlr-auto {
  margin-left: auto;
  margin-right: auto;
}

.haufe-styleguide-stage--u-overflow-hidden {
  overflow: hidden;
}

.haufe-styleguide-stage--u-sr-only {
  white-space: nowrap;
  border: 0 solid #0000;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.haufe-styleguide-stage--u-link-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.haufe-styleguide-stage--u-pt-1 {
  padding-top: 1em;
}

.haufe-styleguide-stage--u-mt-0 {
  margin-top: 0;
}

.haufe-styleguide-stage--page-wrapper-2 {
  color: #001344;
  background-color: #fff;
  position: relative;
  overflow: clip;
}

.haufe-styleguide-stage--u-mt-auto {
  margin-top: auto;
}

.haufe-styleguide-stage--u-mr-1 {
  margin-right: 1em;
}

.haufe-styleguide-stage--u-text-right {
  text-align: right;
}

.haufe-styleguide-stage--u-text-center {
  text-align: center;
}

.haufe-styleguide-stage--u-pb-1 {
  padding-bottom: 1em;
}

.haufe-styleguide-stage--u-pb-0 {
  padding-bottom: 0;
}

.haufe-styleguide-stage--u-pt-2 {
  padding-top: 2em;
}

.haufe-styleguide-stage--u-w-100 {
  width: 100%;
}

.haufe-styleguide-stage--styles__utility-wrap {
  margin-bottom: 40px;
  padding: 1px;
}

.haufe-styleguide-stage--styles__utility-wrap.haufe-styleguide-stage--cc-margin {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/68d529f0fcab3f38359ee13c_774cca6c19fd547df2764981705dbf2c_icon_bg-margin.svg");
  background-position: 0 0;
  background-size: 4px;
}

.haufe-styleguide-stage--styles__utility-wrap.haufe-styleguide-stage--cc-padding {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/68d529f0fcab3f38359ee13d_aaa1b42781aaf8c7d71b12a475e19c3a_icon_bg-padding.svg");
  background-position: 0 0;
  background-size: 4px;
}

.haufe-styleguide-stage--styles_utility-card {
  background-color: #0073e61a;
  border: 1px solid #0073e6;
  padding: 20px;
}

.haufe-styleguide-stage--u-z-index-1 {
  z-index: 1;
  position: relative;
}

.haufe-styleguide-stage--u-minh-100vh {
  min-height: 100vh;
}

.haufe-styleguide-stage--u-d-block {
  display: block;
}

.haufe-styleguide-stage--u-pb-2 {
  padding-bottom: 2em;
}

.haufe-styleguide-stage--u-d-none {
  display: none;
}

.haufe-styleguide-stage--u-mt-3 {
  margin-top: 3em;
}

.haufe-styleguide-stage--u-pb-3 {
  padding-bottom: 3em;
}

.haufe-styleguide-stage--styles__visual-block {
  text-align: center;
  background-color: #0073e61a;
  border: 1px solid #0073e6;
  border-radius: 3px;
  padding: 16px;
  position: relative;
}

.haufe-styleguide-stage--styles__row-example {
  border: 1px dashed #888680;
  height: 200px;
  margin-top: 4px;
  padding: 20px;
}

.haufe-styleguide-stage--c-card-content-wrap {
  display: inline-flex;
}

.haufe-styleguide-stage--c-card-content-wrap.haufe-styleguide-stage--cc-vertical {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.haufe-styleguide-stage--c-card-content-wrap.haufe-styleguide-stage--cc-mt-auto {
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
}

.haufe-styleguide-stage--u-bg-lighter-blue {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-lighter-blue);
}

.haufe-styleguide-stage--u-text-mid-blue {
  color: var(--haufe-styleguide-stage---colors-all--haufe-mid-blue);
}

.haufe-styleguide-stage--u-text-light-blue {
  color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.haufe-styleguide-stage--c-paragraph {
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-paragraph-big--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-paragraph-big--line-height);
  margin-bottom: 0;
  font-weight: 400;
}

.haufe-styleguide-stage--c-paragraph:where(.w-variant-0c119991-2d91-42d9-0a18-6e89b5d8d555) {
  font-size: var(--haufe-styleguide-stage---type-paragraph-medium--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-paragraph-big--line-height);
}

.haufe-styleguide-stage--c-paragraph:where(.w-variant-60a0278b-1df4-8190-e246-2e06d25fcb4f) {
  font-size: var(--haufe-styleguide-stage---type-body--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-body--line-height);
}

.haufe-styleguide-stage--c-paragraph:where(.w-variant-cc2fce1e-d3f7-8702-5218-cc395aa29081) {
  font-size: var(--haufe-styleguide-stage---type-paragraph-small--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-paragraph-small--line-height);
}

.haufe-styleguide-stage--c-icon-wrap {
  width: 4rem;
  height: 4rem;
}

.haufe-styleguide-stage--c-icon-wrap:where(.w-variant-c32ee2f2-e884-97f3-ed5f-97cf0ed7bf84) {
  width: 3rem;
  height: 3rem;
}

.haufe-styleguide-stage--c-icon-wrap:where(.w-variant-afa6c02c-cecc-35f7-0518-3d19ec0e25ee) {
  width: 2rem;
  height: 2rem;
}

.haufe-styleguide-stage--c-icon-wrap:where(.w-variant-652c830c-0064-5b16-865a-b1cbf0f75142) {
  width: 1.25rem;
  height: 1.25rem;
}

.haufe-styleguide-stage--c-icon-image {
  width: 100%;
  height: auto;
}

.haufe-styleguide-stage--c-card-testimonial {
  grid-column-gap: 2.25rem;
  grid-row-gap: 2.25rem;
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 3rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.haufe-styleguide-stage--c-card-testimonial:where(.w-variant-aefd95b0-7887-53c9-fcda-1b778cb2ab83) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.haufe-styleguide-stage--c-card-testimonial:where(.w-variant-2183b270-e120-206b-7d0a-340f7ce38227) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-card-testimonial:where(.w-variant-5dad84bb-6130-0bb1-16bc-49194dae480b) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-card-testimonial.haufe-styleguide-stage--cc-p-sm {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding: 1rem;
}

.haufe-styleguide-stage--c-card-testimonial.haufe-styleguide-stage--cc-p-md {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  padding: 2rem;
}

.haufe-styleguide-stage--c-spacer {
  width: 100%;
  height: 0;
}

.haufe-styleguide-stage--c-spacer:where(.w-variant-465d30a1-2ccc-e55b-207a-5386898fef49) {
  height: .5rem;
}

.haufe-styleguide-stage--c-spacer:where(.w-variant-f4ee4d70-ee18-a989-7bce-b0c76f826cce) {
  height: 1rem;
}

.haufe-styleguide-stage--c-spacer:where(.w-variant-b173162a-3139-a7fc-3680-d3e6b6f7485b) {
  height: 2rem;
}

.haufe-styleguide-stage--c-spacer:where(.w-variant-59fec51c-36b5-778d-365c-de3a53b52977) {
  height: 3rem;
}

.haufe-styleguide-stage--c-spacer:where(.w-variant-322704a0-644a-4fe6-5c75-718b3286c250) {
  height: 4rem;
}

.haufe-styleguide-stage--c-card-label-wrap {
  position: absolute;
  inset: 1.9rem 2.2rem auto auto;
}

.haufe-styleguide-stage--c-embed {
  z-index: -1;
  width: 0;
  height: 0;
  margin-bottom: 0;
  position: absolute;
  inset: auto 0% 0% auto;
}

.haufe-styleguide-stage--modal {
  z-index: 10;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--haufe-styleguide-stage---colors-all--white);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--haufe-styleguide-stage---colors-all--white);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--haufe-styleguide-stage---colors-all--white);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--haufe-styleguide-stage---colors-all--white);
  border-top-left-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  border-top-right-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  border-bottom-left-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  border-bottom-right-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  width: 90%;
  max-width: 800px;
  padding: 3rem;
  transition-property: opacity;
  transition-duration: .4s;
  transition-timing-function: ease;
  overflow-y: auto;
}

.haufe-styleguide-stage--modal:where(.w-variant-6c42292a-f4f9-8179-f784-8adc4d7b5680) {
  padding: 4.5rem;
}

.haufe-styleguide-stage--modal:where(.w-variant-f2281e60-5b66-d163-0248-740d151710a2) {
  padding: 6rem;
}

.haufe-styleguide-stage--modal_close-button {
  background-color: #efefef00;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  inset: .75rem .75rem auto auto;
}

.haufe-styleguide-stage--modal_close-button:hover {
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.haufe-styleguide-stage--modal_content-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.haufe-styleguide-stage--modal-btn-wrap {
  flex: none;
  height: 100px;
  max-height: 50px;
}

.haufe-styleguide-stage--c-video:where(.w-variant-925249ff-0c67-64d1-52d0-97ff7b1dd57f) {
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  overflow: hidden;
}

.haufe-styleguide-stage--c-video.haufe-styleguide-stage--cc-ratio-16-9 {
  aspect-ratio: 16 / 9;
}

.haufe-styleguide-stage--c-video-wrap {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: block;
  overflow: clip;
}

.haufe-styleguide-stage--c-video-wrap:where(.w-variant-83c1ad46-1f3b-6f27-8308-86c2adb6d859) {
  border-radius: .75rem;
}

.haufe-styleguide-stage--c-row-wrap {
  margin-bottom: 1.5rem;
}

.haufe-styleguide-stage--u-flex-wrap {
  grid-column-gap: var(--haufe-styleguide-stage---spacing-layout--row-col-gap);
  grid-row-gap: var(--haufe-styleguide-stage---spacing-layout--row-col-gap);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.haufe-styleguide-stage--swiper {
  width: 100%;
  position: relative;
  overflow: visible;
}

.haufe-styleguide-stage--swiper.haufe-styleguide-stage--cc-main {
  overflow: visible;
}

.haufe-styleguide-stage--swiper-wrapper {
  flex-flow: row;
  display: flex;
  overflow: visible;
}

.haufe-styleguide-stage--swiper-wrapper.haufe-styleguide-stage--cc-main {
  flex-flow: row;
  align-items: stretch;
  overflow: visible;
}

.haufe-styleguide-stage--swiper-nav-wrap {
  z-index: 10;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  padding-top: 3.5rem;
  display: flex;
  position: relative;
}

.haufe-styleguide-stage--swiper-next {
  width: 3rem;
  height: 3rem;
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  cursor: pointer;
}

.haufe-styleguide-stage--swiper-next:hover {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
  border-radius: 5rem;
}

.haufe-styleguide-stage--swiper-prev {
  cursor: pointer;
  border-radius: 5rem;
  width: 3rem;
  height: 3rem;
}

.haufe-styleguide-stage--swiper-prev:hover {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--swiper-nav {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.haufe-styleguide-stage--swiper-slide {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.haufe-styleguide-stage--swiper-slide-slot {
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
}

.haufe-styleguide-stage--c-button-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---component-button--font-size-lg);
  line-height: var(--haufe-styleguide-stage---component-button--line-height);
  text-align: center;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
}

.haufe-styleguide-stage--c-button-link:where(.w-variant-d6f630e9-2957-b0e5-4c64-c0852e8c34c3) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-button-link:where(.w-variant-4eacf61c-8282-4eb2-6705-9a798aa561d8) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-button-link:where(.w-variant-b6a60ff5-59af-01ee-cdf0-af2c627974fb) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  box-shadow: inset 0 0 0 100px #0000000d;
}

.haufe-styleguide-stage--c-button-link:where(.w-variant-549611fe-b718-812f-b217-7fad7ba101d6) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-button-link:where(.w-variant-68292bef-d9ff-e53b-7d89-3a182a1bdfec) {
  border-width: 1px;
  border-color: var(--haufe-styleguide-stage---colors-all--white);
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-button-link:where(.w-variant-564b96c7-2c4b-f23f-bc32-1de5f91136a1) {
  border: 1px solid var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  background-color: #00134400;
}

.haufe-styleguide-stage--c-button-link:where(.w-variant-366fff9b-402b-b303-c8c8-ab09d466225b) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-button-link:where(.w-variant-657c92af-c86a-4ee7-bdef-806b5fac1cb7) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.haufe-styleguide-stage--c-button-link:where(.w-variant-fc3ac3bc-c037-b435-a6b2-dd4ef21eca1f) {
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.haufe-styleguide-stage--c-button-link:where(.w-variant-72bd1784-2021-f02a-e639-2b36b6251df8) {
  border: 1px solid var(--haufe-styleguide-stage---colors-all--white);
  color: var(--haufe-styleguide-stage---colors-all--white);
  background-color: #00134400;
}

.haufe-styleguide-stage--c-button-link:where(.w-variant-4d6127f3-dd68-a739-cd41-7811381e5e9a) {
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.haufe-styleguide-stage--c-button-link:where(.w-variant-fe2a3b71-3acf-3771-9ed6-76555265e8eb) {
  color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.haufe-styleguide-stage--c-button-link:where(.w-variant-446b2502-903a-c21a-03bb-1511e7c32a87) {
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-button-link:hover {
  opacity: .8;
}

.haufe-styleguide-stage--c-button-link:hover:where(.w-variant-d6f630e9-2957-b0e5-4c64-c0852e8c34c3) {
  box-shadow: inset 0 0 0 100px #ffffff26;
}

.haufe-styleguide-stage--c-button-link:hover:where(.w-variant-549611fe-b718-812f-b217-7fad7ba101d6) {
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  box-shadow: none;
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.haufe-styleguide-stage--c-button-link:hover:where(.w-variant-68292bef-d9ff-e53b-7d89-3a182a1bdfec) {
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.haufe-styleguide-stage--c-button-link:hover:where(.w-variant-564b96c7-2c4b-f23f-bc32-1de5f91136a1) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  box-shadow: none;
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-button-link:hover:where(.w-variant-366fff9b-402b-b303-c8c8-ab09d466225b), .haufe-styleguide-stage--c-button-link:hover:where(.w-variant-72bd1784-2021-f02a-e639-2b36b6251df8) {
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  box-shadow: none;
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.haufe-styleguide-stage--c-button-link.w--current {
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.haufe-styleguide-stage--c-card-image-text {
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  min-height: 32rem;
  display: flex;
  overflow: clip;
}

.haufe-styleguide-stage--c-card-image-text:where(.w-variant-fd7e4141-a88f-1c5d-1606-b066484d4062) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.haufe-styleguide-stage--c-card-image-text:where(.w-variant-9708b711-cbac-4415-b226-7d20671ae1a3) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-card-image-text:where(.w-variant-26388136-5cff-9438-85ed-1bf02e594cb8) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-card-image-text_text {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  display: flex;
}

.haufe-styleguide-stage--c-card-image-text_image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
}

.haufe-styleguide-stage--c-headline-link-wrap {
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
}

.haufe-styleguide-stage--c-headline-link-wrap:where(.w-variant-67d99915-c358-daab-179c-438ce64c8758) {
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.haufe-styleguide-stage--c-headline-link-wrap:where(.w-variant-d1d85b43-3d07-5b39-b18e-29e82fc15717) {
  color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.haufe-styleguide-stage--c-headline-link-wrap:where(.w-variant-cde151e7-a138-28eb-ad80-1b485109840d) {
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-img-wrap {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: block;
  overflow: clip;
}

.haufe-styleguide-stage--c-img-wrap:where(.w-variant-83c1ad46-1f3b-6f27-8308-86c2adb6d859) {
  border-radius: .75rem;
}

.haufe-styleguide-stage--c-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.haufe-styleguide-stage--c-image:where(.w-variant-83c1ad46-1f3b-6f27-8308-86c2adb6d859) {
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
}

.haufe-styleguide-stage--c-image:where(.w-variant-8db293e9-9868-4ab3-587f-c37cc1046412) {
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  overflow: hidden;
}

.haufe-styleguide-stage--footer_section {
  padding: var(--haufe-styleguide-stage---spacing-layout--section-padding-lg) 2.5rem;
  background-color: #f2f6ff;
  position: relative;
}

.haufe-styleguide-stage--footer_title {
  font-size: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
  margin-bottom: 1em;
  font-weight: 500;
  line-height: 1em;
}

.haufe-styleguide-stage--footer_link {
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  font-size: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
  margin-bottom: 1em;
  font-weight: 400;
  line-height: 1.2em;
  text-decoration: none;
  display: block;
}

.haufe-styleguide-stage--footer_link:hover {
  text-decoration: underline;
}

.haufe-styleguide-stage--footer_legal-links {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  display: inline-flex;
}

.haufe-styleguide-stage--footer_social-links-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.haufe-styleguide-stage--footer_haufe-group-link {
  width: 6.3125rem;
  margin-left: -1rem;
}

.haufe-styleguide-stage--footer_wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.haufe-styleguide-stage--footer_social-links {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.3125rem;
  height: 2.3125rem;
  transition: box-shadow .3s;
  display: flex;
  box-shadow: inset 0 0 #0000;
}

.haufe-styleguide-stage--footer_social-links:hover {
  box-shadow: inset 0 0 0 100px #ffffff26;
}

.haufe-styleguide-stage--yt_icon {
  padding: 8px;
}

.haufe-styleguide-stage--c-card-pricing {
  border: 2px solid var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  flex-flow: column;
  min-height: 500px;
  padding: 2rem 1.5rem;
  display: flex;
  position: relative;
}

.haufe-styleguide-stage--c-card-pricing:where(.w-variant-95e6fc59-6471-df83-61c6-7eff339a5646) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.haufe-styleguide-stage--u-text-bold {
  font-weight: 700;
}

.haufe-styleguide-stage--c-card-pricing_featured {
  z-index: 1;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  border-top-left-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  border-top-right-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  height: 3rem;
  color: var(--haufe-styleguide-stage---colors-all--white);
  justify-content: center;
  align-items: center;
  width: calc(100% + 4px);
  display: none;
  position: absolute;
  inset: -3rem 0% auto -2px;
}

.haufe-styleguide-stage--c-card-pricing_featured:where(.w-variant-95e6fc59-6471-df83-61c6-7eff339a5646) {
  display: flex;
}

.haufe-styleguide-stage--c-button-s {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-pink);
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---component-button--font-size-lg);
  line-height: var(--haufe-styleguide-stage---component-button--line-height);
  text-align: center;
  cursor: pointer;
  border-radius: 3.75rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1.5rem;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .3s, border-color .3s cubic-bezier(.25, .46, .45, .94);
  display: inline-flex;
  box-shadow: inset 0 0 #0000;
}

.haufe-styleguide-stage--c-button-s:where(.w-variant-d6f630e9-2957-b0e5-4c64-c0852e8c34c3) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-button-s:where(.w-variant-4eacf61c-8282-4eb2-6705-9a798aa561d8) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-button-s:where(.w-variant-b6a60ff5-59af-01ee-cdf0-af2c627974fb) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  box-shadow: inset 0 0 0 100px #0000000d;
}

.haufe-styleguide-stage--c-button-s:where(.w-variant-549611fe-b718-812f-b217-7fad7ba101d6) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-button-s:where(.w-variant-68292bef-d9ff-e53b-7d89-3a182a1bdfec) {
  border-width: 1px;
  border-color: var(--haufe-styleguide-stage---colors-all--white);
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-button-s:where(.w-variant-564b96c7-2c4b-f23f-bc32-1de5f91136a1) {
  border: 1px solid var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  background-color: #00134400;
}

.haufe-styleguide-stage--c-button-s:where(.w-variant-366fff9b-402b-b303-c8c8-ab09d466225b) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-button-s:where(.w-variant-657c92af-c86a-4ee7-bdef-806b5fac1cb7) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.haufe-styleguide-stage--c-button-s:where(.w-variant-fc3ac3bc-c037-b435-a6b2-dd4ef21eca1f) {
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.haufe-styleguide-stage--c-button-s:where(.w-variant-72bd1784-2021-f02a-e639-2b36b6251df8) {
  border: 1px solid var(--haufe-styleguide-stage---colors-all--white);
  color: var(--haufe-styleguide-stage---colors-all--white);
  background-color: #00134400;
}

.haufe-styleguide-stage--c-button-s:hover {
  box-shadow: inset 0 0 0 100px #fff3;
}

.haufe-styleguide-stage--c-button-s:hover:where(.w-variant-d6f630e9-2957-b0e5-4c64-c0852e8c34c3) {
  box-shadow: inset 0 0 0 100px #ffffff26;
}

.haufe-styleguide-stage--c-button-s:hover:where(.w-variant-549611fe-b718-812f-b217-7fad7ba101d6) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  box-shadow: none;
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
}

.haufe-styleguide-stage--c-button-s:hover:where(.w-variant-68292bef-d9ff-e53b-7d89-3a182a1bdfec) {
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.haufe-styleguide-stage--c-button-s:hover:where(.w-variant-564b96c7-2c4b-f23f-bc32-1de5f91136a1) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  box-shadow: none;
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.haufe-styleguide-stage--c-button-s:hover:where(.w-variant-366fff9b-402b-b303-c8c8-ab09d466225b), .haufe-styleguide-stage--c-button-s:hover:where(.w-variant-72bd1784-2021-f02a-e639-2b36b6251df8) {
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  box-shadow: none;
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

body {
  color: #232a36;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

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

h2 {
  margin-top: 16px;
  margin-bottom: 12px;
  font-family: Bebasneue, sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 42px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Bebasneue, sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 42px;
}

h4 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  margin-bottom: 8px;
}

a {
  color: var(--royal-blue);
  font-size: 16px;
  text-decoration: none;
}

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

ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 16px;
  font-weight: 700;
}

li {
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 30px;
}

strong {
  margin-top: 4px;
  font-weight: 700;
}

.ui-section {
  background-image: none;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.ui-section.ui-section--color {
  background-color: #fafafa;
  border-top: 1px #000;
}

.ui-section.ui-section--nav {
  padding-bottom: 460px;
}

.ui-section.ui-section--fullscreen {
  background-image: linear-gradient(to right, #0073dd, #03e8e0);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.ui-section.newsdetail {
  padding-top: 180px;
  padding-bottom: 180px;
}

.ui-section.download {
  z-index: -2;
  padding-bottom: 0;
  position: static;
}

.ui-section.downloads {
  margin-top: 0;
  padding-top: 80px;
  padding-bottom: 30px;
}

.ui-section.downloads.hidden {
  display: none;
}

.ui-section.downloads.optin {
  padding-top: 65px;
}

.ui-section.toppadding {
  align-items: flex-start;
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
}

.ui-section.solution-overview {
  padding-top: 0;
  padding-bottom: 0;
}

.ui-section.tech {
  margin-bottom: 130px;
}

.ui-section.grey-bg {
  background-image: linear-gradient(#f7f7f8, #f7f7f8);
}

.ui-section.funtkionen {
  margin-bottom: 200px;
}

.ui-section.padding-bottom100 {
  padding-bottom: 100px;
  overflow: visible;
}

.ui-section.padding-bottom100.keyvisual {
  position: relative;
  overflow: hidden;
}

.ui-section.teaser-loesungen {
  background-image: none;
  padding-bottom: 80px;
  position: relative;
}

.ui-section.references-teaser {
  padding-top: 0;
}

.ui-section.tax-action {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  padding-bottom: 100px;
  position: relative;
}

.ui-section.tax-action.vorteile {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d5c_background-stripes.png");
  background-position: -20% 0;
  background-repeat: no-repeat;
  background-size: 780px;
}

.ui-section.tax-action.lead {
  display: none;
}

.ui-classelement {
  color: #e42141;
  letter-spacing: .5px;
  background-color: #f3f9ff;
  border: 1px solid #cedcec;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-right: 8px;
  padding: 6px 12px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
}

.ui-classelement.ui-classelement--indent1 {
  margin-left: 24px;
}

.ui-classelement.ui-classelement--indent2 {
  margin-left: 48px;
}

.ui-classelement.ui-classelement--indent3 {
  margin-left: 72px;
}

.ui-classelement.ui-classelement--indent4 {
  margin-left: 96px;
}

.u-psizef {
  font-size: 14px;
  line-height: 24px;
}

.u-psizexs {
  font-size: 16px;
  line-height: 26px;
}

.u-psizes {
  font-size: 18px;
  line-height: 28px;
}

.c-blog-kurztext {
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 32px;
}

.c-blog-kurztext.u-fonta300 {
  font-weight: 300;
}

.u-psizel {
  font-size: 24px;
  line-height: 32px;
}

.u-psizexl {
  font-size: 32px;
  line-height: 40px;
}

.u-pcolora {
  color: #222527;
}

.u-pcolorb {
  color: #62717a;
}

.u-pcolorc {
  color: var(--royal-blue);
}

.u-pcolord {
  color: #fff;
}

.u-colora {
  background-color: var(--royal-blue);
}

.u-colorb {
  background-color: var(--turquoise);
}

.u-colorc {
  background-color: var(--deep-pink);
}

.u-colord {
  background-color: #c1c1c1;
}

.u-psizexxl {
  font-size: 40px;
  line-height: 52px;
}

.u-psizexxxl {
  font-size: 52px;
  line-height: 64px;
}

.u-fonta400 {
  font-family: Haufemerriweather, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.ui-class_element-inline {
  color: #e42141;
  letter-spacing: .5px;
  background-color: #eef6ff;
  border: 1px solid #cedcec;
  border-radius: 2px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -2px;
}

.u-psizexxf {
  font-size: 11px;
  line-height: 20px;
}

.u-psizexxf.u-puppercase {
  text-transform: uppercase;
}

.u-m0 {
  margin: 0;
}

.u-m8 {
  margin: 8px;
}

.u-m12 {
  margin: 12px;
}

.u-m16 {
  margin: 16px;
}

.ui-box_element {
  background-color: #e0e8ee;
  border: 1px dashed #6fb0ff;
}

.u-m24 {
  margin: 24px;
}

.u-m32 {
  margin: 32px;
}

.u-m40 {
  margin: 40px;
}

.u-m48 {
  margin: 48px;
}

.u-mt0 {
  margin-top: 0;
}

.u-mt8 {
  margin-top: 8px;
}

.u-mt12 {
  margin-top: 12px;
}

.u-mt16 {
  margin-top: 16px;
}

.u-mt24 {
  margin-top: 24px;
}

.u-mt32 {
  margin-top: 32px;
}

.u-mt40 {
  margin-top: 40px;
}

.u-mt48 {
  margin-top: 48px;
}

.u-mr0 {
  margin-right: 0;
}

.u-mr8 {
  margin-right: 8px;
}

.u-mr12 {
  margin-right: 12px;
}

.u-mr16 {
  margin-right: 16px;
}

.u-mr24 {
  margin-right: 24px;
}

.u-mr32 {
  margin-right: 32px;
}

.u-mr40 {
  margin-right: 40px;
}

.u-mr48 {
  margin-right: 48px;
}

.u-mb0 {
  margin-bottom: 0;
}

.u-mb0.hidden {
  display: block;
}

.u-mb8 {
  margin-bottom: 8px;
}

.u-mb12 {
  margin-bottom: 12px;
}

.u-mb16 {
  margin-bottom: 16px;
}

.u-mb24 {
  margin-bottom: 24px;
}

.u-mb32 {
  margin-bottom: 32px;
}

.u-mb40 {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 30px;
}

.u-mb48 {
  margin-bottom: 48px;
}

.u-ml8 {
  margin-left: 8px;
}

.u-ml12 {
  margin-left: 12px;
}

.u-ml16 {
  margin-left: 16px;
}

.u-ml24 {
  margin-left: 24px;
}

.u-ml32 {
  margin-left: 32px;
}

.u-ml40 {
  margin-left: 40px;
}

.u-ml48 {
  margin-left: 48px;
}

.u-psizexf {
  font-size: 13px;
}

.u-pleft {
  text-align: left;
}

.u-pright {
  text-align: right;
}

.u-pcenter {
  text-align: center;
}

.u-p0 {
  padding: 0;
  display: block;
}

.u-p8 {
  padding: 8px;
}

.u-p12 {
  padding: 12px;
}

.u-p16 {
  padding: 16px;
}

.u-p24 {
  padding: 24px;
}

.u-p32 {
  padding: 32px;
}

.u-p40 {
  padding: 40px;
}

.u-p48 {
  padding: 48px;
}

.u-pt0 {
  padding-top: 0;
}

.u-pt8 {
  padding-top: 8px;
}

.u-pt12 {
  padding-top: 12px;
}

.u-pt16 {
  padding-top: 16px;
}

.u-pt24 {
  padding-top: 24px;
}

.u-pt32 {
  padding-top: 32px;
}

.u-pt40 {
  padding-top: 40px;
}

.u-pt48 {
  padding-top: 48px;
}

.u-pr0 {
  padding-left: 20px;
  padding-right: 0;
}

.u-pr8 {
  padding-right: 8px;
}

.u-pr12 {
  padding-right: 12px;
}

.u-pr16 {
  padding-right: 16px;
}

.u-pr24 {
  padding-right: 24px;
}

.u-pr32 {
  padding-right: 32px;
}

.u-pr40 {
  padding-right: 40px;
}

.u-pr48 {
  padding-right: 48px;
}

.u-pb0 {
  padding-bottom: 0;
}

.u-pb8 {
  padding-bottom: 8px;
}

.u-pb12 {
  padding-bottom: 12px;
}

.u-pb16 {
  padding-bottom: 16px;
}

.u-pb24 {
  padding-bottom: 24px;
}

.u-pb32 {
  padding-bottom: 32px;
}

.u-pb40 {
  padding-bottom: 40px;
}

.u-pb48 {
  padding-bottom: 48px;
}

.u-pl0 {
  padding-left: 0;
  padding-right: 12px;
}

.u-pl12 {
  padding-left: 12px;
}

.u-pl8 {
  padding-left: 8px;
}

.u-pl16 {
  padding-left: 16px;
}

.u-pl24 {
  padding-left: 24px;
}

.u-pl32 {
  padding-left: 32px;
}

.u-pl40 {
  padding-left: 40px;
}

.u-pl48 {
  padding-left: 48px;
}

.c-button {
  background-color: var(--royal-blue);
  color: #fff;
  text-align: center;
  cursor: pointer;
  height: 56px;
  padding: 18px 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .35s, background-color .35s;
  display: inline-block;
  box-shadow: 0 16px 24px #00000026;
}

.c-button:hover {
  background-color: #1a68fa;
  box-shadow: 0 16px 40px #0003;
}

.c-button.c-button--l {
  height: 36px;
  box-shadow: none;
  padding: 8px 16px;
  font-size: 15px;
}

.c-button.c-button--l.loesungen {
  margin-top: 20px;
  position: absolute;
  inset: auto auto 30px 40px;
}

.c-button.c-button--m {
  height: 32px;
  box-shadow: none;
  padding: 6px 16px;
  font-size: 14px;
}

.c-button.c-button--m.is-secondary {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 30px;
}

.c-button.c-button--s {
  height: 28px;
  box-shadow: none;
  padding: 4px 12px;
  font-size: 14px;
}

.c-button.c-button--s.is-secondary {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 13px;
  line-height: 26px;
}

.c-button.c-button--s.is-secondary.loesungen {
  cursor: pointer;
  margin-top: 20px;
}

.c-button.c-button--s.is-quaternary.hidden {
  display: none;
}

.c-button.c-button--s.popup {
  margin-top: 30px;
}

.c-button.is-secondary {
  float: right;
  border: 2px solid var(--royal-blue);
  box-shadow: none;
  color: var(--royal-blue);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  line-height: 18px;
  position: static;
  inset: auto 40px 40px auto;
}

.c-button.is-secondary:hover {
  background-color: var(--royal-blue);
  color: #fff;
}

.c-button.is-tertiary {
  box-shadow: none;
  color: #3a3e41;
  background-color: #eaf0f4;
}

.c-button.is-quaternary {
  color: var(--royal-blue);
  background-color: #fff;
  box-shadow: 0 7px 30px #0000001a;
}

.c-button.c-button--submit {
  margin: 64px auto 48px;
  display: block;
}

.c-button.c-button--floatdown {
  z-index: 100;
  position: relative;
  bottom: -102px;
}

.c-button.c-button--floatdown.stage-level-3 {
  position: absolute;
  bottom: -28px;
}

.c-button.u-mr16.u-mt40.btn-pw {
  border-radius: 55px;
  margin-top: 20px;
  margin-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
}

.c-button.u-mr16.u-mt40.btn2-pw {
  background-color: var(--silver);
  color: var(--black);
  border-radius: 55px;
  margin-top: 20px;
  margin-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 700;
}

.c-button.u-mr16.u-mt40.btnnavi-pw {
  box-shadow: none;
  border-radius: 55px;
  margin-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.c-button.c-button--hero {
  margin-top: 40px;
}

.c-button.u-mt40 {
  float: none;
  display: inline-block;
}

.c-button.u-mt40.hidden.w--current {
  display: none;
}

.c-button.topblock {
  height: 36px;
  margin-top: 60px;
  margin-bottom: 40px;
  margin-left: 40px;
  padding: 8px 16px;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.c-button.cc-flat {
  height: auto;
  box-shadow: none;
  font-weight: 700;
  line-height: 30px;
  transition: background-color .35s;
}

.c-button.cc-flat.cc-contact-modal {
  margin-top: 40px;
  padding: 12px 20px;
  font-size: 14px;
  line-height: 24px;
}

.c-button.cc-flat.cc-kurse-btn {
  width: 50%;
  font-size: 14px;
  line-height: 24px;
}

.c-button.cc-flat.cc-kurse-btn.cc-left {
  height: 48px;
  margin-right: 6px;
  padding: 12px 20px;
}

.c-button.cc-flat.cc-kurse-btn.cc-white {
  background-color: var(--white);
  color: #0057fd;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 12px 16px;
  font-size: 13px;
  display: flex;
  box-shadow: inset 0 0 0 2px #0057fd;
}

.c-button.cc-flat.cc-kurse-cta {
  padding: 8px 18px;
  font-size: 13px;
  line-height: 24px;
}

.u-dsa {
  box-shadow: 0 5px 10px #00000026;
}

.u-dsb {
  box-shadow: 0 7px 30px #0000001a;
}

.u-dsc {
  box-shadow: 0 12px 24px #0000004d;
}

.u-dsd {
  box-shadow: 0 16px 40px #0003;
}

.c-togglea {
  float: left;
  text-align: left;
  cursor: pointer;
  background-color: #fafafa;
  border-radius: 17.5px;
  width: 100px;
  height: 35px;
  margin-right: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.c-togglea.is-active {
  text-align: right;
  text-align: right;
}

.c-togglea-ball {
  z-index: 100;
  background-color: #fff;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: inline-block;
  position: relative;
  box-shadow: 5px 0 10px #00000017, 0 0 20px #00000080;
}

.u-fonta300 {
  font-weight: 300;
}

.u-fonta500 {
  font-weight: 500;
}

.u-fonta600 {
  font-weight: 600;
}

.u-fonta700 {
  font-weight: 700;
}

.u-fonta800 {
  font-weight: 800;
}

.prit_typ {
  color: #62717a;
  font-family: Haufemerriweather, sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 300;
}

.prit_typ.u-pcolorb {
  float: none;
  font-family: Haufemerriweather, sans-serif;
  font-size: 13px;
  font-style: normal;
  display: block;
}

.prit_typ.popup {
  color: #989896;
  font-size: 16px;
}

.u-fontb400 {
  font-family: Haufemerriweather, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.u-fontb400.u-psizel.u-mb16 {
  font-family: Haufemerriweather, sans-serif;
}

.u-fontb400.u-psizexl {
  font-size: 32px;
}

.u-fontb500 {
  font-family: Haufemerriweather, sans-serif;
  font-weight: 500;
}

.u-fontb500.zert {
  margin-bottom: 0;
}

.u-fontb600 {
  font-family: Haufemerriweather, sans-serif;
  font-weight: 600;
}

.u-fontb700 {
  font-family: Haufemerriweather, sans-serif;
  font-weight: 700;
}

.u-fontb800 {
  font-family: Haufemerriweather, sans-serif;
  font-weight: 900;
}

.u-floatleft {
  float: left;
}

.u-floatright {
  float: right;
}

.u-floatnone {
  float: none;
}

.html-embed {
  display: none;
}

.u-ovhidden {
  overflow: hidden;
}

.u-ovvisible {
  overflow: visible;
}

.u-ovscroll {
  overflow: scroll;
}

.u-ovscrollauto {
  overflow: auto;
}

.u-inlineblock {
  display: inline-block;
}

.u-block {
  display: block;
}

.u-inline {
  display: inline;
}

.c-form {
  margin-bottom: 0;
}

.c-inputa {
  border: 1px #000;
  border-bottom: 1px solid #98b0c3;
  max-width: 100%;
  padding-left: 0;
  font-size: 18px;
}

.c-inputa.search {
  border-style: none;
  margin-bottom: 0;
  font-size: 16px;
  display: inline-block;
}

.c-labela {
  margin-top: 32px;
  font-weight: 500;
}

.c-textareaa {
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #98b0c3;
  max-width: 100%;
  min-height: 46px;
  max-height: 300px;
  padding-left: 0;
  font-size: 18px;
}

.c-textareaa:focus {
  border-bottom-color: var(--royal-blue);
}

.u-displaynone {
  display: none;
}

.c-tabsa-tab {
  color: var(--royal-blue);
  background-color: #fff;
  padding: 16px 32px;
  font-family: Haufemerriweathersans, sans-serif;
}

.c-tabsa-tab.w--current {
  background-color: var(--royal-blue);
  color: #fff;
}

.u-psizexxs {
  font-size: 15px;
  line-height: 28px;
}

.u-colorteal100 {
  background-color: #e1fffe;
}

.u-colorteal200 {
  background-color: #adfffd;
}

.u-colorteal300 {
  background-color: #59fff8;
}

.u-colorteal400 {
  background-color: #3ef5ef;
}

.u-colorteal500 {
  background-color: #00e8e0;
}

.u-colorgrey100 {
  background-color: #f9f9f9;
}

.u-colorgrey200 {
  background-color: #eee;
}

.u-colorgrey300 {
  background-color: #e2e2e2;
}

.u-colorgrey400 {
  background-color: #d1d1d1;
}

.u-colorgrey500 {
  background-color: #c1c1c1;
}

.u-colorblack {
  background-color: #000;
}

.u-colorwhite {
  background-color: #fff;
}

.u-colorpink100 {
  background-color: #ffd5ee;
}

.u-colorpink200 {
  background-color: #ffa9de;
}

.u-colorpink300 {
  background-color: #ff7bcc;
}

.u-colorpink400 {
  background-color: #ff5bbf;
}

.u-colorpink500 {
  background-color: #f70d9c;
}

.u-colorpurple100 {
  background-color: #f0cbff;
}

.u-colorpurple200 {
  background-color: #d4a0ea;
}

.u-colorpurple300 {
  background-color: #b875d1;
}

.u-colorpurple400 {
  background-color: #a05dba;
}

.u-colorpurple500 {
  background-color: #8f43ad;
}

.u-colorblue100 {
  background-color: #c5d9ff;
}

.u-colorblue200 {
  background-color: #88b1ff;
}

.u-colorblue300 {
  background-color: #5e96ff;
}

.u-colorblue400 {
  background-color: #3d80ff;
}

.u-colorblue500 {
  background-color: #0058ff;
}

.u-colorbluegray100 {
  background-color: #eaf0f4;
}

.u-colorbluegray200 {
  background-color: #b7c7d3;
}

.u-colorbluegray300 {
  background-color: #8ba1b2;
}

.u-colorbluegray400 {
  background-color: #6d8394;
}

.u-colorbluegray500 {
  background-color: #42586a;
}

.c-cardnews {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  height: 520px;
  margin-bottom: 20px;
  padding: 40px 20px 20px;
  display: flex;
  box-shadow: 0 5px 10px #262e3b26;
}

.c-lista {
  border-top: 1px solid #c1c1c1;
  margin-top: 30px;
  padding-top: 20px;
}

.c-lista-item {
  color: #3a3e41;
  margin-bottom: 4px;
  font-weight: 300;
}

.c-lista-link {
  color: #333;
  font-family: Haufemerriweathersans, sans-serif;
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.c-lista-link:hover {
  text-decoration: underline;
}

.c-cardteaser {
  background-color: #fff;
  width: 790px;
  margin-top: 0;
  padding: 96px 100px;
  box-shadow: 0 5px 10px #262e3b26, 7px 0 30px #0000001a;
}

.c-cardteaser.c-cardteaser--floatup {
  margin-top: -64px;
}

.c-cardteaser.c-cardteaser--overlapleft {
  z-index: 10;
  margin-right: -20%;
  position: relative;
}

.c-cardteaser.c-textcontainer--overlapright {
  margin-left: -20%;
}

.c-cardteaser.c-cardteaser--compliancesoftware {
  text-align: center;
  padding-top: 160px;
}

.c-cardteaser.c-cardteaser--quoteleft {
  z-index: 10;
  margin-top: 24px;
  margin-right: -32px;
  padding: 64px;
  position: relative;
}

.c-cardteaser.c-cardteaser--quoteright {
  margin-top: 24px;
  margin-left: -32px;
  padding: 64px;
}

.c-cardteaser.float-right {
  float: right;
  width: 865px;
  position: static;
}

.c-cardteaser.keyvisual-bg {
  color: #000;
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43fdb_Haufe_VueS_Keyvisual_Logos_mitHG_900.jpg");
  background-position: 50% -10%;
  background-repeat: no-repeat;
  background-size: auto 120%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 500px;
  margin-right: 0;
  padding-top: 50px;
  padding-bottom: 42px;
  padding-left: 60px;
  font-family: Haufemerriweathersans, sans-serif;
  text-decoration: none;
  display: flex;
}

.c-cardteaser.keyvisual-bg.dsk_card_halb {
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto 350px;
  justify-content: space-between;
  height: 600px;
  margin-right: 0;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.c-cardteaser.keyvisual-bg.dsk_card_halb.seeme {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43dce_see_me.png"), none;
  background-position: 100% 0, 50% 130%;
  background-repeat: no-repeat, no-repeat;
  background-size: 50px, auto 400px;
  padding-left: 36px;
  padding-right: 36px;
}

.c-cardteaser.keyvisual-bg.dsk_card_halb.seeme.hdt-teaser {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43dce_see_me.png"), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440e0_HDT_Teaser.jpg");
  background-position: 100% 0, 30% 100%;
  background-size: 50px, auto 370px;
}

.v1-c-heading {
  letter-spacing: 3px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Bebasneue, sans-serif;
  font-size: 55px;
  font-weight: 400;
  line-height: 60px;
}

.v1-c-heading.u-mb32 {
  margin-bottom: 32px;
}

.v1-c-heading.u-mb40 {
  margin-bottom: 40px;
}

.v1-c-heading.u-mb40.c-heading--m, .v1-c-heading.c-heading--m {
  font-size: 48px;
  line-height: 48px;
}

.v1-c-heading.c-heading--m.centered {
  max-width: 700px;
  margin-bottom: 0;
}

.v1-c-heading.c-heading--m.centered.tax-action {
  max-width: 910px;
}

.v1-c-heading.c-heading--m.bottom-margin {
  margin-bottom: 50px;
  margin-left: 0;
}

.v1-c-heading.u-mb0 {
  margin-bottom: 0;
}

.v1-c-heading.small-features {
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 17px;
  line-height: 25px;
}

.v1-c-heading.u-pcenter60 {
  text-align: center;
  max-width: 960px;
  margin-bottom: 60px;
}

.v1-c-heading.h-stage-level-3 {
  margin-bottom: 5px;
  font-size: 66px;
  line-height: 66px;
}

.v1-c-heading.h-stage-level-3.mobile {
  display: none;
}

.v1-c-heading.centered {
  max-width: 960px;
  margin-bottom: 20px;
  margin-left: 1px;
  font-family: Bebasneue, sans-serif;
  font-size: 55px;
  font-weight: 400;
  line-height: 60px;
}

.v1-c-heading.centered.too-long-desktop {
  padding-top: 40px;
}

.v1-c-heading.centered.too-long-mobile {
  display: none;
}

.v1-c-heading.h-stage-level2 {
  max-width: 500px;
  margin-bottom: 11px;
}

.v1-c-heading.h-stage-level2.lead.mobil {
  display: none;
}

.v1-c-heading.u-pcenter60 {
  margin-bottom: 60px;
}

.v1-c-heading.blue-bg {
  margin-bottom: 0;
}

.v1-c-heading.m--vorteile {
  max-width: 1100px;
  margin: 95px auto 80px;
  display: block;
}

.v1-c-heading.mobile, .v1-c-heading.phone {
  display: none;
}

.v1-c-heading.cc-nospacing {
  letter-spacing: 0;
}

.v1-c-heading.cc-nospacing.cc-dtbnew {
  margin-bottom: 24px;
  font-size: 80px;
  line-height: 72px;
}

.c-divider {
  background-color: #333;
  width: 52px;
  height: 6px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.c-divider.c-divider--center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.c-divider.c-divider--sm {
  width: 24px;
  height: 4px;
  margin-bottom: 12px;
}

.c-divider.c-divider--sm.popup {
  margin-top: 20px;
  margin-bottom: 20px;
}

.c-divider.zert {
  margin-top: 10px;
}

.c-divider.c-divider-inhalte {
  width: 25px;
  height: 4px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.c-divider.c-divider-inhalte.mb-30 {
  margin-bottom: 30px;
}

.c-divider.m--vorteile {
  display: none;
}

.c-divider.blog-headline {
  height: 3px;
  margin-top: 10px;
  margin-bottom: 5px;
}

.c-divider.cc-white {
  background-color: #fff;
}

.c-divider.c-divider--center-not_mobile {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.c-cardteaser-content {
  color: var(--black-100);
  text-align: left;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
  overflow: visible;
}

.c-cardteaser-content.u-pcenter {
  text-align: center;
  max-width: 900px;
  padding-top: 0;
}

.c-cardteaser-content.u-pcenter.margin-bottom {
  margin-bottom: 0;
}

.c-cardteaser-content.u-pcenter h2 {
  letter-spacing: 3px;
  font-size: 48px;
  line-height: 48px;
}

.c-cardteaser-content.zertifikate {
  font-size: 18px;
  line-height: 30px;
}

.c-cardteaser-content.witdh-extra {
  width: 800px;
}

.c-cardteaser-content.witdh-extra h2 {
  letter-spacing: 3px;
  font-size: 48px;
  line-height: 48px;
}

.c-cardteaser-content.centered.u-m40 {
  margin-left: auto;
  margin-right: auto;
}

.c-cardteaser-content.cc-dtbnew {
  font-weight: 400;
}

.c-cardteaser-content.neu {
  margin-top: 16px;
  font-size: 16px;
  line-height: 22px;
}

.c-cardteaser-content._16 {
  margin-top: 40px;
  font-size: 16px;
  line-height: 1.6;
}

.c-cardteaser-content._16.white {
  color: var(--white);
  margin-top: 0;
}

.c-cardcostumer {
  color: #fff;
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d7e_59bf94f8ac06760001dc2db3_haufe-personal-office-gol.jpg");
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: space-between;
  max-width: 100%;
  height: 100%;
  min-height: 250px;
  padding: 52px 120px 40px 52px;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  display: flex;
  position: relative;
  box-shadow: 0 12px 24px #262e3b4d;
}

.c-cardcostumer.c-cardcostumer--sm {
  background-image: linear-gradient(#0009, #0009), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e4e_59db9dc1bcf3990001943e8f_HFE-Photography_Global-Places-HighRes-21.jpg");
  justify-content: flex-end;
  max-height: 340px;
  margin-bottom: 20px;
  padding-top: 40px;
  padding-right: 52px;
}

.c-cardcostumer.c-cardcostumer--sm.u-mb0 {
  margin-bottom: 0;
}

.c-cardcostumer.c-cardcostumer--sm.u-mb0.pmpg {
  background-image: linear-gradient(#0009, #0009), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43de6_59db9dc1bcf3990001943dcc_img-left-50.jpg");
  background-position: 0 0, 50%;
}

.c-cardcostumer.c-cardcostumer--sm.u-mb0.pmpg.blue {
  background-color: #0000;
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43eae_HFE-Photography_People-Business-HighRes-36.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 430px;
}

.c-cardcostumer.c-cardcostumer--sm.u-mb0.pmpg.blue.cust-taxnavigator {
  background-image: linear-gradient(#00000085, #00000085), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43de6_59db9dc1bcf3990001943dcc_img-left-50.jpg");
  background-size: auto, cover;
  min-height: 410px;
  padding-top: 52px;
  padding-right: 120px;
}

.c-cardcostumer.c-cardcostumer--sm.blue {
  background-color: #004071;
  background-image: none;
}

.c-cardcostumer.c-cardcostumer--sm.blue.flex-v-center {
  justify-content: space-between;
  max-height: 250px;
  padding-top: 52px;
  padding-bottom: 52px;
}

.c-cardcostumer.c-cardcostumer--md {
  min-height: 332px;
}

.c-cardcostumer.renner {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f13_ryan-tang-273369.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 700px;
}

.c-cardcostumer.w100 {
  width: 100%;
}

.c-cardcostumer.w100.cust-deloitte {
  background-image: linear-gradient(#00000038, #00000038), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d89_59afd983cde2b8000116d96f_rhy-pro.jpg");
  background-size: auto, cover;
}

.c-cardcostumer.cust-maisenbacher {
  background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f10_benjamin-child-17946.jpg");
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto 110%;
}

.c-cardcostumer.references-teaser {
  background-image: linear-gradient(#00000070, #00000070), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f13_ryan-tang-273369.jpg");
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  align-items: flex-start;
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 30px;
}

.c-cardcostumer.references-teaser.blue-bg {
  background-image: linear-gradient(#004071, #004071);
  min-height: 310px;
}

.c-cardcostumer.references-teaser.pmpg {
  background-image: linear-gradient(#00000070, #00000070), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43eae_HFE-Photography_People-Business-HighRes-36.jpg");
  background-size: auto, 170%;
}

.c-cardcostumer-content {
  margin-bottom: 0;
}

.c-cardcostumer-logo {
  margin-bottom: 30px;
  display: inline-block;
}

.c-cardmedia {
  min-height: 532px;
  margin-bottom: 20px;
  padding: 64px 40px 40px;
  text-decoration: none;
  position: relative;
  box-shadow: 0 5px 10px #262e3b26;
}

.c-cardmedia.c-cardmedia-2 {
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  height: 291px;
  min-height: 218px;
  padding: 25px 25px 16px;
  display: flex;
  position: relative;
  overflow: visible;
}

.c-cardmedia.c-cardmedia--partner {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 360px;
  min-height: 190px;
  margin-bottom: 34px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 75px 61px;
  display: flex;
  box-shadow: 0 4px 9px 1px #262e3b1c;
}

.c-cardmedia.c-cardmedia--features {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  min-height: 220px;
  margin-bottom: 34px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 40px 20px 30px;
  display: flex;
  box-shadow: 0 4px 9px 1px #262e3b1c;
}

.c-cardmedia.pop-features {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.c-cardmedia.topbox {
  flex-wrap: nowrap;
  align-items: flex-start;
  height: 100%;
  min-height: 180px;
  margin-bottom: 10px;
  padding: 0;
  display: flex;
}

.c-cardmedia.topbox.hidden {
  display: none;
}

.c-cardmedia-logo {
  margin-bottom: 30px;
  display: inline-block;
}

.c-cardmedia-link {
  color: var(--royal-blue);
  position: absolute;
  bottom: 40px;
  left: 40px;
}

.c-logocontainer {
  background-color: var(--royal-blue);
  color: #fff;
  width: 180px;
  height: 80px;
  margin-right: 12px;
  padding: 16px 24px;
  display: flex;
}

.c-navbar {
  background-color: #fff;
  box-shadow: 5px 0 10px #00000026;
}

.c-navmenu {
  float: right;
  height: 100%;
  position: relative;
}

.c-navdropdown-link {
  color: #3a3e41;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom: 5px solid #0000;
  padding: 32px 8px 23px;
  font-family: Haufemerriweathersans, sans-serif;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: all .2s;
}

.c-navdropdown-link:hover {
  border-bottom: 5px solid var(--royal-blue);
  color: var(--royal-blue);
}

.c-navdropdown-list.w--open {
  color: #fff;
  background-image: linear-gradient(270deg, #006ea8, #00b2c5);
  width: 100vw;
  padding: 40px 64px;
  position: absolute;
  left: 0;
}

.c-listb.taxtalks_bulletpoint {
  color: var(--white);
  text-align: left;
  align-items: center;
  margin-top: 0;
  font-size: 16px;
  line-height: 25px;
  display: flex;
}

.c-listb.taxtalks_bulletpoint.taxtalks-preis {
  margin-top: 0;
  display: block;
}

.c-listb-item {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c2b_Line%20-%20Arrow%20Right.svg");
  background-position: 0 8px;
  background-repeat: no-repeat;
  background-size: 7px;
  padding-bottom: 16px;
  padding-left: 16px;
  transition: opacity .3s;
}

.c-listb-item:hover {
  opacity: .8;
}

.c-listb-link {
  color: #fff;
  font-family: Haufemerriweathersanslt, sans-serif;
  text-decoration: none;
}

.c-listb-link.c-listb-link--footer {
  margin-right: 32px;
}

.c-dropdown-col-heading {
  border-right: 2px solid #fff;
  height: 100%;
  min-height: 284px;
  padding-right: 24px;
}

.c-dropdown-col-content {
  padding-left: 24px;
  padding-right: 24px;
}

.c-dropdown-col-content.cc-nav {
  padding-left: 64px;
}

.c-nav-top {
  color: #fff;
  background-color: #232a36;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
}

.c-nav-container {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.c-nav-container.is-ui {
  position: static;
}

.c-top-nav_left2 {
  letter-spacing: .6px;
  margin-top: 8px;
  margin-bottom: 8px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.c-pipe-divider {
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  display: inline-block;
}

.c-pipe-divider.width-topnav {
  width: 6px;
}

.c-status-link {
  color: #fff;
  letter-spacing: .6px;
  font-family: Haufemerriweathersans, sans-serif;
  text-decoration: none;
  transition: opacity .2s;
}

.c-status-link:hover {
  opacity: .7;
}

.c-status-link.u-mr24 {
  margin-right: 10px;
}

.c-status-link.is-active {
  cursor: default;
  font-weight: 700;
}

.c-status-link.is-active:hover {
  opacity: 1;
}

.c-status-link.width-120px {
  width: 120px;
}

.c-status-link.width-350px {
  width: 350px;
}

.c-status-contentright {
  float: right;
  text-transform: uppercase;
  margin-top: 8px;
  margin-bottom: 8px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.c-footer {
  color: #fff;
  background-color: #003f72;
  padding: 90px;
}

.c-footer-header {
  margin-bottom: 40px;
}

.c-footer-header.c-footer-header--smallfooter {
  margin-bottom: 16px;
}

.c-footer-logo {
  margin-right: 24px;
  display: inline-block;
}

.c-social-link {
  margin-left: 12px;
  margin-right: 12px;
}

.c-social-link.c-social-link--last-child, .c-social-link.c-social-link--lastchild {
  margin-right: 0;
}

.c-social-link.instagram {
  padding-left: 6px;
  padding-right: 6px;
}

.c-glossar-link {
  opacity: .7;
  color: #fff;
  text-transform: uppercase;
  margin-right: 24px;
  font-family: Haufemerriweathersans, sans-serif;
  text-decoration: none;
  transition: opacity .2s;
}

.c-glossar-link:hover {
  opacity: 1;
}

.c-glossar-wrapper {
  margin-bottom: 40px;
  position: relative;
}

.c-listb-heading {
  text-transform: uppercase;
  margin-bottom: 24px;
  margin-left: 6px;
  overflow: visible;
}

.c-listb-heading.long {
  width: 400px;
  margin-left: 6px;
  overflow: visible;
}

.c-listb-heading.long.cc-white {
  color: #fff;
}

.c-listb-heading.long.cc-white.cc-nav {
  margin-left: -6px;
  padding-left: 0;
}

.c-listb-heading.transparent {
  color: #0000;
}

.c-listb-heading.cc-nav {
  color: #fff;
  margin-left: -24px;
}

.c-list-footer-item {
  opacity: .7;
  line-height: 30px;
  transition: opacity .2s;
  position: relative;
}

.c-list-footer-item:hover {
  opacity: 1;
}

.c-contact-button {
  z-index: 10000;
  background-color: var(--royal-blue);
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c18_Fill%20-%20Bubble%203.svg");
  background-position: 8px;
  background-repeat: no-repeat;
  padding: 12px 24px 12px 52px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  transition: box-shadow .35s, background-color .35s;
  position: fixed;
  bottom: 0;
  right: 20px;
  box-shadow: 0 16px 24px #00000026;
}

.c-contact-button:hover {
  background-color: #1a68fa;
  box-shadow: 0 16px 40px #0003;
}

.c-contact-modal {
  z-index: 2000;
  background-color: #fff;
  display: none;
  position: fixed;
  inset: 0;
  overflow: scroll;
}

.c-contact-modal.visible {
  display: block;
}

.c-contact-container {
  margin-top: 2px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 150px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.c-contact-container.tax-action {
  width: 100%;
  max-width: 1360px;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
}

.c-form-heading {
  text-align: center;
  padding-bottom: 30px;
}

.c-form-close-btn {
  float: right;
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43ce2_59bf958b157a460001f938cf_close-x-contact.png");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 26px;
  padding: 30px 60px 30px 30px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.c-field-lable {
  margin-top: 32px;
  font-weight: 400;
  display: none;
}

.c-contact-form {
  color: #4b5a65;
  font-size: 16px;
  line-height: 32px;
}

.c-contact-form.cc-form-details {
  text-align: left;
}

.c-radio-button {
  text-align: center;
  text-transform: capitalize;
  cursor: pointer;
  background-color: #e7e7e8;
  border-radius: 4px;
  width: 100px;
  margin-right: 16px;
  padding-left: 32px;
  padding-right: 32px;
  font-family: Merriweather Sans;
  font-size: 12px;
  line-height: 32px;
  transition: box-shadow .35s, background-color .35s;
  display: inline-block;
}

.c-radio-button:focus {
  background-color: #d7d9db;
}

.c-headingteaser {
  color: #232a36;
  background-color: #f7f7f8;
  max-width: 100%;
  padding: 100px 130px 100px 80px;
  font-family: Haufemerriweather, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
  display: inline-block;
}

.c-contentteaser {
  max-width: 240px;
  display: inline-block;
}

.c-arrowcontainer {
  margin-right: 32px;
  display: inline-block;
  overflow: hidden;
}

.c-homehero {
  width: 100%;
  max-width: 100%;
  padding-top: 80px;
  overflow: hidden;
}

.c-herohome-textcontainer {
  color: #fff;
  background-image: linear-gradient(70deg, #00355f, #003f71 50%, #017896 81%, #00b2c5 101%);
  height: 100%;
  margin-left: 0;
  padding: 96px 80px 80px 17%;
  font-size: 20px;
  line-height: 32px;
  display: inline-block;
}

.c-cardsolution {
  cursor: pointer;
  flex-direction: column;
  margin-bottom: 10px;
  text-decoration: none;
  transition: box-shadow .5s;
  display: flex;
  box-shadow: 0 5px 10px #262e3b26;
}

.c-cardsolution:hover {
  box-shadow: 0 5px 50px #262e3b26;
}

.c-cardsolution-content {
  color: #242b36;
  min-height: 306px;
  padding: 24px;
  text-decoration: none;
  position: relative;
}

.c-cardsolution-head {
  text-align: center;
  background-color: #003f71;
}

.c-listsolution {
  padding-left: 20px;
  font-size: 12px;
}

.c-solution-image {
  margin-left: auto;
  margin-right: auto;
}

.c-solution-link {
  color: #1dacf4;
  text-decoration: underline;
  position: absolute;
  bottom: 24px;
  left: 18px;
}

.c-cardblog {
  max-width: 100%;
  margin-bottom: 20px;
  box-shadow: 0 5px 10px #262e3b26;
}

.c-cardblog.padding {
  margin-bottom: 0;
  padding: 30px;
}

.c-cardblog.tax-action {
  background-image: linear-gradient(#fff, #fff);
  flex: 1;
  margin-bottom: 0;
  padding: 30px;
}

.c-cardblog.tax-action.see-me {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43dce_see_me.png"), linear-gradient(#fff, #fff);
  background-position: 100% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 145px, auto;
}

.c-cardblog.tax-action.see-me-since {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43dd3_see_me_mai.png"), linear-gradient(#fff, #fff);
  background-position: 100% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 145px, auto;
}

.c-blog-cover {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43dcc_57b422305ee8c85457eb8a57_csp_gold_partner.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 200px;
  width: 100%;
  height: 100%;
}

.c-blog-cover.c-blog-cover--withborders {
  border: 24px solid #fff;
}

.c-blog-content {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 120px;
  padding: 50px 60px 60px;
  display: flex;
}

.c-filters {
  color: #fff;
  text-transform: uppercase;
  background-color: #003f71;
  padding: 40px 40px 20px;
  font-size: 18px;
  font-weight: 700;
}

.c-filters.c-filters--hero {
  float: right;
  width: 640px;
  padding-bottom: 16px;
}

.c-filters-label_org {
  margin-bottom: 0;
  font-weight: 400;
  line-height: 35px;
  overflow: hidden;
}

.c-filters-item {
  height: 44px;
  margin-bottom: 20px;
  overflow: visible;
}

.c-textarea-field {
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #98b0c3;
  max-width: 100%;
  min-height: 46px;
  max-height: 300px;
  padding-left: 0;
  font-size: 18px;
  font-weight: 300;
}

.c-textarea-field:focus {
  border-bottom-color: var(--royal-blue);
}

.c-herohome-lateralimage {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed4403a_Zukunftsgestalter-web-1000px.png");
  background-position: 70%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  margin-right: 0;
}

.c-herohome-lateralimage.anpassung_umfrage {
  background-position: 100%;
}

.c-herohome-pattern {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d37_59d7a3641be1c100019fa8fc_5911910b3963fd7f67191b75_background-stripes%402x%20Kopie.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 180px;
}

.c-herohome-bottomimage {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43fe0_107430256-(1).jpg");
  background-position: 50% 35%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 180px;
}

.c-herohome-bottomimage.anpassung_umfrage {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e4a_59c3b6a653c3d600013d93e9_HFE-Photography_People-Business-HighRes-113-(1).jpg");
}

.c-heroinner-lateralimage {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d7d_59c3b68d44bfea00010cd434_HFE-Photography_People-Business-HighRes-87.jpg");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
}

.c-heroinner-lateralimage.mail {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e89_HFE-Photography_People-Business-HighRes-142.jpg");
  background-position: 50%;
  background-size: cover;
}

.c-heroinner-pattern {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d37_59d7a3641be1c100019fa8fc_5911910b3963fd7f67191b75_background-stripes%402x%20Kopie.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 160px;
}

.c-heroinner-pattern.optin {
  height: 100px;
}

.c-heroinner-textcontainer {
  color: #fff;
  background-image: linear-gradient(300deg, #fffe00, #45c6ff 31%, #040077), linear-gradient(90deg, #003f71 49%, #00b2c5);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 300px;
  margin-right: 0;
  padding-left: 100px;
  font-size: 20px;
  line-height: 32px;
  display: flex;
  position: static;
}

.c-homehero--flexheight {
  justify-content: flex-start;
  display: flex;
}

.c-herointernal {
  margin-top: 40px;
  padding-top: 39px;
}

.c-herointernal.aktion-danke-header {
  margin-top: 32px;
}

.c-herointernal.smallnavi {
  margin-top: 24px;
}

.c-container {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 1348px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  overflow: visible;
}

.c-container.u-plr180 {
  padding-left: 12%;
  padding-right: 12%;
}

.c-container.portfolio-container {
  padding-bottom: 100px;
}

.c-container.max800.dailytax {
  margin-bottom: 100px;
}

.c-container.full-width {
  max-width: 1200px;
  margin-top: 229px;
  display: block;
}

.c-container.partner-cards {
  width: 100%;
  max-width: 1300px;
  margin-top: 20px;
  padding-left: 0;
  padding-right: 0;
}

.c-container.video-wrapper {
  flex-direction: column;
}

.c-container.features {
  width: 100%;
}

.c-container.align-left {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  align-items: flex-start;
}

.c-container.more {
  display: none;
}

.c-container.button-wrap {
  text-align: center;
  display: block;
}

.c-cardnews-header {
  height: 228px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}

.c-cardcostumer--flexheight {
  justify-content: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.c-cardcostumer--flexheight.teaser-references {
  margin-bottom: 40px;
}

.c-header-fadeout {
  background-image: linear-gradient(#fafafa66, #fff);
  width: 100%;
  height: 33px;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.c-header-fadeout.inhalte {
  height: 55px;
  display: none;
}

.c-blogcard--flexheight {
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.c-glossar-character {
  margin-bottom: 40px;
}

.c-footerheader-colleft {
  padding-left: 0;
  padding-right: 10px;
}

.c-footerheader-colright {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.c-footerheader-colright.u-pright {
  text-align: right;
  text-align: right;
  text-align: right;
}

.c-togglea-on {
  text-align: left;
  background-color: #00bfbf;
  border-radius: 16px;
  width: 100px;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0 0 0 -70px;
}

.c-togglea-on.is-active {
  text-align: right;
  display: block;
  left: 0;
}

.c-haufe-now {
  letter-spacing: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-weight: 800;
  line-height: 16px;
  display: inline-block;
}

.c-haufe-now.topnav-part1 {
  text-transform: uppercase;
  width: 127px;
}

.c-haufe-now.topnav-part2 {
  width: 330px;
}

.c-morebutton {
  border: 2px solid #fff;
  border-radius: 12px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.c-plusbutton-vertical {
  background-color: #fff;
  border-radius: 1px;
  width: 2px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-plusbutton-horizontal {
  background-color: #fff;
  border-radius: 1px;
  width: 12px;
  height: 2px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image {
  text-align: left;
  width: auto;
  max-width: 250px;
  height: 100%;
  max-height: 70px;
}

.c-cardnews-body {
  margin-bottom: 48px;
}

.heading {
  font-weight: 700;
}

.u-fonta200 {
  font-weight: 200;
}

.u-fontc400 {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Bebasneue, sans-serif;
  font-weight: 400;
}

.c-linkchevron {
  float: left;
  margin-top: 5px;
  margin-right: 8px;
}

.c-forma {
  color: #4b5a65;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}

.c-slidertestimonial-mask {
  overflow: visible;
}

.c-slidertestimonial-slide {
  width: 50%;
  height: 100%;
}

.c-slidertestimonial-slide.slide1 {
  background-color: #e7e7e8;
}

.c-slidenav {
  font-size: 8px;
}

.c-slidecontainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.c-slidecontainer.c-slidecontainer--right {
  background-color: #f7f7f8;
}

.c-slidecontainer-content {
  color: #262e33;
  text-align: center;
  max-width: 420px;
  font-size: 18px;
  line-height: 28px;
}

.c-testimonialauthor {
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: 24px;
}

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

.c-slidernews-slide {
  float: left;
  width: 25%;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.slide {
  float: left;
}

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

.c-slidersolution-slide {
  float: left;
  width: 25%;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.c-cardteam {
  background-color: #003f71;
  height: 460px;
  margin-bottom: 24px;
}

.c-cardteam-foto {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 264px;
}

.c-cardteam-body {
  height: 196px;
  padding: 24px 40px;
  position: relative;
}

.c-dividersmall {
  background-color: #00abf7;
  width: 24px;
  height: 3px;
  margin-bottom: 8px;
}

.c-cardteam-title {
  color: #fff;
  margin-bottom: 6px;
  font-size: 30px;
  line-height: 30px;
}

.c-cardteam-social {
  position: absolute;
  bottom: 24px;
}

.c-header {
  color: #fff;
  text-align: center;
  padding-top: 120px;
  padding-bottom: 120px;
}

.c-header.c-header--gradient {
  background-image: linear-gradient(to right, #0073dd -3% 0%, #03e8e0);
}

.c-header.c-header--blue {
  background-color: #004071;
  display: flex;
}

.c-header.c-header--blue.tax-action {
  padding-top: 100px;
  padding-bottom: 100px;
}

.c-header.c-header--blue.tax-action.hidden {
  display: block;
}

.c-header.c-header--blue.lead {
  padding-top: 80px;
  padding-bottom: 80px;
}

.c-header.c-header--white {
  color: #232a36;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d5c_background-stripes.png");
  background-repeat: no-repeat;
  background-size: 780px;
  padding-top: 152px;
  padding-bottom: 80px;
}

.c-header.c-header--bluepattern {
  background-color: #004071;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d72_dot-grid-royal.png");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 380px;
  padding-bottom: 160px;
}

.c-header.c-header--blue {
  background-color: #004071;
  background-image: linear-gradient(231deg, #fffe00, #00abf7 24%, #0184da 53%, #040077);
}

.c-header.c-header--blue.tt_agenda2021 {
  text-align: left;
  margin-bottom: 0;
  padding-top: 29px;
  padding-bottom: 0;
  padding-left: 50px;
}

.u-mt80 {
  margin-top: 80px;
}

.c-navactions {
  z-index: 10;
  float: right;
  margin-right: 12px;
  padding: 22px;
  position: relative;
}

.c-navdropdown {
  position: static;
}

.c-teaserrow {
  padding-bottom: 320px;
}

.c-teaserrow.c-teaserrow--imageright {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 720px;
}

.c-teaserrow.c-teaserrow--imageleft {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 720px;
}

.c-teaserrow.c-teaserrow--imagerhythmix {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43da5_lousunge01.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 800px;
}

.c-teaserrow.c-teaserrow--imageakademie {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d56_59db9dc1bcf3990001943f55_HAUFE%20akademie.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 1232px;
}

.c-teaserrow.c-teaserrow--imagetalent {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d73_haufe%20-%20talent.png");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 1233px;
}

.c-teaserrow.c-teaserrow--imageoffice {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43def_haufe%20-%20personal%20Office.png");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 1507px;
}

.u-mb80 {
  margin-bottom: 80px;
}

.u-floatup {
  margin-top: -108px;
}

.c-list-bullet {
  float: left;
  margin-top: 4px;
  margin-right: 8px;
}

.u-mb160 {
  margin-bottom: 160px;
}

.c-herohome-buildings {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f6e_HFE-Photography_Transformation-HighRes-34-3.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.c-herohome-buildings.anpassung_umfrage {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d7e_59bf94f8ac06760001dc2db3_haufe-personal-office-gol.jpg");
  background-position: 62%;
}

.c-heroimage {
  color: #fff;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e86_59f9a876269fd6000139a23d_HeroImage%20copy%20(1).jpg");
  background-position: 50% 0;
  background-size: cover;
  margin-top: 0;
  padding: 240px 96px;
  display: block;
}

.c-hero-text {
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.c-list-item {
  color: #3a3e41;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
}

.c-list-item.stage {
  padding-bottom: 7px;
  font-size: 18px;
  line-height: 26px;
}

.c-bulletitem {
  float: left;
  background-color: #0000;
  width: 12px;
  height: 3px;
  margin-top: 0;
  margin-right: 16px;
  display: inline-block;
}

.c-bulletitem.list-funktionen {
  width: 20px;
}

.c-heroclean {
  padding: 140px 72px 160px;
}

.c-heroclean.c-heroclean--themen {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e7e_5a009dce58ec930001415af6_5a009a1d58ec930001414805_Risikoanalyse02_20Copy.jpg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 1440px;
  padding-top: 220px;
}

.c-sectionvorteile {
  flex-direction: column;
  align-items: center;
  padding-top: 96px;
  padding-bottom: 96px;
  display: flex;
}

.c-cardvorteile {
  margin-top: 24px;
  margin-bottom: 24px;
}

.c-cardvorteile.u-mb48 {
  margin-bottom: 48px;
}

.c-cardvorteile.hidden {
  width: 50vw;
  display: block;
}

.c-cardvorteile-head {
  float: left;
  background-color: #054170;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin-right: 32px;
}

.c-cardvorteile-head.small {
  width: 80px;
  height: 80px;
  margin-top: 15px;
}

.c-cardvorteile-content {
  padding-top: 10px;
  padding-right: 24px;
  overflow: hidden;
}

.c-cardvorteile-text {
  padding-right: 30px;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.c-footercta {
  background-color: var(--royal-blue);
  color: #fff;
  padding-top: 64px;
  padding-bottom: 64px;
  line-height: 28px;
}

.c-footercta-colright {
  text-align: center;
  padding-top: 32px;
}

.c-navb {
  background-color: #fff;
  width: 100%;
  height: 80px;
  position: fixed;
  box-shadow: 0 2px 4px #0003;
}

.c-navb-container {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  position: relative;
}

.c-navb-menu {
  float: right;
}

.c-nav-navitem-2 {
  color: #3a3e41;
  letter-spacing: 1px;
  text-transform: uppercase;
  height: 80px;
  padding: 32px 20px 23px;
  font-family: Haufemerriweathersans, sans-serif;
  display: inline-block;
}

.c-nav-navitem-2:hover, .c-nav-navitem-2.w--current {
  color: var(--royal-blue);
}

.c-nav-navitem-2.anpassung_umfrage {
  display: none;
}

.c-nav-navitem-2.c-navb-navitem-dropdown {
  padding-right: 0;
  text-decoration: none;
  display: none;
}

.c-navb-dropdowntoggle {
  letter-spacing: 1px;
  text-transform: uppercase;
  height: 80px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 24px;
  text-decoration: none;
  display: block;
}

.c-navb-dropdowntoggle:hover {
  color: var(--royal-blue);
}

.c-navb-dropdowntoggle.anpassung_umfrage {
  display: none;
}

.c-navb-dropdowntoggle--icon {
  color: #a0a5af;
  margin-top: 36px;
  margin-bottom: 27px;
  font-size: 12px;
}

.c-navb-dropdownlist {
  border-color: #f9f7f7;
  border-top-style: solid;
  border-top-width: 1px;
  min-width: 240px;
  overflow: hidden;
  box-shadow: 0 5px 10px #262e3b26;
}

.c-navb-dropdownlist-item {
  background-color: #fff;
  padding: 16px 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-weight: 400;
}

.c-navb-dropdownlist-item:hover {
  background-color: var(--royal-blue);
  color: #fff;
}

.c-navb-dropdownlist-divider {
  background-color: #e0e0e0;
  height: 1px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.c-navb-kontaktwrapper {
  float: right;
  height: 80px;
  padding: 20px 22px;
  display: inline-block;
}

.c-footer-linkswrapper {
  width: 50%;
}

.c-compliancesoftware-image {
  margin: -80px auto;
  display: block;
}

.c-teasersoftware {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d5c_background-stripes.png");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 780px;
  margin-bottom: 96px;
  padding-bottom: 80px;
}

.c-sectiondownloads {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d52_592fdd120a8a5d78f0b3d03d_big-royal-grid-new-breit%25402x.png");
  background-position: 50% 104%;
  background-repeat: no-repeat;
  background-size: 1034px;
  padding-top: 64px;
  padding-bottom: 52px;
}

.c-sectiondownloads.u-colorgrey100 {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d52_592fdd120a8a5d78f0b3d03d_big-royal-grid-new-breit%25402x.png");
  background-position: 50% 101%;
  background-size: 1034px;
}

.c-downloadscol-left {
  padding-left: 0;
  padding-right: 16px;
}

.c-carddownloads {
  background-color: #f7f7f8;
  flex-direction: column;
  justify-content: space-between;
  height: 140px;
  margin-top: 0;
  margin-bottom: 16px;
  padding: 22px 32px 24px;
  display: flex;
}

.c-carddownloads--sub {
  color: #676d7d;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 400;
}

.link {
  flex: none;
  font-family: Haufemerriweathersans, sans-serif;
}

.link.loesungen {
  color: #00abf7;
  cursor: pointer;
  text-decoration: none;
}

.c-downloadscol-center {
  padding-left: 8px;
  padding-right: 8px;
}

.c-downloadscol-right {
  padding-left: 16px;
  padding-right: 0;
}

.c-downloads-footer {
  margin-top: 52px;
}

.c-teaserrowc {
  padding-top: 64px;
  padding-bottom: 160px;
}

.c-teaserrowc.c-teaserrowc--kommunikation01 {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43eba_gartner-2018.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 800px;
  background-attachment: scroll;
}

.c-teaserrowc.c-teaserrowb--kommunikation02 {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43eba_gartner-2018.jpg");
  background-position: 0 33%;
  background-repeat: no-repeat;
  background-size: 681px;
  margin-bottom: 96px;
  padding-top: 80px;
}

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

.c-teaserrowd {
  padding-top: 96px;
  padding-bottom: 96px;
}

.c-teaserrowc-content {
  padding-top: 51px;
  padding-bottom: 0;
  padding-right: 0;
}

.c-teaserrowe {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e06_59f9c28c269fd6000139beec_SoftwareInternal-Policy%20Management.jpg");
  background-repeat: no-repeat;
  background-size: 1440px;
  padding-top: 64px;
  padding-bottom: 160px;
}

.c-teaserrowe.loesungen {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440a3_kunden-bubble%20gallery.png");
  background-position: 0%;
  background-size: contain;
  padding-top: 0;
  padding-bottom: 80px;
}

.c-teaserrowc--screenshotleft {
  padding-left: 0;
  padding-right: 72px;
}

.c-teaserrowc--screenshotright {
  padding-left: 100px;
}

.c-footer-2 {
  color: #fff;
  background-color: #003f72;
  padding: 90px;
}

.c-listb-link-2 {
  color: #fff;
  text-decoration: none;
}

.c-listb-link-2.c-listb-link--footer {
  margin-right: 32px;
  font-family: Haufemerriweathersans, sans-serif;
  display: inline-block;
}

.c-footerheader-colleft-2 {
  padding-top: 8px;
  padding-left: 0;
  padding-right: 10px;
}

.c-container-2 {
  max-width: 1348px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

.flexrow, .flexitem {
  display: flex;
}

.newsimage {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  padding-top: 56.25%;
}

.newsrte {
  font-size: 20px;
  line-height: 32px;
}

.newsrte h2 {
  margin-bottom: 32px;
  font-family: Haufemerriweather, sans-serif;
  font-weight: 400;
}

.newsrte h3 {
  font-family: Haufemerriweather, sans-serif;
  font-weight: 400;
}

.u-pb96 {
  padding-bottom: 96px;
}

.portfolionavlink {
  border-right: 2px solid #c1c1c1;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 10px;
  text-decoration: none;
}

.portfolionavlink.u-pcolorb {
  font-family: Haufemerriweathersans, sans-serif;
}

.portfolionavlink.u-pcolorb.w--current {
  border-right-color: var(--royal-blue);
}

.portfoliocontentblock {
  margin-bottom: 48px;
  padding-top: 64px;
}

.portfoliocontentblock.first {
  margin-top: -64px;
}

.portfolioitem {
  color: #232a36;
  text-align: center;
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  font-family: Haufemerriweathersans, sans-serif;
  text-decoration: none;
  position: relative;
}

.portfoliolist {
  flex-wrap: wrap;
  width: 100%;
  margin-top: 32px;
  display: flex;
}

.portfolioimage {
  height: 100%;
}

.portfolionavmove {
  position: absolute;
}

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

.portfolionavstatic {
  opacity: 0;
  position: fixed;
  top: 20%;
}

.portfolionavcol {
  position: relative;
}

.portfolioitemwrap {
  color: #232a36;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  width: 31%;
  margin-bottom: 32px;
  margin-left: 1.1%;
  margin-right: 1.1%;
  font-family: Haufemerriweathersans, sans-serif;
  text-decoration: none;
  transition: box-shadow .2s;
  overflow: hidden;
  box-shadow: 0 5px 10px #00000026;
}

.portfolioitemwrap:hover {
  box-shadow: 0 7px 30px #0000001c;
}

.productimagewrap {
  justify-content: center;
  align-items: center;
  height: 250px;
  padding: 30px 20px 20px;
  display: flex;
}

.product-item {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 20px 20px 30px;
  display: flex;
}

.producttitle {
  margin-bottom: 20px;
  font-family: Haufemerriweather, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.link-lookalike {
  color: #00abf7;
  margin-top: 20px;
  font-family: Haufemerriweather, sans-serif;
  text-decoration: underline;
}

.c-button-3 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #0058ff;
  height: 56px;
  margin-top: 36px;
  padding: 18px 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .35s, background-color .35s;
  display: inline-block;
  box-shadow: 0 16px 24px #00000026;
}

.c-button-3:hover {
  background-color: #1a68fa;
  box-shadow: 0 16px 40px #0003;
}

.c-button-3.c-button--floatdown {
  z-index: 100;
  z-index: 100;
  position: relative;
  bottom: -102px;
}

.c-button-3.stage-level-2 {
  align-self: flex-start;
  margin-top: 40px;
}

.c-button-3.is-tertiary {
  box-shadow: none;
  color: #3a3e41;
  background-color: #eaf0f4;
}

.c-button-3.is-tertiary.u-mt24.customer {
  color: #fff;
  background-color: #eaf0f454;
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
}

.c-heroimage-tax {
  margin-top: 0;
  padding-top: 120px;
  padding-bottom: 1px;
  display: none;
}

.navbar {
  margin-top: -10px;
}

.navbar-2 {
  margin-top: 0;
}

.navbar-3 {
  margin-top: 1px;
}

.navbar-4 {
  margin-top: 0;
}

.p-merri {
  font-family: Haufemerriweather, sans-serif;
}

.p-merri.italic {
  font-style: italic;
}

.p-merri.italic.mb-48px {
  margin-bottom: 48px;
  font-family: Haufemerriweathersanslt, sans-serif;
}

.h3-merri {
  max-width: 70%;
  margin-top: 12px;
  margin-bottom: 24px;
  font-family: Haufemerriweather, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 33px;
}

.h3-merri.u-mt24 {
  margin-top: 24px;
}

.h3-merri.u-mt24.u-mb0 {
  margin-bottom: 0;
}

.h-bebas {
  letter-spacing: 1px;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}

.dl-item {
  align-items: center;
  padding-top: 0;
  padding-bottom: 120px;
  display: flex;
}

.dl-item.reverse-flex {
  flex-direction: row-reverse;
}

.dl-image {
  z-index: 1;
  position: relative;
  box-shadow: 0 0 50px #00000026;
}

.dl-image-wrap {
  width: 25%;
  display: inline-block;
  position: relative;
}

.dl-image-grey-bg {
  z-index: 0;
  background-color: #f9f9f9;
  width: 200%;
  height: 80%;
  position: absolute;
  bottom: -12%;
  left: 117px;
  right: auto;
}

.dl-image-grey-bg.reverse-bg {
  left: -140%;
  right: auto;
}

.dl-image-grey-bg.right {
  left: auto;
  right: 117px;
}

.dl-content-wrap {
  width: 75%;
  padding: 48px 60px 48px 80px;
  display: inline-block;
  position: relative;
}

.dl-content-wrap.reverse-padding {
  padding-left: 0;
  padding-right: 80px;
}

.c-checkboxlabel {
  font-size: 12px;
  line-height: 20px;
}

.bold-text {
  font-weight: 400;
}

.emptystate {
  background-color: #0000;
  width: 1px;
  height: 1px;
}

.v1-container.sticky-container {
  flex-direction: column;
  width: 100%;
  max-width: 1128px;
  min-height: 100vh;
  display: flex;
  position: static;
  top: 0;
}

.v1-container.sticky-container.tt-container {
  justify-content: center;
  margin-top: 0;
  padding: 80px 40px;
}

.form-container {
  margin-top: 74px;
}

.overlay-section {
  background-color: #fff;
  margin-bottom: 80px;
  padding-top: 5px;
}

.body--overlay {
  background-color: #0000;
  max-width: 1200px;
  margin: 100px auto;
}

.ioverlay-close {
  cursor: pointer;
  background-color: #fff;
  border-radius: 100%;
  margin-top: 0;
  padding: 20px;
  position: fixed;
  top: 100px;
  right: 5%;
}

.image-2 {
  width: 26px;
}

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

.img--form {
  width: 60%;
  margin-bottom: 20px;
  box-shadow: 0 0 50px #00000026;
}

.u-box--form {
  background-color: #fafafa;
  padding: 48px;
}

.h1--form {
  font-family: Bebasneue, sans-serif;
  font-weight: 400;
}

.rtf--form {
  margin-top: 20px;
  font-size: 14px;
  line-height: 22px;
}

.flexwrap {
  flex-direction: column;
  height: 100vh;
  display: flex;
}

.dl-left {
  background-color: #f9f9f9;
  justify-content: flex-end;
  align-items: center;
  width: 25%;
  margin-top: 120px;
  display: flex;
  position: relative;
}

.dl-left.abstand {
  margin-top: 200px;
  margin-bottom: 100px;
}

.dl-right {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  margin-top: 120px;
  padding-left: 80px;
  display: flex;
}

.max800 {
  max-width: 800px;
}

.dl-page-image {
  width: 70%;
  margin-right: -32px;
  box-shadow: 0 0 50px #00000026;
}

.gh-old-dl-items-wrapper {
  display: block;
}

.search {
  width: 200px;
  margin-left: 20px;
}

.collection-list-wrapper {
  flex-flow: column;
  justify-content: center;
  display: inline-block;
}

.chbx-filter-field {
  width: auto;
  margin-left: 10px;
  display: none;
}

.collection-list {
  flex-wrap: wrap;
  width: auto;
  padding-left: 0;
  display: flex;
}

.inhalte-filter {
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding-top: 30px;
  padding-left: 10px;
  display: flex;
}

.collection-item {
  width: auto;
}

.filter-collection-item {
  color: #292929;
  width: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  font-style: italic;
}

.html__reset_list {
  padding-left: 21px;
  display: none;
}

.filter_group_label {
  letter-spacing: .1px;
  text-transform: uppercase;
  margin-bottom: 25px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.chbx-filter {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border: 1px solid #c1c1c1;
  border-radius: 15px;
  margin-right: 17px;
  padding: 3px 10px;
}

.search-results {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.list_start {
  display: block;
}

.prit_title_old {
  text-align: left;
  margin-top: 0;
  font-size: 13px;
  line-height: 22px;
}

.item-box {
  border: 1px solid #c1c1c1;
  border-radius: 5px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  padding: 5px;
  display: none;
}

.list {
  flex-wrap: wrap;
  justify-content: flex-start;
  display: flex;
}

.item-image {
  text-align: left;
  width: 185px;
  max-width: 102%;
  height: 50px;
  margin-left: -1px;
  display: block;
  position: static;
  overflow: visible;
}

.item-box-top {
  justify-content: flex-end;
  display: flex;
}

.item-box-right {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 70%;
  display: flex;
  overflow: visible;
}

.prit_typ_old {
  font-size: 13px;
}

.name {
  height: auto;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 13px;
  line-height: 19px;
  display: block;
  overflow: visible;
}

.name.popup {
  color: #232a36;
  margin-bottom: 15px;
  padding-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

.verlag {
  color: #fff;
  height: 1px;
  font-size: 1px;
}

.item-box-left {
  align-items: flex-start;
  width: 180px;
  margin-left: 3px;
  overflow: hidden;
}

.pagination {
  justify-content: flex-start;
  display: none;
}

.div-block-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.author_old {
  text-align: right;
  font-size: 12px;
}

.container-cta-form {
  text-align: center;
}

.content-wrapper {
  text-align: center;
  width: 100%;
  overflow: visible;
}

.content-wrapper.max960 {
  flex-direction: column;
  align-self: center;
  align-items: center;
  max-width: 960px;
  display: flex;
}

.location-content {
  height: 0;
  padding-left: 14px;
  overflow: hidden;
}

.container_2.uo-padd-60 {
  align-self: auto;
  padding-top: 0;
  padding-bottom: 60px;
  display: block;
}

._100px-divider {
  background-color: #fff;
  width: 100px;
  height: 4px;
  margin: 24px auto;
}

.slider-kante-unten {
  z-index: 10;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.inhalte-search-box {
  border-bottom: 1px solid #c1c1c1;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  display: flex;
}

.paragraph-3, .rich-text-block {
  display: none;
}

.inhalte-logo-img {
  float: left;
  text-align: left;
  width: auto;
  max-width: 150px;
  height: 50px;
  max-height: 50px;
}

.inhalte-logo-img.popup {
  width: auto;
  max-width: 200px;
  height: 100%;
}

.c-cardinhalt {
  display: block;
}

.c-cardinhalt.popup {
  color: #989896;
  padding-bottom: 0;
}

.c-cardinhalt.popup.big {
  font-size: 16px;
}

.c-cardinhalt.centered {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.c-cardinhalt strong {
  font-weight: 700;
}

.c-cardinhalt.popup {
  color: #989896;
  padding-bottom: 0;
  display: block;
}

.text-block-6 {
  display: inline-block;
}

.product-name {
  color: #005fff;
  letter-spacing: .5px;
  text-transform: uppercase;
  height: 80px;
  padding: 30px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  display: none;
}

.product-name.w--current {
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-bottom: 32px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 700;
}

.text-block-7 {
  letter-spacing: 1px;
  font-family: Haufemerriweathersans, sans-serif;
  line-height: 24px;
}

.c-partnerlogo {
  width: auto;
  max-width: 220px;
  max-height: 70px;
}

.c-collectionbox {
  flex-direction: row;
  justify-content: center;
  width: 100%;
  display: flex;
}

.module_pop_overly {
  z-index: 1999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #000;
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
  overflow: scroll;
}

.pop_content {
  clear: right;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0% 10px 30px;
  font-size: 14px;
  display: flex;
  position: relative;
}

.pop_content.slider {
  width: 100%;
}

.close_popup {
  float: right;
  opacity: 1;
  color: #0000;
  border: 1px #232a36;
  height: 80px;
  margin-top: 0;
  margin-right: 15px;
  padding: 30px 60px 30px 30px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  top: 0;
  right: 0;
}

.close_popup:hover {
  opacity: 1;
}

.heading-3 {
  margin-bottom: 24px;
}

.heading-3.popup {
  font-family: Haufemerriweather, sans-serif;
  font-size: 25px;
}

.popup_rich_module {
  text-align: left;
  font-size: 16px;
  line-height: 26px;
  overflow: visible;
}

.collection-list-2 {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.collection-item-partner {
  flex: 1 0 380px;
  justify-content: center;
  min-width: 250px;
  display: flex;
}

.c-dk-cta {
  background-color: var(--royal-blue);
  color: #fff;
  text-align: center;
  background-image: linear-gradient(18deg, #040077, #45c6ff);
  padding-top: 64px;
  padding-bottom: 64px;
  line-height: 28px;
}

.c-cta-teaser {
  text-align: center;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.c-cta-teaser.links {
  text-align: left;
}

.c-dk-cta-2 {
  color: #fff;
  text-align: center;
  padding-top: 120px;
  padding-bottom: 120px;
}

.c-dk-cta-2.c-header--gradient {
  background-image: linear-gradient(49deg, #fffe00 -3%, #45c6ff 28%, #040077);
  padding-top: 120px;
  padding-bottom: 120px;
}

.image-29 {
  display: inline-block;
}

.chbx-filter-select {
  width: auto;
  margin-left: 10px;
  display: block;
}

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

.c-heading-fix-react {
  letter-spacing: 3px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Bebasneue, sans-serif;
  font-size: 55px;
  font-weight: 400;
  line-height: 60px;
}

.icon-3 {
  color: #0009;
}

.slide-6, .slide-9 {
  background-color: #fff;
}

.text-block-8 {
  text-align: center;
  margin-left: 80px;
  margin-right: 80px;
  padding: 30px 0 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.slider-3 {
  width: 100%;
  height: 660px;
}

.screenshot-center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.h4-merri {
  text-align: center;
  letter-spacing: 0;
  background-color: #ffffff08;
  margin-bottom: 30px;
  padding-top: 15px;
  padding-bottom: 7px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 37px;
}

.slide-nav-3 {
  bottom: -60px;
}

.vorteile {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-top: 60px;
  padding: 60px 30px 140px;
}

.image-30 {
  width: 150px;
}

.c-cardzert {
  justify-content: flex-start;
  max-width: 100%;
  margin-bottom: 20px;
  display: flex;
  box-shadow: 0 5px 10px #262e3b26;
}

.c-cardleft {
  justify-content: center;
  align-items: flex-start;
  padding-top: 70px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.c-cardright {
  width: 90%;
}

.image-31 {
  flex: 0 auto;
  width: 150px;
}

.c-card-features-img {
  width: 100%;
  height: 100%;
  min-height: 60px;
  max-height: 60px;
  margin-bottom: 20px;
  font-size: 14px;
}

.collection-list-3 {
  flex-wrap: wrap;
  display: flex;
}

.collection-item-feature {
  flex: 1 0 330px;
}

.item-shape {
  width: 50px;
  font-size: 20px;
  display: inline-block;
}

._60px-divider {
  background-color: #fff;
  width: 60px;
  height: 3px;
  margin: 24px auto;
}

.form-container-overlay {
  margin-top: 30px;
  padding-left: 0;
  padding-right: 0;
}

.pflichtfeld {
  text-align: right;
  margin-top: 40px;
  font-size: 12px;
  line-height: 12px;
}

.centered {
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.c-wrap-list-features {
  padding-top: 60px;
}

.c-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.c-section.c-section--video {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43efe_RhythmixProzessBG-1.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1300px 220%;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: static;
}

.c-section.c-section--filters {
  margin-top: -190px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.c-section.loesungen {
  padding-top: 20px;
}

.c-section.cc-services {
  padding-top: 0;
  padding-bottom: 0;
}

.c-section.cc-tech {
  background-image: linear-gradient(32deg, #075bfa 29%, #040077 91%);
  padding-top: 184px;
  padding-bottom: 184px;
}

.c-section.cc-triangle {
  padding-top: 160px;
  padding-bottom: 160px;
  overflow: hidden;
}

.c-section.cc-zuku {
  padding-top: 0;
}

.c-section.cc-kanzleivision {
  padding-top: 160px;
  padding-bottom: 140px;
}

.c-section.cc-progress {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43ff9_Background-wake.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-bottom: 160px;
}

.c-section.cc-team {
  background-color: #f7f7f8;
  padding-top: 122px;
  padding-bottom: 160px;
}

.c-section.cc-contact {
  background-image: linear-gradient(52deg, #fffe00, #45c6ff 28%, #040077);
  padding-top: 160px;
  padding-bottom: 160px;
}

.c-section.cc-danke {
  background-image: linear-gradient(52deg, #fffe00, #45c6ff 31%, #040077);
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 160px;
  display: flex;
}

.c-section.cc-tt-video {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/65c3a6bdde56d79febb32373_Group%203.svg"), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/65c3a6bd3a0f07984805bccb_Group%204.svg");
  background-position: 120% 100%, -20% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, contain;
  display: none;
}

.c-section.cc-tt-video.hide {
  padding-top: .5em;
  padding-bottom: .5em;
  display: block;
}

.c-section.cc-tt-slider {
  background-image: linear-gradient(#1f252f, #1f252f);
}

.c-section.black {
  background-color: var(--black-100);
  display: none;
}

.c-section.black.hide {
  display: none;
}

.c-section.gradient {
  background-image: linear-gradient(59deg, #00c5ff, #0e007c);
  padding-top: 8em;
  padding-bottom: 8em;
  display: block;
  overflow: visible;
}

.c-section.gradient.hide {
  display: block;
}

.c-container-3 {
  border-radius: 4px;
  flex-direction: column;
  align-items: center;
  max-width: 1348px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.c-home-videowrapper {
  width: 100%;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  display: block;
}

.c-tab-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.c-cardcontent-small {
  max-width: 960px;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.c-cards-wrapper {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
}

.c-cards-wrapper.loesungen-ueberischt {
  flex-wrap: wrap;
}

.c-card-item-30proz {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  width: 30%;
  min-height: 280px;
  margin-bottom: 60px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 40px 30px 35px;
  display: block;
  box-shadow: 0 5px 10px #262e3b26;
}

.c-cardsolutions-header {
  height: 228px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}

.image-32 {
  color: #424242;
  font-style: normal;
}

.divider-line {
  border-top: 1px solid #c1c1c1;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 30px;
}

.popup_rich_zitat {
  text-align: left;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  overflow: visible;
}

.popup_rich_zitat.hidden {
  display: none;
}

.zitat-person {
  margin-bottom: 20px;
  padding-top: 0;
  display: inline-block;
}

.c-listb-link-3 {
  color: #fff;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.c-button-4 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #0058ff;
  height: 56px;
  padding: 18px 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .35s, background-color .35s;
  display: inline-block;
  box-shadow: 0 16px 24px #00000026;
}

.c-button-4:hover {
  background-color: #1a68fa;
  box-shadow: 0 16px 40px #0003;
}

.c-button-4.c-button--nav {
  margin-top: 12px;
}

.c-button-4.c-button--cardmedia {
  position: absolute;
  bottom: 40px;
  left: 40px;
}

.c-button-4.more_items {
  text-align: center;
}

.c-navdropdown-list-2.w--open {
  color: #fff;
  background-image: linear-gradient(270deg, #006ea8, #00b2c5);
  width: 100vw;
  padding: 64px 40px 40px;
  position: absolute;
  left: 0;
}

.c-heading-3 {
  letter-spacing: 3px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Bebasneue, sans-serif;
  font-size: 66px;
  font-weight: 400;
  line-height: 66px;
}

.c-heading-3.c-heading--m {
  font-size: 48px;
  line-height: 48px;
}

.c-navdropdown-link-2 {
  color: #3a3e41;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom: 5px solid #0000;
  padding: 32px 16px 23px;
  font-family: Haufemerriweathersans, sans-serif;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: all .2s;
}

.c-navdropdown-link-2:hover {
  color: #0058ff;
  border-bottom: 5px solid #0058ff;
}

.c-navdropdown-link-2.w--open {
  padding-left: 20px;
  padding-right: 20px;
}

.c-dropdown-col-heading-2 {
  border-right: 1px solid #fff9;
  padding-right: 24px;
}

.c-dropdown-col-heading-2.c-dropdown-col-heading--suite {
  height: 251px;
}

.c-dropdown-col-heading-2.c-dropdown-col-heading--loesungen {
  height: 274px;
}

.c-logocontainer-2 {
  z-index: 10;
  color: #fff;
  background-color: #0058ff;
  align-items: center;
  width: 180px;
  height: 80px;
  margin-right: 12px;
  padding: 16px 24px;
  display: flex;
}

.c-logocontainer-2.w--current {
  align-items: center;
}

.c-navbar-2 {
  background-color: #fff;
  transition: transform .3s ease-out;
  box-shadow: 5px 0 10px #00000026;
}

.c-navbar-2.c-navbar--mobile {
  display: none;
}

.c-navmenu-2 {
  float: none;
  height: 100%;
  position: relative;
}

.c-nav-container-2 {
  z-index: 10000;
  margin-bottom: -80px;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.c-nav-top-2 {
  color: #fff;
  background-color: #232a36;
  height: 40px;
  padding-left: 25px;
  padding-right: 25px;
  transition: transform .3s ease-out;
  display: block;
}

.coll-list-item {
  flex: 320px;
  padding-left: 10px;
  padding-right: 10px;
}

.html-embed-3 {
  display: block;
}

.c-card-inhalte-top {
  justify-content: space-between;
  margin-bottom: 15px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.c-card-inhalte-top.popup {
  margin-bottom: 30px;
}

.c-card-inhalte-bott {
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 3px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.image-34 {
  height: 20px;
}

.prit_title {
  font-family: Haufemerriweather, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.logo-box-inhalte {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 50px;
  display: flex;
}

.logo-box-inhalte.popup {
  justify-content: flex-start;
  height: auto;
}

.verlag_old {
  color: #fff;
  height: 2px;
  font-size: 1px;
}

.author {
  color: #62717a;
  width: 100%;
  margin-bottom: 0;
  font-family: Haufemerriweather, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
}

.author.popup {
  color: #989896;
  margin-bottom: 30px;
  font-size: 16px;
}

.filter-wrap {
  width: 50%;
  margin-bottom: 20px;
  padding-right: 15px;
}

.inhalte-headline {
  font-family: Bebasneue, sans-serif;
  font-size: 40px;
}

.search-wrap {
  padding-left: 10px;
  padding-right: 10px;
}

.c-herosmall {
  flex-direction: row;
  min-height: 300px;
  margin-top: 120px;
  margin-bottom: 48px;
  display: flex;
  position: relative;
}

.c-herosmall.small_navi {
  margin-top: 144px;
}

.c-herosmall.abstand {
  min-height: 350px;
  margin-top: 78px;
}

.stage-small-img {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43da4_59c3b5fd1e1932000173958d_deloitte.jpg");
  background-position: 10% 60%;
  background-repeat: no-repeat;
  background-size: 570px;
  width: 25vw;
  height: 300px;
  display: inline;
  position: static;
  overflow: hidden;
}

.stage-small-img.stage-img-partner {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d7f_590c4171a0d70b5cf952db48_HFE-Photography_People-Business-HighRes-110.jpg");
  background-position: 0 45%;
  background-size: cover;
  width: 25%;
}

.stage-small-img.stage-img-funktionen {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43ee3_efa_haufe-start-aka.jpg");
  background-position: 50% 84%;
  background-size: cover;
  width: 25%;
}

.stage-small-img.stage-img-inhalte {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed44036_glenn-carstens-peters-npxXWgQ33ZQ-unsplash-2.png");
  background-size: cover;
}

.stage-small-img.stage-img-inhalte.cc-meganav {
  height: 360px;
}

.stage-small-img.stage-img-rechner {
  background-image: linear-gradient(#0058ff33, #0058ff33), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440ce_Nachwuchskra%CC%88fte_Cover_WP_2.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 570px;
  width: 25%;
  height: auto;
  min-height: 350px;
}

.stage-small-img.stage-img-technologie {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f16_ts_geflecht-o.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 25%;
}

.stage-small-img.stage-img-technologie.cc-meganav {
  height: 380px;
}

.stage-small-img.stage-img-features {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43eee_right-50.jpg");
  background-position: 0 13%;
  background-size: cover;
  width: 25%;
}

.stage-small-img.stage-img-features.cc-meganav {
  background-position: 0%;
  height: 380px;
}

.stage-small-img.stage-img-weitereloesungen {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e5b_59c3b68d44bfea00010cd434_HFE-Photography_People-Business-HighRes-87.jpg");
  background-position: 100% 34%;
  background-size: cover;
  width: 25%;
  overflow: hidden;
}

.stage-small-textcontainer {
  color: #fff;
  background-image: linear-gradient(219deg, #fffe00 1%, #45c6ff 28%, #040077);
  flex-direction: column;
  justify-content: center;
  width: 75%;
  padding: 0 28% 0 60px;
  font-weight: 300;
  display: flex;
  overflow: hidden;
}

.stage-small-textcontainer.cc-meganav {
  background-image: linear-gradient(205deg, #fffe00, #45c6ff 28%, #040077);
  padding-top: 40px;
}

.stage-small-pattern {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d37_59d7a3641be1c100019fa8fc_5911910b3963fd7f67191b75_background-stripes%402x%20Kopie.png");
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 240px;
  width: 33%;
  height: 200px;
  position: absolute;
  inset: auto 0% -21% auto;
}

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

.filter-switch {
  justify-content: flex-start;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
}

.filter-switch-text {
  padding-right: 10px;
  font-family: Bebasneue, sans-serif;
  font-size: 30px;
}

.div-block-13 {
  border: 1px solid #c1c1c1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  padding-right: 10px;
  display: flex;
}

.paragraph-4 {
  font-weight: 300;
}

.c-heromedium {
  margin-top: 65px;
  margin-bottom: 130px;
  display: flex;
  position: relative;
}

.c-heromedium.lead {
  margin-top: 80px;
}

.c-heromedium.cc-meganav {
  margin-top: 120px;
}

.stage-medium-img {
  width: 20vw;
  height: 280px;
}

.stage-medium-img.stage-img-loesungen-overview {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43cb8_59ca50ebfcfbf3000197c0e6_cinemagraph-bild-1.gif");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 20vw;
  height: 280px;
}

.stage-medium-img.stage-img-digitalekanzlei {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e92_taxsuite-kv-bubblesdots.jpg");
  background-position: 20% 30%;
  background-repeat: no-repeat;
  background-size: auto 320%;
  height: 280px;
}

.stage-medium-img.stage-img-digitalekanzlei.mobile {
  display: none;
}

.stage-medium-textcontainer {
  color: #fff;
  background-image: linear-gradient(134deg, #fffe00, #45c6ff 28%, #040077), linear-gradient(to right, #003f71 7%, #005b86 30%, #008ba9 75%, #00b2c5);
  flex-direction: column;
  justify-content: center;
  width: 54vw;
  padding-left: 60px;
  padding-right: 7%;
  font-weight: 300;
  display: flex;
}

.stage-medium-textcontainer.cc-meganav {
  background-image: linear-gradient(136deg, #fffe00, #45c6ff 29%, #040077), linear-gradient(to right, #003f71 7%, #005b86 30%, #008ba9 75%, #00b2c5);
  padding-top: 40px;
}

.stage-medium-imgbig {
  width: 26vw;
  height: 435px;
}

.stage-medium-imgbig.stage-imgbig-loesungen-overview {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e4f_590329fc0737332a98b09495_HFE-Photography_People-Business-HighRes-13.jpg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 27vw;
  height: 400px;
}

.stage-medium-imgbig.stage-imgbig-digitalekanzlei {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d5e_5950b0514858407fd3ac7e75_tuce-210315%2520copy.jpg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
}

.stage-medium-imgbig.stage-imgbig-digitalekanzlei.lead {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43fd9_Tax%20Man%20Gewinnspiel.jpg");
  background-position: 100%;
}

.stage-medium-imgbig.stage-imgbig-digitalekanzlei.cc-meganav {
  height: 500px;
}

.stage-medium-pattern {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d37_59d7a3641be1c100019fa8fc_5911910b3963fd7f67191b75_background-stripes%402x%20Kopie.png");
  background-position: 0 0;
  background-size: 240px;
  width: 44%;
  height: 270px;
  position: absolute;
  inset: auto 0% -12%;
}

.stage-info-box {
  z-index: 100;
  background-color: #fff;
  width: 36vw;
  height: auto;
  padding: 40px 59px;
  font-size: 14px;
  font-weight: 300;
  position: absolute;
  inset: 70% 7% auto auto;
  box-shadow: -1px 1px 4px 3px #0000001c;
}

.stage-info-box.lead {
  align-self: auto;
  padding: 30px 40px 30px 45px;
  top: 75%;
}

.pop-content-features {
  align-items: flex-start;
  padding-top: 0%;
}

.pop-features-img {
  max-height: 60px;
  margin-bottom: 40px;
  font-size: 14px;
  display: block;
}

.pop-features-info {
  padding-top: 30px;
}

.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;
}

.zertifikate-wrapper {
  padding-top: 40px;
}

.flexcard-wrapper {
  justify-content: flex-end;
  width: 100%;
  max-width: 1360px;
  display: block;
  position: relative;
}

.flexcard-wrapper.loesungen {
  justify-content: space-between;
  max-width: 1360px;
  padding-top: 32px;
  display: flex;
  position: static;
}

.flexcard-wrapper.tax-action {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: static;
  overflow: hidden;
}

.text-wrapper {
  max-width: 1300px;
  padding: 25px 0 0;
  display: flex;
}

.text-wrapper.left {
  flex-direction: column;
  align-items: flex-start;
  max-width: 47%;
  padding: 0 0 0 30px;
}

.column-wrapper {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.flexcard-img-big {
  position: absolute;
}

.flexcard-img-big.technologie {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f5f_gartner-2018.jpg");
  background-position: 0 0;
  width: 564px;
  height: 550px;
  display: block;
  inset: 20% 0% 0% auto;
}

.flexcard-img-big.sicherheit {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e35_ts-gespraech-notiz.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 500px;
  width: 600px;
  height: 380px;
  top: 161px;
}

.flexcard-img-big.funktionen {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43dd8_591194223963fd7f67191cfa_HFE-Photography_Transformation-HighRes-20.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 500px;
  width: 510px;
  height: 370px;
  bottom: 57px;
}

.flexcard-img-big.digitale-kanzlei {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43ef6_taxsuite-kv.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 920px;
  height: 718px;
  inset: -8% -3% 0% auto;
}

.flexcard-img-big.digitale-kanzlei.mobile {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43fdb_Haufe_VueS_Keyvisual_Logos_mitHG_900.jpg");
  display: none;
}

.flexcard-img-big.digitale-kanzlei.desktop {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440c8_36709_Haufe_VueS_Keyvisual_DIN_A4_4c_Logos_02-2022.jpg");
  width: 900px;
  height: 703px;
  top: -9%;
  right: 0%;
}

.flexcard-img-big.digitale-kanzlei.m--vorteile {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43fdf__Haufe_VueS_Keyvisual_DIN_RGB_Logos_mitHG_gross.png");
  top: 10%;
}

.flexcard-img-big.tax-action {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f0e_30286_ABB_MacBook_Screen1_Digitale_Kanzleibibliothek_1940x1104_V03.png");
  background-position: 0 0;
  background-size: cover;
  width: 460px;
  height: 262px;
  display: block;
  position: static;
  top: 30%;
  bottom: 30%;
  right: 10%;
}

.flexcard-img-small {
  z-index: -2;
  position: absolute;
}

.flexcard-img-small.technologie-2 {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e4e_59db9dc1bcf3990001943e8f_HFE-Photography_Global-Places-HighRes-21.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 500px 240%;
  width: 450px;
  height: 360px;
  display: block;
  position: absolute;
  inset: 74% 17% 0% auto;
}

.flexcard-img-small.sicherheit-2 {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f43_ts-raster.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1000px;
  width: 480px;
  height: 310px;
  inset: auto auto -21% 16%;
}

.flexcard-img-small.funtkionen-2 {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43ee4_HFE-Photography_People-Business.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 400px;
  height: 560px;
  top: 338px;
  left: 148px;
}

.flexcard-img-small.pattern {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d37_59d7a3641be1c100019fa8fc_5911910b3963fd7f67191b75_background-stripes%402x%20Kopie.png");
  background-position: 0 0;
  background-size: auto 90%;
  width: 22%;
  height: 160px;
  inset: 59% auto 0% 0%;
}

.flexcard-img-small.ta-pattern {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f0d_background-stripes%402x.png");
  background-position: 0 0;
  background-size: auto 90%;
  width: 22%;
  height: 160px;
  top: 54%;
  bottom: 0%;
  right: 0%;
}

.flexcard-img-small.ta-pattern-left {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f0d_background-stripes%402x.png");
  background-position: 0 0;
  background-size: auto 90%;
  width: 25%;
  height: 160px;
  top: 0%;
  bottom: 0%;
  right: 0%;
}

.card-font-small {
  text-align: left;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}

.quote-subline {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 300;
}

.c-cardteaser-content-4 {
  text-align: left;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.c-cardteaser-content-4.u-pcenter {
  text-align: center;
}

.c-divider-2 {
  background-color: #333;
  width: 52px;
  height: 6px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.c-divider-2.c-divider--center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.slider-wrapper {
  flex-direction: column;
  align-items: center;
  max-width: 920px;
  display: flex;
}

.c-cards-loesungen-wrapper {
  flex-flow: wrap;
  place-content: flex-start flex-end;
  align-items: flex-start;
  width: 48%;
  margin-left: 30px;
  margin-right: 30px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.c-cards-loesungen-wrapper.main {
  flex: 1;
  justify-content: flex-start;
  display: block;
}

.hidden {
  display: none;
}

.quote {
  max-width: 870px;
  margin-bottom: 24px;
  font-family: Haufemerriweather, sans-serif;
  font-size: 33px;
  font-weight: 400;
}

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

.logo-sbp {
  width: 250px;
  max-width: none;
  height: auto;
}

.logo-pmpg {
  width: 150px;
  max-width: none;
  height: auto;
}

.logo-kmp {
  width: 290px;
  max-width: 100%;
  height: auto;
}

.logo-maisenbacher {
  width: 210px;
}

.logo-taxnav {
  width: 200px;
}

.logo-konlus {
  width: 210px;
}

.logo-renner {
  width: 160px;
}

.logo-deloitte {
  align-self: flex-start;
  width: 230px;
}

.c-cardloesung {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 45%;
  height: 280px;
  margin-top: 0;
  margin-bottom: 40px;
  margin-right: 5%;
  padding: 22px 25px 24px;
  font-family: Haufemerriweathersans, sans-serif;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 10px #262e3b26, 7px 0 30px #0000001a;
}

.c-cardloesung.seeme {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43dce_see_me.png");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 50px;
}

.c-cardsolution--sub {
  color: #676d7d;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 400;
}

.loesungen-teaser {
  cursor: pointer;
}

.mask {
  position: static;
}

.c-heroimage-tax-aktion {
  margin-top: 80px;
  padding-bottom: 1px;
}

.c-content {
  background-image: linear-gradient(#fff, #fff);
  width: 838px;
  padding: 72px 0 0 30px;
}

.c-herotaxaction-lateralimage {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f12_30515_HEA_Grafik_Webseite_1000x634px_LTHS_V01.jpg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  margin-right: -1px;
}

.c-herotaxaction-bottomimage {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43efc_books.jpg");
  background-position: 50% 42%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 180px;
}

.c-cardteaser-tax-action-form {
  background-color: #fff;
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 150px;
  display: block;
  box-shadow: 0 5px 10px #262e3b26, 7px 0 30px #0000001a;
}

.div-block-14 {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.author-ta {
  color: #62717a;
  text-align: right;
  width: 100%;
  margin-bottom: 0;
  font-family: Haufemerriweather, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  display: block;
  overflow: visible;
}

.c-cards-wrapper--ta {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1300px;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.ta-divider {
  width: 50px;
}

.c-navb-menu-2 {
  float: right;
}

.c-button-5 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #0058ff;
  height: 56px;
  padding: 18px 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .35s, background-color .35s;
  display: inline-block;
  box-shadow: 0 16px 24px #00000026;
}

.c-button-5:hover {
  background-color: #1a68fa;
  box-shadow: 0 16px 40px #0003;
}

.c-button-5.c-button--l {
  height: 36px;
  box-shadow: none;
  padding: 8px 16px;
  font-size: 15px;
}

.c-button-5.c-button--l.is-secondary.hidden {
  display: none;
}

.c-navigation_container {
  z-index: 10000;
  background-color: var(--white);
  width: 100%;
  max-width: 100%;
  height: 80px;
  padding-right: 32px;
  position: fixed;
  box-shadow: 0 2px 8px 5px #9993;
}

.c-navb-navitem {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  height: 80px;
  padding: 30px 24px 32px;
  font-family: Haufemerriweathersans, sans-serif;
}

.c-navb-2 {
  background-color: #fff;
  width: 100vw;
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 2px 4px #0003;
}

.c-logocontainer-3 {
  color: #fff;
  background-color: #0058ff;
  width: 180px;
  height: 80px;
  margin-right: 12px;
  padding: 16px 24px;
  display: flex;
}

.c-navb-kontaktwrapper-2 {
  height: 80px;
  padding: 20px 22px;
  display: inline-block;
}

.image-ta-mobil {
  display: none;
}

.ta-card-button {
  background-image: linear-gradient(#ed1e79, #ed1e79);
  width: 200px;
  height: 100px;
  display: none;
  position: static;
  bottom: 0;
  left: 0;
  overflow: visible;
}

.ta-card-button-text {
  color: #fff;
  text-align: center;
  padding-top: 40px;
  font-size: 55px;
}

.ta-card-button-text.subline {
  padding-top: 16px;
  font-size: 13px;
}

.image-stoerer-tax-action {
  display: none;
  position: absolute;
  top: 55%;
  left: 10%;
}

.c-container-5 {
  max-width: 1348px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

.c-filters-label-2 {
  width: 50%;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 35px;
  overflow: hidden;
}

.c-filters-label-2.c-filters-label--dobleline {
  width: 53%;
  line-height: 18px;
  overflow: hidden;
}

.c-filter-learning {
  float: left;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.c-cardmedia-kategorie {
  margin-bottom: 32px;
  font-family: Haufemerriweather, sans-serif;
  font-size: 22px;
  line-height: 30px;
}

.c-cardmedia-kategorie.loesungen {
  color: #c1c1c1;
  text-align: left;
  margin-bottom: 10px;
  font-size: 18px;
}

.c-cardmedia-loesungen {
  text-align: left;
  background-color: #fff;
  width: 100%;
  height: auto;
  min-height: 290px;
  margin-bottom: 0;
  padding: 20px 40px;
  text-decoration: none;
  transition: box-shadow .2s;
  position: relative;
  box-shadow: 0 5px 10px #262e3b26;
}

.c-cardmedia-loesungen:hover {
  box-shadow: 0 7px 30px #262e3b26;
}

.c-cardmedia-heading {
  font-family: Haufemerriweather, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}

.c-cardmedia-heading.loesungen {
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 24px;
}

.c-filter-software {
  float: left;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.c-filter-weitere {
  float: left;
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.c-filter-content {
  float: left;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.c-cardmedia-description {
  margin-bottom: 48px;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.c-divider-3 {
  background-color: #333;
  width: 52px;
  height: 6px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.c-divider-3.c-divider--modulescard {
  height: 3px;
  margin-top: 12px;
}

.coll-item-loesungen {
  float: left;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: inline-block;
}

.c-filter-cms {
  float: left;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.c-divider-loesungen {
  background-color: #333;
  width: 52px;
  height: 4px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.card-font-smaller {
  text-align: left;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 25px;
}

.c-button-6 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #0058ff;
  height: 56px;
  padding: 18px 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .35s, background-color .35s;
  display: inline-block;
  box-shadow: 0 16px 24px #00000026;
}

.c-button-6:hover {
  background-color: #1a68fa;
  box-shadow: 0 16px 40px #0003;
}

.c-button-6.lead {
  margin-top: 15px;
}

.loesung-image {
  border: 1px #c1c1c1;
  border-radius: 1px;
  width: 100%;
  max-width: 600px;
  padding-top: 20px;
}

.bold {
  font-weight: 700;
}

.link-block-4 {
  color: #000;
  cursor: pointer;
  width: 100%;
  margin-bottom: 20px;
  text-decoration: none;
}

.list-overlay-item {
  display: block;
}

.list-overlay {
  flex-wrap: wrap;
  justify-content: flex-start;
  display: flex;
}

.close-x-button {
  float: right;
  opacity: 1;
  color: #0000;
  border: 1px #232a36;
  height: 80px;
  margin-top: 0;
  margin-right: 15px;
  padding: 30px 60px 30px 30px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  top: 0;
  right: 0;
}

.close-x-button:hover {
  opacity: 1;
}

.gh-ct-overlay {
  z-index: 1999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #000;
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  transition: opacity .2s;
  display: none;
  position: fixed;
  inset: 0;
  overflow: scroll;
}

.gh-ct-overlay.gh-ct-hidden {
  display: none;
}

.blog-slider-collection-wrapper {
  max-width: 840px;
  font-size: 1em;
  position: relative;
  overflow: hidden;
}

.blog-slider-collection-wrapper.gh-blog-slider-wrapper {
  max-width: 940px;
}

.slider-close-button-mobile {
  color: #282e3780;
  flex: none;
  width: 52px;
  font-size: 32px;
}

.close-icon {
  padding: 10px;
}

.close-icon.gh-close-overlay {
  width: 50px;
}

.blog-slider-element {
  background-color: #fff;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  height: auto;
  padding: 30px 20px 40px;
  display: flex;
}

.blog-detail-slider-wrap {
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  padding: 10px 0 28px;
  display: flex;
}

.blog-detail-slider-wrap.blog-slider-scroll-wrapper {
  margin-top: 0;
  padding-top: 217px;
}

.blog-slider {
  align-items: flex-start;
  width: 100%;
  transition: height .3s, transform .2s;
  display: flex;
  position: relative;
}

.blog-slider-scroll-wrapper {
  max-width: none;
  height: 100%;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.blog-slider-button {
  color: #fff;
  cursor: pointer;
  background-color: #ffffffa6;
  margin-top: 10%;
  margin-bottom: 0;
  padding: 20px 30px;
  font-size: 1.75em;
  transition: all .2s;
}

.blog-slider-button.blog-slider-button-next, .blog-slider-button.blog-slider-button-prev {
  margin-top: 300px;
  padding: 29px 38px;
}

.blog-slider-element-content {
  width: 100%;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 0;
  padding-right: 0;
}

.blog-slider-element-body {
  position: relative;
}

.slider-close-button {
  float: right;
  color: #282e3780;
  cursor: pointer;
  flex: none;
  width: 50px;
  height: 50px;
  margin-top: -320px;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 32px;
  position: absolute;
}

.blog-overview-item {
  flex: 1 0 380px;
  justify-content: center;
  min-width: 250px;
  display: flex;
}

.blog-overview-item.features {
  flex-basis: 330px;
  display: block;
}

.blog-slider-button-image {
  width: 50px;
}

.blog-slider-wrapper {
  width: 70%;
  max-width: 940px;
}

.c-containerblog {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.c-containerblog.c-containerblog--modules {
  width: 100%;
  margin-top: 40px;
  position: relative;
}

.c-containerblog.c-containerblog--modules.second {
  max-width: 1348px;
  padding-right: 20px;
}

.c-blogauthorsocial-fblink {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e71_iconmonstr-facebook-5.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 32px;
  height: 32px;
}

.c-blogauthorsocial-fblink:hover {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e76_iconmonstr-facebook-color.svg");
}

.c-blogauthorsocial-xlink {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e78_iconmonstr-xing-5.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 32px;
  height: 32px;
}

.c-blogauthorsocial-xlink:hover {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e79_iconmonstr-xing-color.svg");
}

.c-blogheading--h1 {
  margin-left: 80px;
  margin-right: 80px;
}

.c-blogauthorfooter-socialcontainerfixed {
  z-index: 30;
  width: 32px;
  height: auto;
  position: fixed;
  top: 226px;
  right: 30px;
}

.c-blogauthorsocial-email {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e72_iconmonstr-email-4.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  width: 32px;
  height: 32px;
}

.c-blogauthorsocial-email:hover {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43ec4_iconmonstr-email-color.svg");
  background-size: 22px;
}

.c-blogauthorsocial-email.horizontal {
  background-size: 24px;
  margin-left: 3px;
}

.c-blogauthorfooter-socialicon {
  width: 32px;
  height: 32px;
  margin-bottom: 14px;
  margin-right: 16px;
  display: inline-block;
}

.c-blogauthorfooter-infocontainer {
  margin-left: 40px;
}

.c-starsystem {
  float: right;
  min-height: 20px;
}

.c-blogwrapper {
  margin-top: 120px;
  margin-bottom: 60px;
  padding-top: 28px;
}

.c-heading-5 {
  letter-spacing: 3px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Bebasneue, sans-serif;
  font-size: 66px;
  font-weight: 400;
  line-height: 66px;
}

.c-heading-5.c-heading--blog {
  color: #3a3e41;
}

.c-blog-mainimage {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed44057_5f21659711131f77985d57da_AdobeStock_224337783-2.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 520px;
  margin-top: 36px;
}

.c-blogauthorsocial-twlink {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e13_iconmonstr-twitter-5.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 32px;
  height: 32px;
}

.c-blogauthorsocial-twlink:hover {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e66_iconmonstr-twitter-color.svg");
}

.c-blogdateandtime {
  font-size: 16px;
  line-height: 28px;
  display: inline-block;
}

.c-blogauthorsocial-lilink {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e7a_iconmonstr-linkedin-5.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 32px;
  height: 32px;
}

.c-blogauthorsocial-lilink:hover {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e68_iconmonstr-linkedin-color.svg");
  background-size: 28px;
}

.c-blogheader {
  margin-top: 80px;
}

.c-blogbody-richtext {
  margin-top: 48px;
}

.c-blogbody-richtext blockquote {
  border-left-style: none;
  border-left-width: 0;
  border-radius: 1px;
  margin: 60px 20px;
  font-family: Haufemerriweather, sans-serif;
  font-size: 28px;
  line-height: 45px;
  display: flex;
  position: relative;
}

.c-blogbody-richtext a {
  color: #0058ff;
  font-weight: 400;
}

.c-blogbody-richtext h6 {
  color: #676d7d;
  margin-left: 160px;
  font-size: 16px;
  font-weight: 300;
}

.c-blogbody-richtext p {
  color: #3a3e41;
  margin-bottom: 32px;
  margin-left: 80px;
  margin-right: 80px;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

.c-blogbody-richtext li {
  color: #3a3e41;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

.c-blogbody-richtext figcaption {
  margin-top: 18px;
  margin-bottom: 32px;
}

.c-blogbody-richtext h4 {
  color: #3a3e41;
  margin: 32px 80px;
  font-family: Haufemerriweather, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.c-blogbody-richtext ul {
  margin-bottom: 32px;
  margin-left: 80px;
  margin-right: 80px;
}

.c-blogbody-richtext h2 {
  margin: 32px 80px;
  font-family: Haufemerriweather, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 52px;
}

.c-blogbody-richtext h3 {
  color: #3a3e41;
  margin: 32px 80px;
  font-family: Haufemerriweather, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 38px;
}

.c-blogbody-richtext img {
  padding-left: 16px;
  padding-right: 16px;
}

.see_me_solution {
  width: 80px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.c-modulescard {
  z-index: 3;
  background-color: #fff;
  width: 91%;
  height: auto;
  padding: 36px 40px 40px;
  position: absolute;
  top: 160px;
  left: 60px;
  right: auto;
  box-shadow: 0 7px 30px #0000001a;
}

.c-modulescard.second {
  width: 89%;
  height: auto;
  min-height: 380px;
  padding-bottom: 40px;
  top: 120px;
  left: 60px;
  right: auto;
}

.c-modulescard-bigcontainer {
  width: 100%;
  height: 630px;
  display: inline-block;
  position: relative;
}

.c-modulescard-bigcontainer.second {
  width: 50%;
}

.c-modulescard-iconcontainer {
  z-index: 2;
  background-color: #044170;
  background-image: linear-gradient(8deg, #fffe00, #45c6ff 28%, #040077), linear-gradient(48.5deg, #413168, #003f71 27%, #00b1b7 90.9%, #00bfbf), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, 125px;
  width: 45%;
  height: 390px;
  margin-left: 20px;
  position: absolute;
}

.c-modulescard-img {
  width: 110px;
  max-width: 100%;
  margin-top: 26px;
  margin-left: 40px;
  position: absolute;
  left: 0%;
}

.c-modulescard-img.second {
  width: 85px;
  margin-top: 18px;
  margin-left: 40px;
}

.c-modulescard-heading {
  color: #2c2f32;
  font-family: Haufemerriweather, sans-serif;
  font-size: 32px;
  line-height: 40px;
}

.c-modulescard-heading.second {
  font-size: 28px;
  line-height: 35px;
}

.c-modulescard-p {
  margin-bottom: 40px;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

.c-modulescard-p.second {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 28px;
}

.c-modulescard-stripesimg {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43d5c_background-stripes.png");
  background-position: 100%;
  background-size: 780px;
  width: 60%;
  height: 190px;
  position: absolute;
  top: 46px;
  right: 7%;
}

.c-blogauthor {
  display: flex;
}

.c-blog-date {
  color: #676d7d;
  font-style: italic;
  font-weight: 300;
  display: inline-block;
}

.c-blogauthorname {
  color: var(--light-blue);
  margin-right: 10px;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 28px;
}

.c-blogauthorrole {
  color: #676d7d;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 28px;
}

.c-blogitem-collectionitem {
  width: 33.33%;
  padding: 25px 12px 20px;
  display: inline-block;
}

.c-cardmedia-blogimgcontainer {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  min-height: 230px;
  display: inline-block;
  position: relative;
}

.c-cardmedia-blogcontent-wrap {
  min-height: 265px;
  padding: 30px;
  position: relative;
}

.c-cardmedia-big-wrap {
  color: #232a36;
  text-decoration: none;
  display: block;
}

.c-cardmedia-big-wrap.top_rss {
  width: 75%;
  min-height: 180px;
}

.c-cardmedia-list {
  text-align: left;
  background-color: #fff;
  height: 560px;
  min-height: 0;
  margin-bottom: 20px;
  padding: 40px;
  text-decoration: none;
  position: relative;
  box-shadow: 0 5px 10px #262e3b26;
}

.c-cardmedia-list.c-cardmedia--blog {
  height: auto;
  min-height: 470px;
  margin-bottom: 0;
  padding: 0;
  display: block;
}

.c-cardmedia-list.c-cardmedia--blog.blog-hidden {
  display: none;
}

.c-cardmedia-blogcontent-header {
  color: #232a36;
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Haufemerriweather, sans-serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 31px;
}

.c-blog-share {
  z-index: 1;
  float: right;
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e10_noun_Share%2B.svg");
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  width: 27px;
  height: 27px;
  margin: 10px 10px 30px 19px;
  display: block;
  position: relative;
}

.c-blog-share:hover {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e12_noun_Share_light_blue.svg");
  background-position: 50%;
  background-size: 29px;
}

.c-blog-share.top1 {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e6f_noun_Share_white.svg");
  width: 30px;
  margin: 10px 10px 31px 20px;
  padding-right: 0;
  position: relative;
  inset: 0% 0% auto auto;
}

.c-blog-share.top1:hover {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e12_noun_Share_light_blue.svg");
  background-size: 32px;
}

.c-blog-tops {
  flex-flow: row;
  place-content: center space-between;
  align-items: stretch;
  width: 100%;
  margin-bottom: 40px;
  display: flex;
}

.c-blogitem-top1 {
  background-image: linear-gradient(#000000e6, #000000e6);
  background-position: 0 0;
  flex: 0 auto;
  order: 1;
  width: 100%;
  height: 440px;
  display: block;
  position: relative;
}

.c-blogitem-top23 {
  width: 100%;
  height: 180px;
  padding: 0;
  display: block;
}

.c-blog-top1-wrap {
  color: #232a36;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 100%;
  padding: 40px;
  text-decoration: none;
  display: block;
  position: relative;
}

.c-blog-top1-wrap.hidden {
  display: none;
}

.c--blogtop1-heading {
  color: #fff;
  letter-spacing: 2px;
  width: 100%;
  margin-top: 0;
  padding-right: 38px;
  font-family: Bebasneue, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 50px;
  text-decoration: none;
  position: relative;
}

.c-blog-top-b {
  flex-direction: column;
  flex: 0 50%;
  justify-content: space-between;
  align-self: stretch;
  padding-left: 15px;
  padding-right: 12px;
  display: flex;
}

.c-blogtop23-heading {
  color: #232a36;
  width: 90%;
  margin-top: 0;
  font-family: Haufemerriweather, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 28px;
  position: relative;
}

.c-blogtop-headline-wrap {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  height: 40px;
  display: flex;
}

.c-blogtop-headline-wrap.top {
  display: none;
}

.c-blog-top-a {
  flex: 0 auto;
  width: 50%;
  padding-left: 12px;
  padding-right: 15px;
}

.c-blog-topb-headline {
  text-transform: uppercase;
  flex: none;
  width: 150px;
  padding-left: 0;
  padding-right: 10px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.c-blog-top-b-divider {
  float: right;
  border-top: 1px solid #979797;
  width: 100%;
  height: 20px;
  margin-top: 8px;
  display: inline-block;
}

.c-blog-topb-imgcontainer {
  float: right;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 28%;
  min-height: 180px;
  display: inline-block;
}

.c-blogcontent-container-topb {
  width: 72%;
  min-height: 180px;
  padding: 25px 30px;
  position: relative;
}

.c-blog-top1-text {
  z-index: 0;
  color: #fff;
  letter-spacing: .2px;
  margin-top: 20px;
  font-family: Haufemerriweathersanslt, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
  display: block;
  position: static;
}

.c-blog-top23-text {
  color: #000;
  letter-spacing: .2px;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Haufemerriweathersanslt, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  display: block;
  position: static;
}

.c-blog-topb-rss-img {
  float: right;
  background-color: #0000;
  flex: none;
  width: 25%;
  min-height: 180px;
  display: inline-block;
}

.c-blog-img {
  overflow: hidden;
}

.c-blog-shade {
  z-index: 0;
  clear: both;
  background-image: linear-gradient(#0000004d, #0000004d);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.c-share-wrap {
  z-index: 1;
  float: right;
  width: auto;
  margin-top: -10px;
  margin-right: -10px;
  display: block;
  position: absolute;
  inset: 30px 30px auto auto;
}

.c-share-wrap.top-b {
  top: 25px;
}

.c-share-wrap.top-a {
  top: 40px;
  right: 40px;
}

.c-blog-main-link {
  width: 100%;
  text-decoration: none;
  display: block;
  position: static;
}

.c-blog-share-container {
  z-index: 30;
  background-color: #fff;
  justify-content: space-around;
  align-items: center;
  width: 250px;
  height: 67px;
  padding-top: 17px;
  padding-left: 10px;
  display: none;
  position: absolute;
  inset: -10px 50px auto auto;
  box-shadow: 1px 1px 3px #000;
}

.c-blog-share-x {
  z-index: 1;
  float: right;
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e6e_icon_close_light_blue.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  background-attachment: scroll;
  width: 27px;
  height: 27px;
  margin: 10px 10px 30px 19px;
  display: none;
  position: relative;
}

.c-blog-share-x:hover {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e6e_icon_close_light_blue.svg");
  background-position: 50%;
  background-size: 20px;
  display: block;
}

.c-blog-social-icon {
  width: 32px;
  height: 32px;
  margin-bottom: 14px;
  margin-right: 16px;
  display: inline-block;
}

.c-blog-main-link-topb, .c-blog-main-link-topa {
  width: 100%;
  text-decoration: none;
  display: block;
  position: static;
}

.button-wrap {
  width: 100%;
  margin: 40px auto;
  padding-left: 35px;
}

.c-blog-img-mobile {
  display: none;
}

.c-blog-mainimage-subline {
  text-align: center;
  padding-top: 18px;
  padding-bottom: 10px;
  font-style: italic;
}

.container-video-slider {
  padding-left: 60px;
  padding-right: 60px;
}

.text-video-slider {
  text-align: center;
  margin-left: 80px;
  margin-right: 80px;
  padding: 30px 0 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  display: block;
}

.slide-nav-video {
  padding-top: 0;
  padding-bottom: 0;
  bottom: auto;
}

.h4-merri-video {
  text-align: center;
  letter-spacing: 0;
  background-color: #ffffff08;
  margin-bottom: 30px;
  padding-top: 15px;
  padding-bottom: 7px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 37px;
}

.slider-wrapper-video {
  flex-direction: column;
  align-items: center;
  max-width: 920px;
  height: auto;
  max-height: none;
  display: flex;
  overflow: visible;
}

.c-section-video {
  padding-top: 80px;
  padding-bottom: 30px;
}

.c-container-video {
  border-radius: 4px;
  flex-direction: column;
  align-items: center;
  max-width: 1348px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.ui-section-slider-video {
  background-image: none;
  flex-direction: column;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 80px;
  display: flex;
}

.slider-video {
  width: 100%;
  height: 660px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.slider-kante-unten-video {
  z-index: auto;
  margin-top: 0;
  position: absolute;
  inset: auto 0 0;
}

.slide-video {
  background-color: #fff;
}

.c-dtbhero {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43ec5_hero-lines.svg");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 350px;
  margin-bottom: 140px;
  padding-bottom: 100px;
}

.c-dtbhero.cc-dtbnew {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  margin-top: 107px;
  margin-bottom: 120px;
  padding-bottom: 70px;
  overflow: hidden;
}

.c-newcontainer {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.c-newcontainer.cc-relative {
  position: relative;
}

.c-newcontainer.cc-relative.hdt_width {
  max-width: 1400px;
  margin-bottom: 188px;
}

.c-newcontainer.cc-journey {
  z-index: 1;
  position: relative;
}

.c-newcontainer.cc-10cols {
  max-width: 1040px;
}

.c-newcontainer.cc-testimony {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

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

.c-dtbhero-content {
  max-width: 560px;
  margin-right: 177px;
}

.c-dtbhero-content.cc-dtbnew {
  z-index: 40;
  max-width: 580px;
  margin-right: 20px;
  position: relative;
}

.c-dtbhero-right {
  z-index: 20;
  position: relative;
}

.c-dtbhero-image {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43fbd_dtb-newHeero.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 440px;
  height: 560px;
  position: relative;
  right: 100px;
}

.c-dtbhero-image.cc-dtbnew {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed4403e_hero.png");
  width: 480px;
  height: 592px;
  position: relative;
  right: auto;
}

.c-dtbhero-blueblox {
  z-index: 0;
  background-image: linear-gradient(137deg, #2be2dd, #1661ed);
  width: 440px;
  height: 427px;
  position: absolute;
  top: 233px;
  right: 0;
}

.c-dtbintro {
  text-align: center;
  padding-bottom: 100px;
}

.c-dtbintro.cc-dtbnew {
  padding-bottom: 132px;
}

.c-title--l {
  font-size: 52px;
  font-weight: 400;
  line-height: 52px;
}

.c-title--l.cc-journeytitle {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.c-title--l.cc-webinar {
  margin-bottom: 30px;
}

.c-title--l.cc-tabstitle {
  text-align: center;
  margin-bottom: 20px;
}

.c-title--l.cc-tabstitle.cc-dtbnew {
  margin-top: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}

.c-title--l.cc-webinar-title {
  letter-spacing: 0;
}

.c-title--l.cc-kurse {
  text-align: center;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}

.c-title--l.cc-kurse.cc-first {
  margin-bottom: 40px;
  font-size: 36px;
}

.c-dtbintro-text {
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
  font-family: Haufemerriweathersanslt, sans-serif;
  font-size: 16px;
  line-height: 28px;
}

.c-dtbintro-text.cc-dtbnew {
  max-width: none;
  margin-bottom: 40px;
  font-family: Haufemerriweathersans, sans-serif;
  font-weight: 300;
}

.c-dtbboxes {
  flex-wrap: wrap;
  margin-top: 60px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.c-dtbcard {
  background-color: var(--white);
  align-self: stretch;
  width: 25%;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.c-dtbcard.cc-dtbnew {
  width: 100%;
  max-width: 280px;
  padding-left: 0;
  padding-right: 0;
}

.c-dtbcard_circle {
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: -60px;
  box-shadow: 0 13px 32px #00000024;
}

.c-dtbcard_circle.cc-dtbnew {
  margin-bottom: 48px;
  position: static;
  bottom: 0;
}

.c-dtbcard_content {
  background-color: var(--white);
  height: 80%;
  min-height: 380px;
  padding: 80px 20px 20px;
  font-family: Haufemerriweathersanslt, sans-serif;
  font-size: 16px;
  line-height: 26px;
  box-shadow: 0 7px 30px #0000001a;
}

.c-dtbcard_content.cc-dtbnew {
  border-radius: 4px;
  height: auto;
  min-height: 0;
  padding: 32px 24px 24px;
  box-shadow: 4px 6px 30px #0000001a;
}

.c-title--xs {
  font-family: Bebasneue, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

.c-title--xs.cc-title {
  margin-bottom: 35px;
}

.c-digitaltransformation {
  background-image: linear-gradient(148deg, #1561f6, #28e8e0 90%);
  padding-top: 140px;
  padding-bottom: 205px;
  overflow: hidden;
}

.c-digitaltransformation.cc-dtbnew {
  background-image: linear-gradient(53deg, #fffe00, #45c6ff 29%, #040077);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  padding-top: 120px;
  padding-bottom: 120px;
}

.c-card {
  z-index: 1;
  background-color: #fff;
  max-width: 700px;
  margin-left: 105px;
  padding: 50px;
  font-family: Haufemerriweathersanslt, sans-serif;
  font-size: 16px;
  line-height: 26px;
  position: relative;
  box-shadow: 0 7px 30px #0000001a;
}

.c-card.cc-benefitscard {
  z-index: 2;
  margin-left: auto;
  margin-right: 20px;
  padding: 80px;
  top: 40px;
}

.c-card.cc-benefitscard.cc-dtbnew {
  width: 100%;
  max-width: 780px;
  margin-right: 0;
  padding-right: 80px;
  position: relative;
  top: 40px;
}

.c-card.hdt_anmeldung {
  max-width: 1400px;
  margin-top: 0;
  margin-left: 0;
  padding-top: 12px;
}

.c-card.c-transformationdtbnew {
  width: 100%;
  max-width: 680px;
  margin-left: 100px;
  padding: 40px 40px 32px;
}

.c-cardtitle {
  margin-bottom: 20px;
  font-family: Bebasneue, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}

.c-cardtitle.cc-bigmobile {
  text-align: left;
  font-family: Haufemerriweathersans, sans-serif;
}

.c-cardtitle.cc-bigmobile.abstand {
  padding-top: 76px;
}

.c-cardtitle.cc-transformationdtbnew {
  margin-top: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}

.c-digitaltransformation-item {
  align-items: flex-start;
  display: flex;
}

.c-digitaltransformation-item.cc-benefitsitem {
  margin-bottom: 20px;
}

.c-digitaltransformation-item.cc-benefitsitem.cc-dtbnew {
  margin-bottom: 32px;
}

.c-digitaltransformation-item.cc-benefitsitem.cc-dtbnew.cc-last {
  margin-bottom: 0;
}

.c-digitaltransformation-item.cc-dtbnew {
  margin-bottom: 24px;
}

.c-digitaltransformation-item.cc-dtbnew.cc-last {
  margin-bottom: 20px;
}

.c-digitaltransformation-icon {
  width: 24px;
  min-width: 24px;
  margin-right: 26px;
}

.c-digitaltransformation-icon.cc-dtbnew {
  margin-top: 5px;
  margin-right: 20px;
}

.c-digitaltransformation-items {
  margin-top: 20px;
  margin-bottom: 20px;
}

.bold-text-4 {
  font-family: Haufemerriweathersans, sans-serif;
  font-weight: 700;
}

.c-digitaltransformation-text {
  margin-bottom: 0;
}

.c-digitaltransformation-lines {
  z-index: 0;
  margin-top: -175px;
  position: absolute;
  top: 50%;
}

.c-digitaltransformation-lines.hdt_lines {
  margin-left: -109px;
}

.c-digitaltransformation-graph {
  position: absolute;
  inset: auto -75px -125px auto;
}

.c-digitaltransformation-graph.cc-dtbnew {
  top: 50%;
  bottom: auto;
  right: -68px;
  transform: translate(0, -50%);
}

.c-benefits {
  padding-top: 140px;
  padding-bottom: 10px;
}

.c-benefits.hdt_abstand {
  margin-top: 23px;
}

.c-benefits.cc-dtbnew {
  padding-top: 152px;
  padding-bottom: 152px;
}

.c-tabs-menu {
  justify-content: center;
  align-items: center;
  margin-bottom: 118px;
  display: flex;
}

.c-tabs-menu.cc-dtbnew {
  margin-bottom: 64px;
}

.c-benefitstab {
  background-color: var(--white);
  text-align: center;
  width: 33%;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: Bebasneue, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  transition: all .3s ease-in-out;
  box-shadow: 0 7px 30px #0000001a;
}

.c-benefitstab.w--current {
  box-shadow: none;
  color: #fff;
  background-image: linear-gradient(132deg, #1661ed, #2be2dd);
}

.c-benefitstab.cc-dtbnew {
  width: 100%;
  max-width: 380px;
  color: var(--black-100);
  padding: 16px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

.c-benefitstab.cc-dtbnew.w--current {
  background-color: var(--white);
  color: var(--white);
  background-image: linear-gradient(38deg, #fffe00, #45c6ff 16%, #040077 98%);
}

.c-tabs {
  margin-top: 60px;
  margin-left: -10px;
  margin-right: -10px;
}

.c-tabs.cc-dtbnew {
  margin-top: 64px;
}

.c-benefits-pane {
  padding-bottom: 40px;
}

.c-bold {
  font-family: Haufemerriweathersans, sans-serif;
  font-weight: 700;
}

.c-tick {
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin-right: 20px;
  display: flex;
  box-shadow: 0 16px 40px #00000024;
}

.c-tick.cc-dtbnew {
  margin-right: 24px;
}

.c-benefits-image {
  z-index: 1;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 480px;
  height: 640px;
  position: absolute;
  top: 0;
  left: 160px;
}

.c-benefits-image.cc-tab01 {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed44086_Mitarbeiter%20(1).jpg");
}

.c-benefits-image.cc-tab02 {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed44059_Fuehrungskraefte%20(2)%20(1).jpg");
  background-position: 0%;
}

.c-benefits-image.cc-tab03 {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed44054_GettyImages_1070699566%20(1).jpg");
  background-position: 50%;
}

.c-benefits-image.cc-dtbnew {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440a1_tabs-1-image.png");
  width: 460px;
  left: 100px;
}

.c-benefits_bluebox {
  background-color: #003f71;
  width: 400px;
  height: 380px;
  position: absolute;
  top: 340px;
  left: 80px;
}

.c-journey {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
}

.tabs-content {
  padding-bottom: 0;
  overflow: visible;
}

.c-journey-box {
  z-index: 1;
  background-color: var(--white);
  color: #c4c4c4;
  cursor: pointer;
  min-height: 104px;
  margin-bottom: 10px;
  padding: 20px 20px 14px;
  font-family: Bebasneue, sans-serif;
  font-size: 24px;
  line-height: 32px;
  position: relative;
  box-shadow: 0 7px 30px #0000001a;
}

.c-journey-box.cc-next {
  color: #c4c4c4;
  border-left: 4px solid #000;
}

.c-journey-box.cc-next.cc-technology {
  border-left-color: #003f71cc;
}

.c-journey-box.cc-next.cc-business {
  border-left-color: #05b9b6cc;
}

.c-journey-box.cc-next.cc-change {
  border-left-color: #008287cc;
}

.c-journey-box.cc-next.cc-process {
  border-left-color: #00abf7cc;
  margin-bottom: 0;
}

.c-journey-box.cc-basic.cc-mindset {
  opacity: .8;
  color: #fff;
  background-image: linear-gradient(121deg, #1661ed, #2be2dd);
}

.c-journey-box.cc-profi.cc-new-technology {
  border-left: 4px solid #003f7180;
}

.c-journey-box.cc-profi.cc-new-business {
  border-left: 4px solid #05b9b680;
}

.c-journey-box.cc-profi.cc-new-change {
  border-left: 4px solid #00828780;
}

.c-journey-box.cc-profi.cc-new-process {
  border-left: 4px solid #00abf780;
}

.c-journey_col {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.c-journey_col.cc-relative {
  overflow: hidden;
}

.c-journey_col.cc-relative.cc-line1 {
  width: 8%;
  margin-top: 66px;
  margin-left: 0;
  margin-right: 0;
}

.c-journey_col.cc-technology.cc-line02 {
  width: 10%;
  margin-top: 66px;
  margin-left: 0;
  margin-right: 0;
}

.c-journey_col.cc--basic {
  width: 25%;
  margin-left: 0;
  margin-right: 0;
}

.c-journey_col.cc-next {
  width: 70%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.c-journey_col.cc-profi {
  width: 39%;
  margin-left: 0;
  margin-right: 0;
}

.c-horizontallline {
  background-color: #c4c4c4;
  width: 100%;
  height: 2px;
  position: relative;
}

.c-horizontallline.cc-basic-technology {
  position: relative;
  top: 50px;
}

.c-horizontallline.cc-basic-business {
  width: 50%;
  margin-left: auto;
  top: 165px;
}

.c-horizontallline.cc-basic-change {
  width: 50%;
  margin-left: auto;
  top: 278px;
}

.c-horizontallline.cc-basic-process {
  width: 50%;
  margin-left: auto;
  top: 388px;
}

.c-verticalline {
  background-color: #c4c4c4;
  width: 2px;
  height: 346px;
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 50%;
}

.columns {
  display: flex;
}

.c-nextline {
  background-color: #85efec;
  width: 2px;
  height: 78%;
  margin-left: -1px;
  position: absolute;
  top: 78px;
  bottom: 0;
  left: 50%;
}

.c-nexthorizontalline {
  background-color: #c4c4c4;
  width: 100%;
  height: 2px;
}

.c-nexthorizontalline.cc-technology {
  position: relative;
  top: 50px;
}

.c-nexthorizontalline.cc-business {
  position: relative;
  top: 163px;
}

.c-nexthorizontalline.cc-change {
  position: relative;
  top: 269px;
}

.c-nexthorizontalline.cc-process {
  position: relative;
  top: 384px;
}

.c-journey-header {
  align-items: center;
  height: 110px;
  margin-bottom: 60px;
  display: flex;
  position: relative;
}

.c-journey-lines {
  position: absolute;
  left: -130px;
}

.c-journey-content {
  z-index: 9999;
  max-width: 1240px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.c-journey-flexcol {
  align-items: center;
  display: flex;
}

.c-text--l {
  font-family: Bebasneue, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
}

.c-text--l.cc-journey-content_title {
  margin-top: 0;
  margin-bottom: 40px;
}

.c-text--l.cc-download-title {
  max-width: 220px;
  margin-top: 50px;
}

.c-download {
  margin-bottom: 70px;
  display: block;
}

.c-download_card {
  background-color: var(--white);
  margin-left: 110px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
  box-shadow: 0 4px 24px #0000001f;
}

.c-download-img {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f3c_esxecutives.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 240px;
  height: 320px;
  margin-left: -16%;
  margin-right: 32px;
  box-shadow: 0 16px 40px #00000024;
}

.c-home_testimonial-section {
  background-color: #fafafa;
  padding-top: 120px;
  padding-bottom: 120px;
}

.c-home_testimonial-section.cc-hidden {
  display: none;
}

.c-testimonial_photo {
  position: relative;
}

.c-home-testimonial_card-wrapper {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43ebd_Lines-Pattern.svg"), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e73_quote-down.svg"), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43ebf_quote-up.svg");
  background-position: 97% 0, 97% 100%, 3% 0;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: auto, auto, auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.c-paragraph--l {
  margin-bottom: 16px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.c-home-testimonial_card-name_wrapper {
  color: #0057fd;
  margin-top: 46px;
  margin-bottom: 8px;
  font-family: Bebasneue, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.c-home-testimonial_card-image {
  z-index: 1;
  position: relative;
}

.c-home-testimonial_card {
  z-index: 2;
  color: #646871;
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 590px;
  min-height: 318px;
  margin-top: 80px;
  margin-bottom: 24px;
  margin-left: -76px;
  padding: 56px;
  font-size: 12px;
  font-weight: 300;
  line-height: 24px;
  display: flex;
  position: relative;
  box-shadow: 0 4px 24px #0000001f;
}

.c-webinars {
  padding-top: 20px;
  padding-bottom: 160px;
  display: block;
}

.c-webinars.cc-dtbnew {
  background-color: #fafafa;
  padding-top: 120px;
  padding-bottom: 120px;
}

.c-text--xs {
  font-family: Haufemerriweathersanslt, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.c-text--xs.cc-center {
  text-align: center;
}

.c-text--xs.cc-faq {
  font-weight: 300;
  line-height: 36px;
}

.c-webinars_header {
  text-align: center;
  max-width: 980px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
}

.c-webinars_header.cc-dtbnew {
  text-align: center;
  max-width: 780px;
  margin-bottom: 64px;
}

.c-webinar_block {
  display: flex;
}

.c-webinar_block.u-dsd {
  color: #232a36;
  background-color: #fff;
  margin-bottom: 24px;
  text-decoration: none;
}

.c-webinar_img {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 40%;
  height: 360px;
  position: relative;
}

.c-webinar_date {
  color: #232a36;
  background-color: #f7f7f7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 18px;
  font-family: Bebasneue, sans-serif;
  display: flex;
  position: absolute;
  top: 20px;
  left: 20px;
}

.c-webinar_day {
  font-size: 52px;
  line-height: 52px;
}

.c-webinar_month {
  text-transform: uppercase;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.c-webinar_content {
  width: 100%;
  max-width: 60%;
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 122px;
}

.c-webinar_content.cc-dtbnew {
  padding: 52px;
}

.c-webinar_data {
  margin-bottom: 30px;
  display: flex;
}

.c-webinar_data.cc-dtbnew {
  margin-bottom: 24px;
}

.c-webinar_data-block {
  margin-right: 20px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 16px;
  display: flex;
}

.c-webinar_data-block.cc-duration {
  color: #676d7d;
  border-right: 1px solid #e7e7e8;
  align-items: stretch;
  padding-right: 18px;
}

.c-webinar_data-block.cc-duration.cc-dtbnew {
  margin-right: 0;
  padding-right: 24px;
}

.c-webinar_data-block.cc-date {
  margin-right: 0;
  padding-left: 10px;
}

.c-webinar_data-block.cc-date.cc-dtbnew {
  margin-left: 24px;
  padding-left: 0;
}

.c-webinar_data-block.cc-dtbnew {
  color: #646871;
  margin-right: 24px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.c-webinar_data-text {
  margin-left: 8px;
  margin-right: 8px;
  font-family: Haufemerriweathersanslt, sans-serif;
}

.c-webinar_data-text.cc-fulldate {
  margin-left: 0;
  font-family: Haufemerriweathersanslt, sans-serif;
  font-weight: 300;
}

.c-webinar_data-text.cc-fulldate.cc-dtbnew {
  margin-right: 0;
  font-weight: 700;
}

.c-webinar_data-text.cc-day {
  margin-right: 0;
}

.c-webinar_data-text.cc-day.classdate.cc-dtbnew {
  margin-left: 0;
}

.c-webinar_data-text.cc-dtbnew {
  font-family: Haufemerriweathersans, sans-serif;
}

.c-paragraph--s {
  font-family: Haufemerriweathersans, sans-serif;
  font-weight: 300;
  line-height: 24px;
}

.c-webinar_link {
  color: #0057fd;
  cursor: pointer;
  margin-top: 40px;
  font-family: Haufemerriweathersans, sans-serif;
}

.c-contact {
  padding-bottom: 160px;
}

.c-contact.cc-dtbnew {
  padding-top: 152px;
  padding-bottom: 152px;
}

.c-contactblock {
  background-color: #f7f7f8;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: stretch;
  max-width: 980px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  box-shadow: 0 7px 30px #0000001a;
}

.c-contactblock.c-dtbnew {
  cursor: pointer;
  background-image: none;
  max-width: none;
  height: auto;
  box-shadow: 4px 7px 50px #0000001f;
}

.c-contactblock-left {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed44068_Pfad%20520.svg");
  background-position: 80%;
  background-size: 700px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 355px;
  display: flex;
}

.c-contactblock-right {
  align-items: center;
  width: 65%;
  padding-left: 10%;
  display: flex;
}

.c-contactblock-right.cc-dtbnew {
  width: 100%;
  padding: 48px;
}

.c-text--xl {
  font-family: Bebasneue, sans-serif;
  font-size: 48px;
  line-height: 52px;
}

.c-contact_mail {
  color: #0057fd;
  margin-top: 28px;
  font-family: Bebasneue, sans-serif;
  font-size: 32px;
  text-decoration: none;
  display: block;
}

.c-contact_mail.cc-dtbnew {
  margin-top: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}

.c-herocontent-mobile {
  display: none;
}

.c-oldwebinar {
  width: 0;
  height: 0;
}

.c-benefits_dropdown {
  display: none;
}

.c-journey-next {
  width: 39%;
  position: relative;
}

.c-journey-title {
  margin-bottom: 30px;
  font-family: Bebasneue, sans-serif;
  font-size: 40px;
  line-height: 40px;
}

.c-journey-title.cc-mobile {
  display: none;
}

.c-weibnar_data-first {
  display: flex;
}

.c-contact_icon {
  width: 100%;
  max-width: 180px;
}

.c-journey-content_block {
  z-index: 999;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  transition: opacity .3s ease-in-out;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: scroll;
  box-shadow: 0 16px 40px #0003;
}

.c-journey-content_block.cc-first {
  opacity: 0;
  display: none;
}

.c-ccoma {
  margin-right: 8px;
  font-family: Haufemerriweathersanslt, sans-serif;
  font-weight: 300;
}

.c-ccoma.cc-dtbnew {
  font-family: Haufemerriweathersans, sans-serif;
  font-weight: 700;
}

.c-new-container {
  max-width: 1228px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

.c-new-title-l {
  font-family: Bebasneue, sans-serif;
  font-size: 66px;
  font-weight: 400;
  line-height: 70px;
}

.c-hbb-hero-list {
  margin-bottom: 60px;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.c-hbb-hero-list_item {
  margin-bottom: 12px;
}

.c-new-button {
  background-color: var(--royal-blue);
  color: #fff;
  padding: 14px 34px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 20px;
  line-height: 32px;
  text-decoration: none;
  display: inline-block;
}

.c-hbb-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.c-hbb-section.cc-grey {
  background-color: #fafafa;
}

.c-hbb-section.cc-blue {
  color: #fff;
  background-color: #153f6f;
  padding-bottom: 290px;
}

.c-hbb-verlangern_card {
  float: right;
  background-color: #fff;
  max-width: 770px;
  margin-top: 90px;
  padding-top: 84px;
  padding-left: 80px;
}

.c-new-title-m {
  font-size: 48px;
  line-height: 52px;
}

.c-paragraph--m {
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.c-hbb-question_list-item {
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.c-hbb-question_list-icon-wrapper {
  width: 60px;
  height: 60px;
  color: var(--royal-blue);
  background-color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 34px;
  font-family: Bebasneue, sans-serif;
  font-size: 40px;
  line-height: 40px;
  display: flex;
  box-shadow: 0 2px 10px #0000001a;
}

.c-hbb-question_list-wrapper {
  margin-bottom: 68px;
}

.c-hbb-verlangern_card-bold_text {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}

.c-hbb-verlangern-flex_row {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed4403d_Rectangle%2054.png"), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f25_Lines.svg");
  background-position: 0 0, 20% 67%;
  background-repeat: no-repeat, no-repeat;
  background-size: 781px, 375px;
  justify-content: flex-end;
}

.c-hbb-verlangern-bg_col {
  display: none;
}

.c-inline-bold {
  font-weight: 700;
}

.c-hbb-device_col_content {
  margin-bottom: 60px;
}

.c-hbb-device_big-container {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.c-hbb-device_col_bg {
  width: 50%;
  padding-top: 180px;
  padding-bottom: 180px;
  position: relative;
}

.c-hbb-device_col_bg_gradient {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed4405e_Pfad%20517.svg");
  background-position: 0%;
  background-size: auto;
  width: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.c-hbb-device_col_bg_image {
  position: relative;
  right: -20%;
}

.asd {
  justify-content: flex-end;
  align-items: center;
  padding-left: 24px;
  display: flex;
}

.c-hbb-device_col {
  width: 100%;
  max-width: 580px;
}

.c-hbb-devices-section {
  overflow: hidden;
}

.c-center-container {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.c-hbb-leistungen-heading_wrapper {
  text-align: center;
}

.c-hbb-leistungen-cards-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 80px;
  display: flex;
}

.c-hbb-leistungen-card {
  background-color: #fff;
  width: 100%;
  max-width: 32%;
  margin-bottom: 20px;
  padding: 48px 40px;
  box-shadow: 5px 5px 30px #0000001a;
}

.c-hbb-leistungen-card_icon {
  width: 80px;
  height: 80px;
}

.c-new-title--xs {
  letter-spacing: 0;
  font-size: 28px;
  line-height: 32px;
}

.c-small_divider {
  background-color: var(--black-100);
  width: 22px;
  height: 3px;
  margin-top: 18px;
  margin-bottom: 18px;
}

.c-center-button-wrapper {
  text-align: center;
  margin-top: 80px;
}

.c-hbb-berater-flex_col2 {
  text-align: center;
  width: 49%;
}

.c-hbb-berater-flex_row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.c-hbb-berater-flex_col1 {
  width: 49%;
}

.c-hbb-berater-cards-flex_row {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 85px;
  display: flex;
}

.c-hbb-berater-card {
  background-color: #fff;
  width: 46%;
  margin-bottom: 86px;
  padding-bottom: 88px;
  padding-left: 48px;
  padding-right: 48px;
  box-shadow: 0 16px 40px #00000024;
}

.c-hbb-berater-card_number {
  margin-top: -28px;
  margin-bottom: 36px;
}

.c-new-title--s {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 36px;
  line-height: 40px;
}

.c-hbb-unser-card {
  background-color: #fff;
  margin-top: -212px;
  padding: 80px 80px 84px;
  box-shadow: 0 7px 30px #0000001a;
}

.c-hbb-unser-list {
  margin-top: 56px;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.c-hbb-unser-list_item {
  margin-bottom: 18px;
}

.c-hbb-unser-bg_wrapper {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed44034_Lines-Pattern.png"), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed44087_glenn-carstens-peters-npxXWgQ33ZQ-unsplash%202.png");
  background-position: 10% 79%, 100% 90%;
  background-repeat: no-repeat, no-repeat;
  background-size: 375px, 550px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 360px;
}

.c-hbb-unser-card-title {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 40px;
  line-height: 42px;
}

.c-journey_basicillus {
  opacity: .2;
  transition: opacity .3s ease-in-out;
  position: absolute;
  inset: 404px auto auto -173px;
}

.c-journey_nextillus {
  opacity: .2;
  margin-left: -353px;
  padding-top: 100px;
  transition: opacity .3s ease-in-out;
  position: absolute;
  inset: -61px 0% auto 50%;
}

.c-journey_proillus {
  opacity: .2;
  transition: opacity .3s ease-in-out;
  position: absolute;
  inset: 333px -68px auto auto;
}

.c-journey-wrap {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
  overflow: hidden;
}

.c-journeymodal_close {
  cursor: pointer;
  position: absolute;
  top: 30px;
  right: 30px;
}

.c-modal-content {
  background-color: var(--white);
  width: 100%;
  max-width: 1240px;
  height: auto;
  max-height: 90vh;
  margin-left: 0;
  margin-right: 0;
  padding: 60px 30px;
  position: relative;
  overflow: scroll;
  box-shadow: 0 4px 24px #0000001f;
}

.c-journey-content_close {
  background-color: #0000;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.field-label-light {
  color: var(--silver);
  margin-bottom: 10px;
  padding-top: 24px;
  font-family: Haufemerriweather, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.column-4 {
  padding-left: 0;
  padding-right: 10px;
  display: block;
  right: 0;
}

.p_small {
  color: var(--silver);
  margin-bottom: 20px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.p_small.list_abstand {
  margin-bottom: 0;
}

.p_small.hdt_describtion1 {
  margin-top: 613px;
  padding-top: 0;
}

.p_small.hdt_describtion2 {
  margin-top: 593px;
}

.p_small.kundenstimme {
  color: var(--silver);
  padding-top: 500px;
  font-family: Haufemerriweather, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  line-height: 26px;
}

.hdt_form {
  width: 100%;
  height: 50px;
  margin-left: 0;
  margin-right: 0;
}

.hdt_form.hdt_freitext {
  height: 80px;
}

.column-5 {
  padding-right: 0;
}

.hdt_form-column {
  width: 90%;
  height: 50px;
  padding-right: 0;
}

.dtb_form_label {
  margin-top: 21px;
}

.column-6 {
  padding-left: 0;
  padding-right: 10px;
}

.column-7 {
  padding-right: 0;
}

.column-8 {
  padding-left: 0;
}

.column-9 {
  padding-right: 0;
}

.web_ck_field {
  align-items: flex-start;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 7px;
  display: flex;
}

.web_checkbox {
  margin-top: 8px;
  margin-left: -3px;
  padding-top: 0;
  font-size: 19px;
}

.web_ck_label {
  letter-spacing: -.24px;
  width: 92%;
  margin-left: -7px;
  padding-left: 20px;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.c-form-footer {
  margin-top: 32px;
}

.c-contact-fieldlabel {
  color: #33332e;
  text-align: left;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.c-form-field {
  display: inline-block;
}

.c-form-field.c-form-field--nachname {
  width: 49%;
  margin-left: 1%;
}

.c-form-field.c-form-field--vorname {
  width: 49%;
  margin-right: 1%;
}

.c-close-modal {
  z-index: 7;
  text-align: center;
  cursor: pointer;
  padding: 6px;
  position: absolute;
  inset: 4% 4% auto auto;
}

.c-form-details {
  margin-top: 40px;
}

.c-button-7 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #0058ff;
  height: 56px;
  margin-left: -1px;
  padding: 18px 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .35s, background-color .35s;
  display: inline-block;
  box-shadow: 0 16px 24px #00000026;
}

.c-button-7:hover {
  background-color: #1a68fa;
  box-shadow: 0 16px 40px #0003;
}

.c-button-7.cc-button-confirm {
  height: 60px;
  padding: 14px 42px;
  font-size: 20px;
  line-height: 32px;
}

.c-modal-confirm {
  z-index: 9999;
  opacity: 1;
  background-color: #00000082;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.c-modal {
  text-align: left;
  background-color: #fff;
  width: 90%;
  padding: 54px 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: auto;
  transform: translate(-50%, -50%);
}

.c-modal.cc-first-modal {
  width: 50%;
  display: none;
}

.c-calendar-success {
  color: #fff;
  background-color: #0058ff;
}

.c-input {
  color: #33333e;
  border: 1px solid #e0e0e0;
  height: 48px;
  margin-right: 0%;
  padding: 9px 16px;
}

.c-title-date {
  color: #2c2f32;
  font-family: Bebasneue, sans-serif;
  font-size: 34px;
  line-height: 28px;
}

.c-hide {
  display: none;
}

.c-checkbox {
  margin-top: 10px;
}

.c-checkbox-field {
  padding-left: 0;
}

.c-checkbox-group {
  margin-top: 24px;
}

.c-checkbox-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.column-10 {
  padding-left: 15px;
}

.column-11 {
  padding-right: 15px;
}

.c_card_l-sungen_main {
  font-style: normal;
  text-decoration: none;
}

.image-39 {
  text-align: center;
  width: 100%;
}

.column-12 {
  display: block;
}

.c-downloads {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.c-download_colection-item {
  width: 50%;
  margin-bottom: 40px;
}

.c-downloads_cta {
  margin-top: 24px;
}

.hdt_text_link {
  color: var(--light-blue);
  text-align: right;
  font-family: Haufemerriweather, sans-serif;
  font-size: 14px;
  text-decoration: underline;
}

.hdt_text_link.hdt_text_link_weiss {
  color: var(--white);
}

.hdt_list {
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.paragraph-5 {
  padding-top: 12px;
  padding-right: 41px;
  font-family: Haufemerriweathersanslt, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.c-hero.cc-qa {
  margin-bottom: 140px;
  position: relative;
}

.c-hero.cc-duale {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43fbb_Background.svg");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 0;
  padding-top: 156px;
  padding-bottom: 100px;
}

.c-hero.cc-duale.smaller {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43fbb_Background.svg");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto 600px;
  margin-top: 121px;
  padding-top: 69px;
  padding-bottom: 46px;
  display: block;
}

.c-faq {
  margin-bottom: 80px;
  overflow: hidden;
}

.c-faq-block {
  margin-bottom: 40px;
}

.c-faq-block.cc-img-left {
  justify-content: space-between;
  display: flex;
}

.c-faq-tittle-wrapper {
  color: #0057fd;
  text-transform: none;
  margin-bottom: 16px;
}

.c-faq-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 44px;
}

.c-faq-image-wrapper {
  width: 50%;
  margin-bottom: 60px;
  position: relative;
  left: 120px;
}

.c-faq-image-wrapper.cc-left {
  width: 40%;
  left: -60px;
}

.c-faq-image-wrapper.cc-lines {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f97_Lines-Pattern-faq.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 280px;
  height: 345px;
}

.c-faq-block_half {
  width: 50%;
  max-width: 481px;
}

.c-faq-block_half.cc-right {
  width: 60%;
  max-width: 580px;
}

.c-faq-gradient {
  background-image: linear-gradient(129deg, #fffe00, #45c6ff 29%, #040077);
  width: 428px;
  height: 428px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.c-faq-gradient.cc-small {
  background-image: linear-gradient(129deg, #fffe00, #45c6ff 31%, #040077);
  width: 390px;
  height: 332px;
  top: 48px;
}

.c-faq-image {
  z-index: 1;
  position: relative;
  top: 60px;
  right: 48px;
}

.c-faq-image.cc-left {
  top: 0;
  left: -48px;
  right: 0;
}

.c-faq-image.cc-lines {
  top: 50%;
  right: -10px;
  transform: translate(0, -50%);
}

.c-faq-quote {
  margin-top: 56px;
  margin-bottom: 56px;
  display: flex;
}

.c-faq-quote_icon {
  min-width: 80px;
  height: 75px;
  margin-right: 20px;
}

.c-faq-hero_text {
  z-index: 1;
  width: 50%;
  margin-top: 30px;
  position: relative;
}

.c-faq-hero_text.cc {
  width: 100%;
}

.c-faq-hero_tittle-wrapper {
  color: #fff;
  max-width: 484px;
  margin-bottom: 53px;
}

.c-faq-hero_text-wrapper {
  color: #fff;
  max-width: 578px;
}

.c-hero-qa_right {
  background-color: #000;
  background-image: linear-gradient(223deg, #fffe00, #45c6ff 30%, #040077);
  width: 100%;
  min-width: 897px;
  max-width: 897px;
  margin-left: -169px;
  padding-top: 130px;
  padding-bottom: 78px;
  padding-left: 187px;
  position: relative;
  right: -71px;
}

.c-testimony {
  margin-bottom: 250px;
  padding-top: 50px;
  display: block;
  position: relative;
}

.c-testimony.cc_dtbnew {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 109px;
}

.c-testimony.cc_dtbnew.kv_bereich {
  margin-top: 219px;
}

.c-testimony-block {
  background-color: #fff;
  width: 100%;
  margin-left: -30px;
  padding: 80px 110px 108px 66px;
  box-shadow: 0 0 30px #00000040;
}

.c-testimony-block.cc-dtbnew.c-card.hdt_kv_kop {
  padding-right: 100px;
}

.c-testimony_quote {
  color: #646871;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f35_%E2%80%9C.svg"), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f98_%E2%80%9D.svg");
  background-position: 0 0, 100% 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: 114px, 80px;
  width: 90%;
  max-width: 616px;
  margin-bottom: 40px;
  padding-top: 25px;
  padding-left: 38px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 20px;
  line-height: 34px;
}

.c-testimony_quote.cc-dtbnew {
  width: 100%;
  max-width: 604px;
  margin-bottom: 102px;
  padding-top: 30px;
  font-weight: 300;
  line-height: 32px;
}

.c-testimony-name {
  color: #0057fd;
  font-family: Bebasneue, sans-serif;
  font-size: 24px;
  font-weight: 400;
}

.c-testimony-name.cc-dtbnew {
  margin-bottom: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}

.c-testimony-text {
  color: #646871;
  font-size: 12px;
  line-height: 28px;
}

.c-testimony_button {
  margin-top: 24px;
}

.c-testimony-img {
  z-index: 1;
  min-width: 428px;
  margin-top: 28px;
  margin-bottom: 40px;
}

.c-testimony-img.cc-dtbnew {
  width: 100%;
  min-width: 0;
  max-width: 428px;
  margin-top: 56px;
}

.c-testimony-left {
  z-index: 1;
  width: 100%;
  max-width: 429px;
  position: relative;
}

.c-testimony-gradient {
  z-index: -1;
  background-image: linear-gradient(150deg, #1661ed, #2be2dd);
  width: 480px;
  height: 318px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: -63px;
  left: 0;
  right: 0;
}

.c-testimony-gradient.cc-dtbnew {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440cb_Gruppe-990.png");
  background-position: 0 0;
  background-size: cover;
  height: 383px;
  margin-left: 0;
  margin-right: 0;
  bottom: -109px;
  left: 300px;
}

.c-testimony-logo.cc-mobile, .c-testimony-logo.cc-mobile.cc-dtbnew {
  display: none;
}

.c-hero-qa-flex {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.c-hero-qa_left {
  z-index: 2;
  width: 571px;
  margin-top: 130px;
  position: relative;
  left: 36px;
}

.c-hero-qa-img {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed4408b_Gruppenbild_klein_weichzeichner.jpg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 654px;
}

.c-qa-hero_lines {
  z-index: -1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: auto 0% -54px;
}

.c-hero-qa_logo {
  position: absolute;
  bottom: 21px;
  left: 160%;
}

.c-testimony-bottom {
  margin-left: 38px;
}

.c-datenschutzseite-section {
  margin-top: 162px;
  padding-top: 100px;
  padding-bottom: 60px;
}

.c-datenschutzseite-heading_wraper {
  color: #017493;
  margin-bottom: 36px;
}

.c-paragraph {
  font-family: Haufemerriweathersanslt, sans-serif;
  font-size: 17px;
  line-height: 32px;
}

.c-container-6 {
  padding-left: 24px;
  padding-right: 24px;
}

.c-title-xl {
  margin-top: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 46px;
  font-weight: 400;
  line-height: 52px;
}

.c-title-xl.cc-black {
  color: var(--black);
}

.c-datenschutzseite-heading_big_wraper {
  text-align: center;
}

.c-dtbhero-shape {
  max-width: none;
  position: absolute;
  inset: 0% -61px auto auto;
}

.c-dtbwrapper-flex {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.c-dtbintro-wrapper {
  text-align: left;
  width: 100%;
  max-width: 500px;
  margin-bottom: 0;
  margin-right: 20px;
  position: sticky;
  top: 200px;
}

.c-dtbbutton-tertiary {
  color: var(--royal-blue);
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f86_Arrow.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.c-dtbbutton-tertiary.cc-webinar-card {
  margin-top: 32px;
  display: inline-block;
}

.c-dtbbutton-tertiary.cc-kurse {
  margin-top: 34px;
  display: block;
}

.c-dtbbutton-tertiary.cc-kurse.hdt_download {
  display: none;
}

.c-dtbintro-cards-wrapper {
  align-items: flex-start;
  display: flex;
}

.c-dtbcard_title {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.c-dtbintro-cards_col {
  padding-top: 224px;
  padding-right: 10px;
}

.c-dtbintro-cards_col.cc-right {
  padding-top: 0;
  padding-left: 10px;
  padding-right: 0;
}

.c-dtbcard_icon {
  width: 100%;
  max-width: 48px;
}

.c-dtbtabs-header_wrapper {
  width: 100%;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

.c-benefits_gray-shape {
  position: absolute;
  inset: 431px auto auto 0%;
}

.c-dtbtabs-card-text {
  margin-bottom: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.c-dtbwebinar_title {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Haufemerriweathersans, sans-serif;
  font-weight: 700;
  line-height: 48px;
}

.c-dtnwebinar_card-title {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 4px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 44px;
}

.c-dtbcontact_title {
  margin-bottom: 16px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}

.c-dtbcontact_card-text {
  color: #646871;
  margin-bottom: 40px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
}

.c-dtbmodal {
  z-index: 2000;
  color: #fff;
  text-align: center;
  cursor: default;
  background-color: #000000a6;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: auto;
  min-height: 100vh;
  padding: 62px 16px;
  font-weight: 700;
  line-height: 24px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.c-dtbmodal.cc-kontact {
  text-align: left;
  display: block;
}

.c-dtbcontact-modal-wrapper {
  z-index: 20000;
  background-color: #fff;
  align-items: stretch;
  width: 100%;
  max-width: 1180px;
  display: flex;
  position: relative;
}

.c-dtbcontact-modal-wrapper.cc-kurse {
  z-index: 2200;
  border-radius: 4px;
  display: block;
  overflow: hidden;
}

.c-contact-modal_left-side {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed44068_Pfad%20520.svg");
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: auto 1200px;
  justify-content: center;
  width: 100%;
  max-width: 355px;
  display: flex;
}

.c-contact-modal_right-side {
  color: #646871;
  width: 100%;
  max-width: 100%;
  padding: 48px;
}

.c-dtbcontact-modal_title {
  color: var(--black-100);
  margin-bottom: 16px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}

.c-dtbform {
  margin-top: 32px;
  margin-bottom: 0;
}

.c-dtblabel {
  color: #2c2f32;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 24px;
}

.c-dtbinput {
  width: 100%;
  height: 48px;
  color: var(--black-100);
  background-color: #f7f7f8;
  border: 0 #000;
  margin-bottom: 32px;
  font-weight: 400;
}

.c-dtbinput.cc-mb-40 {
  margin-bottom: 40px;
}

.c-dtbinput.cc-white {
  background-color: var(--white);
}

.c-dtbinput.cc-white.cc-last {
  margin-bottom: 40px;
}

.c-dtbcheckbox {
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.c-dtbcheckbox-square {
  border-radius: 4px;
  flex: none;
  width: 18px;
  height: 18px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 16px;
}

.c-dtbcheckbox-square.w--redirected-checked {
  background-color: var(--royal-blue);
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43dcf_hook.png");
  background-size: 10px;
}

.c-dtbcheckbox-text {
  font-weight: 300;
  line-height: 24px;
}

.c-dtbmodal_close-btn {
  z-index: 2400;
  cursor: pointer;
  width: 46px;
  height: 46px;
  position: absolute;
  top: 12px;
  right: 12px;
}

.c-paragraph--xs {
  color: #fff;
  margin-right: 12px;
  padding-right: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 10px;
}

.footer2020 {
  background-color: #003f71;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 42px 10px;
  display: block;
  position: relative;
}

.columns-10 {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 21px;
  display: flex;
}

.div-block-33 {
  justify-content: center;
  align-items: center;
  padding-top: 4px;
  display: flex;
}

.column-13 {
  flex-wrap: wrap;
  display: flex;
}

.link-4 {
  color: #fff;
  margin-right: 28px;
  padding-right: 0;
  font-family: Haufemerriweathersans, sans-serif;
  text-decoration: none;
}

.link-4:hover {
  text-decoration: underline;
}

.c-kurse {
  padding-top: 120px;
  padding-bottom: 152px;
}

.c-dtbkurse_section-title {
  color: #0057fd;
  text-align: center;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
}

.c-kurse_image-link {
  cursor: pointer;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto 90%;
  width: 100%;
  max-width: none;
  height: 280px;
}

.c-kurse_card {
  background-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  max-width: 480px;
  margin-left: 10px;
  margin-right: 10px;
  display: block;
  overflow: hidden;
  box-shadow: 0 8px 28px #00000014;
}

.c-kurse_card.cc-sider {
  width: 380px;
  max-width: none;
}

.c-kurse_video {
  width: 100%;
  max-width: 70vw;
  height: 500px;
}

.c-kurse_card-content {
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  min-height: 520px;
  padding: 40px 40px 24px;
  display: flex;
}

.c-kurse_card-content.cc-slider {
  text-align: left;
  min-height: 410px;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.c-kurse_card-title {
  color: var(--black);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
}

.c-kurse_card-title.cc-slider {
  color: #232a36;
  font-size: 24px;
  line-height: 40px;
}

.c-kurse_information {
  flex-flow: wrap;
  align-items: center;
  margin-bottom: 28px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.c-kurse_information.cc-slider {
  margin-bottom: 40px;
}

.c-kurse_lang-box {
  color: #0057fd;
  background-color: #e5eeff;
  border-radius: 4px;
  margin-left: 0;
  margin-right: 16px;
  padding: 4px 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}

.c-kurse_information-text {
  color: #646871;
  margin-left: 0;
  margin-right: 0;
  font-weight: 700;
  line-height: 24px;
  display: inline-block;
}

.c-kurse_information-text.cc-static {
  margin-left: 4px;
  margin-right: 0;
}

.c-kurse_information-text.cc-number {
  margin-right: 0;
}

.c-kurse_information-text.cc-last {
  flex: 0 100%;
  margin-top: 12px;
  display: block;
}

.c-kurse_information_tage-workshop {
  margin-left: 0;
  margin-right: 16px;
}

.c-kurse_short-desc {
  color: #646871;
  min-height: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.c-kurse_ctas-wrapper {
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 40px;
  display: flex;
}

.c-button-icon {
  margin-right: 12px;
}

.c-button-icon.cc-contact-box {
  margin-right: 8px;
}

.c-kurse-features_collection-list {
  justify-content: center;
  align-items: stretch;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.c-kurse-modal_header {
  text-align: left;
  background-image: linear-gradient(223deg, #fffe00, #45c6ff 33%, #040077);
  margin-bottom: 64px;
  padding: 40px;
}

.c-kurse-modal_title {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}

.c-kurse-modal_description {
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.c-kurse-modal_event-day_wrapper {
  justify-content: space-between;
  align-items: flex-start;
  margin-left: -12px;
  margin-right: -12px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.c-kurse-modal_event-day {
  width: 100%;
  margin-bottom: -24px;
  margin-left: 12px;
  margin-right: 12px;
  padding-bottom: 0;
}

.c-kurse-modal_event-day.cc-2 {
  margin-left: 12px;
  margin-right: 12px;
}

.c-kurse-modal_event-day_header {
  color: var(--royal-blue);
  text-align: left;
  background-color: #f0f5ff;
  margin-bottom: 24px;
  padding: 12px 24px;
  font-size: 24px;
  line-height: 38px;
}

.c-kurse_modal_event-day_list {
  color: var(--black);
  text-align: left;
}

.c-kurse_modal_event-day_list li {
  color: #646871;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f9a_dot.svg");
  background-position: 0 11px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 24px;
  margin-left: 0;
  padding-left: 28px;
  font-weight: 300;
  list-style-type: none;
}

.c-kurse_modal_event-day_list strong {
  font-weight: 700;
}

.c-kurse_modal_event-day_list ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.c-kurse_modal_event-day_list p {
  color: #646871;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}

.c-kurse_modal_event-day_list h2 {
  color: var(--black-100);
  letter-spacing: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-weight: 700;
}

.c-kurse_modal_bullets-wrapper {
  margin-top: 84px;
  padding-bottom: 64px;
  padding-left: 40px;
  padding-right: 40px;
}

.c-kurse_modal_bullets-wrapper_inner-row {
  border-top: 1px solid #e7e7e8;
  justify-content: space-between;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.c-kurse_modal_bullets-wrapper_inner-row.cc-last {
  padding-bottom: 0;
}

.c-kurse_bullet {
  text-align: left;
  border-left: 1px solid #e7e7e8;
  align-items: flex-start;
  width: 100%;
  padding-left: 32px;
  padding-right: 0;
  display: flex;
}

.c-kurse_bullet.cc-left {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0;
  padding-right: 32px;
}

.c-kurse_bullet.cc-non-border {
  border-left-style: none;
  border-left-width: 0;
}

.c-kurse_bullet.cc-non-border.cc-cta {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f94_kurse-shape.svg");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  padding-bottom: 48px;
  display: none;
}

.c-kurse_bullet-icon {
  width: 48px;
  height: auto;
  margin-right: 24px;
}

.c-kurse_bullet-title {
  color: var(--black-100);
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 38px;
}

.c-kurse_bullet-desc {
  color: #646871;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}

.c-kurse_cta-text {
  color: #0057fd;
  width: 100%;
  max-width: 134px;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 32px;
}

.c-kurse_cta-image {
  margin-right: 32px;
  box-shadow: 6px 6px 21px #00000024;
}

.c-kurse_form-wrapper {
  color: #646871;
  text-align: center;
  background-color: #f7f7f8;
  padding: 48px 40px 40px;
}

.c-kurse_form-title {
  color: #0057fd;
  margin-bottom: 4px;
  font-family: Bebasneue, sans-serif;
  font-size: 66px;
  font-weight: 400;
  line-height: 70px;
}

.c-kurse_tab-link {
  color: #0057fd;
  background-color: #0000;
  margin-left: 8px;
  margin-right: 8px;
  padding: 15px 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  box-shadow: 0 0 0 2px #0057fd;
}

.c-kurse_tab-link.w--current {
  color: var(--white);
  background-color: #0057fd;
}

.c-kurse_tab-menu {
  order: 1;
  margin-top: 40px;
}

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

.c-kurse_form {
  text-align: left;
  margin-top: 48px;
  padding-top: 40px;
}

.c-form_row {
  align-items: center;
  display: flex;
}

.c-form_row.cc-popup {
  justify-content: space-between;
  margin-bottom: 20px;
}

.c-form_col {
  flex: none;
  width: 50%;
}

.c-form_col.cc-left {
  padding-right: 12px;
}

.c-form_col.cc-right {
  padding-left: 12px;
}

.c-transformation-circle-mobile {
  display: none;
}

.c-kurse-slider {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
}

.c-container-13 {
  border-radius: 4px;
  max-width: 1352px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  display: block;
}

.c-title-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}

.c-title-3.col {
  display: flex;
}

.c-title-3.white {
  color: #fff;
  margin-bottom: 0;
}

.c-title-3.white.abstand {
  margin-bottom: 60px;
}

.c-kurse_slider_wrapper {
  text-align: center;
  padding-top: 152px;
  position: relative;
}

.c-kurse_prev-arrow {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: -80px;
  transform: translate(0, -50%);
}

.c-kurse_next-arrow {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: -80px;
  transform: translate(0, -50%);
}

.c-dtbmodal_close-page {
  z-index: 2100;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 0;
  position: fixed;
  inset: 0%;
}

.c-cardteaser-content-5 {
  text-align: left;
  margin-top: 25px;
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.c-cardteaser-content-5 ul {
  padding-left: 20px;
}

.c-cardteaser-content-5 li {
  margin-bottom: 8px;
  margin-left: 15px;
  font-size: 16px;
}

.c-cardteaser-content-5 p {
  font-size: 16px;
  line-height: 28px;
}

.c-cardteaser-content-5 strong {
  font-weight: 700;
}

.c-cardteaser-content-5 ol {
  padding-left: 24px;
}

.c-cardteaser-content-5 h2 {
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 24px;
  line-height: 36px;
}

.c-dtb-input_left {
  width: 50%;
  padding-right: 12px;
}

.c-dtb-input_right {
  width: 50%;
  padding-left: 12px;
}

.c-dtb-input_row {
  justify-content: space-between;
  display: flex;
}

.c-kurse-package_title {
  color: #232a36;
  margin-top: 0;
  margin-bottom: 64px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 38px;
}

.c-kurse-package_wrapper {
  margin-bottom: 64px;
}

.c-kurse-package_image-link {
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43ed9_5ef6443057dcc35e29ffbe87_catbasic.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 378px 95%;
  width: 100%;
  max-width: none;
  height: 220px;
}

.c-kurse-package_image-link.cc-change {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f29_process2.svg");
  background-position: 50% 100%;
  background-size: auto 95%;
}

.c-kurse-package_card {
  background-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  max-width: 378px;
  margin-left: 10px;
  margin-right: 10px;
  display: block;
  overflow: hidden;
  box-shadow: 0 8px 28px #00000014;
}

.c-kurse-package_card-title {
  color: #232a36;
  text-align: left;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 44px;
}

.c-kurse-package_card-content {
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  min-height: 378px;
  padding: 32px;
  display: flex;
}

.c-kurse-package_short-desc {
  color: #646871;
  text-align: left;
  min-height: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}

.c-kurse-package_information-text {
  color: #646871;
  margin-left: 0;
  margin-right: 12px;
  font-size: 11px;
  font-weight: 700;
  line-height: 19px;
  display: inline-block;
}

.c-kurse-package_information-text.cc-static {
  margin-left: 4px;
  margin-right: 12px;
}

.c-kurse-package_information-text.cc-number {
  margin-right: 0;
}

.c-kurse-package_information-text.cc-last {
  flex: 0 auto;
  margin-top: 12px;
  margin-right: 0;
  display: block;
}

.c-kurse-package_information-text.cc-online {
  margin-right: 0;
}

.c-kurse-package_lang-box {
  color: #0057fd;
  background-color: #e5eeff;
  border-radius: 4px;
  margin-left: 0;
  margin-right: 12px;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.c-kurse-package_information {
  flex-flow: wrap;
  align-items: center;
  margin-bottom: 25px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.c-kurse-package_card-wrapper {
  justify-content: center;
  display: flex;
}

.c-kurse-package_img {
  margin-left: 24px;
  margin-right: 24px;
}

.c-captcha {
  margin-top: 24px;
}

.cds-section-intro_wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.cds-title-1 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(270deg, #4bd9ff, #09198e);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 74px;
}

.cds-section-intro {
  z-index: 900;
  text-align: center;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 100vh;
  position: relative;
}

.cds-intro-scroll_text {
  margin-bottom: 0;
  text-decoration: none;
}

.cds-intro-scroll {
  color: #8e9298;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  font-family: Haufemerriweathersans, sans-serif;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.cds-intro-scroll.w--current {
  text-decoration: none;
}

.cds-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1112px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
}

.cds-container.cc-10cols {
  max-width: 800px;
}

.cds-container.cc-right {
  justify-content: flex-end;
  display: flex;
}

.cds-pink_content-block3 {
  color: #fff;
  padding-top: 8%;
  display: none;
  position: absolute;
}

.c-title-6 {
  color: var(--black-100);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.c-title-6.cc-700 {
  letter-spacing: 0;
  flex: none;
  font-weight: 700;
}

.c-text-3 {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.c-text-3.white {
  color: #fff;
}

.c-text-3.white.hide-mobile {
  display: none;
}

.c-text-3.black {
  color: var(--black-100);
}

.c-text-3.black.c-taxtalks-teaserbox {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2em;
  padding-bottom: 2em;
}

.cds-video_content-block {
  color: #fff;
  display: block;
  position: absolute;
}

.cds-video {
  z-index: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.c-title-wrapper {
  margin-bottom: 16px;
}

.c-title-wrapper.cc-auch-online {
  color: var(--black-100);
  text-align: left;
}

.c-title-wrapper.cc-vorteile-card {
  color: var(--black-100);
  margin-bottom: 4px;
}

.c-title-wrapper.cc-progress {
  margin-bottom: 0;
}

.c-title-wrapper.cc-team-member {
  margin-bottom: 4px;
}

.c-title-wrapper.cc-contact-box {
  color: var(--black-100);
}

.c-title-wrapper.cc-ansprechpartner {
  text-align: center;
  margin-bottom: 130px;
}

.cds-lottie_element {
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.cds-blue_content-block02 {
  color: #003f71;
  background-color: #fff;
  padding: 40px 40px 160px;
  position: absolute;
}

.cds-video_list-item {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed4407f_Arrow.png");
  background-position: 0 8px;
  background-repeat: no-repeat;
  background-size: 10px;
  margin-bottom: 8px;
  padding-left: 24px;
}

.cds-footer_links-col {
  width: 25%;
}

.cds-block-link {
  z-index: 1000;
  color: #fff;
  margin-right: 24px;
  font-size: 16px;
  line-height: 26px;
  text-decoration: underline;
  position: relative;
}

.cds-block-link.cc-blue {
  color: #003f71;
}

.cds-video_content {
  padding-top: 15%;
  position: relative;
}

.c-ds {
  z-index: 100;
  height: 4000vh;
  position: relative;
}

.cds-content-green {
  z-index: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.c-cta-wrapper-tax-talks {
  margin-top: 32px;
}

.c-cta-wrapper-tax-talks.cc-pink-double {
  margin-bottom: 40px;
}

.c-cta-wrapper-tax-talks.cc-services {
  margin-top: 40px;
  display: none;
}

.c-cta-wrapper-tax-talks.cc-services.hide {
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.c-cta-wrapper-tax-talks.cc-compo {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.cds-content-blue {
  z-index: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.cds-skip {
  z-index: 100;
  align-items: center;
  font-family: Haufemerriweathersanslt, sans-serif;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 40px 40px auto;
}

.c-text-2-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.cds-content01 {
  color: #fff;
  text-align: right;
  flex: none;
  font-size: 28px;
  font-weight: 400;
  line-height: 48px;
  position: relative;
}

.cds-blue_content-container {
  width: 40%;
  padding-top: 20%;
  position: relative;
}

.cds-content02_content-block {
  color: #fff;
}

.cds-video_content-container {
  width: 40%;
  padding-top: 10%;
  position: relative;
}

.cds-anchor_footer {
  width: 100%;
  height: 0;
  position: absolute;
  top: 4000vh;
}

.cds-video_content-block2 {
  color: #fff;
  padding-top: 12%;
  display: block;
  position: absolute;
}

.cds-pink_content-block2 {
  color: #fff;
  padding-top: 30%;
  display: block;
  position: absolute;
}

.cds-green_content-block01 {
  color: #fff;
  padding-top: 64px;
  display: none;
  position: absolute;
}

.cds-lottie {
  z-index: 0;
  background-color: var(--black);
  background-image: linear-gradient(45deg, #09198e, #4bd9ff);
  align-items: center;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: 0%;
}

.cds-blue_content-block03 {
  color: #fff;
  padding-top: 20%;
  position: absolute;
}

.cds-footer_links-row {
  justify-content: space-around;
  margin-top: 40px;
  display: flex;
}

.c-title-5 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 38px;
}

.c-title-5.cc-700 {
  font-weight: 700;
}

.c-text-4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.c-text-4.cc-button-link {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.c-text-4.cc-light {
  font-weight: 300;
}

.cds-content-pink {
  z-index: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.cds-skip_paragraph {
  color: #fff;
  margin-bottom: 0;
  margin-left: 8px;
  font-weight: 700;
}

.c-title-4 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 44px;
}

.c-title-4.cc-700 {
  font-weight: 700;
}

.cds-pink_content-container {
  width: 40%;
  padding-top: 13%;
  position: relative;
}

.cds-pink_content-block {
  color: #fff;
  padding-top: 64px;
  display: block;
  position: absolute;
}

.cds-content02_container {
  width: 40%;
}

.cds-footer_link-text {
  color: #fff;
  margin-top: 12px;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  display: block;
}

.cds-footer_link-text:hover {
  text-decoration: underline;
}

.cds-green_content-container {
  width: 40%;
  padding-top: 25%;
  position: relative;
}

.cds-footer_links {
  color: #fff;
  text-align: center;
}

.cds-blue_content-block {
  color: #fff;
  padding-top: 20%;
  position: absolute;
}

.cds-green_content-block05 {
  color: #fff;
  display: none;
  position: absolute;
}

.cds-content01_text-wrapper {
  text-align: left;
  width: 400px;
  display: inline-block;
}

.cds-content-footer {
  z-index: 0;
  padding-bottom: 10vh;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0%;
  right: 0%;
}

.cds-footer_container {
  color: #fff;
  text-align: center;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

.cds-section {
  z-index: 10001;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.cds-button-link {
  z-index: 1000;
  color: #fff;
  text-decoration: none;
  position: relative;
}

.cds-content-gray {
  z-index: 0;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.cds-video_content-block3 {
  color: #fff;
  padding-top: 5%;
  display: block;
  position: absolute;
}

.cds-green_content-block04 {
  color: #fff;
  position: absolute;
}

.c-custom-code {
  display: none;
}

.cds-ie-section-intro {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.cds-ie-intro {
  z-index: 1000;
  text-align: center;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 100vh;
  position: relative;
}

.cds-ie-intro.showroom_mobile {
  height: 90vh;
}

.cds-ie-title-1 {
  color: #0058ff;
  max-width: 900px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 74px;
}

.cds-ie-content {
  margin-top: 64px;
}

.cds-ie-row_left.cc-02 {
  min-width: 40%;
}

.cds-ie-row_left.cc-01 {
  flex: none;
}

.cds-ie-monitor {
  margin-left: 15%;
}

.cds-ie-img06 {
  margin-left: -15%;
}

.cds-ie-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1112px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
}

.cds-ie-container.cc-center {
  text-align: center;
}

.cds-ie-section {
  color: #fff;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: hidden;
}

.cds-ie-section.cc-footer {
  padding-bottom: 160px;
}

.cds-ie-gradient {
  background-image: linear-gradient(to right, #09198e, #4bd9ff);
  justify-content: center;
  align-items: center;
}

.cds-ie-footer {
  margin-bottom: 64px;
}

.cds-ie-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cds-ie-row.cc-invert {
  flex-direction: row-reverse;
}

.cds-ie-title-2 {
  font-size: 28px;
  line-height: 48px;
}

.cds-ie-row_right.cc-06, .cds-ie-row_right.cc-02 {
  flex: none;
}

.cds-ie-row_right.cc-01 {
  max-width: 320px;
}

.c-title-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 66px;
  font-weight: 400;
  line-height: 70px;
}

.c-text-1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}

.c-text-1.cc-700 {
  letter-spacing: 0;
  font-weight: 700;
}

.c-text-1.centered {
  padding-left: 0;
  padding-right: 0;
}

.c-rich-content {
  font-weight: 400;
}

.c-text-2se {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haufemerriweather, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.c-rich-editorial {
  font-weight: 400;
}

.ds-divider {
  background-color: #e6e6e6;
  height: 1px;
  margin-top: 60px;
  margin-bottom: 60px;
}

.c-title-3-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}

.ds-row {
  margin-bottom: 40px;
}

.c-section-2 {
  color: #000;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.c-text-5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 24px;
}

.ds-type_caption {
  color: #0058ff;
  background-color: #dbe6fc;
  margin-top: 20px;
  margin-bottom: 16px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
  line-height: 24px;
  display: inline-block;
}

.cn-tag {
  color: #7b2ef5;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 700;
}

.cds-anchor-coins {
  z-index: 10010;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 24px;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.cds-anchor-coins_coin {
  border: 1.5px solid #d1d4d6;
  border-radius: 20px;
  width: 8px;
  height: 8px;
  margin-top: 16px;
  margin-bottom: 16px;
  position: relative;
}

.cds-anchor-coins_coin:hover {
  background-color: #ffffff4d;
}

.cds-anchor-coins_coin.w--current {
  background-color: #fff;
}

.cds-intro-scroll_animation {
  opacity: .4;
  width: 24px;
  height: 24px;
  margin-bottom: 12px;
}

.cds-anchor_slide01 {
  width: 100%;
  height: 0;
  position: absolute;
  top: 640vh;
}

.cds-anchor_slide02 {
  width: 100%;
  height: 0;
  position: absolute;
  top: 2340vh;
}

.cds-anchor_slide03 {
  width: 100%;
  height: 0;
  position: absolute;
  top: 2800vh;
}

.cds-anchor_slide04 {
  width: 100%;
  height: 0;
  position: absolute;
  top: 3240vh;
}

.cds-footer {
  z-index: 2000;
  display: block;
  position: relative;
}

.cds-introtext {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1112px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  display: block;
  position: relative;
}

.logo_kantleivision {
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 40px;
  display: inline-block;
}

.column-15 {
  padding-left: 0;
}

.hdt_kv_logos {
  padding-bottom: 17px;
}

.image-40 {
  max-width: 80%;
}

.hdt_kv_kreis {
  padding-top: 84px;
  padding-left: 40px;
}

.c-loader {
  z-index: 1000000000;
  background-color: var(--royal-blue);
  display: none;
  position: fixed;
  inset: 0%;
}

.cds-loader {
  width: 80px;
  height: 80px;
  margin: -104px auto 24px;
  display: block;
}

.c-navigation_menu {
  position: static;
}

.c-newnav-flex-section-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.c-newnav-col-title {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 32px;
}

.c-newnav-dropdownlist-item {
  color: #000;
  margin-bottom: 6px;
  padding: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 32px;
}

.c-newnav-dropdownlist-item:hover {
  text-decoration: underline;
}

.c-navigation_dropdown-toggle {
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom: 5px solid #0000;
  padding-top: 28px;
  padding-bottom: 23px;
  padding-left: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: border-color .2s;
  display: block;
}

.c-navigation_dropdown-toggle:hover {
  border-bottom-color: var(--royal-blue);
}

.c-navigation_dropdown {
  z-index: 18;
  position: relative;
}

.c-newnav-language-nav {
  display: none;
}

.c-navigation_logo-img {
  max-width: 132px;
}

.c-navigation_link {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom: 5px solid #0000;
  padding: 28px 24px 23px;
  font-family: Haufemerriweathersans, sans-serif;
  font-weight: 400;
  line-height: 24px;
  transition: border-color .2s;
}

.c-navigation_link:hover {
  border-bottom-color: var(--royal-blue);
}

.c-navigation_link.w--current {
  border-style: none none solid;
  border-width: 1px 1px 5px;
  border-color: var(--royal-blue);
  color: #000;
}

.c-navigation_link.cc-blue {
  color: var(--royal-blue);
}

.c-navigation_logo {
  z-index: 10;
  color: #fff;
  background-color: #0058ff;
  align-items: center;
  width: 180px;
  height: 80px;
  margin-right: 12px;
  padding: 16px 24px;
  display: flex;
}

.c-navigation_logo.w--current {
  align-items: center;
}

.c-newnav-dropdownlist-wrapper {
  background-color: #fff;
  width: 100%;
  min-width: 900px;
  padding: 24px;
  position: relative;
  box-shadow: 0 4px 16px #0003;
}

.c-newnav-dropdownlist-wrapper.w--open {
  background-color: #fff;
  width: 100%;
  padding: 48px;
  top: 99px;
  left: -174px;
  box-shadow: 0 0 16px #0003;
}

.c-newnav-dropdownlist-nostyle {
  min-width: 704px;
  display: none;
  box-shadow: 0 2px 4px #0003;
}

.c-newnav-dropdownlist-nostyle.w--open {
  width: 100%;
  box-shadow: none;
  background-color: #0000;
  padding-top: 4px;
  left: -200px;
}

.c-navigation_dropdown-icon {
  color: #a0a5af;
  margin-top: 33px;
  margin-bottom: 27px;
  font-size: 12px;
}

.c-newnav-flex-section-col {
  width: 25%;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 0;
}

.c-nav-wrapper {
  z-index: 10000000;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.c-nav-wrapper.cc-cds {
  position: sticky;
  inset: 0% 0% auto;
}

.c-nav-wrapper.absolute {
  position: absolute;
}

.c-navigation {
  background-color: #fff;
  transition: transform .3s ease-in;
  display: block;
  box-shadow: 0 3px 6px 8px #0000001a;
}

.c-second-nav {
  z-index: 17;
  background-color: #0058ff1a;
  background-image: linear-gradient(to bottom, #0058ff1a, #0058ff1a), linear-gradient(to bottom, var(--white), var(--white));
  width: 100%;
  display: block;
  position: absolute;
  inset: 80px 0% auto;
}

.c-second-nav_container {
  justify-content: space-between;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.c-second-nav_title {
  color: var(--royal-blue);
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
}

.c-second-nav_menu {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.c-second-nav_link {
  color: var(--royal-blue);
  text-transform: uppercase;
  border-bottom: 4px solid #0000;
  flex: none;
  padding: 24px 16px 20px;
  font-size: 12px;
  text-decoration: none;
  display: inline-block;
}

.c-second-nav_link:hover {
  border-bottom-color: #0058ff33;
}

.c-second-nav_link.w--current {
  border-bottom-color: var(--royal-blue);
}

.c-second-nav_cta {
  flex: none;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: inline-block;
}

.c-second-nav_button {
  background-color: var(--royal-blue);
  color: #fff;
  text-transform: uppercase;
  padding: 8px 20px;
  font-size: 12px;
  text-decoration: none;
  display: block;
}

.c-top-nav {
  color: #fff;
  background-color: #232a36;
  height: 40px;
  padding-left: 25px;
  padding-right: 25px;
  transition: transform .3s ease-out;
  display: none;
}

.c-top-nav_right {
  float: right;
  text-transform: uppercase;
  margin-top: 8px;
  margin-bottom: 8px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.c-top-nav_link {
  color: #fff;
  letter-spacing: .6px;
  margin-left: 16px;
  font-family: Haufemerriweathersans, sans-serif;
  text-decoration: none;
  transition: opacity .2s;
}

.c-top-nav_link:hover {
  opacity: .7;
}

.c-top-nav_left {
  letter-spacing: .6px;
  margin-top: 8px;
  margin-bottom: 8px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.c-container-new {
  width: 100%;
  max-width: 1348px;
  margin-left: auto;
  margin-right: auto;
  padding: 8em 24px;
}

.c-container-new.cc-10cols {
  color: #fff;
  max-width: 1128px;
  padding: 4em 40px;
}

.c-container-new.cc-10cols.col {
  justify-content: space-between;
  display: flex;
}

.c-container-new.cc-10cols.col.padding {
  margin-bottom: 80px;
}

.c-container-new.cc-10cols.tt-cta {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  display: flex;
}

.c-container-new.abstand {
  padding-top: 0;
  padding-bottom: 0;
}

.c-hero-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.c-hero_left {
  width: 100%;
  max-width: 530px;
  color: var(--dim-grey);
  margin-right: 20px;
}

.c-hero_title {
  color: var(--black-100);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 100px;
  font-weight: 400;
  line-height: 88px;
}

.c-hero_title.smaller {
  color: var(--black-100);
  font-size: 70px;
  line-height: 80px;
}

.c-hero_title.smaller.bubbleheader {
  background-position: 100% 0;
  background-size: cover;
  margin-top: 0;
  padding: 220px 44px 189px 45px;
}

.c-hero_scroll-down {
  border: 1px solid var(--black-100);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: 66px;
  padding-top: 4px;
  transition: all .35s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.c-hero_scroll-down:hover {
  background-color: #f0f0f0;
}

.c-hero_right {
  width: 100%;
  max-width: 640px;
}

.c-divider-line {
  background-color: #e7e7e8;
  width: 100%;
  max-width: 753px;
  height: 1px;
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto;
}

.c-services-text {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: 100%;
  max-width: none;
  color: var(--dim-grey);
  text-align: center;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.c-button-m {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white);
  background-color: #075bfa;
  border-radius: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 12px 30px;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  display: inline-block;
}

.c-button-m.cc-contact-box {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 247px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 28px;
  display: flex;
}

.c-button-m.white {
  background-color: #0000;
  border: 2px solid #fff;
}

.c-services_compo {
  width: 100%;
  max-width: 570px;
  margin-top: 60px;
}

.c-services_compo.cc-portait {
  display: none;
}

.c-services_compo.cc-portait-hidden {
  width: 1%;
}

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

.c-tech_left {
  width: 100%;
  max-width: 474px;
  margin-right: 20px;
}

.c-tech_right {
  width: 100%;
  max-width: 530px;
  color: var(--white);
}

.c-triangle-sec-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.c-triangle_left {
  width: 100%;
  max-width: 420px;
  margin-right: 20px;
}

.c-triangle_right {
  width: 100%;
  max-width: 530px;
  color: var(--dim-grey);
}

.c-triangle_image {
  display: block;
}

.c-triangle-wrapper {
  text-align: left;
  justify-content: center;
  align-items: center;
  margin-top: 110px;
  display: flex;
}

.c-triangle_dot_blur-wrapper {
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-right: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c-triangle_dot_blur-wrapper.cc-ml {
  margin-left: 16px;
  margin-right: 0;
}

.c-triangle {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.c-triangle_dot-wrapper {
  color: #d2d4d6;
  cursor: default;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translate(-28px);
}

.c-triangle_dot-wrapper.cc-bottom-left {
  text-align: left;
  top: auto;
  bottom: -28px;
  left: auto;
  transform: translate(28px)translate(-100%);
}

.c-triangle_dot-wrapper.cc-bottom-right {
  text-align: left;
  inset: auto 0 -28px auto;
  transform: translate(-28px)translate(100%);
}

.c-triangle_dot-blur {
  opacity: 1;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: visible;
}

.c-triangle_dot-blue {
  background-color: #0058ff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.c-triangle_dot-white {
  opacity: 1;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 2px 2px 20px #0000001f;
}

.c-triangle-modal {
  width: 100%;
  min-width: 390px;
  max-width: 390px;
  color: var(--black-100);
  background-color: #0000;
  padding: 0;
  position: absolute;
  top: 75px;
  left: 0;
  overflow: hidden;
  transform: translate(-167px);
  box-shadow: 0 0 64px #0000001f;
}

.c-triangle-modal.cc-bottom-left {
  top: -410px;
  left: 70px;
  transform: translate(-135px);
}

.c-triangle-modal.cc-bottom-right {
  top: -340px;
  transform: translate(-135px);
}

.c-triangle-modal_title {
  color: var(--royal-blue);
  margin-bottom: 8px;
}

.c-modal-text-wrapper {
  flex: none;
}

.c-triangle-modal_inner {
  background-color: var(--white);
  padding: 32px;
  overflow: hidden;
}

.c-tech-text {
  text-align: center;
}

.c-tech-text.cc-zuku {
  max-width: 640px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

.c-text-wrapper.cc-zuku {
  color: var(--dim-grey);
}

.c-text-wrapper.cc-progress {
  margin-bottom: 24px;
}

.c-text-wrapper.cc-progress.cc-last {
  margin-bottom: 0;
}

.c-text-wrapper.cc-team-member-desc, .c-text-wrapper.cc-contact-popup {
  color: var(--dim-grey);
  margin-bottom: 40px;
}

.c-text-wrapper.cc-compo {
  color: var(--black-100);
  margin-bottom: 24px;
}

.c-zuku-compo_wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1182px;
  margin-bottom: -16px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.c-compo_wrapper {
  color: #d2d4d6;
  width: 100%;
  max-width: 670px;
  font-family: Haufemerriweathersanslt, sans-serif;
}

.c-zuku_dropdowns {
  width: 100%;
  max-width: 420px;
  margin-left: 20px;
  padding-top: 40px;
}

.c-zuku-dropdown {
  width: 100%;
  margin-bottom: 16px;
  position: relative;
}

.c-zuku-dropdown_toggle {
  color: #d2d4d6;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 16px 24px;
  display: flex;
}

.c-zuku-dropdown_toggle.w--open {
  z-index: 20;
  background-color: var(--white);
  color: var(--royal-blue);
  padding-bottom: 4px;
}

.c-zuku-dropdown_arrow-embed {
  margin-top: 3px;
  margin-right: 12px;
}

.c-zuku-dropdown_list {
  position: static;
}

.c-zuku-dropdown_list.w--open {
  background-color: var(--white);
  padding: 0 24px 24px 56px;
}

.c-zuku-compo {
  width: 100%;
  max-width: 670px;
}

.c-zuku-dropdown_shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  box-shadow: 3px 3px 40px #0000001f;
}

.c-vorteile_cards-col {
  flex: 254px;
  max-width: 254px;
}

.c-vorteile_cards-col.cc-right {
  padding-top: 130px;
}

.c-vorteile_cards-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 530px;
  margin-bottom: 0;
  display: flex;
}

.c-vorteile_sticky {
  margin-bottom: 120px;
  position: sticky;
  top: 160px;
}

.c-vorteile_card {
  color: var(--dim-grey);
  background-image: linear-gradient(170deg, #f7f7f7 19%, #f7f7f700);
  border-radius: 0;
  margin-bottom: 20px;
  padding: 32px;
}

.c-vorteile_card.cc-last {
  margin-bottom: 0;
}

.c-vorteile_left {
  width: 100%;
  max-width: 420px;
}

.c-vorteile_right {
  width: 100%;
  max-width: 530px;
}

.c-row-between {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.c-row-between.cc-bullets {
  align-items: stretch;
  padding-top: 0;
}

.c-vorteile_icon-box {
  background-image: linear-gradient(212deg, #ffffff29, #fff0);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-bottom: 25px;
  padding: 16px;
  display: flex;
  box-shadow: 3px 3px 32px #0000001f;
}

.c-progress-image {
  width: 100%;
  max-width: 1080px;
  color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440c1_progress-img.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: 190px 64px 64px;
}

.c-progress-title-wrapper {
  width: 100%;
  max-width: 573px;
}

.c-title-1 {
  font-family: Bebasneue, sans-serif;
  font-size: 82px;
  line-height: 72px;
}

.c-progress {
  position: relative;
}

.c-progress_dot {
  z-index: 100;
  width: 90px;
  max-width: 90px;
  height: 90px;
  max-height: 90px;
  color: var(--white);
  background-image: linear-gradient(45deg, #fffe00, #45c6ff 51%, #040077);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-bottom: -45px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
  position: relative;
}

.c-progress_dot.cc-mb-0 {
  margin-bottom: 0;
}

.c-progress-section {
  margin-bottom: 48px;
  position: relative;
}

.c-progress-section.cc-last.cc-mb-0 {
  margin-bottom: 0;
}

.c-progress_text-box {
  z-index: 20;
  background-color: #ffffff29;
  padding-top: 88px;
  padding-bottom: 40px;
  position: relative;
}

.c-progress-text-wrapper {
  max-width: 1128px;
  color: var(--white);
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.c-progress-text_right {
  width: 100%;
  max-width: 491px;
  margin-left: 10px;
}

.c-progress-text_left {
  width: 100%;
  max-width: 491px;
  margin-right: 10px;
}

.c-progress_line {
  background-image: linear-gradient(to right, #fffe00, #45c6ff 29%, #040077);
  width: 8px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% 50%;
  transform: translate(-50%);
}

.c-progress_line.cc-mobile {
  display: none;
}

.c-progress-line_progress {
  background-color: var(--white);
  width: 100%;
  height: 40%;
}

.c-team_wrapper {
  justify-content: space-between;
  align-items: stretch;
  margin-left: -11px;
  margin-right: -11px;
  display: flex;
}

.c-team-member {
  background-color: var(--white);
  text-align: center;
  flex-direction: column;
  flex: 1px;
  align-items: center;
  margin-left: 11px;
  margin-right: 11px;
  padding-bottom: 40px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  box-shadow: 10px 10px 64px #0000001f;
}

.c-member_image {
  border-radius: 50%;
  width: 184px;
  height: 184px;
  margin-top: -40px;
  margin-bottom: 24px;
  overflow: hidden;
}

.c-member_image.cc-03 {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440bb_Stefan.png");
  background-position: 50%;
  background-size: cover;
}

.c-team-member_role {
  color: var(--royal-blue);
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
}

.c-team-pic {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.c-contact-box {
  background-color: var(--white);
  width: 100%;
  max-width: 741px;
  color: var(--dim-grey);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 76px 50px;
  box-shadow: 10px 10px 64px #0000001f;
}

.c-contact-modal_new {
  z-index: 99999;
  background-image: linear-gradient(52deg, #fffe00, #45c6ff 51%, #040077);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.c-contact-popup {
  background-color: var(--white);
  width: 100%;
  max-width: 756px;
  max-height: 95vh;
  padding: 32px 48px;
  position: relative;
  overflow: scroll;
}

.c-contact-modal_new_close-full {
  width: 100%;
  height: 100%;
  position: absolute;
}

.c-services_left {
  text-align: left;
  width: 100%;
  max-width: 70%;
}

.c-show-in-portait, .c-triangle-mobile_dropdowns {
  display: none;
}

.c-triangle-dropdown {
  width: 100%;
  margin-bottom: 16px;
  position: relative;
}

.c-zuku-compo-image_wrapper, .c-div-mobile-arrow-zuku {
  display: none;
}

.c-form_label {
  color: #2c2f32;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 24px;
}

.c-form_input {
  background-color: #f7f7f8;
  border: 0 #000;
  height: 48px;
  margin-bottom: 0;
}

.c-form_submit {
  background-color: var(--royal-blue);
  margin-top: 40px;
  padding: 12px 20px;
  line-height: 24px;
}

.c-form_checkbox-field {
  color: var(--dim-grey);
  margin-top: 8px;
  margin-bottom: 24px;
  font-weight: 300;
  line-height: 24px;
}

.c-form_checkbox-text {
  padding-left: 16px;
  font-weight: 300;
}

.c-form_checkbox-square {
  border-radius: 4px;
  width: 18px;
  height: 18px;
}

.c-form_checkbox-square.w--redirected-checked {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
  background-size: contain;
  padding: 4px;
}

.c-form-col {
  flex: 100%;
  width: auto;
}

.c-form-col.cc-left {
  padding-right: 10px;
}

.c-form-col.cc-right {
  padding-left: 10px;
}

.c-modal-popup_close {
  cursor: pointer;
  width: 30px;
  height: 30px;
  position: absolute;
  inset: 24px 24px auto auto;
}

.c-triangle_dot-wrapper_active {
  color: #d2d4d6;
  cursor: default;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translate(-28px);
}

.c-hero_scroll-down-2 {
  border: 1px solid #232a36;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: 66px;
  transition: all .35s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.c-hero_scroll-down-2:hover {
  background-color: #f0f0f0;
}

.c-hero_title-2 {
  color: #232a36;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 100px;
  font-weight: 400;
  line-height: 88px;
}

.c-hero_title-2.smaller {
  font-size: 60px;
  line-height: 66px;
}

.c-hero_left-2 {
  color: #646973;
  width: 100%;
  max-width: 530px;
  margin-right: 20px;
}

.bubbleheader {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440c7_Bubble_Header.jpg");
  background-position: 0 0;
  background-size: auto;
}

.v1-section {
  margin-top: -127px;
}

.v1-section.excellence-feedback {
  margin-bottom: 135px;
}

.c-datenschutzklarung-item_bold {
  margin-bottom: 4px;
  display: block;
}

.c-datenschutzklarung-item_title {
  font-size: 28px;
  line-height: 32px;
}

.sec_dse_gesamt.vorlage_off {
  display: block;
}

.c-datenschutzklarung-list {
  padding-left: 20px;
}

.c-datenschutzklarung-item {
  text-align: left;
  margin-bottom: 24px;
}

.p {
  letter-spacing: .6px;
  margin-bottom: 8px;
  font-weight: 400;
  line-height: 25px;
}

.p.medium {
  text-align: left;
  letter-spacing: 0;
  font-size: 20px;
  line-height: 31px;
}

.p.medium.supprt {
  text-align: center;
  margin-bottom: 50px;
  padding-bottom: 21px;
  padding-left: 57px;
  padding-right: 57px;
  line-height: 30px;
}

.p.cc-datenschutzklarung {
  margin-bottom: 16px;
  font-size: 14px;
}

.wrap {
  background-image: none;
  flex-direction: row;
  justify-content: space-between;
  width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
}

.wrap.support_info {
  z-index: 9;
  background-image: linear-gradient(#fff, #fff);
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  width: 96%;
  max-width: 1100px;
  margin-top: -44px;
  position: relative;
}

.c-link {
  white-space: normal;
}

.c-datenschutzklarung-subitem {
  margin-bottom: 24px;
}

.checkbox-field {
  margin-bottom: 59px;
}

.column-17 {
  padding-right: 21px;
}

.image-42 {
  margin-top: 0;
  margin-left: 53px;
  margin-right: 0;
  padding-right: 0;
}

.column-18 {
  padding-left: 0;
  padding-right: 0;
}

.columns-11 {
  max-width: 800px;
  margin: 5px auto 119px;
}

.column-19 {
  margin-top: 59px;
}

.wpwrapper {
  justify-content: center;
  display: flex;
}

.wp_section {
  margin: 50px 5%;
  padding-bottom: 0;
}

.wp_card_wrapper {
  width: 100%;
  min-height: 0;
  display: flex;
}

.wp_card {
  background-color: var(--white);
  width: 30%;
  min-height: 400px;
  margin: 20px 0;
  padding-left: 0%;
  padding-right: 0%;
  position: relative;
  box-shadow: 0 5px 10px #262e3b26;
}

.wp_card.taxulting {
  min-height: 300px;
  margin-left: 0;
  margin-right: 0;
  padding: 40px;
}

.wp_card.studie {
  justify-content: space-between;
  width: 100%;
  height: 100px;
  display: flex;
}

.wp_image._2 {
  background-image: linear-gradient(#0058ff1f, #0058ff1f), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440ce_Nachwuchskra%CC%88fte_Cover_WP_2.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 100%;
}

.wp_image._2.ki {
  background-image: linear-gradient(#0058ff1f, #0058ff1f), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64e38064a6f73560764ad05a_Bildschirmfoto%202023-08-21%20um%2017.14.18.png");
  background-position: 0 0, 100%;
  background-size: auto, cover;
}

.wp_image._2.recruiting {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/65a92d42429528ae89299306_Bildschirmfoto%202024-01-18%20um%2014.45.10.png"), linear-gradient(#0058ff1f, #0058ff1f);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
}

.wp_image._1 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  height: 100%;
}

.wp_image._3 {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440de_NachwuchskraefteWP2.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  height: 100%;
}

.wp_image._4 {
  background-image: linear-gradient(#0058ff1f, #0058ff1f), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440d3_sarah-klinkhammer-und-helen-dieckhoefer-589348-1.jpeg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 100%;
}

.wp_image.column-6 {
  background-image: linear-gradient(#0058ff1f, #0058ff1f), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440d0_fabian-walter-steuerfabi-588108-1.jpeg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 100%;
}

.wp_image._5 {
  background-image: linear-gradient(#0058ff1f, #0058ff1f), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440d1_elisa-lutz-590244-3.jpeg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 100%;
}

.wp_image._7 {
  background-image: linear-gradient(#0058ff1f, #0058ff1f), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440d2_steuerkanzleien-das-treibt-nachwuchskraefte-um-539476-1.jpeg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 100%;
}

.wp_image._8 {
  background-image: linear-gradient(#0058ff1f, #0058ff1f), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440d5_urlaub-palmen-pool-584692-2.jpeg");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  height: 100%;
}

.wp_image._9 {
  background-image: linear-gradient(#0058ff1f, #0058ff1f), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440cf_25-stunden-woche-in-der-steuerkanzlei-541544-1.jpeg");
  background-position: 0 0, 100%;
  background-size: auto, cover;
  height: 100%;
}

.wp_image._1 {
  background-image: linear-gradient(#0058ff1f, #0058ff1f), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440d4_633ee10697e71f24ed1f8c4a_Nachwuchskraefte-Report-p-800.jpeg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 50%;
  display: block;
}

.wp_image.studie {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440d4_633ee10697e71f24ed1f8c4a_Nachwuchskraefte-Report-p-800.jpeg");
  background-position: 50% 80%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.whitepapersticker {
  background-color: #232a3694;
  border-radius: 20px;
  width: auto;
  height: auto;
  padding: 5px 16px;
  font-size: 15px;
  position: absolute;
  inset: 5% auto auto 20px;
}

.wp-sticker-text {
  color: var(--white);
  margin-top: 4px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  display: inline-block;
}

.wp-card-text_wrapper {
  height: 100%;
  margin-top: 0%;
  margin-bottom: 0%;
  padding: 30px;
}

.wp-card-text_wrapper.studie {
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.wp_tax_card {
  font-size: 16px;
  font-weight: 300;
}

.wp_card_heading {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.wp_card_heading.studie {
  text-align: left;
  margin-bottom: 20px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 30px;
  line-height: 33px;
}

.wp_card_dl_link {
  color: var(--royal-blue);
  margin-top: auto;
  text-decoration: none;
  position: relative;
  inset: auto 0% 0%;
}

.wp_card_dl_link_wrapper {
  width: auto;
  color: var(--royal-blue);
  justify-content: flex-start;
  margin-bottom: 30px;
  margin-left: 30px;
  margin-right: auto;
  font-size: 16px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.text-block-31 {
  color: var(--royal-blue);
}

.nk_inhalte_link {
  color: var(--royal-blue);
  flex: 1;
  font-size: 16px;
  line-height: 25px;
  position: absolute;
  bottom: 30px;
}

.wp_arrow {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed4406c_Arrow%2010.png");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  margin-left: 5px;
  display: inline;
}

.image-43 {
  object-fit: contain;
  width: 20px;
  height: 20px;
  margin-left: 10px;
}

.image-43.artikel {
  width: 20px;
  height: 20px;
  margin-top: -3px;
  margin-left: 5px;
  font-size: 16px;
  line-height: 25px;
}

.wp {
  margin-top: 50px;
}

.bold-text-5 {
  color: var(--black-100);
}

.wp_section_grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area Area-2 Area-3"
                 ". . ."
                 ". . ."
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  justify-items: center;
  margin-left: 10%;
  margin-right: 10%;
  display: grid;
}

.artikel-link_wrapper {
  display: flex;
}

.artikel_link {
  color: var(--royal-blue);
  margin-left: 10px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.icon {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed4406c_Arrow%2010.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 30px;
  height: 20px;
}

.wp_section_grid_2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area Area-2 Area-3"
                 "Area-4 Area-5 Area-6"
                 "Area-7 Area-8 Area-9"
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 178px;
  margin-left: 10%;
  margin-right: 10%;
  display: grid;
}

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

.link-block-5.studie {
  flex: 0 auto;
  align-self: auto;
  width: 50%;
  height: 100%;
  display: block;
}

.wp_img {
  width: 100%;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  overflow: visible;
}

.collection-item-2 {
  height: 100%;
}

.nw_dl {
  margin-top: 0;
  position: absolute;
  bottom: 40px;
}

.nw_dl.link {
  bottom: 30px;
}

.link-5 {
  color: var(--royal-blue);
  font-size: 18px;
  text-decoration: none;
}

.nk_inhalte_section {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  flex-wrap: wrap;
  place-content: stretch flex-start;
  margin-bottom: 140px;
  margin-left: 10%;
  margin-right: 10%;
  display: flex;
}

.nk_inhalte_header_wrapper {
  width: 30%;
}

.nk_inhalte_heading {
  margin-top: 60px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 65px;
}

.nk_studie {
  margin-bottom: 100px;
  margin-left: 10%;
  margin-right: 10%;
}

._50 {
  flex: 0 auto;
  width: 50%;
  height: 100%;
}

.collection-list-wrapper-3 {
  margin-left: 0;
}

.collection-list-wrapper-3.studie {
  width: 50%;
}

.nk_kontakt {
  justify-content: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nk_kontakt_bilder {
  text-align: right;
  width: 40%;
  padding-right: 40px;
}

.nk_kontakt_inhalt {
  width: 60%;
}

.image-44 {
  text-align: center;
  width: 100%;
  margin-left: auto;
}

.wei {
  color: var(--white);
  font-weight: 700;
}

.module_pop_overly-bar1 {
  z-index: 1999;
  opacity: 1;
  color: #000;
  background-color: #232a3666;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
  overflow: scroll;
}

.text-span-8 {
  color: #c1c1c1;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 24px;
  font-weight: 400;
}

.c-cardblog-2 {
  max-width: 100%;
  margin-bottom: 20px;
  box-shadow: 0 5px 10px #262e3b26;
}

.c-cardblog-2.padding {
  background-color: #fff;
  margin-bottom: 0;
  padding: 30px;
  font-size: 14px;
  display: block;
}

.tt_certification_link {
  font-size: 14px;
  text-decoration: underline;
  display: block;
}

.div-block-9 {
  text-align: center;
  margin-left: 0;
  margin-right: 10vw;
}

.tt_formular {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.agendadiv {
  align-items: stretch;
  display: flex;
}

.c-container-14 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 1348px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  overflow: visible;
}

.c-container-14.full-width {
  max-width: 1000px;
  margin-top: 95px;
  display: block;
}

.tt_vortrag2 {
  color: #c1c1c1;
  border: 1px #000;
  padding-top: 5px;
  font-size: 14px;
}

.container-6 {
  object-fit: contain;
  flex: 1;
  max-width: none;
  padding-right: 0;
}

.stduielink {
  text-align: right;
}

.c-button-8 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #0058ff;
  min-width: 150px;
  height: 56px;
  margin-top: 0;
  padding: 18px 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .35s, background-color .35s;
  display: inline-block;
  box-shadow: 0 16px 24px #00000026;
}

.c-button-8:hover {
  background-color: #1a68fa;
  box-shadow: 0 16px 40px #0003;
}

.c-button-8.tt-abstand {
  margin-top: 20px;
}

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

.image-45 {
  color: #424242;
  font-style: normal;
}

.c-container-m {
  text-align: left;
  justify-content: center;
  max-width: 1348px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 24px;
  display: block;
}

.form-block {
  display: block;
}

.tt_vortragbox {
  background-color: #003f71;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  width: auto;
  max-width: 400px;
  height: auto;
  min-height: 130px;
  padding: 10px;
  display: flex;
}

.tt_vortragbox.smaller {
  min-height: 90px;
}

.tt_vortragbox.gray {
  background-color: #c1c1c1;
  max-width: none;
  height: 100%;
  min-height: 100px;
}

.div-block-27 {
  width: 100%;
  margin-top: 0%;
}

.heading-5 {
  margin-top: 0;
  margin-bottom: 10px;
}

.heading-5.popup {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haufemerriweather, sans-serif;
  font-size: 25px;
}

.image-49 {
  padding-top: 20px;
  display: block;
}

.image-49.abstand {
  margin-top: 100px;
  padding-top: 0;
}

.agenda1 {
  width: 50%;
  margin-right: 1em;
}

.div-block-26 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: nowrap;
  justify-content: space-between;
  display: flex;
}

.div-block-26._2 {
  align-items: flex-end;
}

.agenda2 {
  width: 50%;
}

.tt_timez {
  color: #c1c1c1;
  text-align: center;
  border-top: 2px solid #c1c1c1;
  width: 50px;
  padding-top: 5px;
  font-size: 14px;
}

.tt_timez.aktuell {
  color: #0058ff;
  border-top-color: #0058ff;
}

.tt_timez.noboarder {
  border-top-style: none;
  font-size: 14px;
}

.container-5 {
  text-align: left;
  object-fit: contain;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  max-width: 350px;
  margin-top: 0;
  margin-bottom: 35px;
  padding-left: 10px;
}

.c-cardteaser-content_small {
  color: #3a3e41;
  text-align: left;
  white-space: normal;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  display: block;
}

.c-cardteaser-content_small.tt_text {
  width: auto;
  font-size: 14px;
  line-height: 20px;
}

.link-wrapper {
  color: #0058ff;
  text-align: right;
  object-fit: fill;
  align-items: flex-end;
  height: auto;
  margin-top: auto;
  margin-bottom: 0;
  font-family: Haufemerriweather, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  text-decoration: none;
  display: block;
  position: static;
  inset: auto 10px 10px;
}

.close_popup-2 {
  float: right;
  opacity: 1;
  color: #0000;
  text-align: right;
  border: 1px #232a36;
  align-self: flex-end;
  height: 80px;
  margin-top: 0;
  margin-right: 15px;
  padding: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  top: 0;
  right: 0;
}

.close_popup-2:hover {
  opacity: 1;
}

.tt_timetableslot {
  flex-wrap: nowrap;
  max-width: none;
  margin-bottom: 10px;
  display: flex;
}

.tt_timetableslot.f-llslot {
  border: 1px #000;
  border-top: 2px solid #c1c1c1;
}

.text-block-12 {
  color: #c1c1c1;
  border-top: 2px solid #c1c1c1;
  width: 50px;
  padding-top: 5px;
}

.agenda {
  width: 60vw;
}

.html-embed-4 {
  mix-blend-mode: normal;
  border: 1px #000;
  width: 35%;
  margin-bottom: 0;
  margin-left: 0;
  display: block;
  box-shadow: 3px 3px 14px 7px #232a3633;
}

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

.italic-text-2 {
  text-align: left;
  font-family: Haufemerriweather, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}

.html-embed-5 {
  flex: 0 auto;
  width: 500px;
  margin: 0 0% 60px 0;
}

.html-embed-5.u-m0 {
  color: #fff;
  width: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 10px;
}

.tt_vortraginfo {
  color: #fff;
  width: auto;
  height: auto;
  min-height: auto;
  margin-top: 0;
  margin-left: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  position: static;
}

.tt_vortraginfo.green {
  min-height: auto;
}

.tt_vortraginfo.tt_certification {
  height: 100%;
  min-height: 0;
}

.image-48 {
  margin-top: -34px;
}

.text-block-16 {
  font-size: 20px;
  font-weight: 300;
}

.column-21 {
  padding-left: 0;
}

.c-heading-6 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 20px;
  padding-right: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 66px;
}

.c-heading-6.tax-talks {
  text-align: left;
  margin: 41px auto 0 0;
  padding-bottom: 16px;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}

.image-50 {
  text-align: left;
  margin-bottom: 39px;
}

.section-2 {
  margin-left: 10vw;
}

.leftrightspace_wrapper {
  margin-left: 10vw;
  margin-right: 10vw;
}

.speaker_wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template: "Area Area-2"
                 "Area-3 Area-4"
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.speakercard_wrapper {
  background-color: var(--mishka5);
  border-radius: 30px;
  width: 100%;
  min-height: 0;
  padding: 10%;
  display: flex;
}

.paragraph-6 {
  font-weight: 300;
}

.speaker {
  object-fit: cover;
  border-radius: 50px;
  flex: none;
  width: 100px;
  height: 100px;
  margin-right: 30px;
  position: static;
  overflow: hidden;
}

.link-6 {
  font-size: 14px;
}

.section-3 {
  margin-bottom: 200px;
}

.social-icon {
  text-align: left;
  margin-right: 20px;
}

.double {
  flex-wrap: nowrap;
  justify-content: flex-start;
  display: flex;
}

.link-7 {
  font-size: 14px;
}

.video {
  display: none;
}

.container-7 {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.brand {
  flex: none;
  display: block;
}

.nav-menu {
  flex: none;
}

.link-8 {
  font-size: 20px;
}

.c-container-15 {
  max-width: 1348px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.c-container-15.cc-10cols {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.c-button-wrapper {
  margin-bottom: 40px;
}

.c-button-wrapper.cc-center {
  justify-content: center;
  margin-bottom: 0;
  display: flex;
}

.c-button-wrapper.cc-center.cc-no-margin {
  margin-bottom: 0;
}

.c-text-1-2 {
  margin-bottom: 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}

.c-headline-wrapper {
  text-align: center;
  max-width: 876px;
  margin-bottom: 120px;
  margin-left: auto;
  margin-right: auto;
}

.c-headline-wrapper.cc-mb40 {
  margin-bottom: 40px;
}

.c-section-3 {
  background-color: #fff;
  padding: 80px 0;
}

.c-section-3.cc-super-grey {
  background-color: #f7f7f8;
}

.c-button-xl {
  color: #fff;
  cursor: pointer;
  background-color: #075bfa;
  padding: 16px 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .2s;
  position: relative;
}

.c-button-xl:hover {
  color: #fff;
  background-color: #0049d5;
}

.c-button-xl.cc-border {
  color: #075bfa;
  background-color: #0000;
  border: 2px solid #075bfa;
  border-radius: 2px;
  padding: 14px 22px;
}

.c-button-xl.cc-border:hover {
  background-color: #075bfa1a;
}

.c-title-3-3 {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
  display: block;
}

.c-collection-wrapper {
  margin-bottom: 64px;
}

.c-button-icon-right {
  width: 20px;
  height: 20px;
  margin-bottom: 4px;
  margin-left: 12px;
}

.c-online-seminar-duration {
  color: #3a3e41;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/65098644f90a052300277577_5ad636156363bf1ffa43c048_Timer.png");
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 16px;
  margin-left: 16px;
  padding-left: 26px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  display: inline-block;
}

.c-online-seminar-number {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  display: flex;
}

.c-webinarcard-detail-timeindicator {
  margin-bottom: 24px;
}

.online-seminar-date-wrapper {
  width: 20%;
}

.c-online-seminar-wrapper {
  background-color: #fff;
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px;
  display: flex;
  position: relative;
  box-shadow: 0 8px 20px #0000001a;
}

.c-online-seminar-number-block {
  background-color: #f7f7f8;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 16px;
  font-family: Bebasneue, sans-serif;
  font-size: 76px;
  font-weight: 400;
  line-height: 76px;
  display: flex;
}

.online-seminar-info-wrapper {
  text-align: left;
  width: 70%;
}

.c-button-icon-content {
  display: inline-block;
}

.c-online-seminar-time {
  color: #3a3e41;
  text-transform: uppercase;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/65098644f90a052300277579_5ad63615dd5c726b8b2ead50_Clock.png");
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-left: 26px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.c-online-seminar-time.cc-time-to-format {
  color: #3a3e41;
}

.c-title-1-2 {
  letter-spacing: 3px;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Bebasneue, sans-serif;
  font-size: 84px;
  font-weight: 400;
  line-height: 72px;
}

.c-title-1-2.cc-no-margin {
  margin-bottom: 0;
}

.c-text-2 {
  margin-bottom: 16px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.c-text-2.cc-bold {
  font-weight: 700;
}

.animated-heading_text-wrapper {
  width: 600px;
  height: 600px;
  font-weight: 400;
}

.section_sparks-hero-animated-text-w-embed {
  text-align: center;
  display: inline-block;
}

.section-4 {
  text-align: center;
}

.c-subtitle {
  color: var(--silver);
  font-size: 24px;
  font-weight: 700;
}

.c-taxtalks-infobox {
  border: 3px solid var(--light-blue);
  border-radius: 30px;
  width: 100%;
  max-width: 20%;
  padding: 30px 20px;
}

.c-col50 {
  width: 45%;
  display: block;
}

.slide_item {
  z-index: 3;
  flex: none;
  width: 48%;
  padding-right: 1.3em;
  transition: transform .35s;
  position: relative;
}

.slide_arrows {
  align-items: center;
  margin-top: -27px;
  padding-top: 0;
  display: flex;
}

.slide_contain {
  width: 100%;
}

.slide_svg {
  color: #fff;
  width: 2em;
  height: 2em;
}

.slide_svg.is--flip {
  transform: rotate(-180deg);
}

.slide_arrow {
  color: #1c1d21;
  cursor: pointer;
  background-color: #ffffff57;
  border: 2px solid #fff;
  border-radius: 200vw;
  justify-content: center;
  align-items: center;
  width: 5em;
  height: 5em;
  margin-right: .8em;
  display: flex;
}

.slide_arrow.is--left.is--disabled-arrow, .slide_arrow.is--right {
  border: 2px solid #fff;
}

.slide_wrap {
  width: 100%;
}

.slide_list {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.image-52 {
  margin-top: -80px;
}

.horizontal-section {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.tt-wrapper {
  width: 100%;
}

.horiz {
  background-color: var(--light-blue);
  width: 40%;
  min-height: 400px;
  margin-right: 20px;
  padding-right: 20px;
}

.tt-list {
  width: 100%;
  display: flex;
}

.horizontal-item {
  flex: none;
  width: 50%;
  padding-right: 20px;
  display: flex;
}

.tt-card {
  width: 100%;
  height: 100%;
  color: var(--white);
  background-color: #fff6;
  border: 1px solid #fff;
  border-radius: 20px;
  flex: 1;
  padding: 40px 40px 20px;
  display: block;
}

.tt-card.slick {
  flex: 1;
  display: block;
}

.tt-card-heading {
  text-shadow: 0 1px 1px #00000040;
  word-break: normal;
  overflow-wrap: normal;
  flex: none;
  margin-top: 0;
  margin-bottom: 5%;
  font-size: 20px;
  line-height: 1.2;
  display: flex;
}

.tt-header-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10%;
  display: flex;
}

.tt_vortrat-img {
  text-align: left;
  object-fit: cover;
  border-radius: 40px;
  flex: 0 auto;
  align-self: auto;
  margin-left: 7%;
  padding-left: 0%;
}

.sticky {
  background-image: linear-gradient(55deg, #00c5ff, #0e007c);
  width: 100%;
  padding-top: 0;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.horizontal-trigger {
  margin-bottom: 0;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-34 {
  justify-content: space-between;
  margin-bottom: 0;
  display: flex;
}

.tt-cta-card {
  color: #fff;
  background-image: linear-gradient(53deg, #00c5ff, #0e007c);
  border-radius: 20px;
  padding: 40px;
}

.tt-cta-card.abstand {
  border-radius: 15px;
  margin-left: 50px;
}

.text-span {
  font-size: 12px;
}

.list-2 {
  margin-top: 0;
  padding-left: 0;
}

.c-button-9 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #0058ff;
  min-width: 150px;
  height: 56px;
  margin-top: 0;
  padding: 18px 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .35s, background-color .35s;
  display: inline-block;
  box-shadow: 0 16px 24px #00000026;
}

.c-button-9:hover {
  background-color: #1a68fa;
  box-shadow: 0 16px 40px #0003;
}

.c-button-9.c-button--hero {
  margin-top: 30px;
}

.list-item-2 {
  align-items: center;
  margin-bottom: 20px;
  list-style-type: none;
  display: flex;
}

.image-53 {
  padding-top: 20px;
  display: block;
}

.c-list-bullet-2 {
  float: left;
  margin-top: 0;
  margin-right: 15px;
  padding-top: 0;
}

.c-list-bullet-2.icon_calendar {
  width: 40px;
  height: auto;
  margin-right: 13px;
}

.list-item {
  align-items: center;
  margin-bottom: 10px;
  list-style-type: none;
  display: flex;
  position: static;
}

.link-9, .link-10 {
  color: var(--white);
  font-weight: 700;
  text-decoration: underline;
}

.tt-slick-item {
  flex-flow: row;
  flex: none;
  align-items: stretch;
  width: 500px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  position: static;
}

.tt-slick-list {
  flex-direction: row;
  align-items: stretch;
  display: flex;
}

.tt-slick-wrapper {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.div-slick-wrapper {
  width: 100vw;
  margin-top: 20px;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.arrow {
  border: 2px solid #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 5em;
  height: 5em;
  margin-right: 1em;
  display: flex;
}

.rich-text-block-2 {
  text-shadow: none;
  font-size: 16px;
  line-height: 22px;
}

.image-54, .div-block-35, .image-57 {
  display: none;
}

.tt_vortragbox-2 {
  background-color: #0582d2;
  border-radius: 0 15px 15px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  width: auto;
  max-width: 400px;
  height: auto;
  min-height: 130px;
  padding: 10px;
  display: flex;
}

.tt_vortragbox-2.smaller {
  min-height: 90px;
}

.tt_vortragbox-2.gray {
  background-color: #c1c1c1;
  max-width: none;
  height: 100%;
  min-height: 130px;
}

.heading-6 {
  margin-top: 0;
  margin-bottom: 10px;
}

.tt_live_info {
  margin-top: 0;
}

.bg_oxfordblue {
  background-color: var(--black-100);
}

.c-follow-card_socials {
  justify-content: space-between;
  margin-top: 0;
  display: flex;
}

.c-follow-card_social {
  color: #fff;
  align-items: center;
  margin-right: 0;
  text-decoration: none;
  display: flex;
}

.c-follow-card_social-img {
  width: 50px;
  max-width: none;
  margin-right: 12px;
}

.c-text-3-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8em;
}

.div-block-36 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  display: flex;
}

.unterst-tzung-zum-jahreswechsel-dar-ber-hinaus {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 400;
  line-height: 60px;
  text-decoration: none;
}

.sectionhero-pw {
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/66f2710ebb4ede996716bd65_AdobeStock_639589574%201.png");
  background-position: 50%;
  background-size: cover;
  background-clip: border-box;
  height: 70vh;
}

.rectangle-1 {
  background-color: #fff;
  border: 0 solid #000000a1;
  border-radius: 10px;
  box-shadow: 0 4px 4px #00000040;
}

.gruppe-1282 {
  box-shadow: 0 2px 4px #00000040;
}

.rechteck-908 {
  background-color: #e7e7e8;
  border-radius: 55px;
}

.zum-produktvergleich {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Merriweather Sans, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.rechteck-909 {
  background-color: #075bfa;
  border-radius: 55px;
}

.zum-produktvergleich-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Merriweather Sans, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.mit-haufe-steuer-office-sind-sie-schon-heute-bestens-ber-steuerliche-nderungen-zum-neuen-jahr-informiert-und-optimal-auf-die-steuererkl-rungs--jahresabschluss-saison-vorbereitet-profitieren-sie-von-umfangreichen-fachinhalten-f-r-kanzlei-mandant-hi {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.h1-pw {
  color: #000;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 60px;
  text-decoration: none;
}

.sub-pw {
  color: #5d5353;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.herocta-pw {
  background-color: var(--white);
  border-radius: 20px;
  width: 650px;
  margin-top: 1%;
  padding: 45px;
}

.sectionboxcta-pw {
  position: relative;
}

.containerboxcta-pw {
  margin-left: 8%;
  position: absolute;
  top: -504px;
}

.txtbtn-pw {
  font-size: 16px;
  font-weight: 400;
}

.containeridea-pw {
  background-color: var(--white);
  border-radius: 20px;
  padding: 33px;
  box-shadow: 2px 3px 7px 4px #0003;
}

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

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

.flexcards-pw {
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  display: flex;
}

.sectionkontakt-pw {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/66f2710ebb4ede996716bd65_AdobeStock_639589574%201.png");
  background-position: 50%;
  background-size: cover;
}

.divkontakt-pw {
  background-color: var(--white);
  margin: 10% 1%;
  padding: 30px;
}

.flexquickstackkontakt-pw {
  background-color: var(--mishka5);
  border-radius: 20px;
  margin-top: 5%;
}

.logonavi-pw {
  text-align: left;
  width: auto;
  max-width: 152px;
  height: 100%;
  max-height: 80px;
}

.navbar-5 {
  margin-top: -10px;
}

.navbar-container-2 {
  background-color: #fff;
  width: 100%;
  max-width: 100%;
}

.navbar-inner {
  justify-content: flex-start;
  display: flex;
}

.navbar-home-link-2 {
  z-index: 10;
  color: #fff;
  background-color: #075bfa;
  justify-content: center;
  align-items: center;
  width: 235px;
  height: 80px;
  margin-right: 24px;
  padding: 16px 24px;
  display: flex;
}

.navbar-home-link-2.w--current {
  background-color: #075bfa;
  align-items: center;
}

.navbar-menu-2 {
  float: right;
  background-color: #fff;
  flex: 1;
  display: flex;
}

.navbar-menu-inner-2 {
  display: block;
}

.navbar-links {
  display: flex;
}

.navbar-links.hide {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.navbar-link-2 {
  color: #232a36;
  border-bottom: 5px solid #0000;
  height: 80px;
  padding: 30px 16px;
  font-size: 16px;
  text-decoration: none;
  transition: border-color .2s;
  display: none;
}

.navbar-link-2:hover {
  color: #232a36;
  border-bottom: 5px solid #075bfa;
}

.navbar-link-2.w--open {
  box-shadow: inset 0 -10px 0 -5px #075bfa;
}

.navbar-contact-button-wrapper {
  justify-content: center;
  align-items: center;
  height: 80px;
  padding: 0 30px 0 0;
  display: flex;
}

.c-button-l {
  color: #fff;
  background-color: #0058ff;
  border: 2px solid #0058ff;
  border-radius: 28px;
  padding: 10px 32px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: all .35s;
}

.c-button-l:hover {
  background-color: #0049d5;
}

.navbar-pw {
  position: sticky;
  top: 0;
}

.btn3-pw {
  background-color: var(--black);
  height: 56px;
  color: var(--white);
  text-align: center;
  cursor: pointer;
  border-radius: 20px;
  margin-bottom: 20px;
  padding: 18px 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .35s, background-color .35s;
  display: inline-block;
  box-shadow: 0 16px 24px #00000026;
}

.btn3-pw:hover {
  background-color: #1a68fa;
  box-shadow: 0 16px 40px #0003;
}

.btn3-pw.c-button--l {
  height: 36px;
  box-shadow: none;
  padding: 8px 16px;
  font-size: 15px;
}

.btn3-pw.c-button--l.loesungen {
  margin-top: 20px;
  position: absolute;
  inset: auto auto 30px 40px;
}

.btn3-pw.c-button--m {
  height: 32px;
  box-shadow: none;
  padding: 6px 16px;
  font-size: 14px;
}

.btn3-pw.c-button--m.is-secondary {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 30px;
}

.btn3-pw.c-button--s {
  height: 28px;
  box-shadow: none;
  padding: 4px 12px;
  font-size: 14px;
}

.btn3-pw.c-button--s.is-secondary {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 13px;
  line-height: 26px;
}

.btn3-pw.c-button--s.is-secondary.loesungen {
  cursor: pointer;
  margin-top: 20px;
}

.btn3-pw.c-button--s.is-quaternary.hidden {
  display: none;
}

.btn3-pw.c-button--s.popup {
  margin-top: 30px;
}

.btn3-pw.is-secondary {
  float: right;
  border: 2px solid var(--royal-blue);
  box-shadow: none;
  color: var(--royal-blue);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  line-height: 18px;
  position: static;
  inset: auto 40px 40px auto;
}

.btn3-pw.is-secondary:hover {
  background-color: var(--royal-blue);
  color: #fff;
}

.btn3-pw.is-tertiary {
  box-shadow: none;
  color: #3a3e41;
  background-color: #eaf0f4;
}

.btn3-pw.is-quaternary {
  color: var(--royal-blue);
  background-color: #fff;
  box-shadow: 0 7px 30px #0000001a;
}

.btn3-pw.c-button--submit {
  margin: 64px auto 48px;
  display: block;
}

.btn3-pw.c-button--floatdown {
  z-index: 100;
  position: relative;
  bottom: -102px;
}

.btn3-pw.c-button--floatdown.stage-level-3 {
  position: absolute;
  bottom: -28px;
}

.btn3-pw.u-mr16.u-mt40.btn-pw {
  border-radius: 55px;
  margin-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
}

.btn3-pw.u-mr16.u-mt40.btn2-pw {
  background-color: var(--silver);
  color: var(--black);
  border-radius: 55px;
  margin-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 700;
}

.btn3-pw.u-mr16.u-mt40.btnnavi-pw {
  box-shadow: none;
  border-radius: 55px;
  margin-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.btn3-pw.c-button--hero {
  margin-top: 40px;
}

.btn3-pw.u-mt40 {
  float: none;
  display: inline-block;
}

.btn3-pw.u-mt40.hidden.w--current {
  display: none;
}

.btn3-pw.topblock {
  height: 36px;
  margin-top: 60px;
  margin-bottom: 40px;
  margin-left: 40px;
  padding: 8px 16px;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.btn3-pw.cc-flat {
  height: auto;
  box-shadow: none;
  font-weight: 700;
  line-height: 30px;
  transition: background-color .35s;
}

.btn3-pw.cc-flat.cc-contact-modal {
  margin-top: 40px;
  padding: 12px 20px;
  font-size: 14px;
  line-height: 24px;
}

.btn3-pw.cc-flat.cc-kurse-btn {
  width: 50%;
  font-size: 14px;
  line-height: 24px;
}

.btn3-pw.cc-flat.cc-kurse-btn.cc-left {
  height: 48px;
  margin-right: 6px;
  padding: 12px 20px;
}

.btn3-pw.cc-flat.cc-kurse-btn.cc-white {
  background-color: var(--white);
  color: #0057fd;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 12px 16px;
  font-size: 13px;
  display: flex;
  box-shadow: inset 0 0 0 2px #0057fd;
}

.btn3-pw.cc-flat.cc-kurse-cta {
  padding: 8px 18px;
  font-size: 13px;
  line-height: 24px;
}

.h2-pw {
  letter-spacing: 0;
  margin-top: 20px;
  font-family: Haufemerriweathersans, sans-serif;
  font-weight: 700;
  line-height: 40px;
}

.p-pw {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 24px;
}

.h3-pw {
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 30px;
}

.titleidea-pw {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn4-pw {
  background-color: var(--white);
  height: 56px;
  color: var(--black);
  text-align: center;
  vertical-align: baseline;
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 20px;
  margin-bottom: 20px;
  padding: 18px 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .35s, background-color .35s;
  display: inline-block;
  box-shadow: 0 16px 24px #00000026;
}

.btn4-pw:hover {
  background-color: #1a68fa;
  box-shadow: 0 16px 40px #0003;
}

.btn4-pw.c-button--l {
  height: 36px;
  box-shadow: none;
  padding: 8px 16px;
  font-size: 15px;
}

.btn4-pw.c-button--l.loesungen {
  margin-top: 20px;
  position: absolute;
  inset: auto auto 30px 40px;
}

.btn4-pw.c-button--m {
  height: 32px;
  box-shadow: none;
  padding: 6px 16px;
  font-size: 14px;
}

.btn4-pw.c-button--m.is-secondary {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 30px;
}

.btn4-pw.c-button--s {
  height: 28px;
  box-shadow: none;
  padding: 4px 12px;
  font-size: 14px;
}

.btn4-pw.c-button--s.is-secondary {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 13px;
  line-height: 26px;
}

.btn4-pw.c-button--s.is-secondary.loesungen {
  cursor: pointer;
  margin-top: 20px;
}

.btn4-pw.c-button--s.is-quaternary.hidden {
  display: none;
}

.btn4-pw.c-button--s.popup {
  margin-top: 30px;
}

.btn4-pw.is-secondary {
  float: right;
  border: 2px solid var(--royal-blue);
  box-shadow: none;
  color: var(--royal-blue);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  line-height: 18px;
  position: static;
  inset: auto 40px 40px auto;
}

.btn4-pw.is-secondary:hover {
  background-color: var(--royal-blue);
  color: #fff;
}

.btn4-pw.is-tertiary {
  box-shadow: none;
  color: #3a3e41;
  background-color: #eaf0f4;
}

.btn4-pw.is-quaternary {
  color: var(--royal-blue);
  background-color: #fff;
  box-shadow: 0 7px 30px #0000001a;
}

.btn4-pw.c-button--submit {
  margin: 64px auto 48px;
  display: block;
}

.btn4-pw.c-button--floatdown {
  z-index: 100;
  position: relative;
  bottom: -102px;
}

.btn4-pw.c-button--floatdown.stage-level-3 {
  position: absolute;
  bottom: -28px;
}

.btn4-pw.u-mr16.u-mt40.btn-pw {
  border-radius: 55px;
  margin-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
}

.btn4-pw.u-mr16.u-mt40.btn2-pw {
  background-color: var(--silver);
  color: var(--black);
  border-radius: 55px;
  margin-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 700;
}

.btn4-pw.u-mr16.u-mt40.btnnavi-pw {
  box-shadow: none;
  border-radius: 55px;
  margin-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.btn4-pw.c-button--hero {
  margin-top: 40px;
}

.btn4-pw.u-mt40 {
  float: none;
  display: inline-block;
}

.btn4-pw.u-mt40.hidden.w--current {
  display: none;
}

.btn4-pw.topblock {
  height: 36px;
  margin-top: 60px;
  margin-bottom: 40px;
  margin-left: 40px;
  padding: 8px 16px;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.btn4-pw.cc-flat {
  height: auto;
  box-shadow: none;
  font-weight: 700;
  line-height: 30px;
  transition: background-color .35s;
}

.btn4-pw.cc-flat.cc-contact-modal {
  margin-top: 40px;
  padding: 12px 20px;
  font-size: 14px;
  line-height: 24px;
}

.btn4-pw.cc-flat.cc-kurse-btn {
  width: 50%;
  font-size: 14px;
  line-height: 24px;
}

.btn4-pw.cc-flat.cc-kurse-btn.cc-left {
  height: 48px;
  margin-right: 6px;
  padding: 12px 20px;
}

.btn4-pw.cc-flat.cc-kurse-btn.cc-white {
  background-color: var(--white);
  color: #0057fd;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 12px 16px;
  font-size: 13px;
  display: flex;
  box-shadow: inset 0 0 0 2px #0057fd;
}

.btn4-pw.cc-flat.cc-kurse-cta {
  padding: 8px 18px;
  font-size: 13px;
  line-height: 24px;
}

.list-item-3 {
  font-size: 13px;
}

.li-pw {
  font-size: 15px;
  line-height: 24px;
}

.finesweetslider_instance {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  max-height: 100%;
  padding: 50px;
  display: flex;
  position: relative;
}

.finesweetslider_list-wrapper {
  perspective: 1200px;
  flex: 1;
  position: relative;
  overflow: clip;
}

.finesweetslider_list {
  height: auto;
  transform-style: preserve-3d;
  flex-direction: row;
  justify-content: start;
  align-items: start;
  display: flex;
}

.finesweetslider_slide {
  background-color: var(--bluesteueroffice);
  backface-visibility: hidden;
  width: 100%;
  height: auto;
  transition-property: transform opacity;
  border-radius: 20px;
  flex: none;
  justify-content: center;
  align-items: stretch;
  padding: 1rem;
  display: flex;
  position: relative;
}

.divslidercontents-pw {
  flex-flow: column;
  justify-content: flex-start;
  align-self: baseline;
  align-items: flex-start;
  display: flex;
}

.finesweetslider_placeholder {
  color: #707070;
  text-align: center;
  border: 1px dashed #707070;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 20rem;
  padding: 1rem;
  display: flex;
}

.finesweetslider_scrollbar {
  touch-action: none;
  background-color: #f5f5f5;
}

.finesweetslider_scrollbar_drag {
  background-color: #000;
  width: 20%;
  height: 1rem;
}

.h2slider-pw {
  color: var(--white);
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 31px;
}

.pslider-pw {
  color: var(--white);
}

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

.image-60 {
  flex: 0 auto;
  order: 0;
  align-self: auto;
}

.divspacer20 {
  min-height: 20px;
}

.sectionueberuns-pw, .sectioninnovation-pw {
  background-color: var(--greybackground-pw);
  padding-top: 5%;
  padding-bottom: 5%;
}

.sectionschluessel-pw {
  background-color: var(--greybackground-pw);
}

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

.divform {
  background-color: #fff;
  padding: 30px;
}

.divform.hiddenhandmadeform {
  display: none;
}

.c-field_text {
  margin-top: 0;
  font-weight: 300;
}

.c-field_input {
  margin-bottom: 16px;
}

.chechboxp-pw {
  font-size: 12px;
  font-weight: 300;
  line-height: 21px;
}

.divformbtn-pw {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.button {
  color: #fff;
  background-color: #075bfa;
  padding: 15px 30px;
  font-size: 18px;
}

.link-11 {
  font-size: 12px;
}

.divcards-pw {
  background-color: var(--white);
  border-radius: 20px;
  width: 170px;
  height: 200px;
  margin-bottom: 20px;
  box-shadow: 3px 3px 9px 4px #0003;
}

.pcards-pw {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.imgcards-pw {
  object-fit: scale-down;
  width: 90px;
  height: 90px;
  margin-top: 20px;
}

.cell {
  justify-content: flex-start;
  align-items: center;
}

.cell-2 {
  justify-content: flex-end;
  align-items: center;
}

.quick-stack {
  padding: 30px 30px 30px 40px;
  box-shadow: 12px 9px 8px #0003;
}

.section-5 {
  background-color: var(--greybackground-pw);
  padding-top: 5%;
  padding-bottom: 5%;
}

.maskslider-pw {
  background-color: var(--bluesteueroffice);
  border-radius: 20px;
}

.slide-pw {
  background-color: var(--bluesteueroffice);
  border-radius: 0;
}

.slider-pw {
  background-color: var(--bluesteueroffice);
  border-radius: 20px;
  min-height: 370px;
}

.quickstackslider-pw {
  padding: 50px 70px;
}

.flexslidercontents-pw {
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-self: auto;
  align-items: flex-start;
  margin-top: 60px;
  padding-left: 10px;
  display: block;
}

.tabs-menu {
  flex-flow: column;
  display: flex;
}

.c-container-finpla_tabs {
  max-width: 1348px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
}

.c-container-finpla_tabs.cc-10cols {
  color: #fff;
  max-width: 1128px;
  padding: 6em 40px;
}

.cn-vorteile-finpla {
  display: flex;
}

.cn-vorteile-finpla_tab-menu {
  width: 55%;
  padding-right: 40px;
}

.cn-vorteile-finpla_tab-menu.tabs-horizontals-finpla_content.frame-hfo {
  border: 1px #000;
  flex: 0 auto;
  align-self: center;
  width: 35%;
  padding-right: 0;
}

.cn-vorteile_tab-link {
  width: 100%;
  box-shadow: none;
  background-color: #fff;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  padding: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  display: flex;
}

.cn-vorteile_tab-link.w--current {
  background-color: #f7f7f8;
}

.cn-vorteile_tab-link.btn1-hfo, .cn-vorteile_tab-link.btn1-hfo.w--current {
  background-color: #63636366;
  margin-bottom: 0;
}

.cn-vorteile_tab-link.btn1-hfo.tabbtnheight-hfo {
  background-color: #fff6;
  height: 100px;
  margin-bottom: 10px;
  box-shadow: 0 8px 20px #0000001a;
}

.cn-vorteile_tab-link.btn1-hfo.tabbtnheight-hfo.w--current {
  background-color: #00c1c082;
  border: 1px solid #000;
  border-radius: 5px;
  height: 100px;
  box-shadow: 0 8px 20px #0000001a;
}

.cn-vorteile_tab-link.btn2-hfo {
  background-color: #f8a5c966;
  margin-bottom: 0;
}

.cn-vorteile_tab-link.btn2-hfo.tabbtnheight-hfo {
  background-color: #fff6;
  border-radius: 20px;
  height: 60px;
  margin-bottom: 10px;
  box-shadow: 0 8px 20px #0000001a;
}

.cn-vorteile_tab-link.btn2-hfo.tabbtnheight-hfo.w--current {
  background-color: #f8a5c9;
  border: 1px solid #000;
  border-radius: 5px;
}

.cn-vorteile_tab-link.btn4-hfo {
  background-color: #fff89966;
}

.cn-vorteile_tab-link.btn4-hfo.tabbtnheight-hfo {
  background-color: #fff6;
  height: 100px;
  margin-bottom: 10px;
  box-shadow: 0 8px 20px #0000001a;
}

.cn-vorteile_tab-link.btn4-hfo.tabbtnheight-hfo.w--current {
  background-color: #fff899;
  border: 1px solid #000;
  border-radius: 5px;
  height: 100px;
  margin-bottom: 10px;
}

.cn-vorteile_tab-link.btn3-hfo {
  background-color: #99f6f366;
  margin-bottom: 0;
}

.cn-vorteile_tab-link.btn3-hfo.tabbtnheight-hfo {
  background-color: #fff6;
  border-color: #000;
  height: 100px;
  box-shadow: 0 8px 20px #0000001a;
}

.cn-vorteile_tab-link.btn3-hfo.tabbtnheight-hfo.w--current {
  background-color: #99f6f3;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
}

.menuimgfix-hfo {
  width: 15%;
  margin-right: 12px;
}

.menuimgfix-hfo.imgfix-helden-hfo {
  width: 12%;
}

.text-block-32 {
  text-align: center;
  margin-left: 80px;
  margin-right: 80px;
  padding: 30px 0 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.text-block-10 {
  background-color: #fff899;
  padding-left: 5px;
  padding-right: 5px;
}

.text-block-9 {
  background-color: #99f6f3;
  padding-left: 5px;
  padding-right: 5px;
}

.tabs-horizontals-finpla_content {
  width: 100%;
  margin-top: 0;
}

.c-quickstack-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  aspect-ratio: auto;
  margin-left: 30px;
  padding: 0;
  position: static;
}

.title-helden-hfo {
  margin-bottom: 16px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

.p-helden-hfo {
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}

.quickstack-helden-card-hfo {
  margin-top: 60px;
}

.quickstack-helden-card-hfo.tabrosa-hfo {
  margin-top: 30px;
}

.quickstack-helden-card-hfo.tabyellow-hfo {
  margin-top: 45px;
}

.quickstack-helden-card-hfo.tabblue-hfo {
  margin-top: 0;
}

.imghfo-tabs-hfo {
  border-radius: 50%;
}

.c-img-100w {
  background-color: #ada8a800;
  width: 100%;
  display: block;
}

.c-img-100w.img-tabs-resizer-hfo {
  width: 85%;
}

.c-img-100w.img-tabs-resizer-hfo.rosa-img-fix-hfo {
  margin-top: -25px;
}

.c-img-100w.img-tabs-resizer-hfo.yellow-img-fix-hfo {
  margin-top: 0;
}

.c-price-tag {
  background-color: #ffffff40;
  border-radius: 8px;
  margin-top: 40px;
  margin-bottom: 16px;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6em;
  display: inline-block;
}

.c-price-tag.cc-finpla-pricetag {
  background-color: #c7f9f7;
  padding-left: 12px;
}

.c-price-tag.cc-finpla-pricetag.turkese-hfo {
  background-color: #00c1c082;
}

.c-button-finpla-tc {
  color: #fff;
  background-color: #0058ff;
  border: 2px solid #0058ff;
  border-radius: 28px;
  padding: 10px 32px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: all .35s;
}

.c-button-finpla-tc:hover {
  background-color: #0049d5;
}

.c-button-finpla-tc.btn-tur-hfo {
  background-color: #00c1c082;
  border-style: none;
  border-color: #00c1c082;
  margin-top: 80px;
}

.c-button-finpla-tc.btn-rosa-hfo {
  background-color: #f8a5c9;
  border-color: #fff;
}

.c-button-finpla-tc.btn-rosa-hfo.tabdescbtnfix-hfo {
  margin-top: 68px;
}

.c-button-finpla-tc.cc-yellow {
  background-color: #ffed00;
  border-color: #ffed00;
  font-weight: 700;
}

.c-button-finpla-tc.cc-yellow.tabdescbtnfix-hfo {
  background-color: #fff899;
  border-color: #fff899;
  margin-top: 10px;
}

.c-button-finpla-tc.cc-iceblue {
  background-color: #01e8e0;
  border-color: #01e8e0;
  font-weight: 700;
}

.c-button-finpla-tc.cc-iceblue.tabdescbtnfix-hfo {
  margin-top: 22px;
}

.c-button-txt-black {
  color: #232a36;
}

.text-span-4 {
  background-color: #f8a5c9;
}

.c-text-1-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}

.text-span-11 {
  background-color: #fff899;
}

.c-img-wrapper-3 {
  border-radius: 50%;
}

.c-img-wrapper-3.cc-420 {
  max-width: 420px;
  display: block;
  position: relative;
}

.c-img-wrapper-3.cc-420.imgfinpafix-hfo {
  margin-top: -20px;
}

.text-span-10 {
  background-color: #99f6f3;
}

.c-button-txt-black-hfo {
  color: #232a36;
}

.tab-link {
  background-color: var(--bluesteueroffice);
  border-radius: 20px;
  width: 270px;
  height: 55px;
  margin-bottom: 30px;
}

.paragraph-7 {
  color: var(--white);
}

.btntxttabs-blue-pw {
  color: var(--bluesteueroffice);
  text-align: center;
  flex: none;
  font-weight: 700;
}

.flexbtntabs-pw {
  text-align: left;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  line-height: 16px;
}

.tablinktabs-blue-pw {
  background-color: var(--bluesteueroffice);
  border-radius: 30px;
  width: 250px;
  height: 55px;
  margin-bottom: 30px;
}

.tablinktabs-blue-pw.w--current {
  background-color: var(--bluesteueroffice);
}

.tablinktabs-white-pw {
  border: 2px solid var(--bluesteueroffice);
  background-color: var(--white);
  border-radius: 30px;
  width: 250px;
  height: 55px;
  margin-bottom: 30px;
}

.tablinktabs-white-pw.w--current {
  background-color: var(--bluesteueroffice);
}

.btntxttabsbtn1-pw {
  color: var(--bluesteueroffice);
  text-align: center;
  flex: none;
  font-weight: 700;
}

.paragraph-8 {
  color: var(--black);
}

.flextabcontents-pw {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  padding-left: 40px;
}

.tabsidea-pw {
  color: #fff;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  padding: 4% 40px;
  position: relative;
}

.tablinktabs-btn1-pw {
  border: 2px solid var(--bluesteueroffice);
  background-color: var(--white);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 55px;
  margin-bottom: 30px;
  font-weight: 700;
  display: flex;
}

.tablinktabs-btn1-pw.w--current {
  background-color: var(--bluesteueroffice);
  color: var(--white);
}

.tablinktabs-btn2-pw {
  border: 2px solid var(--bluesteueroffice);
  background-color: var(--white);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 55px;
  margin-bottom: 30px;
  display: flex;
}

.tablinktabs-btn2-pw.w--current {
  background-color: var(--bluesteueroffice);
  color: var(--white);
}

.tablinktabs-btn3-pw {
  border: 2px solid var(--bluesteueroffice);
  background-color: var(--white);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 55px;
  margin-bottom: 30px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 700;
  display: flex;
}

.tablinktabs-btn3-pw.w--current {
  background-color: var(--bluesteueroffice);
  color: var(--white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.btntxttabsbtn2-pw, .btntxttabsbtn3-pw {
  color: var(--bluesteueroffice);
  text-align: center;
  flex: none;
  font-weight: 700;
}

.tabstabsidea-pw {
  display: flex;
}

.frametabsidea-pw {
  border: 1px #000;
  flex: 0 auto;
  align-self: center;
  width: 30%;
  margin-top: 0;
  padding-right: 0;
}

.pidea-pw {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 24px;
}

.icon-6 {
  margin-right: 10px;
}

.icon-7 {
  margin-left: 10px;
}

.tabsframe-pw {
  width: 70%;
  margin-top: 0;
}

.btnnavwhite-pw {
  text-transform: uppercase;
  margin-right: 50px;
  font-size: 16px;
}

.imgtab-pw {
  max-width: 80%;
  max-height: 320px;
  margin-bottom: 20px;
}

.image-62 {
  max-height: 290px;
}

.btn2-pw {
  background-color: var(--silver);
  height: 56px;
  color: var(--black);
  text-align: center;
  cursor: pointer;
  border-radius: 55px;
  margin-top: 20px;
  margin-bottom: 30px;
  margin-right: 16px;
  padding: 18px 40px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .35s, background-color .35s;
  display: inline-block;
  box-shadow: 0 16px 24px #00000026;
}

.btn2-pw:hover {
  background-color: #1a68fa;
  box-shadow: 0 16px 40px #0003;
}

.btn1-pw {
  background-color: var(--royal-blue);
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 55px;
  height: 56px;
  margin-top: 20px;
  margin-bottom: 30px;
  margin-right: 16px;
  padding: 18px 40px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .35s, background-color .35s;
  display: inline-block;
  box-shadow: 0 16px 24px #00000026;
}

.btn1-pw:hover {
  background-color: #1a68fa;
  box-shadow: 0 16px 40px #0003;
}

.btn1navi-pw {
  background-color: var(--royal-blue);
  height: 56px;
  box-shadow: none;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 55px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-right: 16px;
  padding: 18px 40px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .35s, background-color .35s;
  display: inline-block;
}

.btn1navi-pw:hover {
  background-color: #1a68fa;
  box-shadow: 0 16px 40px #0003;
}

.myform {
  display: flex;
  overflow: hidden;
}

.myform.hiddenonlyfortest {
  display: none;
}

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

.quick-stack-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-left: 20px;
}

.cellfooter {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.divsocialfooter {
  display: flex;
}

.linkfooter {
  color: #fff;
  margin-right: 20px;
  font-family: Haufemerriweathersanslt, sans-serif;
  text-decoration: none;
}

.divlogofooter {
  margin-right: 24px;
  display: inline-block;
}

.footersteuerkanzlei {
  color: #fff;
  background-color: #003f72;
  padding: 90px;
}

.c-social-link-copy {
  margin-left: 12px;
  margin-right: 12px;
}

.c-social-link-copy.c-social-link--last-child, .c-social-link-copy.c-social-link--lastchild {
  margin-right: 0;
}

.c-social-link-copy.instagram {
  padding-left: 6px;
  padding-right: 6px;
}

.c-dk-cta-2 {
  color: #fff;
  text-align: center;
  background-color: #0058ff;
  background-image: linear-gradient(18deg, #040077, #45c6ff);
  padding-top: 64px;
  padding-bottom: 64px;
  line-height: 28px;
}

.c-heading-7 {
  letter-spacing: 3px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Bebasneue, sans-serif;
  font-size: 55px;
  font-weight: 400;
  line-height: 60px;
}

.c-button-10 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #0058ff;
  height: 56px;
  padding: 18px 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .35s, background-color .35s;
  display: inline-block;
  box-shadow: 0 16px 24px #00000026;
}

.c-button-10:hover {
  background-color: #1a68fa;
  box-shadow: 0 16px 40px #0003;
}

.c-button-10.is-quaternary {
  color: #0058ff;
  background-color: #fff;
  box-shadow: 0 7px 30px #0000001a;
}

.sectionberaten-pw_delete {
  color: #fff;
  text-align: center;
  background-color: #0058ff;
  background-image: linear-gradient(18deg, #040077, #45c6ff);
  padding-top: 64px;
  padding-bottom: 64px;
  line-height: 28px;
  display: none;
}

.divberaten-pw {
  text-align: center;
}

.modalwrapper {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
}

.form-2 {
  box-shadow: 0 2px 5px #0003;
}

.h2-form-pw {
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  width: 90%;
  margin-top: 20px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}

.p-form-pw {
  text-align: center;
  width: 70%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 24px;
}

.sectionmodalform {
  z-index: 99;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.formhandmade {
  box-shadow: 0 2px 5px #0003;
}

.divdivider {
  text-align: left;
  border: 3px #000;
  border-bottom-style: solid;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 20px;
  margin: 0 auto 10px;
  display: flex;
}

.modalbackground {
  background-color: var(--white);
  cursor: pointer;
  position: absolute;
  inset: 0%;
}

.divmodalbutton {
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.modalbutton.button5:hover {
  color: var(--white);
}

.modalbutton.buttonkontakt-pw {
  background-color: var(--royal-blue);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  display: flex;
}

.modalbutton.buttonkontakt-pw:hover {
  color: var(--white);
}

.modalwrapper-2 {
  z-index: 99;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.modalbackground-2 {
  background-color: var(--greybackground-pw);
  cursor: pointer;
  display: block;
  position: absolute;
  inset: 0%;
}

.modalcard {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.modalcontents {
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  max-height: 90vh;
  margin-top: 2%;
  margin-bottom: auto;
  padding: 80px;
  position: relative;
  box-shadow: 5px 5px 8px #0003;
}

.modalclose {
  width: 25px;
  margin-top: 20px;
  margin-right: 20px;
  position: absolute;
  top: 0;
  right: 0;
}

.button5 {
  color: #0058ff;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  height: 56px;
  padding: 18px 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .35s, background-color .35s;
  display: inline-block;
  box-shadow: 0 7px 30px #0000001a;
}

.button5:hover {
  background-color: #1a68fa;
  box-shadow: 0 16px 40px #0003;
}

.container-10 {
  max-width: 1279px;
}

.modalwrapper-formb {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.modalbackground-formb {
  background-color: var(--transpbackground-pw);
  cursor: pointer;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: scroll;
}

.modalcard-formb {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.modalcontents-formb {
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 800px;
  height: 100%;
  margin-top: 2%;
  margin-bottom: 2%;
  padding: 50px;
  position: relative;
  box-shadow: 5px 5px 8px #0003;
}

.h2-formb {
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  max-width: 90%;
  margin-top: 20px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}

.p-formb {
  text-align: center;
  max-width: 80%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 24px;
}

.conkontakt-pw {
  max-width: 70%;
}

.divctakontakt-pw {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.paragraph-9 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
}

.div-block-44 {
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.cell-3 {
  justify-content: center;
  align-items: center;
}

.paragraph-10 {
  font-weight: 700;
}

.slide-nav-4 {
  inset: auto 0% 0%;
}

.divtitle-dk {
  color: #fff;
  background-image: linear-gradient(300deg, #fffe00, #45c6ff 31%, #040077), linear-gradient(90deg, #003f71 49%, #00b2c5);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 300px;
  margin-right: 0;
  padding-left: 100px;
  font-size: 20px;
  line-height: 32px;
  display: flex;
  position: static;
}

.c-hero_slider-content {
  display: block;
}

.c-timeline_fill {
  background-color: #0449c8;
  height: 0%;
  position: absolute;
  inset: 0%;
}

.c-svg.is-popup_close {
  color: #232a36;
  width: 1.5rem;
  height: 1.5rem;
}

.c-svg.cc-button {
  width: 16px;
  height: 16px;
}

.c-svg.on-card {
  width: 2rem;
  height: 2rem;
}

.c-svg.slider_chevron {
  width: 1rem;
  height: 1rem;
}

.c-hero_image {
  opacity: 0;
  width: 100%;
  height: 100%;
  max-height: none;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.c-hero_image.active {
  opacity: 1;
  position: relative;
}

.cn-title-4 {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 160%;
}

.c-timeline_circle {
  z-index: 1;
  color: #fff;
  background-color: #bcbcbc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  line-height: 1;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.c-row-desktop {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: row;
  display: flex;
  position: relative;
}

.c-row-desktop.is-hero {
  z-index: 1;
}

.c-row {
  display: flex;
}

.c-row.is-card_wide {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  width: 100%;
  padding-top: 3rem;
}

.c-row.has-buttons {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.c-row.is-slider_count {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 1.5rem;
}

.c-row.is-slider_navigation {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.5rem;
}

.c-row.has-card_transparent {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: row;
}

.c-row.has-smallcards {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
}

.c-row.is-slider_chevrons {
  grid-column-gap: var(--haufe-styleguide-stage---spacing-layout--row-col-half-gap);
  grid-row-gap: var(--haufe-styleguide-stage---spacing-layout--row-col-half-gap);
}

.hero_video-wrapper {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.site-wrapper {
  background-color: #f4f4f5;
  margin-top: 80px;
}

.c-popup_close {
  z-index: 1;
  cursor: pointer;
  background-color: #0449c8;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  position: absolute;
  inset: 0% 10px auto auto;
}

.c-footerheader-colleft-3 {
  padding-top: 8px;
  padding-left: 0;
  padding-right: 10px;
}

.c-backdrop {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.c-backdrop.is-card_wide {
  background-color: #fff;
  border-radius: 24px;
}

.c-backdrop.is-card_wide.is-darkblue {
  background-color: #011232;
}

.c-backdrop.is-hero_slider {
  opacity: .38;
  transform: translate(160px)scale(1.1)rotate(50deg);
}

.c-backdrop.cc-hero-image {
  opacity: .7;
  width: 110px;
  height: 80px;
  top: 42%;
  left: -20%;
}

.c-backdrop.is-card_slider {
  pointer-events: none;
  background-color: #000;
  border-radius: 24px;
}

.c-backdrop.is-popup_overlay {
  background-color: #2717174f;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.c-backdrop.is-hero_pagination {
  z-index: 2;
  pointer-events: auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 100%;
  display: flex;
  inset: 0% 0% 0% auto;
}

.c-backdrop.is-symbol_paragraph {
  opacity: .58;
}

.c-backdrop.is-popup_content {
  opacity: .51;
}

.c-backdrop.is-popup_content.is-black {
  opacity: 1;
  background-color: #000;
}

.c-backdrop.is-widetile {
  opacity: .38;
}

.c-backdrop.is-widetile._1 {
  display: none;
  transform: translate(-50px, -30px);
}

.c-backdrop.is-widetile._2 {
  display: none;
  transform: translate(100px, 80px);
}

.c-image.is-card_wide-2 {
  position: absolute;
  inset: 0% 9% auto auto;
}

.c-image.is-hero_image {
  object-fit: contain;
  width: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.c-image.is-card_wide {
  object-fit: cover;
  width: 30%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.c-image.is-card_wide._4 {
  object-fit: cover;
  object-position: 0% 50%;
  width: 20%;
  height: 60%;
  top: auto;
}

.c-image.is-box-podest {
  pointer-events: none;
  transform: scale(1.4);
}

.c-image.is-symbol_paragraph {
  width: 83px;
  height: auto;
  transform: translate(-10%, -50%);
}

.c-image.is-card_slider-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.c-image.cc-hero {
  margin-bottom: 2em;
}

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

.c-image.is-timeline {
  object-fit: contain;
  width: 100%;
}

.c-image.is-card-media {
  aspect-ratio: 2;
  object-fit: cover;
  width: 100%;
  display: block;
}

.c-image.is-card-media._1 {
  object-fit: contain;
}

.c-image.is-card_slider {
  z-index: 1;
  object-fit: contain;
  width: 85%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: translate(240px, 50px);
}

.c-paragraph-2.on-card {
  font-size: .9rem;
}

.c-paragraph-2.on-wide_card-black {
  color: #f4f4f5;
}

.cn-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  background-color: #0058ff;
  border-radius: 26px;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.3rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: all .35s;
  display: flex;
}

.cn-button:hover {
  background-color: #0049d5;
}

.cn-button.light {
  color: #232a36;
  background-color: #e6e6e6;
}

.cn-button.is-card_slider, .cn-button.light_transparent {
  background-color: #fff3;
}

.c-video.is-pinnec_card {
  border-radius: .5rem;
  height: 340px;
  position: relative;
}

.c-slider_chevron {
  cursor: pointer;
  background-color: #00000029;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.2rem;
  height: 2.2rem;
  transition: all .2s;
  display: flex;
}

.c-slider_chevron:hover {
  color: #f4f4f5;
  background-color: #232a36;
}

.c-slider_chevron.cc-v2 {
  border: 2px solid var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  width: 3rem;
  height: 3rem;
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  background-color: #0000;
}

.c-slider_chevron.cc-v2:hover {
  border-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.bg-overlay {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.bg-overlay.is-card_slider {
  background-color: #0000;
  display: block;
}

.cn-card {
  background-color: #fff;
  border-radius: 6px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
}

.cn-card.is-widetile {
  z-index: 1;
  grid-column: span 4;
  align-items: stretch;
  position: relative;
  overflow: hidden;
}

.cn-card.is-card_wide {
  z-index: 1;
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-lighter-blue);
  border-radius: 24px;
  align-items: stretch;
  width: 100%;
  min-height: 550px;
  padding: 2.5rem;
  position: sticky;
  top: 140px;
}

.cn-card.is-card_wide.is-dark {
  color: #fff;
  background-color: #000;
}

.cn-card.is-card_wide.is-navy-blue {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: #fff;
}

.cn-card.is-timeline {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 38vw;
  max-width: 500px;
  position: relative;
}

.cn-card.is-smallcards {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 16rem;
  font-size: .8rem;
  line-height: 1.5;
  display: flex;
}

.cn-card.is-square {
  aspect-ratio: 1;
  grid-column: span 2;
}

.c-custom_video {
  height: 80%;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.c-custom_video.video_mask-online_traning {
  margin-bottom: -404px;
  position: relative;
  transform: translate(0, -33%);
}

.pagination_fill {
  z-index: 1;
  background-color: #3c00ff;
  width: 100%;
  height: 0%;
  position: absolute;
  inset: 0%;
}

.splide.is-card_slider {
  width: 100%;
}

.splide.is-card_slider.cc-v2 {
  max-width: var(--haufe-styleguide-stage---spacing-layout--container-max-width);
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.gradient-backdrop {
  z-index: 1;
  position: relative;
}

.c-symbol_paragraph {
  z-index: 1;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
  transform: translate(30%, 40%);
}

.c-popup_content {
  z-index: 1;
  background-color: #fff;
  border-radius: 24px;
  width: 100%;
  max-width: 1140px;
  min-height: calc(100vh - 120px);
  margin-top: 120px;
  margin-bottom: 90px;
  padding: 160px 40px;
  position: relative;
  overflow: hidden;
}

.c-popup_content.is-dark {
  color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
}

.c-sublayout {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-auto-columns: 1fr;
  grid-template-columns: subgrid;
  display: grid;
}

.c-video_mask-online_traning {
  pointer-events: none;
  overflow: visible;
}

.c-hero_pagination {
  cursor: pointer;
  background-color: #fff;
  border-radius: 30px;
  width: 6px;
  height: 40px;
  transition: background-color .2s;
  position: relative;
  overflow: hidden;
}

.c-hero_pagination:hover {
  background-color: #d4d4d4;
}

.c-navigation_container-2 {
  z-index: 10000;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 80px;
  display: flex;
  position: fixed;
  box-shadow: 0 2px 8px 5px #9993;
}

.cn-footer {
  color: #fff;
  background-color: #003f72;
  padding-top: 2em;
  padding-bottom: 2em;
}

.c-sticky_track {
  z-index: 2;
  width: 100%;
  max-width: 1140px;
  position: fixed;
  top: 13%;
  left: 50%;
  overflow: visible;
  transform: translate(-50%);
}

.cn-text-5 {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.3;
}

.cn-container {
  width: 100%;
  max-width: calc(1300px + var(--cols-gutter));
  padding-left: calc(var(--cols-gutter) / 2);
  padding-right: calc(var(--cols-gutter) / 2);
  margin-left: auto;
  margin-right: auto;
}

.cn-container.is-site-grid {
  height: 100%;
}

.c-display {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 160%;
}

.c-timeline_item {
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  display: flex;
  position: relative;
}

.c-slider_count {
  display: inline-block;
}

.c-slider_count.is-card_wide {
  position: sticky;
  top: 100px;
}

.c-navigation-2 {
  background-color: #fff;
  transition: transform .3s ease-in;
  display: block;
  box-shadow: 0 3px 6px 8px #0000001a;
}

.c-col {
  flex: 1;
  align-self: center;
}

.c-col.v-center {
  align-self: center;
}

.c-col.shrink {
  flex: none;
}

.c-col.guard {
  align-self: stretch;
}

.c-col.cc-span-10 {
  grid-column: span 10;
}

.c-navigation_link-2 {
  color: #000;
  border-bottom: 5px solid #0000;
  padding: 28px 24px 23px;
  font-family: Haufemerriweathersans, sans-serif;
  font-weight: 300;
  line-height: 24px;
  transition: border-color .2s;
}

.c-navigation_link-2:hover {
  border-bottom-color: #0058ff;
}

.c-navigation_link-2.w--current {
  color: #000;
  border: 1px #0058ff;
  border-bottom: 5px solid #0058ff;
}

.c-card_transparent {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff3;
  border-radius: 12px;
  flex-flow: column;
  flex: 1;
  height: 100%;
  padding: 2.5rem;
  display: flex;
}

.c-text {
  display: block;
}

.c-text.is-popup_heading {
  text-align: center;
  margin-bottom: 40px;
  font-size: 1.5rem;
  font-weight: 700;
}

.c-text.is-card_transparent {
  font-size: 15px;
}

.c-text.topline {
  font-size: 15px;
  font-weight: 700;
}

.c-text.light {
  font-weight: 300;
}

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

.c-text.inherit {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.c-text.on-card {
  font-size: .9375rem;
  font-weight: 700;
}

.c-text.is-timeline {
  font-size: 15px;
}

.c-layout {
  z-index: 1;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
  grid-auto-columns: minmax(1px, 1fr);
  width: 100%;
  display: grid;
  position: relative;
}

.c-layout.cc-max-width {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.c-layout.is-card_wide {
  padding: 2.5rem;
  position: sticky;
  top: 140px;
}

.c-layout.is-card_wide.text-light {
  grid-row-gap: 4.5rem;
  color: #fff;
}

.c-layout.is-card_wide.is-empty {
  min-height: 100px;
}

.c-layout.is-site-grid {
  height: 100%;
}

.c-hero_slider-image {
  height: 70vh;
  min-height: 670px;
  max-height: 800px;
  position: relative;
}

.c-hero_slider-image.mb-hide {
  height: 40vh;
}

.c-flow {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.c-flow.g-64 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
}

.c-flow.g-64.v2 {
  width: 100%;
  padding-left: 2.5rem;
}

.c-flow.hero_pagination {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  pointer-events: auto;
}

.c-flow.has-card_wide {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.c-layout_smallcard {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 42px 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.c-navigation-button {
  display: none;
}

.c-title.is-timeline {
  letter-spacing: normal;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}

.c-title.on-card_wide {
  font-weight: 700;
}

.c-hero-paragraph {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  display: flex;
}

.site-grid {
  z-index: 99;
  opacity: .04;
  pointer-events: none;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.c-social-link-2 {
  margin-left: 12px;
  margin-right: 12px;
}

.c-navigation_subbrand {
  padding-right: 24px;
}

.c-layout_timeline {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 100px 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: start center;
  place-items: start center;
  display: grid;
  position: relative;
}

.c-navigation_right {
  margin-left: auto;
  padding-right: 1rem;
}

.c-timeline_line {
  background-color: #0449c8;
  width: 3px;
  height: 100%;
  display: none;
  position: absolute;
  top: 0%;
  left: 50%;
  right: 0%;
  transform: translate(-50%);
}

.c-caption-gray {
  opacity: .6;
}

.c-hero-image {
  display: none;
  position: relative;
}

.c-stack {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.c-stack.g-24 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.c-stack.g-40 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
}

.c-stack.g-64 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  display: block;
}

.c-stack.g-32 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.c-stack.g-8 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.c-stack.is-card_wide-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  max-width: 41ch;
}

.c-stack.has-smallcards {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.c-stack.g-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.c-stack.timeline_circles {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 200px;
  position: relative;
}

.c-stack.timeline_circles.reset {
  margin-bottom: 0;
}

.c-stack.is-card_slider {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  max-width: 42%;
}

.c-stack.is-card_slider.cc-v2 {
  max-width: 80%;
}

.c-stack.g-12 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
}

.c-popup-wrapper {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  transition-property: opacity;
  transition-duration: .2s;
  transition-timing-function: ease;
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.c-popup-wrapper.show {
  opacity: 1;
  visibility: visible;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.gradientbox {
  position: absolute;
  inset: 0%;
}

.gradientbox.card_wide {
  opacity: .42;
  transform-style: preserve-3d;
  transform: scale3d(1.1, 1, 1)translate(14%, 20%)rotateX(40deg)rotateY(0)rotateZ(110deg);
}

.splide__track.is-card_slider.cc-v2 {
  overflow: visible;
}

.site-grid-col {
  background-color: red;
  width: 100%;
  height: 100%;
}

.cn-section {
  padding-top: 90px;
  padding-bottom: 90px;
}

.cn-section.text-light {
  color: #fff;
}

.cn-section.is-hero {
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.cn-section.is-is-box-podest {
  color: #fff;
  width: 100%;
  overflow: clip;
}

.c-timeline_defaultline {
  background-color: #8d8d8d;
  width: 2px;
  height: calc(100% - 200px);
  position: absolute;
  inset: 0 auto auto 50%;
  transform: translate(-50%);
}

.c-timeline_defaultline.reset {
  height: 100%;
  top: 0;
}

.c-slider_count-stroke {
  background-color: #000;
  width: 33px;
  height: 2px;
  margin-top: -4px;
}

.c-layoutt_full {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(12, minmax(1px, 1fr));
  grid-auto-columns: 1fr;
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: grid;
}

.c-layoutt_full.is-card_slider {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr repeat(12, minmax(1px, 5.6rem)) 1fr;
  width: 100%;
  max-width: none;
  padding-left: 1rem;
  padding-right: 0;
}

.c-layoutt_full.is-card_slider.cc-v2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.c-label {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0c525f;
  text-transform: uppercase;
  background-color: #8fddff;
  border-radius: 4px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  padding: 8px 8px 6px;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.c-label.cc-white {
  color: #fff;
  background-color: #ffffff40;
}

.c-listb-link-4 {
  color: #fff;
  text-decoration: none;
}

.c-listb-link-4.c-listb-link--footer {
  margin-right: 32px;
  font-family: Haufemerriweathersans, sans-serif;
  text-decoration: none;
  display: inline-block;
}

.c-custom_list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.c-custom_list.is-product_cta {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  max-width: 50ch;
}

.c-card_slider {
  z-index: 1;
  aspect-ratio: 2;
  color: #fff;
  object-fit: fill;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  padding: 1.5rem;
  font-weight: 300;
  display: flex;
  position: relative;
}

.c-card_slider.splide__slide {
  aspect-ratio: auto;
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  border-radius: 1.5rem;
  min-height: 33vh;
  overflow: hidden;
}

.cn-h1 {
  font-size: 4rem;
  line-height: 1.1;
}

.cn-paragraph {
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

.cn-paragraph.on-card {
  font-size: .9rem;
}

.cn-paragraph.on-wide_card-black {
  color: #f4f4f5;
}

.cn-h2 {
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 130%;
}

.cn-h3 {
  letter-spacing: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2;
}

.cn-h3.on-card_wide {
  font-weight: 700;
}

.cn-text {
  font-size: 1rem;
  line-height: 160%;
}

.cn-text.cc-bold {
  font-weight: 700;
}

.cn-text.on-card {
  font-size: .9375rem;
  font-weight: 700;
}

.cn-text.inherit {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.cn-text.c-display {
  font-size: 1.25rem;
}

.cn-list-item {
  font-size: 1rem;
  line-height: 160%;
}

.bold-text-10 {
  font-weight: 400;
}

.c-container-taxtalks-teaser {
  width: 100%;
  max-width: 1348px;
  margin-left: auto;
  margin-right: auto;
  padding: 8em 24px;
}

.c-container-taxtalks-teaser.cc-10cols {
  color: #fff;
  max-width: 1128px;
  padding: 1em 40px 2em;
}

.c-container-taxtalks-teaser.cc-10cols.col {
  justify-content: space-between;
  display: flex;
}

.c-container-taxtalks-teaser.cc-10cols.col.padding {
  margin-bottom: 80px;
}

.c-container-taxtalks-teaser.cc-10cols.tt-cta {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  display: flex;
}

.c-container-taxtalks-teaser.abstand {
  padding-top: 0;
  padding-bottom: 0;
}

.c-container-taxtalks-hero {
  width: 100%;
  max-width: 1348px;
  margin-left: auto;
  margin-right: auto;
  padding: 10em 24px 4em;
}

.c-container-taxtalks-hero.cc-10cols {
  color: #fff;
  max-width: 1128px;
  padding: 4em 40px;
}

.c-container-taxtalks-hero.cc-10cols.col {
  justify-content: space-between;
  display: flex;
}

.c-container-taxtalks-hero.cc-10cols.col.padding {
  margin-bottom: 80px;
}

.c-container-taxtalks-hero.cc-10cols.tt-cta {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  display: flex;
}

.c-container-taxtalks-hero.abstand {
  padding-top: 0;
  padding-bottom: 0;
}

.c-no-dots {
  z-index: 10;
  padding-top: 5px;
  padding-right: 5px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.c-flip-card {
  position: relative;
}

.no-dot {
  opacity: .2;
  background-color: #fff;
  width: 10px;
  height: 10px;
  margin: 5px 2px;
}

.cloneable-area {
  padding: 20px;
}

._w-card-back {
  perspective: 1000px;
  background-color: #333;
  border-radius: 5px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.c-card-img {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

._w-flip-card {
  z-index: 10;
  perspective: 1000px;
  display: flex;
  position: relative;
}

.c-card-back {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 450px;
  display: none;
}

.c-card-btn-text {
  width: 100%;
  padding: 10px 20px;
}

.c-card-btn-text.focus {
  background-color: #ff6565;
  position: absolute;
  overflow: hidden;
}

.c-card-btn-text.focus.wf {
  background-color: #666;
}

.c-card-btn-text.focus.ig {
  background-color: #f88fdb;
}

.c-card-btn-text.focus.sl {
  background-color: #333;
}

.c-card-btn-text.focus.ln {
  background-color: #3c9ea5;
}

.c-card-btn-text.focus.tw {
  background-color: #8ca7ff;
}

.c-card-btn-text.focus.fb {
  background-color: #6670bd;
}

.c-card-btn-text.focus.bc {
  background-color: #e6b362;
}

.card-btn-link {
  color: #fff;
  text-align: center;
  border: 2px solid #ff6565;
  border-radius: 1000px;
  width: 100%;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.card-btn-link.ig {
  border-color: #f88fdb;
}

.card-btn-link.bc {
  border-color: #e6b362;
}

.card-btn-link.wf {
  border-color: #666;
}

.card-btn-link.fb {
  border-color: #6670bd;
}

.card-btn-link.sl {
  border-color: #219fa3;
}

.card-btn-link.ln {
  border-color: #3c9ea5;
}

.card-btn-link.tw {
  border-color: #8ca7ff;
}

.c-card-btn {
  padding: 20px;
}

.c-card-text {
  perspective: 1000px;
  border-top: 1px dashed #ffffff40;
  padding: 20px 15px;
  transform: translate(0);
}

.card-no-text {
  opacity: .2;
  color: #fff;
  font-size: 7em;
  font-weight: 700;
  line-height: 1em;
  transform: translate(-20px);
}

.c-flipping-cards-list {
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 60px;
  display: flex;
}

.c-card-label {
  text-align: center;
  padding: 20px;
}

.card-bg-quotemark {
  color: #fff;
  display: inline-block;
}

.card-bg-quotemark.top {
  opacity: .2;
  font-family: PT Sans, sans-serif;
  font-size: 5em;
  line-height: 1em;
  position: absolute;
  inset: -.4em auto auto -.3em;
}

.card-bg-quotemark.btm {
  opacity: .2;
  font-family: PT Sans, sans-serif;
  font-size: 5em;
  line-height: 1em;
  position: absolute;
  inset: auto -.3em -.4em auto;
}

.card-alias {
  color: #ddd;
  text-align: right;
  font-size: .9em;
  line-height: 1em;
}

._w-card-quote {
  position: relative;
}

.c-card-quote {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 20px 40px;
  display: flex;
  position: relative;
}

._w-card-img {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.card-text.focus {
  z-index: 10;
  position: relative;
}

.c-card-title {
  margin-bottom: 5px;
}

.card-title {
  color: #fff;
  text-align: right;
  font-size: 2em;
  font-weight: 700;
  line-height: 1em;
}

.c-card-no {
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

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

.c-content--taxtalks-hacks {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
}

.card-img {
  height: 120px;
}

.card-label {
  opacity: .2;
  color: #fff;
  font-size: .8em;
  line-height: 1em;
}

.card-btn-focus-bg {
  background-image: radial-gradient(circle farthest-side, #ff9865, #fff0);
  width: 75%;
  height: 200%;
  position: absolute;
  inset: -75% -10% auto auto;
}

.card-btn-focus-bg.tw {
  background-image: radial-gradient(circle farthest-side, #8cd1ff, #fff0);
}

.card-btn-focus-bg.bc {
  background-image: radial-gradient(circle farthest-side, #ffd3a4, #fff0);
}

.card-btn-focus-bg.fb {
  background-image: radial-gradient(circle farthest-side, #52a0ce, #fff0);
}

.card-btn-focus-bg.sl {
  background-image: radial-gradient(circle farthest-side, #219fa3, #fff0);
}

.card-btn-focus-bg.wf {
  background-image: radial-gradient(circle farthest-side, #999, #fff0);
}

.card-btn-focus-bg.ln {
  background-image: radial-gradient(circle farthest-side, #5dc3a3, #fff0);
}

.card-btn-focus-bg.ig {
  background-image: radial-gradient(circle farthest-side, #ffcb8f, #fff0);
}

.card-quote {
  z-index: 5;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-size: 1em;
  font-style: italic;
  line-height: 1.4em;
  position: relative;
}

.c-card-front {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 450px;
  display: flex;
}

._w-card-front {
  perspective: 1000px;
  width: 100%;
  height: 100%;
  transform: ;
  background-color: #ff6565;
  border-radius: 5px;
  flex-direction: column;
  display: flex;
  position: relative;
}

._w-card-front.tw {
  background-color: #8ca7ff;
}

._w-card-front.ln {
  background-color: #3c9ea5;
}

._w-card-front.wf {
  background-color: #333;
}

._w-card-front.ig {
  background-image: linear-gradient(45deg, #ffce8a, #fc91d8 50%, #ba68f5);
}

._w-card-front.sl {
  background-image: linear-gradient(45deg, #219fa3, #333);
}

._w-card-front.bc {
  background-color: #e6b362;
}

._w-card-front.fb {
  background-color: #6670bd;
}

._w-content-copy, ._w-content--taxtalks {
  justify-content: center;
  align-items: center;
}

.c-flipping-cards-list-taxtalks {
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 60px;
  display: flex;
}

.cloneable-area-tax-talks {
  padding: 20px;
}

.c-flip-card-taxtalks {
  background-color: #00c2fc;
  background-image: linear-gradient(53deg, #00c5ff, #0e007c);
  position: relative;
}

.c-content-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
}

.paragraph-11 {
  margin-top: 5%;
  margin-right: 10%;
}

.tt-card-mobile {
  width: 100%;
  height: 100%;
  color: var(--white);
  background-color: #fff6;
  border: 1px solid #fff;
  border-radius: 20px;
  flex: 1;
  padding: 40px 40px 20px;
  display: block;
}

.tt-card-mobile.slick {
  flex: 1;
  display: block;
}

.rich-text-block-3 {
  flex: 1;
}

.c-heading-form {
  color: var(--black);
  letter-spacing: 3px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Bebasneue, sans-serif;
  font-size: 55px;
  font-weight: 400;
  line-height: 60px;
}

.c-heading-form.u-mb32 {
  margin-bottom: 32px;
}

.c-heading-form.u-mb40 {
  margin-bottom: 40px;
}

.c-heading-form.u-mb40.c-heading--m, .c-heading-form.c-heading--m {
  font-size: 48px;
  line-height: 48px;
}

.c-heading-form.c-heading--m.centered {
  max-width: 700px;
  margin-bottom: 0;
}

.c-heading-form.c-heading--m.centered.tax-action {
  max-width: 910px;
}

.c-heading-form.c-heading--m.bottom-margin {
  margin-bottom: 50px;
  margin-left: 0;
}

.c-heading-form.u-mb0 {
  margin-bottom: 0;
}

.c-heading-form.small-features {
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 17px;
  line-height: 25px;
}

.c-heading-form.u-pcenter60 {
  text-align: center;
  max-width: 960px;
  margin-bottom: 60px;
}

.c-heading-form.h-stage-level-3 {
  margin-bottom: 5px;
  font-size: 66px;
  line-height: 66px;
}

.c-heading-form.h-stage-level-3.mobile {
  display: none;
}

.c-heading-form.centered {
  max-width: 960px;
  margin-bottom: 20px;
  margin-left: 1px;
  font-family: Bebasneue, sans-serif;
  font-size: 55px;
  font-weight: 400;
  line-height: 60px;
}

.c-heading-form.centered.too-long-desktop {
  padding-top: 40px;
}

.c-heading-form.centered.too-long-mobile {
  display: none;
}

.c-heading-form.h-stage-level2 {
  max-width: 500px;
  margin-bottom: 11px;
}

.c-heading-form.h-stage-level2.lead.mobil {
  display: none;
}

.c-heading-form.u-pcenter60 {
  margin-bottom: 60px;
}

.c-heading-form.blue-bg {
  margin-bottom: 0;
}

.c-heading-form.m--vorteile {
  max-width: 1100px;
  margin: 95px auto 80px;
  display: block;
}

.c-heading-form.mobile, .c-heading-form.phone {
  display: none;
}

.c-heading-form.cc-nospacing {
  letter-spacing: 0;
}

.c-heading-form.cc-nospacing.cc-dtbnew {
  margin-bottom: 24px;
  font-size: 80px;
  line-height: 72px;
}

.section-form {
  padding-top: 4%;
  padding-bottom: 4%;
}

.section-form.c-section--video {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43efe_RhythmixProzessBG-1.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1300px 220%;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: static;
}

.section-form.c-section--filters {
  margin-top: -190px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.section-form.loesungen {
  padding-top: 20px;
}

.section-form.cc-services {
  padding-top: 0;
  padding-bottom: 0;
}

.section-form.cc-tech {
  background-image: linear-gradient(32deg, #075bfa 29%, #040077 91%);
  padding-top: 184px;
  padding-bottom: 184px;
}

.section-form.cc-triangle {
  padding-top: 160px;
  padding-bottom: 160px;
  overflow: hidden;
}

.section-form.cc-zuku {
  padding-top: 0;
}

.section-form.cc-kanzleivision {
  padding-top: 160px;
  padding-bottom: 140px;
}

.section-form.cc-progress {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43ff9_Background-wake.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-bottom: 160px;
}

.section-form.cc-team {
  background-color: #f7f7f8;
  padding-top: 122px;
  padding-bottom: 160px;
}

.section-form.cc-contact {
  background-image: linear-gradient(52deg, #fffe00, #45c6ff 28%, #040077);
  padding-top: 160px;
  padding-bottom: 160px;
}

.section-form.cc-danke {
  background-image: linear-gradient(52deg, #fffe00, #45c6ff 31%, #040077);
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 160px;
  display: flex;
}

.section-form.cc-tt-video {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/65c3a6bdde56d79febb32373_Group%203.svg"), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/65c3a6bd3a0f07984805bccb_Group%204.svg");
  background-position: 120% 100%, -20% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, contain;
  display: none;
}

.section-form.cc-tt-video.hide {
  padding-top: .5em;
  padding-bottom: .5em;
  display: block;
}

.section-form.cc-tt-slider {
  background-image: linear-gradient(#1f252f, #1f252f);
}

.section-form.black {
  background-color: var(--black-100);
  display: none;
}

.section-form.black.hide {
  display: none;
}

.section-form.gradient {
  background-image: linear-gradient(59deg, #00c5ff, #0e007c);
  padding-top: 8em;
  padding-bottom: 8em;
  display: block;
  overflow: visible;
}

.section-form.gradient.hide {
  display: block;
}

.section-form.background-linear-gradient {
  background-image: linear-gradient(52deg, #fffe00, #45c6ff 31%, #040077);
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta-h2-taxtalks {
  color: #f8f9fa;
  text-align: center;
  margin-top: 2em;
  margin-bottom: 1em;
}

.c-button-taxtalks-buchen {
  background-color: var(--deep-pink);
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 30px;
  height: 56px;
  padding: 18px 24px;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .35s, background-color .35s;
  display: inline-block;
  box-shadow: 0 16px 24px #00000026;
}

.c-button-taxtalks-buchen:hover {
  background-color: #1a68fa;
  box-shadow: 0 16px 40px #0003;
}

.c-button-taxtalks-buchen.c-button--l {
  height: 36px;
  box-shadow: none;
  padding: 8px 16px;
  font-size: 15px;
}

.c-button-taxtalks-buchen.c-button--l.loesungen {
  margin-top: 20px;
  position: absolute;
  inset: auto auto 30px 40px;
}

.c-button-taxtalks-buchen.c-button--m {
  height: 32px;
  box-shadow: none;
  padding: 6px 16px;
  font-size: 14px;
}

.c-button-taxtalks-buchen.c-button--m.is-secondary {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 30px;
}

.c-button-taxtalks-buchen.c-button--s {
  height: 28px;
  box-shadow: none;
  padding: 4px 12px;
  font-size: 14px;
}

.c-button-taxtalks-buchen.c-button--s.is-secondary {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 13px;
  line-height: 26px;
}

.c-button-taxtalks-buchen.c-button--s.is-secondary.loesungen {
  cursor: pointer;
  margin-top: 20px;
}

.c-button-taxtalks-buchen.c-button--s.is-quaternary.hidden {
  display: none;
}

.c-button-taxtalks-buchen.c-button--s.popup {
  margin-top: 30px;
}

.c-button-taxtalks-buchen.is-secondary {
  float: right;
  border: 2px solid var(--royal-blue);
  box-shadow: none;
  color: var(--royal-blue);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  line-height: 18px;
  position: static;
  inset: auto 40px 40px auto;
}

.c-button-taxtalks-buchen.is-secondary:hover {
  background-color: var(--royal-blue);
  color: #fff;
}

.c-button-taxtalks-buchen.is-tertiary {
  box-shadow: none;
  color: #3a3e41;
  background-color: #eaf0f4;
}

.c-button-taxtalks-buchen.is-quaternary {
  color: var(--royal-blue);
  background-color: #fff;
  box-shadow: 0 7px 30px #0000001a;
}

.c-button-taxtalks-buchen.c-button--submit {
  margin: 64px auto 48px;
  display: block;
}

.c-button-taxtalks-buchen.c-button--floatdown {
  z-index: 100;
  position: relative;
  bottom: -102px;
}

.c-button-taxtalks-buchen.c-button--floatdown.stage-level-3 {
  position: absolute;
  bottom: -28px;
}

.c-button-taxtalks-buchen.u-mr16.u-mt40.btn-pw {
  border-radius: 55px;
  margin-top: 20px;
  margin-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
}

.c-button-taxtalks-buchen.u-mr16.u-mt40.btn2-pw {
  background-color: var(--silver);
  color: var(--black);
  border-radius: 55px;
  margin-top: 20px;
  margin-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 700;
}

.c-button-taxtalks-buchen.u-mr16.u-mt40.btnnavi-pw {
  box-shadow: none;
  border-radius: 55px;
  margin-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.c-button-taxtalks-buchen.c-button--hero {
  margin-top: 40px;
}

.c-button-taxtalks-buchen.u-mt40 {
  float: none;
  display: inline-block;
}

.c-button-taxtalks-buchen.u-mt40.hidden.w--current {
  display: none;
}

.c-button-taxtalks-buchen.topblock {
  height: 36px;
  margin-top: 60px;
  margin-bottom: 40px;
  margin-left: 40px;
  padding: 8px 16px;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.c-button-taxtalks-buchen.cc-flat {
  height: auto;
  box-shadow: none;
  font-weight: 700;
  line-height: 30px;
  transition: background-color .35s;
}

.c-button-taxtalks-buchen.cc-flat.cc-contact-modal {
  margin-top: 40px;
  padding: 12px 20px;
  font-size: 14px;
  line-height: 24px;
}

.c-button-taxtalks-buchen.cc-flat.cc-kurse-btn {
  width: 50%;
  font-size: 14px;
  line-height: 24px;
}

.c-button-taxtalks-buchen.cc-flat.cc-kurse-btn.cc-left {
  height: 48px;
  margin-right: 6px;
  padding: 12px 20px;
}

.c-button-taxtalks-buchen.cc-flat.cc-kurse-btn.cc-white {
  background-color: var(--white);
  color: #0057fd;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 12px 16px;
  font-size: 13px;
  display: flex;
  box-shadow: inset 0 0 0 2px #0057fd;
}

.c-button-taxtalks-buchen.cc-flat.cc-kurse-cta {
  padding: 8px 18px;
  font-size: 13px;
  line-height: 24px;
}

.c-text-taxtalks-buchen-teaser {
  color: #eff1f5;
  text-align: center;
  margin-bottom: 16px;
  padding-left: 6em;
  padding-right: 6em;
  font-family: Haufemerriweathersans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.c-text-taxtalks-buchen-teaser.cc-bold {
  font-weight: 700;
}

.c-button-m-tax-talks {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--royal-blue);
  color: var(--white);
  border-radius: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 12px 30px;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  display: inline-block;
}

.c-button-m-tax-talks.cc-contact-box {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 247px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 28px;
  display: flex;
}

.c-button-m-tax-talks.white {
  background-color: #0000;
  border: 2px solid #fff;
}

.c-container-taxtalks-spot {
  width: 100%;
  max-width: 1348px;
  margin-left: auto;
  margin-right: auto;
  padding: 8em 24px;
}

.c-container-taxtalks-spot.cc-10cols {
  color: #fff;
  max-width: 1128px;
  padding: .125em 40px 4em;
}

.c-container-taxtalks-spot.cc-10cols.col {
  justify-content: space-between;
  display: flex;
}

.c-container-taxtalks-spot.cc-10cols.col.padding {
  margin-bottom: 80px;
}

.c-container-taxtalks-spot.cc-10cols.tt-cta {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  display: flex;
}

.c-container-taxtalks-spot.abstand {
  padding-top: 0;
  padding-bottom: 0;
}

.c-button-m-tax-talks-pink {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--deep-pink);
  color: var(--white);
  border-radius: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 12px 30px;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  display: inline-block;
}

.c-button-m-tax-talks-pink.cc-contact-box {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 247px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 28px;
  display: flex;
}

.c-button-m-tax-talks-pink.white {
  background-color: #0000;
  border: 2px solid #fff;
}

.datenschutzerklaerung {
  font-size: 12px;
}

.ce-text-taxtalkslive-play {
  color: #fff;
}

.ce-text-taxtalkslive-play.is-popup_heading {
  text-align: center;
  margin-bottom: 40px;
  font-size: 1.5rem;
  font-weight: 700;
}

.ce-text-taxtalkslive-play.is-card_transparent {
  font-size: 15px;
}

.ce-text-taxtalkslive-play.topline {
  font-size: 15px;
  font-weight: 700;
}

.ce-text-taxtalkslive-play.light {
  font-weight: 300;
}

.ce-text-taxtalkslive-play.bold {
  font-weight: 700;
}

.ce-text-taxtalkslive-play.inherit {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.ce-text-taxtalkslive-play.on-card {
  font-size: .9375rem;
  font-weight: 700;
}

.ce-text-taxtalkslive-play.is-timeline {
  font-size: 15px;
}

.heading-7 {
  flex: 0 auto;
}

.doc__selector-callout {
  color: #fff;
  letter-spacing: .01em;
  background-color: #0500ff;
  border-radius: 3px;
  margin-top: .1em;
  margin-bottom: .1em;
  margin-right: .2em;
  padding: .08em .6em;
  font-size: .8rem;
  line-height: 1.7;
  display: inline-block;
  position: relative;
  top: -1px;
}

.u-mb-3 {
  margin-bottom: 3em;
}

.container-11 {
  width: 100%;
  max-width: var(--haufe-styleguide-stage---spacing-layout--container-max-width);
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  overflow: visible;
}

.btn {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---component-button--font-size-lg);
  line-height: var(--haufe-styleguide-stage---component-button--line-height);
  text-align: center;
  cursor: pointer;
  background-color: #fe73b2;
  border: 0 solid #000;
  border-radius: 3.75rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 2.25rem;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .3s, border-color .3s cubic-bezier(.25, .46, .45, .94);
  display: inline-flex;
  box-shadow: inset 0 0 #0000;
}

.btn:hover {
  box-shadow: inset 0 0 0 100px #fff3;
}

.btn.medium {
  padding: .5rem 1.5rem;
}

.btn.cc-secondary {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: #fff;
  box-shadow: inset 0 0 #0000;
}

.btn.cc-secondary:hover {
  box-shadow: inset 0 0 0 100px #ffffff26;
}

.row-2 {
  margin-right: var(--haufe-styleguide-stage---spacing-layout--row-col-neg-half-gap);
  margin-bottom: var(--haufe-styleguide-stage---spacing-layout--row-col-neg-gap);
  margin-left: var(--haufe-styleguide-stage---spacing-layout--row-col-neg-half-gap);
  flex-wrap: wrap;
  align-content: stretch;
  display: flex;
}

.row-2:where(.w-variant-87400fb4-4e99-c654-0d1f-5abda0df30cb) {
  justify-content: space-between;
  align-items: stretch;
}

.row-2:where(.w-variant-8b5a2d55-ad02-01e1-1f97-74e1d4459f26) {
  justify-content: space-around;
  align-items: stretch;
}

.row-2:where(.w-variant-c19ffcfa-ac78-1a5c-fb5d-a298188342b0) {
  justify-content: center;
  align-items: stretch;
}

.row-2:where(.w-variant-c0cafb93-f51c-00d6-8662-18305738af57) {
  justify-content: flex-end;
  align-items: stretch;
}

.row-2:where(.w-variant-cc57d568-f4d0-2e18-a328-84c456e6ffb4) {
  justify-content: center;
  align-items: stretch;
}

.row-2:where(.w-variant-dae6531a-d04e-54e6-2c63-b877cb51f16e) {
  justify-content: flex-end;
  align-items: stretch;
}

.row-2:where(.w-variant-6b1136c2-80cf-39ef-5582-35914aa1d2d2) {
  justify-content: space-between;
  align-items: stretch;
}

.row-2:where(.w-variant-3b72a7e8-f8e8-0ec9-086d-7bffe110aea0) {
  justify-content: space-around;
  align-items: stretch;
}

.btn-icon {
  max-width: 21px;
  line-height: 1;
}

.eyebrow {
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1em;
}

.eyebrow:where(.w-variant-470608f6-6007-083b-ca5a-c9d7638fcda2) {
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.eyebrow:where(.w-variant-41d42a59-a018-e51c-6c08-3bce62d1274b) {
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
}

.eyebrow:where(.w-variant-8e9195b8-79bb-d201-7d3d-7ffe48c9f666) {
  color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.page-wrapper {
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  position: relative;
}

.doc__selector-callout-2 {
  color: #fff;
  letter-spacing: .01em;
  background-color: #0500ff;
  border-radius: 3px;
  margin-top: .1em;
  margin-bottom: .1em;
  margin-right: .2em;
  padding: .08em .6em;
  font-size: .8rem;
  line-height: 1.7;
  display: inline-block;
  position: relative;
  top: -1px;
}

.doc__selector-callout-2.cc-element {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-pink);
}

.u-mb-3-2 {
  margin-bottom: 3em;
}

.container-12 {
  width: 100%;
  max-width: var(--haufe-styleguide-stage---spacing-layout--container-max-width);
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  overflow: visible;
}

.row-3 {
  margin-right: var(--haufe-styleguide-stage---spacing-layout--row-col-neg-half-gap);
  margin-bottom: var(--haufe-styleguide-stage---spacing-layout--row-col-neg-gap);
  margin-left: var(--haufe-styleguide-stage---spacing-layout--row-col-neg-half-gap);
  flex-wrap: wrap;
  align-content: stretch;
  display: flex;
}

.row-3:where(.w-variant-87400fb4-4e99-c654-0d1f-5abda0df30cb) {
  justify-content: space-between;
  align-items: stretch;
}

.row-3:where(.w-variant-8b5a2d55-ad02-01e1-1f97-74e1d4459f26) {
  justify-content: space-around;
  align-items: stretch;
}

.row-3:where(.w-variant-c19ffcfa-ac78-1a5c-fb5d-a298188342b0) {
  justify-content: center;
  align-items: stretch;
}

.row-3:where(.w-variant-c0cafb93-f51c-00d6-8662-18305738af57) {
  justify-content: flex-end;
  align-items: stretch;
}

.row-3:where(.w-variant-cc57d568-f4d0-2e18-a328-84c456e6ffb4) {
  justify-content: center;
  align-items: stretch;
}

.row-3:where(.w-variant-dae6531a-d04e-54e6-2c63-b877cb51f16e) {
  justify-content: flex-end;
  align-items: stretch;
}

.row-3:where(.w-variant-6b1136c2-80cf-39ef-5582-35914aa1d2d2) {
  justify-content: space-between;
  align-items: stretch;
}

.row-3:where(.w-variant-3b72a7e8-f8e8-0ec9-086d-7bffe110aea0) {
  justify-content: space-around;
  align-items: stretch;
}

.row-3.row-justify-around {
  justify-content: space-around;
}

.row-3.row-justify-center {
  justify-content: center;
}

.row-3.row-justify-between {
  justify-content: space-between;
  align-items: flex-start;
}

.row-3.row-align-center {
  align-items: center;
}

.row-3.row-align-end {
  justify-content: flex-start;
  align-items: flex-end;
}

.row-3.row-justify-end {
  justify-content: flex-end;
}

.row-3.row-no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.paragraph-12 {
  font-family: Abcfavorit, Arial, sans-serif;
  font-weight: 400;
}

.col {
  margin-bottom: var(--haufe-styleguide-stage---spacing-layout--row-col-gap);
  padding-right: var(--haufe-styleguide-stage---spacing-layout--row-col-half-gap);
  padding-left: var(--haufe-styleguide-stage---spacing-layout--row-col-half-gap);
  flex: 1;
}

.col.col-lg-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col.col-lg-6.u-v-center {
  align-self: center;
}

.col.col-lg-6.cc-tab-image-wrap, .col.col-lg-6.cc-tab-image-wrap-tab2 {
  justify-content: center;
  align-items: center;
  min-height: 38rem;
  display: flex;
}

.col.col-lg-6.cc-tab-image-wrap-tab2.col-md-12 {
  position: relative;
}

.col.col-lg-4 {
  flex-basis: 33.33%;
  max-width: 33.3333%;
}

.col.col-lg-8 {
  flex-basis: 66.67%;
  max-width: 66.6667%;
}

.col.col-lg-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.col.col-lg-10 {
  flex-basis: 83.33%;
  max-width: 83.3333%;
}

.col.col-lg-2 {
  flex-basis: 16.67%;
  max-width: 16.6667%;
}

.col.col-lg-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col.col-lg-1 {
  flex-basis: 8.33%;
  max-width: 8.33333%;
}

.col.col-lg-first {
  order: -1;
}

.col.col-lg-5 {
  flex-basis: 41.67%;
  max-width: 41.6667%;
}

.col.col-lg-7 {
  flex-basis: 58.33%;
  max-width: 58.3333%;
}

.col.col-lg-last {
  order: 1;
}

.col.col-lg-11 {
  flex-basis: 91.67%;
  max-width: 91.6667%;
}

.col.col-shrink {
  flex: 0 auto;
}

.col.col-lg-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col.col-no-gutters {
  padding-left: 0;
  padding-right: 0;
}

.col.col-lg-5-5 {
  flex-basis: 46%;
  max-width: 46%;
}

.u-mb-0 {
  margin-bottom: 0;
}

.section-6 {
  padding: var(--haufe-styleguide-stage---spacing-layout--section-padding-lg) 2.5rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.section-6:where(.w-variant-74b33094-fdcc-8886-8647-fc5f71ab83b2) {
  padding-top: 0;
  padding-bottom: 0;
}

.section-6:where(.w-variant-276d383d-5782-e12c-d23c-02e9b8ec252f) {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.section-6:where(.w-variant-374f6ca3-95f2-f663-6a04-a5b41a5caff8), .section-6:where(.w-variant-3fe1e39d-450a-8551-6f56-c171918d2496) {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.section-6:where(.w-variant-cf1e8ca2-1d6b-f935-4d13-6cd64d8993c6) {
  padding-top: 0;
  padding-bottom: 0;
}

.section-6:where(.w-variant-ed8d055a-ed8c-1c48-a945-cc44ba58efa1) {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.section-6:where(.w-variant-0758bc58-a1a7-3b15-b77d-8c89f71fdbe8) {
  padding-top: 12.5rem;
}

.section-6:where(.w-variant-d3fd6cd9-95bf-b702-dd00-22bb61617a0b) {
  padding-bottom: 12.5rem;
}

.section-6:where(.w-variant-a26cfe33-ad4c-b107-ab4f-110f3fb85589) {
  padding-top: 12.5rem;
}

.section-6:where(.w-variant-2550f22c-d649-be56-6989-f0b6e842a637) {
  padding-bottom: 12.5rem;
}

.section-6.cc-double-margin {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.section-6.cc-half-margin {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.c-card-tile {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  width: 100%;
  height: 100%;
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.c-card-tile:where(.w-variant-aefd95b0-7887-53c9-fcda-1b778cb2ab83) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.c-card-tile:where(.w-variant-2183b270-e120-206b-7d0a-340f7ce38227) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.c-card-tile:where(.w-variant-5dad84bb-6130-0bb1-16bc-49194dae480b) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.c-card-tile:where(.w-variant-654e6508-e093-2093-6682-f51d286ca2bc) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.c-card-tile:where(.w-variant-d8ab3465-9f91-e5b6-ad2b-81f9676e7bf1) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.c-card-tile:where(.w-variant-0d53c727-d0c7-e088-1709-cb8226842ec6) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.c-card-tile:where(.w-variant-9fd7bc5e-2f30-daaa-c66d-e14ec54dfe78) {
  border: 2px solid var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.c-card-tile.cc-p-sm {
  padding: 1rem;
}

.c-card-tile.cc-p-md {
  padding: 2rem;
}

.label {
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-label--font-size-md);
  line-height: var(--haufe-styleguide-stage---type-label--line-height);
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
  font-weight: 400;
}

.label.u-m-0:where(.w-variant-2183b270-e120-206b-7d0a-340f7ce38227), .label.u-m-0:where(.w-variant-5dad84bb-6130-0bb1-16bc-49194dae480b) {
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.h3 {
  margin-top: 0;
  margin-bottom: var(--haufe-styleguide-stage---type-h3--bottom-margin);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-h3--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-h3--line-height);
  font-weight: 400;
}

.h3.u-mb-0 {
  margin-bottom: 0;
}

.h2 {
  margin-top: 0;
  margin-bottom: var(--haufe-styleguide-stage---type-h2--bottom-margin);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-h2--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-h2--line-height);
  font-weight: 400;
}

.h2.u-mb-0 {
  margin-bottom: 0;
}

.styles__section-label {
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  border: 1px #000;
  justify-content: flex-start;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 23px;
  padding: 22px;
  display: flex;
}

.styles__card {
  background-color: #0073e61a;
  border: 1px solid #dbe5ff;
  border-radius: 8px;
  overflow: hidden;
}

.card-body {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2.25rem;
  position: relative;
}

.styles__card-preview {
  text-align: center;
  border-bottom: 1px solid #dbe5ff;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 120px;
  display: flex;
  position: relative;
}

.u-bg-white {
  background-color: #fff;
}

.h4 {
  margin-top: 0;
  margin-bottom: var(--haufe-styleguide-stage---type-h4--bottom-margin);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-h4--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-h4--line-height);
  font-weight: 400;
}

.u-mb-1 {
  margin-bottom: 1em;
}

.paragraph-small {
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-paragraph-small--font-size-md);
  letter-spacing: 0;
  font-weight: 400;
  line-height: 1.5em;
}

.u-bg-electric-blue {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.u-text-white {
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.u-m-0 {
  margin: 0;
}

.u-mt-1 {
  margin-top: 1em;
  display: none;
}

.u-img-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.u-mb-2 {
  margin-bottom: var(--haufe-styleguide-stage---spacing-utility-em--2em);
}

.u-pt-0 {
  padding-top: 0;
}

.u-p-0-3 {
  padding: 0;
}

.image-63 {
  object-fit: cover;
  max-width: 50%;
}

.image-63.cc-kunden-zitat {
  border-radius: 2.25rem;
  width: 3.75rem;
  height: 3.75rem;
  margin-right: 1.5rem;
}

.u-bg-darkgray {
  background-color: #302f2c;
}

.u-bg-midgray {
  background-color: #888680;
}

.u-bg-lightgray {
  background-color: #dfddd6;
}

.u-bg-navy-blue {
  background-color: #001344;
}

.u-text-electric-blue {
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.u-text-midgray {
  color: var(--haufe-styleguide-stage---colors-all--mid-gray);
}

.u-text-navy-blue {
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
}

.u-text-lightgray {
  color: var(--haufe-styleguide-stage---colors-all--light-gray);
}

.u-text-darkgray {
  color: var(--haufe-styleguide-stage---colors-all--dark-gray);
}

.u-mt-2 {
  margin-top: 2em;
}

.u-h-100 {
  height: 100%;
}

.u-d-inline-flex {
  display: inline-flex;
}

.u-pt-3 {
  padding-top: 3em;
}

.u-p-1 {
  padding: 1em;
}

.u-position-sticky {
  position: sticky;
}

.u-aspect-1x1 {
  aspect-ratio: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.u-border {
  width: 100%;
  height: 1px;
}

.u-position-relative {
  position: relative;
}

.u-ml-1 {
  margin-left: 1em;
}

.u-overflow-visible {
  overflow: visible;
}

.u-mlr-auto {
  margin-left: auto;
  margin-right: auto;
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-sr-only {
  white-space: nowrap;
  border: 0 solid #0000;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.u-link-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.u-pt-1 {
  padding-top: 1em;
}

.u-mt-0 {
  margin-top: 0;
}

.page-wrapper-2 {
  color: #001344;
  background-color: #fff;
  position: relative;
  overflow: clip;
}

.u-mt-auto {
  margin-top: auto;
}

.u-mr-1 {
  margin-right: 1em;
}

.u-text-right {
  text-align: right;
}

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

.u-pb-1 {
  padding-bottom: 1em;
}

.u-pb-0 {
  padding-bottom: 0;
}

.u-pt-2 {
  padding-top: 2em;
}

.u-w-100 {
  width: 100%;
}

.styles__utility-wrap {
  margin-bottom: 40px;
  padding: 1px;
}

.styles__utility-wrap.cc-margin {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/68d52a01c401299a02268d42_774cca6c19fd547df2764981705dbf2c_icon_bg-margin.svg");
  background-position: 0 0;
  background-size: 4px;
}

.styles__utility-wrap.cc-padding {
  background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/68d52a01c401299a02268d43_aaa1b42781aaf8c7d71b12a475e19c3a_icon_bg-padding.svg");
  background-position: 0 0;
  background-size: 4px;
}

.styles_utility-card {
  background-color: #0073e61a;
  border: 1px solid #0073e6;
  padding: 20px;
}

.u-z-index-1 {
  z-index: 1;
  position: relative;
}

.u-minh-100vh {
  min-height: 100vh;
}

.u-d-block {
  display: block;
}

.u-pb-2 {
  padding-bottom: 2em;
}

.u-d-none {
  display: none;
}

.u-mt-3 {
  margin-top: 3em;
}

.u-pb-3 {
  padding-bottom: 3em;
}

.styles__visual-block {
  text-align: center;
  background-color: #0073e61a;
  border: 1px solid #0073e6;
  border-radius: 3px;
  padding: 16px;
  position: relative;
}

.styles__row-example {
  border: 1px dashed #888680;
  height: 200px;
  margin-top: 4px;
  padding: 20px;
}

.c-card-content-wrap {
  display: inline-flex;
}

.c-card-content-wrap.cc-vertical {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.c-card-content-wrap.cc-mt-auto {
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
}

.u-bg-lighter-blue {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-lighter-blue);
}

.u-text-mid-blue {
  color: var(--haufe-styleguide-stage---colors-all--haufe-mid-blue);
}

.u-text-light-blue {
  color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.c-card-testimonial {
  grid-column-gap: 2.25rem;
  grid-row-gap: 2.25rem;
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 3rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.c-card-testimonial:where(.w-variant-aefd95b0-7887-53c9-fcda-1b778cb2ab83) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.c-card-testimonial:where(.w-variant-2183b270-e120-206b-7d0a-340f7ce38227) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.c-card-testimonial:where(.w-variant-5dad84bb-6130-0bb1-16bc-49194dae480b) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.c-card-testimonial.cc-p-sm {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding: 1rem;
}

.c-card-testimonial.cc-p-md {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  padding: 2rem;
}

.c-spacer {
  width: 100%;
  height: 0;
}

.c-spacer:where(.w-variant-465d30a1-2ccc-e55b-207a-5386898fef49) {
  height: .5rem;
}

.c-spacer:where(.w-variant-f4ee4d70-ee18-a989-7bce-b0c76f826cce) {
  height: 1rem;
}

.c-spacer:where(.w-variant-b173162a-3139-a7fc-3680-d3e6b6f7485b) {
  height: 2rem;
}

.c-spacer:where(.w-variant-59fec51c-36b5-778d-365c-de3a53b52977) {
  height: 3rem;
}

.c-spacer:where(.w-variant-322704a0-644a-4fe6-5c75-718b3286c250) {
  height: 4rem;
}

.body__haufe-v2 {
  font-family: Abcfavorit, Arial, sans-serif;
}

.u-d-flex {
  display: flex;
}

.u-d-flex.cc-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
}

.page-wrapper-3 {
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  position: relative;
}

.doc__selector-callout-3 {
  color: #fff;
  letter-spacing: .01em;
  background-color: #0500ff;
  border-radius: 3px;
  margin-top: .1em;
  margin-bottom: .1em;
  margin-right: .2em;
  padding: .08em .6em;
  font-size: .8rem;
  line-height: 1.7;
  display: inline-block;
  position: relative;
  top: -1px;
}

.doc__selector-callout-3.cc-component {
  background-color: #13be00;
  margin-top: 1em;
  margin-bottom: 1em;
}

.u-mb-3-3 {
  margin-bottom: 3em;
}

.header-top {
  z-index: 999;
  position: relative;
}

.header-top.cc-sticky {
  position: sticky;
  top: 0;
}

.c-help-wrap {
  z-index: 10000;
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-lighter-blue);
  width: 94%;
  min-height: 18.75rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2.3rem;
  position: fixed;
  inset: 2.4rem 0% auto;
  box-shadow: 0 2px 30px #0003;
}

.container {
  width: 100%;
  max-width: var(--haufe-styleguide-stage---spacing-layout--container-max-width);
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  overflow: visible;
}

.row {
  margin-right: var(--haufe-styleguide-stage---spacing-layout--row-col-neg-half-gap);
  margin-bottom: var(--haufe-styleguide-stage---spacing-utility-em--2em);
  margin-left: var(--haufe-styleguide-stage---spacing-layout--row-col-neg-half-gap);
  flex-wrap: wrap;
  align-content: stretch;
  display: flex;
}

.row:where(.w-variant-87400fb4-4e99-c654-0d1f-5abda0df30cb) {
  justify-content: space-between;
  align-items: stretch;
}

.row:where(.w-variant-8b5a2d55-ad02-01e1-1f97-74e1d4459f26) {
  justify-content: space-around;
  align-items: stretch;
}

.row:where(.w-variant-c19ffcfa-ac78-1a5c-fb5d-a298188342b0) {
  justify-content: center;
  align-items: stretch;
}

.row:where(.w-variant-c0cafb93-f51c-00d6-8662-18305738af57) {
  justify-content: flex-end;
  align-items: stretch;
}

.row:where(.w-variant-cc57d568-f4d0-2e18-a328-84c456e6ffb4) {
  justify-content: center;
  align-items: stretch;
}

.row:where(.w-variant-dae6531a-d04e-54e6-2c63-b877cb51f16e) {
  justify-content: flex-end;
  align-items: stretch;
}

.row:where(.w-variant-6b1136c2-80cf-39ef-5582-35914aa1d2d2) {
  justify-content: space-between;
  align-items: stretch;
}

.row:where(.w-variant-3b72a7e8-f8e8-0ec9-086d-7bffe110aea0) {
  justify-content: space-around;
  align-items: stretch;
}

.row.row-justify-between {
  justify-content: space-between;
}

.section {
  padding: var(--haufe-styleguide-stage---spacing-layout--section-padding-lg) 2.5rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.section:where(.w-variant-74b33094-fdcc-8886-8647-fc5f71ab83b2) {
  padding-top: 0;
  padding-bottom: 0;
}

.section:where(.w-variant-276d383d-5782-e12c-d23c-02e9b8ec252f) {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.section:where(.w-variant-374f6ca3-95f2-f663-6a04-a5b41a5caff8), .section:where(.w-variant-3fe1e39d-450a-8551-6f56-c171918d2496) {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.section:where(.w-variant-cf1e8ca2-1d6b-f935-4d13-6cd64d8993c6) {
  padding-top: 0;
  padding-bottom: 0;
}

.section:where(.w-variant-ed8d055a-ed8c-1c48-a945-cc44ba58efa1) {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.section:where(.w-variant-0758bc58-a1a7-3b15-b77d-8c89f71fdbe8) {
  padding-top: 12.5rem;
}

.section:where(.w-variant-d3fd6cd9-95bf-b702-dd00-22bb61617a0b) {
  padding-bottom: 12.5rem;
}

.section:where(.w-variant-a26cfe33-ad4c-b107-ab4f-110f3fb85589) {
  padding-top: 12.5rem;
}

.section:where(.w-variant-2550f22c-d649-be56-6989-f0b6e842a637) {
  padding-bottom: 12.5rem;
}

.section.cc-no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section.cc-no-padding.cc-full-width {
  padding-left: 0;
  padding-right: 0;
}

.section.u-pb-0 {
  padding-bottom: 0;
}

.section.cc-pb-gap {
  padding-bottom: var(--haufe-styleguide-stage---spacing-layout--row-col-gap);
}

.c-heading {
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-h1--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-h1--line-height);
  margin-left: -.15rem;
  font-weight: 400;
}

.c-heading:where(.w-variant-9bc05784-535a-6bdf-f3d2-6f9c39f9ffe2) {
  font-size: var(--haufe-styleguide-stage---type-h2--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-h2--line-height);
  font-weight: var(--type-h2--font-weight);
  margin-left: -.15rem;
}

.c-heading:where(.w-variant-86b6513c-e2a6-ef41-4975-f9327f0c4a17) {
  font-size: var(--haufe-styleguide-stage---type-h3--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-h3--line-height);
  margin-left: 0;
}

.c-heading:where(.w-variant-aa6a9b50-fb8b-59ed-0cfb-7367e816f5f4) {
  font-size: var(--haufe-styleguide-stage---type-h4--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-h4--line-height);
  margin-left: 0;
}

.c-button-group {
  grid-column-gap: var(--haufe-styleguide-stage---spacing-layout--row-col-gap);
  grid-row-gap: var(--haufe-styleguide-stage---spacing-layout--row-col-gap);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.row-no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.btn-icon-2 {
  max-width: 21px;
  line-height: 1;
}

.c-button-l-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---component-button--font-size-lg);
  line-height: var(--haufe-styleguide-stage---component-button--line-height);
  text-align: center;
  cursor: pointer;
  background-color: #fe73b2;
  border: 0 solid #000;
  border-radius: 3.75rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.95rem;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .3s, border-color .3s cubic-bezier(.25, .46, .45, .94);
  display: inline-flex;
  box-shadow: inset 0 0 #0000;
}

.c-button-l-2:where(.w-variant-c26166c2-088e-8056-fd4a-2fef54bb2156) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.c-button-l-2:where(.w-variant-c26166c2-088e-8056-fd4a-2fef54bb2158) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.c-button-l-2:where(.w-variant-c26166c2-088e-8056-fd4a-2fef54bb2159) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.c-button-l-2:where(.w-variant-c26166c2-088e-8056-fd4a-2fef54bb2157) {
  border-width: 1px;
  border-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  background-color: #0500ff00;
}

.c-button-l-2:where(.w-variant-c26166c2-088e-8056-fd4a-2fef54bb215b) {
  color: var(--haufe-styleguide-stage---colors-all--white);
  background-color: #fff0;
  border-width: 1px;
  border-color: #fff;
}

.c-button-l-2:where(.w-variant-c26166c2-088e-8056-fd4a-2fef54bb215a) {
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.c-button-l-2:hover {
  box-shadow: inset 0 0 0 100px #fff3;
}

.c-button-l-2:hover:where(.w-variant-c26166c2-088e-8056-fd4a-2fef54bb2156) {
  box-shadow: inset 0 0 0 100px #ffffff26;
}

.c-button-l-2:hover:where(.w-variant-c26166c2-088e-8056-fd4a-2fef54bb2157) {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  box-shadow: none;
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.c-button-l-2.cc-electric-blue {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--white);
}

.c-slider_wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}

.c-slider_meta-wrap {
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 2.5rem;
  padding-bottom: 2rem;
  display: flex;
}

.btn-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---component-button--font-size-lg);
  line-height: var(--haufe-styleguide-stage---component-button--line-height);
  text-align: center;
  cursor: pointer;
  background-color: #fe73b2;
  border: 0 solid #000;
  border-radius: 3.75rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 2.25rem;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .3s, border-color .3s cubic-bezier(.25, .46, .45, .94);
  display: inline-flex;
  box-shadow: inset 0 0 #0000;
}

.btn-2:hover {
  box-shadow: inset 0 0 0 100px #fff3;
}

.c-embed {
  z-index: -1;
  width: 0;
  height: 0;
  margin-bottom: 0;
  position: absolute;
  inset: auto 0% 0% auto;
}

.modal {
  z-index: 10;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--haufe-styleguide-stage---colors-all--white);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--haufe-styleguide-stage---colors-all--white);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--haufe-styleguide-stage---colors-all--white);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--haufe-styleguide-stage---colors-all--white);
  border-top-left-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  border-top-right-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  border-bottom-left-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  border-bottom-right-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  width: 90%;
  max-width: 800px;
  padding: 3rem;
  transition-property: opacity;
  transition-duration: .4s;
  transition-timing-function: ease;
  overflow-y: auto;
}

.modal:where(.w-variant-433514c5-9ba0-14c2-3630-40b491da13a0) {
  padding: 4.5rem;
}

.modal:where(.w-variant-433514c5-9ba0-14c2-3630-40b491da13a1) {
  padding: 6rem;
}

.modal_close-button {
  background-color: #efefef00;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  inset: .75rem .75rem auto auto;
}

.modal_close-button:hover {
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.modal_content-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.modal-btn-wrap {
  flex: none;
  justify-content: center;
  align-items: center;
  height: 100px;
  display: flex;
}

.container-13 {
  width: 100%;
  max-width: var(--haufe-styleguide-stage---spacing-layout--container-max-width);
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  overflow: visible;
}

.btn-3 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---component-button--font-size-lg);
  line-height: var(--haufe-styleguide-stage---component-button--line-height);
  text-align: center;
  cursor: pointer;
  background-color: #fe73b2;
  border: 0 solid #000;
  border-radius: 3.75rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 2.25rem;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .3s, border-color .3s cubic-bezier(.25, .46, .45, .94);
  display: inline-flex;
  box-shadow: inset 0 0 #0000;
}

.btn-3:hover {
  box-shadow: inset 0 0 0 100px #fff3;
}

.btn-3.medium {
  padding: .5rem 1.5rem;
}

.btn-3.medium.cc-secondary.nav-btn {
  box-shadow: none;
  transition: color .3s, background-color .3s;
}

.btn-3.medium.cc-secondary.nav-btn:hover {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
}

.btn-3.cc-secondary {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: #fff;
  box-shadow: inset 0 0 #0000;
}

.btn-3.cc-secondary:hover {
  box-shadow: inset 0 0 0 100px #ffffff26;
}

.nav {
  z-index: 100;
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  text-transform: none;
  justify-content: space-between;
  align-items: center;
  height: 7.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  line-height: 1.1;
  display: flex;
  position: sticky;
  top: 0;
}

.nav-logo {
  width: 6.25rem;
  min-width: 6.25rem;
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  line-height: .8;
}

.nav-link {
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  font-size: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
  background-color: #0000;
  padding: .5rem 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color .3s;
  display: block;
}

.nav-link.w--current {
  text-decoration: none;
}

.nav-link.cc-mein-konto {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  display: flex;
}

.nav-link.cc-mein-konto:hover {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.nav-link.cc-shop {
  border-radius: var(--haufe-styleguide-stage---component-button--border-radius);
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}

.nav-link.cc-shop:hover {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.nav_menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.nav_dropdown-list {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.nav_dropdown-list.w--open {
  background-color: #0000;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  inset: 7.5rem auto auto 0;
  overflow: hidden;
}

.nav_dropdown-list.cc-on-col {
  box-shadow: none;
}

.nav_dropdown-list.cc-on-col.w--open {
  width: auto;
  min-width: 0;
  max-width: none;
  box-shadow: none;
  background-color: #0000;
  margin-top: -2rem;
  margin-left: -1rem;
  padding: 1rem;
  left: auto;
}

.nav_dropdown-list.cc-no-shadow {
  box-shadow: none;
}

.nav_dropdown-list.cc-no-shadow.w--open {
  margin-top: -2rem;
  padding-top: 1rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.nav_tabs-menu {
  margin-bottom: var(--haufe-styleguide-stage---spacing-utility-rem--2-5rem);
  grid-column-gap: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
  grid-row-gap: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
  border-radius: var(--haufe-styleguide-stage---spacing-utility-rem--8rem);
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-lighter-blue);
  text-transform: uppercase;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: inline-block;
}

.nav_menu-dropdown {
  border-radius: var(--haufe-styleguide-stage---component-button--border-radius);
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  cursor: pointer;
  transition: background-color .3s;
  position: static;
}

.nav_menu-dropdown:hover {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
}

.navbar-menu-button {
  padding: 0;
}

.nav_tabs-content {
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
}

.nav_text-link {
  font-size: var(--haufe-styleguide-stage---component-button--font-size-lg);
  padding: .5rem 0;
  font-weight: 400;
}

.nav_text-link:hover {
  text-decoration: underline;
}

.nav_text-link.w--current {
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.nav_menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
}

.nav_logo-link {
  padding: 1.75rem 3.5rem 1.75rem 0;
}

.nav_menu-left {
  grid-column-gap: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
  grid-row-gap: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
  align-items: stretch;
  display: flex;
}

.nav_button-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.nav_wrapper {
  display: flex;
}

.nav_produkte-section {
  z-index: 0;
  max-width: 97.5rem;
  padding: var(--haufe-styleguide-stage---spacing-utility-rem--2-5rem) 2rem var(--haufe-styleguide-stage---spacing-utility-rem--3rem);
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  border-radius: .75rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  overflow: clip;
  box-shadow: 0 0 1rem #00000026;
}

.nav_single-section {
  z-index: 0;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  width: 100%;
  box-shadow: 0 0 var(--haufe-styleguide-stage---spacing-utility-rem--1rem) 0 #00000026;
  border-radius: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 2rem 2.5rem;
  position: relative;
  left: auto;
  overflow: clip;
}

.nv_text-mein-konto-tablet {
  display: none;
}

.nav_dropdown-icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-top: .125rem;
  display: flex;
  transform: rotate(0);
}

.nav_dropdown-icon.cc-produkte {
  transition: transform .4s cubic-bezier(.25, .46, .45, .94);
}

.nav_text-icon-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.nav_divider {
  display: none;
}

.nav_dropdown-trigger {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  font-size: 1rem;
  display: none;
  position: relative;
}

.tab-style {
  color: #001344;
  text-align: center;
  text-transform: none;
  background-color: #fff0;
  border-radius: 3.75rem;
  padding: .75rem 1.5rem;
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.tab-style.w--current {
  background-color: #dbe5ff;
  border-radius: 3.75rem;
  text-decoration: none;
}

.tab-style.cc-first {
  margin-right: var(--haufe-styleguide-stage---spacing-utility-rem--0-75rem);
}

.nav_dropdown-content {
  display: none;
}

.nav_dropdown-content.cc-first {
  display: block;
}

.doc__selector-callout-4 {
  color: #fff;
  letter-spacing: .01em;
  background-color: #0500ff;
  border-radius: 3px;
  margin-top: .1em;
  margin-bottom: .1em;
  margin-right: .2em;
  padding: .08em .6em;
  font-size: .8rem;
  line-height: 1.7;
  display: inline-block;
  position: relative;
  top: -1px;
}

.doc__selector-callout-4.cc-component {
  background-color: #13be00;
  margin-top: 1em;
  margin-bottom: 1em;
}

.c-help-wrap-2 {
  z-index: 10000;
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-lighter-blue);
  width: 94%;
  min-height: 18.75rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2.3rem;
  position: fixed;
  inset: 2.4rem 0% auto;
  box-shadow: 0 2px 30px #0003;
}

.container-14 {
  width: 100%;
  max-width: var(--haufe-styleguide-stage---spacing-layout--container-max-width);
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  overflow: visible;
}

.section-7 {
  padding: var(--haufe-styleguide-stage---spacing-layout--section-padding-lg) 2.5rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.section-7:where(.w-variant-74b33094-fdcc-8886-8647-fc5f71ab83b2) {
  padding-top: 0;
  padding-bottom: 0;
}

.section-7:where(.w-variant-276d383d-5782-e12c-d23c-02e9b8ec252f) {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.section-7:where(.w-variant-374f6ca3-95f2-f663-6a04-a5b41a5caff8), .section-7:where(.w-variant-3fe1e39d-450a-8551-6f56-c171918d2496) {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.section-7:where(.w-variant-cf1e8ca2-1d6b-f935-4d13-6cd64d8993c6) {
  padding-top: 0;
  padding-bottom: 0;
}

.section-7:where(.w-variant-ed8d055a-ed8c-1c48-a945-cc44ba58efa1) {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.section-7:where(.w-variant-0758bc58-a1a7-3b15-b77d-8c89f71fdbe8) {
  padding-top: 12.5rem;
}

.section-7:where(.w-variant-d3fd6cd9-95bf-b702-dd00-22bb61617a0b) {
  padding-bottom: 12.5rem;
}

.section-7:where(.w-variant-a26cfe33-ad4c-b107-ab4f-110f3fb85589) {
  padding-top: 12.5rem;
}

.section-7:where(.w-variant-2550f22c-d649-be56-6989-f0b6e842a637) {
  padding-bottom: 12.5rem;
}

.u-flex-wrap {
  grid-column-gap: var(--haufe-styleguide-stage---spacing-layout--row-col-gap);
  grid-row-gap: var(--haufe-styleguide-stage---spacing-layout--row-col-gap);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.swiper {
  width: 100%;
  position: relative;
  overflow: visible;
}

.swiper.cc-main {
  overflow: visible;
}

.swiper-wrapper {
  flex-flow: row;
  display: flex;
  overflow: visible;
}

.swiper-wrapper.cc-main {
  flex-flow: row;
  align-items: stretch;
  overflow: visible;
}

.swiper-nav-wrap {
  z-index: 10;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  padding-top: 3.5rem;
  display: flex;
  position: relative;
}

.swiper-next {
  width: 3rem;
  height: 3rem;
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  cursor: pointer;
}

.swiper-next:hover {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
  border-radius: 5rem;
}

.swiper-prev {
  cursor: pointer;
  border-radius: 5rem;
  width: 3rem;
  height: 3rem;
}

.swiper-prev:hover {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.swiper-nav {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.swiper-slide {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.swiper-slide.cc-slide-sm {
  flex: none;
  width: 29rem;
}

.swiper-slide-slot {
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
}

.container-15 {
  width: 100%;
  max-width: var(--haufe-styleguide-stage---spacing-layout--container-max-width);
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  overflow: visible;
}

.row-4 {
  margin-right: var(--haufe-styleguide-stage---spacing-layout--row-col-neg-half-gap);
  margin-bottom: var(--haufe-styleguide-stage---spacing-layout--row-col-neg-gap);
  margin-left: var(--haufe-styleguide-stage---spacing-layout--row-col-neg-half-gap);
  flex-wrap: wrap;
  align-content: stretch;
  display: flex;
}

.row-4:where(.w-variant-87400fb4-4e99-c654-0d1f-5abda0df30cb) {
  justify-content: space-between;
  align-items: stretch;
}

.row-4:where(.w-variant-8b5a2d55-ad02-01e1-1f97-74e1d4459f26) {
  justify-content: space-around;
  align-items: stretch;
}

.row-4:where(.w-variant-c19ffcfa-ac78-1a5c-fb5d-a298188342b0) {
  justify-content: center;
  align-items: stretch;
}

.row-4:where(.w-variant-c0cafb93-f51c-00d6-8662-18305738af57) {
  justify-content: flex-end;
  align-items: stretch;
}

.row-4:where(.w-variant-cc57d568-f4d0-2e18-a328-84c456e6ffb4) {
  justify-content: center;
  align-items: stretch;
}

.row-4:where(.w-variant-dae6531a-d04e-54e6-2c63-b877cb51f16e) {
  justify-content: flex-end;
  align-items: stretch;
}

.row-4:where(.w-variant-6b1136c2-80cf-39ef-5582-35914aa1d2d2) {
  justify-content: space-between;
  align-items: stretch;
}

.row-4:where(.w-variant-3b72a7e8-f8e8-0ec9-086d-7bffe110aea0) {
  justify-content: space-around;
  align-items: stretch;
}

.col-2 {
  margin-bottom: var(--haufe-styleguide-stage---spacing-layout--row-col-gap);
  padding-right: var(--haufe-styleguide-stage---spacing-layout--row-col-half-gap);
  padding-left: var(--haufe-styleguide-stage---spacing-layout--row-col-half-gap);
  flex: 1;
}

.col-2.col-lg-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-2.col-lg-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.u-mb-0-2 {
  margin-bottom: 0;
}

.u-mb-2-2 {
  margin-bottom: var(--haufe-styleguide-stage---spacing-utility-em--2em);
}

.footer_section {
  padding: var(--haufe-styleguide-stage---spacing-layout--section-padding-lg) 2.5rem;
  background-color: #f2f6ff;
  position: relative;
}

.footer_title {
  font-size: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
  margin-bottom: 1em;
  font-weight: 500;
  line-height: 1em;
}

.footer_link {
  color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  font-size: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
  margin-bottom: 1em;
  font-weight: 400;
  line-height: 1.2em;
  text-decoration: none;
  display: block;
}

.footer_link:hover {
  text-decoration: underline;
}

.footer_legal-links {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  display: inline-flex;
}

.footer_social-links-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.footer_social-links-wrapper.cc-minimal-footer {
  margin-top: -.6rem;
}

.footer_haufe-group-link {
  width: 6.3125rem;
  margin-left: -1rem;
}

.footer_wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer_social-links {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.3125rem;
  height: 2.3125rem;
  transition: box-shadow .3s;
  display: flex;
  box-shadow: inset 0 0 #0000;
}

.footer_social-links:hover {
  box-shadow: inset 0 0 0 100px #ffffff26;
}

.yt_icon {
  padding: 8px;
}

.tab-hero {
  justify-content: flex-start;
  align-items: center;
  height: 40rem;
  display: flex;
}

.tab-hero_menu {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  height: 50%;
  margin-left: 4rem;
  display: flex;
}

.tab-hero_menu-link {
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 3px;
  height: 3rem;
  padding: 0;
  display: flex;
}

.tab-hero_menu-link.w--current {
  background-color: #ddd;
}

.tab-hero_content {
  width: 99%;
}

.tab-hero_pane {
  overflow: hidden;
}

.tab-hero_video {
  cursor: not-allowed;
  width: 100%;
  height: 55rem;
  display: block;
  position: absolute;
  top: -16rem;
}

.tab-hero_video.cc-tab-2-video {
  z-index: 6;
  position: absolute;
  inset: -16.5rem 0% auto auto;
}

.tab-hero_progress {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  width: 3px;
  height: 0%;
}

.c-popup_content-v2 {
  z-index: 1;
  background-color: #fff;
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1140px;
  min-height: calc(100vh - 120px);
  padding: 0 .6rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c-popup_content-v2.is-dark {
  color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
}

.c-layout_timeline-v2 {
  z-index: 1;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 100px 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: start center;
  place-items: start center;
  display: flex;
  position: relative;
}

.c-timeline_component-v2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  max-width: 40rem;
  display: flex;
}

.c-timeline_circle-v2 {
  z-index: 1;
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  width: 44px;
  height: 44px;
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-family: Abcfavorit, Arial, sans-serif;
  line-height: 1;
  transition: background-color .2s;
  display: flex;
  transform: translate(0, -50%);
}

.cn-card-v2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #fff;
  border-radius: 6px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.cn-card-v2.is-widetile {
  z-index: 1;
  grid-column: span 4;
  align-items: stretch;
  position: relative;
  overflow: hidden;
}

.cn-card-v2.is-card_wide {
  z-index: 1;
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-lighter-blue);
  border-radius: 24px;
  align-items: stretch;
  width: 100%;
  min-height: 550px;
  padding: 2.5rem;
  position: sticky;
  top: 140px;
}

.cn-card-v2.is-card_wide.is-dark {
  color: #fff;
  background-color: #000;
}

.cn-card-v2.is-timeline {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 38vw;
  max-width: 500px;
  position: relative;
}

.cn-card-v2.is-smallcards {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 16rem;
  font-size: .8rem;
  line-height: 1.5;
  display: flex;
}

.cn-card-v2.is-square {
  aspect-ratio: 1;
  grid-column: span 2;
}

.u-btn-electric-blue {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.u-btn-navy-blue {
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
  color: var(--haufe-styleguide-stage---colors-all--white);
}

.u-btn-white {
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.u-btn-white-ghost {
  border: 1px solid var(--white);
  color: var(--white);
  background-color: #0000;
}

.u-btn-white-ghost:hover {
  background-color: var(--haufe-styleguide-stage---colors-all--white);
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.paragraph-13 {
  font-family: Abcfavorit, Arial, sans-serif;
  font-weight: 400;
}

.paragraph-big {
  margin-bottom: var(--haufe-styleguide-stage---type-paragraph-medium--bottom-margin);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-paragraph-big--font-size-lg);
  line-height: var(--haufe-styleguide-stage---type-paragraph-medium--line-height);
  font-weight: 400;
}

.paragraph-small-2 {
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: var(--haufe-styleguide-stage---type-paragraph-small--font-size-md);
  letter-spacing: 0;
  font-weight: 400;
  line-height: 1.5em;
}

.u-text-electric-blue-2 {
  color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
}

.u-d-inline-flex-2 {
  display: inline-flex;
}

.u-d-inline-flex-2.c-card-pricing_meta {
  margin-top: -1.2rem;
  margin-bottom: 2.5rem;
}

.c-card-pricing {
  border: 2px solid var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 500px;
  padding: 2rem 1.5rem;
  display: flex;
  position: relative;
}

.c-card-pricing:where(.w-variant-4908b4e6-feb0-1a2f-5b6b-d370af869810) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

.c-card-pricing_featured {
  z-index: 1;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  border-top-left-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  border-top-right-radius: var(--haufe-styleguide-stage---component-card--border-radius);
  background-color: var(--haufe-styleguide-stage---colors-all--haufe-electric-blue);
  height: 3rem;
  color: var(--haufe-styleguide-stage---colors-all--white);
  justify-content: center;
  align-items: center;
  width: calc(100% + 4px);
  display: none;
  position: absolute;
  inset: -3rem 0% auto -2px;
}

.c-card-pricing_featured:where(.w-variant-4908b4e6-feb0-1a2f-5b6b-d370af869810) {
  display: flex;
}

html.w-mod-js [data-ix="init-modal"] {
  display: none;
  transform: translate(100%);
}

html.w-mod-js [data-ix="solution-link-initstate"] {
  opacity: 0;
  display: none;
  transform: translate(0, 20px);
}

html.w-mod-js [data-ix="screen-text-right-ini"] {
  opacity: 0;
  transform: translate(100px);
}

@media screen and (min-width: 1280px) {
  .haufe-styleguide-stage--container.haufe-styleguide-stage--cc-nav {
    width: 88%;
  }

  .haufe-styleguide-stage--nav-link {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .haufe-styleguide-stage--nav_logo-link {
    padding-right: 2.3rem;
  }

  .haufe-styleguide-stage--nav_menu-left {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
  }

  .haufe-styleguide-stage--c-hero_content {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .haufe-styleguide-stage--c-hero_content:where(.w-variant-83c1ad46-1f3b-6f27-8308-86c2adb6d859) {
    padding-left: 1rem;
  }

  .haufe-styleguide-stage--c-hero_image-wrap {
    justify-content: center;
    align-items: center;
  }

  .haufe-styleguide-stage--paragraph {
    font-size: var(--haufe-styleguide-stage---type-body--font-size-lg);
  }

  .haufe-styleguide-stage--paragraph-big {
    font-size: var(--haufe-styleguide-stage---type-paragraph-big--font-size-lg);
  }

  .haufe-styleguide-stage--label {
    font-size: var(--haufe-styleguide-stage---type-label--font-size-lg);
  }

  .haufe-styleguide-stage--h3 {
    font-size: var(--haufe-styleguide-stage---type-h3--font-size-lg);
  }

  .haufe-styleguide-stage--h2 {
    font-size: var(--haufe-styleguide-stage---type-h2--font-size-lg);
  }

  .haufe-styleguide-stage--h1 {
    font-size: var(--haufe-styleguide-stage---type-h1--font-size-lg);
  }

  .haufe-styleguide-stage--paragraph-small {
    font-size: var(--haufe-styleguide-stage---type-paragraph-small--font-size-lg);
  }

  .haufe-styleguide-stage--footer_wrapper.haufe-styleguide-stage--u-mb-2 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .ioverlay-close {
    margin-top: 0;
    top: 140px;
  }

  .c-section.cc-services {
    padding-top: 0;
    padding-bottom: 160px;
  }

  .c-section.cc-tech {
    padding-top: 200px;
  }

  .c-section.cc-tt-video {
    background-position: 100% 100%, 0 0;
  }

  .c-section.cc-tt-video.hide {
    display: block;
  }

  .c-section.cc-section-taxtalks {
    padding-top: 80px;
  }

  .c-nav-container-2 {
    display: none;
  }

  .c-herosmall {
    margin-top: 140px;
    display: flex;
  }

  .c-herosmall.abstand {
    min-height: 350px;
  }

  .stage-small-img.stage-img-rechner {
    height: 350px;
  }

  .c-navigation_container {
    position: fixed;
  }

  .c-newcontainer.cc-relative.hdt_width {
    margin-bottom: -44px;
  }

  .c-card.hdt_anmeldung {
    max-width: 1200px;
    margin-top: -257px;
    padding-bottom: 53px;
  }

  .c-benefits.hdt_abstand {
    padding-top: 0;
  }

  .c-hero.cc-duale {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43fbb_Background.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 140px;
    padding-bottom: 100px;
  }

  .c-hero.cc-duale.smaller {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43fbb_Background.svg");
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 75px;
  }

  .c-testimony.cc_dtbnew.kv_bereich {
    padding-bottom: 0;
  }

  .c-testimony-block.cc-dtbnew.c-card.hdt_kv_kop.seeme {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43dce_see_me.png");
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 70px;
  }

  .c-dtbbutton-tertiary.cc-kurse {
    margin-top: 64px;
  }

  .c-kurse_card-content.cc-slider {
    text-align: left;
  }

  .c-kurse_slider_wrapper {
    text-align: center;
    padding-top: 152px;
    position: relative;
  }

  .c-kurse_prev-arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: -80px;
    transform: translate(0, -50%);
  }

  .c-kurse_next-arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: auto;
    right: -80px;
    transform: translate(0, -50%);
  }

  .cds-content-green {
    display: block;
  }

  .c-cta-wrapper-tax-talks.cc-compo {
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    display: flex;
  }

  .cds-content-blue, .cds-video_content-block2, .cds-content-pink {
    display: block;
  }

  .cds-content-gray {
    display: flex;
  }

  .cds-video_content-block3 {
    display: block;
  }

  .cds-ie-intro.showroom_mobile {
    height: 90vh;
  }

  .hdt_kv_kreis {
    max-width: 120%;
    padding-top: 73px;
  }

  .c-newnav-dropdownlist-nostyle {
    display: none;
  }

  .c-navigation {
    display: block;
  }

  .c-container-new {
    width: 100%;
    max-width: 1348px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
  }

  .c-hero-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .c-hero_left {
    width: 100%;
    max-width: 530px;
    color: var(--dim-grey);
    margin-right: 20px;
  }

  .c-hero_title {
    color: var(--black-100);
    margin-top: 0;
    margin-bottom: 0;
    font-family: Bebasneue, sans-serif;
    font-size: 100px;
    font-weight: 400;
    line-height: 88px;
  }

  .c-hero_title.smaller.bubbleheader {
    background-image: none;
    padding-top: 0;
    padding-left: 90px;
    padding-right: 172px;
    font-size: 100px;
  }

  .c-hero_scroll-down {
    border: 1px solid #232a36;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-top: 66px;
    transition: all .35s cubic-bezier(.455, .03, .515, .955);
    display: flex;
  }

  .c-hero_scroll-down:hover {
    background-color: #f7f7f7;
  }

  .c-hero_right {
    text-align: center;
    width: 100%;
    max-width: 640px;
  }

  .c-divider-line {
    background-color: #e7e7e8;
    width: 100%;
    max-width: 753px;
    height: 1px;
    margin-bottom: 37px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-right: 0;
  }

  .c-button-m {
    background-color: var(--royal-blue);
    color: var(--white);
    text-align: center;
    padding: 12px 30px;
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    transition: opacity .35s cubic-bezier(.455, .03, .515, .955);
  }

  .c-button-m:hover {
    background-color: #0050e7;
  }

  .c-services_compo {
    margin-top: 60px;
  }

  .c-compo_wrapper {
    max-width: 670px;
  }

  .c-zuku_dropdowns {
    margin-left: 0;
  }

  .heropicsmaller {
    display: inline-block;
  }

  .c-hero_scroll-down-2 {
    border: 1px solid #232a36;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-top: 66px;
    transition: all .35s cubic-bezier(.455, .03, .515, .955);
    display: flex;
  }

  .c-hero_scroll-down-2:hover {
    background-color: #f7f7f7;
  }

  .c-hero_title-2 {
    color: #232a36;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Bebasneue, sans-serif;
    font-size: 100px;
    font-weight: 400;
    line-height: 88px;
  }

  .c-hero_left-2 {
    color: #646973;
    width: 100%;
    max-width: 530px;
    margin-right: 20px;
  }

  .bubbleheader {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440c7_Bubble_Header.jpg");
    background-position: 100% 0;
    background-size: cover;
    padding-top: 160px;
    padding-bottom: 145px;
  }

  .image-42 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
  }

  .wp_image.studie {
    background-position: 50% 70%;
  }

  .wp-sticker-text {
    margin-top: 6px;
  }

  .wp_card_heading {
    font-size: 18px;
    line-height: 22px;
  }

  .image-43 {
    width: 16px;
    height: 16px;
  }

  .nk_inhalte_section {
    grid-column-gap: 5%;
    grid-row-gap: 5%;
    justify-content: flex-start;
    margin-left: 15%;
    margin-right: 15%;
  }

  .nk_studie {
    margin-left: 15%;
    margin-right: 15%;
  }

  .c-button-8 {
    display: inline-block;
  }

  .c-container-m {
    display: block;
  }

  .tt_vortragbox {
    max-width: none;
    height: auto;
  }

  .image-49.abstand {
    height: auto;
  }

  .c-cardteaser-content_small {
    color: #3a3e41;
    font-size: 18px;
  }

  .html-embed-5.u-m0 {
    width: auto;
  }

  .tt_vortraginfo {
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
  }

  .tt_vortraginfo.green {
    min-height: auto;
  }

  .tt_vortraginfo.tt_certification {
    line-height: 25px;
  }

  .image-48 {
    height: auto;
  }

  .c-heading-6 {
    margin-bottom: 20px;
  }

  .c-heading-6.tax-talks {
    padding-top: 31px;
  }

  .speakercard_wrapper {
    border-radius: 30px;
    min-height: 0;
    padding: 5%;
  }

  .slide_arrows {
    margin-top: -21px;
  }

  .tt-cta-card {
    background-image: linear-gradient(53deg, #00c5ff, #0e007c);
  }

  .tt-cta-card.abstand {
    margin-left: 50px;
  }

  .c-button-9 {
    display: inline-block;
  }

  .c-list-bullet-2 {
    padding-top: 0;
  }

  .div-slick-wrapper {
    margin-top: 20px;
  }

  .div-block-35, .image-57 {
    display: none;
  }

  .tt_vortragbox-2 {
    max-width: none;
    height: auto;
    padding: 15px;
    font-weight: 300;
  }

  .bold-text-6 {
    font-weight: 400;
    line-height: 25px;
  }

  .bold-text-7, .bold-text-8, .bold-text-9 {
    font-weight: 400;
  }

  .c-button-finpla-tc.btn-tur-hfo {
    margin-top: 75px;
  }

  .container-10 {
    max-width: 1280px;
  }

  .c-flow.g-64.v2 {
    margin-left: -3%;
    padding-left: 0;
  }

  .c-container-taxtalks-teaser, .c-container-taxtalks-hero {
    width: 100%;
    max-width: 1348px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
  }

  ._w-card-front, ._w-card-front.ig {
    background-image: linear-gradient(#00c5ff, #0e007c);
  }

  .section-form.cc-services {
    padding-top: 0;
    padding-bottom: 160px;
  }

  .section-form.cc-tech {
    padding-top: 200px;
  }

  .section-form.cc-tt-video {
    background-position: 100% 100%, 0 0;
  }

  .section-form.cc-tt-video.hide {
    display: block;
  }

  .section-form.cc-section-taxtalks {
    padding-top: 80px;
  }

  .c-button-m-tax-talks {
    background-color: var(--royal-blue);
    color: var(--white);
    text-align: center;
    padding: 12px 30px;
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    transition: opacity .35s cubic-bezier(.455, .03, .515, .955);
  }

  .c-button-m-tax-talks:hover {
    background-color: #0050e7;
  }

  .c-container-taxtalks-spot {
    width: 100%;
    max-width: 1348px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
  }

  .c-button-m-tax-talks-pink {
    background-color: var(--royal-blue);
    color: var(--white);
    text-align: center;
    padding: 12px 30px;
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    transition: opacity .35s cubic-bezier(.455, .03, .515, .955);
  }

  .c-button-m-tax-talks-pink:hover {
    background-color: #0050e7;
  }

  .paragraph-12 {
    font-size: var(--haufe-styleguide-stage---type-body--font-size-lg);
  }

  .label {
    font-size: var(--haufe-styleguide-stage---type-label--font-size-lg);
  }

  .h3 {
    font-size: var(--haufe-styleguide-stage---type-h3--font-size-lg);
  }

  .h2 {
    font-size: var(--haufe-styleguide-stage---type-h2--font-size-lg);
  }

  .paragraph-small {
    font-size: var(--haufe-styleguide-stage---type-paragraph-small--font-size-lg);
  }

  .container-13.cc-nav {
    width: 88%;
  }

  .nav-link {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .nav_logo-link {
    padding-right: 2.3rem;
  }

  .nav_menu-left {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
  }

  .footer_wrapper.u-mb-2-2 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .paragraph-13 {
    font-size: var(--haufe-styleguide-stage---type-body--font-size-lg);
  }

  .paragraph-big {
    font-size: var(--haufe-styleguide-stage---type-paragraph-big--font-size-lg);
  }

  .paragraph-small-2 {
    font-size: var(--haufe-styleguide-stage---type-paragraph-small--font-size-lg);
  }
}

@media screen and (min-width: 1440px) {
  .navbar-links {
    display: flex;
    overflow: visible;
  }

  .navbar-link-2 {
    display: block;
    overflow: visible;
  }

  .text-block-4 {
    display: none;
  }

  .container-10 {
    max-width: 1582px;
  }

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

  .c-flow.g-64.v2 {
    margin-left: -5%;
  }

  .c-slider_wrap {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    justify-content: center;
    align-items: center;
  }

  .c-slider_meta-wrap {
    justify-content: space-between;
    align-items: center;
  }
}

@media screen and (min-width: 1920px) {
  strong {
    font-weight: 700;
  }

  .c-contact-modal {
    display: none;
  }

  .c-header.c-header--blue.tt_agenda2021 {
    padding-left: 0;
  }

  .c-footer-2 {
    position: relative;
    inset: auto 0% 0;
  }

  .v1-container.sticky-container.tt-container {
    justify-content: center;
  }

  .ioverlay-close {
    margin-top: 0;
    top: 100px;
  }

  .c-nav-container-2 {
    display: none;
  }

  .c-herosmall {
    margin-top: 115px;
    display: flex;
  }

  .c-herosmall.small_navi {
    margin-top: 134px;
  }

  .stage-small-img.stage-img-rechner {
    object-fit: contain;
    background-image: linear-gradient(#0058ff33, #0058ff33), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440ce_Nachwuchskra%CC%88fte_Cover_WP_2.jpg");
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .stage-small-img.stage-img-rechner.l-sungen {
    background-image: linear-gradient(#0058ff33, #0058ff33);
    background-position: 0 0;
    overflow: hidden;
  }

  .c-heromedium {
    margin-top: 95px;
  }

  .stage-medium-textcontainer.cc-meganav {
    background-image: linear-gradient(28deg, #fffe00, #45c6ff 29%, #040077);
  }

  .hidden {
    display: none;
  }

  .c-newcontainer.cc-relative.hdt_width {
    max-width: 1200px;
  }

  .c-digitaltransformation.cc-dtbnew {
    background-image: linear-gradient(148deg, #1561f6, #28e8e0 90%);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .c-digitaltransformation.cc-dtbnew.gradientdark {
    background-image: linear-gradient(205deg, #fffe00, #45c6ff 20%, #040077);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .c-journey {
    margin-bottom: 0;
  }

  .c-journey-content {
    z-index: 1;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .c-journey-flexcol {
    overflow: hidden;
  }

  .c-webinar_img {
    height: 390px;
  }

  .c-contactblock {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .c-journey-content_block {
    width: auto;
    height: auto;
    box-shadow: none;
    display: none;
    position: static;
    overflow: hidden;
  }

  .c-journey-content_block.cc-first {
    opacity: 1;
    display: flex;
  }

  .c-journey_basicillus {
    left: 88px;
  }

  .c-journey_proillus {
    right: 94px;
  }

  .c-journeymodal_close {
    display: none;
  }

  .c-modal-content {
    max-height: none;
    padding-top: 0;
    overflow: hidden;
  }

  .c-journey-content_close {
    display: none;
    position: static;
  }

  .c-journeywrapper {
    max-width: 1920px;
    height: 2100px;
    margin-left: auto;
    margin-right: auto;
  }

  .field-label-light {
    font-size: 22px;
  }

  .column-4 {
    padding-right: 0;
    display: block;
  }

  .p_small {
    font-size: 16px;
    line-height: 24px;
  }

  .hdt_form-column {
    width: 95%;
    margin-right: 0;
  }

  .dtb_form_label {
    font-size: 18px;
  }

  .c-modal-confirm {
    display: none;
  }

  .hdt_text_link {
    color: var(--light-blue);
    text-align: right;
    font-family: Haufemerriweather, sans-serif;
    font-size: 14px;
    text-decoration: underline;
  }

  .hdt_text_link.hdt_text_link_weiss {
    color: var(--white);
    font-size: 14px;
  }

  .hdt_list {
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
  }

  .link-2 {
    text-decoration: underline;
  }

  .c-hero {
    padding-top: 140px;
  }

  .c-hero.cc-duale {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-bottom: 100px;
    display: block;
  }

  .c-hero.cc-duale.smaller {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    margin-top: 76px;
  }

  .c-faq-gradient {
    background-image: linear-gradient(142deg, #fffe00, #45c6ff 29%, #040077);
  }

  .c-faq-gradient.cc-small {
    background-image: linear-gradient(165deg, #fffe00, #45c6ff 33%, #040077);
  }

  .c-hero-qa_right {
    background-image: linear-gradient(216deg, #fffe00, #45c6ff 31%, #040077);
  }

  .c-dtbmodal, .c-dtbmodal.cc-kontact {
    display: none;
  }

  .c-contact-modal_left-side {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed44068_Pfad%20520.svg");
    background-position: 85%;
    background-size: auto 1500px;
  }

  .cds-ie-intro.showroom_mobile {
    height: 90vh;
  }

  .c-text-5.cc-pricing-details {
    padding: 4px 12px;
  }

  .c-navigation_link.w--current {
    border-bottom-color: var(--royal-blue);
  }

  .c-newnav-dropdownlist-nostyle {
    display: none;
  }

  .c-second-nav_container {
    background-color: #0058ff1a;
    background-image: linear-gradient(#ffffff80, #ffffff80), linear-gradient(#0058ff1a, #0058ff1a);
  }

  .c-second-nav_link {
    width: auto;
  }

  .c-container-new.cc-10cols {
    text-align: left;
  }

  .c-hero_title.smaller.bubbleheader {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .c-hero_right {
    max-width: none;
    position: relative;
  }

  .heropicsmaller {
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
    top: -100px;
  }

  .wp_image.studie {
    background-position: 50% 70%;
  }

  .wp_card_heading {
    font-size: 20px;
    line-height: 24px;
  }

  .nk_inhalte_section {
    justify-content: flex-start;
    margin-left: 15%;
    margin-right: 15%;
  }

  .nk_studie {
    margin-left: 15%;
    margin-right: 15%;
  }

  .c-container-m.taxtalks-daten-mobile {
    flex: 1;
    max-width: none;
    margin-left: 10vw;
    margin-right: 10vw;
    padding-top: 0;
  }

  .tt_vortragbox {
    max-width: none;
    height: auto;
  }

  .image-49.abstand {
    margin-top: 10%;
  }

  .html-embed-5.u-m0 {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }

  .tt_vortraginfo {
    min-height: 70px;
    font-size: 16px;
  }

  .tt_vortraginfo.green {
    min-height: 40px;
  }

  .image-48 {
    height: 10%;
  }

  .c-heading-6.tax-talks {
    padding-top: 44px;
    font-size: 40px;
    line-height: 50px;
  }

  .speakercard_wrapper {
    border-radius: 40px;
  }

  .slide_arrows {
    margin-top: -26px;
    margin-bottom: 40px;
  }

  .c-button-9.c-button--hero {
    margin-left: auto;
    margin-right: auto;
  }

  .link-9.blue, .link-10.blue {
    color: var(--royal-blue);
  }

  .div-slick-wrapper {
    margin-top: 0;
  }

  .image-54 {
    width: 750px;
    max-width: none;
    display: block;
    position: absolute;
    inset: 4% 0% 0% 28%;
  }

  .image-55 {
    margin-top: 0;
    position: relative;
    inset: 0%;
  }

  .image-56 {
    object-fit: contain;
    position: absolute;
  }

  .div-block-35 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .image-57 {
    width: 800px;
    height: auto;
    margin-top: -9px;
    margin-left: 174px;
    display: block;
  }

  .image-58 {
    object-fit: contain;
    width: 100%;
  }

  .image-59 {
    width: 100%;
  }

  .tt_vortragbox-2 {
    max-width: none;
    height: auto;
  }

  .bg_oxfordblue {
    text-align: left;
    display: block;
  }

  .c-follow-card_social-img {
    width: 50px;
  }

  .divkontakt-pw {
    border-radius: 20px;
    padding: 38px;
  }

  .navbar-contact-button-wrapper {
    height: 80px;
  }

  .c-container-finpla_tabs {
    margin-bottom: 20px;
  }

  .c-container-finpla_tabs.cc-10cols {
    text-align: left;
  }

  .cn-vorteile-finpla_tab-menu {
    position: sticky;
    top: 120px;
  }

  .cn-vorteile_tab-link.btn1-hfo.tabbtnheight-hfo {
    background-image: none;
    box-shadow: 0 8px 20px #0000001a;
  }

  .menuimgfix-hfo.imgfix-helden-hfo {
    width: 12%;
    margin-right: 20px;
  }

  .text-block-10 {
    background-color: #fff899;
  }

  .imghfo-tabs-hfo {
    background-color: #fff;
    border-radius: 100%;
  }

  .c-img-100w.img-tabs-resizer-hfo {
    width: 85%;
  }

  .c-product-finpla_wrapper {
    color: #0a0a0a;
    background-color: #fff;
  }

  .c-price-tag {
    background-color: #c7f9f7;
  }

  .c-button-finpla-tc.btn-tur-hfo {
    margin-top: 75px;
  }

  .c-button-finpla-tc.cc-yellow.tabdescbtnfix-hfo {
    background-color: #fff899;
    border-color: #fff899;
  }

  .c-button-finpla-tc.cc-iceblue.tabdescbtnfix-hfo {
    background-color: #99f6f3;
    border-color: #99f6f3;
  }

  .c-img-wrapper-3.cc-420 {
    background-color: #fff;
  }

  .tabsidea-pw {
    text-align: left;
    margin-bottom: 20px;
  }

  .frametabsidea-pw {
    position: sticky;
    top: 120px;
  }

  .footersteuerkanzlei {
    position: relative;
    inset: auto 0% 0;
  }

  .container-10 {
    max-width: 1582px;
  }

  .conkontakt-pw {
    max-width: 50%;
  }

  .c-navigation_link-2.w--current {
    border-bottom-color: #0058ff;
  }

  .c-container-taxtalks-teaser.cc-10cols, .c-container-taxtalks-hero.cc-10cols, .c-container-taxtalks-spot.cc-10cols {
    text-align: left;
  }

  .container.cc-slider-max-breakpoint {
    max-width: 100%;
    padding-left: calc(50% - 45rem);
    padding-right: calc(50% - 45rem);
    display: flex;
  }

  .tab-hero_video {
    top: -14.6rem;
  }
}

@media screen and (max-width: 991px) {
  .haufe-styleguide-stage--container {
    width: 94%;
  }

  .haufe-styleguide-stage--btn {
    font-size: var(--haufe-styleguide-stage---component-button--font-size-md);
    padding: .5rem 1.5rem;
  }

  .haufe-styleguide-stage--btn.haufe-styleguide-stage--medium.haufe-styleguide-stage--cc-secondary.haufe-styleguide-stage--nav-btn {
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    background-color: #0000;
    font-size: 1.125rem;
  }

  .haufe-styleguide-stage--nav {
    height: 4rem;
    padding-left: 0;
    padding-right: 0;
  }

  .haufe-styleguide-stage--nav-logo {
    width: 4.5rem;
    min-width: 0;
  }

  .haufe-styleguide-stage--nav-link {
    width: 100%;
    padding: 1rem var(--haufe-styleguide-stage---spacing-utility-rem--1rem) 1rem 1rem;
    border-radius: var(--haufe-styleguide-stage---component-button--border-radius);
    background-color: var(--haufe-styleguide-stage---colors-all--white);
  }

  .haufe-styleguide-stage--nav-link:hover {
    background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  }

  .haufe-styleguide-stage--nav-link.w--open {
    border-bottom: 1px solid var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
    border-radius: .75rem .75rem 0 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .haufe-styleguide-stage--nav-link.haufe-styleguide-stage--cc-mein-konto {
    width: 100%;
    height: auto;
    padding-top: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
    padding-bottom: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
    padding-left: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
    border-radius: var(--haufe-styleguide-stage---component-button--border-radius);
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
  }

  .haufe-styleguide-stage--nav_menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 0;
    padding-bottom: 7rem;
  }

  .haufe-styleguide-stage--nav_dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .haufe-styleguide-stage--nav_dropdown-list.w--open {
    min-width: auto;
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .haufe-styleguide-stage--nav_dropdown-list.haufe-styleguide-stage--cc-on-col.w--open {
    background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem;
    margin: 0 0 0;
    padding: 0 0;
  }

  .haufe-styleguide-stage--nav_dropdown-list.haufe-styleguide-stage--cc-no-shadow.w--open {
    padding: var(--haufe-styleguide-stage---component-button--font-weight) 0rem 0rem;
    border-bottom-left-radius: var(--haufe-styleguide-stage---spacing-utility-rem--0-75rem);
    border-bottom-right-radius: var(--haufe-styleguide-stage---spacing-utility-rem--0-75rem);
    margin-top: 0;
    margin-bottom: 0;
  }

  .haufe-styleguide-stage--nav_tabs-menu {
    margin-bottom: var(--haufe-styleguide-stage---spacing-utility-rem--1-5rem);
    display: none;
  }

  .haufe-styleguide-stage--nav_menu-dropdown {
    width: 100%;
    position: relative;
  }

  .haufe-styleguide-stage--navbar-menu-button {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: 48px;
    display: flex;
  }

  .haufe-styleguide-stage--navbar-menu-button.w--open {
    background-color: #0000;
  }

  .haufe-styleguide-stage--nav_tabs-content {
    margin-bottom: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
    grid-column-gap: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
    grid-row-gap: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
  }

  .haufe-styleguide-stage--nav_menu {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-top: 1px solid #f2f4f7;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .haufe-styleguide-stage--nav_logo-link.w--current {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 2rem;
  }

  .haufe-styleguide-stage--menu-icon_component {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 24px;
    height: 48px;
    display: flex;
  }

  .haufe-styleguide-stage--menu-icon_component:hover {
    background-color: var(--haufe-styleguide-stage---colors-all--white);
  }

  .haufe-styleguide-stage--menu-icon_line-bottom {
    background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .haufe-styleguide-stage--nav_menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: #101828;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .haufe-styleguide-stage--nav_button-wrapper {
    text-align: left;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .haufe-styleguide-stage--menu-icon_line-middle {
    background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .haufe-styleguide-stage--menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .haufe-styleguide-stage--menu-icon_line-top {
    background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .haufe-styleguide-stage--nav_wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .haufe-styleguide-stage--nav_produkte-section {
    width: 100%;
    max-width: none;
    height: auto;
    padding: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
    background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    overflow: visible;
  }

  .haufe-styleguide-stage--nav_single-section {
    max-width: none;
    padding: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
    box-shadow: none;
    background-color: #0000;
    border-radius: 0;
    margin-bottom: .5rem;
    overflow: hidden;
  }

  .haufe-styleguide-stage--nv_text-mein-konto-tablet {
    display: block;
  }

  .haufe-styleguide-stage--nav_mein-konto-img {
    display: none;
  }

  .haufe-styleguide-stage--nav_dropdown-icon {
    color: #075bfa;
    font-size: 20px;
    line-height: 20px;
    display: block;
  }

  .haufe-styleguide-stage--nav_text-icon-wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .haufe-styleguide-stage--nav_divider {
    background-color: var(--haufe-styleguide-stage---colors-all--light-gray);
    flex-flow: column;
    width: 100%;
    height: 1px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .haufe-styleguide-stage--nav_dropdown-trigger {
    margin-bottom: var(--haufe-styleguide-stage---spacing-utility-rem--0-25rem);
    padding-top: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
    padding-bottom: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
    color: #001344;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    display: flex;
  }

  .haufe-styleguide-stage--tab-style {
    background-color: #f2f6ff;
    border-radius: 3.75rem;
  }

  .haufe-styleguide-stage--tab-style.w--current {
    background-color: #fff;
  }

  .haufe-styleguide-stage--nav_dropdown-content {
    padding-top: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
    display: none;
  }

  .haufe-styleguide-stage--row.haufe-styleguide-stage--cc-row-hero {
    flex-flow: column-reverse wrap;
    margin-bottom: 0;
  }

  .haufe-styleguide-stage--row.haufe-styleguide-stage--row-justify-between {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .haufe-styleguide-stage--eyebrow {
    font-size: 1.25rem;
  }

  .haufe-styleguide-stage--c-hero_content {
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem;
    width: 100%;
    height: auto;
    min-height: auto;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .haufe-styleguide-stage--c-hero_content:where(.w-variant-83c1ad46-1f3b-6f27-8308-86c2adb6d859) {
    padding-left: .9rem;
  }

  .haufe-styleguide-stage--hero {
    max-width: none;
    height: auto;
    min-height: auto;
  }

  .haufe-styleguide-stage--c-heading {
    font-size: var(--haufe-styleguide-stage---type-h1--font-size-md);
  }

  .haufe-styleguide-stage--c-heading:where(.w-variant-9bc05784-535a-6bdf-f3d2-6f9c39f9ffe2) {
    font-size: var(--haufe-styleguide-stage---type-h2--font-size-md);
  }

  .haufe-styleguide-stage--c-heading:where(.w-variant-86b6513c-e2a6-ef41-4975-f9327f0c4a17) {
    font-size: var(--haufe-styleguide-stage---type-h3--font-size-md);
  }

  .haufe-styleguide-stage--c-heading:where(.w-variant-aa6a9b50-fb8b-59ed-0cfb-7367e816f5f4) {
    font-size: var(--haufe-styleguide-stage---type-h4--font-size-md);
  }

  .haufe-styleguide-stage--c-button-l {
    font-size: var(--haufe-styleguide-stage---component-button--font-size-md);
    padding: .5rem 1.5rem;
  }

  .haufe-styleguide-stage--c-rich {
    font-size: var(--haufe-styleguide-stage---type-body--font-size-md);
  }

  .haufe-styleguide-stage--c-rich:where(.w-variant-20b127a8-95a8-fd82-32b3-7f3766b8e207) {
    font-size: var(--haufe-styleguide-stage---type-paragraph-big--font-size-md);
  }

  .haufe-styleguide-stage--c-rich:where(.w-variant-83fa5894-7873-5446-fa16-ebb5e99d36e4) {
    font-size: var(--haufe-styleguide-stage---type-paragraph-medium--font-size-md);
  }

  .haufe-styleguide-stage--c-rich:where(.w-variant-9e973b4b-2fc5-c665-1939-ba23f1d44e60) {
    font-size: var(--haufe-styleguide-stage---type-paragraph-small--font-size-md);
  }

  .haufe-styleguide-stage--c-hero_image-wrap {
    height: 31.25rem;
  }

  .haufe-styleguide-stage--c-hero_image-wrap:where(.w-variant-83c1ad46-1f3b-6f27-8308-86c2adb6d859) {
    border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
    padding-left: .9rem;
    padding-right: .9rem;
  }

  .haufe-styleguide-stage--c-hero-image {
    width: 100%;
  }

  .haufe-styleguide-stage--c-hero-image:where(.w-variant-83c1ad46-1f3b-6f27-8308-86c2adb6d859) {
    border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
    height: 100%;
    overflow: clip;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-md-11 {
    flex-basis: 91.67%;
    max-width: 91.6667%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-md-2 {
    flex-basis: 16.67%;
    max-width: 16.6667%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-md-1 {
    flex-basis: 8.33%;
    max-width: 8.33333%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-md-5 {
    flex-basis: 41.67%;
    max-width: 41.6667%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-md-8 {
    flex-basis: 66.67%;
    max-width: 66.6667%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-md-7 {
    flex-basis: 58.33%;
    max-width: 58.3333%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-md-first {
    order: -1;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-md-last {
    order: 1;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-md-4 {
    flex-basis: 33.33%;
    max-width: 33.3333%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-md-10 {
    flex-basis: 83.33%;
    max-width: 83.3333%;
  }

  .haufe-styleguide-stage--u-mb-0 {
    margin-bottom: 0;
  }

  .haufe-styleguide-stage--section {
    padding: var(--haufe-styleguide-stage---spacing-layout--section-padding-md) 0rem;
  }

  .haufe-styleguide-stage--section.haufe-styleguide-stage--cc-double-margin {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .haufe-styleguide-stage--h3 {
    font-size: var(--haufe-styleguide-stage---type-h3--font-size-md);
  }

  .haufe-styleguide-stage--h2 {
    font-size: var(--haufe-styleguide-stage---type-h2--font-size-md);
  }

  .haufe-styleguide-stage--h1 {
    font-size: var(--haufe-styleguide-stage---type-h1--font-size-md);
  }

  .haufe-styleguide-stage--h4 {
    font-size: var(--haufe-styleguide-stage---type-h4--font-size-md);
  }

  .haufe-styleguide-stage--paragraph-medium {
    font-size: var(--haufe-styleguide-stage---type-paragraph-medium--font-size-md);
  }

  .haufe-styleguide-stage--u-m-0 {
    margin: 0;
  }

  .haufe-styleguide-stage--u-pt-0 {
    padding-top: 0;
  }

  .haufe-styleguide-stage--u-p-0-3 {
    padding: 0;
  }

  .haufe-styleguide-stage--u-mt-0 {
    margin-top: 0;
  }

  .haufe-styleguide-stage--u-pb-0 {
    padding-bottom: 0;
  }

  .haufe-styleguide-stage--c-paragraph {
    font-size: var(--haufe-styleguide-stage---type-paragraph-big--font-size-md);
  }

  .haufe-styleguide-stage--c-paragraph:where(.w-variant-0c119991-2d91-42d9-0a18-6e89b5d8d555) {
    font-size: var(--haufe-styleguide-stage---type-paragraph-medium--font-size-md);
  }

  .haufe-styleguide-stage--c-paragraph:where(.w-variant-60a0278b-1df4-8190-e246-2e06d25fcb4f) {
    font-size: var(--haufe-styleguide-stage---type-body--font-size-md);
  }

  .haufe-styleguide-stage--c-paragraph:where(.w-variant-cc2fce1e-d3f7-8702-5218-cc395aa29081) {
    font-size: var(--haufe-styleguide-stage---type-paragraph-small--font-size-md);
  }

  .haufe-styleguide-stage--modal {
    padding: 2.6rem;
  }

  .haufe-styleguide-stage--c-video-wrap {
    aspect-ratio: 1;
    width: 100%;
    overflow: clip;
  }

  .haufe-styleguide-stage--c-button-link {
    font-size: var(--haufe-styleguide-stage---component-button--font-size-md);
    padding: .5rem 1.5rem;
  }

  .haufe-styleguide-stage--c-img-wrap {
    aspect-ratio: 1;
    width: 100%;
    overflow: clip;
  }

  .haufe-styleguide-stage--c-image {
    width: 100%;
  }

  .haufe-styleguide-stage--c-image:where(.w-variant-83c1ad46-1f3b-6f27-8308-86c2adb6d859) {
    border-radius: var(--haufe-styleguide-stage---component-card--border-radius);
    overflow: clip;
  }

  .haufe-styleguide-stage--footer_section {
    padding-left: 0;
    padding-right: 0;
  }

  .haufe-styleguide-stage--footer_legal-links {
    flex-flow: wrap;
    align-items: flex-start;
    display: flex;
  }

  .haufe-styleguide-stage--footer_haufe-group-link {
    margin-left: 0;
  }

  .haufe-styleguide-stage--footer_social-links {
    width: 1.875rem;
    height: 1.875rem;
  }

  .haufe-styleguide-stage--c-button-s {
    font-size: var(--haufe-styleguide-stage---component-button--font-size-md);
    padding: .5rem 1.5rem;
  }

  .ui-section {
    padding: 60px 40px;
  }

  .ui-section.toppadding {
    padding: 60px 30px;
  }

  .ui-section.tech {
    margin-bottom: 100px;
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .ui-section.grey-bg {
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
  }

  .ui-section.funtkionen {
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 127px;
  }

  .ui-section.slider {
    padding-bottom: 40px;
  }

  .ui-section.padding-bottom100.keyvisual {
    padding-top: 120px;
    padding-bottom: 520px;
  }

  .ui-section.teaser-loesungen {
    padding-bottom: 60px;
    overflow: hidden;
  }

  .ui-section.tax-action {
    margin-bottom: 60px;
    padding: 60px 30px 0;
  }

  .ui-section.tax-action.vorteile {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .c-blog-kurztext.u-fonta300.u-mb48 {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 26px;
  }

  .u-p0 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-pr0, .u-pl0 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-button.c-button--l.loesungen {
    position: absolute;
    inset: auto auto 20px 20px;
  }

  .c-button.c-button--s.popup {
    margin-top: 20px;
  }

  .c-button.c-button--floatdown {
    left: 50%;
    transform: translate(-50%);
  }

  .c-button.u-mt40 {
    align-self: flex-start;
  }

  .c-button.u-mt40.cc-cemter-mobile {
    align-self: center;
  }

  .u-fontb400.u-psizexl {
    font-size: 29px;
    line-height: 37px;
  }

  .u-fontb500.zert {
    margin-bottom: 12px;
    font-size: 28px;
    line-height: 36px;
  }

  .u-ovhidden {
    font-size: 16px;
    line-height: 21px;
  }

  .c-cardteaser {
    width: 100%;
    box-shadow: none;
    margin-left: 0;
    margin-right: 0;
    padding: 40px 0;
  }

  .c-cardteaser.float-right {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .c-cardteaser.keyvisual-bg {
    background-position: 50% 20%;
    background-size: auto 120%;
    margin-right: 0;
    padding-top: 40px;
    padding-left: 50px;
  }

  .c-cardteaser.keyvisual-bg.dsk_card_halb {
    box-shadow: 0 5px 10px #262e3b26, 7px 0 30px #0000001a;
  }

  .v1-c-heading {
    display: block;
  }

  .v1-c-heading.u-mb40.c-heading--m {
    font-size: 48px;
  }

  .v1-c-heading.u-mb0 {
    width: 100%;
  }

  .v1-c-heading.h-stage-level-3 {
    order: 0;
    align-self: auto;
    font-size: 52px;
    line-height: 52px;
    display: block;
  }

  .v1-c-heading.centered {
    margin-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 48px;
    line-height: 48px;
  }

  .v1-c-heading.h-stage-level2.lead {
    display: block;
  }

  .v1-c-heading.h-stage-level2.lead.mobil {
    display: none;
  }

  .v1-c-heading.u-pcenter60 {
    margin-bottom: 40px;
  }

  .v1-c-heading.blue-bg {
    max-width: 600px;
    margin-bottom: 0;
    font-size: 48px;
    line-height: 57px;
  }

  .v1-c-heading.m--vorteile {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 48px;
    line-height: 48px;
  }

  .v1-c-heading.mobile {
    display: block;
  }

  .v1-c-heading.cc-dtbtitle {
    letter-spacing: 0;
  }

  .c-divider.m--vorteile {
    display: block;
  }

  .c-cardteaser-content, .c-cardteaser-content.u-pcenter, .c-cardteaser-content.zertifikate {
    font-size: 16px;
    line-height: 28px;
  }

  .c-cardteaser-content.witdh-extra {
    width: 100%;
  }

  .c-cardteaser-content.centered.u-m40 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-cardcostumer {
    height: 400px;
    margin-bottom: 20px;
  }

  .c-cardcostumer.c-cardcostumer--sm.u-mb0.pmpg.blue {
    height: 450px;
    min-height: 0;
    max-height: none;
    margin-bottom: 20px;
  }

  .c-cardcostumer.c-cardcostumer--sm.u-mb0.pmpg.blue.cust-taxnavigator {
    min-height: 0;
    margin-bottom: 20px;
  }

  .c-cardcostumer.c-cardcostumer--sm.blue.flex-v-center {
    height: auto;
    min-height: 0;
    max-height: none;
  }

  .c-cardcostumer.c-cardcostumer--sm.blue.flex-v-center.cust-nsk {
    height: auto;
  }

  .c-cardcostumer.c-cardcostumer--sm.blue.flex-v-center.cust-konlus, .c-cardcostumer.c-cardcostumer--sm.blue.flex-v-center.cust-sbp {
    height: 200px;
  }

  .c-cardcostumer.renner {
    height: 450px;
    min-height: 0;
  }

  .c-cardcostumer.w100.cust-deloitte, .c-cardcostumer.w100.dr-klein {
    height: 250px;
    min-height: 0;
  }

  .c-cardcostumer.cust-maisenbacher {
    background-image: linear-gradient(#00000085, #00000085), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f10_benjamin-child-17946.jpg");
    background-position: 0 0, 50% 100%;
    background-size: auto, cover;
  }

  .c-cardcostumer.references-teaser {
    height: 310px;
    min-height: 220px;
  }

  .c-cardmedia.c-cardmedia-2 {
    margin-bottom: 24px;
  }

  .c-cardmedia.c-cardmedia--partner {
    min-width: 350px;
    min-height: 140px;
    margin-bottom: 41px;
  }

  .c-cardmedia.c-cardmedia--features {
    flex-wrap: wrap;
    min-width: 300px;
    max-width: 100%;
    min-height: 200px;
    margin-bottom: 20px;
    padding: 30px 10px 5px;
  }

  .c-cardmedia.topbox {
    height: 180px;
  }

  .c-logocontainer {
    width: 152px;
    height: 48px;
    padding: 0 20px;
    transform: scale(1);
  }

  .c-logocontainer.w--current {
    width: 152px;
  }

  .c-navmenu {
    z-index: 1000;
    text-align: left;
    background-color: #0000;
    position: fixed;
    inset: 0;
  }

  .c-listb.taxtalks_bulletpoint {
    font-size: 14px;
  }

  .c-pipe-divider.width-topnav, .c-status-link.width-350px {
    display: none;
  }

  .c-footer {
    padding-left: 60px;
    padding-right: 60px;
  }

  .c-glossar-link {
    display: inline-block;
  }

  .c-glossar-wrapper {
    cursor: pointer;
    margin-bottom: 10px;
    margin-right: -10px;
    overflow: hidden;
  }

  .c-list-footer {
    height: 0;
    overflow: hidden;
  }

  .c-contact-button {
    z-index: 900;
  }

  .c-homehero {
    padding-top: 44px;
  }

  .c-herohome-textcontainer {
    width: 100%;
    height: 100%;
    padding: 80px 60px 30px;
  }

  .c-cardblog {
    margin-left: 10px;
    margin-right: 10px;
  }

  .c-cardblog.tax-action {
    flex: 1;
  }

  .c-cardblog.tax-action.see-me {
    background-size: 100px, auto;
  }

  .c-cardblog.tax-action.see-me-since {
    background-size: 110px, auto;
  }

  .c-blog-cover {
    height: 300px;
  }

  .c-blog-content {
    padding: 35px 60px 35px 30px;
  }

  .c-filters.c-filters--hero {
    float: none;
    width: auto;
    margin: -70px -24px 20px;
  }

  .c-filters-label_org {
    margin-top: 12px;
    display: block;
  }

  .c-herohome-lateralimage {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .c-herohome-pattern {
    background-position: 50%;
  }

  .c-herohome-bottomimage {
    background-position: 50% 30%;
    height: 160px;
    margin-top: -2px;
  }

  .c-heroinner-textcontainer {
    justify-content: center;
    align-items: center;
    height: 250px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .c-homehero--flexheight {
    display: block;
  }

  .c-herointernal {
    padding-top: 48px;
  }

  .c-container {
    padding-left: 0;
    padding-right: 0;
  }

  .c-container.portfolio-container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .c-container.partner-cards {
    margin-top: 0;
    margin-left: 6px;
    margin-right: 6px;
  }

  .c-container.video-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .c-cardcostumer--flexheight {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .c-cardcostumer--flexheight.teaser-references {
    margin-bottom: 20px;
  }

  .c-navmenu-list {
    flex-direction: column;
    justify-content: space-between;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .c-navmenu-list--item {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    font-family: Haufemerriweathersans, sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    display: block;
  }

  .c-navmenu-list--item.c-item-dropdown {
    cursor: pointer;
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43c79_595252a099b56803074f2085_arrow-point-to-right.svg");
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 16px;
  }

  .c-navmenu-list--item.fonttype-normal {
    text-transform: none;
    font-weight: 400;
  }

  .c-navmenu-list--item.hidden {
    display: none;
  }

  .c-namenu-button {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-color: #0000;
    border: 2px solid #fff;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 13px;
    padding-bottom: 13px;
    font-family: Haufemerriweathersans, sans-serif;
    font-size: 18px;
    font-weight: 700;
  }

  .c-navmenu-footer {
    z-index: 200;
    flex-direction: column;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .c-navmenu-footer-link {
    text-align: center;
    background-color: #fff;
    width: 25%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .c-navmenu-wrapper {
    z-index: 100;
    background-image: linear-gradient(135deg, #00a2b3, #007cce);
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    margin-top: 48px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .c-footer-links.hidden {
    display: none;
  }

  .c-navmenu-wrapper--losungen {
    z-index: 200;
    background-image: linear-gradient(135deg, #00a2b3, #007cce);
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    margin-top: 60px;
    padding-top: 12px;
    padding-bottom: 167px;
    display: flex;
    position: absolute;
    inset: 0;
    transform: translate(100%);
  }

  .c-navmenu-backbutton {
    cursor: pointer;
    border-right: 1px solid #fff;
    margin-right: 15px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .c-navmenu-list--losungen {
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    overflow: visible;
  }

  .c-navbar-wrapper {
    z-index: 9999;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 5px 0 10px #00000026;
  }

  .c-navmenu-wrapper--konzept, .c-navmenu-wrapper--news, .c-navmenu-wrapper--unternehmen {
    z-index: 200;
    background-image: linear-gradient(135deg, #00a2b3, #007cce);
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    margin-top: 60px;
    padding-top: 12px;
    padding-bottom: 167px;
    display: flex;
    position: absolute;
    inset: 0;
    transform: translate(100%);
  }

  .c-blogcard--flexheight {
    flex-direction: column;
    display: block;
  }

  .c-glossar-character {
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
  }

  .c-footerheader-colleft {
    color: #ffffffb3;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
  }

  .c-footerheader-colright {
    text-align: right;
    padding-right: 0;
  }

  .c-footer-linkscol {
    cursor: pointer;
    padding-right: 20px;
  }

  .c-morebutton.c-morebutton-mobilemenu {
    margin-top: 14px;
    margin-bottom: 14px;
  }

  .c-plusbutton-vertical {
    top: 4px;
    left: 9px;
    transform: none;
  }

  .c-footer-mobilelogo {
    margin-right: 4px;
  }

  .c-logo-image {
    width: 112px;
  }

  .c-menubutton {
    padding: 12px;
  }

  .c-menubutton.w--open {
    color: #232a36;
    background-color: #0000;
  }

  .c-navmenu-list--dropdown {
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 0;
    margin-right: 16px;
    padding-top: 16px;
    padding-bottom: 6px;
    font-family: Haufemerriweathersans, sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .c-dropdown-listitem {
    color: #fff;
    padding-top: 10px;
    padding-left: 10px;
    font-family: Haufemerriweathersans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    display: block;
  }

  .c-dropdown-list {
    text-transform: capitalize;
    height: 0;
    overflow: visible;
  }

  .c-iconback {
    transform: rotate(180deg);
  }

  .c-slidertestimonial-mask {
    overflow: hidden;
  }

  .c-slidertestimonial-slide {
    width: 100%;
  }

  .c-slidernews {
    margin-left: 10px;
    margin-right: 10px;
  }

  .c-slidernews-slide {
    width: 50%;
  }

  .c-slidersolution {
    margin-left: 10px;
    margin-right: 10px;
  }

  .c-slidersolution-slide {
    width: 50%;
  }

  .c-header.c-header--blue {
    padding: 61px 39px;
  }

  .c-header.c-header--white {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 80% 71%;
    padding-top: 66px;
    padding-bottom: 36px;
  }

  .c-header.c-header--blue {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .c-herohome-buildings {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .c-bulletitem.list-funktionen {
    width: 20px;
    height: 1px;
  }

  .c-sectionvorteile {
    flex-direction: column;
    align-items: center;
    padding: 50px 60px 60px;
    display: flex;
  }

  .c-cardvorteile.u-mb48 {
    margin-bottom: 12px;
  }

  .c-cardvorteile.hidden {
    display: none;
  }

  .c-cardvorteile-head {
    width: 100px;
    height: 100px;
  }

  .c-navb-menu {
    background-color: #fff;
  }

  .c-navb-kontaktwrapper {
    text-align: left;
    width: 100%;
  }

  .c-navb-hamburger {
    padding: 12px;
  }

  .c-navb-hamburger.w--open {
    background-color: var(--royal-blue);
  }

  .c-footer-linkswrapper {
    width: 80%;
  }

  .c-teaserrowc-content {
    padding-right: 20px;
  }

  .c-teaserrowe.loesungen {
    background-position: 20% -30%;
    background-size: 1200px;
    margin-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .c-teaserrowc--screenshotright {
    padding-left: 0;
  }

  .c-footer-2 {
    padding: 40px 60px;
  }

  .c-footerheader-colleft-2 {
    color: #ffffffb3;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
  }

  .portfoliocontentblock {
    border-top: 2px solid #e1e1e1;
  }

  .portfoliocontentblock.first {
    border-top-style: none;
  }

  .portfoliolist {
    margin-top: 50px;
  }

  .producttitle {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px;
  }

  .c-button-3.c-button--floatdown {
    bottom: -51px;
    left: 50%;
    transform: translate(-50%);
  }

  .c-button-3.stage-level-2 {
    position: absolute;
    bottom: -28px;
    left: 35%;
  }

  .c-button-3.is-tertiary.u-mt24.customer {
    background-color: #eaf0f482;
  }

  .c-heroimage-tax {
    padding-top: 48px;
  }

  .navbar {
    height: 48px;
  }

  .dl-item {
    align-items: flex-start;
    padding-bottom: 60px;
  }

  .dl-item.reverse-flex {
    flex-direction: row;
  }

  .dl-image-grey-bg.right {
    left: 117px;
    right: auto;
  }

  .dl-content-wrap {
    padding-top: 25px;
    padding-left: 30px;
  }

  .dl-content-wrap.reverse-padding {
    padding-left: 30px;
    padding-right: 0;
  }

  .v1-row {
    text-align: center;
  }

  .v1-container.sticky-container.tt-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .overlay-section {
    padding-top: 5px;
  }

  .ioverlay-close {
    padding-right: 20px;
    right: 5%;
  }

  .div-block-2 {
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 48px;
  }

  .flexwrap {
    height: auto;
  }

  .dl-left {
    width: 100%;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .dl-left.abstand {
    margin-top: 0;
    margin-bottom: 0;
  }

  .dl-right {
    text-align: center;
    flex: 0 auto;
    margin-top: 0;
    padding: 48px;
  }

  .dl-page-image {
    width: 25%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .inhalte-filter {
    display: none;
  }

  .filter_group_label {
    letter-spacing: .1px;
  }

  .search-results {
    padding-left: 5px;
    padding-right: 5px;
  }

  .list {
    justify-content: space-between;
  }

  .container-cta-form {
    padding-left: 58px;
    padding-right: 58px;
  }

  .content-wrapper.max960 {
    width: 94%;
    max-width: 960px;
  }

  .inhalte-logo-img.popup.smaller {
    width: 150px;
  }

  .c-cardinhalt.popup.big {
    font-size: 15px;
  }

  .product-name.w--current {
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 48px;
    padding: 15px 20px;
    font-family: Haufemerriweathersans, sans-serif;
    font-weight: 700;
    line-height: 20px;
  }

  .module_pop_overly {
    display: none;
  }

  .pop_content {
    clear: right;
    justify-content: center;
    width: auto;
    max-width: 800px;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pop_content.slider {
    padding-left: 0;
    padding-right: 0;
  }

  .close_popup {
    z-index: 3;
    margin-top: 0;
    margin-right: 0;
    padding-right: 30px;
  }

  .heading-3 {
    font-size: 28px;
    line-height: 36px;
  }

  .collection-list-2 {
    justify-content: space-around;
  }

  .collection-item-partner {
    flex-basis: 380px;
    justify-content: center;
  }

  .c-cta-teaser {
    font-size: 20px;
  }

  .c-dk-cta-2.c-header--gradient {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .slide-6 {
    height: auto;
  }

  .text-block-8 {
    margin-left: 90px;
    margin-right: 90px;
    padding-bottom: 32px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 24px;
  }

  .slider-3 {
    background-color: #0000;
    height: 740px;
  }

  .screenshot-center {
    width: 76%;
  }

  .slide-nav-3 {
    padding-top: 21px;
    bottom: 31px;
  }

  .c-cardzert {
    margin-left: 10px;
    margin-right: 10px;
  }

  .c-cardleft {
    padding-left: 33px;
    padding-right: 33px;
  }

  .collection-list-3 {
    justify-content: space-between;
  }

  .collection-item-feature {
    flex-basis: 300px;
  }

  .item-shape {
    width: 45px;
    max-width: 89%;
    margin-top: -9px;
  }

  .form-container-overlay {
    padding-left: 0;
    padding-right: 0;
  }

  .c-section {
    padding-top: 24px;
    padding-bottom: 10px;
  }

  .c-section.c-section--video {
    padding-bottom: 37px;
  }

  .c-section.c-section--filters {
    margin-top: 0;
  }

  .c-section.loesungen {
    padding-top: 10px;
  }

  .c-section.cc-services {
    padding-bottom: 0;
  }

  .c-section.cc-tech, .c-section.cc-triangle, .c-section.cc-kanzleivision {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .c-section.cc-progress {
    background-size: auto 90%;
    padding-bottom: 80px;
  }

  .c-section.cc-team {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .c-section.cc-contact {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .c-section.cc-tt-video {
    background-position: 100%, -20% 0;
  }

  .c-section.black {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .c-section.gradient {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .c-container-3 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .c-home-videowrapper {
    padding-top: 23px;
  }

  .c-tab-content {
    margin-top: 0;
  }

  .c-cards-wrapper {
    justify-content: space-between;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .c-card-item-30proz {
    width: 46%;
    min-height: 100%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .c-cardsolutions-header {
    height: 220px;
  }

  .c-button-4.c-button--cardmedia {
    position: static;
  }

  .c-heading-3 {
    font-size: 52px;
    line-height: 52px;
  }

  .c-logocontainer-2 {
    width: 152px;
    height: 48px;
    padding: 0 20px;
    transform: scale(1);
  }

  .c-navbar-2.c-navbar--mobile {
    display: none;
  }

  .c-navmenu-2 {
    z-index: 1000;
    text-align: left;
    background-color: #0000;
    position: fixed;
    inset: 0;
  }

  .coll-list-item {
    flex-basis: 49%;
    padding-left: 4px;
    padding-right: 4px;
  }

  .filter-wrap {
    width: 95%;
  }

  .inhalte-headline {
    font-size: 40px;
  }

  .c-herosmall {
    flex-direction: column;
    margin-top: 60px;
  }

  .c-herosmall.small_navi {
    margin-top: 64px;
  }

  .stage-small-img {
    background-size: cover;
    width: 100vw;
    height: 220px;
  }

  .stage-small-img.stage-img-partner {
    background-position: 50% 40%;
    width: 100vw;
    height: 180px;
  }

  .stage-small-img.stage-img-funktionen {
    background-position: 0 77%;
    background-size: cover;
    width: 100vw;
    height: 180px;
  }

  .stage-small-img.stage-img-inhalte {
    background-position: 50% 43%;
    height: 180px;
  }

  .stage-small-img.stage-img-rechner {
    background-position: 50%;
    background-size: cover;
    width: auto;
    height: 180px;
  }

  .stage-small-img.stage-img-technologie {
    width: auto;
    height: 180px;
  }

  .stage-small-img.stage-img-features {
    background-position: 100% 20%;
    background-size: cover;
    width: auto;
    height: 180px;
  }

  .stage-small-img.stage-img-weitereloesungen {
    background-position: 100% 20%;
    width: auto;
    height: 180px;
  }

  .stage-small-textcontainer {
    width: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 13%;
  }

  .stage-small-pattern {
    width: 53%;
    bottom: -15%;
  }

  .filter-switch {
    margin-bottom: 30px;
    padding-top: 25px;
    padding-left: 0;
    padding-right: 5px;
    display: flex;
  }

  .filter-switch-text {
    font-size: 30px;
    font-weight: 400;
  }

  .paragraph-4 {
    max-width: 700px;
  }

  .c-heromedium {
    flex-direction: column;
    margin-top: 102px;
    margin-bottom: 100px;
    position: relative;
  }

  .c-heromedium.lead {
    margin-top: 60px;
  }

  .c-heromedium.cc-meganav {
    margin-top: 63px;
  }

  .stage-medium-img.stage-img-loesungen-overview {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    width: auto;
    height: 80px;
    display: none;
  }

  .stage-medium-img.stage-img-digitalekanzlei {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43e92_taxsuite-kv-bubblesdots.jpg");
    background-repeat: no-repeat;
    background-size: auto 320%;
    display: none;
  }

  .stage-medium-img.stage-img-digitalekanzlei.mobile {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43eaa_taxsuite-kv-bubbles.jpg");
    background-position: 101% 41%;
    background-size: auto 376%;
    background-attachment: scroll;
    width: auto;
    height: 135px;
    display: block;
  }

  .stage-medium-textcontainer {
    width: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
  }

  .stage-medium-imgbig.stage-imgbig-loesungen-overview {
    background-position: 50% 31%;
    width: auto;
    height: 135px;
  }

  .stage-medium-imgbig.stage-imgbig-digitalekanzlei {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    width: auto;
    height: 135px;
    display: none;
  }

  .stage-info-box {
    width: 87vw;
    margin-top: 1px;
    padding: 32px 55px;
    display: block;
    position: absolute;
    top: auto;
    bottom: -37%;
    right: 6%;
  }

  .stage-info-box.lead {
    bottom: auto;
  }

  .pop-content-features {
    z-index: 2;
    width: 100%;
    padding-top: 0%;
  }

  .filter-plus {
    display: block;
  }

  .flexcard-wrapper {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
  }

  .flexcard-wrapper.loesungen {
    flex-direction: column;
    padding-top: 20px;
  }

  .flexcard-wrapper.tax-action {
    flex-direction: column;
    overflow: visible;
  }

  .text-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .text-wrapper.left {
    max-width: 100%;
    margin-top: 441px;
    padding-top: 1px;
    padding-left: 0;
  }

  .text-wrapper.left.overview {
    margin-top: 20px;
  }

  .flexcard-img-big.technologie {
    width: 447px;
    height: 453px;
    position: static;
    top: 104%;
  }

  .flexcard-img-big.sicherheit {
    display: none;
  }

  .flexcard-img-big.funktionen {
    display: none;
    bottom: -184px;
    left: 171px;
  }

  .flexcard-img-big.digitale-kanzlei {
    background-position: 50%;
    background-size: contain;
    width: 140%;
    height: 748px;
    position: absolute;
    top: 76%;
    right: -129px;
    overflow: hidden;
  }

  .flexcard-img-big.digitale-kanzlei.mobile {
    display: none;
  }

  .flexcard-img-big.digitale-kanzlei.desktop {
    width: 100%;
    display: block;
    top: 74%;
    right: 0%;
    overflow: hidden;
  }

  .flexcard-img-big.digitale-kanzlei.m--vorteile {
    top: 2%;
    right: 0;
  }

  .flexcard-img-big.tax-action {
    width: 600px;
    height: 341px;
    margin-top: 79px;
    display: none;
    position: static;
    top: 104%;
  }

  .flexcard-img-small.technologie-2 {
    top: 76%;
    right: 5%;
  }

  .flexcard-img-small.sicherheit-2 {
    width: 85%;
    bottom: -25%;
    left: 7%;
  }

  .flexcard-img-small.funtkionen-2 {
    display: none;
  }

  .flexcard-img-small.pattern, .flexcard-img-small.ta-pattern, .flexcard-img-small.ta-pattern-left {
    top: 23%;
    left: -213px;
  }

  .card-font-small {
    font-size: 14px;
    line-height: 22px;
  }

  .filter-minus {
    display: none;
  }

  .slider-wrapper {
    max-width: 100%;
  }

  .c-cards-loesungen-wrapper {
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
    margin-left: 0%;
  }

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

  .logo-sbp {
    width: 250px;
  }

  .c-cardloesung {
    width: 48%;
    margin-right: 0;
  }

  .column-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-heroimage-tax-aktion {
    margin-top: 60px;
  }

  .c-content {
    width: 100%;
    padding-left: 0;
  }

  .c-herotaxaction-bottomimage {
    background-position: 50% 20%;
    height: 160px;
    margin-top: -2px;
  }

  .c-cardteaser-tax-action-form {
    width: 100%;
    box-shadow: none;
    margin-left: 0;
    margin-right: 0;
    padding: 40px 0;
  }

  .c-cards-wrapper--ta {
    justify-content: space-between;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .ta-divider {
    width: 10px;
  }

  .c-navigation_container {
    background-color: var(--white);
    padding-right: 0;
  }

  .c-navb-2 {
    height: auto;
  }

  .c-logocontainer-3 {
    width: 156px;
    height: 60px;
    padding: 0 20px;
    transform: scale(1);
  }

  .c-logocontainer-3.w--current {
    width: 152px;
    height: 60px;
  }

  .image-ta-mobil {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 30px;
    display: block;
  }

  .c-container-5.c-container--cardmedia {
    padding-left: 40px;
    padding-right: 40px;
  }

  .c-container-5.c-container--cardmedia.loesungen {
    padding-left: 25px;
    padding-right: 25px;
  }

  .c-filters-label-2 {
    margin-top: 0;
    display: block;
  }

  .c-filter-learning {
    float: none;
    width: 100%;
  }

  .c-cardmedia-kategorie.loesungen {
    font-size: 16px;
  }

  .c-cardmedia-loesungen {
    min-height: 255px;
    margin-top: 1px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 18px;
  }

  .c-cardmedia-heading.loesungen {
    font-size: 20px;
    line-height: 28px;
  }

  .c-filter-software, .c-filter-weitere, .c-filter-content, .c-filter-cms {
    float: none;
    width: 100%;
  }

  .card-font-smaller {
    font-size: 14px;
    line-height: 22px;
  }

  .loesung-image {
    max-width: 320px;
  }

  .link-block-4 {
    margin-bottom: 20px;
  }

  .list-overlay {
    justify-content: space-between;
  }

  .close-x-button {
    z-index: 3;
    margin-top: 0;
    margin-right: 0;
    padding-right: 30px;
  }

  .gh-ct-overlay {
    display: none;
  }

  .blog-slider-element {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-detail-slider-wrap {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .blog-slider-button.blog-slider-button-next, .blog-slider-button.blog-slider-button-prev {
    margin-top: 220px;
  }

  .slider-close-button {
    margin-top: -240px;
  }

  .blog-overview-item {
    flex-basis: 380px;
    justify-content: center;
  }

  .c-blogheading--h1 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .c-blogauthorfooter-socialcontainerfixed {
    width: auto;
    height: 32px;
    margin-bottom: 48px;
    position: static;
  }

  .c-blogwrapper {
    margin-top: 48px;
    margin-bottom: 60px;
  }

  .c-heading-5 {
    font-size: 52px;
    line-height: 52px;
  }

  .c-blogbody-richtext blockquote {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 25px;
    line-height: 42px;
  }

  .c-blogbody-richtext h6 {
    display: inline-block;
  }

  .c-blogbody-richtext p, .c-blogbody-richtext h4, .c-blogbody-richtext ul, .c-blogbody-richtext h2, .c-blogbody-richtext h3 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .see_me_solution {
    width: 60px;
  }

  .c-modulescard {
    width: 90%;
    padding-bottom: 36px;
    right: 20px;
  }

  .c-modulescard.second {
    min-height: 200px;
    padding-bottom: 40px;
  }

  .c-modulescard-bigcontainer.second {
    width: 100%;
    height: 600px;
  }

  .c-modulescard-iconcontainer {
    height: 350px;
  }

  .c-modulescard-img {
    margin-left: 38px;
  }

  .c-modulescard-img.second {
    margin-left: 40px;
  }

  .c-modulescard-stripesimg {
    right: 9%;
  }

  .c-blogitem-collectionitem {
    text-align: center;
    width: 100%;
    display: flex;
  }

  .c-cardmedia-blogimgcontainer {
    background-position: 50%;
  }

  .c-cardmedia-blogcontent-wrap {
    min-height: 100px;
  }

  .c-cardmedia-big-wrap {
    width: 100%;
    max-width: 660px;
  }

  .c-cardmedia-list {
    height: auto;
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .c-cardmedia-list.c-cardmedia--blog {
    height: auto;
    min-height: 300px;
  }

  .c-cardmedia-blogcontent-header {
    margin-bottom: 20px;
  }

  .c-blog-tops {
    flex-direction: column;
    flex: 0 840px;
    max-width: 680px;
  }

  .c-blogitem-top1 {
    width: 100%;
    height: 380px;
  }

  .c-blogitem-top23 {
    width: 100%;
    margin-bottom: 20px;
  }

  .c-blog-top1-wrap {
    width: 100%;
  }

  .c--blogtop1-heading {
    width: 100%;
    margin-bottom: 30px;
    font-size: 50px;
    line-height: 50px;
  }

  .c-blog-top-b {
    flex-wrap: nowrap;
    flex: 1;
    justify-content: space-between;
    margin-top: 20px;
  }

  .c-blogtop23-heading {
    width: 95%;
    margin-bottom: 0;
  }

  .c-blogtop-headline-wrap {
    display: none;
  }

  .c-blogtop-headline-wrap.top {
    display: block;
  }

  .c-blog-top-a {
    width: 100%;
  }

  .c-blog-top-b-divider {
    width: 77%;
  }

  .c-blog-topb-imgcontainer {
    width: 30%;
  }

  .c-blogcontent-container-topb {
    width: 70%;
  }

  .c-blog-main-link {
    width: 95%;
  }

  .c-blog-share-container {
    width: auto;
    margin-bottom: 48px;
  }

  .c-blog-main-link-topb, .c-blog-main-link-topa {
    width: 95%;
  }

  .c-navmenu-wrapper--downloads {
    z-index: 200;
    background-image: linear-gradient(135deg, #00a2b3, #007cce);
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    margin-top: 60px;
    padding-top: 12px;
    padding-bottom: 167px;
    display: flex;
    position: absolute;
    inset: 0;
    transform: translate(100%);
  }

  .button-wrap {
    padding-left: 15px;
  }

  .text-video-slider {
    margin-left: 90px;
    margin-right: 90px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 24px;
  }

  .slide-nav-video {
    padding-top: 10px;
    bottom: 31px;
  }

  .slider-wrapper-video {
    max-width: 100%;
  }

  .c-section-video {
    padding-top: 24px;
    padding-bottom: 10px;
  }

  .c-container-video {
    padding-left: 30px;
    padding-right: 30px;
  }

  .ui-section-slider-video {
    padding: 60px 40px;
  }

  .slider-video {
    background-color: #0000;
    height: 740px;
  }

  .slide-video {
    height: auto;
  }

  .c-dtbhero {
    background-position: 0 0;
    margin-bottom: 100px;
    padding-bottom: 0;
  }

  .c-dtbhero.cc-dtbnew {
    color: #fff;
    background-image: linear-gradient(230deg, #fffe00, #45c6ff 32%, #040077);
    background-position: 0 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 140px;
    padding-bottom: 48px;
  }

  .c-newcontainer.cc-hero {
    margin-right: 0;
    padding-right: 0;
  }

  .c-newcontainer.cc-testimony {
    display: block;
  }

  .c-newcontainer.cc-testimony.cc-dtbnew.hdt_kv {
    margin-top: 50px;
  }

  .c-newcontainer.cc-dtbnew {
    text-align: center;
  }

  .c-dtbhero-flex {
    margin-right: 0;
  }

  .c-dtbhero-flex.cc-align-top {
    text-align: left;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .c-dtbhero-content {
    display: none;
  }

  .c-dtbhero-content.cc-dtbnew {
    padding-top: 48px;
    display: block;
  }

  .c-dtbhero-right {
    width: 100%;
    margin-right: 0;
  }

  .c-dtbhero-image {
    width: 90%;
    height: 400px;
    margin-left: auto;
    right: 0;
  }

  .c-dtbhero-image.cc-dtbnew {
    opacity: .4;
    margin-right: auto;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .c-dtbhero-blueblox {
    display: none;
  }

  .c-dtbintro.cc-dtbnew {
    padding-top: 64px;
    padding-bottom: 40px;
  }

  .c-dtbcard {
    width: 50%;
  }

  .c-dtbcard.cc-dtbnew {
    max-width: none;
    margin-bottom: 24px;
  }

  .c-dtbcard_circle {
    bottom: 0;
  }

  .c-dtbcard_content {
    margin-top: -60px;
  }

  .c-dtbcard_content.cc-dtbnew {
    margin-top: 0;
  }

  .c-digitaltransformation {
    padding-bottom: 100px;
  }

  .c-digitaltransformation.cc-dtbnew {
    background-image: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .c-card.cc-benefitscard {
    width: 68%;
    padding: 41px;
  }

  .c-card.hdt_anmeldung {
    padding-top: 17px;
  }

  .c-card.c-transformationdtbnew {
    box-shadow: none;
    margin-left: 0;
    position: static;
  }

  .c-digitaltransformation-lines {
    margin-top: -316px;
  }

  .c-digitaltransformation-graph {
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
  }

  .c-digitaltransformation-graph.cc-dtbnew {
    background-image: none;
    margin-top: 0;
    transform: none;
  }

  .c-digitaltransformation-graph.cc-dtbnew.cc-tablet-hidden {
    display: none;
  }

  .c-benefits.cc-dtbnew {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .c-benefits-image.cc-tab01, .c-benefits-image.cc-tab02 {
    left: 40px;
  }

  .c-benefits-image.cc-tab03 {
    background-position: 100%;
    left: 40px;
  }

  .c-benefits_bluebox {
    left: 0;
  }

  .c-journey_col.cc-profi {
    width: 42%;
  }

  .c-download {
    margin-bottom: 60px;
  }

  .c-download_col {
    margin-bottom: 24px;
  }

  .c-download_card {
    max-width: 81%;
  }

  .c-home_testimonial-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .c-webinars.cc-dtbnew {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .c-webinar_img {
    height: auto;
    min-height: 360px;
  }

  .c-webinar_content {
    padding-bottom: 50px;
    padding-left: 24px;
    padding-right: 50px;
  }

  .c-webinar_data {
    justify-content: flex-start;
  }

  .c-contact.cc-dtbnew {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .c-contactblock {
    background-position: -11%;
  }

  .c-contactblock.c-dtbnew {
    display: block;
  }

  .c-contactblock-left {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed4405e_Pfad%20517.svg");
    background-position: 40% 82%;
    background-repeat: no-repeat;
    background-size: 1200px;
    max-width: 100%;
    height: 196px;
  }

  .c-contactblock-right.cc-dtbnew {
    text-align: center;
  }

  .c-herocontent-mobile {
    color: #fff;
    background-image: linear-gradient(139deg, #2be2dd, #1661ed);
    padding: 60px 30px;
    display: block;
  }

  .c-dropdown-arrow {
    max-width: none;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 20px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }

  .c-benefits-tabs_dropdown {
    margin-bottom: 16px;
    display: block;
  }

  .c-benefits-tabs_dropdown-list.w--open {
    background-color: #0000;
    margin-bottom: 40px;
    padding: 40px 32px 32px;
    position: static;
  }

  .c-benefits-tabs_dropdown-toggle {
    background-color: #fff;
    display: block;
    box-shadow: 0 16px 40px #00000024;
  }

  .c-benefits-tabs_dropdown-toggle.w--open {
    background-color: #fff;
    box-shadow: 8px 0 20px #00000024;
  }

  .c-benefits_dropdown {
    display: none;
  }

  .c-journey-next {
    width: 42%;
  }

  .c-contact_icon {
    max-width: 100px;
  }

  .c-hbb-verlangern_card {
    float: none;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .c-hbb-verlangern-flex_row {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    flex-direction: column;
    align-items: flex-end;
    display: flex;
  }

  .c-hbb-verlangern-bg_col {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f25_Lines.svg");
    background-position: 100% 100%;
    background-repeat: no-repeat;
    width: 70%;
    margin-top: 80px;
    margin-right: -24px;
    padding-bottom: 60px;
    display: block;
  }

  .c-hbb-device_big-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .c-hbb-device_col_bg {
    width: 95%;
    margin-top: 80px;
    margin-right: -24px;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .asd {
    flex-direction: column;
    align-items: flex-end;
    padding-left: 0;
  }

  .c-hbb-device_col {
    max-width: none;
  }

  .c-hbb-leistungen-card {
    max-width: 49%;
  }

  .c-hbb-berater-flex_col2 {
    width: 100%;
    margin-top: 80px;
  }

  .c-hbb-berater-flex_row {
    flex-direction: column;
    display: block;
  }

  .c-hbb-berater-flex_col1 {
    width: 100%;
  }

  .c-hbb-berater-cards-flex_row {
    display: block;
  }

  .c-hbb-berater-card {
    width: 100%;
  }

  .c-hbb-berater-card.cc-last {
    margin-bottom: 0;
  }

  .c-journey_basicillus {
    max-width: 400px;
    top: 451px;
    left: -139px;
  }

  .c-journey_nextillus {
    max-width: 350px;
    margin-left: -211px;
    padding-top: 271px;
    top: -110px;
  }

  .c-journey_proillus {
    max-width: 400px;
    top: 455px;
    right: -172px;
  }

  .c-form-field {
    padding-left: 0;
  }

  .c-form-field.c-form-field--nachname {
    width: 100%;
    margin-left: 0%;
  }

  .c-form-field.c-form-field--vorname {
    width: 100%;
  }

  .c-modal-confirm {
    display: none;
  }

  .c-modal {
    height: 100%;
    padding-bottom: 12px;
    top: 0%;
    overflow: auto;
    transform: translate(-50%);
  }

  .c-modal.cc-first-modal {
    width: 70%;
    display: none;
  }

  .c-title-date {
    line-height: 34px;
  }

  .c-checkbox-group {
    padding-left: 0;
  }

  .c-download_colection-item {
    width: 100%;
  }

  .c-hero.cc-qa {
    margin-bottom: 100px;
  }

  .c-hero.cc-duale {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed44021_Mask%20Group.svg");
    background-position: 50% -200px;
    background-size: contain;
    margin-top: 64px;
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .c-hero.cc-duale.smaller {
    background-position: 100% 0;
    margin-top: 73px;
  }

  .c-faq-image-wrapper.cc-lines {
    left: 31px;
  }

  .c-faq-gradient.cc-small {
    height: 250px;
    top: 29px;
    left: -73px;
  }

  .c-faq-image {
    top: 40px;
    right: 115px;
  }

  .c-faq-image.cc-left {
    left: 0;
  }

  .c-hero-qa_right {
    order: -1;
    width: 100%;
    min-width: 100%;
    margin-left: 0;
    padding-top: 60px;
    padding-bottom: 196px;
    padding-left: 60px;
    right: 0;
  }

  .c-testimony.cc_dtbnew {
    overflow: hidden;
  }

  .c-testimony-block {
    margin-left: 0;
    padding: 60px 20px 20px;
  }

  .c-testimony-block.cc-dtbnew.c-card.hdt_kv_kop {
    padding-right: 20px;
  }

  .c-testimony-img {
    width: 100%;
    min-width: 50%;
  }

  .c-testimony-left {
    margin-bottom: 36px;
  }

  .c-hero-qa-flex {
    flex-direction: column;
  }

  .c-hero-qa_left {
    margin-top: -112px;
    margin-left: auto;
    margin-right: 0;
    left: 0;
  }

  .c-hero-qa-img {
    margin-left: auto;
  }

  .c-qa-hero_lines {
    z-index: 0;
    margin-left: 0;
    top: 44%;
    bottom: 0;
  }

  .c-hero-qa_logo {
    margin-top: 48px;
    margin-left: auto;
    margin-right: 30px;
    display: block;
    position: relative;
    bottom: 20px;
    left: 0%;
  }

  .c-dtbhero-shape {
    display: none;
  }

  .c-dtbwrapper-flex {
    display: block;
  }

  .c-dtbintro-wrapper {
    max-width: none;
    margin-right: 0;
    position: static;
  }

  .c-dtbintro-cards-wrapper {
    display: block;
  }

  .c-dtbintro-cards_col {
    padding-top: 64px;
    padding-right: 0;
  }

  .c-dtbmodal.cc-kontact {
    display: none;
  }

  .c-dtbcontact-modal-wrapper {
    display: block;
  }

  .c-contact-modal_left-side {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed4405b_Pfad%20518.svg");
    background-position: 80% 95%;
    background-size: 1200px;
    max-width: none;
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .c-contact-modal_right-side {
    text-align: center;
    padding-top: 64px;
  }

  .c-dtbmodal_close-btn {
    top: 16px;
    right: 16px;
  }

  .c-paragraph--xs {
    margin-bottom: 6px;
    margin-right: 8px;
  }

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

  .columns-10 {
    flex-direction: column;
    margin-left: 22px;
    margin-right: 22px;
  }

  .div-block-33 {
    flex-wrap: wrap;
    margin-bottom: 16px;
  }

  .column-13 {
    justify-content: center;
    margin-bottom: 16px;
  }

  .c-kurse {
    padding-top: 64px;
    padding-bottom: 40px;
  }

  .c-kurse_card {
    margin-bottom: 24px;
    margin-left: 0;
    margin-right: 0;
  }

  .c-kurse_card-content.cc-slider {
    text-align: left;
  }

  .c-kurse-features_collection-list {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .c-kurse_modal_bullets-wrapper_inner-row.cc-last {
    flex-direction: column;
  }

  .c-kurse_tab-link {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .c-kurse_form {
    padding-top: 20px;
  }

  .c-transformation-circle-mobile {
    background-image: linear-gradient(208deg, #fffe00, #45c6ff 29%, #040077);
    margin-left: -30px;
    margin-right: -30px;
    padding-top: 24px;
    padding-bottom: 24px;
    display: block;
  }

  .c-modal-contact-icon {
    width: 100px;
  }

  .form {
    text-align: left;
  }

  .c-kurse-slider {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .c-title-3.white {
    margin-bottom: 0;
  }

  .c-kurse_slider_wrapper {
    padding-top: 40px;
  }

  .c-kurse_prev-arrow, .c-kurse_next-arrow {
    display: none;
  }

  .c-cardteaser-content-5 {
    margin-top: 30px;
    font-size: 18px;
    line-height: 28px;
  }

  .c-kurse-package_card {
    margin-bottom: 24px;
    margin-left: 0;
    margin-right: 0;
  }

  .cds-title-1 {
    font-size: 70px;
    line-height: 64px;
  }

  .c-title-6 {
    font-size: 18px;
    line-height: 30px;
  }

  .c-text-3 {
    display: none;
  }

  .c-text-3.white {
    display: block;
  }

  .c-text-3.white.hide-mobile {
    display: none;
  }

  .c-text-3.black {
    display: block;
  }

  .c-title-wrapper.cc-ansprechpartner {
    margin-bottom: 100px;
  }

  .cds-footer_links-col {
    flex: none;
    width: 49%;
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .cds-footer_links-row {
    flex-wrap: wrap;
  }

  .c-title-5 {
    font-size: 20px;
    line-height: 32px;
  }

  .c-title-4 {
    font-size: 24px;
    line-height: 38px;
  }

  .cds-ie-intro.showroom_mobile {
    height: 60vh;
  }

  .cds-ie-title-1 {
    font-size: 70px;
    line-height: 64px;
  }

  .cds-ie-content {
    margin-top: 40px;
  }

  .cds-ie-row_left.cc-06 {
    width: 100%;
  }

  .cds-ie-monitor {
    margin-top: 40px;
    margin-left: 0%;
  }

  .cds-ie-img06 {
    margin-left: 0%;
  }

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

  .cds-ie-row, .cds-ie-row.cc-invert {
    flex-direction: column;
  }

  .cds-ie-row.cc-mobile-switch {
    flex-direction: column-reverse;
  }

  .cds-ie-row_right {
    width: 100%;
  }

  .cds-ie-row_right.cc-01 {
    max-width: 100%;
    margin-top: 32px;
  }

  .c-title-2 {
    font-size: 52px;
    line-height: 58px;
  }

  .c-col-clear {
    padding-left: 0;
    padding-right: 0;
  }

  .c-title-3-2 {
    font-size: 28px;
    line-height: 44px;
  }

  .c-section-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .logo_kantleivision {
    max-width: 80%;
  }

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

  .c-navigation_menu {
    float: none;
    background-color: #fff;
    width: 100%;
    margin-top: 0;
    padding-bottom: 8px;
    overflow: auto;
    box-shadow: 0 4px 4px #00000014;
  }

  .c-newnav-flex-section-row {
    display: block;
  }

  .c-navigation_dropdown-toggle {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 20px;
  }

  .c-navigation_dropdown-toggle:hover {
    border-bottom-color: #fff;
  }

  .c-newnav-hamburger {
    color: #0058ff;
    height: 80px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 40px;
    position: static;
  }

  .c-newnav-hamburger.w--open {
    background-color: #0058ff;
  }

  .c-newnav-hamburger.secoundnav {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
  }

  .c-newnav-hamburger.secoundnav.w--open {
    background-color: #0000;
    transform: rotate(180deg);
  }

  .c-navigation_dropdown {
    margin-top: 80px;
    display: block;
  }

  .c-newnav-language-nav {
    text-align: left;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 20px;
    display: none;
  }

  .c-navigation_logo-img {
    width: 100%;
  }

  .c-navigation_link {
    border-bottom-style: none;
    height: auto;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 20px;
    font-size: 14px;
  }

  .c-navigation_link:hover {
    border-bottom-color: #fff;
    display: block;
  }

  .c-navigation_logo {
    width: auto;
    height: 80px;
    padding: 25px 20px;
    transform: scale(1);
  }

  .c-newnav-dropdownlist-wrapper {
    min-width: 100%;
    box-shadow: none;
    background-color: #fafafa;
    padding: 24px 40px;
  }

  .c-newnav-dropdownlist-wrapper.w--open {
    min-width: 0;
    box-shadow: none;
    background-color: #fafafa;
    padding: 24px 40px;
    position: relative;
    top: auto;
    left: auto;
  }

  .c-newnav-dropdownlist-nostyle.w--open {
    background-color: #fafafa;
    padding-top: 0;
    position: relative;
    top: auto;
    left: auto;
  }

  .c-language-nav-link {
    color: #000;
    margin-right: 24px;
    font-family: Haufemerriweathersans, sans-serif;
    text-decoration: none;
  }

  .c-language-nav-link.w--current {
    font-weight: 700;
  }

  .c-navigation_dropdown-icon {
    margin-top: 22px;
  }

  .c-newnav-flex-section-col {
    width: 100%;
    margin-bottom: 24px;
  }

  .c-newnav-flex-section-col.cc-last {
    margin-bottom: 0;
  }

  .c-navigation {
    z-index: 100;
  }

  .c-second-nav {
    position: absolute;
  }

  .c-second-nav_container {
    text-align: left;
    margin-bottom: 0;
    padding-top: 0;
    display: block;
  }

  .c-second-nav_title {
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 20px;
  }

  .c-second-nav_menu {
    display: block;
  }

  .c-second-nav_link {
    border-bottom-style: none;
    flex: 0 auto;
    padding: 16px 0;
    font-size: 14px;
    display: block;
  }

  .c-second-nav_cta {
    padding-left: 0;
  }

  .c-second-nav_button {
    display: inline-block;
  }

  .c-top-nav {
    display: none;
  }

  .c-top-nav_right, .c-top-nav_left {
    margin-bottom: 0;
  }

  .c-container-new.cc-10cols {
    padding-top: 8em;
  }

  .c-hero-wrapper {
    flex-flow: column-reverse wrap;
    align-items: center;
  }

  .c-hero_left {
    max-width: 100%;
    margin-right: 0;
  }

  .c-hero_title.smaller.bubbleheader {
    background-image: none;
    padding-top: 80px;
    font-size: 60px;
    line-height: 65px;
  }

  .c-hero_right {
    align-self: flex-end;
    max-width: 100%;
    margin-bottom: 40px;
    margin-left: auto;
    position: relative;
  }

  .c-divider-line {
    width: auto;
    max-width: 100%;
    margin-bottom: 80px;
    margin-left: 24px;
    margin-right: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .c-services-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    align-items: flex-start;
  }

  .c-services_compo.cc-portait-hidden {
    max-width: 100%;
  }

  .c-tech_wrapper {
    flex-direction: column;
  }

  .c-tech_left {
    max-width: 100%;
    margin-bottom: 32px;
  }

  .c-tech_right {
    max-width: 100%;
  }

  .c-triangle-sec-wrapper {
    flex-direction: column;
  }

  .c-triangle_left {
    max-width: 100%;
    margin-bottom: 32px;
  }

  .c-triangle_right {
    max-width: 100%;
  }

  .c-triangle_dot-wrapper.cc-bottom-left {
    flex-direction: column;
    bottom: -55px;
  }

  .c-triangle_dot-wrapper.cc-bottom-right {
    flex-direction: column;
    align-items: flex-start;
    bottom: -55px;
  }

  .c-triangle-modal.cc-bottom-left {
    left: 120%;
  }

  .c-triangle-modal.cc-bottom-right {
    transform: translate(-80%);
  }

  .c-modal-text-wrapper {
    order: 1;
  }

  .c-vorteile_cards-col {
    flex-basis: 50%;
    width: 50%;
    max-width: none;
    margin-right: 10px;
  }

  .c-vorteile_cards-col.cc-right {
    margin-left: 10px;
    margin-right: 0;
  }

  .c-vorteile_cards-wrapper {
    max-width: 100%;
    overflow: hidden;
  }

  .c-vorteile_sticky {
    margin-bottom: 40px;
  }

  .c-vorteile_left, .c-vorteile_right {
    max-width: 100%;
  }

  .c-row-between.cc-bullets {
    flex-direction: column;
  }

  .c-progress_text-box {
    margin-left: -24px;
    margin-right: -24px;
  }

  .c-progress-text_right {
    margin-left: 32px;
  }

  .c-progress-text_left {
    margin-right: 32px;
  }

  .c-team_wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }

  .c-team-member {
    flex-basis: 100px;
    max-width: 345px;
    margin-bottom: 80px;
  }

  .c-contact-modal_new {
    padding: 24px;
  }

  .c-contact-popup {
    overflow: auto;
  }

  .c-services_left {
    width: 80%;
    max-width: none;
  }

  .c-triangle-mobile_dropdowns {
    display: none;
  }

  .heropicsmaller {
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }

  .c-hero_left-2 {
    align-self: flex-start;
    max-width: 100%;
    margin-top: 76px;
    margin-right: 0;
  }

  .bubbleheader {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440c7_Bubble_Header.jpg");
    background-position: 100% 0;
    background-size: cover;
    margin-top: 0;
    padding: 51px 16px 70px 18px;
  }

  .v1-section {
    margin-top: -194px;
  }

  .sec_dse_gesamt {
    margin-top: -100px;
  }

  .p.medium.supprt {
    padding-left: 26px;
    padding-right: 26px;
  }

  .wrap {
    width: 96%;
  }

  .wrap.support_info {
    align-items: center;
  }

  .columns-11 {
    display: none;
  }

  .wp_card {
    width: 45%;
    min-height: 400px;
  }

  .nk_inhalte_section {
    justify-content: space-between;
  }

  .nk_inhalte_header_wrapper {
    width: 45%;
  }

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

  .module_pop_overly-bar1 {
    display: none;
  }

  .c-cardblog-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .tt_certification_link {
    display: none;
  }

  .c-container-14 {
    padding-left: 0;
    padding-right: 0;
  }

  .container-6 {
    flex: 0 auto;
    max-width: none;
  }

  .c-container-m {
    padding-left: 50px;
    padding-right: 50px;
  }

  .div-block-27 {
    width: 100%;
    margin-right: 0;
    padding-right: 5vw;
  }

  .heading-5 {
    font-size: 28px;
    line-height: 36px;
  }

  .image-49.abstand {
    margin-top: 50px;
  }

  .div-block-26 {
    flex-wrap: wrap-reverse;
  }

  .div-block-26._2 {
    flex-wrap: wrap;
  }

  .c-cardteaser-content_small {
    text-align: left;
    font-size: 12px;
    line-height: 20px;
  }

  .close_popup-2 {
    z-index: 3;
    margin-top: 0;
    margin-right: 0;
    padding-right: 30px;
  }

  .agenda {
    width: 100%;
  }

  .html-embed-4 {
    width: 100%;
    margin-bottom: 10%;
    margin-left: 0;
  }

  .html-embed-5.u-m0 {
    width: auto;
    margin-top: 60px;
  }

  .image-48 {
    margin-top: 0;
  }

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

  .c-heading-6.tax-talks {
    margin-top: -4px;
    font-size: 20px;
    line-height: 25px;
  }

  .speakercard_wrapper {
    flex-wrap: wrap;
  }

  .paragraph-6 {
    flex: 0 auto;
  }

  .speaker {
    margin-bottom: 30px;
  }

  .section-3 {
    margin-bottom: 100px;
  }

  .icon-4 {
    margin-top: 0;
    font-size: 40px;
    display: block;
  }

  .nav-menu {
    text-align: left;
    background-color: #e8eeff;
    padding-left: 20px;
  }

  .icon-5 {
    outline-offset: 0px;
    color: #fff;
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed4401f_Group%204742.svg");
    background-position: 0 0;
    background-size: auto;
    border: 1px #000;
    outline: 3px #fff;
    display: inline-block;
    transform: rotate(45deg);
  }

  .image-51 {
    width: 20px;
    color: var(--white);
  }

  .c-container-15 {
    flex-direction: column;
    display: flex;
  }

  .c-headline-wrapper {
    text-align: left;
    margin-bottom: 80px;
  }

  .c-headline-wrapper.cc-mb40 {
    margin-bottom: 40px;
  }

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

  .c-online-seminar-wrapper {
    margin-top: 0;
  }

  .c-title-1-2 {
    letter-spacing: 1px;
    font-size: 64px;
    line-height: 64px;
  }

  .c-col50 {
    width: 100%;
  }

  .slide_arrows {
    margin-top: -52px;
  }

  .horizontal-item {
    width: 80%;
  }

  .div-block-34 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    margin-bottom: 0;
  }

  .tt-cta-card {
    flex: 0 auto;
    padding: 20px;
  }

  .c-list-bullet-2.icon_calendar {
    width: 30px;
  }

  .image-54 {
    display: none;
    position: absolute;
    top: 114px;
    left: 219px;
  }

  .body-2 {
    overflow: hidden;
  }

  .heading-6 {
    font-size: 28px;
    line-height: 36px;
  }

  .c-follow-card_social-img {
    width: 50px;
    max-width: none;
  }

  .navbar-5 {
    height: 48px;
  }

  .custom-css {
    width: 0;
    max-width: 0;
    height: 0;
    max-height: 0;
    margin-bottom: 0;
    position: absolute;
  }

  .navbar-inner {
    justify-content: flex-start;
    width: 100%;
    display: block;
  }

  .navbar-home-link-2 {
    width: auto;
    height: 64px;
    padding: 0 24px;
    transform: scale(1);
  }

  .navbar-menu-2 {
    z-index: 9;
    background-color: #232a36b3;
    height: 100vh;
    padding-bottom: 180px;
    overflow: auto;
  }

  .navbar-menu-inner-2 {
    background-color: #fff;
    flex-direction: column;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    overflow: auto;
  }

  .navbar-links {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .navbar-link-2 {
    z-index: 99;
    background-color: #f7f7f8;
    border-top: 1px solid #e7e7ec;
    align-self: stretch;
    align-items: center;
    height: auto;
    margin-bottom: 0;
    padding: 24px;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    display: flex;
  }

  .navbar-link-2:hover {
    border-bottom: 0 #0000;
  }

  .navbar-link-2.w--open {
    box-shadow: none;
  }

  .navbar-contact-button-wrapper {
    text-align: left;
    padding-bottom: 40px;
    display: none;
  }

  .navbar-pw {
    height: 48px;
  }

  .btn3-pw.c-button--l.loesungen {
    position: absolute;
    inset: auto auto 20px 20px;
  }

  .btn3-pw.c-button--s.popup {
    margin-top: 20px;
  }

  .btn3-pw.c-button--floatdown {
    left: 50%;
    transform: translate(-50%);
  }

  .btn3-pw.u-mt40 {
    align-self: flex-start;
  }

  .btn3-pw.u-mt40.cc-cemter-mobile {
    align-self: center;
  }

  .btn4-pw.c-button--l.loesungen {
    position: absolute;
    inset: auto auto 20px 20px;
  }

  .btn4-pw.c-button--s.popup {
    margin-top: 20px;
  }

  .btn4-pw.c-button--floatdown {
    left: 50%;
    transform: translate(-50%);
  }

  .btn4-pw.u-mt40 {
    align-self: flex-start;
  }

  .btn4-pw.u-mt40.cc-cemter-mobile {
    align-self: center;
  }

  .divsliderimg-pw {
    width: 110%;
    margin-top: 65px;
    padding-left: 0;
  }

  .flexslidercontents-pw {
    margin-top: 0;
  }

  .c-container-finpla_tabs {
    flex-direction: column;
    display: flex;
  }

  .cn-vorteile-finpla_tab-menu {
    width: 100%;
    padding-right: 0;
  }

  .cn-vorteile-finpla_tab-menu.tabs-horizontals-finpla_content {
    padding-right: 25px;
  }

  .cn-vorteile_tab-link {
    padding: 20px 0 20px 20px;
  }

  .cn-vorteile_tab-link.btn4-hfo.tabbtnheight-hfo {
    margin-bottom: 0;
  }

  .text-block-32 {
    margin-left: 90px;
    margin-right: 90px;
    padding-bottom: 32px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 24px;
  }

  .tabs-horizontals-finpla_content {
    width: 100%;
  }

  .c-quickstack-3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .p-helden-hfo {
    font-size: 18px;
  }

  .c-img-100w {
    max-width: 400px;
  }

  .c-button-finpla-tc.btn-tur-hfo {
    margin-top: 20px;
  }

  .c-button-finpla-tc.btn-rosa-hfo.tabdescbtnfix-hfo {
    margin-top: 15px;
  }

  .tabsidea-pw {
    flex-direction: column;
    display: flex;
  }

  .frametabsidea-pw {
    width: 100%;
    padding-right: 25px;
  }

  .tabsframe-pw {
    width: 100%;
  }

  .divblock-pw {
    max-width: 96%;
    margin-left: auto;
    margin-right: auto;
  }

  .footersteuerkanzlei {
    padding: 40px 60px;
  }

  .c-heading-7 {
    display: block;
  }

  .divberaten-pw {
    padding-left: 58px;
    padding-right: 58px;
  }

  .container-10 {
    max-width: 768px;
  }

  .modalcontents-formb {
    width: 90%;
    padding: 10px;
  }

  .h2-formb {
    max-width: 95%;
    margin-top: 50px;
    font-size: 35px;
  }

  .conkontakt-pw {
    max-width: 95%;
  }

  .cell-4 {
    justify-content: center;
    align-items: center;
    display: block;
  }

  .divtitle-dk {
    justify-content: center;
    align-items: center;
    height: 250px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .c-hero_image {
    width: 60%;
    left: 50%;
    right: 50%;
    transform: translate(-50%);
  }

  .c-row-desktop {
    flex-flow: column;
  }

  .c-row-desktop.is-hero {
    padding-top: 40px;
  }

  .c-row.is-card_wide {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .c-row.has-card_transparent {
    flex-flow: column;
  }

  .c-footerheader-colleft-3 {
    color: #ffffffb3;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
  }

  .c-backdrop.is-card_wide.is-darkblue {
    overflow: visible;
  }

  .c-image.is-card_wide-2 {
    inset: auto 0% -6% auto;
  }

  .c-image.is-hero_image {
    position: relative;
  }

  .c-image.is-card_wide._4 {
    object-fit: contain;
    width: 170px;
    height: 270px;
    margin-top: auto;
    display: block;
  }

  .c-image.is-card_slider {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    transform: translate(40%, 20%);
  }

  .c-video.is-pinnec_card {
    width: 100%;
  }

  .cn-card.is-widetile {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .cn-card.is-card_wide {
    position: relative;
    top: 0;
  }

  .cn-card.is-square {
    aspect-ratio: 2.39;
    grid-column: span 4;
  }

  .c-custom_video.video_mask-online_traning {
    transform: translate(0%, -30%);
  }

  .c-sublayout {
    display: flex;
  }

  .c-sublayout.is-card_wide {
    flex-flow: column;
  }

  .c-video_mask-online_traning {
    margin-bottom: -265px;
  }

  .c-navigation_menu-2 {
    float: none;
    background-color: #fff;
    width: 100%;
    margin-top: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    overflow: auto;
    box-shadow: 0 4px 4px #00000014;
  }

  .c-navigation_container-2 {
    background-color: #fff;
    justify-content: flex-start;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .c-navigation-2 {
    z-index: 100;
  }

  .c-col.has-pinned_card-video {
    flex: none;
    width: 100%;
  }

  .c-navigation_link-2 {
    border-bottom-style: none;
    height: auto;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 20px;
    font-size: 14px;
  }

  .c-navigation_link-2:hover {
    border-bottom-color: #fff;
    display: block;
  }

  .c-card_transparent {
    flex: 1;
    width: 100%;
  }

  .c-hero_slider-image {
    height: 50vh;
    min-height: 580px;
  }

  .c-hero-paragraph {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    flex-flow: column;
    display: flex;
  }

  .c-newnav-hamburger-2 {
    color: #0058ff;
    height: 80px;
    margin-left: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 40px;
    position: static;
  }

  .c-newnav-hamburger-2.w--open {
    color: #0058ff;
    background-color: #fff;
  }

  .c-navigation_right {
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .c-stack.g-64 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .c-stack.is-card_wide-content {
    width: 100%;
    max-width: 100%;
  }

  .c-stack.is-card_slider {
    max-width: 100%;
  }

  .cn-section.cc-pb0-mobile {
    padding-top: 0;
  }

  .c-timeline_defaultline {
    height: 100%;
    top: 0;
    bottom: 0;
  }

  .cn-h1 {
    font-size: 2.7rem;
  }

  .cn-h2 {
    font-size: 2rem;
  }

  .c-container-taxtalks-teaser.cc-10cols {
    margin-top: 2em;
  }

  .c-card-btn-text.focus, .c-card-btn-text.default {
    transform: translate(0, -100%);
  }

  .c-heading-form {
    display: block;
  }

  .c-heading-form.u-mb40.c-heading--m {
    font-size: 48px;
  }

  .c-heading-form.u-mb0 {
    width: 100%;
  }

  .c-heading-form.h-stage-level-3 {
    order: 0;
    align-self: auto;
    font-size: 52px;
    line-height: 52px;
    display: block;
  }

  .c-heading-form.centered {
    margin-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 48px;
    line-height: 48px;
  }

  .c-heading-form.h-stage-level2.lead {
    display: block;
  }

  .c-heading-form.h-stage-level2.lead.mobil {
    display: none;
  }

  .c-heading-form.u-pcenter60 {
    margin-bottom: 40px;
  }

  .c-heading-form.blue-bg {
    max-width: 600px;
    margin-bottom: 0;
    font-size: 48px;
    line-height: 57px;
  }

  .c-heading-form.m--vorteile {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 48px;
    line-height: 48px;
  }

  .c-heading-form.mobile {
    display: block;
  }

  .c-heading-form.cc-dtbtitle {
    letter-spacing: 0;
  }

  .section-form {
    padding-top: 24px;
    padding-bottom: 10px;
  }

  .section-form.c-section--video {
    padding-bottom: 37px;
  }

  .section-form.c-section--filters {
    margin-top: 0;
  }

  .section-form.loesungen {
    padding-top: 10px;
  }

  .section-form.cc-services {
    padding-bottom: 0;
  }

  .section-form.cc-tech, .section-form.cc-triangle, .section-form.cc-kanzleivision {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-form.cc-progress {
    background-size: auto 90%;
    padding-bottom: 80px;
  }

  .section-form.cc-team {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .section-form.cc-contact {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .section-form.cc-tt-video {
    background-position: 100%, -20% 0;
  }

  .section-form.black {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-form.gradient {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .c-button-taxtalks-buchen.c-button--l.loesungen {
    position: absolute;
    inset: auto auto 20px 20px;
  }

  .c-button-taxtalks-buchen.c-button--s.popup {
    margin-top: 20px;
  }

  .c-button-taxtalks-buchen.c-button--floatdown {
    left: 50%;
    transform: translate(-50%);
  }

  .c-button-taxtalks-buchen.u-mt40 {
    align-self: flex-start;
  }

  .c-button-taxtalks-buchen.u-mt40.cc-cemter-mobile {
    align-self: center;
  }

  .c-button-m-tax-talks {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }

  .c-container-taxtalks-spot.cc-10cols {
    padding-top: 8em;
  }

  .c-button-m-tax-talks-pink {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }

  .container-11 {
    width: 94%;
  }

  .btn {
    font-size: var(--haufe-styleguide-stage---component-button--font-size-md);
    padding: .5rem 1.5rem;
  }

  .eyebrow {
    font-size: 1.25rem;
  }

  .container-12 {
    width: 94%;
  }

  .row-3.row-justify-between {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .col.col-lg-6.cc-tab-image-wrap.col-md-12 {
    min-height: 33rem;
    margin-bottom: .3rem;
  }

  .col.col-lg-6.cc-tab-image-wrap-tab2.col-md-12 {
    min-height: 33rem;
    margin-bottom: -10.8rem;
  }

  .col.col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col.col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col.col-md-11 {
    flex-basis: 91.67%;
    max-width: 91.6667%;
  }

  .col.col-md-2 {
    flex-basis: 16.67%;
    max-width: 16.6667%;
  }

  .col.col-md-1 {
    flex-basis: 8.33%;
    max-width: 8.33333%;
  }

  .col.col-md-5 {
    flex-basis: 41.67%;
    max-width: 41.6667%;
  }

  .col.col-md-8 {
    flex-basis: 66.67%;
    max-width: 66.6667%;
  }

  .col.col-md-7 {
    flex-basis: 58.33%;
    max-width: 58.3333%;
  }

  .col.col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col.col-md-first {
    order: -1;
  }

  .col.col-md-last {
    order: 1;
  }

  .col.col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col.col-md-4 {
    flex-basis: 33.33%;
    max-width: 33.3333%;
  }

  .col.col-md-10 {
    flex-basis: 83.33%;
    max-width: 83.3333%;
  }

  .u-mb-0 {
    margin-bottom: 0;
  }

  .section-6 {
    padding: var(--haufe-styleguide-stage---spacing-layout--section-padding-md) 0rem;
  }

  .section-6.cc-double-margin {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .h3 {
    font-size: var(--haufe-styleguide-stage---type-h3--font-size-md);
  }

  .h2 {
    font-size: var(--haufe-styleguide-stage---type-h2--font-size-md);
  }

  .h4 {
    font-size: var(--haufe-styleguide-stage---type-h4--font-size-md);
  }

  .u-m-0 {
    margin: 0;
  }

  .u-pt-0 {
    padding-top: 0;
  }

  .u-p-0-3 {
    padding: 0;
  }

  .u-mt-0 {
    margin-top: 0;
  }

  .u-pb-0 {
    padding-bottom: 0;
  }

  .container {
    width: 94%;
  }

  .row.cc-mob-reverse {
    flex-flow: column-reverse;
  }

  .section {
    padding: var(--haufe-styleguide-stage---spacing-layout--section-padding-md) 0rem;
  }

  .c-heading {
    font-size: var(--haufe-styleguide-stage---type-h1--font-size-md);
  }

  .c-heading:where(.w-variant-9bc05784-535a-6bdf-f3d2-6f9c39f9ffe2) {
    font-size: var(--haufe-styleguide-stage---type-h2--font-size-md);
  }

  .c-heading:where(.w-variant-86b6513c-e2a6-ef41-4975-f9327f0c4a17) {
    font-size: var(--haufe-styleguide-stage---type-h3--font-size-md);
  }

  .c-heading:where(.w-variant-aa6a9b50-fb8b-59ed-0cfb-7367e816f5f4) {
    font-size: var(--haufe-styleguide-stage---type-h4--font-size-md);
  }

  .c-button-l-2, .btn-2 {
    font-size: var(--haufe-styleguide-stage---component-button--font-size-md);
    padding: .5rem 1.5rem;
  }

  .modal {
    padding: 2.6rem;
  }

  .container-13 {
    width: 94%;
  }

  .btn-3 {
    font-size: var(--haufe-styleguide-stage---component-button--font-size-md);
    padding: .5rem 1.5rem;
  }

  .btn-3.medium.cc-secondary.nav-btn {
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    background-color: #0000;
    font-size: 1.125rem;
  }

  .nav {
    height: 4rem;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-logo {
    width: 4.5rem;
    min-width: 0;
  }

  .nav-link {
    width: 100%;
    padding: 1rem var(--haufe-styleguide-stage---spacing-utility-rem--1rem) 1rem 1rem;
    border-radius: var(--haufe-styleguide-stage---component-button--border-radius);
    background-color: var(--haufe-styleguide-stage---colors-all--white);
  }

  .nav-link:hover {
    background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  }

  .nav-link.w--open {
    border-bottom: 1px solid var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
    border-radius: .75rem .75rem 0 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .nav-link.cc-mein-konto {
    width: 100%;
    height: auto;
    padding-top: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
    padding-bottom: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
    padding-left: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
    border-radius: var(--haufe-styleguide-stage---component-button--border-radius);
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
  }

  .nav_menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 0;
    padding-bottom: 7rem;
  }

  .nav_dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .nav_dropdown-list.w--open {
    min-width: auto;
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .nav_dropdown-list.cc-on-col.w--open {
    background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem;
    margin: 0 0 0;
    padding: 0 0;
  }

  .nav_dropdown-list.cc-no-shadow.w--open {
    padding: var(--haufe-styleguide-stage---component-button--font-weight) 0rem 0rem;
    border-bottom-left-radius: var(--haufe-styleguide-stage---spacing-utility-rem--0-75rem);
    border-bottom-right-radius: var(--haufe-styleguide-stage---spacing-utility-rem--0-75rem);
    margin-top: 0;
    margin-bottom: 0;
  }

  .nav_tabs-menu {
    margin-bottom: var(--haufe-styleguide-stage---spacing-utility-rem--1-5rem);
    display: none;
  }

  .nav_menu-dropdown {
    width: 100%;
    position: relative;
  }

  .navbar-menu-button {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: 48px;
    display: flex;
  }

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

  .nav_tabs-content {
    margin-bottom: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
    grid-column-gap: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
    grid-row-gap: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
  }

  .nav_menu {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-top: 1px solid #f2f4f7;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .nav_logo-link.w--current {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 2rem;
  }

  .menu-icon_component {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 24px;
    height: 48px;
    display: flex;
  }

  .menu-icon_component:hover {
    background-color: var(--haufe-styleguide-stage---colors-all--white);
  }

  .menu-icon_line-bottom {
    background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav_menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: #101828;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .nav_button-wrapper {
    text-align: left;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .menu-icon_line-middle {
    background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-top {
    background-color: var(--haufe-styleguide-stage---colors-all--haufe-navy-blue);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav_wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .nav_produkte-section {
    width: 100%;
    max-width: none;
    height: auto;
    padding: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
    background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    overflow: visible;
  }

  .nav_single-section {
    max-width: none;
    padding: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
    box-shadow: none;
    background-color: #0000;
    border-radius: 0;
    margin-bottom: .5rem;
    overflow: hidden;
  }

  .nv_text-mein-konto-tablet {
    display: block;
  }

  .nav_mein-konto-img {
    display: none;
  }

  .nav_dropdown-icon {
    color: #075bfa;
    font-size: 20px;
    line-height: 20px;
    display: block;
  }

  .nav_text-icon-wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .nav_divider {
    background-color: var(--haufe-styleguide-stage---colors-all--light-gray);
    flex-flow: column;
    width: 100%;
    height: 1px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .nav_dropdown-trigger {
    margin-bottom: var(--haufe-styleguide-stage---spacing-utility-rem--0-25rem);
    padding-top: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
    padding-bottom: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
    color: #001344;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    display: flex;
  }

  .tab-style {
    background-color: #f2f6ff;
    border-radius: 3.75rem;
  }

  .tab-style.w--current {
    background-color: #fff;
  }

  .nav_dropdown-content {
    padding-top: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
    display: none;
  }

  .container-14 {
    width: 94%;
  }

  .section-7 {
    padding: var(--haufe-styleguide-stage---spacing-layout--section-padding-md) 0rem;
  }

  .container-15 {
    width: 94%;
  }

  .u-mb-0-2 {
    margin-bottom: 0;
  }

  .footer_section {
    padding-left: 0;
    padding-right: 0;
  }

  .footer_legal-links {
    flex-flow: wrap;
    align-items: flex-start;
    display: flex;
  }

  .footer_haufe-group-link {
    margin-left: 0;
  }

  .footer_social-links {
    width: 1.875rem;
    height: 1.875rem;
  }

  .tab-hero {
    height: auto;
  }

  .tab-hero_video {
    top: -19.1rem;
  }

  .tab-hero_video.cc-tab-2-video {
    height: 44rem;
    top: -18.4rem;
  }

  .cn-card-v2.is-widetile {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .cn-card-v2.is-card_wide {
    position: relative;
    top: 0;
  }

  .cn-card-v2.is-square {
    aspect-ratio: 2.39;
    grid-column: span 4;
  }
}

@media screen and (max-width: 767px) {
  .haufe-styleguide-stage--btn {
    font-size: var(--haufe-styleguide-stage---component-button--font-size-sm);
    padding: .5em 1em;
  }

  .haufe-styleguide-stage--btn.haufe-styleguide-stage--medium.haufe-styleguide-stage--cc-outline {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .haufe-styleguide-stage--nav-link {
    text-align: left;
    display: block;
  }

  .haufe-styleguide-stage--nav_menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .haufe-styleguide-stage--nav_produkte-section {
    background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  }

  .haufe-styleguide-stage--eyebrow {
    font-size: .8rem;
  }

  .haufe-styleguide-stage--c-hero_content {
    aspect-ratio: auto;
    width: 100%;
    height: auto;
    min-height: auto;
    padding: 2rem;
  }

  .haufe-styleguide-stage--c-hero_content:where(.w-variant-83c1ad46-1f3b-6f27-8308-86c2adb6d859) {
    padding-left: .8rem;
  }

  .haufe-styleguide-stage--c-heading {
    font-size: var(--haufe-styleguide-stage---type-h1--font-size-sm);
  }

  .haufe-styleguide-stage--c-heading:where(.w-variant-9bc05784-535a-6bdf-f3d2-6f9c39f9ffe2) {
    font-size: var(--haufe-styleguide-stage---type-h2--font-size-sm);
  }

  .haufe-styleguide-stage--c-heading:where(.w-variant-86b6513c-e2a6-ef41-4975-f9327f0c4a17) {
    font-size: var(--haufe-styleguide-stage---type-h3--font-size-sm);
  }

  .haufe-styleguide-stage--c-heading:where(.w-variant-aa6a9b50-fb8b-59ed-0cfb-7367e816f5f4) {
    font-size: var(--haufe-styleguide-stage---type-h4--font-size-sm);
  }

  .haufe-styleguide-stage--c-button-l {
    font-size: var(--haufe-styleguide-stage---component-button--font-size-sm);
    padding: .5em 1em;
  }

  .haufe-styleguide-stage--c-rich {
    font-size: var(--haufe-styleguide-stage---type-body--font-size-sm);
  }

  .haufe-styleguide-stage--c-rich:where(.w-variant-20b127a8-95a8-fd82-32b3-7f3766b8e207) {
    font-size: var(--haufe-styleguide-stage---type-paragraph-big--font-size-sm);
  }

  .haufe-styleguide-stage--c-rich:where(.w-variant-83fa5894-7873-5446-fa16-ebb5e99d36e4) {
    font-size: var(--haufe-styleguide-stage---type-paragraph-medium--font-size-sm);
  }

  .haufe-styleguide-stage--c-rich:where(.w-variant-9e973b4b-2fc5-c665-1939-ba23f1d44e60) {
    font-size: var(--haufe-styleguide-stage---type-paragraph-small--font-size-sm);
  }

  .haufe-styleguide-stage--c-hero_image-wrap {
    height: 25rem;
  }

  .haufe-styleguide-stage--c-hero_image-wrap:where(.w-variant-83c1ad46-1f3b-6f27-8308-86c2adb6d859) {
    padding-left: .8rem;
    padding-right: .8rem;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-sm-11 {
    flex-basis: 91.67%;
    max-width: 91.6667%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-sm-10 {
    flex-basis: 83.33%;
    max-width: 83.3333%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-sm-5 {
    flex-basis: 41.67%;
    max-width: 41.6667%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-sm-last {
    order: 1;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-sm-7 {
    flex-basis: 58.33%;
    max-width: 58.3333%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-sm-8 {
    flex-basis: 66.67%;
    max-width: 66.6667%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-sm-1 {
    flex-basis: 8.33%;
    max-width: 8.33333%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-sm-2 {
    flex-basis: 16.67%;
    max-width: 16.6667%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-sm-first {
    order: -1;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-sm-4 {
    flex-basis: 33.33%;
    max-width: 33.3333%;
  }

  .haufe-styleguide-stage--section {
    padding-top: var(--haufe-styleguide-stage---spacing-layout--section-padding-sm);
    padding-bottom: var(--haufe-styleguide-stage---spacing-layout--section-padding-sm);
  }

  .haufe-styleguide-stage--section.haufe-styleguide-stage--cc-double-margin {
    padding-top: 4.75rem;
    padding-bottom: 4.75rem;
  }

  .haufe-styleguide-stage--section.haufe-styleguide-stage--cc-half-margin {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .haufe-styleguide-stage--paragraph-big {
    font-size: var(--haufe-styleguide-stage---type-paragraph-big--font-size-sm);
  }

  .haufe-styleguide-stage--label {
    margin-top: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
    margin-bottom: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
    font-size: var(--haufe-styleguide-stage---type-label--font-size-sm);
  }

  .haufe-styleguide-stage--h3 {
    font-size: var(--haufe-styleguide-stage---type-h3--font-size-sm);
  }

  .haufe-styleguide-stage--h2 {
    font-size: var(--haufe-styleguide-stage---type-h2--font-size-sm);
  }

  .haufe-styleguide-stage--styles__section-label {
    padding-bottom: 10px;
  }

  .haufe-styleguide-stage--card-body {
    padding: 20px;
  }

  .haufe-styleguide-stage--h1 {
    font-size: var(--haufe-styleguide-stage---type-h1--font-size-sm);
  }

  .haufe-styleguide-stage--h4 {
    font-size: var(--haufe-styleguide-stage---type-h4--font-size-sm);
  }

  .haufe-styleguide-stage--paragraph-medium {
    font-size: var(--haufe-styleguide-stage---type-paragraph-medium--font-size-sm);
  }

  .haufe-styleguide-stage--form-success_flex {
    max-width: 340px;
  }

  .haufe-styleguide-stage--u-pt-0 {
    padding-top: 0;
  }

  .haufe-styleguide-stage--u-p-0-3 {
    padding: 0;
  }

  .haufe-styleguide-stage--u-pb-0 {
    padding-bottom: 0;
  }

  .haufe-styleguide-stage--c-paragraph {
    font-size: var(--haufe-styleguide-stage---type-paragraph-big--font-size-sm);
  }

  .haufe-styleguide-stage--c-paragraph:where(.w-variant-0c119991-2d91-42d9-0a18-6e89b5d8d555) {
    font-size: var(--haufe-styleguide-stage---type-paragraph-medium--font-size-sm);
  }

  .haufe-styleguide-stage--c-paragraph:where(.w-variant-60a0278b-1df4-8190-e246-2e06d25fcb4f) {
    font-size: var(--haufe-styleguide-stage---type-body--font-size-sm);
  }

  .haufe-styleguide-stage--c-paragraph:where(.w-variant-cc2fce1e-d3f7-8702-5218-cc395aa29081) {
    font-size: var(--haufe-styleguide-stage---type-paragraph-small--font-size-sm);
  }

  .haufe-styleguide-stage--modal {
    padding: 2rem;
  }

  .haufe-styleguide-stage--c-video-wrap {
    height: auto;
  }

  .haufe-styleguide-stage--c-button-link {
    font-size: var(--haufe-styleguide-stage---component-button--font-size-sm);
    padding: .5em 1em;
  }

  .haufe-styleguide-stage--c-img-wrap {
    height: auto;
  }

  .haufe-styleguide-stage--footer_section {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .haufe-styleguide-stage--footer_link {
    font-size: var(--haufe-styleguide-stage---component-button--font-size-sm);
  }

  .haufe-styleguide-stage--footer_social-links-wrapper {
    margin-top: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
  }

  .haufe-styleguide-stage--c-button-s {
    font-size: var(--haufe-styleguide-stage---component-button--font-size-sm);
    padding: .5em 1em;
  }

  p {
    font-size: 16px;
    line-height: 26px;
  }

  .ui-section {
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
  }

  .ui-section.tech {
    margin-bottom: 0;
    overflow: hidden;
  }

  .ui-section.tech.next-section-white {
    padding-bottom: 12px;
  }

  .ui-section.grey-bg {
    overflow: hidden;
  }

  .ui-section.funtkionen {
    padding-top: 30px;
    padding-left: 56px;
  }

  .ui-section.slider {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .ui-section.padding-bottom100.keyvisual {
    padding-top: 184px;
    padding-bottom: 387px;
  }

  .ui-section.teaser-loesungen {
    padding-bottom: 30px;
  }

  .ui-section.tax-action {
    margin-bottom: 0;
    overflow: hidden;
  }

  .ui-section.tax-action.vorteile {
    padding-bottom: 60px;
  }

  .ui-section.blog {
    padding-left: 1%;
    padding-right: 1%;
  }

  .u-psizef {
    font-size: 12px;
    line-height: 20px;
  }

  .u-psizes {
    font-size: 16px;
    line-height: 26px;
  }

  .c-blog-kurztext {
    font-size: 18px;
    line-height: 25px;
  }

  .c-blog-kurztext.u-fonta300.u-mb48 {
    margin-bottom: 25px;
  }

  .u-psizexxl.u-fontb400.u-mt0 {
    margin-bottom: 0;
    font-size: 30px;
    line-height: 42px;
  }

  .u-pcenter {
    padding-left: 0;
    padding-right: 0;
  }

  .u-p0.u-pr16 {
    padding-right: 0;
  }

  .u-p0.u-pl16 {
    padding-left: 0;
  }

  .u-pr0, .u-pl0 {
    padding-left: 0;
    padding-right: 0;
  }

  .c-button {
    font-size: 16px;
    line-height: 18px;
  }

  .c-button.c-button--l {
    padding-top: 10px;
  }

  .c-button.c-button--s.popup {
    padding-top: 5px;
  }

  .c-button.is-secondary {
    float: right;
    position: static;
  }

  .c-button.u-mt40.cc-cemter-mobile {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .c-button.cc-flat.cc-kurse-btn.cc-left, .c-button.cc-flat.cc-kurse-btn.cc-white {
    width: 100%;
    margin-bottom: 12px;
  }

  .c-button.cc-flat.cc-testimonial {
    padding: 8px 20px;
    font-size: 13px;
    line-height: 24px;
  }

  .prit_typ {
    font-size: 12px;
  }

  .u-fontb400.u-psizel.u-mb16, .u-fontb400.u-psizexl {
    font-size: 22px;
  }

  .c-inputa.search {
    width: 150px;
  }

  .c-cardnews {
    margin-bottom: 20px;
  }

  .c-cardteaser {
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .c-cardteaser.float-right {
    padding-bottom: 0;
  }

  .c-cardteaser.keyvisual-bg {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f15_taxsuite-kv-1200.jpg");
    padding-top: 30px;
    padding-left: 30px;
  }

  .v1-c-heading {
    font-size: 46px;
    line-height: 46px;
  }

  .v1-c-heading.h-stage-level-3 {
    order: 0;
  }

  .v1-c-heading.centered {
    width: 100%;
    max-width: 960px;
  }

  .v1-c-heading.h-stage-level2.lead.mobil {
    display: none;
  }

  .v1-c-heading.u-pcenter60 {
    margin-bottom: 40px;
  }

  .c-divider {
    width: 32px;
    height: 3px;
  }

  .c-divider.c-divider--center, .c-divider.c-divider--center-not_mobile {
    display: block;
  }

  .c-cardteaser-content {
    font-size: 14px;
    line-height: 26px;
  }

  .c-cardteaser-content.u-pcenter {
    max-width: 768px;
  }

  .c-cardteaser-content.witdh-extra {
    margin-top: 30px;
  }

  .c-cardteaser-content.centered.u-m40 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-cardteaser-content._16.studie {
    margin-top: 20px;
  }

  .c-cardcostumer.c-cardcostumer--sm.u-mb0.pmpg.blue {
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 24px;
  }

  .c-cardcostumer.c-cardcostumer--sm.u-mb0.pmpg.blue.cust-taxnavigator {
    padding-top: 24px;
    padding-right: 24px;
  }

  .c-cardcostumer.c-cardcostumer--sm.blue.flex-v-center {
    height: auto;
    max-height: none;
    padding: 24px;
  }

  .c-cardcostumer.c-cardcostumer--sm.blue.flex-v-center.cust-sbp {
    padding-top: 24px;
  }

  .c-cardcostumer.c-cardcostumer--md {
    margin-bottom: 20px;
  }

  .c-cardcostumer.renner {
    height: auto;
    min-height: 0;
    padding: 24px;
  }

  .c-cardcostumer.w100.cust-deloitte, .c-cardcostumer.w100.dr-klein, .c-cardcostumer.cust-maisenbacher {
    padding: 24px;
  }

  .c-cardcostumer.references-teaser {
    height: 240px;
    min-height: 200px;
  }

  .c-cardcostumer.references-teaser.blue-bg {
    min-height: 200px;
  }

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

  .c-cardmedia.c-cardmedia-2 {
    height: 200px;
  }

  .c-cardmedia.c-cardmedia--partner {
    min-width: 258px;
    min-height: 194px;
    margin-bottom: 30px;
  }

  .c-cardmedia.c-cardmedia--features {
    width: auto;
    min-width: auto;
    min-height: 161px;
    margin-bottom: 10px;
    padding-top: 10px;
  }

  .c-footer {
    padding: 60px;
  }

  .c-footer-header {
    margin-bottom: 20px;
  }

  .c-glossar-wrapper {
    margin-right: 0;
  }

  .c-contact-container {
    width: auto;
    padding-left: 24px;
    padding-right: 24px;
  }

  .c-contact-container.tax-action {
    padding-left: 0;
    padding-right: 0;
  }

  .c-headingteaser {
    padding-right: 80px;
  }

  .c-herohome-textcontainer {
    height: 100%;
    padding-top: 60px;
  }

  .c-cardsolution {
    margin-bottom: 20px;
  }

  .c-cardblog.tax-action.see-me-since {
    background-size: 100px, auto;
  }

  .c-blog-content {
    min-height: 0;
    padding: 24px 24px 32px;
  }

  .c-filters-label_org {
    margin-top: 0;
    display: inline-block;
  }

  .c-heroinner-textcontainer {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: 200px;
    padding: 32px 32px 48px;
    display: flex;
  }

  .c-container.portfolio-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-footerheader-colleft {
    padding-left: 0;
  }

  .c-footer-linkscol {
    padding-left: 0;
    padding-right: 0;
  }

  .c-slidernews {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 30px;
    padding-left: 10px;
    overflow: hidden;
  }

  .c-slidernews-mask {
    width: 90%;
    overflow: visible;
  }

  .c-slidernews-slide {
    float: none;
    width: 100%;
    display: inline-block;
  }

  .c-slidersolution {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 30px;
    padding-left: 10px;
    overflow: hidden;
  }

  .c-slidersolution-slide {
    float: none;
    width: 100%;
    display: inline-block;
  }

  .c-header.c-header--blue.tax-action {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .c-header.c-header--blue.tt_agenda2021 {
    margin-bottom: 0;
    padding-left: 0;
  }

  .c-sectionvorteile {
    flex-direction: column;
    padding-top: 48px;
    padding-bottom: 48px;
    display: flex;
  }

  .c-cardvorteile {
    align-items: flex-start;
    display: flex;
  }

  .c-cardvorteile.u-mb48 {
    margin-bottom: 0;
  }

  .c-cardvorteile-head {
    flex: 1 0 auto;
    width: 60px;
    height: 60px;
    margin-right: 24px;
  }

  .c-cardvorteile-head.small {
    margin-top: 0;
  }

  .c-cardvorteile-content {
    padding-top: 0;
    padding-right: 0;
  }

  .c-cardvorteile-text {
    font-size: 16px;
    line-height: 26px;
  }

  .c-footercta {
    text-align: center;
  }

  .c-teaserrowc-content {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .c-teaserrowe.loesungen {
    background-position: 30% 20%;
    background-size: 1000px;
    padding-bottom: 60px;
  }

  .c-teaserrowc--screenshotright {
    text-align: right;
    margin-top: -34px;
  }

  .c-footer-2 {
    padding: 24px 40px;
  }

  .c-footerheader-colleft-2 {
    padding-left: 0;
  }

  .portfoliolist {
    flex-direction: column;
  }

  .portfolioitemwrap {
    width: 100%;
  }

  .c-button-3 {
    font-size: 16px;
    line-height: 18px;
  }

  .c-button-3.is-tertiary.u-mt24.customer {
    font-size: 16px;
  }

  .p-merri.italic.mb-48px {
    display: none;
  }

  .dl-item {
    flex-direction: column;
    padding-bottom: 62px;
  }

  .dl-item.reverse-flex {
    flex-direction: column;
  }

  .dl-image {
    width: 40%;
  }

  .dl-image-wrap {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 0;
    display: flex;
  }

  .dl-image-grey-bg {
    width: 100%;
    height: 100%;
    display: none;
    inset: 0%;
  }

  .dl-content-wrap {
    width: 100%;
    padding-top: 48px;
    padding-left: 0;
    padding-right: 0;
  }

  .dl-content-wrap.reverse-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .client-content {
    margin-top: 48px;
  }

  .v1-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .v1-container.sticky-container.tt-container {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .overlay-section {
    padding-top: 0;
  }

  .ioverlay-close {
    z-index: 5;
    position: fixed;
  }

  .dl-left {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .dl-left.abstand {
    margin-top: 0;
    margin-bottom: 0;
  }

  .dl-right {
    margin-top: 0;
    padding: 24px;
  }

  .dl-page-image {
    width: 40%;
  }

  .paragraph {
    display: none;
  }

  .list {
    justify-content: center;
  }

  .name {
    font-size: 13px;
    display: none;
  }

  .container-cta-form, .container_2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container_2.uo-padd-60 {
    padding-bottom: 40px;
  }

  .slider-kante-unten {
    display: none;
  }

  .inhalte-logo-img {
    width: 120px;
  }

  .inhalte-logo-img.popup {
    width: 160px;
  }

  .c-cardinhalt.centered {
    margin-bottom: 10px;
  }

  .c-partnerlogo {
    min-width: 150px;
  }

  .c-collectionbox {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .module_pop_overly {
    display: none;
    overflow: auto;
  }

  .pop_content {
    justify-content: flex-start;
    width: 100%;
    padding-top: 0;
  }

  .close_popup {
    padding-right: 30px;
  }

  .collection-item-partner {
    flex-basis: 380px;
    justify-content: center;
  }

  .c-dk-cta {
    text-align: center;
  }

  .c-cta-teaser {
    font-size: 16px;
    line-height: 26px;
  }

  .c-dk-cta-2.c-header--gradient {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .c-heading-fix-react {
    font-size: 48px;
    line-height: 48px;
  }

  .slide-6 {
    width: 100%;
  }

  .text-block-8 {
    padding-bottom: 25px;
    font-weight: 300;
    line-height: 22px;
  }

  .slider-3 {
    width: 100%;
    height: auto;
  }

  .screenshot-center {
    width: 69%;
  }

  .h4-merri {
    font-size: 18px;
    line-height: 30px;
  }

  .slide-nav-3 {
    padding-top: 29px;
    bottom: -1px;
  }

  .vorteile {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .collection-item-feature {
    flex-basis: 400px;
  }

  .c-wrap-list-features {
    padding-top: 40px;
  }

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

  .c-section.cc-tech {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .c-section.cc-triangle {
    padding-top: 64px;
    padding-bottom: 48px;
  }

  .c-section.cc-zuku {
    padding-top: 64px;
    padding-bottom: 32px;
  }

  .c-section.cc-kanzleivision {
    padding-top: 64px;
    padding-bottom: 48px;
  }

  .c-section.cc-progress {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43ffd_Background.svg");
    background-size: 100% 90%;
    padding-top: 32px;
    padding-bottom: 64px;
  }

  .c-section.cc-team {
    padding-top: 104px;
    padding-bottom: 64px;
  }

  .c-section.cc-contact, .c-section.cc-danke {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .c-section.cc-tt-video, .c-section.gradient {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .c-cards-wrapper {
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 23px;
    padding-left: 0;
    padding-right: 0;
  }

  .c-card-item-30proz {
    width: 100%;
    min-height: 10%;
    margin-bottom: 20px;
    margin-left: 4px;
    margin-right: 4px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .c-cardsolutions-header {
    height: 216px;
  }

  .c-heading-3 {
    font-size: 44px;
    line-height: 44px;
  }

  .coll-list-item {
    flex-basis: 80%;
  }

  .c-card-inhalte-bott {
    justify-content: flex-end;
  }

  .prit_title {
    font-size: 15px;
    line-height: 22px;
  }

  .author {
    font-size: 12px;
    line-height: 21px;
  }

  .c-herosmall.small_navi {
    margin-top: 8px;
  }

  .c-herosmall.abstand {
    margin-top: 42px;
  }

  .stage-small-img.stage-img-inhalte {
    width: auto;
  }

  .stage-small-textcontainer {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .c-heromedium {
    margin-top: 0;
  }

  .stage-medium-img.stage-img-digitalekanzlei {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .stage-info-box {
    bottom: -54%;
  }

  .zertifikate-wrapper {
    max-width: 528px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-wrapper {
    flex-direction: column;
    padding-top: 9px;
  }

  .text-wrapper.left {
    padding-left: 0;
  }

  .column-wrapper {
    width: 100%;
    margin-bottom: 11px;
  }

  .flexcard-img-big.digitale-kanzlei {
    width: 140%;
    top: 67%;
    right: -89px;
  }

  .flexcard-img-big.digitale-kanzlei.desktop {
    top: 64%;
  }

  .flexcard-img-big.digitale-kanzlei.m--vorteile {
    top: -3%;
  }

  .flexcard-img-big.tax-action {
    width: 400px;
    height: 224px;
  }

  .flexcard-img-small.technologie-2 {
    display: none;
  }

  .flexcard-img-small.sicherheit-2 {
    width: 360px;
    display: none;
  }

  .card-font-small {
    font-size: 14px;
    line-height: 24px;
  }

  .quote-subline {
    font-size: 12px;
  }

  .c-cardteaser-content-4 {
    font-size: 16px;
    line-height: 26px;
  }

  .c-divider-2 {
    width: 32px;
    height: 3px;
  }

  .c-divider-2.c-divider--center {
    display: none;
  }

  .slider-wrapper {
    width: 100%;
  }

  .quote {
    font-size: 25px;
    line-height: 34px;
  }

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

  .logo-sbp {
    width: 210px;
  }

  .logo-pmpg {
    width: 130px;
  }

  .logo-kmp {
    width: 250px;
  }

  .logo-renner {
    width: 140px;
  }

  .c-cardloesung {
    width: 100%;
    height: 200px;
    margin-bottom: 23px;
  }

  .column-2, .column-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .c-content {
    padding-top: 30px;
    padding-left: 0;
  }

  .c-cardteaser-tax-action-form {
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-14 {
    width: 400px;
  }

  .author-ta {
    font-size: 12px;
    line-height: 21px;
  }

  .c-cards-wrapper--ta {
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 23px;
    padding-left: 0;
    padding-right: 0;
  }

  .ta-divider {
    height: 50px;
  }

  .c-logocontainer-3 {
    height: 60px;
  }

  .c-container-5.c-container--cardmedia {
    padding-left: 40px;
    padding-right: 40px;
  }

  .c-filters-label-2 {
    margin-top: 0;
    display: inline-block;
  }

  .c-filter-learning {
    float: none;
    width: 100%;
  }

  .c-cardmedia-loesungen {
    margin-bottom: 0;
  }

  .c-filter-software, .c-filter-weitere, .c-filter-content {
    float: none;
    width: 100%;
  }

  .coll-item-loesungen {
    width: 100%;
  }

  .c-filter-cms {
    float: none;
    width: 100%;
  }

  .card-font-smaller {
    font-size: 14px;
    line-height: 24px;
  }

  .c-button-6 {
    font-size: 16px;
    line-height: 18px;
  }

  .list-overlay {
    justify-content: center;
  }

  .close-x-button {
    padding-right: 30px;
  }

  .gh-ct-overlay {
    display: none;
    overflow: auto;
  }

  .slider-close-button-mobile {
    z-index: 1011;
    color: #fff;
    background-color: #000c;
    justify-content: flex-end;
    width: auto;
    min-height: 20px;
    margin-bottom: 4px;
    padding: 2px 5vw;
    font-size: 1.5em;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .blog-slider-element {
    margin-top: 60px;
    padding-top: 1.6em;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-detail-slider-wrap {
    padding: 0 0;
  }

  .text-block-28 {
    color: #536f85;
  }

  .swipe-hint {
    color: #536f85;
    text-align: center;
    flex: 1;
    justify-content: center;
    align-items: center;
    font-size: .6em;
    display: flex;
  }

  .blog-slider-button {
    padding: 10px 15px;
    display: none;
  }

  .slider-close-button {
    display: none;
  }

  .blog-overview-item {
    flex-basis: 380px;
    justify-content: center;
  }

  .blog-slider-wrapper {
    width: 100%;
    max-width: none;
  }

  .c-blogheading--h1 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .c-blogauthorfooter-socialicon {
    margin-right: 8px;
  }

  .c-blogauthorfooter-infocontainer {
    margin-left: 30px;
  }

  .c-blogwrapper {
    margin-bottom: 60px;
  }

  .c-heading-5 {
    letter-spacing: 2px;
    font-size: 44px;
    line-height: 44px;
  }

  .c-blog-mainimage {
    height: 400px;
  }

  .c-blogheader {
    margin-top: 40px;
  }

  .c-blogbody-richtext blockquote {
    margin-left: 0;
    margin-right: 0;
    font-size: 25px;
    line-height: 40px;
  }

  .c-blogbody-richtext p, .c-blogbody-richtext h4, .c-blogbody-richtext ul, .c-blogbody-richtext h2, .c-blogbody-richtext h3 {
    margin-left: 24px;
    margin-right: 24px;
  }

  .c-modulescard {
    width: 90%;
    height: auto;
    padding-bottom: 36px;
    top: 120px;
    left: 40px;
  }

  .c-modulescard.second {
    width: 90%;
    min-height: 200px;
    padding-bottom: 40px;
    left: 40px;
  }

  .c-modulescard-bigcontainer.second {
    width: 100%;
    height: 650px;
  }

  .c-modulescard-iconcontainer {
    width: 70%;
    height: 350px;
    margin-left: 10px;
  }

  .c-modulescard-img {
    width: 85px;
    margin-top: 18px;
    margin-left: 30px;
  }

  .c-modulescard-img.second {
    margin-left: 31px;
  }

  .c-modulescard-heading {
    font-size: 28px;
    line-height: 36px;
  }

  .c-modulescard-p {
    font-size: 16px;
    line-height: 28px;
  }

  .c-cardmedia-list {
    margin-bottom: 20px;
  }

  .c-cardmedia-list.c-cardmedia--blog {
    min-height: 400px;
  }

  .c-blogitem-top1 {
    height: 340px;
  }

  .c--blogtop1-heading {
    margin-bottom: 30px;
    font-size: 45px;
    line-height: 45px;
  }

  .c-blog-top-b {
    padding-left: 12px;
  }

  .c-blogtop23-heading {
    width: 85%;
    font-size: 20px;
    line-height: 30px;
  }

  .c-blogtop-headline-wrap.top {
    position: relative;
  }

  .c-blog-topb-headline {
    z-index: 10;
    background-color: var(--white);
    position: absolute;
  }

  .c-blog-top-b-divider {
    z-index: 0;
    position: absolute;
    right: 0;
  }

  .c-blog-topb-imgcontainer {
    width: 32%;
  }

  .c-blogcontent-container-topb {
    width: 68%;
  }

  .c-blog-top1-text {
    font-size: 17px;
    display: none;
  }

  .c-blog-top23-text {
    display: none;
  }

  .c-blog-main-link {
    width: 100%;
  }

  .c-blog-social-icon {
    margin-right: 8px;
  }

  .c-blog-main-link-topb, .c-blog-main-link-topa {
    width: 100%;
  }

  .button-wrap {
    padding-left: 12px;
  }

  .text-video-slider {
    padding-bottom: 25px;
    font-weight: 300;
    line-height: 22px;
  }

  .slide-nav-video {
    padding-top: 20px;
    bottom: -1px;
  }

  .h4-merri-video {
    font-size: 18px;
    line-height: 30px;
  }

  .slider-wrapper-video {
    width: 100%;
  }

  .ui-section-slider-video {
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
  }

  .slider-video {
    width: 100%;
    height: auto;
  }

  .slider-kante-unten-video {
    display: none;
  }

  .slide-video {
    width: 100%;
  }

  .c-dtbhero {
    margin-bottom: 80px;
    overflow: hidden;
  }

  .c-dtbhero.cc-dtbnew {
    margin-top: 0;
    padding-top: 48px;
  }

  .c-newcontainer {
    text-align: left;
  }

  .c-newcontainer.cc-relative.hdt_width {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 0;
  }

  .c-newcontainer.cc-relative.cc-dtbnew {
    padding-left: 24px;
    padding-right: 24px;
  }

  .c-newcontainer.cc-hero {
    margin-right: 0;
    padding-right: 30px;
  }

  .c-newcontainer.cc-testimony {
    display: block;
  }

  .c-newcontainer.cc-dtbnew {
    text-align: left;
    padding-left: 24px;
    padding-right: 24px;
  }

  .c-dtbhero-flex {
    margin-right: 0;
  }

  .c-dtbhero-right {
    margin-left: 0;
    margin-right: 0;
  }

  .c-dtbintro.cc-dtbnew {
    z-index: 10;
    padding-top: 40px;
    position: relative;
  }

  .c-title--l.cc-tabstitle {
    text-align: left;
  }

  .c-title--l.cc-tabstitle.cc-dtbnew {
    text-align: center;
    font-size: 28px;
    line-height: 38px;
  }

  .c-title--l.cc-kurse {
    margin-bottom: 24px;
    font-size: 28px;
    line-height: 38px;
  }

  .c-dtbintro-text.cc-dtbnew {
    margin-bottom: 24px;
  }

  .c-dtbcard {
    width: 100%;
  }

  .c-dtbcard_content {
    text-align: center;
    min-height: auto;
    padding-bottom: 60px;
  }

  .c-title--xs.cc-title {
    margin-bottom: 24px;
    font-size: 28px;
  }

  .c-digitaltransformation {
    background-image: linear-gradient(to right, #1561f6, #28e8e0 90%);
    padding-top: 60px;
    padding-bottom: 0;
    overflow: visible;
  }

  .c-card {
    margin-left: -30px;
    margin-right: -30px;
  }

  .c-card.cc-benefitscard.cc-dtbnew {
    box-shadow: none;
    padding: 40px 0 0;
    top: 0;
  }

  .c-card.hdt_anmeldung {
    margin-right: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-card.c-transformationdtbnew {
    margin-right: 0;
    padding: 0 0 32px;
  }

  .c-cardtitle.cc-bigmobile {
    font-size: 40px;
    line-height: 48px;
  }

  .c-cardtitle.cc-transformationdtbnew {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 38px;
  }

  .c-digitaltransformation-item.cc-benefitsitem {
    flex-direction: column;
  }

  .c-digitaltransformation-item.cc-dtbnew.cc-last {
    margin-bottom: 0;
  }

  .c-digitaltransformation-items {
    margin-top: 0;
    margin-bottom: 0;
  }

  .c-digitaltransformation-lines {
    margin-top: -108px;
    top: 0%;
    left: 0;
  }

  .c-digitaltransformation-graph {
    margin-top: 0;
    padding: 21px;
    position: static;
  }

  .c-digitaltransformation-graph.cc-dtbnew {
    padding: 24px;
  }

  .c-benefits {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .c-benefits.cc-dtbnew {
    padding-top: 0;
  }

  .c-tabs-menu.cc-dtbnew {
    z-index: 200;
    width: 100%;
    margin-bottom: 40px;
    display: block;
    position: sticky;
    top: 64px;
  }

  .c-benefitstab.cc-dtbnew {
    max-width: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 24px;
  }

  .c-benefitstab.cc-dtbnew.w--current {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .c-tabs {
    display: none;
  }

  .c-tabs.cc-dtbnew {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .c-benefits-pane {
    padding-bottom: 0;
  }

  .c-tick {
    margin-bottom: 18px;
    margin-right: 0;
  }

  .c-tick.cc-dtbnew {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .c-benefits-image.cc-dtbnew {
    order: -1;
    width: 100%;
    height: 196px;
    position: static;
  }

  .c-journey {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .c-journey-box.cc-basic, .c-journey-box.cc-basic.cc-mindset {
    width: 48%;
    margin-bottom: 0;
  }

  .c-journey_col.cc-relative.cc-line1 {
    width: 100%;
    height: 100px;
    margin-top: 0;
    display: block;
    overflow: visible;
  }

  .c-journey_col.cc-technology.cc-line02 {
    width: 10%;
    margin-top: 0;
  }

  .c-journey_col.cc--basic {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .c-journey_col.cc-next {
    width: 100%;
  }

  .c-journey_col.cc-profi {
    width: 45%;
  }

  .c-horizontallline.cc-basic-technology, .c-horizontallline.cc-basic-business, .c-horizontallline.cc-basic-change, .c-horizontallline.cc-basic-process {
    display: none;
  }

  .c-verticalline {
    z-index: 1;
    height: 500px;
    margin-left: 0;
    position: absolute;
    top: 0;
    left: 24%;
  }

  .columns {
    display: none;
  }

  .columns.cc-journeycols {
    flex-direction: column;
    display: flex;
  }

  .c-nextline {
    display: none;
  }

  .c-journey-content {
    margin-top: 0;
  }

  .c-journey-flexcol {
    flex-direction: column;
  }

  .c-text--l.cc-journey-content_title {
    font-size: 36px;
    line-height: 36px;
  }

  .c-download {
    margin-bottom: 0;
  }

  .c-download_card {
    max-width: 90%;
  }

  .c-home_testimonial-section {
    padding-bottom: 40px;
  }

  .c-testimonial_photo {
    margin-right: auto;
    left: -30px;
  }

  .c-home-testimonial_card-wrapper {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    flex-direction: column;
    align-items: center;
  }

  .c-paragraph--l {
    font-size: 16px;
    line-height: 26px;
  }

  .c-home-testimonial_card {
    margin-top: -24px;
    margin-left: 0;
  }

  .c-webinars {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .c-webinars.cc-dtbnew {
    background-color: var(--white);
    padding-top: 0;
  }

  .c-text--xs.cc-center {
    text-align: left;
  }

  .c-text--xs.cc-faq {
    font-size: 14px;
    line-height: 24px;
  }

  .c-webinars_header {
    text-align: left;
  }

  .c-webinars_header.cc-dtbnew {
    margin-bottom: 32px;
  }

  .c-webinar_block.u-dsd {
    flex-direction: column;
  }

  .c-webinar_img {
    max-width: 100%;
    height: 280px;
    min-height: auto;
  }

  .c-webinar_content {
    max-width: 100%;
  }

  .c-contact.cc-dtbnew {
    padding-top: 0;
    padding-bottom: 64px;
  }

  .c-contactblock {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-bottom: 64px;
  }

  .c-contactblock.c-dtbnew {
    padding-bottom: 0;
  }

  .c-contactblock-left {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43edc_mail-bg-mobile.svg");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: auto;
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 55px;
  }

  .c-contactblock-right {
    text-align: center;
    justify-content: center;
    width: 100%;
    margin-top: 60px;
    padding-left: 0%;
  }

  .c-contactblock-right.cc-dtbnew {
    margin-top: 0;
    padding: 64px 24px 24px;
  }

  .c-herocontent-mobile {
    position: relative;
  }

  .c-dropdown-arrow {
    z-index: 1;
  }

  .c-dropdown-arrow.cc-gray {
    z-index: 2;
  }

  .c-benefits-tabs_dropdown-list.w--open {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .c-benefits-tabs_dropdown-toggle {
    padding-top: 22px;
    padding-bottom: 16px;
    padding-left: 33px;
    font-family: Bebasneue, sans-serif;
    font-size: 32px;
    line-height: 36px;
    box-shadow: 0 7px 39px #0000001a;
  }

  .c-benefits_dropdown {
    margin-top: 60px;
    display: block;
  }

  .c-dropdown_title {
    z-index: 1;
    font-size: 32px;
    line-height: 36px;
    position: relative;
  }

  .c-benefits-dropdown_image {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 196px;
    margin-bottom: 40px;
  }

  .c-benefits-dropdown_image.cc-tab01 {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed44086_Mitarbeiter%20(1).jpg");
    background-position: 50% 0;
  }

  .c-benefits-dropdown_image.cc-tab02 {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed44059_Fuehrungskraefte%20(2)%20(1).jpg");
  }

  .c-benefits-dropdown_image.cc-tab03 {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed44054_GettyImages_1070699566%20(1).jpg");
  }

  .c-dropdown_gradient {
    opacity: 0;
    background-image: linear-gradient(80deg, #1561f6, #28e8e0);
    position: absolute;
    inset: 0%;
  }

  .c-journey-next {
    width: 45%;
  }

  .c-journey-title {
    color: #d1d4d6;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 28px;
  }

  .c-journey-title.cc-mobilehidden {
    display: none;
  }

  .c-journey-title.cc-nextlevel {
    width: 35%;
    position: absolute;
    top: -63px;
  }

  .c-journey-title.cc-profi {
    position: absolute;
    top: -48px;
  }

  .c-journey-title.cc-mobile {
    display: block;
  }

  .div-block-15 {
    margin-left: auto;
    margin-right: auto;
  }

  .c-new-title-l {
    font-size: 48px;
    line-height: 52px;
  }

  .c-hbb-hero-list {
    font-size: 16px;
    line-height: 26px;
  }

  .c-new-button {
    padding: 18px 24px;
    font-size: 18px;
    line-height: 20px;
  }

  .c-new-title-m {
    font-size: 40px;
    line-height: 48px;
  }

  .c-paragraph--m {
    margin-bottom: 0;
  }

  .c-hbb-verlangern_card-bold_text {
    font-size: 18px;
  }

  .c-hbb-verlangern-bg_col {
    width: 90%;
  }

  .c-hbb-leistungen-card {
    max-width: 100%;
  }

  .c-new-title--s {
    font-size: 32px;
    line-height: 36px;
  }

  .c-hbb-unser-card {
    padding: 40px 24px;
  }

  .c-hbb-unser-bg_wrapper {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed44087_glenn-carstens-peters-npxXWgQ33ZQ-unsplash%202.png");
    background-position: 100% 90%;
    background-repeat: no-repeat;
    background-size: 550px;
  }

  .c-hbb-unser-card-title {
    font-size: 32px;
    line-height: 36px;
  }

  .c-journey_basicillus, .c-journey_nextillus, .c-journey_proillus {
    display: none;
  }

  .p_small.kundenstimme {
    padding-top: 0;
  }

  .c-modal-confirm {
    position: fixed;
  }

  .c-modal {
    padding-bottom: 42px;
  }

  .c-modal.cc-first-modal {
    width: 80%;
  }

  .c-hero.cc-qa {
    overflow: hidden;
  }

  .c-hero.cc-duale {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed4401e_Background%20Shape.svg");
    background-position: 100% -200px;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: 64px;
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .c-hero.cc-duale.smaller {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43fbb_Background.svg");
    background-position: 100% 0;
  }

  .c-faq-block {
    margin-bottom: 32px;
  }

  .c-faq-block.cc-img-left {
    flex-direction: column;
  }

  .c-faq-tittle-wrapper {
    margin-bottom: 8px;
  }

  .c-faq-title {
    font-size: 16px;
    line-height: 26px;
  }

  .c-faq-image-wrapper {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 32px;
    left: 30px;
  }

  .c-faq-image-wrapper.cc-left {
    width: 100%;
    padding-top: 48px;
    padding-bottom: 48px;
    left: 0;
  }

  .c-faq-image-wrapper.cc-lines {
    order: -1;
    margin-top: 0;
    left: 27px;
  }

  .c-faq-block_half {
    width: 100%;
    max-width: 100%;
  }

  .c-faq-block_half.cc-right {
    order: -1;
    width: 100%;
  }

  .c-faq-gradient {
    width: 263px;
    height: 100%;
  }

  .c-faq-gradient.cc-small {
    background-image: linear-gradient(#003f71, #003f71);
    width: 180px;
    height: 100%;
    inset: 0% -30px 0% auto;
  }

  .c-faq-image {
    top: 32px;
    right: 30px;
  }

  .c-faq-image.cc-left {
    width: 100%;
    display: block;
  }

  .c-faq-image.cc-lines {
    width: 1005px;
    display: block;
    right: 30px;
  }

  .c-faq-quote {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .c-faq-quote_icon {
    min-width: 68px;
    height: 64px;
    margin-right: 16px;
  }

  .c-hero-qa_right {
    padding-bottom: 300px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .c-testimony {
    margin-bottom: 60px;
  }

  .c-testimony.cc_dtbnew {
    padding-bottom: 64px;
  }

  .c-testimony-block {
    z-index: 2;
    margin-top: 0;
    margin-left: 0;
    padding: 60px 28px;
    position: relative;
  }

  .c-testimony-block.cc-dtbnew {
    text-align: left;
    margin-top: -148px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-testimony-block.cc-dtbnew.c-card.hdt_kv_kop {
    margin-top: 0;
  }

  .c-testimony_quote {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    width: 100%;
    max-width: 100%;
    margin-bottom: 54px;
    padding-top: 0;
    padding-left: 0;
  }

  .c-testimony_quote.cc-dtbnew {
    margin-bottom: 40px;
    padding-top: 0;
  }

  .c-testimony_button.cc-dtbnew {
    margin-top: 40px;
  }

  .c-testimony-img {
    width: 80%;
    min-width: auto;
    margin-top: 0;
    margin-bottom: 0;
  }

  .c-testimony-img.cc-dtbnew {
    margin-top: 64px;
  }

  .c-testimony-gradient {
    width: 50%;
    height: 35%;
    inset: 15% 30px auto auto;
  }

  .c-testimony-gradient.cc-dtbnew {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f9c_shape-testimonial.svg");
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 169px;
    height: 212px;
    inset: 133px 24px auto auto;
  }

  .c-testimony-logo {
    background-color: #fff;
    padding: 16px;
    display: inline-block;
    position: absolute;
    inset: auto 0% -1% auto;
    box-shadow: 0 0 30px #0000001a;
  }

  .c-testimony-logo.cc-mobile {
    display: block;
    inset: -7% 0% auto auto;
  }

  .c-testimony-logo.cc-mobile.cc-dtbnew {
    width: 100%;
    max-width: 165px;
    margin-right: 20px;
    top: 0%;
    transform: translate(0, -50%);
  }

  .c-testimony-logo.cc-desktop {
    display: none;
  }

  .c-hero-qa_left {
    width: 100%;
    margin-top: -236px;
  }

  .c-hero-qa-img {
    width: 80%;
    height: 400px;
  }

  .c-qa-hero_lines {
    top: 51%;
  }

  .c-hero-qa_logo {
    max-width: 150px;
  }

  .c-testimony-bottom {
    margin-left: 0;
  }

  .c-title-xl {
    font-size: 42px;
    line-height: 46px;
  }

  .c-benefits_gray-shape {
    display: none;
  }

  .c-dtbtabs-card-text {
    text-align: left;
  }

  .c-dtbwebinar_title {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 38px;
  }

  .c-dtbcontact_title {
    font-size: 24px;
    line-height: 38px;
  }

  .c-dtbcontact-modal-wrapper.cc-kurse {
    border-radius: 8px;
    overflow: hidden;
  }

  .c-contact-modal_right-side {
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .c-dtbcontact-modal_title {
    font-size: 24px;
    line-height: 38px;
  }

  .c-dtbform {
    margin-top: 40px;
  }

  .c-dtbinput.cc-white, .c-dtbinput.cc-white.cc-last {
    margin-bottom: 24px;
  }

  .c-dtbcheckbox.cc-kurse {
    margin-top: 40px;
  }

  .c-paragraph--xs {
    margin-bottom: 0;
  }

  .footer2020 {
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }

  .columns-10 {
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-start;
  }

  .column-13 {
    margin-top: 18px;
    margin-bottom: 29px;
  }

  .column-14 {
    margin-bottom: 42px;
  }

  .c-dtbkurse_section-title {
    margin-bottom: 68px;
    font-size: 36px;
    line-height: 48px;
  }

  .c-kurse_card {
    border-radius: 4px;
    overflow: hidden;
  }

  .c-kurse_card.cc-sider {
    width: 327px;
  }

  .c-kurse_card-content {
    min-height: auto;
    padding-bottom: 12px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .c-kurse_card-content.cc-slider {
    text-align: left;
  }

  .c-kurse_card-title {
    margin-bottom: 24px;
    font-size: 28px;
    line-height: 38px;
  }

  .c-kurse_information {
    margin-bottom: 32px;
  }

  .c-kurse_information.cc-slider {
    margin-bottom: 24px;
  }

  .c-kurse_information-text.cc-last {
    margin-top: 8px;
  }

  .c-kurse_ctas-wrapper {
    margin-top: 32px;
    display: block;
  }

  .c-kurse-modal_header {
    margin-bottom: 0;
    padding: 24px;
  }

  .c-kurse-modal_title {
    font-size: 32px;
    line-height: 46px;
  }

  .c-kurse-modal_event-day_wrapper {
    margin-left: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
    display: block;
  }

  .c-kurse-modal_event-day {
    margin-left: 0;
    margin-right: 0;
  }

  .c-kurse-modal_event-day.cc-2 {
    margin: 24px 0 0;
  }

  .c-kurse-modal_event-day_header {
    margin-left: -24px;
    margin-right: -24px;
  }

  .c-kurse_modal_event-day_list li {
    padding-left: 16px;
    font-size: 16px;
    line-height: 26px;
  }

  .c-kurse_modal_bullets-wrapper {
    margin-top: 0;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .c-kurse_modal_bullets-wrapper_inner-row {
    border-top-style: none;
    border-top-width: 0;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .c-kurse_modal_bullets-wrapper_inner-row.cc-last {
    margin-left: 0;
    margin-right: -24px;
    padding-left: 0;
    padding-right: 0;
  }

  .c-kurse_bullet {
    border-left-style: none;
    border-left-width: 0;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 0;
    display: block;
  }

  .c-kurse_bullet.cc-left {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 24px;
    display: block;
  }

  .c-kurse_bullet.cc-non-border.cc-cta {
    text-align: center;
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f31_BG%20shape.svg");
    background-position: 0 78%;
    background-repeat: no-repeat;
    background-size: auto;
    margin-left: -24px;
    margin-right: -24px;
    padding-bottom: 48px;
  }

  .c-kurse_bullet-icon {
    margin-bottom: 24px;
    margin-right: 0;
  }

  .c-kurse_bullet-title {
    margin-bottom: 4px;
  }

  .c-kurse_bullet-desc {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .c-kurse_cta-text {
    text-align: center;
    max-width: none;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  .c-kurse_cta-image {
    margin-bottom: 24px;
    margin-right: 0;
  }

  .c-kurse_form-wrapper {
    padding: 32px 24px 24px;
  }

  .c-kurse_form-title {
    font-size: 65px;
    line-height: 64px;
  }

  .c-kurse_tab-link {
    text-align: center;
    font-size: 14px;
  }

  .c-kurse_form {
    margin-top: 32px;
    margin-bottom: 0;
    padding-top: 0;
  }

  .c-form_row {
    display: block;
  }

  .c-form_row.cc-popup {
    margin-bottom: 0;
  }

  .c-form_col.cc-left {
    width: 100%;
    padding-right: 0;
  }

  .c-form_col.cc-right {
    width: 100%;
    padding-left: 0;
  }

  .c-transformation-circle-mobile {
    margin-left: -24px;
    margin-right: -24px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .c-testimonial_wrapper {
    flex-direction: column;
    display: flex;
  }

  .c-title-3 {
    font-size: 32px;
    line-height: 40px;
  }

  .c-title-3.white {
    margin-bottom: 0;
  }

  .c-kurse_slider_wrapper {
    text-align: center;
    padding-top: 44px;
  }

  .c-kurse_prev-arrow, .c-kurse_next-arrow {
    display: none;
  }

  .c-cardteaser-content-5 {
    font-size: 16px;
    line-height: 26px;
  }

  .c-cardteaser-content-5 ul {
    margin-left: -13px;
  }

  .c-kurse-package_card {
    border-radius: 4px;
    overflow: hidden;
  }

  .c-kurse-package_card-title {
    margin-bottom: 24px;
    font-size: 28px;
    line-height: 38px;
  }

  .c-kurse-package_card-content {
    min-height: auto;
    padding-bottom: 12px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .c-kurse-package_information-text.cc-last {
    margin-top: 8px;
  }

  .c-kurse-package_information {
    margin-bottom: 32px;
  }

  .cds-title-1 {
    font-size: 52px;
    line-height: 52px;
  }

  .c-title-6 {
    font-size: 20px;
    line-height: 32px;
  }

  .c-text-3 {
    line-height: 26px;
    display: none;
  }

  .c-text-3.white {
    font-size: 14px;
    line-height: 24px;
  }

  .c-text-3.white.hide-mobile {
    display: none;
  }

  .c-title-wrapper.cc-auch-online {
    text-align: center;
  }

  .cds-footer_links-col {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0;
  }

  .c-cta-wrapper-tax-talks.cc-services {
    margin-top: 24px;
  }

  .c-cta-wrapper-tax-talks.cc-contact-modal {
    margin-top: 40px;
  }

  .c-text-2-2 {
    font-size: 15px;
  }

  .cds-footer_links-row {
    margin-top: 0;
  }

  .c-title-5 {
    font-size: 20px;
    line-height: 34px;
  }

  .c-title-4 {
    font-size: 20px;
    line-height: 36px;
  }

  .c-title-4.cc-700 {
    font-size: 28px;
    line-height: 44px;
  }

  .cds-ie-intro.showroom_mobile {
    height: 60vh;
  }

  .cds-ie-title-1 {
    padding-left: 17px;
    padding-right: 17px;
    font-size: 52px;
    line-height: 52px;
  }

  .cds-ie-section.cc-footer {
    padding-bottom: 64px;
  }

  .c-title-2 {
    font-size: 40px;
    line-height: 44px;
  }

  .c-text-1 {
    font-size: 16px;
    line-height: 28px;
  }

  .c-text-1.cc-700 {
    font-size: 18px;
    line-height: 32px;
  }

  .c-text-2se {
    font-size: 15px;
    line-height: 26px;
  }

  .c-title-3-2 {
    font-size: 24px;
    line-height: 38px;
  }

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

  .c-text-5.cc-light {
    font-weight: 300;
  }

  .logo_kantleivision {
    max-width: 80%;
    padding-left: 0;
    display: inline-block;
  }

  .column-15 {
    display: block;
  }

  .hdt_kv_logos {
    display: flex;
  }

  .image-40 {
    max-width: 80%;
    padding-bottom: 42px;
    display: block;
  }

  .column-16 {
    padding-left: 0;
    display: block;
  }

  .c-newnav-col-title {
    font-size: 16px;
    line-height: 26px;
  }

  .c-newnav-language-nav {
    display: none;
  }

  .c-navigation_link {
    font-size: 14px;
  }

  .c-newnav-dropdownlist-nostyle.w--open {
    min-width: 568px;
  }

  .c-second-nav_container {
    padding-top: 8px;
  }

  .c-second-nav_title {
    margin-bottom: 16px;
  }

  .c-top-nav {
    display: none;
  }

  .c-container-new {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .c-hero-wrapper {
    flex-direction: column;
  }

  .c-hero_left {
    order: 1;
    margin-right: 0;
  }

  .c-hero_title {
    font-size: 64px;
    font-weight: 400;
    line-height: 64px;
  }

  .c-hero_title.smaller.bubbleheader {
    background-image: none;
    padding-bottom: 0;
  }

  .c-hero_scroll-down {
    border-color: var(--royal-blue);
    margin-top: 40px;
  }

  .c-hero_right {
    margin-bottom: 32px;
  }

  .c-divider-line {
    max-width: 100%;
    margin-bottom: 64px;
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 0;
  }

  .c-divider-line.cc-mb-160.cc-mobile-hidden {
    display: none;
  }

  .c-services-text {
    flex-direction: column-reverse;
    align-items: center;
  }

  .c-button-m {
    font-size: 16px;
    line-height: 28px;
  }

  .c-services_compo.cc-portait {
    order: -1;
    margin-top: -30px;
    margin-bottom: -75px;
    margin-left: 24px;
    display: block;
  }

  .c-services_compo.cc-portait-hidden {
    display: none;
  }

  .c-tech_wrapper {
    flex-direction: column;
  }

  .c-tech_left {
    max-width: none;
    margin-bottom: 32px;
    margin-right: 0;
  }

  .c-triangle-sec-wrapper {
    flex-direction: column;
  }

  .c-triangle_left {
    max-width: none;
    margin-bottom: 12px;
    margin-right: 0;
  }

  .c-triangle-wrapper {
    margin-top: 60px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .c-triangle_dot_blur-wrapper {
    width: 40px;
    height: 40px;
    margin-right: 0;
  }

  .c-triangle_dot_blur-wrapper.cc-ml {
    margin-left: 0;
  }

  .c-triangle_dot-wrapper {
    top: -20px;
    transform: translate(-20px);
  }

  .c-triangle_dot-wrapper.cc-bottom-left {
    inset: auto auto -20px 0%;
    transform: translate(20px)translate(-100%);
  }

  .c-triangle_dot-wrapper.cc-bottom-right {
    inset: auto 0% -20px auto;
    transform: translate(-20px)translate(100%);
  }

  .c-triangle_dot-blue {
    width: 8px;
    height: 8px;
  }

  .c-triangle_dot-blue.cc-gray {
    background-color: #d2d4d6;
    width: 8px;
    height: 8px;
  }

  .c-triangle_dot-white {
    width: 24px;
    height: 24px;
  }

  .c-triangle-modal, .c-modal-text-wrapper {
    display: none;
  }

  .c-tech-text.cc-zuku {
    text-align: left;
    margin-bottom: 0;
  }

  .c-zuku-compo_wrapper {
    flex-direction: column;
  }

  .c-zuku_dropdowns {
    max-width: none;
    margin-left: 0;
    padding-top: 0;
  }

  .c-zuku-dropdown_toggle.cc-triangle {
    color: #8f9299;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: all .5s cubic-bezier(.68, -.55, .265, 1.55);
    box-shadow: 0 4px 24px #00000014;
  }

  .c-zuku-dropdown_toggle.cc-triangle.w--open {
    color: var(--royal-blue);
  }

  .c-zuku-dropdown_arrow-embed.cc-triangle {
    order: 1;
    margin-right: 0;
    transform: rotate(90deg);
  }

  .c-zuku-dropdown_list.cc-triangle.w--open {
    padding-top: 24px;
    padding-left: 24px;
  }

  .c-vorteile_cards-col {
    width: auto;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .c-vorteile_cards-col.cc-right {
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
  }

  .c-vorteile_cards-wrapper {
    flex-direction: column;
    max-width: none;
  }

  .c-vorteile_sticky {
    text-align: center;
    margin-bottom: 32px;
    position: static;
  }

  .c-vorteile_card {
    background-color: var(--white);
    background-image: none;
    margin-bottom: 16px;
    padding-bottom: 122px;
    box-shadow: 8px 8px 32px #00000014;
  }

  .c-vorteile_left {
    text-align: center;
    max-width: none;
  }

  .c-vorteile_right {
    padding-left: 0;
  }

  .c-row-between.cc-bullets {
    flex-direction: column;
  }

  .c-progress-image {
    background-position: 50%;
    margin-bottom: 40px;
    padding: 417px 24px 24px;
  }

  .c-progress-title-wrapper {
    max-width: 278px;
  }

  .c-progress_dot {
    width: 72px;
    max-width: 72px;
    height: 72px;
    max-height: 72px;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 12px;
  }

  .c-progress-section, .c-progress-section.cc-last {
    margin-bottom: 0;
  }

  .c-progress_text-box {
    z-index: 100;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .c-progress-text-wrapper {
    flex-direction: column;
  }

  .c-progress-text_right {
    margin-left: 0;
  }

  .c-progress-text_left {
    border-bottom: 1px solid #fff3;
    margin-bottom: 32px;
    margin-right: 0;
    padding-bottom: 32px;
  }

  .c-progress_line {
    z-index: 0;
    display: none;
  }

  .c-progress_line.cc-mobile {
    width: 4px;
    height: 40px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
  }

  .c-progress_line.cc-mobile.cc-last {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .c-progress-line_progress {
    display: none;
  }

  .c-team_wrapper {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .c-team-member {
    margin-bottom: 72px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 38px;
    padding-left: 42px;
    padding-right: 42px;
  }

  .c-team-member.cc-last {
    margin-bottom: 0;
  }

  .c-contact-box {
    padding: 32px;
  }

  .c-contact-popup {
    text-align: center;
    padding: 16px;
  }

  .c-services_left {
    text-align: center;
    width: 100%;
  }

  .c-portait-hidden {
    display: none;
  }

  .c-show-in-portait {
    display: block;
  }

  .c-triangle-mobile_dropdowns {
    margin-top: 52px;
    display: block;
  }

  .c-form_label {
    text-align: left;
  }

  .c-form_submit {
    text-align: center;
  }

  .c-form_checkbox-text, .c-form-popup {
    text-align: left;
  }

  .c-form-popup_block {
    margin-bottom: 0;
  }

  .c-form-col.cc-left {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .c-form-col.cc-right {
    margin-bottom: 20px;
    padding-left: 0;
  }

  .c-modal-popup_close {
    width: 24px;
    height: 24px;
    top: 12px;
    right: 12px;
  }

  .c-triangle_dot-wrapper_active {
    top: -20px;
    transform: translate(-20px);
  }

  .c-hero_scroll-down-2 {
    border-color: #0058ff;
    margin-top: 40px;
  }

  .c-hero_title-2 {
    font-size: 64px;
    font-weight: 400;
    line-height: 64px;
  }

  .c-hero_left-2 {
    order: 1;
    margin-right: 0;
  }

  .bubbleheader {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440c7_Bubble_Header.jpg");
    background-position: 100% 0;
    background-size: 800px;
    padding: 49px 26px 141px 18px;
  }

  .v1-section {
    margin-top: -120px;
    padding-top: 0;
  }

  .c-datenschutzklarung-item_title {
    font-size: 18px;
    line-height: 20px;
  }

  .c-datenschutzklarung-list {
    padding-left: 0;
  }

  .image-42 {
    margin-left: 0;
  }

  .columns-11 {
    display: none;
  }

  .wp_card {
    width: 100%;
    min-height: 350px;
  }

  .wp_card.studie {
    flex-direction: column;
    height: auto;
    min-height: 0;
  }

  .wp_image.studie {
    background-position: 50% 70%;
  }

  .wp-card-text_wrapper.studie {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .wp_card_heading {
    margin-bottom: 20px;
  }

  .link-block-5.studie {
    width: 100%;
    height: 300px;
  }

  .nw_dl.studie {
    margin-top: 24px;
    position: static;
  }

  .nk_inhalte_section {
    grid-column-gap: 3%;
    grid-row-gap: 3%;
  }

  .nk_inhalte_header_wrapper {
    width: 100%;
  }

  .nk_inhalte_heading {
    font-size: 30px;
    line-height: 33px;
  }

  .collection-list-wrapper-3.studie {
    width: 100%;
  }

  .nk_kontakt {
    flex-flow: column;
  }

  .nk_kontakt_bilder {
    width: 60%;
    margin-left: auto;
    padding-right: 0;
  }

  .nk_kontakt_inhalt {
    width: 100%;
  }

  .module_pop_overly-bar1 {
    display: none;
    overflow: auto;
  }

  .agendadiv {
    flex-wrap: wrap;
  }

  .c-container-m {
    padding-left: 40px;
    padding-right: 40px;
  }

  .c-container-m.cc-mobile {
    padding-left: 12px;
    padding-right: 12px;
  }

  .c-container-m.taxtalks-daten-mobile {
    padding-left: 50px;
    padding-right: 50px;
  }

  .tt_vortragbox {
    height: auto;
  }

  .tt_vortragbox.gray {
    height: 100px;
  }

  .div-block-27, .agenda1, .agenda2 {
    width: 100%;
  }

  .c-cardteaser-content_small {
    font-size: 16px;
    line-height: 27px;
  }

  .close_popup-2 {
    padding-right: 30px;
  }

  .html-embed-5.u-m0 {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0%;
  }

  .tt_vortraginfo {
    height: auto;
    min-height: 0;
  }

  .column-20 {
    display: none;
  }

  .c-heading-6 {
    letter-spacing: 2px;
    font-size: 40px;
    line-height: 60px;
  }

  .c-heading-6.tax-talks {
    margin-top: 0;
  }

  .speaker_wrapper {
    flex-wrap: wrap;
    display: flex;
  }

  .c-headline-wrapper {
    margin-bottom: 80px;
  }

  .c-headline-wrapper.cc-mb40 {
    margin-bottom: 40px;
  }

  .c-title-3-3 {
    font-size: 28px;
    line-height: 40px;
  }

  .online-seminar-date-wrapper {
    width: 100%;
    margin-bottom: 24px;
  }

  .c-online-seminar-wrapper {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .online-seminar-info-wrapper {
    width: 100%;
  }

  .c-title-1-2 {
    font-size: 56px;
    line-height: 56px;
  }

  .slide_item {
    width: 80%;
  }

  .slide_svg, .slide_svg.is--flip {
    width: 1.5em;
    height: 1.5em;
  }

  .slide_arrow.is--left.is--disabled-arrow, .slide_arrow.is--right {
    width: 3em;
    height: 3em;
  }

  .horizontal-item {
    width: 90%;
  }

  .tt-header-wrapper {
    margin-bottom: 20px;
  }

  .div-block-34 {
    margin-bottom: 0;
  }

  .list-2 {
    padding-top: 40px;
    padding-left: 0;
  }

  .c-button-9.c-button--hero {
    margin-top: 20px;
  }

  .arrow.slider-prev, .arrow.slider-next {
    width: 4em;
    height: 4em;
  }

  .image-54 {
    display: none;
  }

  .body-2 {
    overflow: hidden;
  }

  .tt_vortragbox-2 {
    max-width: none;
    height: auto;
  }

  .tt_vortragbox-2.gray {
    height: 100px;
  }

  .c-follow-card_social-img {
    width: 50px;
    max-width: none;
  }

  .sectionhero-pw {
    height: 100vh;
  }

  .herocta-pw {
    width: 500px;
  }

  .containerboxcta-pw {
    margin-left: 4%;
    margin-right: auto;
    top: -780px;
  }

  .containeridea-pw {
    margin-left: 2%;
    margin-right: 2%;
  }

  .navbar-home-link-2 {
    margin-right: 12px;
  }

  .navbar-logo {
    width: 100%;
    max-width: 105px;
    height: auto;
  }

  .navbar-link-2 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .btn3-pw {
    font-size: 16px;
    line-height: 18px;
  }

  .btn3-pw.c-button--l {
    padding-top: 10px;
  }

  .btn3-pw.c-button--s.popup {
    padding-top: 5px;
  }

  .btn3-pw.is-secondary {
    float: right;
    position: static;
  }

  .btn3-pw.u-mt40.cc-cemter-mobile {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .btn3-pw.cc-flat.cc-kurse-btn.cc-left, .btn3-pw.cc-flat.cc-kurse-btn.cc-white {
    width: 100%;
    margin-bottom: 12px;
  }

  .btn3-pw.cc-flat.cc-testimonial {
    padding: 8px 20px;
    font-size: 13px;
    line-height: 24px;
  }

  .btn4-pw {
    font-size: 16px;
    line-height: 18px;
  }

  .btn4-pw.c-button--l {
    padding-top: 10px;
  }

  .btn4-pw.c-button--s.popup {
    padding-top: 5px;
  }

  .btn4-pw.is-secondary {
    float: right;
    position: static;
  }

  .btn4-pw.u-mt40.cc-cemter-mobile {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .btn4-pw.cc-flat.cc-kurse-btn.cc-left, .btn4-pw.cc-flat.cc-kurse-btn.cc-white {
    width: 100%;
    margin-bottom: 12px;
  }

  .btn4-pw.cc-flat.cc-testimonial {
    padding: 8px 20px;
    font-size: 13px;
    line-height: 24px;
  }

  .h2slider-pw, .pslider-pw {
    text-align: left;
  }

  .divcards-pw {
    width: 200px;
    height: 220px;
  }

  .imgcards-pw {
    margin-top: 30px;
  }

  .slider-pw {
    min-height: 650px;
  }

  .divsliderimg-pw {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    display: flex;
    bottom: auto;
    right: auto;
  }

  .flexslidercontents-pw {
    justify-content: center;
    align-items: center;
  }

  .cn-vorteile-finpla {
    flex-flow: column;
  }

  .cn-vorteile-finpla_tab-menu.tabs-horizontals-finpla_content {
    margin-bottom: 20px;
    padding-right: 25px;
  }

  .cn-vorteile-finpla_tab-menu.tabs-horizontals-finpla_content.frame-hfo {
    width: 100%;
  }

  .cn-vorteile_tab-link.btn4-hfo.tabbtnheight-hfo {
    margin-bottom: 10px;
  }

  .text-block-32 {
    padding-bottom: 25px;
    font-weight: 300;
    line-height: 22px;
  }

  .c-quickstack-3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .title-helden-hfo {
    margin-top: 20px;
    font-size: 22px;
    line-height: 30px;
  }

  .p-helden-hfo {
    font-size: 18px;
  }

  .c-img-100w.img-tabs-resizer-hfo.rosa-img-fix-hfo {
    margin-top: -45px;
  }

  .c-price-tag {
    border-radius: 4px;
    margin-top: 32px;
  }

  .c-text-1-3 {
    font-size: 16px;
    line-height: 28px;
  }

  .btntxttabsbtn3-pw {
    margin-bottom: 0;
    padding-bottom: 8px;
    line-height: 20px;
  }

  .tabstabsidea-pw {
    flex-flow: column;
  }

  .frametabsidea-pw {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    padding-right: 25px;
    display: flex;
  }

  .pidea-pw {
    max-width: 90%;
  }

  .container-8 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .btn2-pw {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 18px;
  }

  .btn1-pw, .btn1navi-pw {
    font-size: 16px;
    line-height: 18px;
  }

  .divsocialfooter {
    flex-flow: row;
    justify-content: flex-start;
    align-self: flex-end;
    align-items: baseline;
    min-width: 110px;
    display: block;
  }

  .footersteuerkanzlei {
    padding: 24px 40px;
  }

  .c-dk-cta-2 {
    text-align: center;
  }

  .c-heading-7 {
    font-size: 46px;
    line-height: 46px;
  }

  .c-button-10 {
    font-size: 16px;
    line-height: 18px;
  }

  .sectionberaten-pw_delete {
    text-align: center;
  }

  .divberaten-pw {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button5 {
    font-size: 16px;
    line-height: 18px;
  }

  .container-10 {
    max-width: 568px;
  }

  .modalcontents-formb {
    width: 95%;
  }

  .h2-formb {
    font-size: 30px;
    line-height: 38px;
  }

  .conkontakt-pw {
    max-width: 90%;
  }

  .divtitle-dk {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: 200px;
    padding: 32px 32px 48px;
    display: flex;
  }

  .c-timeline_circle {
    position: absolute;
    left: 0;
    transform: translate(0);
  }

  .c-row.has-smallcards {
    flex-flow: wrap;
    width: 100%;
  }

  .c-footerheader-colleft-3 {
    padding-left: 0;
  }

  .c-image.is-card_wide-2 {
    display: none;
  }

  .c-image.is-card_wide._4 {
    inset: auto 0% 0% auto;
  }

  .c-image.is-box-podest {
    transform: translate(0, 52px);
  }

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

  .c-image.is-card_slider {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    transform: none;
  }

  .cn-card.is-widetile {
    grid-column: span 2;
  }

  .cn-card.is-card_wide {
    padding: 1.5rem;
    position: relative;
    top: 0;
  }

  .cn-card.is-timeline {
    width: 100%;
  }

  .cn-card.is-smallcards {
    max-width: 100%;
  }

  .cn-card.is-square {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    aspect-ratio: auto;
    grid-column: span 2;
  }

  .c-popup_content {
    padding-top: 90px;
    padding-bottom: 0;
  }

  .cn-footer {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }

  .c-timeline_item {
    width: 100%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 68px;
  }

  .c-slider_count.is-card_wide {
    display: none;
    position: relative;
    top: 0;
  }

  .c-col {
    align-self: auto;
  }

  .c-col.shrink.cc-first {
    order: -1;
    align-self: center;
    margin-bottom: 5em;
  }

  .c-col.cc-symbol {
    margin-top: 40px;
    margin-bottom: -40px;
  }

  .c-col.cc-span-10 {
    grid-column: 1 / -1;
  }

  .c-col.cc-themewelt.maxwidth {
    width: 70%;
  }

  .c-col.mb-hide {
    display: none;
  }

  .c-timeline_component {
    width: 100%;
    position: relative;
  }

  .c-navigation_link-2 {
    font-size: 14px;
  }

  .c-card_transparent {
    padding: 1.5rem;
  }

  .c-text.bold.hide-mobile {
    display: none;
  }

  .c-layout {
    grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
  }

  .c-layout.cc-max-width {
    grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .c-layout.is-card_wide.text-light {
    grid-row-gap: 1.5rem;
    padding: 1.5rem;
  }

  .c-layout.cc-invert {
    flex-flow: column;
    display: flex;
  }

  .spacer.is-card_wide {
    height: 120px;
  }

  .c-hero_slider-image {
    height: auto;
    min-height: auto;
  }

  .c-hero_slider-image.mb-hide, .site-grid {
    display: none;
  }

  .c-layout_timeline {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    display: block;
  }

  .c-stack.g-24 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .c-stack.g-64 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .c-stack.has-smallcards {
    width: 100%;
  }

  .c-stack.is-card_slider {
    justify-content: flex-end;
    align-items: flex-start;
    max-width: 100%;
  }

  .cn-section {
    object-position: 0% 0%;
  }

  .c-timeline_defaultline {
    display: block;
    left: 21px;
  }

  .c-layoutt_full.is-card_slider {
    padding-left: 1rem;
  }

  .c-listb-link-4.c-listb-link--footer {
    font-size: .8rem;
  }

  .c-card_slider.splide__slide {
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 3.1rem;
    padding-bottom: 3.1rem;
  }

  .c-container-taxtalks-teaser {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .c-container-taxtalks-hero {
    padding-top: 10em;
    padding-bottom: 4em;
  }

  .c-heading-form {
    font-size: 46px;
    line-height: 46px;
  }

  .c-heading-form.h-stage-level-3 {
    order: 0;
  }

  .c-heading-form.centered {
    width: 100%;
    max-width: 960px;
  }

  .c-heading-form.h-stage-level2.lead.mobil {
    display: none;
  }

  .c-heading-form.u-pcenter60 {
    margin-bottom: 40px;
  }

  .section-form.cc-services {
    padding-top: 40px;
    padding-bottom: 64px;
  }

  .section-form.cc-tech {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section-form.cc-triangle {
    padding-top: 64px;
    padding-bottom: 48px;
  }

  .section-form.cc-zuku {
    padding-top: 64px;
    padding-bottom: 32px;
  }

  .section-form.cc-kanzleivision {
    padding-top: 64px;
    padding-bottom: 48px;
  }

  .section-form.cc-progress {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43ffd_Background.svg");
    background-size: 100% 90%;
    padding-top: 32px;
    padding-bottom: 64px;
  }

  .section-form.cc-team {
    padding-top: 104px;
    padding-bottom: 64px;
  }

  .section-form.cc-contact, .section-form.cc-danke {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section-form.cc-tt-video, .section-form.gradient {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-form.background-linear-gradient {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .cta-h2-taxtalks {
    padding-left: .5em;
    padding-right: .5em;
  }

  .c-button-taxtalks-buchen {
    font-size: 16px;
    line-height: 18px;
  }

  .c-button-taxtalks-buchen.c-button--l {
    padding-top: 10px;
  }

  .c-button-taxtalks-buchen.c-button--s.popup {
    padding-top: 5px;
  }

  .c-button-taxtalks-buchen.is-secondary {
    float: right;
    position: static;
  }

  .c-button-taxtalks-buchen.u-mt40.cc-cemter-mobile {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .c-button-taxtalks-buchen.cc-flat.cc-kurse-btn.cc-left, .c-button-taxtalks-buchen.cc-flat.cc-kurse-btn.cc-white {
    width: 100%;
    margin-bottom: 12px;
  }

  .c-button-taxtalks-buchen.cc-flat.cc-testimonial {
    padding: 8px 20px;
    font-size: 13px;
    line-height: 24px;
  }

  .c-button-m-tax-talks {
    font-size: 16px;
    line-height: 28px;
  }

  .c-container-taxtalks-spot {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .c-button-m-tax-talks-pink {
    font-size: 16px;
    line-height: 28px;
  }

  .ce-text-taxtalkslive-play.bold.hide-mobile {
    display: none;
  }

  .btn {
    font-size: var(--haufe-styleguide-stage---component-button--font-size-sm);
    padding: .5em 1em;
  }

  .eyebrow {
    font-size: .8rem;
  }

  .col.col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col.col-sm-11 {
    flex-basis: 91.67%;
    max-width: 91.6667%;
  }

  .col.col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col.col-sm-10 {
    flex-basis: 83.33%;
    max-width: 83.3333%;
  }

  .col.col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col.col-sm-5 {
    flex-basis: 41.67%;
    max-width: 41.6667%;
  }

  .col.col-sm-last {
    order: 1;
  }

  .col.col-sm-7 {
    flex-basis: 58.33%;
    max-width: 58.3333%;
  }

  .col.col-sm-8 {
    flex-basis: 66.67%;
    max-width: 66.6667%;
  }

  .col.col-sm-1 {
    flex-basis: 8.33%;
    max-width: 8.33333%;
  }

  .col.col-sm-2 {
    flex-basis: 16.67%;
    max-width: 16.6667%;
  }

  .col.col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col.col-sm-first {
    order: -1;
  }

  .col.col-sm-4 {
    flex-basis: 33.33%;
    max-width: 33.3333%;
  }

  .section-6 {
    padding-top: var(--haufe-styleguide-stage---spacing-layout--section-padding-sm);
    padding-bottom: var(--haufe-styleguide-stage---spacing-layout--section-padding-sm);
  }

  .section-6.cc-double-margin {
    padding-top: 4.75rem;
    padding-bottom: 4.75rem;
  }

  .section-6.cc-half-margin {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .label {
    margin-top: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
    margin-bottom: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
    font-size: var(--haufe-styleguide-stage---type-label--font-size-sm);
  }

  .h3 {
    font-size: var(--haufe-styleguide-stage---type-h3--font-size-sm);
  }

  .h2 {
    font-size: var(--haufe-styleguide-stage---type-h2--font-size-sm);
  }

  .styles__section-label {
    padding-bottom: 10px;
  }

  .card-body {
    padding: 20px;
  }

  .h4 {
    font-size: var(--haufe-styleguide-stage---type-h4--font-size-sm);
  }

  .u-pt-0 {
    padding-top: 0;
  }

  .u-p-0-3 {
    padding: 0;
  }

  .u-pb-0 {
    padding-bottom: 0;
  }

  .section {
    padding-top: var(--haufe-styleguide-stage---spacing-layout--section-padding-sm);
    padding-bottom: var(--haufe-styleguide-stage---spacing-layout--section-padding-sm);
  }

  .c-heading {
    font-size: var(--haufe-styleguide-stage---type-h1--font-size-sm);
  }

  .c-heading:where(.w-variant-9bc05784-535a-6bdf-f3d2-6f9c39f9ffe2) {
    font-size: var(--haufe-styleguide-stage---type-h2--font-size-sm);
  }

  .c-heading:where(.w-variant-86b6513c-e2a6-ef41-4975-f9327f0c4a17) {
    font-size: var(--haufe-styleguide-stage---type-h3--font-size-sm);
  }

  .c-heading:where(.w-variant-aa6a9b50-fb8b-59ed-0cfb-7367e816f5f4) {
    font-size: var(--haufe-styleguide-stage---type-h4--font-size-sm);
  }

  .c-button-l-2, .btn-2 {
    font-size: var(--haufe-styleguide-stage---component-button--font-size-sm);
    padding: .5em 1em;
  }

  .modal {
    padding: 2rem;
  }

  .btn-3 {
    font-size: var(--haufe-styleguide-stage---component-button--font-size-sm);
    padding: .5em 1em;
  }

  .nav-link {
    text-align: left;
    display: block;
  }

  .nav_menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav_produkte-section {
    background-color: var(--haufe-styleguide-stage---colors-all--haufe-light-blue);
  }

  .section-7 {
    padding-top: var(--haufe-styleguide-stage---spacing-layout--section-padding-sm);
    padding-bottom: var(--haufe-styleguide-stage---spacing-layout--section-padding-sm);
  }

  .col-2.col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .footer_section {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .footer_link {
    font-size: var(--haufe-styleguide-stage---component-button--font-size-sm);
  }

  .footer_social-links-wrapper {
    margin-top: var(--haufe-styleguide-stage---spacing-utility-rem--1rem);
  }

  .c-popup_content-v2 {
    padding-top: 90px;
    padding-bottom: 0;
  }

  .c-layout_timeline-v2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    display: block;
  }

  .c-timeline_component-v2 {
    width: 100%;
    position: relative;
  }

  .c-timeline_circle-v2 {
    position: absolute;
    left: 0;
    transform: translate(0);
  }

  .cn-card-v2.is-widetile {
    grid-column: span 2;
  }

  .cn-card-v2.is-card_wide {
    padding: 1.5rem;
    position: relative;
    top: 0;
  }

  .cn-card-v2.is-timeline {
    width: 100%;
  }

  .cn-card-v2.is-smallcards {
    max-width: 100%;
  }

  .cn-card-v2.is-square {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    aspect-ratio: auto;
    grid-column: span 2;
  }

  .paragraph-big {
    font-size: var(--haufe-styleguide-stage---type-paragraph-big--font-size-sm);
  }
}

@media screen and (max-width: 479px) {
  .haufe-styleguide-stage--container.haufe-styleguide-stage--cc-nav {
    width: 93%;
  }

  .haufe-styleguide-stage--nav_dropdown-icon {
    font-size: 18px;
    line-height: 18px;
  }

  .haufe-styleguide-stage--tab-style {
    text-align: center;
    background-color: #f2f6ff;
    border-radius: 3.75rem;
    flex: 0 auto;
    min-width: 160px;
    padding: .5rem 1rem;
    font-size: .8rem;
    line-height: 1.25;
  }

  .haufe-styleguide-stage--tab-style.w--current {
    text-align: center;
    background-color: #fff;
  }

  .haufe-styleguide-stage--eyebrow {
    font-size: .8rem;
  }

  .haufe-styleguide-stage--c-hero_content {
    padding: 1.5rem;
  }

  .haufe-styleguide-stage--c-hero_content:where(.w-variant-83c1ad46-1f3b-6f27-8308-86c2adb6d859) {
    padding-left: .8rem;
  }

  .haufe-styleguide-stage--c-heading {
    font-size: var(--haufe-styleguide-stage---type-h1--font-size-xs);
  }

  .haufe-styleguide-stage--c-heading:where(.w-variant-9bc05784-535a-6bdf-f3d2-6f9c39f9ffe2) {
    font-size: var(--haufe-styleguide-stage---type-h2--font-size-xs);
  }

  .haufe-styleguide-stage--c-heading:where(.w-variant-86b6513c-e2a6-ef41-4975-f9327f0c4a17) {
    font-size: var(--haufe-styleguide-stage---type-h3--font-size-xs);
  }

  .haufe-styleguide-stage--c-heading:where(.w-variant-aa6a9b50-fb8b-59ed-0cfb-7367e816f5f4) {
    font-size: var(--haufe-styleguide-stage---type-h4--font-size-xs);
  }

  .haufe-styleguide-stage--c-text-button {
    grid-column-gap: var(--haufe-styleguide-stage---spacing-layout--col-content-gap-xs);
    grid-row-gap: var(--haufe-styleguide-stage---spacing-layout--col-content-gap-xs);
  }

  .haufe-styleguide-stage--c-rich {
    font-size: var(--haufe-styleguide-stage---type-body--font-size-xs);
  }

  .haufe-styleguide-stage--c-rich:where(.w-variant-20b127a8-95a8-fd82-32b3-7f3766b8e207) {
    font-size: var(--haufe-styleguide-stage---type-paragraph-big--font-size-xs);
  }

  .haufe-styleguide-stage--c-rich:where(.w-variant-83fa5894-7873-5446-fa16-ebb5e99d36e4) {
    font-size: var(--haufe-styleguide-stage---type-paragraph-medium--font-size-xs);
  }

  .haufe-styleguide-stage--c-rich:where(.w-variant-9e973b4b-2fc5-c665-1939-ba23f1d44e60) {
    font-size: var(--haufe-styleguide-stage---type-paragraph-small--font-size-xs);
  }

  .haufe-styleguide-stage--c-hero_image-wrap {
    height: 18rem;
  }

  .haufe-styleguide-stage--col {
    flex-basis: 100%;
    max-width: 100%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-xs-8 {
    flex-basis: 66.67%;
    max-width: 66.6667%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-xs-2 {
    flex-basis: 16.67%;
    max-width: 16.6667%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-xs-4 {
    flex-basis: 33.33%;
    max-width: 33.3333%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-xs-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-xs-1 {
    flex-basis: 8.33%;
    max-width: 8.33333%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-xs-10 {
    flex-basis: 83.33%;
    max-width: 83.3333%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-xs-first {
    order: -1;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-xs-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-xs-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-xs-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-xs-5 {
    flex-basis: 41.67%;
    max-width: 41.6667%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-xs-11 {
    flex-basis: 91.67%;
    max-width: 91.6667%;
  }

  .haufe-styleguide-stage--col.haufe-styleguide-stage--col-xs-7 {
    flex-basis: 58.33%;
    max-width: 58.3333%;
  }

  .haufe-styleguide-stage--u-mb-0 {
    margin-bottom: 0;
  }

  .haufe-styleguide-stage--section {
    padding-top: var(--haufe-styleguide-stage---spacing-layout--section-padding-xs);
    padding-bottom: var(--haufe-styleguide-stage---spacing-layout--section-padding-xs);
  }

  .haufe-styleguide-stage--paragraph-big {
    font-size: var(--haufe-styleguide-stage---type-paragraph-big--font-size-xs);
  }

  .haufe-styleguide-stage--label {
    font-family: var(--haufe-styleguide-stage---type-label--font);
    font-size: var(--haufe-styleguide-stage---type-label--font-size-xs);
    line-height: var(--haufe-styleguide-stage---type-label--line-height);
  }

  .haufe-styleguide-stage--h3 {
    font-size: var(--haufe-styleguide-stage---type-h3--font-size-xs);
  }

  .haufe-styleguide-stage--h2 {
    font-size: var(--haufe-styleguide-stage---type-h2--font-size-xs);
  }

  .haufe-styleguide-stage--h1 {
    font-size: var(--haufe-styleguide-stage---type-h1--font-size-xs);
  }

  .haufe-styleguide-stage--h4 {
    font-size: var(--haufe-styleguide-stage---type-h4--font-size-xs);
  }

  .haufe-styleguide-stage--paragraph-medium {
    font-size: var(--haufe-styleguide-stage---type-paragraph-medium--font-size-xs);
  }

  .haufe-styleguide-stage--u-m-0 {
    margin: 0;
  }

  .haufe-styleguide-stage--u-pt-0 {
    padding-top: 0;
  }

  .haufe-styleguide-stage--u-p-0-3 {
    padding: 0;
  }

  .haufe-styleguide-stage--u-mt-0 {
    margin-top: 0;
  }

  .haufe-styleguide-stage--u-pb-0 {
    padding-bottom: 0;
  }

  .haufe-styleguide-stage--styles__row-example {
    height: auto;
  }

  .haufe-styleguide-stage--c-card-content-wrap {
    grid-column-gap: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
    grid-row-gap: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
    flex-flow: wrap;
    display: flex;
  }

  .haufe-styleguide-stage--c-paragraph {
    font-size: var(--haufe-styleguide-stage---type-paragraph-big--font-size-xs);
  }

  .haufe-styleguide-stage--c-paragraph:where(.w-variant-0c119991-2d91-42d9-0a18-6e89b5d8d555) {
    font-size: var(--haufe-styleguide-stage---type-paragraph-medium--font-size-xs);
  }

  .haufe-styleguide-stage--c-paragraph:where(.w-variant-60a0278b-1df4-8190-e246-2e06d25fcb4f) {
    font-size: var(--haufe-styleguide-stage---type-body--font-size-xs);
  }

  .haufe-styleguide-stage--c-paragraph:where(.w-variant-cc2fce1e-d3f7-8702-5218-cc395aa29081) {
    font-size: var(--haufe-styleguide-stage---type-paragraph-small--font-size-xs);
  }

  .haufe-styleguide-stage--footer_section {
    padding-top: var(--haufe-styleguide-stage---spacing-layout--section-padding-xs);
    padding-bottom: var(--haufe-styleguide-stage---spacing-layout--section-padding-xs);
  }

  .haufe-styleguide-stage--footer_social-links-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .ui-section {
    padding: 20px 25px 40px;
    overflow: hidden;
  }

  .ui-section.downloads {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .ui-section.toppadding {
    padding: 30px 20px;
    overflow: visible;
  }

  .ui-section.tech {
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .ui-section.grey-bg {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .ui-section.funtkionen {
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .ui-section.slider {
    padding-left: 0;
    padding-right: 0;
  }

  .ui-section.padding-bottom100.keyvisual {
    padding: 78px 30px 30px;
  }

  .ui-section.tax-action {
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .ui-section.tax-action.vorteile {
    padding-bottom: 40px;
  }

  .ui-section.loesungen {
    padding-bottom: 20px;
  }

  .ui-section.blog {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-blog-kurztext {
    line-height: 25px;
  }

  .c-blog-kurztext.u-fonta300.u-mb48 {
    margin-bottom: 21px;
    font-size: 14px;
    line-height: 24px;
  }

  .u-psizexxl.u-fontb400.u-mt0 {
    font-size: 22px;
    line-height: 30px;
  }

  .u-m0 {
    font-size: 14px;
    line-height: 22px;
  }

  .u-mb40 {
    font-size: 16px;
    line-height: 26px;
  }

  .u-p0 {
    padding-left: 0;
  }

  .c-button.c-button--l.loesungen {
    position: static;
  }

  .c-button.is-quaternary {
    display: block;
  }

  .c-button.c-button--floatdown {
    padding-left: 14px;
    padding-right: 14px;
    bottom: -56px;
  }

  .c-button.c-button--floatdown.stage-level-3 {
    width: 200px;
    bottom: -29px;
  }

  .c-button.u-mr16.u-mt40.btn2-pw {
    margin-bottom: 0;
  }

  .c-button.u-mt40 {
    height: auto;
    min-height: 56px;
    margin-top: 20px;
  }

  .c-button.m-top {
    order: -1;
    align-self: stretch;
    margin-bottom: 24px;
  }

  .c-button.topblock {
    margin-bottom: 30px;
    margin-left: 30px;
  }

  .c-togglea {
    float: none;
  }

  .c-togglea.is-active {
    float: left;
  }

  .prit_typ.popup {
    margin-top: 16px;
    font-size: 15px;
  }

  .u-fontb400.u-psizexl {
    font-size: 22px;
    line-height: 30px;
  }

  .u-fontb500.zert {
    font-size: 22px;
    line-height: 32px;
  }

  .u-ovhidden {
    font-size: 14px;
    line-height: 24px;
  }

  .c-inputa.search {
    width: 100px;
    margin-left: 10px;
  }

  .c-cardteaser {
    padding: 0 0 24px;
  }

  .c-cardteaser.float-right {
    padding-bottom: 0;
  }

  .c-cardteaser.keyvisual-bg {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f0f_taxsuite-kv-700.jpg");
    background-position: 50% 75%;
    background-size: auto 80%;
    padding-top: 20px;
    padding-left: 30px;
  }

  .c-cardteaser.keyvisual-bg.dsk_card_halb {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .v1-c-heading {
    margin-bottom: 11px;
    font-size: 48px;
    line-height: 48px;
  }

  .v1-c-heading.u-mb40.c-heading--m {
    margin-bottom: 23px;
    font-size: 32px;
    line-height: 37px;
  }

  .v1-c-heading.c-heading--m.centered {
    font-size: 32px;
    line-height: 34px;
  }

  .v1-c-heading.c-heading--m.centered.tax-action {
    font-size: 40px;
    line-height: 44px;
  }

  .v1-c-heading.c-heading--m.tax-action {
    letter-spacing: 1px;
  }

  .v1-c-heading.c-heading--m.bottom-margin {
    margin-left: 0;
    font-size: 48px;
  }

  .v1-c-heading.c-heading--m.bottom-margin.loesungen {
    line-height: 42px;
  }

  .v1-c-heading.c-heading--m.loesungen {
    font-size: 38px;
    line-height: 43px;
  }

  .v1-c-heading.h-stage-level-3 {
    font-size: 30px;
    line-height: 33px;
    display: block;
  }

  .v1-c-heading.h-stage-level-3.mobile {
    display: block;
  }

  .v1-c-heading.h-stage-level-3.hide-mobile {
    display: none;
  }

  .v1-c-heading.centered {
    padding-left: 0;
    padding-right: 0;
    font-size: 48px;
    line-height: 46px;
  }

  .v1-c-heading.centered.too-long-desktop {
    display: none;
  }

  .v1-c-heading.centered.too-long-mobile {
    display: block;
  }

  .v1-c-heading.h-stage-level2.lead {
    display: none;
  }

  .v1-c-heading.h-stage-level2.lead.mobil {
    font-size: 38px;
    font-weight: 400;
    line-height: 38px;
    display: block;
  }

  .v1-c-heading.u-pcenter60 {
    margin-bottom: 30px;
  }

  .v1-c-heading.blue-bg {
    font-size: 32px;
    line-height: 34px;
  }

  .v1-c-heading.tax-action {
    letter-spacing: 2px;
    font-size: 40px;
    line-height: 44px;
  }

  .v1-c-heading.m--vorteile {
    letter-spacing: 1px;
    font-size: 40px;
    line-height: 44px;
  }

  .v1-c-heading.mobile {
    display: none;
  }

  .v1-c-heading.phone {
    font-size: 36px;
    line-height: 36px;
    display: block;
  }

  .v1-c-heading.cc-dtbtitle {
    font-size: 40px;
  }

  .v1-c-heading.cc-nospacing.cc-dtbnew {
    font-size: 48px;
    line-height: 52px;
  }

  .c-divider {
    margin-top: 14px;
  }

  .c-divider.c-divider--center {
    display: block;
  }

  .c-divider.c-divider-inhalte {
    width: 20px;
    margin-bottom: 15px;
  }

  .c-divider.c-divider--center-not_mobile {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .c-divider.cc-center_mobile_only {
    margin-left: auto;
    margin-right: auto;
  }

  .c-cardteaser-content {
    margin-bottom: 14px;
  }

  .c-cardteaser-content.u-pcenter {
    font-size: 14px;
    line-height: 24px;
  }

  .c-cardteaser-content.zertifikate {
    font-size: 12px;
    line-height: 20px;
  }

  .c-cardteaser-content.cc-bluebox {
    font-size: 16px;
    line-height: 26px;
  }

  .c-cardteaser-content.neu.hidemobile {
    display: none;
  }

  .c-cardteaser-content._16.white {
    margin-top: 20px;
  }

  .c-cardteaser-content._16.studie {
    display: none;
  }

  .c-cardcostumer {
    margin-bottom: 16px;
    padding: 32px;
  }

  .c-cardcostumer.c-cardcostumer--sm.u-mb0.pmpg.blue, .c-cardcostumer.c-cardcostumer--sm.u-mb0.pmpg.blue.cust-taxnavigator, .c-cardcostumer.c-cardcostumer--sm.blue.flex-v-center {
    margin-bottom: 16px;
  }

  .c-cardcostumer.c-cardcostumer--sm.blue.flex-v-center.cust-nsk {
    height: auto;
    min-height: 100%;
  }

  .c-cardcostumer.c-cardcostumer--sm.blue.flex-v-center.cust-konlus {
    height: 120px;
    margin-bottom: 16px;
  }

  .c-cardcostumer.c-cardcostumer--sm.blue.flex-v-center.cust-sbp {
    height: 120px;
  }

  .c-cardcostumer.w100.cust-deloitte {
    margin-bottom: 16px;
  }

  .c-cardcostumer.w100.dr-klein {
    height: 180px;
    margin-bottom: 16px;
  }

  .c-cardcostumer.cust-maisenbacher {
    background-image: linear-gradient(#00000075, #00000075), url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43f10_benjamin-child-17946.jpg");
    background-position: 0 0, 50% 100%;
    background-size: auto, auto 120%;
    height: auto;
    min-height: 0;
  }

  .c-cardcostumer.references-teaser {
    height: auto;
    min-height: 210px;
  }

  .c-cardcostumer.references-teaser.blue-bg {
    height: auto;
    min-height: 190px;
  }

  .c-cardcostumer.references-teaser.pmpg {
    min-height: 190px;
  }

  .c-cardcostumer-content {
    font-size: 14px;
    line-height: 22px;
  }

  .c-cardmedia {
    padding: 32px;
  }

  .c-cardmedia.c-cardmedia-2 {
    height: auto;
    min-height: auto;
    margin-bottom: 16px;
    padding: 20px 15px 15px;
  }

  .c-cardmedia.c-cardmedia--partner {
    width: 100%;
    min-width: 274px;
    min-height: 165px;
    margin-bottom: 24px;
    padding-top: 41px;
    padding-bottom: 41px;
  }

  .c-cardmedia.c-cardmedia--features {
    width: 100%;
    min-width: 150px;
    min-height: 165px;
    margin-bottom: 24px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .c-cardmedia.pop-features {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-cardmedia.topbox {
    flex-direction: column-reverse;
    height: auto;
  }

  .c-logocontainer {
    width: 136px;
    padding: 15px 12px;
  }

  .c-footer {
    padding: 32px;
  }

  .c-contact-container {
    padding-left: 0;
    padding-right: 0;
  }

  .c-headingteaser {
    padding: 48px 32px;
  }

  .c-contentteaser {
    max-width: 200px;
  }

  .c-arrowcontainer {
    margin-right: 24px;
  }

  .c-herohome-textcontainer {
    padding: 40px 40px 0;
    font-size: 18px;
    line-height: 30px;
  }

  .c-cardblog.padding {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-cardblog.tax-action {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-cardblog.tax-action.see-me {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43dce_see_me.png"), linear-gradient(#fff, #fff);
    background-size: 80px, auto;
  }

  .c-cardblog.tax-action.see-me-since {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43dd3_see_me_mai.png"), linear-gradient(#fff, #fff);
    background-size: 80px, auto;
  }

  .c-blog-cover {
    height: auto;
    padding-top: 100%;
  }

  .c-blog-content {
    padding: 10px 24px 24px;
  }

  .c-filters {
    padding: 32px;
  }

  .c-filters.c-filters--hero {
    margin-left: -16px;
    margin-right: -16px;
  }

  .c-filters-label_org {
    margin-top: 12px;
    font-size: 16px;
    display: block;
  }

  .c-herohome-bottomimage {
    background-position: 50% 0;
    height: 130px;
  }

  .c-heroinner-textcontainer {
    justify-content: center;
    align-items: center;
    height: 200px;
    padding: 24px 12px;
    font-size: 18px;
    line-height: 30px;
    display: flex;
  }

  .c-herointernal {
    padding-top: 48px;
  }

  .c-container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .c-container.u-pcenter {
    align-items: stretch;
    width: 100%;
  }

  .c-container.portfolio-container {
    margin-bottom: 30px;
    padding-bottom: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .c-container.full-width {
    padding-left: 5px;
    padding-right: 5px;
  }

  .c-footerheader-colleft {
    padding-left: 0;
  }

  .c-footerheader-colright {
    padding-right: 0;
  }

  .c-footerheader-colright.u-pright {
    text-align: left;
    text-align: left;
    justify-content: flex-end;
    align-items: center;
    margin-top: 12px;
    padding-left: 0;
    display: flex;
  }

  .c-menubutton.w--open {
    background-color: #0000;
    padding: 12px;
  }

  .c-header {
    padding-right: 1px;
  }

  .c-header.c-header--blue {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .c-header.c-header--blue.tax-action {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .c-header.c-header--white {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-header.c-header--blue.tt_agenda2021 {
    padding-left: 22px;
  }

  .c-list-item {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .c-sectionvorteile {
    flex-direction: column;
    align-items: center;
    padding: 24px 30px 54px;
    display: flex;
  }

  .c-cardvorteile {
    align-items: flex-start;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .c-cardvorteile-head {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43dcf_hook.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 13px;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    margin-right: 12px;
  }

  .c-cardvorteile-head.small {
    width: 30px;
    height: 30px;
    margin-top: 5px;
  }

  .c-footer-linkswrapper {
    width: 100%;
  }

  .c-teaserrowc-content {
    padding-top: 20px;
    padding-right: 0;
  }

  .c-teaserrowe.loesungen {
    background-position: 30% 30%;
    margin-bottom: 20px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .c-teaserrowc--screenshotright {
    margin-top: -50px;
    padding-left: 0;
    padding-right: 0;
  }

  .c-footer-2 {
    padding: 32px;
  }

  .c-listb-link-2.c-listb-link--footer {
    width: 47%;
    margin-top: 8px;
    margin-right: 1%;
    display: inline-block;
  }

  .c-footerheader-colleft-2 {
    padding-left: 0;
  }

  .c-container-2 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .portfoliocontentblock {
    margin-bottom: 24px;
    padding-top: 24px;
  }

  .portfoliocontentblock.first {
    margin-top: 0;
    margin-bottom: 24px;
    padding-top: 0;
  }

  .portfolioitem {
    align-items: center;
    display: flex;
  }

  .portfolioimage.lazyload {
    text-align: center;
  }

  .portfolioitemwrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: block;
  }

  .productimagewrap {
    width: 200px;
    height: 200px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .product-item {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .link-lookalike {
    margin-top: 12px;
  }

  .c-button-3.c-button--floatdown {
    padding-left: 14px;
    padding-right: 14px;
    top: 26px;
    bottom: -56px;
  }

  .c-button-3.stage-level-2 {
    left: 21%;
  }

  .c-button-3.stage-level-2.lead {
    position: absolute;
    left: 10%;
    right: 10%;
  }

  .c-button-3.is-tertiary.u-mt24.customer {
    padding-left: 11px;
    padding-right: 11px;
  }

  .p-merri.italic.mb-48px {
    display: none;
  }

  .h3-merri {
    max-width: 100%;
    font-size: 22px;
    line-height: 30px;
  }

  .dl-item {
    margin-bottom: 24px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .dl-image {
    width: 50%;
  }

  .dl-content-wrap {
    padding-top: 24px;
    padding-bottom: 51px;
  }

  .dl-content-wrap.reverse-padding {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .hook {
    display: none;
  }

  .m-hide {
    display: block;
  }

  .v1-container.sticky-container.tt-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-container {
    margin-bottom: 116px;
  }

  .overlay-section {
    padding-top: 70px;
  }

  .body--overlay {
    margin: 20px;
  }

  .u-box--form {
    padding-left: 10px;
    padding-right: 10px;
  }

  .h1--form {
    font-size: 36px;
    font-weight: 700;
  }

  .dl-left {
    background-color: #fff;
    padding-top: 48px;
  }

  .dl-left.abstand {
    margin-top: 0;
    margin-bottom: 0;
  }

  .dl-right {
    margin-top: 0;
  }

  .max800 {
    flex-direction: column;
    display: flex;
  }

  .dl-page-image {
    width: 55%;
  }

  .paragraph {
    display: none;
  }

  .filter_group_label {
    font-size: 14px;
    line-height: 18px;
  }

  .search-results {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 0;
    padding-right: 0;
  }

  .content-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-top: 56px;
    padding-bottom: 56px;
    display: block;
    overflow: hidden;
  }

  .content-wrapper.max960 {
    width: 100%;
    padding-bottom: 30px;
  }

  .content-wrapper.max960.home {
    padding-top: 0;
  }

  .container_2 {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .container_2.uo-padd-60 {
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .inhalte-logo-img {
    width: 110px;
    max-width: 90%;
  }

  .inhalte-logo-img.popup {
    width: 150px;
  }

  .c-cardinhalt.popup.big {
    font-size: 14px;
  }

  .c-cardinhalt.popup {
    font-size: 12px;
    line-height: 14px;
  }

  .c-partnerlogo {
    min-width: 157px;
  }

  .module_pop_overly {
    align-items: flex-start;
    height: 100vh;
    padding-top: 0;
    display: none;
    position: fixed;
    overflow: auto;
  }

  .pop_content {
    justify-content: flex-start;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-left: 5px;
    padding-right: 5px;
    overflow: auto;
  }

  .close_popup {
    height: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .heading-3 {
    font-size: 24px;
    line-height: 32px;
  }

  .heading-3.popup {
    font-size: 18px;
  }

  .popup_rich_module {
    overflow: auto;
  }

  .collection-item-partner {
    flex-basis: 90%;
    justify-content: center;
  }

  .c-dk-cta-2 {
    padding-right: 1px;
  }

  .c-heading-fix-react {
    font-size: 38px;
    line-height: 43px;
  }

  .text-block-8 {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 17px;
    font-size: 12px;
    line-height: 19px;
  }

  .slider-3 {
    height: auto;
    min-height: 500px;
  }

  .screenshot-center {
    width: 83%;
  }

  .h4-merri {
    padding-left: 10px;
    padding-right: 10px;
  }

  .slide-nav-3 {
    bottom: -23px;
  }

  .vorteile {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-cardzert {
    flex-direction: column;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .c-cardleft {
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .c-cardright {
    width: auto;
  }

  .image-31 {
    width: 120px;
  }

  .c-card-features-img {
    min-height: 50px;
    max-height: 50px;
    margin-bottom: 15px;
  }

  .collection-item-feature {
    flex-basis: 300px;
  }

  .item-shape {
    width: 30px;
    max-width: 80%;
  }

  .centered {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-section {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .c-section.c-section--video {
    padding-bottom: 30px;
  }

  .c-section.cc-services {
    padding-top: 40px;
    overflow: hidden;
  }

  .c-section.cc-triangle, .c-section.cc-zuku {
    overflow: hidden;
  }

  .c-section.cc-progress {
    background-size: cover;
  }

  .c-section.cc-team {
    padding-top: 40px;
  }

  .c-section.cc-tt-video {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .c-section.black, .c-section.gradient {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .c-container-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-cardcontent-small {
    font-size: 16px;
    line-height: 26px;
  }

  .c-cards-wrapper {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 7px;
  }

  .c-card-item-30proz {
    width: 100%;
    min-height: auto;
    padding-top: 20px;
  }

  .c-cardsolutions-header {
    height: auto;
    margin-bottom: 10px;
  }

  .popup_rich_zitat {
    overflow: auto;
  }

  .c-button-4 {
    height: auto;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    line-height: 24px;
  }

  .c-button-4.c-button--cardmedia {
    bottom: 32px;
    left: 32px;
  }

  .c-heading-3 {
    font-size: 36px;
    line-height: 36px;
  }

  .c-heading-3.c-heading--m {
    letter-spacing: 2px;
    font-size: 32px;
    line-height: 36px;
  }

  .c-logocontainer-2 {
    width: 136px;
    padding: 15px 12px;
  }

  .c-nav-container-2 {
    display: block;
  }

  .coll-list-item {
    flex-basis: 100%;
  }

  .c-card-inhalte-top {
    margin-bottom: 10px;
  }

  .c-card-inhalte-top.popup {
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 12px;
  }

  .prit_title {
    font-size: 13px;
    line-height: 18px;
  }

  .logo-box-inhalte {
    height: auto;
  }

  .author {
    line-height: 18px;
  }

  .author.popup {
    font-size: 16px;
  }

  .search-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .c-herosmall {
    margin-top: 48px;
    margin-bottom: 70px;
  }

  .c-herosmall.abstand {
    min-height: 300px;
    margin-top: 56px;
    overflow: visible;
  }

  .stage-small-img {
    height: 150px;
  }

  .stage-small-img.stage-img-partner {
    background-position: 50%;
    height: 150px;
  }

  .stage-small-img.stage-img-funktionen {
    background-position: 50% 91%;
    height: 150px;
  }

  .stage-small-img.stage-img-inhalte {
    background-position: 0 25%;
    background-size: 500px;
    background-attachment: scroll;
    height: 150px;
  }

  .stage-small-img.stage-img-rechner {
    height: 150px;
    min-height: 300px;
    overflow: visible;
  }

  .stage-small-img.stage-img-technologie, .stage-small-img.stage-img-features, .stage-small-img.stage-img-weitereloesungen {
    height: 150px;
  }

  .stage-small-textcontainer {
    text-align: left;
    padding: 40px 30px 52px;
    overflow: visible;
  }

  .stage-small-pattern {
    bottom: -12%;
  }

  .div-block-13 {
    justify-content: space-between;
  }

  .paragraph-4 {
    margin-bottom: 0;
  }

  .stage-medium-img.stage-img-digitalekanzlei.mobile {
    background-position: 50%;
    background-size: 840px 376%;
  }

  .stage-medium-textcontainer {
    padding: 40px 40px 50px;
  }

  .stage-medium-imgbig.stage-imgbig-loesungen-overview {
    background-position: 50% 18%;
    height: 125px;
  }

  .stage-medium-imgbig.stage-imgbig-digitalekanzlei {
    background-position: 100% 17%;
  }

  .stage-info-box {
    width: 90vw;
    padding: 22px;
    bottom: -28%;
    right: 5%;
  }

  .zertifikate-wrapper {
    padding-top: 0;
  }

  .flexcard-wrapper {
    align-self: center;
    padding-left: 0;
    padding-right: 0;
  }

  .text-wrapper {
    flex-direction: column;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-wrapper.left {
    margin-top: 338px;
    padding-left: 0;
  }

  .column-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .flexcard-img-big.technologie {
    width: 260px;
    height: 266px;
  }

  .flexcard-img-big.digitale-kanzlei {
    background-size: 140%;
    width: 160%;
    height: 758px;
    inset: auto -30% -112%;
    overflow: visible;
  }

  .flexcard-img-big.digitale-kanzlei.mobile {
    background-image: none;
    flex-direction: column;
    align-items: center;
    width: 115%;
    height: auto;
    min-height: 300px;
    max-height: none;
    margin-left: -30px;
    padding-top: 0;
    display: flex;
    position: static;
    bottom: -106%;
    left: -30px;
    right: -30px;
  }

  .flexcard-img-big.digitale-kanzlei.desktop {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    display: none;
  }

  .flexcard-img-big.digitale-kanzlei.m--vorteile {
    width: 140%;
    inset: -8% 0 0 auto;
    overflow: hidden;
  }

  .flexcard-img-big.tax-action {
    width: 220px;
    height: 125px;
  }

  .flexcard-img-small.technologie-2, .flexcard-img-small.sicherheit-2, .c-divider-2.c-divider--center {
    display: none;
  }

  .image-36 {
    z-index: -2;
    width: 160%;
    max-width: none;
    position: relative;
    top: -58px;
    left: 20px;
  }

  .ui-section-3 {
    padding-top: 30px;
  }

  .logo-sbp {
    width: 200px;
    max-width: 100%;
  }

  .logo-kmp {
    width: 220px;
  }

  .logo-maisenbacher, .logo-taxnav, .logo-konlus {
    width: 170px;
  }

  .logo-renner {
    width: 130px;
  }

  .logo-deloitte {
    width: 170px;
  }

  .c-cardloesung {
    height: 150px;
  }

  .c-herotaxaction-bottomimage {
    height: 130px;
  }

  .c-cardteaser-tax-action-form {
    padding: 0 0 24px;
  }

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

  .author-ta {
    padding-top: 30px;
    line-height: 18px;
  }

  .c-cards-wrapper--ta {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 7px;
  }

  .ta-divider {
    height: 20px;
  }

  .c-logocontainer-3 {
    width: 136px;
    padding: 15px 12px;
  }

  .c-logocontainer-3.w--current {
    width: 136px;
  }

  .image-ta-mobil {
    max-width: 90%;
  }

  .c-container-5 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .c-container-5.c-container--cardmedia {
    padding-left: 30px;
    padding-right: 30px;
  }

  .c-filters-label-2 {
    margin-top: 0;
    font-size: 16px;
    display: block;
  }

  .c-filters-label-2.c-filters-label--dobleline {
    width: 48%;
    margin-top: 0;
    overflow: hidden;
  }

  .c-cardmedia-kategorie {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
  }

  .c-cardmedia-loesungen {
    min-height: 241px;
    padding: 20px;
  }

  .c-cardmedia-heading {
    font-size: 24px;
    line-height: 32px;
  }

  .c-cardmedia-heading.loesungen {
    font-size: 20px;
  }

  .c-cardmedia-description {
    font-size: 16px;
    line-height: 28px;
  }

  .c-divider-3.c-divider--modulescard {
    display: none;
  }

  .loesung-image {
    max-width: 320px;
    padding-bottom: 30px;
    padding-left: 70px;
  }

  .close-x-button {
    height: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .gh-ct-overlay {
    align-items: flex-start;
    height: 100vh;
    padding-top: 0;
    display: none;
    position: fixed;
    overflow: auto;
  }

  .slider-close-button-mobile {
    background-color: #0006;
  }

  .blog-slider-element {
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-detail-slider-wrap {
    font-size: 14px;
  }

  .text-block-28 {
    color: #536f85;
  }

  .blog-overview-item {
    flex-basis: 90%;
    justify-content: center;
  }

  .c-cardblog-heading {
    font-size: 30px;
  }

  .c-blogheading--h1 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .c-blogauthorfooter-socialicon {
    margin-right: 16px;
  }

  .c-blogauthorfooter-infocontainer {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .c-blogwrapper {
    margin-bottom: 40px;
  }

  .c-heading-5 {
    letter-spacing: 1px;
    font-size: 24px;
    line-height: 30px;
  }

  .c-heading-5.c-heading--blog {
    letter-spacing: .5px;
    font-size: 33px;
    line-height: 33px;
  }

  .c-blog-mainimage {
    height: 300px;
  }

  .c-blogdateandtime {
    font-size: 14px;
    line-height: 14px;
  }

  .c-blogheader {
    margin-top: 40px;
  }

  .c-blogbody-richtext blockquote {
    font-size: 22px;
    line-height: 35px;
  }

  .c-blogbody-richtext h6 {
    margin-left: 30px;
    font-size: 14px;
    font-style: italic;
    display: block;
  }

  .c-blogbody-richtext p {
    font-size: 14px;
    line-height: 24px;
  }

  .c-blogbody-richtext li {
    font-size: 14px;
    line-height: 22px;
  }

  .c-blogbody-richtext h4 {
    font-size: 20px;
    line-height: 28px;
  }

  .c-blogbody-richtext figure {
    margin-left: 0;
  }

  .c-blogbody-richtext ul {
    margin-bottom: 18px;
    padding-left: 20px;
  }

  .c-blogbody-richtext h2 {
    font-size: 32px;
    line-height: 40px;
  }

  .c-blogbody-richtext h3 {
    font-size: 22px;
    line-height: 28px;
  }

  .see_me_solution {
    width: 50px;
  }

  .c-modulescard {
    width: 90%;
    min-height: 200px;
    padding-left: 32px;
    padding-right: 32px;
    top: 120px;
    left: 0;
  }

  .c-modulescard.second {
    width: 90%;
    min-height: 200px;
    padding-bottom: 36px;
    left: 0;
  }

  .c-modulescard-bigcontainer {
    margin-left: 20px;
    margin-right: 20px;
  }

  .c-modulescard-bigcontainer.second {
    height: 500px;
  }

  .c-modulescard-iconcontainer {
    width: 55%;
    height: 300px;
    margin-left: 0;
  }

  .c-modulescard-img {
    width: 85px;
    margin-left: 27px;
  }

  .c-modulescard-img.second {
    margin-left: 27px;
  }

  .c-modulescard-heading {
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 32px;
  }

  .c-modulescard-heading.second {
    margin-bottom: 40px;
    font-size: 26px;
    line-height: 30px;
  }

  .c-modulescard-p {
    font-size: 14px;
    line-height: 26px;
    display: none;
  }

  .c-modulescard-p.second {
    display: none;
  }

  .c-blogitem-collectionitem {
    margin-bottom: 24px;
    padding: 0;
  }

  .c-cardmedia-blogimgcontainer {
    min-height: 180px;
  }

  .c-cardmedia-blogcontent-wrap {
    min-height: 100px;
    padding: 24px 24px 20px;
  }

  .c-cardmedia-list {
    padding: 32px;
  }

  .c-cardmedia-list.c-cardmedia--blog {
    min-height: 200px;
  }

  .c-cardmedia-blogcontent-header {
    font-size: 20px;
    line-height: 32px;
  }

  .c-blog-share.top1 {
    margin-bottom: 21px;
  }

  .c-blogitem-top1 {
    height: 340px;
    margin-bottom: 24px;
    padding: 0;
  }

  .c-blogitem-top23 {
    height: auto;
    margin-bottom: 24px;
    padding: 0;
  }

  .c-blog-top1-wrap {
    background-position: 50%;
    background-size: cover;
    padding: 30px;
  }

  .c--blogtop1-heading {
    width: 100%;
    margin-bottom: 30px;
    font-size: 39px;
    line-height: 39px;
  }

  .c-blog-top-b {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .c-blogtop23-heading {
    font-size: 20px;
    line-height: 32px;
  }

  .c-blog-top-a {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .c-blog-topb-headline {
    padding-left: 10px;
  }

  .c-blog-topb-imgcontainer {
    width: 100%;
    min-height: 180px;
  }

  .c-blogcontent-container-topb {
    width: 100%;
    padding: 24px 24px 65px;
  }

  .c-blog-top1-text {
    line-height: 25px;
  }

  .c-share-wrap.top-a {
    top: 30px;
    right: 30px;
  }

  .c-blog-main-link {
    line-height: 20px;
  }

  .c-blog-social-icon {
    margin-right: 16px;
  }

  .c-blog-main-link-topb, .c-blog-main-link-topa {
    line-height: 20px;
  }

  .button-wrap {
    padding-left: 0;
  }

  .c-blog-img-mobile {
    display: block;
  }

  .c-blog-img-no_mobile {
    display: none;
  }

  .text-video-slider {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 0;
    font-size: 12px;
    line-height: 19px;
  }

  .slide-nav-video {
    bottom: -23px;
  }

  .h4-merri-video {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-section-video {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .c-container-video {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ui-section-slider-video {
    padding: 20px 25px 40px;
    overflow: hidden;
  }

  .slider-video {
    height: auto;
    min-height: 500px;
  }

  .text-block-30 {
    margin-top: -8px;
    padding-top: 0;
  }

  .c-dtbhero {
    margin-bottom: 0;
  }

  .c-dtbhero.cc-dtbnew {
    padding-top: 0;
  }

  .c-newcontainer.cc-relative.hdt_width {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-newcontainer.cc-relative.cc-dtbnew {
    text-align: left;
  }

  .c-newcontainer.cc-hero {
    margin-right: 0;
  }

  .c-newcontainer.cc-hero.cc-dtbnew {
    padding-right: 0;
  }

  .c-dtbhero-image {
    background-position: 50%;
    height: 260px;
  }

  .c-dtbintro {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .c-dtbintro.cc-dtbnew {
    padding-top: 116px;
  }

  .c-title--l.cc-journeytitle, .c-title--l.cc-webinar, .c-title--l.cc-tabstitle {
    font-size: 40px;
    line-height: 48px;
  }

  .c-title--l.cc-webinar-title {
    font-size: 32px;
    line-height: 36px;
  }

  .c-dtbboxes {
    margin-left: 0;
    margin-right: 0;
  }

  .c-dtbcard {
    padding-left: 0;
    padding-right: 0;
  }

  .c-dtbcard_content {
    text-align: center;
  }

  .c-card {
    padding: 40px 30px;
  }

  .c-card.hdt_anmeldung {
    margin-top: 10px;
    padding-top: 0;
    padding-left: 5px;
  }

  .c-cardtitle.cc-bigmobile {
    font-size: 28px;
    line-height: 33px;
  }

  .c-digitaltransformation-item {
    margin-bottom: 28px;
  }

  .c-digitaltransformation-item.cc-benefitsitem.cc-dtbnew {
    text-align: left;
    padding-left: 2px;
    padding-right: 2px;
  }

  .c-digitaltransformation-items {
    margin-top: 0;
    margin-bottom: 0;
  }

  .c-digitaltransformation-items.cc-1 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .c-digitaltransformation-lines {
    max-width: 264px;
    top: 10px;
  }

  .c-benefits {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .c-journey {
    margin-bottom: 60px;
    padding-top: 60px;
  }

  .c-journey-box.cc-next.cc-technology, .c-journey-box.cc-next.cc-business, .c-journey-box.cc-next.cc-change, .c-journey-box.cc-next.cc-process {
    font-size: 20px;
  }

  .c-journey-box.cc-basic {
    font-size: 19px;
  }

  .c-journey-box.cc-profi.cc-new-technology, .c-journey-box.cc-profi.cc-new-business, .c-journey-box.cc-profi.cc-new-change, .c-journey-box.cc-profi.cc-new-process {
    font-size: 20px;
  }

  .c-verticalline {
    margin-left: 0;
    left: 24%;
  }

  .c-journey-header {
    height: auto;
    margin-bottom: 42px;
  }

  .c-journey-lines {
    display: none;
  }

  .c-journey-content {
    margin-top: 60px;
  }

  .c-journey-flexcol {
    margin-left: -10px;
    margin-right: -10px;
  }

  .c-text--l.cc-journey-content_title {
    margin-bottom: 18px;
  }

  .c-text--l.cc-download-title {
    font-size: 32px;
    line-height: 36px;
  }

  .c-download_card {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-download-img {
    margin-left: 0%;
    margin-right: 0;
  }

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

  .c-testimonial_photo {
    left: -30px;
  }

  .c-home-testimonial_card-wrapper {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed43ebd_Lines-Pattern.svg");
    background-position: 97% 0;
    background-repeat: no-repeat;
    background-size: auto;
  }

  .c-paragraph--l {
    font-size: 16px;
  }

  .c-home-testimonial_card-image {
    width: 70%;
  }

  .c-home-testimonial_card {
    padding: 32px;
  }

  .c-webinars {
    padding-top: 60px;
    padding-bottom: 20px;
  }

  .c-text--xs.cc-center {
    text-align: center;
  }

  .c-text--xs.cc-qa {
    font-size: 18px;
    line-height: 26px;
  }

  .c-webinars_header {
    text-align: left;
  }

  .c-webinar_img {
    height: 200px;
  }

  .c-webinar_content {
    padding-right: 24px;
  }

  .c-webinar_data {
    flex-direction: column;
  }

  .c-webinar_data-block.cc-duration {
    margin-right: 0;
  }

  .c-webinar_data-block.cc-date {
    order: 1;
    align-self: auto;
    padding-left: 0;
  }

  .c-webinar_data-text.cc-day {
    margin-left: 0;
  }

  .c-paragraph--s.cc-webinartext {
    font-size: 14px;
  }

  .c-contact {
    padding-bottom: 60px;
  }

  .c-contactblock {
    padding-bottom: 42px;
  }

  .c-contactblock-left {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed4405e_Pfad%20517.svg");
    background-position: 50% 70%;
    background-size: 200%;
    margin-top: 0;
  }

  .c-contactblock-right {
    margin-top: 39px;
  }

  .c-text--xl {
    font-size: 32px;
    line-height: 40px;
  }

  .c-contact_mail {
    font-size: 24px;
  }

  .c-herocontent-mobile {
    z-index: 2;
    margin-top: -109px;
    position: relative;
  }

  .c-herocontent-mobile.cc-dtb {
    margin-top: -120px;
    padding-top: 160px;
  }

  .c-journey-title.cc-nextlevel {
    top: -70px;
  }

  .c-journey-title.cc-profi {
    top: -40px;
  }

  .c-weibnar_data-first {
    margin-bottom: 24px;
  }

  .c-contact_icon {
    max-width: 87px;
  }

  .c-new-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .c-hbb-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .c-hbb-question_list-item {
    display: block;
  }

  .c-hbb-question_list-icon-wrapper {
    margin-bottom: 18px;
    margin-right: 0;
  }

  .c-hbb-question_list-wrapper {
    margin-top: 60px;
  }

  .c-hbb-verlangern-bg_col {
    background-position: 150% 100%;
    background-size: 262px;
    width: 95%;
    margin-right: -24px;
  }

  .c-hbb-device_big-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .c-hbb-device_col_bg {
    width: 100%;
    margin-right: -12px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .c-hbb-device_col_bg_gradient {
    width: 70%;
  }

  .c-hbb-device_col_bg_image {
    right: -18%;
  }

  .c-hbb-leistungen-heading_wrapper {
    text-align: left;
  }

  .c-hbb-leistungen-card {
    padding-left: 25px;
    padding-right: 25px;
  }

  .c-center-button-wrapper {
    margin-top: 40px;
  }

  .c-hbb-berater-flex_col1 {
    text-align: center;
  }

  .c-hbb-berater-card {
    padding-bottom: 60px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .c-hbb-unser-bg_wrapper {
    background-position: 100% 97%;
    background-size: 320px;
    padding-bottom: 220px;
  }

  .c-hbb-unser-card-title {
    font-size: 28px;
    line-height: 32px;
  }

  .c-journey-content_close {
    inset: 0%;
  }

  .web_ck_field {
    padding-right: 0;
  }

  .web_ck_label {
    width: 100%;
    font-size: 10px;
    line-height: 15px;
  }

  .c-form-field.c-form-field--nachname {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .c-form-field.c-form-field--vorname {
    width: 100%;
    margin-left: 0%;
  }

  .c-close-modal {
    top: 2%;
  }

  .c-button-7 {
    height: auto;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    line-height: 24px;
  }

  .c-modal {
    padding-left: 16px;
    padding-right: 16px;
  }

  .c-modal.cc-first-modal {
    width: 90%;
  }

  .c-hero.cc-duale {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed44021_Mask%20Group.svg");
    background-position: 100% -50px;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: 53px;
  }

  .c-faq-image-wrapper.cc-lines {
    background-size: auto 310px;
    height: 306px;
  }

  .c-faq-gradient {
    max-height: 296px;
  }

  .c-faq-gradient.cc-small {
    height: 100%;
    max-height: 100%;
  }

  .c-hero-qa_right {
    padding-bottom: 260px;
  }

  .c-testimony-block.cc-dtbnew {
    text-align: left;
    margin-top: -64px;
  }

  .c-testimony_quote.cc-dtbnew {
    font-size: 20px;
  }

  .c-testimony-name.cc-dtbnew {
    margin-bottom: 8px;
  }

  .c-testimony-img.cc-dtbnew {
    max-width: 253px;
  }

  .c-testimony-left {
    margin-bottom: -49px;
  }

  .c-testimony-gradient {
    height: 165px;
    top: 15%;
  }

  .c-testimony-gradient.cc-dtbnew {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440cb_Gruppe-990.png");
    background-position: 100%;
    background-size: 200px;
  }

  .c-testimony-logo.cc-mobile {
    top: -4%;
    right: 20px;
  }

  .c-testimony-logo.cc-mobile.cc-dtbnew {
    margin-right: 0;
  }

  .c-hero-qa-img {
    height: 357px;
  }

  .c-qa-hero_lines {
    max-width: 260%;
    max-height: 290px;
    top: 70%;
    left: -45%;
  }

  .c-title-xl {
    font-size: 35px;
    line-height: 40px;
  }

  .c-dtbbutton-tertiary.cc-kurse {
    margin-top: 24px;
  }

  .c-dtbintro-cards_col.cc-right {
    padding-left: 0;
  }

  .c-paragraph--xs {
    font-size: 10px;
  }

  .footer2020 {
    padding-top: 17px;
    padding-bottom: 17px;
  }

  .columns-10 {
    margin-left: 4px;
    margin-right: 4px;
  }

  .div-block-33 {
    margin-bottom: 0;
  }

  .link-4 {
    margin-right: 16px;
    font-size: 10px;
  }

  .c-kurse {
    padding-bottom: 0;
    overflow: hidden;
  }

  .c-dtbkurse_section-title {
    max-width: 327px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 8px;
    padding-right: 8px;
  }

  .c-kurse_image-link {
    background-position: 50%;
  }

  .c-kurse_card {
    text-align: left;
  }

  .c-kurse_card.cc-sider {
    width: 327px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 20px;
  }

  .c-kurse-modal_header {
    padding-right: 24px;
  }

  .c-kurse-modal_title {
    white-space: normal;
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 42px;
  }

  .c-kurse-modal_description {
    margin-bottom: 0;
  }

  .c-kurse_modal_event-day_list {
    font-size: 14px;
  }

  .c-kurse_tab-link {
    padding: 8px 16px;
  }

  .c-transformation-circle-mobile {
    width: auto;
    max-width: none;
  }

  .c-testimony_paragraph {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 32px;
  }

  .c-container-13 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .c-title-3.white {
    margin-bottom: 0;
    font-size: 30px;
  }

  .c-cardteaser-content-5 {
    text-align: left;
    font-size: 14px;
    line-height: 24px;
  }

  .c-kurse-package_image-link {
    background-position: 50%;
  }

  .c-kurse-package_card {
    text-align: left;
  }

  .cds-title-1 {
    font-size: 40px;
    line-height: 40px;
  }

  .cds-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .c-title-6 {
    font-size: 16px;
  }

  .c-text-3 {
    display: none;
  }

  .c-text-3.cc-mobile-13 {
    font-size: 13px;
    line-height: 24px;
  }

  .c-text-3.white {
    font-size: 14px;
    display: block;
  }

  .c-text-3.black {
    font-size: 14px;
    line-height: 24px;
  }

  .c-title-wrapper {
    margin-top: 34px;
  }

  .cds-block-link {
    margin-bottom: 16px;
    display: inline-block;
  }

  .c-cta-wrapper-tax-talks.cc-compo {
    display: none;
  }

  .cds-ie-intro.showroom_mobile {
    height: 60vh;
  }

  .cds-ie-title-1 {
    font-size: 40px;
    line-height: 40px;
  }

  .cds-ie-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .c-title-2 {
    font-size: 32px;
    line-height: 36px;
  }

  .c-text-1 {
    font-size: 15px;
    line-height: 26px;
  }

  .c-title-3-2 {
    font-size: 20px;
    line-height: 34px;
  }

  .c-section-2 {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .ds-type_caption {
    font-size: 12px;
  }

  .cds-introtext {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hdt_kv_logos {
    display: block;
  }

  .c-newnav-language-nav, .c-newnav-dropdownlist-nostyle {
    display: none;
  }

  .c-newnav-dropdownlist-nostyle.w--open {
    min-width: 0;
  }

  .c-container-new.cc-10cols {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-hero_title.smaller {
    font-size: 40px;
    line-height: 50px;
  }

  .c-hero_title.smaller.bubbleheader {
    padding-top: 39px;
    padding-left: 32px;
    padding-right: 33px;
    font-size: 35px;
    line-height: 40px;
  }

  .c-hero_right {
    margin-bottom: 0;
  }

  .c-services-text {
    flex-direction: column;
  }

  .c-services_compo.cc-portait {
    margin-bottom: -40px;
  }

  .c-tech-text.cc-zuku {
    margin-bottom: 0;
  }

  .c-compo_wrapper {
    display: none;
  }

  .c-zuku_dropdowns {
    max-width: 100%;
    margin-left: 0;
    padding-top: 0;
    display: block;
  }

  .c-zuku-dropdown {
    margin-bottom: 0;
  }

  .c-zuku-dropdown_toggle {
    color: var(--royal-blue);
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0 4px 24px #00000014;
  }

  .c-zuku-dropdown_arrow-embed {
    display: block;
  }

  .c-zuku-dropdown_arrow-embed.cc-mobile-hidden {
    display: none;
  }

  .c-zuku-dropdown_list.cc-open-mobile {
    background-color: var(--white);
    color: var(--dim-grey);
    padding: 24px;
    display: block;
  }

  .c-vorteile_cards-wrapper {
    overflow: visible;
  }

  .c-vorteile_card {
    max-width: 100%;
    padding-bottom: 32px;
  }

  .c-progress-image {
    padding-top: 100px;
  }

  .c-title-1.cc-mobile-32 {
    font-size: 32px;
    line-height: 32px;
  }

  .c-member_image, .c-member_image.cc-03 {
    min-width: 184px;
    min-height: 184px;
  }

  .c-zuku_compo {
    max-width: 100%;
    display: block;
    transform: scale(1.2);
  }

  .c-zuku-compo-image_wrapper {
    justify-content: center;
    align-items: center;
    margin-bottom: -32px;
    margin-left: -24px;
    margin-right: -24px;
    display: flex;
    overflow: hidden;
  }

  .c-div-mobile-arrow-zuku {
    z-index: 200;
    justify-content: space-between;
    align-items: center;
    padding-left: 3%;
    padding-right: 3%;
    display: flex;
    position: absolute;
    inset: 54px 0% auto;
  }

  .c-zuku_wrapper-mobile {
    width: 100%;
    position: relative;
  }

  .c-zuku-slider_arrow {
    max-width: 12px;
  }

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

  .bubbleheader {
    background-image: url("https://cdn.prod.website-files.com/64db6740c3eb8e024ed43bcf/64db6740c3eb8e024ed440c7_Bubble_Header.jpg");
    background-position: 100% 0;
    background-size: cover;
  }

  .c-datenschutzklarung-item_title {
    white-space: normal;
  }

  .sec_dse_gesamt {
    margin-top: -140px;
  }

  .p.medium {
    font-size: 17px;
  }

  .p.medium.supprt {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
    line-height: 25px;
  }

  .wrap {
    width: 90%;
  }

  .image-42 {
    max-width: 30%;
    margin-top: -63px;
    margin-left: 196px;
  }

  .wp_card {
    width: 100%;
  }

  .wp_card.studie {
    flex-wrap: wrap;
    height: auto;
    min-height: 0;
  }

  .wp-card-text_wrapper.studie {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .wp_card_heading.studie {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 24px;
  }

  .link-block-5.studie {
    width: 100%;
    height: 200px;
  }

  .nw_dl.studie {
    margin-top: 29px;
    position: static;
  }

  .nk_inhalte_header_wrapper {
    width: 100%;
  }

  .nk_inhalte_heading {
    font-size: 30px;
    line-height: 33px;
  }

  .nk_studie {
    margin-bottom: 40px;
  }

  .collection-list-wrapper-3.studie {
    width: 100%;
  }

  .nk_kontakt {
    flex-direction: column;
    width: 80%;
  }

  .nk_kontakt_bilder {
    text-align: center;
    width: 100%;
  }

  .nk_kontakt_inhalt {
    width: 100%;
    margin-top: 17px;
  }

  .image-44 {
    text-align: center;
    margin-right: auto;
    display: inline-block;
  }

  .div-block-25 {
    display: block;
  }

  .module_pop_overly-bar1 {
    align-items: flex-start;
    height: 100vh;
    padding-top: 0;
    display: none;
    position: fixed;
    overflow: auto;
  }

  .c-cardblog-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .c-cardblog-2.padding {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-container-14 {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .c-container-14.full-width {
    padding-left: 5px;
    padding-right: 5px;
  }

  .c-button-8 {
    font-size: 14px;
  }

  .c-container-m {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-container-m.taxtalks-daten-mobile {
    padding-left: 0;
    padding-right: 20px;
  }

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

  .heading-5 {
    font-size: 24px;
    line-height: 32px;
  }

  .heading-5.popup {
    font-size: 18px;
  }

  .c-cardteaser-content_small {
    font-size: 14px;
    line-height: 22px;
  }

  .close_popup-2 {
    height: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .html-embed-5.u-m0 {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0%;
  }

  .image-48, .column-20 {
    display: none;
  }

  .c-heading-6 {
    letter-spacing: 1px;
    font-size: 25px;
    line-height: 30px;
  }

  .c-heading-6.tax-talks {
    padding-bottom: 20px;
    font-size: 20px;
    line-height: 25px;
  }

  .speakercard_wrapper {
    flex-wrap: wrap;
    flex: 0 auto;
  }

  .paragraph-6 {
    font-size: 14px;
    line-height: 20px;
  }

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

  .c-text-1-2 {
    font-size: 16px;
    line-height: 28px;
  }

  .c-headline-wrapper {
    margin-bottom: 40px;
  }

  .c-headline-wrapper.cc-mb40 {
    margin-bottom: 20px;
  }

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

  .c-button-xl {
    height: auto;
    padding: 14px 22px;
    font-size: 16px;
    line-height: 24px;
  }

  .c-button-xl.cc-border {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .c-title-3-3 {
    font-size: 24px;
    line-height: 32px;
  }

  .c-online-seminar-duration {
    font-size: 14px;
  }

  .c-online-seminar-wrapper {
    align-items: center;
    margin-bottom: 24px;
    padding: 24px;
  }

  .c-online-seminar-number-block {
    width: 80px;
    height: 80px;
  }

  .c-online-seminar-time {
    font-size: 14px;
  }

  .c-title-1-2 {
    letter-spacing: 1px;
    font-size: 48px;
    line-height: 48px;
  }

  .c-title-1-2.cc-no-margin {
    font-size: 56px;
    line-height: 56px;
  }

  .c-text-2 {
    font-size: 14px;
    line-height: 24px;
  }

  .c-text-2.dayclass {
    margin-bottom: 8px;
  }

  .slide_item {
    width: 104%;
    padding-right: 4%;
  }

  .slide_svg, .slide_svg.is--flip {
    width: 1em;
    height: 1em;
  }

  .slide_arrow, .slide_arrow.is--right {
    width: 3em;
    height: 3em;
  }

  .horizontal-item {
    width: 100%;
  }

  .tt-card {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tt-card-heading {
    font-size: 20px;
  }

  .tt-header-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column-reverse;
    align-items: stretch;
    margin-bottom: 20px;
  }

  .tt_vortrat-img {
    text-align: right;
    margin-left: 0;
    display: block;
  }

  .div-block-34 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-bottom: 0;
  }

  .list-2 {
    padding-top: 0;
  }

  .c-button-9, .c-button-9.c-button--hero {
    font-size: 14px;
  }

  .list-item-2 {
    margin-bottom: 10px;
  }

  .c-list-bullet-2 {
    margin-right: 10px;
  }

  .tt-slick-item {
    width: 360px;
  }

  .div-slick-wrapper {
    margin-top: 34px;
    overflow: hidden;
  }

  .arrow.slider-prev, .arrow.slider-next {
    width: 3em;
    height: 3em;
  }

  .image-54 {
    display: none;
  }

  .body-2, .image-59 {
    overflow: visible;
  }

  .heading-6 {
    font-size: 24px;
    line-height: 32px;
  }

  .c-follow-card_social {
    justify-content: flex-start;
  }

  .c-follow-card_social-img {
    width: 50px;
    max-width: none;
  }

  .div-block-36 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .h1-pw {
    font-size: 50px;
    line-height: 50px;
  }

  .sub-pw {
    font-size: 14px;
  }

  .herocta-pw {
    width: 100%;
    margin-left: 0%;
    margin-right: 0;
    padding: 30px 18px 20px 30px;
  }

  .containerboxcta-pw {
    margin-left: 2%;
    margin-right: 2%;
  }

  .containeridea-pw {
    margin-left: 2%;
    margin-right: 2%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .divkontakt-pw {
    margin-left: auto;
    margin-right: auto;
  }

  .flexquickstackkontakt-pw {
    align-self: center;
  }

  .navbar-container-2 {
    z-index: 20;
  }

  .navbar-home-link-2 {
    height: 48px;
    padding: 15px 12px;
  }

  .navbar-link-2 {
    font-size: 16px;
    line-height: 16px;
    top: 48px;
  }

  .btn3-pw.c-button--l.loesungen {
    position: static;
  }

  .btn3-pw.is-quaternary {
    display: block;
  }

  .btn3-pw.c-button--floatdown {
    padding-left: 14px;
    padding-right: 14px;
    bottom: -56px;
  }

  .btn3-pw.c-button--floatdown.stage-level-3 {
    width: 200px;
    bottom: -29px;
  }

  .btn3-pw.u-mt40 {
    height: auto;
    min-height: 56px;
    margin-top: 20px;
  }

  .btn3-pw.m-top {
    order: -1;
    align-self: stretch;
    margin-bottom: 24px;
  }

  .btn3-pw.topblock {
    margin-bottom: 30px;
    margin-left: 30px;
  }

  .h2-pw {
    font-size: 29px;
  }

  .titleidea-pw {
    text-align: center;
  }

  .btn4-pw.c-button--l.loesungen {
    position: static;
  }

  .btn4-pw.is-quaternary {
    display: block;
  }

  .btn4-pw.c-button--floatdown {
    padding-left: 14px;
    padding-right: 14px;
    bottom: -56px;
  }

  .btn4-pw.c-button--floatdown.stage-level-3 {
    width: 200px;
    bottom: -29px;
  }

  .btn4-pw.u-mt40 {
    height: auto;
    min-height: 56px;
    margin-top: 20px;
  }

  .btn4-pw.m-top {
    order: -1;
    align-self: stretch;
    margin-bottom: 24px;
  }

  .btn4-pw.topblock {
    margin-bottom: 30px;
    margin-left: 30px;
  }

  .h2slider-pw, .pslider-pw {
    text-align: center;
  }

  .button {
    padding-left: 16px;
    padding-right: 16px;
  }

  .divcards-pw {
    width: 200px;
    height: 210px;
  }

  .imgcards-pw {
    margin-top: 30px;
  }

  .divsliderimg-pw {
    width: 100%;
    margin-top: 20px;
  }

  .quickstackslider-pw {
    padding: 21px;
  }

  .c-container-finpla_tabs.cc-10cols {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-32 {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 17px;
    font-size: 12px;
    line-height: 19px;
  }

  .title-helden-hfo {
    font-size: 20px;
    line-height: 28px;
  }

  .p-helden-hfo {
    overflow-wrap: normal;
    width: 90%;
    font-size: 18px;
    font-weight: 300;
  }

  .quickstack-helden-card-hfo {
    padding: 0;
  }

  .quickstack-helden-card-hfo.tabrosa-hfo {
    width: 100%;
  }

  .imghfo-tabs-hfo {
    margin-top: 20px;
  }

  .c-img-100w.img-tabs-resizer-hfo.rosa-img-fix-hfo {
    margin-top: -35px;
  }

  .c-img-100w.img-tabs-resizer-hfo.yellow-img-fix-hfo {
    margin-top: -46px;
  }

  .c-button-finpla-tc.btn-tur-hfo, .c-button-finpla-tc.btn-rosa-hfo.tabdescbtnfix-hfo, .c-button-finpla-tc.cc-yellow.tabdescbtnfix-hfo, .c-button-finpla-tc.cc-iceblue.tabdescbtnfix-hfo {
    padding-left: 25px;
    padding-right: 25px;
  }

  .c-button-txt-black {
    font-weight: 700;
  }

  .c-text-1-3 {
    font-size: 15px;
    line-height: 26px;
  }

  .c-img-wrapper-3.cc-420 {
    margin-top: 10px;
  }

  .list-hfo {
    padding-left: 20px;
  }

  .c-button-txt-black-hfo {
    font-size: 14px;
  }

  .btntxttabsbtn1-pw {
    align-self: center;
    font-size: 15px;
  }

  .flextabcontents-pw {
    padding-left: 0;
  }

  .tabsidea-pw {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tablinktabs-btn1-pw {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .btntxttabsbtn2-pw {
    align-self: center;
    font-size: 15px;
  }

  .btntxttabsbtn3-pw {
    align-self: center;
    margin-bottom: 0;
    font-size: 15px;
  }

  .frametabsidea-pw {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .pidea-pw {
    max-width: 98%;
  }

  .icon-6 {
    margin-right: 8px;
    font-size: 20px;
  }

  .icon-7 {
    margin-left: 8px;
    font-size: 20px;
  }

  .container-9 {
    margin-left: 1%;
    margin-right: 1%;
  }

  .list-3 {
    padding-left: 20px;
  }

  .divblock-pw {
    max-width: 92%;
  }

  .btn2-pw {
    margin-bottom: 0;
  }

  .divsocialfooter {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: stretch;
    display: flex;
  }

  .footersteuerkanzlei {
    padding: 32px;
  }

  .quickstackfooterup {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .c-heading-7 {
    margin-bottom: 11px;
    font-size: 48px;
    line-height: 48px;
  }

  .c-button-10.is-quaternary {
    display: block;
  }

  .h2-form-pw {
    font-size: 29px;
  }

  .modalbutton.buttonkontakt-pw {
    text-align: center;
    flex-flow: row;
    align-self: auto;
    font-size: 14px;
  }

  .button5 {
    display: block;
  }

  .container-10 {
    max-width: 360px;
  }

  .h2-formb {
    margin-top: 50px;
    font-size: 20px;
    line-height: 28px;
  }

  .conkontakt-pw {
    max-width: 100%;
  }

  .divtitle-dk {
    justify-content: center;
    align-items: center;
    height: 200px;
    padding: 24px 12px;
    font-size: 18px;
    line-height: 30px;
    display: flex;
  }

  .c-timeline_circle {
    width: 1.3rem;
    height: 1.3rem;
    font-size: 9px;
  }

  .c-row.is-card_wide {
    flex: 1;
    padding-top: 0;
  }

  .c-footer-linkswrapper-2 {
    flex-flow: wrap;
    display: flex;
  }

  .c-footerheader-colleft-3 {
    padding-left: 0;
  }

  .c-image.is-card_wide-2 {
    display: none;
  }

  .c-image.is-card_wide._4 {
    width: 120px;
    height: 200px;
  }

  .cn-button.cc-mobile-hide {
    display: none;
  }

  .cn-card.is-card_wide {
    padding: 1.5rem 1rem;
  }

  .c-popup_content {
    padding-top: 86px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .c-video_mask-online_traning {
    width: 100%;
    margin-bottom: 9rem;
  }

  .cn-footer {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .c-display {
    font-size: 1rem;
  }

  .c-timeline_item {
    padding-left: 1rem;
  }

  .c-col.cc-symbol {
    margin-top: 40px;
    margin-bottom: -40px;
  }

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

  .c-hero_slider-image {
    height: auto;
    min-height: auto;
  }

  .c-navigation-button {
    padding: 8px 16px;
    display: block;
  }

  .c-social-link-2 {
    margin-right: 0;
  }

  .c-stack.g-64 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .c-stack.is-card_wide-content {
    margin-top: 1.5rem;
  }

  .cn-section.text-light.cc-pb0-mobile.cc-pb40-mobile {
    padding-bottom: 40px;
  }

  .c-timeline_defaultline {
    left: 9px;
  }

  .c-listb-link-4.c-listb-link--footer {
    margin-right: 1em;
    font-size: .7rem;
    font-weight: 400;
    display: inline-block;
  }

  .c-card_slider.splide__slide {
    aspect-ratio: auto;
    min-height: 44vh;
    padding: 1.5rem;
  }

  .cn-h2 {
    font-size: 1.5rem;
  }

  .cn-h3.on-card_wide {
    font-size: 1.2rem;
  }

  .c-container-taxtalks-teaser.cc-10cols {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-container-taxtalks-hero {
    padding-top: 12em;
  }

  .c-container-taxtalks-hero.cc-10cols {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-card-back {
    width: 100%;
    max-width: 250px;
  }

  .c-flipping-cards-list {
    display: block;
  }

  .c-card-front {
    width: 100%;
    max-width: 250px;
  }

  .c-flipping-cards-list-taxtalks {
    display: block;
  }

  .tt-card-mobile {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-heading-form {
    margin-bottom: 11px;
    font-size: 48px;
    line-height: 48px;
  }

  .c-heading-form.u-mb40.c-heading--m {
    margin-bottom: 23px;
    font-size: 32px;
    line-height: 37px;
  }

  .c-heading-form.c-heading--m.centered {
    font-size: 32px;
    line-height: 34px;
  }

  .c-heading-form.c-heading--m.centered.tax-action {
    font-size: 40px;
    line-height: 44px;
  }

  .c-heading-form.c-heading--m.tax-action {
    letter-spacing: 1px;
  }

  .c-heading-form.c-heading--m.bottom-margin {
    margin-left: 0;
    font-size: 48px;
  }

  .c-heading-form.c-heading--m.bottom-margin.loesungen {
    line-height: 42px;
  }

  .c-heading-form.c-heading--m.loesungen {
    font-size: 38px;
    line-height: 43px;
  }

  .c-heading-form.h-stage-level-3 {
    font-size: 30px;
    line-height: 33px;
    display: block;
  }

  .c-heading-form.h-stage-level-3.mobile {
    display: block;
  }

  .c-heading-form.h-stage-level-3.hide-mobile {
    display: none;
  }

  .c-heading-form.centered {
    padding-left: 0;
    padding-right: 0;
    font-size: 48px;
    line-height: 46px;
  }

  .c-heading-form.centered.too-long-desktop {
    display: none;
  }

  .c-heading-form.centered.too-long-mobile {
    display: block;
  }

  .c-heading-form.h-stage-level2.lead {
    display: none;
  }

  .c-heading-form.h-stage-level2.lead.mobil {
    font-size: 38px;
    font-weight: 400;
    line-height: 38px;
    display: block;
  }

  .c-heading-form.u-pcenter60 {
    margin-bottom: 30px;
  }

  .c-heading-form.blue-bg {
    font-size: 32px;
    line-height: 34px;
  }

  .c-heading-form.tax-action {
    letter-spacing: 2px;
    font-size: 40px;
    line-height: 44px;
  }

  .c-heading-form.m--vorteile {
    letter-spacing: 1px;
    font-size: 40px;
    line-height: 44px;
  }

  .c-heading-form.mobile {
    display: none;
  }

  .c-heading-form.phone {
    font-size: 36px;
    line-height: 36px;
    display: block;
  }

  .c-heading-form.cc-dtbtitle {
    font-size: 40px;
  }

  .c-heading-form.cc-nospacing.cc-dtbnew {
    font-size: 48px;
    line-height: 52px;
  }

  .section-form {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .section-form.c-section--video {
    padding-bottom: 30px;
  }

  .section-form.cc-services {
    padding-top: 40px;
    overflow: hidden;
  }

  .section-form.cc-triangle, .section-form.cc-zuku {
    overflow: hidden;
  }

  .section-form.cc-progress {
    background-size: cover;
  }

  .section-form.cc-team {
    padding-top: 40px;
  }

  .section-form.cc-tt-video {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-form.black, .section-form.gradient {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .c-button-taxtalks-buchen.c-button--l.loesungen {
    position: static;
  }

  .c-button-taxtalks-buchen.is-quaternary {
    display: block;
  }

  .c-button-taxtalks-buchen.c-button--floatdown {
    padding-left: 14px;
    padding-right: 14px;
    bottom: -56px;
  }

  .c-button-taxtalks-buchen.c-button--floatdown.stage-level-3 {
    width: 200px;
    bottom: -29px;
  }

  .c-button-taxtalks-buchen.u-mr16.u-mt40.btn2-pw {
    margin-bottom: 0;
  }

  .c-button-taxtalks-buchen.u-mt40 {
    height: auto;
    min-height: 56px;
    margin-top: 20px;
  }

  .c-button-taxtalks-buchen.m-top {
    order: -1;
    align-self: stretch;
    margin-bottom: 24px;
  }

  .c-button-taxtalks-buchen.topblock {
    margin-bottom: 30px;
    margin-left: 30px;
  }

  .c-text-taxtalks-buchen-teaser {
    text-align: center;
    margin-left: 1em;
    margin-right: 0;
    font-size: 14px;
    line-height: 24px;
  }

  .c-text-taxtalks-buchen-teaser.dayclass {
    margin-bottom: 8px;
  }

  .c-container-taxtalks-spot.cc-10cols {
    padding-left: 10px;
    padding-right: 10px;
  }

  .eyebrow {
    font-size: .8rem;
  }

  .col {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col.col-lg-6.cc-tab-image-wrap.col-md-12 {
    min-height: 22rem;
  }

  .col.col-lg-6.cc-tab-image-wrap-tab2.col-md-12 {
    min-height: 22rem;
    margin-bottom: -1.3rem;
  }

  .col.col-xs-8 {
    flex-basis: 66.67%;
    max-width: 66.6667%;
  }

  .col.col-xs-2 {
    flex-basis: 16.67%;
    max-width: 16.6667%;
  }

  .col.col-xs-4 {
    flex-basis: 33.33%;
    max-width: 33.3333%;
  }

  .col.col-xs-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col.col-xs-1 {
    flex-basis: 8.33%;
    max-width: 8.33333%;
  }

  .col.col-xs-10 {
    flex-basis: 83.33%;
    max-width: 83.3333%;
  }

  .col.col-xs-first {
    order: -1;
  }

  .col.col-xs-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col.col-xs-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col.col-xs-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col.col-xs-5 {
    flex-basis: 41.67%;
    max-width: 41.6667%;
  }

  .col.col-xs-11 {
    flex-basis: 91.67%;
    max-width: 91.6667%;
  }

  .col.col-xs-7 {
    flex-basis: 58.33%;
    max-width: 58.3333%;
  }

  .u-mb-0 {
    margin-bottom: 0;
  }

  .section-6 {
    padding-top: var(--haufe-styleguide-stage---spacing-layout--section-padding-xs);
    padding-bottom: var(--haufe-styleguide-stage---spacing-layout--section-padding-xs);
  }

  .label {
    font-family: var(--haufe-styleguide-stage---type-label--font);
    font-size: var(--haufe-styleguide-stage---type-label--font-size-xs);
    line-height: var(--haufe-styleguide-stage---type-label--line-height);
  }

  .h3 {
    font-size: var(--haufe-styleguide-stage---type-h3--font-size-xs);
  }

  .h2 {
    font-size: var(--haufe-styleguide-stage---type-h2--font-size-xs);
  }

  .h4 {
    font-size: var(--haufe-styleguide-stage---type-h4--font-size-xs);
  }

  .u-m-0 {
    margin: 0;
  }

  .u-pt-0 {
    padding-top: 0;
  }

  .u-p-0-3 {
    padding: 0;
  }

  .u-mt-0 {
    margin-top: 0;
  }

  .u-pb-0 {
    padding-bottom: 0;
  }

  .styles__row-example {
    height: auto;
  }

  .c-card-content-wrap {
    grid-column-gap: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
    grid-row-gap: var(--haufe-styleguide-stage---spacing-utility-rem--0-5rem);
    flex-flow: wrap;
    display: flex;
  }

  .section {
    padding-top: var(--haufe-styleguide-stage---spacing-layout--section-padding-xs);
    padding-bottom: var(--haufe-styleguide-stage---spacing-layout--section-padding-xs);
  }

  .c-heading {
    font-size: var(--haufe-styleguide-stage---type-h1--font-size-xs);
  }

  .c-heading:where(.w-variant-9bc05784-535a-6bdf-f3d2-6f9c39f9ffe2) {
    font-size: var(--haufe-styleguide-stage---type-h2--font-size-xs);
  }

  .c-heading:where(.w-variant-86b6513c-e2a6-ef41-4975-f9327f0c4a17) {
    font-size: var(--haufe-styleguide-stage---type-h3--font-size-xs);
  }

  .c-heading:where(.w-variant-aa6a9b50-fb8b-59ed-0cfb-7367e816f5f4) {
    font-size: var(--haufe-styleguide-stage---type-h4--font-size-xs);
  }

  .c-button-group {
    grid-column-gap: var(--haufe-styleguide-stage---spacing-layout--row-col-half-gap);
    grid-row-gap: var(--haufe-styleguide-stage---spacing-layout--row-col-half-gap);
  }

  .container-13.cc-nav {
    width: 93%;
  }

  .nav_dropdown-icon {
    font-size: 18px;
    line-height: 18px;
  }

  .tab-style {
    text-align: center;
    background-color: #f2f6ff;
    border-radius: 3.75rem;
    flex: 0 auto;
    min-width: 160px;
    padding: .5rem 1rem;
    font-size: .8rem;
    line-height: 1.25;
  }

  .tab-style.w--current {
    text-align: center;
    background-color: #fff;
  }

  .section-7 {
    padding-top: var(--haufe-styleguide-stage---spacing-layout--section-padding-xs);
    padding-bottom: var(--haufe-styleguide-stage---spacing-layout--section-padding-xs);
  }

  .swiper-prev {
    width: 3rem;
  }

  .col-2 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .u-mb-0-2 {
    margin-bottom: 0;
  }

  .footer_section {
    padding-top: var(--haufe-styleguide-stage---spacing-layout--section-padding-xs);
    padding-bottom: var(--haufe-styleguide-stage---spacing-layout--section-padding-xs);
  }

  .footer_social-links-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .tab-hero_menu {
    margin-left: 2.7rem;
  }

  .tab-hero_video {
    height: 49rem;
    top: -18.9rem;
  }

  .tab-hero_video.cc-tab-2-video {
    height: 32.7rem;
    top: -11rem;
  }

  .c-popup_content-v2 {
    padding-top: 86px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .c-timeline_circle-v2 {
    width: 1.3rem;
    height: 1.3rem;
    font-size: 9px;
  }

  .cn-card-v2.is-card_wide {
    padding: 1.5rem 1rem;
  }

  .paragraph-big {
    font-size: var(--haufe-styleguide-stage---type-paragraph-big--font-size-xs);
  }
}

#w-node-_4b2de4a8-53a0-f7bd-03cb-bdb3ef654fa0-dd56e124 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-b1ea7c04-0f9b-34ab-3662-43945aa85a63-dd56e124 {
  grid-template-rows: auto auto;
  grid-template-columns: .25fr .75fr;
}

#w-node-_68fa5f95-e266-7b56-9608-e32d94333ac0-4ed43cd4, #w-node-_37d327db-3b97-0833-d6c6-473eebeda8cf-4ed43cd4, #w-node-_6c141428-1600-fe45-24cd-d9b852bc5040-4ed43cd4, #w-node-_5c9ff4b8-3bc1-c88c-8134-11264312eeeb-4ed43cd4, #w-node-ce543be2-67ed-1e3b-2f83-f67d05d6db7a-4ed43cd4 {
  grid-area: Area;
}

#w-node-_68fa5f95-e266-7b56-9608-e32d94333af1-4ed43cd4, #w-node-_68fa5f95-e266-7b56-9608-e32d94333aff-4ed43cd4, #w-node-_68fa5f95-e266-7b56-9608-e32d94333b0d-4ed43cd4, #w-node-_68fa5f95-e266-7b56-9608-e32d94333b1b-4ed43cd4, #w-node-_68fa5f95-e266-7b56-9608-e32d94333b29-4ed43cd4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_554ef770-7b45-e44d-0e92-1999aef48138-4ed43d1f {
  grid-area: Area-5;
}

#w-node-_182d6506-b6a0-6c55-6bca-49724ba3500e-cb231fa8 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-_182d6506-b6a0-6c55-6bca-49724ba35019-cb231fa8 {
  grid-template-rows: auto auto;
  grid-template-columns: .25fr .75fr;
}

#w-node-_554ef770-7b45-e44d-0e92-1999aef48138-200c1c58 {
  grid-area: Area-5;
}

#w-node-_1ddeee55-3094-78a8-fb2f-98a0946b5c5b-200c1c58, #w-node-_1ddeee55-3094-78a8-fb2f-98a0946b5c6b-200c1c58 {
  grid-area: Area-3;
}

#w-node-_708c1129-f1e6-c1c8-b8f5-cd0fd82d1af0-ac12f4bc {
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr .5fr;
}

#w-node-_5d4dc8d9-f1cc-faca-e115-9c1d6e1e2f76-ac12f4bc, #w-node-_5e463199-8e2d-a7a9-15e6-7a68c70259dd-ac12f4bc, #w-node-ad8ae7ee-883b-d548-14e7-241f7400278a-ac12f4bc, #w-node-b82145ab-0368-3f32-1f24-8a07feab755d-ac12f4bc, #w-node-c7eeb257-ce76-60b3-8884-96086810f8c9-ac12f4bc, #w-node-_7c20ab1c-e77b-7f7c-483f-15a8917eeb0f-ac12f4bc {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_554ef770-7b45-e44d-0e92-1999aef48138-05270d1d {
  grid-area: Area-5;
}

#w-node-_1ddeee55-3094-78a8-fb2f-98a0946b5c5b-05270d1d, #w-node-_1ddeee55-3094-78a8-fb2f-98a0946b5c6b-05270d1d {
  grid-area: Area-3;
}

#w-node-_182d6506-b6a0-6c55-6bca-49724ba3500e-e1188ccc {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-_182d6506-b6a0-6c55-6bca-49724ba35019-e1188ccc {
  grid-template-rows: auto auto;
  grid-template-columns: .25fr .75fr;
}

#w-node-_747d25ff-eefa-aa70-5559-5b4de887de6f-52c80fcd {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_747d25ff-eefa-aa70-5559-5b4de887de72-52c80fcd {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_747d25ff-eefa-aa70-5559-5b4de887de73-52c80fcd {
  grid-area: span 1 / span 5 / span 1 / span 5;
  align-self: start;
}

#w-node-_747d25ff-eefa-aa70-5559-5b4de887de79-52c80fcd {
  grid-area: 1 / 7 / 2 / 11;
  align-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-b1ea7c04-0f9b-34ab-3662-43945aa85a63-dd56e124 {
    grid-template-rows: auto auto;
    grid-template-columns: .5fr 1.25fr;
  }

  #w-node-_554ef770-7b45-e44d-0e92-1999aef48138-4ed43d1f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_182d6506-b6a0-6c55-6bca-49724ba35019-cb231fa8 {
    grid-template-rows: auto auto;
    grid-template-columns: .5fr 1.25fr;
  }

  #w-node-_554ef770-7b45-e44d-0e92-1999aef48138-200c1c58 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_708c1129-f1e6-c1c8-b8f5-cd0fd82d1af0-ac12f4bc {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-_554ef770-7b45-e44d-0e92-1999aef48138-05270d1d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_182d6506-b6a0-6c55-6bca-49724ba35019-e1188ccc {
    grid-template-rows: auto auto;
    grid-template-columns: .5fr 1.25fr;
  }

  #w-node-_747d25ff-eefa-aa70-5559-5b4de887de6f-52c80fcd {
    grid-column: span 12 / span 12;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_4b2de4a8-53a0-f7bd-03cb-bdb3ef654fa0-dd56e124 {
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
  }

  #w-node-b1ea7c04-0f9b-34ab-3662-43945aa85a63-dd56e124 {
    grid-template-rows: auto auto;
    grid-template-columns: .25fr 1fr;
  }

  #w-node-_554ef770-7b45-e44d-0e92-1999aef48138-4ed43d1f {
    grid-column: span 3 / span 3;
  }

  #w-node-_182d6506-b6a0-6c55-6bca-49724ba3500e-cb231fa8 {
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
  }

  #w-node-_182d6506-b6a0-6c55-6bca-49724ba35019-cb231fa8 {
    grid-template-rows: auto auto;
    grid-template-columns: .25fr 1fr;
  }

  #w-node-_554ef770-7b45-e44d-0e92-1999aef48138-200c1c58 {
    grid-column: span 3 / span 3;
  }

  #w-node-_5d4dc8d9-f1cc-faca-e115-9c1d6e1e2f76-ac12f4bc {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-ad8ae7ee-883b-d548-14e7-241f7400278a-ac12f4bc, #w-node-b82145ab-0368-3f32-1f24-8a07feab755d-ac12f4bc, #w-node-c7eeb257-ce76-60b3-8884-96086810f8c9-ac12f4bc, #w-node-_7c20ab1c-e77b-7f7c-483f-15a8917eeb0f-ac12f4bc {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_554ef770-7b45-e44d-0e92-1999aef48138-05270d1d {
    grid-column: span 3 / span 3;
  }

  #w-node-_182d6506-b6a0-6c55-6bca-49724ba3500e-e1188ccc {
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
  }

  #w-node-_182d6506-b6a0-6c55-6bca-49724ba35019-e1188ccc {
    grid-template-rows: auto auto;
    grid-template-columns: .25fr 1fr;
  }

  #w-node-_747d25ff-eefa-aa70-5559-5b4de887de73-52c80fcd {
    grid-column: span 12 / span 12;
  }

  #w-node-_747d25ff-eefa-aa70-5559-5b4de887de79-52c80fcd {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4b2de4a8-53a0-f7bd-03cb-bdb3ef654fa0-dd56e124 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-b1ea7c04-0f9b-34ab-3662-43945aa85a63-dd56e124 {
    grid-template-rows: auto auto;
    grid-template-columns: .25fr 1fr;
  }

  #w-node-_554ef770-7b45-e44d-0e92-1999aef48138-4ed43d1f {
    grid-column: span 2 / span 2;
  }

  #w-node-_182d6506-b6a0-6c55-6bca-49724ba3500e-cb231fa8 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_182d6506-b6a0-6c55-6bca-49724ba35019-cb231fa8 {
    grid-template-rows: auto auto;
    grid-template-columns: .25fr 1fr;
  }

  #w-node-_554ef770-7b45-e44d-0e92-1999aef48138-200c1c58 {
    grid-column: span 2 / span 2;
  }

  #w-node-_5e463199-8e2d-a7a9-15e6-7a68c70259dd-ac12f4bc {
    grid-template-rows: auto;
    grid-template-columns: .75fr;
  }

  #w-node-_554ef770-7b45-e44d-0e92-1999aef48138-05270d1d {
    grid-column: span 2 / span 2;
  }

  #w-node-_182d6506-b6a0-6c55-6bca-49724ba3500e-e1188ccc {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_182d6506-b6a0-6c55-6bca-49724ba35019-e1188ccc {
    grid-template-rows: auto auto;
    grid-template-columns: .25fr 1fr;
  }
}