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

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

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

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

.w-optimization {
  display: contents;
}

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

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

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

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

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

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

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

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

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

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

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

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

figure {
  margin: 0 0 10px;
}

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 {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-tabs {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
  --black: #151515;
  --primary-1: #f77e46;
  --grey-4: #e3e3e3;
  --grey-1: #666;
  --haze: whitesmoke;
  --white: white;
  --firebrick: #cc292a;
  --coral: #f77e46;
  --orange: #f1a731;
  --midnight-blue: #192d4e;
  --dark-slate-blue: #4c5c76;
  --_farben-aktuell---blue-light: #f5f9ff;
  --alice-blue-2: #e5edfa;
  --alice-blue: #f5f9ff;
  --_farben-aktuell---blue-dark: #001832;
  --_farben-aktuell---orange-02: #f77e46;
  --_farben-aktuell---orange-red: #cc4429;
  --_farben-aktuell---white-smoke: whitesmoke;
  --dark: #452c48;
  --red: #ee3e54;
  --grey-2: #999;
  --green: #88ae45;
  --grey-3: #d1d1d1;
  --_farben-aktuell---blue-04: #4c5c76;
  --primary-2: #20b49b;
  --primary-3: #853f71;
  --gainsboro: #d3d8e0;
  --cornflower-blue: #849dc7;
  --twitter: #2aa3f0;
  --facebook: #3b5998;
  --instagram: #f83f5a;
  --_farben-aktuell---black: #151515;
  --dim-grey: #505f79;
  --_farben-aktuell---blue-03: #192d4e;
  --_farben-aktuell---white: white;
  --_farben-aktuell---blue-01: #263f6f;
  --_farben-aktuell---blue-02: #19315c;
  --_farben-aktuell---grey-04: #e3e3e3;
  --_farben-aktuell---grey-03: #d1d1d1;
  --_farben-aktuell---grey-01: #666;
  --_farben-aktuell---orange-01: #f1a731;
  --_farben-aktuell---red: #cc292a;
  --primary-4: #665ba2;
  --_farben-aktuell---grey-02: #999;
}

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

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

body {
  color: var(--black);
  font-family: Lato, sans-serif;
  font-size: 15px;
  line-height: 24px;
}

h1 {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Lato, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 52px;
}

h2 {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Lato, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 44px;
}

h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Lato, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
}

h4 {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Lato, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 28px;
}

h5 {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

h6 {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Caladea, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}

p {
  margin-bottom: 20px;
}

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

ul, ol {
  margin-top: 16px;
  margin-bottom: 24px;
  padding-left: 40px;
}

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

label {
  color: var(--black);
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  display: block;
}

strong {
  font-weight: bold;
}

blockquote {
  border-left: 3px solid var(--primary-1);
  margin-bottom: 24px;
  padding: 16px 32px;
  font-size: 20px;
  line-height: 28px;
}

figure {
  margin-bottom: 24px;
}

figcaption {
  border-bottom: 1px solid var(--grey-4);
  color: var(--grey-1);
  text-align: left;
  margin-top: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 12px;
  font-size: 13px;
  line-height: 20px;
}

.section {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section.border-top {
  border-top: 1px solid var(--grey-4);
}

.section.top-image-section {
  color: var(--white);
  background-color: #000;
  min-height: 40vh;
  padding-top: 120px;
  padding-bottom: 120px;
  overflow: hidden;
}

.section.mask {
  overflow: hidden;
}

.section.hero-v1-section {
  z-index: 3;
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 104px;
  display: flex;
}

.section.mask {
  color: #fff;
  background-color: #000;
  overflow: hidden;
}

.section.padding-small {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.padding-small.bg-gradient-2 {
  background-image: linear-gradient(45deg, var(--firebrick), var(--coral) 32%, var(--orange));
  min-width: 100%;
}

.section.padding-small.bg-gradient-2.angebot-banner {
  z-index: 20;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  margin-top: -40px;
}

.section.padding-small.bg-gradient-03 {
  background-image: linear-gradient(45deg, var(--orange), var(--coral) 44%, var(--firebrick));
  min-width: 100%;
}

.section.top-section-v2 {
  background-color: var(--haze);
  color: var(--black);
  padding-top: 104px;
  padding-bottom: 104px;
  overflow: hidden;
}

.section.post-image-section {
  background-color: var(--midnight-blue);
  height: 60vh;
  max-height: 55vw;
  display: flex;
  overflow: hidden;
}

.section.top-padding-big {
  padding-top: 200px;
}

.section.bg-gradient {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--dark-slate-blue), var(--midnight-blue));
}

.section.bg-gradient.bg-solar {
  background-image: radial-gradient(circle, #4c5c76f2, #192d4efa), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/642c3d0c39095c3110763587_alternative-21669-1365x2048.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: flex-end;
  align-items: flex-end;
}

.section.bg-gradient.bg-solar.small-padding-top {
  padding-top: 60px;
}

.section.bg-gradient.bg-solar.h-80vh {
  justify-content: center;
  align-items: center;
  height: 80vh;
  display: flex;
}

.section.bg-gradient.bg-solar.small-padding {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.bg-blue-light {
  background-color: var(--_farben-aktuell---blue-light);
}

.section.bg-blue-light._100vh {
  min-height: 100vh;
}

.section.bg-blue-light.padding-top-big {
  padding-top: 200px;
}

.section.bg-blue-light.small-padding-bottom {
  padding-bottom: 60px;
}

.section.bg-blue-light.bg-image {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/643e7cab2d93d394ed3b5d0b_Illu1_Export.svg");
  background-position: 90% 50px;
  background-repeat: no-repeat;
  background-size: 25%;
}

.section.bg-blue-light.bg-image.top-padding-big {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  padding-top: 80px;
}

.section.bg-blue-light.no-padding-bottom {
  padding-bottom: 0;
}

.section.bg-blue-light.small-padding {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.bg-blue-light.no-margin-top {
  padding-top: 0;
}

.section.bg-gradient-2 {
  background-image: radial-gradient(circle, #000, #fff);
}

.section.bg-blue-4 {
  background-color: var(--alice-blue-2);
}

.section.top-image-section {
  color: #fff;
  background-color: #000;
  padding-top: 120px;
  padding-bottom: 120px;
  overflow: hidden;
}

.section.top-image-section-faq {
  background-color: var(--midnight-blue);
  color: #fff;
  padding-top: 120px;
  padding-bottom: 120px;
  overflow: hidden;
}

.section.haze {
  background-color: #f5f5f5;
}

.section.bewertungen {
  background-color: var(--alice-blue);
}

.section.landing-hero {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65bcd43eb304da0f6f08a1a6_Hero_Hintergrund_02.svg"), linear-gradient(#192d4e80, #192d4e80), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/650c33be516c4e723b2e9511_pexels-kindel-media-9875676.jpg");
  background-position: 0%, 0 0, 50%;
  background-repeat: no-repeat, repeat, repeat;
  background-size: auto, auto, cover;
  height: 90vh;
  padding-top: 0;
  padding-bottom: 0;
}

.section.landing-hero._02 {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65bcd43eb304da0f6f08a1a6_Hero_Hintergrund_02.svg"), linear-gradient(#192d4e80, #192d4e80), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65f413ad7b27190d1c3c8150_manny-becerra-NgdhrwAx0J8-unsplash.jpg");
}

.section.landing-hero._03 {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65bcd43eb304da0f6f08a1a6_Hero_Hintergrund_02.svg"), linear-gradient(#192d4e80, #192d4e80), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65f4145f75110061b90c87db_raphael-cruz-IwY-27ceRCA-unsplash.jpg");
}

.section.landing-hero._04 {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65bcd43eb304da0f6f08a1a6_Hero_Hintergrund_02.svg"), linear-gradient(#192d4e80, #192d4e80), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65f416ef93a888fb9f4e7006_Solardachziegel_RareStock_AdobeStock_386279724.jpeg");
}

.section.landing-hero._05 {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65bcd43eb304da0f6f08a1a6_Hero_Hintergrund_02.svg"), linear-gradient(#192d4e80, #192d4e80), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65f416ab52a91a5e749c180b_stromspeicher-kosten.jpg");
}

.section.landing-hero.flachdach {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66cd9b1ff9c7ffeb9b286c48_Hero_Hintergrund_03.svg"), linear-gradient(#192d4e40, #192d4e40), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66cd9abe3c7322aa4080375e_Esfera_Hero_Bild.jpg");
  background-position: 0%, 0 0, 50%;
}

.section.landing-hero.flachdach-schmal {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66cd9b1ff9c7ffeb9b286c48_Hero_Hintergrund_03.svg"), linear-gradient(#192d4e40, #192d4e40), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66cd9abe3c7322aa4080375e_Esfera_Hero_Bild.jpg");
  background-position: 0%, 0 0, 50%;
  border-radius: 16px;
  justify-content: center;
  align-items: flex-start;
  max-width: 1240px;
  height: auto;
  min-height: auto;
  margin: 80px auto 120px;
  padding: 120px 60px;
  display: flex;
}

