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

body {
  margin: 0;
}

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

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

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

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

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

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

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

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

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

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

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

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

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

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

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

.w-block {
  display: block;
}

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

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

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

.w-hidden {
  display: none;
}

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

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

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

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

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

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

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

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

.w-optimization {
  display: contents;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-col {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

.w-widget {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-tabs {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: Marjorie;
  src: url("https://cdn.prod.website-files.com/6814792281987ef5fd4db1ff/6a70fda0938cf34caccf4a2f_Marjorie-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6814792281987ef5fd4db1ff/6814ff10225b212b513414d9_Inter-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6814792281987ef5fd4db1ff/6814ff1054e623c4d36f6d0a_Inter-ExtraLight-BETA.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6814792281987ef5fd4db1ff/6814ff1099def0fd848e529d_Inter-Light-BETA.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6814792281987ef5fd4db1ff/6814ff1057c2778b357ac70d_Inter-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6814792281987ef5fd4db1ff/6814ff10236afc046a9a0793_Inter-ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6814792281987ef5fd4db1ff/6814ff103d873b2bb54fa90d_Inter-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6814792281987ef5fd4db1ff/6814ff10abc4b4a2234ee015_Inter-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6814792281987ef5fd4db1ff/6814ff1054e623c4d36f6d22_Inter-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6814792281987ef5fd4db1ff/6814ff107174b82c414e4736_Inter-Thin-BETA.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

:root {
  --_theme---background: var(--swatch--light);
  --text-main--font-family: var(--font--primary-family);
  --_theme---text: var(--swatch--dark);
  --text-main--font-size: var(--size--1rem);
  --text-main--line-height: var(--line-height--1-5em);
  --text-main--letter-spacing: var(--letter-spacing--0em);
  --swatch--brand: #007889;
  --space--small: var(--size--1-5rem);
  --space--x-small: var(--size--0-5rem);
  --h1--font-family: var(--font--display-family);
  --h1--font-size: var(--size--2-5rem);
  --h1--line-height: var(--line-height--1-1em);
  --h1--font-weight: var(--all-headings--heading-font-weight);
  --h1--letter-spacing: var(--all-headings--heading-letter-spacing);
  --font--primary-regular: var(--font-weight--400);
  --h2--font-family: var(--font--display-family);
  --h2--font-size: var(--size--2rem);
  --h2--line-height: var(--line-height--1-3em);
  --h2--font-weight: var(--all-headings--heading-font-weight);
  --h2--letter-spacing: var(--all-headings--heading-letter-spacing);
  --h3--font-family: var(--all-headings--heading-font-family);
  --h3--font-size: var(--size--1-5rem);
  --h3--line-height: var(--line-height--1-3em);
  --h3--font-weight: var(--all-headings--heading-font-weight);
  --h3--letter-spacing: var(--all-headings--heading-letter-spacing);
  --h4--font-family: var(--all-headings--heading-font-family);
  --h4--font-size: var(--size--1-25rem);
  --h4--line-height: var(--line-height--1-5em);
  --h4--font-weight: var(--font--primary-bold);
  --h4--letter-spacing: var(--letter-spacing--0em);
  --h5--font-family: var(--all-headings--heading-font-family);
  --h5--font-size: var(--size--1rem);
  --h5--line-height: var(--line-height--1-5em);
  --h5--font-weight: var(--display--font-weight);
  --h5--letter-spacing: var(--letter-spacing--0em);
  --h6--font-family: var(--all-headings--heading-font-family);
  --h6--font-size: var(--size--0-75rem);
  --h6--line-height: var(--line-height--1-5em);
  --h6--font-weight: var(--all-headings--heading-font-weight);
  --h6--letter-spacing: var(--letter-spacing--0em);
  --size--0-75rem: .75rem;
  --size--1-25rem: 1.25rem;
  --size--0-25rem: .25rem;
  --size--2rem: 2rem;
  --size--0-5rem: .5rem;
  --size--1rem: 1rem;
  --text-large--font-family: var(--font--primary-family);
  --text-large--font-size: var(--size--1-25rem);
  --text-large--line-height: var(--line-height--1-3em);
  --text-large--font-weight: var(--font--primary-regular);
  --text-large--letter-spacing: var(--letter-spacing--0em);
  --radius--small: .5rem;
  --swatch--light: white;
  --text-small--font-size: .875rem;
  --text-small--line-height: var(--line-height--1-5em);
  --display--font-family: var(--font--display-family);
  --display--font-size: var(--size--3rem);
  --display--line-height: var(--all-headings--heading-line-height);
  --display--font-weight: var(--all-headings--heading-font-weight);
  --display--letter-spacing: var(--all-headings--heading-letter-spacing);
  --text-main--font-weight: var(--font--primary-regular);
  --text-small--font-family: var(--font--primary-family);
  --text-small--font-weight: var(--font--primary-regular);
  --text-small--letter-spacing: var(--letter-spacing--0em);
  --padding-vertical--main: var(--size--4rem);
  --max-width--small: 0px;
  --max-width--main: 0px;
  --max-width--full: 0px;
  --border-width--main: .094rem;
  --_theme---button-border: var(--swatch--dark);
  --_theme---button-background: var(--swatch--dark);
  --_theme---button-text: var(--swatch--light);
  --button--border-hover: white;
  --button--background-hover: white;
  --button--text-hover: white;
  --grid-gap--main: var(--size--1rem);
  --size--0rem: 0rem;
  --space--medium: var(--size--2rem);
  --space--large: var(--size--3rem);
  --font--primary-medium: var(--font-weight--600);
  --font--primary-bold: var(--font-weight--600);
  --radius--main: 1rem;
  --radius--round: 100vw;
  --theme--border: white;
  --_theme---border: var(--swatch--light-secondary);
  --line-height--1em: 1em;
  --swatch--transparent: #fff0;
  --size--1-5rem: 1.5rem;
  --size--3rem: 3rem;
  --theme--text: white;
  --swatch--dark: #1e1e1e;
  --swatch--amber: #fbb963;
  --swatch--sunbuffer: #f5d88f;
  --letter-spacing--0-03em: -.03em;
  --size--5rem: 5rem;
  --swatch--signal: #00e700;
  --swatch--light-secondary: #f5f9fa;
  --padding-vertical--small: var(--size--2-5rem);
  --padding-horizontal--main: 3rem;
  --size--0-125rem: .125rem;
  --space--xx-small: var(--size--0-25rem);
  --_theme---border-invert: var(--swatch--dark-secondary);
  --swatch--midnight: #131936;
  --swatch--line-dark: #ffffff1a;
  --radius--panel: var(--size--1-5rem);
  --radius--media-small: var(--size--0-75rem);
  --swatch--supplyblue: #9bc4d5;
  --swatch--dark-secondary: #2e2e2e;
  --swatch--line: #1e1e1e1a;
  --swatch--stone: #565656;
  --size--6rem: 6rem;
  --size--4-5rem: 4.5rem;
  --size--3-5rem: 3.5rem;
  --line-height--1-1em: 1.1em;
  --swatch--stone-light: #b3b3b3;
  --font-weight--600: 600;
  --font--display-family: Marjorie, Georgia, sans-serif;
  --data--verbrauch: var(--swatch--supplyblue);
  --data--erzeugung: var(--swatch--amber);
  --data--preis: #7d8794;
  --swatch--grey: #ededf2;
  --data--preis-on-dark: #aab4c0;
  --all-headings--heading-font-family: var(--font--primary-family);
  --padding-vertical--main\<deleted\|variable-c9eb9eba-8416-4efd-1cea-e7ea310174ad\>: var(--size--5rem\<deleted\|variable-bae47c00-da4b-4394-281a-e4462262d53a\>);
  --i: 7;
  --size--2-5rem: 2.5rem;
  --size--4rem: 4rem;
  --size--5-5rem: 5.5rem;
  --size--6-5rem: 6.5rem;
  --size--7rem: 7rem;
  --size--7-5rem: 7.5rem;
  --size--8rem: 8rem;
  --size--8-5rem: 8.5rem;
  --size--9rem: 9rem;
  --size--9-5rem: 9.5rem;
  --size--10rem: 10rem;
  --size--11rem: 11rem;
  --size--12rem: 12rem;
  --size--13rem: 13rem;
  --size--14rem: 14rem;
  --size--15rem: 15rem;
  --size--16rem: 16rem;
  --swatch--brand-text: var(--swatch--light);
  --theme--background: white;
  --button--background: white;
  --button--text: white;
  --button--border: white;
  --padding-vertical--none: var(--size--0rem);
  --padding-vertical--large: var(--size--6rem);
  --site-width--main: 90rem;
  --svg-stroke-width--main: .094rem;
  --font--primary-family: Inter, Arial, sans-serif;
  --letter-spacing--0em: 0em;
  --line-height--1-5em: 1.5em;
  --line-height--1-3em: 1.3em;
  --all-headings--heading-font-weight: var(--font--primary-medium);
  --all-headings--heading-line-height: var(--line-height--1em);
  --all-headings--heading-letter-spacing: var(--letter-spacing--0-03em);
  --all-headings--heading-text-transform: var(--text-transform--inherit);
  --display--text-transform: var(--all-headings--heading-text-transform);
  --h1--text-transform: var(--all-headings--heading-text-transform);
  --h2--text-transform: var(--all-headings--heading-text-transform);
  --h3--text-transform: var(--all-headings--heading-text-transform);
  --h4--text-transform: var(--all-headings--heading-text-transform);
  --h5--text-transform: var(--all-headings--heading-text-transform);
  --h6--text-transform: var(--all-headings--heading-text-transform);
  --text-large--text-transform: var(--text-transform--inherit);
  --text-main--text-transform: var(--text-transform--none);
  --text-small--text-transform: var(--text-transform--inherit);
  --column-width--1: 0px;
  --column-width--2: 0px;
  --column-width--3: 0px;
  --column-width--4: 0px;
  --column-width--5: 0px;
  --column-width--6: 0px;
  --column-width--7: 0px;
  --column-width--8: 0px;
  --column-width--9: 0px;
  --column-width--10: 0px;
  --column-width--11: 0px;
  --column-width--12: 0px;
  --column-margin--0: 0px;
  --column-margin--1: 1px;
  --column-margin--2: 2px;
  --column-margin--3: 3px;
  --column-margin--4: 4px;
  --column-margin--5: 5px;
  --column-margin--6: 6px;
  --column-margin--7: 7px;
  --column-margin--8: 8px;
  --column-margin--9: 9px;
  --column-margin--10: 10px;
  --column-margin--11: 11px;
  --column-margin--12: 12px;
  --text-transform--inherit: 0px;
  --text-transform--none: 0px;
  --text-transform--uppercase: 0px;
  --text-transform--capitalize: 0px;
  --text-transform--lowercase: 0px;
  --font-weight--inherit: 0px;
  --font-weight--100: 100;
  --font-weight--200: 200;
  --font-weight--300: 300;
  --font-weight--400: 400;
  --font-weight--500: 500;
  --font-weight--700: 700;
  --font-weight--800: 800;
  --font-weight--900: 900;
  --swatch--page: #f9f9fe;
  --swatch--line-soft: #0000000d;
  --swatch--brand-hover: #006473;
  --swatch--night-1: #0e1430;
  --swatch--night-2: #0c1228;
  --swatch--night-3: #090d1c;
  --swatch--night-teal: #0a2a36;
  --swatch--night-blue: #0d1e3a;
  --data--puffer: var(--swatch--sunbuffer);
  --data--verbrauch-flex: #c9e0ea;
  --data--erzeugung-flex: #fdd9a8;
  --data--axis: #5a6470;
  --data--axis-on-dark: #ffffff57;
  --data--gridline: #13193614;
  --data--gridline-on-dark: #ffffff14;
  --data--grid: #98c4d509;
  --data--stroke-preis: 1.6px;
  --data--bar-radius: 2px;
  --data--bar-gap: 2px;
  --data--verbrauch-starr: #8e959c;
  --measure--lede: 60ch;
  --measure--body: 64ch;
  --measure--caption: 54ch;
  --size--5rem\<deleted\|variable-bae47c00-da4b-4394-281a-e4462262d53a\>: 5rem;
}

body {
  background-color: var(--_theme---background);
  font-family: var(--text-main--font-family);
  color: var(--_theme---text);
  font-size: var(--text-main--font-size);
  line-height: var(--text-main--line-height);
  letter-spacing: var(--text-main--letter-spacing);
  overscroll-behavior: none;
}

a {
  color: inherit;
  text-decoration: none;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
}

a:hover {
  opacity: .75;
}

ul, ol {
  margin: unset;
  padding: unset;
  list-style-type: none;
}

img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
}

em {
  color: var(--swatch--brand);
  font-style: normal;
}

blockquote {
  padding: unset;
  border-width: 0;
}

figure {
  margin: 0;
}

.u-rich-text h1 {
  margin-top: var(--space--small);
  margin-bottom: var(--space--x-small);
  font-family: var(--h1--font-family);
  font-size: var(--h1--font-size);
  line-height: var(--h1--line-height);
  font-weight: var(--h1--font-weight);
  letter-spacing: var(--h1--letter-spacing);
  text-transform: var(--h1--text-transform);
  text-wrap: balance;
}

.u-rich-text p {
  margin-top: var(--space--x-small);
  margin-bottom: var(--space--x-small);
  font-weight: var(--font--primary-regular);
  text-wrap: pretty;
}

.u-rich-text h2 {
  margin-top: var(--space--small);
  margin-bottom: var(--space--x-small);
  font-family: var(--h2--font-family);
  font-size: var(--h2--font-size);
  line-height: var(--h2--line-height);
  font-weight: var(--h2--font-weight);
  letter-spacing: var(--h2--letter-spacing);
  text-transform: var(--h2--text-transform);
  text-wrap: balance;
}

.u-rich-text h3 {
  margin-top: var(--space--small);
  margin-bottom: var(--space--x-small);
  font-family: var(--h3--font-family);
  font-size: var(--h3--font-size);
  line-height: var(--h3--line-height);
  font-weight: var(--h3--font-weight);
  letter-spacing: var(--h3--letter-spacing);
  text-transform: var(--h3--text-transform);
  text-wrap: balance;
}

.u-rich-text h4 {
  margin-top: var(--space--small);
  margin-bottom: var(--space--x-small);
  font-family: var(--h4--font-family);
  font-size: var(--h4--font-size);
  line-height: var(--h4--line-height);
  font-weight: var(--h4--font-weight);
  letter-spacing: var(--h4--letter-spacing);
  text-transform: var(--h4--text-transform);
  text-wrap: balance;
}

.u-rich-text h5 {
  margin-top: var(--space--small);
  margin-bottom: var(--space--x-small);
  font-family: var(--h5--font-family);
  font-size: var(--h5--font-size);
  line-height: var(--h5--line-height);
  font-weight: var(--h5--font-weight);
  letter-spacing: var(--h5--letter-spacing);
  text-transform: var(--h5--text-transform);
  text-wrap: balance;
}

.u-rich-text h6 {
  margin-top: var(--space--small);
  margin-bottom: var(--space--x-small);
  font-family: var(--h6--font-family);
  font-size: var(--h6--font-size);
  line-height: var(--h6--line-height);
  font-weight: var(--h6--font-weight);
  letter-spacing: var(--h6--letter-spacing);
  text-transform: var(--h6--text-transform);
  text-wrap: balance;
}

.u-rich-text figure {
  margin-top: var(--space--small);
  margin-bottom: var(--space--small);
}

.u-rich-text ul {
  margin-top: var(--size--0-75rem);
  margin-bottom: var(--size--0-75rem);
  padding-left: var(--size--1-25rem);
  list-style-type: disc;
}

.u-rich-text li {
  margin-top: var(--size--0-25rem);
  margin-bottom: var(--size--0-25rem);
  font-weight: var(--font--primary-regular);
  text-wrap: pretty;
}

.u-rich-text blockquote {
  margin-top: var(--size--2rem);
  margin-bottom: var(--size--2rem);
  padding-top: var(--size--0-5rem);
  padding-bottom: var(--size--0-5rem);
  padding-left: var(--size--1rem);
  font-family: var(--text-large--font-family);
  font-size: var(--text-large--font-size);
  line-height: var(--text-large--line-height);
  font-weight: var(--text-large--font-weight);
  letter-spacing: var(--text-large--letter-spacing);
  text-transform: var(--text-large--text-transform);
  text-wrap: pretty;
  border-left-style: solid;
  border-left-width: .2rem;
}

.u-rich-text ol {
  padding-left: var(--size--1-25rem);
  list-style-type: decimal;
}

.u-rich-text code {
  padding: var(--size--0-75rem);
  border-radius: var(--radius--small);
  color: var(--swatch--light);
  font-size: var(--text-small--font-size);
  line-height: var(--text-small--line-height);
  background-color: #000;
  border: 1px solid #fff3;
  display: block;
}

.u-text-display {
  font-family: var(--display--font-family);
  font-size: var(--display--font-size);
  line-height: var(--display--line-height);
  font-weight: var(--display--font-weight);
  letter-spacing: var(--display--letter-spacing);
  text-transform: var(--display--text-transform);
  text-wrap: balance;
}

.u-text-h1 {
  font-family: var(--h1--font-family);
  font-size: var(--h1--font-size);
  line-height: var(--h1--line-height);
  font-weight: var(--h1--font-weight);
  letter-spacing: var(--h1--letter-spacing);
  text-transform: var(--h1--text-transform);
  text-wrap: balance;
}

.u-text-h2 {
  font-family: var(--h2--font-family);
  font-size: var(--h2--font-size);
  line-height: var(--h2--line-height);
  font-weight: var(--h2--font-weight);
  letter-spacing: var(--h2--letter-spacing);
  text-transform: var(--h2--text-transform);
  text-wrap: balance;
}

.u-text-h2.u-text-align-center {
  box-sizing: border-box;
}

.u-text-h3 {
  font-family: var(--h3--font-family);
  font-size: var(--h3--font-size);
  line-height: var(--h3--line-height);
  font-weight: var(--h3--font-weight);
  letter-spacing: var(--h3--letter-spacing);
  text-transform: var(--h3--text-transform);
  text-wrap: balance;
}

.u-text-h3.u-text-align-center {
  font-size: 1.25rem;
}

.u-text-h4 {
  font-family: var(--h4--font-family);
  font-size: var(--h4--font-size);
  line-height: var(--h4--line-height);
  font-weight: var(--h4--font-weight);
  letter-spacing: var(--h4--letter-spacing);
  text-transform: var(--h4--text-transform);
  text-wrap: balance;
}

.u-text-h5 {
  font-family: var(--h5--font-family);
  font-size: var(--h5--font-size);
  line-height: var(--h5--line-height);
  font-weight: var(--h5--font-weight);
  letter-spacing: var(--h5--letter-spacing);
  text-transform: var(--h5--text-transform);
  text-wrap: balance;
}

.u-text-h6 {
  font-family: var(--h6--font-family);
  font-size: var(--h6--font-size);
  line-height: var(--h6--line-height);
  font-weight: var(--h6--font-weight);
  letter-spacing: var(--h6--letter-spacing);
  text-transform: var(--h6--text-transform);
  text-wrap: balance;
}

.u-text-large {
  font-family: var(--text-large--font-family);
  font-size: var(--text-large--font-size);
  line-height: var(--text-large--line-height);
  font-weight: var(--text-large--font-weight);
  letter-spacing: var(--text-large--letter-spacing);
  text-transform: var(--text-large--text-transform);
  text-wrap: pretty;
}

.u-text-main {
  font-family: var(--text-main--font-family);
  font-size: var(--text-main--font-size);
  line-height: var(--text-main--line-height);
  font-weight: var(--text-main--font-weight);
  letter-spacing: var(--text-main--letter-spacing);
  text-transform: var(--text-main--text-transform);
  text-wrap: pretty;
}

.u-text-small {
  font-family: var(--text-small--font-family);
  font-size: var(--text-small--font-size);
  line-height: var(--text-small--line-height);
  font-weight: var(--text-small--font-weight);
  letter-spacing: var(--text-small--letter-spacing);
  text-transform: var(--text-small--text-transform);
  text-wrap: pretty;
}

.u-text-small.u-color-faded.u-text-align-center.is-compact {
  font-size: .75rem;
  line-height: 1.35;
}

.u-container {
  width: 100%;
  max-width: 72.75rem;
  padding: var(--padding-vertical--main) 1rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.u-container.u-grid-column-2.u-gap-small {
  margin-bottom: -120px;
}

.u-container-small {
  width: 100%;
  max-width: var(--max-width--small);
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.u-container-full {
  width: 100%;
  max-width: var(--max-width--full);
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.u-sr-only {
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  width: 1px;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.u-button-style {
  border: var(--border-width--main) solid var(--_theme---button-border);
  background-color: var(--_theme---button-background);
  color: var(--_theme---button-text);
  transition: border-color .2s, color .2s, background-color .2s;
}

.u-button-style:where(.w-variant-dd356469-c6fe-a662-5756-750d44e46790), .u-button-style:where(.w-variant-a2afdf85-8c91-2c54-7cde-86438a2a8d17) {
  color: #131936;
  background-color: #fff;
  border-color: #fff;
}

.u-button-style:hover {
  border-color: var(--button--border-hover);
  background-color: var(--button--background-hover);
  color: var(--button--text-hover);
}

.u-visual-wrap {
  aspect-ratio: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.u-hflex-left-top {
  flex-flow: row;
  place-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.u-hflex-left-center {
  flex-flow: row;
  place-content: center flex-start;
  align-items: center;
  display: flex;
}

.u-hflex-left-bottom {
  flex-flow: row;
  place-content: flex-end flex-start;
  align-items: flex-end;
  display: flex;
}

.u-hflex-left-stretch {
  flex-flow: row;
  place-content: stretch flex-start;
  align-items: stretch;
  display: flex;
}

.u-hflex-center-top {
  flex-flow: row;
  place-content: flex-start center;
  align-items: flex-start;
  display: flex;
}

.u-hflex-center-center {
  flex-flow: row;
  place-content: center;
  align-items: center;
  display: flex;
}

.u-hflex-center-bottom {
  flex-flow: row;
  place-content: flex-end center;
  align-items: flex-end;
  display: flex;
}

.u-hflex-center-stretch {
  flex-flow: row;
  place-content: stretch center;
  align-items: stretch;
  display: flex;
}

.u-hflex-right-top {
  flex-flow: row;
  place-content: flex-start flex-end;
  align-items: flex-start;
  display: flex;
}

.u-hflex-right-center {
  flex-flow: row;
  place-content: center flex-end;
  align-items: center;
  display: flex;
}

.u-hflex-right-bottom {
  flex-flow: row;
  place-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.u-hflex-right-stretch {
  flex-flow: row;
  place-content: stretch flex-end;
  align-items: stretch;
  display: flex;
}

.u-hflex-between-top {
  flex-flow: row;
  place-content: flex-start space-between;
  align-items: flex-start;
  display: flex;
}

.u-hflex-between-center {
  flex-flow: row;
  place-content: center space-between;
  align-items: center;
  display: flex;
}

.u-hflex-between-bottom {
  flex-flow: row;
  place-content: flex-end space-between;
  align-items: flex-end;
  display: flex;
}

.u-hflex-between-stretch {
  flex-flow: row;
  place-content: stretch space-between;
  align-items: stretch;
  display: flex;
}

.u-hflex-wrap {
  flex-flow: wrap;
}

.u-vflex-left-top {
  flex-flow: column;
  place-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.u-vflex-left-top.u-gap-small.u-flex-grow {
  align-self: center;
}

.u-vflex-left-center {
  flex-flow: column;
  place-content: flex-start center;
  align-items: flex-start;
  display: flex;
}

.u-vflex-left-bottom {
  flex-flow: column;
  place-content: flex-start flex-end;
  align-items: flex-start;
  display: flex;
}

.u-vflex-left-between {
  flex-flow: column;
  place-content: flex-start space-between;
  align-items: flex-start;
  display: flex;
}

.u-vflex-center-top {
  flex-flow: column;
  place-content: center flex-start;
  align-items: center;
  display: flex;
}

.u-vflex-center-center {
  flex-flow: column;
  place-content: center;
  align-items: center;
  display: flex;
}

.u-vflex-center-bottom {
  flex-flow: column;
  place-content: center flex-end;
  align-items: center;
  display: flex;
}

.u-vflex-center-between {
  flex-flow: column;
  place-content: center space-between;
  align-items: center;
  display: flex;
}

.u-vflex-right-top {
  flex-flow: column;
  place-content: flex-end flex-start;
  align-items: flex-end;
  display: flex;
}

.u-vflex-right-center {
  flex-flow: column;
  place-content: flex-end center;
  align-items: flex-end;
  display: flex;
}

.u-vflex-right-bottom {
  flex-flow: column;
  place-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.u-vflex-right-between {
  flex-flow: column;
  place-content: flex-end space-between;
  align-items: flex-end;
  display: flex;
}

.u-vflex-stretch-top {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.u-vflex-stretch-center {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.u-vflex-stretch-bottom {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.u-vflex-stretch-between {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.u-vflex-wrap {
  flex-flow: column wrap;
}

.u-flex-noshrink {
  flex: none;
}

.u-flex-shrink {
  flex: 0 auto;
}

.u-flex-grow {
  flex: 1;
}

.u-grid-custom {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--grid-1);
  display: grid;
}

.u-grid-subgrid {
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: subgrid;
  grid-column-gap: inherit;
  grid-row-gap: inherit;
  grid-column: auto / span 1;
  display: grid;
}

.u-grid-autofit {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.u-grid-autofill {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.u-grid-column-2 {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--grid-2);
  display: grid;
}

.u-grid-column-3 {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--grid-3);
  display: grid;
}

.u-grid-column-4 {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--grid-4);
  display: grid;
}

.u-grid-desktop, .u-grid-tablet, .u-grid-landscape {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--grid-main);
  display: grid;
}

.u-grid-breakout {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--grid-breakout);
  display: grid;
}

.u-color-inherit {
  color: inherit;
}

.u-color-faded {
  color: color-mix(in srgb, var(--_theme---text) 75%, transparent);
}

.u-gap-none {
  grid-column-gap: var(--size--0rem);
  grid-row-gap: var(--size--0rem);
}

.u-gap-inherit {
  grid-column-gap: inherit;
  grid-row-gap: inherit;
}

.u-gap-xsmall {
  grid-column-gap: var(--space--x-small);
  grid-row-gap: var(--space--x-small);
}

.u-gap-small {
  grid-column-gap: var(--space--small);
  grid-row-gap: var(--space--small);
}

.u-gap-main {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
}

.u-gap-medium {
  grid-column-gap: var(--space--medium);
  grid-row-gap: var(--space--medium);
}

.u-gap-large {
  grid-column-gap: var(--space--large);
  grid-row-gap: var(--space--large);
}

.u-gap-row-none {
  grid-row-gap: var(--size--0rem);
}

.u-gap-row-inherit {
  grid-row-gap: inherit;
}

.u-gap-row-xsmall {
  grid-row-gap: var(--space--x-small);
}

.u-gap-row-small {
  grid-row-gap: var(--space--small);
}

.u-gap-row-main {
  grid-row-gap: var(--grid-gap--main);
}

.u-gap-row-medium {
  grid-row-gap: var(--space--medium);
}

.u-gap-row-large {
  grid-row-gap: var(--space--large);
}

.u-margin-inline-auto {
  margin-left: auto;
  margin-right: auto;
}

.u-mt-none {
  margin-top: 0;
}

.u-mt-xsmall {
  margin-top: var(--space--x-small);
}

.u-mt-small {
  margin-top: var(--space--small);
}

.u-mt-medium {
  margin-top: var(--space--medium);
}

.u-mt-large {
  margin-top: var(--space--large);
}

.u-mt-main {
  margin-top: var(--grid-gap--main);
}

.u-mb-none {
  margin-bottom: 0;
}

.u-mb-xsmall {
  margin-bottom: var(--space--x-small);
}

.u-mb-small {
  margin-bottom: var(--space--small);
}

.u-mb-medium {
  margin-bottom: var(--space--medium);
}

.u-mb-large {
  margin-bottom: var(--space--large);
}

.u-mb-main {
  margin-bottom: var(--grid-gap--main);
}

.u-weight-regular {
  font-weight: var(--font--primary-regular);
}

.u-weight-medium {
  font-weight: var(--font--primary-medium);
}

.u-weight-bold {
  font-weight: var(--font--primary-bold);
}

.u-height-screen {
  min-height: 100svh;
}

.u-column-full {
  grid-column: 1 / -1;
}

.u-column-custom {
  grid-column: auto / span 1;
}

.u-column-indent {
  grid-column: 2 / -2;
}

.u-column-1 {
  grid-column: auto / span 1;
}

.u-column-2 {
  grid-column: auto / span 2;
}

.u-column-3 {
  grid-column: auto / span 3;
}

.u-column-4 {
  grid-column: auto / span 4;
}

.u-column-5 {
  grid-column: auto / span 5;
}

.u-column-6 {
  grid-column: auto / span 6;
}

.u-column-7 {
  grid-column: auto / span 7;
}

.u-column-8 {
  grid-column: auto / span 8;
}

.u-column-9 {
  grid-column: auto / span 9;
}

.u-column-10 {
  grid-column: auto / span 10;
}

.u-column-11 {
  grid-column: auto / span 11;
}

.u-column-12 {
  grid-column: auto / span 12;
}

.u-order-first, .u-order-first-desktop, .u-order-first-tablet {
  order: -1;
}

.u-order-last, .u-order-last-desktop, .u-order-last-tablet {
  order: 1;
}

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

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

.u-text-align-right {
  text-align: right;
}

.u-text-transform-none {
  text-transform: none;
}

.u-text-transform-uppercase {
  text-transform: uppercase;
}

.u-text-transform-capitalize {
  text-transform: capitalize;
}

.u-text-transform-lowercase {
  text-transform: lowercase;
}

.u-text-wrap-wrap {
  text-wrap: wrap;
}

.u-text-wrap-balance {
  text-wrap: balance;
}

.u-text-wrap-pretty {
  text-wrap: pretty;
}

.u-max-width-none {
  max-width: none;
}

.u-radius-none {
  border-radius: 0;
}

.u-radius-inherit {
  border-radius: inherit;
}

.u-radius-small {
  border-radius: var(--radius--small);
}

.u-radius-main {
  border-radius: var(--radius--main);
}

.u-radius-round {
  border-radius: var(--radius--round);
}

.u-overflow-visible {
  overflow: visible;
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-overflow-clip {
  overflow: clip;
}

.u-overflow-scroll {
  overflow: scroll;
}

.u-overflow-auto {
  overflow: auto;
}

.u-overflow-x-auto {
  overflow: auto hidden;
}

.u-overflow-y-auto {
  overflow: hidden auto;
}

.u-overflow-hidden-left {
  clip-path: polygon(0 0, 9000% 0, 9000% 100%, 0% 100%);
}

.u-display-block {
  display: block;
}

.u-display-inline {
  display: inline;
}

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

.u-display-inline-flex {
  display: inline-flex;
}

.u-display-inline-grid {
  display: inline-grid;
}

.u-display-none {
  display: none;
}

.u-zindex-negative {
  z-index: -1;
  position: relative;
}

.u-zindex-0 {
  z-index: 0;
  position: relative;
}

.u-zindex-unset {
  z-index: unset;
  position: relative;
}

.u-zindex-1 {
  z-index: 1;
  position: relative;
}

.u-zindex-2 {
  z-index: 2;
  position: relative;
}

.u-zindex-3 {
  z-index: 3;
  position: relative;
}

.u-zindex-under-nav {
  z-index: 999;
  position: relative;
}

.u-zindex-over-nav {
  z-index: 1001;
  position: relative;
}

.u-position-static {
  position: static;
}

.u-position-relative {
  position: relative;
}

.u-position-absolute {
  position: absolute;
}

.u-position-sticky {
  position: sticky;
  top: 0;
}

.u-position-fixed {
  position: fixed;
}

.u-height-full {
  height: 100%;
}

.u-width-full {
  width: 100%;
}

.u-cover {
  width: 100%;
  height: 100%;
}

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

.u-pointer-on {
  pointer-events: auto;
}

.u-pointer-off {
  pointer-events: none;
}

.styleguide_card_wrap {
  height: 100%;
  padding: var(--space--small);
  border: var(--border-width--main) solid var(--theme--border);
  border-radius: var(--radius--main);
  position: relative;
  overflow: hidden;
}

.styleguide_card_wrap.u-gap-small.u-vflex-left-between {
  border-color: var(--_theme---border);
}

.styleguide_footer {
  border-top: var(--border-width--main) solid var(--theme--border);
  text-align: center;
}

.g_tag_wrap {
  min-width: 4rem;
  padding: var(--size--0-5rem) var(--size--0-75rem);
  border-radius: var(--radius--small);
  background-color: var(--_theme---text);
  color: var(--_theme---background);
  line-height: var(--line-height--1em);
  text-align: center;
  display: inline-block;
}

.styleguide_font_item {
  border-bottom: var(--border-width--main) solid var(--_theme---border);
}

.styleguide_font_item.u-grid-column-2 {
  padding-top: var(--space--small);
  padding-bottom: var(--space--small);
  grid-row-gap: var(--space--x-small);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
  align-items: center;
}

.form_main_field_wrap {
  text-align: left;
  width: 100%;
}

.form_main_wrap {
  width: 100%;
  margin-bottom: 0;
}

.form_main_success_wrap {
  border: var(--border-width--main) solid var(--theme--border);
  border-radius: var(--radius--main);
  background-color: var(--swatch--transparent);
  padding: 1.2rem;
}

.form_main_option_item {
  margin-bottom: 0;
  padding-left: 0;
}

.form_main_error_wrap {
  border: var(--border-width--main) solid var(--theme--border);
  border-radius: var(--radius--main);
  background-color: #0000;
  margin-top: 1.3rem;
  padding: .8rem 1.4rem;
}

.form_main_option_link {
  width: var(--size--1-5rem);
  height: var(--size--1-5rem);
  margin: 0px var(--space--x-small) 0px 0px;
  border-width: var(--border-width--main);
  border-color: var(--theme--border);
  border-radius: var(--radius--small);
}

.form_main_option_link.w--redirected-checked {
  border-color: var(--swatch--brand);
  border-radius: var(--radius--small);
  background-color: var(--swatch--brand);
  background-size: 60%;
}

.form_main_option_link.radio {
  border-radius: var(--radius--round);
}

.form_main_field_input {
  height: var(--size--3rem);
  border-top: 0 solid #000;
  border-bottom-style: solid;
  border-right: 0 solid #000;
  border-bottom-width: var(--border-width--main);
  border-bottom-color: var(--theme--border);
  font-size: var(--text-large--font-size);
  line-height: var(--text-large--line-height);
  color: inherit;
  background-color: #0000;
  border-left: 0 solid #000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
}

.form_main_field_input:focus {
  border-bottom-color: var(--theme--text);
}

.form_main_field_input::placeholder {
  color: color-mix(in srgb, var(--theme--text) 60%, transparent);
}

.form_main_field_input.is-message {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 5rem;
  max-height: 10rem;
  padding-top: var(--size--0-5rem);
}

.btn_main_wrap {
  padding: var(--size--0-75rem) var(--size--1-5rem);
  line-height: 1;
}

.btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block {
  border-top-color: var(--swatch--brand);
  border-right-color: var(--swatch--brand);
  border-bottom-color: var(--swatch--brand);
  border-left-color: var(--swatch--brand);
  background-color: var(--swatch--brand);
  color: var(--swatch--dark);
  padding: .625rem 1.25rem;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block:where(.w-variant-3048165a-a1ff-073b-7ad2-b2c44d3f9894) {
  border-color: var(--swatch--dark);
  background-color: var(--swatch--dark);
  color: var(--swatch--light);
}

.btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block.u-weight-medium {
  border-color: var(--swatch--amber);
  background-color: var(--swatch--amber);
  background-image: linear-gradient(90deg, #fbb963, #f5d88f);
}

.btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block.u-weight-medium:hover {
  border-color: var(--swatch--dark);
  background-color: var(--swatch--dark);
  color: var(--swatch--light);
  background-image: none;
}

.btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block.u-weight-medium.u-text-align-center {
  border-color: var(--swatch--sunbuffer);
  background-color: var(--swatch--sunbuffer);
  letter-spacing: var(--letter-spacing--0-03em);
  background-image: none;
}

.btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block.u-weight-medium.u-text-align-center:where(.w-variant-3048165a-a1ff-073b-7ad2-b2c44d3f9894) {
  color: var(--swatch--dark);
  background-color: #9bc4d5;
  background-image: none;
  border-color: #9bc4d5;
}

.btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block.u-weight-medium.u-text-align-center:where(.w-variant-dd356469-c6fe-a662-5756-750d44e46790) {
  color: #131936;
  background-color: #fff;
  background-image: none;
  border-color: #fff;
}

.btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block.u-weight-medium.u-text-align-center:where(.w-variant-7b8166d0-45eb-9783-e676-f9dba3c30607) {
  background-color: var(--swatch--transparent);
  color: var(--swatch--light);
  background-image: none;
}

.btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block.u-weight-medium.u-text-align-center:where(.w-variant-5e9cc40c-7c44-362c-7edc-194fc9b73d2b) {
  background-color: var(--swatch--light);
}

.btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block.u-weight-medium.u-text-align-center:where(.w-variant-57d61937-3a8b-2ad6-91c8-c7e3a06bc89c) {
  border-color: var(--swatch--dark);
  background-color: var(--swatch--dark);
  color: var(--swatch--light);
}

.btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block.u-weight-medium.u-text-align-center:where(.w-variant-a2afdf85-8c91-2c54-7cde-86438a2a8d17) {
  color: #fff;
  background-color: #007889;
  background-image: none;
  border-color: #007889;
  padding: 14px 26px;
  transition: transform .25s cubic-bezier(.22, .61, .36, 1), box-shadow .25s cubic-bezier(.22, .61, .36, 1), background-color .25s cubic-bezier(.22, .61, .36, 1), border-color .25s cubic-bezier(.22, .61, .36, 1), color .25s cubic-bezier(.22, .61, .36, 1);
}

.btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block.u-weight-medium.u-text-align-center:hover {
  border-color: var(--swatch--brand);
  background-color: var(--swatch--brand);
}

.btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block.u-weight-medium.u-text-align-center:hover:where(.w-variant-3048165a-a1ff-073b-7ad2-b2c44d3f9894) {
  border-color: var(--swatch--brand);
  background-color: var(--swatch--brand);
  color: var(--swatch--light);
}

.btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block.u-weight-medium.u-text-align-center:hover:where(.w-variant-7b8166d0-45eb-9783-e676-f9dba3c30607) {
  border-color: var(--swatch--dark);
  background-color: var(--swatch--dark);
}

.btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block.u-weight-medium.u-text-align-center:hover:where(.w-variant-5e9cc40c-7c44-362c-7edc-194fc9b73d2b) {
  border-color: var(--swatch--dark);
  background-color: var(--swatch--dark);
  color: var(--swatch--light);
}

.btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block.u-weight-medium.u-text-align-center:hover:where(.w-variant-57d61937-3a8b-2ad6-91c8-c7e3a06bc89c) {
  background-color: var(--swatch--light);
  color: var(--swatch--dark);
}

.btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block.u-weight-medium.u-text-align-center:hover:where(.w-variant-a2afdf85-8c91-2c54-7cde-86438a2a8d17) {
  color: #fff;
  background-color: #007889;
  border-color: #007889;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px -12px #0078898c;
}

.btn_main_text {
  z-index: 2;
  position: relative;
}

.btn_icon_wrap {
  width: var(--size--5rem);
  aspect-ratio: 1;
}

.btn_icon_wrap.u-hflex-center-center.u-radius-round:where(.w-variant-dd356469-c6fe-a662-5756-750d44e46790), .btn_icon_wrap.u-hflex-center-center.u-radius-round:where(.w-variant-a2afdf85-8c91-2c54-7cde-86438a2a8d17) {
  background-color: var(--swatch--signal);
}

.btn_icon_wrap.u-button-style.u-hflex-center-center.u-radius-round.u-position-relative {
  border-color: var(--swatch--brand);
  background-color: var(--swatch--brand);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--swatch--dark);
}

.btn_icon_wrap.u-button-style.u-hflex-center-center.u-radius-round.u-position-relative:where(.w-variant-129771a4-798f-d55b-b973-2407ddf301c3) {
  border-color: var(--swatch--dark);
  background-color: var(--swatch--dark);
  color: var(--swatch--light);
}

.btn_icon_icon {
  aspect-ratio: 1;
  width: 36%;
}

.btn_icon_icon.u-position-relative {
  width: 1.25rem;
  height: 1.25rem;
}

.page_wrap {
  overflow: clip;
}

.page_wrap.v-lightblue {
  background-color: var(--swatch--light-secondary);
}

.page_wrap.u-gradient, .page_wrap.u-gradient-batterie, .page_wrap.u-gradient-stromtarif {
  background-color: #fff;
  background-image: none;
}

.page_wrap.v-lightgray {
  background-color: #fbfbfb;
}

.page_wrap.u-bg-lightgray {
  background-color: #f9f9fe;
}

.page_code_wrap {
  position: fixed;
  inset: 0% 0% auto;
}

.styleguide_group {
  padding-top: var(--space--large);
}

.styleguide_visual {
  width: 100%;
  max-height: 7rem;
  padding: var(--space--x-small);
  aspect-ratio: 3 / 1.5;
  border: var(--border-width--main) solid var(--theme--border);
  border-radius: var(--radius--small);
  text-align: center;
  position: relative;
  overflow: hidden;
}

.styleguide_icon {
  width: var(--size--3rem);
  height: var(--size--3rem);
}

.hero_utility-page_contain.u-container {
  min-height: 100vh;
}

.hero_utility-page_content {
  text-align: center;
}

.styleguide_contain.u-container {
  padding-top: var(--padding-vertical--small);
  padding-bottom: var(--padding-vertical--small);
}

.styleguide_guide_wrap {
  z-index: 2000;
  pointer-events: none;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.styleguide_guide_layout.u-grid-custom {
  grid-template-columns: var(--grid-main);
}

.styleguide_guide_column {
  color: #8a8a8a80;
  background-color: #9292920f;
  height: 100vh;
  padding-top: .6rem;
  padding-bottom: .6rem;
}

.g_eyebrow_marker {
  width: var(--border-width--main);
  background-color: currentColor;
  padding-bottom: 0;
  padding-right: 0;
}

.g_visual_background {
  opacity: .1;
  background-color: currentColor;
}

.g_visual_background.u-cover-absolute {
  opacity: 0;
}

.g_visual_img {
  opacity: .5;
}

.g_visual_img.is-portrait {
  opacity: 1;
}

.g_visual_overlay {
  background-color: #000;
}

.styleguide_card_visual {
  border-top-left-radius: var(--radius--round);
  border-top-right-radius: var(--radius--round);
  border-bottom-left-radius: var(--radius--round);
  border-bottom-right-radius: var(--radius--round);
  opacity: .1;
  pointer-events: none;
  background-color: currentColor;
  width: 100%;
  min-width: 3rem;
  min-height: 3rem;
}

.styleguide_flex_wrap {
  aspect-ratio: 1;
  background-image: url("https://cdn.prod.website-files.com/6814792281987ef5fd4db1ff/6814792281987ef5fd4db235_dots.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 88%;
  flex-flow: column;
  width: 100%;
  display: flex;
  container-type: inline-size;
}

.styleguide_flex_dot {
  opacity: .1;
  pointer-events: none;
  background-color: currentColor;
  border-radius: 100vw;
  min-width: 16cqw;
  min-height: 16cqw;
}

.styleguide_scroll {
  padding-left: var(--padding-horizontal--main);
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  margin-left: calc(var(--padding-horizontal--main) * -1);
  scrollbar-color: var(--theme--text) transparent;
  grid-template-rows: auto;
  grid-template-columns: minmax(16rem, 1fr);
  grid-auto-columns: minmax(16rem, 1fr);
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
  overflow: auto;
  -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%);
  mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%);
}

.styleguide_section {
  padding-top: var(--space--large);
}

.g_clickable_link.u-cover-absolute.u-radius-inherit {
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.btn_main_layout {
  margin-left: auto;
  margin-right: auto;
}

.styleguide_layout {
  align-items: start;
}

.styleguide_nav_wrap {
  padding-top: var(--size--1rem);
  padding-right: var(--size--1rem);
  padding-bottom: var(--size--1rem);
  padding-left: var(--size--1rem);
  max-height: calc(100vh - var(--padding-horizontal--main) * 2);
  top: var(--padding-horizontal--main);
  grid-column-start: 10;
  position: sticky;
}

.styleguide_nav_list {
  border-left-style: solid;
  border-left-width: var(--border-width--main);
  border-left-color: inherit;
}

.styleguide_nav_item {
  margin-left: calc(var(--border-width--main) * -.5);
}

.styleguide_nav_link {
  padding-top: var(--size--0-125rem);
  padding-bottom: var(--size--0-125rem);
  padding-left: var(--size--0-75rem);
  display: block;
}

.styleguide_nav_link.w--current {
  border-left-style: solid;
  border-left-width: var(--border-width--main);
  border-left-color: currentColor;
}

.styleguide_nav_sub_list {
  overflow: hidden;
}

.styleguide_nav_sub_link {
  padding-top: var(--size--0-125rem);
  padding-bottom: var(--size--0-125rem);
  padding-left: var(--size--1-25rem);
  opacity: .6;
  line-height: 1.3em;
  display: block;
}

.styleguide_nav_sub_link:hover, .styleguide_nav_sub_link.w--current {
  opacity: 1;
}

.styleguide_nav_sub_wrap {
  grid-template-rows: 0fr;
  grid-template-columns: minmax(0, 1fr);
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: grid;
}

.u-gap-xxsmall {
  grid-column-gap: var(--space--xx-small);
  grid-row-gap: var(--space--xx-small);
}

.u-gap-row-xxsmall {
  grid-row-gap: var(--space--xx-small);
}

.u-mt-xxsmall {
  margin-top: var(--space--xx-small);
}

.u-mb-xxsmall {
  margin-bottom: var(--space--x-small);
}

.btn_main_icon {
  width: 1.25rem;
  height: 1.25rem;
}

.hero_slider_hint.u-radius-main.u-vflex-stretch-top.u-gap-small {
  padding: var(--size--2rem);
}

.hero_slider_dropdown_toggle.u-width-full {
  color: var(--swatch--light);
  padding: 0;
}

.hero_slider_dropdown_toggle.u-width-full.u-text-h4.u-hflex-between-center {
  transition: all .3s;
}

.hero_slider_dropdown_toggle.u-width-full.u-text-h4.u-hflex-between-center:hover {
  color: var(--swatch--brand);
}

.hero_slider_dropdown_content {
  background-color: var(--swatch--transparent);
  position: static;
}

.hero_slider_dropdown_icon {
  width: 1.5rem;
  height: 1.5rem;
}

.u-theme-dark {
  border-color: var(--_theme---border);
  background-color: var(--_theme---background);
  color: var(--_theme---text);
  --_theme---background: var(--swatch--midnight);
  --_theme---text: var(--swatch--light);
  --_theme---button-border: var(--swatch--light);
  --_theme---button-background: var(--swatch--light);
  --_theme---button-text: var(--swatch--dark);
  --_theme---border: var(--swatch--dark-secondary);
  --_theme---border-invert: var(--swatch--light-secondary);
}

.u-theme-light {
  border-color: var(--_theme---border);
  background-color: var(--_theme---background);
  color: var(--_theme---text);
  --_theme---background: var(--swatch--light);
  --_theme---text: var(--swatch--dark);
  --_theme---button-border: var(--swatch--dark);
  --_theme---button-background: var(--swatch--dark);
  --_theme---button-text: var(--swatch--light);
  --_theme---border: var(--swatch--light-secondary);
  --_theme---border-invert: var(--swatch--dark-secondary);
}

.u-theme-invert {
  border-color: var(--_theme---border-invert);
  background-color: var(--_theme---text);
  color: var(--_theme---background);
}

.hero_home_contain.u-container.u-height-full.u-vflex-center-center.u-gap-large {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
}

.hero_home_content.u-radius-main.u-vflex-left-top.u-gap-medium {
  padding: var(--size--3rem) var(--size--2rem);
  background-color: var(--swatch--light-secondary);
}

.hero_home_heading.u-text-align-center.u-text-h1 {
  font-size: 6rem;
  font-weight: 600;
}

.hero_home_visual.u-position-relative.u-overflow-hidden.u-radius-main {
  box-shadow: 0 0 #0000, 0 .3px .2px #0001, 0 1.2px 1.8px #00000013, 0 5.6px 10.3px #00000015;
}

.numbers_home_text.u-text-align-center.u-text-large, .numbers_home_number.u-text-h2.u-hflex-center-center.u-gap-xxsmall.u-weight-bold {
  color: var(--swatch--light);
}

.problem_home_section {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
}

.problem_home_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.problem_home_card.u-column-2.u-radius-main.u-vflex-left-center.u-gap-medium {
  padding: var(--size--2rem);
  background-color: #faf5eb;
}

.problem_home_card.u-column-2.u-radius-main.u-vflex-left-center.u-gap-medium.v-blue {
  background-color: var(--swatch--light-secondary);
}

.icon_wrap.u-vflex-center-center.u-radius-round {
  background-color: var(--swatch--light);
  width: 3rem;
  height: 3rem;
}

.icon_main {
  width: 1.5rem;
  height: 1.5rem;
}

.problem_home_visual.u-position-relative.u-overflow-hidden.u-radius-main {
  box-shadow: 0 0 #0000, 0 .3px .2px #0001, 0 1.2px 1.8px #00000013, 0 5.6px 10.3px #00000015;
}

.service_home_section {
  box-sizing: border-box;
  float: none;
  clear: left;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--swatch--light-secondary);
  object-fit: fill;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
  position: static;
}

.service_home_contain.u-container.u-vflex-stretch-top.u-gap-large {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.service_home_header.u-vflex-center-top.u-gap-xsmall.u-margin-inline-auto {
  max-width: 40rem;
}

.tagline_main.u-weight-medium {
  color: var(--swatch--brand);
}

.service_home_grid.u-grid-column-2.u-gap-small {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column dense;
  grid-template-columns: minmax(0undefined, 1fr);
  aspect-ratio: auto;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto;
  place-content: end center;
  align-self: stretch;
  place-items: center;
  display: grid;
}

.service_home_grid.u-grid-column-2.u-gap-small.u-margin-inline-auto {
  width: 60rem;
  max-width: 100%;
}

.service_home_card.u-radius-main.u-overflow-hidden {
  background-color: var(--swatch--light);
}

.service_home_card.u-radius-main.u-overflow-hidden.u-position-relative.u-border {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.service_card_visual.u-position-relative.u-overflow-hidden {
  aspect-ratio: 3 / 2;
}

.service_card_content.u-vflex-stretch-top.u-gap-xsmall {
  padding: var(--size--1-5rem);
}

.service_visual_badge.u-position-absolute.u-radius-round {
  height: 2rem;
  top: 1rem;
  right: 1rem;
}

.service_visual_badge.u-position-absolute.u-radius-round.u-zindex-1 {
  width: auto;
}

.products_home_section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  bottom: auto;
}

.products_home_visual.u-radius-main.u-position-relative.u-overflow-hidden {
  box-shadow: 0 0 #0000, 0 .3px .2px #0001, 0 1.2px 1.8px #00000013, 0 5.6px 10.3px #00000015;
}

.products_home_card.u-vflex-stretch-center.u-gap-small.u-radius-main {
  padding: var(--size--2rem);
  background-image: linear-gradient(135deg, #f5f9fa, #e1ebee);
}

.badge_main.u-radius-round.u-hflex-center-center.u-gap-xxsmall {
  background-color: var(--swatch--light);
  color: var(--swatch--brand);
  padding: .25rem .75rem;
}

.icon_small {
  width: 1.25rem;
  height: 1.25rem;
}

.icon_small:where(.w-variant-d61e456c-6b06-ec2a-7843-bbcc0a64f829) {
  color: #ffffffdb;
}

.icon_small.mirror {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.casestudy_home_section {
  background-color: var(--swatch--light-secondary);
}

.casestudy_home_header.u-vflex-center-top.u-gap-xsmall.u-margin-inline-auto {
  max-width: 40rem;
}

.casestudy_home_paragraph.u-text-align-center.u-color-faded {
  max-width: 40ch;
}

.casestudy_cta_img {
  width: auto;
  height: 2.5rem;
}

.casestudy_grid_visual.u-position-relative.u-overflow-hidden.u-radius-main {
  min-height: 10rem;
  box-shadow: 0 0 #0000, 0 .3px .2px #0001, 0 1.2px 1.8px #00000013, 0 5.6px 10.3px #00000015;
}

.casestudy_grid_content.u-radius-main.u-vflex-stretch-center.u-gap-medium {
  padding: var(--size--1-5rem);
  background-color: var(--swatch--light);
}

.casestudy_grid_numbers.u-radius-main.u-grid-column-3.u-gap-xsmall {
  padding: var(--size--1-5rem);
  background-color: #e1ebee;
}

.u-divider {
  width: 100%;
  height: var(--border-width--main);
  background-color: #0000000d;
}

.casestudy_data_graph.u-vflex-stretch-top {
  height: 3rem;
  padding-top: var(--size--0-5rem);
  padding-right: var(--size--0-5rem);
  padding-left: var(--size--0-5rem);
  border-top: var(--border-width--main) solid #1e1e1e1a;
  border-left: var(--border-width--main) solid #1e1e1e1a;
  border-top-left-radius: 1rem;
}

.casestudy_data_numbers.u-hflex-center-center.u-gap-xxsmall.u-mb-xxsmall {
  grid-column-gap: var(--size--0-25rem);
  grid-row-gap: var(--size--0-25rem);
}

.casestudy_data_spacing {
  height: 3rem;
}

.casestudy_data_badge.u-radius-small.u-hflex-between-center.u-gap-xsmall {
  padding: var(--size--0-25rem) var(--size--0-75rem);
  background-color: var(--swatch--brand);
  color: var(--swatch--light-secondary);
}

.casestudy_data_badge.u-radius-small.u-hflex-between-center.u-gap-xsmall.u-position-relative:where(.w-variant-76864866-e8c3-255c-62fb-c2f731a6b8ff) {
  background-color: var(--swatch--dark);
}

.casestudy_data_badge.u-radius-small.u-hflex-between-center.u-gap-xsmall.u-position-relative:where(.w-variant-38093b05-b6fd-863d-7f04-67a8719b3095) {
  color: var(--swatch--dark);
  background-color: #f5d88f;
}

.icon_xsmall {
  width: 1rem;
  height: 1rem;
}

.steps_home_card.u-radius-main.u-grid-column-2.u-gap-small {
  padding: var(--size--2rem);
  background-image: linear-gradient(#f5f9fa, #faf5eb);
}

.steps_card_header.u-vflex-stretch-top.u-gap-xsmall.u-position-sticky {
  top: 2rem;
}

.steps_card_listitem.u-radius-small.u-vflex-left-center.u-gap-xsmall {
  padding: var(--size--1-5rem);
  background-color: var(--swatch--light);
}

.steps_card_listitem.u-radius-small.u-padding-small {
  border: var(--border-width--main) solid var(--swatch--light-secondary);
  background-color: var(--swatch--light);
}

.steps_listitem_title.u-text-h4 {
  font-weight: var(--font--primary-medium);
}

.steps_listitem_badge.u-radius-round.u-hflex-center-center.u-gap-xxsmall {
  border: var(--border-width--main) solid var(--swatch--brand);
  color: var(--swatch--brand);
  padding: .25rem 1rem;
}

.contact_home_card.u-radius-main.u-grid-column-2.u-gap-small {
  padding: var(--size--2rem);
  background-color: var(--swatch--light-secondary);
}

.contact_home_formblock.u-radius-main {
  background-color: var(--swatch--light);
  margin-bottom: 0;
}

.faq_home_section {
  background-color: var(--swatch--light-secondary);
}

.faq_collectionwrap.u-width-full {
  max-width: 30rem;
}

.faq_dropdown.u-width-full {
  border-bottom: 1px solid var(--swatch--brand);
}

.faq_dropdown_toggle {
  color: var(--_theme---text);
}

.faq_dropdown_toggle.u-hflex-left-center.u-gap-small {
  padding: var(--size--1-5rem) 0rem;
}

.faq_dropdown_content.u-position-static {
  padding: var(--size--0rem) var(--size--1-5rem) var(--size--1-5rem);
  background-color: var(--swatch--transparent);
}

.faq_dropdown_content.u-position-static.w--open {
  padding-left: 0;
  padding-right: 0;
}

.faq_dropdown_content.u-position-static.u-mt-xsmall {
  padding: var(--size--1-5rem);
}

.footer_main_section {
  background-color: var(--swatch--midnight);
}

.footer_main_card {
  border: 1px solid var(--swatch--line-dark);
  -webkit-backdrop-filter: blur(18px) saturate(120%);
  backdrop-filter: blur(18px) saturate(120%);
  background-color: #ffffff0d;
  box-shadow: 0 18px 50px -34px #13193699;
}

.footer_main_card.u-radius-main {
  border-radius: var(--radius--panel);
}

.footer_main_card.u-radius-main.u-vflex-stretch-top.u-gap-large {
  padding: var(--size--3rem);
  background-color: #ffffff0d;
}

.footer_main_links.u-hflex-left-center.u-gap-xsmall {
  grid-column-gap: 24px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
}

.footer_bottom_text, .footer_bottom_text.u-text-small.u-color-faded {
  color: #fff9;
}

.footer_bottom_link {
  color: #fff9;
  transition: color .25s cubic-bezier(.22, .61, .36, 1);
}

.footer_bottom_link:hover {
  color: #fff;
}

.footer_bottom_link:focus-visible, .footer_bottom_link[data-wf-focus-visible] {
  outline-color: var(--swatch--brand);
  outline-offset: 3px;
  outline-width: 2px;
  outline-style: solid;
}

.footer_bottom_link.u-text-small.u-color-faded {
  color: #fff9;
  transition: color .25s cubic-bezier(.22, .61, .36, 1);
}

.footer_bottom_link.u-text-small.u-color-faded:hover {
  color: #fff;
}

.footer_main_logo {
  color: #fff;
  width: auto;
  height: 2rem;
}

.footer_column_title {
  color: #fff;
}

.footer_listitem_linkblock {
  border-radius: var(--radius--media-small);
  color: #ffffffdb;
  margin: -6px -8px;
  padding: 6px 8px;
  transition: all .25s cubic-bezier(.22, .61, .36, 1);
}

.footer_listitem_linkblock:hover {
  color: #fff;
  background-color: #ffffff14;
}

.footer_listitem_linkblock:focus-visible, .footer_listitem_linkblock[data-wf-focus-visible] {
  outline-color: var(--swatch--brand);
  outline-offset: 3px;
  outline-width: 2px;
  outline-style: solid;
}

.footer_listitem_linkblock.u-hflex-left-center.u-gap-xxsmall.u-text-small {
  transition: color .25s cubic-bezier(.22, .61, .36, 1);
}

.footer_listitem_linkblock.u-hflex-left-center.u-gap-xxsmall.u-text-small:hover {
  color: #fff;
}

.navbar_main {
  background-color: var(--swatch--transparent);
}

.navbar_main:where(.w-variant-d375e5b0-e360-4125-22dc-873fe8615331) {
  background-color: var(--swatch--light-secondary);
}

.navbar_main_contain.u-container.u-hflex-between-center.u-gap-small {
  height: 5rem;
}

.navbar_main_logo {
  width: auto;
  height: 2rem;
}

.navbar_main_menu.u-hflex-left-center.u-gap-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.navbar_main_link {
  transition: background-color .25s cubic-bezier(.22, .61, .36, 1), color undefined undefined, transform undefined undefined;
  color: #ffffffdb;
  border-radius: 100px;
  padding: 10px 12px;
  font-size: .875rem;
  font-weight: 600;
}

.navbar_main_link:where(.w-variant-d61e456c-6b06-ec2a-7843-bbcc0a64f829) {
  color: #ffffffdb;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.navbar_main_link:hover, .navbar_main_link:hover:where(.w-variant-d61e456c-6b06-ec2a-7843-bbcc0a64f829) {
  color: #fff;
  background-color: #ffffff1f;
}

.navbar_main_link:focus-visible, .navbar_main_link[data-wf-focus-visible] {
  outline-color: var(--swatch--brand);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}

.navbar_main_link:focus-visible:where(.w-variant-d61e456c-6b06-ec2a-7843-bbcc0a64f829), .navbar_main_link[data-wf-focus-visible]:where(.w-variant-d61e456c-6b06-ec2a-7843-bbcc0a64f829) {
  outline-offset: 2px;
  outline: 2px solid #ffffffb3;
}

.navbar_main_link.w--current {
  color: var(--swatch--brand);
}

.service_card_hover.u-cover-absolute.u-zindex-2 {
  background-image: linear-gradient(#1e1e1ebf, #1e1e1ebf), url("https://cdn.prod.website-files.com/6814792281987ef5fd4db1ff/6814a9e92630740a958382ed_casestudy-img.jpg");
  background-position: 0 0, 50%;
  background-size: auto, auto;
}

.service_card_hover.u-cover-absolute.u-zindex-2.u-vflex-left-center.u-gap-small {
  padding: var(--size--1-5rem);
  color: var(--swatch--light);
  background-image: none;
}

.service_card_logo {
  width: auto;
  height: var(--size--2rem);
}

.team_about_card.u-radius-main.u-position-relative.u-overflow-hidden {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: 2 / 3;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: clip;
  box-shadow: 0 0 #0000, 0 .3px .2px #0001, 0 1.2px 1.8px #00000013, 0 5.6px 10.3px #00000015;
}

.about_card_content.u-cover-absolute.u-vflex-left-bottom {
  padding: var(--size--1rem);
  background-image: linear-gradient(180deg, #1e1e1e00 35%, var(--swatch--dark));
  color: var(--swatch--light);
}

.about_card_content.u-cover-absolute.u-vflex-left-bottom.u-gap-xxsmall {
  grid-column-gap: var(--size--0-125rem);
  grid-row-gap: var(--size--0-125rem);
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero_policy_content {
  max-width: 700px;
}

.navbar_main_logolink {
  color: #fff;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
  display: block;
}

.navbar_main_logolink:where(.w-variant-d61e456c-6b06-ec2a-7843-bbcc0a64f829) {
  color: #fff;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.navbar_main_logolink.w--current {
  padding-left: 0;
}

.casestudy_data_tooltip.u-position-absolute.u-vflex-left-top.u-gap-xsmall.u-radius-small {
  padding: var(--size--0-5rem);
  top: auto;
  bottom: 0%;
}

.casestudy_data_tooltip.u-position-absolute.u-vflex-left-top.u-gap-xsmall.u-radius-small.u-text-small {
  width: 14rem;
  min-width: 100%;
  display: none;
  bottom: 2rem;
  left: -2rem;
  box-shadow: 0 0 #0000, 0 .3px .2px #0002, 0 1.2px 1.8px #00000027, 0 5.6px 10.3px #0000002a;
}

.casestudy_tooltip_img {
  width: auto;
  height: 1.5rem;
}

.navbar_mobile.u-position-fixed {
  border-top: var(--border-width--main) solid #1e1e1e0d;
  background-color: var(--swatch--light-secondary);
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  display: none;
  inset: auto 0% 0%;
}

.service_card_hover_bg.u-cover-absolute {
  background-color: #1e1e1ebf;
}

.u-border {
  border-style: solid;
  border-width: var(--border-width--main);
  border-color: #1e1e1e1a;
}

.text-span {
  color: var(--swatch--brand);
}

.contact_form_embed {
  margin-bottom: 0;
}

.hero_section.u-position-relative {
  min-height: 90vh;
}

.hero_section.u-position-relative.u-vflex-stretch-bottom {
  min-height: 56.25rem;
}

.hero_card.u-radius-small {
  width: 40rem;
  max-width: 100%;
  padding: var(--size--2rem);
  background-color: #fffc;
}

.icon_medium {
  width: 2rem;
  height: 2rem;
}

.icon_large {
  width: 3rem;
  height: 3rem;
}

.icon_xlarge {
  width: 4rem;
  height: 4rem;
}

.u-tagline.u-weight-medium {
  color: var(--swatch--brand);
}

.product_card.u-radius-small {
  padding: var(--size--1-5rem);
}

.product_card.u-radius-small.u-bg-blue2 {
  background-color: var(--swatch--supplyblue);
}

.product_card_img {
  width: auto;
  height: 8rem;
}

.u-color-primary {
  color: var(--swatch--brand);
}

.product_card_list.u-vflex-stretch-top.u-gap-xxsmall {
  width: 18rem;
  max-width: 100%;
}

.product_card_list.u-vflex-stretch-top.u-gap-xxsmall.u-width-full {
  width: 100%;
}

.badge_chip.u-radius-round.u-hflex-between-center.u-gap-xsmall {
  padding: var(--size--0-25rem) var(--size--0-75rem);
  background-color: var(--swatch--brand);
  color: var(--swatch--light-secondary);
}

.badge_chip.u-radius-round.u-hflex-between-center.u-gap-xsmall.u-position-relative {
  background-color: var(--swatch--light-secondary);
  color: var(--swatch--dark);
  border: 1px solid #0000000d;
}

.badge_chip.u-radius-round.u-hflex-between-center.u-gap-xsmall.u-position-relative:where(.w-variant-76864866-e8c3-255c-62fb-c2f731a6b8ff) {
  background-color: var(--swatch--dark);
}

.badge_chip.u-radius-round.u-hflex-between-center.u-gap-xsmall.u-position-relative:where(.w-variant-38093b05-b6fd-863d-7f04-67a8719b3095), .badge_chip.u-radius-round.u-hflex-between-center.u-gap-xsmall.u-position-relative:where(.w-variant-7066f0d0-58de-df5d-4771-70cf332a3063) {
  color: var(--swatch--dark);
  background-color: #f5d88f;
}

.badge_chip.u-radius-round.u-hflex-between-center.u-gap-xsmall.u-position-relative:where(.w-variant-f3d5b1da-5a9a-beb6-1d78-349c2efcae45) {
  background-color: #fff;
}

.badge_chip_text.u-weight-medium.u-text-small {
  font-size: .75rem;
}

.service_card.u-radius-small {
  padding: var(--size--1rem);
  background-color: var(--swatch--light);
}

.service_card_img {
  width: auto;
  height: 6rem;
}

.u-card.u-radius-small {
  flex: 1;
}

.u-card.u-radius-small.u-bg-blue2 {
  background-color: var(--swatch--supplyblue);
}

.solutions_section {
  overflow: visible;
}

.tabs_menu.u-mb-xsmall.u-hflex-left-center.u-gap-xsmall.u-hflex-wrap {
  grid-column-gap: var(--space--xx-small);
  grid-row-gap: var(--space--xx-small);
  background-color: var(--swatch--light-secondary);
  border: 1px solid #efefef;
  border-radius: .875rem;
  padding: .375rem;
}

.tab_link.u-radius-small.u-weight-medium {
  background-color: var(--swatch--transparent);
  color: var(--swatch--dark-secondary);
  padding: .375rem 1rem;
  transition: all .3s;
}

.tab_link.u-radius-small.u-weight-medium:hover, .tab_link.u-radius-small.u-weight-medium.w--current {
  background-color: var(--swatch--brand);
  color: var(--swatch--light);
}

.solutions_card_img.u-position-relative.u-radius-small.u-overflow-hidden {
  min-height: 18rem;
}

.partners_section {
  background-color: var(--swatch--light-secondary);
}

.logo_slider.u-position-relative.u-overflow-hidden {
  mix-blend-mode: luminosity;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.logo_img {
  width: auto;
  height: 3rem;
}

.contact_section {
  background-color: var(--swatch--midnight);
}

.contact_card {
  background-color: var(--swatch--light);
}

.contact_card.u-radius-small {
  background-color: var(--swatch--light);
  width: 32rem;
  max-width: 100%;
}

.faq_dropdown_icon {
  margin: 0;
}

.newsletter_card.u-radius-small {
  background-color: var(--swatch--light);
}

.nav {
  background-color: #131936a6;
  border-bottom: 1px solid #ffffff1a;
}

.nav:where(.w-variant-d61e456c-6b06-ec2a-7843-bbcc0a64f829) {
  background-color: #131936a6;
  border-bottom: 1px solid #ffffff1a;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.nav_contain {
  grid-column-gap: var(--space--small);
  grid-row-gap: var(--space--small);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav_contain.u-container {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.nav_contain.u-container.u-hflex-left-center.u-gap-small {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.navbar_main_dropdown_content {
  border-radius: var(--radius--panel);
  background-color: #131936cc;
  border: 1px solid #ffffff1a;
  min-width: 0;
  padding: 32px;
  box-shadow: 0 18px 50px -34px #13193666;
}

.navbar_main_dropdown_content:where(.w-variant-d61e456c-6b06-ec2a-7843-bbcc0a64f829) {
  -webkit-backdrop-filter: blur(18px) saturate(120%);
  backdrop-filter: blur(18px) saturate(120%);
  background-color: #131936cc;
  border: 1px solid #ffffff1a;
  border-radius: 24px;
  box-shadow: 0 18px 50px -34px #13193699;
}

.navbar_main_dropdown_content.u-radius-small.w--open {
  border: 1px solid var(--_theme---border);
  background-color: #fff;
}

.navbar_dropdown_link {
  padding: .5rem 1rem;
}

.nav_menu_btn {
  padding: .625rem;
}

.enegery_visual.u-position-relative.u-radius-small.u-overflow-hidden.ratio-auto {
  aspect-ratio: auto;
}

.faq_wrap.u-margin-inline-auto {
  width: 60rem;
  max-width: 100%;
}

.u-bg-blue {
  background-color: #c9d9e0;
}

.u-padding-small {
  padding: var(--space--small);
}

.u-padding-medium {
  padding: var(--space--medium);
}

.u-padding-large {
  padding: var(--space--large);
}

.video_youtube.u-radius-small {
  aspect-ratio: 16 / 9;
}

.card_blog_wrap.u-radius-small.u-padding-small {
  background-image: linear-gradient(#f7e4b5, #faf5eb);
}

.blog_card.u-radius-small.u-padding-xsmall {
  background-image: linear-gradient(#faf5eb, #fff);
}

.blog_card.u-radius-small.u-padding-xsmall.u-position-relative.u-height-full {
  transition: opacity .2s;
}

.blog_card.u-radius-small.u-padding-xsmall.u-position-relative.u-height-full:hover {
  opacity: .75;
}

.u-padding-xsmall {
  padding: var(--space--x-small);
}

.blog_card_visual.u-radius-small.u-position-relative.u-overflow-hidden {
  aspect-ratio: 3 / 2;
}

.media_card.u-radius-small {
  background-color: var(--swatch--light);
}

.media_card_img.u-position-relative.u-overflow-hidden.u-radius-small {
  aspect-ratio: 1;
}

.contact_avatar.u-radius-round.u-position-relative.u-overflow-hidden {
  width: 11.25rem;
  height: 11.25rem;
}

.subnav_newsroom_wrap.u-radius-small.u-hflex-center-center.u-mb-large {
  background-color: var(--swatch--sunbuffer);
}

.subnav_newsroom_link.u-display-block.u-weight-medium.u-text-large {
  opacity: .8;
  padding: .75rem 1.5rem;
}

.subnav_newsroom_link.u-display-block.u-weight-medium.u-text-large:hover {
  opacity: 1;
}

.founder_about_card.u-radius-small.u-overflow-hidden {
  background-color: #bad3dd;
}

.founder_about_card.u-radius-small.u-overflow-hidden.u-position-relative {
  transition: opacity .2s;
}

.founder_about_card.u-radius-small.u-overflow-hidden.u-position-relative:hover {
  opacity: .8;
}

.founder_about_text.u-vflex-stretch-top.u-padding-xsmall {
  padding: var(--size--1rem);
}

.quote_icon_img.icon_xlarge, .quote_icon_img.icon-96.u-flex-noshrink.u-zindex-1 {
  margin-right: -2rem;
}

.quote_card.u-radius-small.u-padding-xsmall.u-flex-grow {
  padding: var(--space--small) var(--space--small) var(--space--small) 3rem;
}

.quote_card.u-radius-small.u-padding-xsmall.u-flex-grow.u-height-full.u-vflex-stretch-center.u-bg-blue {
  background-color: var(--swatch--supplyblue);
}

.u-bg-light {
  background-color: var(--swatch--light);
}

.u-bg-blue2 {
  background-color: #9bc4d5;
}

.blog_card_badge.u-text-small.u-weight-medium.u-text-align-center.u-radius-round {
  background-color: var(--swatch--brand);
  color: var(--swatch--light);
  padding: .25rem .5rem;
}

.blog_card_badge.u-text-small.u-weight-medium.u-text-align-center.u-radius-round.u-position-absolute {
  inset: 1rem 1rem auto auto;
}

.blog_card_badge.u-text-small.u-weight-medium.u-text-align-center.u-radius-round.u-position-absolute.u-zindex-over-nav {
  background-color: var(--swatch--brand);
  color: var(--swatch--light);
  padding: .25rem .5rem;
  top: .5rem;
  right: .5rem;
}

.icon-96 {
  width: 6rem;
  height: 6rem;
}

.tabs_content_stromtarif.u-flex-grow {
  padding-left: 1rem;
}

.tabs_link_stromtarif.u-weight-bold.u-text-align-left {
  background-color: var(--swatch--transparent);
  color: #333;
  border-right: .25rem solid #00788966;
  padding: 1rem 1rem 1rem 0;
  transition: opacity .2s;
}

.tabs_link_stromtarif.u-weight-bold.u-text-align-left:hover {
  opacity: .75;
}

.tabs_link_stromtarif.u-weight-bold.u-text-align-left.w--current {
  color: var(--swatch--brand);
  border-right-color: #007889;
}

.u-bg-primary {
  background-color: var(--swatch--brand);
}

.progress_bar.u-radius-round.u-bg-light {
  height: 1.25rem;
}

.progress_bar_inner.u-radius-round {
  background-color: var(--swatch--supplyblue);
  height: 1.25rem;
  display: block;
}

.progress_bar_inner.u-radius-round:where(.w-variant-53cd2125-5c84-94f5-6cd4-e4c9c5a9cfcc) {
  background-color: #f5d88f;
}

.tabs_menu_os.u-vflex-stretch-center.u-flex-grow.u-bg-blue.u-padding-small {
  max-width: 24rem;
}

.tabs_link_os.u-text-align-left {
  background-color: var(--swatch--transparent);
  padding: 1rem 0;
  transition: opacity .2s;
}

.tabs_link_os.u-text-align-left:hover {
  opacity: .75;
}

.tabs_link_os.u-text-align-left.w--current {
  color: var(--swatch--brand);
  font-weight: var(--font--primary-bold);
}

.tabs_content_os.u-flex-grow.u-bg-blue2-basetemp {
  background-color: var(--swatch--supplyblue);
}

.home-slider_wrapper {
  display: none;
}

.hero_home {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_home_subheading.u-text-align-center.u-text-h2 {
  text-wrap: pretty;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.1em;
  overflow: hidden;
}

.hero_home_trust.u-radius-small.u-position-absolute {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffffd9;
  padding: 1rem;
  inset: auto auto 1.5rem;
}

.hero_home_subtext_wrap.u-overflow-hidden {
  height: 3.3rem;
}

.usps_section {
  background-color: var(--swatch--light-secondary);
}

.customervoices_img {
  width: 8rem;
}

.customervoices_metrics.u-radius-small.u-padding-small.u-grid-column-3.u-gap-none {
  border: 1px solid var(--swatch--brand);
  background-color: #eefaff;
  padding-left: 0;
  padding-right: 0;
}

.customervoices_griditem.border-right {
  border-right: .25rem solid var(--swatch--brand);
}

.customervoices_griditem.border-right.u-padding-small, .customervoices_griditem.u-padding-small {
  padding-top: 0;
  padding-bottom: 0;
}

.fab_contact.u-position-sticky {
  top: auto;
  bottom: 2rem;
  right: 2rem;
}

.fab_contact.u-position-sticky.u-hflex-right-bottom {
  padding-right: 2rem;
  right: 0;
}

.fab_contact.u-position-sticky.u-hflex-right-bottom.u-zindex-over-nav.u-vflex-right-bottom.u-gap-main {
  pointer-events: none;
}

.fab_contact_button {
  box-shadow: 0 18px 50px -34px #13193699;
}

.fab_contact_button.u-radius-round {
  pointer-events: auto;
  cursor: pointer;
  background-color: #1e1e1e1a;
  background-image: none;
  padding: .0625rem;
  transition: all .25s cubic-bezier(.22, .61, .36, 1);
  box-shadow: 0 18px 50px -34px #13193699;
}

.fab_contact_button.u-radius-round:hover {
  transform: scale(1.05);
}

.u-color-light {
  color: var(--swatch--light);
}

.u-color-light.u-color-faded {
  opacity: .75;
}

.fab_contact_info {
  border-radius: 24px;
  box-shadow: 0 18px 50px -34px #13193699;
}

.fab_contact_info.u-radius-small {
  pointer-events: auto;
  background-color: #1e1e1e1a;
  background-image: none;
  border-radius: 24px;
  padding: .0625rem;
  box-shadow: 0 18px 50px -34px #13193699;
}

.fab_contact_info.u-radius-small.u-padding-small {
  background-color: var(--swatch--brand);
}

.fab_contact_info.u-radius-small.u-padding-small.u-color-light {
  box-shadow: 0 0 #0000, 0 .2px #0001, 0 .5px .2px #00000015, 0 1.2px .7px #00000016, 0 2.5px 1.9px #00000017, 0 5.2px 4.7px #00000018, 0 11.2px 11px #0000001a, 0 26.1px 27.1px #0000001c;
}

.fab_contact_info.u-radius-small.u-padding-small.u-color-light.u-position-relative {
  pointer-events: auto;
}

.fab_close_icon {
  z-index: 4;
}

.fab_close_icon.icon_main.u-position-absolute {
  cursor: pointer;
  inset: 1rem 1rem auto auto;
}

.announcement_bar {
  background-color: var(--swatch--sunbuffer);
  overflow: visible;
}

.announcement_bar_badge.u-radius-small.u-hflex-center-center.u-padding-xsmall.u-flex-noshrink {
  background-color: var(--swatch--light);
}

.announcement_bar_badge.u-radius-small.u-hflex-center-center.u-padding-xsmall.u-flex-noshrink.u-gap-xxsmall {
  padding-top: var(--space--xx-small);
  padding-bottom: var(--space--xx-small);
}

.red_dot {
  background-color: #cb0000;
  border-radius: 100%;
  width: .4rem;
  height: .4rem;
}

.hero_gewerbe {
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/6814792281987ef5fd4db1ff/6a2c1b8c6a35fb42bb356ec9_schrankspeicher_einklanglogo2.jpg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
}

.logo_contain.u-container {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.h-40 {
  width: auto;
  height: 2.5rem;
}

.fab_contact_img {
  width: auto;
  height: 3rem;
}

.jonas_grid_img.u-position-relative.u-radius-small.u-overflow-hidden {
  aspect-ratio: 1;
}

.btn_sub_text.u-weight-regular {
  text-decoration: underline;
}

.btn-dot:where(.w-variant-dd356469-c6fe-a662-5756-750d44e46790), .btn-dot:where(.w-variant-a2afdf85-8c91-2c54-7cde-86438a2a8d17) {
  width: .375rem;
  height: .375rem;
}

.btn-dot.u-radius-round {
  background-color: var(--swatch--signal);
  display: none;
}

.btn-dot.u-radius-round:where(.w-variant-dd356469-c6fe-a662-5756-750d44e46790), .btn-dot.u-radius-round:where(.w-variant-a2afdf85-8c91-2c54-7cde-86438a2a8d17) {
  background-color: #00e700;
  max-width: .375rem;
  max-height: .375rem;
  display: block;
}

.announcement_bar_btn.u-radius-round.u-hflex-center-center.u-gap-xxsmall.u-padding-xsmall {
  padding-top: var(--space--xx-small);
  padding-bottom: var(--space--xx-small);
  border: 1px solid var(--_theme---button-border);
  background-color: var(--swatch--light);
  background-image: linear-gradient(90deg, #f5d88f, #fbb963);
}

.u-bg-lightgray {
  background-color: #fbfbfb;
}

.announcement_bar_contain.u-container {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.quote_home_text.u-text-large.u-text-align-center {
  max-width: 58ch;
}

.home_card_outer {
  background-color: #1e1e1e1a;
  background-image: none;
  border-radius: 2.5rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5px;
  box-shadow: 2rem 2rem 2.5rem #00000040;
}

.home_card_inner {
  background-color: var(--swatch--light);
  border-radius: 2.25rem;
}

.badge_outer.u-radius-small, .badge_outer.u-radius-round {
  background-color: var(--swatch--brand);
  padding: .25rem .75rem;
}

.badge_text.u-text-small.u-color-light.u-weight-medium {
  font-size: .75rem;
}

.linkblock_outer.u-hflex-center-center.u-gap-xxsmall {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--swatch--brand);
  padding-top: .25rem;
  padding-bottom: .25rem;
  transition-property: all;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.linkblock_outer.u-hflex-center-center.u-gap-xxsmall:where(.w-variant-fb0923fd-12bb-8395-e2fb-4bef00a1d6d2) {
  border-bottom-color: var(--swatch--light);
  color: var(--swatch--light);
}

.linkblock_outer.u-hflex-center-center.u-gap-xxsmall:hover {
  border-bottom-color: var(--swatch--brand);
  color: var(--swatch--brand);
}

.linkblock_outer.u-hflex-center-center.u-gap-xxsmall:hover:where(.w-variant-fb0923fd-12bb-8395-e2fb-4bef00a1d6d2) {
  border-bottom-color: var(--swatch--light);
  opacity: .75;
  color: var(--swatch--light);
}

.home_card_img {
  aspect-ratio: 2;
}

.home_card_img.is-tall {
  aspect-ratio: 4 / 3;
}

.partners_statement.u-text-main.u-text-align-center {
  color: #3d4b37;
  max-width: 58ch;
}

.partners_grid_img {
  aspect-ratio: 714 / 450;
  object-fit: cover;
  position: static;
}

.partners_grid_img.u-radius-main {
  aspect-ratio: 18 / 23;
}

.partners_testimonials.u-vflex-stretch-top.u-gap-medium.u-margin-inline-auto {
  max-width: 100%;
}

.usp_grid_outer {
  border: 1px solid var(--swatch--line);
  border-radius: var(--radius--main);
  background-color: var(--swatch--light);
  transition: transform .25s cubic-bezier(.22, .61, .36, 1), box-shadow undefined undefined;
}

.usp_grid_outer.u-padding-xsmall {
  padding: .0625rem;
}

.usp_grid_inner {
  border-radius: var(--radius--main);
  background-color: var(--swatch--light);
}

.weg_grid_item.u-vflex-center-top.u-gap-xsmall.u-margin-inline-auto {
  width: 14rem;
  max-width: 100%;
}

.weg_element_outer {
  border-radius: var(--radius--main);
  background-image: linear-gradient(135deg, #f5d88f, #fff 53%, #007889);
  width: 9.375rem;
  height: 9.375rem;
  padding: .0625rem;
  transition-property: transform, box-shadow;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.weg_element_inner {
  border-radius: var(--radius--main);
}

.weg_element_inner.u-height-full.u-width-full {
  border-radius: var(--radius--main);
  background-color: var(--swatch--light);
}

.faq_header {
  font-size: 1.25rem;
}

.faq_header.u-vflex-center-top.u-gap-xsmall {
  width: 24rem;
  max-width: 100%;
}

.faq_header.u-vflex-center-top.u-gap-xsmall.u-margin-inline-auto {
  width: 30rem;
}

.analyse_grid_img {
  aspect-ratio: 600 / 405;
}

.analyse_grid_bubble.u-position-absolute.u-padding-small {
  background-color: var(--swatch--light);
  border-radius: 1.25rem;
  top: -2rem;
  right: 0;
  box-shadow: 0 1.25rem 2rem #0000001a, 0 .5rem .625rem #0000001a;
}

.analyse_grid_icon {
  width: 3rem;
  height: 3rem;
}

.divider_line_primary {
  background-color: var(--swatch--brand);
  width: 2rem;
  height: .125rem;
}

.zukunft_contact {
  transition-property: transform, box-shadow;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.zukunft_contact.u-vflex-left-top.u-gap-small {
  width: 20rem;
  max-width: 100%;
  padding: var(--size--2rem);
  border: 1px solid var(--swatch--line);
  border-radius: var(--radius--main);
  box-shadow: none;
  background-color: #fff;
  align-self: center;
}

.zukunft_label {
  color: var(--swatch--stone);
  font-size: .75rem;
}

.zukunft_contact_img {
  width: auto;
  height: 3rem;
}

.usps_subtext {
  max-width: 60ch;
}

.usp_card_content.u-vflex-center-top.u-gap-main {
  padding: 1rem;
}

.flip_card {
  height: 100%;
}

.flip_card.u-position-relative {
  background-color: var(--swatch--light);
  border-radius: 1.5rem;
  box-shadow: 0 .625rem 2.5rem -.625rem #00000014;
}

.flip_card_item {
  background-color: var(--swatch--light);
}

.flip_card_item.u-cover-absolute {
  border-radius: 1.5rem;
}

.flip_card_item.u-cover-absolute.back {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-image: url("https://cdn.prod.website-files.com/6814792281987ef5fd4db1ff/6a1ff3af53f699f417ca7968_flip-card-back.png");
  background-position: 0 0;
  background-size: cover;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.partners_grid_card {
  transition-property: transform, box-shadow;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.partners_grid_card.u-radius-main.u-overflow-hidden {
  border-color: var(--swatch--line);
  background-color: var(--swatch--light);
  border-style: solid;
  border-width: 1px;
}

.partners_grid_img_small {
  aspect-ratio: 395 / 310;
  object-position: 50% 50%;
}

.partners_grid_cta {
  transition-property: transform, box-shadow;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.partners_grid_cta.u-radius-main.u-padding-small.u-vflex-left-top.u-gap-xsmall {
  background-color: var(--swatch--midnight);
  color: var(--swatch--light);
}

.partners_metric_card {
  transition-property: transform, box-shadow;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.partners_metric_card.u-radius-main.u-padding-small {
  border: 1px solid var(--swatch--line);
  background-color: var(--swatch--light-secondary);
}

.partners_metric_card.u-radius-main.u-padding-small.u-bg-light.u-width-full {
  background-color: var(--swatch--light);
}

.partners_metric_card.u-radius-main.u-padding-small.is-compact {
  padding: .875rem;
}

.partner_metric_grid_item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.partner_metric_grid_item.u-vflex-center-top.u-gap-xxsmall.border-right {
  border-right: 1px solid #00788933;
}

.partner_metric_label.u-text-align-center.u-color-primary.u-weight-bold {
  font-size: 2rem;
  font-weight: 600;
}

.partner_metric_label.u-text-align-center.u-color-primary.u-weight-bold.is-compact {
  font-size: 1.25rem;
  line-height: 1.2;
}

.hero_gewerbe_heading {
  font-size: 1rem;
}

.hero_gewerbe_heading.u-weight-medium {
  font-size: var(--size--6rem);
  line-height: var(--line-height--1em);
}

.hero_gewerbe_subheading {
  font-size: 2rem;
  line-height: var(--line-height--1-1em);
}

.hero_gewerbe_subheading.u-weight-medium.u-color-faded {
  overflow: hidden;
}

.hero_gewerbe_subheading_wrap.u-overflow-hidden {
  height: 2.2rem;
}

.hero_gewerbe_wrap.u-vflex-left-top.u-gap-small {
  width: 51rem;
  max-width: 100%;
}

.u-color-green {
  color: #066e00;
}

.problem_gewerbe {
  background-color: var(--swatch--light-secondary);
}

.u-text-transform-italic {
  font-style: italic;
}

.u-color-red {
  color: #ba1a1a;
}

.cards_gewerbe_contain.u-container.u-vflex-stretch-top.u-gap-large {
  padding-top: var(--size--6rem);
}

.problem_grid_bubble.u-position-absolute.u-padding-small {
  background-color: var(--swatch--light);
  border-radius: 1.25rem;
  top: -2rem;
  right: -1rem;
  box-shadow: 0 1.25rem 2rem #0000001a, 0 .5rem .625rem #0000001a;
}

.products_gewerbe_subtext.u-text-align-center.u-color-faded {
  max-width: 60ch;
}

.products_gewerbe_card.u-radius-main.u-bg-light.u-padding-medium.u-vflex-center-top.u-gap-main {
  border: 1px solid #0000000d;
  box-shadow: 0 .625rem 2.5rem #00000014;
}

.usps_gewerbe {
  background-color: var(--swatch--light-secondary);
}

.usp_gewerbe_testimonial_img.u-radius-main {
  aspect-ratio: 23 / 20;
  width: 28.75rem;
}

.hero_industrie {
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/6814792281987ef5fd4db1ff/6a2c2292657c146d9ca991ec_container_speicher.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
}

.problem_industie {
  background-color: var(--swatch--light-secondary);
}

.u-bg-grey {
  background-color: #ededf2;
}

.cta_section {
  background-color: var(--swatch--midnight);
}

.consultation_layout.u-hflex-left-center.u-gap-medium {
  padding: var(--size--6rem);
  background-color: var(--swatch--light);
  border-radius: 1.25rem;
}

.consultation_contact.u-vflex-left-top.u-gap-small {
  width: 20rem;
  max-width: 100%;
  padding: var(--size--2rem);
  background-color: #fff;
  border-radius: 1.5rem;
  align-self: center;
  box-shadow: 0 1.25rem 1.5625rem -.3125rem #0000000d, 0 .5rem .625rem -.375rem #0000000d;
}

.hero_about {
  color: #fff;
  background-color: #0a2230;
  align-items: flex-end;
  min-height: 100vh;
  padding-top: clamp(3.5rem, 9vh, 6rem);
  padding-bottom: clamp(7rem, 11vw, 10rem);
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_about:before {
  z-index: 1;
  pointer-events: none;
  content: "";
  background-image: linear-gradient(#1319366b 0%, #1319361f 30%, #13193657 78%, #13193680 100%), linear-gradient(90deg, #13193661, #0000 55%);
  position: absolute;
  inset: 0;
}

.bausteine_statement.u-text-main.u-text-align-center {
  color: #3d4b37;
  max-width: 58ch;
}

.bausteine_statement.u-text-main.u-text-align-center.u-margin-inline-auto {
  max-width: 78ch;
}

.bausteine_industrie_card.u-radius-main.u-bg-light.u-padding-large {
  border: 1px solid #0078891a;
  box-shadow: 0 .625rem 2.5rem #00000014;
}

.bausteine_industrie_card.u-radius-main.u-padding-large.u-bg-lightgray {
  background-color: var(--swatch--light-secondary);
  border: 1px solid #e5e5e5;
  box-shadow: 0 .625rem 2.5rem #00000014;
}

.articles_section {
  background-color: var(--swatch--light-secondary);
}

.articles_img.u-radius-main {
  aspect-ratio: 7 / 4;
}

.articles_img.u-radius-main.u-mb-xsmall {
  border: 1px solid #0000000d;
}

.usp_img.u-radius-main {
  aspect-ratio: 334 / 200;
  object-position: 50% 50%;
}

.starter_about_main.u-vflex-left-top.u-gap-main {
  align-self: center;
  width: 28.75rem;
  max-width: 100%;
}

.starter_about_card.u-radius-main.u-padding-small {
  background-color: var(--swatch--light);
}

.founders_about_header.u-vflex-left-top.u-gap-main {
  width: 50rem;
  max-width: 100%;
}

.founders_card_img.u-radius-main {
  aspect-ratio: 2 / 3;
  object-position: 50% 50%;
  border: 1px solid #0000000d;
}

.values_about_img.u-radius-main {
  aspect-ratio: 1;
  box-shadow: 0 1.5rem 3.125rem -.75rem #00000040;
}

.values_about_iconwrap.u-radius-round {
  background-color: #066e0033;
  width: 1.5rem;
  height: 1.5rem;
}

.values_about_iconwrap.u-radius-round.u-vflex-center-center.u-flex-noshrink {
  background-color: #00788933;
}

.team_about_subtext.u-text-align-center.u-color-faded {
  max-width: 74ch;
}

.team_img.u-radius-round {
  aspect-ratio: 1;
  max-width: 12rem;
}

.u-show-mobile, .u-show-landscape {
  display: none;
}

.starter_about_card_outer {
  background-image: linear-gradient(135deg, #f5d88f, #fff 50%, #007889);
  padding: .0625rem;
}

.blurry_bubble.u-position-absolute {
  width: 16rem;
  height: 16rem;
}

.blurry_bubble.u-position-absolute.u-radius-round {
  filter: blur(4rem);
  background-color: #0078891a;
  bottom: -4rem;
  right: -4rem;
}

.fab_contact_button_inner {
  background-color: #ffffffb8;
}

.fab_contact_button_inner.u-radius-round.u-padding-medium {
  background-color: #ffffffb8;
  padding: 16px 24px;
}

.fab_contact_info_inner, .fab_contact_info_inner.u-vflex-center-top.u-position-relative.u-padding-small {
  background-color: #ffffffb8;
  border-radius: 24px;
}

.hero_glossar {
  background-image: url("https://cdn.prod.website-files.com/6814792281987ef5fd4db1ff/6a1fe20460c25a95e455d4ea_glossar-hero.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero_glossar_contain.u-container.u-vflex-center-center.u-gap-small {
  height: 80vh;
}

.hero_glossar_heading.u-text-display.u-text-align-center {
  font-size: var(--size--6rem);
}

.hero_glossar_subtext.u-text-align-center.u-text-large {
  max-width: 42ch;
}

.grid_glossar_divider {
  background-color: #005e6b33;
  width: 100%;
  height: .125rem;
}

.glossar_item_link {
  color: #3e484b;
  transition: opacity .2s;
}

.glossar_item_link:hover {
  opacity: .75;
}

.glossar_list {
  padding-left: 1rem;
  padding-right: 1rem;
}

.hero_glossar_term {
  background-color: #00788959;
}

.hero_glossar_term_heading.u-text-display {
  font-size: var(--size--6rem);
}

.flip_card_wrap {
  height: 100%;
}

.quote_home_img.u-radius-round.u-position-relative.u-overflow-hidden {
  width: 6.875rem;
  height: 6.875rem;
}

.product_glossar {
  background-color: var(--swatch--light-secondary);
}

.partners_glossar_statement.u-text-main.u-text-align-center {
  color: #3d4b37;
  max-width: 58ch;
}

.partners_glossar_statement.u-text-main.u-text-align-center.u-margin-inline-auto {
  max-width: 68ch;
}

.hero_news_heading.u-text-display {
  font-size: var(--size--6rem);
}

.hero_news_subtext.u-color-faded.u-text-large.u-mb-xsmall {
  max-width: 70ch;
}

.links_news_contain.u-container.u-hflex-left-center.u-gap-main.u-hflex-wrap {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.about_news_img.u-radius-main {
  aspect-ratio: 1;
  box-shadow: 0 1.5rem 3.125rem -.75rem #00000040;
}

.blog_news_subtext.u-color-faded {
  max-width: 50ch;
}

.news_toggle_outer.u-hflex-center-center.u-gap-xsmall.u-radius-round.u-padding-xsmall {
  background-color: var(--swatch--light-secondary);
}

.news_toggle_item.u-radius-round.u-weight-medium.u-text-align-center {
  cursor: pointer;
  padding: .5rem 2rem;
}

.news_card_outer.u-radius-main {
  border-radius: var(--radius--main);
  background-image: linear-gradient(135deg, #f5d88f, #000 50%, #007889);
  padding: .0625rem;
}

.news_card_inner.u-vflex-stretch-top.u-gap-none {
  background-color: var(--swatch--light);
}

.news_card_img.u-position-relative.u-overflow-hidden {
  aspect-ratio: 36 / 22.4;
}

.mediakit_news_subtext.u-color-faded.u-text-align-center {
  max-width: 60ch;
}

.mediakit_card.u-radius-main.u-vflex-center-between.u-gap-main.u-padding-medium {
  border: 1px solid #0000000d;
}

.presse_contact.u-vflex-left-top.u-gap-small {
  width: 24rem;
  max-width: 100%;
  padding: var(--size--2rem);
  background-color: #fff;
  border-radius: 1.5rem;
  align-self: center;
  box-shadow: 0 1.25rem 1.5625rem -.3125rem #0000000d, 0 .5rem .625rem -.375rem #0000000d;
}

.blog_img.u-radius-main.u-position-relative.u-overflow-hidden {
  aspect-ratio: 2.39;
}

.lp-hero {
  background-color: #fff;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  min-height: 70vh;
  font-family: Inter, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lp-hero-overlay {
  background-image: linear-gradient(#fff0 35%, #ffffffe6 100%);
  position: absolute;
  inset: 0;
}

.lp-hero-content {
  z-index: 2;
  text-align: center;
  padding-bottom: 80px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
}

.lp-hero-title {
  color: #0c0d0e;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  font-size: 68px;
  font-weight: 600;
  line-height: 1.05;
}

.lp-hero-subtitle {
  color: #2a2f32;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
}

.lp-hero-ctas {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  display: flex;
}

.lp-btn {
  cursor: pointer;
  border-radius: 100px;
  padding: 12px 28px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: transform .12s ease-out, background-color .16s ease-out, box-shadow .16s ease-out;
  display: inline-block;
}

.lp-btn-outline-white {
  color: #fff;
  background-color: #0000;
  border: 1.5px solid #fff;
}

.lp-btn-warm {
  color: #5c3a00;
  background-color: #fbb962;
  border-style: none;
}

.lp-section {
  background-color: #f4f6fa;
  padding: 100px 80px;
  font-family: Inter, sans-serif;
}

.lp-section-white {
  background-color: #fff;
  padding-top: 72px;
  padding-bottom: 72px;
}

.lp-container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.lp-trust {
  text-align: center;
}

.lp-trust-title {
  color: #0c0d0e;
  font-size: 14px;
  font-weight: 600;
}

.lp-trust-caption {
  color: #474e52;
  margin-top: 6px;
  margin-bottom: 32px;
  font-size: 14px;
  font-weight: 400;
}

.lp-logo-row {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lp-logo-slot {
  color: #95a1a8;
  border: 1px dashed #dce2e5;
  border-radius: 4px;
  padding: 16px 32px;
  font-size: 13px;
}

.lp-section-head {
  text-align: center;
  max-width: 720px;
  margin-bottom: 56px;
  margin-left: auto;
  margin-right: auto;
}

.lp-badge {
  color: #fff;
  background-color: #007889;
  border-radius: 100px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
}

.lp-h2 {
  color: #0c0d0e;
  letter-spacing: -.015em;
  margin-top: 16px;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.15;
}

.lp-lead {
  color: #474e52;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

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

.lp-card {
  text-align: center;
  background-image: linear-gradient(135deg, #98c4d5, #fbb962);
  background-origin: border-box;
  border: 1.5px solid #0000;
  border-radius: 20px;
  padding: 40px 32px;
  transition: transform .22s ease-out, box-shadow .22s ease-out;
}

.lp-card-num {
  color: #007889;
  font-size: 16px;
  font-weight: 600;
}

.lp-card-rule {
  background-color: #007889;
  width: 24px;
  height: 2px;
  margin: 12px auto;
}

.lp-card-title {
  color: #0c0d0e;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.lp-card-text {
  color: #474e52;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

.lp-step-card {
  text-align: center;
  background-color: #fff;
  background-image: none;
  background-origin: border-box;
  border: 1.5px solid #1e1e1e1a;
  border-radius: 24px;
  padding: 48px 32px;
  box-shadow: 0 8px 32px #0b1e2214;
}

.lp-step-num {
  color: #007889;
  font-size: 28px;
  font-weight: 600;
}

.lp-step-title {
  color: #0c0d0e;
  margin-top: 24px;
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.lp-step-text {
  color: #474e52;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

.lp-contact-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 55fr 45fr;
  align-items: center;
  display: grid;
}

.lp-contact-h2 {
  color: #0c0d0e;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.1;
}

.lp-contact-body {
  color: #474e52;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.lp-form-card {
  background-color: #fff;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0 4px 16px #0b1e220f;
}

.lp-form-placeholder {
  color: #95a1a8;
  text-align: center;
  border: 1px dashed #dce2e5;
  border-radius: 4px;
  margin-bottom: 24px;
  padding: 48px 24px;
  font-size: 13px;
}

.lp-contact-label {
  color: #95a1a8;
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 400;
}

.lp-contact-value {
  color: #0c0d0e;
  font-size: 20px;
  font-weight: 600;
}

.lp-contact-divider {
  background-color: #dce2e5;
  height: 1px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.lp-btn-outline {
  color: #007889;
  background-color: #fff;
  border: 1.5px solid #007889;
}

.lp-hero-wave {
  pointer-events: none;
  will-change: transform;
  background-image: url("https://cdn.prod.website-files.com/6814792281987ef5fd4db1ff/6a2ac0ec732825360e6b162a_Wellen.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0;
}

.lp-hero-wave.lp-hero-wave-1 {
  opacity: .95;
}

.lp-hero-wave.lp-hero-wave-2 {
  opacity: .45;
}

.ekls-nav {
  z-index: 50;
  background-color: #fff;
  border-bottom: 1px solid #dce2e5;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  padding-left: 48px;
  padding-right: 48px;
  font-family: Inter, sans-serif;
  display: flex;
  position: sticky;
  top: 0;
}

.ekls-brand {
  color: #007889;
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}

.ekls-nav-actions {
  align-items: center;
  display: flex;
}

.ekls-btn-nav {
  color: #fff;
  background-color: #007889;
  border-radius: 100px;
  padding: 12px 24px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.ekls-btn-meeting {
  border: 1.5px solid var(--swatch--amber);
  color: #007889;
  background-color: #fff;
  border-radius: 100px;
  margin-left: 12px;
  padding: 11px 24px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.ekls-scrolly {
  font-family: Inter, sans-serif;
  position: relative;
}

.ekls-scene {
  z-index: 0;
  pointer-events: none;
  background-color: #f4f6fa;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.ekls-content {
  z-index: 1;
  margin-top: -100vh;
  position: relative;
}

.ekls-station {
  align-items: center;
  min-height: 100vh;
  padding: 0 80px;
  display: flex;
}

.ekls-station-white {
  background-color: #fff;
  padding: 120px 80px;
  position: relative;
  overflow: visible;
}

.ekls-hero-inner {
  text-align: center;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.ekls-h1 {
  color: #0c0d0e;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.05;
}

.ekls-hero-sub {
  color: #474e52;
  margin-top: 20px;
  font-size: 20px;
  line-height: 1.6;
}

.ekls-hero-ctas {
  justify-content: center;
  align-items: center;
  column-gap: 20px;
  margin-top: 36px;
  display: flex;
}

.ekls-btn-warm {
  background-color: var(--swatch--amber);
  color: #5c3a00;
  border-radius: 100px;
  padding: 12px 28px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.ekls-ghost {
  color: #007889;
  border-bottom: 1px solid #007889;
  padding-bottom: 2px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.ekls-inner-left {
  justify-content: flex-start;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.ekls-inner-right {
  justify-content: flex-end;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.ekls-inner-center {
  text-align: center;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.ekls-card {
  background-color: #fff;
  border-radius: 24px;
  max-width: 480px;
  padding: 48px;
  box-shadow: 0 8px 32px #0b1e2214;
}

.ekls-num {
  color: #007889;
  font-size: 28px;
  font-weight: 600;
}

.ekls-rule {
  background-color: #007889;
  width: 24px;
  height: 2px;
  margin-top: 12px;
  margin-bottom: 20px;
}

.ekls-card-h {
  color: #0c0d0e;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.15;
}

.ekls-card-sub {
  color: #007889;
  margin-top: 8px;
  font-size: 17px;
  font-weight: 600;
}

.ekls-card-p {
  color: #474e52;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.6;
}

.ekls-badge {
  color: #007889;
  background-color: #eefaff;
  border-radius: 100px;
  margin-top: 20px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
}

.ekls-w-h2 {
  color: #0c0d0e;
  text-align: center;
  letter-spacing: -.015em;
  max-width: 800px;
  margin: 0 auto;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.15;
}

.ekls-w-cards {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  max-width: 1100px;
  margin-top: 56px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.ekls-stat-card {
  background-color: #fff;
  border: 1px solid #dce2e5;
  border-radius: 20px;
  padding: 36px 28px;
}

.ekls-stat-big {
  color: #0c0d0e;
  letter-spacing: -.015em;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
}

.ekls-stat-p {
  color: #474e52;
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.6;
}

.ekls-final-h2 {
  color: #0c0d0e;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 600;
}

.ekls-results {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  margin-top: 56px;
  display: grid;
}

.ekls-result-card {
  background-color: #fff;
  border: 1px solid #dce2e5;
  border-radius: 16px;
  padding: 32px;
}

.ekls-result-val {
  color: #007889;
  letter-spacing: -.015em;
  font-size: 30px;
  font-weight: 600;
}

.ekls-result-p {
  color: #474e52;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.6;
}

.ekls-cta {
  z-index: 2;
  background-color: #f4f6fa;
  padding: 120px 80px;
  font-family: Inter, sans-serif;
  position: relative;
}

.ekls-cta-inner {
  grid-template-rows: auto;
  grid-template-columns: 11fr 9fr;
  align-items: start;
  column-gap: 64px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.ekls-cta-h2 {
  color: #0c0d0e;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.1;
}

.ekls-cta-lead {
  color: #474e52;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.6;
}

.ekls-contact {
  background-color: #fff;
  border-radius: 16px;
  max-width: 360px;
  margin-top: 32px;
  padding: 32px;
  box-shadow: 0 4px 16px #0b1e220f;
}

.ekls-c-label {
  color: #95a1a8;
  font-size: 13px;
}

.ekls-c-value {
  color: #0c0d0e;
  margin-top: 2px;
  font-size: 20px;
  font-weight: 600;
}

.ekls-c-hr {
  border-top: 1px solid #dce2e5;
  height: 0;
  margin-top: 18px;
  margin-bottom: 18px;
}

.ekls-form-card {
  background-color: #fff;
  border-radius: 24px;
  padding: 48px;
  box-shadow: 0 8px 32px #0b1e2214;
}

.ekls-footer {
  z-index: 2;
  background-color: #fff;
  border-top: 1px solid #dce2e5;
  justify-content: space-between;
  align-items: center;
  padding: 32px 48px;
  font-family: Inter, sans-serif;
  display: flex;
  position: relative;
}

.ekls-f-brand {
  color: #007889;
  letter-spacing: -.02em;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.ekls-f-links {
  column-gap: 24px;
  display: flex;
}

.ekls-f-link {
  color: #474e52;
  font-size: 14px;
  text-decoration: none;
}

.ekls-label {
  color: #0c0d0e;
  margin-bottom: 6px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: block;
}

.ekls-input {
  color: #0c0d0e;
  background-color: #fff;
  border: 1px solid #dce2e5;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 20px;
  padding: 12px 16px;
  font-family: Inter, sans-serif;
  font-size: 15px;
}

.ekls-submit {
  color: #5c3a00;
  cursor: pointer;
  background-color: #fbb962;
  border-style: none;
  border-radius: 100px;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.ekls-logo-nav {
  width: auto;
  height: 26px;
  display: block;
}

.ekls-logo-footer {
  opacity: .9;
  width: auto;
  height: 20px;
  display: block;
}

.partners_home {
  background-color: var(--swatch--light-secondary);
}

.partners_home_contain {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem 1rem;
  display: flex;
  position: relative;
}

.partners_home_statement {
  max-width: 58ch;
  color: var(--swatch--stone);
  text-align: center;
  letter-spacing: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Inter, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
}

.sbx_nav {
  z-index: 50;
  background-color: #fff;
  border-bottom: 1px solid #dce2e5;
  font-family: Inter, Arial, sans-serif;
  position: sticky;
  top: 0;
}

.sbx_nav_inner {
  justify-content: space-between;
  align-items: center;
  max-width: 1100px;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.sbx_nav_logo_img {
  width: auto;
  height: 26px;
}

.sbx_nav_actions {
  grid-column-gap: 12px;
  align-items: center;
  display: flex;
}

.sbx_btn_primary {
  color: #fff;
  background-color: #007889;
  border-radius: 100px;
  padding: 11px 24px;
  font-family: Inter, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.sbx_btn_outline_warm {
  grid-column-gap: 8px;
  color: #007889;
  background-color: #fff;
  border: 1.5px solid #fbb962;
  border-radius: 100px;
  align-items: center;
  padding: 10px 22px;
  font-family: Inter, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}

.sbx_dot {
  background-color: #5ba876;
  border-radius: 100px;
  width: 8px;
  height: 8px;
  display: inline-block;
}

.sbx_hero {
  width: 100%;
  height: 78vh;
  font-family: Inter, Arial, sans-serif;
  position: relative;
  overflow: hidden;
}

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

.sbx_hero_overlay {
  background-color: #0b1e2266;
  position: absolute;
  inset: 0;
}

.sbx_hero_content {
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 80px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: absolute;
  inset: 0;
}

.sbx_hero_h1 {
  color: #fff;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 68px;
  font-weight: 600;
  line-height: 1.05;
}

.sbx_hero_sub {
  color: #fff;
  max-width: 720px;
  margin-top: 16px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.35;
}

.sbx_hero_ctas {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 36px;
  display: flex;
}

.sbx_btn_outline_white {
  color: #fff;
  background-color: #0000;
  border: 1.5px solid #fff;
  border-radius: 100px;
  padding: 12px 28px;
  font-family: Inter, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.sbx_btn_warm {
  background-color: var(--swatch--amber);
  color: #5c3a00;
  border-radius: 100px;
  padding: 12px 28px;
  font-family: Inter, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.sbx_logos {
  background-color: #f4f6fa;
  padding: 64px 24px;
  font-family: Inter, Arial, sans-serif;
}

.sbx_logos_inner {
  text-align: center;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.sbx_logos_kicker {
  color: #0c0d0e;
  font-size: 14px;
  font-weight: 600;
}

.sbx_logos_text {
  color: #474e52;
  margin-top: 6px;
  font-size: 14px;
}

.sbx_logos_row {
  grid-column-gap: 48px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.sbx_logo_img {
  filter: grayscale() opacity(60%);
  width: auto;
  height: 36px;
}

.sbx_h2 {
  color: #0c0d0e;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.1;
}

.sbx_body {
  color: #474e52;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.6;
}

.sbx_badge {
  color: #fff;
  background-color: #007889;
  border-radius: 100px;
  margin-top: 24px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
}

.sbx_legend_item {
  grid-column-gap: 8px;
  color: #474e52;
  align-items: center;
  font-size: 13px;
  display: flex;
}

.sbx_legend_dot_blue {
  background-color: #007889;
  border-radius: 100px;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.sbx_legend_dot_orange {
  background-color: #fbb962;
  border-radius: 100px;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.sbx_sol_header {
  text-align: center;
  max-width: 720px;
  margin-bottom: 56px;
  margin-left: auto;
  margin-right: auto;
}

.sbx_num {
  color: #007889;
  font-size: 24px;
  font-weight: 600;
}

.sbx_h3 {
  color: #0c0d0e;
  letter-spacing: -.015em;
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
}

.sbx_feature_sub {
  color: #0c0d0e;
  margin-top: 6px;
  font-size: 16px;
  font-weight: 600;
}

.sbx_feature_p {
  color: #474e52;
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.6;
}

.sbx_ghost {
  color: #007889;
  border-bottom: 1px solid #007889;
  margin-top: 20px;
  padding-bottom: 2px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.sbx_kpi_grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.sbx_kpi {
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #98c4d5, #fbb962);
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
  border: 1.5px solid #0000;
  border-radius: 24px;
  padding: 48px 32px;
  box-shadow: 0 8px 32px #0b1e2214;
}

.sbx_kpi_val {
  color: #007889;
  letter-spacing: -.015em;
  font-size: 32px;
  font-weight: 600;
}

.sbx_kpi_p {
  color: #474e52;
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.6;
}

.sbx_weg {
  background-color: #f4f6fa;
  padding: 100px 24px;
  font-family: Inter, Arial, sans-serif;
}

.sbx_weg_inner {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.sbx_step {
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-image: none;
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
  border: 1.5px solid #1e1e1e1a;
  border-radius: 24px;
  padding: 48px 32px;
  box-shadow: 0 8px 32px #0b1e2214;
}

.sbx_step_num {
  color: #007889;
  font-size: 28px;
  font-weight: 600;
}

.sbx_step_title {
  color: #0c0d0e;
  margin-top: 24px;
  font-size: 18px;
  font-weight: 600;
}

.sbx_contact {
  background-color: #f4f6fa;
  padding: 40px 24px 100px;
  font-family: Inter, Arial, sans-serif;
}

.sbx_contact_inner {
  grid-column-gap: 64px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 11fr 9fr;
  align-items: center;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.sbx_contact_ctas {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
  display: flex;
}

.sbx_contact_card {
  background-color: #fff;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0 4px 16px #0b1e220f;
}

.sbx_c_label {
  color: #95a1a8;
  border-top: 1px solid #dce2e5;
  margin-top: 16px;
  padding-top: 16px;
  font-size: 13px;
}

.sbx_c_label:first-child {
  border-top-style: none;
  margin-top: 0;
  padding-top: 0;
}

.sbx_c_value {
  color: #0c0d0e;
  margin-top: 4px;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

.sbx_c_note {
  grid-column-gap: 8px;
  color: #474e52;
  border-top: 1px solid #dce2e5;
  align-items: center;
  margin-top: 16px;
  padding-top: 16px;
  font-size: 13px;
  display: flex;
}

.sbx_footer {
  background-color: #fff;
  border-top: 1px solid #dce2e5;
  padding: 24px;
  font-family: Inter, Arial, sans-serif;
}

.sbx_footer_inner {
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.sbx_footer_copy {
  color: #95a1a8;
  font-size: 13px;
}

.sbx_footer_links {
  grid-column-gap: 24px;
  display: flex;
}

.sbx_footer_link {
  color: #474e52;
  font-size: 13px;
  text-decoration: none;
}

.sbx_scrolly {
  background-color: #f4f6fa;
  font-family: Inter, Arial, sans-serif;
  position: relative;
}

.sbx_scene {
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.sbx_scene_inner {
  width: 100%;
  max-width: 980px;
  position: relative;
}

.sbx_curves_dissonant {
  width: 100%;
  height: auto;
  display: block;
}

.sbx_curves_harmony {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.sbx_scene_legend {
  grid-column-gap: 24px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
  display: flex;
}

.sbx_stations {
  z-index: 2;
  margin-top: -100vh;
  position: relative;
}

.sbx_station {
  align-items: center;
  max-width: 1100px;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 48px 24px;
  display: flex;
}

.sbx_station_left {
  justify-content: flex-start;
}

.sbx_station_right {
  justify-content: flex-end;
}

.sbx_scard {
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #98c4d5, #fbb962);
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
  border: 1.5px solid #0000;
  border-radius: 24px;
  width: 100%;
  max-width: 480px;
  padding: 36px;
  box-shadow: 0 8px 32px #0b1e221f;
}

.sbx_scard_img {
  object-fit: cover;
  border-radius: 4px;
  width: 100%;
  height: 160px;
  margin-bottom: 20px;
}

.sbx_station_center {
  justify-content: center;
}

.sbx_final_inner {
  text-align: center;
  width: 100%;
}

.sbx_final_grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 48px;
  display: grid;
}

.navbar_mm_tile {
  grid-column-gap: 14px;
  border-top-left-radius: var(--radius--media-small);
  border-top-right-radius: var(--radius--media-small);
  border-bottom-left-radius: var(--radius--media-small);
  border-bottom-right-radius: var(--radius--media-small);
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: start;
  margin: -8px;
  padding: 8px;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
  display: grid;
}

.navbar_mm_tile:hover {
  background-color: #1319360d;
}

.navbar_mm_tile:hover:where(.w-variant-d61e456c-6b06-ec2a-7843-bbcc0a64f829) {
  background-color: #ffffff14;
}

.navbar_mm_icon {
  color: #fff;
  background-color: #ffffff14;
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: flex;
}

.navbar_mm_icon:where(.w-variant-d61e456c-6b06-ec2a-7843-bbcc0a64f829) {
  color: #fff;
  background-color: #ffffff14;
}

.navbar_mm_title {
  color: #fff;
  overflow-wrap: break-word;
  margin: 0;
  font-size: .98rem;
  font-weight: 600;
  line-height: 1.3;
}

.navbar_mm_title:where(.w-variant-d61e456c-6b06-ec2a-7843-bbcc0a64f829), .navbar_mm_title:hover:where(.w-variant-d61e456c-6b06-ec2a-7843-bbcc0a64f829) {
  color: #fff;
}

.navbar_mm_sub {
  color: #b3b3b3;
  overflow-wrap: break-word;
  margin-top: 4px;
  font-size: .82rem;
  font-weight: 400;
  line-height: 1.5;
}

.navbar_mm_sub:where(.w-variant-d61e456c-6b06-ec2a-7843-bbcc0a64f829) {
  color: #aab4c0;
}

.navbar_login_link {
  color: #ffffffdb;
  padding-right: 6px;
  font-size: .88rem;
  font-weight: 600;
  text-decoration: none;
}

.navbar_login_link:where(.w-variant-d61e456c-6b06-ec2a-7843-bbcc0a64f829) {
  color: #ffffffdb;
}

.navbar_mm_grid {
  grid-column-gap: 48px;
  grid-row-gap: 28px;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.nsw-lyr {
  position: absolute;
  inset: -8%;
}

.nsw-lyr.nsw-base.inline-div-0 {
  background-image: linear-gradient(140deg, #0a2230 0%, #0d1a2a 45%, #121834 100%);
  inset: 0;
}

.nsw-lyr.nsw-swell.nsw-sw1.inline-div-1 {
  background-image: radial-gradient(75% 65% at 0%, #0078898c, #00788900 60%);
}

.nsw-lyr.nsw-swell.nsw-sw2.inline-div-2 {
  background-image: radial-gradient(42% 35% at 100% 95%, #64a0be38, #64a0be00 55%);
}

.nsw-wave {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.nsw-wave.inline-svg-0 {
  filter: blur(6px);
}

.nsw-wave.inline-svg-1 {
  filter: blur(12px);
}

.nsw-grain {
  opacity: .5;
  pointer-events: none;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");
  background-size: 180px 180px;
  position: absolute;
  inset: 0;
}

.hero__veil {
  z-index: 1;
  background-image: linear-gradient(#1319366b 0%, #1319361f 30%, #13193657 78%, #13193680 100%), linear-gradient(90deg, #13193661, #0000 55%);
  position: absolute;
  inset: 0;
}

.hero__fade {
  z-index: 2;
  pointer-events: none;
  background-image: linear-gradient(#fff0 0%, #ffffff29 32%, #ffffff8c 62%, #ffffffe6 84%, #fff 100%);
  height: clamp(170px, 28vh, 340px);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hero__shell {
  z-index: 3;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}

.hero__inner {
  max-width: 820px;
  padding-top: clamp(16px, 2.5vh, 28px);
  padding-bottom: clamp(64px, 10vh, 110px);
}

.hero__inner.has-kpis {
  max-width: 1100px;
  padding-bottom: clamp(156px, 18vh, 208px);
}

.hero__inner.has-kpis.top-clearance-standard {
  position: relative;
}

.hl {
  color: #fff;
  margin: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 600;
  line-height: 1.06;
}

.hero__h2 {
  color: #ffffffeb;
  margin-top: 10px;
  font-family: Marjorie, Inter, sans-serif;
  font-size: clamp(1.15rem, 2.6vw, 1.7rem);
  font-weight: 600;
  line-height: 1.2;
}

.hero__sub {
  color: #ffffffd1;
  max-width: 62ch;
  font-size: var(--size--1rem);
  margin-top: 16px;
  line-height: 1.65;
}

.hero__ctas {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 26px;
  display: flex;
}

.cta-ghost--white {
  color: #fff;
  text-underline-offset: 4px;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.navbar_center_row {
  grid-column-gap: 16px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: grid;
  position: relative;
}

.u-shadow-panel {
  box-shadow: 0 10px 40px #00000014;
}

.u-shadow-lift {
  box-shadow: 0 10px 30px -20px #13193659;
}

.u-shadow-dark {
  box-shadow: 0 18px 50px -34px #13193666;
}

.u-shadow-media {
  box-shadow: 0 0 #0000, 0 .3px .2px #0001, 0 1.2px 1.8px #00000013, 0 5.6px 10.3px #00000015;
}

.hero_batterie {
  color: #fff;
  align-items: flex-end;
  min-height: 100vh;
  padding-top: clamp(3.5rem, 9vh, 6rem);
  padding-bottom: clamp(9.5rem, 12vw, 11.5rem);
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_batterie_bg {
  z-index: 0;
  background-color: #122a38;
  position: absolute;
  inset: 0;
}

.hero_batterie_scrim {
  background-image: linear-gradient(90deg, #09111cbd 0%, #09111c80 44%, #09111c1a 78%, #09111c00 100%);
  position: absolute;
  inset: 0;
}

.hero_batterie_topfade {
  background-image: linear-gradient(#09111c80, #09111c00);
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hero_batterie_contain {
  z-index: 1;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}

.hero_batterie_copy {
  max-width: 600px;
}

.hero_batterie_heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 600;
  line-height: 1.06;
}

.hero_batterie_lead {
  color: #b3b3b3;
  max-width: 38rem;
  font-size: var(--size--1rem);
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 1.65;
}

.hero_batterie_ctas {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 26px;
  display: flex;
}

.hero_batterie_photo {
  transform-origin: 0 100%;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  transform: scale(1.22);
}

.problem_batterie {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #fff;
}

.problem_batterie_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.problem_batterie_panel {
  background-color: #0000;
  padding: 0;
}

.problem_batterie_head {
  max-width: 46rem;
  margin-bottom: 0;
}

.problem_batterie_eyebrow {
  color: #007889;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
}

.problem_batterie_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.problem_batterie_grid {
  margin-top: var(--size--3rem);
  grid-column-gap: var(--size--1-5rem);
  grid-row-gap: var(--size--1-5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.problem_batterie_card {
  padding: var(--size--2rem);
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.problem_batterie_num {
  color: var(--swatch--brand);
  font-size: var(--size--1-5rem);
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-weight: 600;
  line-height: 1;
}

.problem_batterie_num.is-supplyblue, .problem_batterie_num.is-amber, .problem_batterie_num.is-neutral {
  color: var(--swatch--brand);
}

.problem_batterie_card_heading {
  margin-top: 0;
  margin-bottom: var(--size--0-5rem);
  color: #1e1e1e;
  letter-spacing: normal;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.problem_batterie_card_text {
  color: #565656;
  font-size: var(--size--1rem);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
}

.loesung_batterie {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #f5f9fa;
}

.loesung_batterie.is-os {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.loesung_batterie_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.loesung_batterie_head {
  max-width: 46rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.loesung_batterie_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.loesung_batterie_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.loesung_batterie_lead {
  color: #565656;
  max-width: 38rem;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.loesung_batterie_grid {
  grid-column-gap: clamp(1.75rem, 4vw, 3.5rem);
  grid-row-gap: clamp(1.75rem, 4vw, 3.5rem);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: start;
  display: grid;
}

.loesung_batterie_list {
  grid-row-gap: .625rem;
  flex-direction: column;
  display: flex;
}

.loesung_batterie_uc {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  transition: border-color .25s cubic-bezier(.22, .61, .36, 1), box-shadow .25s cubic-bezier(.22, .61, .36, 1);
}

.loesung_batterie_uc.is-active {
  border-color: #9bc4d5;
}

.loesung_batterie_uc.is-multi {
  border-color: #007889;
}

.loesung_batterie_uc_head {
  grid-column-gap: .75rem;
  color: #1e1e1e;
  text-align: left;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem 1.125rem;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
}

.loesung_batterie_uc_label {
  flex-grow: 1;
  display: block;
}

.loesung_batterie_uc_chev {
  color: #565656;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  transition: transform .35s cubic-bezier(.22, .61, .36, 1), color .25s cubic-bezier(.22, .61, .36, 1);
  display: flex;
}

.loesung_batterie_uc_body {
  grid-template-rows: 0fr;
  grid-template-columns: 1fr;
  transition: grid-template-rows .38s cubic-bezier(.22, .61, .36, 1);
  display: grid;
}

.loesung_batterie_uc_inner {
  min-height: 0;
  overflow: hidden;
}

.loesung_batterie_uc_text {
  opacity: 0;
  color: #565656;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 1.125rem 1rem 3.5rem;
  font-size: .875rem;
  line-height: 1.6;
  transition: opacity .3s cubic-bezier(.22, .61, .36, 1) 80ms, transform .3s cubic-bezier(.22, .61, .36, 1) 80ms;
  transform: translateY(-4px);
}

.loesung_batterie_stage {
  position: sticky;
  top: 96px;
}

.loesung_batterie_frame {
  position: relative;
}

.loesung_batterie_note {
  color: #565656;
  margin-top: .75rem;
  margin-bottom: 0;
  font-size: .75rem;
  line-height: 1.5;
}

.value_batterie {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #fff;
}

.value_batterie_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.value_batterie_grid {
  grid-column-gap: var(--size--1-5rem);
  grid-row-gap: var(--size--1-5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.value_batterie_tile {
  padding: var(--size--2rem);
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--swatch--line);
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  display: flex;
}

.value_batterie_ico {
  box-sizing: border-box;
  width: 46px;
  height: 46px;
  margin-bottom: var(--size--1rem);
  border-radius: var(--radius--main);
  color: var(--swatch--brand);
  background-color: #0078891a;
  flex: none;
  place-items: center;
  padding: 11px;
  display: grid;
}

.value_batterie_pre {
  color: #007889;
  margin-top: .875rem;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.value_batterie_num {
  color: #1e1e1e;
  font-family: Inter, sans-serif;
  font-size: var(--size--2rem);
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1;
}

.value_batterie_title {
  color: #1e1e1e;
  margin-top: .25rem;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
}

.value_batterie_desc {
  color: #565656;
  font-size: var(--size--1rem);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
}

.case_batterie {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  color: #fff;
  background-color: #131936;
}

.case_batterie_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.case_batterie_stage {
  color: #fff;
  background-image: linear-gradient(160deg, #0b1024 0%, #131936 38%, #0f3140 72%, #16505c 100%);
  border-radius: 12px;
  align-items: flex-end;
  min-height: clamp(26rem, 52vw, 35rem);
  display: flex;
  position: relative;
  overflow: hidden;
}

.case_batterie_waves {
  opacity: .55;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.case_batterie_kpi {
  z-index: 1;
  background-color: #1319368c;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 1rem 1.5rem;
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}

.case_batterie_kpi_n {
  letter-spacing: -.02em;
  margin: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
}

.case_batterie_kpi_l {
  color: #b3b3b3;
  margin-top: .375rem;
  margin-bottom: 0;
  font-size: .875rem;
}

.case_batterie_quote {
  z-index: 1;
  max-width: 36rem;
  margin: 0;
  padding: clamp(1.5rem, 4vw, 3rem);
  position: relative;
}

.case_batterie_draftflag {
  color: #fbb963;
  background-color: #1319368c;
  border: 1px solid #ffffff2e;
  border-radius: 100px;
  margin-bottom: 1rem;
  padding: .3rem .75rem;
  font-size: .75rem;
  font-weight: 600;
  display: inline-block;
}

.case_batterie_blockquote {
  letter-spacing: -.015em;
  margin: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: clamp(1.25rem, 2.2vw, 1.625rem);
  font-weight: 600;
  line-height: 1.4;
}

.case_batterie_cite {
  opacity: .82;
  margin-top: .875rem;
  font-size: .9rem;
  font-style: normal;
  display: block;
}

.case_batterie_link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  border-bottom: 1px solid #ffffff8c;
  align-items: center;
  margin-top: 1.5rem;
  padding-bottom: 2px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.case_batterie_stats {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: .5rem;
  background-color: #1319368c;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  flex-wrap: wrap;
  max-width: calc(100% - 3rem);
  margin-top: 0;
  padding: 1rem 1.5rem;
  display: flex;
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}

.case_batterie_stat_l {
  color: #b3b3b3;
  margin: 0;
  font-size: .75rem;
}

.case_batterie_stat_v {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin-top: .25rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.ablauf_batterie {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: var(--swatch--light);
}

.ablauf_batterie_contain {
  grid-column-gap: 32px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .95fr 1.05fr;
  align-items: start;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: grid;
  position: relative;
}

.ablauf_batterie_head {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 117px;
}

.ablauf_batterie_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  display: inline-block;
}

.ablauf_batterie_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.ablauf_batterie_lead {
  color: #5a6470;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.65;
}

.ablauf_batterie_bausteine {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: .25rem;
  display: grid;
}

.ablauf_batterie_baustein {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  color: #1e1e1e;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  align-items: center;
  padding: .875rem 1rem;
  font-family: Inter, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
  display: flex;
}

.ablauf_batterie_dot {
  background-color: #007889;
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
  display: block;
}

.ablauf_batterie_note {
  color: #5a6470;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.65;
}

.ablauf_batterie_steps {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.ablauf_batterie_steps_line {
  background-color: #1e1e1e1a;
  width: 2px;
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 27px;
}

.ablauf_batterie_steps_fill {
  transform-origin: top;
  background-color: #007889;
  width: 2px;
  transition: transform .5s cubic-bezier(.22, .61, .36, 1);
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 27px;
  transform: scaleY(0);
}

.ablauf_batterie_step {
  padding: var(--size--1-5rem);
  grid-column-gap: 24px;
  border: 1px solid var(--swatch--line);
  border-radius: var(--radius--main);
  background-color: var(--swatch--light);
  align-items: flex-start;
  display: flex;
}

.ablauf_batterie_snum {
  color: var(--swatch--brand);
  font-family: Inter, sans-serif;
  font-size: var(--size--1-5rem);
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1;
}

.ablauf_batterie_snum.is-active {
  color: #fff;
  background-color: #007889;
  border-color: #007889;
}

.ablauf_batterie_stepcard {
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.ablauf_batterie_step_title {
  color: #1e1e1e;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

.ablauf_batterie_step_text {
  color: #565656;
  font-size: var(--size--1rem);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
}

.ablauf_batterie_cta {
  margin-top: var(--size--2rem);
  text-align: left;
}

.produkte_batterie {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #fff;
}

.produkte_batterie_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.produkte_batterie_head {
  max-width: 46rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.produkte_batterie_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  display: inline-block;
}

.produkte_batterie_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.produkte_batterie_grid.is-quad {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.produkte_batterie_card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.25rem;
  transition: transform .25s cubic-bezier(.22, .61, .36, 1), box-shadow .25s cubic-bezier(.22, .61, .36, 1);
  display: flex;
}

.produkte_batterie_card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 40px #00000014;
}

.produkte_batterie_viz {
  background-color: #f5f9fa;
  border-radius: 12px;
  padding: .75rem;
}

.produkte_batterie_title {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
}

.produkte_batterie_text {
  color: #565656;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.6;
}

.produkte_batterie_link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #007889;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  align-self: flex-start;
  align-items: center;
  margin-top: auto;
  padding-bottom: 2px;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  transition: opacity .25s cubic-bezier(.22, .61, .36, 1);
  display: inline-flex;
}

.produkte_batterie_link:hover {
  opacity: .85;
}

.produkte_batterie_arr {
  transition: transform .25s cubic-bezier(.22, .61, .36, 1);
  display: inline-block;
}

.kontakt_batterie {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: var(--swatch--midnight);
}

.kontakt_batterie_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.kontakt_batterie_grid {
  grid-column-gap: clamp(2rem, 5vw, 4rem);
  grid-row-gap: clamp(2rem, 5vw, 4rem);
  grid-template-rows: auto;
  grid-template-columns: .9fr 1.1fr;
  align-items: start;
  display: grid;
}

.kontakt_batterie_heading {
  color: var(--swatch--light);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.kontakt_batterie_lead {
  color: var(--swatch--stone-light);
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.contact_assure {
  grid-row-gap: .75rem;
  flex-direction: column;
  margin: 1.75rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.contact_assure.is-flush-top {
  margin-top: 0;
}

.contact_assure_item {
  color: #565656;
  padding-left: 1.75rem;
  font-size: .875rem;
  position: relative;
}

.contact_assure_item:before {
  color: #007889;
  content: "✓";
  background-color: #0078891f;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.contact_assure_item.is-on-dark {
  color: var(--swatch--stone-light);
}

.contact_assure_item.is-on-dark:before {
  color: var(--swatch--supplyblue);
  background-color: #9bc4d529;
}

.contact_formcol {
  min-width: 0;
  position: relative;
}

.hero_batterie_kpis {
  z-index: 1;
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
}

.hero_batterie_kpis_inner {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.hero_batterie_kpi {
  text-align: center;
  flex: 1;
  min-width: 0;
  padding: 1.25rem clamp(.75rem, 3vw, 1.75rem);
}

.hero_batterie_kpi:last-child {
  border-right: none;
}

.hero_batterie_kpi_num {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.hero_batterie_kpi_label {
  color: #b3b3b3;
  margin-top: .25rem;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.4;
}

.hero_os {
  color: #fff;
  background-color: #0d1a2a;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-height: 810px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.eos-hero__bg {
  z-index: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.eos-hero__bg-base {
  background-image: linear-gradient(140deg, #0a2230 0%, #0d1a2a 45%, #121834 100%);
  position: absolute;
  inset: 0;
}

.eos-hero__bg-sw {
  display: none;
  position: absolute;
  inset: -8%;
}

.eos-hero__bg-sw1 {
  background-image: radial-gradient(75% 65% at 0%, #00788980, #00788900 60%);
}

.eos-hero__bg-sw2 {
  background-image: radial-gradient(42% 35% at 100% 95%, #64a0be33, #64a0be00 55%);
}

.eos-hero__grain {
  opacity: .4;
  pointer-events: none;
  mix-blend-mode: overlay;
  background-size: 180px 180px;
  position: absolute;
  inset: 0;
}

.eos-hero__veil {
  z-index: 1;
  background-image: linear-gradient(#1319366b 0%, #1319361a 30%, #13193647 78%, #13193675 100%);
  position: absolute;
  inset: 0;
}

.eos-hero__fade {
  z-index: 2;
  pointer-events: none;
  background-image: linear-gradient(#fff0 0%, #ffffff80 60%, #fff 100%);
  height: clamp(110px, 16vh, 200px);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.eos-hero__wave {
  z-index: 2;
  pointer-events: none;
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.eos-hero__shell {
  z-index: 3;
  grid-column-gap: 32px;
  grid-row-gap: 48px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  align-items: center;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: clamp(16px, 2.5vh, 28px) 22px clamp(72px, 11vh, 120px);
  display: grid;
  position: relative;
}

.eos-hero__inner {
  min-width: 0;
  max-width: none;
  padding: 0;
}

.eos-hero__kicker {
  color: #fbb963;
  letter-spacing: .03em;
  margin: 0 0 16px;
  font-family: Inter, Arial, sans-serif;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1;
  display: block;
}

.eos-hl {
  color: #fff;
  letter-spacing: 0;
  margin: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: clamp(2.6rem, 6vw, 4.6rem);
  font-weight: 600;
  line-height: 1.02;
}

.eos-hero__sub {
  color: #ffffffb8;
  max-width: 60ch;
  margin: 20px 0 0;
  font-size: 1.02rem;
  line-height: 1.65;
}

.eos-hero__ctas {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 28px;
  display: flex;
}

.eos-btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  padding: 14px 26px;
  font-family: Inter, Arial, sans-serif;
  font-size: .95rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}

.eos-btn--ondark {
  color: #131936;
  background-color: #fff;
}

.eos-cta-ghost--white {
  color: #fff;
  text-underline-offset: 4px;
  font-family: Inter, Arial, sans-serif;
  font-size: .95rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: underline;
}

.eos-hero__legend {
  z-index: 3;
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-wrap: wrap;
  margin-top: 34px;
  display: flex;
  position: relative;
}

.eos-hleg {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: #ffffffb8;
  letter-spacing: .03em;
  align-items: center;
  font-family: Inter, Arial, sans-serif;
  font-size: .78rem;
  font-weight: 400;
  line-height: 1;
  display: inline-flex;
}

.eos-hleg-dot {
  border-radius: 50%;
  flex: none;
  width: 9px;
  height: 9px;
}

.eos-hleg-dot--blue {
  color: #9bc4d5;
  background-color: #9bc4d5;
}

.eos-hleg-dot--amber {
  color: #fbb963;
  background-color: #fbb963;
}

.eos-hleg-line {
  border-top: 2px dashed #ffffffbf;
  flex: none;
  width: 16px;
  height: 0;
}

.eos-wrap {
  z-index: 1;
  max-width: 1400px;
  margin: 0 auto;
  padding: 10px 22px 90px;
  position: relative;
}

.eos-panel {
  -webkit-backdrop-filter: blur(13px) saturate(118%);
  backdrop-filter: blur(13px) saturate(118%);
  background-color: #ffffffb3;
  border: 1px solid #e3e8efd9;
  border-radius: 26px;
  margin-top: 18px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1319360a, 0 18px 50px -34px #13193647;
}

.eos-numbers {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  padding: clamp(22px, 3vw, 34px);
  display: grid;
}

.eos-numcard {
  background-color: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 18px;
  padding: clamp(20px, 2.4vw, 30px);
}

.eos-problem__head {
  grid-row-gap: clamp(28px, 4.5vw, 64px);
  grid-column-gap: clamp(28px, 4.5vw, 64px);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  align-items: center;
  display: grid;
}

.eos-problem__chart {
  margin: 0;
}

.eos-problem__media {
  filter: brightness(1.09);
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: auto;
  display: block;
}

.eos-pad {
  padding: clamp(28px, 5vw, 64px);
}

.eos-eyebrow {
  color: #007889;
  letter-spacing: .03em;
  margin: 0 0 16px;
  font-size: .8rem;
  font-weight: 600;
  display: block;
}

.eos-sec {
  color: #131936;
  margin: 0 0 14px;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: clamp(2rem, 4.4vw, 3.3rem);
  font-weight: 600;
  line-height: 1.05;
}

.eos-sec.inline-h2-0 {
  font-size: clamp(1.7rem, 3vw, 2.4rem);
}

.eos-lede {
  color: #5a6470;
  max-width: 60ch;
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.65;
}

.eos-funk {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 26px;
  display: grid;
}

.eos-funk__tile {
  background-color: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 18px;
  flex-direction: column;
  padding: clamp(22px, 2.6vw, 30px);
  display: flex;
  position: relative;
  overflow: hidden;
}

.eos-funk__head {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: center;
  margin: 0 0 12px;
  display: flex;
}

.eos-funk__chip {
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.eos-funk__chip--teal {
  color: #007889;
  background-color: #0078891a;
}

.eos-funk__chip--amber {
  color: #b97a1e;
  background-color: #fbb96329;
}

.eos-funk__chip--blue {
  color: #3e7a93;
  background-color: #9bc4d538;
}

.eos-funk__chip--mid {
  color: #131936;
  background-color: #13193612;
}

.eos-funk__claim {
  color: #5a6470;
  max-width: 52ch;
  margin: 0 0 12px;
  font-size: .98rem;
  line-height: 1.6;
}

.eos-funk__list {
  grid-column-gap: 18px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin: 0;
  padding: 2px 0 20px;
  display: grid;
}

.eos-funk__item {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  align-items: flex-start;
  display: flex;
}

.eos-feature {
  grid-row-gap: clamp(24px, 4vw, 56px);
  grid-column-gap: clamp(24px, 4vw, 56px);
  grid-template-rows: auto;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  padding: clamp(28px, 5vw, 64px);
  display: grid;
}

.eos-dash {
  position: relative;
}

.eos-bringt__list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.inline-svg-0 {
  height: auto;
  display: block;
}

.cta_os {
  color: #fff;
  border-radius: 26px;
  margin-top: 18px;
  scroll-margin-top: 110px;
  position: relative;
  overflow: hidden;
}

.eos-nsw-lyr {
  position: absolute;
  inset: 0;
}

.eos-nsw-lyr.eos-nsw-base.inline-div-0 {
  background-image: linear-gradient(158deg, #0e1430 0%, #131936 52%, #0a2a36 100%);
}

.eos-nsw-lyr.eos-nsw-swell.eos-nsw-sw1.inline-div-1 {
  background-image: radial-gradient(70% 60% at 22% 16%, #00788985, #00788900 60%);
}

.eos-nsw-lyr.eos-nsw-swell.eos-nsw-sw2.inline-div-2 {
  background-image: radial-gradient(46% 38% at 97% 0, #fbb96333, #fbb96300 60%);
}

.eos-nsw-wave {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.eos-nsw-wave.inline-svg-0 {
  filter: blur(7px);
}

.eos-nsw-wave.inline-svg-1 {
  filter: blur(13px);
}

.eos-nsw-grain {
  opacity: .4;
  pointer-events: none;
  mix-blend-mode: overlay;
  position: absolute;
  inset: 0;
}

.eos-cta_os__inner {
  z-index: 3;
  text-align: center;
  padding: clamp(48px, 8vw, 96px) 22px;
  position: relative;
}

.funktionen_os, .numbers_section, .problem_os, .nutzen_os {
  position: relative;
}

.eos-panel-1 {
  -webkit-backdrop-filter: blur(13px) saturate(118%);
  backdrop-filter: blur(13px) saturate(118%);
  background-color: #ffffffb3;
  border: 1px solid #e3e8efd9;
  border-radius: 26px;
  margin-top: 18px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1319360a, 0 18px 50px -34px #13193647;
}

.eos-reveal {
  opacity: 0;
  transition: opacity .9s cubic-bezier(.22, .61, .36, 1), transform .9s cubic-bezier(.22, .61, .36, 1);
  transform: translateY(26px);
}

.eos-stagger, .eos-problem__copy {
  position: relative;
}

.eos-drivers {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  margin-top: clamp(30px, 4vw, 44px);
  display: grid;
}

.eos-driver {
  color: #5a6470;
  background-color: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 18px;
  padding: 22px 24px;
  font-size: .92rem;
  line-height: 1.6;
}

.eos-driver__num {
  color: #007889;
  background-color: #00788914;
  border: 1px solid #0078892e;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin: 0 0 12px;
  font-family: Inter, Arial, sans-serif;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.eos-feature__media {
  padding: clamp(22px, 3vw, 40px);
}

.eos-feature__text {
  padding: clamp(28px, 5vw, 60px);
}

.eos-dash__badge {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  align-items: center;
  padding: 10px 16px 10px 10px;
  display: flex;
  position: absolute;
  top: 0;
  left: -10px;
  box-shadow: 0 18px 40px -22px #13193673;
}

.eos-emark {
  position: relative;
}

.eos-dash__desktop {
  background-color: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 18px;
  grid-template-rows: auto;
  grid-template-columns: 132px 1fr;
  width: min(100%, 560px);
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 60px -30px #13193659;
}

.eos-dash__side {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  background-image: linear-gradient(170deg, #131936, #0f2430);
  flex-direction: column;
  padding: 16px 14px;
  display: flex;
}

.eos-dword {
  position: relative;
}

.eos-dash__group {
  color: #ffffff61;
  letter-spacing: .06em;
  margin: 10px 0 5px;
  font-family: Inter, Arial, sans-serif;
  font-size: .56rem;
  font-weight: 600;
  line-height: 1;
}

.eos-dash__nav {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #ffffffb8;
  border-radius: 8px;
  align-items: center;
  padding: 6px 8px;
  font-family: Inter, Arial, sans-serif;
  font-size: .66rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.eos-is-active {
  position: relative;
}

.eos-dash__live {
  color: #f5d88f;
  border: 1px solid #f5d88f80;
  border-radius: 100px;
  margin-left: auto;
  padding: 2px 5px;
  font-family: Inter, Arial, sans-serif;
  font-size: .5rem;
  font-weight: 600;
  line-height: 1;
}

.eos-dash__main {
  background-color: #f4f6fa;
  padding: 14px 16px 16px;
}

.eos-dash__title {
  color: #131936;
  margin: 0 0 10px;
  font-family: Inter, Arial, sans-serif;
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.3;
}

.eos-dash__kpis {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 0 10px;
  display: grid;
}

.eos-dash__kpi {
  background-color: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 9px 10px;
}

.eos-dash__chart {
  background-color: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  margin: 0 0 10px;
  padding: 10px 10px 6px;
}

.eos-dash__legend {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 6px;
  display: flex;
}

.eos-dl--epex {
  background-color: #aab4c0;
}

.eos-dl--con {
  background-color: #9bc4d5;
}

.eos-dl--gen {
  background-color: #fbb963;
}

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

.eos-dash__row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px;
  display: flex;
}

.eos-dash__phone {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 22px;
  width: clamp(150px, 34%, 186px);
  padding: 12px 11px 8px;
  position: absolute;
  bottom: 0;
  right: 0;
  box-shadow: 0 28px 60px -26px #13193673;
}

.eos-dash__phead {
  color: #fff;
  background-color: #131936;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 8px;
  padding: 8px 9px;
  display: flex;
}

.eos-dash__pdot {
  background-color: #f5d88f;
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 8px #f5d88f;
}

.eos-dash__pcard {
  background-color: #f4f6fa;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  margin: 0 0 7px;
  padding: 8px 9px;
}

.eos-dash__ring {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  align-items: center;
  display: flex;
}

.eos-dash__pkpi {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: baseline;
  margin: 0 0 4px;
  display: flex;
}

.eos-dash__pstats {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 0 7px;
  display: grid;
}

.eos-dash__pstat {
  text-align: center;
  background-color: #f4f6fa;
  border: 1px solid #e3e8ef;
  border-radius: 8px;
  padding: 6px 5px;
}

.eos-dash__pnote {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #8a5a14;
  background-color: #fbb96324;
  border: 1px solid #fbb96366;
  border-radius: 9px;
  align-items: flex-start;
  padding: 7px 8px;
  font-family: Inter, Arial, sans-serif;
  font-size: .5rem;
  font-weight: 600;
  line-height: 1.35;
  display: flex;
}

.case_batterie_copy {
  margin: 0;
}

.case_batterie_eyebrow {
  color: #9bc4d5;
  margin: 0 0 .875rem;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.case_batterie_heading {
  color: #fff;
  letter-spacing: -.02em;
  margin: 0 0 1rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.case_batterie_lead {
  color: #b3b3b3;
  max-width: 60ch;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.case_batterie_results {
  grid-row-gap: var(--size--1rem);
  flex-direction: column;
  height: 100%;
  margin-top: 0;
  display: flex;
}

.case_batterie_result {
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
}

.case_batterie_result_n {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
}

.case_batterie_result_l {
  color: #b3b3b3;
  margin: .375rem 0 0;
  font-size: .875rem;
}

.kontakt_batterie_booklink {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--swatch--light);
  border-bottom: 1px solid #ffffff73;
  align-items: center;
  margin-top: 1.75rem;
  padding-bottom: 2px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .25s cubic-bezier(.22, .61, .36, 1), color .25s cubic-bezier(.22, .61, .36, 1);
  display: inline-flex;
}

.loesung_batterie_uc_num {
  color: #9bc4d5;
  font-variant-numeric: tabular-nums;
  flex: none;
  min-width: 1.6rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.hero_direkt {
  color: #fff;
  align-items: flex-end;
  min-height: 100vh;
  padding-top: clamp(3.5rem, 9vh, 6rem);
  padding-bottom: clamp(9.5rem, 12vw, 11.5rem);
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_direkt_bg {
  z-index: 0;
  background-color: #122a38;
  position: absolute;
  inset: 0;
}

.hero_direkt_photo {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.hero_direkt_scrim {
  background-image: linear-gradient(90deg, #09111cbd 0%, #09111c80 44%, #09111c1a 78%, #09111c00 100%);
  position: absolute;
  inset: 0;
}

.hero_direkt_topfade {
  background-image: linear-gradient(#09111c80, #09111c00);
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hero_direkt_contain {
  z-index: 1;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}

.hero_direkt_copy {
  max-width: 640px;
}

.hero_direkt_heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 600;
  line-height: 1.06;
}

.hero_direkt_lead {
  max-width: 38rem;
  color: var(--swatch--stone-light);
  font-size: var(--size--1rem);
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 1.65;
}

.hero_direkt_ctas {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 26px;
  display: flex;
}

.hero_direkt_kpis {
  z-index: 1;
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
}

.hero_direkt_kpis_inner {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.hero_direkt_kpi {
  text-align: center;
  flex: 1;
  min-width: 0;
  padding: 1.25rem clamp(.75rem, 3vw, 1.75rem);
}

.hero_direkt_kpi:last-child {
  border-right-style: none;
}

.hero_direkt_kpi_num {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.hero_direkt_kpi_label {
  color: var(--swatch--stone-light);
  margin-top: .25rem;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.4;
}

.problem_direkt {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #fff;
}

.problem_direkt_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.problem_direkt_panel {
  background-color: #0000;
}

.problem_direkt_head {
  max-width: 46rem;
  margin-bottom: 0;
}

.problem_direkt_eyebrow {
  color: #007889;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
}

.problem_direkt_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.problem_direkt_grid {
  margin-top: var(--size--3rem);
  grid-column-gap: var(--size--1-5rem);
  grid-row-gap: var(--size--1-5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.problem_direkt_card {
  padding: var(--size--2rem);
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.problem_direkt_ico {
  box-sizing: border-box;
  width: 46px;
  height: 46px;
  margin-bottom: var(--size--1rem);
  border-radius: var(--radius--main);
  color: var(--swatch--brand);
  background-color: #0078891a;
  flex: none;
  place-items: center;
  padding: 11px;
  display: grid;
}

.problem_direkt_card_heading {
  margin-top: 0;
  margin-bottom: var(--size--0-5rem);
  color: #1e1e1e;
  letter-spacing: normal;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.problem_direkt_card_text {
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.problem_direkt_card_src {
  color: var(--swatch--stone);
  margin-top: .75rem;
  margin-bottom: 0;
  font-size: .75rem;
  line-height: 1.5;
}

.loesung_direkt {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #f5f9fa;
  scroll-margin-top: 110px;
}

.loesung_direkt_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.loesung_direkt_head {
  max-width: 46rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.loesung_direkt_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.loesung_direkt_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.loesung_direkt_lead {
  max-width: 38rem;
  color: var(--swatch--stone);
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.loesung_direkt_grid {
  grid-column-gap: clamp(1.75rem, 4vw, 3.5rem);
  grid-row-gap: clamp(1.75rem, 4vw, 3.5rem);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  align-items: start;
  display: grid;
}

.loesung_direkt_rail {
  padding-bottom: 32vh;
  padding-left: 28px;
  position: relative;
}

.loesung_direkt_railline {
  background-color: #1e1e1e1a;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 32vh;
  left: 0;
}

.loesung_direkt_railfill {
  background-color: #007889;
  width: 2px;
  height: 0%;
  transition: height .5s cubic-bezier(.22, .61, .36, 1);
  position: absolute;
  top: 0;
  left: 0;
}

.loesung_direkt_step {
  opacity: .45;
  flex-direction: column;
  justify-content: center;
  min-height: 46vh;
  transition: opacity .35s cubic-bezier(.22, .61, .36, 1);
  display: flex;
  position: relative;
}

.loesung_direkt_dot {
  background-color: #007889;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  transition: background-color .35s cubic-bezier(.22, .61, .36, 1), transform .35s cubic-bezier(.22, .61, .36, 1);
  display: block;
  position: absolute;
  top: 50%;
  left: -32px;
  transform: translateY(-50%);
}

.loesung_direkt_kicker {
  color: #007889;
  margin-bottom: .625rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
}

.loesung_direkt_step_title {
  color: #1e1e1e;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
}

.loesung_direkt_step_text {
  max-width: 44ch;
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.loesung_direkt_step_src {
  color: var(--swatch--stone);
  margin-top: .625rem;
  margin-bottom: 0;
  font-size: .75rem;
  line-height: 1.5;
}

.loesung_direkt_stage {
  z-index: 2;
  align-self: start;
  position: sticky;
  top: 96px;
}

.loesung_direkt_panel {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.loesung_direkt_panelhead {
  grid-column-gap: 12px;
  background-color: #fff;
  border-bottom: 1px solid #1e1e1e1a;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.loesung_direkt_panelttl {
  color: #131936;
  font-size: .875rem;
  font-weight: 600;
}

.loesung_direkt_panelmeta {
  color: var(--swatch--stone);
  text-align: right;
  font-size: .75rem;
}

.loesung_direkt_chart {
  flex: none;
  min-height: 0;
  padding: 14px 16px 0;
  position: relative;
}

.loesung_direkt_legend {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  min-height: 34px;
  color: var(--swatch--stone);
  border-top: 1px solid #1e1e1e1a;
  flex-wrap: wrap;
  margin: 12px 16px 16px;
  padding: 12px 0 0;
  font-size: .75rem;
  font-weight: 400;
  display: flex;
}

.loesung_direkt_leg {
  grid-column-gap: .4375rem;
  align-items: center;
  display: flex;
}

.loesung_direkt_leg.is-late {
  opacity: 0;
  transition: opacity .45s cubic-bezier(.22, .61, .36, 1), transform .45s cubic-bezier(.22, .61, .36, 1);
  transform: translateY(4px);
}

.loesung_direkt_swatch {
  border-radius: 2px;
  flex: none;
  width: 9px;
  height: 9px;
  display: block;
}

.loesung_direkt_swatch.is-netz {
  background-color: #9bc4d5;
}

.loesung_direkt_swatch.is-pv {
  background-color: #fbb963;
}

.loesung_direkt_swatch.is-verm {
  background-color: #f5d88f6b;
  border: 1px solid #f5d88f;
}

.loesung_direkt_swatch.is-batt {
  background-color: #f5d88f;
}

.loesung_direkt_swatch.is-curt {
  background-color: #fff;
  border: 1px dashed #b3b3b3;
}

.loesung_direkt_foot {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: clamp(2rem, 4vw, 3rem);
  display: flex;
}

.loesung_direkt_link {
  grid-column-gap: .5rem;
  color: #007889;
  border-bottom: 1px solid #00788973;
  align-self: flex-start;
  align-items: center;
  margin-top: 1rem;
  padding-bottom: 2px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.loesung_direkt_note {
  max-width: 54ch;
  color: var(--swatch--stone);
  text-align: right;
  font-size: .75rem;
  line-height: 1.5;
}

.value_direkt {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #fff;
}

.value_direkt_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.value_direkt_head {
  max-width: 46rem;
  margin-bottom: var(--size--3rem);
}

.value_direkt_eyebrow {
  color: #007889;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
}

.value_direkt_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.value_direkt_grid {
  grid-column-gap: var(--size--1-5rem);
  grid-row-gap: var(--size--1-5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.value_direkt_tile {
  padding: var(--size--2rem);
  grid-row-gap: .5rem;
  border: 1px solid var(--swatch--line);
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  display: flex;
}

.value_direkt_num {
  color: #9bc4d5;
  margin-bottom: .5rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.value_direkt_title {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.value_direkt_desc {
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.case_direkt {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: var(--swatch--midnight);
  color: var(--swatch--light);
}

.case_direkt_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.case_direkt_stage {
  color: #fff;
  background-color: #0000;
  position: relative;
  overflow: hidden;
}

.case_direkt_grid {
  grid-column-gap: 32px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: start;
  display: grid;
}

.case_direkt_copy {
  margin: 0;
}

.case_direkt_eyebrow {
  color: var(--swatch--supplyblue);
  margin-bottom: .875rem;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
}

.case_direkt_heading {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.case_direkt_lead {
  max-width: 38rem;
  color: var(--swatch--stone-light);
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.25rem;
  line-height: 1.6;
}

.case_direkt_rows {
  margin-top: var(--size--3rem);
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.case_direkt_row {
  grid-column-gap: 12px;
  background-color: #ffffff14;
  border: 1px solid #ffffff1f;
  border-radius: 16px;
  align-items: baseline;
  padding: .875rem 1.125rem;
  display: flex;
}

.case_direkt_row_n {
  color: var(--swatch--supplyblue);
  font-variant-numeric: tabular-nums;
  font-size: .75rem;
  font-weight: 600;
}

.case_direkt_row_t {
  color: var(--swatch--stone-light);
  font-size: 1rem;
  line-height: 1.45;
}

.case_direkt_row_s {
  color: #fff;
  font-weight: 600;
}

.case_direkt_card {
  grid-row-gap: var(--size--1rem);
  background-color: #0000;
  flex-direction: column;
  display: flex;
}

.case_direkt_res {
  padding: var(--size--1-25rem) var(--size--1-5rem);
  grid-row-gap: .375rem;
  border: 1px solid var(--swatch--line-dark);
  border-radius: var(--radius--main);
  background-color: #ffffff0a;
  flex-direction: column;
  display: flex;
}

.case_direkt_res.is-supply {
  border-left-color: #9bc4d5;
}

.case_direkt_res.is-amber {
  border-left-color: #fbb963;
}

.case_direkt_res_n {
  color: var(--swatch--light);
  font-variant-numeric: tabular-nums;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.case_direkt_res_t {
  color: var(--swatch--light);
  font-size: 1rem;
  font-weight: 600;
}

.case_direkt_res_l {
  color: var(--swatch--stone-light);
  font-size: .875rem;
  line-height: 1.5;
}

.case_direkt_card_note {
  border-top: 1px solid var(--swatch--line-dark);
  color: var(--swatch--stone-light);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.25rem;
  font-size: 1rem;
  line-height: 1.6;
}

.case_direkt_foot {
  max-width: 70ch;
  color: var(--swatch--stone-light);
  margin-top: 2.25rem;
  margin-bottom: 0;
  font-size: .75rem;
  line-height: 1.6;
  position: relative;
}

.ablauf_direkt {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #f5f9fa;
}

.ablauf_direkt_contain {
  grid-column-gap: 32px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .95fr 1.05fr;
  align-items: start;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: grid;
  position: relative;
}

.ablauf_direkt_head {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 117px;
}

.ablauf_direkt_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.ablauf_direkt_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.ablauf_direkt_steps {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.ablauf_direkt_steps_line {
  background-color: #1e1e1e1a;
  width: 2px;
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 27px;
}

.ablauf_direkt_steps_fill {
  transform-origin: top;
  background-color: #007889;
  width: 2px;
  transition: transform .5s cubic-bezier(.22, .61, .36, 1);
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 27px;
  transform: scaleY(0);
}

.ablauf_direkt_step {
  padding: var(--size--1-5rem);
  grid-column-gap: 24px;
  border: 1px solid var(--swatch--line);
  border-radius: var(--radius--main);
  background-color: var(--swatch--light);
  align-items: flex-start;
  display: flex;
}

.ablauf_direkt_snum {
  color: var(--swatch--brand);
  font-family: Inter, sans-serif;
  font-size: var(--size--1-5rem);
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  line-height: 1;
}

.ablauf_direkt_snum.is-active {
  color: #fff;
  background-color: #007889;
  border-color: #007889;
}

.ablauf_direkt_stepcard {
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.ablauf_direkt_step_title {
  color: #1e1e1e;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

.ablauf_direkt_step_text {
  color: var(--swatch--stone);
  font-size: var(--size--1rem);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
}

.ablauf_direkt_cta {
  margin-top: var(--size--2rem);
  text-align: left;
}

.kontakt_direkt {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: var(--swatch--midnight);
}

.kontakt_direkt_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.kontakt_direkt_grid {
  grid-column-gap: clamp(2rem, 5vw, 4rem);
  grid-row-gap: clamp(2rem, 5vw, 4rem);
  grid-template-rows: auto;
  grid-template-columns: .9fr 1.1fr;
  align-items: start;
  display: grid;
}

.kontakt_direkt_copy {
  min-width: 0;
}

.kontakt_direkt_eyebrow {
  color: var(--swatch--supplyblue);
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
}

.kontakt_direkt_heading {
  color: var(--swatch--light);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.kontakt_direkt_lead {
  color: var(--swatch--stone-light);
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.kontakt_direkt_assure {
  grid-row-gap: .75rem;
  flex-direction: column;
  margin: 1.75rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.kontakt_direkt_assure_item {
  color: var(--swatch--stone-light);
  padding-left: 1.75rem;
  font-size: 1rem;
  line-height: 1.5;
  position: relative;
}

.kontakt_direkt_assure_item:before {
  width: 20px;
  height: 20px;
  color: var(--swatch--supplyblue);
  content: "✓";
  background-color: #9bc4d529;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.kontakt_direkt_booklink {
  grid-column-gap: .5rem;
  color: var(--swatch--light);
  border-bottom: 1px solid #ffffff73;
  align-items: center;
  margin-top: 1.75rem;
  padding-bottom: 2px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .25s cubic-bezier(.22, .61, .36, 1), color .25s cubic-bezier(.22, .61, .36, 1);
  display: inline-flex;
}

.kontakt_direkt_formcol {
  min-width: 0;
  position: relative;
}

.hero_strom {
  color: #fff;
  align-items: flex-end;
  min-height: 100vh;
  padding-top: clamp(3.5rem, 9vh, 6rem);
  padding-bottom: clamp(9.5rem, 12vw, 11.5rem);
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_strom_bg {
  z-index: 0;
  background-color: #122a38;
  position: absolute;
  inset: 0;
}

.hero_strom_photo {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.hero_strom_scrim {
  background-image: linear-gradient(90deg, #09111cbd 0%, #09111c80 44%, #09111c1a 78%, #09111c00 100%);
  position: absolute;
  inset: 0;
}

.hero_strom_topfade {
  background-image: linear-gradient(#09111c80, #09111c00);
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hero_strom_contain {
  z-index: 1;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}

.hero_strom_copy {
  max-width: 640px;
}

.hero_strom_heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 600;
  line-height: 1.06;
}

.hero_strom_lead {
  max-width: 38rem;
  color: var(--swatch--stone-light);
  font-size: var(--size--1rem);
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 1.65;
}

.hero_strom_ctas {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 26px;
  display: flex;
}

.hero_strom_kpis {
  z-index: 1;
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
}

.hero_strom_kpis_inner {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.hero_strom_kpi {
  text-align: center;
  flex: 1;
  min-width: 0;
  padding: 1.25rem clamp(.75rem, 3vw, 1.75rem);
}

.hero_strom_kpi:last-child {
  border-right-style: none;
}

.hero_strom_kpi_num {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.hero_strom_kpi_label {
  color: var(--swatch--stone-light);
  margin-top: .25rem;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.4;
}

.problem_strom {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #fff;
}

.problem_strom_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.problem_strom_panel {
  background-color: #0000;
}

.problem_strom_head {
  max-width: 46rem;
  margin-bottom: 0;
}

.problem_strom_eyebrow {
  color: #007889;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
}

.problem_strom_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.problem_strom_lead {
  max-width: 38rem;
  color: var(--swatch--stone);
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.problem_strom_grid {
  margin-top: var(--size--3rem);
  grid-column-gap: var(--size--1-5rem);
  grid-row-gap: var(--size--1-5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.problem_strom_card {
  padding: var(--size--2rem);
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.problem_strom_ico {
  box-sizing: border-box;
  width: 46px;
  height: 46px;
  margin-bottom: var(--size--1rem);
  border-radius: var(--radius--main);
  color: var(--swatch--brand);
  background-color: #0078891a;
  flex: none;
  place-items: center;
  padding: 11px;
  display: grid;
}

.problem_strom_card_heading {
  margin-top: 0;
  margin-bottom: var(--size--0-5rem);
  color: #1e1e1e;
  letter-spacing: normal;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.problem_strom_card_text {
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.loesung_strom {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #f5f9fa;
  scroll-margin-top: 110px;
}

.loesung_strom_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.loesung_strom_head {
  max-width: 46rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.loesung_strom_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.loesung_strom_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.loesung_strom_sub {
  color: #131936;
  margin-top: .875rem;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.loesung_strom_lead {
  max-width: 38rem;
  color: var(--swatch--stone);
  margin-top: .75rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.loesung_strom_grid {
  grid-column-gap: clamp(1.75rem, 4vw, 3.5rem);
  grid-row-gap: clamp(1.75rem, 4vw, 3.5rem);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  align-items: start;
  display: grid;
}

.loesung_strom_rail {
  padding-bottom: 32vh;
  padding-left: 28px;
  position: relative;
}

.loesung_strom_railline {
  background-color: #1e1e1e1a;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 32vh;
  left: 0;
}

.loesung_strom_railfill {
  background-color: #007889;
  width: 2px;
  height: 0%;
  transition: height .5s cubic-bezier(.22, .61, .36, 1);
  position: absolute;
  top: 0;
  left: 0;
}

.loesung_strom_step {
  opacity: .45;
  flex-direction: column;
  justify-content: center;
  min-height: 46vh;
  transition: opacity .35s cubic-bezier(.22, .61, .36, 1);
  display: flex;
  position: relative;
}

.loesung_strom_dot {
  background-color: #007889;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  transition: background-color .35s cubic-bezier(.22, .61, .36, 1), transform .35s cubic-bezier(.22, .61, .36, 1);
  display: block;
  position: absolute;
  top: 50%;
  left: -32px;
  transform: translateY(-50%);
}

.loesung_strom_kicker {
  color: #007889;
  margin-bottom: .625rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
}

.loesung_strom_step_title {
  color: #1e1e1e;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
}

.loesung_strom_step_text {
  max-width: 44ch;
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.loesung_strom_link {
  grid-column-gap: .5rem;
  color: #007889;
  border-bottom: 1px solid #00788973;
  align-self: flex-start;
  align-items: center;
  margin-top: 1rem;
  padding-bottom: 2px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.loesung_strom_stage {
  z-index: 2;
  align-self: start;
  position: sticky;
  top: 96px;
}

.loesung_strom_panel {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.loesung_strom_foot {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.25rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: clamp(2.5rem, 5vw, 3.5rem);
  display: flex;
}

.loesung_strom_footcopy {
  max-width: 46rem;
}

.loesung_strom_foot_title {
  color: #1e1e1e;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: .625rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
}

.loesung_strom_foot_text {
  max-width: 44rem;
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.hero_lade {
  color: #fff;
  align-items: flex-end;
  min-height: 100vh;
  padding-top: clamp(3.5rem, 9vh, 6rem);
  padding-bottom: clamp(9.5rem, 12vw, 11.5rem);
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_lade_bg {
  z-index: 0;
  background-color: #122a38;
  background-image: linear-gradient(160deg, #0b1024 0%, #131936 38%, #0f3140 72%, #16505c 100%);
  position: absolute;
  inset: 0;
}

.hero_lade_scrim {
  background-image: linear-gradient(90deg, #09111cbd 0%, #09111c80 44%, #09111c1a 78%, #09111c00 100%);
  position: absolute;
  inset: 0;
}

.hero_lade_topfade {
  background-image: linear-gradient(#09111c80, #09111c00);
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hero_lade_contain {
  z-index: 1;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}

.hero_lade_copy {
  max-width: 640px;
}

.hero_lade_heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 600;
  line-height: 1.06;
}

.hero_lade_lead {
  max-width: 38rem;
  color: var(--swatch--stone-light);
  font-size: var(--size--1rem);
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 1.65;
}

.hero_lade_ctas {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 26px;
  display: flex;
}

.hero_lade_kpis {
  z-index: 1;
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
}

.hero_lade_kpis_inner {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.hero_lade_kpi {
  text-align: center;
  flex: 1;
  min-width: 0;
  padding: 1.25rem clamp(.75rem, 3vw, 1.75rem);
}

.hero_lade_kpi:last-child {
  border-right-style: none;
}

.hero_lade_kpi_num {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.hero_lade_kpi_label {
  color: var(--swatch--stone-light);
  margin-top: .25rem;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.4;
}

.problem_lade {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #fff;
}

.problem_lade_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.problem_lade_panel {
  background-color: #0000;
}

.problem_lade_head {
  max-width: 46rem;
  margin-bottom: 0;
}

.problem_lade_eyebrow {
  color: #007889;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
}

.problem_lade_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.problem_lade_lead {
  max-width: 38rem;
  color: var(--swatch--stone);
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.problem_lade_grid {
  margin-top: var(--size--3rem);
  grid-column-gap: var(--size--1-5rem);
  grid-row-gap: var(--size--1-5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.problem_lade_card {
  padding: var(--size--2rem);
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.problem_lade_ico {
  box-sizing: border-box;
  width: 46px;
  height: 46px;
  margin-bottom: var(--size--1rem);
  border-radius: var(--radius--main);
  color: var(--swatch--brand);
  background-color: #0078891a;
  flex: none;
  place-items: center;
  padding: 11px;
  display: grid;
}

.problem_lade_card_heading {
  margin-top: 0;
  margin-bottom: var(--size--0-5rem);
  color: #1e1e1e;
  letter-spacing: normal;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.problem_lade_card_text {
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.loesung_lade {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #f5f9fa;
  scroll-margin-top: 110px;
}

.loesung_lade_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.loesung_lade_head {
  max-width: 46rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.loesung_lade_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.loesung_lade_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.loesung_lade_lead {
  max-width: 38rem;
  color: var(--swatch--stone);
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.loesung_lade_grid {
  grid-column-gap: clamp(1.75rem, 4vw, 3.5rem);
  grid-row-gap: clamp(1.75rem, 4vw, 3.5rem);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  align-items: start;
  display: grid;
}

.loesung_lade_rail {
  padding-bottom: 32vh;
  padding-left: 28px;
  position: relative;
}

.loesung_lade_railline {
  background-color: #1e1e1e1a;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 32vh;
  left: 0;
}

.loesung_lade_railfill {
  background-color: #007889;
  width: 2px;
  height: 0%;
  transition: height .5s cubic-bezier(.22, .61, .36, 1);
  position: absolute;
  top: 0;
  left: 0;
}

.loesung_lade_step {
  opacity: .45;
  flex-direction: column;
  justify-content: center;
  min-height: 46vh;
  transition: opacity .35s cubic-bezier(.22, .61, .36, 1);
  display: flex;
  position: relative;
}

.loesung_lade_dot {
  background-color: #007889;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  transition: background-color .35s cubic-bezier(.22, .61, .36, 1), transform .35s cubic-bezier(.22, .61, .36, 1);
  display: block;
  position: absolute;
  top: 50%;
  left: -32px;
  transform: translateY(-50%);
}

.loesung_lade_kicker {
  color: #007889;
  margin-bottom: .625rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
}

.loesung_lade_step_title {
  color: #1e1e1e;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
}

.loesung_lade_step_text {
  max-width: 44ch;
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.loesung_lade_step_src {
  color: var(--swatch--stone);
  margin-top: .625rem;
  margin-bottom: 0;
  font-size: .75rem;
  line-height: 1.5;
}

.loesung_lade_stage {
  z-index: 2;
  align-self: start;
  position: sticky;
  top: 96px;
}

.loesung_lade_panel {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.loesung_lade_panelhead {
  grid-column-gap: 11px;
  background-color: #fff;
  border-bottom: 1px solid #1e1e1e1a;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.loesung_lade_panelttl {
  color: #131936;
  font-size: .875rem;
  font-weight: 600;
}

.loesung_lade_panelmeta {
  color: var(--swatch--stone);
  text-align: right;
  font-size: .75rem;
}

.loesung_lade_chart {
  flex: none;
  min-height: 0;
  padding: 14px 16px 0;
  position: relative;
}

.loesung_lade_legend {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  color: #565656;
  border-top: 1px solid #1e1e1e1a;
  flex-wrap: wrap;
  margin: 12px 16px 16px;
  padding: 12px 0 0;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
}

.loesung_lade_leg {
  grid-column-gap: .4375rem;
  align-items: center;
  display: flex;
}

.loesung_lade_swatch {
  border-radius: 2px;
  flex: none;
  width: 9px;
  height: 9px;
  display: block;
}

.loesung_lade_swatch.is-grund {
  background-color: #c9e0ea;
}

.loesung_lade_swatch.is-lade {
  background-color: #9bc4d5;
}

.loesung_lade_swatch.is-netz {
  background-color: #007889;
}

.loesung_lade_swatch.is-batt {
  background-color: #00788929;
  border: 1px solid #007889;
}

.loesung_lade_swatch.is-limit {
  background-color: #fff;
  border: 1px dashed #c0453a;
}

.loesung_lade_swatch.is-preis {
  background-color: #131936;
}

.loesung_lade_foot {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: clamp(2rem, 4vw, 3rem);
  display: flex;
}

.loesung_lade_link {
  grid-column-gap: .5rem;
  color: #007889;
  border-bottom: 1px solid #00788973;
  align-self: flex-start;
  align-items: center;
  margin-top: 1rem;
  padding-bottom: 2px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.loesung_lade_note {
  max-width: 54ch;
  color: var(--swatch--stone);
  text-align: right;
  font-size: .75rem;
  line-height: 1.5;
}

.value_lade {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #fff;
}

.value_lade_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.value_lade_head {
  max-width: 46rem;
  margin-bottom: var(--size--3rem);
}

.value_lade_eyebrow {
  color: #007889;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
}

.value_lade_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.value_lade_grid {
  grid-column-gap: var(--size--1-5rem);
  grid-row-gap: var(--size--1-5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.value_lade_tile {
  padding: var(--size--2rem);
  grid-row-gap: .5rem;
  border: 1px solid var(--swatch--line);
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  display: flex;
}

.value_lade_ico {
  box-sizing: border-box;
  width: 46px;
  height: 46px;
  margin-bottom: var(--size--1rem);
  border-radius: var(--radius--main);
  color: var(--swatch--brand);
  background-color: #0078891a;
  flex: none;
  place-items: center;
  padding: 11px;
  display: grid;
}

.value_lade_title {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.value_lade_desc {
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.case_lade {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: var(--swatch--midnight);
  color: var(--swatch--light);
}

.case_lade_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.case_lade_stage {
  color: #fff;
  background-color: #0000;
  position: relative;
  overflow: hidden;
}

.case_lade_grid {
  grid-column-gap: 32px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: start;
  display: grid;
}

.case_lade_copy {
  margin: 0;
}

.case_lade_eyebrow {
  color: var(--swatch--supplyblue);
  margin-bottom: .875rem;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
}

.case_lade_heading {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.case_lade_lead {
  max-width: 38rem;
  color: var(--swatch--stone-light);
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.25rem;
  line-height: 1.6;
}

.case_lade_rows {
  margin-top: var(--size--3rem);
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.case_lade_row {
  grid-column-gap: 12px;
  background-color: #ffffff14;
  border: 1px solid #ffffff1f;
  border-radius: 16px;
  align-items: baseline;
  padding: .875rem 1.125rem;
  display: flex;
}

.case_lade_row_n {
  color: var(--swatch--supplyblue);
  font-variant-numeric: tabular-nums;
  font-size: .75rem;
  font-weight: 600;
}

.case_lade_row_t {
  color: var(--swatch--stone-light);
  font-size: 1rem;
  line-height: 1.45;
}

.case_lade_row_s {
  color: #fff;
  font-weight: 600;
}

.case_lade_card {
  grid-row-gap: var(--size--1rem);
  background-color: #0000;
  flex-direction: column;
  display: flex;
}

.case_lade_res {
  padding: var(--size--1-25rem) var(--size--1-5rem);
  grid-row-gap: .375rem;
  border: 1px solid var(--swatch--line-dark);
  border-radius: var(--radius--main);
  background-color: #ffffff0a;
  flex-direction: column;
  display: flex;
}

.case_lade_res.is-amber {
  border-left-color: #fbb963;
}

.case_lade_res.is-supply {
  border-left-color: #9bc4d5;
}

.case_lade_res_n {
  color: var(--swatch--light);
  font-variant-numeric: tabular-nums;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.case_lade_res_t {
  color: var(--swatch--light);
  font-size: 1rem;
  font-weight: 600;
}

.case_lade_res_l {
  color: var(--swatch--stone-light);
  font-size: .875rem;
  line-height: 1.5;
}

.case_lade_card_note {
  border-top: 1px solid var(--swatch--line-dark);
  color: var(--swatch--stone-light);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.25rem;
  font-size: 1rem;
  line-height: 1.6;
}

.case_lade_foot {
  max-width: 70ch;
  color: var(--swatch--stone-light);
  margin-top: 2.25rem;
  margin-bottom: 0;
  font-size: .75rem;
  line-height: 1.6;
  position: relative;
}

.ablauf_lade {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #f5f9fa;
}

.ablauf_lade_contain {
  grid-column-gap: 32px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .95fr 1.05fr;
  align-items: start;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: grid;
  position: relative;
}

.ablauf_lade_head {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 117px;
}

.ablauf_lade_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.ablauf_lade_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.ablauf_lade_steps {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.ablauf_lade_steps_line {
  background-color: #1e1e1e1a;
  width: 2px;
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 27px;
}

.ablauf_lade_steps_fill {
  transform-origin: top;
  background-color: #007889;
  width: 2px;
  transition: transform .5s cubic-bezier(.22, .61, .36, 1);
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 27px;
  transform: scaleY(0);
}

.ablauf_lade_step {
  padding: var(--size--1-5rem);
  grid-column-gap: 24px;
  border: 1px solid var(--swatch--line);
  border-radius: var(--radius--main);
  background-color: var(--swatch--light);
  align-items: flex-start;
  display: flex;
}

.ablauf_lade_snum {
  color: var(--swatch--brand);
  font-family: Inter, sans-serif;
  font-size: var(--size--1-5rem);
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  line-height: 1;
}

.ablauf_lade_snum.is-active {
  color: #fff;
  background-color: #007889;
  border-color: #007889;
}

.ablauf_lade_stepcard {
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.ablauf_lade_stepcard:hover {
  transform: translateY(-3px);
}

.ablauf_lade_step_title {
  color: #1e1e1e;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

.ablauf_lade_step_text {
  color: var(--swatch--stone);
  font-size: var(--size--1rem);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
}

.ablauf_lade_cta {
  margin-top: var(--size--2rem);
  text-align: left;
}

.kontakt_lade {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: var(--swatch--midnight);
}

.kontakt_lade_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.kontakt_lade_grid {
  grid-column-gap: clamp(2rem, 5vw, 4rem);
  grid-row-gap: clamp(2rem, 5vw, 4rem);
  grid-template-rows: auto;
  grid-template-columns: .9fr 1.1fr;
  align-items: start;
  display: grid;
}

.kontakt_lade_copy {
  min-width: 0;
}

.kontakt_lade_eyebrow {
  color: var(--swatch--supplyblue);
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
}

.kontakt_lade_heading {
  color: var(--swatch--light);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.kontakt_lade_lead {
  color: var(--swatch--stone-light);
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.kontakt_lade_assure {
  grid-row-gap: .75rem;
  flex-direction: column;
  margin: 1.75rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.kontakt_lade_assure_item {
  color: var(--swatch--stone-light);
  padding-left: 1.75rem;
  font-size: 1rem;
  line-height: 1.5;
  position: relative;
}

.kontakt_lade_assure_item:before {
  width: 20px;
  height: 20px;
  color: var(--swatch--supplyblue);
  content: "✓";
  background-color: #9bc4d529;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.kontakt_lade_booklink {
  grid-column-gap: .5rem;
  color: var(--swatch--light);
  border-bottom: 1px solid #ffffff73;
  align-items: center;
  margin-top: 1.75rem;
  padding-bottom: 2px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .25s cubic-bezier(.22, .61, .36, 1), color .25s cubic-bezier(.22, .61, .36, 1);
  display: inline-flex;
}

.kontakt_lade_formcol {
  min-width: 0;
  position: relative;
}

.value_strom {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #fff;
}

.value_strom_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.value_strom_head {
  max-width: 46rem;
  margin-bottom: var(--size--3rem);
}

.value_strom_eyebrow {
  color: #007889;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
}

.value_strom_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.value_strom_grid {
  grid-column-gap: var(--size--1-5rem);
  grid-row-gap: var(--size--1-5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.value_strom_tile {
  padding: var(--size--2rem);
  grid-row-gap: .5rem;
  border: 1px solid var(--swatch--line);
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  display: flex;
}

.value_strom_num {
  color: var(--swatch--brand);
  margin-bottom: .5rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.value_strom_title {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.value_strom_desc {
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.case_strom {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: var(--swatch--midnight);
  color: var(--swatch--light);
}

.case_strom_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.case_strom_stage {
  color: #fff;
  background-color: #0000;
  position: relative;
  overflow: hidden;
}

.case_strom_grid {
  grid-column-gap: 32px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: start;
  display: grid;
}

.case_strom_copy {
  margin: 0;
}

.case_strom_eyebrow {
  color: var(--swatch--supplyblue);
  margin-bottom: .875rem;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
}

.case_strom_heading {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.case_strom_lead {
  max-width: 38rem;
  color: var(--swatch--stone-light);
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.25rem;
  line-height: 1.6;
}

.case_strom_rows {
  margin-top: var(--size--3rem);
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.case_strom_row {
  grid-column-gap: 12px;
  background-color: #ffffff14;
  border: 1px solid #ffffff1f;
  border-radius: 16px;
  align-items: baseline;
  padding: .875rem 1.125rem;
  display: flex;
}

.case_strom_row_n {
  color: var(--swatch--supplyblue);
  font-variant-numeric: tabular-nums;
  font-size: .75rem;
  font-weight: 600;
}

.case_strom_row_t {
  color: var(--swatch--stone-light);
  font-size: 1rem;
  line-height: 1.45;
}

.case_strom_foot {
  max-width: 70ch;
  color: var(--swatch--stone-light);
  margin-top: 2.25rem;
  margin-bottom: 0;
  font-size: .75rem;
  line-height: 1.6;
  position: relative;
}

.case_strom_card {
  grid-row-gap: var(--size--1rem);
  background-color: #0000;
  flex-direction: column;
  display: flex;
}

.case_strom_res {
  padding: var(--size--1-25rem) var(--size--1-5rem);
  grid-row-gap: .375rem;
  border: 1px solid var(--swatch--line-dark);
  border-radius: var(--radius--main);
  background-color: #ffffff0a;
  flex-direction: column;
  display: flex;
}

.case_strom_res_n {
  color: var(--swatch--light);
  font-variant-numeric: tabular-nums;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.case_strom_res_t {
  color: var(--swatch--light);
  font-size: 1rem;
  font-weight: 600;
}

.case_strom_quote {
  border-left: 3px solid var(--swatch--line-dark);
  color: var(--swatch--light);
  margin: 0;
  padding-left: 1rem;
  font-size: 1rem;
  font-style: normal;
  line-height: 1.6;
}

.case_strom_attr {
  color: var(--swatch--stone-light);
  margin-top: -.875rem;
  padding-left: 1rem;
  font-size: 1rem;
  line-height: 1.45;
}

.case_strom_levers {
  grid-row-gap: 1rem;
  border-top: 1px solid var(--swatch--line-dark);
  flex-direction: column;
  padding-top: 1.25rem;
  display: flex;
}

.case_strom_lever_k {
  color: var(--swatch--supplyblue);
  margin-bottom: .25rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
}

.case_strom_lever_t {
  color: var(--swatch--light);
  margin-bottom: .375rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
}

.case_strom_lever_x {
  color: var(--swatch--stone-light);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.55;
}

.case_strom_cta {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  padding-top: 1.5rem;
  display: flex;
}

.ablauf_strom {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #f5f9fa;
}

.ablauf_strom_contain {
  grid-column-gap: 32px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .95fr 1.05fr;
  align-items: start;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: grid;
  position: relative;
}

.ablauf_strom_head {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 117px;
}

.ablauf_strom_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.ablauf_strom_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.ablauf_strom_steps {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.ablauf_strom_steps_line {
  background-color: #1e1e1e1a;
  width: 2px;
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 27px;
}

.ablauf_strom_steps_fill {
  transform-origin: top;
  background-color: #007889;
  width: 2px;
  transition: transform .5s cubic-bezier(.22, .61, .36, 1);
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 27px;
  transform: scaleY(0);
}

.ablauf_strom_step {
  padding: var(--size--1-5rem);
  grid-column-gap: 24px;
  border: 1px solid var(--swatch--line);
  border-radius: var(--radius--main);
  background-color: var(--swatch--light);
  align-items: flex-start;
  display: flex;
}

.ablauf_strom_snum {
  color: var(--swatch--brand);
  font-family: Inter, sans-serif;
  font-size: var(--size--1-5rem);
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  line-height: 1;
}

.ablauf_strom_snum.is-active {
  color: #fff;
  background-color: #007889;
  border-color: #007889;
}

.ablauf_strom_stepcard {
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.ablauf_strom_stepcard:hover {
  transform: translateY(-3px);
}

.ablauf_strom_step_title {
  color: #1e1e1e;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

.ablauf_strom_step_text {
  color: var(--swatch--stone);
  font-size: var(--size--1rem);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
}

.ablauf_strom_cta {
  margin-top: var(--size--2rem);
  text-align: left;
}

.produkte_strom {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #fff;
}

.produkte_strom_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.produkte_strom_head {
  max-width: 46rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.produkte_strom_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.produkte_strom_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.produkte_strom_grid {
  grid-column-gap: clamp(.875rem, 1.6vw, 1.25rem);
  grid-row-gap: clamp(.875rem, 1.6vw, 1.25rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.produkte_strom_card {
  grid-row-gap: .625rem;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.5rem;
  transition: transform .25s cubic-bezier(.22, .61, .36, 1), box-shadow .25s cubic-bezier(.22, .61, .36, 1);
  display: flex;
}

.produkte_strom_card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 40px #00000014;
}

.produkte_strom_title {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.produkte_strom_text {
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.6;
}

.produkte_strom_link {
  grid-column-gap: .5rem;
  color: #007889;
  border-bottom: 1px solid #00788973;
  align-self: flex-start;
  align-items: center;
  margin-top: auto;
  padding-top: .5rem;
  padding-bottom: 2px;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  transition: opacity .25s cubic-bezier(.22, .61, .36, 1);
  display: inline-flex;
}

.kontakt_strom {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: var(--swatch--midnight);
}

.kontakt_strom_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.kontakt_strom_grid {
  grid-column-gap: clamp(2rem, 5vw, 4rem);
  grid-row-gap: clamp(2rem, 5vw, 4rem);
  grid-template-rows: auto;
  grid-template-columns: .9fr 1.1fr;
  align-items: start;
  display: grid;
}

.kontakt_strom_copy {
  min-width: 0;
}

.kontakt_strom_eyebrow {
  color: var(--swatch--supplyblue);
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
}

.kontakt_strom_heading {
  color: var(--swatch--light);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.kontakt_strom_lead {
  color: var(--swatch--stone-light);
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.kontakt_strom_assure {
  grid-row-gap: .75rem;
  flex-direction: column;
  margin: 1.75rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.kontakt_strom_assure_item {
  color: var(--swatch--stone-light);
  padding-left: 1.75rem;
  font-size: 1rem;
  line-height: 1.5;
  position: relative;
}

.kontakt_strom_assure_item:before {
  width: 20px;
  height: 20px;
  color: var(--swatch--supplyblue);
  content: "✓";
  background-color: #9bc4d529;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.kontakt_strom_booklink {
  grid-column-gap: .5rem;
  color: var(--swatch--light);
  border-bottom: 1px solid #ffffff73;
  align-items: center;
  margin-top: 1.75rem;
  padding-bottom: 2px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .25s cubic-bezier(.22, .61, .36, 1), color .25s cubic-bezier(.22, .61, .36, 1);
  display: inline-flex;
}

.kontakt_strom_formcol {
  min-width: 0;
  position: relative;
}

.hero_kunststoff {
  color: #fff;
  align-items: flex-end;
  min-height: 100vh;
  padding-top: clamp(3.5rem, 9vh, 6rem);
  padding-bottom: clamp(9.5rem, 12vw, 11.5rem);
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_kunststoff_bg {
  z-index: 0;
  background-color: #122a38;
  position: absolute;
  inset: 0;
}

.hero_kunststoff_photo {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.hero_kunststoff_scrim {
  background-image: linear-gradient(90deg, #09111cc7 0%, #09111c8f 44%, #09111c29 78%, #09111c0a 100%);
  position: absolute;
  inset: 0;
}

.hero_kunststoff_topfade {
  background-image: linear-gradient(#09111c80, #09111c00);
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hero_kunststoff_contain {
  z-index: 1;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}

.hero_kunststoff_copy {
  max-width: 640px;
}

.hero_kunststoff_heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 600;
  line-height: 1.06;
}

.hero_kunststoff_lead {
  max-width: 38rem;
  color: var(--swatch--stone-light);
  font-size: var(--size--1rem);
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 1.65;
}

.hero_kunststoff_ctas {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 26px;
  display: flex;
}

.hero_kunststoff_ghost {
  color: #fff;
  text-underline-offset: 4px;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}

.hero_kunststoff_kpis {
  z-index: 1;
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
}

.hero_kunststoff_kpis_inner {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.hero_kunststoff_kpi {
  text-align: center;
  border-right: 1px solid #ffffff24;
  flex: 1;
  padding: 1.25rem clamp(.75rem, 3vw, 1.75rem);
}

.hero_kunststoff_kpi_num {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.hero_kunststoff_kpi_label {
  color: var(--swatch--stone-light);
  margin-top: .25rem;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.35;
}

.problem_kunststoff {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #fff;
}

.problem_kunststoff_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.problem_kunststoff_head {
  max-width: 46rem;
  margin-bottom: 2rem;
}

.problem_kunststoff_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.problem_kunststoff_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: .875rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.problem_kunststoff_lead {
  color: #565656;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.problem_kunststoff_pills {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-wrap: wrap;
  margin-bottom: 3rem;
  display: flex;
}

.problem_kunststoff_pill {
  border-radius: var(--radius--round);
  color: #1e1e1e;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  margin-top: 0;
  margin-bottom: 0;
  padding: .375rem .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.35;
}

.problem_kunststoff_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.problem_kunststoff_card {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.5rem;
  transition: transform .25s cubic-bezier(.22, .61, .36, 1), border-color .25s cubic-bezier(.22, .61, .36, 1);
  display: flex;
}

.problem_kunststoff_num {
  color: #007889;
  letter-spacing: .08em;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: .75rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
}

.problem_kunststoff_card_heading {
  color: #1e1e1e;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: .625rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
}

.problem_kunststoff_card_text {
  color: #565656;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.loesung_kunststoff {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #f5f9fa;
}

.loesung_kunststoff_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.loesung_kunststoff_head {
  max-width: 46rem;
  margin-bottom: 3rem;
}

.loesung_kunststoff_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.loesung_kunststoff_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.loesung_kunststoff_lead {
  color: #565656;
  max-width: 38rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.loesung_kunststoff_widget {
  position: relative;
}

.os_kunststoff {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #fff;
}

.os_kunststoff_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.os_kunststoff_grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  display: grid;
}

.os_kunststoff_copy {
  min-width: 0;
}

.os_kunststoff_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.os_kunststoff_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.os_kunststoff_lead {
  color: #565656;
  max-width: 38rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.65;
}

.os_kunststoff_list {
  grid-row-gap: .875rem;
  flex-direction: column;
  margin-bottom: 2rem;
  display: flex;
}

.os_kunststoff_item {
  grid-column-gap: .75rem;
  align-items: flex-start;
  display: flex;
}

.os_kunststoff_dot {
  background-color: #007889;
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: .5rem;
  display: block;
}

.os_kunststoff_itemtext {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.os_kunststoff_media {
  min-width: 0;
}

.os_kunststoff_photo {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 340px;
}

.case_kunststoff {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  color: #fff;
  background-color: #131936;
}

.case_kunststoff_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.case_kunststoff_head {
  max-width: 46rem;
  margin-bottom: 3rem;
}

.case_kunststoff_eyebrow {
  color: #9bc4d5;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.case_kunststoff_heading {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.case_kunststoff_lead {
  color: #b3b3b3;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.case_kunststoff_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
}

.case_kunststoff_kpi {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  min-width: 0;
  padding: 1.5rem;
}

.case_kunststoff_kpi_num {
  color: #131936;
  letter-spacing: -.015em;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.15;
}

.case_kunststoff_kpi_num.case_kunststoff_kpi_num_accent, .case_kunststoff_kpi_num_accent {
  color: #007889;
}

.case_kunststoff_kpi_label {
  color: #565656;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.5;
}

.case_kunststoff_foot {
  grid-column-gap: 3rem;
  grid-row-gap: 1.5rem;
  border-top: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: center;
  margin-top: 3rem;
  padding-top: 2rem;
  display: grid;
}

.case_kunststoff_foottext {
  min-width: 0;
}

.case_kunststoff_foot_heading {
  color: #fff;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: .625rem;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
}

.case_kunststoff_foot_lead {
  color: #b3b3b3;
  max-width: 54ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.case_kunststoff_footcta {
  justify-content: flex-start;
  min-width: 0;
  display: flex;
}

.kontakt_kunststoff {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: var(--swatch--midnight);
}

.kontakt_kunststoff_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.kontakt_kunststoff_grid {
  grid-column-gap: clamp(2rem, 5vw, 4rem);
  grid-row-gap: clamp(2rem, 5vw, 4rem);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: start;
  display: grid;
}

.kontakt_kunststoff_copy {
  min-width: 0;
}

.kontakt_kunststoff_heading {
  color: var(--swatch--light);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.kontakt_kunststoff_lead {
  color: var(--swatch--stone-light);
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.kontakt_kunststoff_list {
  grid-row-gap: .875rem;
  flex-direction: column;
  margin-bottom: 1.5rem;
  display: flex;
}

.kontakt_kunststoff_item {
  grid-column-gap: .75rem;
  align-items: flex-start;
  display: flex;
}

.kontakt_kunststoff_dot {
  background-color: #007889;
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: .5rem;
  display: block;
}

.kontakt_kunststoff_itemtext {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.kontakt_kunststoff_link {
  grid-column-gap: .5rem;
  color: var(--swatch--light);
  border-bottom: 1px solid #ffffff73;
  align-items: center;
  margin-top: 1.75rem;
  padding-bottom: 2px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .25s cubic-bezier(.22, .61, .36, 1), color .25s cubic-bezier(.22, .61, .36, 1);
  display: inline-flex;
}

.kontakt_kunststoff_form {
  min-width: 0;
  position: relative;
}

.hero_logistik {
  color: #fff;
  align-items: flex-end;
  min-height: 100vh;
  padding-top: clamp(3.5rem, 9vh, 6rem);
  padding-bottom: clamp(9.5rem, 12vw, 11.5rem);
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_logistik_bg {
  z-index: 0;
  background-color: #122a38;
  position: absolute;
  inset: 0;
}

.hero_logistik_scrim {
  background-image: linear-gradient(90deg, #09111cc7 0%, #09111c8f 44%, #09111c29 78%, #09111c0a 100%);
  position: absolute;
  inset: 0;
}

.hero_logistik_topfade {
  background-image: linear-gradient(#09111c80, #09111c00);
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hero_logistik_contain {
  z-index: 1;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}

.hero_logistik_copy {
  max-width: 640px;
}

.hero_logistik_heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 600;
  line-height: 1.06;
}

.hero_logistik_lead {
  max-width: 38rem;
  color: var(--swatch--stone-light);
  font-size: var(--size--1rem);
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 1.65;
}

.hero_logistik_ctas {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 26px;
  display: flex;
}

.hero_logistik_ghost {
  color: #fff;
  text-underline-offset: 4px;
  font-size: .92rem;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}

.hero_logistik_kpis {
  z-index: 1;
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
}

.hero_logistik_kpis_inner {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.hero_logistik_kpi {
  text-align: center;
  border-right: 1px solid #ffffff24;
  flex: 1;
  padding: 1.25rem clamp(.75rem, 3vw, 1.75rem);
}

.hero_logistik_kpi_num {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.hero_logistik_kpi_label {
  color: var(--swatch--stone-light);
  margin-top: .25rem;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.35;
}

.hero_logistik_photo {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.problem_logistik {
  background-color: #fff;
  padding-top: clamp(5rem, 9vw, 7.5rem);
  padding-bottom: clamp(5rem, 9vw, 7.5rem);
}

.problem_logistik_contain {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
}

.problem_logistik_panel {
  background-color: #f5f9fa;
  border-radius: 24px;
  padding: clamp(2.25rem, 5vw, 4rem);
}

.problem_logistik_head {
  max-width: 46rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.problem_logistik_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.problem_logistik_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: .875rem;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.problem_logistik_lead {
  max-width: 60ch;
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.problem_logistik_pills {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-wrap: wrap;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  display: flex;
}

.problem_logistik_pill {
  border-radius: var(--radius--round);
  color: #1e1e1e;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  margin-top: 0;
  margin-bottom: 0;
  padding: .375rem .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.35;
}

.problem_logistik_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.problem_logistik_card {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.625rem 1.5rem 1.5rem;
  transition: transform .25s cubic-bezier(.22, .61, .36, 1), border-color .25s cubic-bezier(.22, .61, .36, 1);
  display: flex;
}

.problem_logistik_num {
  color: #007889;
  letter-spacing: .08em;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: .75rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
}

.problem_logistik_card_heading {
  color: #1e1e1e;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: .625rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
}

.problem_logistik_card_text {
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.loesung_logistik {
  background-color: #f5f9fa;
  padding-top: clamp(5rem, 9vw, 7.5rem);
  padding-bottom: clamp(5rem, 9vw, 7.5rem);
}

.loesung_logistik_contain {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
}

.loesung_logistik_head {
  max-width: 46rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.loesung_logistik_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.loesung_logistik_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.loesung_logistik_lead {
  max-width: 38rem;
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.loesung_logistik_widget {
  position: relative;
}

.os_logistik {
  background-color: #fff;
  padding-top: clamp(5rem, 9vw, 7.5rem);
  padding-bottom: clamp(5rem, 9vw, 7.5rem);
}

.os_logistik_contain {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
}

.os_logistik_grid {
  grid-column-gap: clamp(2rem, 4vw, 3.5rem);
  grid-row-gap: clamp(2rem, 4vw, 3.5rem);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  display: grid;
}

.os_logistik_copy {
  min-width: 0;
}

.os_logistik_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.os_logistik_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.os_logistik_lead {
  max-width: 38rem;
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 1.75rem;
  font-size: 1.25rem;
  line-height: 1.65;
}

.os_logistik_list {
  grid-row-gap: .875rem;
  flex-direction: column;
  margin-bottom: 2rem;
  display: flex;
}

.os_logistik_item {
  grid-column-gap: .75rem;
  align-items: flex-start;
  display: flex;
}

.os_logistik_dot {
  background-color: #007889;
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: .5rem;
  display: block;
}

.os_logistik_itemtext {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.os_logistik_media {
  min-width: 0;
}

.os_logistik_photo {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 340px;
}

.case_logistik {
  color: #fff;
  background-color: #131936;
  padding-top: clamp(5rem, 9vw, 7.5rem);
  padding-bottom: clamp(5rem, 9vw, 7.5rem);
}

.case_logistik_contain {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
}

.case_logistik_panel {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 24px;
  padding: clamp(2.25rem, 5vw, 4rem);
}

.case_logistik_head {
  max-width: 46rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.case_logistik_eyebrow {
  color: #9bc4d5;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.case_logistik_heading {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.case_logistik_lead {
  color: #b3b3b3;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.case_logistik_grid {
  grid-column-gap: clamp(1rem, 2vw, 1.5rem);
  grid-row-gap: clamp(1rem, 2vw, 1.5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
}

.case_logistik_kpi {
  background-color: #f5f9fa;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  min-width: 0;
  padding: 1.375rem 1.25rem;
}

.case_logistik_kpi_num {
  color: #131936;
  letter-spacing: -.015em;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.15;
}

.case_logistik_kpi_num_accent {
  color: #007889;
}

.case_logistik_kpi_label {
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.5;
}

.case_logistik_foot {
  grid-row-gap: 1.5rem;
  grid-column-gap: clamp(1.5rem, 4vw, 3rem);
  border-top: 1px solid #1e1e1e1a;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: center;
  margin-top: clamp(2rem, 4vw, 3rem);
  padding-top: clamp(1.75rem, 3vw, 2.25rem);
  display: grid;
}

.case_logistik_foottext {
  min-width: 0;
}

.case_logistik_foot_heading {
  color: #1e1e1e;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: .625rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
}

.case_logistik_foot_lead {
  max-width: 54ch;
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.6;
}

.case_logistik_footcta {
  justify-content: flex-start;
  min-width: 0;
  display: flex;
}

.kontakt_logistik {
  background-color: var(--swatch--midnight);
  padding-top: clamp(5rem, 9vw, 7.5rem);
  padding-bottom: clamp(5rem, 9vw, 7.5rem);
}

.kontakt_logistik_contain {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
}

.kontakt_logistik_grid {
  grid-column-gap: clamp(2rem, 5vw, 4rem);
  grid-row-gap: clamp(2rem, 5vw, 4rem);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: start;
  display: grid;
}

.kontakt_logistik_copy {
  min-width: 0;
}

.kontakt_logistik_heading {
  color: var(--swatch--light);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.kontakt_logistik_lead {
  color: var(--swatch--stone-light);
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.kontakt_logistik_list {
  grid-row-gap: .875rem;
  flex-direction: column;
  margin-bottom: 1.75rem;
  display: flex;
}

.kontakt_logistik_item {
  grid-column-gap: .75rem;
  align-items: flex-start;
  display: flex;
}

.kontakt_logistik_dot {
  background-color: #007889;
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: .5rem;
  display: block;
}

.kontakt_logistik_itemtext {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.kontakt_logistik_link {
  grid-column-gap: .5rem;
  color: var(--swatch--light);
  border-bottom: 1px solid #ffffff73;
  align-items: center;
  margin-top: 1.75rem;
  padding-bottom: 2px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .25s cubic-bezier(.22, .61, .36, 1), color .25s cubic-bezier(.22, .61, .36, 1);
  display: inline-flex;
}

.kontakt_logistik_form {
  min-width: 0;
  position: relative;
}

.hero_metall {
  color: #fff;
  align-items: flex-end;
  min-height: 100vh;
  padding-top: clamp(3.5rem, 9vh, 6rem);
  padding-bottom: clamp(9.5rem, 12vw, 11.5rem);
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_metall_bg {
  z-index: 0;
  background-color: #122a38;
  position: absolute;
  inset: 0;
}

.hero_metall_photo {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.hero_metall_scrim {
  background-image: linear-gradient(90deg, #09111cc7 0%, #09111c8f 44%, #09111c29 78%, #09111c0a 100%);
  position: absolute;
  inset: 0;
}

.hero_metall_topfade {
  background-image: linear-gradient(#09111c80, #09111c00);
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hero_metall_contain {
  z-index: 1;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}

.hero_metall_copy {
  max-width: 640px;
}

.hero_metall_heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 600;
  line-height: 1.06;
}

.hero_metall_lead {
  max-width: 38rem;
  color: var(--swatch--stone-light);
  font-size: var(--size--1rem);
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 1.65;
}

.hero_metall_ctas {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 26px;
  display: flex;
}

.hero_metall_ghost {
  color: #fff;
  text-underline-offset: 4px;
  font-size: .92rem;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}

.hero_metall_kpis {
  z-index: 1;
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
}

.hero_metall_kpis_inner {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.hero_metall_kpi {
  text-align: center;
  border-right: 1px solid #ffffff24;
  flex: 1;
  padding: 1.25rem clamp(.75rem, 3vw, 1.75rem);
}

.hero_metall_kpi_num {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.hero_metall_kpi_label {
  color: var(--swatch--stone-light);
  margin-top: .25rem;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.35;
}

.problem_metall {
  background-color: #fff;
  padding-top: clamp(5rem, 9vw, 7.5rem);
  padding-bottom: clamp(5rem, 9vw, 7.5rem);
}

.problem_metall_contain {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
}

.problem_metall_panel {
  background-color: #f5f9fa;
  border-radius: 24px;
  padding: clamp(2.25rem, 5vw, 4rem);
}

.problem_metall_head {
  max-width: 46rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.problem_metall_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.problem_metall_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: .875rem;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.problem_metall_lead {
  max-width: 60ch;
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.problem_metall_pills {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-wrap: wrap;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  display: flex;
}

.problem_metall_pill {
  border-radius: var(--radius--round);
  color: #1e1e1e;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  margin-top: 0;
  margin-bottom: 0;
  padding: .375rem .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.35;
}

.problem_metall_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.problem_metall_card {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.625rem 1.5rem 1.5rem;
  transition: transform .25s cubic-bezier(.22, .61, .36, 1), border-color .25s cubic-bezier(.22, .61, .36, 1);
  display: flex;
}

.problem_metall_num {
  color: #007889;
  letter-spacing: .08em;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: .75rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
}

.problem_metall_card_heading {
  color: #1e1e1e;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: .625rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
}

.problem_metall_card_text {
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.loesung_metall {
  background-color: #f5f9fa;
  padding-top: clamp(5rem, 9vw, 7.5rem);
  padding-bottom: clamp(5rem, 9vw, 7.5rem);
}

.loesung_metall_contain {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
}

.loesung_metall_head {
  max-width: 46rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.loesung_metall_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.loesung_metall_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.loesung_metall_lead {
  max-width: 38rem;
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.loesung_metall_widget {
  position: relative;
}

.os_metall {
  background-color: #fff;
  padding-top: clamp(5rem, 9vw, 7.5rem);
  padding-bottom: clamp(5rem, 9vw, 7.5rem);
}

.os_metall_contain {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
}

.os_metall_grid {
  grid-column-gap: clamp(2rem, 4vw, 3.5rem);
  grid-row-gap: clamp(2rem, 4vw, 3.5rem);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  display: grid;
}

.os_metall_copy {
  min-width: 0;
}

.os_metall_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.os_metall_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.os_metall_lead {
  max-width: 38rem;
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 1.75rem;
  font-size: 1.25rem;
  line-height: 1.65;
}

.os_metall_list {
  grid-row-gap: .875rem;
  flex-direction: column;
  margin-bottom: 2rem;
  display: flex;
}

.os_metall_item {
  grid-column-gap: .75rem;
  align-items: flex-start;
  display: flex;
}

.os_metall_dot {
  background-color: #007889;
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: .5rem;
  display: block;
}

.os_metall_itemtext {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.os_metall_media {
  min-width: 0;
}

.os_metall_photo {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 340px;
}

.case_metall {
  color: #fff;
  background-color: #131936;
  padding-top: clamp(5rem, 9vw, 7.5rem);
  padding-bottom: clamp(5rem, 9vw, 7.5rem);
  scroll-margin-top: 56px;
}

.case_metall_contain {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
}

.case_metall_panel {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 24px;
  padding: clamp(2.25rem, 5vw, 4rem);
}

.case_metall_head {
  max-width: 46rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.case_metall_eyebrow {
  color: #9bc4d5;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.case_metall_heading {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.case_metall_lead {
  color: #b3b3b3;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.case_metall_grid {
  grid-column-gap: clamp(1rem, 2vw, 1.5rem);
  grid-row-gap: clamp(1rem, 2vw, 1.5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
}

.case_metall_kpi {
  background-color: #f5f9fa;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  min-width: 0;
  padding: 1.375rem 1.25rem;
}

.case_metall_kpi_num {
  color: #131936;
  letter-spacing: -.015em;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.15;
}

.case_metall_kpi_num_accent {
  color: #007889;
}

.case_metall_kpi_label {
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.5;
}

.case_metall_foot {
  grid-row-gap: 1.5rem;
  grid-column-gap: clamp(1.5rem, 4vw, 3rem);
  border-top: 1px solid #1e1e1e1a;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: center;
  margin-top: clamp(2rem, 4vw, 3rem);
  padding-top: clamp(1.75rem, 3vw, 2.25rem);
  display: grid;
}

.case_metall_foottext {
  min-width: 0;
}

.case_metall_quote {
  color: #fff;
  border-top: 1px solid #ffffff1a;
  max-width: 60ch;
  margin: 3rem 0 0;
  padding-top: 2rem;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.case_metall_quote_cite {
  color: #b3b3b3;
  margin-top: 1rem;
  font-size: .875rem;
  font-style: normal;
}

.case_metall_footcta {
  justify-content: flex-start;
  min-width: 0;
  display: flex;
}

.kontakt_metall {
  background-color: var(--swatch--midnight);
  padding-top: clamp(5rem, 9vw, 7.5rem);
  padding-bottom: clamp(5rem, 9vw, 7.5rem);
}

.kontakt_metall_contain {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
}

.kontakt_metall_grid {
  grid-column-gap: clamp(2rem, 5vw, 4rem);
  grid-row-gap: clamp(2rem, 5vw, 4rem);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: start;
  display: grid;
}

.kontakt_metall_copy {
  min-width: 0;
}

.kontakt_metall_heading {
  color: var(--swatch--light);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.kontakt_metall_lead {
  color: var(--swatch--stone-light);
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.kontakt_metall_list {
  grid-row-gap: .875rem;
  flex-direction: column;
  margin-bottom: 1.75rem;
  display: flex;
}

.kontakt_metall_item {
  grid-column-gap: .75rem;
  align-items: flex-start;
  display: flex;
}

.kontakt_metall_dot {
  background-color: #007889;
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: .5rem;
  display: block;
}

.kontakt_metall_itemtext {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.kontakt_metall_link {
  grid-column-gap: .5rem;
  color: var(--swatch--light);
  border-bottom: 1px solid #ffffff73;
  align-items: center;
  margin-top: 1.75rem;
  padding-bottom: 2px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .25s cubic-bezier(.22, .61, .36, 1), color .25s cubic-bezier(.22, .61, .36, 1);
  display: inline-flex;
}

.kontakt_metall_form {
  min-width: 0;
  position: relative;
}

.hero_lebensmittel {
  color: #fff;
  align-items: flex-end;
  min-height: 100vh;
  padding-top: clamp(3.5rem, 9vh, 6rem);
  padding-bottom: clamp(9.5rem, 12vw, 11.5rem);
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_lebensmittel_bg {
  z-index: 0;
  background-color: #122a38;
  position: absolute;
  inset: 0;
}

.hero_lebensmittel_photo {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.hero_lebensmittel_scrim {
  background-image: linear-gradient(90deg, #09111cc7 0%, #09111c8f 44%, #09111c29 78%, #09111c0a 100%);
  position: absolute;
  inset: 0;
}

.hero_lebensmittel_topfade {
  background-image: linear-gradient(#09111c80, #09111c00);
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hero_lebensmittel_contain {
  z-index: 1;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}

.hero_lebensmittel_copy {
  max-width: 640px;
}

.hero_lebensmittel_heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 600;
  line-height: 1.06;
}

.hero_lebensmittel_lead {
  max-width: 38rem;
  color: var(--swatch--stone-light);
  font-size: var(--size--1rem);
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 1.65;
}

.hero_lebensmittel_ctas {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 26px;
  display: flex;
}

.hero_lebensmittel_ghost {
  color: #fff;
  text-underline-offset: 4px;
  font-size: .92rem;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}

.hero_lebensmittel_kpis {
  z-index: 1;
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
}

.hero_lebensmittel_kpis_inner {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.hero_lebensmittel_kpi {
  text-align: center;
  border-right: 1px solid #ffffff24;
  flex: 1;
  padding: 1.25rem clamp(.75rem, 3vw, 1.75rem);
}

.hero_lebensmittel_kpi_num {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.hero_lebensmittel_kpi_label {
  color: var(--swatch--stone-light);
  margin-top: .25rem;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.35;
}

.problem_lebensmittel {
  background-color: #fff;
  padding-top: clamp(5rem, 9vw, 7.5rem);
  padding-bottom: clamp(5rem, 9vw, 7.5rem);
}

.problem_lebensmittel_contain {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
}

.problem_lebensmittel_panel {
  background-color: #f5f9fa;
  border-radius: 24px;
  padding: clamp(2.25rem, 5vw, 4rem);
}

.problem_lebensmittel_head {
  max-width: 46rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.problem_lebensmittel_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.problem_lebensmittel_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: .875rem;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.problem_lebensmittel_lead {
  max-width: 60ch;
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.problem_lebensmittel_pills {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-wrap: wrap;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  display: flex;
}

.problem_lebensmittel_pill {
  border-radius: var(--radius--round);
  color: #1e1e1e;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  margin-top: 0;
  margin-bottom: 0;
  padding: .375rem .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.35;
}

.problem_lebensmittel_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.problem_lebensmittel_card {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  padding: 1.625rem 1.5rem 1.5rem;
  transition: transform .25s cubic-bezier(.22, .61, .36, 1), border-color .25s cubic-bezier(.22, .61, .36, 1);
  display: flex;
}

.problem_lebensmittel_num {
  color: #007889;
  letter-spacing: .08em;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: .75rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
}

.problem_lebensmittel_card_heading {
  color: #1e1e1e;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: .625rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
}

.problem_lebensmittel_card_text {
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.loesung_lebensmittel {
  background-color: #f5f9fa;
  padding-top: clamp(5rem, 9vw, 7.5rem);
  padding-bottom: clamp(5rem, 9vw, 7.5rem);
}

.loesung_lebensmittel_contain {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
}

.loesung_lebensmittel_head {
  max-width: 46rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.loesung_lebensmittel_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.loesung_lebensmittel_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.loesung_lebensmittel_lead {
  max-width: 38rem;
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.loesung_lebensmittel_widget {
  position: relative;
}

.os_lebensmittel {
  background-color: #fff;
  padding-top: clamp(5rem, 9vw, 7.5rem);
  padding-bottom: clamp(5rem, 9vw, 7.5rem);
}

.os_lebensmittel_contain {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
}

.os_lebensmittel_grid {
  grid-column-gap: clamp(2rem, 4vw, 3.5rem);
  grid-row-gap: clamp(2rem, 4vw, 3.5rem);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  display: grid;
}

.os_lebensmittel_copy {
  min-width: 0;
}

.os_lebensmittel_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.os_lebensmittel_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.os_lebensmittel_lead {
  max-width: 38rem;
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 1.75rem;
  font-size: 1.25rem;
  line-height: 1.65;
}

.os_lebensmittel_list {
  grid-row-gap: .875rem;
  flex-direction: column;
  margin-bottom: 2rem;
  display: flex;
}

.os_lebensmittel_item {
  grid-column-gap: .75rem;
  align-items: flex-start;
  display: flex;
}

.os_lebensmittel_dot {
  background-color: #007889;
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: .5rem;
  display: block;
}

.os_lebensmittel_itemtext {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.os_lebensmittel_media {
  min-width: 0;
}

.os_lebensmittel_photo {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 340px;
}

.case_lebensmittel {
  color: #fff;
  background-color: #131936;
  padding-top: clamp(5rem, 9vw, 7.5rem);
  padding-bottom: clamp(5rem, 9vw, 7.5rem);
}

.case_lebensmittel_contain {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
}

.case_lebensmittel_panel {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 24px;
  padding: clamp(2.25rem, 5vw, 4rem);
}

.case_lebensmittel_head {
  max-width: 46rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.case_lebensmittel_eyebrow {
  color: #9bc4d5;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.case_lebensmittel_heading {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.case_lebensmittel_lead {
  color: #b3b3b3;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.case_lebensmittel_grid {
  grid-column-gap: clamp(1rem, 2vw, 1.5rem);
  grid-row-gap: clamp(1rem, 2vw, 1.5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.case_lebensmittel_kpi {
  background-color: #f5f9fa;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  min-width: 0;
  padding: 1.375rem 1.25rem;
}

.case_lebensmittel_kpi_num {
  color: #131936;
  letter-spacing: -.015em;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.15;
}

.case_lebensmittel_kpi_num_accent {
  color: #007889;
}

.case_lebensmittel_kpi_label {
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.5;
}

.case_lebensmittel_foot {
  grid-row-gap: 1.5rem;
  grid-column-gap: clamp(1.5rem, 4vw, 3rem);
  border-top: 1px solid #1e1e1e1a;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: center;
  margin-top: clamp(2rem, 4vw, 3rem);
  padding-top: clamp(1.75rem, 3vw, 2.25rem);
  display: grid;
}

.case_lebensmittel_foottext {
  min-width: 0;
}

.case_lebensmittel_foot_heading {
  color: #1e1e1e;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: .625rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
}

.case_lebensmittel_foot_lead {
  max-width: 54ch;
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.6;
}

.case_lebensmittel_footcta {
  justify-content: flex-start;
  min-width: 0;
  display: flex;
}

.kontakt_lebensmittel {
  background-color: var(--swatch--midnight);
  padding-top: clamp(5rem, 9vw, 7.5rem);
  padding-bottom: clamp(5rem, 9vw, 7.5rem);
}

.kontakt_lebensmittel_contain {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
}

.kontakt_lebensmittel_grid {
  grid-column-gap: clamp(2rem, 5vw, 4rem);
  grid-row-gap: clamp(2rem, 5vw, 4rem);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: start;
  display: grid;
}

.kontakt_lebensmittel_copy {
  min-width: 0;
}

.kontakt_lebensmittel_heading {
  color: var(--swatch--light);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.kontakt_lebensmittel_lead {
  color: var(--swatch--stone-light);
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.65;
}

.kontakt_lebensmittel_list {
  grid-row-gap: .875rem;
  flex-direction: column;
  margin-bottom: 1.75rem;
  display: flex;
}

.kontakt_lebensmittel_item {
  grid-column-gap: .75rem;
  align-items: flex-start;
  display: flex;
}

.kontakt_lebensmittel_dot {
  background-color: #007889;
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: .5rem;
  display: block;
}

.kontakt_lebensmittel_itemtext {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.kontakt_lebensmittel_link {
  grid-column-gap: .5rem;
  color: var(--swatch--light);
  border-bottom: 1px solid #ffffff73;
  align-items: center;
  margin-top: 1.75rem;
  padding-bottom: 2px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .25s cubic-bezier(.22, .61, .36, 1), color .25s cubic-bezier(.22, .61, .36, 1);
  display: inline-flex;
}

.kontakt_lebensmittel_form {
  min-width: 0;
  position: relative;
}

.hero_about_contain {
  z-index: 2;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}

.hero_about_h1 {
  color: #fff;
  max-width: 19ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 600;
  line-height: 1.06;
}

.hero_about_sub {
  color: #ffffffbf;
  max-width: 56ch;
  font-size: var(--size--1rem);
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 1.65;
}

.hero_about_cta {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 26px;
  display: flex;
}

.hero_about_kpis {
  z-index: 2;
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
}

.hero_about_kpis_inner {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.hero_about_kpi {
  text-align: center;
  border-right: 1px solid #ffffff24;
  flex: 1;
  padding: 1.25rem clamp(.5rem, 2.4vw, 1.5rem);
}

.hero_about_kpi:last-child {
  border-right-style: none;
}

.hero_about_kpi_num {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.hero_about_kpi_label {
  color: var(--swatch--stone-light);
  margin-top: .25rem;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.35;
}

.warum_about {
  padding-top: clamp(4rem, 7vw, 6rem);
  padding-bottom: clamp(4rem, 7vw, 6rem);
}

.warum_about_contain {
  grid-template-rows: auto;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 2rem clamp(2rem, 5vw, 4rem);
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: grid;
}

.warum_about_col {
  min-width: 0;
}

.warum_about_eyebrow {
  color: #007889;
  margin-bottom: .875rem;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1;
}

.warum_about_h2 {
  color: #1e1e1e;
  letter-spacing: -.03em;
  max-width: 24ch;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.12;
}

.warum_about_p {
  color: #565656;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5;
}

.warum_about_media {
  align-self: stretch;
  min-width: 0;
}

.glauben_about {
  background-color: #fff;
  padding-top: clamp(4rem, 7vw, 6rem);
  padding-bottom: clamp(4rem, 7vw, 6rem);
}

.glauben_about_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.glauben_about_head {
  max-width: 64ch;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.glauben_about_eyebrow {
  color: #007889;
  margin-bottom: .875rem;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1;
}

.glauben_about_h2 {
  color: #1e1e1e;
  letter-spacing: -.03em;
  max-width: 26ch;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.12;
}

.glauben_about_lede {
  color: #565656;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.3;
}

.glauben_about_p {
  color: #565656;
  max-width: 64ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.glauben_about_grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  display: grid;
}

.glauben_about_card {
  background-color: #f5f9fa;
  border: 1px solid #1e1e1e1a;
  border-radius: 1rem;
  min-width: 0;
  padding: 1.5rem;
}

.glauben_about_num {
  color: #007889;
  font-variant-numeric: tabular-nums;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 2.125rem;
  height: 2.125rem;
  margin-bottom: 1rem;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
}

.glauben_about_card_h3 {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.glauben_about_card_p {
  color: #565656;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.5;
}

.tun_about {
  padding-top: clamp(4rem, 7vw, 6rem);
  padding-bottom: clamp(4rem, 7vw, 6rem);
}

.tun_about_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.tun_about_col {
  min-width: 0;
  max-width: 64ch;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.tun_about_eyebrow {
  color: #007889;
  margin-bottom: .875rem;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1;
}

.tun_about_h2 {
  color: #1e1e1e;
  letter-spacing: -.03em;
  max-width: 24ch;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.12;
}

.tun_about_p {
  color: #565656;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.3;
}

.tun_about_cards {
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  min-width: 0;
  display: grid;
}

.tun_about_card {
  color: #1e1e1e;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 1rem;
  padding: 1.5rem;
  text-decoration: none;
  transition: transform .25s cubic-bezier(.22, .61, .36, 1), box-shadow .25s cubic-bezier(.22, .61, .36, 1), border-color .25s cubic-bezier(.22, .61, .36, 1);
  display: block;
}

.tun_about_card:hover {
  border-color: #9bc4d5;
  transform: translateY(-3px);
  box-shadow: 0 10px 30px -20px #13193659;
}

.tun_about_card_body {
  display: block;
}

.tun_about_card_name {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-bottom: .5rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.tun_about_card_desc {
  color: #565656;
  margin-top: 0;
  font-size: .875rem;
  line-height: 1.5;
  display: block;
}

.name_about {
  color: #fff;
  background-color: #131936;
  padding-top: clamp(4rem, 7vw, 6rem);
  padding-bottom: clamp(4rem, 7vw, 6rem);
}

.name_about_contain {
  grid-template-rows: auto;
  grid-template-columns: .95fr 1.05fr;
  align-items: center;
  gap: 2.5rem clamp(2rem, 5vw, 4rem);
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: grid;
}

.name_about_fig {
  min-width: 0;
  margin: 0;
}

.name_about_legend {
  flex-wrap: wrap;
  gap: .5rem 1.125rem;
  margin-top: .875rem;
  display: flex;
}

.name_about_lgd {
  color: #b3b3b3;
  align-items: center;
  column-gap: .5rem;
  font-size: .875rem;
  display: inline-flex;
}

.name_about_dot_v {
  background-color: #9bc4d5;
  border-radius: 100vw;
  flex: none;
  width: .625rem;
  height: .625rem;
}

.name_about_dot_e {
  background-color: #fbb963;
  border-radius: 100vw;
  flex: none;
  width: .625rem;
  height: .625rem;
}

.name_about_col {
  min-width: 0;
}

.name_about_eyebrow {
  color: #9bc4d5;
  margin-bottom: .875rem;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1;
}

.name_about_h2 {
  color: #fff;
  letter-spacing: -.03em;
  max-width: 24ch;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.12;
}

.name_about_p {
  color: #b3b3b3;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5;
}

.warum_about_img {
  object-fit: cover;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  min-height: 340px;
  display: block;
}

.werte_about {
  color: #fff;
  background-color: #131936;
  padding-top: clamp(4rem, 7vw, 6rem);
  padding-bottom: clamp(4rem, 7vw, 6rem);
}

.werte_about_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.werte_about_head {
  max-width: 64ch;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.werte_about_eyebrow {
  color: #9bc4d5;
  margin-bottom: .875rem;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1;
}

.werte_about_h2 {
  color: #fff;
  letter-spacing: -.03em;
  max-width: 26ch;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.12;
}

.werte_about_lede {
  color: #b3b3b3;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.3;
}

.werte_about_list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.werte_about_row {
  border-top: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, .85fr) 1.6fr;
  gap: .5rem clamp(1rem, 3vw, 3rem);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid;
}

.werte_about_row:last-child {
  border-bottom: 1px solid #ffffff1a;
}

.werte_about_name {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.werte_about_anchor {
  color: #b3b3b3;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.nicht_about {
  padding-top: clamp(4rem, 7vw, 6rem);
  padding-bottom: clamp(4rem, 7vw, 6rem);
}

.nicht_about_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.nicht_about_head {
  max-width: 60ch;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.nicht_about_eyebrow {
  color: #007889;
  margin-bottom: .875rem;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1;
}

.nicht_about_h2 {
  color: #1e1e1e;
  letter-spacing: -.03em;
  max-width: 26ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.12;
}

.nicht_about_grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(2rem, 5vw, 4rem);
  display: grid;
}

.nicht_about_item {
  border-top: 1px solid #0000000d;
  min-width: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.nicht_about_name {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: .375rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.nicht_about_p {
  color: #565656;
  max-width: 52ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.5;
}

.nicht_about_close {
  color: #1e1e1e;
  border-top: 1px solid #0000000d;
  max-width: 56ch;
  margin-top: 1.5rem;
  margin-bottom: 0;
  padding-top: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.4;
}

.vertrauen_about {
  background-color: #fff;
  padding-top: clamp(4rem, 7vw, 6rem);
  padding-bottom: clamp(4rem, 7vw, 6rem);
}

.vertrauen_about_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.vertrauen_about_head {
  max-width: 64ch;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.vertrauen_about_eyebrow {
  color: #007889;
  margin-bottom: .875rem;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1;
}

.vertrauen_about_h2 {
  color: #1e1e1e;
  letter-spacing: -.03em;
  max-width: 26ch;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.12;
}

.vertrauen_about_lede {
  color: #565656;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.3;
}

.vertrauen_about_p {
  color: #565656;
  max-width: 64ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.vertrauen_about_grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
  display: grid;
}

.vertrauen_about_card {
  background-color: #f5f9fa;
  border: 1px solid #1e1e1e1a;
  border-radius: 1rem;
  min-width: 0;
  padding: 1.5rem;
}

.vertrauen_about_card_h3 {
  color: #007889;
  margin-top: 0;
  margin-bottom: .625rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
}

.vertrauen_about_card_p {
  color: #2e2e2e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.5;
}

.vertrauen_about_logos {
  margin-top: clamp(2rem, 4vw, 3rem);
}

.vertrauen_about_row {
  border-top: 1px solid #0000000d;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.vertrauen_about_rowline {
  color: #565656;
  max-width: 64ch;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: .875rem;
  line-height: 1.5;
}

.vertrauen_about_rowlabel {
  color: #1e1e1e;
  margin-right: .75rem;
  font-weight: 600;
}

.vertrauen_about_marken {
  flex-wrap: wrap;
  gap: .625rem;
  display: flex;
}

.vertrauen_about_marke {
  color: #2e2e2e;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 100vw;
  align-items: center;
  padding: .625rem 1.125rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
}

.vertrauen_about_awards {
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.vertrauen_about_award {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 1rem;
  min-width: 0;
  padding: 1.125rem;
}

.vertrauen_about_inst {
  color: #1e1e1e;
  letter-spacing: -.02em;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
}

.vertrauen_about_awardtitle {
  color: #565656;
  margin-top: .25rem;
  font-size: .78rem;
  line-height: 1.35;
}

.karriere_about {
  padding-top: clamp(4rem, 7vw, 6rem);
  padding-bottom: clamp(4rem, 7vw, 6rem);
}

.karriere_about_contain {
  grid-template-rows: auto;
  grid-template-columns: .95fr 1.05fr;
  align-items: center;
  gap: 2rem clamp(2rem, 5vw, 4rem);
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: grid;
}

.karriere_about_media {
  align-self: stretch;
  min-width: 0;
  margin: 0;
}

.karriere_about_col {
  min-width: 0;
}

.karriere_about_eyebrow {
  color: #007889;
  margin-bottom: .875rem;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1;
}

.karriere_about_h2 {
  color: #1e1e1e;
  letter-spacing: -.03em;
  max-width: 24ch;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.12;
}

.karriere_about_p {
  color: #565656;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 1.5;
}

.karriere_about_list {
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-left: 0;
  list-style-type: none;
}

.karriere_about_item {
  color: #2e2e2e;
  border-top: 1px solid #0000000d;
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .9375rem;
  line-height: 1.5;
}

.karriere_about_cta {
  flex-wrap: wrap;
  gap: .875rem;
  display: flex;
}

.presse_about {
  background-color: #fff;
  padding-top: clamp(4rem, 7vw, 6rem);
  padding-bottom: clamp(4rem, 7vw, 6rem);
}

.presse_about_contain {
  grid-template-rows: auto;
  grid-template-columns: 1.05fr .95fr;
  align-items: start;
  gap: 2rem clamp(2rem, 5vw, 4rem);
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: grid;
}

.presse_about_col {
  min-width: 0;
}

.presse_about_eyebrow {
  color: #007889;
  margin-bottom: .875rem;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1;
}

.presse_about_h2 {
  color: #1e1e1e;
  letter-spacing: -.03em;
  max-width: 24ch;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.12;
}

.presse_about_p {
  color: #565656;
  max-width: 56ch;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
}

.presse_about_links {
  flex-direction: column;
  align-items: flex-start;
  row-gap: .75rem;
  display: flex;
}

.presse_about_link {
  color: #007889;
  text-underline-offset: 2px;
  font-size: .9375rem;
  font-weight: 500;
  text-decoration: underline;
}

.presse_about_link:hover {
  color: #006473;
}

.presse_about_boiler {
  background-color: #f5f9fa;
  border: 1px solid #1e1e1e1a;
  border-radius: 1rem;
  min-width: 0;
  padding: 1.5rem;
}

.presse_about_boilerlabel {
  color: #565656;
  margin-bottom: .75rem;
  font-size: .72rem;
  font-weight: 600;
  line-height: 1;
}

.presse_about_boilertext {
  color: #2e2e2e;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: .875rem;
  line-height: 1.6;
}

.karriere_about_img {
  object-fit: cover;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  min-height: 340px;
  display: block;
}

.hero_about_waves {
  z-index: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.hero_about_wbase {
  background-image: linear-gradient(140deg, #0a2230 0%, #0d1a2a 45%, #121834 100%);
  position: absolute;
  inset: 0;
}

.hero_about_wsw1 {
  will-change: transform;
  background-image: radial-gradient(75% 65% at 0%, #0078898c, #00788900 60%);
  position: absolute;
  inset: -8%;
}

.hero_about_wsw2 {
  will-change: transform;
  background-image: radial-gradient(42% 35% at 100% 95%, #64a0be38, #64a0be00 55%);
  position: absolute;
  inset: -8%;
}

.hero_about_wave1 {
  filter: blur(6px);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.hero_about_wave2 {
  filter: blur(12px);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.hero_about_grain {
  opacity: .5;
  pointer-events: none;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
}

.name_about_wavebox {
  aspect-ratio: 3 / 2;
  border-radius: 1rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.name_about_wglow1 {
  will-change: transform;
  background-image: radial-gradient(75% 65% at 0%, #00788999, #00788900 60%);
  position: absolute;
  inset: -8%;
}

.name_about_wglow2 {
  will-change: transform;
  background-image: radial-gradient(46% 38% at 97% 4%, #fbb96340, #fbb96300 60%);
  position: absolute;
  inset: -8%;
}

.name_about_wave1 {
  filter: blur(5px);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.name_about_wave2 {
  filter: blur(10px);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.name_about_wgrain {
  opacity: .4;
  pointer-events: none;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
}

.name_about_wmark {
  z-index: 2;
  flex: none;
  width: clamp(52px, 15%, 92px);
  height: auto;
  position: static;
}

.name_about_wcontent {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: clamp(10px, 2.4vw, 18px);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0;
}

.name_about_wslogan {
  color: #fff;
  letter-spacing: -.02em;
  max-width: 22ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Georgia, sans-serif;
  font-size: clamp(1rem, 2.6vw, 1.4rem);
  font-weight: 600;
  line-height: 1.28;
}

.branchen_home_section {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
}

.branchen_home_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.branchen_home_lede {
  max-width: 60ch;
  color: var(--swatch--stone);
  margin-top: 0;
  font-size: 1.25rem;
  line-height: 1.32;
}

.branchen_home_grid {
  margin-top: var(--size--3rem);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  display: grid;
}

.branchen_home_card {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--swatch--line);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--swatch--line);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--swatch--line);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--swatch--line);
  border-top-left-radius: var(--radius--main);
  border-top-right-radius: var(--radius--main);
  border-bottom-left-radius: var(--radius--main);
  border-bottom-right-radius: var(--radius--main);
  background-color: var(--swatch--light);
  min-height: 158px;
  color: var(--swatch--dark);
  flex-direction: column;
  text-decoration: none;
  transition-property: transform, box-shadow, border-color;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.branchen_home_card:hover {
  border-color: var(--swatch--supplyblue);
  transform: translateY(-3px);
  box-shadow: 0 10px 40px #00000014;
}

.branchen_home_bild {
  object-fit: cover;
  width: 100%;
  height: 132px;
}

.branchen_home_name {
  z-index: 1;
  color: var(--swatch--light);
  font-weight: var(--font-weight--600);
  margin-top: auto;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
}

.branchen_home_go {
  z-index: 1;
  grid-column-gap: 8px;
  color: var(--swatch--light);
  font-size: var(--text-small--font-size);
  align-items: center;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.wws_home_section {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
}

.wws_home_head {
  max-width: 60ch;
}

.wws_home_lede {
  color: var(--swatch--stone);
  margin-top: 0;
  font-size: 1.25rem;
  line-height: 1.32;
}

.wws_home_bild {
  width: 100%;
  height: 280px;
  margin-top: var(--size--3rem);
  margin-bottom: var(--size--2rem);
  border-radius: var(--radius--main);
  object-fit: cover;
}

.wws_home_karten {
  margin-top: var(--space--large);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  display: grid;
}

.wws_home_karte {
  padding-top: var(--size--1-5rem);
  padding-right: var(--size--1-5rem);
  padding-bottom: var(--size--1-5rem);
  padding-left: var(--size--1-5rem);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--swatch--line);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--swatch--line);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--swatch--line);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--swatch--line);
  border-top-left-radius: var(--radius--main);
  border-top-right-radius: var(--radius--main);
  border-bottom-left-radius: var(--radius--main);
  border-bottom-right-radius: var(--radius--main);
  background-color: var(--swatch--light);
  transition-property: transform, box-shadow;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.wws_home_karte_text {
  color: var(--swatch--stone);
  margin-bottom: 0;
}

.system_home_section {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
}

.system_home_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}

.system_home_head {
  max-width: 60ch;
  margin-bottom: var(--size--3rem);
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}

.system_home_lede {
  color: var(--swatch--stone);
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 1.32;
}

.system_home_legend {
  margin-top: var(--size--2rem);
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.system_home_legend_item {
  grid-column-gap: 8px;
  color: var(--swatch--stone);
  font-size: var(--text-small--font-size);
  align-items: center;
  display: inline-flex;
}

.system_home_dot {
  border-top-left-radius: var(--radius--round);
  border-top-right-radius: var(--radius--round);
  border-bottom-left-radius: var(--radius--round);
  border-bottom-right-radius: var(--radius--round);
  flex: none;
  width: 9px;
  height: 9px;
}

.system_home_dot.system_home_dot--verbrauch {
  background-color: var(--swatch--supplyblue);
}

.system_home_dot.system_home_dot--erzeugung {
  background-color: var(--swatch--amber);
}

.system_home_dot.system_home_dot--deepflow {
  background-color: var(--swatch--brand);
}

.system_home_statement {
  max-width: 60ch;
  margin-top: var(--size--3rem);
  font-family: var(--font--display-family);
  color: var(--swatch--dark);
  font-weight: var(--font-weight--600);
  text-align: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(1.3rem, 2.4vw, 1.75rem);
}

.flowwrap_system {
  scrollbar-width: none;
  width: 100%;
  overflow: auto hidden;
}

.stage_system {
  width: 900px;
  height: 620px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.stage_system.is-halfwidth {
  width: 100%;
  max-width: 501px;
  height: 345px;
}

.flow_system {
  transform-origin: 0 0;
  width: 900px;
  height: 620px;
  position: absolute;
  top: 0;
  left: 0;
}

.flow_system.is-halfwidth {
  transform: scale(.557);
}

.core_system {
  z-index: 2;
  border: 2px solid var(--swatch--brand);
  background-color: var(--swatch--light);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 152px;
  height: 152px;
  margin-top: -76px;
  margin-left: -76px;
  display: flex;
  position: absolute;
  top: 310px;
  left: 450px;
  box-shadow: 0 24px 60px -34px #007889bf;
}

.coreinner_system {
  flex-direction: column;
  align-items: center;
  display: flex;
  transform: translateY(-3px);
}

.coremark_system {
  width: 42px;
  color: var(--swatch--brand);
  line-height: 0;
}

.coreword_system {
  width: 68px;
  margin-top: 7px;
  line-height: 0;
}

.coreos_system {
  color: var(--swatch--brand);
  font-size: .75rem;
  line-height: 1;
  font-weight: var(--font-weight--600);
  letter-spacing: .16em;
  margin-top: 5px;
}

.node_system {
  z-index: 2;
  text-align: center;
  width: 160px;
  margin-left: -80px;
  position: absolute;
}

.node_system.node_system--boerse {
  top: 20px;
  left: 450px;
}

.node_system.node_system--netz {
  top: 256px;
  left: 140px;
}

.node_system.node_system--batterie {
  top: 96px;
  left: 742px;
}

.node_system.node_system--pv {
  top: 256px;
  left: 770px;
}

.node_system.node_system--lade {
  top: 416px;
  left: 742px;
}

.node_system.node_system--verbrauch {
  top: 492px;
  left: 450px;
}

.nodelabel_system {
  color: var(--swatch--stone);
  margin-bottom: 7px;
  font-size: .75rem;
  line-height: 1.2;
}

.nodetile_system {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--swatch--line);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--swatch--line);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--swatch--line);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--swatch--line);
  border-radius: var(--radius--main);
  background-color: var(--swatch--light);
  width: 58px;
  height: 58px;
  box-shadow: none;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  transition-property: transform, box-shadow;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
  display: grid;
}

.static_system {
  pointer-events: none;
  width: 900px;
  height: 620px;
  display: none;
  position: absolute;
  inset: 0;
}

.sys-ic--stone {
  stroke: #565656;
}

.sys-icon-svg {
  width: 24px;
  height: 24px;
  color: var(--swatch--midnight);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.problem_home_grid {
  grid-column-gap: 48px;
  grid-row-gap: 32px;
  grid-template-columns: .85fr 1.15fr;
  align-items: center;
  display: grid;
}

.problem_home_heading {
  margin-top: 0;
  margin-bottom: var(--space--small);
  font-family: var(--h2--font-family);
  font-size: var(--display--font-size);
  line-height: var(--display--line-height);
  font-weight: var(--h2--font-weight);
  letter-spacing: var(--h2--letter-spacing);
  text-wrap: balance;
}

.problem_home_lede {
  max-width: 60ch;
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.32;
}

.problem_home_fig {
  min-width: 0;
}

.problem_home_chart {
  width: 100%;
  height: auto;
  display: block;
}

.problem_home_legend {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin-top: 16px;
  display: flex;
}

.problem_home_legend_item {
  grid-column-gap: 8px;
  color: var(--swatch--stone);
  align-items: center;
  font-size: .875rem;
  display: inline-flex;
}

.problem_home_dot {
  background-color: var(--swatch--stone-light);
  border-radius: 100vw;
  flex: none;
  width: 10px;
  height: 10px;
}

.problem_home_dot.problem_home_dot--verbrauch {
  background-color: var(--data--verbrauch);
}

.problem_home_dot.problem_home_dot--erzeugung {
  background-color: var(--data--erzeugung);
}

.problem_home_dot.problem_home_dot--flaeche {
  background-color: var(--data--erzeugung);
  opacity: .25;
}

.problem_home_dot.problem_home_dot--preis {
  background-color: var(--data--preis);
  border-radius: 0;
  width: 16px;
  height: 2px;
}

.branchen_home_heading {
  margin-top: 0;
  margin-bottom: var(--space--small);
  font-family: var(--h2--font-family);
  font-size: var(--display--font-size);
  line-height: var(--display--line-height);
  font-weight: var(--h2--font-weight);
  letter-spacing: var(--h2--letter-spacing);
  text-wrap: balance;
}

.wws_home_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.wws_home_heading {
  margin-top: 0;
  margin-bottom: var(--space--small);
  font-family: var(--h2--font-family);
  font-size: var(--display--font-size);
  line-height: var(--display--line-height);
  font-weight: var(--h2--font-weight);
  letter-spacing: var(--h2--letter-spacing);
  text-wrap: balance;
}

.wws_home_karte_heading {
  font-family: var(--h3--font-family);
  font-size: 1.25rem;
  line-height: var(--h3--line-height);
  font-weight: var(--h3--font-weight);
  overflow-wrap: break-word;
  margin-top: 0;
  margin-bottom: 8px;
}

.prinzip_home_section {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
}

.prinzip_home_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.prinzip_home_heading {
  max-width: 24ch;
  margin-top: 0;
  margin-bottom: var(--space--large);
  font-family: var(--h2--font-family);
  font-size: var(--display--font-size);
  line-height: var(--display--line-height);
  font-weight: var(--h2--font-weight);
  letter-spacing: var(--h2--letter-spacing);
  text-wrap: balance;
}

.prinzip_home_window {
  border: 1px solid var(--swatch--line);
  border-radius: var(--radius--main);
  background-color: var(--swatch--light);
  overflow: hidden;
}

.prinzip_home_bar {
  grid-column-gap: 8px;
  border-bottom: 1px solid var(--swatch--line);
  background-color: var(--swatch--light-secondary);
  align-items: center;
  padding: 10px 14px;
  display: flex;
}

.prinzip_home_dots {
  grid-column-gap: 6px;
  flex: none;
  display: flex;
}

.prinzip_home_dot {
  background-color: var(--swatch--grey);
  border-radius: 100vw;
  flex: none;
  width: 8px;
  height: 8px;
}

.prinzip_home_bar_title {
  font-size: .875rem;
  font-weight: var(--font-weight--600);
}

.prinzip_home_body {
  padding: 16px 20px 18px;
}

.prinzip_home_chart {
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}

.prinzip_home_legend {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 14px;
  display: flex;
}

.prinzip_home_legend_item {
  grid-column-gap: 8px;
  color: var(--swatch--stone);
  align-items: center;
  font-size: .875rem;
  display: inline-flex;
}

.prinzip_home_swatch {
  background-color: var(--swatch--grey);
  border-radius: 3px;
  flex: none;
  width: 12px;
  height: 12px;
}

.prinzip_home_swatch.prinzip_home_swatch--multi {
  background-color: var(--swatch--supplyblue);
}

.prinzip_home_swatch.prinzip_home_swatch--mkt {
  background-color: var(--swatch--brand);
}

.prinzip_home_note {
  color: var(--swatch--stone-light);
  margin-left: auto;
  font-size: .875rem;
}

.prinzip_home_foot {
  max-width: 54ch;
  margin-top: var(--space--small);
  color: var(--swatch--stone);
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.5;
}

.prinzip_home_plot {
  position: relative;
}

.prinzip_home_hotspot {
  z-index: 3;
  cursor: pointer;
  background-color: #00788921;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
  position: absolute;
  transform: translate(-50%, -50%);
}

.prinzip_home_hotspot.prinzip_home_hotspot--a {
  top: 67.75%;
  left: 12.3%;
}

.prinzip_home_hotspot.prinzip_home_hotspot--b {
  top: 47.66%;
  left: 44.55%;
}

.prinzip_home_hotspot.prinzip_home_hotspot--c {
  top: 26.95%;
  left: 76.79%;
}

.prinzip_home_hotspot_disc {
  border: 1.7px solid var(--swatch--brand);
  background-color: var(--swatch--light);
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 17px;
  display: flex;
}

.prinzip_home_hotspot_dot {
  background-color: var(--swatch--brand);
  border-radius: 100vw;
  width: 4.4px;
  height: 4.4px;
}

.prinzip_home_tip {
  z-index: 4;
  visibility: hidden;
  border-radius: var(--radius--small);
  background-color: var(--swatch--midnight);
  opacity: 0;
  pointer-events: none;
  width: max-content;
  max-width: 220px;
  transition: opacity .25s cubic-bezier(.22, .61, .36, 1), transform undefined undefined, visibility undefined undefined;
  color: var(--swatch--light);
  text-align: left;
  padding: 8px 10px;
  font-size: .875rem;
  line-height: 1.35;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translate(-50%, 4px)scale(.96);
}

.system_home_heading {
  margin-top: 0;
  margin-bottom: var(--space--small);
  font-family: var(--h2--font-family);
  font-size: var(--display--font-size);
  line-height: var(--display--line-height);
  font-weight: var(--h2--font-weight);
  letter-spacing: var(--h2--letter-spacing);
  text-wrap: balance;
}

.rail_system {
  z-index: 1;
  transform-origin: 0%;
  height: 7px;
  margin-top: -3.5px;
  position: absolute;
}

.rail_system.rail_system--r1 {
  width: 111px;
  top: 113px;
  left: 434px;
  transform: rotate(90deg);
}

.rail_system.rail_system--r2 {
  width: 111px;
  top: 224px;
  left: 466px;
  transform: rotate(-90deg);
}

.rail_system.rail_system--r3 {
  width: 185px;
  top: 310px;
  left: 179px;
  transform: rotate(0);
}

.rail_system.rail_system--r4 {
  width: 195px;
  top: 310px;
  left: 731px;
  transform: rotate(180deg);
}

.rail_system.rail_system--r5 {
  width: 204.1px;
  top: 269px;
  left: 525px;
  transform: rotate(-28.7deg);
}

.rail_system.rail_system--r6 {
  width: 204.1px;
  top: 351px;
  left: 525px;
  transform: rotate(28.7deg);
}

.rail_system.rail_system--r7 {
  width: 86px;
  top: 396px;
  left: 450px;
  transform: rotate(90deg);
}

.bausteine_home_section {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: var(--swatch--midnight);
  color: var(--swatch--light);
}

.bausteine_home_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.bausteine_home_heading {
  margin-top: 0;
  margin-bottom: var(--space--small);
  font-family: var(--h2--font-family);
  color: var(--swatch--light);
  font-size: var(--display--font-size);
  line-height: var(--display--line-height);
  font-weight: var(--h2--font-weight);
  letter-spacing: var(--h2--letter-spacing);
  text-wrap: balance;
}

.bausteine_home_lede {
  max-width: 60ch;
  color: var(--swatch--stone-light);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.32;
}

.bausteine_home_story {
  margin-top: var(--space--large);
  grid-column-gap: 48px;
  grid-row-gap: 32px;
  grid-template-columns: .85fr 1.15fr;
  align-items: start;
  display: grid;
}

.bausteine_home_step {
  flex-direction: column;
  justify-content: center;
  min-height: 70vh;
  padding-top: 24px;
  padding-bottom: 24px;
  transition-property: opacity;
  transition-duration: .35s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
  display: flex;
}

.bausteine_home_step.is-dim {
  opacity: .4;
}

.bausteine_home_kicker {
  color: var(--swatch--supplyblue);
  font-size: .875rem;
  font-weight: var(--font-weight--600);
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 8px;
}

.bausteine_home_step_heading {
  font-family: var(--h3--font-family);
  color: var(--swatch--light);
  font-size: 1.25rem;
  line-height: var(--h3--line-height);
  font-weight: var(--h3--font-weight);
  margin-top: 0;
  margin-bottom: 12px;
}

.bausteine_home_step_text {
  max-width: 46ch;
  color: var(--swatch--stone-light);
  margin-top: 0;
  margin-bottom: 12px;
}

.bausteine_home_note {
  border-left: 2px solid var(--swatch--brand);
  max-width: 46ch;
  color: var(--swatch--stone-light);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 12px;
  font-size: .875rem;
  line-height: 1.5;
}

.bausteine_home_stage {
  align-items: center;
  min-height: 76vh;
  display: flex;
  position: sticky;
  top: 12vh;
}

.bausteine_home_chartpanel {
  width: 100%;
}

.bausteine_home_chartwrap {
  width: 100%;
  position: relative;
}

.bausteine_home_legend {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
  display: flex;
}

.bausteine_home_legend_item {
  grid-column-gap: 8px;
  color: var(--swatch--stone-light);
  align-items: center;
  font-size: .875rem;
  display: inline-flex;
}

.bausteine_home_dot {
  background-color: var(--data--verbrauch);
  border-radius: 100vw;
  flex: none;
  width: 10px;
  height: 10px;
}

.bausteine_home_dot.bausteine_home_dot--erzeugung {
  background-color: var(--data--erzeugung);
}

.bausteine_home_dot.bausteine_home_dot--preis {
  background-color: var(--data--preis-on-dark);
  border-radius: 0;
  width: 16px;
  height: 2px;
}

.section_eyebrow {
  font-family: var(--all-headings--heading-font-family);
  color: var(--swatch--brand);
  font-size: var(--text-small--font-size);
  line-height: 24px;
  font-weight: var(--font-weight--600);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 14px;
}

.section_eyebrow.is-center {
  text-align: center;
}

.section_eyebrow.is-on-dark {
  color: var(--swatch--supplyblue);
}

.section_header_title {
  margin-top: 0;
  margin-bottom: var(--space--small);
  font-family: var(--display--font-family);
  font-size: var(--display--font-size);
  line-height: var(--display--line-height);
  font-weight: var(--display--font-weight);
  letter-spacing: var(--display--letter-spacing);
  text-wrap: balance;
}

.cta_home_heading {
  font-family: var(--display--font-family);
  color: var(--swatch--light);
  font-size: var(--display--font-size);
  line-height: var(--display--line-height);
  font-weight: var(--display--font-weight);
  letter-spacing: var(--display--letter-spacing);
  text-wrap: balance;
}

.system_home_mark {
  color: var(--swatch--brand);
  font-weight: inherit;
}

.section_intro {
  color: var(--swatch--stone);
  font-size: 1.25rem;
  line-height: 1.32;
}

.section_intro.is-on-dark {
  color: var(--swatch--stone-light);
}

.problem_home_img {
  width: 100%;
  height: auto;
  display: block;
}

.eos-hero__anim {
  aspect-ratio: 12 / 11;
  background-color: #ffffffb8;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  width: 100%;
  min-width: 0;
  max-height: 620px;
  margin: 0 0 0 auto;
  position: relative;
  overflow: hidden;
}

.eos-hero__animslot {
  position: absolute;
  inset: 0;
}

.sbx_iconprobe {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #007889;
  background-color: #fff;
  align-items: center;
  padding: 32px;
  display: flex;
}

.hero_os_kpis {
  z-index: 3;
  background-color: #0000;
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
}

.hero_os_kpis_inner {
  width: 100%;
  max-width: 72.75rem;
  margin: 0 auto;
  padding: 0 1rem;
  display: flex;
}

.hero_os_kpi {
  text-align: center;
  overflow-wrap: anywhere;
  flex: 1;
  min-width: 0;
  padding: 1.25rem clamp(.75rem, 3vw, 1.75rem);
}

.hero_os_kpi_num {
  color: #1e1e1e;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.hero_os_kpi_label {
  color: #565656;
  margin: .25rem 0 0;
  font-size: .875rem;
  line-height: 1.4;
}

.produkte_batterie_img {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 150px;
  display: block;
}

.produkte_batterie_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.case_batterie_media {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.case_batterie_veil {
  background-image: linear-gradient(to top, #131936f5 0%, #1319364d 62%, #1319361a 100%);
  position: absolute;
  inset: 0;
}

.case_batterie_split {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1.15fr .85fr;
  align-items: stretch;
  margin-top: 3rem;
  display: grid;
}

.case_batterie_left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.case_batterie_img {
  object-fit: cover;
  object-position: 50% 62%;
  width: 100%;
  height: 340px;
  display: block;
}

.hero_partner {
  color: #1e1e1e;
  align-items: flex-end;
  min-height: calc(100vh - 93px);
  padding-top: clamp(3.5rem, 9vh, 6rem);
  padding-bottom: clamp(7.5rem, 12vw, 9.5rem);
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_partner_bg {
  z-index: 0;
  background-color: #f5f9fa;
  position: absolute;
  inset: 0;
}

.hero_partner_scrim {
  z-index: 1;
  background-image: linear-gradient(96deg, #ffffffeb 0%, #ffffffc7 30%, #ffffff6b 52%, #ffffff1f 66%, #fff0 74%);
  position: absolute;
  inset: 0;
}

.hero_partner_topfade {
  z-index: 1;
  background-image: linear-gradient(#ffffffd1, #fff0);
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hero_partner_bottomfade {
  z-index: 1;
  background-image: linear-gradient(#fff0 0%, #ffffff8c 58%, #fff 100%);
  height: clamp(170px, 28vh, 340px);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hero_partner_contain {
  z-index: 2;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}

.hero_partner_copy {
  max-width: 600px;
}

.hero_partner_heading {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 600;
  line-height: 1.06;
}

.hero_partner_lead {
  color: #565656;
  max-width: 38rem;
  font-size: var(--size--1rem);
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 1.65;
}

.hero_partner_ctas {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 26px;
  display: flex;
}

.hero_partner_trust {
  color: #565656;
  max-width: 38rem;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.5;
}

.hero_partner_photo {
  filter: brightness(1.09);
  object-fit: cover;
  object-position: 22% 46%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.warum_partner_section {
  background-color: #fff;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.warum_partner_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.warum_partner_facts {
  grid-column-gap: 48px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
  margin-top: 48px;
  display: grid;
}

.warum_partner_col {
  min-width: 0;
}

.warum_partner_marker {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  align-content: flex-end;
  align-items: baseline;
  min-height: 56px;
  margin-top: 0;
  margin-bottom: 24px;
  display: flex;
}

.warum_partner_num {
  color: #007889;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.warum_partner_numlabel {
  color: #565656;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.2;
}

.warum_partner_heading {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.warum_partner_text {
  color: #565656;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.warum_partner_foot {
  flex-direction: column;
  margin-top: 48px;
  display: flex;
}

.warum_partner_source {
  color: #565656;
  border-top: 1px solid #1e1e1e1a;
  order: 1;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 24px;
  font-size: .75rem;
  line-height: 1.5;
}

.warum_partner_hand {
  color: #1e1e1e;
  order: 2;
  max-width: 60ch;
  margin-top: 24px;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.3;
}

.loesung_partner_section {
  background-color: #f5f9fa;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.loesung_partner_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.loesung_partner_block {
  margin-top: 48px;
}

.loesung_partner_label {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.loesung_partner_row {
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: stretch;
  display: grid;
}

.loesung_partner_plus {
  color: #565656;
  justify-content: center;
  align-items: center;
  width: clamp(28px, 3.4vw, 44px);
  font-family: Marjorie, Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  transition: color .35s cubic-bezier(.22, .61, .36, 1);
  display: flex;
}

.loesung_partner_plus.is-dim {
  color: #b3b3b3;
}

.loesung_partner_card {
  color: #1e1e1e;
  text-align: left;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  width: 100%;
  padding: 24px;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  transition: transform .25s cubic-bezier(.22, .61, .36, 1), box-shadow .25s cubic-bezier(.22, .61, .36, 1), border-color .25s cubic-bezier(.22, .61, .36, 1), opacity .35s cubic-bezier(.22, .61, .36, 1);
  display: flex;
  position: relative;
}

.loesung_partner_card.is-core, .loesung_partner_card.is-on {
  border-color: #007889;
}

.loesung_partner_card.is-off {
  opacity: .55;
  border-style: dashed;
}

.loesung_partner_cardhead {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.loesung_partner_cardtitle {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.loesung_partner_pill {
  color: #007889;
  white-space: nowrap;
  background-color: #0078890f;
  border-radius: 100vw;
  align-items: center;
  padding: 7px 14px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.loesung_partner_cardtext {
  color: #565656;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.loesung_partner_ghost {
  color: #007889;
  align-self: flex-start;
  margin-top: auto;
  padding-top: 24px;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: underline;
}

.loesung_partner_equals {
  color: #565656;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 24px;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  display: flex;
}

.loesung_partner_result {
  grid-column-gap: 32px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 32px;
  display: grid;
}

.loesung_partner_states {
  min-width: 0;
  position: relative;
}

.loesung_partner_state {
  display: none;
}

.loesung_partner_state.is-active {
  display: block;
}

.loesung_partner_name {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}

.loesung_partner_namevalue {
  color: #007889;
}

.loesung_partner_lines {
  color: #565656;
  max-width: 64ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.loesung_partner_brand {
  color: #565656;
  border-top: 1px solid #1e1e1e1a;
  margin-top: 32px;
  margin-bottom: 0;
  padding-top: 24px;
  font-size: 1rem;
  line-height: 1.5;
}

.loesung_partner_close {
  margin-top: 24px;
  margin-bottom: 0;
}

.loesung_partner_resultcta {
  justify-self: start;
}

.nutzen_partner_section {
  background-color: #fff;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.nutzen_partner_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.nutzen_partner_grid {
  grid-column-gap: 48px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: .85fr 1.15fr;
  align-items: center;
  margin-top: 48px;
  display: grid;
}

.nutzen_partner_media {
  aspect-ratio: 4 / 5;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  min-width: 0;
  position: relative;
  overflow: hidden;
}

.nutzen_partner_photo {
  filter: brightness(1.09);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.nutzen_partner_gains {
  min-width: 0;
  max-width: 64ch;
}

.nutzen_partner_gain {
  border-top: 1px solid #1e1e1e1a;
  padding-top: 24px;
  padding-bottom: 24px;
}

.nutzen_partner_gain:first-child {
  border-top-style: none;
  padding-top: 0;
}

.nutzen_partner_gain:last-child {
  padding-bottom: 0;
}

.nutzen_partner_gainheading {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}

.nutzen_partner_gaintext {
  color: #565656;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.leistungen_partner_section {
  background-color: #f5f9fa;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.leistungen_partner_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.leistungen_partner_tools {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 48px;
  display: grid;
}

.leistungen_partner_tool {
  border-top: 1px solid #1e1e1e1a;
  min-width: 0;
  padding-top: 24px;
}

.leistungen_partner_toolheading {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.leistungen_partner_tooltext {
  color: #565656;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.leistungen_partner_foot {
  margin-top: 32px;
}

.leistungen_partner_icp {
  color: #565656;
  border-top: 1px solid #1e1e1e1a;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 24px;
  font-size: .875rem;
  line-height: 1.5;
}

.leistungen_partner_hand {
  color: #1e1e1e;
  max-width: 60ch;
  margin-top: 24px;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.3;
}

.segmente_partner_section {
  background-color: #fff;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.segmente_partner_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.segmente_partner_tabs {
  grid-column-gap: 32px;
  border-bottom: 1px solid #1e1e1e1a;
  flex-wrap: wrap;
  margin-top: 32px;
  display: flex;
}

.segmente_partner_tab {
  color: #565656;
  white-space: nowrap;
  background-color: #0000;
  border-bottom: 2px solid #0000;
  min-height: 52px;
  margin-bottom: -1px;
  padding: 16px 2px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  transition: color .25s cubic-bezier(.22, .61, .36, 1), border-color .25s cubic-bezier(.22, .61, .36, 1);
}

.segmente_partner_panel {
  padding-top: 48px;
}

.segmente_partner_panelinner {
  min-width: 0;
}

.segmente_partner_eyebrow {
  color: #007889;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 24px;
}

.segmente_partner_heading {
  color: #1e1e1e;
  max-width: 40ch;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}

.segmente_partner_sub {
  color: #565656;
  max-width: 64ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.segmente_partner_rolecard {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  margin-top: 32px;
  overflow: hidden;
}

.segmente_partner_rolehead {
  color: #1e1e1e;
  text-align: center;
  background-color: #f5f9fa;
  border-bottom: 1px solid #1e1e1e1a;
  margin-top: 0;
  margin-bottom: 0;
  padding: 14px 20px;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.3;
}

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

.segmente_partner_roleside {
  min-width: 0;
  padding: 32px;
}

.segmente_partner_roleside.is-sie {
  border-right: 1px solid #1e1e1e1a;
}

.segmente_partner_roleside.is-tinted {
  background-color: #0078890f;
}

.segmente_partner_whorow {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.segmente_partner_pillneutral {
  color: #131936;
  white-space: nowrap;
  background-color: #ededf2;
  border-radius: 100vw;
  align-items: center;
  padding: 7px 14px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.segmente_partner_pillsolid {
  color: #fff;
  white-space: nowrap;
  background-color: #007889;
  border-radius: 100vw;
  align-items: center;
  padding: 7px 14px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.segmente_partner_cap {
  color: #565656;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.3;
}

.segmente_partner_rolelist {
  grid-row-gap: 8px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
}

.segmente_partner_roleitem {
  grid-column-gap: 8px;
  color: #1e1e1e;
  align-items: flex-start;
  font-size: 1rem;
  line-height: 1.5;
  display: flex;
}

.segmente_partner_icon {
  color: #007889;
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  display: inline-block;
}

.segmente_partner_icon.is-muted {
  color: #565656;
}

.segmente_partner_benefits {
  grid-row-gap: 8px;
  color: #1e1e1e;
  flex-wrap: wrap;
  margin-top: 24px;
  margin-bottom: 0;
  padding-left: 0;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
  list-style-type: none;
  display: flex;
}

.segmente_partner_benefit {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.segmente_partner_check {
  color: #007889;
  flex: none;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.segmente_partner_objections {
  margin-top: 32px;
}

.segmente_partner_microlabel {
  color: #565656;
  margin-bottom: 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.segmente_partner_details {
  border-top: 1px solid #1e1e1e1a;
}

.segmente_partner_summary {
  color: #1e1e1e;
  cursor: pointer;
  min-height: 56px;
  padding: 18px 44px 18px 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  transition: color .25s cubic-bezier(.22, .61, .36, 1);
  display: block;
  position: relative;
}

.segmente_partner_answer {
  color: #565656;
  max-width: 64ch;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 1rem;
  line-height: 1.5;
}

.gruende_partner_section {
  color: #fff;
  background-color: #131936;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.gruende_partner_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.gruende_partner_eyebrow {
  color: #9bc4d5;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 24px;
}

.gruende_partner_title {
  color: #fff;
  max-width: 24ch;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.1;
}

.gruende_partner_intro {
  color: #b3b3b3;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.4;
}

.gruende_partner_proofs {
  grid-column-gap: 48px;
  grid-row-gap: 24px;
  border-top: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 48px;
  padding-top: 32px;
  display: grid;
}

.gruende_partner_proof {
  min-width: 0;
}

.gruende_partner_proofheading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}

.gruende_partner_prooftext {
  color: #b3b3b3;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.gruende_partner_stat {
  grid-column-gap: 24px;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.gruende_partner_statnum {
  color: #f5d88f;
  font-variant-numeric: tabular-nums;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.gruende_partner_stattext {
  color: #b3b3b3;
  font-size: .875rem;
  line-height: 1.4;
}

.gruende_partner_statstrong {
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  display: block;
}

.gruende_partner_team {
  grid-column-gap: 32px;
  grid-row-gap: 24px;
  border-top: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: .85fr 1.15fr;
  align-items: center;
  margin-top: 48px;
  padding-top: 32px;
  display: grid;
}

.gruende_partner_teammedia {
  aspect-ratio: 3 / 2;
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  align-items: flex-end;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.gruende_partner_ph {
  color: #b3b3b3;
  background-color: #1319368c;
  border: 1px solid #ffffff1a;
  border-radius: 100vw;
  margin: 14px;
  padding: 6px 12px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.3;
}

.gruende_partner_teamtext {
  min-width: 0;
}

.gruende_partner_teamheading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}

.gruende_partner_teamlead {
  color: #b3b3b3;
  max-width: 46ch;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 1.25rem;
  line-height: 1.4;
}

.gruende_partner_ghost {
  color: #fff;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: underline;
}

.gruende_partner_trust {
  margin-top: 32px;
}

.gruende_partner_trustlabel {
  color: #b3b3b3;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
}

.gruende_partner_trustrow {
  grid-column-gap: 24px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.gruende_partner_badge {
  color: #fff;
  white-space: nowrap;
  border: 1px solid #ffffff1a;
  border-radius: 100vw;
  padding: 7px 14px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.gruende_partner_names {
  color: #b3b3b3;
  font-size: .875rem;
  line-height: 1.5;
}

.weg_partner_section {
  background-color: #fff;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.weg_partner_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.weg_partner_steps {
  grid-column-gap: 32px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 48px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
  position: relative;
}

.weg_partner_step {
  z-index: 1;
  min-width: 0;
  position: relative;
}

.weg_partner_num {
  z-index: 2;
  color: #131936;
  font-variant-numeric: tabular-nums;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 24px;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
  position: relative;
}

.weg_partner_stepheading {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.weg_partner_steptext {
  color: #565656;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.5;
}

.weg_partner_cta {
  margin-top: 48px;
}

.webinar_partner_section {
  background-color: #f5f9fa;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.webinar_partner_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.webinar_partner_card {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  margin-top: 32px;
  padding: 32px;
}

.webinar_partner_row {
  grid-column-gap: 32px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: auto minmax(280px, 1fr) auto;
  align-items: center;
  display: grid;
}

.webinar_partner_date {
  grid-column-gap: 8px;
  color: #565656;
  align-items: center;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
  display: flex;
}

.webinar_partner_icon {
  color: #007889;
  flex: none;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.webinar_partner_title {
  color: #1e1e1e;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.webinar_partner_cta {
  justify-self: start;
}

.webinar_partner_foot {
  color: #565656;
  margin-top: 24px;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.5;
}

.kontakt_partner_section {
  color: #fff;
  background-color: #131936;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.kontakt_partner_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.kontakt_partner_eyebrow {
  color: #9bc4d5;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 24px;
}

.kontakt_partner_grid {
  grid-column-gap: 48px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  margin-top: 0;
  display: grid;
}

.kontakt_partner_aside {
  min-width: 0;
}

.kontakt_partner_title {
  color: #fff;
  max-width: 24ch;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.1;
}

.kontakt_partner_intro {
  color: #b3b3b3;
  max-width: 44ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.4;
}

.kontakt_partner_points {
  grid-row-gap: 8px;
  color: #b3b3b3;
  margin-top: 32px;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 1rem;
  line-height: 1.5;
  list-style-type: none;
  display: grid;
}

.kontakt_partner_point {
  grid-column-gap: 8px;
  align-items: flex-start;
  display: flex;
}

.kontakt_partner_check {
  color: #9bc4d5;
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 3px;
  display: inline-block;
}

.kontakt_partner_formcard {
  color: #1e1e1e;
  background-color: #fff;
  border-radius: 16px;
  min-width: 0;
  padding: 32px;
}

.segmente_partner_foot {
  margin-top: 32px;
  display: flex;
}

.loesung_partner_closelead {
  color: #1e1e1e;
  margin-bottom: 4px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.loesung_partner_closetext {
  color: #565656;
  font-size: 1rem;
  line-height: 1.5;
}

.problem_home_panel {
  padding: var(--size--1-5rem);
  border: 1px solid var(--swatch--line-dark);
  border-radius: var(--radius--panel);
  background-color: var(--swatch--midnight);
  overflow: hidden;
}

.problem_home_chartwrap {
  width: 100%;
  position: relative;
}

.problem_home_karten {
  margin-top: var(--size--3rem);
  grid-column-gap: var(--size--1-5rem);
  grid-row-gap: var(--size--1-5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.problem_home_karte {
  padding: var(--size--2rem);
  border: 1px solid var(--swatch--line);
  border-radius: var(--radius--main);
  background-color: var(--swatch--light);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.problem_home_karte_icon {
  box-sizing: border-box;
  width: 46px;
  height: 46px;
  margin-bottom: var(--size--1rem);
  border-radius: var(--radius--main);
  color: var(--swatch--brand);
  background-color: #0078891a;
  flex: none;
  place-items: center;
  padding: 11px;
  display: grid;
}

.problem_home_karte_num {
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
}

.problem_home_karte_num.is-supplyblue, .problem_home_karte_num.is-amber, .problem_home_karte_num.is-neutral {
  color: var(--swatch--brand);
}

.problem_home_karte_heading {
  margin-top: 0;
  margin-bottom: var(--size--0-5rem);
  color: var(--swatch--dark);
  font-family: Inter, Arial, sans-serif;
  font-size: var(--size--1-25rem);
  font-weight: 600;
  line-height: 1.3;
}

.problem_home_karte_text {
  color: var(--swatch--stone);
  font-size: var(--size--1rem);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5em;
}

.problem_home_foot {
  margin-top: var(--size--3rem);
  grid-column-gap: var(--size--1-5rem);
  grid-row-gap: var(--size--1rem);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.problem_home_foot_text {
  max-width: 52ch;
  color: var(--swatch--dark);
  font-size: var(--size--1-25rem);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.32;
}

.cta-ghost {
  color: var(--swatch--brand);
  font-size: var(--text-small--font-size);
  text-underline-offset: 4px;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  transition-property: color;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.cta-ghost.tun_about_card_more {
  margin-top: 1rem;
  display: inline-block;
}

.system_home_grid {
  grid-column-gap: var(--size--2rem);
  grid-row-gap: var(--size--3rem);
  grid-template-rows: auto;
  grid-template-columns: .92fr 1.08fr;
  align-items: center;
  display: grid;
}

.system_home_copy {
  min-width: 0;
}

.system_home_visual {
  width: 100%;
  min-width: 0;
}

.system_home_points {
  grid-row-gap: var(--size--1-5rem);
  flex-direction: column;
  display: flex;
}

.system_home_point {
  grid-column-gap: var(--size--1rem);
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  align-items: start;
  display: grid;
}

.system_home_point_icon {
  box-sizing: border-box;
  border-radius: var(--radius--main);
  width: 40px;
  height: 40px;
  color: var(--swatch--brand);
  background-color: #0078891a;
  flex: none;
  place-items: center;
  padding: 10px;
  display: grid;
}

.system_home_point_body {
  min-width: 0;
}

.system_home_point_title {
  margin-top: 0;
  margin-bottom: var(--size--0-25rem);
  color: var(--swatch--dark);
  font-size: var(--size--1rem);
  font-weight: 600;
  line-height: 1.5em;
}

.system_home_point_text {
  max-width: 48ch;
  color: var(--swatch--stone);
  font-size: var(--size--1rem);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5em;
}

.system_home_cta {
  margin-top: var(--size--2rem);
  grid-column-gap: var(--size--1-5rem);
  grid-row-gap: var(--size--1rem);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.problem_home_head {
  grid-column-gap: var(--size--2rem);
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
  display: grid;
}

.problem_home_head_main {
  min-width: 0;
}

.problem_home_karte_top {
  width: 100%;
  margin-bottom: var(--size--1-5rem);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero_home_kpis {
  left: 0;
  right: 0;
  bottom: var(--size--2rem);
  z-index: 3;
  position: absolute;
}

.hero_home_kpis_inner {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.hero_home_kpi {
  text-align: center;
  flex: 1;
  min-width: 0;
  padding: 1.25rem clamp(.75rem, 3vw, 1.75rem);
}

.hero_home_kpi:last-child {
  border-right-style: none;
}

.hero_home_kpi_num {
  color: var(--swatch--light);
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.hero_home_kpi_label {
  margin-top: var(--size--0-25rem);
  color: var(--swatch--stone-light);
  font-size: var(--text-small--font-size);
  margin-bottom: 0;
  line-height: 1.4;
}

.branchen_home_media {
  z-index: 0;
  position: absolute;
  inset: 0;
}

.branchen_home_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.branchen_home_overlay {
  background-image: linear-gradient(0deg, #131936d9 0%, #13193640 40%, #13193600 70%);
  position: absolute;
  inset: 0;
}

.weg_home_steps {
  flex-direction: column;
  row-gap: 24px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.weg_home_step {
  border: 1px solid var(--swatch--line);
  border-radius: var(--radius--main);
  background-color: var(--swatch--light);
  align-items: flex-start;
  column-gap: 24px;
  padding: 24px;
  display: flex;
}

.weg_home_step_num {
  color: var(--swatch--brand);
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
}

.weg_home_step_body {
  flex-direction: column;
  row-gap: 8px;
  display: flex;
}

.weg_home_step_heading {
  color: var(--swatch--dark);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

.weg_home_step_text {
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.weg_home_layout {
  width: 100%;
  max-width: 72.75rem;
  padding: var(--padding-vertical--main) 1rem;
  grid-column-gap: 32px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .95fr 1.05fr;
  align-items: start;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.weg_home_head {
  flex-flow: column;
  place-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 117px;
}

.bausteine_kunststoff {
  padding-top: var(--padding-vertical--main);
  background-color: #fff;
  padding-bottom: 0;
}

.bausteine_kunststoff_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.bausteine_kunststoff_head {
  max-width: 46rem;
  margin-bottom: 3rem;
}

.bausteine_kunststoff_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.bausteine_kunststoff_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.bausteine_kunststoff_lead {
  color: #565656;
  max-width: 38rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.5;
}

.bausteine_kunststoff_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  margin-bottom: 4rem;
  display: grid;
}

.bausteine_kunststoff_rowflip {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  align-items: center;
  margin-bottom: 4rem;
  display: grid;
}

.bausteine_kunststoff_copy {
  min-width: 0;
}

.bausteine_kunststoff_rowheading {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.bausteine_kunststoff_rowlead {
  color: #565656;
  max-width: 38rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  line-height: 1.6;
}

.bausteine_kunststoff_list {
  grid-row-gap: .875rem;
  flex-direction: column;
  margin-bottom: 1.5rem;
  display: flex;
}

.bausteine_kunststoff_item {
  grid-column-gap: .75rem;
  align-items: flex-start;
  display: flex;
}

.bausteine_kunststoff_dot {
  background-color: #007889;
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: .5rem;
  display: block;
}

.bausteine_kunststoff_itemtext {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.bausteine_kunststoff_media {
  min-width: 0;
}

.bausteine_kunststoff_photo {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 340px;
  display: block;
}

.ablauf_kunststoff {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #fff;
}

.ablauf_kunststoff_contain {
  grid-column-gap: 32px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .95fr 1.05fr;
  align-items: start;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: grid;
  position: relative;
}

.ablauf_kunststoff_head {
  flex-flow: column;
  place-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 117px;
}

.ablauf_kunststoff_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.ablauf_kunststoff_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.ablauf_kunststoff_steps {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  row-gap: 24px;
  display: flex;
}

.ablauf_kunststoff_steps_line {
  background-color: #1e1e1e1a;
  width: 2px;
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 27px;
}

.ablauf_kunststoff_steps_fill {
  transform-origin: top;
  background-color: #007889;
  width: 2px;
  transition: transform .5s cubic-bezier(.22, .61, .36, 1);
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 27px;
  transform: scaleY(0);
}

.ablauf_kunststoff_step {
  border: 1px solid var(--swatch--line);
  border-radius: var(--radius--main);
  background-color: var(--swatch--light);
  align-items: flex-start;
  column-gap: 24px;
  padding: 24px;
  display: flex;
}

.ablauf_kunststoff_snum {
  color: var(--swatch--brand);
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
}

.ablauf_kunststoff_snum.is-active {
  color: #fff;
  background-color: #007889;
  border-color: #007889;
}

.ablauf_kunststoff_stepcard {
  flex-direction: column;
  row-gap: 8px;
  display: flex;
}

.ablauf_kunststoff_step_title {
  color: #1e1e1e;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

.ablauf_kunststoff_step_text {
  color: #565656;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.ablauf_kunststoff_cta {
  text-align: left;
  margin-top: 2rem;
}

.branchen_kunststoff {
  padding-top: var(--padding-vertical--main);
  padding-bottom: var(--padding-vertical--main);
  background-color: #f5f9fa;
}

.branchen_kunststoff_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.branchen_kunststoff_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.branchen_kunststoff_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.branchen_kunststoff_lede {
  color: #565656;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.5;
}

.branchen_kunststoff_grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin-top: 3rem;
  display: grid;
}

.branchen_kunststoff_card {
  color: #1e1e1e;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  min-height: 200px;
  text-decoration: none;
  transition: transform .25s cubic-bezier(.22, .61, .36, 1), box-shadow .25s cubic-bezier(.22, .61, .36, 1), border-color .25s cubic-bezier(.22, .61, .36, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.branchen_kunststoff_card:hover {
  border-color: #9bc4d5;
  transform: translateY(-3px);
  box-shadow: 0 10px 40px #00000014;
}

.branchen_kunststoff_media {
  z-index: 0;
  position: absolute;
  inset: 0;
}

.branchen_kunststoff_photo {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.branchen_kunststoff_overlay {
  z-index: 1;
  background-image: linear-gradient(0deg, #131936d9 0%, #13193640 40%, #13193600 70%);
  position: absolute;
  inset: 0;
}

.branchen_kunststoff_name {
  z-index: 2;
  color: #fff;
  margin-top: auto;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 600;
  position: relative;
}

.branchen_kunststoff_go {
  z-index: 2;
  grid-column-gap: 8px;
  color: #fff;
  align-items: center;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
  position: relative;
}

.os_kunststoff_frame {
  aspect-ratio: 1100 / 860;
  border: 1px solid var(--swatch--line);
  background-color: #f9f9fe;
  border-radius: 16px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.os_kunststoff_osdoc {
  transform-origin: 0 0;
  border-width: 0;
  width: 1520px;
  height: 920px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.bausteine_metall {
  background-color: #fff;
  padding-top: 4rem;
  padding-bottom: 0;
}

.bausteine_metall_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.bausteine_metall_head {
  max-width: 46rem;
  margin-bottom: 3rem;
}

.bausteine_metall_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.bausteine_metall_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.bausteine_metall_lead {
  color: #565656;
  max-width: 38rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.5;
}

.bausteine_metall_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  margin-bottom: 4rem;
  display: grid;
}

.bausteine_metall_rowflip {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  align-items: center;
  margin-bottom: 4rem;
  display: grid;
}

.bausteine_metall_copy {
  min-width: 0;
}

.bausteine_metall_rowheading {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.bausteine_metall_rowlead {
  color: #565656;
  max-width: 38rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  line-height: 1.6;
}

.bausteine_metall_list {
  grid-row-gap: .875rem;
  flex-direction: column;
  margin-bottom: 1.5rem;
  display: flex;
}

.bausteine_metall_item {
  grid-column-gap: .75rem;
  align-items: flex-start;
  display: flex;
}

.bausteine_metall_dot {
  background-color: #007889;
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: .5rem;
  display: block;
}

.bausteine_metall_itemtext {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.bausteine_metall_media {
  min-width: 0;
}

.bausteine_metall_photo {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 340px;
  display: block;
}

.branchen_metall {
  background-color: #f5f9fa;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.branchen_metall_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.branchen_metall_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.branchen_metall_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.branchen_metall_lede {
  color: #565656;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.5;
}

.branchen_metall_grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin-top: 3rem;
  display: grid;
}

.branchen_metall_card {
  color: #1e1e1e;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  min-height: 200px;
  text-decoration: none;
  transition: transform .25s cubic-bezier(.22, .61, .36, 1), box-shadow .25s cubic-bezier(.22, .61, .36, 1), border-color .25s cubic-bezier(.22, .61, .36, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.branchen_metall_media {
  z-index: 0;
  position: absolute;
  inset: 0;
}

.branchen_metall_photo {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.branchen_metall_overlay {
  z-index: 1;
  background-image: linear-gradient(0deg, #131936d9 0%, #13193640 40%, #13193600 70%);
  position: absolute;
  inset: 0;
}

.branchen_metall_name {
  z-index: 2;
  color: #fff;
  margin-top: auto;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 600;
  position: relative;
}

.branchen_metall_go {
  z-index: 2;
  grid-column-gap: 8px;
  color: #fff;
  align-items: center;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
  position: relative;
}

.ablauf_metall {
  background-color: #fff;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.ablauf_metall_contain {
  grid-column-gap: 32px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .95fr 1.05fr;
  align-items: start;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: grid;
  position: relative;
}

.ablauf_metall_head {
  flex-flow: column;
  place-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 117px;
}

.ablauf_metall_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.ablauf_metall_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.ablauf_metall_steps {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  row-gap: 24px;
  display: flex;
}

.ablauf_metall_steps_line {
  background-color: #1e1e1e1a;
  width: 2px;
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 27px;
}

.ablauf_metall_steps_fill {
  transform-origin: top;
  background-color: #007889;
  width: 2px;
  transition: transform .5s cubic-bezier(.22, .61, .36, 1);
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 27px;
  transform: scaleY(0);
}

.ablauf_metall_step {
  border: 1px solid var(--swatch--line);
  border-radius: var(--radius--main);
  background-color: var(--swatch--light);
  align-items: flex-start;
  column-gap: 24px;
  padding: 24px;
  display: flex;
}

.ablauf_metall_snum {
  color: var(--swatch--brand);
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
}

.ablauf_metall_stepcard {
  flex-direction: column;
  row-gap: 8px;
  display: flex;
}

.ablauf_metall_step_title {
  color: #1e1e1e;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

.ablauf_metall_step_text {
  color: #565656;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.ablauf_metall_cta {
  text-align: left;
  margin-top: 2rem;
}

.os_kunststoff_fade {
  pointer-events: none;
  background-image: linear-gradient(90deg, #f9f9fe00, #f9f9fe);
  width: 70px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.problem_kunststoff_ico {
  box-sizing: border-box;
  color: #007889;
  background-color: #f5f9fa;
  border-radius: 100vw;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 1.5rem;
  padding: 12px;
  display: flex;
}

.case_kunststoff_media {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.case_kunststoff_veil {
  background-image: linear-gradient(to top, #131936f5 0%, #1319364d 62%, #1319361a 100%);
  position: absolute;
  inset: 0;
}

.case_kunststoff_badge {
  z-index: 1;
  background-color: #1319368c;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 1rem 1.5rem;
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}

.case_kunststoff_badge_n {
  color: #fff;
  letter-spacing: -.02em;
  margin: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
}

.case_kunststoff_badge_l {
  color: #b3b3b3;
  margin-top: .375rem;
  margin-bottom: 0;
  font-size: .875rem;
}

.case_kunststoff_split {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1.15fr .85fr;
  align-items: stretch;
  margin-top: 3rem;
  display: grid;
}

.case_kunststoff_left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.case_kunststoff_copy {
  margin: 0;
}

.case_kunststoff_results {
  flex-direction: column;
  row-gap: 1rem;
  height: 100%;
  margin-top: 0;
  display: flex;
}

.case_kunststoff_result {
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
}

.case_kunststoff_result_n {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
}

.case_kunststoff_result_l {
  color: #b3b3b3;
  margin-top: .375rem;
  margin-bottom: 0;
  font-size: .875rem;
}

.case_kunststoff_img {
  object-fit: cover;
  object-position: 50% 62%;
  width: 100%;
  height: 340px;
  display: block;
}

.kontakt_kunststoff_assure {
  grid-row-gap: .75rem;
  flex-direction: column;
  margin: 1.75rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.kontakt_kunststoff_assure_item {
  color: var(--swatch--stone-light);
  padding-left: 1.75rem;
  font-size: .875rem;
  position: relative;
}

.kontakt_kunststoff_assure_item:before {
  width: 20px;
  height: 20px;
  color: var(--swatch--supplyblue);
  content: "✓";
  background-color: #9bc4d529;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.case_kunststoff_stats {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: .5rem;
  background-color: #1319368c;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  flex-wrap: wrap;
  max-width: calc(100% - 3rem);
  margin-top: 0;
  padding: 1rem 1.5rem;
  display: flex;
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}

.case_kunststoff_stat_l {
  color: #b3b3b3;
  margin: 0;
  font-size: .75rem;
}

.case_kunststoff_stat_v {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin-top: .25rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.case_kunststoff_cta {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  padding-top: 1.5rem;
  display: flex;
}

.problem_metall_ico {
  box-sizing: border-box;
  color: #007889;
  background-color: #f5f9fa;
  border-radius: 100vw;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 1.5rem;
  padding: 12px;
  display: flex;
}

.kontakt_metall_assure {
  grid-row-gap: .75rem;
  flex-direction: column;
  margin: 1.75rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.kontakt_metall_assure_item {
  color: var(--swatch--stone-light);
  padding-left: 1.75rem;
  font-size: .875rem;
  position: relative;
}

.kontakt_metall_assure_item:before {
  width: 20px;
  height: 20px;
  color: var(--swatch--supplyblue);
  content: "✓";
  background-color: #9bc4d529;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.kontakt_logistik_assure {
  grid-row-gap: .75rem;
  flex-direction: column;
  margin: 1.75rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.kontakt_logistik_assure_item {
  color: var(--swatch--stone-light);
  padding-left: 1.75rem;
  font-size: .875rem;
  position: relative;
}

.kontakt_logistik_assure_item:before {
  width: 20px;
  height: 20px;
  color: var(--swatch--supplyblue);
  content: "✓";
  background-color: #9bc4d529;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.kontakt_lebensmittel_assure {
  grid-row-gap: .75rem;
  flex-direction: column;
  margin: 1.75rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.kontakt_lebensmittel_assure_item {
  color: var(--swatch--stone-light);
  padding-left: 1.75rem;
  font-size: .875rem;
  position: relative;
}

.kontakt_lebensmittel_assure_item:before {
  width: 20px;
  height: 20px;
  color: var(--swatch--supplyblue);
  content: "✓";
  background-color: #9bc4d529;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.os_metall_frame {
  aspect-ratio: 1100 / 860;
  background-color: #f9f9fe;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.os_metall_osdoc {
  transform-origin: 0 0;
  border-width: 0;
  width: 1520px;
  height: 920px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.os_metall_fade {
  pointer-events: none;
  background-image: linear-gradient(90deg, #f9f9fe00, #f9f9fe);
  width: 70px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.case_metall_media {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.case_metall_veil {
  background-image: linear-gradient(to top, #131936f5 0%, #1319364d 62%, #1319361a 100%);
  position: absolute;
  inset: 0;
}

.case_metall_img {
  object-fit: cover;
  object-position: 50% 62%;
  width: 100%;
  height: 340px;
  display: block;
}

.case_metall_split {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1.15fr .85fr;
  align-items: stretch;
  margin-top: 3rem;
  display: grid;
}

.case_metall_left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.case_metall_copy {
  margin: 0;
}

.case_metall_stats {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: .5rem;
  background-color: #1319368c;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  flex-wrap: wrap;
  max-width: calc(100% - 3rem);
  margin-top: 0;
  padding: 1rem 1.5rem;
  display: flex;
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}

.case_metall_stat_l {
  color: #b3b3b3;
  margin: 0;
  font-size: .75rem;
}

.case_metall_stat_v {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin-top: .25rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.case_metall_results {
  flex-direction: column;
  row-gap: 1rem;
  height: 100%;
  margin-top: 0;
  display: flex;
}

.case_metall_result {
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
}

.case_metall_result_n {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
}

.case_metall_result_l {
  color: #b3b3b3;
  margin-top: .375rem;
  margin-bottom: 0;
  font-size: .875rem;
}

.case_metall_cta {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  padding-top: 1.5rem;
  display: flex;
}

.problem_logistik_ico, .problem_lebensmittel_ico {
  box-sizing: border-box;
  color: #007889;
  background-color: #f5f9fa;
  border-radius: 100vw;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 1.5rem;
  padding: 12px;
  display: flex;
}

.os_logistik_frame {
  aspect-ratio: 1100 / 860;
  background-color: #f9f9fe;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.os_logistik_osdoc {
  transform-origin: 0 0;
  border-width: 0;
  width: 1520px;
  height: 920px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.os_logistik_fade {
  pointer-events: none;
  background-image: linear-gradient(90deg, #f9f9fe00, #f9f9fe);
  width: 70px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.os_lebensmittel_frame {
  aspect-ratio: 1100 / 860;
  background-color: #f9f9fe;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.os_lebensmittel_osdoc {
  transform-origin: 0 0;
  border-width: 0;
  width: 1520px;
  height: 920px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.os_lebensmittel_fade {
  pointer-events: none;
  background-image: linear-gradient(90deg, #f9f9fe00, #f9f9fe);
  width: 70px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.case_logistik_media {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.case_logistik_veil {
  background-image: linear-gradient(to top, #131936f5 0%, #1319364d 62%, #1319361a 100%);
  position: absolute;
  inset: 0;
}

.case_logistik_img {
  object-fit: cover;
  object-position: 50% 62%;
  width: 100%;
  height: 340px;
  display: block;
}

.case_logistik_split {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1.15fr .85fr;
  align-items: stretch;
  margin-top: 3rem;
  display: grid;
}

.case_logistik_left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.case_logistik_copy {
  margin: 0;
}

.case_logistik_stats {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: .5rem;
  background-color: #1319368c;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  flex-wrap: wrap;
  max-width: calc(100% - 3rem);
  margin-top: 0;
  padding: 1rem 1.5rem;
  display: flex;
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}

.case_logistik_stat_l {
  color: #b3b3b3;
  margin: 0;
  font-size: .75rem;
}

.case_logistik_stat_v {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin-top: .25rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.case_logistik_results {
  flex-direction: column;
  row-gap: 1rem;
  height: 100%;
  margin-top: 0;
  display: flex;
}

.case_logistik_result {
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
}

.case_logistik_result_n {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
}

.case_logistik_result_l {
  color: #b3b3b3;
  margin-top: .375rem;
  margin-bottom: 0;
  font-size: .875rem;
}

.case_logistik_cta {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  padding-top: 1.5rem;
  display: flex;
}

.case_lebensmittel_media {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.case_lebensmittel_veil {
  background-image: linear-gradient(to top, #131936f5 0%, #1319364d 62%, #1319361a 100%);
  position: absolute;
  inset: 0;
}

.case_lebensmittel_img {
  object-fit: cover;
  object-position: 50% 62%;
  width: 100%;
  height: 340px;
  display: block;
}

.case_lebensmittel_split {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1.15fr .85fr;
  align-items: stretch;
  margin-top: 3rem;
  display: grid;
}

.case_lebensmittel_left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.case_lebensmittel_copy {
  margin: 0;
}

.case_lebensmittel_stats {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: .5rem;
  background-color: #1319368c;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  flex-wrap: wrap;
  max-width: calc(100% - 3rem);
  margin-top: 0;
  padding: 1rem 1.5rem;
  display: flex;
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}

.case_lebensmittel_stat_l {
  color: #b3b3b3;
  margin: 0;
  font-size: .75rem;
}

.case_lebensmittel_stat_v {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin-top: .25rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.case_lebensmittel_results {
  flex-direction: column;
  row-gap: 1rem;
  height: 100%;
  margin-top: 0;
  display: flex;
}

.case_lebensmittel_result {
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
}

.case_lebensmittel_result_n {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
}

.case_lebensmittel_result_l {
  color: #b3b3b3;
  margin-top: .375rem;
  margin-bottom: 0;
  font-size: .875rem;
}

.case_lebensmittel_cta {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  padding-top: 1.5rem;
  display: flex;
}

.bausteine_logistik {
  padding-top: var(--padding-vertical--main\<deleted\|variable-c9eb9eba-8416-4efd-1cea-e7ea310174ad\>);
  background-color: #fff;
  padding-bottom: 0;
}

.bausteine_logistik_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.bausteine_logistik_head {
  max-width: 46rem;
  margin-bottom: 3rem;
}

.bausteine_logistik_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.bausteine_logistik_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.bausteine_logistik_lead {
  color: #565656;
  max-width: 38rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.5;
}

.bausteine_logistik_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  margin-bottom: 4rem;
  display: grid;
}

.bausteine_logistik_rowflip {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  align-items: center;
  margin-bottom: 4rem;
  display: grid;
}

.bausteine_logistik_copy, .bausteine_logistik_media {
  min-width: 0;
}

.bausteine_logistik_rowheading {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.bausteine_logistik_rowlead {
  color: #565656;
  max-width: 38rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  line-height: 1.6;
}

.bausteine_logistik_list {
  grid-row-gap: .875rem;
  flex-direction: column;
  margin-bottom: 1.5rem;
  display: flex;
}

.bausteine_logistik_item {
  grid-column-gap: .75rem;
  align-items: flex-start;
  display: flex;
}

.bausteine_logistik_dot {
  background-color: #007889;
  border-radius: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: .5rem;
  display: block;
}

.bausteine_logistik_itemtext {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.bausteine_logistik_photo {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 340px;
  display: block;
}

.ablauf_logistik {
  padding-top: var(--padding-vertical--main\<deleted\|variable-c9eb9eba-8416-4efd-1cea-e7ea310174ad\>);
  padding-bottom: var(--padding-vertical--main\<deleted\|variable-c9eb9eba-8416-4efd-1cea-e7ea310174ad\>);
  background-color: #fff;
}

.ablauf_logistik_contain {
  grid-column-gap: 32px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .95fr 1.05fr;
  align-items: start;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: grid;
  position: relative;
}

.ablauf_logistik_head {
  flex-flow: column;
  place-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 117px;
}

.ablauf_logistik_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.ablauf_logistik_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.ablauf_logistik_cta {
  text-align: left;
  margin-top: 2rem;
}

.ablauf_logistik_steps {
  flex-direction: column;
  row-gap: 24px;
  display: flex;
}

.ablauf_logistik_step {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  align-items: flex-start;
  column-gap: 24px;
  padding: 24px;
  display: flex;
}

.ablauf_logistik_snum {
  color: #007889;
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
}

.ablauf_logistik_stepcard {
  flex-direction: column;
  row-gap: 8px;
  display: flex;
}

.ablauf_logistik_step_title {
  color: #1e1e1e;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

.ablauf_logistik_step_text {
  color: #565656;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.branchen_logistik {
  padding-top: var(--padding-vertical--main\<deleted\|variable-c9eb9eba-8416-4efd-1cea-e7ea310174ad\>);
  padding-bottom: var(--padding-vertical--main\<deleted\|variable-c9eb9eba-8416-4efd-1cea-e7ea310174ad\>);
  background-color: #f5f9fa;
}

.branchen_logistik_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.branchen_logistik_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.branchen_logistik_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.branchen_logistik_lede {
  color: #565656;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.5;
}

.branchen_logistik_grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin-top: 3rem;
  display: grid;
}

.branchen_logistik_card {
  color: #1e1e1e;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  min-height: 200px;
  text-decoration: none;
  transition: transform .25s cubic-bezier(.22, .61, .36, 1), box-shadow .25s cubic-bezier(.22, .61, .36, 1), border-color .25s cubic-bezier(.22, .61, .36, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.branchen_logistik_media {
  z-index: 0;
  position: absolute;
  inset: 0;
}

.branchen_logistik_photo {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.branchen_logistik_overlay {
  z-index: 1;
  background-image: linear-gradient(0deg, #131936d9 0%, #13193640 40%, #13193600 70%);
  position: absolute;
  inset: 0;
}

.branchen_logistik_name {
  z-index: 2;
  color: #fff;
  margin-top: auto;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 600;
  position: relative;
}

.branchen_logistik_go {
  z-index: 2;
  grid-column-gap: 8px;
  color: #fff;
  align-items: center;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
  position: relative;
}

.bausteine_lebensmittel {
  padding-top: var(--padding-vertical--main\<deleted\|variable-c9eb9eba-8416-4efd-1cea-e7ea310174ad\>);
  background-color: #fff;
  padding-bottom: 0;
}

.bausteine_lebensmittel_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.bausteine_lebensmittel_head {
  max-width: 46rem;
  margin-bottom: 3rem;
}

.bausteine_lebensmittel_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.bausteine_lebensmittel_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.bausteine_lebensmittel_lead {
  color: #565656;
  max-width: 38rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.5;
}

.bausteine_lebensmittel_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  margin-bottom: 4rem;
  display: grid;
}

.bausteine_lebensmittel_rowflip {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  align-items: center;
  margin-bottom: 4rem;
  display: grid;
}

.bausteine_lebensmittel_copy, .bausteine_lebensmittel_media {
  min-width: 0;
}

.bausteine_lebensmittel_rowheading {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.bausteine_lebensmittel_rowlead {
  color: #565656;
  max-width: 38rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  line-height: 1.6;
}

.bausteine_lebensmittel_list {
  grid-row-gap: .875rem;
  flex-direction: column;
  margin-bottom: 1.5rem;
  display: flex;
}

.bausteine_lebensmittel_item {
  grid-column-gap: .75rem;
  align-items: flex-start;
  display: flex;
}

.bausteine_lebensmittel_dot {
  background-color: #007889;
  border-radius: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: .5rem;
  display: block;
}

.bausteine_lebensmittel_itemtext {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.bausteine_lebensmittel_photo {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 340px;
  display: block;
}

.ablauf_lebensmittel {
  padding-top: var(--padding-vertical--main\<deleted\|variable-c9eb9eba-8416-4efd-1cea-e7ea310174ad\>);
  padding-bottom: var(--padding-vertical--main\<deleted\|variable-c9eb9eba-8416-4efd-1cea-e7ea310174ad\>);
  background-color: #fff;
}

.ablauf_lebensmittel_contain {
  grid-column-gap: 32px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .95fr 1.05fr;
  align-items: start;
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: grid;
  position: relative;
}

.ablauf_lebensmittel_head {
  flex-flow: column;
  place-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 117px;
}

.ablauf_lebensmittel_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.ablauf_lebensmittel_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.ablauf_lebensmittel_cta {
  text-align: left;
  margin-top: 2rem;
}

.ablauf_lebensmittel_steps {
  flex-direction: column;
  row-gap: 24px;
  display: flex;
}

.ablauf_lebensmittel_step {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  align-items: flex-start;
  column-gap: 24px;
  padding: 24px;
  display: flex;
}

.ablauf_lebensmittel_snum {
  color: #007889;
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
}

.ablauf_lebensmittel_stepcard {
  flex-direction: column;
  row-gap: 8px;
  display: flex;
}

.ablauf_lebensmittel_step_title {
  color: #1e1e1e;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

.ablauf_lebensmittel_step_text {
  color: #565656;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.branchen_lebensmittel {
  padding-top: var(--padding-vertical--main\<deleted\|variable-c9eb9eba-8416-4efd-1cea-e7ea310174ad\>);
  padding-bottom: var(--padding-vertical--main\<deleted\|variable-c9eb9eba-8416-4efd-1cea-e7ea310174ad\>);
  background-color: #f5f9fa;
}

.branchen_lebensmittel_contain {
  width: 100%;
  max-width: 72.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.branchen_lebensmittel_eyebrow {
  color: #007889;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.branchen_lebensmittel_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.branchen_lebensmittel_lede {
  color: #565656;
  max-width: 60ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.5;
}

.branchen_lebensmittel_grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin-top: 3rem;
  display: grid;
}

.branchen_lebensmittel_card {
  color: #1e1e1e;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  min-height: 200px;
  text-decoration: none;
  transition: transform .25s cubic-bezier(.22, .61, .36, 1), box-shadow .25s cubic-bezier(.22, .61, .36, 1), border-color .25s cubic-bezier(.22, .61, .36, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.branchen_lebensmittel_media {
  z-index: 0;
  position: absolute;
  inset: 0;
}

.branchen_lebensmittel_photo {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.branchen_lebensmittel_overlay {
  z-index: 1;
  background-image: linear-gradient(0deg, #131936d9 0%, #13193640 40%, #13193600 70%);
  position: absolute;
  inset: 0;
}

.branchen_lebensmittel_name {
  z-index: 2;
  color: #fff;
  margin-top: auto;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 600;
  position: relative;
}

.branchen_lebensmittel_go {
  z-index: 2;
  grid-column-gap: 8px;
  color: #fff;
  align-items: center;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
  position: relative;
}

.problem_batterie_card_top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1.5rem;
  display: flex;
}

.problem_batterie_card_icon {
  box-sizing: border-box;
  width: 46px;
  height: 46px;
  margin-bottom: var(--size--1rem);
  border-radius: var(--radius--main);
  color: var(--swatch--brand);
  background-color: #0078891a;
  flex: none;
  place-items: center;
  padding: 11px;
  display: grid;
}

.case_batterie_cta {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  padding-top: 1.5rem;
  display: flex;
}

.problem_direkt_card_top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1.5rem;
  display: flex;
}

.problem_direkt_num {
  color: #007889;
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
}

.problem_strom_card_top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1.5rem;
  display: flex;
}

.problem_strom_num {
  color: #007889;
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
}

.problem_lade_card_top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1.5rem;
  display: flex;
}

.problem_lade_num {
  color: #007889;
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
}

.hero_lade_photo {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.value_direkt_ico, .value_strom_ico {
  box-sizing: border-box;
  color: #007889;
  background-color: #0078891a;
  border-radius: 16px;
  flex: none;
  place-items: center;
  width: 46px;
  height: 46px;
  margin-bottom: 1rem;
  padding: 11px;
  display: grid;
}

.value_batterie_head {
  max-width: 46rem;
  margin-bottom: 3rem;
}

.value_batterie_eyebrow {
  color: #007889;
  letter-spacing: normal;
  margin: 0 0 14px;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
}

.value_batterie_heading {
  color: #1e1e1e;
  letter-spacing: -.02em;
  margin: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.12;
}

.case_direkt_media {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.case_direkt_img {
  object-fit: cover;
  object-position: 50% 62%;
  width: 100%;
  height: 340px;
  display: block;
}

.case_direkt_veil {
  background-image: linear-gradient(to top, #131936f5 0%, #1319364d 62%, #1319361a 100%);
  position: absolute;
  inset: 0;
}

.case_direkt_kpi {
  z-index: 1;
  background-color: #1319368c;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 1rem 1.5rem;
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}

.case_direkt_kpi_n {
  color: #fff;
  letter-spacing: -.02em;
  margin: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
}

.case_direkt_kpi_l {
  color: #b3b3b3;
  margin: .375rem 0 0;
  font-size: .875rem;
}

.case_direkt_split {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1.15fr .85fr;
  align-items: stretch;
  margin-top: 3rem;
  display: grid;
}

.case_direkt_left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.case_direkt_results {
  grid-row-gap: 1rem;
  flex-direction: column;
  height: 100%;
  display: flex;
}

.case_direkt_cta {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  padding-top: 1.5rem;
  display: flex;
}

.case_strom_media {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.case_strom_img {
  object-fit: cover;
  object-position: 50% 62%;
  width: 100%;
  height: 340px;
  display: block;
}

.case_strom_veil {
  background-image: linear-gradient(to top, #131936f5 0%, #1319364d 62%, #1319361a 100%);
  position: absolute;
  inset: 0;
}

.case_strom_kpi {
  z-index: 1;
  background-color: #1319368c;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 1rem 1.5rem;
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}

.case_strom_kpi_n {
  color: #fff;
  letter-spacing: -.02em;
  margin: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
}

.case_strom_kpi_l {
  color: #b3b3b3;
  margin: .375rem 0 0;
  font-size: .875rem;
}

.case_strom_split {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1.15fr .85fr;
  align-items: stretch;
  margin-top: 3rem;
  display: grid;
}

.case_strom_left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.case_strom_results {
  grid-row-gap: 1rem;
  flex-direction: column;
  height: 100%;
  display: flex;
}

.case_lade_media {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.case_lade_img {
  object-fit: cover;
  object-position: 50% 62%;
  width: 100%;
  height: 340px;
  display: block;
}

.case_lade_veil {
  background-image: linear-gradient(to top, #131936f5 0%, #1319364d 62%, #1319361a 100%);
  position: absolute;
  inset: 0;
}

.case_lade_kpi {
  z-index: 1;
  background-color: #1319368c;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 1rem 1.5rem;
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}

.case_lade_kpi_n {
  color: #fff;
  letter-spacing: -.02em;
  margin: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
}

.case_lade_kpi_l {
  color: #b3b3b3;
  margin: .375rem 0 0;
  font-size: .875rem;
}

.case_lade_split {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1.15fr .85fr;
  align-items: stretch;
  margin-top: 3rem;
  display: grid;
}

.case_lade_left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.case_lade_results {
  grid-row-gap: 1rem;
  flex-direction: column;
  height: 100%;
  display: flex;
}

.case_lade_cta {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  padding-top: 1.5rem;
  display: flex;
}

.case_direkt_stats {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: .5rem;
  background-color: #1319368c;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  max-width: calc(100% - 3rem);
  margin-top: 0;
  padding: 1rem 1.5rem;
  display: flex;
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}

.case_direkt_stat_l {
  color: #b3b3b3;
  margin: 0;
  font-size: .75rem;
}

.case_direkt_stat_v {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin: .25rem 0 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.case_direkt_result {
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
}

.case_direkt_result_n {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
}

.case_direkt_result_l {
  color: #b3b3b3;
  margin: .375rem 0 0;
  font-size: .875rem;
}

.case_direkt_resultwrap {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

.case_strom_stats {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: .5rem;
  background-color: #1319368c;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  max-width: calc(100% - 3rem);
  margin-top: 0;
  padding: 1rem 1.5rem;
  display: flex;
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}

.case_strom_stat_l {
  color: #b3b3b3;
  margin: 0;
  font-size: .75rem;
}

.case_strom_stat_v {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin: .25rem 0 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.case_strom_result {
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
}

.case_strom_result_n {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
}

.case_strom_result_l {
  color: #b3b3b3;
  margin: .375rem 0 0;
  font-size: .875rem;
}

.case_strom_resultwrap {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

.case_lade_stats {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: .5rem;
  background-color: #1319368c;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  max-width: calc(100% - 3rem);
  margin-top: 0;
  padding: 1rem 1.5rem;
  display: flex;
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}

.case_lade_stat_l {
  color: #b3b3b3;
  margin: 0;
  font-size: .75rem;
}

.case_lade_stat_v {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin: .25rem 0 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.case_lade_result {
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
}

.case_lade_result_n {
  color: #fff;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-family: Marjorie, Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
}

.case_lade_result_l {
  color: #b3b3b3;
  margin: .375rem 0 0;
  font-size: .875rem;
}

.case_lade_resultwrap {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

.case_strom_cta-1 {
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: auto;
  padding-top: .5rem;
  display: flex;
}

.problem_os_grid {
  margin-top: var(--size--3rem);
  grid-column-gap: var(--size--1-5rem);
  grid-row-gap: var(--size--1-5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.problem_os_card {
  padding: var(--size--2rem);
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.problem_os_card_top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1.5rem;
  display: flex;
}

.problem_os_card_icon {
  box-sizing: border-box;
  width: 46px;
  height: 46px;
  margin-bottom: var(--size--1rem);
  border-radius: var(--radius--main);
  color: var(--swatch--brand);
  background-color: #0078891a;
  flex: none;
  place-items: center;
  padding: 11px;
  display: grid;
}

.problem_os_num {
  color: var(--swatch--brand);
  font-size: var(--size--1-5rem);
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-weight: 600;
  line-height: 1;
}

.problem_os_card_heading {
  margin-top: 0;
  margin-bottom: var(--size--0-5rem);
  color: #1e1e1e;
  letter-spacing: normal;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.problem_os_card_text {
  color: #565656;
  font-size: var(--size--1rem);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
}

.funktion_os {
  padding-top: 64px;
  padding-bottom: 64px;
  position: relative;
  overflow: clip;
}

.funktion_os_grid {
  margin-top: var(--size--3rem);
  grid-column-gap: 32px;
  grid-template-columns: minmax(0, 330px) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.funktion_os_steps {
  padding-top: 0;
  padding-bottom: 24vh;
  padding-left: 28px;
  position: relative;
}

.funktion_os_step {
  opacity: .45;
  flex-direction: column;
  justify-content: center;
  min-height: 62vh;
  padding-top: 24px;
  padding-bottom: 24px;
  transition: opacity .35s cubic-bezier(.22, .61, .36, 1);
  display: flex;
  position: relative;
}

.funktion_os_step.is-cur {
  opacity: 1;
}

.funktion_os_step_kicker {
  grid-column-gap: 8px;
  color: var(--swatch--brand);
  letter-spacing: normal;
  align-items: center;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5em;
  display: inline-flex;
}

.funktion_os_step_num {
  background-color: #0078891a;
  border-radius: 100vw;
  flex-grow: 0;
  flex-shrink: 0;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
  display: grid;
}

.funktion_os_step_heading {
  margin-top: 0;
  margin-bottom: var(--size--0-5rem);
  color: #1e1e1e;
  letter-spacing: normal;
  font-family: Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}

.funktion_os_step_body {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.funktion_os_step_text {
  color: #565656;
  font-size: var(--size--1rem);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5em;
}

.funktion_os_viz {
  align-self: start;
  height: calc(100svh - 96px);
  position: sticky;
  top: 96px;
  overflow: clip;
}

.portal_os {
  padding-top: 64px;
  padding-bottom: 64px;
  position: relative;
  overflow: clip;
}

.portal_os_grid {
  grid-column-gap: 32px;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  display: grid;
}

.portal_os_copy {
  min-width: 0;
  position: relative;
}

.portal_os_points {
  grid-row-gap: 24px;
  flex-direction: column;
  margin-top: 32px;
  display: flex;
}

.portal_os_point {
  grid-column-gap: 16px;
  grid-template-columns: auto 1fr;
  align-items: start;
  display: grid;
}

.portal_os_point_icon {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  color: var(--swatch--brand);
  background-color: #0078891a;
  border-radius: 16px;
  flex-grow: 0;
  flex-shrink: 0;
  place-items: center;
  padding: 10px;
  display: grid;
}

.portal_os_point_title {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 4px;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5em;
}

.portal_os_point_text {
  color: #565656;
  max-width: 48ch;
  font-size: var(--size--1rem);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5em;
}

.portal_os_statement {
  color: #565656;
  font-size: var(--size--1rem);
  background-color: #f5f9fa;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  margin-top: 32px;
  margin-bottom: 0;
  padding: 24px;
  line-height: 1.6;
}

.portal_os_statement_hl {
  color: var(--swatch--brand);
  font-weight: 600;
}

.portal_os_cta {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.portal_os_visual {
  width: 100%;
  min-width: 0;
  position: relative;
}

.usp_os {
  padding-top: 64px;
  padding-bottom: 64px;
  position: relative;
}

.usp_os_scroll {
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 24px;
  margin-top: 48px;
  overflow-x: auto;
}

.usp_os_table {
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 1.2fr) repeat(3, minmax(150px, 1fr));
  min-width: 720px;
  display: grid;
}

.usp_os_th {
  color: #1e1e1e;
  border-bottom: 1px solid #1e1e1e1a;
  padding: 24px 24px 16px;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

.usp_os_th.is-markt {
  background-color: var(--swatch--midnight);
  color: #fff;
  border-bottom-color: #ffffff26;
}

.usp_os_th.is-basis {
  background-color: #aab4c01a;
}

.usp_os_th.is-multi {
  background-color: #9bc4d52e;
}

.usp_os_th_sub {
  color: #565656;
  margin-top: 4px;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.4;
  display: block;
}

.usp_os_th_sub.is-onmarkt {
  color: #ffffffb8;
}

.usp_os_rowlabel {
  color: #1e1e1e;
  border-bottom: 1px solid #1e1e1e1a;
  min-height: 72px;
  padding: 16px 24px;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5em;
}

.usp_os_rowlabel.is-chart {
  align-self: flex-end;
}

.usp_os_rowlabel.usp_os_divider_strong {
  border-bottom-width: 2px;
  border-bottom-color: #1e1e1e59;
}

.usp_os_cell {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #565656;
  border-bottom: 1px solid #1e1e1e1a;
  align-items: flex-start;
  min-height: 72px;
  padding: 16px 24px;
  font-size: .9375rem;
  line-height: 1.5em;
  display: flex;
}

.usp_os_cell.is-markt {
  background-color: var(--swatch--midnight);
  color: #ffffffc7;
  border-bottom-color: #ffffff26;
}

.usp_os_cell.is-markt.usp_os_divider_strong {
  border-bottom-width: 2px;
  border-bottom-color: #ffffff59;
}

.usp_os_cell.is-basis {
  background-color: #aab4c01a;
}

.usp_os_cell.is-basis.usp_os_divider_strong {
  border-bottom-width: 2px;
  border-bottom-color: #1e1e1e59;
}

.usp_os_cell.is-multi {
  background-color: #9bc4d52e;
}

.usp_os_cell.is-multi.usp_os_divider_strong {
  border-bottom-width: 2px;
  border-bottom-color: #1e1e1e59;
}

.usp_os_mark {
  flex: none;
  width: 20px;
  height: 20px;
  display: block;
}

.usp_os_note {
  color: #565656;
  margin: 16px 0 0;
  font-size: .875rem;
  line-height: 1.5em;
}

.usp_os_barcell {
  border-bottom: 1px solid #1e1e1e1a;
  justify-content: center;
  align-items: flex-end;
  padding: 32px 24px 24px;
  display: flex;
}

.usp_os_barcell.is-markt {
  background-color: #0078891a;
}

.usp_os_barcell.is-basis {
  background-color: #aab4c01a;
}

.usp_os_barcell.is-multi {
  background-color: #9bc4d52e;
}

.usp_os_bar {
  flex-direction: column;
  justify-content: flex-end;
  row-gap: 2px;
  width: 88px;
  display: flex;
  position: relative;
}

.usp_os_seg_base {
  background-color: #aab4c080;
  border-radius: 6px;
  width: 100%;
  height: 48px;
  position: relative;
}

.usp_os_seg_multi {
  background-color: #9bc4d5;
  border-radius: 6px;
  width: 100%;
  height: 50px;
  position: relative;
}

.usp_os_seg_mkt {
  background-color: #007889;
  border-radius: 6px;
  width: 100%;
  height: 52px;
  position: relative;
}

.usp_os_legend {
  background-color: #f5f9fa;
  flex-wrap: wrap;
  grid-column: 1 / 5;
  gap: 8px 24px;
  padding: 16px 24px;
  display: flex;
}

.usp_os_lg {
  color: #565656;
  align-items: center;
  column-gap: 8px;
  font-size: .875rem;
  line-height: 1.4;
  display: flex;
}

.usp_os_sw_base {
  background-color: #aab4c080;
  border-radius: 4px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  display: block;
}

.usp_os_sw_multi {
  background-color: #9bc4d5;
  border-radius: 4px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  display: block;
}

.usp_os_sw_mkt {
  background-color: #007889;
  border-radius: 4px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  display: block;
}

.usp_os_hot {
  z-index: 5;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
}

.usp_os_hot_dot {
  background-color: #007889;
  border-radius: 8px;
  width: 8px;
  height: 8px;
}

.usp_os_tip {
  opacity: 0;
  color: #565656;
  text-align: center;
  visibility: hidden;
  background-color: #fff;
  border-radius: 8px;
  width: 220px;
  margin-left: -110px;
  padding: 8px 12px;
  font-size: .8125rem;
  line-height: 1.4;
  position: absolute;
  bottom: 28px;
  left: 50%;
  box-shadow: 0 1px 2px #1e1e1e0f, 0 12px 32px #1e1e1e1f;
}

.usp_os_hi {
  color: #fff;
  font-weight: 600;
}

.portal_os_point_body {
  min-width: 0;
}

.prinzip_home_lede {
  max-width: 60ch;
  color: var(--swatch--stone);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.32;
}

.loesung_home_section {
  color: #fff;
  padding-left: 0;
  padding-right: 0;
  padding-top: var(--sec-v);
  padding-bottom: var(--sec-v);
  background-image: linear-gradient(158deg, #0e1430 0%, #131936 52%, #0a2a36 100%);
  position: relative;
}

.loesung_home_contain {
  max-width: 72.75rem;
  padding: 0 var(--pad-h);
  margin: 0 auto;
}

.loesung_home_head {
  max-width: 940px;
}

.loesung_home_heading {
  color: #fff;
  letter-spacing: -.02em;
  font-size: clamp(2rem, 4.4vw, 3.1rem);
  font-weight: 600;
  line-height: 1.06;
}

.loesung_home_lede {
  color: #ffffffc7;
  max-width: 70ch;
  margin-top: 18px;
  font-size: 1.02rem;
  line-height: 1.7;
}

.loesung_home_story {
  grid-row-gap: clamp(24px, 4vw, 56px);
  grid-column-gap: clamp(24px, 4vw, 56px);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.06fr);
  align-items: stretch;
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
  display: grid;
}

.loesung_home_left {
  grid-row-gap: clamp(20px, 2.6vw, 30px);
  grid-column-gap: clamp(20px, 2.6vw, 30px);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.loesung_home_seg {
  cursor: grab;
  border-top-left-radius: var(--ek-r-btn);
  border-top-right-radius: var(--ek-r-btn);
  border-bottom-right-radius: var(--ek-r-btn);
  border-bottom-left-radius: var(--ek-r-btn);
  background-color: #ffffff0e;
  border: 1px solid #ffffff1a;
  flex: none;
  padding: 4px;
  display: flex;
  position: relative;
}

.loesung_home_seg_thumb {
  pointer-events: none;
  border-top-left-radius: var(--ek-r-btn);
  border-top-right-radius: var(--ek-r-btn);
  border-bottom-right-radius: var(--ek-r-btn);
  border-bottom-left-radius: var(--ek-r-btn);
  background-color: #ffffff21;
  border: 1px solid #ffffff2b;
  width: 25%;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0;
  box-shadow: 0 8px 20px -12px #000c, inset 0 1px #ffffff38;
}

.loesung_home_seg_btn {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  cursor: pointer;
  border-top-left-radius: var(--ek-r-btn);
  border-top-right-radius: var(--ek-r-btn);
  border-bottom-right-radius: var(--ek-r-btn);
  border-bottom-left-radius: var(--ek-r-btn);
  background-color: #0000;
  flex-direction: column;
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  min-width: 0;
  padding: 10px 8px;
  font-family: Inter, Arial, sans-serif;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.1;
  display: flex;
  position: relative;
}

.loesung_home_seg_num {
  letter-spacing: .12em;
  color: var(--ek-sunbuffer);
  font-size: .6rem;
  font-weight: 600;
  line-height: 1;
}

.loesung_home_seg_label {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}

.loesung_home_seghint {
  color: #ffffff61;
  margin-top: -14px;
  font-size: .74rem;
  font-weight: 400;
  line-height: 1.4;
}

.loesung_home_textstage {
  flex: auto;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  display: grid;
}

.loesung_home_step_head {
  grid-row-gap: clamp(14px, 1.4vw, 20px);
  grid-column-gap: clamp(14px, 1.4vw, 20px);
  align-items: center;
  display: flex;
}

.loesung_home_step_tile {
  width: 52px;
  height: 52px;
  color: var(--ek-midnightsafe);
  background-color: #fff;
  border-radius: 16px;
  flex: none;
  place-items: center;
  display: grid;
  box-shadow: 0 1px 2px #1319361a, 0 14px 30px -18px #0000008c;
}

.loesung_home_step_tile.is-os {
  color: var(--ek-deepflow);
}

.loesung_home_step_heading {
  color: #fff;
  letter-spacing: -.02em;
  font-size: clamp(1.5rem, 2.6vw, 2.05rem);
  font-weight: 600;
  line-height: 1.14;
}

.loesung_home_step_text {
  color: #ffffffd1;
  max-width: 50ch;
  margin-top: 14px;
  font-size: 1rem;
  line-height: 1.68;
}

.loesung_home_note {
  color: #fff9;
  border-left: 2px solid #9bc4d573;
  max-width: 50ch;
  margin-top: 18px;
  padding-left: 18px;
  font-size: .9rem;
  line-height: 1.62;
}

.loesung_home_stage {
  min-width: 0;
  display: flex;
}

.loesung_home_chartpanel {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  cursor: grab;
  border-top-left-radius: var(--ek-r-panel);
  border-top-right-radius: var(--ek-r-panel);
  border-bottom-right-radius: var(--ek-r-panel);
  border-bottom-left-radius: var(--ek-r-panel);
  background-color: #ffffff09;
  border: 1px solid #ffffff1a;
  flex-direction: column;
  width: 100%;
  padding: clamp(16px, 2vw, 26px);
  display: flex;
  position: relative;
}

.loesung_home_chartwrap {
  flex: auto;
  min-height: clamp(300px, 30vw, 440px);
  position: relative;
}

.loesung_home_chart {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.loesung_home_legend {
  grid-column-gap: 22px;
  grid-row-gap: 8px;
  color: #ffffffb8;
  flex-wrap: wrap;
  flex: none;
  font-size: .76rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.loesung_home_legend_item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: inline-flex;
}

.loesung_home_swap {
  display: grid;
}

.loesung_home_dot {
  background-color: var(--ek-data-starr);
  border-radius: 50%;
  width: 9px;
  height: 9px;
  box-shadow: 0 0 12px;
}

.loesung_home_dot.is-erzeugung {
  background-color: var(--ek-amberyield);
}

.loesung_home_dot.is-preis {
  box-shadow: none;
  background-color: #aab4c0;
}

.loesung_home_dot.is-batterie {
  width: 11px;
  height: 11px;
  box-shadow: none;
  background-color: #0000;
  border: 1.5px dashed #9bc4d5e6;
}

.loesung_home_kpis {
  z-index: 3;
  pointer-events: none;
  justify-items: start;
  display: grid;
  position: absolute;
  top: 126px;
  left: 2px;
}

.loesung_home_kpi {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: 0;
  background-color: #1319364d;
  border: 1px solid #9bc4d557;
  border-radius: 16px;
  align-items: center;
  padding: 9px 15px 9px 11px;
  display: flex;
  box-shadow: 0 10px 34px -20px #000000bf, inset 0 1px #ffffff29;
}

.loesung_home_kpi.is-wrap {
  max-width: 246px;
  padding-left: 15px;
}

.loesung_home_kpi_icon {
  width: 26px;
  height: 26px;
  color: var(--ek-supplyblue);
  background-color: #9bc4d533;
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: grid;
}

.loesung_home_kpi_label {
  color: #fff;
  letter-spacing: .005em;
  text-shadow: 0 1px 8px #131936d9;
  white-space: nowrap;
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.2;
}

.loesung_home_kpi_sub {
  color: #ffffffbd;
  text-shadow: 0 1px 8px #131936d9;
  white-space: nowrap;
  margin-top: 3px;
  font-size: .7rem;
  font-weight: 400;
  line-height: 1.2;
  display: block;
}

.loesung_home_step {
  min-width: 0;
}

.loesung_strom_bar {
  grid-column-gap: 11px;
  background-color: #f5f9fa;
  border-bottom: 1px solid #1e1e1e1a;
  align-items: center;
  min-height: 48px;
  padding: 8px 16px;
  display: flex;
}

.loesung_strom_dots {
  grid-column-gap: 6px;
  flex: none;
  display: flex;
}

.loesung_strom_dot_i {
  background-color: #1e1e1e21;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.loesung_strom_mark {
  color: #007889;
  flex: none;
  width: 18px;
  line-height: 0;
  display: block;
}

.loesung_strom_bartitle {
  color: #131936;
  font-family: Inter, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
}

.loesung_strom_body {
  padding: 16px;
}

.loesung_strom_ctrl {
  border-bottom: 1px solid #1e1e1e1a;
  margin-bottom: 14px;
  padding-bottom: 16px;
}

.loesung_strom_seg {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f5f9fa;
  border: 1px solid #1e1e1e1a;
  border-radius: 100px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  padding: 4px;
  display: grid;
  position: relative;
}

.loesung_strom_seg_thumb {
  background-color: #007889;
  border-radius: 100px;
  width: calc(33.3333% - 2.66667px);
  height: calc(100% - 8px);
  transition: transform .35s cubic-bezier(.22, .61, .36, 1);
  position: absolute;
  top: 4px;
  left: 4px;
}

.loesung_strom_seg_btn {
  z-index: 1;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  border-radius: 100px;
  width: 100%;
  padding: 7px 2px 9px;
  text-decoration: none;
  display: block;
  position: relative;
}

.loesung_strom_seg_num {
  color: #b3b3b3;
  letter-spacing: .16em;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.2;
  transition: color .25s cubic-bezier(.22, .61, .36, 1);
  display: block;
}

.loesung_strom_seg_lbl {
  color: #565656;
  white-space: nowrap;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.4;
  transition: color .25s cubic-bezier(.22, .61, .36, 1);
  display: block;
}

.loesung_strom_desc {
  color: #565656;
  min-height: 63px;
  margin-top: 14px;
  margin-bottom: 16px;
  font-size: .875rem;
  line-height: 1.5;
  transition: opacity .35s cubic-bezier(.22, .61, .36, 1);
}

.loesung_strom_mix {
  border: 1px solid #1e1e1e1a;
  border-radius: 100px;
  height: 32px;
  display: flex;
  overflow: hidden;
}

.loesung_strom_mix_fix {
  color: #fff;
  white-space: nowrap;
  background-color: #131936;
  flex-basis: 0%;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.2;
  transition: flex-grow .7s cubic-bezier(.22, .61, .36, 1), opacity .7s cubic-bezier(.22, .61, .36, 1);
  display: flex;
  overflow: hidden;
}

.loesung_strom_mix_dyn {
  color: #131936;
  white-space: nowrap;
  background-color: #9bc4d5;
  flex-basis: 0%;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.2;
  transition: flex-grow .7s cubic-bezier(.22, .61, .36, 1), opacity .7s cubic-bezier(.22, .61, .36, 1);
  display: flex;
  overflow: hidden;
}

.loesung_strom_meter {
  grid-column-gap: 12px;
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.loesung_strom_meter_lbl {
  color: #b3b3b3;
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.2;
}

.loesung_strom_meter_track {
  background-image: linear-gradient(90deg, #131936, #9bc4d5);
  border-radius: 100px;
  flex: 1;
  height: 3px;
  position: relative;
}

.loesung_strom_meter_knob {
  background-color: #fff;
  border: 1.5px solid #131936;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  transition: left .7s cubic-bezier(.22, .61, .36, 1);
  position: absolute;
  top: -5px;
  left: 8%;
}

.loesung_strom_chart {
  position: relative;
}

.loesung_strom_hint {
  z-index: 3;
  grid-column-gap: 16px;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  align-items: flex-start;
  width: 92%;
  max-width: 420px;
  padding: 20px 24px;
  transition: opacity .35s cubic-bezier(.22, .61, .36, 1), transform .35s cubic-bezier(.22, .61, .36, 1);
  display: flex;
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%)scale(.96);
}

.loesung_strom_hint_ico {
  box-sizing: border-box;
  color: #007889;
  background-color: #0078891a;
  border-radius: 16px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  padding: 11px;
  display: flex;
}

.loesung_strom_hint_title {
  color: #131936;
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
}

.loesung_strom_hint_text {
  color: #565656;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: .875rem;
  line-height: 1.5;
}

.loesung_strom_hint_btn {
  color: #007889;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  padding: 0;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: underline;
}

.loesung_strom_readout {
  display: block;
}

.loesung_strom_cap {
  color: #565656;
  min-height: 42px;
  margin-top: 12px;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.5;
  transition: opacity .35s cubic-bezier(.22, .61, .36, 1);
}

.loesung_strom_legend {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  color: #565656;
  border-top: 1px solid #1e1e1e1a;
  flex-wrap: wrap;
  min-height: 79px;
  margin-top: 12px;
  padding-top: 12px;
  font-size: .75rem;
  line-height: 1.4;
  display: flex;
}

.loesung_strom_aside {
  display: block;
}

.loesung_strom_note {
  color: #b3b3b3;
  max-width: 54ch;
  margin-top: 12px;
  margin-bottom: 0;
  font-size: .75rem;
  line-height: 1.45;
}

.loesung_strom_copy {
  display: none;
}

.loesung_direkt_brand {
  grid-column-gap: 11px;
  flex: none;
  align-items: center;
  display: flex;
}

.loesung_direkt_dots {
  grid-column-gap: 6px;
  flex: none;
  display: flex;
}

.loesung_direkt_dot_i {
  background-color: #1e1e1e21;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.loesung_direkt_mark {
  color: #007889;
  flex: none;
  width: 18px;
  line-height: 0;
  display: block;
}

.loesung_direkt_legwrap {
  display: contents;
}

.loesung_direkt_swatch-1 {
  border-radius: 2px;
  flex: none;
  width: 10px;
  height: 14px;
  display: block;
}

.is-netz-parent.is-netz {
  background-color: #9bc4d5;
  border-style: none;
}

.is-pv-parent.is-pv {
  background-color: #fbb963;
  border-style: none;
}

.is-verm-parent.is-verm {
  background-color: #f5d88f6b;
  border: 1px solid #f5d88f;
}

.is-line-parent.is-line {
  background-color: #131936;
  border-style: none;
  width: 16px;
  height: 2px;
}

.is-batt-parent.is-batt {
  background-color: #f5d88f;
  border-style: none;
}

.is-ghost-parent.is-ghost {
  background-color: #0000;
  border: 1.4px dashed #9bc4d5;
}

.loesung_lade_brand {
  grid-column-gap: 11px;
  flex: none;
  align-items: center;
  display: flex;
}

.loesung_lade_dots {
  grid-column-gap: 6px;
  flex: none;
  display: flex;
}

.loesung_lade_dot_i {
  background-color: #1e1e1e21;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.loesung_lade_mark {
  color: #007889;
  flex: none;
  width: 18px;
  line-height: 0;
  display: block;
}

.loesung_lade_legwrap {
  display: contents;
}

.loesung_lade_swatch-1 {
  border-radius: 2px;
  flex: none;
  width: 10px;
  height: 14px;
  display: block;
}

.is-netz {
  background-color: #9bc4d5;
  border-style: none;
}

.is-plus-parent.is-plus {
  background-color: #007889;
  border-style: none;
}

.is-weg-parent.is-weg {
  background-color: #1e1e1e0a;
  border: 1.4px dashed #9bc4d5;
}

.is-preis-parent.is-preis {
  background-color: #131936;
  border-style: none;
  width: 16px;
  height: 2px;
}

.is-low-parent.is-low {
  background-color: #00788933;
  border-style: none;
}

.loesung_direkt_stepcta, .loesung_strom_stepcta, .loesung_lade_stepcta {
  align-self: flex-start;
  margin-top: 1.25rem;
}

.is-high-parent.is-high {
  background-color: #fbb96359;
  border-style: none;
}

.loesung_lade_close {
  grid-column-gap: 28px;
  grid-row-gap: 20px;
  border-top: 1px solid #1e1e1e1a;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: clamp(2rem, 3.5vw, 2.75rem);
  padding-top: clamp(1.5rem, 3vw, 1.75rem);
  display: flex;
}

.loesung_lade_close_title {
  color: #131936;
  letter-spacing: -.015em;
  max-width: 30ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
}

.loesung_lade_close_cta {
  grid-column-gap: 24px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.loesung_lade_ghost {
  color: #007889;
  border-bottom: 1px solid #00788973;
  align-items: center;
  padding-bottom: 2px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.is-curt-parent.is-curt {
  background-color: #1319360d;
  border: 1.4px dashed #b3b3b3;
}

.is-neg-parent.is-neg {
  background-color: #00788921;
  border: 1px solid #00788973;
}

.loesung_direkt_kpi {
  z-index: 3;
  grid-column-gap: 14px;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  align-items: center;
  width: 258px;
  padding: 16px 18px 16px 15px;
  display: flex;
  position: absolute;
  top: -18px;
  right: -18px;
}

.loesung_direkt_kpiring {
  flex: none;
  width: 62px;
  height: 62px;
  position: relative;
}

.loesung_direkt_kpitext {
  grid-row-gap: 6px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.loesung_direkt_kpilabel {
  color: #131936;
  overflow-wrap: break-word;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.3;
}

.loesung_direkt_kpichip {
  opacity: 0;
  color: #007889;
  background-color: #0078891a;
  border-radius: 100px;
  padding: 3px 9px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.4;
  transition: opacity .42s cubic-bezier(.22, .61, .36, 1), transform .42s cubic-bezier(.22, .61, .36, 1);
  transform: translateY(3px);
}

.loesung_direkt_copy {
  display: none;
}

.kontakt_os_card {
  text-align: left;
  background-color: #fff;
  border-radius: 16px;
  width: 32rem;
  max-width: 100%;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.weg_home_cta {
  margin-top: var(--space--medium);
  text-align: left;
}

.usp_os_divider_strong {
  border-bottom: 2px solid #1e1e1e59;
}

.ablauf_os {
  padding-top: 64px;
  padding-bottom: 64px;
  position: relative;
}

.ablauf_os_contain {
  position: relative;
}

.ablauf_os_head {
  max-width: 46rem;
  margin-bottom: 48px;
}

.ablauf_os_swim {
  grid-column-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  display: grid;
  position: relative;
}

.ablauf_os_rail {
  z-index: 0;
  background-color: #1e1e1e1a;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.ablauf_os_card {
  z-index: 1;
  grid-row-gap: 8px;
  background-color: #fff;
  border: 1px solid #1e1e1e1a;
  border-radius: 16px;
  flex-direction: column;
  min-width: 0;
  padding: 1rem;
  display: flex;
  position: relative;
}

.ablauf_os_card_top {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.ablauf_os_ico {
  box-sizing: border-box;
  color: #007889;
  background-color: #0078891a;
  border-radius: 16px;
  flex: none;
  place-items: center;
  width: 46px;
  height: 46px;
  padding: 11px;
  display: grid;
}

.ablauf_os_step {
  color: #565656;
  font-variant-numeric: tabular-nums;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.3;
}

.ablauf_os_card_title {
  color: #1e1e1e;
  overflow-wrap: anywhere;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.ablauf_os_card_text {
  color: #565656;
  overflow-wrap: anywhere;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  line-height: 1.5;
}

.ablauf_os_arrow {
  color: #007889;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 50%;
  right: -16px;
  transform: translateY(-50%)rotate(-90deg);
}

.ablauf_os_foot {
  margin-top: 48px;
}

.ablauf_os_cta {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.funktion_os_railline {
  background-color: #1e1e1e1a;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 24vh;
  left: 8px;
}

.funktion_os_railfill {
  background-color: #007889;
  width: 2px;
  height: 0;
  position: absolute;
  top: 0;
  left: 8px;
}

.funktion_os_dot {
  background-color: #0078894d;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  transition: background-color .35s cubic-bezier(.22, .61, .36, 1), transform .34s cubic-bezier(.22, .61, .36, 1);
  position: absolute;
  top: 50%;
  left: -24px;
  transform: translateY(-50%)scale(.72);
}

.funktion_os_dot.is-on {
  background-color: #007889;
  transform: translateY(-50%)scale(1);
}

.tun_about_p2 {
  color: #565656;
  max-width: 64ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.tun_about_icon {
  box-sizing: border-box;
  color: #007889;
  background-color: #f5f9fa;
  border: 1px solid #1e1e1e1a;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 2.125rem;
  height: 2.125rem;
  margin-bottom: 1rem;
  padding: .375rem;
  display: flex;
}

.tun_about_card_kicker {
  color: #007889;
  letter-spacing: .04em;
  margin-bottom: .5rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
  display: block;
}

.nav_glass {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  inset: 0 0 -1px;
}

@media screen and (min-width: 1280px) {
  .stage_system.is-halfwidth {
    width: 100%;
    max-width: 594px;
    height: 409px;
  }

  .flow_system.is-halfwidth {
    transform: scale(.66);
  }
}

@media screen and (min-width: 1440px) {
  .hero_home_subheading.u-text-align-center.u-text-h2 {
    font-size: 4rem;
  }

  .hero_home_subtext_wrap.u-overflow-hidden {
    height: 4.4rem;
  }
}

@media screen and (max-width: 991px) {
  .u-container-small {
    max-width: var(--max-width--main);
  }

  .u-grid-column-4 {
    grid-template-columns: var(--grid-2);
  }

  .u-grid-desktop {
    flex-flow: column;
    display: flex;
  }

  .u-order-first-desktop, .u-order-last-desktop {
    order: 0;
  }

  .styleguide_scroll {
    padding-right: var(--padding-horizontal--main);
    margin-right: calc(var(--padding-horizontal--main) * -1);
  }

  .styleguide_layout {
    justify-content: flex-start;
    align-items: stretch;
  }

  .styleguide_nav_wrap {
    max-height: none;
    position: relative;
    top: 0;
  }

  .styleguide_nav_sub_wrap {
    grid-template-rows: 1fr;
  }

  .hero_home_heading.u-text-align-center.u-text-h1 {
    font-size: 4rem;
  }

  .service_home_grid.u-grid-column-2.u-gap-small {
    grid-column-gap: var(--space--large);
    grid-row-gap: var(--space--large);
    grid-template-columns: var(--grid-1);
    max-width: 24rem;
    margin-left: auto;
    margin-right: auto;
  }

  .casestudy_home_grid.u-grid-column-2.u-gap-small, .contact_home_card.u-radius-main.u-grid-column-2.u-gap-small {
    grid-template-columns: var(--grid-1);
  }

  .footer_main_grid.u-grid-column-4.u-gap-small {
    grid-template-columns: var(--grid-2);
  }

  .navbar_main_menu {
    background-color: #131936fa;
  }

  .navbar_main_menu.u-hflex-left-center.u-gap-small {
    border-radius: var(--radius--small);
    background-color: var(--swatch--light);
    flex-flow: column;
    align-items: stretch;
    margin-top: .5rem;
    box-shadow: 0 .625rem 2.5rem #00000014;
  }

  .navbar_main_link {
    color: var(--swatch--dark);
    text-align: center;
    padding: 1rem;
  }

  .navbar_main_link:hover {
    color: #fff;
    background-color: #ffffff1f;
  }

  .navbar_main_link.w--current {
    color: var(--swatch--dark);
  }

  .service_card_hover.u-cover-absolute.u-zindex-2.u-vflex-left-center.u-gap-small {
    display: none;
  }

  .analyse_img {
    width: 40rem;
  }

  .navbar_main_dropdown_content {
    min-width: 0;
    box-shadow: none;
    background-color: #0000;
    border-width: 0;
    padding: 0;
  }

  .navbar_main_dropdown_content.u-radius-small.w--open {
    position: static;
  }

  .navbar_dropdown_link {
    text-align: center;
  }

  .nav_menu_btn {
    padding: .75rem;
  }

  .nav_menu_btn.w--open {
    background-color: var(--swatch--transparent);
    color: var(--_theme---text);
  }

  .navbar_main_dropdown {
    width: 100%;
  }

  .hero_home_subheading.u-text-align-center.u-text-h2 {
    font-size: 2rem;
  }

  .hero_home_subtext_wrap.u-overflow-hidden {
    height: 2.2rem;
  }

  .customervoices_metrics.u-radius-small.u-padding-small.u-grid-column-3.u-gap-none {
    grid-template-columns: var(--grid-1);
  }

  .customervoices_griditem.border-right.u-padding-small {
    border: 1px #000;
    margin-bottom: 1.5rem;
  }

  .u-hide-tablet {
    display: none;
  }

  .partners_grid.u-grid-column-3 {
    grid-template-columns: var(--grid-2);
  }

  .partners_grid_item.u-vflex-stretch-top.u-gap-small.u-column-1 {
    flex-flow: row;
    grid-column-end: span 2;
  }

  .analyse_grid.u-grid-column-2 {
    grid-template-columns: 1fr;
  }

  .partners_grid_card.u-radius-main.u-overflow-hidden.u-flex-grow.u-vflex-stretch-top {
    flex: 0 auto;
  }

  .problem_grid_bubble.u-position-absolute.u-padding-small {
    top: -4rem;
  }

  .usp_gewerbe_testimonial_img.u-radius-main.u-flex-noshrink {
    width: 18rem;
  }

  .consultation_layout.u-hflex-left-center.u-gap-medium {
    padding: var(--size--3rem);
  }

  .hero_about {
    padding-top: 150px;
  }

  .starter_about_layout.u-hflex-left-top.u-gap-small {
    flex-flow: column;
  }

  .lp-hero-title {
    font-size: 48px;
  }

  .lp-hero-subtitle {
    font-size: 24px;
  }

  .lp-section {
    padding: 72px 32px;
  }

  .lp-h2 {
    font-size: 34px;
  }

  .lp-grid-3 {
    grid-template-columns: 1fr;
  }

  .lp-contact-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .lp-contact-h2 {
    font-size: 34px;
  }

  .navbar_mm_tile {
    text-align: center;
    align-items: center;
    margin: 0;
    padding: 1rem;
    display: block;
  }

  .navbar_mm_icon {
    display: none;
  }

  .navbar_mm_title {
    color: #ffffffa8;
    font-size: .875rem;
    font-weight: 600;
  }

  .navbar_mm_sub {
    display: none;
  }

  .navbar_mm_grid {
    grid-row-gap: 0;
    grid-template-columns: minmax(0, 1fr);
  }

  .hero__inner.has-kpis {
    padding-bottom: 210px;
  }

  .loesung_batterie_grid, .ablauf_batterie_contain {
    grid-template-columns: 1fr;
  }

  .ablauf_batterie_head {
    position: static;
  }

  .produkte_batterie_grid, .produkte_batterie_grid.is-quad {
    grid-template-columns: 1fr 1fr;
  }

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

  .eos-hero__shell {
    grid-row-gap: 32px;
    grid-template-columns: minmax(0, 1fr);
  }

  .loesung_direkt_grid {
    flex-direction: column;
    grid-template-columns: minmax(0, 1fr);
    display: flex;
  }

  .loesung_direkt_rail {
    padding-bottom: 0;
  }

  .loesung_direkt_railline {
    bottom: 0;
  }

  .loesung_direkt_step {
    min-height: auto;
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
  }

  .loesung_direkt_stage {
    order: -1;
    align-self: stretch;
    margin-bottom: 1.5rem;
    position: relative;
  }

  .case_direkt_grid {
    grid-template-columns: minmax(0, 1fr);
  }

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

  .ablauf_direkt_head {
    position: static;
  }

  .kontakt_direkt_grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .loesung_strom_grid {
    flex-direction: column;
    grid-template-columns: minmax(0, 1fr);
    display: flex;
  }

  .loesung_strom_rail {
    padding-bottom: 0;
  }

  .loesung_strom_railline {
    bottom: 0;
  }

  .loesung_strom_step {
    min-height: auto;
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
  }

  .loesung_strom_stage {
    order: -1;
    align-self: stretch;
    margin-bottom: 1.5rem;
    position: relative;
  }

  .loesung_lade_grid {
    flex-direction: column;
    grid-template-columns: minmax(0, 1fr);
    display: flex;
  }

  .loesung_lade_rail {
    padding-bottom: 0;
  }

  .loesung_lade_railline {
    bottom: 0;
  }

  .loesung_lade_step {
    min-height: auto;
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
  }

  .loesung_lade_stage {
    order: -1;
    align-self: stretch;
    margin-bottom: 1.5rem;
    position: relative;
  }

  .case_lade_grid {
    grid-template-columns: minmax(0, 1fr);
  }

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

  .ablauf_lade_head {
    position: static;
  }

  .kontakt_lade_grid, .case_strom_grid {
    grid-template-columns: minmax(0, 1fr);
  }

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

  .ablauf_strom_head {
    position: static;
  }

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

  .kontakt_strom_grid {
    grid-template-columns: minmax(0, 1fr);
  }

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

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

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

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

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

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

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

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

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

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

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

  .hero_about_h1 {
    max-width: none;
  }

  .hero_about_kpis_inner {
    flex-wrap: wrap;
  }

  .hero_about_kpi {
    border-right-style: none;
    flex-grow: 0;
    flex-basis: 50%;
    padding: .875rem .5rem;
  }

  .hero_about_kpi_num {
    font-size: 1.25rem;
  }

  .glauben_about_grid, .tun_about_cards, .vertrauen_about_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vertrauen_about_awards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .name_about_wcontent {
    row-gap: 10px;
  }

  .stage_system {
    width: 630px;
    height: 434px;
  }

  .stage_system.is-halfwidth {
    width: 100%;
    max-width: 630px;
    height: 434px;
  }

  .flow_system, .flow_system.is-halfwidth {
    transform: scale(.7);
  }

  .problem_home_grid {
    grid-template-columns: 1fr;
    align-items: start;
  }

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

  .bausteine_home_step {
    min-height: auto;
  }

  .bausteine_home_stage {
    min-height: auto;
    position: static;
  }

  .case_batterie_split {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .hero_partner {
    min-height: calc(100vh - 89px);
  }

  .warum_partner_facts {
    grid-column-gap: 24px;
  }

  .loesung_partner_row {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .loesung_partner_plus {
    width: 100%;
    height: auto;
  }

  .loesung_partner_result {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

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

  .nutzen_partner_media {
    aspect-ratio: 16 / 10;
    max-width: 560px;
  }

  .leistungen_partner_tools {
    grid-column-gap: 24px;
  }

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

  .segmente_partner_roleside {
    padding: 24px;
  }

  .segmente_partner_roleside.is-sie {
    border-bottom: 1px solid #1e1e1e1a;
    border-right-style: none;
  }

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

  .gruende_partner_proofs {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

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

  .gruende_partner_teammedia {
    aspect-ratio: 16 / 10;
  }

  .weg_partner_steps {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .weg_partner_step {
    grid-column-gap: 24px;
    grid-row-gap: 4px;
    grid-template-columns: 38px 1fr;
    display: grid;
  }

  .weg_partner_num {
    grid-row-start: 1;
    grid-column-start: 1;
    margin-bottom: 0;
  }

  .weg_partner_stepheading {
    grid-row-start: 1;
    grid-column-start: 2;
    align-self: center;
    margin-bottom: 0;
  }

  .weg_partner_steptext {
    grid-row-start: 2;
    grid-column-start: 2;
  }

  .webinar_partner_row, .kontakt_partner_grid, .problem_home_karten, .system_home_grid {
    grid-template-columns: 1fr;
  }

  .problem_home_head {
    grid-template-columns: 1fr;
    align-items: start;
  }

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

  .weg_home_head {
    position: static;
  }

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

  .ablauf_kunststoff_head {
    position: static;
  }

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

  .ablauf_metall_head {
    position: static;
  }

  .case_kunststoff_split, .case_metall_split, .case_logistik_split, .case_lebensmittel_split {
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

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

  .ablauf_logistik_head {
    position: static;
  }

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

  .ablauf_lebensmittel_head {
    position: static;
  }

  .case_direkt_split, .case_strom_split, .case_lade_split, .problem_os_grid {
    grid-template-columns: 1fr;
  }

  .funktion_os_grid {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .funktion_os_steps {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .funktion_os_step {
    opacity: 1;
    min-height: 0;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .funktion_os_step.is-cur {
    border-left-color: #0000;
  }

  .funktion_os_viz {
    height: auto;
    margin-top: 16px;
    position: static;
    overflow: visible;
  }

  .portal_os_grid {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .loesung_direkt_kpi {
    top: -14px;
    right: 0;
  }

  .loesung_direkt_kpilabel {
    font-size: .8rem;
  }

  .ablauf_os_head {
    margin-bottom: 32px;
  }

  .ablauf_os_swim {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .ablauf_os_rail {
    display: none;
  }

  .ablauf_os_card {
    grid-row: auto;
  }

  .ablauf_os_arrow, .funktion_os_railline, .funktion_os_railfill, .funktion_os_dot {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .u-hflex-center-center.u-gap-xsmall.hero_trust {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .u-grid-column-2, .u-grid-column-3 {
    grid-template-columns: var(--grid-1);
  }

  .u-grid-tablet {
    flex-flow: column;
    display: flex;
  }

  .u-weight-bold.u-color-primary.hero_trust {
    font-size: var(--text-small--font-size);
  }

  .u-order-first-tablet, .u-order-last-tablet {
    order: 0;
  }

  .styleguide_font_item {
    grid-template-columns: 100%;
  }

  .hero_home_heading.u-text-align-center.u-text-h1 {
    font-size: 3rem;
  }

  .hero_home_visual.u-position-relative.u-overflow-hidden.u-radius-main {
    aspect-ratio: 3 / 2;
  }

  .numbers_home_contain.u-container.u-grid-column-3.u-gap-medium {
    grid-template-columns: var(--grid-3);
  }

  .numbers_home_text.u-text-align-center.u-text-large {
    font-size: var(--text-small--font-size);
  }

  .problem_home_card.u-column-2.u-radius-main.u-vflex-left-center.u-gap-medium {
    grid-column-end: span 1;
  }

  .problem_home_visual.u-position-relative.u-overflow-hidden.u-radius-main {
    aspect-ratio: 3 / 2;
  }

  .service_home_grid.u-grid-column-2.u-gap-small.u-margin-inline-auto {
    grid-template-rows: auto auto;
  }

  .products_home_visual.u-radius-main.u-position-relative.u-overflow-hidden {
    aspect-ratio: 3 / 2;
  }

  .casestudy_grid_numbers.u-radius-main.u-grid-column-3.u-gap-xsmall {
    grid-column-gap: var(--space--small);
    grid-row-gap: var(--space--small);
  }

  .casestudy_content_data.u-grid-column-3.u-gap-none {
    grid-template-columns: var(--grid-3);
  }

  .steps_home_card.u-radius-main.u-grid-column-2.u-gap-small {
    grid-column-gap: var(--space--medium);
    grid-row-gap: var(--space--medium);
  }

  .steps_card_header.u-vflex-stretch-top.u-gap-xsmall.u-position-sticky {
    position: static;
  }

  .contact_home_card.u-radius-main.u-grid-column-2.u-gap-small {
    grid-column-gap: var(--space--large);
    grid-row-gap: var(--space--large);
  }

  .footer_main_links.u-hflex-left-center.u-gap-xsmall {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .navbar_main_logo {
    height: 2rem;
  }

  .products_grid_wrap.u-vflex-stretch-top.u-gap-small {
    grid-column-gap: var(--space--large);
    grid-row-gap: var(--space--large);
  }

  .hero_section.u-position-relative.u-vflex-stretch-bottom {
    min-height: 0;
  }

  .tabs_home {
    display: none;
  }

  .analyse_img {
    width: 40rem;
  }

  .enegery_visual.u-position-relative.u-radius-small.u-overflow-hidden {
    aspect-ratio: 3 / 2;
  }

  .enegery_visual.u-position-relative.u-radius-small.u-overflow-hidden.ratio-auto {
    min-height: 20rem;
  }

  .batterie_visual.u-position-relative.u-radius-small.u-overflow-hidden.u-column-2 {
    grid-column-end: span 1;
    min-height: 20rem;
  }

  .tabs_os.u-hflex-left-stretch.u-mb-large.u-radius-small.u-overflow-hidden {
    flex-flow: column;
  }

  .tabs_menu_os.u-vflex-stretch-center.u-flex-grow.u-bg-blue.u-padding-small {
    max-width: 100%;
  }

  .home-slider_wrapper {
    display: block;
  }

  .customervoices_griditem.border-right.u-padding-small {
    border-right-style: none;
    margin-bottom: 1.5rem;
  }

  .customervoice_visual.u-radius-small.u-position-relative.u-overflow-hidden {
    aspect-ratio: 2.39;
  }

  .partners_grid.u-grid-column-3 {
    grid-template-columns: var(--grid-2);
  }

  .usp_grid.u-grid-column-3 {
    width: 24rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .bausteine_grid.u-grid-column-2 {
    grid-column-gap: var(--space--large);
    grid-row-gap: var(--space--large);
  }

  .bausteine_grid_inner.u-grid-column-2 {
    grid-template-columns: var(--grid-2);
  }

  .zukunft_layout.u-hflex-left-center.u-gap-medium {
    flex-flow: column;
  }

  .partner_metric_grid.u-grid-column-3.u-gap-none {
    grid-template-columns: var(--grid-3);
  }

  .hero_gewerbe_heading.u-weight-medium {
    font-size: var(--size--4-5rem);
  }

  .problem_grid_bubble.u-position-absolute.u-padding-small {
    top: -2rem;
  }

  .usp_gewerbe_testimonial.u-hflex-left-bottom.u-gap-main {
    grid-column-gap: var(--space--medium);
    grid-row-gap: var(--space--medium);
    flex-flow: column;
  }

  .usp_gewerbe_testimonial_img.u-radius-main.u-flex-noshrink {
    width: 24rem;
  }

  .consultation_layout.u-hflex-left-center.u-gap-medium {
    flex-flow: column;
  }

  .bausteine_industrie_card.u-radius-main.u-bg-light.u-padding-large.u-column-2 {
    grid-column-end: span 1;
  }

  .u-hide-landscape {
    display: none;
  }

  .u-show-landscape {
    display: block;
  }

  .grid_glossar.u-grid-column-3.u-gap-small {
    grid-template-columns: var(--grid-2);
  }

  .blog_news_row.u-hflex-left-bottom.u-gap-medium {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .lp-hero-title {
    font-size: 40px;
  }

  .lp-hero-ctas {
    flex-direction: column;
    align-items: center;
  }

  .lp-section {
    padding: 64px 24px;
  }

  .ekls-nav {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ekls-btn-nav {
    display: none;
  }

  .ekls-station {
    padding: 0 24px;
  }

  .ekls-station-white {
    padding: 72px 24px;
  }

  .ekls-h1 {
    font-size: 40px;
  }

  .ekls-hero-sub {
    font-size: 17px;
  }

  .ekls-hero-ctas {
    flex-direction: column;
    row-gap: 16px;
  }

  .ekls-card {
    padding: 32px;
  }

  .ekls-card-h {
    font-size: 26px;
  }

  .ekls-w-h2 {
    font-size: 30px;
  }

  .ekls-w-cards {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .ekls-final-h2 {
    font-size: 38px;
  }

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

  .ekls-cta {
    padding: 72px 24px;
  }

  .ekls-cta-inner {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: 40px;
  }

  .ekls-cta-h2 {
    font-size: 32px;
  }

  .ekls-form-card {
    padding: 32px;
  }

  .ekls-footer {
    flex-direction: column;
    row-gap: 16px;
  }

  .sbx_hero {
    height: 70vh;
  }

  .sbx_hero_content {
    padding-bottom: 56px;
  }

  .sbx_hero_h1 {
    font-size: 44px;
  }

  .sbx_hero_sub {
    font-size: 19px;
  }

  .sbx_logos_row {
    grid-column-gap: 32px;
  }

  .sbx_logo_img {
    height: 28px;
  }

  .sbx_h2 {
    font-size: 32px;
  }

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

  .sbx_weg {
    padding: 64px 24px;
  }

  .sbx_contact {
    padding: 24px 24px 64px;
  }

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

  .sbx_scene {
    align-items: flex-start;
    padding-top: 96px;
  }

  .sbx_station {
    justify-content: center;
    min-height: 92vh;
    padding: 32px 20px;
  }

  .sbx_scard {
    padding: 24px;
  }

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

  .hero__inner.has-kpis {
    padding-bottom: 230px;
  }

  .hero__inner.has-kpis.top-clearance-standard {
    padding-top: 150px;
  }

  .hero_batterie {
    padding-top: 150px;
    padding-bottom: 184px;
  }

  .problem_batterie {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .problem_batterie_heading {
    font-size: 2rem;
  }

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

  .problem_batterie_card {
    padding: var(--size--1-5rem);
  }

  .value_batterie {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .case_batterie {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .case_batterie_kpi {
    padding-left: 1rem;
    padding-right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  .case_batterie_kpi_n {
    font-size: 2rem;
  }

  .case_batterie_stats {
    grid-column-gap: 1.25rem;
    grid-template-columns: 1fr;
    max-width: calc(100% - 2rem);
    padding: .75rem 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  .case_batterie_stat_v {
    font-size: 1rem;
  }

  .ablauf_batterie {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .ablauf_batterie_steps_line, .ablauf_batterie_steps_fill {
    top: 22px;
    bottom: 22px;
    left: 21px;
  }

  .produkte_batterie {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .produkte_batterie_grid, .produkte_batterie_grid.is-quad {
    grid-template-columns: 1fr;
  }

  .kontakt_batterie {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .hero_batterie_kpi {
    padding: .875rem .5rem;
  }

  .hero_batterie_kpi_num {
    font-size: 1.25rem;
  }

  .hero_batterie_kpi_label {
    font-size: .75rem;
    line-height: 1.3;
  }

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

  .hero_direkt {
    padding-top: 150px;
    padding-bottom: 184px;
  }

  .hero_direkt_kpi {
    padding: .875rem .5rem;
  }

  .hero_direkt_kpi_num {
    font-size: 1.25rem;
  }

  .hero_direkt_kpi_label {
    font-size: .75rem;
    line-height: 1.3;
  }

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

  .problem_direkt_card {
    padding: var(--size--1-5rem);
  }

  .loesung_direkt_panelttl {
    font-size: .75rem;
  }

  .loesung_direkt_panelmeta {
    font-size: .75rem;
    line-height: 1.3;
  }

  .loesung_direkt_legend {
    grid-column-gap: .75rem;
    font-size: .75rem;
  }

  .loesung_direkt_note {
    text-align: left;
  }

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

  .ablauf_direkt_steps_line, .ablauf_direkt_steps_fill {
    top: 22px;
    bottom: 22px;
    left: 21px;
  }

  .ablauf_direkt_step {
    grid-column-gap: .875rem;
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .ablauf_direkt_snum {
    width: 44px;
    height: 44px;
    font-size: 1rem;
  }

  .hero_strom {
    padding-top: 150px;
    padding-bottom: 184px;
  }

  .hero_strom_kpi {
    padding: .875rem .5rem;
  }

  .hero_strom_kpi_num {
    font-size: 1.25rem;
  }

  .hero_strom_kpi_label {
    font-size: .75rem;
    line-height: 1.3;
  }

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

  .problem_strom_card {
    padding: var(--size--1-5rem);
  }

  .hero_lade {
    padding-top: 150px;
    padding-bottom: 184px;
  }

  .hero_lade_kpi {
    padding: .875rem .5rem;
  }

  .hero_lade_kpi_num {
    font-size: 1.25rem;
  }

  .hero_lade_kpi_label {
    font-size: .75rem;
    line-height: 1.3;
  }

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

  .problem_lade_card {
    padding: var(--size--1-5rem);
  }

  .loesung_lade_panelttl {
    font-size: .75rem;
  }

  .loesung_lade_panelmeta {
    font-size: .75rem;
    line-height: 1.3;
  }

  .loesung_lade_legend {
    grid-column-gap: .75rem;
    font-size: .75rem;
  }

  .loesung_lade_note {
    text-align: left;
  }

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

  .ablauf_lade_steps_line, .ablauf_lade_steps_fill {
    top: 22px;
    bottom: 22px;
    left: 21px;
  }

  .ablauf_lade_step {
    grid-column-gap: .875rem;
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .ablauf_lade_snum {
    width: 44px;
    height: 44px;
    font-size: 1rem;
  }

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

  .ablauf_strom_steps_line, .ablauf_strom_steps_fill {
    top: 22px;
    bottom: 22px;
    left: 21px;
  }

  .ablauf_strom_step {
    grid-column-gap: .875rem;
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .ablauf_strom_snum {
    width: 44px;
    height: 44px;
    font-size: 1rem;
  }

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

  .hero_kunststoff {
    padding-top: 150px;
    padding-bottom: 184px;
  }

  .hero_kunststoff_kpi {
    padding: .875rem .5rem;
  }

  .hero_kunststoff_kpi_num {
    font-size: 1.25rem;
  }

  .hero_kunststoff_kpi_label {
    font-size: .75rem;
    line-height: 1.3;
  }

  .problem_kunststoff_heading {
    font-size: 2rem;
  }

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

  .loesung_kunststoff_heading {
    font-size: 2rem;
  }

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

  .os_kunststoff_heading {
    font-size: 2rem;
  }

  .os_kunststoff_photo {
    height: 240px;
  }

  .case_kunststoff_heading {
    font-size: 2rem;
  }

  .case_kunststoff_grid, .case_kunststoff_foot, .kontakt_kunststoff_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .kontakt_kunststoff_heading {
    font-size: 2rem;
  }

  .hero_logistik {
    padding-top: 150px;
    padding-bottom: 184px;
  }

  .hero_logistik_heading {
    font-size: 2.2rem;
  }

  .hero_logistik_kpi {
    padding: .875rem .5rem;
  }

  .hero_logistik_kpi_num {
    font-size: 1.25rem;
  }

  .hero_logistik_kpi_label {
    font-size: .75rem;
    line-height: 1.3;
  }

  .problem_logistik_grid, .os_logistik_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .os_logistik_photo {
    height: 240px;
  }

  .case_logistik_grid, .case_logistik_foot, .kontakt_logistik_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .hero_metall {
    padding-top: 150px;
    padding-bottom: 184px;
  }

  .hero_metall_heading {
    font-size: 2.2rem;
  }

  .hero_metall_kpi {
    padding: .875rem .5rem;
  }

  .hero_metall_kpi_num {
    font-size: 1.25rem;
  }

  .hero_metall_kpi_label {
    font-size: .75rem;
    line-height: 1.3;
  }

  .problem_metall_grid, .os_metall_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .os_metall_photo {
    height: 240px;
  }

  .case_metall_grid, .case_metall_foot, .kontakt_metall_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .hero_lebensmittel {
    padding-top: 150px;
    padding-bottom: 184px;
  }

  .hero_lebensmittel_heading {
    font-size: 2.2rem;
  }

  .hero_lebensmittel_kpi {
    padding: .875rem .5rem;
  }

  .hero_lebensmittel_kpi_num {
    font-size: 1.25rem;
  }

  .hero_lebensmittel_kpi_label {
    font-size: .75rem;
    line-height: 1.3;
  }

  .problem_lebensmittel_grid, .os_lebensmittel_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .os_lebensmittel_photo {
    height: 240px;
  }

  .case_lebensmittel_grid, .case_lebensmittel_foot, .kontakt_lebensmittel_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .hero_about_kpi_num {
    font-size: 1.25rem;
  }

  .hero_about_kpi_label {
    font-size: .75rem;
  }

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

  .warum_about_h2, .glauben_about_h2 {
    max-width: none;
    font-size: 1.6rem;
  }

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

  .tun_about_h2 {
    max-width: none;
    font-size: 1.6rem;
  }

  .tun_about_cards, .name_about_contain {
    grid-template-columns: 1fr;
  }

  .name_about_h2, .werte_about_h2 {
    max-width: none;
    font-size: 1.6rem;
  }

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

  .nicht_about_h2 {
    max-width: none;
    font-size: 1.6rem;
  }

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

  .nicht_about_close {
    font-size: 1.05rem;
  }

  .vertrauen_about_h2 {
    max-width: none;
    font-size: 1.6rem;
  }

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

  .vertrauen_about_awards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .karriere_about_h2 {
    max-width: none;
    font-size: 1.6rem;
  }

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

  .presse_about_h2 {
    max-width: none;
    font-size: 1.6rem;
  }

  .name_about_wmark {
    width: 56px;
  }

  .name_about_wslogan {
    max-width: 18ch;
    font-size: .9rem;
  }

  .branchen_home_lede, .wws_home_lede {
    font-size: 1.05rem;
  }

  .flowwrap_system {
    scrollbar-width: thin;
  }

  .stage_system {
    width: 558px;
    height: 385px;
  }

  .stage_system.is-halfwidth {
    width: 558px;
    max-width: 558px;
    height: 385px;
  }

  .flow_system, .flow_system.is-halfwidth {
    transform: scale(.62);
  }

  .problem_home_lede {
    font-size: 1.05rem;
  }

  .prinzip_home_window {
    overflow: visible;
  }

  .prinzip_home_body {
    padding-left: 13px;
    padding-right: 13px;
  }

  .prinzip_home_note {
    margin-left: 0;
  }

  .prinzip_home_tip {
    max-width: 150px;
    font-size: .875rem;
  }

  .bausteine_home_lede, .section_intro {
    font-size: 1.05rem;
  }

  .hero_os_kpi {
    padding: .875rem .5rem;
  }

  .hero_os_kpi_num {
    font-size: 1.25rem;
  }

  .hero_os_kpi_label {
    font-size: .75rem;
    line-height: 1.3;
  }

  .case_batterie_split {
    margin-top: 2rem;
  }

  .case_batterie_img {
    height: 300px;
  }

  .hero_partner_scrim {
    background-image: linear-gradient(#ffffff4d 0%, #ffffff3d 34%, #ffffffa8 50%, #ffffffeb 64%, #fffffff5 84%, #fff 100%);
  }

  .hero_partner_topfade {
    background-image: linear-gradient(#ffffff73, #fff0);
  }

  .hero_partner_photo {
    object-position: 78% 46%;
  }

  .warum_partner_facts {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .warum_partner_marker {
    min-height: 0;
  }

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

  .segmente_partner_tabs {
    grid-column-gap: 24px;
    flex-wrap: nowrap;
    overflow: auto hidden;
  }

  .problem_home_panel {
    padding: 1rem;
  }

  .problem_home_foot_text {
    font-size: 1.05rem;
  }

  .hero_home_kpi {
    padding: .875rem .5rem;
  }

  .hero_home_kpi_num {
    font-size: 1.25rem;
  }

  .hero_home_kpi_label {
    font-size: .75rem;
    line-height: 1.3;
  }

  .bausteine_kunststoff_heading {
    font-size: 2rem;
  }

  .bausteine_kunststoff_row, .bausteine_kunststoff_rowflip {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .bausteine_kunststoff_photo {
    height: 240px;
  }

  .ablauf_kunststoff_heading {
    font-size: 2rem;
  }

  .ablauf_kunststoff_steps_line, .ablauf_kunststoff_steps_fill {
    top: 22px;
    bottom: 22px;
    left: 21px;
  }

  .branchen_kunststoff_heading {
    font-size: 2rem;
  }

  .bausteine_metall_row, .bausteine_metall_rowflip {
    grid-template-columns: 1fr;
  }

  .bausteine_metall_photo {
    height: 240px;
  }

  .case_kunststoff_img {
    height: 300px;
  }

  .case_kunststoff_stats {
    grid-column-gap: 1.25rem;
    max-width: calc(100% - 2rem);
    padding: .75rem 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  .case_kunststoff_stat_v {
    font-size: 1rem;
  }

  .case_metall_img {
    height: 300px;
  }

  .case_metall_stats {
    grid-column-gap: 1.25rem;
    max-width: calc(100% - 2rem);
    padding: .75rem 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  .case_metall_stat_v {
    font-size: 1rem;
  }

  .case_logistik_img {
    height: 300px;
  }

  .case_logistik_stats {
    grid-column-gap: 1.25rem;
    max-width: calc(100% - 2rem);
    padding: .75rem 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  .case_logistik_stat_v {
    font-size: 1rem;
  }

  .case_lebensmittel_img {
    height: 300px;
  }

  .case_lebensmittel_stats {
    grid-column-gap: 1.25rem;
    max-width: calc(100% - 2rem);
    padding: .75rem 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  .case_lebensmittel_stat_v {
    font-size: 1rem;
  }

  .bausteine_logistik_heading {
    font-size: 2rem;
  }

  .bausteine_logistik_row, .bausteine_logistik_rowflip {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .bausteine_logistik_photo {
    height: 240px;
  }

  .ablauf_logistik_heading, .branchen_logistik_heading, .bausteine_lebensmittel_heading {
    font-size: 2rem;
  }

  .bausteine_lebensmittel_row, .bausteine_lebensmittel_rowflip {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .bausteine_lebensmittel_photo {
    height: 240px;
  }

  .ablauf_lebensmittel_heading, .branchen_lebensmittel_heading {
    font-size: 2rem;
  }

  .case_direkt_img {
    height: 300px;
  }

  .case_direkt_kpi_n {
    font-size: var(--size--2rem);
  }

  .case_strom_img {
    height: 300px;
  }

  .case_strom_kpi_n {
    font-size: var(--size--2rem);
  }

  .case_lade_img {
    height: 300px;
  }

  .case_lade_kpi_n {
    font-size: var(--size--2rem);
  }

  .case_direkt_stats {
    grid-column-gap: 1.25rem;
    max-width: calc(100% - 2rem);
    padding: .75rem 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  .case_direkt_stat_v {
    font-size: 1rem;
  }

  .case_strom_stats {
    grid-column-gap: 1.25rem;
    max-width: calc(100% - 2rem);
    padding: .75rem 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  .case_strom_stat_v {
    font-size: 1rem;
  }

  .case_lade_stats {
    grid-column-gap: 1.25rem;
    max-width: calc(100% - 2rem);
    padding: .75rem 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  .case_lade_stat_v {
    font-size: 1rem;
  }

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

  .problem_os_card {
    padding: var(--size--1-5rem);
  }

  .usp_os_table {
    grid-template-columns: minmax(168px, 1fr) repeat(3, minmax(150px, 1fr));
    min-width: 620px;
  }

  .usp_os_th {
    z-index: 2;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    background-color: #fff;
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
    position: sticky;
    left: 0;
  }

  .usp_os_th.is-markt, .usp_os_th.is-basis, .usp_os_th.is-multi {
    z-index: 1;
    position: static;
  }

  .usp_os_rowlabel {
    z-index: 2;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    background-color: #fff;
    padding-left: 16px;
    padding-right: 16px;
    font-size: .9375rem;
    position: sticky;
    left: 0;
  }

  .usp_os_cell {
    overflow-wrap: anywhere;
    -webkit-hyphens: auto;
    hyphens: auto;
    padding-left: 16px;
    padding-right: 16px;
    font-size: .875rem;
  }

  .usp_os_legend {
    padding-left: 16px;
    padding-right: 16px;
  }

  .loesung_strom_legend {
    min-height: 129px;
  }

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

  .loesung_direkt_kpi {
    grid-column-gap: 12px;
    width: 100%;
    margin-bottom: 12px;
    padding: 12px 14px 12px 12px;
    position: static;
  }

  .loesung_direkt_kpiring {
    width: 48px;
    height: 48px;
  }

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

@media screen and (max-width: 479px) {
  .u-text-display {
    font-size: 2rem;
  }

  .u-text-h1 {
    font-size: var(--h2--font-size);
  }

  .u-text-h2 {
    font-size: var(--h3--font-size);
  }

  .u-text-h3 {
    font-size: var(--h4--font-size);
  }

  .u-text-h4 {
    font-size: var(--h5--font-size);
  }

  .u-text-h5 {
    font-size: var(--h6--font-size);
  }

  .u-text-large {
    font-size: var(--text-main--font-size);
  }

  .u-text-main {
    font-size: var(--text-small--font-size);
  }

  .u-text-small.u-color-faded.u-text-align-center {
    font-size: .75rem;
  }

  .u-vflex-stretch-between.u-gap-medium.u-padding-small {
    padding: 1rem;
  }

  .u-grid-column-4 {
    grid-template-columns: var(--grid-1);
  }

  .u-grid-landscape {
    flex-flow: column;
    display: flex;
  }

  .u-grid-breakout {
    grid-template-columns: var(--grid-breakout-single);
  }

  .btn_main_wrap.u-button-style.u-radius-round.u-position-relative.u-display-inline-block.u-weight-medium {
    width: 100%;
    font-size: var(--text-small--font-size);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .hero_home_content.u-radius-main.u-vflex-left-top.u-gap-medium {
    padding: var(--size--2rem) var(--size--1rem);
  }

  .hero_home_heading.u-text-align-center.u-text-h1 {
    font-size: 2.25rem;
  }

  .numbers_home_contain.u-container.u-grid-column-3.u-gap-medium {
    grid-template-columns: var(--grid-1);
  }

  .problem_home_card.u-column-2.u-radius-main.u-vflex-left-center.u-gap-medium {
    padding-right: var(--size--1rem);
    padding-left: var(--size--1rem);
  }

  .problem_card_title.u-text-h3 {
    font-size: var(--h4--font-size);
  }

  .service_card_content.u-vflex-stretch-top.u-gap-xsmall {
    padding-right: var(--size--1rem);
    padding-left: var(--size--1rem);
  }

  .service_card_title.u-text-h5 {
    font-size: var(--size--1-25rem);
  }

  .products_home_card.u-vflex-stretch-center.u-gap-small.u-radius-main {
    padding-right: var(--size--1rem);
    padding-left: var(--size--1rem);
  }

  .products_card_title.u-text-h4 {
    font-size: var(--h4--font-size);
  }

  .badge_main_label.u-text-small.u-text-align-center.u-weight-medium {
    font-size: var(--size--0-75rem);
  }

  .casestudy_home_section {
    display: none;
  }

  .casestudy_cta_experts.u-hflex-center-center.u-gap-xxsmall {
    flex-flow: column;
  }

  .casestudy_cta_text.u-text-small.u-color-faded {
    text-align: center;
  }

  .steps_home_card.u-radius-main.u-grid-column-2.u-gap-small {
    padding-right: var(--size--1rem);
    padding-left: var(--size--1rem);
  }

  .steps_card_heading.u-text-h2 {
    font-size: var(--h3--font-size);
  }

  .steps_card_listitem.u-radius-small.u-vflex-left-center.u-gap-xsmall {
    padding-right: var(--size--1rem);
    padding-left: var(--size--1rem);
  }

  .steps_listitem_title.u-text-h4 {
    font-size: var(--h5--font-size);
  }

  .steps_listitem_badge.u-radius-round.u-hflex-center-center.u-gap-xxsmall {
    font-size: var(--text-small--font-size);
  }

  .contact_home_card.u-radius-main.u-grid-column-2.u-gap-small {
    padding-right: var(--size--1rem);
    padding-left: var(--size--1rem);
  }

  .contact_card_content.u-vflex-left-top.u-gap-large {
    justify-content: flex-start;
    align-items: center;
  }

  .contact_card_heading.u-text-h3 {
    font-size: var(--h5--font-size);
  }

  .contact_home_formblock.u-radius-main {
    padding: var(--size--2rem) var(--size--1rem);
  }

  .contact_home_formblock.u-radius-main.u-border.u-overflow-hidden {
    padding: var(--size--0rem);
  }

  .faq_home_heading.u-text-h2.u-text-align-center {
    font-size: var(--h3--font-size);
  }

  .footer_main_card.u-radius-main.u-vflex-stretch-top.u-gap-large {
    padding: var(--size--2rem) var(--size--1rem);
  }

  .footer_main_grid.u-grid-column-4.u-gap-small {
    grid-template-columns: var(--grid-1);
  }

  .navbar_main_contain.u-container.u-hflex-between-center.u-gap-small {
    justify-content: space-between;
    align-items: center;
  }

  .navbar_main_logo {
    height: 1.5rem;
  }

  .navbar_mobile.u-position-fixed {
    display: block;
  }

  .hero_card.u-radius-small {
    padding: var(--size--1rem);
  }

  .solutions_card_layout.u-grid-column-2.u-gap-small {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .solutions_card_img.u-position-relative.u-radius-small.u-overflow-hidden {
    min-height: 8rem;
  }

  .analyse_img {
    width: 30rem;
  }

  .nav_contain.u-container.u-hflex-left-center.u-gap-small {
    justify-content: space-between;
  }

  .quote_icon_img.icon_xlarge.u-zindex-1.u-flex-noshrink {
    width: 3rem;
    height: 3rem;
    margin-right: -1.5rem;
  }

  .quote_card.u-radius-small.u-padding-xsmall.u-flex-grow {
    padding-left: 2.5rem;
  }

  .tabs_stromtarif.u-hflex-left-stretch {
    flex-flow: column;
  }

  .tabs_menu_stromtarif.u-vflex-stretch-top {
    margin-bottom: 1rem;
  }

  .tabs_content_stromtarif.u-flex-grow {
    padding-left: 0;
  }

  .tabs_os.u-hflex-left-stretch {
    flex-flow: column;
  }

  .tabs_menu_os.u-vflex-stretch-center {
    margin-bottom: 1rem;
  }

  .tabs_menu_os.u-vflex-stretch-center.u-flex-grow.u-bg-blue.u-padding-small {
    margin-bottom: 0;
  }

  .tabs_content_os.u-flex-grow {
    padding-left: 0;
  }

  .mediakit_grid.u-grid-column-4 {
    grid-template-columns: var(--grid-2);
  }

  .hero_home_subheading.u-text-align-center.u-text-h2 {
    font-size: 1.5rem;
  }

  .hero_home_subtext_wrap.u-overflow-hidden {
    height: 1.65rem;
  }

  .fab_contact_info.u-radius-small.u-padding-small.u-color-light.u-position-relative.u-hflex-left-center.u-gap-xsmall {
    padding: 1rem;
  }

  .announcement_bar_layout.u-hflex-center-center.u-gap-small.u-flex-noshrink {
    grid-column-gap: var(--space--x-small);
    grid-row-gap: var(--space--x-small);
  }

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

  .home_card_inner.u-padding-medium {
    padding: var(--space--small);
  }

  .partners_grid.u-grid-column-3 {
    grid-column-gap: var(--space--large);
    grid-row-gap: var(--space--large);
    grid-template-columns: var(--grid-1);
  }

  .partners_grid_item.u-vflex-stretch-top.u-gap-small.u-column-1 {
    flex-flow: column;
  }

  .analyse_grid_bubble.u-position-absolute.u-padding-small {
    padding: 1rem;
  }

  .analyse_grid_icon {
    width: 2.5rem;
    height: 2.5rem;
  }

  .bausteine_grid_inner.u-grid-column-2 {
    grid-template-columns: var(--grid-1);
  }

  .zukunft_layout.u-hflex-left-center.u-gap-medium {
    flex-flow: column;
  }

  .partners_grid_cta.u-radius-main.u-padding-small.u-vflex-left-top.u-gap-xsmall {
    padding: 1rem;
  }

  .partners_metric_card.u-radius-main.u-padding-small {
    padding: .25rem;
  }

  .partner_metric_label.u-text-align-center.u-color-primary.u-weight-bold {
    font-size: 1.25rem;
  }

  .hero_gewerbe_heading.u-weight-medium {
    font-size: var(--size--3-5rem);
  }

  .hero_gewerbe_subheading.u-weight-medium.u-color-faded {
    font-size: 1.5rem;
  }

  .hero_gewerbe_subheading_wrap.u-overflow-hidden {
    height: 1.65rem;
  }

  .problem_grid_bubble.u-position-absolute.u-padding-small {
    padding: 1rem;
  }

  .usp_gewerbe_testimonial_img.u-radius-main.u-flex-noshrink {
    width: 100%;
  }

  .consultation_layout.u-hflex-left-center.u-gap-medium {
    flex-flow: column;
  }

  .u-show-mobile {
    display: block;
  }

  .grid_glossar.u-grid-column-3.u-gap-small {
    grid-template-columns: var(--grid-1);
  }

  .partners_home_statement {
    font-size: .875rem;
  }

  .sbx_btn_primary {
    display: none;
  }

  .sbx_hero_h1 {
    font-size: 36px;
  }

  .navbar_mm_grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero__inner.has-kpis {
    padding-bottom: 268px;
  }

  .hero__inner.has-kpis.top-clearance-standard {
    padding-top: 150px;
  }

  .problem_batterie_heading, .loesung_batterie_heading, .value_batterie_num, .ablauf_batterie_heading, .kontakt_batterie_heading {
    font-size: 2rem;
  }

  .hero_batterie_kpi_label {
    overflow-wrap: break-word;
  }

  .case_batterie_heading {
    font-size: 2rem;
  }

  .hero_direkt_kpi_num {
    font-size: 1.25rem;
  }

  .hero_direkt_kpi_label {
    font-size: .75rem;
  }

  .problem_direkt {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .problem_direkt_heading {
    font-size: 2rem;
  }

  .loesung_direkt {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .loesung_direkt_heading {
    font-size: 2rem;
  }

  .value_direkt, .case_direkt {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .case_direkt_heading {
    font-size: 2rem;
  }

  .ablauf_direkt {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .ablauf_direkt_heading {
    font-size: 2rem;
  }

  .kontakt_direkt {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .kontakt_direkt_heading {
    font-size: 2rem;
  }

  .hero_strom_kpi_num {
    font-size: 1.25rem;
  }

  .hero_strom_kpi_label {
    font-size: .75rem;
  }

  .problem_strom {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .problem_strom_heading {
    font-size: 2rem;
  }

  .loesung_strom {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .loesung_strom_heading {
    font-size: 2rem;
  }

  .hero_lade_kpi_num {
    font-size: 1.25rem;
  }

  .hero_lade_kpi_label {
    overflow-wrap: break-word;
    font-size: .75rem;
  }

  .problem_lade {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .problem_lade_heading {
    font-size: 2rem;
  }

  .loesung_lade {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .loesung_lade_heading {
    font-size: 2rem;
  }

  .value_lade, .case_lade {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .case_lade_heading {
    font-size: 2rem;
  }

  .ablauf_lade {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .ablauf_lade_heading {
    font-size: 2rem;
  }

  .kontakt_lade {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .kontakt_lade_heading {
    font-size: 2rem;
  }

  .value_strom, .case_strom {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .case_strom_heading {
    font-size: 2rem;
  }

  .ablauf_strom {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .ablauf_strom_heading {
    font-size: 2rem;
  }

  .hero_kunststoff_kpi_num {
    font-size: 1.25rem;
  }

  .hero_kunststoff_kpi_label {
    font-size: .75rem;
  }

  .hero_logistik_heading {
    font-size: 1.75rem;
  }

  .hero_logistik_kpi_num {
    font-size: 1.25rem;
  }

  .hero_logistik_kpi_label {
    font-size: .75rem;
  }

  .hero_metall_heading {
    font-size: 1.75rem;
  }

  .hero_metall_kpi_num {
    font-size: 1.25rem;
  }

  .hero_metall_kpi_label {
    font-size: .75rem;
  }

  .hero_lebensmittel_heading {
    font-size: 1.75rem;
  }

  .hero_lebensmittel_kpi_num {
    font-size: 1.25rem;
  }

  .hero_lebensmittel_kpi_label {
    font-size: .75rem;
  }

  .stage_system {
    width: 558px;
    height: 385px;
  }

  .stage_system.is-halfwidth {
    width: 558px;
    max-width: 558px;
    height: 385px;
  }

  .flow_system, .flow_system.is-halfwidth {
    transform: scale(.62);
  }

  .eos-hero__anim {
    aspect-ratio: 15 / 16;
  }

  .produkte_batterie_heading, .gruende_partner_title, .kontakt_partner_title {
    font-size: 2rem;
  }

  .problem_home_karte {
    padding: 1.5rem;
  }

  .hero_home_kpis_inner {
    flex-direction: column;
  }

  .hero_home_kpi {
    border-right-style: none;
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .hero_home_kpi:last-child {
    border-bottom-style: none;
  }

  .branchen_metall_heading {
    overflow-wrap: break-word;
    font-size: 2rem;
  }

  .case_kunststoff_badge {
    padding-left: 1rem;
    padding-right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  .case_kunststoff_badge_n {
    font-size: 2rem;
  }

  .case_kunststoff_split, .case_metall_split, .case_logistik_split, .case_lebensmittel_split {
    margin-top: 2rem;
  }

  .usp_os_scroll {
    border-radius: 16px;
    margin-top: 32px;
  }

  .usp_os_table {
    grid-template-columns: minmax(140px, 1fr) repeat(3, minmax(136px, 1fr));
    min-width: 552px;
  }

  .usp_os_th {
    padding-left: 12px;
    padding-right: 12px;
    font-size: .9375rem;
  }

  .usp_os_rowlabel {
    min-height: 64px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: .875rem;
  }

  .usp_os_cell {
    min-height: 64px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: .8125rem;
  }

  .usp_os_legend {
    padding-left: 12px;
    padding-right: 12px;
  }

  .loesung_strom_seg_num {
    display: none;
  }

  .loesung_strom_seg_lbl {
    font-size: .75rem;
  }

  .loesung_strom_desc {
    min-height: 0;
  }

  .loesung_strom_hint {
    grid-column-gap: 12px;
    padding: 16px;
  }

  .loesung_strom_hint_ico {
    width: 36px;
    height: 36px;
    padding: 8px;
  }

  .loesung_strom_legend {
    min-height: 171px;
  }

  .ablauf_os_foot {
    margin-top: 32px;
  }

  .ablauf_os_cta {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}

#w-node-_6e7dbb39-dc32-6158-0c78-66b4245079af-245079a0, #w-node-_6e7dbb39-dc32-6158-0c78-66b4245079bc-245079a0, #w-node-_6e7dbb39-dc32-6158-0c78-66b4245079c9-245079a0 {
  align-self: stretch;
}

#w-node-_4b82060d-ad67-6fb3-dfd6-062e40a1052f-1720d866, #w-node-_4f446962-03c1-1301-685c-4f8ca33f9d49-1720d866, #w-node-_326a15e0-c2fe-82a9-f262-86587afe1996-1720d866, #w-node-a2c8af3b-89c5-5cea-f5eb-f1511fb3d866-1720d866, #w-node-d5bed618-76dd-071b-3bda-8c8954c0f593-1720d866, #w-node-bd12bd10-d5c8-b179-1efb-8a8991309217-1720d866, #w-node-_38e02f48-7a3d-0fdc-67d4-ea4418fe2b2f-1720d866, #w-node-_38e02f48-7a3d-0fdc-67d4-ea4418fe2b3d-1720d866, #w-node-_38e02f48-7a3d-0fdc-67d4-ea4418fe2b4b-1720d866, #w-node-_38e02f48-7a3d-0fdc-67d4-ea4418fe2b59-1720d866, #w-node-b00d7c98-f45b-aa07-16c7-3665c3e03005-54edc0c9, #w-node-ed6e8dd5-91e2-a3b6-beb0-640ae62c4154-1c07871b, #w-node-ed6e8dd5-91e2-a3b6-beb0-640ae62c4161-1c07871b, #w-node-d490b04e-6784-aefd-b53f-4ed5d416e7ff-1c07871b, #w-node-d490b04e-6784-aefd-b53f-4ed5d416e7f2-1c07871b, #w-node-d3480e99-23a9-7e78-51e1-6eeca661f911-1c07871b, #w-node-d3480e99-23a9-7e78-51e1-6eeca661f91e-1c07871b, #w-node-a08989b1-e9d0-60e1-aee1-0b032630ca20-436f9f20, #w-node-a08989b1-e9d0-60e1-aee1-0b032630ca2c-436f9f20, #w-node-a08989b1-e9d0-60e1-aee1-0b032630ca30-436f9f20, #w-node-a08989b1-e9d0-60e1-aee1-0b032630ca31-436f9f20, #w-node-a08989b1-e9d0-60e1-aee1-0b032630ca40-436f9f20, #w-node-a08989b1-e9d0-60e1-aee1-0b032630ca4c-436f9f20 {
  align-self: center;
}

@media screen and (max-width: 767px) {
  #w-node-ed6e8dd5-91e2-a3b6-beb0-640ae62c4161-1c07871b, #w-node-d490b04e-6784-aefd-b53f-4ed5d416e7ff-1c07871b, #w-node-d3480e99-23a9-7e78-51e1-6eeca661f91e-1c07871b, #w-node-a08989b1-e9d0-60e1-aee1-0b032630ca2c-436f9f20, #w-node-a08989b1-e9d0-60e1-aee1-0b032630ca30-436f9f20, #w-node-a08989b1-e9d0-60e1-aee1-0b032630ca4c-436f9f20 {
    order: -9999;
  }
}