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



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

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

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

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

.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;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !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;
}

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 {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  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;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

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





:root {
  --black: black;
  --petrol1: #007577;
  --petrol2: #00595c;
  --black-1: #e5e5e5;
  --coldgray3: #b6cad1;
  --datev-petrol: #039a9a;
  --coldgray8: #232e32;
  --black-0: whitesmoke;
  --white: white;
  --dunkelgruen6: #68c2c2;
  --coldgray4: #96adb5;
  --datev-green: #90d033;
  --coldgray1: #ecf2f4;
  --coldgray2: #d7e3e8;
  --datevhellgruen9: #9bd547;
  --petrol1-2: #007577;
  --hellgruen6: #bce385;
  --green6: #2e7542;
  --dunkelgruen8: #35aeae;
  --hellgruen5: #c7e899;
  --datev-gruen7: #b1de70;
  --azur3: #ade3fa;
  --amber2: #fff9b9;
  --dunkelgruen5: #81cdcd;
  --black-3: #b2b2b2;
  --berry6: #862d55;
  --berry7: #6a1e44;
  --azur7-8: #005187;
  --azur8: #00426d;
  --coldgray7: #38484f;
  --green7: #1a5733;
  --green8-9: #164226;
  --red8: #850000;
  --red9: #640000;
  --berry2: #f5c2d1;
  --berrry3: #df90a9;
  --azur4: #6ec6ec;
  --azur5: #0e95d9;
  --amber5: #ffc800;
  --amber6: #ffb200;
  --coldgray5: #69838c;
  --dunkelgruen7: #4fb8b8;
  --dunkelgruen9: #1ca4a4;
  --green2: #d2e8c6;
  --green3: #b3d6a5;
  --dunkelgruen3: #b4e1e1;
  --dunkelgruen4: #9ad7d7;
  --amber3: #ffef86;
  --hellgruen-7: #b1de70;
  --green4-5: #8ec684;
  --green5-7: #529b56;
  --amber4: #ffde5f;
  --black-7: #4d4d4d;
  --black-2: #ccc;
  --azur2: #caeffe;
  --dunkelgruen1: #e6f5f5;
  --hellgruen2: #e9f6d6;
  --hellgruen1: #f4faeb;
  --green1: #e6f4de;
  --azur1: #e5f8ff;
  --beige1: #f4f3ee;
  --azur7: #005187;
  --amber8: #e67500;
  --amber9: #d65500;
  --berry5: #a73a65;
  --red7: #a30000;
  --red6: #c6261b;
  --red5: #e74138;
  --red4: #f2634f;
  --red1: #ffeae3;
  --red3: #ffa38c;
  --green8: #164226;
  --azur6: #0070af;
  --green5: #529b56;
  --green4: #8ec684;
  --coldgray6: #48626a;
  --berrry2: #f5c2d1;
  --red2: #ffcabc;
  --black-9: #1a1a1a;
  --black-8: #333;
  --black-6: #666;
  --black-5: #7f7f7f;
  --black-4: #999;
  --beige2: #dfd9ce;
  --amber0: #fffdf0;
  --berry0: #fef5f9;
  --red0: #fff7f4;
  --azur0: #f5fcff;
  --green0: #f5fbf2;
  --hellgruen2-3: #e9f6d6;
  --coldgray2-3: #d7e3e8;
  --amber1: #fffbd9;
  --azur3-4: #ade3fa;
  --hellgruen8: #a6da5c;
  --azur0-2: #f5fcff;
  --hellgruen3: #def1c2;
  --amber10: #c83b00;
  --amber10-11: #c83b00;
  --green5-6: #69838c;
  --dunkelgruen2: #cdebeb;
  --datev-gruen8: #a6da5c;
  --green3-4: #b3d6a5;
}

.w-layout-hflex {
  flex-direction: row;
  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("./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-embed-youtubevideo {
  background-image: url("./youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

body {
  color: var(--black);
  letter-spacing: .02em;
  background-color: #ebebeb;
  font-family: Noto Sans Display, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

h1 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.3;
}

h2 {
  color: var(--petrol1);
  margin-top: 0;
  margin-bottom: .938rem;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.3;
}

h3 {
  color: var(--petrol1);
  margin-top: 20px;
  margin-bottom: .625rem;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
}

h4 {
  color: var(--petrol2);
  margin-top: 0;
  margin-bottom: .625rem;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.75rem;
}

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

p {
  margin-bottom: 10px;
}

a {
  color: var(--black);
  text-decoration: none;
}

a:hover {
  color: #000;
}

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

ol {
  margin-top: 0;
  margin-bottom: 2.188rem;
  padding-left: 40px;
}

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

strong {
  font-family: Noto Sans Display, sans-serif;
  font-weight: 700;
}

em {
  font-style: italic;
}

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

.icon-quelle {
  width: 15px;
  height: 15px;
  display: block;
  position: relative;
}

.icon-quelle_over {
  width: 15px;
  height: 15px;
  display: none;
  position: relative;
}

.herocontainer1 {
  height: 750px;
  display: none;
  position: relative;
  overflow: hidden;
}

.zielgruppenkachel_textblock {
  z-index: 2;
  margin-bottom: 10px;
  padding-top: 45px;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.zielgruppenkachel_cta-container {
  text-align: center;
  width: 100%;
  margin-bottom: -70px;
  padding-left: 25px;
  padding-right: 25px;
  position: absolute;
  bottom: 20px;
}

.weisse-flaeche {
  z-index: 101;
  opacity: 0;
  background-color: #fff;
  width: 100%;
  height: 150px;
  position: absolute;
}

.max-headroom {
  background-color: #fff;
  width: 100%;
  height: 50px;
  margin-top: -25px;
  position: absolute;
}

.textbutton-menue {
  z-index: 100;
  width: 100%;
  display: none;
  position: absolute;
  box-shadow: 0 0 15px #0000004d;
}

.herocontainer0 {
  height: 850px;
  position: relative;
  overflow: hidden;
}

.katlove-foldout {
  z-index: 10;
  width: 320px;
  margin-top: 42px;
  display: none;
  position: absolute;
  box-shadow: 0 0 15px #0000004d;
}

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

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

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

.maxbreite {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.maxbreite.overflow {
  overflow: hidden;
}

.content3vw {
  padding-left: 3rem;
  padding-right: 3rem;
}

.content3vw.weiss.high {
  z-index: 4;
}

._4er-spalte {
  border-right-width: 1px;
  border-right-color: #ffa2a3;
  border-radius: 10px;
  width: 23.5%;
}

._4er-spalte.inaktiv {
  display: none;
}

.hauptspalten-content {
  flex: 1;
  height: 100%;
}

.drittel-spalte {
  width: 32%;
  padding-left: 1rem;
  display: inline-block;
  position: relative;
}

.zweidrittel-spalte {
  border-right-width: 1px;
  border-right-color: #ffa2a3;
  border-radius: 10px;
  width: 66%;
}

.boxpadding {
  flex: 1;
  padding: 1.5vw 2rem 2vw;
  position: relative;
}

.boxpadding.special, .boxpadding.ohne-bottom {
  padding-bottom: 0;
}

.section-padding {
  align-items: flex-end;
  padding-top: 80px;
  padding-bottom: 80px;
}

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

.section-padding.ohne-bottom {
  padding-bottom: 0;
}

.typo_petrol2 {
  color: var(--petrol2);
}

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

.burger-strich_3 {
  background-color: #0f0f0f;
  width: 30px;
  height: 2px;
  position: absolute;
  inset: 0%;
  transform: translate(0, 10px);
}

.contentbreite {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.navpunkt-im-burger {
  color: #fff;
  letter-spacing: .2px;
  flex-flow: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 18px;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.navpunkt-im-burger:hover {
  text-decoration: underline;
}

.brotmesser {
  align-items: flex-start;
  padding-top: 16px;
  display: flex;
}

.brotmesser:hover {
  color: #8b8b8b;
}

.bold {
  text-align: left;
  font-family: Noto Sans Display, sans-serif;
  font-weight: 700;
}

.animbox_all {
  z-index: 1;
  color: #fff;
  margin-left: 15px;
  position: absolute;
  overflow: hidden;
  transform: translate(0, -100%);
}

.burger {
  height: 100%;
}

.burger.hide {
  display: none;
}

.navmaster-fixed {
  z-index: 6000;
  width: 100%;
  position: fixed;
}

.megafoldout-loesungen {
  z-index: 20;
  color: #fff;
  width: 100%;
  min-height: 500px;
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  overflow: hidden;
}

.megafoldout-loesungen.maxbreite {
  display: none;
}

.burger-strich_2 {
  background-color: #0f0f0f;
  width: 30px;
  height: 2px;
  position: absolute;
  inset: 0%;
}

.navpunkt-inner-flex {
  z-index: 2000;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.navpunkt-inner-flex:hover {
  color: var(--petrol2);
}

.burgerrest-abdeckung {
  background-color: #00000080;
  height: 100vh;
}

.trenner {
  background-color: var(--black-1);
  width: 100%;
  height: 1px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.trenner.ohne-abstand {
  margin-top: 0;
  margin-bottom: 0;
}

.nav {
  z-index: 20;
  background-color: #0000;
  width: 100%;
}

.burger-subfoldout {
  width: 100%;
  padding-top: 10px;
  display: none;
}

.logo_img_imsticky {
  z-index: 1;
  width: 50px;
  height: 50px;
  margin-top: 10px;
  margin-bottom: 20px;
  display: none;
  position: relative;
}

.burger-navpunkt-icon {
  background-image: url("./64ac00935216eb5710de6c2b_icon_weiss_pfeil-rechts.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  margin-left: 5px;
  margin-right: 10px;
  display: flex;
}

.burger-strich_1 {
  background-color: #0f0f0f;
  width: 30px;
  height: 2px;
  position: absolute;
  inset: 0%;
  transform: translate(0, -10px);
}

.subavpunkt-im-burger {
  color: var(--coldgray3);
  letter-spacing: .2px;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.logo_img {
  perspective-origin: 0 0;
  transform-origin: 0 0;
  width: 64px;
  min-width: 64px;
  height: 63px;
  min-height: 63px;
  margin-top: 30px;
  margin-bottom: 27px;
  display: inline-block;
  position: relative;
}

.logo_img.sml {
  width: 55px;
  min-width: 53px;
  height: 54px;
  min-height: 53px;
  margin-right: 10px;
}

.logo-container {
  justify-content: flex-start;
  align-items: center;
  width: 120px;
  display: block;
  position: static;
}

.brotkruemel {
  color: #0f0f0f;
  padding: 10px 10px 12px;
  text-decoration: none;
  display: inline-block;
}

.brotkruemel:hover {
  color: var(--datev-petrol);
}

.brotkruemel.inaktiv {
  font-family: Segoe Semibold;
}

.brotkruemel.inaktiv:hover {
  color: #0f0f0f;
}

.brotkruemel.first-nav {
  padding-left: 0;
}

.navtypo2 {
  font-size: 18px;
}

.top-trigger {
  z-index: 6005;
  flex-wrap: wrap;
  place-content: space-between center;
  align-items: center;
  width: 40px;
  display: flex;
  position: relative;
}

.dreieck-mega {
  background-color: var(--coldgray8);
  width: 12px;
  height: 12px;
  margin-left: -8px;
  display: none;
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: rotate(45deg);
}

.brotkrumen {
  z-index: 19;
  background-color: #f8f8f8;
  display: flex;
  position: relative;
}

.brotkrumen.contentbreite.content5vw {
  align-items: flex-start;
}

.brotkrumen.contentbreite.content5vw.leuchtturm, .brotkrumen.contentbreite.content3vw.leuchtturm {
  background-color: var(--black-0);
}

.brotkrumen.contentbreite.content3vw.leuchtturm.hide {
  display: none;
}

.navflex2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .35fr 1fr .25fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: grid;
}

.burger-button-container {
  z-index: 1002;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  display: none;
}

.burger-button-container.hide {
  display: none;
}

.navpunkt {
  z-index: 5500;
  border-bottom: 5px solid var(--white);
  color: var(--black);
  letter-spacing: .2px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  height: 120px;
  text-decoration: none;
  position: relative;
}

.navpunkt:hover {
  color: var(--petrol2);
}

.navpunkt.w--current {
  border-bottom: 5px solid var(--dunkelgruen6);
  color: var(--petrol2);
}

.navpunkt.inaktiv {
  display: none;
}

.navpunkt.header-bereich {
  height: 120px;
}

.navpunkt.hide {
  display: none;
}

.nav-level1-container {
  display: flex;
}

.sticky-schattenbox-weiss {
  opacity: 0;
  width: 100%;
  max-width: 120rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.sticky-schattenbox-weiss.inaktiv {
  display: block;
}

.burgernav {
  z-index: 19;
  justify-content: flex-end;
  width: 100%;
  padding-bottom: 50px;
  display: block;
  position: absolute;
  inset: 0%;
}

.metanav-container {
  flex: none;
  justify-content: flex-end;
  display: flex;
}

.burger-navpunkt-icon-plus {
  background-image: url("./64ac00935216eb5710de6bf6_icon_weiss_plus.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  margin-right: 10px;
  display: flex;
}

.burger-inhalt {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 50px;
}

.dreieck-mega_biz {
  background-color: #f8f8f8;
  width: 12px;
  height: 12px;
  margin-left: -8px;
  display: none;
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: rotate(45deg);
}

.mega-flex {
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.mega-flex.spacebetween {
  flex-wrap: wrap;
  justify-content: space-between;
}

.mega-flex.spacebetween.abstand-unten-40 {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mega-flex.zielgruppen-mega {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: auto;
}

.blaugrau {
  color: #fff;
  background-color: #4b5059;
}

.burgerpunkte-flex {
  flex-direction: column;
  display: flex;
}

.sticky2-trigger {
  width: 100%;
  position: absolute;
}

.aufholder-opacity0 {
  opacity: 0;
}

.aufhalter {
  position: relative;
}

.icon14 {
  width: 14px;
  height: 14px;
}

.headerweiss {
  position: static;
}

.meta-icon-img {
  width: 32px;
}

.meta-icon-img.insuche {
  width: 25px;
  height: 25px;
}

.metapunkt-inner-flex {
  z-index: 6005;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sectionpadding {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.ueberschriftgroesse1 {
  margin-bottom: 10px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 38px;
  line-height: 44px;
}

.ueberschriftgroesse1.ohne-abstand {
  margin-bottom: 0;
}

.ueberschriftgroesse2 {
  margin-bottom: 10px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 32px;
  line-height: 36px;
}

.ueberschriftgroesse2.ohne-abstand {
  margin-bottom: 0;
}

.weiss {
  background-color: #fff;
}

.mit-schatten {
  box-shadow: 2px 2px 20px #0000001a;
}

.typoklein {
  color: #0f0f0f;
  font-size: 12px;
  line-height: 18px;
}

.typoklein.petrol.right {
  text-align: right;
}

.ueberschriftgroesse3 {
  margin-bottom: 5px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.ueberschriftgroesse3.ohne-abstand, .ueberschriftgroesse3.typo_white.imflex {
  margin-bottom: 0;
}

.ueberschriftgroesse3.typo_petrol {
  color: var(--datev-petrol);
}

.ueberschriftgroesse3.abstand-unten-25.coldgray {
  color: var(--coldgray4);
}

.ueberschriftgroesse4 {
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 26px;
}

.typogross {
  color: var(--black);
  font-size: 20px;
  line-height: 26px;
}

.typogross.abstand-unten-5 {
  line-height: 30px;
}

.typogross.typo_petrol {
  color: var(--petrol2);
}

.brotkrumen-platzhalter {
  z-index: 1;
  opacity: 0;
  width: 1px;
  display: flex;
  position: relative;
}

.linkspalte-flex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.linkspalte-flex.hide {
  display: none;
}

.pfeillink-dunkel {
  color: #0f0f0f;
  margin-bottom: 5px;
  margin-left: -10px;
  padding: 2px 7px 2px 10px;
  font-size: 20px;
  line-height: 26px;
  text-decoration: none;
}

.pfeillink-dunkel:hover {
  background-color: #0000000d;
}

.button-primaer {
  z-index: 2;
  background-color: var(--datev-green);
  color: #fff;
  text-align: center;
  letter-spacing: .3px;
  border-radius: 4px;
  flex: 1;
  padding: 7px 15px 10px;
  font-family: Segoe UI;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
  position: sticky;
  box-shadow: 1px 1px 3px #0003;
}

.button-primaer:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
  box-shadow: 0 4px 15px #00000040;
}

.button-primaer:active {
  background-image: linear-gradient(#0000001a, #0000001a);
  transform: translate(2px, 2px);
}

.button-primaer.fullsize {
  width: 100%;
  display: block;
}

.inhalt {
  background-color: #0000;
}

.zielgruppen-button-flex {
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.zielgruppen-button-flex.content5vw.half {
  flex-wrap: nowrap;
  width: 100%;
}

.geteilter-content-flex {
  background-color: #fff;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.anchor {
  opacity: 0;
  color: #ee8100;
  border: 1px solid #ff8a00;
  margin-top: -170px;
  margin-left: -300px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11px;
  position: absolute;
}

.pfeillink-hell {
  color: #fff;
  align-items: stretch;
  margin-bottom: 10px;
  padding-bottom: 2px;
  line-height: 24px;
  text-decoration: none;
}

.pfeillink-hell:hover {
  text-decoration: underline;
}

.pfeillink-hell.ueberschriftgroesse4 {
  justify-content: space-between;
  padding-right: 10px;
  display: flex;
}

.zielgruppenauswahl {
  background-color: #fff;
  position: relative;
}

.zielgruppen-foldout-flex {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 25px;
  display: flex;
  position: relative;
}

.zielgruppen-foldout-flex.maxbreite.zielgruppen-coldgray8 {
  z-index: 100;
  background-color: var(--coldgray8);
  color: var(--white);
}

.introblock {
  text-align: center;
}

.lasche-offen {
  z-index: 3000;
  width: 100%;
  display: block;
  position: absolute;
}

.rundungs-container {
  background-color: #4b5059;
  width: 10px;
  position: relative;
}

.rundungs-container.zielgruppenfarbe1 {
  width: 10px;
  position: relative;
}

.rundung-links {
  background-color: #fff;
  border-top-right-radius: 6px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.zielgruppenfarbe1 {
  color: #fff;
  background-color: #4b5059;
}

.rundung-rechts {
  background-color: #fff;
  border-top-left-radius: 6px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.rundungs-text {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  min-width: 100px;
  min-height: 6px;
  padding: 5px 15px 7px;
}

.zg-button-label_0 {
  display: block;
}

.zg-button-label_0.typoklein {
  color: var(--white);
  letter-spacing: .03em;
  font-size: 13px;
}

.logo-absolut {
  z-index: 1000;
  width: 100%;
  display: none;
  position: fixed;
}

.logo-img-whitespace {
  background-color: #fff;
  border-radius: 4px;
  width: 88px;
  height: 86px;
  margin-top: 18px;
  margin-left: -12px;
  display: inline-block;
  position: absolute;
}

.logo-img-imsticky-whitespace {
  background-color: #fff;
  border-radius: 4px;
  width: 54px;
  height: 54px;
  margin-top: 3px;
  margin-left: -7px;
  display: none;
  position: absolute;
}

.zielgruppen-schliessen-button {
  z-index: 1;
  float: right;
  position: absolute;
  right: 3vw;
}

.zielgruppen-schliessen-button:hover {
  opacity: .7;
}

.schliessen-button-img {
  width: 25px;
  height: 25px;
  transform: rotate(45deg);
}

.light-petrol {
  background-color: #d0e7e7;
}

.rundbildteaser-img {
  border-radius: 50%;
  width: 40%;
  height: 40%;
}

.rundbildteaser-img.klein {
  width: 270px;
  height: 270px;
  margin-top: 30px;
}

.play-button-absolut {
  z-index: 1;
  position: absolute;
}

.testimonial-flex {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.testimonial-text-container {
  border-left: 1px solid #ceccca;
  width: 80%;
  padding-left: 20px;
}

.testimonial-text {
  margin-bottom: 20px;
  font-family: Compatil datev Regular Italic, Georgia, sans-serif;
}

.linkbox-flex {
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 15px;
  font-size: 18px;
  line-height: 26px;
  display: flex;
  position: relative;
}

.linkbox-flex:hover {
  border-bottom-color: #0f0f0f;
}

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

.abstand-unten-25 {
  margin-bottom: 25px;
}

.abstand-rechts-5 {
  margin-right: 5px;
}

.zusatzprodukte {
  position: relative;
}

.abstand-unten-50 {
  margin-bottom: 50px;
}

.button-sekundaer {
  z-index: 21;
  color: #333;
  text-align: center;
  letter-spacing: .3px;
  background-color: #0000;
  border: 2px solid #00000040;
  border-radius: 4px;
  padding: 5px 12px 8px;
  font-family: Segoe UI;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-sekundaer:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
  box-shadow: 0 4px 15px #00000040;
}

.button-sekundaer:active {
  background-image: linear-gradient(#0000001a, #0000001a);
  transform: translate(2px, 2px);
}

.button-sekundaer.full-size {
  text-align: center;
  width: 100%;
}

.button-primaer_invers {
  z-index: 2;
  color: var(--petrol2);
  letter-spacing: .3px;
  background-color: #fff;
  border-radius: 4px;
  padding: 7px 12px 10px;
  font-family: Segoe UI;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  box-shadow: 1px 1px 3px #0003;
}

.button-primaer_invers:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
  box-shadow: 0 4px 15px #00000040;
}

.button-primaer_invers:active {
  background-image: linear-gradient(#0000001a, #0000001a);
  transform: translate(2px, 2px);
}

.abstand-unten-5 {
  margin-bottom: 5px;
}

.zentriert {
  text-align: center;
}

.abstand-rechts-10 {
  margin-right: 10px;
}

.typo-compatil {
  font-family: Compatil datev Regular, Georgia, sans-serif;
}

.white {
  color: #fff;
}

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

.typo_white {
  color: #fff;
}

.typo_white.block {
  display: inline-block;
}

.last {
  margin-right: 0;
}

.abstand-unten-15 {
  margin-bottom: 15px;
}

.zwischenheader_container {
  text-align: center;
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d7e2e2;
  justify-content: center;
  align-items: flex-end;
  margin: 30px auto 40px;
  display: flex;
}

.zwischenheader_container.no-topmargin {
  width: 100%;
}

.zwischenheader_container.justify-left {
  justify-content: flex-start;
  margin-left: 0;
  margin-right: 0;
}

.petrol {
  color: var(--datev-petrol);
}

.text_maxwidth {
  max-width: 900px;
}

.text_maxwidth.boxpadding.fuerellen {
  padding-top: 0;
  padding-bottom: 0;
}

.text_maxwidth.boxpadding.fuerellen2 {
  background-color: #fff;
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 30px;
  box-shadow: 1px 1px 20px #0000001a;
}

.mega-loesungen {
  height: 100%;
  display: flex;
  transform: translate(0, -20px);
}

.mega-loesungen.content3vw.sectionpadding.maxbreite.leuchtturm, .mega-loesungen.content3vw.sectionpadding.maxbreite.coldgray8 {
  background-color: var(--coldgray8);
}

.mega-zielgruppen {
  z-index: 1;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  transform: translate(0, -20px);
}

.zielgruppen-button-label {
  display: block;
}

.zielgruppen-button-label.typoklein-white {
  font-size: 13px;
}

.button-sekundaer_invers {
  z-index: 2;
  color: #fff;
  letter-spacing: .3px;
  border: 2px solid #fff;
  border-radius: 4px;
  padding: 5px 12px 8px;
  font-family: Segoe UI;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-sekundaer_invers:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
  box-shadow: 0 4px 15px #00000040;
}

.button-sekundaer_invers:active {
  background-image: linear-gradient(#0000001a, #0000001a);
  transform: translate(2px, 2px);
}

.button-sekundaer_invers.infooter {
  margin-bottom: 5px;
  margin-left: 20px;
}

.abstand-rechts-15 {
  background-color: #0000;
  margin-right: 15px;
  transform: translate(0);
}

.abstand-rechts-15.ohne {
  margin-bottom: 0;
}

.claim {
  color: #0f0f0f;
  text-align: center;
  margin-top: -15px;
  margin-left: -15px;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  position: absolute;
}

.zg-lasche_1 {
  z-index: 100;
  background-color: var(--coldgray8);
  color: #fff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  min-height: 6px;
  padding: 5px 15px 7px;
  text-decoration: none;
  position: relative;
}

.zg-lasche_1:hover {
  text-decoration: underline;
}

.lasche-zu {
  z-index: 100;
  width: 100%;
  display: block;
  position: absolute;
}

.berufsgruppen.hide {
  display: none;
}

.zielgruppenauswahl_unterseite {
  background-color: #fff;
  display: none;
  position: relative;
}

.zielgruppenauswahl_unterseite.maxbreite {
  z-index: 1003;
}

.lasche-offen_unterseite {
  z-index: 100;
  width: 100%;
  display: none;
  position: absolute;
}

.lasche-zu_unterseite {
  z-index: 100;
  width: 100%;
  display: block;
  position: absolute;
}

.aufhalter_berufsgruppe_unterseit {
  opacity: 0;
  display: block;
}

.zg-button-label_1 {
  display: none;
}

.linie-links {
  border-left: 1px solid #ceccca;
}

.weisser-vorfooter {
  background-color: #fff;
  height: 5vw;
}

.pfeil-rechte-seite {
  background-image: url("./64ac00935216eb5710de6bcb_icon_0f0f0f_pfeil-rechts.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-right: 19px;
}

.nav-button-bild-toggler {
  opacity: 0;
  width: 20px;
  height: 50px;
}

.nav-button-bild-toggler.unterseite {
  height: 10px;
}

.logo-switch-trigger {
  height: 0;
  position: relative;
}

.metasuche {
  background-color: var(--coldgray1);
  border-radius: 4px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 214px;
  height: 36px;
  padding-left: 10px;
  padding-right: 5px;
  display: flex;
  position: static;
}

.suche-label {
  padding-bottom: 2px;
}

.suche-label:hover {
  color: var(--petrol2);
}

.flex {
  flex-wrap: wrap;
  place-content: flex-start space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.flex.top {
  align-items: stretch;
}

.phone {
  align-items: center;
  display: flex;
}

.phone:hover {
  color: var(--datev-petrol);
  text-decoration: underline;
}

.phone:active {
  text-decoration: underline;
}

.phone.abstand-unten-15 {
  cursor: pointer;
}

.phone.abstand-unten-15:hover {
  opacity: .7;
}

.phone.abstand-unten-15:active {
  opacity: .5;
  transform: translate(1px, 1px);
}

.telefonicon {
  width: 40px;
  margin-left: -5px;
  margin-right: 9px;
}

.button-absolut {
  z-index: 20;
  background-image: none;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  overflow: hidden;
}

.button-absolut:hover {
  background-image: radial-gradient(circle, #0000, #0000);
}

.abstand-unten-40 {
  margin-bottom: 40px;
}

.teaser-section_ellen {
  padding: 20px 3vw 0;
}

.teaser-section_ellen.last {
  padding-bottom: 80px;
}

.teaser_ellen {
  border-bottom: 1px solid #ceccca;
  justify-content: center;
  align-items: flex-start;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  display: flex;
}

.teaser_ellen.last {
  border-bottom-width: 0;
  padding-bottom: 80px;
}

.footer1, .footer2 {
  display: none;
}

.footer3 {
  display: block;
}

.footer3.content3vw {
  display: none;
}

.footer-kontakt {
  background-color: var(--datev-petrol);
}

.footer-kontakt.content3vw {
  background-color: var(--datev-petrol);
  color: #fff;
  height: 120px;
}

.footer-kontakt-flex {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.icon-telefon-weiss_60 {
  width: 60px;
  margin-left: 10px;
  margin-right: 10px;
}

.ellens-content_1 {
  background-color: #fff;
}

.ellens-content_2 {
  background-color: #0000;
}

.ellens-content_2.maxbreite {
  display: none;
}

.teaser-section_ellen2 {
  padding: 30px 3vw;
}

.teaser-section_ellen2.last {
  padding-bottom: 80px;
}

.teaser_ellen2 {
  justify-content: center;
  align-items: flex-start;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.spacer50 {
  width: 50px;
  height: 50px;
}

.footer-link {
  color: #333;
  margin-right: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
}

.footer-link:hover {
  text-decoration: underline;
}

.footer-link.amende {
  margin-right: 0;
}

.footer-flex {
  border-top: 1px solid #ceccca;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 50px;
  margin-bottom: 35px;
  padding-top: 40px;
  display: flex;
}

.footer-flex.middle {
  border-top-width: 0;
  padding-bottom: 40px;
}

.footer-flex.middle.content3-125rem {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}

.footer-flex.middle.content3vw.section-padding-unten {
  padding-bottom: 40px;
}

.footer-flex.bottom_last {
  border-top-width: 0;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 25px;
}

.footer-flex.bottom_last.content3-125rem {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}

.footer-flex.bottom_last.content3vw {
  justify-content: space-between;
}

.footer-left {
  padding-top: 5px;
  padding-bottom: 5px;
}

.social-media-button-footer {
  border-radius: 4px;
  width: 32px;
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
  overflow: hidden;
}

.social-media-button-footer:hover {
  opacity: .75;
}

.footer-link-box {
  flex-direction: column;
  align-items: flex-start;
  max-width: 250px;
  padding-right: 25px;
  display: flex;
}

.footer-link-box.last-linkbox {
  padding-right: 0;
}

.footer-listen-link {
  margin-bottom: 10px;
  font-family: Noto Sans Display, sans-serif;
  display: block;
}

.footer-listen-link.headcrossline {
  margin-bottom: 15px;
  font-family: Noto Sans Display, sans-serif;
  font-weight: 600;
}

.footer-listen-link.headcrossline:hover {
  text-decoration: none;
}

.footer-icon-gross {
  width: 75px;
  margin-bottom: 10px;
}

.footer-icon-box-gross {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 20%;
  margin-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.aufhalter_berufsgruppe {
  opacity: 0;
  display: block;
}

.btn_txt_black1 {
  color: var(--black);
  text-align: center;
  letter-spacing: .03em;
  text-shadow: none;
  flex: 0 auto;
  font-size: 16px;
  line-height: 22px;
  display: block;
}

.btn_txt_black1.invers {
  color: #0f0f0f;
  font-size: 16px;
}

.zielgruppen-section {
  background-color: #0000;
  width: 100%;
  position: relative;
}

.zielgruppen-section.section-padding-home1 {
  margin-bottom: 35px;
}

.angeschnitten {
  width: 100%;
  height: 100%;
  position: absolute;
}

.angeschnitten.public-sector {
  background-image: url("./64ac00935216eb5710de6ed3_teaser_ps_bg.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.angeschnitten.unternehmer {
  background-image: url("./64ac00935216eb5710de6e98_teaser_un_bg.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.angeschnitten.bildungspartner, .angeschnitten.rechtsanwaelte {
  background-image: url("./64ac00935216eb5710de6eb8_teaser_wp_bg.jpeg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.angeschnitten.wirtschaftspruefer {
  background-image: url("./64ac00935216eb5710de6ea5_hg2.jpeg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.angeschnitten.steuerberater {
  background-image: url("./64ac00935216eb5710de6ea2_teaser_stb_bg.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.news-section {
  background-color: #0000;
  max-width: 1600px;
  position: static;
}

.h2 {
  color: #039a9a;
}

.h2.black {
  color: var(--black);
}

.h2.typo-datevblack {
  color: #0f0f0f;
}

.h2.typo_white {
  color: var(--white);
}

.zielgruppenkachel_textblock-2 {
  z-index: 2;
  margin-bottom: 10px;
  padding-top: 30px;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}

.zielgruppen-kachel_home {
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 16.6667%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.zielgruppen-kachel_home.last {
  border-right: 0 solid #000;
}

.spotifiy-effekt {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 250px;
  display: flex;
  position: relative;
}

.kachel-flex {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.vorteil-section {
  position: relative;
}

.vorteil-section.section-padding-home1 {
  padding-top: 35px;
}

.h3 {
  color: #fff;
  text-align: left;
  flex: 0 auto;
  margin-top: 5px;
  margin-bottom: 10px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.h3.black {
  color: var(--black);
}

.h3.datev-black {
  color: #0f0f0f;
}

.h3.petrol-alt {
  color: var(--datev-petrol);
  font-size: 18px;
}

.freigestellt {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.freigestellt.public-sector {
  background-image: url("./64ac00935216eb5710de6eda_teaser_ps_freisteller.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.freigestellt.unternehmer {
  background-image: url("./64ac00935216eb5710de6f53_teaser_un_freisteller.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.freigestellt.rechtsanwaelte {
  background-image: url("./64ac00935216eb5710de6f19_teaser_ra_freisteller.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.freigestellt.steuerberater {
  background-image: url("./64ac00935216eb5710de6f1e_teaser_stb_freisteller.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.freigestellt.wirtschaftspruefer {
  background-image: url("./64ac00935216eb5710de6f38_teaser_wp_freisteller.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.freigestellt.bildungspartner {
  background-image: url("./64ac00935216eb5710de6ed5_teaser_bp_freisteller.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 26vh;
  min-height: 200px;
}

.button-sml {
  color: #fff;
  background-color: #90d033;
  border-radius: 3px;
  padding: 10px 15px 12px;
  font-size: 16px;
  display: inline-block;
}

.button-sml:hover {
  background-color: #5eb226;
}

.button-sml:active {
  background-color: #86cfcf;
}

.boxpadding_25 {
  width: 100%;
  height: 100%;
  padding: 20px 25px 35px;
  position: relative;
}

.boxpadding_25.no-padding-right {
  padding-bottom: 20px;
  padding-right: 0;
}

.abstand-unten-70 {
  margin-bottom: 70px;
}

.center {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: block;
  position: relative;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.sectionpadding_unten {
  padding-bottom: 4vh;
}

._3er-kachel {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 32%;
  margin-bottom: 2%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000001a;
}

._3er-kachel:hover {
  background-color: var(--coldgray2);
}

.button-sectioncontainer {
  text-align: center;
}

.button-sectioncontainer.abstand-unten-25 {
  text-align: left;
}

.txt-kachel-flex {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.txt-kachel-flex.boxpadding_25 {
  letter-spacing: .02em;
  justify-content: flex-start;
  align-self: center;
}

.video-zweier-flex {
  justify-content: space-between;
  display: flex;
}

.video-teaserbox-halb {
  z-index: 1;
  border-radius: 10px;
  align-self: stretch;
  width: 48%;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 10px #00000026;
}

.video-teaserbox-halb:hover {
  box-shadow: 1px 1px 15px #0003;
}

.video_thumb_mit-play {
  background-color: var(--black);
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.video_thumb_mit-play.hide {
  background-color: var(--white);
  display: none;
}

.video_thumb_img {
  z-index: 10;
  opacity: 1;
  width: 100%;
  position: relative;
}

.abstand-unten-20 {
  margin-bottom: 20px;
}

.dachzeile {
  letter-spacing: .02em;
  text-transform: none;
  margin-bottom: 10px;
  font-size: .9375rem;
  line-height: 1.5;
}

.dachzeile.placeholder {
  height: 24px;
}

.dachzeile.center {
  text-align: center;
  height: auto;
}

.dachzeile.center.placeholder {
  opacity: 0;
}

.dachzeile.center.placeholder.ohne {
  margin-bottom: 0;
}

.dachzeile.marktplatz {
  color: gray;
  font-family: Segoe UI;
}

.hero-inhalt_flex {
  margin-bottom: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.claim-flaeche {
  background-color: var(--white);
  height: 35px;
}

.claim-flaeche.opa0 {
  opacity: 0;
}

.hero-4er-teaser_flex_1 {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 52%;
  display: flex;
}

.hero4er-teaser {
  background-color: var(--white);
  border-radius: 10px;
  width: 49%;
  max-width: 400px;
  margin-bottom: 2%;
  overflow: hidden;
}

.hero4er-teaser:hover {
  background-color: #d0e7e7;
}

.hero4er-content {
  flex-direction: column;
  padding: 25px;
  display: flex;
}

.hero-substart_textblock_1 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 48%;
  padding-top: 10vw;
  display: flex;
}

.abstand_oben5 {
  margin-top: 5px;
}

.hero4er_textblock {
  flex: 1;
}

.hero-typo1 {
  background-color: var(--datevhellgruen9);
  color: var(--black);
  border-radius: 4px;
  margin-bottom: 5px;
  padding: 15px 20px;
  display: inline-block;
}

.hero-typo1.petrol1 {
  background-color: var(--petrol1-2);
  color: var(--white);
}

.hero-typo1.hellgruen6 {
  background-color: var(--hellgruen6);
  color: var(--black);
}

.hero-typo1.invers {
  background-color: var(--white);
  color: var(--petrol2);
}

.hero-typo1.invers2 {
  background-color: var(--white);
  color: var(--green6);
}

.hero-typo2 {
  background-color: var(--white);
  border-radius: 4px;
  margin-bottom: 5px;
  padding: 7px 20px 10px;
  display: inline-block;
}

.content-flex-horizontal {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.anker-text {
  text-align: center;
  flex: 1;
  width: 100%;
  font-family: Segoe UI;
  font-size: 14px;
  line-height: 18px;
}

.textlink {
  color: #0f0f0f;
  cursor: pointer;
  font-family: Segoe Semibold;
}

.textlink:hover {
  opacity: .6;
  text-decoration: underline;
}

.textlink:active {
  opacity: .4;
  transform: translate(1px, 1px);
}

.textlink-mit-pfeil {
  background-image: url("./64c0c900fab01d2aed381024_icon_000000_pfeil-rechts.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 15px;
  flex: none;
  margin-top: 10px;
  padding-right: 15px;
  font-family: Segoe Semibold;
  text-decoration: underline;
  display: inline-block;
}

.textlink-mit-pfeil.invers {
  background-image: url("./64ac00935216eb5710de6c2b_icon_weiss_pfeil-rechts.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 13px;
}

.textlink-mit-pfeil.small {
  font-size: 14px;
  line-height: 21px;
}

.textlink-mit-pfeil_imhero {
  background-image: url("./64ac00935216eb5710de6bcb_icon_0f0f0f_pfeil-rechts.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 13px;
  padding-right: 15px;
  display: inline-block;
}

.foldout_stb {
  display: block;
}

.foldout_un, .zg-button-label_4 {
  display: none;
}

.padding-rechts_25 {
  padding-right: 25px;
}

.temp-foldouts {
  background-color: #4b5059;
  margin-bottom: 25px;
}

.gelbauszeichnung {
  color: var(--black);
  background-color: #ffec5a;
}

.video-box-volle-breite {
  justify-content: center;
  align-items: center;
  display: flex;
}

.video-overlay {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
}

.kachel-teaser {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.kachel-teaser.mit-schatten.bg_petrol1 {
  background-color: var(--petrol1-2);
  color: var(--white);
  font-size: 18px;
  line-height: 26px;
  display: none;
}

.kachel-teaser.mit-schatten.bg_petrol2 {
  background-color: var(--petrol2);
  color: var(--white);
  font-size: 16px;
  line-height: 24px;
  display: none;
}

.kachel-teaser.mit-schatten.bg_dunkelgruen6 {
  background-color: var(--dunkelgruen6);
  display: block;
}

.kachel-teaser.mit-schatten.bg_dunkelgruen8 {
  background-color: var(--dunkelgruen8);
}

.kachel-teaser.mit-schatten.bg_dunkelgruen6-copy {
  background-color: var(--dunkelgruen6);
  display: block;
}

.kachel-teaser.mit-schatten.bg-white._100 {
  width: 100%;
  max-width: 900px;
}

.kachel-teaser-textbox_horz {
  z-index: 1;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.kachel-inner-flex_halb {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 50%;
  padding-top: 10%;
  padding-bottom: 10%;
  display: flex;
}

.kachel-inner-flex_halb.content3vw {
  text-align: center;
}

.kachel-inner-flex_halb.content3vw.dunkelgruen6 {
  background-color: var(--dunkelgruen6);
}

.kachel-inner-flex_halb.content3vw.dunkelgruen6:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
}

.kachel-inner-flex_halb.content3vw.dunkelgruen8 {
  background-color: var(--dunkelgruen8);
}

.kachel-inner-flex_halb.content3vw.hellgruen5 {
  background-color: var(--hellgruen5);
}

.kachel-inner-flex_halb.content3vw.hellgruen9 {
  background-color: var(--datevhellgruen9);
}

.kachel-inner-flex_halb.content3vw.hellgruen9:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
}

.kachel-inner-flex_halb.content3vw.hellgruen7 {
  background-color: var(--datev-gruen7);
}

.kachel-inner-flex_halb.content3vw.azur3 {
  background-color: var(--azur3);
}

.kachel-inner-flex_halb.content3vw.azur3:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
}

.kachel-inner-flex_halb.content3vw.hellgruen6 {
  background-color: var(--hellgruen6);
}

.kachel-inner-flex_halb.content3vw.hellgruen6:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
}

.kachel-inner-flex_halb.content3vw.amber2 {
  background-color: var(--amber2);
}

.kachel-inner-flex_halb.content3vw.dunkelgruen5 {
  background-color: var(--dunkelgruen5);
}

.datev-fakt {
  color: var(--black);
  max-width: 200px;
  margin-bottom: 20px;
}

.text-span {
  white-space: nowrap;
}

.newsteaser_old {
  background-color: #fce9e3;
  border-radius: 10px;
  display: none;
  overflow: hidden;
}

.newsteaser_old.mit-schatten {
  border-radius: 10px;
}

.news-flex-child_links {
  background-color: #fce9e3;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0;
  display: flex;
}

.news-flex-child_rechts {
  background-color: var(--white);
  height: 100%;
  padding-top: 50px;
}

.news-main {
  color: var(--white);
  background-color: #ea433bcc;
  padding-top: 50px;
  padding-bottom: 50px;
}

.typo_datum {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
}

.typo_boxed {
  background-color: #0000000d;
  border-radius: 5px;
  margin-right: 15px;
  padding: 3px 10px 4px;
  display: inline-block;
}

.typo_boxed.invers {
  background-color: #fff3;
}

.typo-meta {
  text-transform: uppercase;
  display: inline-block;
}

.typo_meta {
  text-transform: uppercase;
}

.logo-magazin-container {
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  display: flex;
  position: absolute;
}

.logo_img_fuer-mag {
  width: 64px;
  min-width: 64px;
  height: 63px;
  min-height: 63px;
  margin-top: 30px;
  margin-bottom: 27px;
  display: inline-block;
  position: relative;
}

.magazin_img {
  width: 200px;
  margin-left: 20px;
}

.magazin-motiv_img {
  max-height: 500px;
  margin-left: auto;
  margin-right: auto;
}

.news-sr-box {
  background-color: var(--white);
}

.typo-datum {
  font-family: Segoe UI Italic;
  display: inline-block;
}

.news-sr-zeile {
  border-bottom: 1px solid #ceccca;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-bottom: 15px;
}

.news-sr-zeile.last {
  border-bottom-width: 0;
}

.mit-pfeil-rechts {
  background-image: url("./64ac00935216eb5710de6bcb_icon_0f0f0f_pfeil-rechts.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 25px;
  padding-right: 30px;
}

.mit-pfeil-rechts:hover {
  color: var(--datev-petrol);
}

.sr-headline-box {
  border-bottom: 1px solid #ceccca;
  margin-bottom: 25px;
}

.weisser-hintergrund {
  background-color: var(--white);
  margin-top: 0;
  margin-bottom: -1px;
  display: inline-block;
}

.praesentationsnav {
  display: none;
}

.bullet-list-element {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  padding-left: 4px;
  display: flex;
}

.bullet-list-element.last {
  margin-bottom: 0;
}

.mit-hinweis-flex {
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  max-width: 300px;
  padding-top: 7px;
  display: flex;
}

.abstand_oben15 {
  margin-top: 15px;
}

.fifty-bis-tablet {
  align-self: stretch;
  width: 50%;
}

.fifty-flex-bis-tablet {
  display: flex;
}

.fifty-flex-bis-tablet.goofy {
  overflow: hidden;
}

.experten-flex {
  flex-wrap: wrap;
  display: flex;
}

.hero {
  flex-direction: column;
  display: flex;
  position: relative;
}

.hero_img_container {
  position: relative;
}

.hero_txt_container_desktop {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
}

.hero_txt_container_desktop.left {
  z-index: 20;
  inset: 0% auto 0% 0%;
}

.hero-typo-zeile {
  width: 100%;
}

.pillen_typo {
  color: var(--white);
  background-color: #7ebb25;
  border-radius: 4px;
  margin-bottom: 5px;
  padding: 10px 20px;
  display: inline-block;
}

.hero-txt-flex {
  align-items: center;
  height: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.bild-cover_cont {
  width: 100%;
  height: 100%;
}

.bild-cover_cont.datev-geb {
  object-position: 50% 0%;
  overflow: hidden;
}

.hero_text_container_tablet {
  display: none;
}

.gruene-box {
  background-color: var(--datevhellgruen9);
  color: var(--black);
  padding-top: 25px;
  padding-bottom: 25px;
}

.mobile {
  display: none;
}

.video-section-home {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.video-section-home.hide {
  display: none;
}

.fifty-flex_desktop {
  width: 100%;
  height: 100%;
  display: flex;
}

.fifty_desktop {
  width: 50%;
}

.no-topmargin {
  margin-top: 0;
}

.no-topmargin.headline-groesse-4 {
  letter-spacing: 0;
  font-family: Noto Sans Display, sans-serif;
}

.flex-vertikal {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex;
}

.karriere-inner-content {
  padding-top: 25px;
  padding-bottom: 25px;
}

._100pro-breite {
  width: 100%;
}

.sprechblasen-pfeil {
  z-index: 1;
  width: 20px;
  margin-bottom: -19px;
  margin-right: 70px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.sprechblasen-pfeil.links {
  transform-style: preserve-3d;
  margin-left: 70px;
  margin-right: 0;
  inset: auto auto 0% 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.typo_fliesstext {
  font-size: 16px;
  line-height: 22px;
}

.mobile-txt-right-container {
  flex: 1;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 15px;
}

.cta-invers {
  z-index: 2;
  background-color: var(--white);
  color: var(--black);
  letter-spacing: .3px;
  border: 2px solid #fff;
  border-radius: 4px;
  margin-top: 15px;
  margin-right: 15px;
  padding: 5px 12px 8px;
  font-family: Segoe UI;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.cta-invers:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
  box-shadow: 0 4px 15px #00000040;
}

.cta-invers:active {
  background-image: linear-gradient(#0000001a, #0000001a);
  transform: translate(2px, 2px);
}

.metasuche_mobile {
  justify-content: space-between;
  align-items: center;
  display: none;
}

.laschen_supercontainer.hide, .berufsgruppen_mobil, .cookies {
  display: none;
}

.cookie-hinweis {
  z-index: 2000;
  background-image: linear-gradient(#ebebea00, #ebebeb 85%);
  width: 100%;
  padding-top: 150px;
  padding-bottom: 50px;
  position: fixed;
  inset: auto 0% 0%;
}

.cookietext-container {
  background-color: var(--white);
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 4px 4px 20px #0000001a;
}

.textlink-underlined {
  text-decoration: underline;
}

.textlink-underlined:hover {
  color: var(--petrol2);
}

.cookie-flex {
  display: flex;
}

.cookie-child-right {
  justify-content: space-between;
  align-items: flex-end;
  min-width: 200px;
  display: flex;
}

.cookie-child-left {
  flex: 1;
}

.cookie-button {
  z-index: 2;
  background-color: var(--datev-green);
  color: #fff;
  text-align: center;
  letter-spacing: .3px;
  border-radius: 4px;
  width: 48%;
  padding: 7px 12px 10px;
  font-family: Segoe UI;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  box-shadow: 1px 1px 3px #0003;
}

.cookie-button:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
  box-shadow: 0 4px 15px #00000040;
}

.cookie-button:active {
  background-image: linear-gradient(#0000001a, #0000001a);
  transform: translate(2px, 2px);
}

.nav-x1 {
  display: none;
}

.nav-x2 {
  display: block;
}

.foldout_ps, .zg-button-label_5 {
  display: none;
}

.foldout-flex {
  border-bottom: 1px solid var(--coldgray3);
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.foldout-flex.ohne-linie-bottom {
  border-bottom-width: 0;
}

.foldout-flex.abstand-unten-40 {
  border-bottom-color: var(--black-3);
}

.foldoutbox-text-container {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.foldoutbox-text-container.first {
  padding-top: 0;
}

.foldoutbox-foldout {
  padding-top: 10px;
  padding-left: 23px;
}

.foldoutbox-foldout.ohne {
  padding-left: 0;
}

.foldoutbox-foldout.einzug {
  padding-left: 28px;
}

.foldoutbox-icon {
  width: 18px;
  margin-top: -3px;
  margin-right: 7px;
}

.foldoutbox-icon.sml {
  width: 16px;
  margin-top: 0;
  margin-right: 3px;
}

.checkbox-klein {
  width: 15px;
  height: 15px;
  margin-top: 5px;
}

.footer4 {
  display: block;
}

.portal-flex {
  border-top: 1px solid #ceccca;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 50px;
  margin-bottom: 35px;
  padding-top: 40px;
  display: flex;
}

.portal-flex.ohne-strich {
  border-top-width: 0;
  padding-top: 0;
  display: none;
}

.portal-flex.ohne-strich.single {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.portal-kachel {
  color: var(--white);
  text-align: center;
  border-radius: 10px;
  width: 18.4%;
  font-size: 18px;
  line-height: 26px;
  box-shadow: 1px 1px 10px #0003;
}

.portal-kachel.boxpadding_25.azur7 {
  background-color: #005187;
}

.portal-kachel.boxpadding_25.green7 {
  opacity: 1;
  background-color: #1a5733;
}

.portal-kachel.boxpadding_25.green7:hover {
  background-color: #164226;
}

.portal-kachel.boxpadding_25.berry6 {
  background-color: var(--berry6);
}

.portal-kachel.boxpadding_25.berry6:hover {
  background-color: var(--berry7);
}

.portal-kachel.boxpadding_25.azur7 {
  background-color: var(--azur7-8);
  opacity: 1;
}

.portal-kachel.boxpadding_25.azur7:hover {
  background-color: var(--azur8);
}

.portal-kachel.boxpadding_25.coldgray7 {
  background-color: var(--coldgray7);
}

.portal-kachel.boxpadding_25.coldgray7:hover {
  background-color: var(--coldgray8);
}

.portal-kachel.boxpadding_25.petrol2 {
  background-color: var(--petrol2);
}

.portal-kachel.boxpadding_25.petrol2:hover {
  background-color: #004c4e;
}

.portal-kachel.boxpadding_25.green7 {
  background-color: var(--green7);
}

.portal-kachel.boxpadding_25.green7:hover {
  background-color: var(--green8-9);
  opacity: 1;
}

.portal-kachel.boxpadding_25.red8 {
  background-color: var(--red8);
}

.portal-kachel.boxpadding_25.red8:hover {
  background-color: var(--red9);
}

.portal-kachel.boxpadding_25.berry2 {
  background-color: var(--berry2);
}

.portal-kachel.boxpadding_25.berry2:hover {
  background-color: var(--berrry3);
}

.portal-kachel.boxpadding_25.azur4 {
  background-color: var(--azur4);
  opacity: 1;
}

.portal-kachel.boxpadding_25.azur4:hover {
  background-color: var(--azur5);
}

.portal-kachel.boxpadding_25.amber5 {
  background-color: var(--amber5);
}

.portal-kachel.boxpadding_25.amber5:hover {
  background-color: var(--amber6);
}

.portal-kachel.boxpadding_25.coldgray4 {
  background-color: var(--coldgray4);
}

.portal-kachel.boxpadding_25.coldgray4:hover {
  background-color: var(--coldgray5);
  opacity: 1;
}

.portal-kachel.boxpadding_25.dunkelgruen7 {
  background-color: var(--dunkelgruen7);
}

.portal-kachel.boxpadding_25.dunkelgruen7:hover {
  background-color: var(--dunkelgruen9);
}

.portal-kachel.boxpadding_25.green2 {
  background-color: var(--green2);
}

.portal-kachel.boxpadding_25.green2:hover {
  background-color: var(--green3);
}

.portal-kachel.boxpadding_25.dunkelgruen3 {
  background-color: var(--dunkelgruen3);
}

.portal-kachel.boxpadding_25.dunkelgruen3:hover {
  background-color: var(--dunkelgruen4);
}

.portal-kachel.boxpadding_25.azur3 {
  background-color: var(--azur3);
  opacity: 1;
}

.portal-kachel.boxpadding_25.azur3:hover {
  background-color: var(--azur4);
}

.portal-kachel.boxpadding_25.coldgray2:hover {
  background-color: var(--coldgray3);
}

.portal-kachel.boxpadding_25.amber2 {
  background-color: var(--amber2);
}

.portal-kachel.boxpadding_25.amber2:hover {
  background-color: var(--amber3);
}

.portal-kachel.boxpadding_25.hellgruen5 {
  background-color: var(--hellgruen5);
}

.portal-kachel.boxpadding_25.hellgruen5:hover {
  background-color: var(--hellgruen-7);
}

.portal-kachel.boxpadding_25.green4 {
  background-color: var(--green4-5);
}

.portal-kachel.boxpadding_25.green4:hover {
  background-color: var(--green5-7);
  opacity: 1;
}

.portal-kachel.boxpadding_25.amber4 {
  background-color: var(--amber4);
}

.portal-kachel.boxpadding_25.amber4:hover {
  background-color: var(--amber5);
}

.kachel-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  display: flex;
}

.kachel-content.center {
  align-items: center;
  padding-left: 0;
}

.ico-container {
  width: 100px;
  margin-bottom: 15px;
  padding-top: 15px;
}

.ico-portal {
  opacity: 1;
  width: 100px;
  height: 100px;
}

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

.side-sticky_unten {
  width: 100%;
  position: sticky;
  bottom: 0;
}

.stickykontakt_grau {
  color: var(--white);
  background-color: #4b5059;
  border-radius: 10px;
  margin-bottom: -10px;
  display: none;
  overflow: hidden;
  box-shadow: 0 0 20px #0000001a;
}

.text-block-4 {
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 20px;
}

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

.kont-icon {
  width: 50px;
}

.kont-icon-text_weiss {
  color: var(--white);
  font-size: 12px;
}

.kont-button {
  z-index: 1;
  text-align: center;
  border-radius: 4px;
  padding: 3px 10px 5px;
  position: relative;
}

.kont-button:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
}

.foldout_tel {
  display: none;
}

.stickykontakt_hellgrau {
  background-color: #f8f8f8;
  border-radius: 10px;
  margin-bottom: -10px;
  display: none;
  overflow: hidden;
  box-shadow: 0 0 20px #0000001a;
}

.kont-icon-text_black {
  color: #0f0f0f;
  font-size: 12px;
}

.kont-cta-icon_img {
  width: 35px;
  margin-right: 5px;
}

.stickykontakt_petrol {
  background-color: var(--datev-petrol);
  color: var(--white);
  border-radius: 10px;
  margin-bottom: -10px;
  overflow: hidden;
  box-shadow: 0 0 20px #0000001a;
}

.cta-icon-element_mehr {
  display: none;
}

.plutimikation_in-box {
  color: var(--datev-petrol);
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 4px;
  font-family: Segoe UI Bold;
  font-size: 26px;
  line-height: 26px;
}

.text-fiels-ohne-abstand {
  color: var(--datev-petrol);
  width: 100%;
  max-width: 280px;
  margin-bottom: 0;
  margin-right: 3px;
}

.formblock-ohne-abstand {
  margin-bottom: 0;
}

.preiscallc-box-elemente {
  align-self: flex-start;
}

.preiscalc-hinweis-container {
  border-radius: 10px;
}

.preiscalc-hinweis {
  background-color: var(--datev-petrol);
  color: var(--white);
  padding: 15px 25px;
  display: inline-block;
  position: relative;
  box-shadow: 4px 4px 15px #0003;
}

.preiscalc-hinweis.full {
  box-shadow: none;
  margin-bottom: 20px;
  display: block;
}

.preiscalc-hinweis.full._2 {
  text-align: right;
}

.select-btn {
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.kont-mobile-menue {
  color: var(--white);
  background-color: #4b5059;
  padding: 20px 6vw;
  display: none;
}

.kont-cta-icon_img_mobile {
  width: 35px;
  margin-right: 10px;
}

.mobile-kont-text {
  flex: 1;
}

.kont-mobile-schliessen {
  margin-top: -3px;
  padding: 5px;
}

.foldout_wp, .zg-button-label_2 {
  display: none;
}

.boxpadding_15top {
  padding: 15px 25px 35px;
}

.tab-icon-light {
  cursor: pointer;
  background-color: #e2eeee;
  border: 2px solid #077;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 19px;
  height: 19px;
  display: flex;
}

.body {
  background-color: #e6e6e6;
}

.h2-produkt_petrol {
  color: var(--datev-petrol);
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 28px;
  line-height: 28px;
}

.vorteils-list-item {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.vorteils-list-item.sml {
  text-align: left;
  margin-bottom: 5px;
}

.vorteils-list-item.sml.abstand-unten-25 {
  margin-bottom: 25px;
}

.video-teaserbox_rounded {
  z-index: 1;
  border-radius: 10px;
  width: 100%;
  margin-top: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.video-bu {
  background-color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  height: 120px;
  display: flex;
}

.play-button-absolut_sml {
  z-index: 15;
  opacity: .7;
  width: 15%;
  position: absolute;
}

.linklist-text-container {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 17px;
  display: flex;
  position: relative;
}

.linklist-text-container.fullsize {
  justify-content: space-between;
}

.link-list {
  width: 100%;
  padding-right: 0;
  display: block;
}

.zusatz-produktslider {
  justify-content: space-between;
  display: flex;
}

.produktkachel-4er {
  background-color: var(--white);
  border-radius: 10px;
  width: 23.5%;
  height: auto;
  box-shadow: 3px 0 12px #00000026;
}

.produktkachel-4er:hover {
  opacity: .75;
}

.product-kachel-img {
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.product-kachel-img.sml {
  width: 150px;
}

.slider-pfeil {
  opacity: .5;
  width: 50px;
  transform: rotate(180deg);
}

.slider-pfeil.left {
  transform: none;
}

.typo-18 {
  color: #0f0f0f;
  text-align: left;
  flex: 0 auto;
  font-size: 18px;
  line-height: 26px;
}

.typo-18.typo_white {
  color: var(--white);
}

.plutimikation_in-box2 {
  color: var(--datev-petrol);
  text-align: center;
  margin-right: 15px;
  padding-top: 4px;
  font-family: Segoe UI Bold;
  font-size: 26px;
  line-height: 26px;
}

.sternchen-txt {
  color: #0f0f0f;
  text-align: left;
  padding-top: 2px;
  font-family: Segoe UI;
  font-size: 14px;
  line-height: 20px;
}

.vorteils-icon2 {
  opacity: 1;
  flex: none;
  width: 24px;
  margin-right: 7px;
}

.produktkachel-fix {
  cursor: pointer;
  border-radius: 10px;
  width: 23.5%;
  box-shadow: 0 0 10px #0000001a;
}

.produktkachel-fix:hover {
  box-shadow: 1px 1px 10px #0003;
}

.dummy-hl {
  z-index: 200;
  opacity: .3;
  color: #ff0202;
  font-size: 120px;
  line-height: 130px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 4%;
  transform: rotate(-26deg);
}

.produkt_imfixed_flex2 {
  flex: 1;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.product_subline_petrol {
  color: var(--datev-petrol);
  font-family: Segoe UI Bold;
}

.slide {
  object-fit: scale-down;
  overflow: hidden;
}

.ico-haken-big {
  margin-top: 0;
}

.ico-haken-big.alpha60 {
  opacity: .6;
}

.slider-mobil-container {
  align-items: flex-start;
  display: none;
}

.scroll-container_slider {
  background-image: url("./64ac00935216eb5710de6f42_verlauf-tabellenende.png");
  background-position: 100%;
  background-repeat: repeat-y;
  background-size: 8px;
  flex: 1;
  width: 80%;
  overflow: auto;
}

.slider_scrollbreite_slider {
  width: 1000px;
  position: relative;
}

.imfixed_flex_sm {
  background-color: var(--datev-petrol);
  color: var(--white);
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  box-shadow: 0 0 10px #0006;
}

.imfixed_flex_sm.maxbreite.content3vw {
  display: none;
}

.arrow-drop {
  width: 18px;
}

.typo-14 {
  color: var(--black);
  font-size: 14px;
  line-height: 20px;
}

.typo-14.typo-black7 {
  color: var(--black-7);
}

.content5vw {
  padding-left: 5vw;
  padding-right: 5vw;
}

.content5vw.weiss.high {
  z-index: 4;
}

.textlink-mit-pfeil-haken {
  cursor: pointer;
  background-image: url("./64ac00935216eb5710de6bcb_icon_0f0f0f_pfeil-rechts.svg");
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  padding-left: 20px;
  padding-right: 7px;
  font-family: Segoe Semibold;
  display: inline-block;
}

.textlink-mit-pfeil-haken:hover {
  opacity: .7;
  text-decoration: underline;
}

.textlink-mit-pfeil-haken:active {
  opacity: .5;
  text-decoration: none;
  transform: translate(1px, 1px);
}

.textlink-mit-pfeil-haken.abstand-unten-15 {
  background-position: 0%;
}

.textlink-mit-pfeil-haken.abstand-unten-25 {
  display: none;
}

.foldoutbox-head {
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.foldoutbox-head:hover {
  color: var(--petrol2);
  text-decoration: underline;
}

.button-container {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.button-container.left {
  align-items: flex-start;
}

.button-container.left.abstand-unten-15.hide {
  display: none;
}

.button-container.standrd {
  align-items: center;
}

.button-container.padding {
  margin-left: 25px;
  margin-right: 25px;
  padding-bottom: 35px;
}

.bullett {
  background-color: #0f0f0f;
  flex: none;
  align-self: flex-start;
  width: 7px;
  height: 7px;
  margin-top: 9px;
  margin-right: 9px;
}

.sternchen-area {
  border-top: 1px solid #ceccca;
  margin-bottom: 40px;
}

.sternchen-area.ohne {
  border-top-width: 0;
}

.btn-txt-stern {
  text-align: center;
  margin-right: 6px;
}

.portal-kachel-light {
  background-color: var(--white);
  cursor: pointer;
  border-radius: 10px;
  width: 48%;
  box-shadow: 1px 1px 10px #0000001a;
}

.portal-kachel-light:hover {
  box-shadow: 1px 1px 15px #0003;
}

.portal-kachel-light.fullsize {
  width: 100%;
  display: flex;
}

.ico-container_portalkachel {
  justify-content: center;
  padding-top: 35px;
  display: flex;
}

.ico-container_portalkachel.ohne {
  padding-top: 0;
}

.ohnepadding {
  margin-top: 0;
  margin-bottom: 5px;
}

.ohnepadding._0 {
  margin-bottom: 0;
}

.btn-flex {
  justify-content: center;
  padding-left: 15px;
  display: flex;
}

.button-primaer_green_mobil {
  z-index: 2;
  color: #7ebb25;
  letter-spacing: .3px;
  background-color: #fff;
  border-radius: 4px;
  padding: 7px 12px 10px;
  font-family: Segoe UI;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  box-shadow: 1px 1px 3px #0003;
}

.button-primaer_green_mobil:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
  box-shadow: 0 4px 15px #00000040;
}

.button-primaer_green_mobil:active {
  background-image: linear-gradient(#0000001a, #0000001a);
  transform: translate(2px, 2px);
}

.vorteil-subline {
  text-align: left;
  flex: 1;
  margin-bottom: 4px;
  font-family: Segoe UI Bold;
  font-size: 16px;
}

.ueberschriftgroesse5 {
  color: var(--datev-petrol);
  flex: none;
  font-size: 18px;
}

.info-sml {
  opacity: .35;
  cursor: pointer;
  width: 28px;
  margin-right: 10px;
}

.info-sml:hover {
  opacity: .6;
}

.preis-right {
  color: var(--datev-petrol);
  text-align: right;
  font-size: 22px;
}

.tooltipp {
  background-color: var(--white);
  border-radius: 10px;
  padding: 15px;
  position: absolute;
  left: 4px;
  box-shadow: 1px 0 10px #00000026;
}

.preiscalc-line {
  background-color: #eef8f8;
  border-bottom: 1px solid #ddd;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 15px;
  padding: 0 15px 15px;
  display: flex;
  position: relative;
}

.preiscalc-line.ohne {
  background-color: #0000;
  justify-content: space-between;
  padding-left: 0;
}

.preiscalc-line.ohne.last {
  border-bottom-width: 0;
}

.tooltip-container {
  z-index: 200;
  display: none;
  position: absolute;
  inset: 47px 40% 0% 0%;
}

.tip-txt {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 22px;
  display: block;
}

.dreieck_preiscalc-tip {
  background-color: var(--white);
  width: 16px;
  height: 16px;
  position: absolute;
  inset: -3% auto 0% 18px;
  transform: rotate(45deg);
}

.preiscallc-box-elemente-preis {
  flex: none;
  align-self: flex-start;
  margin-top: -8px;
}

.preiscallc-box-elemente1 {
  flex: none;
  align-self: flex-start;
  width: 32%;
  max-width: 300px;
}

.form {
  width: 100%;
}

.feste-tabellenzahl {
  color: var(--datev-petrol);
  text-align: right;
  width: 100%;
  min-width: 155px;
  padding-top: 6px;
  padding-right: 15px;
  font-family: Segoe UI;
  font-size: 18px;
}

.div-block-44 {
  flex: 1;
}

.on-bullet-1 {
  opacity: 1;
  cursor: pointer;
  background-color: #077;
  background-image: url("./64ac00935216eb5710de6d5f_icon_haken_lightpetrol-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 10px;
  flex: none;
  width: 19px;
  height: 19px;
}

.on-bullet-1:hover {
  opacity: .5;
}

.on-bullet-1:active {
  opacity: 1;
}

.testimonial-img-container-white {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: 20%;
  max-width: 200px;
  min-height: 100px;
  margin-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  display: flex;
}

.testimonial-hl {
  margin-bottom: 10px;
  font-family: Segoe UI;
  font-size: 20px;
}

.testimonial {
  margin-bottom: 30px;
}

.video-kundenstimme {
  z-index: 1;
  border-radius: 10px;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 10px #00000026;
}

.video-kundenstimme:hover {
  box-shadow: 1px 1px 15px #0003;
}

.video_thumb_mit-play-50 {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  display: flex;
}

.video-descriptoion {
  background-color: var(--white);
}

.left-arrow-2 {
  align-self: center;
  display: block;
  top: 40%;
  left: -40px;
}

.slide-nav-2 {
  justify-content: center;
  align-items: flex-end;
  display: none;
}

.icon-3, .icon-4 {
  display: none;
}

.right-arrow-2 {
  top: 40%;
  right: -40px;
}

.slide-screen {
  max-width: 550px;
}

.slide-3 {
  margin-right: 28px;
}

.produktkachel-3er {
  background-color: var(--white);
  border-radius: 10px;
  width: 32%;
  height: 350px;
  box-shadow: 3px 0 12px #00000026;
}

.bullet-list-einzug {
  padding-left: 17px;
}

.linkbox-arrow {
  width: 22px;
}

.link-list-item2 {
  border-bottom: 1px solid var(--black-2);
  cursor: pointer;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.link-list-item2:hover {
  background-color: #0000000d;
}

.link-list-item2.first {
  border-top: 1px solid #ddd;
}

.link-list-item2.petrol {
  color: var(--black);
}

.product-stage {
  justify-content: space-between;
  padding: 50px 5vw 70px;
  display: flex;
}

._48 {
  text-align: left;
  width: 48%;
}

.subline {
  color: var(--datev-petrol);
  margin-bottom: 15px;
  font-family: Segoe Semibold;
  font-size: 20px;
  line-height: 28px;
}

.subline.petrol2 {
  font-family: Segoe Semibold;
}

.hl-stage, .hl-stage.seminar {
  font-size: 38px;
}

.hl-stage.petrol-marktplatz {
  color: var(--datev-petrol);
  font-size: 30px;
}

.preis-container {
  background-color: #fff9;
  border-radius: 10px;
  flex: 1;
  padding: 15px 35px;
}

.text-container {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.button-container-stage {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 80%;
  display: flex;
}

.content-fullsize {
  position: relative;
}

.inpage-nav {
  background-color: #74b8b8;
  padding-left: 3vw;
  padding-right: 3vw;
  display: block;
}

.inpage-nav.leuchtturm {
  background-color: var(--dunkelgruen4);
}

.inpage-nav.loesungen {
  background-color: var(--azur2);
  display: block;
}

.anker-flex {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
}

.anker-flex.left {
  justify-content: flex-start;
}

.anker-flex.left.loesungen {
  padding-top: 0;
  padding-bottom: 15px;
}

.anker-flex.left.loesungen.static {
  padding-top: 6px;
}

.anker-flex.wide {
  justify-content: space-between;
}

.anker-flex.wide.kombi {
  justify-content: center;
  padding-bottom: 5px;
}

.inpage-anker {
  border-bottom: 2px solid #74b8b8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-top: 3px;
  margin-bottom: 0;
  padding: 8px 10px 0;
}

.inpage-anker:hover {
  border-bottom-color: #008f8f;
}

.inpage-anker.w--current {
  border-bottom: 2px solid var(--white);
  background-color: #0000;
}

.anker-txt {
  color: var(--white);
  text-align: center;
  letter-spacing: .03em;
  font-size: 16px;
  line-height: 22px;
}

.anker-txt.black-10:hover {
  color: var(--petrol2);
}

.section-vorteile {
  background-color: #e6f4de;
  position: static;
}

.usp-section-flex {
  grid-column-gap: 2%;
  justify-content: space-between;
  display: flex;
}

.vorteil-subline-h3 {
  color: var(--datev-petrol);
  text-align: left;
  flex: 1;
  margin-bottom: 15px;
  padding-top: 3px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 24px;
}

.vorteils-icon-big {
  opacity: 1;
  flex: none;
  width: 32px;
  margin-right: 10px;
}

.vorteils-list-bigitem {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 35px;
  display: flex;
}

.hl-kontakt-big {
  color: #039a9a;
  text-align: left;
  cursor: pointer;
  align-self: flex-end;
  margin-bottom: 5px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.hl-kontakt-big.white {
  color: #fff;
}

.produkt-kontakt-stickybox {
  z-index: 1;
  color: #fff;
  background-color: #039a9a;
  border-radius: 10px 0 0 10px;
  flex-direction: column;
  width: 55px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  display: flex;
  position: sticky;
  left: 100%;
  box-shadow: 0 0 20px #0000001a;
}

.hide {
  display: none;
}

.telefonicon-2 {
  width: 35px;
  margin-left: -18px;
}

.telefonicon-2.abstand-rechts-10.ohne {
  margin-left: -5px;
}

.kontakt-box-aufgeklappt {
  width: 300px;
  display: none;
  position: sticky;
  top: 130px;
  transform: translate(100%, -80%);
}

.klappbox-header {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.kontakt-close {
  cursor: pointer;
  width: 18px;
  margin-top: -7px;
  margin-right: 5px;
  padding-top: 0;
  transform: rotate(-90deg);
}

.ueberschriftgroesse3-2 {
  margin-bottom: 5px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.ueberschriftgroesse3-2.white.imflex {
  margin-bottom: 0;
  padding-top: 3px;
}

.section-leistungen.bg-white {
  background-color: var(--white);
}

.section-leistungen.bg-white.hide {
  display: none;
}

.section-padding50-70 {
  padding-top: 50px;
  padding-bottom: 70px;
}

.section-header {
  margin-bottom: 70px;
}

.section-header.center {
  text-align: center;
}

.section-header.center.tabelle {
  margin-bottom: 30px;
}

.inner-contentbtreite {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.inner-contentbtreite.hide {
  display: none;
}

.section-varianten-preis {
  position: relative;
}

.section-varianten-preis.hide {
  display: none;
}

.varianten-flex {
  border-bottom: 1px solid #ceccca;
  justify-content: space-between;
  margin-bottom: 35px;
  padding-bottom: 35px;
  display: flex;
  position: relative;
}

.varianten-flex.last {
  border-bottom-width: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.button-im-anker {
  padding-bottom: 12px;
}

.usp-sml-container {
  padding-top: 15px;
  padding-bottom: 25px;
}

.usp-sml-container.sml {
  padding-bottom: 0;
}

.kontakt-ico-flex {
  color: #039a9a;
  align-items: center;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 26px;
  display: flex;
}

.kontakt-ico-flex:hover {
  color: #fff;
  text-decoration: underline;
}

.kontakt-ico-flex:active {
  text-decoration: underline;
}

.section-variantenvergleich.bg-white {
  background-color: var(--white);
}

.section-variantenvergleich.bg-white.hide {
  display: none;
}

.varianten-kachel {
  width: 33.33%;
}

.varianten-kachel.lightest-petrol {
  background-color: #eef8f8;
  border-width: 0 0 2px 2px;
  border-top-style: solid;
  border-top-color: #0f0f0f;
  border-bottom-color: #eef8f8;
  border-left-color: #eef8f8;
  position: relative;
}

.abschnitt-vgl {
  border-bottom: 1px solid var(--datev-petrol);
  text-align: left;
  cursor: pointer;
  overflow: hidden;
}

.abschnitt-vgl.last {
  border-bottom-width: 1px;
}

.h4-compatil {
  letter-spacing: .02em;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 22px;
}

.h4-compatil.ohne-top {
  margin-top: 0;
  margin-bottom: 0;
}

.h4-compatil.ohne-top.einzug {
  padding-left: 22px;
}

.vgl-header {
  border-bottom: 1px solid var(--datev-petrol);
  padding: 10px 15px 15px;
}

.boxpadding_25-20 {
  padding: 20px 25px;
  position: relative;
}

.vgl-header-trigger {
  align-items: center;
  height: 60px;
  padding-left: 5px;
  display: flex;
}

.vgl-header-trigger.linie {
  border-top: 1px solid var(--datev-petrol);
}

.kontakt-box-petrol {
  z-index: 1;
  background-color: var(--datev-petrol);
  color: #fff;
  border-radius: 10px;
  margin-bottom: 15px;
  box-shadow: 0 0 20px #0000001a;
}

.section-demos.bg-lightest-green {
  background-color: #f4faeb;
}

.section-demos.bg-lightest-green.hide {
  display: none;
}

.section-weitere-info.bg-white {
  background-color: var(--white);
}

.section-weitere-info.bg-white.hide {
  display: none;
}

.linkliste {
  flex-wrap: wrap;
  align-items: flex-start;
}

.typogross-bold {
  color: var(--black);
  text-align: left;
  font-family: Segoe Semibold;
  font-size: 20px;
  line-height: 26px;
}

.typogross-bold.abstand-unten-10, .typogross-bold.abstand-unten-15, .typogross-bold.abstand-unten-20 {
  display: block;
}

.typogross-bold._0f0f {
  color: #0f0f0f;
}

.section-kundenstimmen {
  background-color: var(--dunkelgruen1);
}

.section-kundenstimmen.bg-lichtpetrol {
  background-color: #eef8f8;
  display: block;
  position: static;
}

.section-kundenstimmen.bg-lichtpetrol.hide {
  display: none;
}

.makse-slider-desktop {
  width: 100%;
  padding-top: 10px;
  overflow: hidden;
}

.slider-zusatzprodukte {
  background-color: #0000;
  width: 100%;
  height: 380px;
  margin-bottom: 70px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.zusatz-produktslider100 {
  justify-content: space-between;
  width: 100%;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.absolut-container {
  z-index: 1300;
  border-radius: 10px;
  position: fixed;
  inset: 55% 0% 0% auto;
}

.absolut-container.hide {
  display: none;
}

.kontakt-inhalt {
  padding-bottom: 15px;
  padding-left: 20px;
  display: block;
  position: relative;
  overflow: hidden;
}

.hl-box-kontakt {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.produktkachel-4er--placeholder {
  background-color: var(--white);
  border-radius: 10px;
  width: 23.5%;
  height: 350px;
}

.trigger-header {
  z-index: 1010;
  background-color: #0000;
  width: 10px;
  height: 820px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.sticky-inpage-nav {
  z-index: 0;
  box-shadow: none;
  background-color: #74b9b8;
  padding-left: 3vw;
  padding-right: 3vw;
  line-height: 20px;
  display: block;
  position: sticky;
  top: 80px;
}

.sticky-inpage-nav.leuchtturm {
  background-color: var(--dunkelgruen4);
  display: block;
}

.sticky-inpage-nav._01 {
  background-color: var(--azur2);
  display: none;
}

.sticky-inpage-nav._02 {
  background-color: #fde5ef;
  display: none;
}

.sticky-inpage-nav._03 {
  background-color: var(--dunkelgruen3);
  display: none;
}

.sticky-inpage-nav.kanzlei {
  z-index: 2000;
  background-color: var(--azur2);
  top: 0;
  box-shadow: 0 3px 10px #00000040;
}

.anker-offset1 {
  height: 220px;
  display: none;
}

.navpunkt-ico {
  color: #0f0f0f;
  letter-spacing: .2px;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
}

.navpunkt-ico:hover {
  color: #8b8b8b;
}

.sticky_aufhalter {
  height: 120px;
}

.section-zusatzprodukte.bg-white {
  background-color: var(--white);
}

.section-zusatzprodukte.bg-white.hide {
  display: none;
}

.anker-offset2 {
  height: 300px;
  display: none;
}

.anker-offset3, .anker-offset4, .anker-offset5, .anker-offset6, .anker-offset7, .anker-offset8 {
  height: 120px;
  display: block;
}

.foldoutbox-mehr-container {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.foldoutbox-mehr-container.first {
  padding-top: 0;
}

.subhl-icon-flex {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
  display: flex;
}

.info-icon-hl {
  width: 40px;
  margin-left: -4px;
  margin-right: 5px;
}

.cloud-logo {
  max-width: 110%;
}

.img-container {
  margin-left: 15px;
}

.img-container.ohne {
  margin-left: 0;
}

.img-container.ohne.rund {
  overflow: hidden;
}

.detail-container {
  border-bottom: 1px solid #ceccca;
  align-items: flex-start;
  width: 100%;
  margin-top: 15px;
  padding-bottom: 15px;
}

.detail-container.last {
  border-bottom-width: 0;
}

.img-fullsize {
  border-radius: 10px;
  overflow: hidden;
}

.detail-container-flex {
  align-items: flex-start;
  width: 100%;
  margin-top: 15px;
  padding-bottom: 25px;
  display: flex;
}

.detail-container-flex.last {
  border-bottom-width: 0;
}

.preis-big {
  display: flex;
}

.preis-dachzeile {
  color: var(--black);
  margin-bottom: 5px;
  font-size: 18px;
}

.text-block-9 {
  align-self: center;
  font-family: Segoe UI;
}

.preis-button-flex {
  align-items: flex-start;
  display: flex;
}

.preis-container-stage {
  flex: 1;
  margin-bottom: 25px;
}

.dreieck_preiscalc2 {
  background-color: var(--datev-petrol);
  width: 16px;
  height: 16px;
  position: absolute;
  inset: 44px 0% 0% 41%;
  transform: rotate(45deg);
}

.preis-berechnung {
  padding-top: 15px;
}

.preiscalc-box_3 {
  background-color: #0000;
  border: 1px solid #ceccca;
  border-radius: 10px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 25px 15px;
  display: block;
}

.popup-container {
  z-index: 1200;
  background-color: #000000bf;
  height: 800%;
  padding-top: 220%;
  display: none;
  position: absolute;
  inset: 0%;
}

.popup {
  background-color: var(--white);
  border-radius: 10px;
  height: 620px;
  padding: 35px 35px 50px;
  overflow: scroll;
}

.popup-gesamt {
  width: 60%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.close-container {
  cursor: pointer;
  justify-content: flex-end;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.close-ico {
  width: 32px;
}

.preiscalc-box_4 {
  background-color: #0000;
  border: 1px solid #ceccca;
  border-radius: 10px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 25px 15px 0;
  display: block;
}

.dreieck_preiscalc3 {
  background-color: var(--datev-petrol);
  width: 16px;
  height: 16px;
  position: absolute;
  inset: 44px 0% 0% 46%;
  transform: rotate(45deg);
}

.tooltip-container-vgl {
  z-index: 200;
  flex: 1;
  display: none;
  position: absolute;
  inset: 102% 0% 0% -13%;
}

.tabelle-icon_sml {
  width: 22px;
}

.vgl-content-foldout1, .vgl-content-foldout2, .vgl-content-foldout3, .vgl-content-foldout4 {
  flex-direction: column;
  align-items: center;
  display: block;
  position: relative;
}

.accordion-arrow1, .accordion-arrow2, .accordion-arrow3, .accordion-arrow4 {
  width: 18px;
  height: 18px;
  margin-right: 3px;
}

.abschluss-row {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 20px 40px;
  display: flex;
}

.preis-vgl {
  color: #0f0f0f;
  margin-bottom: 15px;
  font-size: 28px;
}

.tooltip-trigger-vgl {
  z-index: 1000;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 300px;
  display: flex;
  position: relative;
}

.tooltipp-vgl {
  background-color: var(--white);
  border-radius: 10px;
  width: 150px;
  padding: 15px;
  position: absolute;
  left: 4px;
  box-shadow: 1px 0 10px #00000026;
}

.h3-kachel {
  color: #0f0f0f;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 32px;
}

.screenshot-area {
  max-width: 550px;
}

.monitor-container {
  width: 100%;
  max-width: 546px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.monitor-container.big {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 65%;
  display: flex;
}

.slider-screenhots {
  background-color: #0000;
  width: 100%;
  height: 600px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.makse-slider-screens-desktop {
  width: 100%;
  top: 30px;
  overflow: hidden;
}

.screen-slider-100 {
  justify-content: space-between;
  width: 100%;
  padding-top: 55px;
  display: flex;
}

.screen-slider-100.lightbox {
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.slide-bu {
  justify-content: center;
  display: flex;
  position: fixed;
  inset: auto 0% 12%;
}

.left-arrow-down {
  align-self: flex-end;
  top: 86%;
  left: 80px;
}

.slider-pfeil-sml {
  opacity: .5;
  width: 40px;
  transform: rotate(180deg);
}

.slider-pfeil-sml.left {
  transform: none;
}

.right-arrow-down {
  top: 86%;
  right: 80px;
}

.programm-ico-container {
  z-index: 505;
  max-width: 140px;
  max-height: 140px;
  margin-top: -80px;
  margin-left: -25px;
  margin-right: auto;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ico-programm {
  width: 100%;
  max-width: 140%;
  height: 100%;
  max-height: 140px;
}

.screen-container {
  object-fit: scale-down;
  height: 100%;
  max-height: 400px;
}

.lupe-container {
  z-index: 2;
  opacity: .5;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100px;
  margin-top: -90px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 50% 0% auto;
}

.lupe-container:hover {
  opacity: .75;
}

.popup-container-slider {
  z-index: 1320;
  background-color: #000000e6;
  height: 800%;
  padding-top: 6%;
  display: none;
  position: absolute;
  inset: 0%;
}

.close-container-screen {
  cursor: pointer;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 5vw;
  display: flex;
}

.screen-container-big {
  max-height: 800px;
}

.slider-screenhots-big {
  background-color: #0000;
  width: 100%;
  height: 800px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.varianten-vgl-flex2 {
  width: 70%;
  display: flex;
  overflow: hidden;
  box-shadow: 1px 1px 10px #00000026;
}

.varianten-kachel-label {
  border-right: 0 solid #0f0f0f;
  width: 33.33%;
}

.vgl-row-2 {
  border-bottom: 1px solid #ddd;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  padding: 10px 7px 15px;
  display: flex;
}

.vgl-row-2.last {
  border-bottom-width: 0;
}

.vgl-row-2.first {
  margin-top: 1px;
}

.tbl-txt-2 {
  width: 100%;
  padding-left: 20px;
  font-size: 14px;
  line-height: 18px;
}

.kachel-gesamtflex {
  margin-top: 0;
  display: flex;
}

.preis-vgl-flex2 {
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.preis-label2 {
  font-family: Segoe UI;
}

.paragraph-4 {
  text-align: left;
}

.h3-product-fav {
  color: var(--datev-petrol);
  text-align: center;
  min-height: 104px;
  margin-top: 10px;
  font-family: Segoe Semibold;
  font-size: 20px;
  line-height: 26px;
}

.h3-product-fav.placeholder {
  opacity: 0;
}

.preis-button-sticky1 {
  align-items: flex-start;
  display: block;
  position: sticky;
  top: 150px;
}

.preis-button-sticky1.hide {
  display: none;
}

.h3-product-var-sticky {
  color: var(--datev-petrol);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 28px;
}

.preis-dachzeile-sticky {
  color: var(--black);
  align-items: center;
  margin-bottom: 10px;
  font-size: 18px;
  display: flex;
}

.preis-sticky {
  margin-bottom: 0;
  margin-left: 10px;
  font-size: 30px;
  line-height: 38px;
}

.preis-label-sticky {
  align-self: center;
  font-family: Segoe UI;
  font-size: 16px;
}

.anker-var1 {
  width: 30px;
  height: 150px;
  position: absolute;
}

.preis-container-sticky {
  background-color: #fff9;
  border-radius: 10px;
  flex: 1;
  padding: 15px 35px;
  box-shadow: 1px 1px 10px #0003;
}

.preis-container-01 {
  background-color: #fff9;
  border-radius: 10px;
  flex: 1;
  padding: 15px 35px;
}

.anker-var2 {
  width: 30px;
  height: 50px;
  position: absolute;
  top: -85px;
}

.preis-button-sticky2 {
  align-items: flex-start;
  display: block;
  position: sticky;
  top: 150px;
}

.preis-button-sticky2.hide {
  display: none;
}

.preis-container02 {
  background-color: #fff9;
  border-radius: 10px;
  flex: 1;
  padding: 15px 35px;
}

.preis-button-flex02 {
  align-items: flex-start;
  display: flex;
}

.anker-var3 {
  width: 30px;
  height: 50px;
  position: absolute;
  top: -85px;
}

.preis-button-sticky3 {
  align-items: flex-start;
  display: block;
  position: sticky;
  top: 150px;
}

.preis-button-sticky3.hide {
  display: none;
}

.preis-button-flex03 {
  align-items: flex-start;
  display: flex;
}

.gesamtflex-header-sticky {
  z-index: 990;
  background-color: var(--white);
  align-items: stretch;
  margin-left: -5vw;
  margin-right: -5vw;
  padding-top: 50px;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: sticky;
  top: 138px;
  overflow: hidden;
}

.vgl-container {
  margin-top: -2px;
}

.varianten-vgl-flex-sticky {
  width: 70%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 6px #0000001a;
}

.vgl-container-footer {
  z-index: 988;
  background-color: var(--white);
  padding-bottom: 90px;
  padding-left: 5vw;
  padding-right: 5vw;
  position: sticky;
}

.vgl-container-footer.hide {
  display: none;
}

.varianten-vgl-flex-footer {
  width: 70%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 10px #0000001a;
}

.kachel-gesamtflex-footer {
  display: flex;
}

.ico-blur {
  z-index: 504;
  filter: blur(10px);
  background-color: #4b5059;
  width: 68px;
  height: 68px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -7% auto auto 14px;
}

.product-stage-tablet {
  justify-content: space-between;
  padding: 50px 5vw 70px;
  display: flex;
}

.product-stage-tablet.light-petrol {
  display: none;
}

.button-container-stage-tablet {
  flex-direction: column;
  align-items: stretch;
  width: 60%;
  display: flex;
}

.left-arrow-popup {
  align-self: flex-end;
  top: 40%;
  left: 70px;
}

.right-arrow-popup {
  top: 40%;
  right: 70px;
}

.preis-tablet {
  display: none;
}

._48-desk {
  width: 48%;
}

.section-varianten-preis-tablet.bg-hellpetrol {
  background-color: #eef8f8;
  display: none;
  position: relative;
}

.content5vw-left {
  padding-left: 5vw;
  padding-right: 5vw;
}

.preis-berechnung-tablet {
  padding-top: 15px;
}

.dreieck_preiscalc-tablet {
  background-color: var(--datev-petrol);
  width: 16px;
  height: 16px;
  position: absolute;
  inset: 44px 0% 0% 41%;
  transform: rotate(45deg);
}

.preiscallc-box-elemente-gesamt, .x-container {
  align-self: flex-start;
}

.slider-zusatzprodukte-tablet {
  background-color: #0000;
  width: 100%;
  height: 380px;
  margin-bottom: 70px;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
}

.vgl-container-footer-tablet {
  z-index: 988;
  background-color: var(--white);
  padding-bottom: 90px;
  padding-left: 5vw;
  padding-right: 5vw;
  display: none;
  position: sticky;
}

.produktkachel-3er--placeholder {
  background-color: var(--white);
  border-radius: 10px;
  width: 23.5%;
  height: 350px;
}

.product-stage-smaart {
  justify-content: space-between;
  padding: 50px 5vw 70px;
  display: flex;
}

.product-stage-smaart.light-petrol {
  display: none;
}

.preis-container-stage-sm {
  flex: 1;
  margin-bottom: 25px;
}

.button-container-stage-sm {
  flex-direction: column;
  align-items: stretch;
  width: 60%;
  display: flex;
}

.preis-dachzeile-sm {
  color: var(--black);
  margin-bottom: 5px;
  font-size: 18px;
}

.slider-screenhots-sm {
  background-color: #0000;
  width: 100%;
  height: 600px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.left-arrow-down-sm {
  align-self: flex-end;
  top: 86%;
  left: 80px;
}

.right-arrow-down-sm {
  top: 86%;
  right: 80px;
}

.makse-slider-screens-sm {
  width: 100%;
  top: 30px;
  overflow: hidden;
}

.slide-bu-sm {
  justify-content: center;
  display: flex;
  position: fixed;
  inset: auto 0% 12%;
}

.section-varianten-preis-smartphonepy.bg-lightpetrol, .section-varianten-preis-smartphonepy.bg-hellpetrol-full {
  background-color: #eef8f8;
  display: none;
  position: relative;
}

.slide-bu-big {
  justify-content: center;
  display: flex;
  position: fixed;
  inset: auto 0% 12%;
}

.slide-bu-big.white {
  inset: auto 0% 12%;
}

.sticky-schattenbox-weiss-mobil {
  opacity: 0;
  width: 100%;
  max-width: 1600px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 0%;
  box-shadow: 0 0 6px #0000001a;
}

.sticky_aufhalter-mobil {
  height: 120px;
  display: none;
}

.absolut-container-sm {
  z-index: 1300;
  display: none;
  position: absolute;
  inset: 5.5% 0% 0% auto;
}

.kontakt-box-aufgeklappt-mobile {
  width: 100%;
  display: none;
  transform: translate(100%, -80%);
}

.preis-berechnung_sm {
  padding-top: 15px;
}

.trigger-header-mobil {
  z-index: 1010;
  background-color: #0000;
  width: 10px;
  height: 820px;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.preis-button-sm {
  align-items: flex-start;
  display: block;
  position: sticky;
  top: 150px;
}

.preis-container-sm {
  background-color: #fff9;
  border-radius: 10px;
  flex: 1;
  padding: 15px 35px;
  box-shadow: 1px 1px 10px #0003;
}

.produktkachel-1er {
  background-color: var(--white);
  border-radius: 10px;
  width: 32%;
  height: 350px;
  box-shadow: 3px 0 12px #00000026;
}

.produktkachel-plcaholder {
  cursor: pointer;
  border-radius: 10px;
  width: 23.5%;
  box-shadow: 0 0 10px #0000001a;
}

.produktkachel-plcaholder:hover {
  box-shadow: 1px 1px 10px #0003;
}

.zg-lasche_mobil {
  z-index: 100;
  color: #fff;
  background-color: #4b5059;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  min-height: 6px;
  padding: 5px 15px 7px;
  text-decoration: none;
  position: relative;
}

.zg-lasche_mobil:hover {
  text-decoration: underline;
}

.bg-hellgelb {
  z-index: -1;
  background-color: #fcf7ea;
  display: none;
  position: absolute;
  inset: 0%;
}

.bg-lichtpetrol {
  z-index: -1;
  background-color: #eef8f8;
  display: none;
  position: absolute;
  inset: 0%;
}

.bg-hellgruen {
  z-index: -1;
  background-color: #e9f6d6;
  display: none;
  position: absolute;
  inset: 0%;
}

.bg-azur1 {
  z-index: -1;
  background-color: #e5f8ff;
  position: absolute;
  inset: 0%;
}

.bg-middle-petrol {
  z-index: -1;
  background-color: #cdebeb;
  display: none;
  position: absolute;
  inset: 0%;
}

.farbschalter {
  height: 50px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.azur1 {
  cursor: pointer;
  background-color: #eef8f8;
  border: 1px solid #ceccca;
  width: 40px;
  height: 40px;
}

.azur1:hover {
  box-shadow: 1px 1px 10px #00000026;
}

.lichtpetrol {
  cursor: pointer;
  background-color: #eef8f8;
  border: 1px solid #ceccca;
  width: 40px;
  height: 40px;
}

.lichtpetrol:hover {
  box-shadow: 1px 1px 10px #00000026;
}

.medium-petrol {
  cursor: pointer;
  background-color: #d0e7e7;
  border: 1px solid #ceccca;
  width: 40px;
  height: 40px;
}

.medium-petrol:hover {
  box-shadow: 1px 1px 10px #00000026;
}

.hellgruen {
  cursor: pointer;
  background-color: #e9f6d6;
  border: 1px solid #ceccca;
  width: 40px;
  height: 40px;
}

.hellgruen:hover {
  box-shadow: 1px 1px 10px #00000026;
}

.hellgelb {
  cursor: pointer;
  background-color: #fcf7ea;
  border: 1px solid #ceccca;
  width: 40px;
  height: 40px;
}

.hellgelb:hover {
  box-shadow: 1px 1px 10px #00000026;
}

.section-variantenvergleich-sm-liste {
  display: none;
}

.vgl-header-single {
  border-bottom: 1px solid var(--datev-petrol);
  padding: 10px 15px 15px;
}

.varianten-kachel-single {
  border-right: 1px solid var(--datev-petrol);
  width: 33.33%;
}

.varianten-kachel-single.lightest-petrol, .varianten-kachel-single.lightest-grey {
  border-width: 0 1px 2px 2px;
  border-color: #0f0f0f var(--datev-petrol) #eef8f8 #eef8f8;
  background-color: #eef8f8;
  border-top-style: solid;
  position: relative;
}

.h3-product-fav-single {
  color: var(--datev-petrol);
  text-align: center;
  min-height: 104px;
  margin-top: 10px;
  font-family: Segoe Semibold;
  font-size: 20px;
  line-height: 26px;
}

.vgl-header-trigger-single {
  align-items: center;
  height: 60px;
  padding-left: 5px;
  display: flex;
}

.vgl-row-single {
  border-bottom: 1px solid #ddd;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  padding: 10px 15px 15px 7px;
  display: flex;
}

.vgl-row-single.last {
  border-bottom-width: 0;
}

.vgl-row-single.first {
  margin-top: 1px;
}

.tbl-txt-single {
  width: 100%;
  font-size: 14px;
  line-height: 18px;
}

.single-header-sticky {
  z-index: 990;
  background-color: var(--white);
  align-items: stretch;
  margin-left: -5vw;
  margin-right: -5vw;
  padding-top: 50px;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: sticky;
  top: 138px;
  overflow: hidden;
}

.preis-vgl-flex-single {
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.preis-vgl-block {
  color: #0f0f0f;
  margin-bottom: 15px;
  font-size: 28px;
}

.abschluss-row-single {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 20px 40px;
  display: flex;
}

.drop-flex-trigger {
  padding-top: 7px;
  padding-bottom: 10px;
}

.inpage-nav-sm-quer-sticky2 {
  z-index: 1020;
  background-color: #74b8b8;
  padding-left: 5vw;
  padding-right: 5vw;
  display: none;
}

.anker-txtlabel {
  color: var(--white);
  text-align: center;
  letter-spacing: .03em;
  font-family: Segoe UI;
  font-size: 16px;
  line-height: 22px;
}

.vgl-content-foldout-mobil {
  flex-direction: column;
  align-items: center;
  display: block;
  position: relative;
}

.inpage-anker-tab {
  border-bottom: 2px solid #74b8b8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-top: 3px;
  margin-bottom: 0;
  padding: 10px 10px 0;
  display: none;
}

.inpage-anker-tab:hover {
  border-bottom-color: #008f8f;
}

.inpage-anker-tab.w--current {
  border-bottom: 2px solid var(--white);
  background-color: #0000;
}

.slider-zusatzprodukte-sm-pfeile {
  background-color: #0000;
  width: 100%;
  height: 380px;
  margin-bottom: 70px;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
}

.productkachel-1er {
  background-color: var(--white);
  border-radius: 10px;
  width: 32%;
  height: 350px;
  box-shadow: 3px 0 12px #00000026;
}

.slider-zusatzprodukte-sm-pfeile-hochopy {
  background-color: #0000;
  width: 100%;
  height: 380px;
  margin-bottom: 70px;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
}

.section-variantenvergleich-sm-slider {
  display: none;
}

.imfixed_kontakt {
  background-color: var(--datev-petrol);
  color: var(--white);
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  box-shadow: 0 0 10px #0006;
}

.kontkt-m-fixed {
  z-index: 1001;
  width: 100%;
  display: none;
  position: fixed;
  bottom: 0;
}

.no-bottom-margin {
  margin-bottom: 0;
}

.textlink-mit-pfeil-down {
  cursor: pointer;
  background-image: url("./64ac00935216eb5710de6bcb_icon_0f0f0f_pfeil-rechts.svg");
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  padding-left: 20px;
  padding-right: 7px;
  font-family: Segoe Semibold;
  display: inline-block;
}

.textlink-mit-pfeil-down:hover {
  opacity: .7;
  text-decoration: underline;
}

.textlink-mit-pfeil-down:active {
  opacity: .5;
  text-decoration: none;
  transform: translate(1px, 1px);
}

.textlink-mit-pfeil-down.abstand-unten-15 {
  background-position: 0%;
}

.vgl-container-footer-sm-slider {
  z-index: 988;
  background-color: var(--white);
  padding-bottom: 90px;
  padding-left: 5vw;
  padding-right: 5vw;
  display: none;
  position: sticky;
}

.section-uebersicht {
  background-color: #e9f6d6;
  padding-top: 25px;
  position: static;
}

.section-uebersicht.bg-hellgruen2 {
  background-color: var(--hellgruen2);
  display: block;
}

.uebersicht-container {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.uebersicht-table {
  border-top: 1px solid #000;
  width: 100%;
  font-size: 18px;
}

.table-label {
  width: 230px;
  font-family: Segoe UI Bold;
}

.table-flex {
  border-bottom: 1px solid #ddd;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.table-flex.last {
  margin-bottom: 20px;
}

.table-flex.first {
  flex-direction: column;
  margin-top: 5px;
}

.table-txt {
  font-family: Segoe UI;
}

.seminar-big-kachel {
  text-align: center;
  border-radius: 10px;
  width: 100%;
  max-width: 546px;
  height: 100%;
}

.auswahl-txt {
  text-align: left;
}

.seminar-ico-big {
  max-width: 340px;
  max-height: 340px;
  padding-top: 40px;
}

.gewaehlt-marker_inpage {
  z-index: 10;
  color: var(--black);
  align-items: center;
  width: 100%;
  font-size: 16px;
  display: flex;
  position: static;
  inset: auto 0% 8%;
}

.gewaehlt-marker_inpage.block {
  align-items: center;
  width: auto;
  margin-top: 3px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 12px;
  line-height: 22px;
  display: flex;
}

.gewaehlt-marker_inpage.block.hide {
  display: none;
}

.gewaehlt-marker_inpage.doppelanordnung {
  align-items: center;
  width: auto;
  margin-top: 3px;
  padding-top: 8px;
  line-height: 22px;
  display: flex;
}

.gewaehlt-marker_inpage.doppelanordnung._1zeilig {
  margin-left: 15px;
  margin-right: 15px;
  display: none;
}

.gewaehlt-marker_inpage.block-einzeilig {
  align-items: center;
  width: auto;
  margin-top: 3px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 3px;
  line-height: 22px;
  display: flex;
}

.gewaehlt-marker_inpage.block-einzeilig.hide {
  display: none;
}

.auswahl-label {
  color: var(--black);
}

.seminar-gesamt-flex {
  display: flex;
}

.seminar-gesamt-flex.einzug {
  justify-content: space-between;
  width: 100%;
}

.button-auswahl-container-inpage {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
}

.button-auswahl-container-inpage.right {
  justify-content: flex-end;
}

.button-auswahl-container-inpage.right.einzeilig {
  margin-top: 7px;
  padding-bottom: 10px;
}

.button-im-anker_seminar.abstand-links {
  margin-left: 35px;
  padding-top: 5px;
}

.anker-flex-seminar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 8px;
  display: flex;
}

.auswahl-modul-2-3 {
  background-color: #eef8f8;
  flex-direction: row-reverse;
  width: 100%;
  display: flex;
  position: absolute;
}

.auswahl-modul-2-3._1er {
  background-color: #d0e7e7;
  position: static;
}

.product-stage-seminar {
  flex-direction: column;
  justify-content: space-between;
  display: block;
}

.product-stage-seminar.hide {
  display: none;
}

.drittel-flex {
  z-index: 0;
  height: 620px;
  display: flex;
  position: relative;
}

.drittel-flex.seminar-modula {
  z-index: 1040;
  height: 100%;
  position: static;
}

.auswahl-seminar-zweidrittel {
  background-color: #d0e7e7;
  border-top-right-radius: 10px;
  width: 75%;
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 70px;
  padding-left: 5vw;
  box-shadow: 2px 2px 10px #00000026;
}

.auswahl-seminar-zweidrittel._1er {
  box-shadow: none;
  width: 100%;
}

.in-koop {
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  display: flex;
}

.in-koop.hide {
  display: none;
}

.seminar-logo-container-neu {
  background-color: var(--white);
  width: 120px;
  margin-left: 15px;
  padding: 8px 15px 10px;
}

.stoerer-txt {
  justify-content: center;
  align-items: center;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 17px;
  line-height: 22px;
}

.stoerer-txt.center {
  text-align: center;
}

.seminar-footer-absolut {
  z-index: 100;
  justify-content: space-between;
  width: 100%;
  padding-right: 6vw;
  display: flex;
  position: absolute;
  inset: auto 0% 8%;
}

.in-koop-rechts {
  color: #55555580;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 50px;
  line-height: 18px;
  display: flex;
}

.in-koop-rechts.hide {
  display: none;
}

.koop-text {
  color: #929292;
  text-align: right;
  font-size: 13px;
  line-height: 16px;
}

.seminar-logo-container-neu2 {
  background-color: var(--white);
  width: 120px;
  margin-left: 15px;
  padding: 15px 15px 20px;
}

.fake-separator-footer {
  width: 80%;
}

.tab-fake-anschluss-1 {
  z-index: 100;
  background-color: #d0e7e7;
  width: 100%;
  height: 50px;
  position: absolute;
  inset: auto 0% -41%;
}

.tab-fake-anschluss-off {
  z-index: -1;
  background-color: #d0e7e7;
  width: 20px;
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.tab-fake-anschluss-2, .tab-fake-anschluss-3, .tab-fake-anschluss4 {
  background-color: #d0e7e7;
  width: 100%;
  height: 50px;
  display: none;
  position: absolute;
  inset: auto 0% -41%;
}

.neu-stoerer-eckig_big {
  background-color: var(--datev-green);
  color: var(--white);
  text-align: center;
  letter-spacing: .03em;
  justify-content: center;
  align-items: center;
  width: 200px;
  padding: 6px 5px;
  font-size: 18px;
  line-height: 18px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 4%;
  right: -30%;
  overflow: hidden;
  transform: rotate(-40deg);
}

.neu-stoerer-eckig_big.hide {
  display: none;
}

.ausgewaehlt-big {
  width: 30px;
  margin-left: 27px;
  margin-right: 25px;
}

.ausgewaehlt-big.hide {
  display: none;
}

._50 {
  text-align: left;
  width: 50%;
}

.dachzeile_stoerer {
  color: #86cfcf;
  letter-spacing: .05rem;
  text-transform: none;
  margin-bottom: 2px;
  font-family: Segoe UI;
  font-size: 10px;
  line-height: 15px;
}

.div-block-45 {
  text-align: left;
}

.stoerer-seminar-final {
  color: var(--white);
  background-color: #077;
  border-top-left-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 240px;
  padding: 4px 10px 8px 15px;
  display: inline-block;
  position: absolute;
  inset: 0% 0% auto;
}

.stoerer-seminar-final.hide {
  display: none;
}

.bg {
  background-color: #e2eeee;
}

.auswahl-seminar-flex-drittel2 {
  z-index: 200;
  flex-direction: column;
  width: 25%;
  padding-top: 5px;
  padding-left: 5vw;
  display: flex;
}

.stoerer-seminar-final-unten {
  color: var(--white);
  background-color: #74b8b8;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  width: 240px;
  padding: 8px 10px 8px 15px;
  display: inline-block;
  position: absolute;
  inset: auto auto 10% 8%;
}

.stoerer-seminar-final-unten.hide {
  display: none;
}

.dachzeile_stoerer2 {
  color: var(--white);
  letter-spacing: .05rem;
  text-transform: none;
  margin-bottom: 2px;
  font-family: Segoe UI;
  font-size: 10px;
  line-height: 15px;
}

.dachzeile_stoerer2.hide {
  display: none;
}

.auswahl-modul-horizontal {
  z-index: 1040;
  background-color: #eef8f8;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.auswahl-seminar-horz {
  background-color: #d0e7e7;
  border-top-right-radius: 10px;
  width: 100%;
  padding: 50px 5vw 70px;
  overflow: visible;
  box-shadow: 2px 2px 10px #00000026;
}

.auswahl-seminar-flex-tabs-horz {
  z-index: 200;
  flex-direction: row;
  width: 100%;
  padding-top: 25px;
  padding-left: 4vw;
  display: flex;
}

.seminar-spalte-rechts {
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  max-width: 546px;
  height: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.seminar-big_aktiv-re {
  background-image: linear-gradient(43deg, #039a9a33 34%, #d0e7e7 96%);
  border-radius: 10px;
  justify-content: center;
  height: 100%;
  padding-bottom: 25px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.seminar-big_aktiv-re.leuchtturm {
  background-image: linear-gradient(43deg, var(--azur3), var(--azur2) 96%);
  color: var(--datev-petrol);
}

.seminar-tab-container-horz {
  z-index: 200;
  cursor: pointer;
  border-radius: 10px;
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 10px 8px 12px;
  display: flex;
  position: relative;
}

.seminar-tab-container-horz:hover {
  background-color: #d0e7e7;
}

.seminar-tab-container-horz.w--current {
  background-color: #d0e7e7;
  border-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  display: flex;
}

.seminar-tab-flex-vert {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  line-height: 20px;
  display: flex;
}

.dachzeile-tab {
  color: #0f0f0f;
  letter-spacing: .5px;
  text-transform: none;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 16px;
}

.dachzeile-tab.abstand-unten-10 {
  margin-bottom: 10px;
}

.seminar-tab-horz {
  cursor: pointer;
  background-color: #e2eeee;
  border-radius: 4px;
  flex-direction: row;
  flex: none;
  align-items: center;
  width: 190px;
  margin: 15px 8px;
  padding: 0;
  display: flex;
  box-shadow: 2px 2px 10px #00000026;
}

.seminar-tab-horz:hover {
  background-color: #d0e7e7;
}

.seminar-tab-horz.w--current {
  background-color: #d0e7e7;
  border-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  display: flex;
  box-shadow: 2px 8px 10px 6px #00000026;
}

.neu-stoerer-banderole-re {
  background-color: var(--datev-green);
  color: var(--white);
  text-align: center;
  letter-spacing: .03em;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 3px 5px;
  font-size: 12px;
  line-height: 15px;
  display: flex;
  position: absolute;
  inset: 4% -22% auto auto;
  overflow: hidden;
  transform: rotate(35deg);
}

.neu-stoerer-banderole-re.hide {
  display: none;
}

.ausgewaehlt-ico {
  cursor: pointer;
  background-color: #e2eeee;
  border: 2px solid #077;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  margin-left: 5px;
  margin-right: 10px;
  display: flex;
}

.horz-tab-buehne {
  z-index: 0;
  display: flex;
}

.kontakt-txt-sticky {
  color: var(--white);
  font-size: 20px;
}

.off-bullet-2 {
  opacity: 0;
  cursor: pointer;
  background-color: #077;
  background-image: url("./64ac00935216eb5710de6d5f_icon_haken_lightpetrol-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 10px;
  flex: none;
  width: 19px;
  height: 19px;
}

.off-bullet-2:hover {
  opacity: .5;
}

.off-bullet-2:active {
  opacity: 1;
}

.off-bullet-1 {
  opacity: 0;
  cursor: pointer;
  background-color: #077;
  background-image: url("./64ac00935216eb5710de6d5f_icon_haken_lightpetrol-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 10px;
  flex: none;
  width: 19px;
  height: 19px;
  display: none;
}

.off-bullet-1:hover {
  opacity: .5;
}

.off-bullet-1:active {
  opacity: 1;
}

.on-bullet-2 {
  opacity: 1;
  cursor: pointer;
  background-color: #077;
  background-image: url("./64ac00935216eb5710de6d5f_icon_haken_lightpetrol-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 10px;
  flex: none;
  width: 19px;
  height: 19px;
}

.on-bullet-2:hover {
  opacity: .5;
}

.on-bullet-2:active {
  opacity: 1;
}

.on-bullet-3 {
  opacity: 1;
  cursor: pointer;
  background-color: #077;
  background-image: url("./64ac00935216eb5710de6d5f_icon_haken_lightpetrol-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 10px;
  flex: none;
  width: 19px;
  height: 19px;
}

.on-bullet-3:hover {
  opacity: .5;
}

.on-bullet-3:active {
  opacity: 1;
}

.off-bullet-3 {
  opacity: 0;
  cursor: pointer;
  background-color: #077;
  background-image: url("./64ac00935216eb5710de6d5f_icon_haken_lightpetrol-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 10px;
  flex: none;
  width: 19px;
  height: 19px;
}

.off-bullet-3:hover {
  opacity: .5;
}

.off-bullet-3:active {
  opacity: 1;
}

.on-bullet-4 {
  opacity: 1;
  cursor: pointer;
  background-color: #077;
  background-image: url("./64ac00935216eb5710de6d5f_icon_haken_lightpetrol-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 10px;
  flex: none;
  width: 19px;
  height: 19px;
}

.on-bullet-4:hover {
  opacity: .5;
}

.on-bullet-4:active {
  opacity: 1;
}

.off-bullet-4 {
  opacity: 0;
  cursor: pointer;
  background-color: #077;
  background-image: url("./64ac00935216eb5710de6d5f_icon_haken_lightpetrol-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 10px;
  flex: none;
  width: 19px;
  height: 19px;
}

.off-bullet-4:hover {
  opacity: .5;
}

.off-bullet-4:active {
  opacity: 1;
}

.haken-ico {
  opacity: 1;
  cursor: pointer;
  background-color: #077;
  background-image: url("./64ac00935216eb5710de6d5f_icon_haken_lightpetrol-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 10px;
  flex: none;
  width: 19px;
  height: 19px;
}

.inpage-nav-tablet {
  z-index: 1020;
  background-color: #74b8b8;
  padding-left: 5vw;
  padding-right: 5vw;
  display: none;
  position: relative;
}

.haken-ico-stat {
  opacity: 1;
  cursor: pointer;
  background-color: #077;
  background-image: url("./64ac00935216eb5710de6d5f_icon_haken_lightpetrol-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 10px;
  flex: none;
  width: 19px;
  height: 19px;
}

.trigger-header-tablet {
  z-index: 1010;
  background-color: #0000;
  width: 10px;
  height: 820px;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.sticky-inpage-nav-tablet {
  z-index: 1020;
  background-color: #74b8b8;
  padding-left: 3vw;
  padding-right: 3vw;
  line-height: 20px;
  display: none;
  position: sticky;
  top: 80px;
}

.product-stage-seminar-sm {
  flex-direction: column;
  justify-content: space-between;
  display: none;
}

.seminar-gesamt-flex-tab {
  display: flex;
}

.tab-drop {
  z-index: 1020;
  background-color: #74b8b8;
  padding-left: 5vw;
  padding-right: 5vw;
  display: none;
}

.tab-drop-label {
  color: var(--white);
  text-align: center;
  letter-spacing: .03em;
  font-family: Segoe UI;
  font-size: 16px;
  line-height: 22px;
}

.seminar-drop-container-horz {
  z-index: 200;
  cursor: pointer;
  border-radius: 10px;
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 10px 8px 12px;
  display: flex;
  position: relative;
}

.seminar-drop-container-horz:hover {
  background-color: #d0e7e7;
}

.seminar-drop-container-horz.w--current {
  background-color: #d0e7e7;
  border-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  display: flex;
}

.seminar-gesamt-dialog {
  display: flex;
}

.inpage-nav-sm-quer-sticky-seminar {
  z-index: 1020;
  background-color: #74b8b8;
  padding-left: 5vw;
  padding-right: 5vw;
  display: none;
}

.seminar-tab-container-horz-sm {
  z-index: 200;
  cursor: pointer;
  border-radius: 10px;
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 10px 8px 12px;
  display: flex;
  position: relative;
}

.seminar-tab-container-horz-sm:hover {
  background-color: #d0e7e7;
}

.seminar-tab-container-horz-sm.w--current {
  background-color: #d0e7e7;
  border-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  display: flex;
}

.product-stage-seminar-module {
  background-color: #d0e7e7;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.product-stage-seminar-module.hide {
  display: none;
}

.tab-fake-anschluss5 {
  background-color: #d0e7e7;
  width: 100%;
  height: 50px;
  display: none;
  position: absolute;
  inset: auto 0% -41%;
}

.on-bullet-5 {
  opacity: 1;
  cursor: pointer;
  background-color: #077;
  background-image: url("./64ac00935216eb5710de6d5f_icon_haken_lightpetrol-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 10px;
  flex: none;
  width: 19px;
  height: 19px;
}

.on-bullet-5:hover {
  opacity: .5;
}

.on-bullet-5:active {
  opacity: 1;
}

.off-bullet-5 {
  opacity: 0;
  cursor: pointer;
  background-color: #077;
  background-image: url("./64ac00935216eb5710de6d5f_icon_haken_lightpetrol-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 10px;
  flex: none;
  width: 19px;
  height: 19px;
}

.off-bullet-5:hover {
  opacity: .5;
}

.off-bullet-5:active {
  opacity: 1;
}

.modulauswahl-drop {
  z-index: 1040;
  cursor: pointer;
  background-color: #d0e7e7;
  border-radius: 4px;
  margin-bottom: 15px;
  display: block;
  position: relative;
  box-shadow: 0 1px 3px #0003;
}

.modul-drop-container {
  border: 2px solid var(--white);
  border-radius: 4px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.modul-drop-trigger {
  justify-content: space-between;
  display: flex;
}

.modul-drop-trigger.big:hover {
  color: var(--coldgray3);
}

.btn-mod-flex {
  display: flex;
}

.btn-txt-mod-drop {
  text-align: center;
  margin-right: 6px;
  padding-left: 15px;
  font-size: 18px;
}

.drop-icon-light {
  cursor: pointer;
  background-color: #e2eeee;
  border: 2px solid #077;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 19px;
  height: 19px;
  display: flex;
}

.seminar-moduldrop-container {
  z-index: 200;
  cursor: pointer;
  border-radius: 10px;
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 12px;
  display: flex;
  position: relative;
}

.seminar-moduldrop-container.w--current {
  background-color: #d0e7e7;
  border-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  display: flex;
}

.moduldrop-link-item {
  padding-left: 15px;
  display: block;
}

.moduldrop-link-item:hover {
  background-color: var(--coldgray3);
}

.moduldrop-link-item.first-sml {
  margin-top: 5px;
}

.moduldrop-link-item.aktuelles {
  padding-top: 5px;
  padding-bottom: 5px;
}

.moduldrop-link-item.aktuelles:hover {
  background-color: var(--coldgray2);
  color: var(--black);
}

.modultab-drop-layer {
  z-index: 1040;
  background-color: #f9f8f7;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: 1px 1px 6px #0003;
}

.modultab-drop-layer:hover {
  color: var(--petrol2);
}

.modultab-drop-layer.coldgray {
  background-color: var(--coldgray2);
  color: var(--black);
  display: block;
  inset: 100% 0% auto;
}

.modultab-drop-layer.vesatz {
  width: 70%;
  height: 180px;
  inset: 120px 5% 0% auto;
}

.modultab-drop-layer.vesatz._02 {
  height: 188%;
  display: none;
}

.btn-mod-flex2 {
  flex: 0 auto;
  justify-content: center;
  display: none;
}

.btn-mod-flex1 {
  justify-content: center;
  display: flex;
}

.on-bullet-drop {
  opacity: 1;
  cursor: pointer;
  background-color: #077;
  background-image: url("./64ac00935216eb5710de6d5f_icon_haken_lightpetrol-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 10px;
  flex: none;
  width: 19px;
  height: 19px;
}

.on-bullet-drop:hover {
  opacity: .5;
}

.on-bullet-drop:active {
  opacity: 1;
}

.seminar-big-kachel-m1 {
  text-align: center;
  border-radius: 10px;
  height: 100%;
  display: none;
}

.seminar-big-kachel-paket {
  text-align: center;
  border-radius: 10px;
  height: 100%;
}

.kruemel2 {
  display: none;
}

.product-stage-seminar-module2 {
  background-color: #d0e7e7;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.auswahl-einzel-horizontal {
  z-index: 1040;
  background-color: #eef8f8;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.auswahl-seminar-horz-1er {
  background-color: #d0e7e7;
  width: 100%;
  padding: 50px 5vw 70px;
}

.auswahl-seminar-horz-1er.leuchtturm {
  background-color: #cdebeb;
}

.table-column {
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.table-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-top: 10px;
  padding-bottom: 15px;
  display: grid;
}

.paragraph {
  margin-bottom: 15px;
}

.paragraph-abstand {
  margin-bottom: 40px;
}

.logo-container-white-200 {
  background-color: var(--white);
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 10px;
}

.foldouts {
  margin-bottom: 35px;
}

.half {
  text-align: left;
  width: 50%;
}

.foldoutbox-text-container-ohne-top {
  color: var(--black);
  text-align: left;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
  position: relative;
}

.content-box {
  background-color: #d0e7e7;
  border-radius: 10px;
  margin-bottom: 35px;
  padding: 20px;
}

.preis-flex {
  justify-content: space-between;
  display: flex;
  position: relative;
}

.foldout-flex-sml {
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.section-referenten {
  background-color: var(--white);
}

.bullet-liste {
  text-align: center;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
}

.bullet-liste.abstand-unten-25 {
  margin-bottom: 25px;
}

.video-text-flex {
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.typo-grey {
  color: #5a5a5a;
}

.video-teaserbox-40 {
  z-index: 1;
  border-radius: 10px;
  align-self: stretch;
  width: 39%;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 10px #00000026;
}

.video-teaserbox-40:hover {
  box-shadow: 1px 1px 15px #0003;
}

.video-teaserbox-40.bild {
  box-shadow: none;
}

.txt-container-60 {
  width: 57%;
}

.section-termine.hellgruen1-farbe {
  background-color: var(--hellgruen1);
}

.termin-tabelle {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.button-tertiaer {
  z-index: 21;
  color: #fff;
  letter-spacing: .3px;
  background-color: #8d8b8b;
  border: 2px solid #8d8b8b;
  border-radius: 4px;
  padding: 5px 12px 8px;
  font-family: Segoe UI;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-tertiaer:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
  box-shadow: 0 4px 15px #00000040;
}

.button-tertiaer:active {
  background-image: linear-gradient(#0000001a, #0000001a);
  transform: translate(2px, 2px);
}

.button-tertiaer.sml {
  text-align: center;
  flex: 1;
  padding-top: 3px;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 22px;
}

.ort {
  flex: 1;
  padding: 15px 15px 10px;
  font-size: 16px;
  line-height: 20px;
  position: relative;
}

.ort.first {
  padding-top: 20px;
}

.tabel-label {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 15px;
  font-size: 16px;
  display: flex;
  position: relative;
}

.tabel-label.last {
  padding-left: 0;
}

.table-head-shadow {
  z-index: 0;
  background-color: var(--white);
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: 1px 1px 10px #0003;
}

.buchen-container {
  justify-content: space-between;
  padding-left: 5px;
  padding-right: 15px;
  display: flex;
}

.buchen-container.first {
  padding-top: 7px;
}

.buchen-container.versatz {
  padding-top: 10px;
}

.date-container {
  padding: 15px;
  font-size: 16px;
  line-height: 20px;
}

.platzcontainer {
  padding: 15px;
  font-size: 16px;
  line-height: 20px;
  position: relative;
}

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

.drop-flex-trigger-tabelle {
  padding-top: 3px;
  padding-bottom: 5px;
}

.arrow-drop-sml {
  width: 16px;
}

.label-flex {
  align-items: center;
  display: flex;
}

.drop-layer-tabelle {
  z-index: 100;
  background-color: #f9f8f7;
  width: 100%;
  padding-bottom: 5px;
  display: none;
  position: absolute;
  box-shadow: 1px 1px 6px #0003;
}

.drop-layer-tabelle.neutral {
  display: none;
}

.seminar-tablledrop-container {
  z-index: 200;
  cursor: pointer;
  border-radius: 10px;
  flex-direction: row;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-top: 5px;
  padding-bottom: 8px;
  display: flex;
  position: relative;
}

.seminar-tablledrop-container.w--current {
  background-color: #d0e7e7;
  border-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  display: flex;
}

.haken-single {
  width: 16px;
  margin-right: 3px;
}

.haken-single.ausblenden {
  opacity: 0;
}

.tabellen_row_trenner {
  z-index: 0;
  border-bottom: 1px solid var(--black-2);
  display: block;
  position: relative;
}

.sortier-area {
  padding-top: 30px;
  padding-bottom: 30px;
}

.drop-container-sortierung {
  background-color: var(--white);
  border: 2px solid #ceccca;
  border-radius: 4px;
  width: 100%;
  padding: 5px 10px;
}

.drop-label {
  margin-right: 10px;
}

.dropdown-container-sort {
  z-index: 100;
  cursor: pointer;
  width: 400px;
  position: relative;
}

.tabelle-drop-item-neutral {
  padding-left: 10px;
  padding-right: 10px;
}

.tabelle-drop-item-neutral:hover {
  background-color: #ceccca4d;
}

.tabelle-drop-item-neutral.first {
  margin-top: 5px;
}

.first {
  margin-top: 15px;
}

.trigger-header-seminare {
  z-index: 1010;
  background-color: #0000;
  width: 10px;
  height: 650px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.preis-container-seminar {
  background-color: #fff9;
  border-radius: 10px;
  flex: 1;
  padding: 30px 35px 15px;
}

.vorschau-button {
  z-index: 10;
  background-color: #d0e7e7;
  border-radius: 4px;
  width: 220px;
  padding: 7px 15px 10px;
  font-size: 18px;
  display: inline-block;
  position: relative;
  left: auto;
  right: auto;
  box-shadow: 1px 1px 6px #0003;
}

.vorschau-button:hover {
  box-shadow: 0 4px 15px #00000040;
}

.vorschau-button.hide {
  display: none;
}

.text-block-10 {
  color: #74b8b8;
  object-fit: fill;
  background-color: #0000;
  width: 100%;
  display: block;
  position: relative;
  left: auto;
  right: auto;
  overflow: visible;
}

.vorschau-button-var {
  z-index: 10;
  background-color: #0000;
  border-radius: 4px;
  width: 220px;
  padding: 7px 15px 10px;
  font-size: 18px;
  display: inline-block;
  position: relative;
  left: auto;
  right: auto;
}

.vorschau-button-var:hover {
  box-shadow: 0 4px 15px #00000040;
}

.vorschau-button-var.hide {
  display: none;
}

.text-block-11 {
  object-fit: fill;
  background-color: #0000;
  width: 100%;
  display: block;
  position: relative;
  left: auto;
  right: auto;
  overflow: visible;
}

.text-block-11:hover {
  color: var(--datev-petrol);
}

.vorschau-button-var-2 {
  z-index: 10;
  background-color: #0000;
  border: 2px solid #74b8b8;
  border-radius: 4px;
  justify-content: center;
  width: 80%;
  margin-top: 290px;
  margin-left: auto;
  margin-right: auto;
  padding: 7px 15px 10px;
  font-size: 18px;
  display: flex;
  position: absolute;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.vorschau-button-var-2:hover {
  border-color: var(--datev-petrol);
  box-shadow: 1px 1px 6px #0003;
}

.vorschau-button-var-2.hide {
  display: none;
}

.text-block-12 {
  color: var(--datev-petrol);
  object-fit: fill;
  background-color: #0000;
  width: 100%;
  display: block;
  position: relative;
  left: auto;
  right: auto;
  overflow: visible;
}

.vorschau-button-var-1 {
  z-index: 10;
  text-align: right;
  background-color: #e4e3e2;
  border-radius: 4px;
  justify-content: flex-end;
  width: 50%;
  margin-top: 290px;
  margin-left: auto;
  margin-right: auto;
  padding: 7px 15px 10px;
  font-size: 18px;
  display: flex;
  position: absolute;
  bottom: auto;
  left: -55%;
  right: 0%;
  box-shadow: 1px 1px 6px #0003;
}

.vorschau-button-var-1:hover {
  border-color: var(--datev-petrol);
  box-shadow: 1px 1px 6px #0003;
}

.vorschau-button-var-1.hide {
  display: none;
}

.arrow {
  width: 18px;
  margin-left: 10px;
  padding-top: 5px;
}

.vorschau-button-var-3 {
  z-index: 10;
  color: var(--white);
  text-align: right;
  background-color: #74b8b8;
  border-radius: 4px;
  justify-content: flex-end;
  width: 90%;
  margin-top: 290px;
  margin-left: auto;
  margin-right: auto;
  padding: 7px 15px 10px;
  font-size: 18px;
  display: flex;
  position: absolute;
  bottom: auto;
  left: -16%;
  right: 0%;
}

.vorschau-button-var-3:hover {
  border-color: var(--datev-petrol);
  color: #ffffffb3;
  box-shadow: 1px 1px 6px #0003;
}

.vorschau-button-var-3.hide {
  display: none;
}

.arrow2 {
  width: 18px;
  margin-left: 10px;
  padding-top: 0;
  transform: rotate(180deg);
}

.vorschau-button-var-4 {
  z-index: 10;
  color: var(--white);
  text-align: right;
  background-color: #74b8b8;
  border-radius: 4px;
  justify-content: flex-end;
  width: 90%;
  margin-top: 23px;
  margin-left: auto;
  margin-right: auto;
  padding: 7px 15px 10px;
  font-size: 18px;
  display: flex;
  position: absolute;
  bottom: auto;
  left: -16%;
  right: 0%;
}

.vorschau-button-var-4:hover {
  border-color: var(--datev-petrol);
  color: #ffffffb3;
  box-shadow: 1px 1px 6px #0003;
}

.vorschau-button-var-4.hide {
  display: none;
}

.txt-btn {
  color: #077;
  object-fit: fill;
  background-color: #0000;
  width: 100%;
  display: block;
  position: relative;
  left: auto;
  right: auto;
  overflow: visible;
}

.txt-btn:hover {
  opacity: .75;
  color: #077;
}

.termingrid-slots {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr 1fr 1fr .75fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.date-eintrag {
  margin-bottom: 3px;
  margin-right: 5px;
}

.date-eintrag-flex {
  display: flex;
}

.day {
  width: 35px;
}

.auswahl-btn-kombi {
  align-items: center;
  display: flex;
}

.auswahl-btn-kombi.abstand-unten-15 {
  align-items: stretch;
}

.modulauswahl-drop-inpage {
  z-index: 1040;
  cursor: pointer;
  background-color: #d0e7e7;
  border-radius: 4px;
  margin-right: 10px;
  display: block;
  position: relative;
  box-shadow: 1px 1px 3px #0003;
}

.drop-flex-trigger-inpage {
  padding-top: 7px;
  padding-bottom: 8px;
}

.modul-drop-container-inpage {
  border-radius: 4px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.btn-txt-mod-drop-kurz {
  text-align: left;
  margin-right: 6px;
  padding-left: 15px;
  font-size: 16px;
}

.seminar-moduldrop-container-inpage {
  z-index: 200;
  cursor: pointer;
  border-radius: 10px;
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 8px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.seminar-moduldrop-container-inpage.w--current {
  background-color: #d0e7e7;
  border-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  display: flex;
}

.top-anker {
  width: 100%;
  height: 20px;
  position: absolute;
}

.change-container {
  opacity: .65;
  color: var(--black);
  margin-left: 10px;
}

.change-container:hover {
  opacity: 1;
}

.btn-txt-mod-drop-inpage2 {
  text-align: left;
  margin-right: 6px;
  padding-left: 15px;
  font-size: 16px;
}

.gewaehlt-gesamt {
  align-items: center;
  display: flex;
}

.product-stage-semianr-module-sm {
  background-color: #d0e7e7;
  flex-direction: column;
  justify-content: space-between;
  display: none;
}

.seminar-big-tab {
  text-align: center;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.section-details-preise {
  position: relative;
}

.section-details-preise-tablet {
  display: none;
  position: relative;
}

.seminar-big-einzeln {
  text-align: center;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.modultab-drop-layer-inpage {
  z-index: 1040;
  background-color: #f9f8f7;
  width: 100%;
  display: block;
  position: absolute;
  box-shadow: 1px 1px 6px #0003;
}

.fixed_cta_sm {
  background-color: var(--datev-petrol);
  color: var(--white);
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  box-shadow: 0 0 10px #0006;
}

.fixed-cta-kontakt {
  z-index: 1001;
  width: 100%;
  display: none;
  position: fixed;
  bottom: 0;
}

.btn-kontakt-flex {
  margin-left: 10px;
}

.kontakt-inhalt-sm {
  display: block;
  position: relative;
  overflow: hidden;
}

.kontakt-ico-flex-sml {
  color: #039a9a;
  align-items: center;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 26px;
  display: flex;
}

.kontakt-ico-flex-sml:hover {
  color: #fff;
  text-decoration: underline;
}

.kontakt-ico-flex-sml:active {
  text-decoration: underline;
}

.hl-box-kontakt-sml {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px 20px;
  display: flex;
}

.kontakt-box-aufgeklappt-mobile-single {
  width: 100%;
  display: none;
  transform: translate(100%, -80%);
}

.kontakt-box-petrol-single {
  z-index: 1;
  background-color: var(--datev-petrol);
  color: #fff;
  border-radius: 10px;
  margin-bottom: 15px;
  box-shadow: 0 0 20px #0000001a;
}

.button-auswahl-container-fixed {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 10px;
  display: flex;
}

.modultab-drop-layer-footer {
  z-index: 1040;
  background-color: #f9f8f7;
  width: 100%;
  display: block;
  position: absolute;
  box-shadow: 1px 1px 6px #0003;
}

.modulauswahl-drop-footer {
  z-index: 1040;
  cursor: pointer;
  background-color: #d0e7e7;
  border-radius: 4px;
  display: block;
  position: relative;
  box-shadow: 1px 1px 6px #0003;
}

.kontakt-close-single {
  cursor: pointer;
  width: 18px;
  margin-top: -7px;
  margin-right: 5px;
  padding-top: 0;
  transform: rotate(-90deg);
}

.section-details-preise-sm {
  display: none;
}

.time-eintrag {
  margin-bottom: 3px;
}

.eintrag-container {
  display: flex;
}

.platz-label {
  display: none;
}

.section-termine-tablet.bg-green {
  background-color: #f4faeb;
  display: none;
}

.fixed-table-header {
  display: none;
}

.table-head-shadow-fixed {
  z-index: 0;
  background-color: var(--white);
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: 1px 1px 10px #0003;
}

.termingrid-label-sticky {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr 1fr 1fr .75fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.boxpadding-seitlich {
  flex: 1;
  padding: 1.5vw 2rem 2vw;
  position: relative;
}

.section-termine-tablet-fixed.bg-green {
  background-color: #f4faeb;
  display: none;
}

.termin-tabelle-head {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.section-termine-sm.bg-green, .section-termine-sm-sticky.bg-green {
  background-color: #f4faeb;
  display: none;
}

.portal-flex-final {
  border-top: 1px solid #ceccca;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 50px;
  margin-bottom: 35px;
  padding-top: 40px;
  display: flex;
}

.portal-flex-final.ohne-strich {
  border-top-width: 0;
  padding-top: 0;
  display: none;
}

.bg-mediumpetrol {
  z-index: -1;
  background-color: #d0e7e7;
  display: none;
  position: absolute;
  inset: 0%;
}

.hellpetrol {
  cursor: pointer;
  background-color: #e2eeee;
  border: 1px solid #ceccca;
  width: 40px;
  height: 40px;
}

.hellpetrol:hover {
  box-shadow: 1px 1px 10px #00000026;
}

.bg-hellpetrol {
  z-index: -1;
  background-color: #e2eeee;
  position: absolute;
  inset: 0%;
}

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

.fabshades-flex {
  z-index: 20;
  margin-bottom: 30px;
  display: flex;
  position: relative;
}

.fabshades-flex.last {
  margin-bottom: 80px;
}

.fabshades-flex.liste {
  margin-bottom: 40px;
}

.fabshades-flex.liste.zweier {
  margin-bottom: 0;
}

.fabshades-flex.liste._25 {
  margin-bottom: 25px;
}

.fabshades-flex.liste.hide {
  display: none;
}

.farbshade {
  border: 1px solid #ddd;
  width: 100px;
  height: 100px;
  margin-bottom: 18px;
  padding: 0 10px;
  overflow: hidden;
}

.farbshade.hellgruen {
  background-color: #e9f6d6;
}

.farbshade.green1 {
  background-color: var(--green1);
}

.farbshade.hellgelb {
  background-color: #fcf7ea;
}

.farbshade.amber1 {
  background-color: #fffbd9;
}

.farbshade.lichtpetrol {
  background-color: #eef8f8;
}

.farbshade.azur1 {
  background-color: var(--azur1);
}

.farbshade.hellpetrol {
  background-color: #e2eeee;
}

.farbshade.medium-petrol {
  background-color: #d0e7e7;
}

.farbshade.inpage {
  background-color: #74b8b8;
}

.farbshade.coldgray1 {
  background-color: var(--coldgray1);
}

.farbshade.bg-gray {
  background-color: #ebebeb;
}

.farbshade.breadcrumb-gray {
  background-color: #f6f6f6;
}

.farbshade.coldgray2 {
  background-color: var(--coldgray2);
}

.farbshade.mittelgrau {
  background-color: #e4e3e2;
}

.farbshade.beige1 {
  background-color: var(--beige1);
}

.farbshade.coldgray7 {
  background-color: var(--coldgray7);
  color: var(--white);
}

.farbshade.black-7 {
  color: var(--white);
  background-color: #4d4d4d;
}

.farbshade.darkblue {
  color: var(--white);
  background-color: #3b6394;
}

.farbshade.azur7 {
  background-color: var(--azur7);
}

.farbshade.datev-green {
  background-color: var(--datev-green);
}

.farbshade.petrol {
  background-color: var(--datev-petrol);
}

.farbshade.black-dna20 {
  background-color: var(--white);
  color: var(--black);
}

.farbshade.gruen9 {
  background-color: #9bd547;
}

.farbshade.gruen8 {
  background-color: #a6da5c;
}

.farbshade.gruen7 {
  background-color: #b1de70;
}

.farbshade.gruen6 {
  background-color: #bce385;
}

.farbshade.gruen5 {
  background-color: #c7e899;
}

.farbshade.gruen4 {
  background-color: #d3ecad;
}

.farbshade.gruen3 {
  background-color: #def1c2;
}

.farbshade.gruen2 {
  background-color: #e9f6d6;
}

.farbshade.gruen1 {
  background-color: #f4faeb;
}

.farbshade.dunkelgruen {
  background-color: var(--datev-petrol);
}

.farbshade.dunkelgruen9 {
  background-color: #1ca4a4;
}

.farbshade.dunkelgruen8 {
  background-color: #35aeae;
}

.farbshade.dunkelgruen7 {
  background-color: #4fb8b8;
}

.farbshade.dunkelgruen6 {
  background-color: #68c2c2;
}

.farbshade.dunkelgruen5 {
  background-color: #81cdcd;
}

.farbshade.dunkelgruen4 {
  background-color: #9ad7d7;
}

.farbshade.dunkelgruen3 {
  background-color: #b4e1e1;
}

.farbshade.dunkelgruen1 {
  background-color: #e6f5f5;
  width: 100px;
  height: 100px;
}

.farbshade.dunkelgruen2 {
  background-color: #cdebeb;
  width: 100px;
  height: 100px;
}

.farbshade.amber2 {
  background-color: #fff9b9;
}

.farbshade.amber3 {
  background-color: #ffef86;
}

.farbshade.amber4 {
  background-color: #ffde5f;
}

.farbshade.amber5 {
  background-color: #ffc800;
}

.farbshade.amber6 {
  background-color: #ffb200;
}

.farbshade.amber7 {
  background-color: #fa9600;
}

.farbshade.amber8 {
  background-color: var(--amber8);
}

.farbshade.amber9 {
  background-color: var(--amber9);
}

.farbshade.berry8 {
  background-color: #510f30;
}

.farbshade.berry7 {
  background-color: #6a1e44;
}

.farbshade.berry5 {
  background-color: var(--berry5);
}

.farbshade.berry4 {
  background-color: #c6638b;
}

.farbshade.berry3 {
  background-color: var(--berrry3);
}

.farbshade.red7 {
  background-color: var(--red7);
}

.farbshade.red6 {
  background-color: var(--red6);
}

.farbshade.red5 {
  background-color: var(--red5);
}

.farbshade.red4 {
  background-color: var(--red4);
}

.farbshade.red1 {
  background-color: var(--red1);
}

.farbshade.red3 {
  background-color: var(--red3);
}

.farbshade.red8 {
  background-color: var(--red8);
}

.farbshade.azur8 {
  background-color: var(--azur8);
}

.farbshade.green8 {
  background-color: var(--green8);
}

.farbshade.azur6 {
  background-color: var(--azur6);
}

.farbshade.azur5 {
  background-color: var(--azur5);
}

.farbshade.azur4 {
  background-color: var(--azur4);
}

.farbshade.azur3 {
  background-color: var(--azur3);
}

.farbshade.azur2 {
  background-color: var(--azur2);
}

.farbshade.green7 {
  background-color: var(--green7);
}

.farbshade.green6 {
  background-color: var(--green6);
}

.farbshade.green5 {
  background-color: var(--green5);
}

.farbshade.green4 {
  background-color: var(--green4);
}

.farbshade.green3 {
  background-color: var(--green3);
}

.farbshade.green2 {
  background-color: var(--green2);
}

.farbshade.coldgray8 {
  background-color: var(--coldgray8);
}

.farbshade.coldgray6 {
  background-color: var(--coldgray6);
}

.farbshade.coldygray5 {
  background-color: var(--coldgray5);
}

.farbshade.coldgray4 {
  background-color: var(--coldgray4);
}

.farbshade.berry6 {
  background-color: var(--berry6);
}

.farbshade.berry2 {
  background-color: var(--berrry2);
}

.farbshade.berry1 {
  background-color: #fde5ef;
}

.farbshade.auswahl-seminar-flex-drittel2 {
  background-color: var(--red2);
}

.farbshade.black-10 {
  background-color: var(--black);
}

.farbshade.black-linie {
  border-color: var(--black);
}

.farbshade.black-9-linie {
  border-color: var(--black-9);
}

.farbshade.black-8-linie {
  border-color: var(--black-8);
}

.farbshade.black-6 {
  background-color: var(--black-6);
}

.farbshade.black-5 {
  background-color: var(--black-5);
}

.farbshade.black-4 {
  background-color: var(--black-4);
}

.farbshade.black-3 {
  background-color: var(--black-3);
}

.farbshade.black-5-linie {
  border-color: var(--black-5);
}

.farbshade.black-2 {
  background-color: var(--black-2);
}

.farbshade.black-1 {
  background-color: var(--black-1);
}

.farbshade.black-3-linie {
  border-color: var(--black-3);
}

.farbshade.black-1-linie {
  border-color: var(--black-1);
}

.farbshade.black-2-linie {
  border-color: var(--black-2);
}

.farbshade.beige2 {
  background-color: var(--beige2);
}

.farbshade.black-0 {
  background-color: var(--black-0);
}

.farbshade.petrol1 {
  background-color: var(--petrol1);
}

.farbshade.petrol2 {
  background-color: var(--petrol2);
}

.farbshade.amber0 {
  background-color: var(--amber0);
  width: 100px;
  height: 100px;
}

.farbshade.berry0 {
  background-color: var(--berry0);
}

.farbshade.red0 {
  background-color: var(--red0);
}

.farbshade.azur0 {
  background-color: var(--azur0);
  width: 100px;
  height: 100px;
}

.farbshade.green0 {
  background-color: var(--green0);
}

.farbshade.button {
  width: 120px;
}

.farbshade.button.hellgruen1 {
  height: 100px;
}

.farbshade.button-box {
  border-width: 0;
  width: 200px;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  overflow: visible;
}

.farbshade.button-box.mit {
  border-width: 1px;
}

.farbshade.button-box.invers-petrol2 {
  background-color: var(--petrol2);
  width: 180px;
  padding-left: 12px;
}

.farbshade.button-box.invers-petrol2.hover {
  position: relative;
}

.farbshade.button-box.bg {
  padding-left: 10px;
}

.farbshade.button-box.center {
  align-items: center;
  display: flex;
}

.farbshade.button-box.invers-berry6 {
  background-color: var(--berry6);
  width: 180px;
  padding-left: 12px;
}

.farbshade.button-box.invers-azur7 {
  background-color: var(--azur7);
  width: 180px;
  padding-left: 12px;
}

.farbshade.button-box.invers-green6 {
  background-color: var(--green6);
  width: 180px;
  padding-left: 12px;
}

.farbshade.button-box.invers-petrol1 {
  background-color: var(--petrol1-2);
  width: 180px;
  padding-left: 12px;
}

.farbshade.button-box.invers-petrol {
  background-color: var(--datev-petrol);
  width: 180px;
  padding-left: 12px;
}

.farbshade.button-box.invers-berry5 {
  background-color: var(--berry5);
  width: 180px;
  padding-left: 12px;
}

.farbshade.button-box.invers-green7 {
  background-color: var(--green7);
  width: 180px;
  padding-left: 12px;
}

.farbshade.button-box.invers-coldgray7 {
  background-color: var(--coldgray7);
  width: 180px;
  padding-left: 12px;
}

.farbshade.button-box.black2 {
  background-color: var(--black-2);
  padding-left: 10px;
}

.farbshade.button-box.hellgruen2 {
  background-color: var(--hellgruen2-3);
  padding-left: 10px;
}

.farbshade.button-box.dunkelgruen3 {
  background-color: var(--dunkelgruen3);
  padding-left: 10px;
}

.farbshade.ohnerand {
  border-width: 0;
}

.farbshade.hinweis-alt {
  color: #ff8a00;
  background-color: #fff3e6;
}

.farbshade.warn-alt {
  color: #be2344;
  background-color: #f7e9eb;
}

.farbshade.orange {
  background-color: #ff8a00;
}

.farbshade.datev-petrol {
  background-color: var(--datev-petrol);
  color: var(--white);
}

.farbshade.datev-blue {
  background-color: #3b6394;
}

.farbshade.hellgrau {
  background-color: #f6f6f6;
}

.farbshade.button-box-invers {
  background-color: var(--petrol2);
  border-width: 0;
  width: 200px;
  height: auto;
  padding: 10px 15px;
}

.farbshade.button-box-invers2 {
  background-color: var(--coldgray8);
  border-width: 0;
  width: 200px;
  height: auto;
  padding: 10px 15px;
}

.farbshade.datev-green-schrift {
  background-color: #7ebb25;
}

.farbshade.ohne {
  padding-left: 0;
  padding-right: 0;
}

.farbshade.suche {
  border-width: 0;
  width: auto;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
}

.farbshade.text {
  color: var(--black);
  width: 300px;
  height: auto;
}

.farbshade.button-box-mouse {
  border-width: 0;
  width: auto;
  height: auto;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: visible;
}

.farbshade.button-box-invers3 {
  background-color: var(--azur7-8);
  border-width: 0;
  width: 200px;
  height: auto;
  padding: 10px 15px;
}

.farbshade.button-box-invers4 {
  background-color: var(--berry7);
  border-width: 0;
  width: 200px;
  height: auto;
  padding: 10px 15px;
}

.farbshade.dunkelblau {
  color: var(--white);
  background-color: #3b6394;
}

.farbshade-gesamt {
  color: var(--black-7);
  margin-right: 35px;
}

.farbshade-gesamt.last {
  margin-right: 100px;
}

.farbshade-gesamt.placeholder {
  opacity: 0;
}

.farbshade-gesamt.hide {
  display: none;
}

.farbshade-gesamt.zweier {
  margin-bottom: 30px;
}

.farbshade-gesamt.zweier.ohne {
  margin-right: 0;
}

.farbshade-gesamt.hl {
  flex: none;
  width: 250px;
}

.farbshade-gesamt.linie {
  width: 100px;
}

.farbshade-gesamt.ico {
  width: 100%;
}

.farbshade-gesamt.ohne {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-right: 0;
  display: flex;
}

.coldgray2 {
  background-color: #d7e3e8;
}

.coldgray3 {
  background-color: #b6cad1;
}

.h4-typo {
  color: var(--datev-petrol);
}

.h4-typo.block {
  display: inline-block;
}

.h4-typo.block2 {
  margin-left: 45px;
  display: inline-block;
}

.h4-typo.block2.hl {
  margin-left: 196px;
}

.h4-typo.block2.button {
  margin-left: 97px;
}

.h4-typo.block-marktplatz {
  margin-left: 195px;
  display: inline-block;
}

.product-stage-seminar-tablet {
  flex-direction: column;
  justify-content: space-between;
  display: none;
}

.product-stage-seminar-module-tablet {
  background-color: #d0e7e7;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: none;
}

.label-farben-abs {
  z-index: 0;
  border: 0 solid #ceccca;
  border-width: 0 1px;
  width: auto;
  height: 1000px;
  margin-left: 126px;
  padding-top: 5px;
  padding-left: 10px;
  position: absolute;
}

.label-farben-abs._0 {
  border-width: 0;
  height: 550px;
  margin-left: -8px;
  top: 0;
}

.farb-section {
  max-width: 900px;
  margin-bottom: 50px;
  position: relative;
}

.farb-section.last {
  margin-bottom: 70px;
}

.black-10 {
  color: var(--black);
}

.black-10.block {
  display: inline-block;
}

.button-primaer-dna20 {
  z-index: 2;
  color: var(--black);
  letter-spacing: .3px;
  background-color: #99e827;
  border-radius: 4px;
  flex: 1;
  padding: 7px 15px 10px;
  font-family: Segoe UI;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  box-shadow: 1px 1px 3px #0003;
}

.button-primaer-dna20:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
  box-shadow: 0 4px 15px #00000040;
}

.button-primaer-dna20:active {
  background-image: linear-gradient(#0000001a, #0000001a);
  transform: translate(2px, 2px);
}

.text-sekundaer-bezeichner {
  color: var(--red6);
  font-family: Segoe UI Italic;
}

.anwendungslabel {
  margin-top: 10px;
  font-family: Segoe UI Italic;
}

.h3-petrol1 {
  color: var(--petrol1);
}

.h3-petrol1.block {
  display: inline-block;
}

.farb-area {
  border: 1px solid #ddd;
  width: 300px;
  height: 100px;
  margin-bottom: 18px;
  padding: 0 10px;
}

.farb-area.green1 {
  background-color: #e6f4de;
}

.farb-area.azur1 {
  background-color: #e5f8ff;
}

.farb-area.coldgray1 {
  background-color: #ecf2f4;
}

.farb-area.black1 {
  background-color: #e5e5e5;
}

.farb-area.coldgray2 {
  background-color: var(--coldgray2-3);
  height: 100px;
}

.farb-area.beige1 {
  background-color: #f4f3ee;
}

.farb-area.coldgray7 {
  color: var(--white);
  background-color: #38484f;
}

.farb-area.azur7 {
  background-color: var(--azur7-8);
}

.farb-area.black0 {
  background-color: var(--black-0);
}

.farb-area.black2 {
  background-color: var(--black-2);
}

.farb-area.gruen2 {
  background-color: var(--hellgruen2);
}

.farb-area.green0 {
  background-color: var(--green0);
}

.farb-area.gruen1 {
  background-color: var(--hellgruen1);
}

.farb-area.beige2 {
  background-color: var(--beige2);
}

.farb-area.amber1 {
  background-color: var(--amber1);
}

.farb-area.amber0 {
  background-color: var(--amber0);
  width: 300px;
  height: 100px;
}

.farb-area.azur2 {
  background-color: var(--azur2);
}

.farb-area.azur0 {
  background-color: var(--azur0);
  width: 300px;
  height: 100px;
}

.farb-area.dunkelgruen1 {
  background-color: var(--dunkelgruen1);
  width: 300px;
  height: 100px;
}

.farb-area.dunkelgruen2 {
  background-color: #cdebeb;
  width: 300px;
  height: 100px;
}

.farb-area.dunkelgruen3 {
  background-color: var(--dunkelgruen3);
}

.farb-area.dunkelgruen5 {
  background-color: var(--dunkelgruen5);
}

.farb-area.berry {
  background-color: var(--berrry2);
}

.farb-area.dunkelgruen4 {
  background-color: var(--dunkelgruen4);
}

.farb-area.dunkelgruen6 {
  background-color: var(--dunkelgruen6);
}

.farb-area.azur6 {
  background-color: var(--azur6);
}

.farb-area.azur3 {
  background-color: var(--azur3-4);
}

.farb-area.coldgray3 {
  background-color: var(--coldgray3);
}

.farb-area.coldgray8 {
  background-color: var(--coldgray8);
}

.farb-area.hellgruen-1 {
  background-color: var(--hellgruen1);
}

.farb-area.red0 {
  background-color: var(--red0);
}

.farb-area.amber4 {
  background-color: var(--amber4);
}

.farb-area.amber5 {
  background-color: var(--amber5);
}

.farb-area.green4 {
  background-color: var(--green4-5);
}

.farb-area.green5 {
  background-color: var(--green5);
}

.farb-area.hellgruen5 {
  background-color: var(--hellgruen5);
}

.farb-area.dunkelgruen7 {
  background-color: var(--dunkelgruen7);
}

.farb-area.azur4 {
  background-color: var(--azur4);
}

.farb-area.azur5 {
  background-color: var(--azur5);
}

.farb-area.hellgruen7 {
  background-color: var(--hellgruen-7);
}

.farb-area.dunkelgruen9 {
  background-color: var(--dunkelgruen9);
}

.farb-area.bild {
  background-image: url("./64ac00935216eb5710de6ed1_relaunch_big-picture_lohn-und-gehaltsabrechnung-un.jpg");
  background-position: 100% 0;
  background-size: auto;
  width: 500px;
  height: 150px;
  padding-top: 20px;
  overflow: hidden;
}

.farb-area._4er {
  width: 500px;
  height: 300px;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.aspect-container {
  max-width: 100px;
  margin-bottom: 8px;
}

.aspect-container.full {
  max-width: none;
}

.aspectmarker {
  color: var(--white);
  text-align: center;
  letter-spacing: .03em;
  background-color: #6fa81d;
  border-radius: 15px;
  width: 100%;
  padding: 5px 12px 7px;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
}

.aspectmarker.fail {
  background-color: #be2344;
}

.aspectmarker.sml {
  width: auto;
  margin-right: 10px;
}

.aspectmarker.sml.aa {
  background-color: #ff8a00;
}

.aspectmarker.sml.last {
  margin-right: 0;
}

.aspectmarker.aa {
  background-color: #ff8a00;
}

.aspectmarker.flimmern {
  background-color: #3b6394;
}

.farb-angaben-flex {
  justify-content: flex-start;
  margin-bottom: 10px;
}

.h4-petrol1 {
  color: var(--petrol1);
  font-family: Segoe UI;
  font-size: 22px;
  line-height: 28px;
}

.vardrop-flex-trigger {
  padding-top: 7px;
  padding-bottom: 10px;
}

.video-area {
  z-index: 0;
  text-align: center;
  border-radius: 10px;
  width: 100%;
  max-width: 546px;
  height: 100%;
  position: relative;
}

.video-stage {
  z-index: 1;
  border-radius: 10px;
  align-self: stretch;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.video-stage:hover {
  box-shadow: 1px 1px 15px #0003;
}

.video-full-stage {
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  max-width: 546px;
  height: 100%;
  margin-top: 55px;
  padding-left: 5vw;
  display: flex;
}

.video-embed {
  z-index: 500;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.video-embed.hide {
  display: none;
}

.video-verlauf {
  z-index: 520;
  background-image: radial-gradient(circle, #0000, #0000001a);
  width: 100%;
  height: 100%;
  margin-top: 56.25%;
  display: none;
  position: absolute;
  overflow: hidden;
}

.video_thumb_mit-pla2 {
  background-color: var(--black);
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 546px;
  display: flex;
  position: relative;
}

.video_thumb_mit-pla2.hide {
  display: none;
}

.video_iframe_mit-play {
  background-color: var(--white);
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 56.25%;
  display: flex;
  position: relative;
}

.angaben-container {
  width: 80%;
  max-width: 900px;
  margin-bottom: 60px;
  position: relative;
}

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

.aa {
  background-color: #ff8a00;
}

.fail {
  background-color: #be2344;
}

.aa-marker {
  background-color: #ff8a00;
  margin-left: 10px;
  margin-right: 10px;
}

.aaa-marker {
  background-color: #6fa81d;
  width: 50px;
  margin-left: 10px;
  margin-right: 10px;
}

.flimmert-marker {
  background-color: #3b6394;
  width: 50px;
  margin-left: 10px;
  margin-right: 10px;
}

.fail-marker {
  background-color: #be2344;
  width: 50px;
  margin-left: 10px;
  margin-right: 10px;
}

.black-9 {
  color: var(--black-9);
}

.black-8 {
  color: var(--black-8);
}

.black-7 {
  color: var(--black-7);
}

.black-6 {
  color: var(--black-6);
}

.black-5 {
  color: var(--black-5);
}

.black-4 {
  color: var(--black-4);
}

.button-container-block {
  flex-direction: column;
  align-items: stretch;
  height: 80vh;
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  position: sticky;
  inset: 20px 0% 0%;
}

.btn_txt_black2 {
  color: var(--black);
  text-align: center;
  letter-spacing: .03em;
  text-shadow: none;
  flex: 0 auto;
  font-size: 16px;
  line-height: 22px;
  display: none;
}

.lline-black-10 {
  background-color: var(--black);
  height: 1px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.lline-black-5 {
  background-color: var(--black-5);
  height: 1px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.lline-black-3 {
  background-color: var(--black-3);
  height: 1px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.lline-black-2 {
  background-color: var(--black-2);
  height: 1px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.lline-black-1 {
  background-color: var(--black-1);
  height: 1px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.petrol1 {
  color: var(--petrol1);
}

.petrol1.block {
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
}

.h3-coldgray5 {
  color: var(--coldgray5);
}

.h3-azur6 {
  color: var(--azur6);
}

.h3-azur6.block {
  display: inline-block;
}

.h3-azur7 {
  color: var(--azur7);
}

.h3-green6 {
  color: var(--green6);
}

.h3-green6.block {
  display: inline-block;
}

.h3-green5 {
  color: var(--green5);
}

.h3-green5.block {
  display: inline-block;
}

.h3-azur5 {
  color: var(--azur5);
}

.h3-azur5.block {
  display: inline-block;
}

.h3-berry6 {
  color: var(--berry6);
}

.h3-berry6.block {
  display: inline-block;
}

.h3-berry5 {
  color: var(--berry5);
}

.h3-berry5.block {
  display: inline-block;
}

.h4-azur6 {
  color: var(--azur6);
  font-family: Segoe UI;
  font-size: 22px;
  line-height: 28px;
}

.h4-green6 {
  color: var(--green6);
  font-family: Segoe UI;
  font-size: 22px;
  line-height: 28px;
}

.h3-petrol2 {
  color: var(--petrol2);
}

.h3-petrol2.block {
  display: inline-block;
}

.petrol2 {
  color: var(--petrol2);
}

.petrol2.block {
  display: inline-block;
}

.h4-petrol2 {
  color: var(--petrol2);
  margin-top: 10px;
  font-family: Segoe UI;
  font-size: 20px;
  line-height: 26px;
}

.h4-petrol2.block {
  display: inline-block;
}

.side-nav-container {
  padding-top: 15px;
}

.sidenav-item {
  border: 2px solid var(--black-1);
  text-align: center;
  border-radius: 4px;
  justify-content: center;
  margin-bottom: 10px;
  padding: 7px 25px;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.sidenav-item:hover {
  box-shadow: 1px 1px 10px #0003;
}

.section-header-farben {
  padding-top: 50px;
}

.trennlinie {
  background-color: var(--black-2);
  flex: none;
  width: 1px;
  margin-right: 30px;
}

.vergleich-container {
  margin-bottom: 31px;
}

.rel-container {
  position: relative;
}

.ico-produkt {
  z-index: 200;
  position: relative;
}

.produkt-ico-container {
  z-index: 505;
  width: 100%;
  min-width: 70px;
  max-width: 90px;
  height: 100%;
  min-height: 70px;
  max-height: 90px;
  margin-top: -35px;
  margin-right: auto;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ico-layer {
  background-color: #ebebeb;
  border: 2px solid #626967;
  border-radius: 4px;
  width: 100%;
  min-width: 70px;
  max-width: 90px;
  height: 100%;
  min-height: 70px;
  max-height: 90px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-primaer-petrol2 {
  z-index: 2;
  background-color: var(--petrol2);
  color: #fff;
  letter-spacing: .03em;
  border-radius: 4px;
  flex: 1;
  padding: 10px 15px 11px;
  font-family: Noto Sans Display, sans-serif;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 1px 3px #0003;
}

.button-primaer-petrol2:hover {
  color: var(--white);
  background-image: linear-gradient(#0000004d, #0000004d);
  box-shadow: 0 4px 15px #00000040;
}

.button-primaer-petrol2:active {
  color: #ffffff80;
  background-image: linear-gradient(#0000004d, #0000004d);
  transform: translate(2px, 2px);
}

.button-primaer-petrol2:focus {
  box-shadow: 0 4px 15px #00000040;
}

.button-primaer-petrol2:visited {
  box-shadow: none;
  color: #ffffff80;
}

.button-primaer-petrol2.pressed {
  color: #ffffff80;
  background-image: linear-gradient(#0000004d, #0000004d);
  transform: translate(2px, 2px);
  box-shadow: 3px 3px 15px #0003;
}

.button-primaer-petrol2.hover {
  background-image: linear-gradient(#0000004d, #0000004d);
  box-shadow: 3px 3px 15px #0003;
}

.button-primaer-petrol2.visited {
  box-shadow: none;
  color: #ffffff80;
}

.button-primaer-petrol2.full {
  justify-content: center;
  align-self: stretch;
  display: flex;
}

.button-primaer-petrol1 {
  z-index: 2;
  background-color: var(--petrol1-2);
  color: #fff;
  letter-spacing: .3px;
  border-radius: 4px;
  flex: 1;
  padding: 7px 15px 10px;
  font-family: Segoe UI;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
  position: sticky;
  box-shadow: 1px 1px 3px #0003;
}

.button-primaer-petrol1:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
  box-shadow: 0 4px 15px #00000040;
}

.button-primaer-petrol1:active {
  background-image: linear-gradient(#0000001a, #0000001a);
  transform: translate(2px, 2px);
}

.farbshade-2 {
  border: 1px solid #ddd;
  width: 100px;
  height: 100px;
  margin-bottom: 18px;
  padding: 0 10px;
}

.farbshade-2.gruen8 {
  background-color: var(--hellgruen8);
}

.black-10-2 {
  color: #000;
}

.aspectmarker-2 {
  color: #fff;
  text-align: center;
  letter-spacing: .03em;
  background-color: #6fa81d;
  border-radius: 15px;
  width: 100%;
  padding: 5px 12px 7px;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
}

.body-leuchtturm {
  background-color: var(--coldgray1);
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5;
}

.metasuche-colgray1 {
  background-color: var(--coldgray1);
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  width: 100px;
  height: 31px;
  padding-left: 10px;
  padding-right: 5px;
  display: flex;
}

.produkt-kontakt-stickybox-petrol1 {
  z-index: 1;
  background-color: var(--petrol2);
  color: #fff;
  border-radius: 10px 0 0 10px;
  flex-direction: column;
  align-items: stretch;
  width: 55px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  display: flex;
  position: sticky;
  left: 100%;
  box-shadow: 0 0 20px #0000001a;
}

.brotkruemel-leuchtturm {
  color: var(--black);
  padding: 10px 10px 12px;
  text-decoration: none;
  display: inline-block;
}

.brotkruemel-leuchtturm:hover {
  color: var(--petrol2);
}

.brotkruemel-leuchtturm.inaktiv {
  font-family: Segoe Semibold;
}

.brotkruemel-leuchtturm.inaktiv:hover {
  color: #0f0f0f;
}

.brotkruemel-leuchtturm.first-nav {
  padding-left: 0;
}

.navpunkt-leuchtturm {
  z-index: 10;
  color: var(--black);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.navpunkt-leuchtturm:hover {
  color: var(--petrol2);
}

.suche-label-leuchtturm {
  color: var(--black);
  padding-bottom: 2px;
}

.inpage-anker-leuchtturm {
  border-bottom: 2px solid var(--dunkelgruen4);
  color: var(--black);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-top: 3px;
  margin-bottom: 0;
  padding: 8px 10px 5px;
}

.inpage-anker-leuchtturm:hover {
  border-bottom-color: var(--petrol1-2);
  color: var(--petrol2);
}

.inpage-anker-leuchtturm.w--current {
  border-bottom: 2px solid var(--white);
  background-color: #0000;
}

.inpage-anker-leuchtturm.loesungen {
  border-bottom-color: #0000;
  padding-top: 5px;
}

.inpage-anker-leuchtturm.loesungen:hover {
  border-bottom-color: var(--petrol2);
}

.inpage-anker-leuchtturm.loesungen.w--current {
  border-bottom-color: var(--petrol2);
  color: var(--petrol2);
  font-family: Segoe UI;
}

.inpage-anker-leuchtturm.berry {
  border-bottom-color: #fee5ef;
  padding-top: 5px;
}

.inpage-anker-leuchtturm.berry:hover {
  border-bottom-color: var(--petrol2);
}

.inpage-anker-leuchtturm.berry.w--current {
  border-bottom-color: var(--petrol2);
  color: var(--petrol2);
  font-family: Segoe UI;
}

.inpage-anker-leuchtturm.petrol {
  border-bottom-color: #0000;
  padding-top: 5px;
}

.inpage-anker-leuchtturm.petrol:hover {
  border-bottom-color: var(--petrol2);
}

.inpage-anker-leuchtturm.petrol.w--current {
  border-bottom-color: var(--petrol2);
  color: var(--petrol2);
  font-family: Segoe UI;
}

.h2-black {
  color: var(--black);
}

.typogross-black {
  font-size: 20px;
  line-height: 26px;
}

.typogross-black.abstand-unten-5 {
  color: var(--black);
  line-height: 30px;
}

.amber0 {
  cursor: pointer;
  background-color: #fcf7ea;
  border: 1px solid #ceccca;
  width: 40px;
  height: 40px;
}

.amber0:hover {
  box-shadow: 1px 1px 10px #00000026;
}

.bg-dunkelgruen1 {
  z-index: -1;
  background-color: var(--dunkelgruen1);
  position: absolute;
  inset: 0%;
}

.dunkelgruen1 {
  background-color: var(--dunkelgruen1);
  cursor: pointer;
  border: 1px solid #ceccca;
  width: 40px;
  height: 40px;
}

.dunkelgruen1:hover {
  box-shadow: 1px 1px 10px #00000026;
}

.azur0 {
  background-color: var(--azur0-2);
  cursor: pointer;
  border: 1px solid #ceccca;
  width: 40px;
  height: 40px;
}

.azur0:hover {
  box-shadow: 1px 1px 10px #00000026;
}

.dunkelgruen2 {
  cursor: pointer;
  background-color: #cdebeb;
  border: 1px solid #ceccca;
  width: 40px;
  height: 40px;
}

.dunkelgruen2:hover {
  box-shadow: 1px 1px 10px #00000026;
}

.hellgruen2 {
  background-color: var(--hellgruen2);
  cursor: pointer;
  border: 1px solid #ceccca;
  width: 40px;
  height: 40px;
}

.hellgruen2:hover {
  box-shadow: 1px 1px 10px #00000026;
}

.typogross-semibold-black {
  color: var(--black);
  text-align: left;
  font-family: Noto Sans Display, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.hellgruen1 {
  background-color: var(--hellgruen1);
  cursor: pointer;
  border: 1px solid #ceccca;
  width: 40px;
  height: 40px;
}

.hellgruen1:hover {
  box-shadow: 1px 1px 10px #00000026;
}

.bg-coldgray2 {
  z-index: -1;
  background-color: var(--coldgray2);
  display: none;
  position: absolute;
  inset: 0%;
}

.bg-hellgruen2 {
  z-index: -1;
  background-color: var(--hellgruen2);
  display: none;
  position: absolute;
  inset: 0%;
}

.bg-hellgruen1 {
  z-index: -1;
  background-color: var(--hellgruen1);
  display: none;
  position: absolute;
  inset: 0%;
}

.bg-hellgruen1.show {
  display: block;
}

.bg-dunkelgruen2 {
  z-index: -1;
  background-color: #cdebeb;
  display: none;
}

.bg-azur0 {
  z-index: -1;
  background-color: var(--azur0-2);
  display: none;
  position: absolute;
  inset: 0%;
}

.button-tertiaer-dark-leuchtturm {
  z-index: 21;
  border: 2px solid var(--black-7);
  background-color: var(--black-7);
  color: #fff;
  text-align: center;
  letter-spacing: .3px;
  border-radius: 4px;
  padding: 5px 12px 8px;
  font-family: Segoe UI;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-tertiaer-dark-leuchtturm:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
  box-shadow: 0 4px 15px #00000040;
}

.button-tertiaer-dark-leuchtturm:active {
  background-image: linear-gradient(#0000001a, #0000001a);
  transform: translate(2px, 2px);
}

.button-tertiaer-dark-leuchtturm.sml {
  text-align: center;
  flex: 1;
  padding-top: 3px;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 22px;
}

.button-sekundaer-black4-linear {
  z-index: 0;
  border: 2px solid var(--black);
  color: var(--black);
  text-align: center;
  letter-spacing: .02em;
  background-color: #0000;
  border-radius: 4px;
  justify-content: center;
  align-self: center;
  padding: 8px 15px 9px;
  font-family: Noto Sans Display, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none;
  position: relative;
}

.button-sekundaer-black4-linear:hover {
  color: var(--black);
  background-color: #0000001a;
  box-shadow: 0 4px 15px #00000040;
}

.button-sekundaer-black4-linear:active {
  color: #0009;
  transform: translate(2px, 2px);
}

.button-sekundaer-black4-linear:focus {
  box-shadow: 0 4px 15px #00000040;
}

.button-sekundaer-black4-linear:visited {
  color: #0009;
  border-color: #0009;
}

.button-sekundaer-black4-linear.sml {
  text-align: center;
  flex: 1;
  padding-top: 3px;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 22px;
}

.button-sekundaer-black4-linear.sml:active {
  background-image: linear-gradient(#0000000d, #0000000d);
}

.button-sekundaer-black4-linear.hover {
  background-image: linear-gradient(#0000001a, #0000001a);
  box-shadow: 0 4px 15px #00000040;
}

.button-sekundaer-black4-linear.pressed {
  background-image: linear-gradient(#0000001a, #0000001a);
  transform: translate(2px, 2px);
  box-shadow: 0 4px 15px #00000040;
}

.button-sekundaer-black4-linear.visited {
  color: #0009;
  border-color: #0009;
}

.button-sekundaer-black4-linear.full-size {
  width: auto;
}

.button-sekundaer-black4-linear.hide {
  display: none;
}

.drop-container-sortierung-leuchtturm {
  border: 2px solid var(--black);
  background-color: var(--white);
  border-radius: 4px;
  width: 100%;
  padding: 5px 10px;
}

.zg-lasche_leuchtturm {
  z-index: 100;
  background-color: var(--coldgray8);
  color: #fff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  min-height: 6px;
  padding: 5px 15px 7px;
  text-decoration: none;
  position: relative;
}

.zg-lasche_leuchtturm:hover {
  text-decoration: underline;
}

.button-tertiaer-leuchtturm {
  z-index: 21;
  background-color: var(--black-2);
  color: var(--black);
  text-align: center;
  letter-spacing: .3px;
  border-radius: 4px;
  padding: 10px 15px 11px;
  font-family: Segoe Semibold;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-tertiaer-leuchtturm:hover {
  background-image: linear-gradient(#00000026, #00000026);
  box-shadow: 0 4px 15px #00000040;
}

.button-tertiaer-leuchtturm:active {
  color: #0009;
  background-image: linear-gradient(#0000001a, #0000001a);
  transform: translate(2px, 2px);
}

.button-tertiaer-leuchtturm:visited {
  color: #000000b3;
}

.button-tertiaer-leuchtturm.sml {
  text-align: center;
  flex: 1;
  padding-top: 3px;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 22px;
}

.button-tertiaer-leuchtturm.hover {
  background-image: linear-gradient(#00000026, #00000026);
  box-shadow: 0 4px 15px #00000040;
}

.button-tertiaer-leuchtturm.pressed {
  background-image: linear-gradient(#00000026, #00000026);
  transform: translate(2px, 2px);
  box-shadow: 0 4px 15px #00000040;
}

.button-tertiaer-leuchtturm.visited {
  color: #0009;
}

.button-tertiaer3-leuchtturm {
  z-index: 21;
  border: 2px solid var(--green2);
  background-color: var(--green2);
  color: var(--black);
  text-align: center;
  letter-spacing: .3px;
  border-radius: 4px;
  padding: 5px 12px 8px;
  font-family: Segoe UI;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-tertiaer3-leuchtturm:hover {
  background-color: var(--green2);
  box-shadow: 0 4px 15px #00000040;
}

.button-tertiaer3-leuchtturm:active {
  background-image: linear-gradient(#0000001a, #0000001a);
  border-color: #bfd4b5;
  transform: translate(2px, 2px);
}

.alpha0 {
  opacity: 0;
}

.button-tertiaer4-leuchtturm {
  z-index: 21;
  border: 2px solid var(--coldgray2-3);
  background-color: var(--coldgray2);
  color: var(--black);
  text-align: center;
  letter-spacing: .3px;
  border-radius: 4px;
  padding: 5px 12px 8px;
  font-family: Segoe UI;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-tertiaer4-leuchtturm:hover {
  border-color: var(--coldgray4);
  background-color: var(--coldgray4);
  box-shadow: 0 4px 15px #00000040;
}

.button-tertiaer4-leuchtturm:active {
  background-image: linear-gradient(#0000001a, #0000001a);
  transform: translate(2px, 2px);
}

.button-tertiaer4-leuchtturm.sml {
  text-align: center;
  flex: 1;
  padding-top: 3px;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 22px;
}

.content-box-dunkelgruen2 {
  background-color: #cdebeb;
  border-radius: 10px;
  margin-bottom: 35px;
  padding: 20px;
}

.content-box-dunkelgruen3 {
  background-color: var(--dunkelgruen3);
  border-radius: 10px;
  margin-bottom: 35px;
  padding: 20px;
  display: none;
}

.content-box-coldgray3-60 {
  background-color: #b6cad199;
  border-radius: 10px;
  margin-bottom: 35px;
  padding: 20px;
  display: none;
}

.content-box-azur1 {
  background-color: var(--azur1);
  border-radius: 10px;
  margin-bottom: 35px;
  padding: 20px;
  display: none;
}

.content-box-hellgruen3 {
  background-color: var(--hellgruen3);
  border-radius: 10px;
  margin-bottom: 35px;
  padding: 20px;
  display: none;
}

.content-box-hellgruen2 {
  background-color: var(--hellgruen2);
  border-radius: 10px;
  margin-bottom: 35px;
  padding: 20px;
  display: none;
}

.rel {
  height: 50px;
  position: relative;
  top: 45px;
}

.section-contentboxen.bg-white {
  background-color: var(--white);
}

.hinweis-box {
  background-color: var(--coldgray1);
  border-radius: 10px;
  width: 100%;
  box-shadow: 3px 0 12px #00000026;
}

.flex-horz {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.flex-horz.hochfull {
  flex-direction: row;
  align-items: stretch;
}

.flex-horz.hochfull.hide {
  display: none;
}

.h4-hinweis {
  color: var(--petrol1-2);
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 36px;
}

.h4-hinweis.amber10 {
  color: var(--amber10);
}

.h4-hinweis.azur6 {
  color: var(--azur6);
}

.ico-haken-rund {
  margin-top: -4px;
}

.haken-icon-rund {
  opacity: 1;
  flex: none;
  width: 30px;
  margin-right: 7px;
}

.info-box {
  background-color: var(--azur1);
  border-radius: 10px;
  width: 100%;
  box-shadow: 3px 0 12px #00000026;
}

.h4-info {
  color: var(--petrol2);
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 36px;
}

.h4-warnung {
  color: var(--berry6);
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 36px;
}

.warnungsbox {
  background-color: var(--berry0);
  border-radius: 10px;
  width: 100%;
  box-shadow: 3px 0 12px #00000026;
}

.warnungsbox2 {
  background-color: var(--red0);
  border-radius: 10px;
  width: 100%;
  box-shadow: 3px 0 12px #00000026;
}

.h4-warnun2 {
  color: var(--red7);
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 36px;
}

.warn-box {
  background-color: var(--amber1);
  border-radius: 10px;
}

.warn-box.abstand-unten-70 {
  overflow: hidden;
}

.info-box2 {
  background-color: var(--hellgruen2);
  border-radius: 10px;
  width: 100%;
  box-shadow: 3px 0 12px #00000026;
}

.h4-info2 {
  color: #2e7542;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 36px;
}

.info-box3 {
  background-color: #cdebeb;
  border-radius: 10px;
  width: 100%;
  box-shadow: 3px 0 12px #00000026;
}

.info-box4 {
  background-color: var(--dunkelgruen3);
  border-radius: 10px;
  width: 100%;
  box-shadow: 3px 0 12px #00000026;
}

.info-box5 {
  background-color: var(--hellgruen3);
  border-radius: 10px;
  width: 100%;
  box-shadow: 3px 0 12px #00000026;
}

.portal-flex-final2 {
  border-top: 1px solid #ceccca;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 50px;
  margin-bottom: 35px;
  padding-top: 40px;
  display: flex;
}

.portal-flex-final2.ohne-strich {
  border-top-width: 0;
  padding-top: 0;
  display: none;
}

.typo-black {
  color: var(--black);
}

.portal-flex-final3 {
  border-top: 1px solid #ceccca;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 50px;
  margin-bottom: 35px;
  padding-top: 40px;
  display: flex;
}

.portal-flex-final3.ohne-strich {
  border-top-width: 0;
  padding-top: 0;
  display: flex;
}

.portal-flex-final4 {
  border-top: 1px solid #ceccca;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 50px;
  margin-bottom: 35px;
  padding-top: 40px;
  display: flex;
}

.portal-flex-final4.ohne-strich {
  border-top-width: 0;
  padding-top: 0;
  display: none;
}

.ico-container45 {
  flex: none;
  width: 45px;
  margin-bottom: 15px;
  padding-top: 0;
}

.h1-black {
  color: var(--black);
  font-size: 38px;
}

.h3-product-var-black {
  color: var(--black);
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 28px;
  line-height: 36px;
}

.typo-18-black {
  color: var(--black);
  font-size: 18px;
  line-height: 26px;
}

.subline-petrol2 {
  color: var(--petrol2);
  margin-bottom: 15px;
  font-family: Segoe Semibold;
  font-size: 20px;
  line-height: 28px;
}

.portal-flex-final3a {
  border-top: 1px solid #ceccca;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 50px;
  margin-bottom: 35px;
  padding-top: 40px;
  display: flex;
}

.portal-flex-final3a.ohne-strich {
  border-top-width: 0;
  padding-top: 0;
  display: none;
}

.product_subline_petrol2 {
  color: var(--petrol2);
  font-family: Segoe Semibold;
}

.typo-14-black {
  color: var(--black);
  font-size: 14px;
  line-height: 22px;
}

.typo-16 {
  color: #0f0f0f;
}

.typo-16.typo-grey {
  color: #5d5d5d;
}

.dachzeile-tab-black {
  color: var(--black);
  letter-spacing: .5px;
  text-transform: none;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 16px;
}

.dachzeile-tab-black.abstand-unten-10 {
  margin-bottom: 10px;
}

.text-kasten {
  border: 1px solid #ceccca;
  align-items: center;
  margin-bottom: 10px;
  padding: 10px 15px;
  display: flex;
}

.text-kasten.linkliste {
  border-width: 0;
  padding-left: 0;
  padding-right: 0;
}

.infobox-hellgruen3 {
  background-color: var(--hellgruen3);
  border-radius: 10px;
  justify-content: space-between;
  padding: 0 15px;
  display: flex;
}

.image-16 {
  width: 35px;
}

.line-ddd {
  background-color: #ddd;
  height: 1px;
  margin-bottom: 10px;
}

.info-hellgruen2 {
  background-color: var(--hellgruen2);
  border-radius: 10px;
  justify-content: space-between;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.infobox-azur1 {
  background-color: var(--azur1);
  border-radius: 10px;
  justify-content: space-between;
  padding: 0 14px;
  display: flex;
}

.infobox-dunkelgruen3 {
  background-color: var(--dunkelgruen3);
  border-radius: 10px;
  justify-content: space-between;
  padding: 0 14px;
  display: flex;
}

.line-0f0f {
  background-color: #0f0f0f;
  height: 1px;
  margin-bottom: 10px;
}

.line-ceccca {
  background-color: #ceccca;
  height: 1px;
  margin-bottom: 10px;
}

.line-light {
  background-color: #f6f6f6;
  height: 1px;
  margin-bottom: 10px;
}

.infobox-dunkelgruen2 {
  background-color: #cdebeb;
  border-radius: 10px;
  justify-content: space-between;
  padding: 0 14px;
  display: flex;
}

.div-block-50, .div-block-51, .ico-hl-flex {
  justify-content: space-between;
  display: flex;
}

.portal-ico {
  width: 100px;
}

.h3-black {
  color: var(--black);
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 28px;
  line-height: 36px;
}

.h3-black.abstand-unten-25 {
  margin-bottom: 25px;
}

.h3-black.abstand-unten-50 {
  margin-bottom: 50px;
  overflow: hidden;
}

.dachzeile-black {
  color: var(--black);
  letter-spacing: .5px;
  text-transform: none;
  margin-bottom: 5px;
  font-family: Segoe UI;
  font-size: 15px;
  line-height: 16px;
}

.h2-petrol1 {
  color: var(--petrol2);
}

.h2-petrol1.no-bottom-margin {
  margin-bottom: 0;
}

.h2-accordionhead {
  color: var(--petrol2);
  font-size: 24px;
  line-height: 32px;
}

.h2marktplatz-alt {
  color: var(--datev-petrol);
  font-size: 21px;
}

.link-list-item-leuchtturm {
  color: var(--black);
  cursor: pointer;
  width: 100%;
  font-family: Segoe UI;
  font-size: 20px;
}

.link-list-item-leuchtturm:hover {
  border-bottom-color: #0f0f0f;
}

.product_subline_marktplatz-alt {
  color: #0f0f0f;
  font-family: Segoe UI;
  font-size: 16px;
}

.product_subline_black {
  color: var(--black);
  font-family: Segoe Semibold;
}

.dachzeile-klein-black {
  color: var(--black);
  font-size: 13px;
}

.partner-name-petrol2 {
  color: var(--petrol2);
  cursor: pointer;
  width: 100%;
  font-family: Segoe UI;
  font-size: 20px;
}

.partner-name-petrol2:hover {
  border-bottom-color: #0f0f0f;
}

.special-label-azur3 {
  background-color: var(--azur3);
  text-align: center;
  letter-spacing: .65px;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 3px 15px 5px;
  font-size: 13px;
  line-height: 18px;
  display: flex;
}

.special-label-hellgruen5 {
  background-color: var(--hellgruen5);
  text-align: center;
  letter-spacing: .65px;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 3px 15px 5px;
  font-size: 13px;
  line-height: 18px;
  display: flex;
}

.special-label-amber4 {
  background-color: var(--amber4);
  text-align: center;
  letter-spacing: .65px;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 3px 15px 5px;
  font-size: 13px;
  line-height: 18px;
  display: flex;
}

.special-label-dunkelgruen5 {
  background-color: var(--dunkelgruen5);
  text-align: center;
  letter-spacing: .65px;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 3px 15px 5px;
  font-size: 13px;
  line-height: 18px;
  display: flex;
}

.vorteil-subline-h3-black {
  color: var(--black);
  text-align: left;
  flex: 1;
  margin-bottom: 15px;
  padding-top: 3px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 24px;
}

.varianten-kachel-azur0 {
  background-color: var(--azur0);
  width: 33.33%;
}

.h3-product-fav-petrol2 {
  color: var(--petrol2);
  text-align: center;
  min-height: 104px;
  margin-top: 10px;
  font-family: Segoe Semibold;
  font-size: 20px;
  line-height: 26px;
}

.vgl-header-leuchtturm {
  border-bottom: 1px solid var(--black);
  padding: 10px 15px 15px;
}

.vgl-header-leuchtturm.row {
  border-bottom-color: var(--black-2);
  text-align: center;
}

.tabellenzeile-leuchtturm {
  z-index: 990;
  background-color: var(--white);
  align-items: stretch;
  margin-bottom: 100px;
  margin-left: -5vw;
  margin-right: -5vw;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: static;
  top: 138px;
  overflow: hidden;
}

.check-tabelle-petrol2 {
  width: 22px;
}

.text-links-leuchtturm {
  color: var(--black);
  font-family: Noto Sans, sans-serif;
  font-weight: 600;
  text-decoration: underline;
}

.text-links-leuchtturm:hover, .text-links-leuchtturm.hover {
  color: var(--petrol2);
}

.secure-link {
  background-image: url("./64ac00935216eb5710de6e3c_icon_secure-link-black.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-right: 5px;
  padding-right: 20px;
  font-family: Noto Sans Display, sans-serif;
  font-weight: 600;
  text-decoration: underline;
}

.secure-link:hover, .secure-link.hover {
  color: var(--petrol2);
  background-image: url("./64ac00935216eb5710de6e3f_icon_secure-link-petrol2.svg");
}

.suche-gesamt {
  border-radius: 4px;
  width: 214px;
  display: flex;
  overflow: hidden;
}

.suche-btn {
  background-color: var(--petrol2);
  width: 45px;
  padding-top: 3px;
  padding-left: 7px;
  padding-right: 7px;
}

.typo_petrol1 {
  color: var(--petrol1-2);
}

.metasuche-alt {
  background-color: #e4e3e2;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  width: 100px;
  height: 36px;
  padding-left: 10px;
  padding-right: 5px;
  display: flex;
}

.footer-link-black {
  color: var(--black);
  margin-right: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
}

.footer-link-black:hover {
  text-decoration: underline;
}

.footer-link-black.amende {
  margin-right: 0;
}

.teaser-section {
  background-color: #0000;
  max-width: 1600px;
  padding-bottom: 50px;
  position: relative;
}

.teaser-section.content3vw.hide {
  display: block;
}

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

.navtypo.sml {
  text-align: center;
  flex: none;
  font-size: 14px;
  line-height: 18px;
}

.navtypo.lohn {
  border-bottom: 2px solid var(--white);
  text-align: center;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
}

.navtypo.lohn.on {
  border-bottom: 2px solid #000;
}

.section-padding-home {
  align-items: flex-end;
  padding-top: 35px;
  padding-bottom: 35px;
}

.button-primaer-invers {
  z-index: 2;
  background-color: var(--white);
  color: var(--petrol2);
  text-align: center;
  letter-spacing: 0;
  border-radius: 4px;
  flex: 1;
  padding: 10px 15px 11px;
  font-family: Segoe Semibold;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 1px 3px #0003;
}

.button-primaer-invers:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
  box-shadow: 0 4px 15px #00000059;
}

.button-primaer-invers:active {
  color: #00595ccc;
  background-image: linear-gradient(#0000001a, #0000001a);
  transform: translate(2px, 2px);
}

.button-primaer-invers:visited {
  color: #00595ccc;
}

.button-primaer-invers.hover {
  background-image: linear-gradient(#0000001a, #0000001a);
  box-shadow: 0 4px 15px #00000040;
}

.button-primaer-invers.pressed {
  color: #00595cb3;
  background-image: linear-gradient(#0000001a, #0000001a);
  transform: translate(2px, 2px);
  box-shadow: 0 4px 15px #0003;
}

.button-primaer-invers.visited {
  box-shadow: none;
  color: #00595cb3;
}

.button-primaer-invers.berry6 {
  color: var(--berry6);
}

.button-primaer-invers.berry6:active, .button-primaer-invers.berry6:visited {
  color: #862d55b3;
}

.button-primaer-invers.azur7 {
  color: var(--azur7-8);
}

.button-primaer-invers.azur7:active, .button-primaer-invers.azur7:visited {
  color: #005187b3;
}

.button-primaer-invers.green7 {
  color: var(--green7);
}

.button-primaer-invers.green7:active, .button-primaer-invers.green7:visited {
  color: #1a5733b3;
}

.button-primaer-invers.full-size {
  width: 100%;
}

.farbshade-flex {
  flex-direction: row;
  display: flex;
}

.button-primaer-berry6 {
  z-index: 2;
  background-color: var(--berry6);
  color: #fff;
  letter-spacing: .03em;
  border-radius: 4px;
  flex: 1;
  padding: 10px 15px 11px;
  font-family: Segoe UI;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 1px 3px #0003;
}

.button-primaer-berry6:hover {
  background-image: linear-gradient(#0000004d, #0000004d);
  box-shadow: 0 4px 15px #00000040;
}

.button-primaer-berry6:active {
  color: #ffffff80;
  background-image: linear-gradient(#0000004d, #0000004d);
  transform: translate(2px, 2px);
}

.button-primaer-berry6:visited {
  box-shadow: none;
  color: #ffffff80;
}

.button-sekundaer-invers-linear {
  z-index: 21;
  border: 2px solid var(--white);
  color: var(--white);
  text-align: center;
  letter-spacing: .3px;
  background-color: #0000;
  border-radius: 4px;
  padding: 8px 15px 9px;
  font-family: Segoe UI;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-sekundaer-invers-linear:hover {
  color: var(--white);
  background-color: #0000004d;
  box-shadow: 0 4px 15px #00000059;
}

.button-sekundaer-invers-linear:active {
  color: #fff9;
  transform: translate(2px, 2px);
}

.button-sekundaer-invers-linear:visited {
  color: #ffffffb3;
}

.button-sekundaer-invers-linear.hover {
  background-image: linear-gradient(#0006, #0006);
  box-shadow: 0 4px 15px #00000059;
}

.button-sekundaer-invers-linear.pressed {
  color: #ffffff80;
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#0006, #0006);
  background-clip: border-box;
  transform: translate(2px, 2px);
  box-shadow: 0 4px 15px #00000059;
}

.button-sekundaer-invers-linear.visited {
  color: #ffffff80;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-color: #ffffff80;
}

.button-primaer-green7 {
  z-index: 2;
  background-color: var(--green7);
  color: var(--white);
  letter-spacing: .03em;
  border-radius: 4px;
  flex: 1;
  padding: 10px 15px 11px;
  font-family: Segoe UI;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 1px 3px #0003;
}

.button-primaer-green7:hover {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(#0000004d, #0000004d);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  box-shadow: 0 4px 15px #00000040;
}

.button-primaer-green7:active {
  color: #ffffff80;
  background-image: linear-gradient(#0000004d, #0000004d);
  transform: translate(2px, 2px);
}

.button-primaer-green7:visited {
  box-shadow: none;
  color: #ffffff80;
}

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

.start-section2.content3vw.section-padding-home {
  display: none;
}

.gruende-section {
  background-color: #0000;
  max-width: 1600px;
  position: static;
}

._4er-usp--kachel {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 23.5%;
  height: auto;
  margin-bottom: 2%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000001a;
}

._4er-usp--kachel.center {
  text-align: center;
}

._4er-usp--kachel.center._01 {
  background-color: var(--petrol2);
  color: var(--white);
}

._4er-usp--kachel.center._01:hover {
  background-image: linear-gradient(#0000004d, #0000004d);
}

._4er-usp--kachel.center._02 {
  background-color: var(--hellgruen5);
  color: var(--black);
}

._4er-usp--kachel.center._03 {
  background-color: var(--hellgruen2-3);
  color: var(--black);
}

._4er-usp--kachel.center.dunkelgruen6 {
  background-color: var(--dunkelgruen6);
}

.haken-sml {
  width: 18px;
  margin-right: 5px;
  padding-top: 3px;
}

.ico-container100 {
  width: 100px;
}

.ico-container100._60 {
  opacity: .6;
}

.usp-section-breite {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.bullet-list-usp-element {
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 10px;
  display: block;
}

.text-block-15 {
  flex: none;
}

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

.gruende-section2 {
  background-color: #0000;
  max-width: 1600px;
  position: static;
}

.gruende-section2.content3vw {
  display: none;
}

.black-60 {
  opacity: .6;
}

.gruende-section3 {
  background-color: #0000;
  max-width: 1600px;
  position: static;
}

.gruende-section3.content3vw {
  display: none;
}

.fifty-flex-bis-tablet2 {
  display: flex;
}

.fifty-flex-bis-tablet2.goofy {
  display: none;
  overflow: hidden;
}

.fifty-flex-bis-tablet3 {
  display: flex;
}

.fifty-flex-bis-tablet3.goofy {
  display: none;
  overflow: hidden;
}

._5er-usp--kachel {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 19.5%;
  height: auto;
  margin-bottom: 2%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000001a;
}

._5er-usp--kachel.center {
  text-align: center;
}

._5er-usp--kachel.center.ohne {
  box-shadow: none;
  color: var(--petrol2);
  background-color: #0000;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 22px;
  line-height: 26px;
}

._5er-usp--kachel.center.ohne2 {
  box-shadow: none;
  color: var(--black);
  background-color: #0000;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 22px;
  line-height: 28px;
}

._5er-usp--kachel.center.ohne3 {
  box-shadow: none;
  color: var(--petrol2);
  background-color: #0000;
  font-size: 20px;
}

.button-primaer-datevgreen9 {
  z-index: 2;
  background-color: var(--datevhellgruen9);
  color: var(--black);
  letter-spacing: .03em;
  border-radius: 4px;
  flex: 1;
  padding: 10px 15px 11px;
  font-family: Segoe Semibold;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 1px 3px #0003;
}

.button-primaer-datevgreen9:hover {
  background-image: linear-gradient(#ffffff4d, #ffffff4d);
  box-shadow: 0 4px 15px #00000040;
}

.button-primaer-datevgreen9:active {
  color: #0009;
  background-image: linear-gradient(#ffffff4d, #ffffff4d);
  transform: translate(2px, 2px);
}

.button-primaer-datevgreen9:visited {
  box-shadow: none;
  color: #0009;
}

.button-primaer-datevgreen9.hover {
  background-image: linear-gradient(#ffffff4d, #ffffff4d);
  box-shadow: 0 4px 15px #00000040;
}

.button-primaer-datevgreen9.pressed {
  background-image: linear-gradient(#ffffff4d, #ffffff4d);
  transform: translate(2px, 2px);
  box-shadow: 0 4px 15px #00000040;
}

.button-primaer-datevgreen9.visited {
  box-shadow: none;
}

.button-primaer-azur7 {
  z-index: 2;
  background-color: var(--azur7);
  color: #fff;
  letter-spacing: .03em;
  border-radius: 4px;
  flex: 1;
  padding: 10px 15px 11px;
  font-family: Segoe UI;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 1px 3px #0003;
}

.button-primaer-azur7:hover {
  background-image: linear-gradient(#0000004d, #0000004d);
  box-shadow: 0 4px 15px #00000040;
}

.button-primaer-azur7:active {
  color: #ffffff80;
  background-image: linear-gradient(#0000004d, #0000004d);
  transform: translate(2px, 2px);
}

.button-primaer-azur7:visited {
  box-shadow: none;
  color: #ffffff80;
}

.white-70 {
  background-color: #ffffffb3;
  height: 100%;
  padding-top: 20px;
  padding-left: 20px;
}

.white-70.ohne {
  padding-top: 0;
}

.stimmen-section {
  background-color: #0000;
  max-width: 1600px;
  position: static;
}

.zitat {
  color: var(--petrol2);
  margin-bottom: 25px;
  font-family: Compatil datev Regular Italic, Georgia, sans-serif;
  font-size: 22px;
  line-height: 30px;
}

.logo-container-full {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
  padding-top: 15px;
  position: static;
}

.hero-txt-flex02 {
  align-items: center;
  height: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.hero-txt-flex02.content3vw {
  display: none;
}

.hero-txt-flex03 {
  align-items: center;
  height: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.hero-txt-flex03.content3vw {
  display: none;
}

.hero-txt-flex04 {
  align-items: center;
  height: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.hero-txt-flex04.content3vw {
  display: none;
}

.hero-txt-flex05 {
  align-items: center;
  height: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.hero-txt-flex05.content3vw {
  display: none;
}

.bg-stage-loesung {
  background-color: var(--azur7);
  padding-top: 80px;
  padding-bottom: 50px;
}

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

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

.anker-kachel {
  color: var(--petrol2);
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 15%;
  height: auto;
  margin-bottom: 2%;
  margin-left: 1%;
  margin-right: 1%;
  padding-bottom: 15px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 18px;
  line-height: 26px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000001a;
}

.anker-kachel:hover {
  background-color: var(--coldgray1);
}

.anker-kachel.full {
  width: 100%;
  margin-bottom: 25px;
}

.anker-kachel.full.platzhalter {
  height: 120px;
}

.anker-kachel.single {
  margin-bottom: 0%;
  font-family: Segoe UI;
}

.anker-kachel.single.azur:hover, .anker-kachel.azur:hover {
  background-color: var(--azur1);
}

.anker-kachel.single-100 {
  width: 100%;
  height: 100%;
  margin-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  font-family: Segoe UI;
}

.anker-kachel.single-100.azur:hover {
  background-color: var(--azur1);
}

.anker-kachel-flex {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.anker-kachel-flex.sml {
  box-shadow: 0 3px 20px #0003;
}

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

.pfeil-container.right {
  justify-content: flex-end;
}

.pfeil-container.sml {
  flex: none;
  align-content: center;
  width: auto;
  padding-top: 70px;
}

.image-18 {
  width: 18px;
}

.ico-container-full {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: static;
}

.gruende-section-icons {
  background-color: #0000;
  max-width: 1600px;
  position: static;
}

.suche-container {
  z-index: 10;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
  display: block;
  position: relative;
}

.navtypo-black {
  color: var(--black);
  font-size: 18px;
}

.navtypo-black:hover {
  color: var(--petrol2);
}

.farb-area-big {
  border: 1px solid #ddd;
  justify-content: space-between;
  width: 500px;
  height: 150px;
  margin-bottom: 18px;
  padding: 0 10px;
  display: flex;
}

.farb-area-big.dunkelgruen6 {
  background-color: var(--dunkelgruen6);
  overflow: hidden;
}

.farb-area-big.ohne {
  padding-left: 0;
}

.div-block-52 {
  margin-left: 20px;
}

.farb-area-footer {
  border: 1px solid #ddd;
  width: 300px;
  height: 210px;
  margin-bottom: 18px;
  padding: 0 10px;
}

.farb-area-footer.coldgray1 {
  background-color: #ecf2f4;
}

.farb-area-footer.bg-dunkelgruen6 {
  background-color: var(--dunkelgruen6);
}

.usp {
  color: var(--petrol2);
  text-align: center;
  font-size: 20px;
}

.zitat-alt {
  color: var(--datev-petrol);
  margin-bottom: 25px;
  font-family: Compatil datev Regular Italic, Georgia, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.ico-150 {
  width: 150px;
  height: 125px;
}

.ico-sammelcontainer {
  flex-wrap: wrap;
  place-content: flex-start space-between;
  align-items: center;
  width: 300px;
  display: flex;
}

.text-link-container {
  grid-column-gap: 10px;
  font-size: 20px;
  display: flex;
}

.text-link-container.hide {
  display: none;
}

.hand-abs {
  position: absolute;
  inset: auto auto 0% 35%;
}

.hand-abs._2 {
  top: 38px;
}

.hand-abs._3 {
  top: 31px;
}

.vermassung-container {
  align-items: flex-start;
  margin-bottom: 35px;
  display: flex;
}

.vermassung-container.abstand-unten-50 {
  margin-bottom: 50px;
}

.description-txt {
  padding-top: 0;
  padding-left: 0;
}

.vermassung {
  flex: none;
  margin-right: 35px;
  position: relative;
}

.button-primaer-petrol2-sml {
  z-index: 2;
  background-color: var(--petrol2);
  color: #fff;
  letter-spacing: .05em;
  border-radius: 4px;
  flex: 1;
  padding: 9px 12px 10px;
  font-family: Segoe UI;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 1px 3px #0003;
}

.button-primaer-petrol2-sml:hover {
  background-image: linear-gradient(#0000004d, #0000004d);
  box-shadow: 0 4px 15px #00000040;
}

.button-primaer-petrol2-sml:active {
  color: #ffffff80;
  background-image: linear-gradient(#0000004d, #0000004d);
  transform: translate(2px, 2px);
}

.button-primaer-petrol2-sml:visited {
  box-shadow: none;
  color: #ffffff80;
}

.div-block-53 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.button-primaer-petrol2-big {
  z-index: 2;
  background-color: var(--petrol2);
  color: #fff;
  letter-spacing: .03em;
  border-radius: 4px;
  flex: 1;
  padding: 11px 17px 12px;
  font-family: Segoe UI;
  font-size: 18px;
  line-height: 22px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 1px 3px #0003;
}

.button-primaer-petrol2-big:hover {
  background-image: linear-gradient(#0000004d, #0000004d);
  box-shadow: 0 4px 15px #00000040;
}

.button-primaer-petrol2-big:active {
  color: #ffffff80;
  background-image: linear-gradient(#0000004d, #0000004d);
  transform: translate(2px, 2px);
}

.button-primaer-petrol2-big:visited {
  box-shadow: none;
  color: #ffffff80;
}

.vgl-pfeil {
  align-self: flex-start;
  width: 60px;
  margin-bottom: 10px;
  padding-top: 20px;
}

.vgl-pfeil._180 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.accordion-head {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.accordion-arrow-big {
  width: 25px;
  height: 25px;
}

.accordion-content {
  width: 100%;
  padding-top: 20px;
  position: relative;
  overflow: hidden;
}

.accordion-content.ohne {
  padding-top: 0;
}

.accordion {
  border-bottom: 2px solid #000;
  margin-top: 35px;
  margin-bottom: 35px;
}

.accordion.hidden {
  display: none;
}

.accordion.last {
  margin-bottom: 70px;
}

.accordion-arrow {
  align-self: center;
}

.pressed {
  color: #0009;
}

.button-primaer-amber10 {
  z-index: 2;
  background-color: var(--amber10-11);
  color: var(--white);
  letter-spacing: .03em;
  border-radius: 4px;
  flex: 1;
  padding: 10px 15px 11px;
  font-family: Segoe UI;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 1px 3px #0003;
}

.button-primaer-amber10:hover {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(#0000004d, #0000004d);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  box-shadow: 0 4px 15px #00000040;
}

.button-primaer-amber10:active {
  color: #ffffff80;
  background-image: linear-gradient(#0000004d, #0000004d);
  transform: translate(2px, 2px);
}

.button-primaer-amber10:visited {
  box-shadow: none;
  color: #ffffff80;
}

.lupe-abs {
  width: 40px;
  height: 40px;
  position: absolute;
  inset: auto 0% -9% auto;
}

.abstand-rechts-40 {
  margin-right: 40px;
}

.rahmen {
  border: 1px solid var(--red7);
}

.social-media-button-share {
  border-radius: 4px;
  width: 50px;
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
  overflow: hidden;
}

.social-media-button-share:hover {
  opacity: .75;
}

.guide-flex {
  display: flex;
  position: relative;
}

.sidenav {
  z-index: 200;
  justify-content: flex-end;
  width: 20%;
  display: flex;
  position: relative;
}

.erweiterte-cta-box {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000001a;
}

.erweiterte-cta-box.bg-dunkelgruen6 {
  background-color: var(--dunkelgruen6);
  color: var(--black);
}

.ico-link {
  color: var(--black);
  letter-spacing: .02em;
  background-image: url("./64ac00935216eb5710de6c9b_icon_mail_black.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 32px;
  align-self: stretch;
  align-items: center;
  width: 100%;
  padding-left: 40px;
  font-size: 18px;
  display: flex;
}

.ico-link.secure {
  background-image: none;
  justify-content: space-between;
  width: 100%;
  padding-left: 0;
}

.ico-link.chat {
  background-image: url("./64ac00935216eb5710de6c8f_icons_weiss-chat.svg");
  background-position: 0%;
  justify-content: space-between;
  width: 100%;
}

.ico-link.chat._2 {
  background-image: url("./64ac00935216eb5710de6d0e_icon_chat_black.svg");
}

.ico-link.phone {
  background-image: url("./64ac00935216eb5710de6d21_icon_phone_white.svg");
  background-position: 0%;
  justify-content: space-between;
  width: 100%;
}

.ico-link.phone:hover {
  color: var(--white);
}

.ico-link.phone._2 {
  background-image: url("./64ac00935216eb5710de6c9f_icons_schwarz_phone.svg");
  background-position: 0%;
}

.ico-link.phone._2:hover {
  color: var(--black);
}

.ico-link._2 {
  color: var(--black);
  cursor: pointer;
  background-image: url("./64ac00935216eb5710de6c9b_icon_mail_black.svg");
  background-position: 0 0;
  justify-content: space-between;
}

.ico-link.hilfe {
  background-image: url("./64ac00935216eb5710de6cb8_icons_schwarz_hilfe.svg");
  background-position: 0 0;
}

.ico-link.chatbot {
  cursor: pointer;
  background-image: url("./64ac00935216eb5710de6ef1_icon_chatbot_black.svg");
  background-position: 0%;
  justify-content: space-between;
  width: 100%;
}

.link-liste-pfeil {
  color: var(--black);
  cursor: pointer;
  justify-content: space-between;
  align-self: stretch;
  margin-bottom: 25px;
  font-size: 18px;
  display: flex;
}

.link-liste-pfeil:hover {
  opacity: .7;
  text-decoration: underline;
}

.link-liste-pfeil._2:hover {
  opacity: .7;
  color: var(--petrol2);
}

.link-liste-pfeil._2.last {
  margin-bottom: 0;
}

.link-liste-pfeil.on {
  opacity: .7;
}

.link-pfeil-25 {
  width: 25px;
}

.link-pfeil {
  color: var(--black);
  text-align: left;
  cursor: pointer;
  background-image: url("./64c0c900fab01d2aed381024_icon_000000_pfeil-rechts.svg");
  background-position: 100% 58%;
  background-repeat: no-repeat;
  background-size: auto 16px;
  justify-content: flex-end;
  align-self: center;
  padding-right: 18px;
  font-weight: 600;
  display: inline-block;
}

.link-pfeil:hover {
  color: var(--petrol2);
  background-image: url("./64ac00935216eb5710de6ef2_icon_pfeil-rechts_petrol2.svg");
  text-decoration: underline;
}

.link-pfeil.align-center {
  justify-content: center;
}

.link-pfeil.no-arrow, .link-pfeil.no-arrow-extern {
  background-image: none;
  padding-right: 3px;
}

.link-pfeil-16-off {
  width: 16px;
}

.buybox {
  background-color: var(--coldgray1);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 10px #0003;
}

.ico-container-200 {
  width: 200px;
  height: 200px;
}

.ico-container-200.center {
  margin-left: auto;
  margin-right: auto;
}

.kontaktbox {
  background-color: #cdebeb;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: auto;
  padding: 20px 25px 25px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000001a;
}

.acoordion-head {
  cursor: pointer;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.acoordion-head:hover {
  color: #000000b3;
}

.abstand-20 {
  height: 20px;
}

.link-pfeil-16-hover {
  width: 16px;
  display: none;
}

.link-pfeil-16-hover.abstand-rechts-5 {
  display: none;
}

.plus-black {
  width: 18px;
  margin-top: -4px;
  margin-right: 10px;
}

.link-pfeil-18-hover {
  color: var(--petrol2);
  width: 18px;
  margin-top: -4px;
  margin-right: 10px;
  display: none;
}

.semibold-accordion {
  text-align: left;
  font-family: Segoe Semibold;
}

.semibold-accordion._14 {
  font-size: 14px;
}

.secure-flex {
  background-image: url("./64ac00935216eb5710de6e3c_icon_secure-link-black.svg");
  background-position: 100% -3px;
  background-repeat: no-repeat;
  background-size: 32px;
}

.secure-linkbig {
  align-items: center;
  padding-right: 32px;
  display: flex;
}

.farb-area-box {
  border: 1px solid #ddd;
  width: 300px;
  height: 210px;
  margin-bottom: 18px;
  padding: 20px 10px 0;
}

.farb-area-box.dunkelgruen2 {
  background-color: #cdebeb;
}

.farb-area-box.dunkelgruen9 {
  background-color: var(--dunkelgruen9);
}

.farb-area-box.bg-dunkelgruen6 {
  background-color: var(--dunkelgruen6);
}

.farb-area-box.buehne {
  padding: 0;
}

.ico60 {
  opacity: .6;
}

.bullet-haken-txt {
  direction: ltr;
  text-align: center;
  background-image: url("./64ac00935216eb5710de6da2_icon_check-single-black.svg");
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 25px;
  display: inline-block;
}

.svg-embed {
  color: #be2344;
  width: 18px;
  display: none;
}

.teaser-content {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.teaser-content.bg-white {
  background-color: var(--white);
}

.gabelseiten-teaser {
  padding-top: 50px;
  padding-left: 5vw;
  padding-right: 5vw;
}

.gabelseiten-teaser-container {
  margin-bottom: 50px;
}

.teaserkombi_flex {
  border-bottom: 1px solid var(--black-2);
  justify-content: center;
  align-items: flex-start;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  display: flex;
}

.rechteck-img {
  border-radius: 10px;
  width: 340px;
  overflow: hidden;
}

.text-maxwidth {
  flex: 1;
  max-width: 900px;
}

.text-maxwidth.auto {
  margin-left: auto;
  margin-right: auto;
}

.herobox {
  min-height: auto;
  position: relative;
}

.herobox._01 {
  border-top: 5px solid #000;
}

.anker-kacheln-section {
  padding-top: 40px;
  padding-bottom: 50px;
}

.anker-kacheln-section.bg-azur6 {
  background-color: var(--azur6);
}

.anker-kacheln-section.bg-azur7 {
  background-color: var(--azur7-8);
  background-image: linear-gradient(#0000001a, #0000001a);
}

.anker-kacheln-section.bg-azur7-light {
  background-color: var(--azur7-8);
  background-image: linear-gradient(#fff3, #fff3);
}

.anker-kacheln-section.bg-dunkelgruen3 {
  background-color: var(--dunkelgruen3);
}

.anker-kacheln-section.bg-coldgray3 {
  background-color: #b6cad1b3;
  display: block;
}

.anker-kacheln-section.bg-azur2 {
  background-color: var(--azur2);
}

.anker-kacheln-section.bg-green2 {
  background-color: var(--green2);
}

.anker-kacheln-section.bg-petrol1 {
  background-color: var(--petrol1-2);
}

.anker-kacheln-section.bg-black {
  background-color: var(--black-1);
}

.anker-kacheln-section.bg-berry6 {
  background-color: var(--berry6);
}

.anker-kacheln-section.bg-hellgruen-2 {
  background-color: var(--hellgruen2);
  display: block;
}

.anker-kacheln-section.bg-coldgray7 {
  background-color: var(--coldgray2);
  display: block;
}

.txt-kachel-flex-bild {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.txt-kachel-flex-bild.sml {
  text-align: center;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
}

.bild-container-full {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: static;
}

.txt-kachel-flex-ico {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.h5-petrol2-compatil {
  color: var(--petrol2);
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.h5-petrol2-compatil.margin-top10 {
  margin-top: 10px;
}

.h5-typo-compatil {
  color: var(--datev-petrol);
  font-size: 18px;
}

.herobox2 {
  display: block;
}

.anker-kachel-sml {
  border-right: 1px solid var(--black-2);
  color: var(--petrol2);
  text-align: center;
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  height: auto;
  margin-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  padding-bottom: 15px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 18px;
  line-height: 26px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.anker-kachel-sml:hover {
  background-color: var(--coldgray1);
}

.herobox3 {
  display: block;
}

.anker-kachel-flex1, .anker-kachel-flex2 {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.anker-kachel-flex2.content3vw {
  display: none;
}

.anker-kachel-flex3 {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.anker-kachel-flex3.content3vw {
  display: none;
}

.anker-kachel-grid4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: grid;
}

.kachel-kreis-flex {
  text-align: left;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.anker-kachel-flex5 {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: none;
}

.kreis {
  background-color: var(--berry7);
  box-shadow: 0 0 0 2px var(--berry7);
  border-radius: 50%;
  width: 116px;
  height: 116px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 2px;
}

.kreis._1 {
  background-color: var(--datev-petrol);
  box-shadow: 0 0 0 2px var(--datev-petrol);
  position: relative;
}

.kreis._2 {
  background-color: var(--red5);
  box-shadow: 0 0 0 2px var(--red5);
  position: relative;
}

.kreis._3 {
  background-color: var(--amber8);
  box-shadow: 0 0 0 2px var(--amber8);
  position: relative;
}

.kreis._4 {
  background-color: var(--datev-green);
  box-shadow: 0 0 0 2px var(--datev-green);
  position: relative;
}

.kreis._5 {
  background-color: var(--green5);
  box-shadow: 0 0 0 2px var(--green5);
  position: relative;
}

.kreis._6 {
  background-color: var(--azur7-8);
  box-shadow: 0 0 0 2px var(--azur7-8);
  position: relative;
}

.kreis._7 {
  position: relative;
}

.kreis-linie {
  background-color: var(--berry7);
  height: 15px;
}

.kreis-linie._1verlauf {
  background-image: linear-gradient(to right, var(--datev-petrol), var(--red5));
}

.kreis-linie._1 {
  background-color: var(--datev-petrol);
}

.kreis-linie._2verlauf {
  background-image: linear-gradient(to right, var(--red5), var(--amber8));
}

.kreis-linie._3verlauf {
  background-image: linear-gradient(to right, var(--amber8), var(--datev-green));
}

.kreis-linie._4verlauf {
  background-image: linear-gradient(to right, var(--datev-green), var(--green5));
}

.kreis-linie._5verlauf {
  background-image: linear-gradient(to right, var(--green5), var(--azur7-8));
}

.kreis-linie._6verlauf {
  background-image: linear-gradient(to right, var(--azur7-8), var(--berry7));
}

.kreis-label {
  text-align: center;
  padding-top: 8px;
}

.anker-kachel-flex-schatten {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  box-shadow: 0 3px 20px #0003;
}

.bg-stage-dunkelgruen2 {
  background-color: #cdebeb;
  padding-top: 80px;
  padding-bottom: 50px;
}

.herobox4, .herobox5 {
  display: none;
}

.bg-stage-coldgray2 {
  background-color: var(--coldgray2-3);
  padding-top: 80px;
  padding-bottom: 50px;
}

.herobox6 {
  display: none;
}

.bg-stage-azur3 {
  background-color: var(--azur3);
  padding-top: 80px;
  padding-bottom: 50px;
}

.herobox7 {
  display: none;
}

.bg-stage-green3 {
  background-color: var(--green3);
  padding-top: 80px;
  padding-bottom: 50px;
}

.bg-stage-petrol1 {
  background-color: var(--petrol2);
  padding-top: 80px;
  padding-bottom: 50px;
}

.herobox3a, .herobox3b {
  display: block;
}

.bg-stage-berry {
  background-color: var(--berry7);
  padding-top: 80px;
  padding-bottom: 50px;
}

.herobox2a {
  display: block;
}

.herobox8 {
  display: none;
}

.bg-stage-hellgruen {
  background-color: var(--hellgruen3);
  padding-top: 80px;
  padding-bottom: 50px;
}

.h5-black-compatil {
  color: var(--black);
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.stage-colour {
  background-color: var(--azur7);
  color: var(--white);
  padding: 20px;
}

.stage-colour.kachel {
  background-color: #b6cad1b3;
  height: 100px;
  overflow: hidden;
}

.text-block-18 {
  -webkit-text-stroke-color: var(--petrol2);
}

.red-typo {
  color: var(--red6);
}

.zwischensection-header-farben-copy {
  padding-top: 0;
}

.section-produktvergleich.bg-white {
  background-color: var(--white);
}

.bold-text {
  font-family: Segoe Semibold;
  font-weight: 700;
}

.foldout-flex-plus {
  border-bottom: 1px solid #ceccca;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.foldout-flex-plus.ohne-linie-bottom {
  border-bottom-width: 0;
}

.foldout-flex-plus.abstand-unten-40 {
  border-bottom-color: var(--black-3);
}

.akkordeon-list-item {
  text-align: left;
  cursor: pointer;
  width: 100%;
}

.akkordeon-list-item.first {
  border-top: 1px solid #ddd;
}

.akkordeon-list-item.petrol {
  color: var(--black);
}

.foldoutbox-head-plus {
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.foldoutbox-head-plus:hover {
  color: var(--petrol2);
  text-decoration: underline;
}

.kreuz-petrol2 {
  width: 18px;
  margin-top: -4px;
  margin-right: 10px;
  display: none;
}

.hinweisbalken {
  z-index: 100;
  background-color: var(--berry7);
  color: var(--white);
  text-align: center;
  width: 100%;
  height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: fixed;
  inset: auto 0% 0%;
}

.hinweisbalken.hide {
  display: none;
}

.ueberschriftgroesse3-black {
  color: var(--black);
  margin-bottom: 5px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.ueberschriftgroesse3-black.ohne-abstand, .ueberschriftgroesse3-black.typo_white.imflex {
  margin-bottom: 0;
}

.ueberschriftgroesse3-black.typo_petrol {
  color: var(--datev-petrol);
}

.ueberschriftgroesse3-alt {
  color: var(--datev-petrol);
  margin-bottom: 5px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.ueberschriftgroesse3-alt.ohne-abstand, .ueberschriftgroesse3-alt.typo_white.imflex {
  margin-bottom: 0;
}

.ueberschriftgroesse3-alt.typo_petrol {
  color: var(--datev-petrol);
}

.link-pfeil-18-off {
  width: 18px;
  margin-top: -4px;
  margin-right: 10px;
}

.subline-black {
  color: var(--black);
  margin-bottom: 15px;
  font-family: Segoe Semibold;
  font-size: 20px;
  line-height: 28px;
}

.typogross-black-semibold {
  letter-spacing: 0;
  font-family: Noto Sans Display, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.typogross-black-semibold.abstand-unten-5 {
  color: var(--black);
  line-height: 30px;
}

.hl-drop-flex {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hl-drop-flex.hide {
  display: none;
}

.hl-drop-flex.left {
  justify-content: flex-start;
  padding-left: 20px;
}

.modul-drop-container-2 {
  border: 2px solid #74b8b8;
  border-radius: 4px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.on-bullet-2-2 {
  opacity: 1;
  cursor: pointer;
  background-color: #077;
  background-image: url("./64ac00935216eb5710de6d5f_icon_haken_lightpetrol-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 10px;
  flex: none;
  width: 19px;
  height: 19px;
}

.on-bullet-2-2:hover {
  opacity: .5;
}

.on-bullet-2-2:active {
  opacity: 1;
}

.modultab-drop-layer-2 {
  z-index: 1040;
  background-color: #f9f8f7;
  width: 100%;
  display: block;
  position: absolute;
  box-shadow: 1px 1px 6px #0003;
}

.off-bullet-2-2 {
  opacity: 0;
  cursor: pointer;
  background-color: #077;
  background-image: url("./64ac00935216eb5710de6d5f_icon_haken_lightpetrol-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 10px;
  flex: none;
  width: 19px;
  height: 19px;
}

.off-bullet-2-2:hover {
  opacity: .5;
}

.off-bullet-2-2:active {
  opacity: 1;
}

.on-bullet-drop-2 {
  opacity: 1;
  cursor: pointer;
  background-color: #077;
  background-image: url("./64ac00935216eb5710de6d5f_icon_haken_lightpetrol-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border-radius: 10px;
  flex: none;
  width: 19px;
  height: 19px;
}

.on-bullet-drop-2:hover {
  opacity: .5;
}

.on-bullet-drop-2:active {
  opacity: 1;
}

.drop-icon-light-2 {
  cursor: pointer;
  background-color: #e2eeee;
  border: 2px solid #077;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 19px;
  height: 19px;
  display: flex;
}

.dropdown-invers-big {
  z-index: 4000;
  cursor: pointer;
  background-color: #0000;
  border-radius: 4px;
  min-width: 300px;
  margin-bottom: 5px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 32px;
  display: block;
  position: relative;
  box-shadow: 0 1px 3px #0003;
}

.btn-txt-drop {
  text-align: center;
  margin-right: 6px;
  font-size: 18px;
}

.modul-drop-container-2-copy {
  border: 2px solid #74b8b8;
  border-radius: 4px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.btn-txt-drop-standard {
  text-align: left;
  font-size: 18px;
}

.btn-txt-drop-zg {
  text-align: left;
  margin-right: 6px;
  font-size: 22px;
}

.btn-txt-drop-zg.big {
  font-size: 28px;
}

.modul-drop-containe-big {
  border: 2px solid var(--white);
  border-radius: 4px;
  width: 100%;
  padding: 5px 19px;
}

.moduldrop-link-item-big {
  padding: 10px 15px;
  display: block;
}

.moduldrop-link-item-big:hover {
  background-color: var(--coldgray3);
}

.moduldrop-link-item-big.first-sml {
  margin-top: 5px;
}

.h2-zg {
  font-size: 28px;
}

.div-block-54 {
  background-color: var(--coldgray8);
  padding-top: 60px;
}

.div-block-55 {
  background-color: var(--coldgray8);
  background-image: linear-gradient(#ffffff0d, #ffffff0d);
  padding-top: 50px;
}

.mega-loesungen-top {
  z-index: 2000;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  transform: translate(0, -20px);
}

.mega-loesungen-top.content3vw.sectionpadding.maxbreite {
  padding-bottom: 10px;
}

.mega-loesungen-top.content3vw.sectionpadding.maxbreite.leuchtturm, .mega-loesungen-top.content3vw.sectionpadding.maxbreite.coldgray8 {
  background-color: var(--coldgray8);
}

.disclaimer-block {
  text-align: center;
  justify-content: center;
  display: flex;
}

.disclaimer-block.hide {
  display: none;
}

.megafoldout-loesungen-neu {
  z-index: 20;
  color: #fff;
  width: 100%;
  min-height: 300px;
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  overflow: hidden;
}

.btn-txt-drop-zg-wp {
  text-align: left;
  margin-right: 6px;
  font-size: 22px;
}

.btn-txt-drop-zg-stb {
  text-align: left;
  margin-right: 6px;
  font-size: 14px;
  display: none;
}

.hero2 {
  flex-direction: column;
  display: none;
  position: relative;
}

.berufsgruppenbalken {
  z-index: 100;
  background-color: var(--coldgray8);
  color: var(--white);
  text-align: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  position: relative;
}

.berufsgruppenbalken.hide {
  display: none;
}

.kreisbutton {
  background-color: #049b9b;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 7% 0% 0%;
  box-shadow: 1px 3px 10px #00000080;
}

.kreisbutton.personal {
  background-color: #e74139;
}

.kreisbutton.zeit {
  background-color: #dc7002;
}

.kreisbutton.lohn {
  background-color: #8fce34;
  transform: none;
}

.kreisbutton.controll {
  background-color: #509854;
}

.kreisbutton.reise {
  background-color: #681d42;
}

.kreisbutton.entwicklung {
  background-color: #004f84;
}

.ico-container80 {
  width: 80px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 10px;
}

.content-bild {
  background-color: var(--white);
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.content-bild.center {
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content-bild.center.tabelle {
  background-color: #ebebeb;
}

.content-bild.center.abbinder {
  background-color: #f6f6f6;
}

.content-bild.center.kundenstimmen {
  background-color: #cfe7e7;
}

.content-bild.center.abschluss {
  background-color: #ebebeb;
}

.content-bild.section-padding.coldgray {
  background-color: var(--coldgray1);
}

.ico-text-horzflex {
  align-self: flex-start;
}

.content-flex-horizontal-1100 {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.buehne-half-unten {
  background-color: var(--coldgray4);
  height: 250px;
  padding-top: 20px;
  padding-bottom: 50px;
}

.buehne-half-unten.bg-azur6 {
  background-color: var(--azur6);
}

.buehne-half-unten.bg-azur7 {
  background-color: var(--azur7-8);
  background-image: linear-gradient(#0000001a, #0000001a);
}

.buehne-half-unten.bg-azur7-light {
  background-color: var(--azur7-8);
  background-image: linear-gradient(#fff3, #fff3);
}

.buehne-half-unten.bg-dunkelgruen3 {
  background-color: var(--dunkelgruen3);
}

.buehne-half-unten.bg-coldgray3 {
  background-color: #b6cad1b3;
  display: block;
}

.buehne-half-unten.bg-azur2 {
  background-color: var(--azur2);
}

.buehne-half-unten.bg-green2 {
  background-color: var(--green2);
}

.buehne-half-unten.bg-petrol1 {
  background-color: var(--petrol1-2);
}

.buehne-half-unten.bg-black {
  background-color: var(--black-1);
}

.buehne-half-unten.bg-berry6 {
  background-color: var(--berry6);
}

.buehne-half-unten.bg-hellgruen-2 {
  background-color: var(--hellgruen2);
  display: block;
}

.content-section {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 50px;
  position: relative;
}

.content-section.bg-azur6 {
  background-color: var(--azur6);
}

.content-section.bg-azur7 {
  background-color: var(--azur7-8);
  background-image: linear-gradient(#0000001a, #0000001a);
}

.content-section.bg-azur7-light {
  background-color: var(--azur7-8);
  background-image: linear-gradient(#fff3, #fff3);
}

.content-section.bg-dunkelgruen3 {
  background-color: var(--dunkelgruen3);
}

.content-section.bg-coldgray3 {
  background-color: #b6cad1b3;
  display: block;
}

.content-section.bg-azur2 {
  background-color: var(--azur2);
}

.content-section.bg-green2 {
  background-color: var(--green2);
}

.content-section.bg-petrol1 {
  background-color: var(--petrol1-2);
}

.content-section.bg-black {
  background-color: var(--black-1);
}

.content-section.bg-berry6 {
  background-color: var(--berry6);
}

.content-section.bg-hellgruen-2 {
  background-color: var(--hellgruen2);
  display: block;
}

.content-section.ohne {
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.content-section.ohne.hide {
  display: none;
}

.headertrigger {
  width: 1px;
  height: 600px;
  position: absolute;
}

.breadcrumb-container {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  position: static;
}

.content-abstandshalter {
  height: 155px;
  position: relative;
}

.headertrigger2 {
  width: 1px;
  height: 600px;
  position: absolute;
}

.content-abstandshalte-balken {
  height: 50px;
  position: relative;
}

.headertrigger-lasche {
  width: 1px;
  height: 600px;
  position: absolute;
}

.bereichs-claim {
  color: var(--black);
  letter-spacing: .2px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  height: 155px;
  text-decoration: none;
}

.bereichs-claim:hover {
  color: #8b8b8b;
}

.bereichs-claim.inaktiv {
  display: none;
}

.logo-container-sticky {
  justify-content: flex-start;
  align-items: center;
  height: 80px;
  display: none;
  position: static;
}

.logo_imsticky_bereich {
  z-index: 1;
  width: 50px;
  height: 50px;
  margin-top: 10px;
  margin-bottom: 20px;
  position: relative;
}

.logo-container-bereich {
  justify-content: flex-start;
  align-items: center;
  height: 120px;
  display: flex;
  position: static;
}

.content-abstandshalter-bereich {
  height: 120px;
  position: relative;
}

.headertrigger-bereich {
  width: 1px;
  height: 400px;
  position: absolute;
}

.inpage-label {
  color: var(--black);
  cursor: auto;
  border-bottom-width: 2px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  flex: none;
  margin-top: 3px;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 0;
  padding-right: 10px;
  font-family: Segoe Semibold;
}

.inpage-label:hover {
  border-bottom: 0 solid #000;
}

.inpage-label.w--current {
  border-bottom: 2px solid var(--black);
  background-color: #0000;
}

.inpage-label.loesungen {
  border-bottom-color: #ade3fa;
}

.headertrigger-inpage {
  width: 1px;
  height: 300px;
  position: absolute;
}

.center-copy {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: block;
  position: relative;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.zwischen-stage-flex {
  width: 100%;
  position: relative;
}

.zwischen-stage-flex.blue {
  border-top: 7px solid var(--azur7-8);
  background-color: #005187;
}

.zwischen-stage-flex.berry {
  border-top: 7px solid var(--berry6);
}

.zwischen-stage-flex.petrol1 {
  border-top: 7px solid var(--petrol1-2);
  color: var(--black);
}

.zwischen-stage-flex.orange {
  border-top: 7px solid var(--amber8);
}

.div-block-56 {
  align-items: center;
  height: 100%;
  display: flex;
}

.bg-zwischenstage-loesung {
  background-color: var(--azur7);
  padding-top: 25px;
  padding-bottom: 35px;
  position: relative;
}

.dropdown-neben-logo {
  z-index: 4000;
  cursor: pointer;
  background-color: #0000;
  border-radius: 4px;
  min-width: 170px;
  margin-bottom: 5px;
  font-family: Segoe UI;
  font-size: 14px;
  line-height: 18px;
  display: block;
  position: relative;
  box-shadow: 0 1px 3px #0003;
}

.bereichs-drop {
  color: var(--black);
  letter-spacing: .2px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  margin-left: 20px;
  text-decoration: none;
}

.bereichs-drop:hover {
  color: #8b8b8b;
}

.bereichs-drop.inaktiv, .bereichs-drop.hide {
  display: none;
}

.modul-drop-logo {
  border: 2px solid var(--black);
  border-radius: 4px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.modul-drop-logo:hover {
  color: var(--petrol2);
}

.modul-drop-logo.hide {
  display: none;
}

.teiler-nav {
  background-color: var(--coldgray3);
  width: 1px;
  height: 60px;
  margin-top: -5px;
  margin-left: 15px;
  margin-right: 15px;
}

.teiler-nav.kanzlei {
  margin-left: 30px;
}

.navpunkt-sml {
  color: var(--black);
  letter-spacing: .2px;
  flex-direction: column;
  justify-content: center;
  height: 120px;
  text-decoration: none;
}

.navpunkt-sml:hover {
  color: var(--petrol2);
}

.navpunkt-sml.inaktiv {
  display: none;
}

.navpunkt-sml.header-bereich {
  height: 120px;
}

.navpunkt-sml.trialog {
  width: 120px;
}

.navpunkt-sml._1200 {
  width: 190px;
}

.suche-btn-single {
  justify-content: center;
  width: 45px;
  height: 45px;
  display: flex;
}

.lupe-einzeln {
  border-radius: 4px;
  display: flex;
  overflow: hidden;
}

.content-abstandshalter-aktuelles {
  height: 120px;
  position: relative;
}

.nav-ecke {
  z-index: 2000;
  background-color: var(--coldgray8);
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  inset: auto 0% -10% 50%;
  transform: translate(-10px)rotate(45deg);
}

.nav-ecke.petrol {
  background-color: #1f4145;
}

.coldgray8 {
  background-color: var(--coldgray8);
  padding-top: 50px;
}

.btn-txt-drop-aktuelles {
  text-align: left;
  padding-top: 10px;
  padding-bottom: 15px;
  padding-right: 10px;
  font-size: 14px;
}

.content-bild-2 {
  background-color: var(--white);
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.content-bild-2.center {
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content-bild-2.center.tabelle {
  background-color: #ebebeb;
}

.content-bild-2.center.abbinder {
  background-color: #f6f6f6;
}

.content-bild-2.center.kundenstimmen {
  background-color: #cfe7e7;
}

.nav-magazin-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.nav-magazin-container.hide {
  display: none;
}

.nav-trialog-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.nav-trialog-container.hide {
  display: none;
}

.nav-payroll-container {
  grid-column-gap: 15px;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.navmaster-static {
  z-index: 2500;
  width: 100%;
}

.content-bild-tarife {
  background-color: var(--white);
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.content-bild-tarife.center {
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content-bild-tarife.center.tabelle {
  background-color: #ebebeb;
}

.content-bild-tarife.center.abbinder {
  background-color: #f6f6f6;
}

.content-bild-tarife.center.kundenstimmen {
  background-color: #cfe7e7;
}

.link-bereich {
  height: 150px;
}

.btn-txt-drop-zg-stb2 {
  text-align: left;
  margin-right: 6px;
  font-size: 14px;
  display: none;
}

.nav-kanzlei-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.nav-grid-lohn {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .6fr 2fr .25fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: grid;
}

.btn-txt-drop-lohn1 {
  text-align: left;
  padding-top: 10px;
  padding-bottom: 15px;
  padding-right: 10px;
  font-size: 14px;
}

.btn-txt-drop-lohn2 {
  text-align: left;
  margin-right: 6px;
  font-size: 14px;
  display: none;
}

.nav-flex-alt {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .35fr 1.5fr .25fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.link-bereich-standard {
  height: 70px;
}

.trenner-neu {
  background-color: var(--green5-6);
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.megafoldout-wissen-geteilt {
  z-index: 20;
  color: #fff;
  justify-content: space-between;
  width: 100%;
  min-height: 500px;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
  overflow: visible;
}

.megafoldout-wissen-geteilt.maxbreite {
  flex-direction: column;
  display: none;
}

.teaser-area {
  background-color: var(--coldgray8);
  background-image: linear-gradient(69deg, #96adb54d, #48626a33);
  width: 100%;
  padding-top: 70px;
  padding-bottom: 40px;
  position: relative;
}

.standard-level {
  background-color: var(--coldgray8);
  width: 100%;
  padding-top: 70px;
}

._3er-spalte {
  border-right-width: 1px;
  border-right-color: #ffa2a3;
  border-radius: 10px;
  align-self: stretch;
  width: 32%;
}

._3er-spalte.inaktiv {
  display: none;
}

._3er-spalte.flex {
  flex-direction: column;
}

._3er-spalte-copy {
  border-right-width: 1px;
  border-right-color: #ffa2a3;
  border-radius: 10px;
  width: 32%;
}

._3er-spalte-copy.inaktiv {
  display: none;
}

.fokus-stoerer {
  z-index: 2000;
  background-color: var(--petrol2);
  color: var(--white);
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  font-family: Segoe UI;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  position: absolute;
  inset: -3% auto auto 18%;
  transform: rotate(13deg);
  box-shadow: 0 2px 10px #0003;
}

.link-tag {
  background-color: var(--coldgray8);
  color: var(--azur3);
  border-radius: 50px;
  margin-bottom: 20px;
  margin-left: -20px;
  padding: 5px 20px 8px;
  font-size: 20px;
  display: inline-block;
}

.teaser-area1a {
  background-color: var(--coldgray8);
  background-image: linear-gradient(282deg, #96adb533, #48626a33);
  width: 33.33%;
  padding-top: 70px;
  position: relative;
}

.nav-teaser-flex {
  align-items: center;
  display: flex;
}

.nav-teaser-flex.vert {
  flex-direction: column;
}

.img-container-1-1 {
  border-radius: 10px;
  flex: none;
  width: 150px;
  height: 150px;
  overflow: hidden;
}

.hl-drop-flex-sml {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hl-drop-flex-sml.hide {
  display: none;
}

.intro {
  background-color: var(--coldgray8);
  padding-top: 25px;
}

.h3-zg {
  font-size: 22px;
}

.h3-zg.abstand-rechts-15 {
  color: var(--white);
}

.dropdown-invers {
  z-index: 4000;
  cursor: pointer;
  background-color: #0000;
  border-radius: 4px;
  min-width: 300px;
  margin-bottom: 5px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 22px;
  display: block;
  position: relative;
  box-shadow: 0 1px 3px #0003;
}

.dropdown-invers.mega {
  margin-top: 18px;
}

.zg-bubble {
  z-index: 20;
  color: var(--white);
  background-color: #0009;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 0;
  padding: 10px 3vw;
  display: inline-block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.modul-drop-containe-big-copy {
  border: 2px solid var(--white);
  border-radius: 4px;
  width: 100%;
  padding: 5px 19px;
}

.div-block-57 {
  padding-left: 2rem;
}

.content-flex-horizontal-1100-rel {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  top: -123px;
}

.content-flex-horizontal-1100-rel.ungerade {
  grid-column-gap: 25px;
  justify-content: center;
}

.inpage-padding {
  flex: 1;
  padding: 15px 25px 35px;
}

.pfeil {
  width: 18px;
}

.head-hoehe {
  height: 100px;
}

.bg-stage-loesung-coldgray {
  background-color: var(--coldgray3);
  padding-top: 80px;
  padding-bottom: 50px;
}

.headertrigger-inpage1 {
  width: 1px;
  height: 800px;
  position: absolute;
}

.bg-zwischenstage-berry {
  background-color: var(--berry6);
  padding-top: 25px;
  padding-bottom: 50px;
}

.back-to-top {
  border: 2px solid #000;
  border-radius: 4px;
  width: 35px;
  height: 35px;
  padding: 3px 6px 6px;
  position: absolute;
  bottom: auto;
  left: auto;
  right: 1%;
}

.image-19 {
  transform: rotate(180deg);
}

.bg-zwischenstage-kanzlei {
  background-color: var(--petrol1-2);
  padding-top: 25px;
  padding-bottom: 35px;
}

.bg-stage-loesung-dunkelgruen {
  background-color: var(--coldgray5);
  background-image: linear-gradient(167deg, #fff3, #69838c80);
  padding-top: 80px;
  padding-bottom: 50px;
}

.bg-stage-loesung-hellgruen {
  background-color: var(--green2);
  background-image: none;
  padding-top: 80px;
  padding-bottom: 50px;
}

.bg-stage-loesung-coldgray-hell {
  background-color: var(--coldgray2);
  padding-top: 80px;
  padding-bottom: 50px;
}

.image-20 {
  padding-top: 60px;
}

.bg-zwischenstage-azur2 {
  background-color: var(--azur2);
  padding-top: 25px;
  padding-bottom: 35px;
}

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

.bg-zwischenstage-hellgruen {
  background-color: #cdebeb;
  padding-top: 25px;
  padding-bottom: 35px;
}

.bullet-list {
  padding-top: 10px;
}

.bullet-list.ohne {
  padding-left: 20px;
}

.zg-balken {
  z-index: 20;
  background-color: var(--coldgray7);
  color: var(--white);
  text-align: center;
  width: 100%;
  padding: 10px 3vw;
  display: inline-block;
  position: static;
  inset: 0% 0% auto;
}

.content-bild-stb {
  background-color: var(--white);
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.content-bild-stb.center {
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content-bild-stb.center.tabelle {
  background-color: #ebebeb;
}

.content-bild-stb.center.abbinder {
  background-color: #f6f6f6;
}

.content-bild-stb.center.kundenstimmen {
  background-color: #cfe7e7;
}

.content-bild-stb.center.abschluss {
  background-color: #ebebeb;
}

.content-bild-stb.section-padding.coldgray {
  background-color: var(--coldgray1);
}

.content-bild-wp {
  background-color: var(--white);
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.content-bild-wp.center {
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content-bild-wp.center.tabelle {
  background-color: #ebebeb;
}

.content-bild-wp.center.abbinder {
  background-color: #f6f6f6;
}

.content-bild-wp.center.kundenstimmen {
  background-color: #cfe7e7;
}

.content-bild-wp.center.abschluss {
  background-color: #ebebeb;
}

.content-bild-wp.section-padding.coldgray {
  background-color: var(--coldgray1);
}

.div-block-58 {
  align-self: stretch;
}

.quick-flex-3er {
  grid-row-gap: 0px;
  align-self: flex-start;
  width: 100%;
}

.cell {
  cursor: pointer;
  align-items: stretch;
}

.cell:hover {
  opacity: .6;
}

.cell-2 {
  cursor: pointer;
  align-items: stretch;
}

.cell-2:hover {
  opacity: .6;
}

.cell-3 {
  align-items: stretch;
}

.fokus-stoerer-gerade {
  z-index: 2000;
  color: var(--white);
  text-align: center;
  background-color: #007577;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 250px;
  margin-top: -80px;
  font-family: Segoe UI;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  transform: rotate(10deg);
}

.cell-4 {
  justify-content: flex-start;
  align-items: flex-end;
  padding-right: 65px;
}

.teaser-area2 {
  background-color: var(--coldgray8);
  background-image: linear-gradient(274deg, #00595ccc, #48626a33);
  width: 100%;
  padding-top: 70px;
  position: relative;
}

.fokus-stoerer-gerade2 {
  z-index: 2000;
  background-color: var(--white);
  color: var(--coldgray7);
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  margin-top: -80px;
  font-family: Segoe UI;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  transform: rotate(10deg);
}

.hl-area {
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 65px;
}

.headertrigger-inpage-content {
  width: 1px;
  height: 400px;
  position: absolute;
}

.content-flex-horizontal-1100-rel-copy {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  top: -123px;
}

.kachel-full {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 32%;
  margin-bottom: 2%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000001a;
}

.kachel-full:hover {
  background-color: var(--coldgray2);
}

.klammer {
  z-index: 200;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 100px;
  height: 50px;
  position: absolute;
  inset: -6px 0% auto 50%;
  transform: translate(-50px);
}

.klammer.blue {
  background-color: var(--azur7);
}

.klammer.berry {
  background-color: var(--berry7);
}

.klammer.petrol {
  background-color: var(--petrol1-2);
}

.kachel-verlauf {
  background-image: linear-gradient(to bottom, var(--azur8), var(--azur5));
  width: 100%;
  height: 100%;
}

._30 {
  width: 30%;
}

._70 {
  width: 70%;
}

.kachel-verlauf-top {
  background-image: linear-gradient(353deg, var(--azur8), var(--azur5));
  color: var(--white);
  width: 100%;
  height: 50px;
  padding: 20px 25px 12px;
}

.kachel-verlauf-top.berry {
  background-image: linear-gradient(353deg, var(--berry7), var(--berry5));
}

.kachel-verlauf-top.petrol {
  background-image: linear-gradient(353deg, var(--petrol2), var(--datev-petrol));
}

.productkachel-voll {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 3px 0 12px #00000026;
}

.productkachel-voll.horz {
  flex-direction: row;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.kachel-innercontent {
  flex: 1;
  padding-top: 25px;
  padding-bottom: 25px;
}

.buehne-half-unten2 {
  background-color: var(--coldgray2);
  height: 350px;
  padding-top: 20px;
  padding-bottom: 50px;
}

.buehne-half-unten2.bg-azur6 {
  background-color: var(--azur6);
}

.buehne-half-unten2.bg-azur7 {
  background-color: var(--azur7-8);
  background-image: linear-gradient(#0000001a, #0000001a);
}

.buehne-half-unten2.bg-azur7-light {
  background-color: var(--azur7-8);
  background-image: linear-gradient(#fff3, #fff3);
}

.buehne-half-unten2.bg-dunkelgruen3 {
  background-color: var(--dunkelgruen3);
}

.buehne-half-unten2.bg-coldgray3 {
  background-color: #b6cad1b3;
  display: block;
}

.buehne-half-unten2.bg-azur2 {
  background-color: var(--azur2);
}

.buehne-half-unten2.bg-green2 {
  background-color: var(--green2);
}

.buehne-half-unten2.bg-petrol1 {
  background-color: var(--petrol1-2);
}

.buehne-half-unten2.bg-black {
  background-color: var(--black-1);
}

.buehne-half-unten2.bg-berry6 {
  background-color: var(--berry6);
}

.buehne-half-unten2.bg-hellgruen-2 {
  background-color: var(--hellgruen2);
  display: block;
}

.bg-zwischenstage-klammer {
  background-color: var(--azur7);
  height: 500px;
  padding-top: 25px;
  padding-bottom: 35px;
  position: relative;
}

.bg-stage-loesung-blue {
  background-color: var(--azur7);
  padding-top: 20px;
  padding-bottom: 50px;
  position: relative;
  top: -40px;
}

.buehne-half-bg-neutral {
  padding-top: 20px;
  padding-bottom: 0;
}

.buehne-half-bg-neutral.bg-azur6 {
  background-color: var(--azur6);
}

.buehne-half-bg-neutral.bg-azur7 {
  background-color: var(--azur7-8);
  background-image: linear-gradient(#0000001a, #0000001a);
}

.buehne-half-bg-neutral.bg-azur7-light {
  background-color: var(--azur7-8);
  background-image: linear-gradient(#fff3, #fff3);
}

.buehne-half-bg-neutral.bg-dunkelgruen3 {
  background-color: var(--dunkelgruen3);
}

.buehne-half-bg-neutral.bg-coldgray3 {
  background-color: #b6cad1b3;
  display: block;
}

.buehne-half-bg-neutral.bg-azur2 {
  background-color: var(--azur2);
}

.buehne-half-bg-neutral.bg-green2 {
  background-color: var(--green2);
}

.buehne-half-bg-neutral.bg-petrol1 {
  background-color: var(--petrol1-2);
}

.buehne-half-bg-neutral.bg-black {
  background-color: var(--black-1);
}

.buehne-half-bg-neutral.bg-berry6 {
  background-color: var(--berry6);
}

.buehne-half-bg-neutral.bg-hellgruen-2 {
  background-color: var(--hellgruen2);
  display: block;
}

.buehne-half-bg-neutral.hide {
  display: none;
}

.bg-stage-loesung-dark {
  background-color: var(--white);
  padding-top: 80px;
  padding-bottom: 50px;
}

.productkachel-horz {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  width: 49%;
  display: flex;
  overflow: hidden;
  box-shadow: 3px 0 12px #00000026;
}

.img-container-kachel {
  align-self: center;
  width: 200px;
  margin-top: 15px;
  overflow: hidden;
}

.img-container-kachel.horz {
  margin-top: 0;
}

.bg-stage-loesung-berry {
  background-color: var(--berry7);
  padding-top: 20px;
  padding-bottom: 50px;
  position: relative;
  top: -40px;
}

.bg-stage-loesung-petrol {
  background-color: var(--petrol1-2);
  padding-top: 20px;
  padding-bottom: 50px;
  position: relative;
  top: -40px;
}

.image-21 {
  max-width: 80%;
  margin-left: 21px;
}

.image-22 {
  max-width: 80%;
  margin-left: 28px;
  display: block;
}

.nav-drop-aktuelles {
  cursor: pointer;
  width: 200px;
  height: 120px;
  display: flex;
  position: relative;
}

.nav-drop-aktuelles:hover {
  color: var(--petrol1-2);
}

.coldgray8-aktuelles {
  background-color: var(--coldgray8);
  padding-top: 50px;
}

.logo-container-bereich-aktuelles {
  justify-content: flex-start;
  align-items: center;
  width: 250px;
  height: 120px;
  display: flex;
  position: relative;
}

.burger-inhalt-dark {
  background-color: var(--coldgray8);
  padding-top: 40px;
  padding-bottom: 40px;
}

.metanav-container-burger {
  grid-column-gap: 20px;
  flex: none;
  justify-content: flex-end;
  display: flex;
}

.metasuche-neu {
  border-bottom: 2.5px solid #000;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 214px;
  height: 36px;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 5px;
  font-size: 18px;
  display: flex;
  position: static;
}

.suche-btn-neu {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.meta-icon-img40 {
  width: 40px;
}

.meta-icon-img40.insuche {
  width: 25px;
  height: 25px;
}

.suche-gesamt_neu {
  align-items: center;
  width: 250px;
  display: flex;
  overflow: hidden;
}

.burger-container {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 120px 0% 0%;
}

.burger-overflow {
  position: static;
  overflow: hidden;
}

.logo-container-bereich-lohn {
  justify-content: flex-start;
  align-items: center;
  height: 120px;
  display: flex;
  position: static;
}

.navpunkt-sml-rel {
  color: var(--black);
  letter-spacing: .2px;
  flex-direction: column;
  justify-content: center;
  height: 120px;
  text-decoration: none;
  position: relative;
}

.navpunkt-sml-rel:hover {
  color: var(--petrol2);
}

.navpunkt-sml-rel.inaktiv {
  display: none;
}

.navpunkt-sml-rel.header-bereich {
  height: 120px;
}

.suche-gesamt_neu2 {
  align-items: center;
  width: 200px;
  display: flex;
  overflow: hidden;
}

.navgrid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .35fr 1.4fr .25fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: grid;
}

.nav-flex {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .35fr 1.4fr .25fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.content-trialog {
  padding-left: 3vw;
  padding-right: 3vw;
}

.content-trialog.weiss.high {
  z-index: 4;
  padding-left: 4vw;
  padding-right: 4vw;
}

.logo-nav-container {
  width: 90%;
  display: flex;
}

.quick-flex-4er-leverl2 {
  grid-column-gap: 35px;
}

.cell-5, .cell-6 {
  align-items: stretch;
}

.mega-flex-horz {
  flex-direction: row;
  display: flex;
}

.standard-level70 {
  background-color: var(--coldgray8);
  width: 70%;
  padding-top: 70px;
}

.teaser-area30 {
  background-color: var(--coldgray8);
  background-image: none;
  width: 30%;
  padding-top: 70px;
  padding-bottom: 40px;
  position: relative;
}

._1spalter {
  z-index: 2000;
  grid-row-gap: 0px;
  align-self: flex-start;
  width: 100%;
  position: relative;
}

.fokus-stoerer-gerade3 {
  z-index: 4000;
  color: var(--coldgray4);
  text-align: left;
  background-color: #0003;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-left: 3vw;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.fokus-stoerer-gerade3.hide {
  display: none;
}

.link-bereich-standard-teaser {
  height: 50px;
}

.trenner-teaser {
  background-color: var(--green5-6);
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.teaser-nav {
  margin-bottom: 25px;
}

.mega-flex-vert {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.mega-flex-vert.spacebetween {
  flex-wrap: wrap;
  justify-content: space-between;
}

.mega-flex-vert.spacebetween.abstand-unten-40 {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mega-flex-vert.zielgruppen-mega {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: auto;
}

.teaser-area-ohne-verlauf {
  background-color: var(--coldgray8);
  background-image: linear-gradient(#0003, #0003);
  width: 100%;
  padding-top: 50px;
  padding-bottom: 40px;
  position: relative;
}

.nav-drop-kanzlei {
  cursor: pointer;
  width: 200px;
  height: 120px;
  display: flex;
  position: relative;
}

.nav-drop-kanzlei:hover {
  color: var(--petrol1-2);
}

._4er-kachel {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 23.5%;
  margin-bottom: 2%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000001a;
}

._4er-kachel:hover {
  background-color: var(--coldgray2);
}

.img-container-standard.ohne {
  margin-left: 0;
}

.img-container-standard.ohne.rund {
  border-radius: 4px;
  overflow: hidden;
}

.img-container-standard.rund {
  border-radius: 10px;
  overflow: hidden;
}

.content2 {
  display: block;
}

.stage-flex {
  flex-direction: row;
  width: 100%;
  display: flex;
  position: relative;
}

.stage-flex.blue {
  border-top: 7px solid var(--azur7-8);
  background-color: #005187;
}

.stage-flex.blue.hide {
  display: none;
}

.stage-flex.berry {
  border-top: 7px solid var(--berry6);
}

.stage-flex.petrol1 {
  border-top: 7px solid var(--petrol1-2);
  color: var(--black);
}

.stage-flex.orange {
  border-top: 7px solid var(--amber8);
}

.buehne-half-unten3 {
  background-color: var(--coldgray2);
  height: 180px;
  padding-top: 20px;
  padding-bottom: 50px;
}

.buehne-half-unten3.bg-azur6 {
  background-color: var(--azur6);
}

.buehne-half-unten3.bg-azur7 {
  background-color: var(--azur7-8);
  background-image: linear-gradient(#0000001a, #0000001a);
}

.buehne-half-unten3.bg-azur7-light {
  background-color: var(--azur7-8);
  background-image: linear-gradient(#fff3, #fff3);
}

.buehne-half-unten3.bg-dunkelgruen3 {
  background-color: var(--dunkelgruen3);
}

.buehne-half-unten3.bg-coldgray3 {
  background-color: #b6cad1b3;
  display: block;
}

.buehne-half-unten3.bg-azur2 {
  background-color: var(--azur2);
}

.buehne-half-unten3.bg-green2 {
  background-color: var(--green2);
}

.buehne-half-unten3.bg-petrol1 {
  background-color: var(--petrol1-2);
}

.buehne-half-unten3.bg-black {
  background-color: var(--black-1);
}

.buehne-half-unten3.bg-berry6 {
  background-color: var(--berry6);
}

.buehne-half-unten3.bg-hellgruen-2 {
  background-color: var(--hellgruen2);
  display: block;
}

.inpage-trigger {
  display: none;
}

.main-teaser {
  max-width: 1600px;
  padding-top: 25px;
}

.main-teaser-grid {
  grid-column-gap: 2px;
  grid-row-gap: 16px;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 370px;
  display: grid;
  overflow: hidden;
}

.main-trialog-teaser {
  object-fit: cover;
  position: relative;
}

.main-trialog-teaser.sml {
  object-fit: contain;
  overflow: hidden;
}

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

.teaser-box {
  background-color: #232e32e6;
  border-radius: 10px 10px 0 0;
  height: 200px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 15px 20px;
  position: absolute;
  inset: auto 0% 0%;
}

.teaser-box.boxpadding {
  background-color: #232e32e6;
  border-radius: 10px;
}

.tag {
  background-color: var(--coldgray2);
  letter-spacing: .03em;
  text-transform: uppercase;
  border-radius: 4px;
  margin-bottom: 5px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 20px;
  display: inline-block;
}

.tag.abs {
  border-radius: 0 4px 0 10px;
  margin-bottom: 0;
  position: absolute;
  inset: auto auto 0% 0%;
}

.author {
  color: var(--white);
  letter-spacing: .03em;
  text-transform: uppercase;
  font-size: 13px;
}

.main-teasr-txt-sml {
  color: var(--white);
  font-family: Compatil datev Regular, Georgia, sans-serif;
  line-height: 26px;
}

.rubrik-section1 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.teaser-grid2er {
  grid-column-gap: 2vw;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.author-main {
  color: var(--white);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 12px;
}

.kategorie-header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1.563rem;
  display: flex;
}

.div-block-60, .div-block-61 {
  display: flex;
}

.div-block-62 {
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.header-line {
  background-color: var(--black-1);
  width: 100%;
  height: 1px;
}

.hl {
  flex: none;
  width: 100%;
}

.div-block-63 {
  width: 20%;
}

.div-block-64 {
  width: 20px;
}

.div-block-65 {
  width: auto;
}

.div-block-66 {
  width: 20%;
}

.div-block-67 {
  width: 20px;
}

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

.div-block-69, .div-block-70 {
  width: 10px;
}

.hl-kat {
  background-color: var(--white);
  flex: none;
  padding-right: 10px;
  font-size: 20px;
}

.main-topic-teaser {
  border-radius: 10px;
  overflow: hidden;
}

.hl-kat-txt {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
}

.hl-kat-txt.sidebar {
  color: var(--petrol1);
  font-family: Segoe Semibold;
  line-height: 24px;
}

.bg-coldgray1 {
  z-index: -1;
  background-color: var(--coldgray1);
  display: block;
}

._10-padding-ohne-top {
  margin-top: 0;
  margin-bottom: 10px;
}

.img-container-140 {
  flex: none;
  margin-left: 15px;
}

.img-container-140.ohne {
  margin-left: 0;
}

.img-container-140.ohne.rund {
  border-radius: 10px;
  width: 140px;
  overflow: hidden;
}

.bild-text-flex {
  grid-column-gap: 2vw;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.produkte-bild-text-flex {
  grid-column-gap: 2vw;
  flex-direction: row;
  place-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 25px;
  display: flex;
}

.author-main-standard {
  letter-spacing: .05em;
  text-transform: uppercase;
  flex: none;
  margin-bottom: 5px;
  font-size: 12px;
}

.rubrik-section2 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.zweidrittel {
  grid-column-gap: 2vw;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 62%;
  display: flex;
}

.hero-topic-teaser {
  border-radius: 10px;
  margin-bottom: 15px;
  overflow: hidden;
}

.img-container-hero {
  border-radius: 10px;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.img-container-hero.ohne {
  margin-left: 0;
}

.img-container-hero.ohne.rund {
  overflow: hidden;
}

.hl-sml {
  margin-top: -4px;
  margin-bottom: 5px;
  font-family: Segoe Semibold;
  font-size: 16px;
  line-height: 20px;
}

.img-container_100_rund {
  border-radius: 4px;
  flex: none;
  width: 100px;
  overflow: hidden;
}

.sml-bild-text-flex {
  grid-column-gap: 15px;
  flex-direction: row;
  place-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 15px;
  display: flex;
}

.img-container_110_sml {
  object-fit: contain;
  border-radius: 4px;
  flex: none;
  width: 120px;
  height: 80px;
  overflow: hidden;
}

.image-25 {
  height: 100%;
}

.sticky-widgets {
  border: 1px solid var(--black-2);
  border-radius: 10px;
  margin-bottom: 25px;
  padding: 25px;
  font-size: 14px;
  line-height: 22px;
}

.sticky-widgets.ohne {
  border-width: 0;
  padding-top: 0;
}

.sticky-widgets-gesamt {
  position: sticky;
  top: 120px;
}

.rubrik-spalte {
  margin-bottom: 45px;
}

.suche-btn-flex {
  grid-column-gap: 2px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-bottom: 15px;
  display: grid;
}

.stb-btn {
  background-color: var(--petrol2);
  color: var(--white);
  text-align: center;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 8px 5px 5px;
  font-size: 13px;
  line-height: 18px;
}

.exsuche-label {
  color: var(--petrol2);
  margin-bottom: 5px;
  font-family: Segoe Semibold;
  font-size: 16px;
}

.exsuche-label.on {
  color: var(--white);
}

.ra-btn {
  background-color: var(--coldgray1);
  text-align: center;
  padding: 8px 5px 5px;
  font-size: 13px;
  line-height: 18px;
}

.wp-btn {
  background-color: var(--coldgray1);
  text-align: center;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 8px 5px 5px;
  font-size: 13px;
  line-height: 18px;
}

.field-fake {
  border: 1px solid var(--black-2);
  color: var(--coldgray6);
  border-radius: 4px;
  margin-bottom: 15px;
  padding: 5px 8px;
}

.some-container {
  grid-column-gap: 15px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.some-container.left {
  align-items: flex-start;
}

.some-container.left.abstand-unten-15.hide {
  display: none;
}

.some-container.standrd {
  align-items: center;
}

.some-container.padding {
  margin-left: 25px;
  margin-right: 25px;
  padding-bottom: 35px;
}

.so-me:hover {
  opacity: .6;
}

.datev-logo {
  z-index: 20;
  perspective-origin: 0 0;
  transform-origin: 0 0;
  width: 64px;
  min-width: 64px;
  height: 63px;
  min-height: 63px;
  display: inline-block;
  position: relative;
}

.datev-logo.sml {
  width: 55px;
  min-width: 53px;
  height: 54px;
  min-height: 53px;
  margin-right: 10px;
}

.nav-flex-wrap {
  grid-template-rows: auto;
  grid-template-columns: .35fr 1.5fr .25fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.datev-logo-sticky {
  z-index: 1;
  width: 50px;
  height: 50px;
  margin-top: 10px;
  margin-bottom: 20px;
  display: none;
  position: relative;
}

.navpunkte-wrap {
  display: flex;
}

.hero-bg {
  background-image: radial-gradient(circle farthest-corner at 100% 100%, var(--dunkelgruen9), #27a89c 0%, #4ab683 0%, #66c16e 44%, #97d44a 100%, var(--datevhellgruen9));
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.hero-bg.dunkel {
  background-image: radial-gradient(circle farthest-corner at 100% 100%, var(--dunkelgruen9), #27a89c 0%, var(--dunkelgruen7) 0%, var(--datev-petrol) 9%, var(--azur7) 71%);
}

.hero-bg.petrol1 {
  background-image: radial-gradient(circle farthest-corner at 100% 100%, var(--petrol2) 29%, var(--datev-petrol) 84%, var(--dunkelgruen7) 100%, #27a89c 100%, var(--dunkelgruen9));
}

.hero-bg.verlauf3 {
  background-image: radial-gradient(circle farthest-corner at 100% 100%, var(--azur3), #27a89c 0%, var(--green2) 25%, var(--dunkelgruen7));
}

.hero-text {
  width: 50%;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.hero-text.schrift-weiss {
  color: var(--white);
  letter-spacing: .03em;
}

.hero-bildung-content {
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 35rem;
}

.plattformen-einstieg {
  z-index: 500;
  margin-top: -100px;
  position: relative;
}

.plattform-kachel-grid-1 {
  grid-column-gap: 2%;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.plattform-kachel {
  box-shadow: none;
  text-align: center;
  border: 3px solid #0000;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: auto;
  display: flex;
}

.plattform-kachel:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
}

.plattform-icon {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.button-wrap {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: auto;
  display: flex;
}

.button-wrap.left {
  align-items: flex-start;
}

.button-wrap.left.abstand-unten-15.hide {
  display: none;
}

.button-wrap.standrd {
  align-items: center;
}

.button-wrap.padding {
  padding-bottom: 2vw;
  padding-left: 2vw;
  padding-right: 2vw;
}

.button-wrap.align-center.block {
  display: inline-block;
}

.button-wrap.align-right {
  align-self: flex-end;
}

.plattform-text {
  width: 100%;
}

.hero-image {
  width: 50%;
  margin-top: 3vh;
}

.hero-image.right {
  justify-content: flex-end;
  margin-top: 0;
  display: flex;
}

.hero-image.right2 {
  justify-content: flex-end;
  margin-top: 15vh;
  display: flex;
}

.hero-content-flex {
  align-items: center;
  padding-bottom: 155px;
  display: flex;
}

.button-petrol {
  z-index: 2;
  background-color: var(--petrol2);
  color: #fff;
  text-align: center;
  letter-spacing: .3px;
  border-radius: 4px;
  flex: 1;
  padding: 7px 15px 10px;
  font-family: Segoe UI;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
  position: sticky;
  box-shadow: 1px 1px 3px #0003;
}

.button-petrol:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
  box-shadow: 0 4px 15px #00000040;
}

.button-petrol:active {
  background-image: linear-gradient(#0000001a, #0000001a);
  transform: translate(2px, 2px);
}

.button-petrol.fullsize {
  width: 100%;
  display: block;
}

.align-center {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
}

.plattform-kategorie {
  background-color: var(--hellgruen-7);
  border-radius: 10px 10px 0 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8px 25px;
  display: flex;
}

.text-14 {
  color: var(--black);
  text-align: left;
  font-size: 14px;
  line-height: 1.5;
}

.text-14.placeholder {
  height: 24px;
}

.text-14.center {
  text-align: center;
  height: auto;
}

.text-14.center.placeholder {
  opacity: 0;
}

.text-14.center.placeholder.ohne {
  margin-bottom: 0;
}

.text-14.marktplatz {
  color: gray;
  font-family: Segoe UI;
}

.meldungen {
  grid-column-gap: 1vw;
  background-color: var(--amber1);
  border-radius: 10px;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding: 1vw;
  display: flex;
}

.meldungen.info {
  background-color: var(--hellgruen2);
}

.meldung-icon {
  width: 24px;
}

.meldung-text {
  text-align: left;
  width: 80%;
  font-size: 14px;
  line-height: 22px;
}

.partner-grid {
  grid-column-gap: 2%;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.kachel-3-col {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  width: 32%;
  height: 100%;
  display: flex;
}

.kachel-3-col.ohne-bg {
  background-color: #0000;
}

.kachel-text-wrap {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.kachel-text-wrap.boxpadding_25 {
  display: flex;
}

.kachel-img-wrap {
  object-fit: fill;
  width: 100%;
  height: auto;
}

.kachel-img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
}

.kachel-bg {
  background-color: var(--white);
  height: 100%;
  display: flex;
  box-shadow: 2px 2px 20px #0003;
}

.kachel-bg.ohne-schatten {
  box-shadow: none;
}

.kachel-bg.padding {
  padding-top: 70px;
}

.kachel-img-txt {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.wissen-aufbauen.sectionpadding.ohnekurse {
  padding-top: 0;
}

._3er-grid {
  grid-column-gap: 1.875em;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: grid;
}

.icon-wrap {
  align-items: center;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-wrap {
  padding-left: 15px;
  padding-right: 15px;
}

.background {
  z-index: -1;
  background-color: var(--coldgray1);
  display: block;
}

.berufsstand-bg {
  z-index: -1;
  background-color: var(--coldgray2);
  width: 100%;
  height: 100%;
  display: block;
}

.berufsstand-kachel-wrap {
  grid-column-gap: 15px;
  justify-content: center;
  align-items: stretch;
}

.icon-txt-kachel-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.icon-txt-kachel-content.boxpadding_25.no-toppadding {
  padding-top: 0;
}

.collection-list-wrapper {
  grid-column-gap: 15px;
  justify-content: center;
  display: flex;
}

.berufsstand-kachel {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  width: 100%;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

._4er-grid {
  grid-column-gap: 1.875rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.textlink-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 15px;
}

.textlink-wrap.left {
  align-items: flex-start;
}

.textlink-wrap.left.abstand-unten-15.hide {
  display: none;
}

.textlink-wrap.standrd {
  align-items: center;
}

.textlink-wrap.padding {
  padding-bottom: 2vw;
  padding-left: 2vw;
  padding-right: 2vw;
}

.textlink-wrap.zentriert {
  align-items: center;
  margin-bottom: 15px;
}

.nachweis-flex {
  grid-column-gap: 2%;
  align-items: stretch;
  display: flex;
}

.nachweis-kachel {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 32%;
  font-family: Segoe UI;
  text-decoration: none;
  display: flex;
  box-shadow: 2px 2px 20px #0003;
}

.nachweis-kachel:hover {
  color: var(--black);
  background-image: linear-gradient(#0000000d, #0000000d);
}

.kachel-icon-wrap {
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}

.check-list {
  grid-column-gap: 4px;
  display: flex;
}

.check-icon {
  width: 24px;
  height: 24px;
}

.kurse, .kurse.relativ {
  position: relative;
}

.kurse.hide {
  display: none;
}

.maske-slider {
  width: 100%;
  padding-top: 10px;
  overflow: hidden;
}

.slide-1 {
  object-fit: scale-down;
  overflow: hidden;
}

.niveau-nachweis-text {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.3em;
  display: flex;
}

.niveau-nachweis-text.align-center {
  text-align: center;
}

.niveau-nachweis-text.text-align-center {
  text-align: center;
  margin-top: 5px;
}

.fachbereich-wrap {
  background-color: var(--dunkelgruen5);
  border-radius: 10px 10px 0 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 8px 25px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.kurs-slider {
  background-color: #0000;
  width: 100%;
  height: auto;
  display: flex;
}

.maske-kurs-slider {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.kurs-slider-1 {
  object-fit: fill;
  overflow: hidden;
}

.kurs-collection-flex {
  grid-column-gap: 2%;
  width: 100%;
  display: flex;
}

.kurs-kachel {
  background-color: var(--white);
  border-radius: 10px;
  width: 23.5%;
  height: auto;
  display: flex;
  position: relative;
}

.kurs-slider-2 {
  object-fit: scale-down;
  overflow: hidden;
}

.kurs-kachel-content {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.kurstitel {
  margin-top: 0;
  font-size: 20px;
  line-height: 26px;
}

.kurs-txt {
  flex: 1;
  margin-top: 35px;
  margin-bottom: 1.5vw;
}

.kursnachweis-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 5px;
  display: flex;
}

.dauer-flex {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

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

.niveau-nachweis-icon {
  width: 100%;
  height: 100%;
  margin-bottom: 5px;
}

.kursbeschreibung {
  min-height: 110px;
  margin-bottom: .625rem;
}

.niveau-flex {
  grid-column-gap: 5px;
  border-radius: 10px;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 10px 10px 0;
  display: flex;
}

.kursnachweis-flex {
  grid-column-gap: 5px;
  border-radius: 10px;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 10px;
  display: flex;
}

.footer {
  display: block;
}

.logo-claim-wrap {
  grid-column-gap: 25px;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
  position: static;
}

.logo-claim-wrap.w--current {
  text-decoration: none;
}

.portal-claim {
  z-index: 20;
  transform-origin: 0%;
  letter-spacing: .01em;
  font-size: 20px;
  line-height: 1.2em;
  position: relative;
}

.video-section {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 45px;
}

.video-wrapper {
  z-index: 5005;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 10px #00000026;
}

.video-embed-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.nachweise-icon {
  opacity: .65;
  width: 100%;
  height: 100%;
}

.linkpfeil-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: auto;
  display: flex;
}

.linkpfeil-wrap.right {
  justify-content: flex-end;
}

.linkpfeil-wrap.sml {
  flex: none;
  align-content: center;
  width: auto;
  padding-top: 70px;
}

.software-icon {
  width: 100%;
  height: 100%;
  display: block;
}

.textlink-pfeil {
  background-image: url("./64c0c900fab01d2aed381024_icon_000000_pfeil-rechts.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-right: 5px;
  padding-right: 20px;
  font-family: Segoe Semibold;
  text-decoration: underline;
}

.textlink-pfeil:hover {
  color: var(--petrol2);
  background-image: url("./64c366ea2af64bdc37f242ad_icon_00595C-petrol2_pfeil-rechts.svg");
}

.niveau-nachweis-flex {
  grid-column-gap: 2%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-bottom: 25px;
  display: flex;
}

.trennlinie-vertikal {
  background-color: var(--black);
  width: 1px;
  height: 15px;
}

.stand-dauer-flex {
  grid-column-gap: 2%;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 500px;
  margin-bottom: 20px;
  display: flex;
}

.plattform-kachel-grid {
  grid-column-gap: 2%;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.25fr .75fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: grid;
}

.plattform-kachel-grid.hide {
  display: none;
}

.plattform-kachel-2 {
  background-image: linear-gradient(to bottom, var(--petrol1), var(--datev-petrol) 87%, var(--datev-petrol));
  color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: auto;
  display: flex;
  box-shadow: 2px 2px 20px #0003;
}

.plattform-kachel-2:hover {
  background-image: linear-gradient(to bottom, #0000001a, #0000001a), linear-gradient(to bottom, var(--petrol1), var(--datev-petrol) 87%, var(--datev-petrol));
}

.plattform-kategorie-2 {
  background-color: var(--datev-green);
  border-radius: 10px 10px 0 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 15px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.kachel-icon-txt-2 {
  background-color: var(--white);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: static;
}

.kachel-icon-txt-2.boxpadding_25 {
  flex: 1;
}

.plattform-text-2 {
  text-align: center;
  flex: 1;
  width: 100%;
  height: 100%;
}

.plattform-text-2.align-center.horizontal {
  grid-column-gap: 5%;
  flex-direction: row;
  display: flex;
}

.plattform-text-2.horizontal {
  grid-column-gap: 15px;
  justify-content: space-between;
  display: flex;
}

.plattform-icon-2 {
  width: 100px;
  height: 100px;
  margin: -50px auto 10px;
  position: relative;
  inset: 4% 0% auto;
}

.software-icon-2 {
  width: 100%;
  height: 100%;
  display: block;
}

.plattform-kategorie-txt {
  text-align: center;
  letter-spacing: .03em;
  text-transform: none;
  font-size: 16px;
  line-height: 22px;
}

.plattform-kategorie-txt.placeholder {
  height: 24px;
}

.plattform-kategorie-txt.center {
  text-align: center;
  height: auto;
}

.plattform-kategorie-txt.center.placeholder {
  opacity: 0;
}

.plattform-kategorie-txt.marktplatz {
  color: gray;
  font-family: Segoe UI;
}

.plattform-2-col {
  flex-direction: column;
  width: 48%;
  height: 100%;
  display: flex;
}

.plattform-text-2-wrap {
  flex: 1;
}

.trennlinie-weiss {
  background-color: var(--white);
  width: 1px;
  height: 100%;
}

.kurse-flex {
  flex-direction: column;
  display: flex;
}

.kursschaufenster-kachel {
  border: 3px solid #0000;
  border-radius: 10px;
  width: 100%;
  height: auto;
  margin-bottom: 1.875rem;
}

.kursschaufenster-wrap {
  margin-bottom: 15px;
}

.kursschaufenster-wrap.text-maxwidth {
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.kurs-kachel-content-2 {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.kurs-txt-2 {
  width: 90%;
}

.stand-flex-2 {
  grid-column-gap: 5px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.stand-dauer-icon {
  width: 25px;
  height: 25px;
}

.dauer-flex-2 {
  grid-column-gap: 5px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.fachbereich-wrap-2 {
  background-color: var(--dunkelgruen5);
  border-radius: 10px 10px 0 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 8px 25px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.niveau-flex-2 {
  grid-column-gap: 5px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.nachweis-icon-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  min-height: 180px;
  display: flex;
  position: relative;
}

.kurs-daten-flex {
  grid-column-gap: 10%;
  margin-top: 35px;
  display: flex;
}

.stand-dauer-flex-2 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.nachweis-ico-txt {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  inset: -70px 0% auto;
}

.nachweis-flex-2 {
  grid-column-gap: 2%;
  align-items: stretch;
  display: flex;
}

.nachweis-kachel-2 {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 2%;
  display: flex;
  box-shadow: 2px 2px 20px #0003;
}

.nachweis-kachel-2:hover {
  background-color: var(--coldgray1);
}

.nachweis-kachel-2.green4 {
  background-color: var(--green4);
}

.nachweis-kachel-2.green4:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
}

.nachweis-kachel-2.hellgruen5 {
  background-color: var(--hellgruen5);
}

.nachweis-kachel-2.hellgruen5:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
}

.nachweis-kachel-2.dunkelgruen6 {
  background-color: var(--dunkelgruen6);
}

.nachweis-kachel-2.dunkelgruen6:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
}

.kachel-icon-txt-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 3px solid #0000;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: grid;
}

.nachweis-icon-2 {
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}

.nachweis-txt-2 {
  width: 100%;
}

.nachweis-kachel-2-flex {
  flex-direction: column;
  width: 50%;
  display: flex;
}

.nachweis-img-kachel-flex {
  width: 100%;
  display: flex;
}

.image-26 {
  width: 65%;
}

.linkpfeil-wrap-2 {
  justify-content: center;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.linkpfeil-wrap-2.right {
  justify-content: flex-end;
}

.linkpfeil-wrap-2.sml {
  flex: none;
  align-content: center;
  width: auto;
  padding-top: 70px;
}

.nachweis-collage-img {
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.niveau-nachweis-img {
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.header-trigger {
  width: 5px;
  height: 200px;
  position: absolute;
}

.header-abstand {
  height: 120px;
}

.kachel-100 {
  border: 3px solid #0000;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.plattform-text-flex-horizontal {
  grid-column-gap: 4%;
  text-align: center;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.plattform-text-flex-horizontal.align-center.horizontal {
  grid-column-gap: 5%;
  flex-direction: row;
  display: flex;
}

.plattform-text-flex-horizontal.horizontal {
  grid-column-gap: 15px;
  justify-content: space-between;
  display: flex;
}

.headline-paragraph {
  text-align: center;
  flex: 1;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.headline-paragraph.align-left {
  text-align: left;
}

._3er-grid-mit-bg {
  grid-column-gap: 2%;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  padding: 25px 15px;
  display: grid;
}

.background-color-coldgray2 {
  background-color: var(--coldgray2);
  width: 100%;
  height: 100%;
}

.plattformicon-txt-wrap {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.kursnachweis-icon-90 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  margin-bottom: 5px;
  display: flex;
}

.nachweis-kachel-3-wrap {
  grid-column-gap: 2%;
  align-items: stretch;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.nachweis-kachel-3-grid {
  grid-row-gap: 1.875rem;
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.nachweis-kachel-3 {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 2%;
  display: flex;
  box-shadow: 2px 2px 20px #0003;
}

.nachweis-kachel-3:hover {
  background-color: var(--coldgray1);
}

.nachweis-kachel-3.green4 {
  background-color: var(--green4);
}

.nachweis-kachel-3.green4:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
}

.nachweis-kachel-3.hellgruen5 {
  background-color: var(--hellgruen5);
}

.nachweis-kachel-3.hellgruen5:hover {
  background-image: linear-gradient(#0000001a, #0000001a);
}

.nachweis-kachel-3.dunkelgruen6 {
  background-color: var(--dunkelgruen6);
}

.nachweis-kachel-3.dunkelgruen6:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
}

.nachweis-icon-3 {
  width: 80%;
  height: auto;
  margin-top: -15px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -30px;
}

.zertfikat {
  width: 100%;
  height: 100%;
}

.nachweis-txt-3 {
  width: 100%;
}

.linkpfeil-wrap-3 {
  justify-content: flex-end;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.linkpfeil-wrap-3.sml {
  flex: none;
  align-content: center;
  width: auto;
  padding-top: 70px;
}

.popup-container-students {
  z-index: 200;
  background-color: #000000bf;
  width: 100%;
  height: 200vh;
  padding-top: 40vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.plattform-img {
  width: 50%;
  height: auto;
  max-height: 340px;
}

.hero-unterseite-img {
  object-fit: fill;
  justify-content: center;
  align-items: stretch;
  width: 50%;
  max-width: 50vh;
  max-height: 40vh;
  display: flex;
}

.hero-unterseite-img.right {
  justify-content: flex-end;
  display: flex;
}

.einleitung.sectionpadding.no-bottom-padding {
  padding-bottom: 0;
}

.db-anker-kachel-flex {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.db-anker-kachel-flex.sml {
  box-shadow: 0 3px 20px #0003;
}

.media-txt-flex {
  grid-column-gap: 2rem;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.media-txt-flex.abstand-unten-25 {
  align-items: center;
}

.media-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.txt-wrap {
  width: 50%;
}

.txt-wrap.flex-horizontal {
  grid-column-gap: 2%;
  flex-direction: row;
  width: 100%;
  display: flex;
}

.db-anker-kachel {
  color: var(--petrol2);
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 15%;
  height: auto;
  margin-bottom: 2%;
  margin-left: .5%;
  margin-right: 1%;
  padding-bottom: 15px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 18px;
  line-height: 26px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0003;
}

.db-anker-kachel:hover {
  background-color: var(--dunkelgruen1);
}

.db-anker-kachel.full {
  width: 100%;
  margin-bottom: 25px;
}

.db-anker-kachel.full.platzhalter {
  height: 120px;
}

.db-anker-kachel.single {
  margin-bottom: 0%;
  font-family: Segoe UI;
}

.db-anker-kachel.single.azur:hover, .db-anker-kachel.azur:hover {
  background-color: var(--azur1);
}

.lexinform-img {
  width: 400px;
  height: auto;
}

.lexinform-dfn-bg {
  background-color: var(--coldgray2);
  width: 100%;
  height: 100%;
}

.lexinform-edu-bg {
  background-color: var(--dunkelgruen3);
  flex-direction: column;
  justify-content: center;
}

.lexinform-edu-bg.sectionpadding {
  display: flex;
}

.anchor-versatz {
  width: 10px;
  height: 100%;
  margin-top: -200px;
  margin-left: 10px;
  position: absolute;
}

.div-block-71 {
  text-align: left;
  flex: 0 auto;
  width: 50%;
}

.vorteil-liste {
  width: 50%;
  padding-top: 15px;
}

.vorteil-liste.sml {
  width: 50%;
  margin-bottom: 35px;
  padding-bottom: 0;
}

.starterpaket-flex {
  width: 50%;
  margin-bottom: 40px;
}

.starterpaket-flex.flex-horizontal {
  grid-column-gap: 2%;
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: row;
  width: 100%;
  display: flex;
}

.starterpaket-content {
  grid-column-gap: 1.875rem;
  padding: 20px 25px 35px;
  display: flex;
  position: relative;
}

.hinweis-benutzerkonto {
  grid-column-gap: 1vw;
  background-color: var(--amber1);
  border-radius: 10px;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 15px 25px;
  display: flex;
}

.hinweis-benutzerkonto.abstand_oben15 {
  justify-content: space-between;
}

.hinweis-benutzerkonto.abstand_oben15.hide {
  display: none;
}

.hinweis-box-2-orange {
  background-color: var(--amber0);
  border-radius: 10px;
  width: 100%;
  box-shadow: 3px 0 12px #00000026;
}

.hinweis-box-2-orange.abstand-unten-70 {
  overflow: hidden;
}

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

.flex-horizont.hochfull {
  flex-direction: row;
  align-items: stretch;
}

.flex-horizont.hochfull.hide {
  display: none;
}

.ico-container45-2 {
  flex: none;
  width: 45px;
}

.txt-description-sml {
  letter-spacing: .02em;
  font-size: 14px;
  line-height: 20px;
}

.txt-abstand-bottom {
  margin-bottom: 5px;
}

.crosslink-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.crosslink {
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  text-decoration: none;
}

.crosslink:hover {
  box-shadow: 0 1px 10px #00000026;
}

.crosslink-flex {
  justify-content: space-between;
  align-items: center;
  padding: 15px 25px;
  display: flex;
}

.crosslink-ico-txt {
  align-items: center;
  display: flex;
}

.crosslink-pfeil {
  width: 22px;
}

.crosslink-content-width {
  max-width: 900px;
  margin-bottom: 2%;
  margin-left: auto;
  margin-right: auto;
}

.crosslink-txt {
  letter-spacing: .01em;
  padding-left: 10px;
  font-size: 18px;
  line-height: 26px;
}

.datenbank-zugriff.sectionpadding-80-60 {
  padding-top: 80px;
  padding-bottom: 60px;
}

.zugriff-grafik-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr 1fr auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.lexinform-circle-img {
  width: 120%;
  height: 120%;
  margin-top: -30px;
}

.lexinform-circle {
  width: 100%;
  height: 100%;
}

.zugriff-img {
  background-color: var(--white);
  border: 3px solid #0000;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 10px #0003;
}

.zugriff-img:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
}

.lexinform-icon {
  flex: none;
  width: 80%;
  height: 80%;
}

.linie-gestrichelt {
  z-index: -1;
  background-image: url("./64cfde4f2dbb743b41d41742_linie-gestrichelt.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  position: relative;
}

.zugriff-txt {
  display: none;
}

.zugriff-txt-img-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.hero-unterseite-content {
  flex-direction: row;
  align-items: center;
  max-height: 650px;
  padding-top: 35px;
}

.hero-unterseite-flex {
  align-items: center;
  min-height: 350px;
  display: flex;
}

.datenbank-bg, .zertifikat-bg {
  background-color: var(--dunkelgruen2);
  width: 100%;
  height: 100%;
}

.img-container-full {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: static;
}

.icon-txt-kachel-flex {
  grid-column-gap: 2%;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.icon-txt-kachel {
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 32%;
  display: flex;
}

.kachel-icon {
  width: 100%;
  height: 100%;
}

.fibu-vorteile {
  width: 100%;
  height: auto;
}

.fibu-vorteile-grid {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto auto;
  grid-template-columns: .75fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.zert-img {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 300px;
  display: flex;
  position: relative;
}

.zert-badge-icon {
  width: 80%;
  position: static;
  inset: -70px auto auto;
}

.fibu-bg {
  background-color: var(--white);
  border-radius: 10px;
  width: 100%;
  height: auto;
}

.center-horizontal {
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.meldungen-header-flex {
  grid-column-gap: 15px;
  flex-direction: row-reverse;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.hero-news-content {
  flex-direction: row;
  align-items: center;
  width: 100vw;
  max-width: 1600px;
  height: 47vh;
  max-height: 450px;
}

.hero-news-flex {
  align-items: center;
  display: flex;
}

.hero-news-img {
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.hero-news-img.right {
  justify-content: flex-end;
  display: flex;
}

.news-img {
  border-radius: 10px;
  width: 350px;
  height: auto;
}

.news-bg {
  background-color: var(--petrol1);
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.news-bg.dunkel {
  background-image: radial-gradient(circle farthest-corner at 100% 100%, var(--dunkelgruen9), #27a89c 0%, var(--dunkelgruen7) 0%, var(--datev-petrol) 9%, var(--azur7) 71%);
}

.news-bg.petrol1 {
  background-image: radial-gradient(circle farthest-corner at 100% 100%, var(--petrol2) 29%, var(--datev-petrol) 84%, var(--dunkelgruen7) 100%, #27a89c 100%, var(--dunkelgruen9));
}

.typo-h4 {
  color: var(--petrol2);
  font-size: 20px;
  line-height: 26px;
}

.img-100 {
  width: 100%;
  height: auto;
}

.img-100.abgerundet {
  border-radius: 10px;
  overflow: hidden;
}

.img-100.abgerundet.kontur {
  border: 1px solid var(--white);
}

.autorbox {
  background-color: #cdebeb;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: auto;
  padding: 20px 25px 25px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000001a;
}

.autor-img {
  object-fit: cover;
  border-radius: 100%;
  width: 80px;
  height: 8px;
}

.autorbox-img-txt-flex {
  grid-column-gap: 20px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.autorbox-img-txt-flex.boxpadding_25 {
  letter-spacing: .02em;
  justify-content: flex-start;
  align-self: center;
}

.artikel-teaser-img-txt-flex {
  align-items: center;
  width: 100%;
  margin-bottom: .625rem;
  display: flex;
  position: relative;
}

.artikel-teaser-img-wrap {
  flex: none;
  width: 100px;
  height: 70px;
  margin-right: 15px;
}

.artikel-teaser-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.artikel-teaser-txt-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  height: auto;
  display: flex;
}

.artikel-teaser-txt-wrap:hover {
  color: var(--petrol2);
}

.artikel-teaser-headline {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Compatil datev Regular, Georgia, sans-serif;
}

.artikel-teaser-pfeil-wrap {
  height: 25px;
}

.link-element {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.link-block-extern, .link-block-template {
  position: absolute;
  inset: 0%;
}

.anker-kacheln-flex {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  place-content: space-between center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.collection-list {
  justify-content: center;
  display: flex;
}

.anker-kacheln-collection {
  width: 100%;
}

.anker-kachel-2 {
  color: var(--petrol2);
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  width: 15%;
  min-width: 200px;
  height: 100%;
  margin-bottom: 2%;
  margin-left: 1%;
  margin-right: 1%;
  padding-bottom: 15px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 18px;
  line-height: 26px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000001a;
}

.anker-kachel-2:hover {
  background-color: var(--coldgray1);
}

.anker-kachel-2.full {
  width: 100%;
  margin-bottom: 25px;
}

.anker-kachel-2.full.platzhalter {
  height: 120px;
}

.anker-kachel-2.single {
  margin-bottom: 0%;
  font-family: Segoe UI;
}

.anker-kachel-2.single.azur:hover, .anker-kachel-2.azur:hover {
  background-color: var(--azur1);
}

.zertifikats-content, .zertifikat-detail, .collection-item {
  width: 100%;
}

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

.zertifikats-item {
  width: 100%;
}

.hero-unterseite-bg {
  background-color: var(--petrol2);
  background-image: radial-gradient(circle farthest-corner at 100% 0%, var(--datev-petrol), #039a9a17 77%), linear-gradient(85deg, var(--petrol1), var(--petrol2) 52%, #02898a 94%, var(--datev-petrol));
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.hero-unterseite-bg.dunkel {
  background-image: radial-gradient(circle farthest-corner at 100% 100%, var(--dunkelgruen9), #27a89c 0%, var(--dunkelgruen7) 0%, var(--datev-petrol) 9%, var(--azur7) 71%);
}

.hero-unterseite-bg.petrol1 {
  background-image: radial-gradient(circle farthest-corner at 100% 100%, var(--petrol2) 29%, var(--datev-petrol) 84%, var(--dunkelgruen7) 100%, #27a89c 100%, var(--dunkelgruen9));
  padding-top: 3rem;
  padding-bottom: 2rem;
}

.hero-unterseite-bg.petrol1-ohne-verlauf {
  background-color: var(--petrol1);
  background-image: none;
  padding-top: 6.8rem;
  padding-bottom: 4rem;
  overflow: hidden;
}

.nav-foldout {
  background-color: var(--coldgray8);
  color: var(--white);
  border: 3px solid #0000;
  width: 100%;
  min-width: 300px;
  height: auto;
  padding-top: 25px;
  padding-bottom: 15px;
}

.nav-foldout.last {
  right: -15px;
}

.navlink {
  color: var(--white);
  margin-bottom: 10px;
}

.navlink:hover {
  color: #ffffffb3;
  text-decoration: underline;
}

.navlink.no-bottom-margin {
  margin-bottom: 0;
}

.nav-indicator {
  z-index: 200;
  background-color: var(--coldgray8);
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  inset: -.5rem 0% auto 2rem;
  transform: translate(-10px)rotate(45deg);
}

.nav-indicator.petrol {
  background-color: #1f4145;
}

.nav-indicator.last {
  inset: -.5rem 1rem 0% auto;
}

.verlauf-head {
  background-image: linear-gradient(to top, var(--green4), var(--green2));
  justify-content: center;
  align-items: flex-start;
  height: 200px;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
  position: relative;
}

.verlauf-head.hellgruen-verlauf {
  background-image: linear-gradient(34deg, var(--datev-gruen8), var(--hellgruen3));
}

.verlauf-head.petrol-verlauf {
  background-image: linear-gradient(34deg, var(--dunkelgruen7), var(--dunkelgruen3));
}

.img-rund {
  border-radius: 50%;
  width: 200px;
  height: 200px;
}

.img-rund.abs {
  float: left;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 70px 0% 0%;
  overflow: hidden;
}

.kachel-linkblock {
  position: absolute;
  inset: 0%;
}

.nav-level2 {
  color: var(--white);
  cursor: pointer;
  margin-bottom: .625rem;
  display: block;
}

.nav-level2:hover {
  color: var(--white);
  text-decoration: underline;
}

.nav-level2.w--current {
  border-left: 5px solid var(--dunkelgruen8);
  color: var(--dunkelgruen6);
  cursor: pointer;
  margin-left: -25px;
  padding-left: 20px;
}

.nav-level2.w--current:hover {
  text-decoration: none;
}

.kachel-content-stretch {
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  min-height: 210px;
  display: flex;
}

.back-to-top-container {
  z-index: 9999;
  width: 100%;
  max-width: 110rem;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  inset: auto 0% 30px auto;
}

.back-to-top-flex {
  justify-content: flex-end;
  padding-right: 5px;
  display: flex;
}

.back-to-top-ico {
  background-color: var(--white);
  border: 3px solid #0000;
  border-radius: 50%;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 55px;
  height: 55px;
  display: flex;
  box-shadow: 0 0 6px #0000004d;
}

.back-to-top-ico:hover {
  box-shadow: 0 0 10px #0000004d;
}

.to-top-pfeil {
  width: 35px;
  height: 35px;
}

.to-top-pfeil:hover {
  opacity: .6;
}

.rich-text-topthemen {
  display: block;
}

.rich-text-topthemen p {
  margin-bottom: 1.563rem;
}

.rich-text-topthemen a {
  font-family: Segoe Semibold;
  text-decoration: underline;
}

.rich-text-topthemen a:hover {
  color: var(--petrol2);
}

.rich-text-topthemen img {
  width: 100%;
  margin-bottom: .625rem;
}

.rich-text-topthemen figcaption {
  color: var(--black-7);
  text-align: left;
  margin-bottom: 2.188rem;
  font-size: 14px;
}

.rich-text-topthemen ul {
  margin-bottom: 2.188px;
  list-style: square;
}

.rich-text-topthemen li {
  margin-bottom: .313rem;
}

.rich-text-topthemen.styler.hide {
  display: none;
}

.trennlinie-coldgray3 {
  background-color: var(--coldgray3);
  width: 1px;
  height: 100%;
}

.meldung-gross.section-padding-oben {
  margin-top: 40px;
}

.icon-zg {
  color: var(--petrol1-2);
  width: 60px;
}

.zielgruppebox-img-txt-flex {
  grid-column-gap: 10px;
  color: var(--black);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.zielgruppebox-img-txt-flex.boxpadding_25 {
  letter-spacing: .02em;
  justify-content: flex-start;
  align-self: center;
}

.zielgruppebox-lernende {
  background-color: var(--dunkelgruen2);
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 25px;
  padding-left: 5px;
  padding-right: 15px;
  display: inline-block;
  overflow: hidden;
}

.zielgruppebox-lernende.hide {
  display: none;
}

.inpage-container {
  width: 100%;
  margin-right: 20px;
  display: flex;
  position: relative;
}

.navdot-container {
  background-color: var(--coldgray3);
  box-shadow: inset 0 0 0 3px var(--white);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.navdot-container:hover {
  box-shadow: 5px 0 10px 0 #0003, inset 0 0 0 3px var(--white);
}

.navdot-container.w--current {
  background-color: var(--datev-green);
  box-shadow: inset 0 0 0 3px var(--white);
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

.nav-dots-container {
  border: 3px solid #d7e3e8;
  border-radius: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 30px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
}

.inpage-nav-vertical {
  z-index: 5000;
  justify-content: space-between;
  width: 200px;
  display: block;
  position: absolute;
  inset: auto 10px 71% auto;
}

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

.absolut-container-2 {
  z-index: 20;
  justify-content: center;
  width: 500px;
  height: 200%;
  margin-bottom: 25px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.nav-item-rund {
  background-color: var(--datev-gruen7);
  text-align: center;
  cursor: pointer;
  border-radius: 20px;
  margin-right: 10px;
  padding: 5px 15px 7px;
  font-size: 14px;
  line-height: 19px;
  box-shadow: 0 2px 10px #0000004d;
}

.nav-item-rund:hover {
  background-color: #aae456;
  border-bottom-color: #039a9a33;
}

.nav-item-rund.w--current {
  border-bottom-color: #039a9a;
}

.nav-item-rund._4 {
  box-shadow: 0 2px 10px #0003;
}

.nav-dot {
  z-index: 1;
  background-color: var(--coldgray3);
  border: 2px solid #fff;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
}

.nav-dot:hover, .nav-dot.current {
  background-color: #90d033;
}

.nav-list {
  z-index: 10;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 19px;
  display: block;
  position: relative;
}

.navdot-container-ges {
  cursor: pointer;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 0;
  display: flex;
  position: relative;
}

.nav-ring {
  z-index: -1;
  background-color: var(--white);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
}

.inpage-nav_wrap {
  z-index: 20;
  justify-content: center;
  max-width: 1600px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: sticky;
  inset: 120px 0% 0% auto;
}

.inpage-nav_wrap.hide {
  display: none;
}

.anchor-mit-versatz {
  opacity: 0;
  background-color: #f5f6f8;
  width: 10px;
  height: 100%;
  margin-top: -200px;
  margin-left: 10px;
  position: absolute;
}

.anchor-mit-versatz.kurse {
  height: 100%;
}

.anchor-mit-versatz.plattformen {
  height: 75%;
  margin-top: -400px;
}

.fuehrerschein {
  margin-top: 70px;
}

.zielgruppebox-unterrichtende {
  background-color: #cdebeb;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: auto;
  padding: 20px 25px 25px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000001a;
}

.wie-h3-petrol1 {
  color: var(--petrol2);
  margin-bottom: 15px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 24px;
  line-height: 36px;
}

.wie-h3-petrol1.block {
  display: inline-block;
}

.content-rel {
  max-width: 1279px;
  position: relative;
}

.list {
  list-style: square;
}

.flex-block {
  color: var(--petrol2);
  align-items: center;
  height: 45px;
  font-family: Segoe Semibold;
  font-size: 18px;
}

.zielgruppenbanderole-lernende {
  background-color: var(--dunkelgruen2);
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  padding-left: 4rem;
  padding-right: 25px;
  display: inline-block;
  position: absolute;
  top: 55px;
  transform: translate(0);
}

.zielgruppenbanderole-unterichtende {
  background-color: var(--green1);
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  padding-left: 4rem;
  padding-right: 25px;
  display: inline-block;
  position: absolute;
  top: 55px;
  transform: translate(0);
}

.h2-petrol2 {
  color: var(--petrol2);
}

.h2-petrol2.no-bottom-margin {
  margin-bottom: 0;
}

.bg-dunkelgruen2 {
  background-color: var(--dunkelgruen2);
  width: 100%;
  height: 100%;
  display: block;
}

.wissensnachweis-kacheln-flex {
  grid-column-gap: 2%;
  flex-wrap: wrap;
  place-content: space-between center;
  align-items: center;
  width: 100%;
  display: flex;
}

.wissensnachweis-kachel {
  color: var(--petrol2);
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 15px;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 18px;
  line-height: 26px;
  position: relative;
  overflow: visible;
  box-shadow: 2px 2px 20px #0000001a;
}

.wissensnachweis-kachel:hover {
  background-color: var(--coldgray1);
}

.wissensnachweis-kachel.full {
  width: 100%;
  margin-bottom: 25px;
}

.wissensnachweis-kachel.full.platzhalter {
  height: 120px;
}

.wissensnachweis-kachel.single {
  margin-bottom: 0%;
  font-family: Segoe UI;
}

.wissensnachweis-kachel.single.azur:hover, .wissensnachweis-kachel.azur:hover {
  background-color: var(--azur1);
}

.badge-image-wrap {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60px;
  height: 60px;
  position: static;
}

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

.wissensnachweis-text-wrap {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-left: 5px;
  padding-right: 15px;
  display: flex;
}

.wissensnachweis-text-wrap.sml {
  text-align: center;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
}

.pfeil-rechts {
  color: var(--black);
  width: 18px;
}

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

.pfeil_wrap.right {
  justify-content: flex-end;
}

.pfeil_wrap.sml {
  flex: none;
  align-content: center;
  width: auto;
  padding-top: 70px;
}

.abstand-unten-35 {
  margin-bottom: 35px;
}

.bescheinigung-bg {
  width: 100%;
  height: 100%;
}

.html-embed {
  color: var(--petrol1-2);
  width: 100%;
  height: 100%;
}

.wissensnachweis-collection {
  width: 100%;
}

.wissensnachweis-kachel-link {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.wissensnachweis-kachel-content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.headline-groesse-2 {
  color: var(--petrol1-2);
  margin-bottom: .938rem;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 32px;
}

.headline-groesse-2.no-bottom-margin, .headline-groesse-2.no-top.no-bottom-margin {
  margin-bottom: 0;
}

.headline-groesse-3 {
  color: var(--petrol1-2);
  margin-bottom: .625rem;
  font-family: Compatil datev Regular, Georgia, sans-serif;
  font-size: 24px;
  line-height: 1.875rem;
}

.headline-groesse-3.typo-amber10 {
  color: var(--amber10-11);
}

.headline-groesse-3.typo_green6 {
  color: var(--green6);
}

.headline-groesse-3.typo-petrol2 {
  color: var(--petrol2);
}

.headline-groesse-4 {
  color: var(--petrol2);
  margin-bottom: .625rem;
  font-family: Noto Sans Display, sans-serif;
  font-size: 20px;
  line-height: 1.5;
}

.headline-groesse-4.no-bottom-margin {
  margin-bottom: 0;
}

.standard-text-gross {
  font-size: 18px;
  line-height: 1.625rem;
}

.standard-text {
  line-height: 1.5rem;
}

.text-klein {
  font-size: 14px;
  line-height: 1.25rem;
}

.text-mini {
  font-size: 13px;
  line-height: .313rem;
}

.textcolor-black {
  color: var(--black);
}

.text-color-black {
  color: var(--black);
  margin-bottom: .938rem;
}

.text-color-petrol-1 {
  color: var(--petrol1);
}

.text-color-petrol-2 {
  color: var(--petrol2);
}

.headline-kategorie {
  font-family: Compatil datev Regular, Georgia, sans-serif;
}

.text-link {
  font-family: Noto Sans, sans-serif;
  font-weight: 600;
  text-decoration: underline;
  display: block;
}

.text-link:hover {
  color: var(--petrol2);
}

.video-container-gesamt {
  height: 100vh;
  position: relative;
}

.popup-trailer {
  z-index: 99999;
  padding-top: 20vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.video-trailer {
  z-index: 5005;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.video-trailer.hide {
  display: none;
}

.trailer-popup-gesamt {
  z-index: 5005;
  width: 90%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.video-embed-trailer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.video-embed-trailer.hide {
  display: none;
}

.bg-popup {
  z-index: 5000;
  background-color: #0003;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-73 {
  z-index: 5005;
  background-color: #a3000033;
  width: 100px;
  height: 100px;
  position: absolute;
  inset: 0%;
}

.meldungen-wrapper {
  display: block;
}

.meldung-warnung {
  grid-column-gap: 1vw;
  background-color: var(--amber1);
  border-radius: 10px;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding: 15px;
  display: flex;
}

.meldung-warnung.info {
  background-color: var(--hellgruen2);
}

.meldung-info {
  grid-column-gap: 1vw;
  background-color: var(--green2);
  border-radius: 10px;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding: 15px;
  display: flex;
}

.meldung-info.info {
  background-color: var(--hellgruen2);
}

.info-box-gruen {
  background-color: var(--green2);
  text-align: left;
  border-radius: 10px;
  width: 100%;
  box-shadow: 3px 0 12px #00000026;
}

.info-box-gruen.abstand-unten-70 {
  overflow: hidden;
}

.ico-container-35 {
  flex: none;
  width: 35px;
}

.popup-container-software {
  z-index: 200;
  background-color: #000000bf;
  width: 100%;
  height: 200vh;
  padding-top: 40vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-container-zerti, .popup-container-lex {
  z-index: 200;
  background-color: #000000bf;
  width: 100%;
  height: 200vh;
  padding-top: 40vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.text-18 {
  font-size: 18px;
  line-height: 26px;
}

.pfeil-25 {
  width: 25px;
}

.pfeil-25.absolut {
  margin-left: -12.5px;
  position: absolute;
  inset: auto 0% 4% 50%;
}

.h1 {
  margin-bottom: .625rem;
}

.hero-news-img-copy {
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.hero-news-img-copy.right {
  justify-content: flex-end;
  display: flex;
}

.buchtipp {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.buchtipp-bg {
  background-color: var(--dunkelgruen2);
  border-radius: 10px;
  position: relative;
}

.buch-cover {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 55px;
  display: flex;
  position: relative;
}

.buchtipp-txt {
  max-width: 80%;
}

.buch-label {
  min-width: 160px;
}

.steckbrief-item {
  display: flex;
}

.buch-cover-rel {
  z-index: 1;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.blur {
  z-index: 0;
  background-color: var(--petrol1-2);
  filter: blur(80px);
  width: 120px;
  height: 120px;
  position: absolute;
  top: 25%;
}

.stoerer-buchtipp {
  z-index: 20;
  background-color: var(--petrol2);
  color: var(--white);
  text-align: center;
  letter-spacing: .01em;
  border: 3px solid #0000;
  border-radius: 50%;
  align-items: center;
  width: 150px;
  height: 150px;
  padding: 10px 15px 15px;
  font-size: 18px;
  display: flex;
  position: absolute;
  inset: -10% auto auto 2%;
  transform: rotate(10deg);
}

.buch-tipp-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  display: grid;
}

.weiter-info-linkblock {
  cursor: pointer;
  position: absolute;
  inset: 0%;
}

.weiter-info-linkblock:hover {
  opacity: .4;
  color: var(--petrol2);
  background-color: #fff;
  text-decoration: underline;
}

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

.fachliteratur-img {
  background-color: var(--white);
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 80%;
  display: flex;
  position: relative;
}

.literatur-txt-li {
  text-align: right;
}

.fachliteratur-lernender {
  width: 100%;
  height: 100%;
}

.fachliteratur-txt-img-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.literatur-txt-re {
  text-align: left;
}

.fachliteratur-ico {
  width: 80%;
  height: 80%;
}

.bildungspartnerschafts-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr 1fr auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 35px;
  display: grid;
}

.bildungspartnerschaft_img {
  background-color: var(--white);
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 80%;
  display: flex;
  position: relative;
}

.bildungspartner-txt-img-wrap-horz {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.lernender-img {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.lernende-ico {
  width: 100%;
  height: 100%;
}

.openbadge-img {
  width: 400px;
  height: auto;
}

.plattform-kategorie-dark {
  background-image: linear-gradient(330deg, var(--petrol1), #2d8d61);
  color: var(--white);
  border-radius: 10px 10px 0 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 15px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.plattform-kachel-grid-4er {
  grid-column-gap: 2%;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: grid;
}

.plattform-kachel-grid-4er.hide {
  display: none;
}

.nachweis-label {
  text-align: center;
  letter-spacing: .03em;
  flex-direction: row;
  justify-content: center;
  margin-top: 15px;
  font-family: Noto Sans Display, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.3em;
  display: flex;
}

.nachweis-label.align-center {
  text-align: center;
}

.fixed-inpage {
  z-index: 999;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  inset: auto 0% 0%;
}

.fixed-inpage.hide {
  display: none;
}

.sticky-inpage-nav-bildung {
  z-index: 0;
  background-color: #9ad7d8;
  background-image: linear-gradient(333deg, var(--petrol2), #083f3b);
  opacity: .98;
  color: var(--white);
  padding: 3px 3vw 10px;
  line-height: 20px;
  display: block;
  position: sticky;
  top: 80px;
}

.sticky-inpage-nav-bildung.leuchtturm {
  background-color: var(--dunkelgruen4);
  display: block;
}

.sticky-inpage-nav-bildung._01 {
  background-color: var(--azur2);
  display: none;
}

.sticky-inpage-nav-bildung._02 {
  background-color: #fde5ef;
  display: none;
}

.sticky-inpage-nav-bildung._03 {
  background-color: var(--dunkelgruen3);
  display: none;
}

.sticky-inpage-nav-bildung.kanzlei {
  z-index: 2000;
  background-color: var(--azur2);
  top: 0;
  box-shadow: 0 3px 10px #00000040;
}

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

.inpage-anker-bildung {
  color: var(--black);
  border-bottom: .125rem solid #0d716d00;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-bottom: 0;
  padding: 8px 10px 5px;
}

.inpage-anker-bildung:hover {
  color: var(--petrol2);
  border-bottom-color: #fff9;
}

.inpage-anker-bildung.w--current {
  border-bottom: .125rem solid var(--white);
  background-color: #0000;
}

.inpage-anker-bildung.loesungen {
  border-bottom-color: #0000;
  padding-top: 5px;
}

.inpage-anker-bildung.loesungen:hover {
  border-bottom-color: var(--petrol2);
}

.inpage-anker-bildung.loesungen.w--current {
  border-bottom-color: var(--petrol2);
  color: var(--petrol2);
  font-family: Segoe UI;
}

.inpage-anker-bildung.berry {
  border-bottom-color: #fee5ef;
  padding-top: 5px;
}

.inpage-anker-bildung.berry:hover {
  border-bottom-color: var(--petrol2);
}

.inpage-anker-bildung.berry.w--current {
  border-bottom-color: var(--petrol2);
  color: var(--petrol2);
  font-family: Segoe UI;
}

.inpage-anker-bildung.petrol {
  border-bottom-color: #0000;
  padding-top: 5px;
}

.inpage-anker-bildung.petrol:hover {
  border-bottom-color: var(--petrol2);
}

.inpage-anker-bildung.petrol.w--current {
  border-bottom-color: var(--petrol2);
  color: var(--petrol2);
  font-family: Segoe UI;
}

.inpage-anker-bildung.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;
}

.inpage-label-bildung {
  color: #ffffffb3;
  margin-top: 3px;
  margin-right: 15px;
}

.inpage-sticky-bildung {
  z-index: 200;
  display: block;
  position: relative;
}

.sticky-inpage-nav-bildung-copy {
  z-index: 0;
  background-color: #9ad7d8;
  background-image: linear-gradient(333deg, var(--petrol2), #052927);
  opacity: .98;
  color: var(--white);
  padding: 3px 3vw 10px;
  line-height: 20px;
  display: block;
  position: sticky;
  top: 80px;
  box-shadow: 0 3px 10px #00000080;
}

.sticky-inpage-nav-bildung-copy.leuchtturm {
  background-color: var(--dunkelgruen4);
  display: block;
}

.sticky-inpage-nav-bildung-copy._01 {
  background-color: var(--azur2);
  display: none;
}

.sticky-inpage-nav-bildung-copy._02 {
  background-color: #fde5ef;
  display: none;
}

.sticky-inpage-nav-bildung-copy._03 {
  background-color: var(--dunkelgruen3);
  display: none;
}

.sticky-inpage-nav-bildung-copy.kanzlei {
  z-index: 2000;
  background-color: var(--azur2);
  top: 0;
  box-shadow: 0 3px 10px #00000040;
}

.inpage-trigger-fixed {
  height: 800px;
  position: absolute;
}

.fixed-inpage-nav-bildung {
  z-index: 0;
  opacity: .98;
  color: var(--white);
  line-height: 20px;
  display: block;
  position: sticky;
  top: 80px;
  box-shadow: 0 -5px 5px #0003;
}

.fixed-inpage-nav-bildung.leuchtturm {
  background-color: var(--dunkelgruen4);
  display: block;
}

.fixed-inpage-nav-bildung._01 {
  background-color: var(--azur2);
  display: none;
}

.fixed-inpage-nav-bildung._02 {
  background-color: #fde5ef;
  display: none;
}

.fixed-inpage-nav-bildung._03 {
  background-color: var(--dunkelgruen3);
  display: none;
}

.fixed-inpage-nav-bildung.kanzlei {
  z-index: 2000;
  background-color: var(--azur2);
  top: 0;
  box-shadow: 0 3px 10px #00000040;
}

.sticky-inpage-nav-bildung-oben {
  z-index: 0;
  background-color: #9ad7d8;
  background-image: linear-gradient(333deg, var(--petrol2), #083f3b);
  opacity: .98;
  color: var(--white);
  padding: 3px 3vw 10px;
  line-height: 20px;
  display: block;
  position: sticky;
  top: 80px;
}

.sticky-inpage-nav-bildung-oben.leuchtturm {
  background-color: var(--dunkelgruen4);
  display: block;
}

.sticky-inpage-nav-bildung-oben._01 {
  background-color: var(--azur2);
  display: none;
}

.sticky-inpage-nav-bildung-oben._02 {
  background-color: #fde5ef;
  display: none;
}

.sticky-inpage-nav-bildung-oben._03 {
  background-color: var(--dunkelgruen3);
  display: none;
}

.sticky-inpage-nav-bildung-oben.kanzlei {
  z-index: 2000;
  background-color: var(--azur2);
  top: 0;
  box-shadow: 0 3px 10px #00000040;
}

.inpage-sticky-bildung-oben {
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: sticky;
  top: 80px;
}

.ico-txt-flex {
  flex-wrap: wrap;
  place-content: flex-start space-between;
  align-items: center;
  display: flex;
}

.ico-txt-flex.top {
  align-items: stretch;
}

.zert-platzhalter-ico {
  position: absolute;
  top: -50px;
}

.zert-txt-flex {
  grid-column-gap: 2rem;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.zert-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 250px;
  display: flex;
}

.txt-wrap70 {
  width: 70%;
}

.txt-wrap70.flex-horizontal {
  grid-column-gap: 2%;
  flex-direction: row;
  width: 100%;
  display: flex;
}

.text-wrap30 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  display: flex;
}

.trenner-coldgray {
  background-color: var(--coldgray3);
  height: 1px;
  margin-top: 70px;
  margin-bottom: 70px;
}

.home-hero-image {
  width: 50%;
  max-width: 34rem;
  margin-top: 3vh;
}

.home-hero-image.right {
  justify-content: flex-end;
  margin-top: 0;
  display: flex;
}

.home-hero-image.right2 {
  justify-content: flex-end;
  margin-top: 15vh;
  display: flex;
}

.zwischenheader_container-left {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d7e2e2;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 900px;
  margin-top: 30px;
  margin-bottom: 40px;
}

.zwischenheader_container-left.justify-left {
  justify-content: flex-start;
  margin-left: 0;
  margin-right: 0;
}

.burger-button-container-2 {
  z-index: 1002;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: none;
}

.metapunkt-inner-flex-2 {
  z-index: 10;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.burger-trigger {
  z-index: 2;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
  position: relative;
}

.burger-strich_25-1 {
  background-color: #0f0f0f;
  width: 25px;
  height: 3px;
  position: absolute;
  transform: translate(0, -7px);
}

.burger-strich_25-2 {
  background-color: #0f0f0f;
  width: 25px;
  height: 3px;
  position: absolute;
}

.burger-strich_25-3 {
  background-color: #0f0f0f;
  width: 25px;
  height: 3px;
  position: absolute;
  transform: translate(0, 7px);
}

.burgernav-coldgray {
  z-index: 19;
  width: 70%;
  padding-bottom: 50px;
  display: none;
  position: absolute;
  left: 30%;
}

.navtypo-level3 {
  font-size: 18px;
}

.subnavpunkt-burger {
  color: #b6cad1;
  letter-spacing: .2px;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 20px;
  font-size: 18px;
  line-height: 22px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.subnavpunkt-burger:hover {
  color: var(--coldgray3);
  text-decoration: underline;
}

.burger-navpunkt-icon-plus2 {
  background-image: url("./64ac00935216eb5710de6bf6_icon_weiss_plus.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  margin-right: 10px;
  display: flex;
}

.navpunkt-burger {
  color: #fff;
  letter-spacing: .2px;
  flex-flow: wrap;
  justify-content: space-between;
  width: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 18px;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.navtypo-level2 {
  font-size: 18px;
}

.burger-2 {
  position: relative;
}

.burger-subfoldout-level3 {
  width: 100%;
  padding-top: 10px;
  display: block;
}

.burger-subfoldout-coldgray {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.trenner-2 {
  background-color: var(--coldgray5);
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.burger-nav-icon {
  background-image: url("./64ac00935216eb5710de6c2b_icon_weiss_pfeil-rechts.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  margin-right: 10px;
  display: flex;
}

.burger-inhalt-coldgray {
  background-color: var(--coldgray8);
  padding-top: 20px;
  padding-bottom: 50px;
}

.nav-burger-trigger {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.header-trigger-tablet {
  width: 5px;
  height: 200px;
  position: absolute;
}

.ausklapp-trigger-rund {
  display: none;
}

.heading-2 {
  line-height: 1.3;
}

.ausklapp-trigger-sm {
  display: none;
}

.popup-gesamt-meldung {
  width: 60%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.portal-claim-mobil {
  z-index: 20;
  transform-origin: 0%;
  font-family: Segoe UI;
  font-size: 20px;
  line-height: 1.2em;
  display: none;
  position: relative;
}

.linie-gestrichelt-mobil {
  z-index: -1;
  background-image: url("./64cfde4f2dbb743b41d41742_linie-gestrichelt.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  display: none;
  position: relative;
}

.lexinform-circle-img-mobil {
  width: 100%;
  height: 100%;
  display: none;
}

.zugriff-txt-sm, .zugriff-txt-static {
  display: none;
}

.literatur-txt-li-mobil {
  text-align: right;
  display: none;
}

.bildungspartner-txt-img-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hausarbeit-bg {
  background-color: var(--dunkelgruen2);
  width: 100%;
  height: 100%;
}

.bild-container-anker {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: static;
}

.heading-5 {
  font-size: 32px;
}

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

.img-spacer-mobil {
  display: none;
}

.popup-container-flex {
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.fehler-img-wrap {
  width: 30%;
  max-width: 12.5rem;
  height: auto;
}

.fehler-img-wrap.abgerundet {
  border-radius: 10px;
  overflow: hidden;
}

.fehler-img-wrap.abgerundet.kontur {
  border: 1px solid var(--white);
}

.fehler-flex {
  grid-column-gap: 2rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
  display: flex;
}

.fehler-flex.abstand-unten-25 {
  align-items: center;
}

.fehler-txt-wrap {
  width: 50%;
}

.fehler-txt-wrap.flex-horizontal {
  grid-column-gap: 2%;
  flex-direction: row;
  width: 100%;
  display: flex;
}

.textl-link-kachel {
  background-color: var(--white);
  border-radius: 10px;
  width: 100%;
}

.linkliste-wrap {
  margin-bottom: 30px;
}

.padding-15 {
  padding-left: 15px;
}

.textlink-underline {
  font-family: Segoe Semibold;
  text-decoration: underline;
}

.textlink-underline:hover {
  color: var(--petrol2);
}

.empty-state {
  display: none;
}

.flex-inpage {
  justify-content: center;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 10px;
  display: flex;
}

.flex-inpage.hochfull {
  flex-direction: row;
  align-items: stretch;
}

.flex-inpage.hochfull.hide {
  display: none;
}

.placeholder-80 {
  height: 80px;
}

.inpage-label-sm {
  color: #ffffffb3;
  display: none;
}

.inpage-head-trigger, .spacer25, .line-inpage {
  display: none;
}

.popup-container-software02 {
  z-index: 200;
  background-color: #000000bf;
  width: 100%;
  height: 200vh;
  padding-top: 40vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.info-box-gruen2 {
  background-color: var(--green2);
  text-align: left;
  border-radius: 10px;
  width: 100%;
  box-shadow: 3px 0 12px #00000026;
}

.info-box-gruen2.abstand-unten-70 {
  overflow: hidden;
}

.meldung-warnung2 {
  grid-column-gap: 1vw;
  background-color: var(--amber1);
  border-radius: 10px;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding: 15px;
  display: flex;
}

.meldung-warnung2.info {
  background-color: var(--hellgruen2);
}

.meldung-info2 {
  grid-column-gap: 1vw;
  background-color: var(--green2);
  border-radius: 10px;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding: 15px;
  display: flex;
}

.meldung-info2.info {
  background-color: var(--hellgruen2);
}

.warn-box2 {
  background-color: var(--amber1);
  border-radius: 10px;
}

.warn-box2.abstand-unten-70 {
  overflow: hidden;
}

.popup-container-students02, .popup-container-zerti02, .popup-container-lex2 {
  z-index: 200;
  background-color: #000000bf;
  width: 100%;
  height: 200vh;
  padding-top: 40vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.bold-text-2 {
  font-family: Noto Sans Display, sans-serif;
  font-weight: 700;
}

.bold-text-3 {
  font-weight: 600;
}

.contentwrapper-full {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}

.contentwrapper-full.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.container-fullsize {
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}

.bg-white-70 {
  background-color: #ffffffb3;
}

.bg-petrol2 {
  background-color: var(--petrol2);
}

.header-shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  box-shadow: 0 0 6px #0003;
}

.nav-punkte-wrap {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.padding-30-side {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.nav-level2-2 {
  color: #fff;
  cursor: pointer;
  margin-bottom: .625rem;
  display: block;
}

.nav-level2-2:hover {
  color: #fff;
  text-decoration: underline;
}

.nav-level2-2:focus-visible, .nav-level2-2[data-wf-focus-visible] {
  border: .2rem solid #68c2c2;
}

.nav-level2-2.w--current {
  color: #68c2c2;
  cursor: pointer;
  border-left: 5px solid #35aeae;
  margin-left: -1.875rem;
  padding-left: 1.5rem;
}

.nav-level2-2.w--current:hover {
  text-decoration: none;
}

.nav-level2-2.last {
  margin-bottom: 1.563rem;
}

.nav-ecke-leistungen {
  z-index: 2002;
  background-color: #232e32;
  align-self: flex-start;
  width: 20px;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: auto auto -14px 1.875rem;
  transform: rotate(45deg);
}

.trenner-coldgray-2 {
  background-color: #69838c;
  width: 100%;
  height: 1px;
  margin-top: .938rem;
  margin-bottom: .938rem;
}

.navpunkt-inner-flex-standard {
  z-index: 1;
  color: #000;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navpunkt-inner-flex-standard:hover {
  color: #00595c;
}

.navpunkt-inner-flex-standard:focus {
  border: .125rem solid #000;
}

.nav-foldout-accessible {
  cursor: pointer;
  background-color: #232e32;
  outline: 3px solid #0000;
  width: 300px;
  display: block;
}

.hide-2 {
  display: none;
}

.fs-select-list {
  background-color: #f5f5f5;
  display: none;
  box-shadow: 1px 1px 6px #0003;
}

.fs-select-list.nav {
  z-index: 500;
  box-shadow: none;
  background-color: #fff0;
  width: 300px;
  margin-top: 0;
  display: none;
}

.flyout-padding-top-bottom {
  padding-top: 2.188rem;
  padding-bottom: 2.188rem;
}

.navtypo-2 {
  letter-spacing: .02rem;
}

.navtypo-2:hover, .navtypo-2.w--current {
  color: #00595c;
}

.nav-container-access {
  height: 100%;
  display: block;
}

.typo-coldgray3 {
  color: #b6cad1;
}

.fs-selectcustom_message-text {
  color: #797979;
  text-align: right;
  max-width: 16rem;
  margin-top: -4rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.select-field {
  color: #111;
  border-radius: .25rem;
  position: absolute;
  top: -3.5rem;
  right: -20rem;
  overflow: hidden;
}

.fs-selectcustom_message {
  background-color: #313131;
  border: 1px dashed #828282;
  border-radius: .25rem;
  width: 18rem;
  height: 4rem;
  margin-top: -4.25rem;
  margin-left: 19rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.fs-selectcustom_link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #111;
  border: 1px solid #fff0;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding: .75rem 1rem;
  text-decoration: none;
  display: flex;
}

.fs-selectcustom_link:focus {
  border-color: #6e30f7;
}

.fs-selectcustom_link:visited, .fs-selectcustom_link.w--current {
  color: #fff;
  background-color: #6e30f7;
}

.fs-selectcustom_icon {
  margin-right: 0;
}

.fs-selectcustom_icon.hide {
  display: none;
}

.fs-selectcustom_message-icon {
  opacity: .4;
  filter: grayscale();
  width: 2rem;
  margin-top: -1rem;
  margin-right: -3rem;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: rotate(60deg);
}

.fs-selectcustom_dropdown-list {
  background-color: #fff;
  border-radius: .25rem;
  margin-top: 1rem;
  padding: .5rem 1rem;
  box-shadow: 0 2px 20px #0000001a;
}

.fs-selectcustom_dropdown {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: .25rem;
  width: 16rem;
  padding: .5rem;
}

.fs-selectcustom_dropdown-toggle {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: .5rem 0 .5rem .5rem;
  display: flex;
}

.navpunkt-listitem {
  z-index: 5500;
  border-bottom: 5px solid var(--white);
  color: var(--black);
  letter-spacing: .2px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  height: 120px;
  text-decoration: none;
}

.navpunkt-listitem:hover {
  color: var(--petrol2);
}

.navpunkt-listitem.w--current {
  border-bottom: 5px solid var(--dunkelgruen6);
  color: var(--petrol2);
}

.navpunkt-listitem.inaktiv {
  display: none;
}

.navpunkt-listitem.header-bereich {
  height: 120px;
}

.navpunkt-listitem.hide {
  display: none;
}

.subnav-list {
  padding-left: 0;
  list-style-type: none;
}

.subnav-item {
  padding-left: 25px;
}

.navigation-item {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 120px;
  position: relative;
}

.dropdown-toggle {
  width: auto;
  height: 120px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.dropdown-toggle:focus-visible, .dropdown-toggle[data-wf-focus-visible] {
  border: .2rem solid #000;
}

.list-item {
  list-style-type: none;
}

.footer-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.inpage-sticky-bildung-mobil {
  z-index: 200;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: sticky;
  top: 80px;
}

.sticky-inpage-container-mobil {
  height: 120px;
  display: none;
}

.stick-abstand {
  display: none;
}

.inpage-abstand-mobil {
  height: 800px;
  position: absolute;
}

.link-pfeil-16 {
  width: 16px;
  margin-top: 1px;
}

.link-pfeil_wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-pfeil_wrapper:hover {
  color: var(--petrol2);
}

.link-pfeil_wrapper.align-left, .link-pfeil_wrapper.extern {
  justify-content: flex-start;
  align-items: center;
}

.plattform-kachel-schatten {
  text-align: center;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  box-shadow: 2px 2px 20px #0003;
}

.plattform-kachel-schatten:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
}

.button-border-transparent {
  border: 3px solid #0000;
  border-radius: 4px;
  flex: 1;
  display: inline-block;
}

.border-transparent-radius-10px {
  border: 3px solid #0000;
  border-radius: 10px;
}

.pfeil-18 {
  color: var(--black);
  width: 18px;
}

.border-transparent-kachel {
  border: 3px solid #0000;
  border-radius: 5px;
  width: 100%;
  max-width: 32%;
  margin-bottom: 2%;
}

.border-transparent-radius-anker-kachel {
  border: 3px solid #0000;
  border-radius: 5px;
  width: 15%;
  height: auto;
}

.border-transparent-nav {
  border: 3px solid #0000;
}

.skiplinks {
  margin-top: -50px;
}

.skiplinks:focus {
  margin-top: 0;
}

.skiplinks-flex {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  display: flex;
}

.skiplinks-flex.hidden {
  display: none;
}

html.w-mod-js [data-ix="blursection-over"] {
  opacity: 0;
}

@media screen and (min-width: 1280px) {
  .button-container-stage {
    max-width: 456px;
  }

  .anker-flex {
    justify-content: space-between;
  }

  .slider-zusatzprodukte {
    padding-left: 25px;
    padding-right: 25px;
  }

  .sticky-inpage-nav {
    display: none;
  }

  .preiscalc-box_3 {
    padding-bottom: 0;
  }

  .h3-kachel {
    min-height: 60px;
  }

  .monitor-container {
    width: auto;
  }

  .slider-screenhots {
    justify-content: center;
    overflow: hidden;
  }

  .left-arrow-down, .right-arrow-down {
    top: 86%;
  }

  .screen-container {
    height: 100%;
    max-height: 450px;
  }

  .popup-container-slider {
    display: none;
  }

  .h3-product-fav {
    min-height: 80px;
  }

  .h3-product-var-sticky {
    min-height: 60px;
  }

  .gesamtflex-header-sticky {
    padding-top: 50px;
  }

  .left-arrow-popup {
    top: 36%;
    left: 5px;
  }

  .right-arrow-popup {
    top: 36%;
    right: 5px;
  }

  .slider-zusatzprodukte-tablet {
    padding-left: 25px;
    padding-right: 25px;
  }

  .slider-screenhots-sm {
    justify-content: center;
    overflow: hidden;
  }

  .left-arrow-down-sm, .right-arrow-down-sm {
    top: 86%;
  }

  .h3-product-fav-single {
    min-height: 80px;
  }

  .single-header-sticky {
    padding-top: 50px;
  }

  .slider-zusatzprodukte-sm-pfeile, .slider-zusatzprodukte-sm-pfeile-hochopy {
    padding-left: 25px;
    padding-right: 25px;
  }

  .seminar-ico-big {
    max-width: 340px;
  }

  .auswahl-modul-2-3, .seminar-footer-absolut {
    display: flex;
  }

  .tab-fake-anschluss-1, .tab-fake-anschluss-2, .tab-fake-anschluss-3, .tab-fake-anschluss4 {
    height: 40px;
    bottom: -44%;
  }

  .auswahl-modul-horizontal {
    display: flex;
  }

  .seminar-tab-horz {
    width: 225px;
  }

  .sticky-inpage-nav-tablet {
    display: none;
  }

  .tab-fake-anschluss5 {
    height: 40px;
    bottom: -44%;
  }

  .auswahl-einzel-horizontal {
    display: flex;
  }

  .vorschau-button-var-2, .vorschau-button-var-1, .vorschau-button-var-3 {
    margin-top: 265px;
  }

  .video-full-stage {
    max-width: 600px;
  }

  .angaben-container {
    max-width: 1000px;
  }

  .button-tertiaer3-leuchtturm:hover {
    border: 1px solid var(--green2);
    background-color: var(--green2);
  }

  .button-tertiaer4-leuchtturm:hover {
    border-color: var(--coldgray3);
    background-color: var(--coldgray3);
  }

  .h4-hinweis, .h4-info, .h4-warnung, .h4-warnun2, .h4-info2, .h3-product-var-black {
    min-height: 60px;
  }

  .h3-product-fav-petrol2 {
    min-height: 80px;
  }

  .tabellenzeile-leuchtturm {
    padding-top: 50px;
  }

  .meldungen {
    display: flex;
  }

  .zugriff-grafik-grid {
    grid-template-rows: 1fr 1fr 1fr 1fr auto;
    margin-top: -40px;
  }

  .lexinform-circle-img {
    margin-top: -50px;
  }

  .trennlinie-coldgray3 {
    background-color: var(--coldgray3);
  }

  .nav-list {
    justify-content: center;
  }

  .content-rel {
    max-width: 1439px;
  }

  .meldung-warnung, .meldung-info {
    display: flex;
  }

  .sticky-inpage-nav-bildung {
    display: block;
  }

  .sticky-inpage-nav-bildung-copy {
    display: none;
  }

  .fixed-inpage-nav-bildung, .sticky-inpage-nav-bildung-oben {
    display: block;
  }

  .meldung-warnung2, .meldung-info2 {
    display: flex;
  }
}

@media screen and (min-width: 1440px) {
  .megafoldout-loesungen {
    display: none;
  }

  .navflex2 {
    justify-content: flex-start;
  }

  .foldout_stb {
    width: 100%;
  }

  .plutimikation_in-box.zahl {
    padding-right: 12px;
  }

  .foldout_wp {
    display: none;
  }

  .vorteils-list-item {
    margin-bottom: 15px;
  }

  .portal-kachel-light {
    background-color: var(--white);
    width: 48%;
  }

  .ohnepadding {
    margin-top: 10px;
    margin-bottom: 5px;
  }

  .div-block-44 {
    width: 100%;
    padding-top: 15px;
  }

  .left-arrow-2 {
    align-self: flex-end;
    top: 45%;
  }

  .slide-nav-2, .icon-3, .icon-4 {
    display: none;
  }

  .right-arrow-2 {
    top: 45%;
  }

  .vorteils-list-bigitem {
    margin-bottom: 15px;
  }

  .makse-slider-desktop {
    align-self: flex-start;
    overflow: hidden;
  }

  .slider-zusatzprodukte {
    background-color: #0000;
    justify-content: center;
    display: flex;
  }

  .sticky-inpage-nav {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .anker-offset1 {
    height: 140px;
  }

  .anker-offset2, .anker-offset3, .anker-offset4, .anker-offset5, .anker-offset6, .anker-offset7, .anker-offset8 {
    height: 100px;
  }

  .subhl-icon-flex {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .img-container {
    width: 18.5%;
  }

  .img-container.ohne, .img-container.ohne.rund {
    width: 100%;
  }

  .detail-container, .detail-container-flex {
    align-items: center;
  }

  .slider-screenhots {
    background-color: #0000;
    justify-content: center;
    display: flex;
  }

  .makse-slider-screens-desktop {
    align-self: flex-start;
    overflow: hidden;
  }

  .left-arrow-down {
    align-self: flex-end;
    top: 86%;
  }

  .right-arrow-down {
    top: 86%;
  }

  .screen-container {
    max-height: 470px;
    margin-left: auto;
    margin-right: auto;
  }

  .popup-container-slider {
    display: none;
  }

  .slider-screenhots-big {
    background-color: #0000;
    justify-content: center;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .h3-product-fav {
    min-height: 80px;
  }

  .gesamtflex-header-sticky {
    z-index: 950;
    background-color: var(--white);
    padding-top: 40px;
    position: sticky;
    top: 138px;
  }

  .vgl-container, .vgl-container-footer {
    overflow: hidden;
  }

  .left-arrow-popup {
    align-self: flex-end;
  }

  .slider-zusatzprodukte-tablet {
    background-color: #0000;
    justify-content: center;
    display: none;
  }

  .vgl-container-footer-tablet {
    overflow: hidden;
  }

  .slider-screenhots-sm {
    background-color: #0000;
    justify-content: center;
    display: flex;
  }

  .left-arrow-down-sm {
    align-self: flex-end;
    top: 86%;
  }

  .right-arrow-down-sm {
    top: 86%;
  }

  .makse-slider-screens-sm {
    align-self: flex-start;
    overflow: hidden;
  }

  .h3-product-fav-single {
    min-height: 80px;
  }

  .single-header-sticky {
    z-index: 950;
    background-color: var(--white);
    padding-top: 40px;
    position: sticky;
    top: 138px;
  }

  .slider-zusatzprodukte-sm-pfeile, .slider-zusatzprodukte-sm-pfeile-hochopy {
    background-color: #0000;
    justify-content: center;
    display: none;
  }

  .vgl-container-footer-sm-slider {
    overflow: hidden;
  }

  .sticky-inpage-nav-tablet {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .modultab-drop-layer.coldgray {
    z-index: 2000;
    display: none;
  }

  .btn-mod-flex2 {
    display: none;
  }

  .video-full-stage {
    max-width: 600px;
    padding-left: 0;
  }

  .angaben-container {
    max-width: 1100px;
  }

  .h3-product-fav-petrol2 {
    min-height: 80px;
  }

  .tabellenzeile-leuchtturm {
    z-index: 950;
    background-color: var(--white);
    padding-top: 40px;
    position: sticky;
    top: 138px;
  }

  .mega-loesungen-top.content3vw {
    z-index: 2000;
    position: relative;
  }

  .btn-txt-drop-zg-stb, .hero2 {
    display: none;
  }

  .navpunkt-sml.trialog {
    width: 200px;
  }

  .btn-txt-drop-zg-stb2 {
    display: none;
  }

  .nav-grid-lohn {
    grid-template-columns: .25fr 1.25fr .25fr;
    justify-content: flex-start;
  }

  .btn-txt-drop-lohn2, .megafoldout-wissen-geteilt {
    display: none;
  }

  .img-container-1-1 {
    width: 18.5%;
  }

  .img-container-1-1.abstand-rechts-15 {
    width: 150px;
  }

  .content-bild-wp {
    display: none;
  }

  .navgrid {
    justify-content: flex-start;
  }

  .img-container-standard.ohne.rund {
    width: 100%;
  }

  .img-container-140 {
    width: 18.5%;
  }

  .img-container-140.ohne, .img-container-hero.ohne, .img-container-hero.ohne.rund {
    width: 100%;
  }

  .img-container_100_rund {
    width: 18.5%;
  }

  .img-container_100_rund.abstand-rechts-15, .img-container_110_sml.abstand-rechts-15 {
    width: 150px;
  }

  .sticky-widgets {
    border: 1px solid var(--black-2);
    border-radius: 10px;
    margin-bottom: 25px;
    padding: 25px;
  }

  .sticky-widgets-gesamt {
    position: sticky;
    top: 120px;
  }

  .rubrik-spalte {
    margin-bottom: 35px;
  }

  .maske-slider {
    align-self: flex-start;
    overflow: hidden;
  }

  .kurs-slider {
    background-color: #0000;
    justify-content: center;
    display: flex;
  }

  .maske-kurs-slider {
    align-self: flex-start;
    overflow: hidden;
  }

  .lexinform-circle-img {
    margin-top: -69px;
  }

  .zugriff-txt {
    opacity: 0;
    display: none;
  }

  .zugriff-txt-img-wrap:hover {
    color: var(--petrol1-2);
  }

  .nav-foldout.last {
    right: 10.5px;
  }

  .absolut-container-2 {
    top: 10%;
  }

  .nav-item-rund {
    font-size: 16px;
    line-height: 21px;
  }

  .inpage-nav_wrap {
    top: 10%;
  }

  .popup-container-software {
    inset: 0%;
  }

  .sticky-inpage-nav-bildung, .sticky-inpage-nav-bildung-copy, .sticky-inpage-nav-bildung-oben {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .zugriff-txt-static {
    display: block;
  }

  .zugriff-txt-static.hidden {
    display: none;
  }

  .popup-container-software02, .popup-container-students02, .popup-container-lex2 {
    inset: 0%;
  }

  .nav-ecke-leistungen {
    display: block;
  }
}

@media screen and (min-width: 1920px) {
  h3 {
    margin-bottom: 1.563rem;
  }

  .megafoldout-loesungen.maxbreite {
    display: none;
  }

  .pfeillink-hell.ueberschriftgroesse4 {
    align-items: flex-start;
  }

  .body {
    background-color: #ebebeb;
  }

  .section-vorteile, .section-varianten-preis {
    position: relative;
  }

  .usp-sml-container {
    margin-bottom: 30px;
  }

  .trigger-header {
    height: 700px;
  }

  .sticky-inpage-nav {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .sticky-inpage-nav.kanzlei {
    display: block;
  }

  .slide-bu {
    bottom: 4%;
  }

  .left-arrow-down, .right-arrow-down {
    top: 94%;
  }

  .screen-container {
    height: 480px;
    margin-top: -25px;
  }

  .popup-container-slider {
    padding-top: 6%;
    display: none;
  }

  .close-container-screen {
    max-width: 1500px;
    padding-right: 25px;
  }

  .slider-screenhots-big {
    max-width: 1500px;
    height: 900px;
  }

  .left-arrow-down-sm, .right-arrow-down-sm {
    top: 94%;
  }

  .slide-bu-sm, .slide-bu-big {
    bottom: 4%;
  }

  .bg-hellgelb {
    z-index: -1;
    background-color: #fcf7ea;
    display: none;
  }

  .bg-lichtpetrol {
    z-index: -1;
    background-color: #eef8f8;
    display: none;
  }

  .bg-hellgruen {
    z-index: -1;
    background-color: #e6f4de;
    display: none;
  }

  .bg-azur1 {
    z-index: -1;
    background-color: #eef8f8;
  }

  .bg-middle-petrol {
    z-index: -1;
    background-color: #d0e7e7;
    display: none;
  }

  .section-uebersicht {
    position: relative;
  }

  .seminar-ico-big {
    width: 100%;
  }

  .seminar-spalte-rechts {
    padding-left: 50px;
    padding-right: 50px;
  }

  .neu-stoerer-banderole-re {
    right: -14%;
  }

  .trigger-header-tablet {
    height: 700px;
  }

  .sticky-inpage-nav-tablet {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .trigger-header-seminare {
    height: 700px;
  }

  .section-details-preise, .section-details-preise-tablet {
    position: relative;
  }

  .video-area {
    max-width: 800px;
  }

  .video-stage {
    max-width: 800px;
    max-height: none;
  }

  .video-full-stage {
    max-width: 800px;
  }

  .angaben-container {
    max-width: 1200px;
  }

  .bg-coldgray2 {
    display: block;
  }

  .bg-hellgruen2 {
    z-index: -1;
    background-color: #e6f4de;
    display: none;
  }

  .bg-hellgruen1 {
    background-color: #e6f4de;
  }

  .bg-azur0 {
    z-index: -1;
    background-color: #eef8f8;
    display: none;
  }

  .rel {
    height: 50px;
    position: relative;
    top: 55px;
  }

  .link-bereich {
    height: 120px;
  }

  .nav-grid-lohn {
    grid-template-columns: .25fr 1.25fr .25fr;
  }

  .megafoldout-wissen-geteilt.maxbreite {
    display: flex;
  }

  .fokus-stoerer {
    inset: 0% 0% 0% auto;
  }

  .quick-flex-3er {
    grid-column-gap: 30px;
  }

  .fokus-stoerer-gerade, .fokus-stoerer-gerade2 {
    inset: 0% 0% 0% auto;
  }

  .nav-drop-aktuelles {
    position: relative;
  }

  .coldgray8-aktuelles {
    margin-top: -18px;
  }

  .logo-container-bereich-aktuelles {
    justify-content: flex-start;
  }

  .burger-container {
    display: none;
  }

  .logo-container-bereich-lohn {
    justify-content: flex-start;
  }

  .nav-flex {
    justify-content: space-between;
  }

  .logo-nav-container {
    display: flex;
  }

  ._1spalter {
    grid-column-gap: 30px;
  }

  .fokus-stoerer-gerade3.hide {
    display: none;
  }

  .nav-drop-kanzlei {
    position: relative;
  }

  ._4er-kachel {
    width: 23.5%;
  }

  .bg-coldgray1 {
    display: block;
  }

  .plattformen-einstieg {
    margin-top: -9.4vh;
  }

  .meldung-icon {
    flex: none;
  }

  .background, .berufsstand-bg {
    display: block;
  }

  .popup-container-students {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-unterseite-img {
    object-fit: contain;
  }

  .media-wrap {
    align-items: center;
  }

  .vorteil-liste {
    margin-bottom: 30px;
  }

  .zugriff-grafik-grid {
    grid-template-rows: 1fr 1fr auto auto;
    margin-top: 110px;
  }

  .lexinform-circle-img {
    width: 100%;
    margin-top: -289px;
  }

  .zugriff-img {
    width: 200px;
    height: 200px;
  }

  .zugriff-txt {
    font-size: 1.125rem;
  }

  .zugriff-txt-img-wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .rich-text-topthemen h2 {
    margin-top: .625rem;
    margin-bottom: 1.563rem;
  }

  .rich-text-topthemen p {
    margin-bottom: 2.188rem;
  }

  .rich-text-topthemen h4 {
    color: var(--petrol1-2);
    margin-top: .625rem;
    margin-bottom: .938rem;
    font-family: Segoe UI;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }

  .rich-text-topthemen h3 {
    margin-top: .625rem;
    margin-bottom: .938rem;
  }

  .absolut-container-2, .inpage-nav_wrap {
    top: 19%;
  }

  .content-rel {
    max-width: 1600px;
  }

  .zielgruppenbanderole-lernende {
    padding-left: 5rem;
  }

  .popup-container-software, .popup-container-zerti, .popup-container-lex {
    margin-left: auto;
    margin-right: auto;
  }

  .sticky-inpage-nav-bildung {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .sticky-inpage-nav-bildung.kanzlei {
    display: block;
  }

  .sticky-inpage-nav-bildung-copy {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .sticky-inpage-nav-bildung-copy.kanzlei, .fixed-inpage-nav-bildung.kanzlei {
    display: block;
  }

  .sticky-inpage-nav-bildung-oben {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .sticky-inpage-nav-bildung-oben.kanzlei {
    display: block;
  }

  .zugriff-txt-static {
    font-size: 1.125rem;
    display: block;
  }

  .popup-container-software02, .popup-container-students02, .popup-container-zerti02, .popup-container-lex2 {
    margin-left: auto;
    margin-right: auto;
  }

  .contentwrapper-full {
    padding-left: 13.125rem;
    padding-right: 13.125rem;
  }

  .bg-white-70 {
    background-color: #ffffffb3;
  }

  .bg-petrol2 {
    background-color: var(--petrol2);
  }

  .navtypo-2, .navtypo-2.w--current {
    white-space: nowrap;
  }
}

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

  h2 {
    font-size: 26px;
  }

  h3 {
    font-size: 20px;
    line-height: 26px;
  }

  .zielgruppenkachel_cta-container {
    margin-bottom: 0;
    bottom: 20px;
  }

  .maxbreite {
    max-width: 991px;
  }

  .content3vw {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .content3vw.sectionpadding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .drittel-spalte {
    width: 100%;
    display: block;
  }

  .zweidrittel-spalte {
    width: 100%;
  }

  .boxpadding {
    padding: 25px;
  }

  .boxpadding.nomobile.notop {
    padding-top: 0;
  }

  .section-padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-padding.ohne-top {
    padding-top: 0;
  }

  .typo_petrol2 {
    text-align: left;
    margin-bottom: 0;
  }

  .burger-strich_3 {
    background-color: var(--black);
  }

  .burger {
    background-color: #fff0;
    position: fixed;
    inset: 70px 0% 0%;
  }

  .burger-strich_2 {
    background-color: var(--black);
  }

  .logo_img_imsticky {
    margin-bottom: 15px;
  }

  .burger-strich_1 {
    background-color: var(--black);
  }

  .logo_img {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    margin-top: 10px;
    margin-bottom: 15px;
  }

  .brotkrumen, .brotkrumen.contentbreite.content5vw {
    display: none;
  }

  .burger-button-container {
    justify-content: center;
    align-items: center;
    height: 70px;
    display: flex;
  }

  .nav-level1-container {
    display: none;
  }

  .burger-inhalt {
    background-color: #4b5059;
  }

  .burgerpunkte-flex {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0;
    list-style-type: none;
    display: flex;
  }

  .metapunkt-inner-flex {
    z-index: 6005;
  }

  .metapunkt-inner-flex.burger {
    padding-left: 0;
    padding-right: 0;
  }

  .ueberschriftgroesse2 {
    font-size: 26px;
    line-height: 32px;
  }

  .typogross {
    font-size: 18px;
  }

  .brotkrumen-platzhalter {
    display: none;
  }

  .button-primaer {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    padding-top: 10px;
  }

  .button-primaer.abstand-unten-10 {
    justify-content: center;
    display: flex;
  }

  .button-primaer.fullsize {
    text-align: center;
    align-self: center;
  }

  .zielgruppen-button-flex.content5vw {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .geteilter-content-flex {
    flex-direction: column;
  }

  .anchor {
    margin-top: -96px;
  }

  .introblock {
    padding-top: 0;
  }

  .logo-img-whitespace {
    display: none;
  }

  .logo-img-imsticky-whitespace {
    display: inline-block;
  }

  .rundbildteaser-img.klein {
    width: 200px;
    height: 200px;
    margin-top: 20px;
  }

  .play-button-absolut {
    width: 50px;
  }

  .testimonial-text.typo_petrol.typogross {
    margin-bottom: 14px;
  }

  .abstand-unten-25.inaktive {
    display: none;
  }

  .abstand-unten-50 {
    margin-bottom: 25px;
  }

  .button-sekundaer {
    font-size: 16px;
  }

  .claim {
    margin-top: -3px;
    font-size: 9px;
    line-height: 12px;
  }

  .nav-button-bild-toggler {
    height: 0;
    display: none;
  }

  .nav-button-bild-toggler.unterseite {
    height: 0;
  }

  .metasuche {
    display: none;
  }

  .phone {
    margin-top: 10px;
    margin-right: 20px;
  }

  .button-absolut {
    display: block;
  }

  .footer-flex {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-top: 30px;
  }

  .footer-flex.bottom {
    flex-wrap: wrap-reverse;
  }

  .footer-flex.mittig {
    justify-content: center;
  }

  .footer-flex.bottom_last {
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .footer-flex.bottom_last.content3-125rem, .footer-flex.bottom_last.content3vw {
    justify-content: center;
  }

  .footer-middle {
    flex-flow: wrap;
    justify-content: center;
    margin-top: 20px;
    display: flex;
  }

  .footer-left {
    margin-top: 20px;
  }

  .footer-right.sm-icons {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .social-media-button-footer {
    width: 50px;
    height: 50px;
  }

  .footer-link-box {
    width: 50%;
    max-width: 500px;
    margin-bottom: 25px;
  }

  .footer-icon-box-gross {
    width: 33.333%;
  }

  .zielgruppen-kachel_home {
    width: 33.3333%;
  }

  ._3er-kachel {
    width: 49%;
  }

  .button-sectioncontainer {
    padding-top: 10px;
  }

  .dachzeile.center {
    margin-bottom: 0;
    line-height: 18px;
  }

  .datev-fakt.typogross {
    font-size: 16px;
    line-height: 22px;
  }

  .logo_img_fuer-mag {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .mit-hinweis-flex {
    width: 100%;
    margin-bottom: 5px;
  }

  .hero {
    flex-direction: column;
  }

  .hero_txt_container_desktop {
    width: 100%;
    display: none;
    position: relative;
  }

  .hero_text_container_tablet {
    display: block;
  }

  .fifty-flex_desktop {
    flex-direction: column;
  }

  .fifty_desktop {
    width: 100%;
    height: auto;
  }

  .mobile-txt-right-container {
    padding-top: 8px;
    padding-right: 0;
  }

  .metasuche_mobile {
    display: block;
  }

  .cookie-child-right {
    min-width: 150px;
  }

  .cookie-button {
    font-size: 16px;
  }

  .foldout-flex.ohne-linie-bottom {
    padding-right: 6px;
  }

  .foldoutbox-foldout {
    padding-left: 0;
    padding-right: 30px;
  }

  .foldoutbox-icon.sml {
    margin-top: 3px;
  }

  .foldoutbox-icon.zweizeilig {
    align-self: center;
  }

  .footer4 {
    padding-bottom: 130px;
  }

  .portal-flex {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-top: 30px;
  }

  .portal-flex.ohne-strich.single {
    width: 80%;
  }

  .portal-kachel {
    width: 49%;
    margin-bottom: 2%;
  }

  .stickykontakt_grau, .stickykontakt_hellgrau {
    display: none;
  }

  .cta-icon-element {
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
  }

  .kont-cta-icon_img {
    margin-left: auto;
    margin-right: auto;
  }

  .cta-icon-element_mehr {
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    display: block;
  }

  .text-fiels-ohne-abstand {
    max-width: 300px;
  }

  .preiscallc-box-elemente {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .select-btn {
    color: var(--white);
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
  }

  .div-block-28 {
    justify-content: space-between;
    display: flex;
  }

  .tel-kont-tablet {
    flex: 1;
    margin-right: 15px;
    padding-top: 10px;
  }

  .video-bu.boxpadding_15top {
    height: 140px;
  }

  .play-button-absolut_sml {
    width: 50px;
  }

  .zusatz-produktslider {
    flex: 1;
    justify-content: flex-start;
    margin-bottom: 35px;
    display: flex;
  }

  .typo-18.center {
    text-align: center;
  }

  .produktkachel-fix {
    flex: 0 auto;
    margin-right: 20px;
  }

  .dummy-hl {
    font-size: 100px;
  }

  .produkt_imfixed_flex2 {
    align-items: center;
  }

  .contact-container-touch {
    opacity: .5;
    cursor: pointer;
    flex: none;
    align-self: flex-start;
    margin-left: 25px;
  }

  .contact-container-touch:hover {
    opacity: 1;
  }

  .text-block-6 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .product_subline_petrol {
    color: var(--datev-petrol);
  }

  .fragen-ico2 {
    width: 55px;
  }

  .slider-mobil-container {
    display: none;
    position: relative;
  }

  .scroll-container_slider {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    flex: 1;
    width: 110%;
  }

  .subline-info-flex {
    margin-right: 10px;
    display: flex;
  }

  .contact-container-sm {
    opacity: .5;
    cursor: pointer;
    align-self: flex-start;
    display: none;
  }

  .contact-container-sm:hover {
    opacity: 1;
  }

  .info-ico-mobile {
    width: 55px;
  }

  .link-block {
    flex: none;
    margin-left: 25px;
  }

  .imfixed_flex_sm.maxbreite.content3vw {
    z-index: 2;
    background-color: var(--white);
    color: var(--datev-petrol);
    padding-top: 0;
    padding-left: 3vw;
    padding-right: 3vw;
    display: none;
    position: relative;
  }

  .arrow-drop {
    opacity: 1;
    margin-left: 10px;
  }

  .content5vw {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .textlink-mit-pfeil-haken.abstand-unten-15 {
    margin-bottom: 30px;
    display: none;
  }

  .foldoutbox-head, .foldoutbox-head.zweizeilig {
    align-items: center;
  }

  .btn-txt-stern {
    margin-left: auto;
    margin-right: auto;
  }

  .portal-kachel-light {
    width: 49%;
    margin-bottom: 2%;
  }

  .btn-flex {
    text-align: center;
    padding-left: 0;
  }

  .button-primaer_green_mobil {
    background-color: var(--datev-green);
    color: var(--white);
    text-align: center;
    letter-spacing: .05em;
    flex: 1;
    align-self: center;
    margin-bottom: 10px;
    padding: 10px 20px 12px;
    font-size: 22px;
  }

  .preiscalc-line.ohne {
    flex-direction: column;
    align-items: center;
    padding-right: 0;
  }

  .preiscallc-box-elemente1 {
    width: 100%;
  }

  .feste-tabellenzahl {
    width: 160px;
    min-width: 100px;
    padding-right: 0;
  }

  .slide-screen {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  .produktkachel-3er {
    height: 440px;
  }

  .product-stage.light-petrol {
    display: none;
  }

  .subline {
    margin-bottom: 15px;
  }

  .hl-stage.seminar {
    font-size: 30px;
  }

  .preis-container {
    padding-top: 30px;
  }

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

  .button-container-stage {
    flex-direction: column;
    width: 100%;
  }

  .content-fullsize {
    min-width: 768px;
    max-width: 991px;
  }

  .inpage-nav {
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
  }

  .anker-flex {
    place-content: flex-start center;
    padding-bottom: 5px;
  }

  .anker-flex.wide.kombi {
    padding-bottom: 0;
  }

  .inpage-anker {
    margin: 10px 10px 7px;
    padding: 0 0;
    line-height: 20px;
  }

  .inpage-anker.w--current {
    padding-left: 0;
    padding-right: 0;
  }

  .inpage-anker.hide {
    display: none;
  }

  .section-vorteile {
    background-color: #e9f6d6;
  }

  .usp-section-flex {
    justify-content: flex-start;
  }

  .hl-kontakt-big.white {
    font-size: 20px;
  }

  .produkt-kontakt-stickybox {
    width: 45px;
    padding-left: 12px;
  }

  .telefonicon-2.abstand-rechts-10 {
    margin-left: -8px;
    margin-right: 8px;
  }

  .ueberschriftgroesse3-2 {
    font-size: 20px;
  }

  .section-header.center {
    margin-bottom: 35px;
  }

  .h2 {
    font-size: 32px;
  }

  .section-varianten-preis {
    display: none;
  }

  .varianten-flex {
    justify-content: space-between;
  }

  .button-im-anker {
    padding-top: 0;
  }

  .kontakt-ico-flex {
    margin-top: 0;
    font-size: 24px;
  }

  .varianten-kachel {
    width: 33.33%;
  }

  .vgl-header {
    height: 230px;
  }

  .vgl-header-trigger {
    height: 65px;
  }

  .slider-zusatzprodukte {
    height: 420px;
    display: none;
  }

  .zusatz-produktslider100 {
    flex: 1;
    justify-content: space-between;
    margin-bottom: 35px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .absolut-container {
    top: 60.5%;
  }

  .hl-box-kontakt {
    margin-bottom: 10px;
  }

  .trigger-header {
    display: none;
  }

  .sticky-inpage-nav {
    padding-left: 5vw;
    padding-right: 5vw;
    display: none;
  }

  .sticky_aufhalter {
    height: 60px;
  }

  .img-container {
    margin-left: 0;
    padding-top: 10px;
  }

  .detail-container-flex {
    flex-direction: column;
  }

  .preis-dachzeile {
    margin-right: 8px;
  }

  .preis-container-stage {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
    display: flex;
  }

  .preis-berechnung {
    max-width: 300px;
  }

  .abschluss-row {
    justify-content: flex-end;
  }

  .h3-kachel {
    font-size: 26px;
  }

  .monitor-container {
    max-width: 600px;
  }

  .monitor-container.big {
    max-width: 100%;
    height: 100%;
    min-height: 600px;
    max-height: 800px;
  }

  .slider-screenhots {
    height: 100%;
    min-height: 470px;
    padding-right: 0;
  }

  .makse-slider-screens-desktop {
    top: 0;
  }

  .screen-slider-100 {
    flex: 1;
    justify-content: flex-start;
    max-width: 600px;
    display: flex;
  }

  .screen-slider-100.lightbox {
    max-width: 600px;
  }

  .slide-bu {
    bottom: 7%;
  }

  .left-arrow-down {
    top: 85%;
    left: 0;
  }

  .right-arrow-down {
    top: 85%;
    right: 0;
  }

  .programm-ico-container {
    width: 100%;
    max-width: 123px;
    height: 100%;
    max-height: 123px;
    margin-top: -63px;
    margin-left: -22px;
  }

  .ico-programm {
    max-width: 123px;
    max-height: 123px;
  }

  .lupe-container {
    top: 59%;
  }

  .popup-container-slider {
    display: none;
  }

  .varianten-kachel-label {
    width: 40%;
  }

  .vgl-row-2 {
    height: 90px;
  }

  .h3-product-fav {
    font-size: 18px;
    line-height: 24px;
  }

  .preis-button-sticky1 {
    top: 175px;
  }

  .preis-sticky {
    font-size: 26px;
  }

  .anker-var1 {
    height: 150px;
  }

  .preis-container-01 {
    padding-left: 20px;
    padding-right: 0;
  }

  .anker-var2 {
    top: 32px;
  }

  .preis-button-sticky2, .preis-button-sticky3 {
    top: 175px;
  }

  .gesamtflex-header-sticky {
    padding-top: 80px;
    top: 84px;
  }

  .vgl-container-footer {
    padding-left: 6vw;
    padding-right: 6vw;
    display: none;
  }

  .ico-blur {
    width: 58px;
    height: 58px;
    top: -7%;
  }

  .product-stage-tablet.light-petrol {
    flex-direction: column;
    padding-top: 35px;
    padding-bottom: 15px;
    display: block;
  }

  .text-area {
    width: 100%;
  }

  .screenshot-flex {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .screenshot-area-tablet {
    flex: 0 auto;
    width: 60%;
    margin-left: 60px;
  }

  .text-container-tablet {
    flex: none;
    width: 40%;
    padding-top: 20px;
  }

  .button-container-stage-tablet {
    width: 100%;
  }

  .left-arrow-popup, .right-arrow-popup {
    top: 80%;
  }

  .preis-tablet {
    display: block;
  }

  .section-varianten-preis-tablet.bg-hellpetrol {
    z-index: 2;
    background-color: #e2eeee;
    display: block;
  }

  .section-varianten-preis-tablet.bg-hellpetrol.hide {
    display: none;
  }

  .content5vw-left {
    padding-left: 6vw;
    padding-right: 0;
  }

  .preis-berechnung-tablet {
    max-width: 280px;
  }

  .dreieck_preiscalc-tablet {
    top: 67px;
  }

  .preiscallc-box-elemente-gesamt {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding-top: 15px;
    display: flex;
  }

  .x-container {
    justify-content: center;
    align-items: center;
    width: 30%;
    padding-left: 25px;
    display: flex;
  }

  .slider-zusatzprodukte-tablet {
    height: 470px;
    display: flex;
  }

  .vgl-container-footer-tablet {
    padding-left: 6vw;
    padding-right: 6vw;
    display: block;
  }

  .vgl-container-footer-tablet.hide {
    display: none;
  }

  .produktkachel-3er--placeholder {
    width: 32%;
  }

  .product-stage-smaart.light-petrol {
    flex-direction: column;
    padding-top: 35px;
    padding-bottom: 15px;
    display: none;
  }

  .button-container-stage-sm {
    width: 100%;
  }

  .screenshot-area-sm {
    flex: 0 auto;
    width: 60%;
    margin-right: 60px;
    display: none;
  }

  .slider-screenhots-sm {
    height: 100%;
    min-height: 470px;
    padding-right: 1em;
  }

  .left-arrow-down-sm {
    top: 85%;
    left: 0;
  }

  .right-arrow-down-sm {
    top: 85%;
    right: 0;
  }

  .section-varianten-preis-smartphonepy.bg-lightpetrol, .section-varianten-preis-smartphonepy.bg-hellpetrol-full {
    display: none;
  }

  .slide-screen-popup {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .slide-bu-big.white {
    bottom: 15%;
  }

  .sticky_aufhalter-mobil {
    height: 110px;
  }

  .absolut-container-sm {
    display: none;
    top: 12.5%;
  }

  .preis-berechnung_sm {
    max-width: 300px;
  }

  .preis-button-sm {
    top: 175px;
  }

  .produktkachel-1er {
    height: 440px;
  }

  .produktkachel-plcaholder {
    flex: 0 auto;
    margin-right: 20px;
  }

  .farbschalter {
    display: none;
  }

  .vgl-header-single {
    height: 225px;
  }

  .varianten-kachel-single {
    border-right-width: 0;
    width: 100%;
  }

  .h3-product-fav-single {
    font-size: 18px;
    line-height: 24px;
  }

  .vgl-header-trigger-single {
    height: 65px;
  }

  .vgl-row-single {
    height: 90px;
  }

  .abschluss-row-single {
    justify-content: flex-end;
  }

  .inpage-nav-sm-quer-sticky2 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .inpage-anker-tab {
    margin-bottom: 7px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0 0;
    line-height: 20px;
  }

  .inpage-anker-tab.w--current {
    padding-left: 0;
    padding-right: 0;
  }

  .slider-zusatzprodukte-sm-pfeile {
    height: 470px;
    display: none;
  }

  .productkachel-1er {
    height: 440px;
  }

  .slider-zusatzprodukte-sm-pfeile-hochopy {
    height: 470px;
    display: none;
  }

  .kontkt-m-fixed {
    display: none;
  }

  .textlink-mit-pfeil-down.abstand-unten-15 {
    margin-bottom: 30px;
  }

  .vgl-container-footer-sm-slider {
    padding-left: 6vw;
    padding-right: 6vw;
    display: none;
  }

  .uebersicht-container {
    justify-content: flex-start;
  }

  .table-label {
    width: 160px;
  }

  .seminar-ico-big {
    min-width: 220px;
    max-width: 260px;
  }

  .gewaehlt-marker_inpage {
    justify-content: center;
  }

  .gewaehlt-marker_inpage.block {
    justify-content: flex-start;
    width: 210px;
    margin-right: 25px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .gewaehlt-marker_inpage.doppelanordnung {
    justify-content: flex-start;
    width: 210px;
    margin-right: 25px;
    padding-top: 0;
    display: flex;
  }

  .gewaehlt-marker_inpage.block-einzeilig {
    justify-content: flex-start;
    align-self: center;
    width: 210px;
    margin-right: 25px;
    padding-top: 0;
    display: flex;
  }

  .button-auswahl-container-inpage {
    align-items: stretch;
    width: 100%;
    display: flex;
  }

  .button-auswahl-container-inpage.right.einzeilig {
    align-self: stretch;
    align-items: stretch;
  }

  .button-im-anker_seminar {
    align-self: stretch;
    height: 100%;
  }

  .button-im-anker_seminar.abstand-links {
    margin-left: 25px;
  }

  .anker-flex-seminar {
    place-content: flex-start center;
    padding-bottom: 10px;
  }

  .product-stage-seminar {
    display: none;
  }

  .drittel-flex.seminar-modula {
    height: 100%;
  }

  .auswahl-seminar-zweidrittel._1er {
    padding-bottom: 50px;
  }

  ._50.horzcenter {
    align-self: center;
  }

  .auswahl-seminar-flex-tabs-horz {
    margin-left: -5px;
    padding-left: 0;
  }

  .seminar-spalte-rechts {
    padding-right: 0;
  }

  .seminar-tab-horz {
    width: 180px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .seminar-tab-horz.w--current {
    margin-left: 5px;
  }

  .kontakt-txt-sticky {
    font-size: 18px;
  }

  .inpage-nav-tablet {
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
  }

  .haken-ico-stat {
    margin-right: 5px;
  }

  .trigger-header-tablet {
    height: 900px;
    display: block;
  }

  .sticky-inpage-nav-tablet {
    padding-left: 5vw;
    padding-right: 5vw;
    display: none;
    top: 50px;
    box-shadow: 7px 7px 10px #0003;
  }

  .tab-drop, .inpage-nav-sm-quer-sticky-seminar {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .modulauswahl-drop {
    width: 100%;
    margin-right: 0;
  }

  .btn-mod-flex {
    text-align: center;
    padding-left: 0;
  }

  .btn-txt-mod-drop {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .modultab-drop-layer {
    display: none;
  }

  .btn-mod-flex2, .btn-mod-flex1 {
    text-align: center;
    padding-left: 0;
  }

  .product-stage-seminar-module2 {
    height: 100%;
    padding-bottom: 50px;
    display: none;
  }

  .table-column {
    padding-top: 0;
  }

  .content-box {
    margin-bottom: 0;
  }

  .preis-flex {
    justify-content: space-between;
  }

  .bullet-liste {
    padding-left: 0;
    padding-right: 30px;
  }

  .button-tertiaer {
    padding: 3px 9px;
    font-size: 16px;
  }

  .buchen-container.versatz {
    padding-right: 0;
  }

  .arrow-drop-sml {
    opacity: 1;
    margin-left: 10px;
  }

  .tabellen_row_trenner {
    display: block;
  }

  .dropdown-container-sort {
    width: 78%;
  }

  .trigger-header-seminare {
    display: none;
  }

  .preis-container-seminar {
    padding-left: 20px;
  }

  .vorschau-button-var-4 {
    width: 85%;
    left: -23%;
  }

  .termingrid-slots {
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr 1fr .75fr;
    position: relative;
  }

  .date-eintrag {
    margin-right: 5px;
  }

  .date-eintrag-flex {
    flex-wrap: wrap;
  }

  .day {
    align-self: stretch;
  }

  .modulauswahl-drop-inpage {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .btn-txt-mod-drop-kurz, .btn-txt-mod-drop-inpage2 {
    margin-left: auto;
    margin-right: auto;
  }

  .product-stage-semianr-module-sm, .section-details-preise {
    display: none;
  }

  .section-details-preise-tablet {
    flex-direction: row;
    display: flex;
  }

  .modultab-drop-layer-inpage, .fixed-cta-kontakt {
    display: none;
  }

  .btn-kontakt-flex {
    margin-right: 10px;
    display: flex;
  }

  .kontakt-ico-flex-sml {
    margin-top: 0;
    font-size: 24px;
  }

  .contact-container-sm--single {
    opacity: .5;
    cursor: pointer;
    align-self: flex-start;
    display: none;
  }

  .contact-container-sm--single:hover {
    opacity: 1;
  }

  .button-auswahl-container-fixed {
    align-items: stretch;
    width: 100%;
    display: flex;
  }

  .modultab-drop-layer-footer {
    display: none;
  }

  .modulauswahl-drop-footer {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .button-im-footer {
    align-self: stretch;
    height: 100%;
  }

  .section-details-preise-sm {
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .time-eintrag {
    margin-left: 0;
  }

  .eintrag-container {
    flex-wrap: wrap;
  }

  .section-termine-tablet.bg-green {
    background-color: #e9f6d6;
    display: block;
  }

  .fixed-table-header {
    height: 50px;
    padding-left: 6vw;
    padding-right: 6vw;
    display: none;
    position: fixed;
    inset: 17% 0% auto;
  }

  .table-head-shadow-fixed {
    display: flex;
  }

  .termingrid-label-sticky {
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr 1fr .75fr;
    width: 100%;
    position: relative;
  }

  .boxpadding-seitlich {
    padding: 0 25px;
  }

  .section-termine-tablet-fixed.bg-green {
    z-index: 200;
    background-color: #e9f6d6;
    padding-top: 80px;
    display: block;
    position: sticky;
    inset: 14% 0% auto;
  }

  .termin-tabelle-head {
    padding-left: 25px;
    padding-right: 25px;
  }

  .section-termine-sm.bg-green {
    display: none;
  }

  .section-termine-sm-sticky.bg-green {
    z-index: 200;
    padding-top: 80px;
    display: none;
    position: sticky;
    inset: 14% 0% auto;
  }

  .portal-flex-final {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-top: 30px;
  }

  .product-stage-seminar-tablet {
    display: block;
  }

  .product-stage-seminar-module-tablet {
    height: 100%;
    padding-bottom: 50px;
    display: block;
  }

  .button-primaer-dna20 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    padding-top: 10px;
  }

  .video-full-stage {
    padding-right: 0;
  }

  .video-verlauf {
    display: block;
  }

  .ico-produkt {
    width: auto;
    height: auto;
  }

  .produkt-ico-container {
    z-index: 530;
    max-width: 80px;
    max-height: 80px;
  }

  .button-primaer-petrol2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 10px;
  }

  .button-primaer-petrol2.fullsize {
    text-align: center;
    width: 100%;
    height: 50px;
    padding-top: 12px;
    padding-bottom: 13px;
  }

  .button-primaer-petrol1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    padding-top: 10px;
  }

  .metasuche-colgray1 {
    display: none;
  }

  .produkt-kontakt-stickybox-petrol1 {
    width: 45px;
    padding-left: 12px;
  }

  .inpage-anker-leuchtturm {
    margin: 10px 10px 7px;
    padding: 0 0;
    line-height: 20px;
  }

  .inpage-anker-leuchtturm.w--current {
    padding-left: 0;
    padding-right: 0;
  }

  .typogross-black {
    font-size: 18px;
  }

  .button-tertiaer-dark-leuchtturm {
    padding: 3px 9px;
    font-size: 16px;
  }

  .button-sekundaer-black4-linear {
    align-items: center;
    height: 45px;
    padding: 3px 9px;
    font-size: 16px;
    display: flex;
  }

  .button-sekundaer-black4-linear.full-size {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    display: flex;
  }

  .button-tertiaer-leuchtturm, .button-tertiaer3-leuchtturm, .button-tertiaer4-leuchtturm {
    padding: 3px 9px;
    font-size: 16px;
  }

  .content-box-dunkelgruen2, .content-box-dunkelgruen3, .content-box-coldgray3-60, .content-box-azur1, .content-box-hellgruen3, .content-box-hellgruen2 {
    margin-bottom: 0;
  }

  .h4-hinweis, .h4-info, .h4-warnung, .h4-warnun2 {
    font-size: 26px;
  }

  .warn-box {
    height: 300px;
    overflow: auto;
  }

  .h4-info2 {
    font-size: 26px;
  }

  .portal-flex-final2, .portal-flex-final3, .portal-flex-final4 {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-top: 30px;
  }

  .h3-product-var-black {
    font-size: 26px;
  }

  .subline-petrol2 {
    margin-bottom: 15px;
  }

  .portal-flex-final3a {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-top: 30px;
  }

  .product_subline_petrol2 {
    color: var(--datev-petrol);
  }

  .h3-black {
    font-size: 26px;
  }

  .link-list-item-leuchtturm {
    padding-left: 0;
  }

  .product_subline_marktplatz-alt, .product_subline_black {
    color: var(--datev-petrol);
  }

  .partner-name-petrol2 {
    padding-left: 0;
  }

  .special-label-azur3, .special-label-hellgruen5, .special-label-amber4, .special-label-dunkelgruen5 {
    display: none;
  }

  .varianten-kachel-azur0 {
    width: 33.33%;
  }

  .h3-product-fav-petrol2 {
    font-size: 18px;
    line-height: 24px;
  }

  .vgl-header-leuchtturm {
    height: 230px;
  }

  .tabellenzeile-leuchtturm {
    padding-top: 80px;
    top: 84px;
  }

  .suche-gesamt, .suche-btn {
    display: none;
  }

  .typo_petrol1 {
    text-align: left;
    margin-bottom: 0;
  }

  .metasuche-alt {
    display: none;
  }

  .section-padding-home {
    padding-top: 80px;
    padding-bottom: 64px;
  }

  .button-primaer-invers, .button-primaer-berry6 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    padding-top: 10px;
  }

  .button-sekundaer-invers-linear {
    padding: 3px 9px;
    font-size: 16px;
  }

  .button-primaer-green7 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    padding-top: 10px;
  }

  ._4er-usp--kachel, ._5er-usp--kachel {
    width: 49%;
  }

  .button-primaer-datevgreen9, .button-primaer-azur7 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    padding-top: 10px;
  }

  .anker-kachel.single {
    width: 30%;
  }

  .description-txt {
    padding-left: 0;
    padding-right: 30px;
  }

  .button-primaer-petrol2-sml, .button-primaer-petrol2-big, .button-primaer-amber10 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    padding-top: 10px;
  }

  .social-media-button-share {
    width: 60px;
    height: 60px;
  }

  .erweiterte-cta-box, .buybox, .kontaktbox {
    width: 49%;
  }

  .anker-kachel-flex5 {
    display: block;
  }

  .foldout-flex-plus.ohne-linie-bottom {
    padding-right: 6px;
  }

  .foldoutbox-head-plus {
    align-items: flex-start;
  }

  .foldoutbox-head-plus.zweizeilig {
    align-items: center;
  }

  .subline-black {
    margin-bottom: 15px;
  }

  .typogross-black-semibold {
    font-size: 18px;
  }

  .modultab-drop-layer-2 {
    display: none;
  }

  .dropdown-invers-big {
    width: 100%;
    margin-right: 0;
  }

  .btn-txt-drop, .btn-txt-drop-standard, .btn-txt-drop-zg {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .disclaimer-block {
    padding-top: 0;
  }

  .btn-txt-drop-zg-wp, .btn-txt-drop-zg-stb {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .hero2 {
    flex-direction: column;
  }

  .logo_imsticky_bereich {
    margin-bottom: 15px;
  }

  .inpage-label {
    margin: 10px 10px 7px;
    padding: 0 0;
    line-height: 20px;
  }

  .inpage-label.w--current {
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-neben-logo {
    width: 100%;
    margin-right: 0;
  }

  .suche-btn-single, .lupe-einzeln {
    display: none;
  }

  .btn-txt-drop-aktuelles {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .nav-magazin-container, .nav-trialog-container, .nav-payroll-container {
    display: none;
  }

  .btn-txt-drop-zg-stb2 {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .nav-kanzlei-container {
    display: none;
  }

  .btn-txt-drop-lohn1, .btn-txt-drop-lohn2 {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .img-container-1-1 {
    margin-left: 0;
    padding-top: 10px;
  }

  .dropdown-invers {
    width: 100%;
    margin-right: 0;
  }

  .bullet-list {
    padding-left: 0;
    padding-right: 30px;
  }

  .kachel-full {
    width: 49%;
  }

  .productkachel-voll, .productkachel-horz {
    height: 440px;
  }

  .burger-inhalt-dark {
    background-color: #4b5059;
  }

  .metasuche-neu, .suche-btn-neu, .suche-gesamt_neu, .suche-gesamt_neu2 {
    display: none;
  }

  .content-trialog {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  ._4er-kachel {
    width: 49%;
  }

  .img-container-standard, .img-container-140, .img-container-hero, .img-container_100_rund, .img-container_110_sml {
    margin-left: 0;
    padding-top: 10px;
  }

  .datev-logo {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    margin-top: 10px;
    margin-bottom: 15px;
  }

  .nav-flex-wrap {
    height: 70px;
  }

  .datev-logo-sticky {
    margin-bottom: 15px;
  }

  .navpunkte-wrap {
    display: none;
  }

  .hero-text.schrift-weiss.boxpadding {
    padding-left: 15px;
    padding-right: 15px;
  }

  .hero-text.boxpadding {
    z-index: 0;
  }

  .hero-bildung-content {
    height: auto;
    max-height: 550px;
  }

  .plattformen-einstieg {
    z-index: 500;
    margin-top: -14vh;
    position: relative;
  }

  .hero-content-flex {
    padding-top: 20px;
  }

  .button-petrol {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    padding-top: 10px;
  }

  .button-petrol.abstand-unten-10 {
    justify-content: center;
    display: flex;
  }

  .button-petrol.fullsize {
    text-align: center;
    align-self: center;
  }

  .text-14.center {
    margin-bottom: 0;
    line-height: 18px;
  }

  .bildungspartnerschaft.sectionpadding, .wissen-aufbauen.sectionpadding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .text-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .berufsstand.sectionpadding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

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

  .niveau-nachweis-text {
    text-align: center;
  }

  .kurs-slider {
    height: 420px;
  }

  .footer {
    padding-bottom: 70px;
  }

  .portal-claim {
    font-size: 18px;
  }

  .kachel-icon-txt-2.boxpadding_25 {
    align-items: center;
  }

  .plattform-text-2 {
    flex: 0 auto;
    height: auto;
    display: block;
  }

  .plattform-icon-2 {
    width: 80px;
    height: 80px;
    margin-top: -30px;
    margin-left: 0;
    margin-right: 10px;
  }

  .plattform-kategorie-txt.center {
    margin-bottom: 0;
    line-height: 18px;
  }

  .kurs-txt-2 {
    width: 70%;
  }

  .nachweis-icon-wrap {
    width: 30%;
  }

  .header-abstand {
    height: 70px;
  }

  .background-color-coldgray2.sectionpadding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .popup-container-students {
    width: 100%;
    max-width: none;
    height: 100%;
    display: none;
  }

  .media-txt-flex, .media-txt-flex.abstand-unten-25 {
    align-items: flex-start;
  }

  .lexinform-edu-bg.sectionpadding, .lexinform-onpremise.sectionpadding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-71, .vorteil-liste {
    width: 100%;
  }

  .starterpaket-content {
    flex-direction: column;
  }

  .hinweis-benutzerkonto.abstand_oben15 {
    justify-content: space-between;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .hinweis-benutzerkonto.abstand_oben15.abstand-unten-35 {
    margin-left: auto;
    margin-right: auto;
  }

  .nutzungshinweise.sectionpadding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .datenbank-zugriff.sectionpadding {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .datenbank-zugriff.sectionpadding-80-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .zugriff-grafik-grid {
    grid-column-gap: 0px;
    grid-row-gap: 15px;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .lexinform-circle-img {
    width: 100%;
    height: 80%;
    padding-left: 22px;
  }

  .zugriff-img {
    width: 120px;
    height: 120px;
  }

  .linie-gestrichelt {
    background-repeat: no-repeat;
    display: none;
  }

  .zugriff-txt {
    text-align: center;
    font-size: .875rem;
    display: none;
  }

  .zugriff-txt-img-wrap {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: stretch;
  }

  .zugriff-txt-img-wrap:hover {
    color: var(--petrol1);
  }

  .zertifikat-bg.sectionpadding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .icon-txt-kachel {
    width: 48%;
  }

  .hero-news-content {
    height: 45vh;
    max-height: 500px;
  }

  .autorbox {
    width: 49%;
  }

  .verlauf-head {
    height: 150px;
  }

  .img-rund.abs {
    width: 150px;
    height: 150px;
  }

  .zielgruppebox-lernende {
    width: 49%;
  }

  .absolut-container-2 {
    top: 67%;
  }

  .nav-dot.current {
    background-color: #90d033;
  }

  .inpage-nav_wrap {
    top: 67%;
  }

  .fuehrerschein {
    margin-top: 60px;
  }

  .zielgruppebox-unterrichtende {
    width: 49%;
  }

  .zielgruppenbanderole-lernende {
    width: 40%;
    padding-left: 2.5rem;
    top: 30px;
  }

  .zielgruppenbanderole-unterichtende {
    width: 40%;
  }

  .bg-dunkelgruen2.sectionpadding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .headline-groesse-2 {
    font-size: 28px;
  }

  .richtext-popup {
    width: 100%;
  }

  .info-box-gruen {
    height: 300px;
    overflow: auto;
  }

  .popup-container-software {
    width: 100%;
    max-width: none;
    height: 100%;
    inset: 0%;
  }

  .popup-container-zerti, .popup-container-lex {
    width: 100%;
    max-width: none;
    height: 100%;
  }

  .h1 {
    white-space: normal;
  }

  .tipp-tricks.sectionpadding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .buch-cover {
    padding-left: 0;
  }

  .buchtipp-txt {
    max-width: 100%;
  }

  .buch-steckbrief.abstand-unten-35 {
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .steckbrief-item {
    width: 100%;
  }

  .buch-cover-rel {
    top: 15px;
  }

  .blur {
    width: 110px;
    height: 110px;
    top: 27%;
  }

  .stoerer-buchtipp {
    width: 120px;
    height: 120px;
    font-size: 14px;
    left: -3rem;
  }

  .buch-tipp-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

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

  .fachliteratur-img {
    width: 120px;
    height: 120px;
  }

  .literatur-txt-li {
    display: none;
  }

  .fachliteratur-txt-img-wrap {
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

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

  .bildungspartnerschaft_img {
    width: 120px;
    height: 120px;
    margin-bottom: 5px;
  }

  .lernender-img {
    width: 100%;
  }

  .plattform-kategorie-dark {
    flex-direction: row;
    justify-content: flex-start;
    padding-top: 5px;
    padding-bottom: 0;
  }

  .plattform-kachel-grid-4er {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    grid-template-columns: 1fr 1fr;
  }

  .fixed-inpage {
    z-index: 999;
  }

  .sticky-inpage-nav-bildung {
    padding-left: 42px;
    padding-right: 42px;
    display: block;
  }

  .inpage-anker-bildung {
    margin: 8px 10px 0;
    padding: 0 0 5px;
    line-height: 20px;
  }

  .inpage-anker-bildung.w--current {
    padding-left: 0;
    padding-right: 0;
  }

  .inpage-label-bildung {
    display: none;
  }

  .sticky-inpage-nav-bildung-copy, .sticky-inpage-nav-bildung-oben {
    padding-left: 5vw;
    padding-right: 5vw;
    display: none;
  }

  .inpage-sticky-bildung-oben {
    z-index: 900;
  }

  .home-hero-image {
    margin-top: 0;
  }

  .burger-button-container-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .burger-strich_25-1, .burger-strich_25-2, .burger-strich_25-3 {
    background-color: var(--black);
  }

  .burgernav-coldgray {
    display: block;
  }

  .navtypo-level3 {
    color: #b6cad1;
    font-size: 16px;
  }

  .subnavpunkt-burger {
    padding-left: 4rem;
  }

  .subnavpunkt-burger:hover {
    opacity: .6;
    color: #b6cad1;
  }

  .subnavpunkt-burger.w--current {
    border-left: .5rem solid var(--dunkelgruen8);
    color: var(--dunkelgruen6);
    padding-left: 3.5rem;
  }

  .navpunkt-burger.hide {
    display: none;
  }

  .navpunkt-burger.padding-burger {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .navtypo-level2 {
    color: #b6cad1;
    font-size: 18px;
  }

  .burger-subfoldout-level3 {
    padding-top: 0;
    padding-left: 20px;
    display: none;
  }

  .burger-subfoldout-coldgray {
    flex-direction: column;
    flex: 1;
    padding-right: 3rem;
    display: flex;
  }

  .trenner-2 {
    background-color: #69838c;
    margin-bottom: 30px;
    display: none;
  }

  .burger-inhalt-coldgray {
    background-color: #232e32;
  }

  .burger-inhalt-coldgray.content3vw {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-burger-trigger {
    cursor: pointer;
    justify-content: space-between;
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
    display: flex;
  }

  .nav-burger-trigger:hover {
    opacity: .6;
  }

  .nav-burger-trigger.padding-burger {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .header-trigger-tablet {
    height: 400px;
  }

  .ausklapp-trigger-rund {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    background-color: var(--coldgray1);
    cursor: pointer;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin-top: -10px;
    margin-bottom: 10px;
    padding: 5px 20px;
    font-family: Noto Sans, sans-serif;
    font-weight: 700;
    display: flex;
    position: relative;
  }

  .ausklapp-trigger-rund:hover {
    color: var(--petrol2);
    text-decoration: underline;
  }

  .ico-18 {
    width: 1.125rem;
  }

  .ausklapp-trigger-sm {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .ausklapp-trigger-sm:hover {
    color: var(--petrol2);
    text-decoration: underline;
  }

  .ico-35 {
    width: 2.5rem;
  }

  .popup-gesamt-meldung {
    width: 95%;
    max-width: none;
  }

  .portal-claim-mobil {
    font-size: 18px;
  }

  .linie-gestrichelt-mobil {
    background-image: url("./659d4caecd59f320d622701c_linie-gestrichelt-mobil3.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
  }

  .lexinform-circle-img-mobil {
    width: 80%;
    height: 80%;
  }

  .zugriff-txt-sm {
    text-align: center;
    font-size: .875rem;
  }

  .zugriff-txt-static {
    text-align: center;
    font-size: .875rem;
    display: block;
  }

  .literatur-txt-li-mobil {
    text-align: center;
    line-height: 1.3;
    display: block;
  }

  .bildungspartner-txt-img-wrap {
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .hausarbeit-bg.sectionpadding, .fehler.sectionpadding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .fehler-flex.abstand-unten-25 {
    align-items: flex-start;
  }

  .flex-inpage {
    flex-wrap: wrap;
  }

  .div-block-74, .container-inpage {
    text-align: center;
  }

  .inpage-label-sm {
    display: none;
  }

  .popup-container-software02 {
    width: 100%;
    height: 100%;
  }

  .info-box-gruen2, .warn-box2 {
    height: 300px;
    overflow: auto;
  }

  .popup-container-students02, .popup-container-zerti02, .popup-container-lex2 {
    width: 100%;
    max-width: none;
    height: 100%;
  }

  .nav-punkte-wrap {
    display: none;
  }

  .padding-30-side {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .nav-level2-2.w--current {
    padding-left: 24px;
  }

  .select-field, .fs-selectcustom_message {
    display: none;
  }

  .sticky-inpage-container-mobil {
    height: 70px;
  }

  .border-transparent-kachel {
    max-width: 48%;
  }

  .border-transparent-radius-anker-kachel {
    width: 30%;
  }

  .weitere-hilfe.sectionpadding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .burger-dropdown {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .maxbreite {
    max-width: 767px;
  }

  .content3vw {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }

  .content3vw.sectionpadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .boxpadding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-padding {
    padding-top: 50px;
  }

  .section-padding.bottom-40.zusatzprodukte {
    padding-bottom: 0;
  }

  .typo_petrol2 {
    margin-bottom: 5px;
    font-size: 22px;
  }

  .burger {
    max-height: 300px;
    overflow: auto;
  }

  .navmaster-fixed {
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .logo_img_imsticky {
    margin-bottom: 15px;
  }

  .brotkrumen.contentbreite.content5vw {
    display: none;
  }

  .sticky-schattenbox-weiss.inaktiv {
    max-width: none;
    display: none;
  }

  .ueberschriftgroesse1 {
    margin-bottom: 5px;
    font-size: 29px;
    line-height: 36px;
  }

  .ueberschriftgroesse2 {
    margin-bottom: 5px;
    font-size: 25px;
    line-height: 30px;
  }

  .ueberschriftgroesse3 {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 26px;
  }

  .ueberschriftgroesse4 {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 24px;
  }

  .typogross {
    line-height: 24px;
  }

  .button-primaer {
    padding-bottom: 14px;
    font-size: 18px;
  }

  .button-primaer.abstand-unten-10 {
    font-size: 20px;
    font-style: normal;
    line-height: 28px;
  }

  .anchor {
    margin-top: -52px;
  }

  .rundbildteaser-img.klein {
    width: 150px;
    height: 150px;
  }

  .testimonial-flex.abstand-unten-50 {
    flex-direction: column;
    margin-bottom: 35px;
  }

  .testimonial-text-container.linie-links {
    width: 100%;
  }

  .testimonial-text.typo_petrol.typogross {
    font-size: 18px;
  }

  .abstand-unten-50 {
    margin-bottom: 25px;
  }

  .abstand-unten-5 {
    font-size: 16px;
  }

  .typo-compatil.typo_petrol {
    font-size: 20px;
  }

  .typo_white {
    display: block;
  }

  .zwischenheader_container.no-topmargin {
    margin-bottom: 25px;
  }

  .button-absolut {
    display: block;
  }

  .footer-flex.bottom_last.content3vw {
    flex-direction: column-reverse;
    margin-bottom: 0;
  }

  .footer-middle {
    flex-direction: column;
    flex: 1;
    align-self: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .footer-left {
    align-self: center;
  }

  .footer-listen-link {
    line-height: 20px;
  }

  .zielgruppen-kachel_home {
    width: 50%;
  }

  ._3er-kachel {
    width: 100%;
    margin-bottom: 4%;
  }

  .button-sectioncontainer {
    padding-top: 0;
  }

  .video-zweier-flex {
    flex-direction: column;
  }

  .video-teaserbox-halb {
    width: 100%;
    margin-bottom: 20px;
  }

  .dachzeile.stage {
    display: none;
  }

  .kachel-teaser-textbox_horz {
    align-items: stretch;
  }

  .mit-hinweis-flex {
    max-width: 150px;
  }

  .fifty-bis-tablet {
    width: 100%;
  }

  .fifty-flex-bis-tablet {
    flex-direction: column;
  }

  .fifty-flex-bis-tablet.goofy {
    flex-direction: column-reverse;
  }

  .bild-cover_cont.datev-geb {
    object-fit: cover;
    height: 300px;
  }

  .video-section-home {
    padding-bottom: 0;
  }

  ._100pro-breite {
    justify-content: center;
    display: flex;
  }

  .mobile-txt-right-container {
    display: block;
  }

  .cookie-hinweis {
    padding-top: 50px;
    padding-bottom: 25px;
  }

  .cookie-flex {
    flex-direction: column;
  }

  .cookie-child-right {
    margin-top: 10px;
  }

  .foldout-flex.ohne-linie-bottom {
    padding-right: 0;
  }

  .foldout-flex.last {
    border-bottom-width: 0;
  }

  .foldoutbox-text-container {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .foldoutbox-foldout {
    padding-right: 0;
  }

  .foldoutbox-icon.sml {
    margin-top: 4px;
  }

  .foldoutbox-icon.zweizeilig {
    align-self: flex-start;
    margin-top: 7px;
  }

  .footer4 {
    padding-bottom: 120px;
  }

  .portal-flex.ohne-strich.single {
    width: 100%;
  }

  .cta-icon-element {
    margin-left: 15px;
    margin-right: 15px;
  }

  .cta-icon-element_mehr {
    display: block;
  }

  .text-fiels-ohne-abstand {
    min-width: 110px;
  }

  .preiscallc-box-elemente {
    justify-content: flex-end;
  }

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

  .video-bu.boxpadding_15top {
    height: 120px;
  }

  .typo-18 {
    font-size: 16px;
    line-height: 22px;
  }

  .typo-18.vorteil, .typo-18.kachel {
    font-size: 16px;
    line-height: 20px;
  }

  .produktkachel-fix {
    flex: none;
    justify-content: center;
    width: 200px;
    display: flex;
  }

  .produkt_imfixed_flex2 {
    align-self: center;
    align-items: center;
  }

  .contact-container-touch {
    margin-left: 25px;
    padding-top: 0;
    display: none;
  }

  .product_subline_petrol {
    display: none;
  }

  .fragen-ico2 {
    padding-bottom: 0;
  }

  .slider-mobil-container {
    display: none;
  }

  .scroll-container_slider {
    width: 108%;
  }

  .slider_scrollbreite_slider {
    width: 1400px;
    padding-right: 25px;
  }

  .contact-container-sm {
    background-color: var(--datev-petrol);
    opacity: .8;
    background-image: url("./64ac00935216eb5710de6d2b_icon_kontakt_white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 40px;
    border-radius: 50%;
    flex: none;
    align-self: flex-end;
    width: 60px;
    height: 60px;
    margin-left: 25px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    box-shadow: 1px 1px 10px #0003;
  }

  .info-ico-mobile {
    display: none;
  }

  .link-block {
    margin-left: 10px;
    display: none;
  }

  .imfixed_flex_sm.maxbreite.content3vw {
    padding-top: 0;
    display: block;
  }

  .imfixed_flex_sm.maxbreite.content3vw.dark-grey {
    background-color: #4b5059;
  }

  .imfixed_flex_sm.maxbreite.content3vw.dark-grey.hide {
    display: none;
  }

  .button-container.left.abstand-unten-15 {
    margin-top: 20px;
  }

  .button-container.left.abstand-unten-15.hide {
    display: block;
  }

  .button-container.full {
    width: 100%;
  }

  .btn-txt-stern {
    font-size: 16px;
    line-height: 20px;
  }

  .portal-section-light.content5vw {
    width: 100%;
  }

  .btn-flex {
    font-size: 20px;
    line-height: 28px;
  }

  .button-primaer_green_mobil {
    letter-spacing: .02em;
    width: 100%;
    margin-bottom: 0;
    padding: 9px 15px 12px;
    font-size: 18px;
    line-height: 20px;
    display: block;
  }

  .vorteil-subline {
    font-size: 16px;
    line-height: 22px;
  }

  .preiscalc-line.ohne {
    flex-direction: column;
    min-width: 300px;
    max-width: 600px;
  }

  .preiscallc-box-elemente-preis {
    min-width: 60px;
  }

  .preiscallc-box-elemente1 {
    flex: 0 auto;
    min-width: 130px;
  }

  .feste-tabellenzahl {
    width: 80px;
  }

  .testimonial-img-container-white {
    width: 50%;
    margin-bottom: 20px;
  }

  ._48 {
    width: 100%;
  }

  .subline {
    text-align: left;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 26px;
  }

  .hl-stage {
    font-size: 26px;
    line-height: 32px;
  }

  .hl-stage.seminar {
    text-align: left;
  }

  .preis-container {
    display: none;
  }

  .text-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .content-fullsize {
    min-width: 480px;
    max-width: 767px;
  }

  .inpage-nav {
    display: none;
  }

  .inpage-anker {
    flex: none;
    align-self: center;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .inpage-anker.w--current {
    padding-bottom: 6px;
  }

  .anker-txt {
    font-size: 1.125rem;
    line-height: 18px;
  }

  .usp-section-flex {
    flex-direction: column;
  }

  .vorteil-subline-h3 {
    line-height: 22px;
  }

  .telefonicon-2.abstand-rechts-10 {
    width: 40px;
    margin-top: 2px;
    margin-left: -8px;
  }

  .kontakt-box-aufgeklappt {
    display: none;
    transform: none;
  }

  .ueberschriftgroesse3-2 {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 26px;
  }

  .ueberschriftgroesse3-2.white.imflex {
    padding-top: 0;
  }

  .section-leistungen.bg-white {
    overflow: hidden;
  }

  .section-padding50-70 {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .varianten-flex {
    flex-direction: column;
  }

  .usp-sml-container.sml {
    margin-bottom: 35px;
  }

  .kontakt-ico-flex {
    font-size: 20px;
  }

  .section-variantenvergleich.bg-white {
    display: none;
  }

  .abschnitt-vgl.farbe-petrol {
    background-color: #eef8f8;
    border-right-width: 0;
  }

  .h4-compatil.ohne-top {
    font-size: 18px;
    line-height: 20px;
  }

  .vgl-header {
    height: 250px;
  }

  .vgl-header-trigger {
    height: 60px;
    padding-left: 0;
  }

  .typogross-bold {
    font-size: 18px;
    line-height: 24px;
  }

  .section-kundenstimmen.bg-lichtpetrol {
    overflow: hidden;
  }

  .absolut-container {
    display: none;
  }

  .hl-box-kontakt {
    padding-top: 10px;
  }

  .trigger-header, .sticky-inpage-nav {
    display: none;
  }

  .anker-offset1 {
    height: 90px;
  }

  .sticky_aufhalter {
    display: none;
  }

  .section-zusatzprodukte.bg-white {
    padding-bottom: 1px;
    overflow: hidden;
  }

  .anker-offset2, .anker-offset3, .anker-offset4, .anker-offset5, .anker-offset6, .anker-offset7, .anker-offset8 {
    height: 90px;
  }

  .foldoutbox-mehr-container.last {
    padding-bottom: 0;
  }

  .detail-container-flex {
    padding-bottom: 30px;
  }

  .detail-container-flex.last {
    padding-bottom: 0;
  }

  .preis-big {
    font-size: 36px;
  }

  .preis-button-flex {
    margin-bottom: 20px;
  }

  .dreieck_preiscalc2 {
    top: 86%;
    left: 60%;
  }

  .preis-berechnung {
    width: 100%;
    max-width: 700px;
  }

  .abschluss-row {
    padding-bottom: 70px;
    position: relative;
  }

  .preis-vgl {
    min-height: 110px;
  }

  .monitor-container {
    justify-content: center;
    min-height: 380px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .screen-slider-100 {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }

  .programm-ico-container {
    width: 112px;
    max-width: none;
    height: 112px;
    max-height: none;
    margin-top: -20px;
    margin-left: -20px;
  }

  .ico-programm {
    width: 112px;
    max-width: none;
    height: 112px;
    max-height: none;
  }

  .screen-container {
    max-height: 350px;
  }

  .lupe-container {
    top: 51%;
  }

  .popup-container-slider {
    display: none;
  }

  .slider-screenhots-big {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .varianten-kachel-label {
    width: 30%;
  }

  .vgl-row-2 {
    height: 60px;
    padding-left: 0;
  }

  .tbl-txt-2 {
    padding-left: 0;
  }

  .preis-label2 {
    margin-bottom: 10px;
    line-height: 20px;
  }

  .h3-product-fav {
    font-size: 16px;
  }

  .preis-container-sticky {
    margin-bottom: 15px;
    padding-top: 25px;
  }

  .preis-container-01 {
    padding-right: 20px;
  }

  .gesamtflex-header-sticky {
    box-shadow: none;
    width: 299%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
    top: 108px;
    transform: translate(0);
  }

  .vgl-container {
    margin-top: 0;
  }

  .ico-blur {
    width: 50px;
    height: 50px;
    top: 5%;
  }

  .product-stage-tablet.light-petrol {
    display: none;
  }

  .screenshot-flex {
    flex-direction: column;
  }

  .screenshot-area-tablet, .section-varianten-preis-tablet.bg-hellpetrol {
    display: none;
  }

  .content5vw-left {
    padding-right: 6vw;
  }

  .slider-zusatzprodukte-tablet, .vgl-container-footer-tablet {
    display: none;
  }

  .product-stage-smaart.light-petrol {
    padding-top: 65px;
    display: block;
  }

  .preis-container-stage-sm {
    flex: 0 auto;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    display: flex;
  }

  .preis-dachzeile-sm {
    margin-right: 15px;
    font-size: 22px;
  }

  .screenshot-area-sm {
    width: 100%;
    margin-right: 0;
    display: flex;
  }

  .slider-screenhots-sm {
    justify-content: center;
    min-height: 450px;
    padding-right: 0;
  }

  .left-arrow-down-sm {
    top: 34%;
    left: -20px;
  }

  .right-arrow-down-sm {
    top: 34%;
    right: -20px;
  }

  .makse-slider-screens-sm {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .slide-bu-sm {
    inset: auto 0% -2%;
  }

  .section-varianten-preis-smartphonepy.bg-lightpetrol {
    z-index: 2;
    display: block;
  }

  .section-varianten-preis-smartphonepy.bg-lightpetrol.hide {
    display: none;
  }

  .section-varianten-preis-smartphonepy.bg-hellpetrol-full {
    z-index: 2;
    background-color: #e2eeee;
    display: block;
  }

  .sticky_aufhalter-mobil {
    height: 65px;
    display: block;
  }

  .absolut-container-sm {
    inset: auto 0% 0% auto;
  }

  .kontakt-box-aufgeklappt-mobile {
    justify-content: flex-end;
    padding-right: 25px;
    left: 0;
    right: 25px;
    transform: none;
  }

  .kontact-container-mobil {
    justify-content: flex-end;
    display: block;
  }

  .preis-berechnung_sm {
    max-width: 100%;
  }

  .trigger-header-mobil {
    z-index: 1020;
    height: 1000px;
    display: block;
  }

  .preis-button-sm {
    position: static;
  }

  .preis-container-sm {
    margin-bottom: 15px;
    padding-top: 25px;
  }

  .preis-container-sm.abstand-unten-40 {
    margin-bottom: 40px;
    padding-top: 35px;
  }

  .produktkachel-1er {
    width: 100%;
  }

  .produktkachel-plcaholder {
    flex: none;
    justify-content: center;
    width: 200px;
    display: flex;
  }

  .produktkachel-plcaholder.last {
    box-shadow: none;
    width: 50px;
  }

  .section-variantenvergleich-sm-liste {
    background-color: var(--white);
    max-width: 767px;
    padding-bottom: 50px;
    display: none;
  }

  .vgl-header-single {
    height: 90px;
  }

  .varianten-kachel-single.lightest-petrol {
    background-color: #eef8f8;
    border-right-width: 0;
  }

  .varianten-kachel-single.lightest-petrol.hide {
    display: none;
  }

  .varianten-kachel-single.lightest-grey {
    background-color: #f6f6f64d;
    border-right-width: 0;
  }

  .varianten-kachel-single.lightest-grey.hide {
    display: none;
  }

  .h3-product-fav-single {
    min-height: auto;
    margin-top: 5px;
  }

  .vgl-header-trigger-single {
    height: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
  }

  .vgl-header-trigger-single.first {
    padding-top: 30px;
    padding-left: 38px;
  }

  .vgl-row-single {
    text-align: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    height: auto;
    padding: 8px 25px 12px 38px;
  }

  .vgl-row-single.first {
    border-bottom-width: 0;
    margin-top: 0;
  }

  .tbl-txt-single {
    text-align: left;
    width: 90%;
    margin-bottom: 0;
  }

  .single-header-sticky {
    margin: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
    top: 0;
  }

  .preis-vgl-flex-single {
    flex-direction: row;
    justify-content: center;
  }

  .preis-vgl-block {
    margin-left: 15px;
  }

  .abschluss-row-single {
    padding-bottom: 30px;
    position: relative;
  }

  .anker-drop-container {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .drop-layer {
    z-index: 1019;
    background-color: #74b8b8;
    width: 100%;
    min-width: 480px;
    max-width: 767px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
  }

  .drop-flex-trigger {
    justify-content: center;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 10px;
    line-height: 20px;
    display: flex;
  }

  .drop-trigger {
    cursor: grab;
    justify-content: center;
    padding-top: 9px;
    padding-bottom: 10px;
    display: flex;
  }

  .inpage-nav-sm-quer-sticky2 {
    cursor: pointer;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 18px;
    display: block;
    position: sticky;
    top: 60px;
    box-shadow: 0 6px 6px #00000026;
  }

  .anker-mobil-list-quer {
    flex-flow: wrap;
    justify-content: center;
    display: flex;
  }

  .anker-txtlabel {
    color: #0f0f0f;
    font-size: 15px;
    line-height: 18px;
  }

  .anker-txtlabel.hide {
    display: none;
  }

  .padding-vgl-mobil-single {
    padding-left: 3%;
    position: relative;
  }

  .inpage-anker-tab {
    flex: none;
    align-self: center;
    height: 100%;
    padding: 6px 0;
    font-size: 14px;
  }

  .inpage-anker-tab.w--current {
    padding-bottom: 6px;
  }

  .slider-zusatzprodukte-sm-pfeile {
    margin-bottom: 10px;
    display: block;
  }

  .productkachel-1er {
    text-align: center;
    width: 100%;
  }

  .productkachel-2er {
    text-align: left;
    border-radius: 10px;
    width: 48%;
    height: 380px;
    box-shadow: 1px 1px 10px #00000026;
  }

  .slider-zusatzprodukte-sm-pfeile-hochopy {
    display: none;
  }

  .section-variantenvergleich-sm-slider {
    background-color: var(--white);
    max-width: 767px;
    display: block;
  }

  .vergleichs-flex-slider {
    box-shadow: none;
    align-items: stretch;
    width: 299%;
    display: flex;
  }

  .vgl-produkt-slide {
    width: 98%;
  }

  .vgl-produkt-slide._01 {
    background-color: #eef8f8;
  }

  .vgl-produkt-slide._03 {
    margin-right: 3%;
  }

  .slide-arrow-container {
    z-index: 5000;
    border-radius: 50%;
    flex: none;
    margin-right: 2%;
    position: sticky;
    bottom: auto;
    overflow: hidden;
    box-shadow: 2px 2px 10px #0006;
  }

  .slide-arrow-container.left {
    margin-left: 2%;
  }

  .slide-arrow-green-right {
    cursor: pointer;
    background-color: #7ebb25;
    background-image: url("./64ac00935216eb5710de6c2b_icon_weiss_pfeil-rechts.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    width: 50px;
    height: 50px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .slide-arrow-green-right:hover {
    background-color: #6fa81d;
  }

  .slide-arrow-green-left {
    cursor: pointer;
    background-color: #7ebb25;
    background-image: url("./64ac00935216eb5710de6d3c_icon_weiss_pfeil-links.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    width: 50px;
    height: 50px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .slide-arrow-green-left:hover {
    background-color: #6fa81d;
  }

  .imfixed_kontakt {
    box-shadow: none;
    background-color: #0000;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    transform: translate(80%);
  }

  .kontkt-m-fixed {
    z-index: 2000;
    width: auto;
    display: block;
    inset: auto 2% 0% auto;
  }

  .mehr-text-container {
    position: relative;
    overflow: hidden;
  }

  .no-bottom-margin {
    margin-top: 0;
  }

  .einklapp-text {
    position: relative;
  }

  .textlink-mit-pfeil-down.abstand-unten-15.abstand_oben15 {
    background-image: url("./64ac00935216eb5710de6d67_icon_pfeil_16_black-down.svg");
    display: none;
  }

  .slider-arrows-absolut {
    z-index: 995;
    justify-content: space-between;
    display: flex;
    position: sticky;
    top: 125px;
  }

  .vgl-container-footer-sm-slider {
    padding-left: 3%;
    padding-right: 0;
    display: block;
    overflow: hidden;
  }

  .vgl-container-footer-sm-slider.hide {
    display: none;
  }

  .trigger-vgl-hl-hide {
    position: absolute;
    inset: auto 0% 300px;
  }

  .section-uebersicht.bg-hellgruen2 {
    overflow: hidden;
  }

  .uebersicht-container {
    flex-direction: column;
  }

  .seminar-big-kachel {
    height: auto;
  }

  .gewaehlt-marker_inpage.block.hide, .gewaehlt-marker_inpage.block-einzeilig.hide {
    display: none;
  }

  .seminar-gesamt-flex, .seminar-gesamt-flex.einzug {
    flex-direction: column;
  }

  .button-auswahl-container-inpage {
    padding-top: 5px;
    padding-bottom: 0;
  }

  .product-stage-seminar {
    display: none;
  }

  .auswahl-seminar-zweidrittel._1er {
    margin-top: 0;
    padding-top: 35px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .tab-fake-anschluss-1 {
    bottom: -51%;
  }

  ._50 {
    width: 100%;
  }

  .auswahl-seminar-horz {
    margin-top: 15px;
    padding-top: 35px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .auswahl-seminar-flex-tabs-horz {
    margin-left: 0;
    padding-top: 25px;
    padding-left: 2.5vw;
    padding-right: 4vw;
    bottom: -11px;
  }

  .seminar-spalte-rechts {
    padding-top: 35px;
    padding-left: 0;
  }

  .seminar-big_aktiv-re {
    margin-bottom: 35px;
    padding-bottom: 0;
  }

  .seminar-tab-container-horz {
    padding-top: 15px;
    padding-left: 10px;
  }

  .seminar-tab-flex-vert {
    flex-direction: row;
    align-items: center;
  }

  .dachzeile-tab {
    margin-bottom: 0;
    margin-right: 7px;
  }

  .seminar-tab-horz {
    margin-top: 0;
    display: none;
  }

  .seminar-tab-horz.w--current {
    width: 100%;
    margin-bottom: 0;
  }

  .inpage-nav-tablet, .trigger-header-tablet {
    display: none;
  }

  .sticky-inpage-nav-tablet {
    z-index: 0;
    display: none;
  }

  .product-stage-seminar-sm {
    padding-top: 35px;
    display: block;
  }

  .seminar-gesamt-flex-tab {
    z-index: 200;
    flex-direction: column;
  }

  .aushwal-btn-flex {
    justify-content: center;
    display: flex;
  }

  .tab-drop-flex {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .tab-txt {
    display: flex;
  }

  .tab-drop {
    cursor: pointer;
    background-color: #0000;
    padding: 0 1vw 0 0;
    line-height: 18px;
    display: block;
  }

  .tab-drop-label {
    color: var(--datev-petrol);
    letter-spacing: .01em;
    font-size: 15px;
    line-height: 18px;
  }

  .tab-drop-container {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .tab-drop-layer {
    z-index: 300;
    background-color: #b2dcdc;
    width: 100%;
    min-width: 480px;
    max-width: 767px;
    height: 130px;
    padding-top: 10px;
    padding-bottom: 20px;
    display: none;
    position: absolute;
    inset: 50px 0% 0%;
    box-shadow: 0 6px 5px #00000026;
  }

  .drop-link-item {
    margin-bottom: 5px;
    padding-left: 10px;
  }

  .drop-link-item:hover {
    background-color: #d0e7e780;
  }

  .seminar-drop-container-horz {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
  }

  .seminar-drop-container-horz:hover {
    background-color: #0000;
    border-radius: 0;
  }

  .seminar-gesamt-dialog {
    flex-direction: column;
  }

  .tab-txt-dialog {
    display: flex;
  }

  .inpage-nav-sm-quer-sticky-seminar {
    z-index: 1040;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 18px;
    display: none;
    position: sticky;
    top: 60px;
    box-shadow: 4px 4px 10px #0003;
  }

  .seminar-tab-container-horz-sm {
    padding-left: 10px;
    display: none;
  }

  .product-stage-seminar-module {
    display: none;
  }

  .modulauswahl-drop {
    cursor: pointer;
    background-color: #0000;
    line-height: 18px;
    display: block;
  }

  .modul-drop-container {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .modul-drop-trigger {
    cursor: grab;
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .btn-mod-flex {
    text-align: left;
    justify-content: flex-start;
    font-size: 20px;
    line-height: 28px;
  }

  .btn-txt-mod-drop {
    text-align: left;
    font-size: 16px;
    line-height: 20px;
  }

  .seminar-moduldrop-container {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
  }

  .seminar-moduldrop-container:hover {
    background-color: #0000;
    border-radius: 0;
  }

  .moduldrop-link-item {
    margin-bottom: 5px;
    padding-left: 15px;
  }

  .moduldrop-link-item:hover {
    background-color: #d0e7e780;
  }

  .modultab-drop-layer {
    min-width: 480px;
    max-width: 767px;
    padding-top: 10px;
    padding-bottom: 20px;
    display: none;
    box-shadow: 0 6px 5px #00000026;
  }

  .btn-mod-flex2 {
    font-size: 20px;
    line-height: 28px;
    display: none;
  }

  .btn-mod-flex1 {
    font-size: 16px;
    line-height: 20px;
  }

  .seminar-big-kachel-m1 {
    display: none;
  }

  .seminar-big-kachel-paket {
    text-align: left;
  }

  .product-stage-seminar-module2 {
    display: none;
  }

  .auswahl-seminar-horz-1er {
    margin-top: 15px;
    padding-top: 35px;
  }

  .half {
    width: 100%;
  }

  .foldoutbox-text-container-ohne-top {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .preis-flex {
    flex-direction: column;
  }

  .section-referenten {
    overflow: hidden;
  }

  .bullet-liste {
    padding-right: 0;
  }

  .video-text-flex {
    flex-direction: column;
  }

  .video-teaserbox-40 {
    width: 100%;
    margin-bottom: 20px;
  }

  .txt-container-60 {
    width: 100%;
    padding-left: 15px;
  }

  .termin-tabelle {
    width: 100%;
    max-width: none;
  }

  .ort {
    flex: 0 auto;
    width: 100%;
  }

  .tabel-label.last {
    display: none;
  }

  .buchen-container.versatz {
    border-top: 1px solid #ceccca;
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 15px;
    padding-left: 0;
  }

  .date-container {
    padding-bottom: 0;
  }

  .date-container._02 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

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

  .drop-flex-trigger-tabelle {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .label-flex {
    flex-direction: column;
    align-items: flex-start;
  }

  .drop-layer-tabelle {
    background-color: #b2dcdc;
    width: 100%;
    min-width: 480px;
    max-width: 767px;
    height: 130px;
    padding-top: 10px;
    padding-bottom: 20px;
    position: absolute;
    inset: 40px 0% 0%;
    box-shadow: 0 6px 5px #00000026;
  }

  .seminar-tablledrop-container {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
  }

  .seminar-tablledrop-container:hover {
    background-color: #0000;
    border-radius: 0;
  }

  .tabellen_row_trenner {
    border-bottom-color: var(--black);
    width: 100%;
    display: block;
  }

  .drop-container-sortierung {
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    display: flex;
    position: relative;
  }

  .dropdown-container-sort {
    width: 100%;
  }

  .tabelle-drop-item-neutral {
    margin-bottom: 5px;
    padding-left: 10px;
  }

  .tabelle-drop-item-neutral:hover {
    background-color: #d0e7e780;
  }

  .trigger-header-seminare {
    display: none;
  }

  .preis-container-seminar {
    padding-right: 20px;
  }

  .termingrid-slots {
    grid-template-columns: 1.75fr 2fr;
    grid-auto-columns: 1fr;
  }

  .modulauswahl-drop-inpage {
    cursor: pointer;
    padding: 0 1vw 0 0;
    display: block;
  }

  .drop-flex-trigger-inpage {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .modul-drop-container-inpage {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .btn-txt-mod-drop-kurz {
    font-size: 16px;
    line-height: 20px;
    display: block;
  }

  .seminar-moduldrop-container-inpage {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
  }

  .seminar-moduldrop-container-inpage:hover {
    background-color: #0000;
    border-radius: 0;
  }

  .btn-txt-mod-drop-inpage2 {
    font-size: 16px;
    line-height: 20px;
  }

  .product-stage-semianr-module-sm {
    padding-top: 45px;
    display: block;
  }

  .section-details-preise-tablet {
    display: none;
  }

  .seminar-big-einzeln {
    height: auto;
  }

  .drop-layer-btns {
    width: 100%;
    min-width: 480px;
    max-width: 767px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
  }

  .drop-layer-seminar {
    background-color: #74b8b8;
    width: 100%;
    min-width: 480px;
    max-width: 767px;
    margin-left: -5vw;
    padding: 15px 15px 20px;
    display: none;
    position: absolute;
    top: 105px;
    box-shadow: 0 6px 6px #0003;
  }

  .modultab-drop-layer-inpage {
    max-width: 767px;
    padding-top: 5px;
    padding-bottom: 10px;
    display: block;
    box-shadow: 0 6px 5px #00000026;
  }

  .fixed_cta_sm {
    background-color: #4b5059cc;
    width: 100%;
    display: block;
  }

  .fixed-cta-kontakt {
    z-index: 2000;
    width: 100%;
    min-width: 480px;
    max-width: 767px;
    display: block;
    inset: auto 0% 0%;
  }

  .btn-kontakt-flex {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .kontakt-inhalt-sm {
    padding-left: 0;
  }

  .kontakt-ico-flex-sml {
    margin-right: 15px;
    font-size: 20px;
  }

  .contact-container-sm--single {
    background-color: var(--datev-petrol);
    opacity: .8;
    background-image: url("./64ac00935216eb5710de6cb1_icon_chat_white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 40px;
    border-radius: 50%;
    flex: none;
    align-self: center;
    width: 60px;
    height: 60px;
    margin-left: 25px;
    margin-right: 15px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    box-shadow: 1px 1px 10px #0003;
  }

  .kontakt-box-aufgeklappt-mobile-single {
    justify-content: flex-end;
    width: 80%;
    height: 60px;
    padding-right: 25px;
    display: block;
    left: 0;
    right: 25px;
    transform: none;
  }

  .kontakt-box-petrol-single {
    justify-content: space-between;
    align-items: center;
    height: 60px;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .button-auswahl-container-fixed {
    color: var(--black);
    justify-content: space-between;
    padding-bottom: 0;
  }

  .modultab-drop-layer-footer {
    max-width: 767px;
    padding-top: 5px;
    padding-bottom: 10px;
    display: block;
    inset: -190px 0% auto;
    box-shadow: 0 -6px 5px #00000026;
  }

  .modulauswahl-drop-footer {
    cursor: pointer;
    width: 55%;
  }

  .button-im-footer {
    flex: 1;
    margin-left: 15px;
  }

  .kontakt-close-single {
    margin-top: 0;
  }

  ._20 {
    width: 20%;
  }

  .section-details-preise-sm {
    display: block;
    overflow: hidden;
  }

  .time-eintrag {
    margin-left: 0;
  }

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

  .platz-label {
    display: block;
  }

  .section-termine-tablet.bg-green {
    display: none;
  }

  .termingrid-label-sticky {
    grid-template-columns: 1.5fr 1fr 1fr .75fr;
    grid-auto-columns: 1fr;
  }

  .section-termine-tablet-fixed.bg-green {
    display: none;
    top: 20px;
  }

  .section-termine-sm.bg-green {
    background-color: #e9f6d6;
    display: block;
    overflow: hidden;
  }

  .section-termine-sm-sticky.bg-green {
    background-color: #e9f6d6;
    display: block;
    top: -150px;
  }

  .product-stage-seminar-tablet, .product-stage-seminar-module-tablet {
    display: none;
  }

  .button-primaer-dna20 {
    padding-bottom: 14px;
    font-size: 18px;
  }

  .vardrop-trigger {
    cursor: grab;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .vardrop-flex-trigger {
    justify-content: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 20px;
    display: flex;
  }

  .video-area {
    height: auto;
  }

  .video-stage {
    width: 100%;
    margin-bottom: 20px;
  }

  .video-full-stage {
    height: auto;
    margin-top: 25px;
    padding-left: 0;
  }

  .video-verlauf {
    display: block;
  }

  .ico-produkt {
    width: 70px;
  }

  .produkt-ico-container {
    width: 70px;
    height: 70px;
  }

  .button-primaer-petrol2 {
    padding-bottom: 14px;
    font-size: 18px;
  }

  .button-primaer-petrol2.full {
    width: 100%;
  }

  .button-primaer-petrol1 {
    padding-bottom: 14px;
    font-size: 18px;
  }

  .inpage-anker-leuchtturm {
    flex: none;
    align-self: center;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .inpage-anker-leuchtturm.w--current {
    padding-bottom: 6px;
  }

  .typogross-black {
    line-height: 24px;
  }

  .typogross-semibold-black {
    font-size: 18px;
    line-height: 24px;
  }

  .button-sekundaer-black4-linear {
    flex: 1;
  }

  .drop-container-sortierung-leuchtturm {
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    display: flex;
    position: relative;
  }

  .section-contentboxen.bg-white {
    padding-bottom: 1px;
    overflow: hidden;
  }

  .warn-box {
    height: 300px;
  }

  .subline-petrol2 {
    text-align: left;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 26px;
  }

  .product_subline_petrol2 {
    display: none;
  }

  .dachzeile-tab-black, .dachzeile-black {
    margin-bottom: 0;
    margin-right: 7px;
  }

  .product_subline_marktplatz-alt, .product_subline_black {
    display: none;
  }

  .vorteil-subline-h3-black {
    line-height: 22px;
  }

  .h3-product-fav-petrol2 {
    font-size: 16px;
  }

  .vgl-header-leuchtturm {
    height: 250px;
  }

  .tabellenzeile-leuchtturm {
    box-shadow: none;
    width: 299%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
    top: 108px;
    transform: translate(0);
  }

  .typo_petrol1 {
    margin-bottom: 5px;
    font-size: 22px;
  }

  .footer-link-black {
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .section-padding-home {
    padding-top: 50px;
  }

  .button-primaer-invers, .button-primaer-berry6, .button-primaer-green7 {
    padding-bottom: 14px;
    font-size: 18px;
  }

  .image-17 {
    width: 100%;
  }

  ._4er-usp--kachel {
    width: 100%;
    margin-bottom: 4%;
  }

  .fifty-flex-bis-tablet2 {
    flex-direction: column;
  }

  .fifty-flex-bis-tablet2.goofy {
    flex-direction: column-reverse;
  }

  .fifty-flex-bis-tablet3 {
    flex-direction: column;
  }

  .fifty-flex-bis-tablet3.goofy {
    flex-direction: column-reverse;
  }

  ._5er-usp--kachel {
    width: 100%;
    margin-bottom: 4%;
  }

  .button-primaer-datevgreen9, .button-primaer-azur7 {
    padding-bottom: 14px;
    font-size: 18px;
  }

  .anker-kachel {
    width: 100%;
    margin-bottom: 4%;
  }

  .anker-kachel.single {
    width: 100%;
    margin-bottom: 15px;
  }

  .anker-kachel.single-100 {
    margin-bottom: 15px;
  }

  .description-txt {
    padding-right: 0;
  }

  .button-primaer-petrol2-sml, .button-primaer-petrol2-big, .button-primaer-amber10 {
    padding-bottom: 14px;
    font-size: 18px;
  }

  .erweiterte-cta-box, .buybox, .kontaktbox {
    width: 100%;
    margin-bottom: 4%;
  }

  .teaser-content.bg-white {
    overflow: hidden;
  }

  .anker-kachel-sml {
    width: 100%;
    margin-bottom: 4%;
  }

  .section-produktvergleich.bg-white {
    padding-bottom: 1px;
    overflow: hidden;
  }

  .foldout-flex-plus.ohne-linie-bottom {
    padding-right: 0;
  }

  .ueberschriftgroesse3-black, .ueberschriftgroesse3-alt {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 26px;
  }

  .subline-black {
    text-align: left;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 26px;
  }

  .typogross-black-semibold {
    line-height: 24px;
  }

  .modul-drop-container-2 {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .modultab-drop-layer-2 {
    min-width: 480px;
    max-width: 767px;
    padding-top: 10px;
    padding-bottom: 20px;
    display: none;
    box-shadow: 0 6px 5px #00000026;
  }

  .dropdown-invers-big {
    cursor: pointer;
    background-color: #0000;
    line-height: 18px;
    display: block;
  }

  .btn-txt-drop {
    text-align: left;
    font-size: 16px;
    line-height: 20px;
  }

  .modul-drop-container-2-copy {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .btn-txt-drop-standard, .btn-txt-drop-zg {
    text-align: left;
    font-size: 16px;
    line-height: 20px;
  }

  .modul-drop-containe-big {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .moduldrop-link-item-big {
    margin-bottom: 5px;
    padding-left: 15px;
  }

  .moduldrop-link-item-big:hover {
    background-color: #d0e7e780;
  }

  .btn-txt-drop-zg-wp, .btn-txt-drop-zg-stb {
    text-align: left;
    font-size: 16px;
    line-height: 20px;
  }

  .logo_imsticky_bereich {
    margin-bottom: 15px;
  }

  .inpage-label {
    flex: none;
    align-self: center;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .inpage-label.w--current {
    padding-bottom: 6px;
  }

  .dropdown-neben-logo {
    cursor: pointer;
    background-color: #0000;
    line-height: 18px;
    display: block;
  }

  .modul-drop-logo {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .btn-txt-drop-aktuelles {
    text-align: left;
    font-size: 16px;
    line-height: 20px;
  }

  .navmaster-static {
    margin-left: auto;
    margin-right: auto;
  }

  .btn-txt-drop-zg-stb2, .btn-txt-drop-lohn1, .btn-txt-drop-lohn2 {
    text-align: left;
    font-size: 16px;
    line-height: 20px;
  }

  .dropdown-invers {
    cursor: pointer;
    background-color: #0000;
    line-height: 18px;
    display: block;
  }

  .modul-drop-containe-big-copy {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .bullet-list {
    padding-right: 0;
  }

  .kachel-full {
    width: 100%;
    margin-bottom: 4%;
  }

  .productkachel-voll, .productkachel-horz {
    text-align: center;
    width: 100%;
  }

  ._4er-kachel {
    width: 100%;
    margin-bottom: 4%;
  }

  .some-container.left.abstand-unten-15 {
    margin-top: 20px;
  }

  .some-container.left.abstand-unten-15.hide {
    display: block;
  }

  .some-container.full {
    width: 100%;
  }

  .datev-logo-sticky {
    margin-bottom: 15px;
  }

  .hero-text.schrift-weiss.boxpadding {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .hero-text.boxpadding {
    top: 20px;
  }

  .hero-bildung-content {
    height: 29rem;
  }

  .button-wrap.left.abstand-unten-15 {
    margin-top: 20px;
  }

  .button-wrap.left.abstand-unten-15.hide {
    display: block;
  }

  .button-wrap.full {
    width: 100%;
  }

  .hero-content-flex {
    padding-bottom: 120px;
  }

  .button-petrol {
    padding-bottom: 14px;
    font-size: 18px;
  }

  .button-petrol.abstand-unten-10 {
    font-size: 20px;
    font-style: normal;
    line-height: 28px;
  }

  .meldung-icon {
    width: 40px;
  }

  .kachel-bg.padding {
    padding-top: 15px;
  }

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

  .icon-wrap {
    justify-content: center;
    width: 120px;
    height: auto;
  }

  .textlink-wrap.left.abstand-unten-15 {
    margin-top: 20px;
  }

  .textlink-wrap.left.abstand-unten-15.hide {
    display: block;
  }

  .textlink-wrap.full {
    width: 100%;
  }

  .niveau-nachweis-text {
    text-align: left;
  }

  .kursbeschreibung {
    min-height: auto;
    margin-bottom: 1.25rem;
  }

  .footer {
    padding-bottom: 0;
  }

  .logo-claim-wrap.w--current {
    grid-column-gap: 15px;
  }

  .plattform-kategorie-txt {
    font-size: 20px;
  }

  .kursschaufenster-kachel {
    margin-bottom: 1.25rem;
  }

  .kurs-txt-2 {
    width: 100%;
  }

  .nachweis-icon-wrap {
    flex-direction: column;
    width: 100%;
    min-height: auto;
    margin-top: 25px;
  }

  .kurs-daten-flex {
    flex-direction: column;
  }

  .nachweis-ico-txt {
    flex-direction: row;
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    position: relative;
    top: 0;
  }

  .header-abstand {
    pointer-events: none;
    display: none;
  }

  ._3er-grid-mit-bg {
    grid-row-gap: 1.875rem;
    grid-template-columns: 1fr;
  }

  .kursnachweis-icon-90 {
    position: relative;
  }

  .popup-container-students {
    display: none;
  }

  .hero-unterseite-img {
    width: 60%;
    margin-top: -20px;
  }

  .media-txt-flex {
    flex-direction: column-reverse;
    align-items: center;
  }

  .media-txt-flex.left {
    flex-direction: column;
  }

  .media-wrap {
    width: 100%;
    margin-bottom: 25px;
  }

  .txt-wrap {
    width: 100%;
  }

  .db-anker-kachel {
    width: 100%;
    margin-bottom: 4%;
  }

  .lexinform-edu-bg.sectionpadding, .lexinform-onpremise.sectionpadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .hinweis-benutzerkonto.abstand_oben15 {
    width: 100%;
  }

  .crosslink-icon {
    width: 110px;
    height: 110px;
  }

  .crosslink-flex {
    padding-top: 0;
    padding-bottom: 0;
  }

  .crosslink-pfeil {
    flex: none;
  }

  .datenbank-zugriff.sectionpadding, .datenbank-zugriff.sectionpadding-80-60 {
    padding-top: 40px;
  }

  .zugriff-grafik-grid {
    grid-column-gap: 15px;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .lexinform-circle-img {
    display: none;
  }

  .zugriff-txt-img-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .hero-unterseite-flex {
    flex-direction: column-reverse;
  }

  .zertifikat-bg.sectionpadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .fibu-vorteile-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .zert-badge-icon {
    width: 50%;
  }

  .hero-news-content {
    height: 38vh;
  }

  .hero-news-flex {
    flex-direction: column;
  }

  .hero-news-img {
    z-index: 1000;
    width: 100%;
    position: absolute;
    inset: auto 0% -10.8rem;
  }

  .autorbox {
    width: 100%;
    margin-bottom: 4%;
  }

  .anker-kacheln-flex {
    flex-direction: column;
  }

  .anker-kachel-2 {
    width: 100%;
    margin-bottom: 4%;
  }

  .hero-unterseite-bg.petrol1-ohne-verlauf {
    overflow: visible;
  }

  .verlauf-head {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .img-rund.abs {
    width: 100px;
    height: 100px;
    margin-left: 30px;
    margin-right: 20px;
    position: relative;
    top: 15px;
  }

  .back-to-top-container {
    pointer-events: none;
    bottom: 10px;
  }

  .back-to-top-flex {
    pointer-events: none;
  }

  .back-to-top-ico {
    pointer-events: auto;
  }

  .zielgruppebox-lernende {
    width: 100%;
    margin-bottom: 4%;
  }

  .inpage-nav-vertical {
    padding-left: 3vw;
    display: none;
  }

  .absolut-container-2 {
    display: none;
  }

  .nav-item-rund {
    margin-right: 9px;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 18px;
  }

  .nav-list {
    flex-direction: column;
    margin-right: 21px;
    padding-bottom: 15px;
  }

  .inpage-nav_wrap {
    display: none;
  }

  .fuehrerschein {
    margin-top: 40px;
  }

  .zielgruppebox-unterrichtende {
    width: 100%;
    margin-bottom: 4%;
  }

  .zielgruppenbanderole-lernende {
    width: 50%;
    margin-bottom: 4%;
    padding-left: 1.8rem;
  }

  .zielgruppenbanderole-unterichtende {
    margin-bottom: 4%;
  }

  .bg-dunkelgruen2.sectionpadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wissensnachweis-kacheln-flex {
    flex-wrap: wrap;
  }

  .wissensnachweis-kachel {
    width: 100%;
    min-height: 200px;
    margin-bottom: 2%;
  }

  .badge-image-wrap {
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
    position: relative;
  }

  .wissensnachweis-text-wrap {
    text-align: center;
    margin-bottom: 10px;
  }

  .ausgabevarianten.sectionpadding, .bescheinigung-bg.sectionpadding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .wissensnachweis-kachel-content {
    flex-direction: column;
    min-height: 165px;
  }

  .text-color-black {
    margin-top: 10px;
  }

  .meldung-warnung, .meldung-info {
    justify-content: space-between;
  }

  .info-box-gruen {
    height: 300px;
  }

  .tipp-tricks.sectionpadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .stoerer-buchtipp {
    left: -1rem;
  }

  .fachliteratur-grid {
    grid-template-rows: 1fr 1fr auto;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 44.33rem;
  }

  .literatur-txt-li {
    text-align: left;
  }

  .fachliteratur-lernender {
    justify-content: center;
    max-width: 44.338rem;
    display: flex;
  }

  .fachlitertaur-lernenender-img {
    align-self: center;
    width: 60%;
    max-width: 44.338rem;
    margin-left: auto;
    margin-right: auto;
  }

  .fachliteratur-txt-img-wrap {
    grid-row-gap: 10px;
    height: 80%;
  }

  .literatur-txt-re {
    height: 37%;
  }

  .bildungspartnerschafts-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 44.338rem;
  }

  .bildungspartnerschaft_img {
    position: static;
  }

  .lernender-img {
    width: 166px;
  }

  .plattform-kategorie-dark {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    justify-content: space-between;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .plattform-kachel-grid-4er {
    grid-template-columns: 1fr;
  }

  .nachweis-label {
    text-align: left;
    justify-content: flex-start;
  }

  .fixed-inpage, .sticky-inpage-nav-bildung {
    display: none;
  }

  .inpage-anker-bildung {
    flex: none;
    align-self: center;
    height: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.125rem;
  }

  .inpage-anker-bildung.w--current {
    padding-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
  }

  .sticky-inpage-nav-bildung-copy {
    display: none;
  }

  .inpage-trigger-fixed {
    width: 1px;
  }

  .fixed-inpage-nav-bildung, .sticky-inpage-nav-bildung-oben {
    display: none;
  }

  .inpage-sticky-bildung-oben {
    display: none;
    box-shadow: 0 2px 5px #0003;
  }

  .zert-platzhalter-ico {
    width: 60%;
    position: relative;
    top: 6px;
  }

  .burger-trigger {
    z-index: 9999;
    pointer-events: auto;
  }

  .burger-strich_25-1, .burger-strich_25-2, .burger-strich_25-3 {
    background-color: currentColor;
  }

  .burgernav-coldgray {
    width: 100%;
    position: static;
    left: auto;
  }

  .subnavpunkt-burger {
    padding-left: 2.5rem;
  }

  .subnavpunkt-burger.w--current {
    padding-left: 2rem;
  }

  .burger-subfoldout-coldgray {
    padding-right: 1.875rem;
  }

  .burger-inhalt-coldgray.content3vw {
    height: 60svh;
    overflow: auto;
  }

  .nav-burger-trigger {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .ausklapp-trigger-rund {
    display: none;
  }

  .heading-2 {
    font-size: 28px;
  }

  .ausklapp-trigger-sm {
    justify-content: flex-end;
    width: 30%;
    margin-top: 0;
    display: flex;
  }

  .ico-35 {
    width: 2.188rem;
  }

  .text-nachweis {
    margin-left: 10px;
  }

  .linie-gestrichelt-mobil {
    display: none;
  }

  .lexinform-circle-img-mobil {
    justify-content: center;
    width: 30%;
    height: 30%;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .bildungspartner-datev-img {
    align-self: center;
    width: 80%;
    max-width: 44.338rem;
    margin-left: auto;
    margin-right: auto;
  }

  .bildungspartner-txt-img-wrap {
    grid-row-gap: 10px;
    height: 80%;
  }

  .hausarbeit-bg.sectionpadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bild-container-anker {
    display: none;
  }

  .img-spacer-mobil {
    height: 9rem;
    display: block;
  }

  .fehler.sectionpadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .fehler-flex.left {
    flex-direction: column;
  }

  .flex-inpage {
    flex-direction: column;
    max-width: 767px;
    position: relative;
    overflow: auto;
  }

  .container-inpage {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .inpage-label-sm {
    color: var(--dunkelgruen4);
    letter-spacing: .03rem;
    font-size: 1.125rem;
    display: block;
  }

  .inpage-head-trigger {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
    display: flex;
  }

  .inpage-head-trigger:hover {
    opacity: .75;
  }

  .pfeil-inpage {
    width: 22px;
    margin-left: 10px;
  }

  .spacer25 {
    height: 25px;
  }

  .line-inpage {
    background-color: #98d6d566;
    flex: none;
    width: 100%;
    max-width: 767px;
    height: 1px;
    margin-top: 10px;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
  }

  .info-box-gruen2 {
    height: 300px;
  }

  .meldung-warnung2, .meldung-info2 {
    justify-content: space-between;
  }

  .warn-box2 {
    height: 300px;
  }

  .contentwrapper-full {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .contentwrapper-full.bg-petrol2.inapge {
    box-shadow: 0 3px 5px #0003;
  }

  .container-fullsize {
    width: 100%;
    max-width: 767px;
  }

  .nav-level2-2.w--current {
    margin-left: -1.875rem;
    padding-left: 24px;
  }

  .inpage-sticky-bildung-mobil {
    width: 100%;
    max-width: 767px;
    height: auto;
    max-height: 330px;
    display: block;
    position: relative;
    top: 0;
    overflow: auto;
  }

  .sticky-inpage-container-mobil {
    z-index: 10;
    max-width: 767px;
    display: block;
    position: fixed;
    inset: 0%;
  }

  .stick-abstand {
    max-width: 767px;
    height: 70px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: relative;
    inset: 0%;
  }

  .inpage-abstand-mobil {
    width: 1px;
  }

  .inpage-gradient-scroll {
    background-image: linear-gradient(180deg, #00595c00, var(--petrol2));
    height: 120px;
    position: relative;
    bottom: 32%;
    left: 0%;
    right: 0%;
  }

  .border-transparent-kachel {
    min-height: 200px;
  }

  .border-transparent-radius-anker-kachel {
    width: 100%;
  }

  .skiplinks-flex {
    flex-flow: wrap;
    max-width: 767px;
  }

  .weitere-hilfe.sectionpadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

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

  .content3vw {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .boxpadding {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .boxpadding.nomobile {
    padding-left: 0;
    padding-right: 0;
  }

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

  .burger-strich_3 {
    position: absolute;
  }

  .navpunkt-im-burger {
    align-items: flex-start;
  }

  .burger {
    max-height: 650px;
  }

  .burger-strich_2 {
    position: absolute;
  }

  .burger-strich_1 {
    width: 20px;
    position: absolute;
  }

  .logo-container {
    width: 40px;
  }

  .burgernav {
    display: none;
  }

  .mega-flex.zielgruppen-mega {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .sectionpadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .typoklein.abstand-unten-5.left {
    text-align: left;
  }

  .ueberschriftgroesse3.ohne-abstand {
    margin-bottom: 0;
  }

  .pfeillink-dunkel {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
  }

  .zielgruppen-button-flex {
    justify-content: flex-end;
    padding-right: 150px;
  }

  .zielgruppen-button-flex.content5vw.half, .zielgruppen-button-flex.content5vw.full {
    justify-content: center;
  }

  .anchor {
    margin-top: -50px;
  }

  .introblock {
    text-align: left;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 18px;
  }

  .introblock.content3vw {
    width: 100%;
  }

  .rundungs-container {
    background-color: #4b5059;
    width: 10px;
    display: none;
    position: relative;
  }

  .zielgruppen-schliessen-button {
    margin-right: 5vw;
  }

  .schliessen-button-img {
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
  }

  .rundbildteaser-img {
    width: 50%;
    height: 50%;
  }

  .rundbildteaser-img.klein {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-flex {
    flex-direction: column;
  }

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

  .linkbox-flex:hover {
    background-color: #0000;
  }

  .abstand-unten-25 {
    margin-bottom: 15px;
  }

  .zwischenheader_container {
    padding-top: 30px;
    padding-bottom: 10px;
  }

  .zwischenheader_container.no-topmargin {
    text-align: center;
    margin-bottom: 15px;
    padding-top: 0;
  }

  .claim {
    margin-top: -5px;
    margin-left: -7px;
    font-size: 7px;
    line-height: 10px;
  }

  .zg-lasche_1 {
    background-color: var(--coldgray8);
    color: var(--white);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-top: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .teaser_ellen {
    flex-direction: column;
  }

  .footer-link {
    text-align: center;
  }

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

  .footer-flex.bottom {
    margin-bottom: 40px;
    padding-bottom: 30px;
  }

  .footer-flex.middle.content3vw.section-padding-unten {
    margin-bottom: 25px;
  }

  .footer-flex.bottom_last {
    margin-bottom: 40px;
    padding-bottom: 30px;
  }

  .footer-middle {
    width: 100%;
  }

  .footer-left {
    text-align: center;
  }

  .social-media-button-footer {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }

  .footer-link-box {
    width: 100%;
  }

  .footer-icon-gross {
    width: 45px;
    margin-right: 10px;
  }

  .footer-icon-box-gross {
    flex-direction: row;
    width: 100%;
    margin-bottom: 5px;
    padding-left: 0;
  }

  .zielgruppen-kachel_home {
    border-radius: 10px;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 2px 2px 20px #0000001a;
  }

  .boxpadding_25 {
    padding: 16px 20px;
  }

  .video-zweier-flex {
    flex-direction: column;
  }

  .video-teaserbox-halb {
    width: 100%;
    margin-bottom: 20px;
  }

  .claim-flaeche {
    height: 25px;
  }

  .experten-flex {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .bis-mobile-quer {
    display: none;
  }

  .mobile {
    display: block;
  }

  .video-section-home {
    padding-top: 30px;
  }

  .mobile-txt-right-container {
    width: 100%;
    padding-top: 8px;
    padding-left: 0;
  }

  .cta-invers {
    background-image: url("./64ac00935216eb5710de6c2b_icon_weiss_pfeil-rechts.svg");
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 18px;
    border-width: 0;
    margin-right: 11px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .cta-invers:hover {
    box-shadow: none;
    background-image: none;
  }

  .cta-invers:active {
    background-image: none;
    transform: none;
  }

  .berufsgruppen_supercontainer {
    display: none;
  }

  .berufsgruppen_mobil {
    display: block;
  }

  .cookie-hinweis {
    padding-top: 100px;
  }

  .cookie-flex {
    flex-direction: column;
  }

  .cookie-child-left {
    width: 100%;
  }

  .cookietext {
    font-size: 12px;
    line-height: 18px;
  }

  .foldout-flex:hover {
    background-color: #0000;
  }

  .foldoutbox-text-container {
    flex: 0 auto;
    width: 100%;
    padding: 10px 0;
  }

  .checkboxlabel {
    padding-top: 2px;
  }

  .footer4 {
    padding-bottom: 120px;
  }

  .portal-flex {
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 20px;
  }

  .portal-kachel {
    width: 100%;
    margin-bottom: 4%;
  }

  .kachel-content {
    padding-left: 15px;
  }

  .cta-icon-element {
    display: none;
  }

  .cta-icon-element_mehr {
    margin-right: 25px;
    display: block;
  }

  .preiscallc-box-elemente {
    text-align: center;
    margin-bottom: 10px;
    padding-right: 0;
  }

  .select-btn {
    background-image: none;
    justify-content: space-between;
    display: flex;
  }

  .image-10 {
    width: 25px;
  }

  .tel-kont-tablet {
    display: none;
  }

  .video-teaserbox_rounded {
    width: 100%;
    margin-bottom: 10px;
  }

  .video-bu.boxpadding_15top {
    height: 140px;
  }

  .linklist-text-container {
    padding: 10px 0;
  }

  .link-list {
    padding-left: 0;
  }

  .typo-18.vorteil {
    line-height: 24px;
  }

  .produkt_imfixed_flex2 {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
  }

  .contact-container-touch {
    flex: none;
    margin-left: 10px;
    display: none;
  }

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

  .fragen-ico2 {
    width: 50px;
    margin-left: 0;
  }

  .slider_scrollbreite_slider {
    width: 1000px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .subline-info-flex {
    margin-right: 0;
  }

  .contact-container-sm {
    flex: none;
    margin-left: 0;
  }

  .info-ico-mobile {
    padding-top: 5px;
  }

  .imfixed_flex_sm.maxbreite.content3vw {
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .foldoutbox-head {
    padding-top: 0;
    padding-right: 0;
  }

  .portal-section-light.content5vw {
    padding-top: 20px;
  }

  .portal-kachel-light {
    width: 100%;
    margin-bottom: 4%;
  }

  .button-primaer_green_mobil {
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .preiscalc-line {
    flex-direction: column;
  }

  .preiscalc-line.ohne {
    min-width: 200px;
  }

  .dreieck_preiscalc-tip {
    margin-left: 50%;
    display: none;
  }

  .preiscallc-box-elemente-preis, .preiscallc-box-elemente1 {
    text-align: center;
    margin-bottom: 10px;
    padding-right: 0;
  }

  .testimonial-img-container-white {
    width: auto;
    padding-bottom: 30px;
  }

  .video-kundenstimme {
    width: 100%;
    margin-bottom: 20px;
  }

  .left-arrow-2, .right-arrow-2 {
    top: 36%;
  }

  .hl-stage.seminar {
    line-height: 46px;
  }

  .text-container {
    padding-left: 0;
    padding-right: 0;
  }

  .content-fullsize {
    min-width: 360px;
    max-width: 479px;
  }

  .anker-flex {
    text-align: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
  }

  .inpage-anker {
    align-self: stretch;
    line-height: 18px;
  }

  .anker-txt {
    font-size: 16px;
    line-height: 18px;
  }

  .vorteil-subline-h3 {
    margin-bottom: 10px;
    font-size: 22px;
  }

  .hl-kontakt-big.white {
    font-size: 18px;
  }

  .ueberschriftgroesse3-2 {
    font-size: 18px;
    line-height: 22px;
  }

  .h2 {
    font-size: 26px;
  }

  .varianten-flex {
    padding-bottom: 15px;
  }

  .varianten-kachel, .varianten-kachel.lightest-petrol {
    width: 180px;
  }

  .abschnitt-vgl.last {
    border-top-color: #000;
    border-bottom-width: 1px;
  }

  .abschnitt-vgl.farbe-petrol {
    background-color: #eef8f8;
  }

  .abschnitt-vgl.farbe-petrol.last {
    border-bottom-width: 1px;
  }

  .vgl-header-trigger {
    height: 40px;
    padding-top: 5px;
  }

  .linkliste:hover {
    background-color: #0000;
  }

  .hl-box-kontakt {
    padding-left: 12px;
    padding-right: 18px;
  }

  .sticky_aufhalter {
    height: 65px;
  }

  .foldoutbox-mehr-container {
    flex: 0 auto;
    width: 100%;
    padding: 10px 0;
  }

  .info-icon-hl {
    width: 50px;
    margin-bottom: 0;
  }

  .detail-container, .detail-container-flex {
    flex-direction: column;
  }

  .preis-big {
    font-size: 32px;
  }

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

  .dreieck_preiscalc2 {
    display: block;
    top: 85%;
    left: 47%;
  }

  .preiscalc-box_3, .preiscalc-box_4 {
    flex-direction: column;
  }

  .dreieck_preiscalc3 {
    margin-left: 50%;
    display: none;
  }

  .monitor-container {
    min-height: 270px;
  }

  .screen-container {
    max-height: 250px;
  }

  .lupe-container {
    width: 80px;
    margin-top: -105px;
    top: 64%;
  }

  .varianten-vgl-flex2 {
    width: auto;
  }

  .varianten-kachel-label {
    border-bottom: 0 solid #000;
    width: 150px;
    position: sticky;
    right: 200px;
  }

  .vgl-row-2 {
    align-items: center;
  }

  .kachel-gesamtflex {
    width: 370px;
  }

  .gesamtflex-header-sticky {
    margin-left: 0;
    margin-right: 0;
    padding-top: 30px;
    padding-left: 0;
  }

  .varianten-vgl-flex-sticky {
    width: auto;
  }

  .dreieck_preiscalc-tablet {
    margin-left: 50%;
    display: none;
  }

  .preiscallc-box-elemente-gesamt, .x-container {
    text-align: center;
    margin-bottom: 10px;
    padding-right: 0;
  }

  .slider-screenhots-sm {
    min-height: 320px;
  }

  .section-varianten-preis-smartphonepy.bg-lightpetrol, .section-varianten-preis-smartphonepy.bg-hellpetrol-full {
    overflow: hidden;
  }

  .sticky_aufhalter-mobil {
    height: 65px;
  }

  .kontakt-box-aufgeklappt-mobile {
    padding-right: 15px;
  }

  .trigger-header-mobil {
    height: 1050px;
  }

  .produktkachel-1er {
    text-align: left;
    height: 310px;
  }

  .produktkachel-plcaholder {
    width: 49%;
  }

  .zg-lasche_mobil {
    color: var(--white);
    background-color: #4b5059;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-top: 14px;
    margin-right: 30px;
    padding-left: 10px;
    padding-right: 10px;
    position: static;
  }

  .section-variantenvergleich-sm-liste {
    max-width: 479px;
  }

  .vgl-header-single {
    height: 100px;
  }

  .varianten-kachel-single {
    width: 180px;
  }

  .varianten-kachel-single.lightest-petrol, .varianten-kachel-single.lightest-grey {
    width: 100%;
  }

  .h3-product-fav-single {
    margin-top: 0;
  }

  .vgl-header-trigger-single {
    height: 40px;
    padding-top: 10px;
  }

  .vgl-row-single {
    align-items: center;
    padding: 6px 15px 8px 35px;
  }

  .vgl-row-single.first {
    margin-top: 0;
  }

  .single-header-sticky {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .drop-layer {
    min-width: 330px;
    max-width: 449px;
    margin-left: auto;
    margin-right: auto;
    top: 64px;
  }

  .anker-mobil-list-quer {
    flex-direction: column;
  }

  .anker-txtlabel {
    font-size: 16px;
    line-height: 18px;
  }

  .padding-vgl-mobil-single {
    padding-left: 0;
    padding-right: 0;
  }

  .inpage-anker-tab {
    line-height: 18px;
  }

  .slider-zusatzprodukte-sm-pfeile {
    display: none;
  }

  .productkachel-1er {
    text-align: left;
    height: 310px;
  }

  .slider-zusatzprodukte-sm-pfeile-hochopy {
    height: 390px;
    display: block;
  }

  .section-variantenvergleich-sm-slider {
    max-width: 479px;
  }

  .vgl-produkt-slide._01 {
    padding-left: 1.2%;
  }

  .slide-arrow-container {
    margin-top: 62px;
  }

  .slide-arrow-container.left {
    margin-top: 0;
    margin-left: 1%;
    margin-right: 0%;
  }

  .slide-arrow-container.right {
    margin-top: 0;
    margin-right: 1%;
  }

  .slide-arrow-green-right {
    position: sticky;
  }

  .imfixed_kontakt {
    justify-content: flex-start;
    padding-left: 15px;
    transform: translate(80%);
  }

  .no-bottom-margin {
    margin-bottom: 20px;
  }

  .slider-arrows-absolut {
    max-width: 479px;
    top: 120px;
  }

  .vgl-container-footer-sm-slider {
    padding-left: 0;
    padding-right: 0;
    top: 0;
  }

  .trigger-vgl-hl-hide {
    bottom: 400px;
  }

  .section-uebersicht.bg-hellgruen2 {
    padding-top: 0;
  }

  .button-auswahl-container-inpage {
    justify-content: space-between;
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .tab-fake-anschluss-1 {
    bottom: -36%;
  }

  .auswahl-seminar-horz {
    padding-top: 20px;
  }

  .auswahl-seminar-flex-tabs-horz {
    padding-top: 10px;
  }

  .seminar-tab-container-horz {
    display: none;
  }

  .seminar-tab-flex-vert {
    flex-direction: column;
    align-items: flex-start;
  }

  .seminar-tab-horz.w--current {
    display: block;
  }

  .product-stage-seminar-sm {
    padding-top: 45px;
  }

  .aushwal-btn-flex {
    padding-top: 10px;
  }

  .tab-drop-flex {
    align-items: center;
  }

  .tab-drop-label {
    font-size: 16px;
    line-height: 18px;
  }

  .tab-drop-layer {
    min-width: 340px;
    max-width: 469px;
    height: 190px;
    display: block;
    inset: 96% 0% 0%;
  }

  .tab-txt-dialog {
    display: none;
  }

  .inpage-nav-sm-quer-sticky-seminar {
    padding: 0 0 0 0;
    display: none;
  }

  .seminar-tab-container-horz-sm {
    max-width: 469px;
    display: block;
  }

  .btn-txt-mod-drop {
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
  }

  .modultab-drop-layer {
    min-width: 305px;
    max-width: 479px;
    display: block;
  }

  .auswahl-seminar-horz-1er {
    padding-top: 20px;
  }

  .table-column {
    padding-top: 10px;
  }

  .foldoutbox-text-container-ohne-top {
    flex: 0 auto;
    width: 100%;
    padding: 10px 0;
  }

  .preis-flex {
    padding-bottom: 15px;
  }

  .foldout-flex-sml:hover {
    background-color: #0000;
  }

  .video-text-flex {
    flex-direction: column;
  }

  .video-teaserbox-40 {
    width: 100%;
    margin-bottom: 20px;
  }

  .termin-tabelle {
    max-width: 429px;
  }

  .ort {
    width: 100%;
    padding-left: 15px;
    font-size: 15px;
    line-height: 18px;
  }

  .tabel-label {
    padding-left: 15px;
  }

  .tabel-label.platz {
    display: none;
  }

  .buchen-container.versatz {
    margin-left: 0;
    margin-right: 0;
  }

  .date-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .platzcontainer {
    padding-left: 15px;
    font-size: 15px;
  }

  .label-flex {
    flex-direction: column;
    align-items: flex-start;
  }

  .drop-layer-tabelle {
    min-width: 360px;
    max-width: 479px;
    height: 190px;
    top: 58px;
  }

  .tabellen_row_trenner {
    display: block;
  }

  .dropdown-container-sort {
    width: 100%;
    margin-top: 10px;
  }

  .termingrid-slots {
    grid-template-columns: 1fr .25fr;
    justify-content: start;
    justify-items: start;
  }

  .date-eintrag, .day {
    font-size: 15px;
  }

  .modulauswahl-drop-inpage {
    width: 75%;
    padding-right: 0;
  }

  .btn-txt-mod-drop-kurz {
    display: block;
  }

  .drop-layer-btns {
    flex-direction: column;
    min-width: 360px;
    max-width: 479px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    top: 64px;
  }

  .drop-layer-seminar {
    min-width: 360px;
    max-width: 479px;
    margin-left: -10px;
    display: none;
    top: 94px;
  }

  .modultab-drop-layer-inpage {
    min-width: 310px;
    max-width: 429px;
    display: none;
  }

  .fixed-cta-kontakt {
    min-width: 360px;
    max-width: 479px;
  }

  .btn-kontakt-flex {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .hl-box-kontakt-sml {
    padding-left: 12px;
    padding-right: 18px;
  }

  .contact-container-sm--single {
    flex: none;
    margin-left: 0;
  }

  .kontakt-box-aufgeklappt-mobile-single {
    width: 75%;
    padding-right: 15px;
  }

  .button-auswahl-container-fixed {
    flex-direction: column;
    justify-content: space-between;
    padding-top: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .modultab-drop-layer-footer {
    min-width: 310px;
    max-width: 429px;
    display: none;
  }

  .modulauswahl-drop-footer {
    width: 100%;
    padding-right: 0;
  }

  .button-im-footer {
    margin-top: 10px;
    margin-left: 0;
  }

  ._20 {
    width: 25%;
    margin-left: -10px;
    padding-left: 0;
  }

  .text-block-13 {
    transform: translate(0);
  }

  .time-eintrag {
    font-size: 15px;
  }

  .platz-label {
    display: block;
  }

  .boxpadding-seitlich {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .termin-tabelle-head {
    max-width: 429px;
    padding-left: 0;
    padding-right: 0;
  }

  .section-termine-sm.bg-green {
    display: block;
  }

  .portal-flex-final {
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 20px;
  }

  .video-stage {
    width: 100%;
    margin-bottom: 20px;
  }

  .inpage-anker-leuchtturm {
    align-self: stretch;
    line-height: 18px;
  }

  .zg-lasche_leuchtturm {
    color: var(--white);
    background-color: #4b5059;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-top: 14px;
    margin-right: 30px;
    padding-left: 10px;
    padding-right: 10px;
    position: static;
  }

  .warn-box {
    height: 270px;
  }

  .portal-flex-final2, .portal-flex-final3, .portal-flex-final4, .portal-flex-final3a {
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 20px;
  }

  .link-list-item-leuchtturm, .partner-name-petrol2 {
    padding-left: 0;
  }

  .vorteil-subline-h3-black {
    margin-bottom: 10px;
    font-size: 22px;
  }

  .varianten-kachel-azur0 {
    width: 180px;
  }

  .tabellenzeile-leuchtturm {
    margin-left: 0;
    margin-right: 0;
    padding-top: 30px;
    padding-left: 0;
  }

  .footer-link-black {
    text-align: center;
  }

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

  .ico-container-full {
    width: 40px;
  }

  .social-media-button-share {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }

  .bild-container-full {
    width: 40px;
  }

  .foldout-flex-plus:hover {
    background-color: #0000;
  }

  .foldoutbox-head-plus {
    padding-top: 10px;
    padding-right: 0;
  }

  .ueberschriftgroesse3-black.ohne-abstand, .ueberschriftgroesse3-alt.ohne-abstand {
    margin-bottom: 0;
  }

  .link-pfeil-18-off {
    flex: none;
  }

  .modultab-drop-layer-2 {
    min-width: 305px;
    max-width: 479px;
    display: block;
  }

  .btn-txt-drop, .btn-txt-drop-standard, .btn-txt-drop-zg {
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
  }

  .disclaimer-block {
    text-align: left;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 18px;
  }

  .disclaimer-block.content3vw {
    width: 100%;
  }

  .btn-txt-drop-zg-wp, .btn-txt-drop-zg-stb {
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
  }

  .breadcrumb-container, .logo-container-sticky, .logo-container-bereich {
    width: 40px;
  }

  .inpage-label {
    align-self: stretch;
    line-height: 18px;
  }

  .btn-txt-drop-aktuelles, .btn-txt-drop-zg-stb2, .btn-txt-drop-lohn1, .btn-txt-drop-lohn2 {
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
  }

  .productkachel-voll, .productkachel-horz {
    text-align: left;
    height: 310px;
  }

  .logo-container-bereich-aktuelles, .logo-container-bereich-lohn {
    width: 40px;
  }

  .mega-flex-vert.zielgruppen-mega {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .hero-text.schrift-weiss.boxpadding {
    padding-left: 5px;
    padding-right: 5px;
  }

  .hero-text.boxpadding {
    width: 100%;
    top: -20px;
  }

  .hero-bildung-content {
    height: 35rem;
  }

  .plattformen-einstieg {
    margin-top: -4vh;
  }

  .hero-content-flex {
    flex-direction: column-reverse;
    padding-bottom: 0;
  }

  .wissen-aufbauen.sectionpadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  ._4er-grid {
    grid-row-gap: 1.875rem;
    grid-template-columns: 1fr;
  }

  .logo-claim-wrap.w--current {
    width: 80%;
  }

  .portal-claim {
    display: none;
  }

  .plattform-icon-2 {
    flex: none;
    width: 70px;
    height: 80px;
  }

  .plattform-kategorie-txt {
    font-size: 18px;
  }

  .kursschaufenster-kachel {
    margin-bottom: 1.875rem;
  }

  .dauer-flex-2 {
    line-height: 1.3;
  }

  .stand-dauer-flex-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-wrap: wrap;
  }

  .kachel-icon-txt-3.boxpadding_25 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    padding-top: 57px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .background-color-coldgray2.sectionpadding {
    padding-top: 40px;
    padding-bottom: 35px;
  }

  .nachweis-kachel-3.green4 {
    flex-direction: column;
  }

  .nachweis-icon-3 {
    width: 50%;
    margin-top: -80px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    inset: 0% 0% auto auto;
  }

  .nachweis-txt-3 {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-unterseite-img {
    margin-top: -10px;
    margin-bottom: 10px;
  }

  .lexinform-edu-bg.sectionpadding {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .crosslink-icon {
    width: 150px;
    height: 150px;
    display: none;
  }

  .crosslink-flex {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
  }

  .crosslink-ico-txt {
    flex-direction: column;
  }

  .datenbank-zugriff.sectionpadding-80-60 {
    padding-bottom: 50px;
  }

  .zugriff-grafik-grid {
    grid-row-gap: 35px;
  }

  .zugriff-txt {
    display: none;
  }

  .img-container-full {
    width: 40px;
  }

  .icon-txt-kachel-flex.abstand-unten-50 {
    flex-direction: column;
  }

  .icon-txt-kachel {
    width: 100%;
  }

  .hero-news-content {
    height: 48vh;
  }

  .hero-news-img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    bottom: -8.6rem;
  }

  .hero-unterseite-bg.petrol1-ohne-verlauf {
    padding-bottom: 1rem;
  }

  .img-rund.abs {
    flex: none;
    width: 110px;
    height: 110px;
    margin-left: 20px;
  }

  .zielgruppenbanderole-lernende {
    width: 80%;
    padding-left: 1.5rem;
  }

  .wissensnachweis-kachel {
    min-height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
  }

  .badge-image-wrap {
    width: 60px;
    height: 60px;
  }

  .wissensnachweis-text-wrap {
    text-align: left;
  }

  .ausgabevarianten.sectionpadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wissensnachweis-kachel-link {
    text-align: left;
  }

  .wissensnachweis-kachel-content {
    flex-direction: row;
    min-height: auto;
  }

  .info-box-gruen {
    height: 300px;
  }

  .buchtipp-bg {
    border-radius: 0;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .buch-cover {
    width: 180px;
  }

  .steckbrief-item {
    flex-direction: column;
    margin-bottom: 15px;
  }

  .stoerer-buchtipp {
    top: -24%;
  }

  .fachliteratur-grid {
    max-width: 26.338rem;
    margin-top: -70px;
    margin-bottom: 35px;
  }

  .bildungspartner-txt-img-wrap-horz {
    justify-content: center;
    align-items: center;
  }

  .lernender-img {
    flex: none;
    width: 140px;
  }

  .plattform-kategorie-dark {
    padding-left: 15px;
    padding-right: 15px;
  }

  .plattform-kachel-grid-4er {
    margin-top: -105px;
  }

  .inpage-anker-bildung {
    align-self: stretch;
    line-height: 18px;
  }

  .home-hero-image {
    width: 90%;
    position: relative;
    top: 1.2rem;
  }

  .zwischenheader_container-left {
    padding-top: 30px;
    padding-bottom: 10px;
  }

  .burger-strich_25-1, .burger-strich_25-2, .burger-strich_25-3 {
    position: absolute;
  }

  .navpunkt-burger {
    align-items: flex-start;
  }

  .portal-claim-mobil {
    width: 100%;
    font-size: 16px;
    display: block;
  }

  .zugriff-txt-sm {
    background-color: var(--dunkelgruen2);
    border-radius: 20px;
    padding: 3px 5px;
    line-height: 1.3;
    display: block;
    position: absolute;
    inset: -1.5rem 0% auto;
    box-shadow: 0 2px 5px #0003;
  }

  .zugriff-txt-static {
    display: none;
  }

  .heading-4 {
    font-size: 28px;
  }

  .bild-container-anker {
    width: 40px;
  }

  .img-spacer-mobil {
    height: 6rem;
  }

  .container-inpage {
    display: flex;
  }

  .info-box-gruen2, .warn-box2 {
    height: 300px;
  }

  .fs-selectcustom_dropdown {
    width: 100%;
  }

  .border-transparent-kachel {
    max-width: 100%;
    min-height: auto;
  }
}

#w-node-d94d854e-0d10-8861-466d-7403283a7816-f22eb7bd {
  align-self: start;
}

#w-node-_63549fee-fec1-27ea-1634-b239be20f356-f22eb7bd {
  grid-area: 1 / 2 / 2 / 11;
}

#w-node-fb98b33f-dcc5-3007-4560-82553e8d9735-f22eb7bd {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-a43685f5-e279-4868-bb3f-f68f9f111981-f22eb7bd, #w-node-f4989682-5f3a-4a30-7f44-f387c8184943-f22eb7bd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2ee8aacd-0dec-3240-a8f0-73e99691021e-f22eb7bd {
  grid-area: 2 / 4 / 3 / 13;
}

#w-node-_2ee8aacd-0dec-3240-a8f0-73e996910221-f22eb7bd {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-_2ee8aacd-0dec-3240-a8f0-73e996910223-f22eb7bd, #w-node-_2ee8aacd-0dec-3240-a8f0-73e99691022e-f22eb7bd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-eb7bab13-6961-4fc9-9011-5ad7c56116be-f22eb7bd {
  grid-area: 3 / 1 / 4 / 10;
}

#w-node-eb7bab13-6961-4fc9-9011-5ad7c56116c1-f22eb7bd {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-eb7bab13-6961-4fc9-9011-5ad7c56116c3-f22eb7bd, #w-node-eb7bab13-6961-4fc9-9011-5ad7c56116ce-f22eb7bd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d94d854e-0d10-8861-466d-7403283a7816-f22eb857, #w-node-d94d854e-0d10-8861-466d-7403283a7816-f22eb858 {
  align-self: start;
}

#w-node-_63549fee-fec1-27ea-1634-b239be20f356-f22eb858 {
  grid-area: 1 / 2 / 2 / 11;
}

#w-node-fb98b33f-dcc5-3007-4560-82553e8d9735-f22eb858 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-a43685f5-e279-4868-bb3f-f68f9f111981-f22eb858, #w-node-f4989682-5f3a-4a30-7f44-f387c8184943-f22eb858 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-eb7bab13-6961-4fc9-9011-5ad7c56116be-f22eb858 {
  grid-area: 2 / 4 / 3 / 13;
}

#w-node-eb7bab13-6961-4fc9-9011-5ad7c56116c1-f22eb858 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-eb7bab13-6961-4fc9-9011-5ad7c56116c3-f22eb858, #w-node-eb7bab13-6961-4fc9-9011-5ad7c56116ce-f22eb858 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2ee8aacd-0dec-3240-a8f0-73e99691021e-f22eb858 {
  grid-area: 3 / 1 / 4 / 10;
}

#w-node-_2ee8aacd-0dec-3240-a8f0-73e996910221-f22eb858 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-_2ee8aacd-0dec-3240-a8f0-73e996910223-f22eb858, #w-node-_2ee8aacd-0dec-3240-a8f0-73e99691022e-f22eb858 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d94d854e-0d10-8861-466d-7403283a7816-f22eb859 {
  align-self: start;
}

#w-node-_63549fee-fec1-27ea-1634-b239be20f356-f22eb859 {
  grid-area: 1 / 2 / 2 / 11;
}

#w-node-fb98b33f-dcc5-3007-4560-82553e8d9735-f22eb859 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-a43685f5-e279-4868-bb3f-f68f9f111981-f22eb859, #w-node-f4989682-5f3a-4a30-7f44-f387c8184943-f22eb859 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-eb7bab13-6961-4fc9-9011-5ad7c56116be-f22eb859 {
  grid-area: 2 / 4 / 3 / 13;
}

#w-node-eb7bab13-6961-4fc9-9011-5ad7c56116c1-f22eb859 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-eb7bab13-6961-4fc9-9011-5ad7c56116c3-f22eb859, #w-node-eb7bab13-6961-4fc9-9011-5ad7c56116ce-f22eb859 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2ee8aacd-0dec-3240-a8f0-73e99691021e-f22eb859 {
  grid-area: 3 / 1 / 4 / 10;
}

#w-node-_2ee8aacd-0dec-3240-a8f0-73e996910221-f22eb859 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-_2ee8aacd-0dec-3240-a8f0-73e996910223-f22eb859, #w-node-_2ee8aacd-0dec-3240-a8f0-73e99691022e-f22eb859 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_93e26be7-dc0c-6037-cee3-b94370c3cc8d-f22eb85a {
  grid-area: 1 / 5 / 3 / 9;
  place-self: center;
}

#w-node-_93e26be7-dc0c-6037-cee3-b94370c3cc8e-f22eb85a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_93e26be7-dc0c-6037-cee3-b94370c3cc8f-f22eb85a {
  grid-area: 2 / 1 / 3 / 6;
}

#w-node-_93e26be7-dc0c-6037-cee3-b94370c3cc90-f22eb85a {
  grid-area: 1 / 4 / 3 / 6;
  place-self: center;
}

#bildungseinrichtung.w-node-_93e26be7-dc0c-6037-cee3-b94370c3cc92-f22eb85a {
  grid-area: 1 / 2 / 3 / 4;
  place-self: center end;
}

#w-node-_24317ada-1256-f536-ddd6-0a9549d98155-f22eb85a {
  grid-area: 1 / 1 / 3 / 3;
  place-self: center end;
}

#w-node-_93e26be7-dc0c-6037-cee3-b94370c3cc96-f22eb85a {
  grid-area: 2 / 8 / 3 / 13;
}

#unterrichtende.w-node-_93e26be7-dc0c-6037-cee3-b94370c3cc97-f22eb85a {
  grid-area: 1 / 3 / 3 / 5;
  place-self: center start;
}

#w-node-f6e24dfe-3869-5d0e-70be-678a1b8e88f4-f22eb85a {
  grid-area: 1 / 1 / 3 / 3;
  place-self: center;
}

#w-node-a068389b-24c6-6374-baa5-a608b78a1049-f22eb85a {
  grid-area: 3 / 6 / 5 / 8;
}

#lernende.w-node-a068389b-24c6-6374-baa5-a608b78a104a-f22eb85a {
  grid-area: 1 / 3 / 3 / 5;
  place-self: center start;
}

#w-node-ad27d377-0005-c3d4-7763-2596af592751-f22eb918 {
  grid-area: 1 / 5 / 3 / 9;
  place-self: center;
}

#w-node-fc31aef5-a67d-c739-9213-f26f57bd36f5-f22eb918 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ad27d377-0005-c3d4-7763-2596af59275c-f22eb918 {
  grid-area: 2 / 1 / 3 / 6;
}

#w-node-ad27d377-0005-c3d4-7763-2596af59275d-f22eb918 {
  grid-area: 1 / 4 / 3 / 6;
  place-self: center;
}

#opac.w-node-ad27d377-0005-c3d4-7763-2596af592760-f22eb918 {
  grid-area: 1 / 2 / 3 / 4;
  place-self: center end;
}

#w-node-_4cf2e663-c2dd-b96b-096c-5e139f743030-f22eb918 {
  grid-area: 1 / 1 / 3 / 3;
  place-self: center end;
}

#w-node-ad27d377-0005-c3d4-7763-2596af59276d-f22eb918 {
  grid-area: 2 / 8 / 3 / 13;
}

#wiso-net.w-node-_2a336bfb-8b31-d51f-f929-500da06fa28a-f22eb918 {
  grid-area: 1 / 3 / 3 / 4;
  place-self: center start;
}

#w-node-ad27d377-0005-c3d4-7763-2596af592775-f22eb918 {
  grid-area: 1 / 1 / 3 / 3;
  place-self: center;
}

#w-node-af2cec48-8967-5625-8f7d-0395312df68b-f22eb918 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af2cec48-8967-5625-8f7d-0395312df68d-f22eb918 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-dc4e5fa3-8d10-328a-7dad-d102ca677cff-f22eb918 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af2cec48-8967-5625-8f7d-0395312df68f-f22eb918 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_73bed265-7c5c-4a6c-1cfc-9fdeb6fec1f9-f22eb91f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_73bed265-7c5c-4a6c-1cfc-9fdeb6fec1fc-f22eb91f {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_23a96590-9e28-8ef7-76f7-7e069f8da638-f22eb91f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_891836f4-24d9-791c-cb02-77320939367e-f22eb91f, #w-node-_280a0120-1825-ce9f-bfdb-a5696dca2b92-f22eb91f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-b3b3ccca-2886-1ec0-561a-2d51a7b4b5aa-f22eb91f {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-d1e5bc45-9583-7024-d3a5-d44ed3a38b63-f22eb91f {
  grid-area: 1 / 1 / 2 / 2;
  align-self: stretch;
}

#w-node-_89973a22-400f-3c3d-f746-7f2294f11219-f22eb91f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_05f4529f-460f-4066-78a0-9f343ea92424-f22eb91f {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_2d09df29-cda0-76b0-366c-9f6b742e8e2f-f22eb91f {
  grid-area: 1 / 5 / 2 / 6;
  justify-self: stretch;
}

#w-node-adb4e844-a27e-1efa-1b23-d870f76b6c66-f22eb91f {
  grid-area: 2 / 1 / 3 / 6;
}

#w-node-_33da203b-3b4a-a3cf-84f4-99b185226dd9-f22eb91f {
  grid-area: 2 / 1 / 3 / 2;
  align-self: start;
}

#w-node-ad72ae3f-1111-7698-6f35-2cb4e5344da9-f22eb91f {
  grid-area: 2 / 2 / 3 / 4;
  align-self: center;
}

#w-node-_3b1a711e-b523-cc5d-d6cc-e9f66d56ad9a-f22eb91f {
  grid-area: 2 / 4 / 3 / 5;
  align-self: start;
}

#w-node-_26c64474-5e5f-acfa-b219-f28bb3cc0d5d-f22eb91f {
  grid-area: 2 / 5 / 3 / 6;
  place-self: start stretch;
}

#w-node-e7fcdc96-87c3-0e07-aa46-171509c1b1bf-f22eb91f {
  grid-area: 3 / 1 / 4 / 6;
}

#w-node-_37bc737f-d5a3-5741-ea03-643fc6d06e81-f22eb91f {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_8ba658a0-c933-ebd6-eabe-343a80dd4ef4-f22eb91f {
  grid-area: 3 / 2 / 4 / 4;
}

#w-node-a89b9997-d1d8-9929-7865-269efec94d3b-f22eb91f {
  grid-area: 3 / 4 / 4 / 5;
  align-self: start;
}

#w-node-b06eba77-107a-9064-ae93-63d407f6a129-f22eb91f {
  grid-area: 3 / 5 / 4 / 6;
  place-self: start stretch;
}

#w-node-c76b3333-be00-8c34-6352-83c8402494a6-f22eb91f {
  grid-area: 4 / 1 / 5 / 6;
}

#w-node-_64516ce1-ca9c-4b96-30bc-f474a741dd27-f22eb91f {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_5423b133-441d-75cb-e62f-4872209f2027-f22eb91f {
  grid-area: 4 / 4 / 5 / 5;
  align-self: start;
}

#w-node-_769509b1-ba0c-f719-feff-d66983295024-f22eb91f {
  grid-area: 4 / 5 / 5 / 6;
  place-self: start stretch;
}

#w-node-f27a152a-a977-039a-3d7c-2234f804297e-f22eb91f {
  grid-area: 5 / 1 / 6 / 6;
}

#w-node-_63dfc46c-bd3d-314d-e5bd-019bbb0f8d24-f22eb91f {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_65f26c0e-f6cf-4e07-0275-bffbeab5638b-f22eb91f {
  grid-area: 5 / 4 / 6 / 5;
  align-self: start;
}

#w-node-bd9c58b3-c9b1-4544-7bd7-5f14121d6d8e-f22eb91f {
  grid-area: 5 / 5 / 6 / 6;
  place-self: start stretch;
}

#w-node-_25b71186-316c-fb48-3e84-7948d29e2ec8-f22eb91f {
  grid-area: 5 / 1 / 6 / 6;
}

#w-node-_89ebea30-01fe-6ac7-6fa4-c116034ddd52-f22eb91f {
  grid-area: 4 / 2 / 5 / 4;
}

#w-node-_6b0884c8-e3f2-3598-cd3b-6d3d55cc0b46-f22eb91f {
  grid-area: 5 / 2 / 6 / 4;
}

#w-node-_48fce4b3-c575-64a8-9c2f-13bda783416a-f22eb91f {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-_3e12209c-d3c8-e696-867a-a1ce35750cc0-f22eb91f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3e12209c-d3c8-e696-867a-a1ce35750cc3-f22eb91f {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d647-f22eb91f {
  grid-area: 2 / 1 / 3 / 2;
  align-self: start;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d64d-f22eb91f {
  grid-area: 2 / 2 / 3 / 4;
  align-self: center;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d67e-f22eb91f {
  grid-area: 2 / 4 / 3 / 5;
  align-self: start;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d681-f22eb91f {
  grid-area: 2 / 5 / 3 / 6;
  place-self: start stretch;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d6bc-f22eb91f {
  grid-area: 4 / 1 / 5 / 6;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d685-f22eb91f {
  grid-area: 3 / 1 / 4 / 6;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d686-f22eb91f {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d68c-f22eb91f {
  grid-area: 3 / 2 / 4 / 4;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d6b5-f22eb91f {
  grid-area: 3 / 4 / 4 / 5;
  align-self: start;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d6b8-f22eb91f {
  grid-area: 3 / 5 / 4 / 6;
  place-self: start stretch;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d6bd-f22eb91f {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d6c3-f22eb91f {
  grid-area: 4 / 4 / 5 / 5;
  align-self: start;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d6c6-f22eb91f {
  grid-area: 4 / 5 / 5 / 6;
  place-self: start stretch;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d6ca-f22eb91f {
  grid-area: 5 / 1 / 6 / 6;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d6cb-f22eb91f {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d6d2-f22eb91f {
  grid-area: 5 / 4 / 6 / 5;
  align-self: start;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d6d5-f22eb91f {
  grid-area: 5 / 5 / 6 / 6;
  place-self: start stretch;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d6d9-f22eb91f {
  grid-area: 5 / 1 / 6 / 6;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d6da-f22eb91f {
  grid-area: 4 / 2 / 5 / 4;
}

#w-node-_4170b4d3-b323-621b-b468-f38a2b98d6f3-f22eb91f {
  grid-area: 5 / 2 / 6 / 4;
}

#w-node-_5b6603fc-6ed4-f844-a13f-2bf401580835-f22eb91f {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fd4a-f22eb91f {
  grid-area: 2 / 1 / 3 / 2;
  align-self: start;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fd50-f22eb91f {
  grid-area: 2 / 2 / 3 / 4;
  align-self: center;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fd81-f22eb91f {
  grid-area: 2 / 4 / 3 / 5;
  align-self: start;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fdbc-f22eb91f {
  grid-area: 3 / 5 / 4 / 6;
  place-self: start stretch;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fd88-f22eb91f {
  grid-area: 4 / 1 / 5 / 6;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fd89-f22eb91f {
  grid-area: 3 / 1 / 4 / 6;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fd8a-f22eb91f {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fd90-f22eb91f {
  grid-area: 3 / 2 / 4 / 4;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fdb9-f22eb91f {
  grid-area: 3 / 4 / 4 / 5;
  align-self: start;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fdc0-f22eb91f {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fdc6-f22eb91f {
  grid-area: 4 / 4 / 5 / 5;
  align-self: start;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fd84-f22eb91f {
  grid-area: 2 / 5 / 3 / 6;
  place-self: start stretch;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fdc9-f22eb91f {
  grid-area: 4 / 5 / 5 / 6;
  place-self: start stretch;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fdcd-f22eb91f {
  grid-area: 5 / 1 / 6 / 6;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fdce-f22eb91f {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fdd4-f22eb91f {
  grid-area: 5 / 4 / 6 / 5;
  align-self: start;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fdd7-f22eb91f {
  grid-area: 5 / 5 / 6 / 6;
  place-self: start stretch;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fddb-f22eb91f {
  grid-area: 5 / 1 / 6 / 6;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fddc-f22eb91f {
  grid-area: 4 / 2 / 5 / 4;
}

#w-node-f568cfc6-abf0-eb80-6963-626a0a00fdf5-f22eb91f {
  grid-area: 5 / 2 / 6 / 4;
}

#w-node-_73bed265-7c5c-4a6c-1cfc-9fdeb6fec1f9-f22eb926 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_73bed265-7c5c-4a6c-1cfc-9fdeb6fec1fc-f22eb926 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_23a96590-9e28-8ef7-76f7-7e069f8da638-f22eb926, #w-node-_9521c6e3-0851-2282-4620-b557bc754968-f22eb926 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754969-f22eb926 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc75496a-f22eb926 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc75496b-f22eb926 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc75496c-f22eb926 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc75496d-f22eb926 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc75496e-f22eb926 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc75496f-f22eb926 {
  grid-area: 1 / 8 / 2 / 9;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754970-f22eb926 {
  grid-area: 1 / 9 / 2 / 10;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754971-f22eb926 {
  grid-area: 1 / 10 / 2 / 11;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754972-f22eb926 {
  grid-area: 1 / 11 / 2 / 12;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754973-f22eb926 {
  grid-area: 1 / 12 / 2 / 13;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754974-f22eb926 {
  grid-area: 1 / 13 / 2 / 14;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754975-f22eb926 {
  grid-area: 1 / 14 / 2 / 15;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754976-f22eb926 {
  grid-area: 1 / 15 / 2 / 16;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754977-f22eb926 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: start center;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754979-f22eb926 {
  grid-area: 2 / 3 / 3 / 6;
  place-self: start center;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc75497d-f22eb926 {
  grid-area: 2 / 5 / 3 / 8;
  place-self: start center;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc75497f-f22eb926 {
  grid-area: 2 / 8 / 3 / 9;
  place-self: start center;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754983-f22eb926 {
  grid-area: 2 / 10 / 3 / 11;
  place-self: start center;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754985-f22eb926 {
  grid-area: 2 / 11 / 3 / 14;
  place-self: start center;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754989-f22eb926 {
  grid-area: 2 / 14 / 3 / 15;
  place-self: start center;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c103-f22eb926 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c104-f22eb926 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c105-f22eb926 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c106-f22eb926 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c107-f22eb926 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c108-f22eb926 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c109-f22eb926 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c10a-f22eb926 {
  grid-area: 1 / 8 / 2 / 9;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c10b-f22eb926 {
  grid-area: 1 / 9 / 2 / 10;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c10c-f22eb926 {
  grid-area: 1 / 10 / 2 / 11;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c10d-f22eb926 {
  grid-area: 1 / 11 / 2 / 12;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c10e-f22eb926 {
  grid-area: 1 / 12 / 2 / 13;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c10f-f22eb926 {
  grid-area: 1 / 13 / 2 / 14;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c110-f22eb926 {
  grid-area: 1 / 14 / 2 / 15;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c111-f22eb926 {
  grid-area: 1 / 15 / 2 / 16;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c112-f22eb926 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: start center;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c114-f22eb926 {
  grid-area: 2 / 3 / 3 / 6;
  place-self: start center;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c118-f22eb926 {
  grid-area: 2 / 5 / 3 / 8;
  place-self: start center;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c11a-f22eb926 {
  grid-area: 2 / 8 / 3 / 9;
  place-self: start center;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c11e-f22eb926 {
  grid-area: 2 / 10 / 3 / 11;
  place-self: start center;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c120-f22eb926 {
  grid-area: 2 / 11 / 3 / 14;
  place-self: start center;
}

#w-node-f86cf2b9-38c4-8ba5-51f5-9a42c884c124-f22eb926 {
  grid-area: 2 / 14 / 3 / 15;
  place-self: start center;
}

#w-node-_280597c8-4f95-537b-5d7a-72b37818933f-f22eb926 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_280597c8-4f95-537b-5d7a-72b378189340-f22eb926 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_280597c8-4f95-537b-5d7a-72b378189341-f22eb926 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_280597c8-4f95-537b-5d7a-72b378189342-f22eb926 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_280597c8-4f95-537b-5d7a-72b378189343-f22eb926 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_280597c8-4f95-537b-5d7a-72b378189344-f22eb926 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_280597c8-4f95-537b-5d7a-72b378189345-f22eb926 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_280597c8-4f95-537b-5d7a-72b378189346-f22eb926 {
  grid-area: 1 / 8 / 2 / 9;
}

#w-node-_280597c8-4f95-537b-5d7a-72b378189347-f22eb926 {
  grid-area: 1 / 9 / 2 / 10;
}

#w-node-_280597c8-4f95-537b-5d7a-72b378189348-f22eb926 {
  grid-area: 1 / 10 / 2 / 11;
}

#w-node-_280597c8-4f95-537b-5d7a-72b378189349-f22eb926 {
  grid-area: 1 / 11 / 2 / 12;
}

#w-node-_280597c8-4f95-537b-5d7a-72b37818934a-f22eb926 {
  grid-area: 1 / 12 / 2 / 13;
}

#w-node-_280597c8-4f95-537b-5d7a-72b37818934b-f22eb926 {
  grid-area: 1 / 13 / 2 / 14;
}

#w-node-_280597c8-4f95-537b-5d7a-72b37818934c-f22eb926 {
  grid-area: 1 / 14 / 2 / 15;
}

#w-node-_280597c8-4f95-537b-5d7a-72b37818934d-f22eb926 {
  grid-area: 1 / 15 / 2 / 16;
}

#w-node-_280597c8-4f95-537b-5d7a-72b37818934e-f22eb926 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: start center;
}

#w-node-_280597c8-4f95-537b-5d7a-72b378189350-f22eb926 {
  grid-area: 2 / 3 / 3 / 6;
  place-self: start center;
}

#w-node-_280597c8-4f95-537b-5d7a-72b378189354-f22eb926 {
  grid-area: 2 / 5 / 3 / 8;
  place-self: start center;
}

#w-node-_280597c8-4f95-537b-5d7a-72b378189356-f22eb926 {
  grid-area: 2 / 8 / 3 / 9;
  place-self: start center;
}

#w-node-_280597c8-4f95-537b-5d7a-72b37818935a-f22eb926 {
  grid-area: 2 / 10 / 3 / 11;
  place-self: start center;
}

#w-node-_280597c8-4f95-537b-5d7a-72b37818935c-f22eb926 {
  grid-area: 2 / 11 / 3 / 14;
  place-self: start center;
}

#w-node-_280597c8-4f95-537b-5d7a-72b378189360-f22eb926 {
  grid-area: 2 / 14 / 3 / 15;
  place-self: start center;
}

#w-node-db388568-34f1-4780-b26e-14385eed96df-f22eb926 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-db388568-34f1-4780-b26e-14385eed96e0-f22eb926 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-db388568-34f1-4780-b26e-14385eed96e1-f22eb926 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-db388568-34f1-4780-b26e-14385eed96e2-f22eb926 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-db388568-34f1-4780-b26e-14385eed96e3-f22eb926 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-db388568-34f1-4780-b26e-14385eed96e4-f22eb926 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-db388568-34f1-4780-b26e-14385eed96e5-f22eb926 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-db388568-34f1-4780-b26e-14385eed96e6-f22eb926 {
  grid-area: 1 / 8 / 2 / 9;
}

#w-node-db388568-34f1-4780-b26e-14385eed96e7-f22eb926 {
  grid-area: 1 / 9 / 2 / 10;
}

#w-node-db388568-34f1-4780-b26e-14385eed96e8-f22eb926 {
  grid-area: 1 / 10 / 2 / 11;
}

#w-node-db388568-34f1-4780-b26e-14385eed96e9-f22eb926 {
  grid-area: 1 / 11 / 2 / 12;
}

#w-node-db388568-34f1-4780-b26e-14385eed96ea-f22eb926 {
  grid-area: 1 / 12 / 2 / 13;
}

#w-node-db388568-34f1-4780-b26e-14385eed96eb-f22eb926 {
  grid-area: 1 / 13 / 2 / 14;
}

#w-node-db388568-34f1-4780-b26e-14385eed96ec-f22eb926 {
  grid-area: 1 / 14 / 2 / 15;
}

#w-node-db388568-34f1-4780-b26e-14385eed96ed-f22eb926 {
  grid-area: 1 / 15 / 2 / 16;
}

#w-node-db388568-34f1-4780-b26e-14385eed96ee-f22eb926 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: start center;
}

#w-node-db388568-34f1-4780-b26e-14385eed96f0-f22eb926 {
  grid-area: 2 / 3 / 3 / 6;
  place-self: start center;
}

#w-node-db388568-34f1-4780-b26e-14385eed96f4-f22eb926 {
  grid-area: 2 / 5 / 3 / 8;
  place-self: start center;
}

#w-node-db388568-34f1-4780-b26e-14385eed96f6-f22eb926 {
  grid-area: 2 / 8 / 3 / 9;
  place-self: start center;
}

#w-node-db388568-34f1-4780-b26e-14385eed96fa-f22eb926 {
  grid-area: 2 / 10 / 3 / 11;
  place-self: start center;
}

#w-node-db388568-34f1-4780-b26e-14385eed96fc-f22eb926 {
  grid-area: 2 / 11 / 3 / 14;
  place-self: start center;
}

#w-node-db388568-34f1-4780-b26e-14385eed9700-f22eb926 {
  grid-area: 2 / 14 / 3 / 15;
  place-self: start center;
}

#w-node-_49727127-28b9-3944-ee93-42646e733d8d-f22eb926 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_49727127-28b9-3944-ee93-42646e733d8e-f22eb926 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_49727127-28b9-3944-ee93-42646e733d8f-f22eb926 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_49727127-28b9-3944-ee93-42646e733d90-f22eb926 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_49727127-28b9-3944-ee93-42646e733d91-f22eb926 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_49727127-28b9-3944-ee93-42646e733d92-f22eb926 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_49727127-28b9-3944-ee93-42646e733d93-f22eb926 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_49727127-28b9-3944-ee93-42646e733d94-f22eb926 {
  grid-area: 1 / 8 / 2 / 9;
}

#w-node-_49727127-28b9-3944-ee93-42646e733d95-f22eb926 {
  grid-area: 1 / 9 / 2 / 10;
}

#w-node-_49727127-28b9-3944-ee93-42646e733d96-f22eb926 {
  grid-area: 1 / 10 / 2 / 11;
}

#w-node-_49727127-28b9-3944-ee93-42646e733d97-f22eb926 {
  grid-area: 1 / 11 / 2 / 12;
}

#w-node-_49727127-28b9-3944-ee93-42646e733d98-f22eb926 {
  grid-area: 1 / 12 / 2 / 13;
}

#w-node-_49727127-28b9-3944-ee93-42646e733d99-f22eb926 {
  grid-area: 1 / 13 / 2 / 14;
}

#w-node-_49727127-28b9-3944-ee93-42646e733d9a-f22eb926 {
  grid-area: 1 / 14 / 2 / 15;
}

#w-node-_49727127-28b9-3944-ee93-42646e733d9b-f22eb926 {
  grid-area: 1 / 15 / 2 / 16;
}

#w-node-_49727127-28b9-3944-ee93-42646e733d9c-f22eb926 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: start center;
}

#w-node-_49727127-28b9-3944-ee93-42646e733d9e-f22eb926 {
  grid-area: 2 / 3 / 3 / 6;
  place-self: start center;
}

#w-node-_49727127-28b9-3944-ee93-42646e733da2-f22eb926 {
  grid-area: 2 / 5 / 3 / 8;
  place-self: start center;
}

#w-node-_49727127-28b9-3944-ee93-42646e733da4-f22eb926 {
  grid-area: 2 / 8 / 3 / 9;
  place-self: start center;
}

#w-node-_49727127-28b9-3944-ee93-42646e733da8-f22eb926 {
  grid-area: 2 / 10 / 3 / 11;
  place-self: start center;
}

#w-node-_49727127-28b9-3944-ee93-42646e733daa-f22eb926 {
  grid-area: 2 / 11 / 3 / 14;
  place-self: start center;
}

#w-node-_49727127-28b9-3944-ee93-42646e733dae-f22eb926 {
  grid-area: 2 / 14 / 3 / 15;
  place-self: start center;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2c2-f22eb926 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2c3-f22eb926 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2c4-f22eb926 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2c5-f22eb926 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2c6-f22eb926 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2c7-f22eb926 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2c8-f22eb926 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2c9-f22eb926 {
  grid-area: 1 / 8 / 2 / 9;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2ca-f22eb926 {
  grid-area: 1 / 9 / 2 / 10;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2cb-f22eb926 {
  grid-area: 1 / 10 / 2 / 11;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2cc-f22eb926 {
  grid-area: 1 / 11 / 2 / 12;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2cd-f22eb926 {
  grid-area: 1 / 12 / 2 / 13;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2ce-f22eb926 {
  grid-area: 1 / 13 / 2 / 14;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2cf-f22eb926 {
  grid-area: 1 / 14 / 2 / 15;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2d0-f22eb926 {
  grid-area: 1 / 15 / 2 / 16;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2d1-f22eb926 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: start center;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2d3-f22eb926 {
  grid-area: 2 / 3 / 3 / 6;
  place-self: start center;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2d7-f22eb926 {
  grid-area: 2 / 5 / 3 / 8;
  place-self: start center;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2d9-f22eb926 {
  grid-area: 2 / 8 / 3 / 9;
  place-self: start center;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2dd-f22eb926 {
  grid-area: 2 / 10 / 3 / 11;
  place-self: start center;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2df-f22eb926 {
  grid-area: 2 / 11 / 3 / 14;
  place-self: start center;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2e3-f22eb926 {
  grid-area: 2 / 14 / 3 / 15;
  place-self: start center;
}

#w-node-_73bed265-7c5c-4a6c-1cfc-9fdeb6fec1f9-f22eb927 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_73bed265-7c5c-4a6c-1cfc-9fdeb6fec1fc-f22eb927 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_23a96590-9e28-8ef7-76f7-7e069f8da638-f22eb927, #w-node-_9521c6e3-0851-2282-4620-b557bc754968-f22eb927 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754969-f22eb927 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc75496a-f22eb927 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc75496b-f22eb927 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc75496c-f22eb927 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc75496d-f22eb927 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc75496e-f22eb927 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc75496f-f22eb927 {
  grid-area: 1 / 8 / 2 / 9;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754970-f22eb927 {
  grid-area: 1 / 9 / 2 / 10;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754971-f22eb927 {
  grid-area: 1 / 10 / 2 / 11;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754972-f22eb927 {
  grid-area: 1 / 11 / 2 / 12;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754973-f22eb927 {
  grid-area: 1 / 12 / 2 / 13;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754974-f22eb927 {
  grid-area: 1 / 13 / 2 / 14;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754975-f22eb927 {
  grid-area: 1 / 14 / 2 / 15;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754976-f22eb927 {
  grid-area: 1 / 15 / 2 / 16;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754977-f22eb927 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: start center;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754979-f22eb927 {
  grid-area: 2 / 3 / 3 / 6;
  place-self: start center;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc75497d-f22eb927 {
  grid-area: 2 / 5 / 3 / 8;
  place-self: start center;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc75497f-f22eb927 {
  grid-area: 2 / 8 / 3 / 9;
  place-self: start center;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754983-f22eb927 {
  grid-area: 2 / 10 / 3 / 11;
  place-self: start center;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754985-f22eb927 {
  grid-area: 2 / 11 / 3 / 14;
  place-self: start center;
}

#w-node-_9521c6e3-0851-2282-4620-b557bc754989-f22eb927 {
  grid-area: 2 / 14 / 3 / 15;
  place-self: start center;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2c2-f22eb927 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2c3-f22eb927 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2c4-f22eb927 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2c5-f22eb927 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2c6-f22eb927 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2c7-f22eb927 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2c8-f22eb927 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2c9-f22eb927 {
  grid-area: 1 / 8 / 2 / 9;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2ca-f22eb927 {
  grid-area: 1 / 9 / 2 / 10;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2cb-f22eb927 {
  grid-area: 1 / 10 / 2 / 11;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2cc-f22eb927 {
  grid-area: 1 / 11 / 2 / 12;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2cd-f22eb927 {
  grid-area: 1 / 12 / 2 / 13;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2ce-f22eb927 {
  grid-area: 1 / 13 / 2 / 14;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2cf-f22eb927 {
  grid-area: 1 / 14 / 2 / 15;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2d0-f22eb927 {
  grid-area: 1 / 15 / 2 / 16;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2d1-f22eb927 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: start center;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2d3-f22eb927 {
  grid-area: 2 / 3 / 3 / 6;
  place-self: start center;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2d7-f22eb927 {
  grid-area: 2 / 5 / 3 / 8;
  place-self: start center;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2d9-f22eb927 {
  grid-area: 2 / 8 / 3 / 9;
  place-self: start center;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2dd-f22eb927 {
  grid-area: 2 / 10 / 3 / 11;
  place-self: start center;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2df-f22eb927 {
  grid-area: 2 / 11 / 3 / 14;
  place-self: start center;
}

#w-node-_01ce32f1-d193-cce7-4051-3773ba5dc2e3-f22eb927 {
  grid-area: 2 / 14 / 3 / 15;
  place-self: start center;
}

#w-node-_86cb304c-8676-ec93-b750-d521f4153093-f22eb9a3 {
  grid-area: 2 / 6 / 4 / 8;
  place-self: center;
}

#w-node-aaaf6cb1-1845-33d0-f0ed-d620e90cb5bd-f22eb9a3 {
  grid-area: 1 / 6 / 4 / 8;
  place-self: center;
}

#w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8201f-f22eb9a3 {
  grid-area: 3 / 2 / 5 / 6;
}

#lexinform-online-beschreibung.w-node-b17b2afd-f9f9-7e13-6291-c6d67ac82020-f22eb9a3 {
  grid-area: 1 / 2 / 3 / 4;
  place-self: center end;
}

#w-node-e4c2672a-f19f-fdea-dee3-00f312a7aa9d-f22eb9a3 {
  grid-area: 1 / 1 / 3 / 4;
  place-self: center end;
}

#w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8202a-f22eb9a3 {
  grid-area: 1 / 4 / 3 / 6;
  place-self: center;
}

#w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8202b-f22eb9a3 {
  grid-area: 1 / 1 / 3 / 3;
  place-self: center;
}

#w-node-e3457282-ca10-fae0-d595-c73f5df5e3f5-f22eb9a3 {
  grid-area: 5 / 3 / 9 / 8;
}

#w-node-_651df3e2-0f6a-6858-42b2-e0f06f377797-f22eb9a3 {
  grid-area: 1 / 4 / 3 / 6;
  place-self: center;
}

#w-node-_82be2c41-ce43-4873-ee91-dd95a30a37ba-f22eb9a3 {
  grid-area: 1 / 2 / 3 / 4;
  place-self: end;
}

#lexinform-onpremise-beschreibung.w-node-f086e38a-27a9-9b76-5843-26d0e8f18b14-f22eb9a3 {
  grid-area: 1 / 1 / 3 / 3;
  place-self: center;
}

#w-node-_067f7b2a-bffb-10ed-3d1b-b1b1119e33ce-f22eb9a3 {
  grid-area: 3 / 8 / 5 / 12;
}

#w-node-_35ea1f9c-061e-897b-1b69-7ec0ea96430e-f22eb9a3 {
  grid-area: 1 / 3 / 3 / 6;
  place-self: center start;
}

#lexinform-exklusive-beschreibung.w-node-_10474d85-2ed3-d7a1-5109-1c1699a8a7da-f22eb9a3, #w-node-fa21e47f-6d6a-8d3c-35b5-6477c1da466c-f22eb9a3 {
  grid-area: 1 / 1 / 3 / 3;
  place-self: center;
}

#w-node-_32e6839c-12ca-0c98-7436-65b78a0f9aba-f22eb9a3 {
  grid-area: 1 / 5 / 7 / 9;
}

#w-node-_32ecec81-60d9-8933-d6a6-6cd832befd92-f22eb9a3 {
  grid-area: 1 / 1 / 5 / 5;
}

#w-node-_1dd30e5c-52ae-7c7f-8c9c-ec5218d27104-f22eba81 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f4e5cdf-a8f9-3f38-ab05-c3d37e098ff0-f22eba81 {
  grid-area: 1 / 1 / 3 / 2;
  justify-self: center;
}

#w-node-bd2f87fc-46c8-1b2f-da04-a1243b92e638-f22eba81 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-_2d79fdee-1ed5-4b69-b884-c5f28b5b1d09-f22eba81 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: end;
}

#w-node-_001a3622-54fa-cf7b-5aa4-baff9c2dff5e-f22eba81 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-_3e34feb3-fae0-f1ab-48a8-e5825fc211f8-f22eba81 {
  justify-self: center;
}

#w-node-b5743b2f-50d8-fb2a-bc17-1ef55c862a36-f22eba81 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-cc21b40c-ea5f-b3b6-7ef5-9d692a429d49-f22eba81 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cc21b40c-ea5f-b3b6-7ef5-9d692a429d4b-f22eba81 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-cc21b40c-ea5f-b3b6-7ef5-9d692a429d4d-f22eba81 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-_8daaefc6-f138-33a4-ab5e-82d1b9082c43-f22eba81 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: end;
}

#w-node-_8daaefc6-f138-33a4-ab5e-82d1b9082c44-f22eba81 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-_8daaefc6-f138-33a4-ab5e-82d1b9082c63-f22eba81 {
  justify-self: center;
}

#w-node-_8daaefc6-f138-33a4-ab5e-82d1b9082c65-f22eba81 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-f5fad1fc-9371-4944-4d95-20c6eeb26de1-f22eba81 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5fad1fc-9371-4944-4d95-20c6eeb26de3-f22eba81 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-f5fad1fc-9371-4944-4d95-20c6eeb26de5-f22eba81 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-_87f3f79b-0554-31a9-ca51-49fc06a96f39-f22eba81 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: end;
}

#w-node-_87f3f79b-0554-31a9-ca51-49fc06a96f3a-f22eba81 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-_87f3f79b-0554-31a9-ca51-49fc06a96f59-f22eba81 {
  justify-self: center;
}

#w-node-_87f3f79b-0554-31a9-ca51-49fc06a96f5b-f22eba81 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-_1dd30e5c-52ae-7c7f-8c9c-ec5218d27104-f22eba82 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f4e5cdf-a8f9-3f38-ab05-c3d37e098ff0-f22eba82 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-bd2f87fc-46c8-1b2f-da04-a1243b92e638-f22eba82 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-_86cb304c-8676-ec93-b750-d521f4153093-8ac11dad {
  grid-area: 2 / 6 / 4 / 8;
  place-self: center;
}

#w-node-aaaf6cb1-1845-33d0-f0ed-d620e90cb5bd-8ac11dad {
  grid-area: 1 / 6 / 5 / 8;
  place-self: center;
}

#w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8201f-8ac11dad {
  grid-area: 1 / 1 / 3 / 6;
}

#w-node-b17b2afd-f9f9-7e13-6291-c6d67ac82020-8ac11dad {
  grid-area: 1 / 2 / 3 / 4;
  place-self: center;
}

#w-node-e4c2672a-f19f-fdea-dee3-00f312a7aa9d-8ac11dad {
  grid-area: 1 / 1 / 3 / 3;
  place-self: center;
}

#w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8202a-8ac11dad {
  grid-area: 1 / 4 / 3 / 6;
  place-self: center;
}

#w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8202b-8ac11dad {
  grid-area: 1 / 1 / 3 / 3;
  place-self: center;
}

#w-node-b17b2afd-f9f9-7e13-6291-c6d67ac82030-8ac11dad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e3457282-ca10-fae0-d595-c73f5df5e3f5-8ac11dad {
  grid-area: 3 / 1 / 5 / 6;
}

#w-node-_651df3e2-0f6a-6858-42b2-e0f06f377797-8ac11dad {
  grid-area: 1 / 4 / 3 / 6;
  place-self: center;
}

#w-node-_82be2c41-ce43-4873-ee91-dd95a30a37ba-8ac11dad {
  grid-area: 1 / 2 / 3 / 4;
  place-self: center;
}

#w-node-f086e38a-27a9-9b76-5843-26d0e8f18b14-8ac11dad {
  grid-area: 1 / 1 / 3 / 3;
  place-self: center;
}

#w-node-_067f7b2a-bffb-10ed-3d1b-b1b1119e33ce-8ac11dad {
  grid-area: 1 / 8 / 3 / 13;
}

#w-node-_35ea1f9c-061e-897b-1b69-7ec0ea96430e-8ac11dad {
  grid-area: 1 / 3 / 3 / 5;
  place-self: center;
}

#w-node-_10474d85-2ed3-d7a1-5109-1c1699a8a7da-8ac11dad, #w-node-fa21e47f-6d6a-8d3c-35b5-6477c1da466c-8ac11dad {
  grid-area: 1 / 1 / 3 / 3;
  place-self: center;
}

#w-node-_22deed5f-d6a6-c568-98b6-450744323384-8ac11dad {
  grid-area: 3 / 8 / 5 / 13;
}

#w-node-a8e0ecbb-4546-790b-7b55-63921b83cca1-8ac11dad, #w-node-c9764400-38dd-cfaa-9db9-690c07084d6e-8ac11dad {
  grid-area: 1 / 3 / 3 / 5;
  place-self: center;
}

#w-node-_7a13937a-c091-75cc-5204-d762f5f95907-8ac11dad {
  grid-area: 1 / 1 / 3 / 3;
  place-self: center;
}

#w-node-_32e6839c-12ca-0c98-7436-65b78a0f9aba-8ac11dad {
  grid-area: 1 / 5 / 5 / 9;
}

#w-node-_32ecec81-60d9-8933-d6a6-6cd832befd92-8ac11dad {
  grid-area: 1 / 1 / 5 / 5;
}

#w-node-d94d854e-0d10-8861-466d-7403283a7816-2c4cf31d {
  align-self: start;
}

#w-node-_63549fee-fec1-27ea-1634-b239be20f356-2c4cf31d {
  grid-area: 1 / 2 / 2 / 11;
}

#w-node-fb98b33f-dcc5-3007-4560-82553e8d9735-2c4cf31d {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-a43685f5-e279-4868-bb3f-f68f9f111981-2c4cf31d, #w-node-f4989682-5f3a-4a30-7f44-f387c8184943-2c4cf31d {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2ee8aacd-0dec-3240-a8f0-73e99691021e-2c4cf31d {
  grid-area: 2 / 4 / 3 / 13;
}

#w-node-_2ee8aacd-0dec-3240-a8f0-73e996910221-2c4cf31d {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-_2ee8aacd-0dec-3240-a8f0-73e996910223-2c4cf31d, #w-node-_2ee8aacd-0dec-3240-a8f0-73e99691022e-2c4cf31d {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-eb7bab13-6961-4fc9-9011-5ad7c56116be-2c4cf31d {
  grid-area: 3 / 1 / 4 / 10;
}

#w-node-eb7bab13-6961-4fc9-9011-5ad7c56116c1-2c4cf31d {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-eb7bab13-6961-4fc9-9011-5ad7c56116c3-2c4cf31d, #w-node-eb7bab13-6961-4fc9-9011-5ad7c56116ce-2c4cf31d {
  grid-area: 1 / 2 / 2 / 3;
}

@media screen and (min-width: 1920px) {
  #w-node-aaaf6cb1-1845-33d0-f0ed-d620e90cb5bd-f22eb9a3 {
    grid-row-end: 6;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8201f-f22eb9a3 {
    grid-area: 2 / 2 / 5 / 6;
  }

  #lexinform-online-beschreibung.w-node-b17b2afd-f9f9-7e13-6291-c6d67ac82020-f22eb9a3 {
    grid-column-start: 1;
  }

  #w-node-e4c2672a-f19f-fdea-dee3-00f312a7aa9d-f22eb9a3 {
    grid-area: 1 / 1 / 3 / 4;
  }

  #w-node-e3457282-ca10-fae0-d595-c73f5df5e3f5-f22eb9a3 {
    grid-row: 4 / 8;
  }

  #w-node-_82be2c41-ce43-4873-ee91-dd95a30a37ba-f22eb9a3, #lexinform-onpremise-beschreibung.w-node-f086e38a-27a9-9b76-5843-26d0e8f18b14-f22eb9a3 {
    grid-column-start: 2;
  }

  #w-node-_35ea1f9c-061e-897b-1b69-7ec0ea96430e-f22eb9a3, #lexinform-exklusive-beschreibung.w-node-_10474d85-2ed3-d7a1-5109-1c1699a8a7da-f22eb9a3 {
    grid-column-end: 6;
  }

  #w-node-_32e6839c-12ca-0c98-7436-65b78a0f9aba-f22eb9a3, #w-node-aaaf6cb1-1845-33d0-f0ed-d620e90cb5bd-8ac11dad {
    grid-row-end: 6;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8201f-8ac11dad {
    grid-area: 1 / 2 / 3 / 6;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac82020-8ac11dad {
    grid-column-start: 1;
  }

  #w-node-e4c2672a-f19f-fdea-dee3-00f312a7aa9d-8ac11dad {
    grid-area: 1 / 1 / 3 / 4;
  }

  #w-node-e3457282-ca10-fae0-d595-c73f5df5e3f5-8ac11dad {
    grid-row: 3 / 5;
  }

  #w-node-_82be2c41-ce43-4873-ee91-dd95a30a37ba-8ac11dad, #w-node-f086e38a-27a9-9b76-5843-26d0e8f18b14-8ac11dad {
    grid-column-start: 1;
  }

  #w-node-_35ea1f9c-061e-897b-1b69-7ec0ea96430e-8ac11dad, #w-node-_10474d85-2ed3-d7a1-5109-1c1699a8a7da-8ac11dad {
    grid-column-end: 6;
  }

  #w-node-_22deed5f-d6a6-c568-98b6-450744323384-8ac11dad {
    grid-row: 3 / 5;
  }

  #w-node-a8e0ecbb-4546-790b-7b55-63921b83cca1-8ac11dad {
    grid-column-end: 6;
  }

  #w-node-c9764400-38dd-cfaa-9db9-690c07084d6e-8ac11dad {
    grid-area: 1 / 3 / 3 / 6;
  }

  #w-node-_32e6839c-12ca-0c98-7436-65b78a0f9aba-8ac11dad {
    grid-row-end: 6;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8201f-f22eb9a3 {
    grid-column-start: 2;
  }

  #lexinform-online-beschreibung.w-node-b17b2afd-f9f9-7e13-6291-c6d67ac82020-f22eb9a3 {
    grid-column-start: 1;
  }

  #w-node-e4c2672a-f19f-fdea-dee3-00f312a7aa9d-f22eb9a3 {
    grid-column: 1 / 4;
  }

  #w-node-e3457282-ca10-fae0-d595-c73f5df5e3f5-f22eb9a3 {
    grid-column-start: 3;
  }

  #w-node-_82be2c41-ce43-4873-ee91-dd95a30a37ba-f22eb9a3 {
    grid-row-start: 2;
    grid-column-start: 2;
  }

  #lexinform-onpremise-beschreibung.w-node-f086e38a-27a9-9b76-5843-26d0e8f18b14-f22eb9a3 {
    grid-area: 2 / 2 / 3 / 4;
  }

  #w-node-_067f7b2a-bffb-10ed-3d1b-b1b1119e33ce-f22eb9a3 {
    grid-column-end: 12;
  }

  #w-node-_35ea1f9c-061e-897b-1b69-7ec0ea96430e-f22eb9a3 {
    grid-column-end: 6;
    justify-self: start;
  }

  #lexinform-exklusive-beschreibung.w-node-_10474d85-2ed3-d7a1-5109-1c1699a8a7da-f22eb9a3 {
    grid-area: 1 / 3 / 3 / 6;
    justify-self: start;
  }

  #w-node-bd2f87fc-46c8-1b2f-da04-a1243b92e638-f22eba81, #w-node-_001a3622-54fa-cf7b-5aa4-baff9c2dff5e-f22eba81, #w-node-b5743b2f-50d8-fb2a-bc17-1ef55c862a36-f22eba81, #w-node-_8daaefc6-f138-33a4-ab5e-82d1b9082c44-f22eba81, #w-node-_8daaefc6-f138-33a4-ab5e-82d1b9082c65-f22eba81, #w-node-_87f3f79b-0554-31a9-ca51-49fc06a96f3a-f22eba81, #w-node-_87f3f79b-0554-31a9-ca51-49fc06a96f5b-f22eba81 {
    justify-self: start;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8201f-8ac11dad {
    grid-column-start: 2;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac82020-8ac11dad {
    grid-column-start: 1;
  }

  #w-node-e4c2672a-f19f-fdea-dee3-00f312a7aa9d-8ac11dad {
    grid-column: 1 / 4;
  }

  #w-node-e3457282-ca10-fae0-d595-c73f5df5e3f5-8ac11dad {
    grid-column-start: 2;
  }

  #w-node-_82be2c41-ce43-4873-ee91-dd95a30a37ba-8ac11dad {
    grid-column-start: 1;
  }

  #w-node-f086e38a-27a9-9b76-5843-26d0e8f18b14-8ac11dad {
    grid-area: 1 / 1 / 3 / 4;
  }

  #w-node-_067f7b2a-bffb-10ed-3d1b-b1b1119e33ce-8ac11dad {
    grid-column-end: 12;
  }

  #w-node-_35ea1f9c-061e-897b-1b69-7ec0ea96430e-8ac11dad {
    grid-column-end: 6;
    justify-self: start;
  }

  #w-node-_10474d85-2ed3-d7a1-5109-1c1699a8a7da-8ac11dad {
    grid-area: 1 / 3 / 3 / 6;
    justify-self: start;
  }

  #w-node-_22deed5f-d6a6-c568-98b6-450744323384-8ac11dad {
    grid-column-end: 12;
  }

  #w-node-a8e0ecbb-4546-790b-7b55-63921b83cca1-8ac11dad, #w-node-c9764400-38dd-cfaa-9db9-690c07084d6e-8ac11dad {
    grid-column-end: 6;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8201f-f22eb9a3 {
    grid-row-start: 2;
  }

  #w-node-e3457282-ca10-fae0-d595-c73f5df5e3f5-f22eb9a3 {
    grid-area: 4 / 3 / 8 / 8;
  }

  #w-node-_067f7b2a-bffb-10ed-3d1b-b1b1119e33ce-f22eb9a3 {
    grid-row-start: 2;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_93e26be7-dc0c-6037-cee3-b94370c3cc8d-f22eb85a {
    grid-column: 3 / 7;
  }

  #w-node-_93e26be7-dc0c-6037-cee3-b94370c3cc8f-f22eb85a {
    grid-area: 2 / 2 / 4 / 4;
    align-self: start;
  }

  #w-node-_93e26be7-dc0c-6037-cee3-b94370c3cc90-f22eb85a {
    grid-column: 1 / 3;
    grid-row-end: 2;
  }

  #bildungseinrichtung.w-node-_93e26be7-dc0c-6037-cee3-b94370c3cc92-f22eb85a {
    grid-column: 1 / 3;
    grid-row-start: 2;
  }

  #w-node-_24317ada-1256-f536-ddd6-0a9549d98155-f22eb85a {
    grid-area: 2 / 1 / 3 / 3;
    justify-self: center;
  }

  #w-node-_93e26be7-dc0c-6037-cee3-b94370c3cc96-f22eb85a {
    grid-column: 6 / 8;
    grid-row-end: 4;
    align-self: start;
  }

  #unterrichtende.w-node-_93e26be7-dc0c-6037-cee3-b94370c3cc97-f22eb85a {
    grid-area: 3 / 1 / 4 / 3;
    place-self: start center;
  }

  #w-node-f6e24dfe-3869-5d0e-70be-678a1b8e88f4-f22eb85a {
    align-self: start;
  }

  #w-node-a068389b-24c6-6374-baa5-a608b78a1049-f22eb85a {
    grid-column: 4 / 6;
  }

  #w-node-ad27d377-0005-c3d4-7763-2596af592751-f22eb918 {
    grid-column: 2 / 4;
  }

  #w-node-ad27d377-0005-c3d4-7763-2596af59275c-f22eb918 {
    grid-row: 2 / 3;
    grid-column-end: 2;
  }

  #w-node-ad27d377-0005-c3d4-7763-2596af59275d-f22eb918 {
    grid-column: 1 / 3;
    grid-row-end: 2;
  }

  #w-node-_4cf2e663-c2dd-b96b-096c-5e139f743030-f22eb918 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-ad27d377-0005-c3d4-7763-2596af59276d-f22eb918 {
    grid-area: 2 / 4 / 3 / 5;
    justify-self: start;
  }

  #wiso-net.w-node-_2a336bfb-8b31-d51f-f929-500da06fa28a-f22eb918 {
    grid-area: 3 / 1 / 4 / 3;
    justify-self: center;
  }

  #w-node-ad27d377-0005-c3d4-7763-2596af592775-f22eb918 {
    grid-column-end: 3;
  }

  #w-node-af2cec48-8967-5625-8f7d-0395312df68f-f22eb918 {
    grid-area: 1 / 2 / 2 / 5;
  }

  #w-node-_22c89cdb-9946-b2e8-dcb9-5f779e00edbc-f22eb91f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_73bed265-7c5c-4a6c-1cfc-9fdeb6fec1f9-f22eb91f {
    grid-column: 2 / 4;
  }

  #w-node-_73bed265-7c5c-4a6c-1cfc-9fdeb6fec1fc-f22eb91f {
    grid-column: 3 / 4;
    justify-self: end;
  }

  #w-node-_23a96590-9e28-8ef7-76f7-7e069f8da638-f22eb91f {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-d1e5bc45-9583-7024-d3a5-d44ed3a38b63-f22eb91f {
    grid-column-start: 1;
  }

  #w-node-_89973a22-400f-3c3d-f746-7f2294f11219-f22eb91f {
    grid-column: 2 / 4;
  }

  #w-node-_05f4529f-460f-4066-78a0-9f343ea92424-f22eb91f {
    grid-column: 4 / 5;
  }

  #w-node-_2d09df29-cda0-76b0-366c-9f6b742e8e2f-f22eb91f {
    grid-column: 5 / 6;
  }

  #w-node-_48fce4b3-c575-64a8-9c2f-13bda783416a-f22eb91f {
    grid-area: 1 / 1 / 2 / 6;
  }

  #w-node-_3e12209c-d3c8-e696-867a-a1ce35750cbd-f22eb91f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_3e12209c-d3c8-e696-867a-a1ce35750cc0-f22eb91f {
    grid-column: 2 / 5;
  }

  #w-node-_9ba68a97-1a17-35cd-8fc6-10292593e228-f22eb91f {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-_3e12209c-d3c8-e696-867a-a1ce35750cc3-f22eb91f {
    grid-column: 4 / 5;
    justify-self: start;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d647-f22eb91f, #w-node-_4170b4d3-b323-621b-b468-f38a2b98d64d-f22eb91f, #w-node-_4170b4d3-b323-621b-b468-f38a2b98d67e-f22eb91f, #w-node-_4170b4d3-b323-621b-b468-f38a2b98d681-f22eb91f {
    grid-row: 1 / 2;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6bc-f22eb91f {
    grid-row: 3 / 4;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d685-f22eb91f {
    grid-row: 2 / 3;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6ca-f22eb91f {
    grid-row: 4 / 5;
  }

  #w-node-_5b6603fc-6ed4-f844-a13f-2bf401580835-f22eb91f {
    grid-area: 1 / 1 / 2 / 6;
  }

  #w-node-_5b6603fc-6ed4-f844-a13f-2bf401580836-f22eb91f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fd4a-f22eb91f, #w-node-f568cfc6-abf0-eb80-6963-626a0a00fd50-f22eb91f, #w-node-f568cfc6-abf0-eb80-6963-626a0a00fd81-f22eb91f {
    grid-row: 1 / 2;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fd88-f22eb91f {
    grid-row: 3 / 4;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fd89-f22eb91f {
    grid-row: 2 / 3;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fd84-f22eb91f {
    grid-row: 1 / 2;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fdcd-f22eb91f {
    grid-row: 4 / 5;
  }

  #w-node-_22c89cdb-9946-b2e8-dcb9-5f779e00edbc-f22eb926 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_73bed265-7c5c-4a6c-1cfc-9fdeb6fec1f9-f22eb926 {
    grid-column: 2 / 4;
  }

  #w-node-_73bed265-7c5c-4a6c-1cfc-9fdeb6fec1fc-f22eb926 {
    grid-column: 3 / 4;
    justify-self: end;
  }

  #w-node-_23a96590-9e28-8ef7-76f7-7e069f8da638-f22eb926 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-_22c89cdb-9946-b2e8-dcb9-5f779e00edbc-f22eb927 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_73bed265-7c5c-4a6c-1cfc-9fdeb6fec1f9-f22eb927 {
    grid-column: 2 / 4;
  }

  #w-node-_73bed265-7c5c-4a6c-1cfc-9fdeb6fec1fc-f22eb927 {
    grid-column: 3 / 4;
    justify-self: end;
  }

  #w-node-_23a96590-9e28-8ef7-76f7-7e069f8da638-f22eb927 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-_86cb304c-8676-ec93-b750-d521f4153093-f22eb9a3 {
    grid-area: 1 / 4 / 2 / 6;
    align-self: start;
  }

  #w-node-aaaf6cb1-1845-33d0-f0ed-d620e90cb5bd-f22eb9a3 {
    grid-area: 1 / 4 / 2 / 6;
    place-self: start center;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8201f-f22eb9a3 {
    grid-area: 2 / 1 / 3 / 5;
    place-self: start end;
  }

  #lexinform-online-beschreibung.w-node-b17b2afd-f9f9-7e13-6291-c6d67ac82020-f22eb9a3 {
    grid-column: 1 / 3;
    grid-row-end: 2;
    place-self: center end;
  }

  #w-node-e4c2672a-f19f-fdea-dee3-00f312a7aa9d-f22eb9a3 {
    grid-area: 1 / 1 / 2 / 3;
    place-self: center end;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8202a-f22eb9a3 {
    grid-area: 1 / 3 / 2 / 5;
    align-self: center;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8202b-f22eb9a3 {
    grid-column: 1 / 3;
    grid-row-end: 2;
    place-self: center end;
  }

  #w-node-e3457282-ca10-fae0-d595-c73f5df5e3f5-f22eb9a3 {
    grid-area: 3 / 2 / 5 / 6;
    align-self: start;
  }

  #w-node-_651df3e2-0f6a-6858-42b2-e0f06f377797-f22eb9a3 {
    grid-area: 1 / 3 / 2 / 5;
    align-self: start;
  }

  #w-node-_82be2c41-ce43-4873-ee91-dd95a30a37ba-f22eb9a3, #lexinform-onpremise-beschreibung.w-node-f086e38a-27a9-9b76-5843-26d0e8f18b14-f22eb9a3 {
    grid-area: 1 / 1 / 2 / 3;
    place-self: center end;
  }

  #w-node-_067f7b2a-bffb-10ed-3d1b-b1b1119e33ce-f22eb9a3 {
    grid-area: 1 / 5 / 3 / 9;
    align-self: start;
  }

  #w-node-_35ea1f9c-061e-897b-1b69-7ec0ea96430e-f22eb9a3, #lexinform-exklusive-beschreibung.w-node-_10474d85-2ed3-d7a1-5109-1c1699a8a7da-f22eb9a3 {
    grid-area: 1 / 3 / 2 / 5;
    place-self: center start;
  }

  #w-node-fa21e47f-6d6a-8d3c-35b5-6477c1da466c-f22eb9a3 {
    grid-row: 1 / 2;
  }

  #w-node-_32e6839c-12ca-0c98-7436-65b78a0f9aba-f22eb9a3 {
    grid-column: 3 / 7;
    grid-row-end: 3;
  }

  #w-node-_32ecec81-60d9-8933-d6a6-6cd832befd92-f22eb9a3 {
    grid-area: 1 / 3 / 4 / 7;
  }

  #w-node-_86cb304c-8676-ec93-b750-d521f4153093-8ac11dad, #w-node-aaaf6cb1-1845-33d0-f0ed-d620e90cb5bd-8ac11dad {
    grid-area: 1 / 4 / 2 / 6;
    align-self: start;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8201f-8ac11dad {
    grid-row: 2 / 3;
    grid-column-end: 5;
    align-self: start;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac82020-8ac11dad {
    grid-column: 1 / 3;
    grid-row-end: 2;
    place-self: center end;
  }

  #w-node-e4c2672a-f19f-fdea-dee3-00f312a7aa9d-8ac11dad {
    grid-area: 1 / 1 / 2 / 3;
    place-self: center end;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8202a-8ac11dad {
    grid-area: 1 / 3 / 2 / 5;
    align-self: center;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8202b-8ac11dad {
    grid-column: 1 / 3;
    grid-row-end: 2;
    place-self: center end;
  }

  #w-node-e3457282-ca10-fae0-d595-c73f5df5e3f5-8ac11dad {
    grid-row: 3 / 4;
    grid-column-end: 5;
    align-self: start;
  }

  #w-node-_651df3e2-0f6a-6858-42b2-e0f06f377797-8ac11dad {
    grid-area: 1 / 3 / 2 / 5;
    align-self: start;
  }

  #w-node-_82be2c41-ce43-4873-ee91-dd95a30a37ba-8ac11dad, #w-node-f086e38a-27a9-9b76-5843-26d0e8f18b14-8ac11dad {
    grid-area: 1 / 1 / 2 / 3;
    place-self: center end;
  }

  #w-node-_067f7b2a-bffb-10ed-3d1b-b1b1119e33ce-8ac11dad {
    grid-area: 2 / 5 / 3 / 9;
    align-self: start;
  }

  #w-node-_35ea1f9c-061e-897b-1b69-7ec0ea96430e-8ac11dad, #w-node-_10474d85-2ed3-d7a1-5109-1c1699a8a7da-8ac11dad {
    grid-area: 1 / 3 / 2 / 5;
    place-self: center start;
  }

  #w-node-fa21e47f-6d6a-8d3c-35b5-6477c1da466c-8ac11dad {
    grid-row: 1 / 2;
  }

  #w-node-_22deed5f-d6a6-c568-98b6-450744323384-8ac11dad {
    grid-area: 3 / 5 / 4 / 9;
    place-self: start center;
  }

  #w-node-a8e0ecbb-4546-790b-7b55-63921b83cca1-8ac11dad, #w-node-c9764400-38dd-cfaa-9db9-690c07084d6e-8ac11dad {
    grid-area: 1 / 3 / 2 / 5;
    align-self: center;
  }

  #w-node-_7a13937a-c091-75cc-5204-d762f5f95907-8ac11dad {
    grid-row-end: 2;
    align-self: start;
  }

  #w-node-_32e6839c-12ca-0c98-7436-65b78a0f9aba-8ac11dad {
    grid-column: 3 / 7;
    grid-row-end: 3;
  }

  #w-node-_32ecec81-60d9-8933-d6a6-6cd832befd92-8ac11dad {
    grid-area: 1 / 3 / 4 / 7;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_63549fee-fec1-27ea-1634-b239be20f356-f22eb7bd {
    grid-column: 1 / 13;
  }

  #w-node-_2ee8aacd-0dec-3240-a8f0-73e99691021e-f22eb7bd {
    grid-column-start: 1;
  }

  #w-node-eb7bab13-6961-4fc9-9011-5ad7c56116be-f22eb7bd {
    grid-column-end: 13;
  }

  #w-node-_93e26be7-dc0c-6037-cee3-b94370c3cc8d-f22eb85a {
    grid-column: 1 / 5;
  }

  #w-node-_93e26be7-dc0c-6037-cee3-b94370c3cc8f-f22eb85a {
    grid-column: 1 / 2;
    grid-row-end: 3;
  }

  #w-node-_93e26be7-dc0c-6037-cee3-b94370c3cc96-f22eb85a {
    grid-column: 4 / 5;
    grid-row-end: 3;
  }

  #w-node-a068389b-24c6-6374-baa5-a608b78a1049-f22eb85a {
    grid-column: 2 / 4;
  }

  #w-node-ad27d377-0005-c3d4-7763-2596af592751-f22eb918 {
    grid-column: 1 / 4;
    grid-row-end: 3;
  }

  #w-node-ad27d377-0005-c3d4-7763-2596af59275c-f22eb918 {
    grid-row-end: 4;
  }

  #w-node-ad27d377-0005-c3d4-7763-2596af59276d-f22eb918 {
    grid-column: 3 / 4;
    grid-row-end: 4;
  }

  #w-node-af2cec48-8967-5625-8f7d-0395312df68d-f22eb918 {
    grid-column: 2 / 4;
  }

  #w-node-af2cec48-8967-5625-8f7d-0395312df68f-f22eb918 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-b3b3ccca-2886-1ec0-561a-2d51a7b4b5aa-f22eb91f {
    grid-column-end: 5;
  }

  #w-node-_26c64474-5e5f-acfa-b219-f28bb3cc0d5d-f22eb91f {
    grid-area: 7 / 1 / 8 / 5;
  }

  #w-node-_37bc737f-d5a3-5741-ea03-643fc6d06e81-f22eb91f, #w-node-_8ba658a0-c933-ebd6-eabe-343a80dd4ef4-f22eb91f, #w-node-a89b9997-d1d8-9929-7865-269efec94d3b-f22eb91f {
    grid-row: 4 / 5;
  }

  #w-node-b06eba77-107a-9064-ae93-63d407f6a129-f22eb91f {
    grid-column: 1 / 5;
  }

  #w-node-_64516ce1-ca9c-4b96-30bc-f474a741dd27-f22eb91f, #w-node-_5423b133-441d-75cb-e62f-4872209f2027-f22eb91f {
    grid-row: 6 / 7;
  }

  #w-node-_769509b1-ba0c-f719-feff-d66983295024-f22eb91f {
    grid-area: 5 / 1 / 6 / 5;
  }

  #w-node-_63dfc46c-bd3d-314d-e5bd-019bbb0f8d24-f22eb91f, #w-node-_65f26c0e-f6cf-4e07-0275-bffbeab5638b-f22eb91f {
    grid-row: 8 / 9;
  }

  #w-node-bd9c58b3-c9b1-4544-7bd7-5f14121d6d8e-f22eb91f {
    grid-area: 9 / 1 / 10 / 5;
  }

  #w-node-_89ebea30-01fe-6ac7-6fa4-c116034ddd52-f22eb91f {
    grid-row: 8 / 9;
  }

  #w-node-_6b0884c8-e3f2-3598-cd3b-6d3d55cc0b46-f22eb91f {
    grid-row: 6 / 7;
  }

  #w-node-_48fce4b3-c575-64a8-9c2f-13bda783416a-f22eb91f {
    grid-column-end: 5;
  }

  #w-node-_3e12209c-d3c8-e696-867a-a1ce35750cc0-f22eb91f {
    grid-column-start: 3;
  }

  #w-node-_9ba68a97-1a17-35cd-8fc6-10292593e228-f22eb91f {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d647-f22eb91f {
    grid-row: 1 / 2;
    grid-column-end: 3;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d64d-f22eb91f {
    grid-area: 1 / 3 / 2 / 5;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d681-f22eb91f {
    grid-area: 7 / 1 / 8 / 5;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6bc-f22eb91f {
    grid-row: 1 / 4;
    grid-column-end: 5;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d685-f22eb91f {
    grid-row: 4 / 7;
    grid-column-end: 5;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d686-f22eb91f {
    grid-row: 4 / 5;
    grid-column-end: 3;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d68c-f22eb91f {
    grid-area: 4 / 3 / 5 / 5;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6b5-f22eb91f {
    grid-row: 5 / 6;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6b8-f22eb91f {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6bd-f22eb91f {
    grid-row: 7 / 8;
    grid-column-end: 3;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6c3-f22eb91f {
    grid-row: 6 / 7;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6c6-f22eb91f {
    grid-area: 6 / 1 / 7 / 5;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6ca-f22eb91f {
    grid-row: 4 / 7;
    grid-column-end: 5;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6cb-f22eb91f {
    grid-row: 8 / 9;
    grid-column-end: 3;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6d2-f22eb91f {
    grid-row: 9 / 10;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6d5-f22eb91f {
    grid-area: 10 / 1 / 11 / 5;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6d9-f22eb91f {
    grid-row: 7 / 8;
    grid-column-end: 5;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6da-f22eb91f {
    grid-area: 8 / 3 / 9 / 5;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6f3-f22eb91f {
    grid-area: 7 / 3 / 8 / 5;
  }

  #w-node-_5b6603fc-6ed4-f844-a13f-2bf401580835-f22eb91f, #w-node-_5b6603fc-6ed4-f844-a13f-2bf401580836-f22eb91f {
    grid-column-end: 5;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fd4a-f22eb91f {
    grid-row: 1 / 2;
    grid-column-end: 2;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fd50-f22eb91f {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fd81-f22eb91f {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: end;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fdbc-f22eb91f {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fd88-f22eb91f {
    grid-row: 1 / 4;
    grid-column-end: 3;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fd89-f22eb91f {
    grid-row: 4 / 7;
    grid-column-end: 3;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fd8a-f22eb91f {
    grid-row: 4 / 5;
    grid-column-end: 2;
    align-self: start;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fd90-f22eb91f {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fdb9-f22eb91f {
    grid-area: 4 / 2 / 5 / 3;
    justify-self: end;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fdc0-f22eb91f {
    grid-row: 7 / 8;
    grid-column-end: 2;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fdc6-f22eb91f {
    grid-area: 7 / 2 / 8 / 3;
    justify-self: end;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fd84-f22eb91f {
    grid-area: 9 / 1 / 10 / 3;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fdc9-f22eb91f {
    grid-area: 6 / 1 / 7 / 3;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fdcd-f22eb91f {
    grid-row: 7 / 10;
    grid-column-end: 3;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fdce-f22eb91f {
    grid-row: 10 / 11;
    grid-column-end: 2;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fdd4-f22eb91f {
    grid-area: 10 / 2 / 11 / 3;
    justify-self: end;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fdd7-f22eb91f {
    grid-area: 12 / 1 / 13 / 3;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fddb-f22eb91f {
    grid-row: 10 / 13;
    grid-column-end: 3;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fddc-f22eb91f {
    grid-area: 8 / 1 / 9 / 3;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fdf5-f22eb91f {
    grid-area: 11 / 1 / 12 / 3;
  }

  #w-node-aaaf6cb1-1845-33d0-f0ed-d620e90cb5bd-f22eb9a3 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8201f-f22eb9a3 {
    grid-row: 1 / 2;
    grid-column-end: 3;
  }

  #lexinform-online-beschreibung.w-node-b17b2afd-f9f9-7e13-6291-c6d67ac82020-f22eb9a3, #w-node-e4c2672a-f19f-fdea-dee3-00f312a7aa9d-f22eb9a3 {
    grid-row: 2 / 3;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8202a-f22eb9a3 {
    grid-column: 1 / 3;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8202b-f22eb9a3 {
    grid-row: 2 / 3;
  }

  #w-node-e3457282-ca10-fae0-d595-c73f5df5e3f5-f22eb9a3 {
    grid-row: 2 / 3;
    grid-column-end: 4;
  }

  #w-node-_651df3e2-0f6a-6858-42b2-e0f06f377797-f22eb9a3 {
    grid-column: 1 / 3;
  }

  #w-node-_82be2c41-ce43-4873-ee91-dd95a30a37ba-f22eb9a3, #lexinform-onpremise-beschreibung.w-node-f086e38a-27a9-9b76-5843-26d0e8f18b14-f22eb9a3 {
    grid-row: 2 / 3;
  }

  #w-node-_067f7b2a-bffb-10ed-3d1b-b1b1119e33ce-f22eb9a3 {
    grid-area: 1 / 3 / 2 / 5;
    justify-self: center;
  }

  #w-node-_35ea1f9c-061e-897b-1b69-7ec0ea96430e-f22eb9a3, #lexinform-exklusive-beschreibung.w-node-_10474d85-2ed3-d7a1-5109-1c1699a8a7da-f22eb9a3 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_9f4e5cdf-a8f9-3f38-ab05-c3d37e098ff0-f22eba81 {
    grid-row-end: 2;
    grid-column-end: 4;
  }

  #w-node-bd2f87fc-46c8-1b2f-da04-a1243b92e638-f22eba81 {
    grid-row-start: 2;
    grid-column-start: 1;
  }

  #w-node-_001a3622-54fa-cf7b-5aa4-baff9c2dff5e-f22eba81 {
    grid-column-start: 1;
  }

  #w-node-_3e34feb3-fae0-f1ab-48a8-e5825fc211f8-f22eba81 {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-b5743b2f-50d8-fb2a-bc17-1ef55c862a36-f22eba81 {
    grid-row-start: 2;
    grid-column-start: 1;
  }

  #w-node-cc21b40c-ea5f-b3b6-7ef5-9d692a429d4b-f22eba81 {
    grid-row-end: 2;
    grid-column-end: 4;
    justify-self: center;
  }

  #w-node-cc21b40c-ea5f-b3b6-7ef5-9d692a429d4d-f22eba81 {
    grid-row-start: 2;
    grid-column-start: 1;
  }

  #w-node-_8daaefc6-f138-33a4-ab5e-82d1b9082c44-f22eba81 {
    grid-column-start: 1;
  }

  #w-node-_8daaefc6-f138-33a4-ab5e-82d1b9082c63-f22eba81 {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_8daaefc6-f138-33a4-ab5e-82d1b9082c65-f22eba81 {
    grid-row-start: 2;
    grid-column-start: 1;
  }

  #w-node-f5fad1fc-9371-4944-4d95-20c6eeb26de3-f22eba81 {
    grid-row-end: 2;
    grid-column-end: 4;
    justify-self: center;
  }

  #w-node-f5fad1fc-9371-4944-4d95-20c6eeb26de5-f22eba81 {
    grid-row-start: 2;
    grid-column-start: 1;
  }

  #w-node-_87f3f79b-0554-31a9-ca51-49fc06a96f3a-f22eba81 {
    grid-column-start: 1;
  }

  #w-node-_87f3f79b-0554-31a9-ca51-49fc06a96f59-f22eba81 {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_87f3f79b-0554-31a9-ca51-49fc06a96f5b-f22eba81 {
    grid-row-start: 2;
    grid-column-start: 1;
  }

  #w-node-aaaf6cb1-1845-33d0-f0ed-d620e90cb5bd-8ac11dad {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8201f-8ac11dad {
    grid-row: 1 / 2;
    grid-column-end: 3;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac82020-8ac11dad, #w-node-e4c2672a-f19f-fdea-dee3-00f312a7aa9d-8ac11dad {
    grid-row: 2 / 3;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8202a-8ac11dad {
    grid-column: 1 / 3;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8202b-8ac11dad {
    grid-row: 2 / 3;
  }

  #w-node-e3457282-ca10-fae0-d595-c73f5df5e3f5-8ac11dad {
    grid-row: 2 / 3;
    grid-column-end: 3;
  }

  #w-node-_651df3e2-0f6a-6858-42b2-e0f06f377797-8ac11dad {
    grid-column: 1 / 3;
  }

  #w-node-_82be2c41-ce43-4873-ee91-dd95a30a37ba-8ac11dad, #w-node-f086e38a-27a9-9b76-5843-26d0e8f18b14-8ac11dad {
    grid-row: 2 / 3;
  }

  #w-node-_067f7b2a-bffb-10ed-3d1b-b1b1119e33ce-8ac11dad {
    grid-area: 1 / 3 / 2 / 5;
    justify-self: center;
  }

  #w-node-_35ea1f9c-061e-897b-1b69-7ec0ea96430e-8ac11dad, #w-node-_10474d85-2ed3-d7a1-5109-1c1699a8a7da-8ac11dad {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_22deed5f-d6a6-c568-98b6-450744323384-8ac11dad {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-a8e0ecbb-4546-790b-7b55-63921b83cca1-8ac11dad {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-c9764400-38dd-cfaa-9db9-690c07084d6e-8ac11dad {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_63549fee-fec1-27ea-1634-b239be20f356-2c4cf31d {
    grid-column: 1 / 13;
  }

  #w-node-_2ee8aacd-0dec-3240-a8f0-73e99691021e-2c4cf31d {
    grid-column-start: 1;
  }

  #w-node-eb7bab13-6961-4fc9-9011-5ad7c56116be-2c4cf31d {
    grid-column-end: 13;
  }
}

@media screen and (max-width: 479px) {
  #w-node-fb98b33f-dcc5-3007-4560-82553e8d9735-f22eb7bd {
    grid-column: 1 / 3;
  }

  #w-node-a43685f5-e279-4868-bb3f-f68f9f111981-f22eb7bd {
    grid-row-start: 2;
    grid-column-start: 1;
  }

  #w-node-f4989682-5f3a-4a30-7f44-f387c8184943-f22eb7bd {
    grid-row: 3 / 4;
  }

  #w-node-_2ee8aacd-0dec-3240-a8f0-73e996910221-f22eb7bd {
    grid-column: 1 / 3;
  }

  #w-node-_2ee8aacd-0dec-3240-a8f0-73e996910223-f22eb7bd {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_2ee8aacd-0dec-3240-a8f0-73e99691022e-f22eb7bd {
    grid-row: 3 / 4;
  }

  #w-node-eb7bab13-6961-4fc9-9011-5ad7c56116c1-f22eb7bd {
    grid-column-end: 3;
  }

  #w-node-eb7bab13-6961-4fc9-9011-5ad7c56116c3-f22eb7bd {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-eb7bab13-6961-4fc9-9011-5ad7c56116ce-f22eb7bd {
    grid-row: 3 / 4;
  }

  #w-node-a068389b-24c6-6374-baa5-a608b78a1049-f22eb85a {
    grid-column: 1 / 5;
  }

  #w-node-_73bed265-7c5c-4a6c-1cfc-9fdeb6fec1f9-f22eb91f {
    grid-column: 3 / 5;
  }

  #w-node-_891836f4-24d9-791c-cb02-77320939367e-f22eb91f, #w-node-_280a0120-1825-ce9f-bfdb-a5696dca2b92-f22eb91f {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_89973a22-400f-3c3d-f746-7f2294f11219-f22eb91f {
    grid-column: 3 / 5;
  }

  #w-node-_65f26c0e-f6cf-4e07-0275-bffbeab5638b-f22eb91f {
    grid-row: 9 / 10;
    grid-column-start: 3;
    justify-self: end;
  }

  #w-node-bd9c58b3-c9b1-4544-7bd7-5f14121d6d8e-f22eb91f {
    grid-row: 10 / 11;
  }

  #w-node-_89ebea30-01fe-6ac7-6fa4-c116034ddd52-f22eb91f {
    grid-column-end: 5;
  }

  #w-node-_3e12209c-d3c8-e696-867a-a1ce35750cc0-f22eb91f {
    grid-column: 3 / 5;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6d2-f22eb91f {
    grid-row: 9 / 10;
    grid-column-start: 3;
    justify-self: end;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6d5-f22eb91f {
    grid-row: 10 / 11;
  }

  #w-node-_4170b4d3-b323-621b-b468-f38a2b98d6da-f22eb91f {
    grid-column-end: 5;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fdd4-f22eb91f {
    grid-row: 10 / 11;
    grid-column-start: 2;
    justify-self: end;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fdd7-f22eb91f {
    grid-row: 12 / 13;
  }

  #w-node-f568cfc6-abf0-eb80-6963-626a0a00fddc-f22eb91f {
    grid-column-end: 3;
  }

  #w-node-_73bed265-7c5c-4a6c-1cfc-9fdeb6fec1f9-f22eb926, #w-node-_73bed265-7c5c-4a6c-1cfc-9fdeb6fec1f9-f22eb927 {
    grid-column: 3 / 5;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8201f-f22eb9a3 {
    justify-self: center;
  }

  #lexinform-online-beschreibung.w-node-b17b2afd-f9f9-7e13-6291-c6d67ac82020-f22eb9a3 {
    grid-row: 1 / 2;
    grid-column-start: 2;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8202a-f22eb9a3 {
    grid-column-end: 3;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8202b-f22eb9a3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-e3457282-ca10-fae0-d595-c73f5df5e3f5-f22eb9a3, #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8201f-8ac11dad {
    justify-self: center;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac82020-8ac11dad {
    grid-row: 1 / 2;
    grid-column-start: 2;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8202a-8ac11dad {
    grid-column-end: 3;
  }

  #w-node-b17b2afd-f9f9-7e13-6291-c6d67ac8202b-8ac11dad {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-e3457282-ca10-fae0-d595-c73f5df5e3f5-8ac11dad {
    justify-self: center;
  }

  #w-node-fb98b33f-dcc5-3007-4560-82553e8d9735-2c4cf31d {
    grid-column: 1 / 3;
  }

  #w-node-a43685f5-e279-4868-bb3f-f68f9f111981-2c4cf31d {
    grid-row-start: 2;
    grid-column-start: 1;
  }

  #w-node-f4989682-5f3a-4a30-7f44-f387c8184943-2c4cf31d {
    grid-row: 3 / 4;
  }

  #w-node-_2ee8aacd-0dec-3240-a8f0-73e996910221-2c4cf31d {
    grid-column: 1 / 3;
  }

  #w-node-_2ee8aacd-0dec-3240-a8f0-73e996910223-2c4cf31d {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_2ee8aacd-0dec-3240-a8f0-73e99691022e-2c4cf31d {
    grid-row: 3 / 4;
  }

  #w-node-eb7bab13-6961-4fc9-9011-5ad7c56116c1-2c4cf31d {
    grid-column-end: 3;
  }

  #w-node-eb7bab13-6961-4fc9-9011-5ad7c56116c3-2c4cf31d {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-eb7bab13-6961-4fc9-9011-5ad7c56116ce-2c4cf31d {
    grid-row: 3 / 4;
  }
}