.section.small-padding {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.hero {
  aspect-ratio: 16 / 9;
  text-align: center;
  object-fit: cover;
  background-color: #fff0;
  height: auto;
  margin-top: 140px;
}

.section.bg-white.small-padding.no-padding-top {
  padding-top: 0;
}

.section.bg-orange-gradient-01 {
  background-color: var(--_farben-aktuell---orange-02);
  background-image: linear-gradient(#f1a73180, #cc292a80);
}

.section.hero-small {
  text-align: center;
  background-image: linear-gradient(#fff0 50%, #001832bf), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68704c745ac335f64756d560_Hero%20Bild%20esfera%20Website.avif");
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  height: 75vh;
}

.section.hero-small.dienstleistungen {
  background-image: linear-gradient(305deg, var(--_farben-aktuell---orange-02), var(--_farben-aktuell---orange-red) 30%, #f77e4600 30%), linear-gradient(305deg, #f77e4600 70%, #cc4429 70%, var(--_farben-aktuell---orange-02)), linear-gradient(180deg, #fff0 50%, #001832bf), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68704c745ac335f64756d560_Hero%20Bild%20esfera%20Website.avif");
  background-position: 0 0, 0 0, 0 0, 50% 0;
  background-size: auto, auto, auto, cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.hero-small.solarl-sungen-01 {
  background-image: linear-gradient(305deg, var(--_farben-aktuell---orange-02), var(--_farben-aktuell---orange-red) 30%, #f77e4600 30%), linear-gradient(305deg, #f77e4600 70%, #cc4429 70%, var(--_farben-aktuell---orange-02)), linear-gradient(180deg, #fff0 50%, #001832bf), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66c478dc76deaa19c32d51ee_WhatsApp%20Image%202024-05-28%20at%2013.53.01%20Kopie.avif");
  background-position: 0 0, 0 0, 0 0, 50%;
  background-size: auto, auto, auto, cover;
  justify-content: center;
  align-items: center;
  height: 60vh;
  display: flex;
}

.section.hero-content {
  padding-top: 220px;
  padding-bottom: 80px;
}

.section.hero-content.bg-lightblue {
  background-color: var(--_farben-aktuell---blue-light);
}

.section.hero-content.bg-haze {
  background-color: var(--_farben-aktuell---white-smoke);
}

.section._2-cols-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section._2-cols-form.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section._2-cols-form.no-padding-top.small-padding-bottom {
  padding-bottom: 60px;
}

.section.hero-img {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68704c745ac335f64756d560_Hero%20Bild%20esfera%20Website.avif");
  background-position: 50%;
  background-size: cover;
  height: 60vh;
  margin-top: 140px;
  padding-top: 220px;
}

.section.hero-img.dienstleistungen {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68777f9b3d6e9d7ed7dfbb3f_esfera-solar-ag_wechselrichter_installation_beratung_wartung_01_small.jpg");
}

.section.hero-img.beratung-planung {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6877802e61b7ba4a89afcc55_esfera-solar-ag_beratung_21_small.jpg");
}

.section.hero-img.projektkoordination-f-rderung {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/687780879feefe7f2a729dd4_esfera-solar-ag_bauplanung_koordination_foerderungen_small.jpg");
}

.section.hero-img.montage-inbetriebnahme {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68778121bd6dc80bf1a4e621_esfera-solar-ag_pva_montage_flachdach_01.avif");
}

.section.hero-img.wartung-support {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/687e1ebdd31324906358690c_esfera-solar-ag_monitoring_01.jpg");
}

.section.hero-img.esfera-smartzev {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6877837533176326c31458cf_esfera-solar-ag_eigentuemergemeinschaften_zev_vzev_01.avif");
}

.section.hero-img.modernisierung {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68777c3334199ce1ca5903a5_2937968c1ae126511c9f7aefdd7aa014_esfera-solar-ag_flachdach-pva_gewerbe_modernisierung_001.avif");
}

.section.hero-img.solarl-sungen {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68778121990cff140c968436_esfera_solar_ag_pva_montage_01.avif");
}

.section.hero-img.aufdachanlagen {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68778e3517cbea4303e3c607_esfera-solar-ag_aufdachanlagen_pva_01.avif");
}

.section.hero-img.indachanlagen {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a5e61dd2d8c3fb387bb3_Indachanlage%2002.avif");
}

.section.hero-img.fassadenanlagen {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a357e71ab7b188b853c0_Fassadenanlage.avif");
}

.section.hero-img.balkonanlagen {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6877894cc5afcb642579a2cc_esfera_solar_ag_balkonanlage_heimberg_01.jpeg");
}

.section.hero-img.inselanlagen {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6877894c1cf78c528c3bedc0_esfera-solar-ag_Inselanlage_01_small.jpg");
  background-position: 50% 60%;
}

.section.hero-img.privat {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a63ac59498b19fca0a71_Aufdach%2002.avif");
}

.section.hero-img.eigentumsgemeinschaft {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6877837533176326c31458cf_esfera-solar-ag_eigentuemergemeinschaften_zev_vzev_01.avif");
}

.section.hero-img.gewerbe-landwirt {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6877a9b0d6f59931c611706d_esfera_solar_ag_dachvermietung_06_small.avif");
}

.section.hero-img.ohne-investition {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6877ac7a02107221745633c0_esfera_solar_ag_dachvermietung_01.avif");
}

.section.hero-img.zusatzprodukte {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6877d2ab27673924496b8361_esfera-solar-ag_zusatzprodukte_photovoltaikanlage_01.avif");
}

.section.hero-img.stromspeicher {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6877d5d49f1a0e1a4aff5792_esfera-solar-ag_stromspeicher_01.avif");
}

.section.hero-img.monitoring {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873b215650afa69273c6c5f_Monitoring.avif");
}

.section.hero-img.notstrom {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6877a101bda545eb7a130b00_esfera-solar-ag_notstrom_01_small.avif");
  background-position: 50%;
}

.section.hero-img.autoladestation {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6877d99b8f6a912fe64e7ab8_esfera-solar-ag_autoladestation_3_small.avif");
  background-position: 100% 0;
}

.section.bg-blue-gradient-01 {
  background-image: linear-gradient(90deg, #274070, #001832);
}

.section.karriere-img {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68777b11d6a1dd0413252506_esfera-solar-ag_team_01.avif");
  background-position: 50%;
  background-size: cover;
  height: 45vh;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper {
  z-index: 2;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.wrapper.nav-bar-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.wrapper.align-left {
  flex-direction: row;
  display: block;
}

.wrapper.nav-dropdown {
  height: 100%;
  display: flex;
}

.wrapper.nav-bar-landing-page {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  height: 100%;
  display: flex;
}

.wrapper.margin-bottom-80 {
  margin-bottom: 80px;
}

.wrapper.margin-top {
  margin-top: 40px;
}

.button {
  background-color: var(--coral);
  color: #fff;
  text-align: center;
  border-style: none;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 13px 24px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  transition: color .2s, background-color .2s, border-color .2s;
  display: flex;
}

.button:hover {
  background-color: var(--orange);
}

.button.white {
  color: var(--midnight-blue);
  background-color: #fff;
}

.button.white:hover {
  background-color: var(--haze);
  color: var(--midnight-blue);
}

.button.ghost {
  border: 1px solid var(--alice-blue-2);
  color: var(--alice-blue-2);
  background-color: #0000;
}

.button.ghost:hover {
  background-color: var(--alice-blue-2);
  box-shadow: none;
  color: var(--midnight-blue);
  border-color: #0000;
}

.button.ghost.margin-right {
  margin-right: 12px;
}

.button.nav-button {
  flex: none;
  margin-right: 20px;
}

.button.input-button {
  z-index: 1;
  border-radius: 0 12px 12px 0;
  margin-left: -6px;
  position: relative;
}

.button.big {
  height: 60px;
  font-size: 17px;
  line-height: 24px;
}

.button.big.longer {
  min-width: 350px;
}

.button.p-xs-start {
  margin-top: 1em;
  margin-left: auto;
}

.button.p-xs-start.centered {
  margin-right: auto;
}

.button.dark {
  background-color: var(--midnight-blue);
}

.button.dark:hover {
  background-color: var(--dark-slate-blue);
}

.button.dark.top-margin {
  margin-top: 20px;
}

.button.google-rezensionen {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6553725c7eaff23b6f01724d_Google__G__Logo.svg.webp");
  background-position: 5%;
  background-repeat: no-repeat;
  background-size: auto 32px;
  padding-left: 56px;
  transition: transform .3s, color .2s, background-color .2s, border-color .2s;
  box-shadow: 0 2px 20px 2px #0000000f;
}

.button.google-rezensionen:hover {
  transform: scale(1.03);
}

.button.submit-button {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/642ad46883b41cb8a05247d9_right-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 50px;
  padding-left: 50px;
}

.button.margin-top {
  margin-top: 20px;
}

.button.margin-top-40 {
  margin-top: 40px;
}

.button.kontakt {
  border: 1px solid var(--alice-blue-2);
  color: var(--alice-blue-2);
  background-color: #0000;
}

.button.kontakt:hover {
  background-color: var(--alice-blue-2);
  box-shadow: none;
  color: var(--midnight-blue);
  border-color: #0000;
}

.button.kontakt-dropdown {
  border: 1px solid var(--alice-blue-2);
  color: var(--alice-blue-2);
  background-color: #0000;
  display: none;
}

.button.kontakt-dropdown:hover {
  background-color: var(--alice-blue-2);
  box-shadow: none;
  color: var(--midnight-blue);
  border-color: #0000;
}

.button.kontakt-footer {
  border: 1px solid var(--alice-blue-2);
  color: var(--alice-blue-2);
  background-color: #0000;
  margin-top: 12px;
}

.button.kontakt-footer:hover {
  background-color: var(--alice-blue-2);
  box-shadow: none;
  color: var(--midnight-blue);
  border-color: #0000;
}

.button.solarrechner {
  padding-left: 24px;
}

.nav-bar {
  z-index: 100;
  background-color: var(--white);
  justify-content: center;
  height: 80px;
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 40px #0000001c;
}

.nav-bar.bg-blue {
  background-color: var(--midnight-blue);
  width: 100%;
  height: 100px;
}

.text-link {
  color: var(--coral);
  text-align: left;
  font-size: 15px;
  transition: color .2s;
  display: block;
}

.text-link:hover {
  color: var(--orange);
}

.utility-page-wrapper {
  background-color: var(--black);
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.utility-page-content {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 570px;
  display: flex;
  position: relative;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-top: 8px;
  display: flex;
}

.haze {
  background-color: var(--haze);
}

.text-grey {
  color: var(--grey-1);
}

.text-grey.centered {
  text-align: center;
}

.no-margin {
  margin: 0;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.intro {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.intro.no-margin-bottom {
  max-width: 60%;
  margin-bottom: 0;
}

.intro.margin-bottom {
  margin-bottom: 80px;
}

.intro.p-l-start {
  margin-top: 4em;
}

.intro.p-xl-end {
  width: 60%;
  margin-bottom: 8em;
}

.intro.margin-top {
  margin-top: 40px;
}

.intro.small-margin-bottom {
  margin-bottom: 20px;
}

.intro.hero {
  max-width: 700px;
}

.intro.hero.bottom-center {
  position: absolute;
  inset: auto 0 90px;
}

.intro.margin-bottom-40px {
  text-align: center;
  margin-bottom: 40px;
}

.intro.margin-top-40px {
  margin-top: 40px;
}

.intro.margin-bottom-20px {
  margin-bottom: 20px;
}

.intro.left {
  margin-left: 0;
}

.intro.right {
  margin-right: 0;
}

.text-label {
  color: var(--grey-1);
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 4px;
  margin-bottom: 12px;
  font-family: Lato, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  display: inline-block;
}

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

.text-label.white._50 {
  opacity: .5;
}

.text-label.white.contact {
  margin-bottom: 6px;
}

.text-label.orange {
  color: var(--coral);
}

.text-label.orange.no-margin {
  margin-bottom: 0;
}

.link-white {
  color: #fff;
  text-decoration: none;
}

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

.link-white.left {
  margin-right: 20px;
}

.footer-link {
  color: var(--white);
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.footer-link:hover {
  color: var(--coral);
}

.brand {
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.change-icon {
  background-color: var(--dark);
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.hidden {
  margin-left: 0;
  display: none;
}

.no-padding-top {
  padding-top: 0;
}

.page-wrapper {
  width: 100%;
  position: relative;
}

.navigation {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  padding-right: 20px;
  display: flex;
}

.text-big {
  font-size: 17px;
  line-height: 28px;
}

.text-big.text-grey {
  text-align: center;
  font-size: 15px;
  line-height: 25px;
  display: block;
}

.text-big.text-white {
  margin-bottom: 20px;
}

.text-big.text-white.margin-bottom-40px, .text-big.text-white.margin-bottom-40px.mobile-centered, .text-big.margin-bottom-40px {
  margin-bottom: 40px;
}

.text-dark-grey {
  color: var(--grey-1);
}

.bg-elements {
  z-index: 0;
  opacity: .05;
  justify-content: center;
  align-items: center;
  max-width: 90%;
  height: 100%;
  min-height: 640px;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0;
}

.pricing-v1-feature {
  color: var(--grey-1);
  cursor: help;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: background-color .3s, color .3s;
  display: flex;
  position: relative;
}

.pricing-v1-feature:hover {
  background-color: var(--haze);
  color: var(--dark);
}

.info {
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: 4px;
  padding: 4px;
  transition: border .3s;
  display: flex;
  position: relative;
}

.info:hover {
  border-color: red;
}

.form-error {
  color: var(--red);
  text-align: center;
  background-color: #ee3e541f;
  border: 1px solid #ee3e5480;
  border-radius: 7px;
  margin-top: 16px;
  padding: 7px 12px;
  font-size: 13px;
  line-height: 20px;
}

.form-error.white {
  background-color: var(--white);
  border-color: #0000;
}

.input {
  background-color: var(--haze);
  border: 1px solid #0000;
  border-radius: 7px;
  height: 48px;
  margin-bottom: 0;
  padding: 7px 20px 8px;
  transition: box-shadow .4s, opacity .2s, color .4s, background-color .4s, border-color .4s;
}

.input:hover, .input:focus {
  border-color: var(--primary-1);
  background-color: var(--white);
}

.input::placeholder {
  color: var(--grey-2);
}

.input.text-area {
  color: var(--midnight-blue);
  height: auto;
  min-height: 200px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
}

.input.password-input {
  text-align: center;
  margin-bottom: 16px;
}

.input.white {
  background-color: var(--white);
  color: var(--midnight-blue);
  font-size: 16px;
}

.input.search-input {
  background-color: var(--white);
  border-radius: 12px;
  padding-left: 48px;
}

.form-success {
  color: var(--green);
  background-color: #88ae451f;
  border: 1px solid #88ae4580;
  border-radius: 7px;
  padding: 7px 12px;
  font-size: 13px;
  line-height: 20px;
}

.form-success.white {
  background-color: #fff;
  border-color: #0000;
}

.post-card-v3-info {
  color: var(--grey-2);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding: 11px 12px 12px;
  font-size: 12px;
  line-height: 20px;
  display: flex;
}

.link {
  box-shadow: inset 0 -2px 0 0 var(--grey-4);
  color: var(--black);
  text-align: left;
  align-items: center;
  margin-top: -8px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link.blog-intro-link {
  margin-top: 0;
  margin-right: 8px;
}

.post-card-v3 {
  background-color: var(--white);
  color: var(--black);
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 16px;
  text-decoration: none;
  transition: border-color .4s, background-color .4s, box-shadow .4s, transform .4s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 40px #0000001c;
}

.post-card-v3:hover {
  background-color: var(--white);
  border-color: #eaeaea00;
  transform: translate(0, 3px);
}

.post-card-v3-content {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 40px 16px 0;
  display: flex;
}

.post-card-v3-image {
  z-index: 2;
  background-color: var(--haze);
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/657e10f26ceef1e1bff27feb_Gro%C3%9F%20(DJI_0255).jpeg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 240px;
  max-height: 18vw;
  transition: filter .2s;
  display: flex;
  position: relative;
}

.dropdown-corner {
  z-index: 1;
  background-color: #fff;
  width: 8px;
  height: 8px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  top: -4px;
  left: 33px;
  transform: rotate(45deg);
}

.dropdown-bridge {
  z-index: 1;
  height: 8px;
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
}

.inline-links {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.inline-links.hidden {
  display: none;
}

.review-v7 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.review-v9 {
  z-index: 1;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  position: relative;
}

.icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  display: flex;
}

.video-link {
  border: 1px solid var(--grey-3);
  color: var(--dark);
  border-radius: 17px;
  align-items: center;
  height: 34px;
  margin-top: 24px;
  padding-left: 4px;
  padding-right: 13px;
  text-decoration: none;
  display: flex;
}

.feature-centered {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.feature-centered.white {
  color: var(--white);
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 35px;
  line-height: 1em;
}

.footer-v1-block {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.social-icons-small {
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-link-small {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  transition: background-color .4s;
  display: flex;
}

.social-link-small:hover {
  background-color: var(--primary-1);
}

.social-icon-small {
  width: 16px;
}

.top-bar {
  z-index: 10;
  background-color: var(--dark);
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: auto;
  min-height: 40px;
  padding: 6px 32px;
  font-size: 12px;
  line-height: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.post-rich-text {
  width: 80%;
}

.post-rich-text p {
  color: var(--grey-1);
  margin-bottom: 28px;
  font-size: 16px;
  line-height: 28px;
}

.post-rich-text a {
  color: var(--primary-1);
  text-decoration: none;
}

.post-rich-text a:hover {
  text-decoration: underline;
}

.post-rich-text img {
  border-radius: 12px;
}

.footer-bottom {
  color: #ffffff80;
  border-top: 1px solid #ffffff29;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 11px;
  line-height: 16px;
  display: flex;
}

.text-highlighted {
  color: var(--orange);
  background-color: #f77e461a;
  border-radius: 3px;
  padding-left: 4px;
  padding-right: 4px;
  font-weight: 700;
  display: inline-block;
}

.text-highlighted.dark-bg {
  background-color: #0000;
}

.testimonials-v5 {
  background-color: #0000;
  width: 100%;
  max-width: 88vw;
  height: auto;
  margin: -40px auto;
  padding: 0 72px 40px;
}

.testimonials-v5-slide {
  width: 50%;
  padding-left: 40px;
  padding-right: 40px;
}

.slider-nav {
  opacity: 1;
  height: 30px;
  font-size: 8px;
  line-height: 16px;
}

.slider-nav.testimonials-v5-nav {
  display: none;
}

.review-v5 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.logo {
  height: 55px;
}

.menu-button.w--open {
  background-color: #4c5c7640;
  border-radius: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.layout-box {
  flex-direction: column;
  align-items: center;
  padding: 40px 8%;
  display: flex;
}

.sidebar-banner {
  background-color: var(--dark);
  color: var(--white);
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/642ad46883b41c7c4a5246eb_coffee-creative-cup-space-3803974.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  padding: 72px 36px 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sidebar-card-info {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.faq-question {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 8px;
  display: flex;
}

.password-card {
  z-index: 1;
  color: var(--black);
  text-align: center;
  background-color: #fff;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 370px;
  margin-top: 40px;
  padding: 56px;
  display: flex;
  position: relative;
  box-shadow: 0 15px 40px #2c33401c;
}

.heading-margin-28 {
  margin-bottom: 28px;
}

.faq-top-link {
  color: var(--grey-3);
  font-size: 12px;
  text-decoration: underline;
  display: inline-block;
}

.faq-top-link:hover {
  color: var(--dark);
  text-decoration: underline;
}

.subscribe-form {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: grid;
  position: relative;
}

.search-result-url {
  background-color: var(--haze);
  opacity: 1;
  color: var(--black);
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 4px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.search-result-url:hover {
  text-decoration: underline;
}

.search-result {
  color: var(--black);
  background-color: #fff;
  border-radius: 20px;
  align-items: center;
  margin-bottom: 24px;
  padding: 20px;
  display: flex;
  box-shadow: 0 15px 40px #0000001c;
}

.search-result:hover {
  z-index: 1;
}

.nav-dropdown {
  margin-left: 0;
  margin-right: 0;
}

.nav-dropdown.full-screen {
  z-index: 1000;
  background-color: var(--midnight-blue);
  background-image: linear-gradient(180deg, var(--midnight-blue), #4c5c76e6), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/643696fd7a17364fabbb76f2_Bild%201.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  bottom: 0%;
}

.contact-form {
  grid-column-gap: 15px;
  grid-row-gap: 5px;
  text-align: left;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 720px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.menu-icon-line-top, .menu-icon-line-bottom {
  background-color: var(--white);
  height: 2px;
}

.menu-icon {
  float: right;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.menu-icon-line-middle {
  background-color: var(--white);
  height: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.review-v1 {
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  padding-top: 32px;
  display: flex;
  box-shadow: 0 15px 40px #0000001c;
}

.review-star {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/642ad46883b41c835c5247fd_star-color.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 18px;
  height: 18px;
}

.review-star.white {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/642ad46883b41c97535247db_star-white.svg");
}

.slider-button {
  background-color: var(--white);
  color: var(--black);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  padding: 14px;
  font-size: 20px;
  transition: box-shadow .2s;
  display: flex;
  left: -48px;
  box-shadow: 0 1px 2px #00000024;
}

.slider-button:hover {
  box-shadow: 0 0 0 4px #00000026, 0 8px 16px #0000001a;
}

.slider-button.right {
  left: auto;
  right: -48px;
}

.testimonials-v3 {
  z-index: 1;
  background-color: var(--white);
  color: var(--black);
  border-radius: 20px;
  max-width: 670px;
  height: auto;
  margin: 40px auto;
  padding: 40px 60px;
  box-shadow: 0 12px 32px -10px #00000029;
}

.review-v3 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.review-v3-avatar {
  object-fit: cover;
  border-radius: 50%;
  width: 88px;
  height: 88px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
}

.review-v3-text {
  text-align: center;
  margin-top: 8px;
  margin-bottom: 20px;
  font-family: Caladea, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 32px;
}

.review-v3-name {
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.main-grid {
  grid-column-gap: 30px;
  grid-row-gap: 64px;
  perspective: 2000px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.main-grid.margin-top {
  margin-top: 60px;
}

.main-grid.margin-top.hidden {
  display: none;
}

.main-grid.margin-bottom {
  margin-bottom: 60px;
}

.dots {
  opacity: .12;
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/642ad46883b41c74e1524837_circle-pattern-white.svg");
  background-position: 0 0;
  background-size: 12px;
  width: 297px;
  height: 118px;
  position: absolute;
  inset: 25% auto auto 3%;
}

.circle-small {
  opacity: .08;
  width: 8vw;
  position: absolute;
  inset: 12% 7% auto auto;
}

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

.post-card-v3-heading {
  text-transform: none;
  flex: 1;
  margin-bottom: 12px;
}

.post-card-category {
  color: var(--black);
}

.sidebar-author-link {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.card-button {
  background-color: var(--white);
  box-shadow: inset 0 1px 0 0 var(--grey-4);
  color: var(--black);
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 64px;
  padding-bottom: 1px;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: color .4s;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.card-button:hover {
  color: var(--white);
}

.post-tags {
  border-top: 1px solid var(--grey-3);
  align-items: flex-start;
  margin-top: 16px;
  padding-top: 32px;
  padding-bottom: 8px;
  display: flex;
}

.post-tags.hidden {
  display: none;
}

.post-tags-heading {
  flex: none;
  margin-top: 2px;
  margin-right: 12px;
  font-size: 15px;
  line-height: 20px;
}

.posts-3-cols {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.posts-3-cols.margin-buttom {
  margin-bottom: 24px;
}

.accordion-header {
  color: #222;
  cursor: pointer;
  justify-content: flex-end;
  align-items: center;
  min-height: 72px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 40px;
  font-family: PT Sans, sans-serif;
  display: flex;
  position: relative;
}

.accordion-item {
  border-top: 1px solid var(--grey-4);
  border-bottom: 1px solid var(--grey-4);
  text-align: left;
  margin-bottom: -1px;
  transition: box-shadow .4s, background-color .4s;
  display: block;
  overflow: hidden;
}

.accordion-text {
  color: var(--grey-1);
  padding-bottom: 32px;
}

.accordion-heading {
  flex: 1;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 16px;
  font-size: 18px;
  font-weight: 700;
}

.accordion-heading.big {
  font-size: 24px;
}

.side-accordion {
  margin-bottom: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.accordion-plus {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: flex;
  position: absolute;
  right: 0;
}

.question-simple {
  border-bottom: 1px solid var(--grey-4);
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: -1px;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-right: 4%;
  display: flex;
}

.gallery-photo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.feature-image-big {
  border-radius: 10px;
  width: 100%;
}

.feature-image-big._6-4 {
  aspect-ratio: 6 / 4;
  object-fit: cover;
}

.feature-card {
  z-index: 1;
  background-color: var(--white);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  flex: 270px;
  align-items: center;
  padding: 32px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 8px 24px #0000001a;
}

.feature-card.bewertung-01, .feature-card.bewertung-02, .feature-card.bewertung-03, .feature-card.bewertung-04 {
  padding-top: 32px;
}

.feature-card.align-left {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px 24px;
}

.feature-card._5-reasons {
  background-color: var(--_farben-aktuell---blue-04);
  width: 100%;
  max-width: 600px;
  padding: 20px;
}

.feature-image {
  background-color: var(--white);
  object-fit: contain;
  border-radius: 10px;
  width: 100%;
  height: 200px;
  margin-bottom: 24px;
  display: block;
}

.feature-image.illustration {
  background-color: var(--white);
  object-fit: contain;
  height: 250px;
}

.feature-image.contain {
  object-fit: contain;
  background-color: #d1d1d100;
  border-radius: 10px 10px 0 0;
  height: auto;
}

.search-result-info {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding-top: 4px;
  padding-left: 32px;
  padding-right: 16px;
  display: flex;
}

.search-result-image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex: none;
  width: 240px;
  height: 184px;
}

.search-result-heading {
  margin-bottom: 8px;
}

.nav-right {
  z-index: 1;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  margin-right: 12px;
  display: flex;
  position: relative;
}

.testimonials-v3-nav {
  height: 28px;
  font-size: 6px;
  line-height: 16px;
  bottom: -36px;
}

.top-bar-close {
  cursor: pointer;
  background-color: #0003;
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/642ad46883b41c4eab5247de_x-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 40px;
  height: 100%;
  transition: background-color .4s;
  position: absolute;
  right: 0;
}

.top-bar-close:hover {
  background-color: var(--primary-1);
}

.home-button {
  background-color: var(--grey-4);
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/642ad46883b41c6881524838_home-color.svg");
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 16px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 78px;
  height: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.back-to-top, .top {
  height: 0;
}

.top-button {
  z-index: 10;
  background-color: var(--primary-1);
  color: var(--white);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 16px;
  transition: background-color .3s;
  display: flex;
  position: fixed;
  inset: auto 16px 16px auto;
}

.top-button:hover {
  background-color: var(--dark);
}

.post-card-type {
  z-index: 2;
  border: 2px solid var(--white);
  background-color: var(--dark);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: relative;
}

.post-card-type.v3 {
  margin-bottom: -24px;
}

.post-card-type.v3.hidden {
  display: none;
}

.divider {
  background-color: var(--primary-1);
  border-radius: 1.5px;
  width: 88px;
  height: 2px;
  margin-top: 6px;
  margin-bottom: 16px;
}

.divider.no-margin-bottom {
  margin-bottom: 0;
}

.page-intro-left {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  max-width: 570px;
  margin-top: -16px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.page-intro-left.centered {
  text-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.subscribe {
  width: 400px;
  max-width: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 8px;
}

.form-info {
  color: var(--grey-1);
  text-align: left;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-bottom: -16px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 11px;
  line-height: 16px;
  display: flex;
}

.form-info.white {
  color: var(--white);
}

.dot-divider {
  background-color: var(--grey-3);
  border-radius: 50%;
  width: 3px;
  height: 3px;
  margin-left: 6px;
  margin-right: 6px;
}

.dot-divider.white {
  background-color: #ffffff4d;
}

.search-link-icon {
  width: 13px;
  margin-right: 6px;
}

.footer-v1 {
  background-color: var(--midnight-blue);
  color: var(--white);
  padding-top: 60px;
}

.footer-bottom-left {
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-bottom-right {
  text-align: right;
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.footer-contact-icon {
  height: 16px;
  margin-top: 3px;
  margin-right: 8px;
}

.review-v5-rating {
  border-radius: 14px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 28px;
  margin-top: 16px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.review-v5-avatar {
  object-fit: cover;
  border-radius: 50%;
  flex: none;
  width: 88px;
  height: 88px;
  margin-bottom: 16px;
}

.review-v5-name {
  margin-bottom: 12px;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
}

.pricing-features-left {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-right: 24px;
  display: grid;
}

.pricing-features-right {
  grid-column-gap: 30px;
  grid-row-gap: 32px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-left: 24px;
  display: grid;
}

.link-arrow {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/642ad46883b41c7b805246f1_right.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-bottom: -1px;
  margin-left: 3px;
  margin-right: -3px;
  font-size: 16px;
}

.hero-slider {
  color: #fff;
  object-fit: fill;
  background-color: #000;
  height: 82vh;
  min-height: 680px;
  max-height: 56vw;
}

.sidebar-card-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  margin-bottom: 12px;
  display: flex;
}

.promo-card-heading {
  margin-bottom: 20px;
}

.text-color-2 {
  color: var(--primary-2);
}

.list-dropdown {
  z-index: 30;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: -8px;
  padding-bottom: 8px;
  display: flex;
  position: relative;
}

.list-dropdown.hidden {
  display: none;
}

.list-dropdown-heading {
  color: var(--dark);
  font-weight: 700;
  display: none;
}

.category-link {
  background-color: var(--white);
  color: var(--black);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-right: 8px;
  padding: 4px 15px;
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  box-shadow: 0 3px 9px #0000001c;
}

.category-link:hover {
  background-color: var(--coral);
  color: var(--white);
}

.category-link.w--current {
  background-color: var(--primary-1);
  color: var(--white);
  border-color: #0000;
}

.categories {
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.top-message-content {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.contact-v2 {
  grid-column-gap: 64px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-v2-media {
  object-fit: cover;
  border-radius: 10px;
  display: flex;
  position: relative;
}

.side-nav-link {
  border: 4px solid var(--white);
  background-color: #574b8a4d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
  position: relative;
}

.side-nav-link:hover {
  background-color: #574b8a80;
}

.side-nav-link.w--current {
  background-color: var(--dark);
  width: 16px;
  height: 16px;
  transition: border-radius .4s, border-color .4s, background-color .4s;
}

.top-button-icon {
  margin: 0 auto 1px;
  position: relative;
  transform: rotate(180deg);
}

.icon-box {
  background-color: var(--dark);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 16px;
  display: flex;
}

.icon-box.color-3 {
  background-color: var(--primary-3);
}

.input-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.input-wrapper.search-input-wrapper {
  flex: 1;
}

.input-icon {
  opacity: .5;
  width: 20px;
  margin-left: 16px;
  position: absolute;
  left: 0;
}

.moving-bg {
  z-index: 0;
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 50% 30%;
  align-self: auto;
  width: 104%;
  max-width: none;
  height: 104%;
  margin-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.moving-bg.hero-v3-image {
  opacity: .25;
}

.moving-bg.testimonials-v5-bg {
  opacity: .7;
}

.moving-bg._404-bg {
  opacity: .95;
}

.moving-bg._50 {
  opacity: .5;
}

.moving-bg.page-header-image {
  opacity: .98;
}

.moving-bg.page-header-image._25 {
  opacity: .25;
}

.logo-reviews {
  align-items: flex-start;
  padding: 48px 15px;
  display: flex;
}

.logo-reviews-info {
  flex-direction: column;
  align-items: flex-start;
  width: 33.33%;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 20px;
  display: flex;
}

.logo-reviews-stars {
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.logo-reviews-text {
  color: var(--grey-1);
  margin-top: 4px;
  font-size: 13px;
  line-height: 16px;
}

.logo-reviews-heading {
  margin-bottom: 8px;
}

.logo-slider {
  border: 1px solid var(--grey-4);
  background-color: #0000;
  border-radius: 12px;
  flex: 1;
  height: 128px;
  padding: 20px 32px;
}

.logo-slide {
  width: 25%;
  padding: 12px;
}

.logo-slide-link {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.logo-slide-brand {
  height: 28px;
}

.logo-slider-button {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  color: var(--black);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 20px;
  transition: all .4s;
  left: -20px;
}

.logo-slider-button:hover {
  background-color: var(--primary-1);
  color: var(--white);
  border-color: #0000;
}

.logo-slider-button:active {
  transform: scale(.92);
}

.logo-slider-button.right {
  left: auto;
  right: -20px;
}

.logo-slider-nav {
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  border-radius: 12px;
  width: 44px;
  height: 24px;
  margin-bottom: -12px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 6px;
}

.logo-reviews-rating {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.intro-left {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin: auto;
  padding-right: 0;
  display: flex;
}

.intro-left.team-left-info {
  margin-top: 0;
  padding-top: 48px;
  padding-right: 8%;
  position: sticky;
  top: 104px;
}

.intro-left.landing-page {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 12px;
  width: 50%;
  position: absolute;
  inset: 15vh auto auto 4%;
}

.intro-left.margin-bottom-20px {
  margin-bottom: 20px;
  margin-left: 0;
}

.media-rounded {
  z-index: 2;
  border-radius: 24px;
  height: auto;
  position: relative;
}

.media-container {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.link-underline {
  z-index: 1;
  background-color: var(--coral);
  width: 50%;
  height: 2px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.feature-cards-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.testimonials-v3-button {
  background-color: var(--white);
  color: var(--black);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  padding: 14px;
  font-size: 20px;
  transition: all .2s;
  display: flex;
  left: -28px;
  box-shadow: 0 1px 2px #0003;
}

.testimonials-v3-button:hover {
  background-color: var(--primary-1);
  box-shadow: none;
  color: var(--white);
  transform: scale(1.1);
}

.testimonials-v3-button.right {
  left: auto;
  right: -28px;
}

.review-v3-author {
  border-top: 1px solid var(--grey-4);
  flex-direction: column;
  align-items: center;
  width: 230px;
  max-width: 100%;
  margin-bottom: -8px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.review-v3-info {
  color: var(--grey-1);
  font-size: 13px;
  line-height: 20px;
}

.sticky-menu {
  z-index: 3;
  border-bottom: 1px solid var(--grey-4);
  background-color: var(--white);
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 88px;
  margin-bottom: -64px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: sticky;
  top: 79px;
  box-shadow: 0 8px 20px -5px #0000000d;
}

.sticky-links {
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.sticky-link {
  color: var(--black);
  text-align: center;
  border-bottom: 2px solid #0000;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-left: 2%;
  margin-right: 2%;
  padding-bottom: 1px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  transition: box-shadow .4s;
  display: flex;
  position: relative;
  bottom: -1px;
}

.sticky-link.w--current {
  border-bottom-color: var(--primary-1);
  color: var(--primary-1);
}

.sticky-content {
  z-index: 3;
  background-color: var(--haze);
}

.hero-v3 {
  z-index: 2;
  color: var(--white);
  background-color: #000;
  background-image: linear-gradient(#4c5c76bf, #192d4ebf);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70vh;
  max-height: 80vh;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-v3-intro {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

._3-blocks-intro {
  grid-column-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 400px auto auto;
  margin-bottom: 60px;
}

.blog-intro-text {
  color: var(--grey-1);
  margin-top: 4px;
}

.team-member-profile {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.team-member-photo {
  z-index: 2;
  border: 4px solid var(--white);
  object-fit: cover;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-bottom: 24px;
  position: relative;
}

.team-member-bio {
  color: var(--black);
  margin-top: 4px;
  margin-bottom: 24px;
  font-size: 17px;
  line-height: 28px;
}

.accordion-toggle {
  justify-content: space-between;
  align-items: flex-start;
  padding: 21px 0;
  transition: color .4s;
  display: flex;
}

.accordion-toggle:hover {
  color: var(--primary-3);
}

.plus-line-h {
  background-color: var(--black);
  width: 100%;
  height: 2px;
  position: absolute;
}

.plus-line-v {
  background-color: var(--black);
  width: 2px;
  height: 100%;
  position: absolute;
}

.side-team-blocks {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.side-team-blocks.second {
  margin-left: 48px;
  padding-top: 48px;
}

.socical-icon {
  width: 20px;
}

.socical-icon.small {
  width: 18px;
}

.team-v2-social-link {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 4px 5px;
  transition: opacity .4s;
  display: flex;
}

.team-v2-social-link:hover {
  opacity: .6;
}

.team-v1-bio {
  color: var(--grey-1);
  font-size: 15px;
  line-height: 24px;
}

.side-team {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

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

.contact-v2-card {
  background-color: var(--midnight-blue);
  border-radius: 20px;
  flex-direction: column;
  min-height: 480px;
  padding: 20px;
  display: flex;
  box-shadow: 0 15px 40px #0000001c;
}

.contact-v2-card.bg-white {
  background-color: var(--white);
  border-radius: 100px;
  min-height: auto;
  position: relative;
}

.contact-v2-card.bg-white.hidden {
  display: none;
}

.contact-v2-card._02 {
  box-shadow: none;
  background-color: #0000;
  padding: 36px;
}

.contact-v2-card._02.mobile-flip {
  justify-content: flex-start;
  padding-top: 40px;
  padding-bottom: 40px;
}

.contact-v2-info {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  padding: 16px 12px;
}

.contact-v2-form {
  width: 100%;
  margin-bottom: 0;
}

.team-v1-card {
  background-color: var(--white);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 40px 20px 20px;
  transition: transform .4s, box-shadow .4s, border-color .4s;
  display: flex;
  position: relative;
  box-shadow: 15px 0 40px 1px #0000001c;
}

.team-v1-card:hover {
  box-shadow: 0 0 0 1px var(--grey-4);
  border-color: #0000;
  transform: translate(0, 3px);
}

.team-v1-card.bg-gradient {
  background-image: linear-gradient(to right, var(--midnight-blue), var(--dark-slate-blue));
}

.team-v1-card.bg-gradient.hide-mobile {
  padding-top: 20px;
}

.team-v1-card.teamfoto {
  padding: 10px 10px 20px;
}

.team-v1-photo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 144px;
  height: 144px;
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
}

.team-v1-social {
  z-index: 3;
  border: 1px solid var(--grey-4);
  background-color: var(--white);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 36px;
  margin-top: 16px;
  margin-bottom: -8px;
  padding-left: 11px;
  padding-right: 11px;
  display: flex;
  position: relative;
  bottom: 0;
  overflow: hidden;
}

.team-v1-social.hidden {
  display: none;
}

.team-v1-name {
  margin-top: 6px;
  margin-bottom: 8px;
}

.team-v1-role {
  border-bottom: 1px solid var(--gainsboro);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-top: 4px;
  padding-bottom: 3px;
  font-size: 9px;
  font-weight: 700;
  line-height: 16px;
}

.text-color-3 {
  color: var(--primary-3);
}

.blog-promo {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 144px;
}

.footer-v1-grid {
  grid-column-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 370px 1fr 1fr 270px;
  width: 100%;
  margin-bottom: 64px;
}

.footer-v1-description {
  margin-top: 16px;
  margin-bottom: 24px;
}

.footer-v1-info {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-right: 12%;
  display: flex;
}

.footer-instagram {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 24px;
  display: grid;
}

.footer-instagram.hidden {
  display: none;
}

.footer-insta-block {
  border-radius: 4px;
  width: 100%;
  padding: 50%;
  position: relative;
  overflow: hidden;
}

.footer-insta-photo {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.footer-contact {
  color: var(--white);
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  line-height: 20px;
  display: flex;
}

.footer-link-box {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-link-badge {
  background-color: var(--cornflower-blue);
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 100px;
  margin-left: 10px;
  padding: 4px 5px 4px 6px;
  font-size: 8px;
  font-weight: 700;
  line-height: 12px;
  transition: background-color .2s;
}

.footer-link-badge:hover {
  background-color: var(--primary-1);
}

.gallery-slider {
  height: 56vw;
}

.gallery-slider-button {
  background-color: var(--white);
  color: var(--black);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  font-size: 20px;
  transition: box-shadow .2s;
  display: flex;
  inset: auto 36px 36px auto;
  box-shadow: 0 1px 2px #00000024;
}

.gallery-slider-button:hover {
  box-shadow: 0 0 0 4px #00000026, 0 8px 16px #0000001a;
}

.gallery-slider-button.left {
  right: 96px;
}

.gallery-slide {
  background-color: #000;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.gallery-slider-nav {
  height: 36px;
  font-size: 7px;
  display: none;
}

.gallery-slider-gradient {
  z-index: 1;
  opacity: .7;
  background-image: linear-gradient(#0000, #000);
  height: 240px;
  position: absolute;
  inset: auto 0% 0%;
}

.galley-slide-info {
  z-index: 2;
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  max-width: 600px;
  margin-bottom: 20px;
  margin-left: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 40px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.gallery-slide-number {
  height: 100%;
  margin-right: 20px;
  font-family: Caladea, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 36px;
}

.gallery-slider-text {
  border-left: 1px solid #ffffff80;
  padding-left: 20px;
}

.top-message-button {
  background-color: var(--primary-3);
  color: var(--white);
  text-align: left;
  border-radius: 4px;
  align-items: center;
  margin-left: 8px;
  padding: 2px 10px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.top-message-button:hover {
  background-color: var(--primary-1);
}

.floating-element {
  z-index: 5;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
}

.floating-element._2 {
  margin-bottom: 5%;
  inset: auto 1px -103px 0;
}

.post-card-icon {
  width: 20px;
}

.engage-card {
  background-color: var(--orange);
  border-radius: 24px;
  display: flex;
  overflow: hidden;
}

.engage-content {
  color: var(--white);
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 150px;
  padding: 36px;
  display: flex;
  position: relative;
}

.engage-content.bg-gradient-2 {
  background-image: linear-gradient(225deg, var(--orange), #f58d3e 38%, var(--firebrick));
}

.engage {
  align-items: center;
  width: 40%;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.engage.p-l-start {
  margin-top: 4em;
}

.team-member-links {
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-member-link {
  background-color: var(--black);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-left: 4px;
  margin-right: 4px;
  transition: background-color .4s;
  display: flex;
}

.team-member-link:hover {
  background-color: var(--dark);
}

.team-member-link.twitter {
  background-color: var(--twitter);
}

.team-member-link.twitter:hover {
  background-color: var(--dark);
}

.team-member-link.facebook {
  background-color: var(--facebook);
}

.team-member-link.facebook:hover {
  background-color: var(--dark);
}

.team-member-link.instagram {
  background-color: var(--instagram);
}

.team-member-link.instagram:hover {
  background-color: var(--dark);
}

.team-member-role {
  color: var(--grey-1);
  margin-bottom: 12px;
}

.floating-review {
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 16px;
  display: flex;
  box-shadow: 0 15px 40px #0000001c;
}

.floating-review.bg-gradient {
  background-image: linear-gradient(to right, var(--midnight-blue), var(--dark-slate-blue) 45%, var(--cornflower-blue));
}

.floating-rating-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.floating-rating {
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.posts-2-cols {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.post-tag-link {
  border: 1px solid var(--grey-4);
  color: var(--black);
  text-transform: uppercase;
  border-radius: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 6px;
  padding: 3px 9px;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  transition: border-color .2s, background-color .2s, color .2s;
  display: inline-block;
}

.post-tag-link:hover {
  background-color: var(--primary-1);
  color: #fff;
  border-color: #0000;
}

.post-tag-list {
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: -4px;
  display: flex;
}

.inline-text {
  justify-content: center;
  align-items: center;
  display: flex;
}

.accordion-icon {
  width: 40px;
  height: auto;
  margin-right: 12px;
}

.search-form {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 500px;
  max-width: 100%;
  margin-top: 8px;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
}

.protected-icon {
  width: 40px;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
}

.mini-review {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 370px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.mini-review-avatar {
  flex: none;
  justify-content: center;
  align-items: center;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.mini-review-photo {
  object-fit: cover;
  border-radius: 50%;
  width: 64px;
  height: 64px;
}

.mini-review-icon {
  width: 24px;
  margin-top: -4px;
  margin-right: 16px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.mini-review-icon.small {
  height: auto;
}

.mini-review-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.mini-review-content.centered {
  justify-content: flex-start;
  align-items: center;
}

.mini-review-text {
  margin-top: -4px;
  margin-bottom: 8px;
  font-weight: 700;
}

.mini-review-text.text-dark {
  color: var(--_farben-aktuell---black);
}

.mini-review-author {
  font-size: 13px;
}

.mini-review-author.text-dark {
  color: var(--_farben-aktuell---black);
}

.review-v5-text {
  font-size: 17px;
  line-height: 28px;
}

.team-member-bg-wrapper {
  justify-content: center;
  align-items: center;
  height: 32vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.team-profile-text {
  color: var(--white);
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 8px;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.team-profile-text.hidden {
  display: none;
}

.team-v2-link {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 100%;
  padding-top: 50%;
  padding-bottom: 50%;
  position: relative;
  overflow: hidden;
}

.footer-v3-links {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding-right: 16px;
  display: flex;
}

.footer-v3-nav {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 15px;
  display: flex;
}

.footer-v3-link {
  color: var(--white);
  text-transform: uppercase;
  border-radius: 7px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.footer-v3-link:hover {
  background-color: #ffffff0f;
}

.footer-v3 {
  background-color: var(--midnight-blue);
  padding-top: 20px;
}

.footer-v3-brand {
  color: var(--white);
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 3px;
  padding: 8px 20px 8px 0;
  font-family: Caladea, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 28px;
  display: flex;
}

.footer-v3-brand.margin-bottom {
  margin-bottom: 24px;
}

.footer-v3-content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.footer-v2 {
  background-color: var(--dark);
  color: var(--white);
  padding-top: 60px;
}

.footer-v2-grid {
  grid-column-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 370px;
  margin-bottom: 64px;
}

.footer-v2-block {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-v2-description {
  margin-bottom: 16px;
}

.footer-v2-info {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-left: 10%;
  display: flex;
}

.dropdown-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  width: 100%;
  margin-bottom: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: grid;
}

.feature-card-info {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.feature-cards-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.page-intro {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 570px;
  margin-top: -16px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.intro-hero {
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  max-height: 56vw;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.post-author-block {
  color: var(--grey-1);
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 13px;
  line-height: 20px;
  display: flex;
}

.post-author {
  color: var(--black);
  border: 1px solid #0000;
  border-radius: 40px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 1px;
  padding: 5px 16px 5px 5px;
  font-weight: 700;
  transition: border-color .2s, background-color .2s;
  display: flex;
}

.post-author:hover {
  border-color: var(--grey-4);
  background-color: var(--haze);
}

.post-author-photo {
  object-fit: cover;
  border-radius: 100%;
  flex: none;
  width: 50px;
  height: 50px;
  margin-right: 8px;
}

.footer-instagram-hover {
  z-index: 1;
  background-color: #00000080;
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/642ad46883b41c735a5247ce_instagram-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  height: 20px;
  position: absolute;
  inset: auto 0% 0%;
}

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

.contact-map {
  border-radius: 20px;
  height: 540px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

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

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

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

.text-white.small {
  font-size: 13px;
  line-height: 1.5em;
}

.text-white.small.margin-bottom-10px {
  margin-bottom: 10px;
}

.text-white.margin-bottom-20px {
  margin-bottom: 20px;
}

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

.text-white.margin-bottom-12px {
  margin-bottom: 12px;
}

.text-span-2 {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.title-1.text-white {
  margin-bottom: 20px;
}

.spacer-01 {
  height: 8em;
}

.post-list-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.post-list-2.margin-bottom {
  margin-bottom: 24px;
}

.text-label-2 {
  color: #666;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 4px;
  margin-bottom: 12px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  display: inline-block;
}

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #152035;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 13px 20px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .2s, background-color .2s, border-color .2s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.button-2:hover {
  background-color: #152035e6;
}

.collection-list-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #8a61ff00;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.blog-promo-subscribe-2 {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 370px;
  max-width: 100%;
  margin-bottom: 0;
  padding-right: 10%;
  display: flex;
}

.job {
  margin-bottom: 30px;
}

.heading-2 {
  color: #152035;
  font-size: 36px;
  line-height: 40px;
}

.text-basic {
  color: #152035;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.post-card-wide-content-2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.plus-line-h-2 {
  background-color: #151515;
  width: 100%;
  height: 2px;
  position: absolute;
}

.plus-line-v-2 {
  background-color: #151515;
  width: 2px;
  height: 100%;
  position: absolute;
}

.div-block-3 {
  margin-top: 20px;
}

.input-2 {
  background-color: #f5f5f5;
  border: 1px solid #0000;
  border-radius: 7px;
  height: 48px;
  margin-bottom: 20px;
  padding: 7px 20px 8px;
  transition: box-shadow .4s, opacity .2s, color .4s, background-color .4s, border-color .4s;
}

.input-2:hover {
  background-color: #f5f5f580;
}

.input-2:focus {
  background-color: #f5f5f580;
  border-color: #152035;
}

.input-2::placeholder {
  color: #999;
}

.input-2.text-area {
  height: auto;
  min-height: 200px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.accordion-header-2 {
  color: #222;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  min-height: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.heading-3 {
  color: #152035;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 35px;
}

.accordion-item-2 {
  text-align: left;
  margin-bottom: -1px;
  transition: box-shadow .4s, background-color .4s;
  display: block;
  overflow: hidden;
}

.text-block-7 {
  color: #152035;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 20px;
}

.link-underline-2 {
  z-index: 1;
  background-color: var(--coral);
  width: 50%;
  height: 2px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.post-card-jobs {
  grid-column-gap: 10px;
  grid-row-gap: 20px;
  color: #151515;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  padding: 30px 30px 20px;
  text-decoration: none;
  transition: box-shadow .4s, transform .4s;
  display: flex;
  position: relative;
  box-shadow: 0 15px 40px #0000001c;
}

.post-card-jobs:hover {
  background-color: #fff;
  transform: translate(0, 4px);
  box-shadow: 0 0 0 1px #e3e3e3;
}

.blog-post-info-card {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.blog-post-info-card.bg-blue {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--dark-slate-blue), var(--midnight-blue));
  color: var(--white);
  text-align: center;
  border-radius: 15px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 2%;
  top: -60px;
}

.card-img {
  border-radius: 1rem;
  flex: 1;
  justify-content: center;
  display: flex;
  position: relative;
}

.card_component {
  perspective: 1000px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.heading-5 {
  line-height: 1.2;
}

.heading-5.text-centered {
  text-align: center;
  font-size: 24px;
}

.card_side {
  backface-visibility: hidden;
  background-color: #141314;
  border: 1px solid #191819;
  border-radius: 2rem;
  padding: 4rem 1.75rem 1.75rem;
  position: absolute;
  inset: 0%;
}

.card_side.is-back {
  background-color: var(--white);
  transform-style: preserve-3d;
  border-style: none;
  border-radius: 20px;
  flex-flow: column;
  order: -1;
  min-height: 100%;
  padding: 20px;
  display: flex;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.card_side.is-front {
  grid-row-gap: 2.5rem;
  background-color: var(--white);
  border-style: none;
  border-radius: 20px;
  flex-direction: column;
  min-height: 100%;
  padding: 20px;
  display: block;
}

.section-tip {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.card_main-text {
  grid-row-gap: .5rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 1.5em;
  margin-bottom: 1.5rem;
  display: flex;
}

.card_wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 30rem;
  height: 35rem;
  display: flex;
  position: relative;
}

.container-large {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  filter: drop-shadow(0 2px 18px #00000024);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-large.slider {
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}

.show-mobile {
  display: none;
}

.p-l-end {
  margin-bottom: 60px;
}

.nav-dropdown-link-3 {
  color: var(--white);
  text-align: left;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  transition: color .1s, background-color .1s;
}

.nav-dropdown-link-3:hover {
  background-color: var(--dark-slate-blue);
}

.nav-dropdown-link-3.w--current {
  color: #151515;
  font-weight: 700;
}

.nav-grid-item._01 {
  background-color: #fff0;
  border-radius: 8px;
  padding: 12px;
}

.nav-grid-item._02 {
  text-align: left;
  background-color: #ffffff1a;
  border-radius: 8px;
  padding: 24px;
}

.nav-grid-item._03 {
  background-color: #fff0;
  border-radius: 8px;
  padding: 12px;
}

.heading-9, .heading-10 {
  color: var(--white);
  text-align: left;
}

.text-block-8 {
  text-align: left;
}

.text-block-8._50 {
  color: #ffffff80;
}

.job-item {
  border-bottom: 1px solid var(--dark-slate-blue);
  text-align: left;
  margin-top: 6px;
  display: block;
}

.job-item.no-margin {
  margin-top: 0;
}

.heading-11 {
  color: var(--cornflower-blue);
  text-align: left;
  margin-bottom: 0;
}

.heading-11.padding-bottom {
  padding-bottom: 3px;
}

.text-block-9 {
  margin-left: 5px;
}

.collection-list-wrapper-2 {
  min-width: 90%;
}

.text-block-10 {
  margin-left: 5px;
}

.collection-list-wrapper-3 {
  min-width: 90%;
}

.paragraph {
  font-size: 17px;
  font-weight: 700;
}

.datum {
  margin-left: 5px;
}

.projekt-post-info-card {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.projekt-post-info-card.bg-blue {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--dark-slate-blue), var(--midnight-blue));
  color: var(--white);
  text-align: center;
  border-radius: 15px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 2%;
  top: -60px;
}

.client-info-card {
  color: var(--grey-2);
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 11px 12px 12px;
  font-size: 12px;
  line-height: 20px;
  display: flex;
}

.text-label-3 {
  color: var(--white);
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 4px;
  margin-bottom: 12px;
  font-family: Lato, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  display: inline-block;
}

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

.text-label-3.white._50 {
  opacity: .5;
  margin-left: 5px;
}

.bildergalerie-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 10px;
  display: inline-block;
}

.lightbox-bildergalerie {
  object-fit: cover;
  justify-content: space-between;
}

.bildergalerie-bild {
  object-fit: cover;
  height: 300px;
}

.collection-list.bildergalerie-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.link-2, .link-3 {
  color: var(--white);
}

.faq-nav-link {
  z-index: 1;
  color: #666;
  border-radius: 7px;
  padding: 12px 20px;
  transition: all .2s;
  display: block;
  position: relative;
}

.faq-nav-link:hover {
  color: #151515;
}

.faq-nav-link.w--current {
  color: var(--coral);
  background-color: #fff;
  box-shadow: 0 6px 20px #0000001c;
}

.accordion-header-3 {
  color: #222;
  cursor: pointer;
  justify-content: flex-end;
  align-items: center;
  min-height: 72px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.accordion-heading-2 {
  flex: 1;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 16px;
  font-size: 18px;
}

.sidebar-video-text {
  color: #666;
  margin-top: -4px;
  font-size: 13px;
  line-height: 20px;
}

.sidebar-video-text.text-white {
  color: var(--white);
  margin-top: 10px;
}

.faq-nav-heading {
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 16px;
  padding-bottom: 16px;
}

.play-button {
  z-index: 3;
  background-color: #f77e46;
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/642ad46883b41c51935247d6_play-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 72px;
  height: 72px;
  transition: transform .4s;
  position: relative;
  box-shadow: 0 2px 8px #0000001c;
}

.play-button:hover {
  transform: scale(1.08);
}

.play-button.small {
  background-size: 24px;
  width: 56px;
  height: 56px;
}

.play-button.tiny {
  background-size: 16px;
  border-width: 1px;
  width: 28px;
  height: 28px;
}

.plus-line-h-3 {
  background-color: #151515;
  width: 100%;
  height: 2px;
  position: absolute;
}

.faq-block {
  padding-top: 80px;
}

.faq-block.first {
  margin-top: -80px;
}

.sidebar-video {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/642ad46883b41cdb28524815_woman-in-blue-long-sleeve-shirt-sitting-at-the-table-working-3767388.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 22%;
  padding-bottom: 22%;
  transition: filter .4s;
  display: flex;
  position: relative;
}

.sidebar-video.hidden {
  display: none;
}

.wrapper-2 {
  z-index: 2;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.faq-sidebar {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-right: 20%;
  display: grid;
  position: sticky;
  top: 128px;
}

.accordion-text-2 {
  color: #666;
  padding-bottom: 32px;
}

.sidebar-video-info {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 8px;
  padding: 12px;
  display: flex;
}

.divider-2 {
  background-color: #f77e46;
  border-radius: 1.5px;
  width: 88px;
  height: 2px;
  margin-top: 6px;
  margin-bottom: 16px;
}

.accordion-item-3 {
  text-align: left;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: -1px;
  transition: box-shadow .4s, background-color .4s;
  display: block;
  overflow: hidden;
}

.text-color-4 {
  color: var(--coral);
}

.sidebar-faq-links {
  text-align: left;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
}

.faq-block-heading {
  margin-top: 32px;
  margin-bottom: 32px;
}

.faq-list {
  flex-direction: column;
  display: flex;
}

.sidebar-video-block {
  background-color: #fff;
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 15px 40px #0000001c;
}

.sidebar-video-block.bg-gradient {
  background-image: linear-gradient(to right, var(--midnight-blue), var(--dark-slate-blue));
}

.contact-details-wrapper {
  margin-top: 12px;
  display: flex;
}

.sidebar-contact-wrapper {
  background-color: var(--dim-grey);
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/642ad46883b41c51935247d6_play-white.svg");
  background-position: 4px;
  background-repeat: no-repeat;
  background-size: 12px;
  border-radius: 4px;
  padding: 3px 8px 3px 20px;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  transition: transform .35s;
}

.sidebar-contact-wrapper:hover {
  transform: scale(1.05);
}

.sidebar-contact-wrapper.margin-right {
  background-color: var(--dim-grey);
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/642ad46883b41c51935247d6_play-white.svg");
  margin-right: 10px;
  transition: transform .35s;
}

.sidebar-contact-wrapper.margin-right:hover {
  transform: scale(1.05);
}

.illustration-wrapper {
  background-color: var(--alice-blue-2);
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  display: flex;
}

.footer-link-badge-2 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #853f71;
  border-radius: 4px;
  margin-left: 10px;
  padding: 4px 5px 4px 6px;
  font-size: 8px;
  font-weight: 700;
  line-height: 12px;
  transition: background-color .2s;
}

.footer-link-badge-2:hover {
  background-color: #f77e46;
}

.accordion-header-4 {
  color: #222;
  cursor: pointer;
  justify-content: flex-end;
  align-items: center;
  min-height: 72px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.accordion-heading-3 {
  flex: 1;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 16px;
  font-size: 18px;
}

.simple-questions {
  grid-column-gap: 30px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  width: 83.33%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.icon-box-2 {
  background-color: #452c48;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 16px;
  display: flex;
}

.icon-box-2.color-3 {
  background-color: #853f71;
}

.plus-line-h-4 {
  background-color: #151515;
  width: 100%;
  height: 2px;
  position: absolute;
}

.mini-video {
  color: #151515;
  background-color: #fff;
  border-radius: 11px;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 8px;
  padding: 12px;
  transition: all .4s;
  display: flex;
  box-shadow: 0 6px 20px #0000001c;
}

.mini-video:hover {
  transform: translate(0, 3px);
  box-shadow: 0 0 0 1px #e3e3e3;
}

.footer-v1-2 {
  color: #fff;
  background-color: #452c48;
  padding-top: 60px;
}

.intro-left-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.intro-left-2.sticky {
  position: sticky;
  top: 128px;
}

.footer-link-2 {
  color: #fff;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

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

.dot-divider-2 {
  background-color: #d1d1d1;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  margin-left: 6px;
  margin-right: 6px;
}

.dot-divider-2.white {
  background-color: #ffffff4d;
}

.faq-box-info {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.text-link-2 {
  color: #f77e46;
  text-decoration: none;
  transition: color .2s;
}

.text-link-2:hover {
  color: #f77e46;
  text-decoration: underline;
}

.mini-video-preview {
  background-color: #151515;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.faq-box {
  grid-column-gap: 80px;
  grid-row-gap: 16px;
  background-color: #f5f5f5;
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: 330px 1fr;
  grid-auto-columns: 1fr;
  padding: 80px 6%;
  display: grid;
}

.faq-box.bg-white {
  background-color: var(--white);
}

.button-3 {
  color: #fff;
  text-align: center;
  background-color: #f77e46;
  border-style: none;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 13px 20px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: color .2s, background-color .2s, border-color .2s;
  display: flex;
}

.button-3:hover {
  background-color: #452c48;
}

.intro-2 {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.intro-2.margin-bottom {
  margin-bottom: 80px;
}

.mini-video-text {
  margin-left: 8px;
  margin-right: 16px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}

.footer-contact-2 {
  color: #fff;
  align-items: flex-start;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  line-height: 20px;
  display: flex;
}

.footer-v1-brand-2 {
  color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -8px;
  padding: 8px 20px 8px 0;
  font-family: Caladea, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 28px;
  display: flex;
}

.question-simple-2 {
  border-bottom: 1px solid #e3e3e3;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: -1px;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-right: 4%;
  display: flex;
}

.question-simple-2.first {
  border-top: 1px solid #e3e3e3;
}

.accordion-item-4 {
  text-align: left;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: -1px;
  transition: box-shadow .4s, background-color .4s;
  display: block;
  overflow: hidden;
}

.text-color-5 {
  color: #853f71;
}

.mini-video-preview-image {
  object-fit: cover;
  width: 80px;
  height: 60px;
}

.social-link-small-2 {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  transition: background-color .4s;
  display: flex;
}

.social-link-small-2:hover {
  background-color: #f77e46;
}

.text-label-4 {
  color: #666;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 4px;
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  display: inline-block;
}

.text-grey-2 {
  color: #666;
}

.illustration-faq.mobile {
  display: none;
}

.contact-details {
  background-color: var(--white);
  border-radius: 12px;
  padding: 8px 12px;
}

.contact-details.absolute {
  background-color: var(--dark-slate-blue);
  color: var(--white);
  border-radius: 12px;
  padding: 8px 24px;
  position: absolute;
  inset: auto 10% 10% auto;
  box-shadow: 0 2px 20px 5px #0000001f;
}

.heading-contact-info {
  margin-bottom: 0;
}

.contact-v2-image {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.text-link-wrapper {
  flex-direction: row;
  display: flex;
}

.text-block-12 {
  margin-right: 4px;
}

.heading-h3.text-white, .heading-h3.text-white.margin-bottom {
  margin-bottom: 12px;
}

.heading-h3.cta-heading {
  color: var(--midnight-blue);
  text-align: center;
}

.projekt-post-info-card-2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.projekt-post-info-card-2.bg-gradient-01 {
  z-index: 10;
  background-image: linear-gradient(90deg, var(--midnight-blue), var(--dark-slate-blue));
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  width: auto;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 80px;
  display: flex;
  position: relative;
  bottom: -40px;
  box-shadow: 0 2px 20px 8px #0003;
}

.projekt-post-info-card-2.bg-gradient-01.hidden {
  display: none;
}

.projekt-details-heading.text-white.middle {
  color: var(--coral);
  margin-left: 8px;
  margin-right: 8px;
  font-size: 24px;
  line-height: 32px;
}

.projekt-details-heading.text-white.first, .projekt-details-heading.text-white.last {
  font-size: 24px;
  line-height: 32px;
}

.projekt-details-wrapper-01 {
  display: flex;
}

.projekt-details-wrapper-01.margin-bottom {
  margin-bottom: 12px;
}

.projekt-details-wrapper-02 {
  display: flex;
}

.projekt-details-subheading {
  text-align: center;
  margin-top: 12px;
  font-size: 18px;
  line-height: 24px;
}

.projekt-details-subheading.text-white {
  font-size: 16px;
  font-weight: 400;
}

.text-span-3 {
  color: var(--coral);
}

.google-map-wrapper {
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
}

.google-map-wrapper.margin-bottom-40px {
  margin-bottom: 40px;
}

.heading-rezension {
  font-size: 18px;
  line-height: 24px;
}

.rezension-icon-wrapper {
  background-color: var(--coral);
  border-radius: 100px;
  margin-top: 0;
  margin-bottom: 12px;
  padding: 6px 10px;
  display: flex;
}

.rezension-icon {
  opacity: .8;
  height: 15px;
  margin-left: 1px;
  margin-right: 1px;
}

.posts-4-cols {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
}

.text-block-13 {
  color: var(--black);
}

.form {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.form.landing-page {
  justify-content: space-between;
}

.adresse-field {
  background-color: var(--alice-blue-2);
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/642ad46883b41c43ad5246ef_marker.svg");
  background-position: 12px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px #000;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  align-items: center;
  width: 100%;
  height: 55px;
  margin-bottom: 0;
  padding-left: 44px;
  display: flex;
}

.adresse-field.button {
  color: var(--grey-2);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  justify-content: flex-start;
  height: 50px;
  font-weight: 400;
}

.adresse-field.button:hover {
  background-color: var(--alice-blue-2);
}

.form-adresse-header {
  color: var(--midnight-blue);
  width: 90%;
  margin-top: 20px;
  transition: transform .35s;
}

.form-adresse-header:hover {
  transform: scale(1.05);
}

.landing-page-icon {
  width: 60px;
  height: 60px;
}

.intro-right.centered {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.google-review {
  height: 60px;
}

.usp-item {
  color: var(--alice-blue);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  display: flex;
}

.usp-icon {
  width: 28px;
  height: 28px;
  margin-right: 8px;
}

.usp-grid-3-cols {
  grid-column-gap: 24px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 80px;
}

.usp-grid-3-cols.margin-top-40 {
  grid-row-gap: 8px;
  margin-top: 40px;
}

.posts-5-cols {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-gradient {
  background-image: linear-gradient(to right, var(--coral), var(--orange) 53%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.process {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  margin-top: 80px;
  margin-bottom: 80px;
  padding: 120px 15px 32px;
  display: flex;
  position: relative;
}

.process.no-margin-bottom {
  margin-bottom: 0;
}

.text-grey-3 {
  color: #525b73;
}

.place-top {
  z-index: 1;
  color: var(--midnight-blue);
  position: relative;
}

.process-step-info {
  text-align: center;
  width: 40%;
  position: relative;
}

.process-step-info.left {
  text-align: right;
}

.process-step-info.right {
  text-align: left;
}

.process-line {
  background-image: linear-gradient(to bottom, #0000, var(--alice-blue-2) 6%, var(--alice-blue-2) 94%, #0000);
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}

.process-step-number {
  color: #f4f5f9;
  margin-left: auto;
  margin-right: auto;
  font-size: 88px;
  font-weight: 700;
  line-height: 64px;
  display: block;
  position: absolute;
  top: 0;
}

.process-step-number.right {
  color: var(--alice-blue-2);
  text-align: left;
  top: -12px;
  left: -36px;
}

.process-step-number.left {
  color: var(--alice-blue-2);
  text-align: right;
  top: -12px;
  right: -36px;
}

.process-step {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.process-step.left {
  justify-content: flex-start;
}

.process-step.right {
  justify-content: flex-end;
}

.process-icon {
  z-index: 1;
  background-color: #4b6bf5;
  border: 3px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
  box-shadow: 0 6px 12px #525b7333;
}

.process-icon.gradient-01 {
  border-color: var(--coral);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--orange), var(--coral));
  width: 32px;
  height: 32px;
}

.flip-cards-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.lead-form-01 {
  width: 100%;
  margin-bottom: 0;
  padding-top: 24px;
  padding-bottom: 24px;
}

.headshot-wrapper {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65119fa42f18d1289977b017_DSC05962.avif");
  background-position: 50%;
  background-size: cover;
  border-radius: 100px;
  width: 80px;
  height: 80px;
}

.headshot-kontakt-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 20px;
  padding: 6px 24px 6px 6px;
  transition: transform .35s;
  display: flex;
}

.headshot-kontakt-wrapper:hover {
  transform: scale(1.03);
}

.headshot-kontakt-wrapper.margin-bottom {
  margin-bottom: 20px;
}

.leadform-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-width: 80%;
  max-width: 1190px;
}

.contact-name {
  text-align: left;
  line-height: 18px;
}

.text-span-5 {
  color: var(--coral);
}

.landing-page-title {
  font-size: 44px;
  line-height: 52px;
}

.landing-page-title.text-white {
  margin-bottom: 20px;
  font-size: 4em;
  line-height: 1em;
}

.heading-h2 {
  font-size: 36px;
  line-height: 1.2em;
}

.heading-h2.text-white {
  margin-bottom: 24px;
  line-height: 1.2em;
}

.heading-h2.text-white.margin-bottom {
  margin-bottom: 20px;
}

.heading-h2.text-white.margin-bottom-40px {
  margin-bottom: 40px;
  font-size: 36px;
}

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

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

.heading-h2.small {
  font-size: 28px;
}

.nav-bar-small {
  z-index: 100;
  background-color: var(--white);
  justify-content: center;
  height: 80px;
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 40px #0000001c;
}

.nav-bar-small.bg-white {
  background-color: var(--white);
  height: 80px;
}

.subheading-white {
  color: var(--white);
  margin-bottom: 0;
}

.subheading-white.margin-top {
  margin-top: 20px;
  font-size: 18px;
}

.subheading-white.margin-top._w-80 {
  max-width: 80%;
  margin-top: 0;
  font-size: 18px;
  line-height: 28px;
}

.hero-heading {
  margin-bottom: 24px;
  font-size: 48px;
  line-height: 56px;
}

.feature-image-landing {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: auto;
}

.prozess-schritte-4-cols {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.prozess-schritte-4-cols.margin-top {
  margin-top: 60px;
}

.flip-cards-wrapper-3-cols {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card_wrapper-2 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 23rem;
  height: 35rem;
  display: flex;
  position: relative;
}

.logo-thuner-amtsanzeiger {
  width: 100%;
  height: auto;
  margin-top: 12px;
  margin-bottom: 20px;
}

.footer-landing-page {
  background-color: var(--midnight-blue);
  padding-top: 20px;
}

.footer-landing-links {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  padding-right: 0;
  display: flex;
}

.cta-landing {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--midnight-blue);
  background-image: linear-gradient(to right, var(--coral), var(--orange));
  border-radius: 12px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 50%;
  height: 250px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.google-reviews-widget {
  grid-column-gap: 24px;
  background-color: var(--white);
  border-radius: 20px;
  align-items: center;
  margin-top: 40px;
  padding: 12px 24px;
  display: flex;
}

.google-reviews-widget.hidden {
  display: none;
}

.solarrechner-button {
  background-color: var(--coral);
  color: #fff;
  text-align: center;
  border-style: none;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 13px 24px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  transition: color .2s, background-color .2s, border-color .2s;
  display: flex;
}

.solarrechner-button:hover {
  background-color: var(--orange);
}

.solarrechner-button.fixed {
  z-index: 10000;
  border-radius: 24px 24px 0 0;
  position: fixed;
  inset: auto 0% 0%;
}

.heading-13 {
  text-align: left;
}

.contact-card-home {
  background-color: #192d4e;
  border-radius: 20px;
  flex-direction: column;
  padding: 20px;
  display: flex;
  box-shadow: 0 15px 40px #0000001c;
}

.contact-card-home.margin-top-80 {
  margin-top: 80px;
}

.rich-text-block {
  font-size: 14px;
  line-height: 20px;
}

.landing-prozess-card {
  filter: drop-shadow(0 2px 9px #0000001a);
  backface-visibility: visible;
  perspective: 1000px;
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  flex: 270px;
  justify-content: center;
  align-items: center;
  height: 28rem;
  display: flex;
  position: relative;
  transform: none;
}

.card-link-wrapper {
  justify-content: center;
  display: flex;
}

.contact-anchor {
  position: absolute;
  inset: -180px 0% auto;
}

.cta-richtofferte-banner {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: linear-gradient(90deg, #cc292ae6, #f77e46bf 49%, #f1a731e6), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65f416ef93a888fb9f4e7006_Solardachziegel_RareStock_AdobeStock_386279724.jpeg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px;
  display: flex;
}

.solarrechner-iframe {
  background-color: var(--white);
  border-radius: 20px;
  min-width: 100%;
  padding: 24px;
  box-shadow: 0 2px 20px 5px #ffffff26;
}

.cta-banner-solarrechner {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--midnight-blue);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 40px 40px 60px;
  display: flex;
  box-shadow: 0 2px 18px 6px #e5edfa14;
}

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

.illustration-solarrechner-cta {
  object-fit: contain;
  height: 220px;
  margin-bottom: -12px;
}

.hero-sponsorings {
  z-index: 2;
  color: var(--white);
  background-color: #000;
  background-image: linear-gradient(#4c5c76bf, #192d4ebf);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 60vh;
  max-height: 80vh;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.collection-list-wrapper-4 {
  min-width: 100%;
}

.content {
  width: 80%;
}

.anchor-menu {
  margin-bottom: 60px;
}

.content-field-01, .content-field-02, .content-field-03, .content-field-04, .content-field-05 {
  margin-bottom: 20px;
}

.nav-links-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.anchor-link {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.2em;
}

.trenner {
  background-color: var(--grey-4);
  height: 1px;
  margin-top: 60px;
  padding-right: 0;
}

.vorteile-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.rabattaktionen {
  color: var(--white);
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 150px;
  padding: 36px;
  display: flex;
  position: relative;
}

.rabattaktionen.bg-gradient-2 {
  background-image: linear-gradient(225deg, var(--orange), #f58d3e 38%, var(--firebrick));
  border-radius: 16px;
  width: 100%;
  max-width: 1240px;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 200px;
}

.news-banner {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

.news-banner.bg-gradient-2 {
  background-image: linear-gradient(90deg, var(--firebrick), var(--coral) 24%, var(--orange));
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  min-width: 100%;
  margin-top: -40px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.number-badge {
  background-color: var(--orange);
  background-image: linear-gradient(90deg, var(--coral), var(--orange));
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  inset: 8px 8px auto auto;
}

.number {
  color: var(--white);
  font-size: 18px;
  font-weight: 700;
  line-height: 1em;
}

.landing-page-title-flachdach {
  font-size: 44px;
  line-height: 52px;
}

.landing-page-title-flachdach.text-white {
  margin-bottom: 20px;
  font-size: 4em;
  line-height: 1em;
}

.rabatt-note {
  color: var(--white);
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-size: 34px;
  line-height: 1.2em;
  display: flex;
}

.content-field-06, .content-field-07, .content-field-08, .content-field-09, .content-field-10 {
  margin-bottom: 20px;
}

.lead-form-02 {
  width: 100%;
  margin-bottom: 0;
  padding-top: 24px;
  padding-bottom: 24px;
}

.lp-hero-content {
  width: 50%;
}

.card_wrapper-process {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 18rem;
  height: 28rem;
  display: flex;
  position: relative;
}

.left-button {
  background-color: var(--orange);
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66e2aeb5a42704075c99dbe1_left-arrow.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35px;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 38px;
  display: flex;
}

.right-button {
  background-color: var(--orange);
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66e2af022d576ee09ce11110_right-arrow.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35px;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 38px;
  display: flex;
}

.button-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.button-wrapper.margin-top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-top: 20px;
}

.button-wrapper.slider-buttons.margin-top, .button-wrapper.slider-buttons.hide-desktop {
  display: none;
}

.card_slider_wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 80rem;
  padding: 20px;
  display: flex;
  overflow: auto;
}

.slider-gradient-overlay {
  background-image: linear-gradient(90deg, #192d4e00, #f5f9ff33 96%, var(--alice-blue) 99%);
  display: none;
  position: absolute;
  inset: 0%;
}

.card_slider_wrapper_2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 80rem;
  padding: 20px;
  display: flex;
  overflow: auto;
}

.card_component_2 {
  perspective: 1000px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}

.card_wrapper-process_2 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 18rem;
  display: flex;
  position: relative;
}

.card_slider_wrapper_3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 80rem;
  margin-bottom: -80px;
  padding: 20px;
  display: flex;
  overflow: auto;
}

.card_component_3 {
  perspective: 1000px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.card_wrapper-process_3 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 18rem;
  height: 28rem;
  display: flex;
  position: relative;
}

.left-button_3 {
  background-color: var(--orange);
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66e2aeb5a42704075c99dbe1_left-arrow.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35px;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 38px;
  transition: transform .35s;
  display: flex;
}

.left-button_3:hover {
  transform: scale(1.05);
}

.right-button_3 {
  background-color: var(--orange);
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66e2af022d576ee09ce11110_right-arrow.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35px;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 38px;
  transition: transform .35s;
  display: flex;
}

.right-button_3:hover {
  transform: scale(1.05);
}

.left-button_2 {
  background-color: var(--orange);
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66e2aeb5a42704075c99dbe1_left-arrow.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35px;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 38px;
  display: flex;
}

.right-button_2 {
  background-color: var(--orange);
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66e2af022d576ee09ce11110_right-arrow.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35px;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 38px;
  display: flex;
}

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

.narrow-content {
  max-width: 800px;
}

.accordion-content {
  margin-bottom: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.subheading-centered {
  color: var(--white);
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-size: 32px;
  line-height: 1.2em;
  display: flex;
}

.subheading-centered._w-80 {
  max-width: 80%;
}

.prozess-card {
  z-index: 1;
  background-color: var(--white);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  flex: 270px;
  align-items: center;
  padding: 32px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 8px 24px #0000001a;
}

.prozess-card.transparent {
  background-color: #fff0;
}

.prozess-card.transparent.no-shadow {
  box-shadow: none;
}

.button-gradient {
  background-color: var(--coral);
  background-image: linear-gradient(90deg, #f1a73180, var(--_farben-aktuell---orange-02) 35%, #cc292abf);
  color: #fff;
  text-align: center;
  border-style: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 13px 20px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  transition: color .2s, background-color .2s, border-color .2s;
  display: flex;
}

.button-gradient:hover {
  background-color: var(--orange);
}

.button-gradient.navbar-button {
  background-image: linear-gradient(90deg, #f1a73180, var(--_farben-aktuell---orange-02) 35%, #cc292abf);
  border-radius: 12px;
  height: 40px;
  margin-left: 40px;
  padding: 10px 20px;
}

.button-gradient.prozess {
  height: 38px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.button-gradient.centered {
  margin-left: auto;
  margin-right: auto;
}

.button-gradient.centered.margin-top-20px {
  margin-top: 20px;
}

.button-gradient.align-right {
  margin-left: auto;
}

.text-dark.margin-bottom-20px {
  margin-bottom: 20px;
}

.text-dark.margin-bottom-12px {
  margin-bottom: 12px;
}

.text-dark.margin-bottom-40px {
  margin-bottom: 40px;
}

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

.text-dark.bold.big {
  font-size: 18px;
}

.contact-card-oultine {
  background-color: var(--_farben-aktuell---orange-02);
  background-image: linear-gradient(180deg, #f1a73180, var(--_farben-aktuell---orange-02) 51%, #cc292a80);
  border-radius: 16px;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  padding: 3px;
  display: flex;
  box-shadow: 0 15px 40px #0000001c;
}

.contact-info-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  padding: 16px 12px;
}

.contact-info-grid.text-white.no-padding.transparent {
  background-color: #192d4e00;
  align-self: auto;
  place-items: end center;
}

.contact-info-grid.text-white.no-padding {
  background-color: #192d4e;
  border-radius: 14px;
  padding: 20px;
}

.esfera-logo {
  width: 400px;
}

.esfera-logo.margin-bottom-40px {
  margin-bottom: 40px;
}

.contact-map-new {
  border-radius: 12px;
  height: 540px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.quote-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--_farben-aktuell---white);
  color: var(--white);
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 90%;
  padding: 20px;
  display: flex;
}

.quote-card.centered {
  text-align: center;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 80%;
  padding: 20px;
}

.navbar-logo {
  height: 55px;
}

.navbar {
  background-image: linear-gradient(90deg, var(--_farben-aktuell---blue-01), var(--_farben-aktuell---blue-03));
  padding: 20px 20px 10px;
}

.navbar.fixed {
  border-bottom: 1px solid var(--_farben-aktuell---blue-04);
  padding-left: 40px;
  padding-right: 40px;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-container {
  width: 100%;
  min-width: 100%;
}

.navbar-container.margin-bottom-10x {
  margin-bottom: 10px;
}

.navbar-links-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.navbar-links-wrapper.align-right {
  justify-content: flex-end;
  align-items: center;
}

.navbar-link {
  color: var(--white);
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
}

.navbar-link.w--current {
  color: var(--_farben-aktuell---orange-02);
}

.navbar-link.last {
  margin-left: 20px;
}

.quote-marks-icon {
  object-fit: cover;
  height: 70px;
}

.illustration-grafik-big {
  width: 100%;
}

.illustration-grid {
  grid-column-gap: 30px;
  grid-row-gap: 64px;
  perspective: 2000px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.illustration-grid.align-top {
  grid-row-gap: 60px;
  place-items: start stretch;
  padding-bottom: 0;
}

._3-cols-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.faq-card {
  background-color: var(--white);
  border-radius: 12px;
  padding: 30px;
}

.faq-card.centered {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.faq-card.centered.single {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.faq-card.centered.single.margin-bottom-40px {
  margin-bottom: 40px;
}

.faq-card.centered.single._w-35 {
  width: 35%;
}

.faq-icon {
  height: 60px;
}

.faq-icon.margin-bottom-20px {
  margin-bottom: 20px;
}

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

.prozess-card-new {
  z-index: 1;
  background-color: var(--_farben-aktuell---blue-01);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  flex: 270px;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  padding: 30px 60px 90px 30px;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 8px 24px #0000001a;
}

.prozess-card-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.prozess-card-content-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.prozess-icon {
  width: 80px;
}

.prozess-card-content-wrapper {
  text-align: right;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.prozess-left-col {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.prozess-grid-2-cols {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.prozess-right-col {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.button-orange {
  background-color: var(--orange);
  color: #fff;
  text-align: center;
  border-style: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 13px 20px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  transition: color .2s, background-color .2s, border-color .2s;
  display: flex;
}

.button-orange:hover {
  background-color: var(--_farben-aktuell---white);
  color: var(--orange);
}

.contact-right-col {
  text-align: right;
}

.navbar-container-02 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-link {
  color: #151515;
  border-radius: 7px;
  padding: 8px 14px;
  font-family: Exo, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5em;
  transition: background-color .4s;
}

.nav-link:hover {
  background-color: #f5f5f5;
}

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

.nav-link.nav-dropdown {
  color: var(--white);
  border-radius: 0;
  padding: 10px 30px 10px 10px;
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.nav-link.nav-dropdown:hover {
  background-color: #f5f5f500;
}

.nav-dropdown-icon {
  background-color: var(--_farben-aktuell---blue-04);
  color: var(--_farben-aktuell---blue-light);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  font-size: 13px;
  line-height: 1em;
  display: flex;
}

.dropdown-list.w--open {
  background-color: var(--_farben-aktuell---blue-light);
  border-radius: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
  margin-left: -4px;
  padding-top: 10px;
  padding-bottom: 10px;
  left: 0;
  box-shadow: 0 6px 24px #30364d38;
}

.nav-dropdown-link {
  color: #151515;
  padding: 10px 20px;
  font-family: Lato, sans-serif;
  font-size: 15px;
  line-height: 20px;
  transition: color .1s, background-color .1s;
}

.nav-dropdown-link:hover {
  background-color: var(--_farben-aktuell---blue-light);
  color: var(--_farben-aktuell---orange-02);
}

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

.nav-dropdown-link.dropdown-grid-link {
  margin-left: 0;
  margin-right: 0;
  padding: 10px 20px;
}

.nav-dropdown-link.dropdown-grid-link:hover {
  background-color: var(--_farben-aktuell---blue-light);
  color: var(--_farben-aktuell---orange-02);
  font-weight: 400;
}

.nav-dropdown-link.dropdown-grid-link.w--current {
  font-weight: 400;
}

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

.team-card {
  background-color: var(--_farben-aktuell---blue-03);
  background-image: linear-gradient(180deg, var(--_farben-aktuell---blue-01), var(--_farben-aktuell---blue-03) 85%, var(--_farben-aktuell---blue-dark));
  text-align: center;
  border-radius: 20px;
  width: 18.5%;
  padding: 15px 15px 25px;
  position: relative;
  overflow: hidden;
}

.team-card._4-5 {
  aspect-ratio: 4 / 5;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  justify-content: center;
  align-items: flex-end;
  padding: 15px 0 0;
  display: flex;
  overflow: hidden;
}

.team-card-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.team-name {
  color: var(--_farben-aktuell---white);
  margin-bottom: 0;
  font-size: 15px;
  line-height: 20px;
}

.team-position {
  color: #ffffffbf;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom: 1px solid #d3d8e040;
  padding-top: 4px;
  padding-bottom: 3px;
  font-size: 9px;
  font-weight: 700;
  line-height: 16px;
}

.team-email-link {
  font-size: 13px;
}

.nav-dropdown-heading {
  border-bottom: 1px solid #e3e3e3;
  padding: 8px 20px 16px;
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.heading-h1.leistungen {
  flex: 1;
}

.heading-h1.leistungen.margin-bottom-20px {
  margin-bottom: 20px;
}

.narrow-wrapper {
  width: 100%;
  max-width: 800px;
}

.narrow-wrapper.margin-bottom-40px {
  margin-bottom: 40px;
}

.narrow-wrapper.centered {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-card-orange {
  background-color: var(--_farben-aktuell---orange-02);
  background-image: linear-gradient(180deg, #f1a73140, var(--_farben-aktuell---orange-02) 35%, #cc292a99);
  border-radius: 16px;
  flex-direction: column;
  display: flex;
  box-shadow: 0 15px 40px #0000001c;
}

.contact-card-grid {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 200px;
  grid-auto-columns: 1fr;
  place-items: center start;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.contact-img-wrapper {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.headshot-levin {
  background-color: var(--coral);
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65119fa42f18d1289977b017_DSC05962.avif");
  background-position: 50%;
  background-size: cover;
  border-radius: 100px;
  width: 135px;
  height: 135px;
  margin-bottom: 10px;
}

.reason-item {
  width: 100%;
}

.reasons-list {
  color: var(--white);
  text-align: left;
  width: 100%;
  padding-left: 20px;
}

.list-item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.list-item.last {
  margin-bottom: 0;
  padding-bottom: 0;
}

.list-item.vorteil {
  margin-bottom: 5px;
  padding-bottom: 0;
  padding-left: 0;
}

.list-item.vorteil.last {
  margin-bottom: 0;
}

.collection-list-wrapper-blog {
  min-width: 90%;
}

.projektkoordination-und-f-rderungen {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  display: grid;
}

.montage-und-inbetriebnahme {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.blog-card {
  background-color: var(--white);
  color: var(--black);
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 16px;
  text-decoration: none;
  transition: border-color .4s, background-color .4s, box-shadow .4s, transform .4s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 40px #0000001c;
}

.blog-card:hover {
  background-color: var(--white);
  border-color: #eaeaea00;
  transform: translate(0, 3px);
}

.blog-card-thumbnail {
  z-index: 2;
  background-color: var(--haze);
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/657e10f26ceef1e1bff27feb_Gro%C3%9F%20(DJI_0255).jpeg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 240px;
  max-height: 18vw;
  transition: filter .2s;
  display: flex;
  position: relative;
}

.blog-card-content {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 20px 10px 0;
  display: flex;
}

.blog-card-info {
  color: var(--grey-2);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding: 11px 12px 12px;
  font-size: 12px;
  line-height: 20px;
  display: flex;
}

.blog-card-info.margin-top-10px {
  margin-top: 10px;
}

.benefits-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.benefits-wrapper.margin-bottom-20px {
  flex-flow: column;
  margin-bottom: 20px;
}

.benefit-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--_farben-aktuell---blue-04);
  background-image: linear-gradient(90deg, var(--_farben-aktuell---blue-01) 70%, var(--_farben-aktuell---blue-02));
  color: var(--_farben-aktuell---blue-light);
  border-radius: 100px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 3px 12px 3px 7px;
  line-height: 1.5em;
  display: flex;
}

.benefit-icon {
  width: 20px;
  height: 20px;
}

.cta-window-orange {
  z-index: 9999;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--_farben-aktuell---orange-02);
  background-image: linear-gradient(90deg, #f1a73180, #cc292a80 75%);
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 200px;
  grid-auto-columns: 1fr;
  max-width: 500px;
  padding: 30px 15px 30px 30px;
  display: grid;
  position: fixed;
  inset: auto 20px 20px auto;
}

.cta-heading {
  font-size: 18px;
  line-height: 1.2em;
}

.cta-heading.white {
  font-size: 24px;
}

.cta-heading.big {
  font-size: 32px;
}

.cta-window-content {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.button-gradient-02 {
  background-color: var(--_farben-aktuell---blue-dark);
  background-image: linear-gradient(90deg, var(--_farben-aktuell---blue-01), var(--_farben-aktuell---blue-02) 35%, var(--_farben-aktuell---blue-03));
  color: #fff;
  text-align: center;
  border-style: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 13px 20px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  transition: color .2s, background-color .2s, border-color .2s;
  display: flex;
}

.button-gradient-02:hover {
  background-color: var(--orange);
}

.button-gradient-02.small {
  height: 35px;
  padding: 10px 20px;
}

.window-close-button {
  background-color: #fff3;
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68724e2853f50f7f8d629d5f_close.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 100px;
  width: 30px;
  height: 30px;
  position: absolute;
  inset: 10px 10px auto auto;
}

.form-left-col {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---orange-red) 70%, var(--_farben-aktuell---orange-02)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a7115e8b14c611648d57_Aufdach%20Hero.avif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  height: 100%;
  min-height: 35vh;
}

.form-left-col._01 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---orange-red) 70%, var(--_farben-aktuell---orange-02)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68778121328561b5383280db_esfera_solar_ag_helikoptertransport_01.avif");
  background-position: 0 0, 0 0, 50% 20%;
  background-size: auto, auto, cover;
  min-height: 50vh;
}

.form-left-col._02 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---orange-red) 70%, var(--_farben-aktuell---orange-02)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68778121691627189d4ada7b_esfera_solar_ag_pva_installation_solaranlage_01.avif");
  min-height: 50vh;
}

.form-left-col._03 {
  background-image: linear-gradient(295deg, #fff 30%, #fff0 30%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---orange-red) 70%, var(--_farben-aktuell---orange-02)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68778121aeffd66d2321475e_esfera_solar_ag_inbetriebnahme_pva_01.avif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  min-height: 50vh;
}

.form-left-col.wartung-und-support-01 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---orange-red) 70%, var(--_farben-aktuell---orange-02)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/687781a9534e8e637b244391_esfera-solar-ag_wartung_01.avif");
  min-height: 50vh;
}

.form-left-col.wartung-und-support-02 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---orange-red) 70%, var(--_farben-aktuell---orange-02)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/687781a9bd9f59e00b0c9a16_esfera-solar-ag_support_01.avif");
  min-height: 50vh;
}

.form-left-col.fassadenanlage {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-03) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a357e71ab7b188b853c0_Fassadenanlage.avif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.form-left-col.indachanlage {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-03) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68704c745ac335f64756d560_Hero%20Bild%20esfera%20Website.avif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.form-left-col.indachanlage._01 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-03) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a5d92ca81dbc7cc695ba_Indachanlage%2001.avif");
}

.form-left-col.indachanlage._02 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-03) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a5e61dd2d8c3fb387bb3_Indachanlage%2002.avif");
}

.form-left-col.aufdachanlage {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-03) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68704c745ac335f64756d560_Hero%20Bild%20esfera%20Website.avif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.form-left-col.aufdachanlage._01 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-03) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a63a34fcf89b534e3931_Aufdach%2001.avif");
}

.form-left-col.aufdachanlage._02 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-03) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a63ac59498b19fca0a71_Aufdach%2002.avif");
}

.form-left-col.aufdachanlage._03 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-03) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a63a76bd9da194694509_Aufdach%2003.avif");
}

.form-left-col.projekte-01 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-03) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a63a34fcf89b534e3931_Aufdach%2001.avif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.form-left-col.projekte-02 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-03) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a63ac59498b19fca0a71_Aufdach%2002.avif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.form-left-col.projekte-03 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-03) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a63a76bd9da194694509_Aufdach%2003.avif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.form-left-col.privat-01 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-03) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a5e61dd2d8c3fb387bb3_Indachanlage%2002.avif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.form-left-col.privat-02 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-03) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a63a34fcf89b534e3931_Aufdach%2001.avif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.form-left-col.privat-03 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-03) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a63ac59498b19fca0a71_Aufdach%2002.avif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.form-left-col.blue {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-02) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a7115e8b14c611648d57_Aufdach%20Hero.avif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.form-left-col.blue.h50 {
  min-height: 50vh;
}

.form-left-col.zusatzprodukt-01 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-02) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6877a0ab956360640def8b63_esfera-Solar-AG_Kellerinstallation_PVA_Stromspeicher_Batterie.avif");
  background-position: 0 0, 0 0, 100% 10%;
  min-height: 30vh;
}

.form-left-col.zusatzprodukt-02 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-02) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6877a101bda545eb7a130b00_esfera-solar-ag_notstrom_01_small.avif");
  background-position: 0 0, 0 0, 0%;
  min-height: 30vh;
}

.form-left-col.zusatzprodukt-03 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-02) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873b215650afa69273c6c5f_Monitoring.avif");
  background-position: 0 0, 0 0, 50%;
  min-height: 30vh;
}

.form-left-col.zusatzprodukt-04 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-02) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6877a101a968af2347c73982_esfera-solar-ag_autoladestation_8_small.avif");
  background-position: 0 0, 0 0, 50%;
  min-height: 30vh;
}

.form-left-col.zusatzprodukt-05 {
  background-image: linear-gradient(295deg, #fff 25%, #fff0 25%, #fff0), linear-gradient(300deg, #0000 70%, var(--_farben-aktuell---blue-02) 70%, var(--_farben-aktuell---blue-01)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873b2a18c0e440e2d15a69c_Aufladestation.avif");
  background-position: 0 0, 0 0, 50%;
  min-height: 30vh;
}

.right-col-content {
  max-width: 80%;
  margin-right: auto;
  padding: 40px 20px;
}

.right-col-content.narrow {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.right-col-content.vertical {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading {
  margin-bottom: 12px;
  font-weight: 700;
}

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

._5-cols-grid.margin-bottom-40px {
  margin-bottom: 40px;
}

.benefit-card {
  background-color: var(--white);
  border-radius: 12px;
  padding: 10px;
}

.benefit-card.centered {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.benefit-icon-wrapper {
  background-color: var(--_farben-aktuell---grey-04);
  border-radius: 100px;
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}

.benefit-icon-wrapper.margin-bottom-20px {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68777baa7dfe68f1aa11b699_esfera-solar-ag_icons_11.svg");
  background-position: 0 0;
  background-size: auto;
  margin-bottom: 20px;
}

.benefit-icon-wrapper._01 {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68777baa7dfe68f1aa11b699_esfera-solar-ag_icons_11.svg");
  background-position: 50%;
  background-size: cover;
  margin-bottom: 10px;
}

.benefit-icon-wrapper._02 {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68777baa6f115e91b29c6d04_esfera-solar-ag_icons_10.svg");
  background-position: 50%;
  background-size: cover;
  margin-bottom: 10px;
}

.benefit-icon-wrapper._03 {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68777baa0c8a831b3cd42296_esfera-solar-ag_icons_9.svg");
  background-position: 50%;
  background-size: cover;
  margin-bottom: 10px;
}

.benefit-icon-wrapper._04 {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68777baaebff3790a08fcdd4_esfera-solar-ag_icons_8.svg");
  background-position: 50%;
  background-size: cover;
  margin-bottom: 10px;
}

.benefit-icon-wrapper._05 {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68777baab3c93b99cd911531_esfera-solar-ag_icons_7.svg");
  background-position: 50%;
  background-size: cover;
  margin-bottom: 10px;
}

.benefit-icon-wrapper._06 {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68777baaeff403a64b41b934_esfera-solar-ag_icons_6.svg");
  background-position: 50%;
  background-size: cover;
  margin-bottom: 10px;
}

.cta-heading-big.white.centered {
  text-align: center;
}

.cta-tipp-banner {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: linear-gradient(90deg, #4c5c76bf, #19315cbf 70%, var(--_farben-aktuell---blue-03)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65f416ef93a888fb9f4e7006_Solardachziegel_RareStock_AdobeStock_386279724.jpeg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
}

.benefit-heading {
  font-size: 18px;
  line-height: 1.2em;
}

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

.faq-heading {
  font-size: 24px;
  line-height: 1.2em;
}

.media-zev {
  width: 100%;
}

.media-zev.margin-bottom-60px {
  margin-bottom: 60px;
}

.blue-card-icon {
  background-color: var(--_farben-aktuell---blue-dark);
  border-radius: 100px;
  margin-bottom: 20px;
}

.blue-card-icon._01 {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68777baaeff403a64b41b934_esfera-solar-ag_icons_6.svg");
  background-position: 50%;
  background-size: cover;
}

.blue-card-icon._02 {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68777baa7dfe68f1aa11b699_esfera-solar-ag_icons_11.svg");
  background-position: 50%;
  background-size: cover;
}

.blue-card-icon._03 {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68777baab3c93b99cd911531_esfera-solar-ag_icons_7.svg");
  background-position: 50%;
  background-size: cover;
}

.intro-wide {
  text-align: center;
  width: 100%;
}

.intro-wide.margin-bottom-20px {
  margin-bottom: 20px;
}

.intro-wide.margin-bottom-40px {
  margin-bottom: 40px;
}

.intro-wide.centered {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cta-tipp-banner-blue {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--_farben-aktuell---blue-01);
  border-radius: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
  position: relative;
}

.cta-tipp-banner-blue.margin-bottom-20px {
  width: 100%;
}

.tipp-icon {
  width: 150px;
}

.tipp-icon._130px {
  width: 130px;
}

.tipp-icon._90px {
  width: 90px;
}

.tipp-icon.invert {
  filter: invert();
}

.tipp-icon.align-right {
  margin-left: auto;
}

.tipp-banner-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.tipp-banner-content.centered {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.tipp-banner-content._w-70 {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.benefit-list-wrapper.vertical {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.benefit-button-orange-gradient {
  background-color: var(--_farben-aktuell---orange-02);
  background-image: linear-gradient(90deg, #f1a73180, var(--_farben-aktuell---orange-02) 50%, #cc292acc);
  border-radius: 12px;
  width: 100%;
  padding: 5px 15px;
}

.benefit-button-text {
  color: var(--_farben-aktuell---white);
  font-size: 18px;
  font-weight: 700;
}

.ratgeber-card {
  background-color: var(--_farben-aktuell---white);
  text-align: center;
  border-radius: 20px;
  width: 100%;
  max-width: 600px;
  padding: 20px;
}

.ratgeber-card.margin-bottom-40px {
  border: 1px solid var(--_farben-aktuell---grey-04);
  margin-bottom: 40px;
}

.ratgeber-content {
  padding: 20px 40px 0;
}

.solaranlagen-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.solar-cta-01 {
  background-color: var(--_farben-aktuell---orange-02);
  background-image: linear-gradient(305deg, var(--_farben-aktuell---blue-02), var(--_farben-aktuell---blue-02) 45%, #fff0 45%, #fff0), linear-gradient(305deg, #0000 75%, var(--_farben-aktuell---orange-red) 75%, var(--_farben-aktuell---orange-02)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a7115e8b14c611648d57_Aufdach%20Hero.avif");
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, auto;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 25vh;
  display: flex;
}

.solar-cta-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.solar-cta-heading {
  color: var(--_farben-aktuell---white);
  font-size: 28px;
  line-height: 1.5em;
}

.solar-cta-02 {
  background-color: var(--_farben-aktuell---orange-02);
  background-image: linear-gradient(305deg, var(--_farben-aktuell---blue-02), var(--_farben-aktuell---blue-02) 45%, #fff0 45%, #fff0), linear-gradient(305deg, #0000 75%, var(--_farben-aktuell---orange-red) 75%, var(--_farben-aktuell---orange-02)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/68778a84910591500a3387a7_esfera_solar_ag_indach-pva_einfamilienhaus_03.avif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  justify-content: flex-end;
  align-items: center;
  height: 25vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.solar-cta-03 {
  background-color: var(--_farben-aktuell---orange-02);
  background-image: linear-gradient(305deg, var(--_farben-aktuell---blue-02), var(--_farben-aktuell---blue-02) 45%, #fff0 45%, #fff0), linear-gradient(305deg, #0000 75%, var(--_farben-aktuell---orange-red) 75%, var(--_farben-aktuell---orange-02)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a357e71ab7b188b853c0_Fassadenanlage.avif");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  justify-content: flex-end;
  align-items: center;
  height: 25vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.solar-cta-04 {
  background-color: var(--_farben-aktuell---orange-02);
  background-image: linear-gradient(305deg, var(--_farben-aktuell---blue-02), var(--_farben-aktuell---blue-02) 45%, #fff0 45%, #fff0), linear-gradient(305deg, #0000 75%, var(--_farben-aktuell---orange-red) 75%, var(--_farben-aktuell---orange-02)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a394c61183291ab6c0c8_Balkonanlage.avif");
  background-position: 0 0, 0 0, 20% 35%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, 70%;
  justify-content: flex-end;
  align-items: center;
  height: 25vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.solar-cta-05 {
  background-color: var(--_farben-aktuell---orange-02);
  background-image: linear-gradient(305deg, var(--_farben-aktuell---blue-02), var(--_farben-aktuell---blue-02) 45%, #fff0 45%, #fff0), linear-gradient(305deg, #0000 75%, var(--_farben-aktuell---orange-red) 75%, var(--_farben-aktuell---orange-02)), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6877894c1cf78c528c3bedc0_esfera-solar-ag_Inselanlage_01_small.jpg");
  background-position: 0 0, 0 0, 20% 65%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, 60%;
  justify-content: flex-end;
  align-items: center;
  height: 25vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

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

.vorteile-list {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
}

.vorteile-list.margin-bottom-20px {
  margin-bottom: 20px;
}

.prozess-step-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #f5f9ff1a;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 20px;
  display: flex;
}

.prozess-steps {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 800px;
  display: flex;
}

.text-orange {
  color: var(--_farben-aktuell---orange-02);
}

.banner-blue-white {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.banner-blue-white.projekte {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .65fr .35fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-height: 45vh;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.produkt-card {
  border-radius: 20px;
  padding: 10px;
}

.produkt-card-content {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.produkt-card-thumbnail {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
}

.produkt-card-thumbnail._01 {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873b12937235a3e6dc5b2c9_Stromspeicher.avif");
  background-position: 50% 0;
  background-size: cover;
  margin-bottom: 0;
}

.produkt-card-thumbnail._02 {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873b1cae8c17297c07b737c_Notstrom.avif");
  background-position: 50%;
  background-size: cover;
}

.produkt-card-thumbnail._03 {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873b215650afa69273c6c5f_Monitoring.avif");
  background-position: 50%;
  background-size: cover;
}

.produkt-card-thumbnail._04 {
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873b2a18c0e440e2d15a69c_Aufladestation.avif");
  background-position: 50%;
  background-size: cover;
}

._4-cols-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.cta-tipp-banner-blue-vertical {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--_farben-aktuell---blue-01);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
  position: relative;
}

.cta-tipp-banner-blue-vertical.margin-bottom-40px {
  margin-bottom: 40px;
}

.cta-tipp-banner-blue-vertical.centered {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.tabelle-2-cols {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--_farben-aktuell---white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.tabelle-2-cols.margin-bottom-20px {
  border: 1px solid var(--grey-3);
  text-align: left;
}

.tabelle-left-col {
  border-right: 1px solid var(--_farben-aktuell---grey-03);
}

.tabelle-item {
  border-bottom: 1px solid var(--_farben-aktuell---grey-03);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}

.tabelle-item.last {
  border-bottom-style: none;
}

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

.dienstleistungen-grafik._1-1 {
  width: 100%;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.sponsorings-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.logo-img {
  aspect-ratio: 1;
  object-fit: contain;
  height: 90px;
}

.logo-img._w-100 {
  width: 100px;
}

.logo-img._w-120 {
  width: 120px;
}

.dl-card {
  z-index: 1;
  background-color: var(--_farben-aktuell---blue-01);
  text-align: right;
  border-radius: 20px;
  flex-flow: column;
  flex: 270px;
  justify-content: space-between;
  align-self: flex-start;
  align-items: flex-start;
  padding: 20px;
  position: relative;
  overflow: visible;
  box-shadow: 0 8px 24px #0000001a;
}

.dl-2-cols-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 80%;
  display: grid;
}

.skew-img-wrapper {
  aspect-ratio: 1 / 2;
  position: relative;
  overflow: hidden;
  transform: skew(-10deg);
}

.skew-img {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  width: 140%;
  max-width: none;
  height: 100%;
  margin-left: -50px;
  position: relative;
  transform: skew(10deg);
}

.referenzen-schr-g {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.referenzen-schr-g.margin-bottom-40px {
  margin-bottom: 40px;
}

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

.headshots-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.headshot-left {
  z-index: 1;
  background-color: var(--coral);
  filter: drop-shadow(0 2px 9px #0003);
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6875213224e1220c612a9b7a_Thomas%20Portrait.avif");
  background-position: 50%;
  background-size: cover;
  border-radius: 100px;
  width: 90px;
  height: 90px;
  margin-bottom: 10px;
  position: relative;
  right: -12px;
}

.headshot-right {
  background-color: var(--coral);
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65119f6f5a0f1ba2fd6b537b_IMG_4894.avif");
  background-position: 50%;
  background-size: cover;
  border-radius: 100px;
  width: 90px;
  height: 90px;
  margin-bottom: 10px;
  position: relative;
}

.team-img._2-1 {
  aspect-ratio: 2;
  object-fit: cover;
}

.transparent-card {
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.transparent-card.centered {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.vorteile-icon {
  width: 80px;
}

.blue-card-02 {
  background-color: #f5f9ff1a;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.blue-card-02.centered {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  padding: 30px;
}

.blog-thumbnail-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  overflow: hidden;
}

.blog-thumbnail-img-01 {
  aspect-ratio: 1 / 2;
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a63a34fcf89b534e3931_Aufdach%2001.avif");
  background-position: 50%;
  background-size: cover;
}

.blog-thumbnail-img-02 {
  aspect-ratio: 1 / 2;
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a5e61dd2d8c3fb387bb3_Indachanlage%2002.avif");
  background-position: 50%;
  background-size: cover;
}

.blog-thumbnail-img-03 {
  aspect-ratio: 1 / 2;
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6873a357e71ab7b188b853c0_Fassadenanlage.avif");
  background-position: 50%;
  background-size: cover;
}

.kundenstimme-card {
  background-color: var(--white);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 600px;
  padding: 30px;
  display: flex;
}

.kundenstimme-card.margin-bottom-40px {
  filter: drop-shadow(0 2px 10px #0000000d);
  margin-bottom: 40px;
}

.kundenstimme-icon {
  width: 80px;
}

.kundenstimme-icon.margin-bottom-40px {
  margin-bottom: 40px;
}

.cta-tipp-banner-white-vertical {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--_farben-aktuell---white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
  position: relative;
}

.cta-tipp-banner-white-vertical.margin-bottom-40px {
  margin-bottom: 40px;
}

.cta-tipp-banner-white-vertical.centered {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.wrapper-4 {
  z-index: 2;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.button-gradient-4 {
  color: #fff;
  text-align: center;
  background-color: #f77e46;
  background-image: linear-gradient(90deg, #f1a73180, #f77e46 35%, #cc292abf);
  border-style: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 13px 20px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  transition: color .2s, background-color .2s, border-color .2s;
  display: flex;
}

.button-gradient-4:hover {
  background-color: #f1a731;
}

.intro-4 {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.intro-4.margin-bottom-40px {
  text-align: center;
  margin-bottom: 40px;
}

.produkt-item {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.produkt-item._2-cols-projekte {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.produkt-item._2-cols-projekte.margin-bottom-40px {
  margin-bottom: 40px;
}

.cta-tipp-banner-transparent {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
  position: relative;
}

.cta-tipp-banner-transparent.margin-bottom-20px {
  width: 100%;
}

.cta-tipp-banner-orange {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--_farben-aktuell---orange-02);
  background-image: linear-gradient(90deg, #f1a73180, var(--_farben-aktuell---orange-02) 54%, #cc292ab3);
  border-radius: 20px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center stretch;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: grid;
  position: relative;
}

.cta-tipp-banner-orange.margin-bottom-40px {
  margin-bottom: 40px;
}

.tipp-content-list {
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.checklist-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.check-icon {
  width: 20px;
}

.check-icon.invert {
  filter: invert();
}

.kundenstimme-card-orange {
  background-color: var(--_farben-aktuell---orange-02);
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/6877d5007806e210a58d9852_quote_outline_red.png"), linear-gradient(90deg, #f1a73180, var(--_farben-aktuell---orange-02) 51%, #cc292acc);
  text-align: left;
  background-position: 15px 5px, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100px, auto;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding: 60px 30px 30px;
  display: flex;
}

.kundenstimme-text {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5em;
}

.kundenstimme-text.white.margin-bottom-12px {
  margin-bottom: 12px;
}

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

.team-card-thumbnail {
  aspect-ratio: 1;
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: 100em;
  width: 100%;
}

.team-heading {
  font-size: 15px;
  line-height: 1.2em;
}

.team-wrapper.margin-bottom-60px {
  margin-bottom: 60px;
}

.team-cards-flex-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.team-cards-flex-box.centered {
  justify-content: center;
}

.team-role {
  color: var(--_farben-aktuell---white);
  font-size: 13px;
  line-height: 1.4em;
}

.turn-around-trigger {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  background-color: #ffffff80;
  background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/687a21ecb3c588f0127691f6_right-arrow.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 50%;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: 25px;
  height: 25px;
  transition: transform .3s;
  display: flex;
  position: absolute;
  inset: auto 10px 10px auto;
  transform: rotate(0);
}

.turn-around-trigger:hover {
  transform: scale(1.1)rotate(0);
}

.intro-blog {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.searchbar {
  border-style: solid;
  border-width: 2px 1px 2px 2px;
  border-color: black var(--_farben-aktuell---grey-01) black black;
  color: var(--black);
  border-radius: 100px 0 0 100px;
  justify-content: flex-start;
  align-items: center;
  height: 44px;
  margin-bottom: 0;
  padding-left: 15px;
  display: flex;
}

.searchbar:focus-visible, .searchbar[data-wf-focus-visible] {
  border-style: solid none solid solid;
  border-width: 2px;
  border-color: var(--_farben-aktuell---orange-02);
}

.searchbar::placeholder {
  color: var(--black);
}

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

.search-item {
  min-width: 300px;
}

.search-button {
  background-color: var(--_farben-aktuell---black);
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  height: 44px;
}

.tab-menu {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  max-width: 760px;
  display: flex;
}

.tab-menu.margin-bottom-40px {
  margin-bottom: 40px;
}

.tab-link {
  background-color: #ddd0;
  padding-left: 15px;
  padding-right: 15px;
}

.tab-link.w--current {
  color: var(--_farben-aktuell---orange-02);
  background-color: #c8c8c800;
  padding-left: 15px;
  padding-right: 15px;
}

.tabs {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.tab-content {
  width: 100%;
}

.dl-heading {
  color: var(--white);
  margin-bottom: 20px;
  font-size: 20px;
}

.cta-tipp-banner-orange-02 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--_farben-aktuell---orange-02);
  background-image: linear-gradient(90deg, #f1a73180, var(--_farben-aktuell---orange-02) 54%, #cc292ab3);
  border-radius: 20px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center stretch;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: grid;
  position: relative;
}

.cta-tipp-banner-orange-02.margin-bottom-40px {
  margin-bottom: 40px;
}

.info-text {
  margin-top: 10px;
}

@media screen and (min-width: 1280px) {
  .section.bg-blue-light.bg-image.top-padding-big {
    padding-top: 120px;
  }

  .section.landing-hero {
    background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65bcd43eb304da0f6f08a1a6_Hero_Hintergrund_02.svg"), linear-gradient(#192d4e80, #192d4e80), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/650c33be516c4e723b2e9511_pexels-kindel-media-9875676.jpg");
    background-position: 0%, 0 0, 50%;
    background-size: auto 100%, auto, cover;
  }

  .wrapper.wide {
    max-width: 1440px;
  }

  .text-label.white.no-margin-bottom {
    margin-bottom: 0;
  }

  .intro-left.margin-bottom-20px {
    margin-bottom: 20px;
  }

  .google-reviews-widget {
    margin-left: 0;
  }

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

  .contact-info-grid.text-white.no-padding.transparent {
    background-color: #192d4e00;
  }

  .heading-h1.leistungen {
    font-size: 40px;
  }

  .narrow-wrapper {
    max-width: 1080px;
  }

  .narrow-wrapper.margin-bottom-40px {
    margin-bottom: 40px;
  }

  .contact-card-orange {
    max-width: none;
    padding: 0;
  }

  .prozess-steps {
    max-width: 1080px;
  }

  .kundenstimme-card {
    background-color: var(--white);
    text-align: center;
    width: 100%;
    max-width: 600px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .kundenstimme-card.margin-bottom-40px {
    margin-bottom: 40px;
  }

  .kundenstimme-icon {
    width: 80px;
  }

  .kundenstimme-icon.margin-bottom-40px {
    margin-bottom: 40px;
  }

  .kundenstimme-kunde {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .kundenstimme-card-orange {
    background-color: var(--white);
    text-align: center;
    width: 100%;
    max-width: 600px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 1440px) {
  .section.bg-blue-light.bg-image.top-padding-big {
    padding-top: 120px;
  }

  .section.landing-hero {
    background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65bcd43eb304da0f6f08a1a6_Hero_Hintergrund_02.svg"), linear-gradient(#192d4e80, #192d4e80), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65f416ab52a91a5e749c180b_stromspeicher-kosten.jpg");
    background-position: 0%, 0 0, 50%;
  }

  .section.landing-hero._01 {
    background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65bcd43eb304da0f6f08a1a6_Hero_Hintergrund_02.svg"), linear-gradient(#192d4e80, #192d4e80), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/650c33be516c4e723b2e9511_pexels-kindel-media-9875676.jpg");
  }

  .section.landing-hero._02 {
    background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65bcd43eb304da0f6f08a1a6_Hero_Hintergrund_02.svg"), linear-gradient(#192d4e80, #192d4e80), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65f413ad7b27190d1c3c8150_manny-becerra-NgdhrwAx0J8-unsplash.jpg");
  }

  .section.landing-hero._03 {
    background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65bcd43eb304da0f6f08a1a6_Hero_Hintergrund_02.svg"), linear-gradient(#192d4e80, #192d4e80), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65f4145f75110061b90c87db_raphael-cruz-IwY-27ceRCA-unsplash.jpg");
  }

  .section.landing-hero._04 {
    background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65bcd43eb304da0f6f08a1a6_Hero_Hintergrund_02.svg"), linear-gradient(#192d4e80, #192d4e80), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65f416ef93a888fb9f4e7006_Solardachziegel_RareStock_AdobeStock_386279724.jpeg");
  }

  .posts-3-cols {
    width: 1240px;
    min-width: 100%;
  }

  .media-container {
    justify-content: center;
    align-items: center;
  }

  .posts-4-cols, .prozess-schritte-4-cols {
    width: 1240px;
    min-width: 100%;
  }

  .landing-page-title-flachdach.text-white {
    padding-right: 40px;
  }

  .projektkoordination-und-f-rderungen, .montage-und-inbetriebnahme {
    width: 1240px;
    min-width: 100%;
  }

  .team-img._2-1 {
    aspect-ratio: 4;
  }
}

@media screen and (min-width: 1920px) {
  .section.bg-blue-light.bg-image.top-padding-big {
    padding-top: 120px;
  }

  .section.landing-hero {
    background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65bcd43eb304da0f6f08a1a6_Hero_Hintergrund_02.svg"), linear-gradient(#192d4e80, #192d4e80), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/650c33be516c4e723b2e9511_pexels-kindel-media-9875676.jpg");
    background-position: 0%, 0 0, 50%;
  }

  .section.landing-hero.flachdach-schmal {
    border-radius: 16px;
  }

  .wrapper.wide {
    max-width: 1720px;
  }

  .intro-left.landing-page {
    width: 40%;
    top: 20vh;
  }

  .rabattaktionen.bg-gradient-2 {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 40px;
    line-height: 48px;
  }

  h2 {
    font-size: 30px;
    line-height: 40px;
  }

  h3 {
    margin-bottom: 12px;
  }

  h5 {
    font-size: 17px;
  }

  h6 {
    font-size: 12px;
  }

  p {
    margin-bottom: 24px;
  }

  blockquote {
    padding: 12px 24px;
  }

  .section, .section.top-image-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.hero-v1-section {
    padding-top: 80px;
    padding-bottom: 24px;
  }

  .section.padding-small {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.padding-small.bg-gradient-2.angebot-banner {
    padding-bottom: 64px;
  }

  .section.top-section-v2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.post-image-section {
    height: 64vw;
    max-height: none;
  }

  .section.bg-gradient.bg-solar {
    min-width: 100%;
  }

  .section.bg-gradient.bg-solar.small-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.bg-blue-light.bg-image.top-padding-big {
    background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/643e7cab2d93d394ed3b5d0b_Illu1_Export.svg");
    background-position: 85% 325px;
    background-repeat: no-repeat;
    background-size: 35%;
    padding-top: 80px;
  }

  .section.bg-blue-light.small-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.top-image-section, .section.top-image-section-faq {
    min-height: 30vh;
  }

  .section.landing-hero {
    background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/65b5443f30193b184ec4db73_Hintergrund_Hero_01.svg"), linear-gradient(#192d4e80, #192d4e80), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/650c33be516c4e723b2e9511_pexels-kindel-media-9875676.jpg");
    background-position: 0%, 0 0, 50%;
    background-size: auto 100%, auto, cover;
    height: 80vh;
  }

  .section.landing-hero.flachdach {
    background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66cd9b1ff9c7ffeb9b286c48_Hero_Hintergrund_03.svg"), linear-gradient(#192d4e40, #192d4e40), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66cd9abe3c7322aa4080375e_Esfera_Hero_Bild.jpg");
    background-position: 100%, 0 0, 50%;
  }

  .section.landing-hero.flachdach-schmal {
    background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66cd9b1ff9c7ffeb9b286c48_Hero_Hintergrund_03.svg"), linear-gradient(#192d4e40, #192d4e40), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66cd9abe3c7322aa4080375e_Esfera_Hero_Bild.jpg");
    background-position: 0%, 0 0, 50%;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .wrapper.nav-bar-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .wrapper.nav-dropdown {
    justify-content: space-between;
    padding-top: 15%;
    display: flex;
  }

  .button.big {
    height: 56px;
  }

  .nav-bar {
    height: 64px;
    padding-left: 0;
    padding-right: 0;
  }

  .no-margin {
    margin: 0;
  }

  .no-margin-bottom, .intro.no-margin-bottom {
    margin-bottom: 0;
  }

  .intro.margin-bottom {
    margin-bottom: 64px;
  }

  .brand {
    padding-left: 16px;
    padding-right: 16px;
  }

  .no-padding-top {
    padding-top: 0;
  }

  .navigation {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0;
  }

  .text-big.text-white.margin-bottom-40px.mobile-centered {
    text-align: center;
  }

  .bg-elements {
    min-height: 420px;
  }

  .info {
    flex: none;
    display: none;
  }

  .input {
    box-shadow: inset 0 0 #0000;
  }

  .post-card-v3-info {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .link {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 13px;
  }

  .post-card-v3-image {
    height: 31vw;
    max-height: none;
  }

  .dropdown-corner, .dropdown-bridge {
    display: none;
  }

  .feature-centered.white {
    font-size: 24px;
  }

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

  .testimonials-v5 {
    width: 88%;
    max-width: none;
    padding-bottom: 72px;
  }

  .testimonials-v5-slide {
    width: 100%;
    padding-top: 0;
    padding-left: 4%;
    padding-right: 4%;
  }

  .review-v5 {
    font-size: 15px;
  }

  .logo {
    height: 55px;
  }

  .logo.footer {
    height: 50px;
  }

  .menu-button {
    z-index: 99;
    background-color: #0000;
  }

  .menu-button.w--open {
    color: var(--dark);
    background-color: #0000;
  }

  .layout-box {
    padding: 8%;
  }

  .search-result {
    border-radius: 20px;
    align-items: flex-start;
    box-shadow: 7px 7px 20px #5962731f;
  }

  .review-star {
    width: 18px;
  }

  .testimonials-v3 {
    max-width: 88%;
    padding: 32px 48px;
  }

  .review-v3-avatar {
    width: 80px;
    height: 80px;
  }

  .main-grid {
    grid-column-gap: 16px;
    grid-row-gap: 64px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .main-grid._01, .main-grid._03, .main-grid._02 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .dots {
    height: 81px;
    top: 34%;
    bottom: -10%;
    left: -14%;
  }

  .circle-small {
    width: 10vw;
    top: 20%;
    right: 4%;
  }

  .footer-heading {
    margin-bottom: 12px;
  }

  .post-tags-heading {
    margin-top: 0;
  }

  .posts-3-cols {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
  }

  .question-simple {
    padding-right: 0;
  }

  .feature-image-big {
    border-radius: 8px;
  }

  .feature-card {
    border-radius: 16px;
    padding: 16px 16px 28px;
  }

  .feature-card.align-left {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .feature-image {
    border-radius: 6px;
  }

  .search-result-info {
    padding: 8px 8px 4px 24px;
  }

  .search-result-image {
    border-radius: 10px;
    width: 30vw;
    height: 22vw;
  }

  .top-bar-close {
    right: 0;
  }

  .home-button {
    width: 32px;
  }

  .top-button {
    bottom: 12px;
    right: 12px;
  }

  .post-card-type {
    width: 48px;
    height: 48px;
  }

  .page-intro-left {
    margin-top: 0;
  }

  .pricing-features-left {
    padding-right: 0;
  }

  .pricing-features-right {
    padding-left: 0;
  }

  .hero-slider {
    height: 63vw;
    min-height: 0;
    max-height: none;
    margin-top: 0;
    padding-top: 0;
    overflow: hidden;
  }

  .category-link {
    font-size: 13px;
  }

  .contact-v2 {
    grid-column-gap: 32px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .contact-v2-media {
    flex: 0 auto;
    height: 50vw;
  }

  .icon-box {
    width: 56px;
    height: 56px;
  }

  .logo-reviews {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .logo-reviews-info {
    width: 41.33%;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .logo-reviews-text {
    margin-top: 0;
  }

  .logo-reviews-heading {
    margin-bottom: 4px;
  }

  .logo-slider {
    height: 112px;
    margin-right: 12px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .logo-slide {
    width: 50%;
  }

  .logo-slide-brand {
    height: 27px;
  }

  .logo-slider-nav {
    width: 64px;
  }

  .intro-left {
    z-index: 2;
    text-align: center;
    align-items: center;
    position: relative;
  }

  .intro-left.team-left-info {
    text-align: center;
    align-items: center;
    padding-top: 0;
    padding-right: 0;
    position: static;
  }

  .intro-left.landing-page {
    text-align: left;
    align-items: flex-start;
    width: 75%;
    top: 10vh;
    left: 7%;
  }

  .media-rounded {
    border-radius: 12px;
  }

  .feature-cards-3 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .sticky-menu {
    height: 80px;
    padding-left: 12px;
    padding-right: 12px;
    top: 64px;
  }

  .sticky-link {
    margin-left: 1%;
    margin-right: 1%;
    font-size: 14px;
  }

  .hero-v3 {
    height: auto;
    min-height: 70vh;
    max-height: none;
  }

  ._3-blocks-intro {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 48px;
    padding-right: 20%;
    display: flex;
  }

  .blog-intro-text {
    margin-top: 0;
    margin-bottom: 16px;
  }

  .team-member-name {
    font-size: 32px;
    line-height: 40px;
  }

  .team-member-photo {
    width: 160px;
    height: 160px;
    margin-top: -80px;
  }

  .team-member-bio {
    font-size: 15px;
    line-height: 24px;
  }

  .side-team-blocks {
    grid-row-gap: 31px;
  }

  .side-team-blocks.second {
    margin-left: 32px;
    padding-top: 60px;
  }

  .contact-v2-card.bg-white {
    width: 90%;
    min-height: 250px;
    margin-left: auto;
    margin-right: auto;
  }

  .contact-v2-info {
    padding-left: 16px;
    padding-right: 16px;
  }

  .contact-v2-form {
    margin-top: 32px;
    padding-bottom: 0;
  }

  .blog-promo {
    text-align: center;
    align-items: center;
    position: static;
  }

  .footer-v1-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .gallery-slider {
    height: 64vw;
  }

  .gallery-slider-button {
    width: 48px;
    height: 48px;
    bottom: 20px;
    right: 20px;
  }

  .gallery-slider-button.left {
    right: 76px;
  }

  .galley-slide-info {
    margin-top: 15px;
    margin-bottom: 12px;
    margin-left: 19px;
    padding-top: 8px;
    padding-bottom: 8px;
    right: 144px;
  }

  .gallery-slide-number {
    margin-right: 16px;
    font-size: 36px;
    line-height: 28px;
  }

  .gallery-slider-text {
    padding-left: 16px;
    font-size: 13px;
    line-height: 20px;
  }

  .floating-element._2 {
    bottom: -67px;
  }

  .engage-card {
    border-radius: 20px;
  }

  .engage-content {
    min-height: 0;
    padding: 48px 48px 108px;
  }

  .engage-content.bg-gradient-2 {
    padding-bottom: 48px;
  }

  .engage-heading {
    font-size: 23px;
    line-height: 28px;
  }

  .engage.p-l-start {
    width: 100%;
  }

  .posts-2-cols {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .mini-review {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .mini-review-avatar {
    padding-bottom: 16px;
    padding-right: 0;
  }

  .mini-review-icon {
    margin-right: -8px;
  }

  .mini-review-content {
    align-items: center;
  }

  .team-member-bg-wrapper {
    height: 43vw;
  }

  .team-profile-text {
    display: none;
  }

  .footer-v3-links {
    margin-left: -12px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .footer-v3-nav {
    flex-wrap: wrap;
  }

  .footer-v3-brand {
    margin-right: 14px;
  }

  .footer-v3-content {
    flex-direction: column;
  }

  .footer-v2-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer-v2-info {
    border-bottom: 1px solid #ffffff29;
    padding-bottom: 60px;
    padding-left: 0%;
  }

  .dropdown-grid {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
    justify-items: start;
    padding-top: 0;
    padding-bottom: 0;
  }

  .feature-cards-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .intro-hero {
    height: auto;
    max-height: none;
    padding-top: 112px;
    padding-bottom: 144px;
  }

  .footer-instagram-hover {
    display: none;
  }

  .contact-map {
    flex: 1;
    width: 90%;
  }

  .text-white.title-1, .title-1 {
    font-size: 30px;
    line-height: 40px;
  }

  .spacer-01.hide-mobile, .spacer-01.shrink-mobile {
    display: block;
  }

  .post-list-2 {
    grid-row-gap: 20px;
    padding-bottom: 32px;
  }

  .blog-promo-subscribe-2 {
    text-align: center;
    align-items: center;
    padding-right: 0%;
  }

  .nav-dropdown-3 {
    display: block;
  }

  .input-2 {
    box-shadow: inset 0 0 #0000;
  }

  .blog-post-info-card {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .blog-post-info-card.bg-blue {
    width: 80%;
  }

  .card_side {
    backface-visibility: hidden;
  }

  .card_wrapper {
    width: 35rem;
  }

  .heading-6, .heading-7, .heading-8 {
    font-size: 18px;
    line-height: 24px;
  }

  .nav-dropdown-link-3 {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
  }

  .nav-dropdown-link-3:hover {
    background-color: #0000;
  }

  .nav-dropdown-link-3.w--current {
    color: #452c48;
  }

  .projekt-post-info-card {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .projekt-post-info-card.bg-blue {
    width: 80%;
  }

  .client-info-card {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .bildergalerie-bild {
    height: 180px;
  }

  .collection-list.bildergalerie-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .faq-nav-link:hover {
    background-color: #0000;
  }

  .faq-nav-link.w--current {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-left: 16px;
  }

  .play-button {
    background-size: 24px;
    width: 64px;
    height: 64px;
  }

  .sidebar-video {
    height: 30vw;
  }

  .wrapper-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .faq-sidebar {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    padding-right: 0%;
    position: static;
  }

  .sidebar-faq-links {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 24px;
  }

  .sidebar-video-block {
    max-width: 370px;
  }

  .illustration-wrapper {
    display: none;
  }

  .simple-questions {
    grid-row-gap: 40px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .icon-box-2 {
    width: 56px;
    height: 56px;
  }

  .intro-left-2 {
    z-index: 2;
    text-align: center;
    align-items: center;
    position: relative;
  }

  .intro-left-2.sticky {
    position: static;
  }

  .faq-box {
    grid-row-gap: 60px;
    border-radius: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .intro-2.margin-bottom {
    margin-bottom: 64px;
  }

  .question-simple-2 {
    padding-right: 0;
  }

  .illustration-faq.mobile {
    display: none;
  }

  .contact-v2-image {
    flex: 0 auto;
    height: 50vw;
  }

  .text-link-wrapper {
    flex-direction: column;
  }

  .projekt-post-info-card-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .projekt-post-info-card-2.bg-gradient-01 {
    max-width: 80%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .projekt-details-wrapper-01 {
    flex-direction: column;
    align-items: center;
  }

  .projekt-details-wrapper-01.margin-bottom {
    margin-bottom: 12px;
  }

  .posts-4-cols {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
  }

  .form-adresse-header {
    width: 100%;
    margin-top: 20px;
  }

  .intro-right.centered {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .usp-grid-3-cols {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .process {
    padding-left: 8px;
    padding-right: 8px;
  }

  .process.no-margin-bottom {
    margin-bottom: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .lead-form-01 {
    margin-top: 32px;
    padding-bottom: 0;
  }

  .leadform-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .landing-page-title {
    font-size: 30px;
    line-height: 40px;
  }

  .landing-page-title.text-white {
    font-size: 4em;
  }

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

  .heading-h2.text-white {
    line-height: 1.2em;
  }

  .heading-h2.text-white-big.mobile-centered {
    text-align: center;
  }

  .nav-bar-small {
    height: 64px;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-heading {
    font-size: 40px;
    line-height: 48px;
  }

  .feature-image-landing {
    border-radius: 8px;
  }

  .prozess-schritte-4-cols {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
  }

  .flip-cards-wrapper-3-cols {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .card_wrapper-2 {
    width: 35rem;
    height: 40rem;
  }

  .footer-landing-links {
    margin-left: -12px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .google-reviews-widget {
    margin-top: 20px;
  }

  .landing-prozess-card {
    border-radius: 16px;
    padding: 16px 16px 28px;
  }

  .solarrechner-iframe {
    justify-content: space-between;
    align-items: center;
    min-width: 100%;
  }

  .cta-banner-solarrechner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    width: 80%;
    padding-left: 40px;
    padding-right: 40px;
  }

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

  .illustration-solarrechner-cta {
    opacity: 1;
    height: 200px;
    margin-bottom: -12px;
  }

  .hero-sponsorings {
    height: auto;
    min-height: 70vh;
    max-height: none;
  }

  .nav-links-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .rabattaktionen {
    min-height: 0;
    padding: 48px 48px 108px;
  }

  .rabattaktionen.bg-gradient-2 {
    padding-bottom: 48px;
  }

  .news-banner {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .news-banner.bg-gradient-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .landing-page-title-flachdach {
    font-size: 30px;
    line-height: 40px;
  }

  .landing-page-title-flachdach.text-white {
    font-size: 4em;
  }

  .rabatt-note {
    font-size: 32px;
    line-height: 1.2em;
  }

  .lead-form-02 {
    margin-top: 32px;
    padding-bottom: 0;
  }

  .lp-hero-content {
    width: 80%;
  }

  .card_wrapper-process {
    width: 18rem;
  }

  .left-button {
    transition: transform .35s;
  }

  .left-button:hover {
    transform: scale(1.05);
  }

  .right-button {
    transition: transform .35s;
  }

  .right-button:hover {
    transform: scale(1.05);
  }

  .button-wrapper.slider-buttons.margin-top, .button-wrapper.slider-buttons.hide-desktop {
    display: flex;
  }

  .card_slider_wrapper {
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: scroll;
  }

  .slider-gradient-overlay {
    z-index: 1000;
    width: 100px;
    display: block;
    inset: 0% 0% 0% auto;
  }

  .card_slider_wrapper_2 {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -20px;
    padding-top: 20px;
    padding-bottom: 40px;
    overflow: auto;
  }

  .card_wrapper-process_2 {
    width: 18rem;
  }

  .card_slider_wrapper_3 {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: -80px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: auto;
  }

  .card_wrapper-process_3 {
    width: 18rem;
  }

  .left-button_2 {
    transition: transform .35s;
  }

  .left-button_2:hover {
    transform: scale(1.05);
  }

  .right-button_2 {
    transition: transform .35s;
  }

  .right-button_2:hover {
    transform: scale(1.05);
  }

  .prozess-card {
    border-radius: 16px;
    padding: 16px 16px 28px;
  }

  .contact-info-grid {
    padding-left: 16px;
    padding-right: 16px;
  }

  .contact-map-new {
    flex: 1;
    width: 90%;
  }

  .quote-card {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .navbar-links-wrapper.align-right {
    width: 70%;
  }

  .illustration-grid {
    grid-column-gap: 16px;
    grid-row-gap: 64px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .prozess-card-new {
    border-radius: 16px;
    padding: 16px 16px 28px;
  }

  .nav-link {
    background-color: #fff;
    border-radius: 0;
    margin-bottom: -1px;
    padding: 16px 24px;
  }

  .nav-link:hover {
    background-color: #fff;
  }

  .nav-link.w--current {
    color: #0a1120;
  }

  .nav-link.nav-dropdown {
    background-color: #fff0;
  }

  .nav-dropdown-icon {
    color: #d1d1d1;
    font-size: 15px;
  }

  .dropdown-list.w--open {
    z-index: 1;
    background-color: #fff;
    border-radius: 0;
    margin-top: -1px;
    margin-left: 0;
    padding: 0 16px 8px;
    position: relative;
    box-shadow: 0 1px #ffffff1f;
  }

  .nav-dropdown-link {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
  }

  .nav-dropdown-link:hover {
    background-color: #0000;
  }

  .nav-dropdown-link.w--current {
    color: #0a1120;
  }

  .icon-2 {
    color: var(--_farben-aktuell---blue-dark);
    text-align: left;
    font-size: 30px;
    line-height: 30px;
  }

  .menu-dropdown-button {
    background-color: var(--_farben-aktuell---blue-light);
    border-radius: 12px;
    padding: 10px;
  }

  .nav-dropdown-heading {
    display: none;
  }

  .projektkoordination-und-f-rderungen, .montage-und-inbetriebnahme {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
  }

  .blog-card-thumbnail {
    height: 31vw;
    max-height: none;
  }

  .blog-card-info {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .banner-blue-white {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .dl-card {
    border-radius: 16px;
    padding: 16px 16px 28px;
  }

  .produkt-item {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
    line-height: 40px;
  }

  h2 {
    font-size: 24px;
    line-height: 32px;
  }

  h4 {
    margin-bottom: 8px;
    font-size: 19px;
    line-height: 24px;
  }

  .section, .section.top-image-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.hero-v1-section {
    padding-top: 64px;
  }

  .section.padding-small {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section.padding-small.bg-gradient-2.angebot-banner {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }

  .section.top-section-v2 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.post-image-section {
    height: 70vw;
  }

  .section.top-padding-big {
    padding-top: 64px;
  }

  .section.bg-blue-light.bg-image.top-padding-big {
    background-position: 90% 325px;
    padding-top: 32px;
  }

  .section.top-image-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.top-image-section-faq {
    padding-top: 64px;
    padding-bottom: 64px;
    display: flex;
  }

  .section.landing-hero {
    background-image: linear-gradient(#192d4ed9, #192d4ed9), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/650c33be516c4e723b2e9511_pexels-kindel-media-9875676.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
  }

  .section.landing-hero.flachdach {
    background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66cd9b1ff9c7ffeb9b286c48_Hero_Hintergrund_03.svg"), linear-gradient(#192d4e40, #192d4e40), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66c85926f39b212922d66afa_LP_Flachdach_Header.avif");
    background-position: 0%, 0 0, 50%;
    background-repeat: no-repeat, repeat, repeat;
    background-size: auto 100%, auto, cover;
  }

  .section.landing-hero.flachdach-schmal {
    background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66cd9b1ff9c7ffeb9b286c48_Hero_Hintergrund_03.svg"), linear-gradient(#192d4e40, #192d4e40), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66c85926f39b212922d66afa_LP_Flachdach_Header.avif");
    background-position: 0%, 0 0, 50%;
    background-repeat: no-repeat, repeat, repeat;
    background-size: auto 100%, auto, cover;
    padding-left: 40px;
    padding-right: 40px;
  }

  .wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .wrapper.nav-dropdown {
    justify-content: space-between;
  }

  .button.nav-button {
    height: 44px;
  }

  .button.kontakt-dropdown {
    display: none;
  }

  .nav-bar {
    height: 60px;
  }

  .no-margin {
    margin: 0;
  }

  .no-margin-bottom {
    margin-bottom: 0;
  }

  .intro {
    width: 90%;
  }

  .intro.no-margin-bottom {
    margin-bottom: 0;
  }

  .intro.margin-bottom {
    margin-bottom: 48px;
  }

  .intro.p-xl-end.mobile {
    margin-bottom: 4em;
  }

  .footer-link {
    font-size: 13px;
    line-height: 20px;
  }

  .no-padding-top {
    padding-top: 0;
  }

  .page-wrapper {
    overflow: hidden;
  }

  .post-card-v3 {
    border-radius: 16px;
    padding: 12px;
  }

  .post-card-v3-content {
    padding-top: 32px;
  }

  .post-card-v3-image {
    border-radius: 8px;
  }

  .review-v9 {
    padding: 6px;
  }

  .icon {
    width: 20px;
  }

  .feature-centered {
    width: 100%;
  }

  .top-bar {
    justify-content: flex-start;
    min-height: 32px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
  }

  .post-rich-text img {
    border-radius: 8px;
  }

  .footer-bottom {
    flex-wrap: wrap;
  }

  .testimonials-v5 {
    width: 92%;
    margin-top: -8px;
    margin-bottom: -24px;
  }

  .testimonials-v5-slide {
    padding-left: 0%;
    padding-right: 0%;
  }

  .slider-nav {
    font-size: 8px;
  }

  .logo {
    height: 45px;
  }

  .layout-box {
    padding-left: 6%;
    padding-right: 6%;
  }

  .contact-form {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 100%;
    padding-top: 16px;
  }

  .menu-icon {
    margin-left: 2px;
    margin-right: 2px;
  }

  .slider-button {
    width: 48px;
    height: 48px;
    padding: 10px;
    left: -24px;
  }

  .slider-button.right {
    right: -24px;
  }

  .testimonials-v3 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .review-v3-text {
    font-size: 19px;
    line-height: 28px;
  }

  .main-grid {
    grid-row-gap: 48px;
  }

  .main-grid._01, .main-grid._03, .main-grid._02 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .dots {
    width: 226px;
    height: 71px;
    top: 38%;
  }

  .circle-small {
    width: 15vw;
    top: 17%;
  }

  .post-card-v3-heading {
    margin-bottom: 8px;
  }

  .accordion-header {
    min-height: 60px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .accordion-text {
    margin-left: 4px;
    margin-right: 4px;
    padding-bottom: 24px;
  }

  .accordion-heading {
    font-size: 17px;
    line-height: 24px;
  }

  .accordion-plus {
    width: 14px;
    height: 14px;
  }

  .question-simple {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .feature-image-big {
    width: 100%;
  }

  .feature-card {
    padding: 20px 20px 32px;
  }

  .feature-image {
    border-radius: 8px;
  }

  .testimonials-v3-nav {
    bottom: -32px;
  }

  .top-bar-close {
    width: 32px;
  }

  .top-bar-text {
    margin-right: 8px;
  }

  .top-button {
    display: none;
  }

  .post-card-type {
    width: 48px;
    height: 48px;
  }

  .subscribe {
    width: 100%;
    max-width: 400px;
  }

  .footer-v1 {
    padding-top: 48px;
  }

  .footer-bottom-left {
    text-align: center;
    flex: 0 auto;
    justify-content: center;
    width: 100%;
    margin-bottom: 12px;
  }

  .footer-bottom-right {
    text-align: center;
    flex: 0 auto;
    justify-content: center;
    width: 100%;
  }

  .hero-slider {
    height: 68vw;
  }

  .top-message-content {
    padding-left: 0;
    font-size: 11px;
    line-height: 16px;
  }

  .contact-v2 {
    grid-template-rows: auto auto auto;
  }

  .icon-box {
    width: 52px;
    height: 52px;
  }

  .logo-reviews {
    flex-direction: column;
  }

  .logo-reviews-info {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 0 12px 16px;
  }

  .logo-slider {
    flex: none;
    height: 96px;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .logo-slide {
    width: 25%;
    padding: 4px;
  }

  .logo-slide-brand {
    height: 4vw;
  }

  .logo-slider-nav {
    width: 44px;
  }

  .logo-reviews-rating {
    align-items: flex-end;
  }

  .intro-left {
    margin-top: 50px;
  }

  .intro-left.landing-page {
    width: 90%;
    margin-top: auto;
  }

  .media-rounded {
    border-radius: 12px;
  }

  .feature-cards-3 {
    grid-row-gap: 24px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 5%;
    padding-right: 5%;
  }

  .testimonials-v3-button {
    width: 48px;
    height: 48px;
    padding: 10px;
    left: -24px;
  }

  .testimonials-v3-button.right {
    right: -24px;
  }

  .sticky-menu {
    display: none;
  }

  .hero-v3 {
    min-height: 60vh;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  ._3-blocks-intro {
    padding-right: 0%;
  }

  .team-member-name {
    font-size: 28px;
    line-height: 36px;
  }

  .team-member-photo {
    width: 128px;
    height: 128px;
    margin-top: -64px;
  }

  .side-team-blocks {
    grid-row-gap: 24px;
  }

  .side-team-blocks.second {
    margin-left: 16px;
  }

  .side-team {
    padding-left: 0;
    padding-right: 0;
  }

  .contact-v2-card.bg-white {
    width: 90%;
  }

  .contact-v2-form {
    margin-top: 0;
  }

  .footer-v1-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-bottom: 40px;
  }

  .footer-v1-info {
    padding-right: 0%;
  }

  .gallery-slider-button {
    width: 48px;
    height: 48px;
    padding: 10px;
    display: none;
  }

  .gallery-slider-nav {
    height: 24px;
    padding-top: 3px;
    font-size: 6px;
    display: block;
  }

  .galley-slide-info {
    max-width: 100%;
    margin-bottom: 20px;
    margin-left: 16px;
    margin-right: 16px;
    padding-right: 0;
    right: 0;
  }

  .gallery-slide-number {
    font-size: 32px;
  }

  .top-message-button {
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 0;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .engage-card {
    border-radius: 16px;
    display: block;
  }

  .engage-content {
    text-align: center;
    align-items: center;
    padding-bottom: 104px;
    padding-left: 0;
    padding-right: 0;
  }

  .engage-content.bg-gradient-2 {
    padding-left: 8%;
    padding-right: 8%;
  }

  .engage.p-l-start {
    max-width: 80%;
  }

  .footer-v3-links {
    flex-wrap: wrap;
    flex: 0 auto;
    justify-content: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-v3-nav {
    flex: 0 auto;
    justify-content: center;
    width: 100%;
    padding-top: 0;
    padding-left: 0;
  }

  .footer-v3-link {
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-v3-brand {
    margin: 0;
    padding-left: 12px;
    padding-right: 12px;
  }

  .footer-v3-content {
    flex-flow: column wrap;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-v2-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-bottom: 40px;
  }

  .footer-v2-info {
    padding-bottom: 48px;
    padding-right: 32%;
  }

  .feature-cards-2 {
    grid-row-gap: 32px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .intro-hero {
    padding-top: 64px;
    padding-bottom: 80px;
  }

  .spacer-01.hide-mobile, .spacer-01.shrink-mobile {
    height: 4em;
  }

  .post-list-2 {
    grid-row-gap: 16px;
    padding-bottom: 24px;
  }

  .blog-promo-subscribe-2 {
    width: 100%;
  }

  .accordion-header-2 {
    min-height: 60px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .post-card-jobs {
    border-radius: 16px;
  }

  .blog-post-info-card {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .blog-post-info-card.bg-blue {
    width: 90%;
  }

  .section-tip {
    align-items: center;
  }

  .card_wrapper {
    width: 32rem;
  }

  .container-large {
    max-width: none;
  }

  .show-mobile {
    display: none;
  }

  .projekt-post-info-card {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .projekt-post-info-card.bg-blue {
    width: 90%;
  }

  .bildergalerie-bild {
    object-fit: contain;
    height: 250px;
  }

  .collection-list.bildergalerie-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .faq-nav-link {
    padding: 8px 16px;
  }

  .accordion-header-3 {
    min-height: 60px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .accordion-heading-2 {
    font-size: 17px;
    line-height: 24px;
  }

  .play-button {
    width: 56px;
    height: 56px;
  }

  .faq-block {
    padding-top: 48px;
  }

  .faq-block.first {
    margin-top: 0;
  }

  .faq-sidebar {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .accordion-text-2 {
    margin-left: 4px;
    margin-right: 4px;
    padding-bottom: 24px;
  }

  .contact-details-wrapper {
    flex-direction: column;
  }

  .sidebar-contact-wrapper.margin-right {
    margin-bottom: 10px;
  }

  .accordion-header-4 {
    min-height: 60px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .accordion-heading-3 {
    font-size: 17px;
    line-height: 24px;
  }

  .simple-questions {
    grid-template-columns: 1fr;
  }

  .icon-box-2 {
    width: 52px;
    height: 52px;
  }

  .footer-v1-2 {
    padding-top: 48px;
  }

  .footer-link-2 {
    font-size: 13px;
    line-height: 20px;
  }

  .faq-box {
    border-radius: 16px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .intro-2.margin-bottom {
    margin-bottom: 48px;
  }

  .question-simple-2 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .illustration-faq.mobile {
    display: none;
  }

  .projekt-post-info-card-2 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .projekt-post-info-card-2.bg-gradient-01 {
    max-width: 80%;
  }

  .intro-right.centered {
    text-align: center;
  }

  .usp-grid-3-cols {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .process {
    margin-bottom: 48px;
  }

  .process.no-margin-bottom {
    margin-bottom: 0;
  }

  .place-top {
    z-index: 10;
  }

  .process-step-number {
    font-size: 64px;
    line-height: 48px;
  }

  .process-step-number.right {
    top: -4px;
    left: -16px;
  }

  .process-step-number.left {
    top: -4px;
    right: -16px;
  }

  .flip-cards-wrapper {
    align-items: center;
  }

  .lead-form-01 {
    margin-top: 0;
  }

  .leadform-wrapper {
    grid-template-rows: auto auto auto;
  }

  .landing-page-title.text-white {
    font-size: 3.5em;
  }

  .heading-h2.text-white {
    font-size: 32px;
    line-height: 1.2em;
  }

  .nav-bar-small {
    height: 60px;
  }

  .subheading-white.margin-top._w-80 {
    max-width: 100%;
    font-size: 15px;
    line-height: 24px;
  }

  .hero-heading {
    font-size: 32px;
    line-height: 40px;
  }

  .feature-image-landing {
    width: 100%;
  }

  .flip-cards-wrapper-3-cols {
    grid-row-gap: 32px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .card_wrapper-2 {
    width: 32rem;
    height: 38rem;
  }

  .footer-landing-links {
    flex-wrap: wrap;
    flex: 0 auto;
    justify-content: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .google-reviews-widget {
    margin-top: 20px;
  }

  .landing-prozess-card {
    padding: 20px 20px 32px;
  }

  .content-wrapper {
    flex-flow: column;
  }

  .illustration-solarrechner-cta {
    display: none;
  }

  .hero-sponsorings {
    min-height: 60vh;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .nav-links-list {
    grid-template-columns: 1fr 1fr;
  }

  .rabattaktionen {
    text-align: center;
    align-items: center;
    padding-bottom: 104px;
    padding-left: 0;
    padding-right: 0;
  }

  .rabattaktionen.bg-gradient-2 {
    padding-left: 8%;
    padding-right: 8%;
  }

  .news-banner {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .news-banner.bg-gradient-2 {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  .landing-page-title-flachdach.text-white {
    font-size: 3.5em;
  }

  .rabatt-note {
    width: 100%;
  }

  .lead-form-02 {
    margin-top: 0;
  }

  .slider-gradient-overlay {
    width: 50px;
  }

  .subheading-centered {
    width: 100%;
  }

  .prozess-card {
    padding: 20px 20px 32px;
  }

  .illustration-grid {
    grid-row-gap: 48px;
  }

  .prozess-card-new {
    padding: 20px 20px 32px;
  }

  .nav-link {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .contact-card-grid {
    width: 90%;
  }

  .blog-card {
    border-radius: 16px;
    padding: 12px;
  }

  .blog-card-thumbnail {
    border-radius: 8px;
  }

  .blog-card-content {
    padding-top: 32px;
  }

  .banner-blue-white {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .dl-card {
    padding: 20px 20px 32px;
  }

  .wrapper-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .intro-4 {
    width: 90%;
  }

  .produkt-item {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

@media screen and (max-width: 479px) {
  .section.padding-small.bg-gradient-2.angebot-banner {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  .section.post-image-section {
    height: 100vw;
  }

  .section.top-padding-big {
    padding-top: 64px;
  }

  .section.bg-blue-light.bg-image.top-padding-big {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.top-image-section, .section.top-image-section-faq {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.landing-hero {
    height: 70vh;
    display: flex;
  }

  .section.landing-hero.flachdach {
    background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66cd9b1ff9c7ffeb9b286c48_Hero_Hintergrund_03.svg"), linear-gradient(#192d4e40, #192d4e40), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66c85926f39b212922d66afa_LP_Flachdach_Header.avif");
    background-position: 0%, 0 0, 50%;
    background-repeat: no-repeat, repeat, repeat;
    background-size: auto 100%, auto, cover;
  }

  .section.landing-hero.flachdach.hidden {
    display: none;
  }

  .section.landing-hero.flachdach-schmal {
    background-image: url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66cd9b1ff9c7ffeb9b286c48_Hero_Hintergrund_03.svg"), linear-gradient(#192d4e40, #192d4e40), url("https://cdn.prod.website-files.com/642ad46883b41c8680524663/66c85926f39b212922d66afa_LP_Flachdach_Header.avif");
    background-position: 0%, 0 0, 50%;
    background-repeat: no-repeat, repeat, repeat;
    background-size: auto 100%, auto, cover;
    padding: 80px 20px;
  }

  .button.ghost.margin-right {
    margin-right: 0;
  }

  .button.nav-button {
    margin-right: 0;
    display: none;
  }

  .button.input-button {
    border-radius: 7px;
    margin-left: 0;
  }

  .button.big.longer, .button.big.longer.margin-top-40 {
    min-width: auto;
  }

  .button.margin-top, .button.margin-top-40 {
    margin-top: 20px;
  }

  .button.kontakt-dropdown {
    height: 48px;
    margin-top: 12px;
    padding: 13px 24px;
    display: block;
  }

  .nav-bar.bg-blue {
    align-items: stretch;
    display: block;
  }

  .utility-page-content {
    width: 100%;
  }

  .no-margin {
    margin: 0;
  }

  .no-margin-bottom {
    margin-bottom: 0;
  }

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

  .intro.margin-bottom {
    width: 100%;
    max-width: 100%;
  }

  .brand {
    padding-left: 0;
    padding-right: 0;
  }

  .brand.w--current {
    padding-left: 12px;
  }

  .no-padding-top {
    padding-top: 0;
  }

  .text-big.text-grey {
    font-size: 15px;
    line-height: 24px;
  }

  .text-big.text-white.margin-bottom-40px {
    margin-bottom: 20px;
    line-height: 24px;
  }

  .input {
    min-width: 0;
  }

  .link {
    margin-top: -12px;
  }

  .post-card-v3-image {
    height: 58vw;
  }

  .inline-links {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .feature-centered.white {
    font-size: 20px;
    line-height: 28px;
  }

  .post-rich-text {
    width: 90%;
  }

  .footer-bottom {
    flex-wrap: wrap;
  }

  .testimonials-v5 {
    width: 100%;
    padding-bottom: 56px;
    padding-left: 0;
    padding-right: 0;
  }

  .testimonials-v5-slide {
    padding-left: 0%;
    padding-right: 0%;
  }

  .slider-nav.testimonials-v5-nav {
    font-size: 6px;
    display: block;
  }

  .logo {
    height: 30px;
  }

  .menu-button {
    padding: 12px;
  }

  .password-card {
    padding: 40px;
  }

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

  .search-result {
    flex-wrap: wrap;
  }

  .nav-dropdown.full-screen {
    height: 90vh;
  }

  .slider-button {
    display: none;
  }

  .testimonials-v3 {
    border-radius: 12px;
    width: 100%;
    max-width: none;
    padding-left: 24px;
    padding-right: 24px;
  }

  .review-v3-text {
    font-size: 17px;
    line-height: 28px;
  }

  .main-grid {
    grid-row-gap: 48px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .main-grid._01, .main-grid._03, .main-grid._02 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .main-grid.responsive {
    display: flex;
  }

  .dots {
    width: 160px;
    height: 82px;
    bottom: -12%;
  }

  .circle-small {
    width: 17vw;
    top: 22%;
    right: 6%;
  }

  .posts-3-cols {
    grid-template-columns: 100%;
  }

  .accordion-plus {
    margin-right: 16px;
  }

  .question-simple {
    padding-right: 0;
  }

  .feature-card.align-left {
    padding-right: 20px;
  }

  .feature-image {
    width: 100%;
    height: 200px;
  }

  .search-result-info {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .search-result-image {
    flex: 0 auto;
    width: 100%;
    height: 60vw;
  }

  .testimonials-v3-nav {
    display: block;
  }

  .footer-v1 {
    padding-top: 40px;
  }

  .hero-slider {
    height: 150vw;
  }

  .list-dropdown {
    background-color: var(--white);
    border-radius: 7px;
    flex-flow: column;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin-top: 8px;
    margin-bottom: -32px;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    box-shadow: 0 4px 12px #0000001c;
  }

  .list-dropdown-heading {
    color: var(--black);
    cursor: pointer;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    height: 48px;
    padding: 0 20px;
    display: flex;
    position: relative;
  }

  .category-link {
    box-shadow: none;
    text-align: left;
    border-style: none;
    border-radius: 0;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    height: 48px;
    margin-bottom: 0;
    margin-right: 0;
    padding: 0 20px;
    font-size: 15px;
    display: flex;
  }

  .category-link.w--current {
    box-shadow: none;
  }

  .categories {
    flex-direction: column;
  }

  .contact-v2-media {
    height: 80vw;
  }

  .logo-reviews-info {
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 20px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .logo-slider {
    height: 88px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .logo-slide {
    width: 50%;
  }

  .logo-slide-brand {
    height: 6.4vw;
  }

  .logo-slider-nav {
    width: 60px;
  }

  .logo-reviews-rating {
    align-items: flex-start;
  }

  .intro-left {
    margin-top: 0;
  }

  .intro-left.landing-page {
    text-align: center;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    top: auto;
    left: auto;
  }

  .intro-left.mobile-margin-top {
    margin-top: 50px;
  }

  .media-rounded {
    border-radius: 8px;
  }

  .feature-cards-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonials-v3-button {
    display: none;
  }

  .team-member-photo {
    width: 120px;
    height: 120px;
    margin-top: -60px;
  }

  .side-team-blocks.second {
    margin-left: 0;
    padding-top: 24px;
  }

  .side-team {
    display: block;
  }

  .contact-v2-card.bg-white {
    width: 100%;
  }

  .contact-v2-card._02 {
    padding-left: 0;
    padding-right: 0;
  }

  .contact-v2-info {
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .contact-v2-form {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-v1-grid {
    grid-template-rows: auto auto auto;
  }

  .gallery-slider {
    height: 80vw;
  }

  .gallery-slider-button {
    display: none;
  }

  .galley-slide-info {
    align-items: flex-start;
    margin-left: 16px;
    margin-right: 16px;
    right: 0;
  }

  .gallery-slide-number {
    margin-top: 8px;
    margin-right: 12px;
  }

  .floating-element._2 {
    bottom: -103px;
  }

  .engage-content {
    padding-top: 40px;
  }

  .engage.p-l-start {
    max-width: 90%;
  }

  .posts-2-cols {
    grid-row-gap: 16px;
  }

  .search-form {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .team-member-bg-wrapper {
    height: 52vw;
  }

  .footer-v3-content {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .footer-v2 {
    padding-top: 40px;
  }

  .footer-v2-grid {
    grid-template-rows: auto auto auto;
  }

  .footer-v2-info {
    padding-bottom: 40px;
    padding-right: 0%;
  }

  .dropdown-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .feature-cards-2 {
    grid-row-gap: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .contact-map {
    flex: 0 auto;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: auto;
  }

  .text-white {
    font-size: 15px;
    line-height: 20px;
  }

  .text-white.title-1, .title-1 {
    font-size: 24px;
    line-height: 32px;
  }

  .spacer-01.hide-mobile, .spacer-01.shrink-mobile {
    height: 2em;
  }

  .heading-2 {
    line-height: 32px;
  }

  .text-basic {
    font-size: 14px;
    line-height: 22px;
  }

  .post-card-wide-content-2 {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    padding: 32px 12px 0;
  }

  .input-2 {
    min-width: 0;
  }

  .heading-3 {
    text-align: center;
    font-size: 23px;
    line-height: 30px;
  }

  .post-card-jobs {
    flex-direction: column;
  }

  .blog-post-info-card.bg-blue {
    width: 100%;
    padding: 4%;
    top: -40px;
  }

  .card-img {
    position: relative;
  }

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

  .heading-5.text-centered {
    font-size: 18px;
  }

  .card_side.is-back {
    padding: 1.5rem;
    overflow: hidden;
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .card_side.is-front {
    padding: 20px;
  }

  .card_main-text {
    margin-bottom: 1.5rem;
  }

  .card_wrapper {
    width: 90vw;
    height: 37em;
    min-height: 100%;
  }

  .container-large {
    max-width: none;
  }

  .hide-mobile {
    display: none;
  }

  .show-mobile {
    display: block;
  }

  .nav-dropdown-link-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .projekt-post-info-card.bg-blue {
    width: 100%;
    padding: 4%;
    top: -40px;
  }

  .collection-list.bildergalerie-grid {
    grid-template-columns: 1fr;
  }

  .faq-block.first {
    padding-top: 0;
  }

  .sidebar-video {
    height: 60vw;
  }

  .faq-sidebar {
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .sidebar-faq-links {
    padding-top: 0;
    padding-bottom: 0;
  }

  .sidebar-video-block.bg-gradient {
    padding-left: 10px;
    padding-right: 10px;
  }

  .simple-questions {
    grid-template-columns: 1fr;
  }

  .footer-v1-2 {
    padding-top: 40px;
  }

  .faq-box {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .question-simple-2 {
    padding-right: 0;
  }

  .illustration-faq.mobile {
    display: block;
  }

  .contact-details.absolute {
    bottom: 5%;
    right: 5%;
  }

  .contact-v2-image {
    height: 80vw;
  }

  .text-block-12 {
    text-align: left;
  }

  .projekt-post-info-card-2.bg-gradient-01 {
    max-width: 90%;
  }

  .projekt-details-wrapper-01.margin-bottom {
    text-align: center;
  }

  .posts-4-cols {
    grid-template-columns: 100%;
  }

  .form-adresse-header {
    width: 100%;
  }

  .heading-feature {
    padding-right: 20px;
  }

  .intro-right.centered {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .usp-item {
    font-size: 15px;
  }

  .usp-grid-3-cols {
    grid-column-gap: 0px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .process {
    align-items: flex-start;
    margin-top: 40px;
    margin-bottom: 24px;
    padding-top: 80px;
    padding-bottom: 0;
  }

  .process.no-margin-bottom {
    margin-bottom: 0;
  }

  .process-step-info {
    width: 100%;
    margin-left: 72px;
  }

  .process-step-info.left {
    text-align: left;
    margin-left: 60px;
  }

  .process-line {
    margin-left: 16px;
  }

  .process-step-number.left {
    top: -4px;
    left: -16px;
    right: auto;
  }

  .process-step {
    margin-bottom: 40px;
  }

  .process-icon {
    width: 56px;
    height: 56px;
    top: -12px;
    left: 0;
    right: auto;
  }

  .lead-form-01 {
    padding-left: 0;
    padding-right: 0;
  }

  .landing-page-title {
    font-size: 24px;
    line-height: 32px;
  }

  .landing-page-title.text-white {
    font-size: 2.2em;
  }

  .heading-h2 {
    font-size: 32px;
    line-height: 1.2em;
  }

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

  .subheading-white {
    font-size: 15px;
    line-height: 20px;
  }

  .subheading-white.margin-top._w-80 {
    font-size: 15px;
  }

  .prozess-schritte-4-cols {
    grid-template-columns: 100%;
  }

  .flip-cards-wrapper-3-cols {
    grid-row-gap: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .card_wrapper-2 {
    width: 90vw;
    height: 37em;
    min-height: 100%;
  }

  .logo-thuner-amtsanzeiger {
    max-width: 200px;
  }

  .footer-landing-links {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .contact-card-home {
    width: 100%;
  }

  .button-wrapper-dorpdown {
    display: flex;
  }

  .cta-banner-solarrechner {
    width: 96%;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .illustration-solarrechner-cta {
    height: 160px;
    margin-bottom: -12px;
  }

  .nav-links-list {
    grid-template-columns: 1fr;
  }

  .vorteile-wrapper {
    display: flex;
  }

  .rabattaktionen {
    padding-top: 40px;
  }

  .rabattaktionen.bg-gradient-2 {
    width: 100%;
  }

  .news-banner.bg-gradient-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .landing-page-title-flachdach {
    font-size: 24px;
    line-height: 32px;
  }

  .landing-page-title-flachdach.text-white {
    font-size: 2.2em;
  }

  .rabatt-note {
    font-size: 32px;
  }

  .lead-form-02 {
    padding-left: 0;
    padding-right: 0;
  }

  .lp-hero-content {
    width: 100%;
  }

  .card_wrapper-process {
    min-height: 100%;
  }

  .slider-gradient-overlay {
    width: 50px;
  }

  .card_wrapper-process_2, .card_wrapper-process_3 {
    min-height: 100%;
  }

  .contact-card-oultine {
    width: 100%;
  }

  .contact-info-grid {
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .contact-map-new {
    flex: 0 auto;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: auto;
  }

  .illustration-grid {
    grid-row-gap: 48px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .nav-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-dropdown-icon {
    margin-right: 18px;
  }

  .nav-dropdown-link {
    padding-left: 16px;
    padding-right: 16px;
  }

  .contact-card-orange {
    width: 100%;
  }

  .projektkoordination-und-f-rderungen, .montage-und-inbetriebnahme {
    grid-template-columns: 100%;
  }

  .blog-card-thumbnail {
    height: 58vw;
  }
}

#w-node-_7db2f6b9-e049-5a4c-6f91-ade434cc096b-ae524677 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
}

#w-node-_7db2f6b9-e049-5a4c-6f91-ade434cc0975-ae524677 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-fe86ccbb-95df-1e6d-a7aa-9cc6fda41b50-ae524677, #w-node-fe86ccbb-95df-1e6d-a7aa-9cc6fda41b58-ae524677 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fe86ccbb-95df-1e6d-a7aa-9cc6fda41b5c-ae524677 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-b1a7f44d-97ae-9644-e8a2-e3ba3db61e7e-ae524677 {
  place-self: start end;
}

#w-node-_07d00900-83b4-d7fb-410b-51f1d6e7cc23-b32f4091, #w-node-_2c9c0187-4e6d-472b-0e6b-6c5aab1850f7-b32f4091 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_01649959-2e71-03af-0c5a-a3d302a9e4c6-d252470d {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: start;
}

#w-node-_01649959-2e71-03af-0c5a-a3d302a9e4c9-d252470d {
  grid-area: 1 / 8 / 2 / 13;
  align-self: center;
}

#w-node-_1ae179c7-831d-f48c-ad5f-e0bcf41dc290-d252470d, #w-node-_9f575774-16f3-36df-153f-5eeee89ee31f-d252470d, #w-node-be0b43d4-6436-0612-8544-17c9787ed0eb-d252470d, #w-node-a7d72fd1-4740-adcb-0159-29c157561dd2-d252470d, #w-node-_9931e477-d5b5-3a76-d58a-e62d04200ebc-d252470d, #w-node-_64f31b9a-65bf-1efa-b88c-208e9ab02c89-d252470d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-df704e2b-6d10-0eec-b875-7ce9688c9622-d252470d {
  grid-area: span 1 / span 5 / span 1 / span 5;
  align-self: center;
}

#w-node-df704e2b-6d10-0eec-b875-7ce9688c9639-d252470d {
  grid-area: 1 / 7 / 2 / 13;
  align-self: start;
}

#w-node-_30134e07-4a9c-0f5b-7a9e-262bc739d328-d252470d {
  grid-area: 1 / 8 / 2 / 12;
  align-self: center;
}

#w-node-_3cfb81d4-b4f7-d1e9-bec7-cc1b897e86cd-d252470d {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: start;
}

#w-node-a534019b-24fa-6b32-ec8c-0e32dfc9f161-d252470d {
  grid-area: 1 / 2 / 2 / 6;
  align-self: center;
}

#w-node-ffe091d8-9072-97cf-c238-dfc9050ae2f1-d252470d {
  grid-area: 1 / 7 / 2 / 13;
  align-self: start;
}

#w-node-_8ebfed9f-aec7-bd86-2a28-06055acb6e35-d252470d {
  grid-area: 1 / 8 / 2 / 12;
  align-self: center;
}

#w-node-_786102d9-ac3a-e840-5cb7-513fa000bffb-d252470d {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: start;
}

#w-node-_972e7398-b3ff-e06e-b9f2-55833bf75fac-d252470d {
  grid-area: 1 / 2 / 2 / 6;
  align-self: center;
}

#w-node-f5f85215-b357-88fd-9668-0cc77928b02c-d252470d {
  grid-area: 1 / 7 / 2 / 13;
  align-self: start;
}

#w-node-e6940f21-bfb0-3f05-6a85-efad676afbfe-d252470d {
  grid-area: 4 / 5 / 8 / 8;
}

#w-node-_534ee8e6-f161-2617-417b-22ac3999a0a4-d252470d {
  grid-area: 7 / 1 / 11 / 4;
}

#w-node-_88329d89-1350-f68c-903d-d454701f135e-d252470d {
  grid-area: 10 / 5 / 14 / 8;
}

#w-node-_277bedf4-0ecf-d064-a960-f2e2184e52e8-d252470d {
  grid-area: 1 / 1 / 2 / 5;
  align-self: start;
}

#w-node-_277bedf4-0ecf-d064-a960-f2e2184e52f1-d252470d {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_751ded0f-c6dd-29dc-a82a-54fbad00a0dc-d252470d, #w-node-_017ebfa5-f579-bddb-fb70-63c536dd1507-d252470d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b43553cb-7ac2-8c01-c0a5-94d929c1fce5-d252470d {
  align-self: start;
}

#w-node-_9afcc6ac-f59c-3100-538c-004873c7de4e-d252470d {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8b6-d252470d, #w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8b7-d252470d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7991de52-f162-77ff-6180-964a4754309d-d252470d {
  align-self: auto;
}

#w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8c3-d252470d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Nr.w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8c5-d252470d {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8be-d252470d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_903f9bf6-ccf6-d249-87f4-56831b0c7ac9-d252470d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#PLZ-3.w-node-e82473b1-a3cb-1d9a-4e14-1524e08b30cc-d252470d {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_2d70aaa7-099b-d972-9de0-5d61588d6695-d252470d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#Ort.w-node-_2d70aaa7-099b-d972-9de0-5d61588d6697-d252470d {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-d7e81675-900f-ab9f-4633-1435c3ab94ab-d252470d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8c8-d252470d {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-_9f703eb6-e1ee-4823-a348-1bacc85f0f1a-ae524726 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-ec7fdede-db95-3d60-e5b0-0e7f008a0a5b-05a3cf94 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: start;
}

#w-node-_9845386d-8de2-15b6-1e91-2a0698f4177a-05a3cf94 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec7fdede-db95-3d60-e5b0-0e7f008a0a71-05a3cf94 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8b4-d0814625 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8b6-d0814625, #w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8b7-d0814625 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7991de52-f162-77ff-6180-964a4754309d-d0814625 {
  align-self: auto;
}

#w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8c3-d0814625 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Nr.w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8c5-d0814625 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8be-d0814625 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e2dd0102-c319-2d02-9062-dbed6a7b46a2-d0814625 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#Hausnummer.w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8c6-d0814625 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_903f9bf6-ccf6-d249-87f4-56831b0c7ac9-d0814625 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#PLZ-3.w-node-e82473b1-a3cb-1d9a-4e14-1524e08b30cc-d0814625 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_2d70aaa7-099b-d972-9de0-5d61588d6695-d0814625 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Ort.w-node-_2d70aaa7-099b-d972-9de0-5d61588d6697-d0814625 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-d7e81675-900f-ab9f-4633-1435c3ab94ab-d0814625, #w-node-_1c4b1318-bb5d-3d5e-2e53-acf2acd2f1dc-d0814625 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8c8-d0814625 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_93792004-3ee9-fc3b-bde0-9ba7b3615bf6-498d4880, #w-node-b90e8707-95ab-a6b8-a3aa-7b438a700401-498d4880, #w-node-c984b2b8-a4bd-0569-f339-1ffcdad76a36-498d4880 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ab293db-23b6-daa6-1c3f-29400448d92d-498d4880, #w-node-c05aeeb3-6f7d-f370-6ea3-1559a3b87306-498d4880, #w-node-_01996e25-e5e6-ec7a-123f-728a6e84cb38-498d4880, #w-node-_5d3d2183-ea33-5a3b-1173-7fefd1389ffb-498d4880 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_168279b9-a743-8da9-959c-605b896b257e-498d4880, #w-node-_5c27b44a-3ed8-60d2-11e6-24e4c518c41f-498d4880, #w-node-bd6bd2d9-964a-0ef2-9bb6-d23dba6d2c8c-498d4880, #w-node-_2dc40267-2b33-8b79-b850-df6cefcdaf36-498d4880, #w-node-e042f8a2-0a41-519d-84f6-686025364052-498d4880 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-498d4880 {
  grid-area: 1 / 1 / 2 / 7;
  align-self: start;
}

#w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-498d4880 {
  grid-area: 1 / 8 / 2 / 13;
  align-self: center;
}

#w-node-_9ad37637-c4fc-e5e9-fc19-08098d955440-498d4880 {
  grid-area: 1 / 7 / 2 / 13;
  align-self: start;
}

#w-node-_9ad37637-c4fc-e5e9-fc19-08098d955442-498d4880 {
  grid-area: 1 / 1 / 2 / 6;
  align-self: center;
}

#w-node-c231c582-7434-9cc5-3292-30fb2b44d4f4-498d4880, #w-node-c231c582-7434-9cc5-3292-30fb2b44d501-498d4880, #w-node-c231c582-7434-9cc5-3292-30fb2b44d50d-498d4880, #w-node-c231c582-7434-9cc5-3292-30fb2b44d519-498d4880, #w-node-_93792004-3ee9-fc3b-bde0-9ba7b3615bf6-f485045f, #w-node-b90e8707-95ab-a6b8-a3aa-7b438a700401-f485045f, #w-node-c984b2b8-a4bd-0569-f339-1ffcdad76a36-f485045f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ab293db-23b6-daa6-1c3f-29400448d92d-f485045f, #w-node-c05aeeb3-6f7d-f370-6ea3-1559a3b87306-f485045f, #w-node-_01996e25-e5e6-ec7a-123f-728a6e84cb38-f485045f, #w-node-_5d3d2183-ea33-5a3b-1173-7fefd1389ffb-f485045f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_168279b9-a743-8da9-959c-605b896b257e-f485045f, #w-node-_5c27b44a-3ed8-60d2-11e6-24e4c518c41f-f485045f, #w-node-bd6bd2d9-964a-0ef2-9bb6-d23dba6d2c8c-f485045f, #w-node-_2dc40267-2b33-8b79-b850-df6cefcdaf36-f485045f, #w-node-e042f8a2-0a41-519d-84f6-686025364052-f485045f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-f485045f {
  grid-area: 1 / 1 / 2 / 7;
  align-self: start;
}

#w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-f485045f {
  grid-area: 1 / 8 / 2 / 13;
  align-self: center;
}

#w-node-c231c582-7434-9cc5-3292-30fb2b44d4f4-f485045f, #w-node-c231c582-7434-9cc5-3292-30fb2b44d501-f485045f, #w-node-c231c582-7434-9cc5-3292-30fb2b44d50d-f485045f, #w-node-c231c582-7434-9cc5-3292-30fb2b44d519-f485045f, #w-node-_93792004-3ee9-fc3b-bde0-9ba7b3615bf6-e9cc87d2, #w-node-b90e8707-95ab-a6b8-a3aa-7b438a700401-e9cc87d2, #w-node-c984b2b8-a4bd-0569-f339-1ffcdad76a36-e9cc87d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ab293db-23b6-daa6-1c3f-29400448d92d-e9cc87d2, #w-node-c05aeeb3-6f7d-f370-6ea3-1559a3b87306-e9cc87d2, #w-node-_01996e25-e5e6-ec7a-123f-728a6e84cb38-e9cc87d2, #w-node-_5d3d2183-ea33-5a3b-1173-7fefd1389ffb-e9cc87d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_168279b9-a743-8da9-959c-605b896b257e-e9cc87d2, #w-node-_5c27b44a-3ed8-60d2-11e6-24e4c518c41f-e9cc87d2, #w-node-bd6bd2d9-964a-0ef2-9bb6-d23dba6d2c8c-e9cc87d2, #w-node-_2dc40267-2b33-8b79-b850-df6cefcdaf36-e9cc87d2, #w-node-e042f8a2-0a41-519d-84f6-686025364052-e9cc87d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-e9cc87d2 {
  grid-area: 1 / 1 / 2 / 7;
  align-self: start;
}

#w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-e9cc87d2 {
  grid-area: 1 / 8 / 2 / 13;
  align-self: center;
}

#w-node-c231c582-7434-9cc5-3292-30fb2b44d4f4-e9cc87d2, #w-node-c231c582-7434-9cc5-3292-30fb2b44d501-e9cc87d2, #w-node-c231c582-7434-9cc5-3292-30fb2b44d50d-e9cc87d2, #w-node-c231c582-7434-9cc5-3292-30fb2b44d519-e9cc87d2, #w-node-_93792004-3ee9-fc3b-bde0-9ba7b3615bf6-748f93c5, #w-node-b90e8707-95ab-a6b8-a3aa-7b438a700401-748f93c5, #w-node-c984b2b8-a4bd-0569-f339-1ffcdad76a36-748f93c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ab293db-23b6-daa6-1c3f-29400448d92d-748f93c5, #w-node-c05aeeb3-6f7d-f370-6ea3-1559a3b87306-748f93c5, #w-node-_01996e25-e5e6-ec7a-123f-728a6e84cb38-748f93c5, #w-node-_5d3d2183-ea33-5a3b-1173-7fefd1389ffb-748f93c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_168279b9-a743-8da9-959c-605b896b257e-748f93c5, #w-node-_5c27b44a-3ed8-60d2-11e6-24e4c518c41f-748f93c5, #w-node-bd6bd2d9-964a-0ef2-9bb6-d23dba6d2c8c-748f93c5, #w-node-_2dc40267-2b33-8b79-b850-df6cefcdaf36-748f93c5, #w-node-e042f8a2-0a41-519d-84f6-686025364052-748f93c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-748f93c5 {
  grid-area: 1 / 1 / 2 / 7;
  align-self: start;
}

#w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-748f93c5 {
  grid-area: 1 / 8 / 2 / 13;
  align-self: center;
}

#w-node-c231c582-7434-9cc5-3292-30fb2b44d4f4-748f93c5, #w-node-c231c582-7434-9cc5-3292-30fb2b44d501-748f93c5, #w-node-c231c582-7434-9cc5-3292-30fb2b44d50d-748f93c5, #w-node-c231c582-7434-9cc5-3292-30fb2b44d519-748f93c5, #w-node-_93792004-3ee9-fc3b-bde0-9ba7b3615bf6-8bbbce4d, #w-node-b90e8707-95ab-a6b8-a3aa-7b438a700401-8bbbce4d, #w-node-c984b2b8-a4bd-0569-f339-1ffcdad76a36-8bbbce4d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ab293db-23b6-daa6-1c3f-29400448d92d-8bbbce4d, #w-node-c05aeeb3-6f7d-f370-6ea3-1559a3b87306-8bbbce4d, #w-node-_01996e25-e5e6-ec7a-123f-728a6e84cb38-8bbbce4d, #w-node-_5d3d2183-ea33-5a3b-1173-7fefd1389ffb-8bbbce4d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_168279b9-a743-8da9-959c-605b896b257e-8bbbce4d, #w-node-_5c27b44a-3ed8-60d2-11e6-24e4c518c41f-8bbbce4d, #w-node-bd6bd2d9-964a-0ef2-9bb6-d23dba6d2c8c-8bbbce4d, #w-node-_2dc40267-2b33-8b79-b850-df6cefcdaf36-8bbbce4d, #w-node-e042f8a2-0a41-519d-84f6-686025364052-8bbbce4d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-8bbbce4d {
  grid-area: 1 / 1 / 2 / 7;
  align-self: start;
}

#w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-8bbbce4d {
  grid-area: 1 / 8 / 2 / 13;
  align-self: center;
}

#w-node-c231c582-7434-9cc5-3292-30fb2b44d4f4-8bbbce4d, #w-node-c231c582-7434-9cc5-3292-30fb2b44d501-8bbbce4d, #w-node-c231c582-7434-9cc5-3292-30fb2b44d50d-8bbbce4d, #w-node-c231c582-7434-9cc5-3292-30fb2b44d519-8bbbce4d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_46eb69bc-5cda-bf05-a06f-e4f4377fd155-667950b4 {
  grid-area: 1 / 1 / 2 / 7;
  align-self: start;
}

#w-node-_46eb69bc-5cda-bf05-a06f-e4f4377fd157-667950b4 {
  grid-area: 1 / 8 / 2 / 13;
  align-self: center;
}

#w-node-d49509b0-4678-bb73-1698-b5b576085751-667950b4 {
  grid-area: 1 / 1 / 2 / 6;
  align-self: center;
}

#w-node-d49509b0-4678-bb73-1698-b5b57608574f-667950b4 {
  grid-area: 1 / 7 / 2 / 13;
  align-self: start;
}

#w-node-e2253f39-01b6-306e-f573-9861214e0e25-f497da5c, #w-node-_93792004-3ee9-fc3b-bde0-9ba7b3615bf6-a0becbe5, #w-node-b90e8707-95ab-a6b8-a3aa-7b438a700401-a0becbe5, #w-node-c984b2b8-a4bd-0569-f339-1ffcdad76a36-a0becbe5, #w-node-_7fb621f1-26f2-d2ff-1d81-30c515b2d75d-a0becbe5, #w-node-_7fb621f1-26f2-d2ff-1d81-30c515b2d761-a0becbe5, #w-node-_7fb621f1-26f2-d2ff-1d81-30c515b2d765-a0becbe5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4e6ab70a-c487-53ba-7316-d8f472912d8d-a0becbe5 {
  grid-area: 1 / 1 / 2 / 5;
  align-self: start;
}

#w-node-_4e6ab70a-c487-53ba-7316-d8f472912d96-a0becbe5 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_7bc03d12-5457-ce7c-bc78-76e9c067aa5d-a0becbe5, #w-node-_7bc03d12-5457-ce7c-bc78-76e9c067aa64-a0becbe5, #w-node-_7bc03d12-5457-ce7c-bc78-76e9c067aa6b-a0becbe5, #w-node-_7bc03d12-5457-ce7c-bc78-76e9c067aa72-a0becbe5, #w-node-_7bc03d12-5457-ce7c-bc78-76e9c067aa79-a0becbe5, #w-node-_0d395a84-a982-31ad-9bcf-5a8d29e98a66-a0becbe5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-a0becbe5 {
  grid-area: 1 / 1 / 2 / 6;
  align-self: center;
}

#w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-a0becbe5 {
  grid-area: 1 / 7 / 2 / 13;
  align-self: start;
}

#w-node-_20975eb7-5125-b9ff-9dbd-1bceb98e7fa1-a0becbe5 {
  grid-area: 1 / 1 / 2 / 7;
  align-self: start;
}

#w-node-_20975eb7-5125-b9ff-9dbd-1bceb98e7fa3-a0becbe5 {
  grid-area: 1 / 8 / 2 / 13;
  align-self: center;
}

#w-node-_9ad37637-c4fc-e5e9-fc19-08098d955440-a0becbe5 {
  grid-area: 1 / 7 / 2 / 13;
  align-self: start;
}

#w-node-_9ad37637-c4fc-e5e9-fc19-08098d955442-a0becbe5 {
  grid-area: 1 / 1 / 2 / 6;
  align-self: center;
}

#w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8b4-c13c8965 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8b6-c13c8965, #w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8b7-c13c8965 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7991de52-f162-77ff-6180-964a4754309d-c13c8965 {
  align-self: auto;
}

#w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8c3-c13c8965 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Nr.w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8c5-c13c8965 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8be-c13c8965 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e2dd0102-c319-2d02-9062-dbed6a7b46a2-c13c8965 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#Hausnummer.w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8c6-c13c8965 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_903f9bf6-ccf6-d249-87f4-56831b0c7ac9-c13c8965 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#PLZ-3.w-node-e82473b1-a3cb-1d9a-4e14-1524e08b30cc-c13c8965 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_2d70aaa7-099b-d972-9de0-5d61588d6695-c13c8965 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Ort.w-node-_2d70aaa7-099b-d972-9de0-5d61588d6697-c13c8965 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-d7e81675-900f-ab9f-4633-1435c3ab94ab-c13c8965, #w-node-_1c4b1318-bb5d-3d5e-2e53-acf2acd2f1dc-c13c8965 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8c8-c13c8965 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_1ae179c7-831d-f48c-ad5f-e0bcf41dc290-d0a1f7a0, #w-node-_9f575774-16f3-36df-153f-5eeee89ee31f-d0a1f7a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f17764db-c5b2-c6da-c6a2-9e1437ee3b9d-d0a1f7a0 {
  grid-area: span 1 / span 5 / span 1 / span 5;
  align-self: center;
}

#w-node-f17764db-c5b2-c6da-c6a2-9e1437ee3baf-d0a1f7a0 {
  grid-area: 1 / 7 / 2 / 13;
  align-self: start;
}

#w-node-_277bedf4-0ecf-d064-a960-f2e2184e52e8-d0a1f7a0 {
  grid-area: 1 / 1 / 2 / 5;
  align-self: start;
}

#w-node-_277bedf4-0ecf-d064-a960-f2e2184e52f1-d0a1f7a0 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_751ded0f-c6dd-29dc-a82a-54fbad00a0dc-d0a1f7a0, #w-node-_017ebfa5-f579-bddb-fb70-63c536dd1507-d0a1f7a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4fb642db-3672-37bf-c4dc-59b01f9ddceb-d0a1f7a0 {
  grid-area: 1 / 1 / 2 / 5;
  align-self: start;
}

#w-node-da1589fa-5ae1-915c-a5d9-545ace10911b-d0a1f7a0 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_02abe621-2776-fcf5-506a-cd551b2d42d1-d0a1f7a0 {
  grid-area: 1 / 1 / 2 / 5;
  align-self: start;
}

#w-node-_02abe621-2776-fcf5-506a-cd551b2d42de-d0a1f7a0 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_6b40c2f2-92f5-dc67-6eee-6d3c2770325d-2770325b, #w-node-b812c0f9-6196-ee94-c54a-509eb0f9f432-2770325b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_16e078cd-3248-decc-32aa-aadc108f2dea-108f2de2 {
  justify-self: start;
}

#w-node-_16e078cd-3248-decc-32aa-aadc108f2df0-108f2de2 {
  justify-self: end;
}

#w-node-_16e078cd-3248-decc-32aa-aadc108f2df9-108f2de2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-_16e078cd-3248-decc-32aa-aadc108f2dfc-108f2de2, #w-node-_16e078cd-3248-decc-32aa-aadc108f2dfd-108f2de2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_16e078cd-3248-decc-32aa-aadc108f2e00-108f2de2 {
  align-self: auto;
}

#w-node-_16e078cd-3248-decc-32aa-aadc108f2e01-108f2de2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Nr.w-node-_16e078cd-3248-decc-32aa-aadc108f2e03-108f2de2 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_16e078cd-3248-decc-32aa-aadc108f2e04-108f2de2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_16e078cd-3248-decc-32aa-aadc108f2e08-108f2de2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Adresse.w-node-_16e078cd-3248-decc-32aa-aadc108f2e0b-108f2de2 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_16e078cd-3248-decc-32aa-aadc108f2e0c-108f2de2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#PLZ-und-Ort.w-node-_16e078cd-3248-decc-32aa-aadc108f2e0f-108f2de2 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_16e078cd-3248-decc-32aa-aadc108f2e10-108f2de2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_16e078cd-3248-decc-32aa-aadc108f2e14-108f2de2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-_16e078cd-3248-decc-32aa-aadc108f2e26-108f2de2, #w-node-_16e078cd-3248-decc-32aa-aadc108f2e28-108f2de2, #w-node-_16e078cd-3248-decc-32aa-aadc108f2e2a-108f2de2, #w-node-_16e078cd-3248-decc-32aa-aadc108f2e2c-108f2de2, #w-node-_16e078cd-3248-decc-32aa-aadc108f2e2e-108f2de2, #w-node-_16e078cd-3248-decc-32aa-aadc108f2e30-108f2de2, #w-node-_16e078cd-3248-decc-32aa-aadc108f2e32-108f2de2, #w-node-_16e078cd-3248-decc-32aa-aadc108f2e34-108f2de2, #w-node-_16e078cd-3248-decc-32aa-aadc108f2e36-108f2de2 {
  justify-self: center;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-fb10d075, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-fb10d075 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-fb10d075 {
  grid-area: 1 / 1 / 2 / 5;
  align-self: start;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-fb10d075 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216294-fb10d075, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216298-fb10d075, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-acd95b37, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-acd95b37, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-beba8a8a, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-beba8a8a, #w-node-e909ee18-c005-3a9a-a0a5-efae45a2b734-44a1681e, #w-node-_5aa0de55-a0a8-bbb0-63d2-8cc79e6bb96e-44a1681e, #w-node-_4b424dcb-0cd3-7f1b-def3-8336b6709cf3-44a1681e, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-44a1681e, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-44a1681e, #w-node-_5aa0de55-a0a8-bbb0-63d2-8cc79e6bb96e-504a30c1, #w-node-a790d7a4-4976-fc39-da3d-8163dd7ec46f-504a30c1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e08a0082-9b38-56ac-b613-e6db56f17974-504a30c1 {
  align-self: start;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-504a30c1, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-504a30c1, #w-node-_3dbcda4b-8894-a335-0a95-a795b0cc4f36-504a30c1, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-767a8408, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-767a8408, #w-node-_31e9f72c-d6ed-dd29-deca-178175f60405-767a8408 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-767a8408 {
  grid-area: 1 / 1 / 2 / 5;
  align-self: start;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-767a8408 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216294-767a8408, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216298-767a8408, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-7a62a0ee, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-7a62a0ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-7a62a0ee {
  grid-area: 1 / 1 / 2 / 5;
  align-self: start;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-7a62a0ee {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216294-7a62a0ee, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216298-7a62a0ee, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-115be9ef, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-115be9ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-115be9ef {
  grid-area: 1 / 1 / 2 / 5;
  align-self: start;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-115be9ef {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216294-115be9ef, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216298-115be9ef, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-edd8bfaa, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-edd8bfaa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-edd8bfaa {
  grid-area: 1 / 1 / 2 / 5;
  align-self: start;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-edd8bfaa {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216294-edd8bfaa, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216298-edd8bfaa, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-73746bef, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-73746bef {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-73746bef {
  grid-area: 1 / 1 / 2 / 5;
  align-self: start;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-73746bef {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216294-73746bef, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216298-73746bef, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-6172370a, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-6172370a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-6172370a {
  grid-area: 1 / 1 / 2 / 5;
  align-self: start;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-6172370a {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216294-6172370a, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216298-6172370a, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-f3d493b0, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-f3d493b0, #w-node-f7e31fd8-5601-0374-f82c-276a0c79e943-f3d493b0, #w-node-_481249dd-8118-d596-708b-66597f167d67-f3d493b0, #w-node-f85e47af-87ed-8c9b-a0a1-9f4cbce96fdb-f3d493b0, #w-node-_0b1897f8-3673-7852-0b5e-20b423b04e50-f3d493b0, #w-node-_24408fb9-d497-d9ca-a575-02f8a7a67239-a73308fa, #w-node-_24408fb9-d497-d9ca-a575-02f8a7a67242-a73308fa, #w-node-_24408fb9-d497-d9ca-a575-02f8a7a6724b-a73308fa, #w-node-_24408fb9-d497-d9ca-a575-02f8a7a67254-a73308fa, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-a73308fa, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-a73308fa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-a73308fa {
  grid-area: 1 / 1 / 2 / 5;
  align-self: start;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-a73308fa {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216294-a73308fa, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216298-a73308fa, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-0441de3c, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-0441de3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-0441de3c {
  grid-area: 1 / 1 / 2 / 5;
  align-self: start;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-0441de3c {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216294-0441de3c, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216298-0441de3c, #w-node-_23e51105-e449-c962-3fc8-a322fb88440c-0441de3c, #w-node-_23e51105-e449-c962-3fc8-a322fb884415-0441de3c, #w-node-_23e51105-e449-c962-3fc8-a322fb88441e-0441de3c, #w-node-_23e51105-e449-c962-3fc8-a322fb884427-0441de3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e1c-34543c2a {
  align-self: start;
}

#w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e1e-34543c2a {
  justify-self: start;
}

#w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e2a-34543c2a {
  justify-self: end;
}

#w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e39-34543c2a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e41-34543c2a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e44-34543c2a, #w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e45-34543c2a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e48-34543c2a {
  align-self: auto;
}

#w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e49-34543c2a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Nr.w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e4b-34543c2a {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e4c-34543c2a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e50-34543c2a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Adresse.w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e53-34543c2a {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e54-34543c2a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#PLZ-und-Ort.w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e57-34543c2a {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e58-34543c2a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e5c-34543c2a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-_2c423974-1742-2974-1db4-907d78019504-34543c2a, #w-node-_6fa8fdef-60ee-8393-2367-2bbb44efac57-34543c2a, #w-node-_6fa8fdef-60ee-8393-2367-2bbb44efac58-34543c2a, #w-node-_6fa8fdef-60ee-8393-2367-2bbb44efac60-34543c2a, #w-node-_6fa8fdef-60ee-8393-2367-2bbb44efac61-34543c2a, #w-node-_6fa8fdef-60ee-8393-2367-2bbb44efac69-34543c2a, #w-node-_6fa8fdef-60ee-8393-2367-2bbb44efac6a-34543c2a, #w-node-_064004ea-c64a-2ba2-9778-794d9fad7b43-34543c2a, #w-node-_064004ea-c64a-2ba2-9778-794d9fad7b44-34543c2a, #w-node-_064004ea-c64a-2ba2-9778-794d9fad7b4c-34543c2a, #w-node-_064004ea-c64a-2ba2-9778-794d9fad7b4d-34543c2a, #w-node-_064004ea-c64a-2ba2-9778-794d9fad7b55-34543c2a, #w-node-_064004ea-c64a-2ba2-9778-794d9fad7b56-34543c2a, #w-node-c628e223-1a9a-a02d-7bae-8ec7aab59c39-34543c2a, #w-node-c628e223-1a9a-a02d-7bae-8ec7aab59c3a-34543c2a, #w-node-c628e223-1a9a-a02d-7bae-8ec7aab59c42-34543c2a, #w-node-c628e223-1a9a-a02d-7bae-8ec7aab59c43-34543c2a, #w-node-_79ad88c5-e5b0-ced9-5801-87742ec4f810-34543c2a, #w-node-_79ad88c5-e5b0-ced9-5801-87742ec4f811-34543c2a, #w-node-_00171a95-3e22-24f6-4fa0-b4eb3da047d8-34543c2a, #w-node-_00171a95-3e22-24f6-4fa0-b4eb3da047d9-34543c2a, #w-node-_00171a95-3e22-24f6-4fa0-b4eb3da047e1-34543c2a, #w-node-_00171a95-3e22-24f6-4fa0-b4eb3da047e2-34543c2a, #w-node-_00171a95-3e22-24f6-4fa0-b4eb3da047ea-34543c2a, #w-node-_00171a95-3e22-24f6-4fa0-b4eb3da047eb-34543c2a, #w-node-_8ece73a1-3836-4df4-bdac-43f6f157efef-34543c2a, #w-node-_8ece73a1-3836-4df4-bdac-43f6f157effb-34543c2a, #w-node-_8ece73a1-3836-4df4-bdac-43f6f157f007-34543c2a, #w-node-_8ece73a1-3836-4df4-bdac-43f6f157f013-34543c2a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a81d74ae-9b6d-73e3-43a3-9f20013963b6-013963b5, #w-node-a81d74ae-9b6d-73e3-43a3-9f20013963db-013963b5 {
  align-self: start;
}

#w-node-e08a0082-9b38-56ac-b613-e6db56f17974-c5c4d099, #w-node-_31180743-6be7-f492-3ea6-787dd2eaf037-c5c4d099, #w-node-a82444e4-1c01-36a1-d1ea-fcec0e062795-c5c4d099 {
  align-self: stretch;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-c5c4d099, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-c5c4d099, #w-node-_3dbcda4b-8894-a335-0a95-a795b0cc4f36-c5c4d099, #w-node-_58156d9d-64b5-71a3-4529-1ba92ce132a7-c5c4d099, #w-node-_58156d9d-64b5-71a3-4529-1ba92ce132b0-c5c4d099, #w-node-_58156d9d-64b5-71a3-4529-1ba92ce132b9-c5c4d099, #w-node-_58156d9d-64b5-71a3-4529-1ba92ce132c2-c5c4d099, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-4d0de831, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-4d0de831 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-4d0de831 {
  grid-area: 1 / 1 / 2 / 5;
  align-self: start;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-4d0de831 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf216294-4d0de831, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216298-4d0de831, #w-node-_23e51105-e449-c962-3fc8-a322fb88440c-4d0de831, #w-node-_23e51105-e449-c962-3fc8-a322fb884415-4d0de831, #w-node-_23e51105-e449-c962-3fc8-a322fb88441e-4d0de831, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-87fb0b90, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-87fb0b90, #w-node-f7e31fd8-5601-0374-f82c-276a0c79e943-87fb0b90, #w-node-_481249dd-8118-d596-708b-66597f167d67-87fb0b90, #w-node-f85e47af-87ed-8c9b-a0a1-9f4cbce96fdb-87fb0b90, #w-node-_0b1897f8-3673-7852-0b5e-20b423b04e50-87fb0b90, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-3bce2422, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-3bce2422, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-f5bff566, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-f5bff566, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-be3f4598, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-be3f4598, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-90623c93, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-90623c93 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32297640-0996-3d78-1a70-4eb30773d5ec-2bde08d0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_32297640-0996-3d78-1a70-4eb30773d5e5-2bde08d0 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-f7e561c6-26cf-b3d5-a781-4e17a03587a9-2bde08d0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f7e561c6-26cf-b3d5-a781-4e17a03587b0-2bde08d0 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_1ed93ec4-84e4-8c3c-92f1-33a8b4267ce1-2bde08d0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_1ed93ec4-84e4-8c3c-92f1-33a8b4267ce8-2bde08d0 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-2bde08d0, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-2bde08d0, #w-node-cad1ee78-41c1-a60e-7d7b-facebf21616f-28811cf4, #w-node-cad1ee78-41c1-a60e-7d7b-facebf216170-28811cf4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_7db2f6b9-e049-5a4c-6f91-ade434cc096b-ae524677 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-fe86ccbb-95df-1e6d-a7aa-9cc6fda41b50-ae524677 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fe86ccbb-95df-1e6d-a7aa-9cc6fda41b5c-ae524677 {
    justify-self: stretch;
  }

  #w-node-ecf6cc58-22d3-8ae1-4b7e-213b09e4b74f-d1822f9d {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_01649959-2e71-03af-0c5a-a3d302a9e4c6-d252470d {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-_01649959-2e71-03af-0c5a-a3d302a9e4c9-d252470d, #w-node-df704e2b-6d10-0eec-b875-7ce9688c9622-d252470d {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-df704e2b-6d10-0eec-b875-7ce9688c9639-d252470d {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-_30134e07-4a9c-0f5b-7a9e-262bc739d328-d252470d {
    grid-area: span 1 / span 6 / span 1 / span 6;
    align-self: center;
  }

  #w-node-_3cfb81d4-b4f7-d1e9-bec7-cc1b897e86cd-d252470d {
    grid-area: span 1 / span 6 / span 1 / span 6;
    align-self: start;
  }

  #w-node-a534019b-24fa-6b32-ec8c-0e32dfc9f161-d252470d {
    grid-area: span 1 / span 6 / span 1 / span 6;
    align-self: center;
  }

  #w-node-ffe091d8-9072-97cf-c238-dfc9050ae2f1-d252470d {
    grid-area: span 1 / span 6 / span 1 / span 6;
    align-self: start;
  }

  #w-node-_8ebfed9f-aec7-bd86-2a28-06055acb6e35-d252470d {
    grid-area: span 1 / span 6 / span 1 / span 6;
    align-self: center;
  }

  #w-node-_786102d9-ac3a-e840-5cb7-513fa000bffb-d252470d {
    grid-area: span 1 / span 6 / span 1 / span 6;
    align-self: start;
  }

  #w-node-_972e7398-b3ff-e06e-b9f2-55833bf75fac-d252470d {
    grid-area: span 1 / span 6 / span 1 / span 6;
    align-self: center;
  }

  #w-node-f5f85215-b357-88fd-9668-0cc77928b02c-d252470d {
    grid-area: span 1 / span 6 / span 1 / span 6;
    align-self: start;
  }

  #w-node-_277bedf4-0ecf-d064-a960-f2e2184e52e8-d252470d {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-_277bedf4-0ecf-d064-a960-f2e2184e52f1-d252470d {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-b43553cb-7ac2-8c01-c0a5-94d929c1fce5-d252470d {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9afcc6ac-f59c-3100-538c-004873c7de4e-d252470d {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_9f703eb6-e1ee-4823-a348-1bacc85f0f1a-ae524726 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-ec7fdede-db95-3d60-e5b0-0e7f008a0a5b-05a3cf94 {
    grid-area: span 1 / span 8 / span 1 / span 8;
    align-self: start;
  }

  #w-node-ec7fdede-db95-3d60-e5b0-0e7f008a0a67-05a3cf94 {
    align-self: start;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-498d4880 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-498d4880 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-_9ad37637-c4fc-e5e9-fc19-08098d955440-498d4880 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-_9ad37637-c4fc-e5e9-fc19-08098d955442-498d4880 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-f485045f {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-f485045f {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-e9cc87d2 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-e9cc87d2 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-748f93c5 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-748f93c5 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-8bbbce4d {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-8bbbce4d {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-_46eb69bc-5cda-bf05-a06f-e4f4377fd155-667950b4 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-_46eb69bc-5cda-bf05-a06f-e4f4377fd157-667950b4, #w-node-d49509b0-4678-bb73-1698-b5b576085751-667950b4 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-d49509b0-4678-bb73-1698-b5b57608574f-667950b4 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-_4e6ab70a-c487-53ba-7316-d8f472912d8d-a0becbe5 {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-_4e6ab70a-c487-53ba-7316-d8f472912d96-a0becbe5 {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-a0becbe5 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-a0becbe5, #w-node-_20975eb7-5125-b9ff-9dbd-1bceb98e7fa1-a0becbe5 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-_20975eb7-5125-b9ff-9dbd-1bceb98e7fa3-a0becbe5 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-_9ad37637-c4fc-e5e9-fc19-08098d955440-a0becbe5 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-_9ad37637-c4fc-e5e9-fc19-08098d955442-a0becbe5, #w-node-f17764db-c5b2-c6da-c6a2-9e1437ee3b9d-d0a1f7a0 {
    grid-area: 2 / 2 / 3 / 8;
    align-self: center;
  }

  #w-node-f17764db-c5b2-c6da-c6a2-9e1437ee3baf-d0a1f7a0 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-_277bedf4-0ecf-d064-a960-f2e2184e52e8-d0a1f7a0 {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-_277bedf4-0ecf-d064-a960-f2e2184e52f1-d0a1f7a0 {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-_4fb642db-3672-37bf-c4dc-59b01f9ddceb-d0a1f7a0, #w-node-_02abe621-2776-fcf5-506a-cd551b2d42d1-d0a1f7a0 {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-_16e078cd-3248-decc-32aa-aadc108f2df9-108f2de2 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-fb10d075 {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-fb10d075 {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-767a8408 {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-767a8408 {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-7a62a0ee {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-7a62a0ee {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-115be9ef {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-115be9ef {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-edd8bfaa {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-edd8bfaa {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-73746bef {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-73746bef {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-6172370a {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-6172370a {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-a73308fa {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-a73308fa {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-0441de3c {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-0441de3c {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e41-34543c2a {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-4d0de831 {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-4d0de831 {
    grid-area: 2 / 1 / 3 / 9;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_30134e07-4a9c-0f5b-7a9e-262bc739d328-d252470d, #w-node-_3cfb81d4-b4f7-d1e9-bec7-cc1b897e86cd-d252470d, #w-node-a534019b-24fa-6b32-ec8c-0e32dfc9f161-d252470d, #w-node-ffe091d8-9072-97cf-c238-dfc9050ae2f1-d252470d, #w-node-_8ebfed9f-aec7-bd86-2a28-06055acb6e35-d252470d, #w-node-_786102d9-ac3a-e840-5cb7-513fa000bffb-d252470d, #w-node-_972e7398-b3ff-e06e-b9f2-55833bf75fac-d252470d, #w-node-f5f85215-b357-88fd-9668-0cc77928b02c-d252470d {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-b43553cb-7ac2-8c01-c0a5-94d929c1fce5-d252470d {
    grid-area: 2 / 1 / 3 / 2;
    align-self: start;
  }

  #w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8b6-d252470d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d0272d9f-842f-1b6e-e600-7adf44214de4-ce1814a3 {
    place-self: center;
  }

  #w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8b6-d0814625, #w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8ba-d0814625 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-498d4880, #w-node-_9ad37637-c4fc-e5e9-fc19-08098d955442-498d4880, #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-f485045f, #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-e9cc87d2, #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-748f93c5, #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-8bbbce4d, #w-node-_46eb69bc-5cda-bf05-a06f-e4f4377fd157-667950b4, #w-node-d49509b0-4678-bb73-1698-b5b576085751-667950b4, #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-a0becbe5, #w-node-_20975eb7-5125-b9ff-9dbd-1bceb98e7fa3-a0becbe5, #w-node-_9ad37637-c4fc-e5e9-fc19-08098d955442-a0becbe5 {
    justify-self: center;
  }

  #w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8b6-c13c8965, #w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8ba-c13c8965, #w-node-_16e078cd-3248-decc-32aa-aadc108f2dfc-108f2de2, #w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e44-34543c2a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_7db2f6b9-e049-5a4c-6f91-ade434cc096b-ae524677, #w-node-_7db2f6b9-e049-5a4c-6f91-ade434cc0975-ae524677 {
    grid-column: span 4 / span 4;
  }

  #w-node-fe86ccbb-95df-1e6d-a7aa-9cc6fda41b50-ae524677 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-b1a7f44d-97ae-9644-e8a2-e3ba3db61e85-ae524677 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_26b96535-832a-8399-2acb-40d42ecc7be8-d1822f9d, #w-node-_4cccd955-1110-6266-a922-4b5ac4677b9d-d1822f9d, #w-node-_63f85f00-be05-c081-0d96-9fc6d1822fb9-d1822f9d, #w-node-ecf6cc58-22d3-8ae1-4b7e-213b09e4b74f-d1822f9d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_6bfe1745-8e6a-adf4-8d11-3d8189ffc7e9-1b524681, #w-node-b13b68d8-302c-3e44-c77f-a4ba690798fb-fb524689, #w-node-f1b34b7f-c0c9-f6fa-2505-cec318321220-1f52468c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_01649959-2e71-03af-0c5a-a3d302a9e4c6-d252470d {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_01649959-2e71-03af-0c5a-a3d302a9e4c9-d252470d, #w-node-df704e2b-6d10-0eec-b875-7ce9688c9622-d252470d {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-df704e2b-6d10-0eec-b875-7ce9688c9639-d252470d {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_30134e07-4a9c-0f5b-7a9e-262bc739d328-d252470d {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_3cfb81d4-b4f7-d1e9-bec7-cc1b897e86cd-d252470d {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-a534019b-24fa-6b32-ec8c-0e32dfc9f161-d252470d {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-ffe091d8-9072-97cf-c238-dfc9050ae2f1-d252470d {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_8ebfed9f-aec7-bd86-2a28-06055acb6e35-d252470d {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_786102d9-ac3a-e840-5cb7-513fa000bffb-d252470d {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_972e7398-b3ff-e06e-b9f2-55833bf75fac-d252470d {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-f5f85215-b357-88fd-9668-0cc77928b02c-d252470d {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_277bedf4-0ecf-d064-a960-f2e2184e52e8-d252470d {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_277bedf4-0ecf-d064-a960-f2e2184e52f1-d252470d {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8b6-d252470d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7991de52-f162-77ff-6180-964a4754309d-d252470d {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: auto;
  }

  #w-node-_903f9bf6-ccf6-d249-87f4-56831b0c7ac9-d252470d, #w-node-_2d70aaa7-099b-d972-9de0-5d61588d6695-d252470d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d0272d9f-842f-1b6e-e600-7adf44214de4-ce1814a3 {
    place-self: center;
  }

  #w-node-ec7fdede-db95-3d60-e5b0-0e7f008a0a5b-05a3cf94 {
    grid-column: span 4 / span 4;
  }

  #w-node-_6a2717b8-c49f-2e99-10f5-c83939e215cb-05a3cf94 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ec7fdede-db95-3d60-e5b0-0e7f008a0a71-05a3cf94 {
    grid-column: span 4 / span 4;
  }

  #w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8b6-d0814625 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7991de52-f162-77ff-6180-964a4754309d-d0814625 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: auto;
  }

  #w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8ba-d0814625 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e2dd0102-c319-2d02-9062-dbed6a7b46a2-d0814625 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: end;
  }

  #w-node-_903f9bf6-ccf6-d249-87f4-56831b0c7ac9-d0814625, #w-node-_2d70aaa7-099b-d972-9de0-5d61588d6695-d0814625 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-498d4880 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-498d4880 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_6986704d-8a88-556b-9ecb-0baf38a48dfd-498d4880 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9ad37637-c4fc-e5e9-fc19-08098d955440-498d4880 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_9ad37637-c4fc-e5e9-fc19-08098d955442-498d4880 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_9ad37637-c4fc-e5e9-fc19-08098d955443-498d4880 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-f485045f {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-f485045f {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_6986704d-8a88-556b-9ecb-0baf38a48dfd-f485045f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-e9cc87d2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-e9cc87d2 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_6986704d-8a88-556b-9ecb-0baf38a48dfd-e9cc87d2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-748f93c5 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-748f93c5 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_6986704d-8a88-556b-9ecb-0baf38a48dfd-748f93c5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-8bbbce4d {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-8bbbce4d {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_6986704d-8a88-556b-9ecb-0baf38a48dfd-8bbbce4d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_46eb69bc-5cda-bf05-a06f-e4f4377fd155-667950b4 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_46eb69bc-5cda-bf05-a06f-e4f4377fd157-667950b4 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_46eb69bc-5cda-bf05-a06f-e4f4377fd158-667950b4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d49509b0-4678-bb73-1698-b5b576085751-667950b4 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-d49509b0-4678-bb73-1698-b5b576085752-667950b4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d49509b0-4678-bb73-1698-b5b57608574f-667950b4 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_4e6ab70a-c487-53ba-7316-d8f472912d8d-a0becbe5 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_4e6ab70a-c487-53ba-7316-d8f472912d96-a0becbe5 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb5b-a0becbe5 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_6986704d-8a88-556b-9ecb-0baf38a48dfd-a0becbe5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5f1308cd-b289-0031-e96e-8a993499cb6d-a0becbe5 {
    order: -9999;
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_20975eb7-5125-b9ff-9dbd-1bceb98e7fa1-a0becbe5 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_20975eb7-5125-b9ff-9dbd-1bceb98e7fa3-a0becbe5 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_20975eb7-5125-b9ff-9dbd-1bceb98e7fa4-a0becbe5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9ad37637-c4fc-e5e9-fc19-08098d955440-a0becbe5 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_9ad37637-c4fc-e5e9-fc19-08098d955442-a0becbe5 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: center;
  }

  #w-node-_9ad37637-c4fc-e5e9-fc19-08098d955443-a0becbe5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8b6-c13c8965 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7991de52-f162-77ff-6180-964a4754309d-c13c8965 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: auto;
  }

  #w-node-_9172986e-0207-8d9f-c3e9-26a5daa4e8ba-c13c8965 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e2dd0102-c319-2d02-9062-dbed6a7b46a2-c13c8965 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: end;
  }

  #w-node-_903f9bf6-ccf6-d249-87f4-56831b0c7ac9-c13c8965, #w-node-_2d70aaa7-099b-d972-9de0-5d61588d6695-c13c8965 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f17764db-c5b2-c6da-c6a2-9e1437ee3b9d-d0a1f7a0 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-f17764db-c5b2-c6da-c6a2-9e1437ee3baf-d0a1f7a0 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_277bedf4-0ecf-d064-a960-f2e2184e52e8-d0a1f7a0 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_277bedf4-0ecf-d064-a960-f2e2184e52f1-d0a1f7a0 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_4fb642db-3672-37bf-c4dc-59b01f9ddceb-d0a1f7a0, #w-node-_02abe621-2776-fcf5-506a-cd551b2d42d1-d0a1f7a0 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-_16e078cd-3248-decc-32aa-aadc108f2dfc-108f2de2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_16e078cd-3248-decc-32aa-aadc108f2e00-108f2de2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: auto;
  }

  #w-node-_16e078cd-3248-decc-32aa-aadc108f2e08-108f2de2, #w-node-_16e078cd-3248-decc-32aa-aadc108f2e0c-108f2de2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-fb10d075 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-fb10d075 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_06962b51-6cc5-9b88-2bba-f91e79d9f567-61066156, #w-node-_48102f19-2de4-c231-84bc-9388bf320fcf-acd95b37, #w-node-_48102f19-2de4-c231-84bc-9388bf320fcf-beba8a8a, #w-node-_48102f19-2de4-c231-84bc-9388bf320fcf-44a1681e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-767a8408 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-767a8408 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-7a62a0ee {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-7a62a0ee {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-115be9ef {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-115be9ef {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-edd8bfaa {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-edd8bfaa {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-73746bef {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-73746bef {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-6172370a {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-6172370a {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-a73308fa {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-a73308fa {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-0441de3c {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-0441de3c {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e44-34543c2a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e48-34543c2a {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: auto;
  }

  #w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e50-34543c2a, #w-node-_3a2bac1d-37fc-4577-d6a3-1bd2ad413e54-34543c2a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf21621b-4d0de831 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: center;
  }

  #w-node-cad1ee78-41c1-a60e-7d7b-facebf216223-4d0de831 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_6bfe1745-8e6a-adf4-8d11-3d8189ffc7e9-559260f1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}