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

body {
  margin: 0;
}

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

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

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

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

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

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

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

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

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

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

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

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

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

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

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

.w-block {
  display: block;
}

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

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

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

.w-hidden {
  display: none;
}

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

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

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

.w-popover {
  position-anchor: none;
}

:where(.w-popover[data-w-popover-backdrop-animated])::backdrop {
  animation: var(--w-backdrop-animation, none);
}

:where(.w-popover) {
  --w-backdrop-animation: initial;
}

.w-popover-mask {
  opacity: 0 !important;
  clip-path: none !important;
  pointer-events: auto !important;
  border: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  inset: 0 !important;
  transform: none !important;
}

.w-popover-mask[popover] {
  translate: none !important;
  rotate: none !important;
  scale: none !important;
}

.w-popover-mask::backdrop {
  display: none !important;
}

.w-popover-mask:not(:popover-open) {
  display: none !important;
}

@supports not selector(:popover-open) {
  .w-popover-mask {
    display: none !important;
  }
}

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

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

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

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

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

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

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

.w-optimization {
  display: contents;
}

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

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

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

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

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

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

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

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

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

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

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

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

figure {
  margin: 0 0 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-col {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

.w-widget {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-tabs {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4821_Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a47e0_Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a47b9_Inter-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4823_Inter-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a47eb_Inter-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a482a_Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a47e3_Inter-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4829_Inter-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a482d_Inter-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Baskervville;
  src: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48e0_Baskervville-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url("https://webflow-files-prod.global.ssl.fastly.net/6a96cceeeba1313f529a477f/fonts/6ab8073781fe065ffd865336-Manrope-VF.ttf") format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: DM Sans;
  src: url("https://webflow-files-prod.global.ssl.fastly.net/6a96cceeeba1313f529a477f/fonts/6ab80737df00b2e38866511a-DMSans-VF.ttf") format("truetype");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: DM Serif Display;
  src: url("https://webflow-files-prod.global.ssl.fastly.net/6a96cceeeba1313f529a477f/fonts/6ab80cdf19dde95ddde97bb0-DMSerifDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: DM Serif Display;
  src: url("https://webflow-files-prod.global.ssl.fastly.net/6a96cceeeba1313f529a477f/fonts/6ab80cdf686cd4d54c59b812-DMSerifDisplay-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --background-main: var(--bg-colour);
  --text-font: Inter, sans-serif;
  --third-text-color: white;
  --fourth-text-color: #ffb73b;
  --background-fourth: #afc5b7;
  --text-fith: #afc5b7;
  --heading-font: Baskervville, sans-serif;
  --second-text-color: #00532a;
  --main-text-color: #1d1d1b;
  --background-second: #00532a;
  --h1: 3rem;
  --h2: 2.4rem;
  --background-fifth: #f4f5f0;
  --h3: 1.9rem;
  --h4: 1.6rem;
  --h5: 1.4rem;
  --h6: 1.4rem;
  --bg-second-grren-dark: #3b3f37;
  --bg-third-dark-green: #33352e;
  --background-third: #ffb73b;
  --bg-colour: #6e705b;
  --serif: Inter, sans-serif;
  --border: #a3b8ab;
  --b88b46: #b88b46;
  --colorfon: #0000;
  --lines-green: #769c8aa3;
}

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

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

.w-embed-youtubevideo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

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

.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-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

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

body {
  background-color: var(--background-main);
  color: #333;
  font-family: Inter, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1;
}

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

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

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

p {
  margin-bottom: 10px;
}

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

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.icon-1x1-medium.inline {
  display: inline-block;
}

.text-style-italic {
  font-family: var(--text-font);
  font-style: italic;
}

.copy-tiny {
  font-family: var(--text-font);
  font-size: .9rem;
  line-height: 1.4;
}

.copy-tiny.third-text-color {
  color: var(--third-text-color);
}

.copy-tiny.yelllow {
  color: var(--fourth-text-color);
}

.spacer-sm-end {
  padding-bottom: 2.5rem;
}

.container-small {
  width: 100%;
  max-width: 50rem;
  height: 100%;
  min-height: 7.5em;
  margin-left: auto;
  margin-right: auto;
}

.text-align-right {
  text-align: right;
  outline-width: 0;
}

.background-color-light-green {
  background-color: var(--background-fourth);
}

.copy-medium {
  font-family: var(--text-font);
  outline-width: 0;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
}

.copy-medium.white {
  color: var(--text-fith);
  -webkit-text-stroke-color: var(--third-text-color);
  margin-top: 0;
  margin-bottom: 0;
}

.copy-medium.white.text-align-right.gg-steps-desc {
  color: #dddad2;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.copy-medium.white.gg-steps-eyebrow {
  color: #b88a45;
  text-align: center;
  letter-spacing: .12em;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.copy-medium.text-weight-medium {
  margin-top: auto;
}

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

.copy-medium.kr-faq-qtext {
  color: #171717;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 26px;
}

.styleguide_spacer-box {
  background-color: #2d40ea1a;
  border: 1px dashed #2d40ea;
  width: 100%;
  position: relative;
}

.heading-style-h4 {
  font-family: var(--heading-font);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1.6rem;
  line-height: 1.2;
}

.heading-style-h4.second-color {
  color: var(--second-text-color);
}

.heading-style-h4.white {
  color: var(--third-text-color);
}

.heading-style-h4.cards {
  margin-left: 11%;
}

.spacer-xl-end {
  padding-bottom: 10rem;
}

.spacer-xl-end.hide-tablet {
  padding-bottom: 2.1rem;
}

.form-input {
  color: #fffdf3;
  background-color: #ffffff0d;
  border: 1px solid #b4b4b4;
  border-radius: .75rem;
  min-height: 4rem;
  margin-bottom: 0;
  padding: .5rem 1rem;
  font-size: 1rem;
  font-weight: 600;
  transition: all .2s;
}

.form-input::placeholder {
  color: #757575;
}

.form-input.is-text-area {
  min-height: 15rem;
  padding-top: .7rem;
  padding-bottom: .7rem;
}

.styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  font-family: var(--text-font);
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.styleguide_item.is-stretch {
  justify-items: stretch;
}

.styleguide-sections {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-style-extra-large {
  font-family: var(--heading-font);
  color: var(--main-text-color);
  letter-spacing: -.02em;
  text-transform: none;
  font-size: 6rem;
  line-height: 1;
}

.text-color-grey {
  color: #757575;
}

.page-padding {
  padding-left: 4rem;
  padding-right: 4rem;
}

.icon-1x1-large {
  width: 4rem;
  height: 4rem;
}

.icon-1x1-large.center {
  aspect-ratio: auto;
  text-align: left;
  vertical-align: baseline;
  object-fit: fill;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  display: block;
  position: static;
}

.icon-1x1-large.swipe-left {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 37%;
  margin-bottom: auto;
  margin-left: 0;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.icon-1x1-large.swipe-left.vt-arrow-left-lamellend-cher {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0 56px 0 0;
  transition: background-color .35s;
  display: flex;
  position: absolute;
  inset: auto 0 0 auto;
}

.icon-1x1-large.swipe-left.vt-arrow-left-lamellend-cher:hover {
  background-color: #d8c7ae;
  border-color: #d8c7ae;
}

.icon-1x1-large.swipe-left.vt-arrow-left-markise {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0 56px 0 0;
  transition: background-color .35s;
  display: flex;
  position: absolute;
  inset: auto 0 0 auto;
}

.icon-1x1-large.swipe-left.vt-arrow-left-markise:hover {
  background-color: #d8c7ae;
  border-color: #d8c7ae;
}

.icon-1x1-large.swipe-left.vt-arrow-left-wellness {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0 56px 0 0;
  transition: background-color .35s;
  display: flex;
  position: absolute;
  inset: auto 0 0 auto;
}

.icon-1x1-large.swipe-left.vt-arrow-left-wellness:hover {
  background-color: #d8c7ae;
  border-color: #d8c7ae;
}

.icon-1x1-large.swipe-left.vt-arrow-left-portfolio {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  outline-width: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0 56px 0 0;
  transition: background-color .35s;
  display: flex;
  position: absolute;
  inset: auto 0 0 auto;
}

.icon-1x1-large.swipe-left.vt-arrow-left-portfolio:hover {
  background-color: #d8c7ae;
  border-color: #d8c7ae;
}

.icon-1x1-large.swipe-right {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 4rem;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.icon-1x1-large.swipe-right.vt-arrow-right-lamellend-cher {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0;
  transition: background-color .35s;
  display: flex;
  position: absolute;
  inset: auto 0 0 auto;
}

.icon-1x1-large.swipe-right.vt-arrow-right-lamellend-cher:hover {
  background-color: #d8c7ae;
  border-color: #d8c7ae;
}

.icon-1x1-large.swipe-right.vt-arrow-right-markise {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0;
  transition: background-color .35s;
  display: flex;
  position: absolute;
  inset: auto 0 0 auto;
}

.icon-1x1-large.swipe-right.vt-arrow-right-markise:hover {
  background-color: #d8c7ae;
  border-color: #d8c7ae;
}

.icon-1x1-large.swipe-right.vt-arrow-right-wellness {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0;
  transition: background-color .35s;
  display: flex;
  position: absolute;
  inset: auto 0 0 auto;
}

.icon-1x1-large.swipe-right.vt-arrow-right-wellness:hover {
  background-color: #d8c7ae;
  border-color: #d8c7ae;
}

.icon-1x1-large.swipe-right.vt-arrow-right-portfolio {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0;
  transition: background-color .35s;
  display: flex;
  position: absolute;
  inset: auto 0 0 auto;
}

.icon-1x1-large.swipe-right.vt-arrow-right-portfolio:hover {
  background-color: #d8c7ae;
  border-color: #d8c7ae;
}

.background-color-dark-green {
  background-color: var(--background-second);
  color: #fffdf3;
}

.text-align-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  vertical-align: bottom;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: block;
}

.spacer-xs-start {
  padding-top: 1rem;
}

.hide {
  display: none;
}

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

.icon-height-small {
  height: 1rem;
}

.spacer-md-start {
  padding-top: 6rem;
}

.styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.form_message-error {
  margin-top: .75rem;
  padding: .75rem;
}

.spacer-xxs-start {
  padding-top: .6rem;
}

.icon-height-medium {
  height: 2rem;
}

.styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.fs-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.heading-style-h2 {
  font-family: var(--heading-font);
  letter-spacing: -.01em;
  text-transform: none;
  outline-width: 0;
  font-size: 2rem;
  line-height: 1;
}

.heading-style-h2.text-align-center.third-text-color {
  color: var(--third-text-color);
}

.heading-style-h2.third-text-color {
  color: var(--third-text-color);
  text-align: left;
  outline-width: 0;
}

.heading-style-h2.third-text-color.gg-steps-title {
  color: #171717;
  text-align: center;
  letter-spacing: -.01em;
  text-transform: none;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 40px;
}

.heading-style-h2.text-align-left {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
}

.heading-style-h2.vt-title-lamellend-cher, .heading-style-h2.vt-title-markise, .heading-style-h2.vt-title-wellness {
  color: #30453b;
  text-align: left;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.overflow-hidden {
  overflow: hidden;
}

.styleguide_empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.styleguide-heading {
  font-size: 2rem;
}

.text-weight-regular {
  font-family: var(--text-font);
  font-weight: 400;
}

.text-weight-light {
  font-family: var(--heading-font);
  font-weight: 300;
}

.text-style-nowrap {
  font-family: var(--text-font);
  white-space: nowrap;
}

.text-weight-bold {
  font-family: var(--text-font);
  font-weight: 700;
}

.text-weight-semibold {
  font-family: var(--text-font);
  font-weight: 600;
}

.text-weight-semibold.vt-name-lamellend-cher, .text-weight-semibold.vt-name-markise, .text-weight-semibold.vt-name-wellness, .text-weight-semibold.vt-name-portfolio {
  color: #30453b;
  margin-top: 0;
  margin-bottom: 2px;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
}

.heading-style-h6 {
  font-family: var(--heading-font);
  letter-spacing: .03em;
  text-transform: none;
  font-size: 1.4rem;
  line-height: 1.1;
}

.heading-style-h6.cards {
  font-size: 1.3rem;
}

.container-medium {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 45rem;
  height: 100%;
  min-height: 10vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
}

.container-medium._2-col {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  max-width: 60rem;
  display: grid;
}

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

.styleguide_label {
  color: #757575;
  background-color: #fff;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .3rem .5rem;
  display: flex;
}

.form_component {
  margin-bottom: 0;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.spacer-md-end {
  padding-bottom: 1rem;
  position: static;
}

.form_message-success {
  padding: 1.25rem;
}

.spacer-xs-end {
  padding-bottom: 1rem;
}

.rich-text-custom {
  color: var(--main-text-color);
  font-size: 1rem;
  line-height: 1.25rem;
}

.rich-text-custom.faq {
  padding-left: 1.3rem;
  padding-right: 1.3px;
}

.rich-text-custom.third-text-color {
  color: var(--third-text-color);
}

.rich-text-custom.kr-faq-rich {
  color: #5f5b55;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  line-height: 28px;
}

.container-large {
  outline-width: 0;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.container-large.kundenstimmen {
  padding-left: 0;
  font-size: 1.5vw;
}

.container-large.anfrage {
  background-color: var(--background-main);
}

.container-large._2-col {
  grid-column-gap: 1.7rem;
  grid-row-gap: 1.7rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  padding-left: 5%;
  padding-right: 5%;
  display: grid;
}

.container-large._3colums {
  max-width: 1400px;
}

.text-style-strikethrough {
  font-family: var(--text-font);
  text-decoration: line-through;
}

.heading-style-h5 {
  font-family: var(--heading-font);
  color: var(--main-text-color);
  letter-spacing: .03em;
  text-transform: none;
  margin-top: .3rem;
  font-size: 1.4rem;
  line-height: 1.05;
}

.heading-style-h5.green {
  color: var(--background-second);
  font-size: 1.4rem;
}

.heading-style-h5.green.vorteile {
  text-align: center;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding-left: 0;
  font-size: 1.4rem;
}

.heading-style-h5.white {
  color: var(--third-text-color);
}

.heading-style-h5.yellow {
  color: var(--fourth-text-color);
}

.text-color-bright {
  color: #fffdf3;
}

.form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.styleguide_2-col.center {
  place-items: center stretch;
}

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.spacer-xl-start {
  outline-width: 0;
  padding-top: 10rem;
}

.spacer-xl-start.dash {
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg");
  background-position: 0%;
  background-repeat: repeat-x;
  background-size: auto;
}

.background-color-yellow {
  background-color: var(--fourth-text-color);
  color: #fffdf3;
}

.styleguide_item-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #0000001a;
  align-items: center;
  width: 100%;
  padding-bottom: 2rem;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.spacer-xxl-start {
  padding-top: 16.1rem;
}

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.container-tiny {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-style-link {
  font-family: var(--text-font);
  text-decoration: underline;
}

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

.text-weight-medium {
  font-family: var(--text-font);
  font-weight: 500;
}

.text-weight-medium.second-color {
  color: var(--third-text-color);
}

.text-weight-medium.second-color.hero {
  font-size: 1.3em;
}

.text-style-allcaps {
  font-family: var(--text-font);
  text-transform: uppercase;
}

.text-style-muted {
  opacity: .6;
  font-family: var(--text-font);
}

.hide-desktop-only {
  display: none;
}

.icon-height-large {
  height: 3rem;
}

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 3rem;
  padding-bottom: 2.25rem;
  line-height: 1.4;
  display: grid;
}

.spacer-xxs-end {
  padding-bottom: .5rem;
}

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-style-h1 {
  font-family: var(--heading-font);
  color: var(--main-text-color);
  letter-spacing: -.01em;
  text-transform: none;
  font-size: 3rem;
  line-height: 1.05;
  display: block;
}

.heading-style-h1.seond-color {
  color: var(--second-text-color);
}

.heading-style-h1.white {
  color: var(--third-text-color);
}

.copy-large {
  font-family: var(--text-font);
  font-size: 1.5rem;
  line-height: 1.4;
}

.button {
  background-color: var(--background-second);
  font-family: var(--text-font);
  color: var(--third-text-color);
  text-align: center;
  letter-spacing: .02rem;
  border-radius: 1rem;
  padding: 1.2rem 1.7rem;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.button.is-small {
  padding: .8rem 1rem;
  font-size: .9rem;
}

.button.is-large {
  border-radius: 1rem;
  padding: 1.5rem 2.5rem;
  font-size: 1.2rem;
}

.button.is-secondary {
  border: 2px solid var(--fourth-text-color);
  color: var(--second-text-color);
  background-color: #0000;
  font-weight: 700;
}

.button.is-secondary.blog {
  border-width: 4px;
  font-size: .9rem;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.button.is-disabled {
  opacity: .25;
  background-image: linear-gradient(#757575, #757575);
}

.button.is-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: flex;
}

.button.second-color {
  background-color: var(--second-text-color);
  color: var(--main-text-color);
}

.styleguide_3-col {
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  align-items: stretch;
  width: 100%;
  display: grid;
}

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

.text-align-center.buttontext {
  font-family: var(--text-font);
  color: #1d1d1b;
  font-family: Inter, sans-serif;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.1;
  text-decoration: none;
}

.text-color-black {
  color: #232325;
}

.form-label {
  margin-bottom: 1rem;
}

.overflow-auto {
  overflow: auto;
}

.copy-small {
  font-family: var(--text-font);
  color: var(--main-text-color);
  font-size: 1rem;
  line-height: 1.4;
}

.copy-small.second-color {
  color: var(--second-text-color);
}

.copy-small.third-text-color {
  color: var(--third-text-color);
}

.copy-small.third-text-color.footer-made {
  text-align: right;
}

.copy-small.third-text-color.text-align-center {
  text-align: left;
  width: 100%;
  margin-bottom: 0;
  padding-top: 93px;
  padding-bottom: 11px;
  text-decoration: none;
}

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

.copy-small.white.ber-uns {
  padding-top: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.copy-small.semibold {
  text-align: center;
  font-weight: 500;
}

.copy-small.semibold.yellow {
  color: var(--fourth-text-color);
}

.copy-small.vt-quote-lamellend-cher, .copy-small.vt-quote-markise, .copy-small.vt-quote-wellness {
  color: #171717;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
}

.spacer-sm-start {
  padding-top: .7rem;
}

.spacer-sm-start.hide-mobile-landscape {
  padding-top: 1.9rem;
}

.heading-style-h3 {
  font-family: var(--heading-font);
  text-align: center;
  letter-spacing: -.005em;
  text-transform: none;
  outline-width: 0;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.1;
}

.heading-style-h3.third-text-color {
  color: var(--third-text-color);
}

.heading-style-h3.yellow-colour {
  color: var(--fourth-text-color);
  outline-width: 0;
}

.heading-style-h3.yellow-colour.gg-steps-heading {
  color: #fff;
  text-align: left;
  letter-spacing: .01em;
  text-transform: none;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
}

.heading-style-h3.with-tagline {
  margin-top: 9px;
}

.styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.max-width-small {
  width: 100%;
  max-width: 24rem;
}

.styleguide_header {
  background-color: #0000000d;
}

.heading-1 {
  font-family: var(--heading-font);
  color: var(--main-text-color);
  font-size: var(--h1);
}

.heading-2 {
  font-family: var(--heading-font);
  color: var(--main-text-color);
  font-size: var(--h2);
}

.paragraph {
  font-family: var(--text-font);
  color: var(--background-fifth);
  font-size: 1rem;
  line-height: 1.2;
}

.link {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  height: 100%;
  min-height: 5.5em;
  max-height: 5.5em;
  font-family: var(--text-font);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center end;
  display: grid;
}

.block-quote {
  font-family: var(--text-font);
}

.heading-3 {
  font-family: var(--heading-font);
  font-size: var(--h3);
}

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

.heading-4 {
  font-family: var(--heading-font);
  font-size: var(--h4);
}

.heading-5 {
  font-family: var(--heading-font);
  font-size: var(--h5);
}

.heading-6 {
  font-family: var(--heading-font);
  font-size: var(--h6);
}

.heading-7, .heading-8 {
  font-family: var(--heading-font);
}

.faq-f88 {
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.collection-list-wrapper-14 {
  width: 100%;
}

.border-line-bottom-f88 {
  background-color: #000;
  width: 100%;
  height: 1px;
  margin-top: 10px;
}

.plus-icon-f88 {
  z-index: 10;
  width: 1.25rem;
  position: absolute;
  inset: 0%;
}

.collection-list-14 {
  width: 100%;
}

.section-what-next {
  background-image: linear-gradient(#0c2b4bd6, #000b16f7), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4839_2024-07-18_dach-und-meer.de_Fassadenarbeiten_Besprechung%20Dach%20und%20Meer.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

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

.container-main {
  width: 100%;
  max-width: 1340px;
  padding-left: 20px;
  padding-right: 20px;
}

.page-wrap {
  background-color: var(--background-fifth);
}

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

.icon-wrapper-f88 {
  position: relative;
}

.highlught-heading {
  font-family: var(--heading-font);
  color: var(--second-text-color);
  font-size: 2rem;
}

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

.about-us {
  background-image: linear-gradient(#1a5ea5b0, #021325ba), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4839_2024-07-18_dach-und-meer.de_Fassadenarbeiten_Besprechung%20Dach%20und%20Meer.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
}

.minus-icon-f88 {
  padding-top: 9px;
  display: block;
}

.section-big-image {
  display: flex;
}

.sectioin-title-2 {
  font-family: var(--heading-font);
  color: var(--main-text-color);
  text-align: center;
  text-shadow: 0 2px 1px #74747433;
  margin-top: 1.25rem;
  margin-bottom: 0;
  font-size: 2rem;
  line-height: 2.25rem;
}

.container-main-wrapper {
  background-color: #efefef91;
  padding-top: 70px;
  padding-bottom: 70px;
}

.faq-question {
  font-family: var(--text-font);
  color: #000;
  justify-content: space-between;
  padding: 1rem .625rem 1rem .6rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  text-decoration: none;
  display: flex;
}

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

.logo-wrap {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  outline-width: 0;
  flex: none;
  justify-content: center;
  display: flex;
}

.answer-f88 {
  font-size: 1rem;
  overflow: hidden;
}

.answer-f88:hover {
  color: #222;
}

.items-wrapper {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  align-items: center;
  margin-bottom: .3rem;
  display: flex;
}

.hero-content-2 {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  flex-flow: column;
  display: flex;
}

.list-items-wrap {
  margin-top: 10px;
}

.button-left {
  font-family: var(--text-font);
  margin-top: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2rem;
}

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

.item-logo {
  flex: none;
}

.collection-list-wrapper-15 {
  outline-width: 0;
  width: 100%;
  position: static;
}

.collection-list-16 {
  outline-width: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.atf.image {
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4934_dash-v-50-g.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4934_dash-v-50-g.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48cd_header%20boldterrassendach.de.webp");
  background-position: 0 0, 33.3% 0, 0%;
  background-repeat: repeat-y, repeat-y, no-repeat;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, scroll;
  border-radius: 0;
  flex: 0 auto;
  align-self: auto;
  width: 100%;
  min-width: 100%;
  height: auto;
  min-height: 642px;
  display: block;
}

.atf.right-sidebar {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--bg-second-grren-dark);
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-width: 100%;
  min-height: 100%;
  padding-right: .5em;
  display: grid;
}

.atf.benefits {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.atf.hero-content {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-left: 5%;
  padding-right: 26%;
  display: flex;
}

.atf.under-img {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  background-color: var(--background-main);
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4931_dash-h-50-g.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg");
  background-position: 100% 0, 0 100%, 0 0, 0 0, 50% 0;
  background-repeat: repeat-y, repeat-x, repeat-y, repeat-x, repeat-y;
  background-size: auto, auto, auto, auto, auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-width: 100%;
  min-height: 100%;
  padding-left: 1em;
  padding-right: 1em;
  display: grid;
}

.atf.under-img-text {
  font-family: var(--text-font);
  color: var(--third-text-color);
  padding-left: 9.5%;
  font-size: 1em;
}

.atf.bottom-right {
  background-color: var(--bg-third-dark-green);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  height: 100%;
  display: flex;
}

.atf.hero {
  z-index: 11;
  position: relative;
}

.trustlogos {
  background-color: var(--third-text-color);
  outline-width: 0;
}

.trustlogos.lg-section-lamellend-cher, .trustlogos.lg-section-markise {
  background-color: var(--third-text-color);
  border-top: 1px solid #cfcac0;
  border-bottom: 1px solid #cfcac0;
  padding-top: 36px;
  padding-bottom: 36px;
}

.trustlogos.lg-section-wellness {
  background-color: var(--third-text-color);
  color: var(--third-text-color);
  border-top: 1px solid #cfcac0;
  border-bottom: 1px solid #cfcac0;
  padding-top: 36px;
  padding-bottom: 36px;
}

.trustlogos.lg-section-portfolio {
  background-color: var(--third-text-color);
  border-top: 1px solid #cfcac0;
  border-bottom: 1px solid #cfcac0;
  padding-top: 36px;
  padding-bottom: 36px;
}

.image {
  border-radius: .7rem;
}

.image.trustlogos {
  aspect-ratio: auto;
  vertical-align: middle;
  object-fit: contain;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: 44px;
  max-height: 10vh;
  display: inline-flex;
}

.card-3-card {
  object-fit: fill;
  order: 1;
  width: 100%;
  height: auto;
  padding: 1rem 1.1rem 1.25rem;
  font-size: 16px;
}

.card-3-image {
  aspect-ratio: auto;
  flex: 1;
  align-self: stretch;
  width: auto;
  height: 19rem;
  overflow: hidden;
}

.design-card-3 {
  background-color: var(--background-main);
  cursor: pointer;
  border: 1px solid #f9eeee78;
  border-radius: .7rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
  position: static;
  box-shadow: 0 6px 6px #b1afaf;
}

.design-card-3:hover {
  box-shadow: none;
}

.design-card-3.white {
  background-color: var(--background-fifth);
  outline-width: 0;
}

.image-100 {
  aspect-ratio: 16 / 9;
  border: 1px solid var(--background-main);
  mix-blend-mode: normal;
  object-fit: cover;
  border-radius: .7rem;
  width: 100%;
  height: auto;
  position: static;
  overflow: hidden;
}

.block-wrapper {
  align-self: flex-end;
}

.col-left {
  flex: 1;
  align-self: stretch;
  position: relative;
}

.div-block-147 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.col-right {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.block {
  color: #fff;
  background-color: #fff;
  border-radius: 12px;
  align-items: stretch;
  min-height: 300px;
  margin-bottom: 100px;
  padding: 30px 50px;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.4;
  display: flex;
  position: sticky;
  box-shadow: 0 2px 11px 2px #8a848433;
}

.block._1 {
  background-image: radial-gradient(circle, #f4f5f07d 54%, #fff), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48d6_boldterrassendach.de_Weinor%20Terrassendach%20gru%CC%88n%20beleuchtet%20modern.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 13px;
  align-items: stretch;
  max-width: 34rem;
  min-height: 22rem;
  margin-bottom: 6.1rem;
  padding: 1.6rem 3rem;
  top: 27%;
}

.block._2 {
  background-color: #ffffff78;
  background-image: radial-gradient(circle, #f4f5f0ad 48%, #fff), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4958_split%20image%20more%20value.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  max-width: 34rem;
  min-height: 22rem;
  margin-bottom: 6.2rem;
  padding: 1.6rem 3rem;
  top: 27%;
}

.block._3 {
  background-image: radial-gradient(circle, #f4f5f0b5 55%, #fff), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4957_winter%20drau%C3%9Fen%20wohlfu%CC%88hlen%20drinnen.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  max-width: 34rem;
  min-height: 22rem;
  margin-bottom: 6.2rem;
  padding: 1.6rem 3rem;
  top: 28%;
}

.block._4 {
  background-color: #fff;
  background-image: radial-gradient(circle, #f4f5f08f 49%, #fff), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4916_Ambeiente%20Bild%20.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  max-width: 34rem;
  min-height: 23.4rem;
  margin-bottom: 6.2rem;
  padding: 1.6rem 3rem;
  top: 0%;
}

.learn_wrapper {
  padding-bottom: 6.25rem;
  position: sticky;
  top: 26%;
}

.sm-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--bg-second-grren-dark);
  box-shadow: 0 2px 5px 0 var(--background-fourth);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1.25rem 1rem;
  font-size: 1rem;
  transition: all .3s;
  display: flex;
}

.sm-card:hover {
  box-shadow: 0 2px 16px #69626233;
}

.left {
  text-align: left;
}

.items-wrapper-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.hero-image-3 {
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
}

.div-block-139 {
  border-radius: 12px;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.wrapper-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.box-content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: grid;
}

.div-block-140 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  display: flex;
}

.items-wrapper-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.hero-content-3 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-flow: column;
  display: flex;
}

.div-block-153 {
  max-width: 150px;
}

.steps {
  opacity: .2;
  font-size: 90px;
  font-weight: 600;
}

.next-card {
  width: 100%;
  max-width: 300px;
  padding: 20px;
  position: relative;
}

.next-card-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.div-block-152 {
  z-index: 2;
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.step-number {
  color: #fcfcfc;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.buttons-wrap {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  flex-flow: row;
  justify-content: center;
  margin-top: 3%;
  font-size: 1rem;
  text-decoration: none;
  display: flex;
}

.body {
  font-size: 16px;
  position: relative;
}

.background-color-ultra-light-green {
  background-color: var(--background-fifth);
}

._4 {
  background-color: #6e705b;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.steps-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  outline-width: 0;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  min-width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

.steps-wrapper.gg-steps-grid {
  grid-column-gap: 40px;
  grid-row-gap: 10px;
  outline-width: 0;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  width: 100%;
  min-width: 0;
  height: auto;
  position: static;
}

.step {
  outline-width: 0;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.step.gg-steps-item {
  outline-width: 0;
  flex-direction: column;
  grid-row: 2 / 3;
  justify-content: flex-start;
  align-items: flex-start;
}

.step.gg-steps-itemrow {
  flex-direction: row;
  grid-row: auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.step.gg-steps-itemrow.gg-step-pos-1 {
  grid-area: 2 / 1 / 3 / 2;
}

.step.gg-steps-itemrow.gg-step-pos-2 {
  grid-area: 3 / 1 / 4 / 2;
}

.step.gg-steps-itemrow.gg-step-pos-3 {
  grid-area: 4 / 1 / 5 / 2;
}

.step.gg-steps-itemrow.gg-step-pos-4 {
  grid-area: 5 / 1 / 6 / 2;
}

.step.gg-steps-itemrow.gg-step-pos-5 {
  grid-area: 2 / 2 / 3 / 3;
}

.step.gg-steps-itemrow.gg-step-pos-6 {
  grid-area: 3 / 2 / 4 / 3;
}

.step.gg-steps-itemrow.gg-step-pos-7 {
  grid-area: 4 / 2 / 5 / 3;
}

.step.gg-steps-itemrow.gg-step-pos-8 {
  grid-area: 5 / 2 / 6 / 3;
}

.step-text-wrapper {
  z-index: 2;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  outline-width: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  width: 100%;
  min-width: 60%;
  max-width: 80%;
  min-height: 70%;
  max-height: 70%;
  text-decoration: none;
  display: flex;
  position: relative;
  left: -90px;
}

.step-text-wrapper.gg-steps-textwrap {
  z-index: 1;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  max-width: none;
  min-height: 0;
  max-height: none;
  display: flex;
  position: static;
  left: auto;
}

.sec9-name-absolute-block {
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4879_Group%20427319810.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30vw;
  height: 30vh;
  position: absolute;
  inset: auto auto -4% -20.1vw;
}

.sec9-name-absolute-block._2 {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a487b_Group%20427319811.png");
  inset: 11% -22.3vw auto auto;
}

.faq-card {
  cursor: pointer;
  border-bottom: 1px solid #000;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 30px;
  padding: 30px 30px 10px 10px;
  display: flex;
}

.faq-grid {
  grid-column-gap: 0px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  display: block;
}

.navbar {
  font-family: Manrope, sans-serif;
  display: flex;
  overflow: hidden;
}

.number-txt-extra-large {
  z-index: 1;
  outline-width: 0;
  font-size: 18rem;
  font-weight: 700;
  position: relative;
  left: 90px;
}

.number-txt-extra-large.gg-steps-num {
  z-index: 1;
  color: #b88a45;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
  position: static;
  left: auto;
}

.navbar1_menu-button {
  padding: 0;
}

.button-2 {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-2.is-link {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-2.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.navbar1_menu-buttons {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: 1rem;
  padding-bottom: 1em;
  display: flex;
}

.dropdown-chevron {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.navbar1_menu {
  align-items: center;
  display: flex;
  position: static;
}

.navbar1_menu.is-page-height-tablet {
  color: var(--third-text-color);
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  padding-top: 2em;
  padding-right: 2rem;
  display: flex;
}

.navbar1_menu.is-page-height-tablet.copy-small {
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4931_dash-h-50-g.svg");
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: auto;
  justify-content: flex-end;
  align-items: center;
  height: 80px;
  padding-top: 1em;
  padding-bottom: 1em;
}

.navbar1_dropdown-link {
  color: var(--\<unknown\|relume-variable-link-color-1\>);
  padding: .5rem 1rem;
  font-family: Manrope, sans-serif;
}

.navbar1_dropdown-link.w--current {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
}

.navbar1_dropdown-toggle {
  grid-column-gap: .5rem;
  color: var(--\<unknown\|relume-variable-link-color-1\>);
  align-items: center;
  padding: .5rem 1rem;
  font-family: Manrope, sans-serif;
  display: flex;
}

.navbar1_dropdown-list.w--open {
  border: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
  background-color: var(--\<unknown\|relume-variable-background-color-1\>);
  padding: .5rem;
}

.quick-stack {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  min-width: 100%;
  min-height: 100%;
  padding: 0;
  overflow: hidden;
}

.button-gelb {
  z-index: 10;
  border: 3px solid var(--fourth-text-color);
  background-color: var(--background-third);
  text-align: center;
  border-radius: .4em;
  outline-width: 0;
  justify-content: flex-start;
  align-items: center;
  padding: .9em 2em .8em;
  font-family: Manrope, sans-serif;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-gelb.second {
  border: 3px solid var(--fourth-text-color);
  -webkit-text-fill-color: transparent;
  mix-blend-mode: normal;
  -webkit-background-clip: text;
  background-clip: text;
}

.button-gelb.second.copy-black {
  background-color: var(--background-fifth);
  color: var(--main-text-color);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.button-gelb.navbar-down {
  color: var(--main-text-color);
  padding: .3em 1.2em;
  font-weight: 500;
}

.button-gelb.center {
  object-fit: fill;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 60%;
  display: flex;
}

.button-gelb.center.clipping {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.5vw;
}

.button-gelb.cards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-left: 10%;
  margin-right: 10%;
  display: grid;
}

.button-gelb.cards.w--current {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  vertical-align: middle;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  display: flex;
}

.button-gelb.cards.grey.w--current {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.button-gelb.clipped {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.5vw;
}

.button-gelb.clipped.trk-addtocart {
  width: 90%;
  padding-left: .9em;
  padding-right: .9em;
  font-size: 16px;
}

.button-gelb.copy-black {
  color: var(--main-text-color);
}

.button-gelb.gg-steps-button {
  color: #30453b;
  letter-spacing: .01em;
  background-color: #d8c7ae;
  border-width: 0;
  border-radius: 9px;
  padding: 16px 34px;
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 800;
  transition: background-color .3s, color .3s, transform .3s cubic-bezier(.22, .61, .36, 1);
}

.button-gelb.gg-steps-button:hover {
  color: #30453b;
  background-color: #f7f5f0;
  transform: translateY(-2px);
}

.icon-title {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.code-embed {
  margin-left: -1em;
}

.atf-benefits-text-wrap {
  vertical-align: super;
  display: inline-block;
}

.atf-benafits-text-bottom {
  padding-left: 2.3em;
}

.icon-heading-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.horizonatl-spacer {
  padding-left: 1.8em;
  display: inline-block;
}

.subheadline {
  font-family: var(--heading-font);
  color: var(--third-text-color);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.1;
}

.subheadline.dark {
  color: var(--main-text-color);
  margin-top: auto;
  margin-bottom: auto;
}

.subheadline.dark.vt-subtitle-lamellend-cher, .subheadline.dark.vt-subtitle-markise, .subheadline.dark.vt-subtitle-wellness {
  color: #5f5b55;
  text-align: left;
  margin-top: 12px;
  margin-bottom: 16px;
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.text-span, .text-span-2, .text-span-3, .text-span-4, .text-span-5, .text-span-6 {
  color: var(--fourth-text-color);
}

.video-pitch {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--background-fifth);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: block;
}

.text-span-8 {
  color: var(--fourth-text-color);
}

.section_testimonial23 {
  width: 100%;
  min-height: 1100px;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-xxlarge, .margin-bottom.margin-xsmall {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-xsmall.schritte {
  outline-width: 0;
  padding-left: 2em;
}

.margin-bottom.margin-large, .margin-bottom.margin-xxsmall, .margin-bottom.margin-small, .margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 2.2em;
}

.margin-bottom.margin-medium, .margin-bottom.margin-tiny, .margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 2em;
  padding-left: 1em;
  padding-right: 1em;
}

.margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 2em;
  padding-left: 1em;
  padding-right: 1em;
}

.margin-bottom.margin-small.green {
  color: #00532a;
}

.margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 2em;
  padding-left: 1em;
  padding-right: 1em;
}

.testimonial23_slide {
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg");
  background-position: 0 100%;
  background-repeat: repeat-y;
  background-size: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  top: 148px;
}

.testimonial23_slide-nav {
  height: 1.75rem;
  font-size: .5rem;
}

.padding-section-large.vt-pad-lamellend-cher, .padding-section-large.vt-pad-markise, .padding-section-large.vt-pad-wellness {
  padding-top: 24px;
  padding-bottom: 64px;
}

.video-testimonial-video {
  margin-bottom: 3.5rem;
}

.video-testimonial-video.vt-video-lamellend-cher, .video-testimonial-video.vt-video-markise, .video-testimonial-video.vt-video-wellness, .video-testimonial-video.vt-video-portfolio {
  border-radius: 12px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.testimonial23_client {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  align-items: center;
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
}

.max-width-large {
  outline-width: 0;
  width: 100%;
  max-width: 48rem;
}

.max-width-large.gg-steps-header-wrap {
  max-width: none;
}

.testimonial23_component {
  background-color: #0000;
  height: auto;
  min-height: 944px;
  max-height: none;
  padding-bottom: 4rem;
  position: relative;
  overflow: hidden;
}

.text-size-medium {
  text-align: left;
  word-break: normal;
  overflow-wrap: normal;
  font-size: 1.125rem;
}

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

.padding-global-2 {
  background-color: var(--background-fifth);
  padding-left: 5%;
  padding-right: 5%;
}

.margin-top, .margin-top.margin-medium, .margin-top.margin-small, .margin-top.margin-xxsmall {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.testimonial23_mask {
  width: 38%;
  position: static;
  overflow: visible;
}

.video-testimonials {
  align-self: stretch;
}

.testimonial-card {
  z-index: 1;
  border: 1px none var(--fourth-text-color);
}

.testimonial-card.vt-card-lamellend-cher, .testimonial-card.vt-card-markise, .testimonial-card.vt-card-wellness {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 880px;
  padding: 20px 20px 24px;
  transition: border-color .4s, box-shadow .4s;
  display: flex;
}

.text-span-9.vt-accent-lamellend-cher, .text-span-9.vt-accent-markise, .text-span-9.vt-accent-wellness {
  color: #4d765d;
}

.padding-section-large-2.vt-pad-portfolio {
  padding-top: 24px;
  padding-bottom: 64px;
}

.layout364_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-group.is-footer {
  justify-content: center;
  align-items: center;
}

.icon-1x1-medium-2 {
  width: 3rem;
  height: 3rem;
}

.layout364_card-content {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 2rem;
  display: flex;
}

.layout364_row {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.container-large-4 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.card-yes {
  border: 3px solid var(--second-text-color);
  border-radius: 6px;
}

.card-yes.no {
  border: 3px solid #c51f2c;
}

.richtiger-ansprechparnter {
  background-color: var(--background-fifth);
  align-self: stretch;
}

.layout417_content {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
  position: sticky;
  top: 0;
}

.layout417_list {
  aspect-ratio: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 80%;
  max-width: 80%;
  display: flex;
  position: relative;
}

.layout417_ix-trigger {
  z-index: -1;
  margin-top: 100vh;
  position: absolute;
  inset: 0%;
}

.container-large-5 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.layout417_card {
  border: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
  display: flex;
  position: absolute;
}

.layout417_card.card-4 {
  z-index: 1;
  aspect-ratio: 3 / 2;
  background-image: linear-gradient(0deg, #1d1d1bc4, #1d1d1b54), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4880_Frame-1707480694.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: flex-end;
  align-items: center;
  min-height: 70vh;
  padding-bottom: 3rem;
  transform: rotate(9deg);
}

.layout417_card.card-3 {
  z-index: 2;
  aspect-ratio: 3 / 2;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a493d_boldterrassendach.de_Kaltwintergarten%20Abendliches%20Ambiente%20mit%20Hund%20am%20Pool.webp");
  background-position: 50%;
  background-size: cover;
  justify-content: flex-end;
  align-items: center;
  min-height: 70vh;
  padding-bottom: 3rem;
  transform: rotate(6deg);
}

.layout417_card.card-2 {
  z-index: 3;
  aspect-ratio: 3 / 2;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48e2_boldterrrasedach.de_Wintergarten%20mit%20Sonnenschutz.webp");
  background-position: 50%;
  background-size: cover;
  justify-content: flex-end;
  align-items: center;
  min-height: 70vh;
  padding-bottom: 3rem;
  transform: rotate(3deg);
}

.layout417_card.card-1 {
  z-index: 4;
  aspect-ratio: 3 / 2;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48d6_boldterrassendach.de_Weinor%20Terrassendach%20gru%CC%88n%20beleuchtet%20modern.webp");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: scroll;
  justify-content: flex-end;
  align-items: center;
  min-height: 70vh;
  padding-bottom: 3rem;
}

.layout417_card.card-5 {
  aspect-ratio: 3 / 2;
  background-image: linear-gradient(#0000, #1d1d1b94), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48d9_boldterrrasedach.de_Pavilion_Korte%26Meyer.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: flex-end;
  align-items: center;
  min-height: 70vh;
  padding-bottom: 3rem;
}

.layout417_component {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  height: 300vh;
  position: relative;
  overflow: visible;
}

.section_layout417 {
  background-color: var(--background-fifth);
}

.leistungen {
  align-self: stretch;
}

.google-reviews {
  background-color: var(--background-fifth);
}

.image-list-terrassendach {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  width: 100%;
  display: grid;
}

.image-list-terrassendach.atf-gallery {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.image-list-terrassendach.hide {
  display: none;
}

.image-list-kaltwintergarten {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: -62.7%;
  display: grid;
}

.header78_content-bottom {
  filter: none;
  justify-content: flex-start;
  width: 99vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header78_image-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  width: 100%;
  display: grid;
}

.header78_image-list.atf-gallery-layout {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: row;
  display: grid;
}

.header78_image-list.gallery2 {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.header78_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.padding-global-3 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.header78_image-wrapper {
  width: 26rem;
  padding-top: 75%;
  position: relative;
  box-shadow: 0 2px 5px #000000b3;
}

.header78_image-wrapper.atf-gallery-item {
  width: 100%;
  height: 12rem;
  padding-top: 0%;
}

.section_header78 {
  background-color: var(--background-fifth);
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.header78_images-layout {
  z-index: 3;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.header78_images-layout.atf-gallery {
  width: 100%;
}

._4-steps {
  background-color: var(--background-fifth);
  outline-width: 0;
  align-self: stretch;
  min-height: 500px;
}

.cta7_button-row {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  outline-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.cta7_button-row.schritte {
  justify-content: flex-end;
  align-items: center;
  padding-right: 2em;
}

.cta7_button-row.schritte.gg-steps-buttonrow {
  grid-area: 6 / 1 / 7 / 3;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  padding-left: 0;
}

.cta7_content {
  outline-width: 0;
  flex: 1;
}

.cta7_content.gg-steps-content {
  grid-area: 1 / 1 / 2 / 3;
  align-self: start;
  margin-bottom: 20px;
}

.text-span-11 {
  color: var(--fourth-text-color);
}

.text-span-11.gg-steps-accent {
  color: #b88a45;
}

.section-steps {
  background-color: var(--main-text-color);
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48bf_noize.png");
  background-position: 0 30%, 0 62%, 50% 0, 0 0;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat;
  background-size: auto, auto, auto, auto;
  outline-width: 0;
  min-width: 100%;
}

.section-steps.gg-steps-panel {
  background-color: #0000;
  background-image: none;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 24px;
  outline-width: 0;
  width: 100%;
  min-width: 0;
  max-width: 1320px;
  margin: 0 auto;
  padding: 24px;
  position: relative;
  overflow: hidden;
}

.container-xm {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  outline-width: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 79.9rem;
  height: 100%;
  min-height: 20vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
}

.container-xm.gg-steps-container {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: static;
}

.image-list-sonstiges {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: auto;
  display: grid;
}

.icon-embed-large {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 7rem;
  height: 7rem;
  display: flex;
}

.lightbox-play-icon {
  z-index: 2;
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

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

.layout23_lightbox {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.layout23_lightbox-image {
  object-fit: cover;
}

.layout23_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg");
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.video-overlay-layer {
  z-index: 1;
  box-sizing: border-box;
  background-color: #0000008a;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% 0;
  overflow: visible;
}

.layout225_item-icon-wrapper {
  flex: none;
  align-self: flex-start;
  margin-right: 1.5rem;
}

.layout225_item-icon-wrapper.center {
  align-self: center;
}

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

.layout225_image {
  width: auto;
  max-width: 100%;
  height: 100%;
}

.layout225_component {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg");
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.layout225_item-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-content: stretch;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.button-group-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-group-2.is-footer {
  justify-content: center;
  align-items: center;
}

.layout225_item {
  display: flex;
}

.anfrageformular {
  background-color: var(--background-fifth);
  flex: 0 auto;
  align-self: stretch;
}

.text-style-link-2 {
  color: var(--\<unknown\|relume-variable-link-color-1\>);
  align-self: center;
  font-family: Manrope, sans-serif;
  font-weight: 700;
  text-decoration: underline;
}

.padding-section-large-3 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.navbar1_container-2 {
  background-image: linear-gradient(90deg, var(--background-fifth) 30%, var(--background-main) 30%);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  display: flex;
  overflow: auto;
}

.navbar1_logo-2 {
  padding-left: 3.7rem;
}

.navbar1_logo-link-2 {
  flex: 0 auto;
}

.quick-stack-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

.div-block-167 {
  border-top: 2px solid var(--bg-second-grren-dark);
  border-left: 2px solid var(--bg-second-grren-dark);
  background-color: var(--background-main);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
  display: flex;
}

.div-block-168 {
  aspect-ratio: auto;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4963_2024-12-19_boldterrassendach.de_Benjamin%20und%20Alex%20Boldt%20vor%20Transporter.webp");
  background-position: 57%;
  background-size: cover;
  min-width: 100%;
  min-height: 100%;
  position: relative;
  inset: auto auto 0% 0%;
}

.ber-uns-dark-green {
  background-color: var(--bg-second-grren-dark);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
  display: inline-flex;
}

.vorteile {
  background-color: #fff;
  padding: 50px 58px;
}

.layout396_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.layout396_card-content {
  background-color: var(--background-fifth);
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 2rem;
  display: flex;
}

.padding-section-large-4 {
  background-color: var(--bg-second-grren-dark);
  padding: 7rem 5%;
}

.layout396_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.card-vorteile {
  border: 3px solid var(--background-third);
  border-radius: 5px;
  flex-flow: column;
  display: flex;
}

.terrassenporn {
  background-color: var(--background-fifth);
  align-self: stretch;
}

.icon-embed-large-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10rem;
  height: 10rem;
  display: flex;
}

.section_content11 {
  aspect-ratio: 16 / 9;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  max-width: 1440px;
  display: block;
}

.content11_lightbox {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.content11_lightbox-image {
  object-fit: cover;
  width: 100%;
  overflow: visible;
}

.karte-und-kontakt {
  align-self: stretch;
}

.contact14_map-wrapper {
  justify-content: center;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
  display: block;
}

.contact14_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg");
  background-position: 30% 0;
  background-repeat: repeat-y;
  background-size: auto;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: stretch center;
  margin-left: 5%;
  margin-right: 5%;
  display: grid;
}

.contact14_item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact14_item.footer {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: #fff;
  background-image: none;
  justify-content: flex-start;
  align-items: center;
}

.text-weight-semibold {
  font-weight: 600;
}

.icon-embed-small {
  width: 2rem;
  height: 2rem;
  color: var(--fourth-text-color);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact14_icon-wrapper {
  display: inline-block;
}

.contact14_contact-list {
  grid-column-gap: 1rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.code-embed-2 {
  min-width: 100%;
  min-height: 100%;
}

.faq4_list {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 100%;
  justify-content: center;
  place-items: start stretch;
  display: grid;
}

.faq4_list.lp {
  grid-template-columns: 1fr;
}

.faq4_question {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.faq4_question.kr-faq-q {
  align-items: center;
  padding: 22px 28px;
}

.faq4_answer {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  overflow: hidden;
}

.faq4_answer.kr-faq-a {
  padding-left: 28px;
  padding-right: 60px;
}

.padding-global-5 {
  background-color: var(--background-fifth);
  padding: 41px 5% 5rem;
}

.faq4_icon-wrappper {
  align-self: flex-start;
  width: 2rem;
  display: flex;
}

.faq4_icon-wrappper.kr-faq-icon {
  background-color: #f7f5f0;
  border: 1px solid #d8c7ae;
  border-radius: 50%;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 36px;
  height: 36px;
}

.faq-grid {
  border: 2px solid var(--background-third);
}

.faq-grid.kr-faq-card {
  background-color: #fff;
  border-width: 1px;
  border-color: #cfcac0;
  border-radius: 16px;
  margin-bottom: 14px;
  transition: border-color .4s, box-shadow .4s;
  overflow: hidden;
}

.faq-grid.kr-faq-card:hover {
  border-color: #d8c7ae;
  box-shadow: 0 12px 30px #17171714;
}

.body-2 {
  background-color: var(--background-fifth);
  font-size: 14px;
  position: relative;
}

.div-block-169 {
  max-width: 80%;
}

.footer {
  align-self: stretch;
  font-family: Manrope, sans-serif;
}

.footer-grid {
  z-index: 11;
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  background-color: var(--main-text-color);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
  position: relative;
}

.footer-contact {
  margin-bottom: 0;
  padding-top: 10%;
  padding-bottom: 0%;
  padding-left: 10%;
}

.logo-footer {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 4% 2rem 3%;
  display: flex;
}

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

.social-icons2_list {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  display: grid;
}

.social-icons2_link {
  align-items: center;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.icon-embed-xsmall {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--background-second);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-links {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center stretch;
  padding-top: 11%;
  padding-left: 5%;
  padding-right: 10%;
  display: inline-grid;
}

.footer1_link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  justify-content: center;
  place-items: flex-end start;
  display: flex;
}

.footer1_link-list.footer-menu {
  color: #fff;
  justify-content: flex-start;
  align-items: flex-end;
}

.footer1_link-list.footer-menu.copy-medium {
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 0;
  position: static;
}

.footer1_link {
  color: var(--\<unknown\|relume-variable-link-color-1\>);
  text-align: right;
  flex: 0 auto;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  text-decoration: none;
}

.footer-copyright {
  text-align: left;
  padding-top: 15%;
  padding-bottom: 10%;
  padding-left: 10%;
}

.footer-made-by {
  padding-top: 15%;
  padding-bottom: 10%;
  padding-right: 10%;
}

.text-span-12 {
  color: var(--third-text-color);
}

.navbar1_menu-buttons-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: 1rem;
  display: flex;
}

.navbar1_logo {
  object-fit: contain;
  width: auto;
  max-width: none;
  height: 46px;
  display: block;
}

.navbar1_component {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
  background-color: #000000a8;
  grid-template-rows: auto;
  grid-template-columns: 25% 75%;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  width: 100%;
  min-width: 100%;
  max-width: none;
  height: 80px;
  font-family: Manrope, sans-serif;
  display: grid;
  position: fixed;
}

.navbar1_logo-link {
  justify-content: flex-start;
  align-items: center;
  padding-left: 5%;
  display: flex;
}

.navbar1_link {
  color: var(--\<unknown\|relume-variable-link-color-1\>);
  padding: .5rem 1rem;
  font-family: Manrope, sans-serif;
  font-weight: 400;
  transition: all .555s;
}

.navbar1_link.w--current {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
}

.div-block-171 {
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4931_dash-h-50-g.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4934_dash-v-50-g.svg");
  background-position: 0 100%, 0 0;
  background-repeat: repeat-x, repeat-y;
  background-size: auto, auto;
  min-width: 100%;
  height: 80px;
}

.navbar15_menu {
  align-items: center;
  font-family: Manrope, sans-serif;
  font-size: 14px;
}

.navbar-on-page {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.navbar15_link {
  color: var(--third-text-color);
  padding: .5rem 1rem;
  font-family: Manrope, sans-serif;
  font-weight: 600;
}

.navbar15_link.w--current {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
}

.navbar15_button-wrapper {
  grid-column-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar15_component {
  z-index: 10;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
  margin-left: 5%;
  margin-right: 5%;
  font-family: Manrope, sans-serif;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 0%;
}

.navbar15_component.hide-mobile-portrait {
  inset: auto 0% 0%;
}

.navbar15_menu-link-wrapper {
  display: flex;
}

.down-navbar {
  border: 2px solid var(--background-third);
  border-radius: 6px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.down-navbar.main-wrapper {
  border-color: var(--background-main);
  color: var(--third-text-color);
  background-color: #33352ec2;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 1.5rem;
}

.down-navbar.main-wrapper.black-friday {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #33352e;
  flex-flow: column;
  font-size: 14px;
}

.image-101 {
  vertical-align: top;
  width: auto;
  height: 100px;
  display: inline-block;
  position: static;
}

.footer-rechtliches {
  padding-bottom: 1rem;
}

.text-span-13, .text-span-14 {
  color: var(--third-text-color);
  text-decoration: none;
}

.div-block-173 {
  z-index: 4;
  background-image: linear-gradient(90deg, var(--background-fifth) 2%, #f6f7f300 15%, #f6f7f300 85%, var(--background-fifth) 98%);
  min-width: 100%;
  min-height: 100%;
  position: absolute;
}

.bottom-navbar_hamburger-wrapper {
  display: none;
}

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

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

.collection-item-10 {
  outline-width: 0;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.collection-item-10.lg-item-lamellend-cher, .collection-item-10.lg-item-markise, .collection-item-10.lg-item-wellness, .collection-item-10.lg-item-portfolio {
  align-items: center;
  padding-left: 36px;
  padding-right: 36px;
  display: flex;
}

.header7_background-video {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  left: 0;
}

.container-large-6 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large-8 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.max-width-medium.atf {
  max-width: 48rem;
}

.header7_content {
  z-index: 1;
  flex-flow: row;
  align-items: center;
  width: 100%;
  min-height: 100%;
  display: flex;
  position: relative;
}

.header7_background-video-wrapper {
  z-index: 0;
  background-image: linear-gradient(#00000080, #00000080);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section_header7 {
  position: relative;
}

.section_header7.text-color-alternate {
  width: 100%;
  max-width: 1439px;
  padding-bottom: 3%;
}

.padding-global-6 {
  width: 100%;
  max-width: 1439px;
  padding-left: 5%;
  padding-right: 5%;
}

.lottie-animation {
  justify-content: center;
  align-items: center;
  max-width: 10vw;
  display: flex;
}

.lotti-scroll {
  justify-content: center;
  align-items: center;
  display: flex;
}

.spacer-dash {
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4937_circle.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg");
  background-position: 50%, 50%, 50%;
  background-repeat: no-repeat, repeat-y, repeat-x;
  background-size: auto, auto, auto;
  height: 5rem;
}

.timer {
  background-color: #0000;
  margin-left: auto;
  margin-right: auto;
}

.div-block-176 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.deparment-careers {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  padding-bottom: 100px;
  display: flex;
}

.office-image {
  border-radius: 16px;
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.expandable-single {
  cursor: pointer;
  background-color: #161517;
  border: 1px solid #0000;
  border-radius: 16px;
  padding: 26px 50px;
  transition: background-color .4s, border-color .4s;
}

.expandable-single:hover {
  background-color: #1c1b1f;
  border-color: #e8e3c2;
}

.jobs-section {
  background-color: #f7f5f0;
  padding: 55px 58px 56px;
}

.mwd {
  font-size: .9rem;
}

.stats42_number {
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.3;
}

.stats42_number.jobs {
  color: #30453b;
  font-size: 3.2rem;
}

.stats42_image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.stats42_item-content {
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}

.stats42_item {
  border: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
  background-color: var(--background-fifth);
  border-radius: 0;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 2rem;
  display: flex;
  overflow: hidden;
}

.container-large-7 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large-9 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.margin-vertical, .margin-vertical.margin-xsmall, .margin-vertical.margin-medium {
  margin-left: 0;
  margin-right: 0;
}

.stats42_content {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-bottom: 3rem;
  display: grid;
}

.stats42_divider {
  background-color: var(--\<unknown\|relume-variable-border-color-1\>);
  width: 100%;
  height: 1px;
}

.stats42_image-wrapper {
  border-radius: 0;
  overflow: hidden;
}

.padding-global-7 {
  padding-left: 5%;
  padding-right: 5%;
}

.stats42_list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.section_stats42 {
  background-color: var(--\<unknown\|relume-variable-background-color-1\>);
  color: var(--\<unknown\|relume-variable-text-color-1\>);
}

.layout121_timeline-step {
  grid-column-gap: 2.5rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.layout121_timeline-icon-wrapper {
  z-index: 1;
  background-color: var(--\<unknown\|relume-variable-background-color-1\>);
  margin-top: -1.5rem;
  padding: 1rem;
  position: relative;
}

.container-large-8 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large-10 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.layout121_timeline-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.layout121_timeline-wrapper {
  position: relative;
}

.padding-global-8 {
  padding-left: 5%;
  padding-right: 5%;
}

.layout121_content {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.section_layout121 {
  background-color: var(--\<unknown\|relume-variable-background-color-1\>);
  color: var(--\<unknown\|relume-variable-text-color-1\>);
}

.profil {
  background-color: var(--background-fifth);
}

.text-size-normal {
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 0;
  font-size: .9rem;
}

.layout371_card-large-image-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.layout371_grid-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.tag {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #000;
  background-color: #eee;
  border: 1px #eee;
  justify-content: center;
  align-items: center;
  padding: .25rem .5rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.tag.is-text {
  background-color: #0000;
  border-style: none;
  border-color: #0000;
  padding: 0;
  display: inline-block;
}

.layout371_card-small {
  border: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
  background-color: var(--background-fifth);
  border-radius: 0;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.container-large-9 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large-11 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.layout371_card-small-content {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 1.5rem .8rem;
  display: flex;
}

.section_layout371 {
  background-color: var(--\<unknown\|relume-variable-background-color-1\>);
  color: var(--\<unknown\|relume-variable-text-color-1\>);
}

.layout371_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.layout371_card-large {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--\<unknown\|relume-variable-border-color-1\>);
  background-color: var(--background-fifth);
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  overflow: hidden;
}

.layout371_card-large-content {
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
  display: flex;
}

.padding-global-9 {
  padding-left: 5%;
  padding-right: 5%;
}

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

.layout371_item-icon-wrapper {
  display: inline-block;
}

.list-in-cards {
  padding-left: 20px;
  list-style-type: disc;
}

.subheadline-buttons {
  color: var(--main-text-color);
  text-align: center;
  vertical-align: baseline;
  font-size: .6rem;
}

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

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

.button-group-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-embed-large-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 7rem;
  height: 7rem;
  display: flex;
}

.heading-style-h2-4 {
  letter-spacing: -.01em;
  text-transform: none;
  font-family: Baskervville, sans-serif;
  font-size: 2rem;
  line-height: 1;
}

.container-large-10 {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.text-span-15 {
  color: #ffb73b;
}

.copy-medium-2 {
  margin-top: auto;
  margin-bottom: auto;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
}

.copy-medium-2.text-weight-medium {
  margin-top: auto;
}

.copy-medium-2.white {
  color: #afc5b7;
  -webkit-text-stroke-color: white;
  margin-top: 0;
  margin-bottom: 0;
}

.button-gelb-2 {
  z-index: 10;
  text-align: center;
  background-color: #ffb73b;
  border: 3px solid #ffb73b;
  border-radius: .4em;
  justify-content: flex-start;
  align-items: center;
  padding: .9em 2em .8em;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.video-pitch-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f4f5f0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: block;
}

.copy-small-2 {
  color: #1d1d1b;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
}

.textmark-yellow {
  background-image: linear-gradient(180deg, #fff0 13%, var(--background-third) 14%);
  padding: 4px 5px;
  display: inline;
}

.center {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-178 {
  flex: 0 auto;
}

.weber-image-wrapper {
  flex: 0 auto;
  display: none;
}

.weber-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.stack1 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  outline-width: 0;
  flex: 0 auto;
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.stack1.gg-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  outline-width: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: grid;
}

.grid-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--background-main);
  outline-width: 0;
  flex-flow: column;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: stretch start;
  width: auto;
  max-width: 80rem;
  min-height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  padding: 5rem 1rem;
  display: flex;
  overflow: visible;
}

.grid-container.gg-container {
  grid-row-gap: 56px;
  background-color: #0000;
  justify-content: flex-start;
  max-width: 1320px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 58px 40px;
}

.stichpunkt {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  outline-width: 0;
  flex-flow: column;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  margin-top: 1rem;
  margin-bottom: .5rem;
  display: flex;
}

.stichpunkt.kleine-box {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--background-fifth);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border: 1px #0061aa;
  border-radius: 20px;
  outline-width: 0;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 1rem 1.5rem 1.5rem;
  box-shadow: 0 4px 13px 2px #0000001a;
}

.stichpunkt.kleine-box.portfolio {
  background-image: linear-gradient(90deg, var(--background-fifth) 36%, #fff0), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4943_boldterrassendach.de_Terrassendach%20mit%20Sonnenschutz%20oben%20und%20vorn%20von%20innen.webp");
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.stichpunkt.kleine-box.modernste-technik {
  background-image: linear-gradient(#ffffffe3 17%, #fff0 80%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4942_boldterrassendach.de_Kaltwintergarten%20blick%20durch%20die%20Hecke%20wohnlich%20eingera%CC%88umt.webp");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.stichpunkt.kleine-box.flexible {
  background-image: linear-gradient(0deg, #fff0 24%, #ffffffe6), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a493d_boldterrassendach.de_Kaltwintergarten%20Abendliches%20Ambiente%20mit%20Hund%20am%20Pool.webp");
  background-position: 0 0, 71% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.stichpunkt.kleine-box.gg-card {
  grid-column-gap: 14px;
  grid-row-gap: 0px;
  width: 100%;
  height: 100%;
  min-height: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  outline-width: 0;
  grid-template-rows: auto 1fr;
  grid-template-columns: 60px 1fr;
  align-content: start;
  align-items: start;
  margin-top: 0;
  margin-bottom: 0;
  padding: 26px 26px 28px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: grid;
  position: relative;
}

.stichpunkt.kleine-box.gg-card:hover {
  border-color: #4d765d;
  transform: translateY(-6px);
  box-shadow: 0 18px 40px #30453b24;
}

.hero-box-leistungen {
  box-sizing: border-box;
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  opacity: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  outline-offset: 0px;
  pointer-events: auto;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  object-fit: fill;
  background-color: #ffffffba;
  background-clip: border-box;
  border-radius: 10px;
  outline: 0 #1a1b1f;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 2rem;
  display: flex;
  position: relative;
  top: 400px;
  bottom: auto;
  box-shadow: 0 4px 15px 4px #8f8d8d4f;
}

.hero-box-leistungen._33gr-nde {
  background-color: var(--background-fifth);
  outline-width: 0;
  position: static;
  top: 550px;
  box-shadow: 0 2px 13px #0000001a;
}

.hero-box-leistungen._33gr-nde.gg-hero {
  width: 100%;
  max-width: 100%;
  min-height: 380px;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #30453b;
  background-image: linear-gradient(90deg, #1e2d26f7 0%, #30453be0 48%, #30453b4d 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab8093b4b0d8d8cdd7bbbf8_BOLD_terrassendach_hero_01_web.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 24px;
  outline-width: 0;
  justify-content: center;
  align-self: stretch;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 72px 64px 64px;
  position: relative;
  top: auto;
  overflow: hidden;
}

.subhead {
  color: #000;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  display: block;
  position: static;
}

.subhead.small {
  font-size: .9rem;
}

.subhead.gg-sub {
  color: #171717;
  letter-spacing: .02em;
  text-transform: uppercase;
  grid-area: 1 / 2 / 2 / 3;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 24px;
}

.hero-berschrift {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  letter-spacing: -.5px;
  object-fit: fill;
  outline-width: 0;
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  margin-top: .5rem;
  margin-bottom: .5rem;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
}

.hero-berschrift.zahl {
  background-image: linear-gradient(270deg, var(--background-main), var(--bg-colour) 9%, var(--bg-third-dark-green));
  color: #000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  outline-width: 0;
  flex-flow: row;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.hero-berschrift.zahl._33 {
  outline-width: 0;
}

.hero-berschrift.zahl._33.gg-title {
  color: #fff;
  letter-spacing: -.01em;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  outline-width: 0;
  max-width: 980px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 58px;
  display: block;
}

.hero-berschrift.zahl.gg-num {
  color: #b88a45;
  letter-spacing: -.03em;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  outline-width: 0;
  grid-area: 1 / 1 / 3 / 2;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 1;
}

.text {
  color: #000;
  text-align: left;
  text-transform: none;
  object-fit: fill;
  outline-width: 0;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: auto;
  margin-top: 1rem;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  display: block;
}

.text._30em {
  width: 30em;
}

.text._20em {
  width: 20em;
}

.text.gg-hero-text {
  color: #dddad2;
  max-width: 860px;
  margin-top: 14px;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

.text.gg-text {
  color: #5f5b55;
  grid-area: 2 / 2 / 3 / 3;
  margin-top: 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.gruende-sektion {
  background-color: #fff;
  outline-width: 0;
  height: auto;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.gruende-sektion.gradient-section {
  background-color: var(--bg-colour);
  outline-width: 0;
  min-height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.gruende-sektion.gradient-section.gg-section {
  background-color: #f7f5f0;
  outline-width: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.stickpunkte-reihe {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  outline-width: 0;
  justify-content: space-between;
  width: 100%;
  height: auto;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.stickpunkte-reihe.gg-row {
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.mobile-gridrow {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: none;
}

.counter {
  outline-width: 0;
}

.blog-atf {
  background-color: var(--background-fifth);
  margin-top: 0;
  padding-top: 100px;
  padding-left: 1vw;
  padding-right: 1vw;
}

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

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

.code-embed-3.center {
  flex-flow: column;
}

.div-block-179 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: flex-start;
  align-items: center;
  padding-top: .3rem;
  display: flex;
}

.chart-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.chart_header-wrapper {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.vs {
  text-align: center;
  font-size: 5vw;
  font-weight: 700;
  line-height: 1.2;
}

.chart_bar-wrapper {
  width: 100%;
}

.chart_option {
  text-align: center;
  font-size: 1.3vw;
}

.vs-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-html {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.header78_image-wrapper-2 {
  width: 26rem;
  padding-top: 75%;
  position: relative;
  box-shadow: 0 2px 5px #000000b3;
}

.header78_image-wrapper-2.gallery-2-item {
  aspect-ratio: 16 / 9;
  padding-top: 0%;
}

.atf-background-image {
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4976_Semina%20Life_SE2A151210_WZ.webp");
  background-position: 50%;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.button-3 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-3.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.button-3.is-link {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-3.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-style: solid;
  border-width: 2px;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.blog64_content {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.text-style-tagline {
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.text-style-tagline.small {
  font-size: .9rem;
}

.text-style-tagline.text-align-center {
  font-size: .9rem;
  display: block;
}

.blog64_meta-wrapper {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog64_item-link {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--main-text-color);
  background-color: var(--background-fifth);
  border-radius: 6px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  padding: 2% 1%;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.text-size-medium-2 {
  font-size: 1.125rem;
}

.icon-embed-xxsmall {
  width: 1rem;
  height: 1rem;
  color: var(--background-third);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.1rem;
  line-height: 1.5rem;
  display: flex;
}

.container-large-11 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large-12 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.text-size-regular {
  color: var(--main-text-color);
  font-size: 1rem;
}

.heading-style-h2-5 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.blog64_item-content {
  flex-direction: column;
  flex: auto;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.blog64_image {
  box-sizing: border-box;
  aspect-ratio: 16 / 9;
  vertical-align: baseline;
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  position: static;
}

.text-size-small {
  font-size: .875rem;
}

.heading-style-h5-2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.blog64_image-wrapper {
  border-radius: var(--\<unknown\|relume-variable-radius-medium\>);
  flex: 1 0 40%;
  width: 100%;
  overflow: hidden;
}

.blog64_list {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
}

.section_blog64 {
  color: var(--main-text-color);
}

.tag-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-1\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-1\>);
  color: var(--bg-third-dark-green);
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
  padding: .175rem .5rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.contact21_grid-list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

.icon-embed-medium {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.container-large-12 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large-13 {
  margin-top: -62px;
  padding-bottom: 1rem;
}

.text-style-link-3 {
  text-decoration: underline;
}

.section_contact21 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.heading-style-h4-2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.contact21_icon-wrapper {
  vertical-align: top;
  display: inline-block;
}

.padding-global-10 {
  padding-bottom: 2rem;
  padding-left: 5%;
  padding-right: 5%;
}

.contact21_item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.button-4 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-4.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.section_cta1 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  min-height: 90vh;
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
  background-image: linear-gradient(43deg, #f4f5f0d9 58%, #ffffff1f 95%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a493d_boldterrassendach.de_Kaltwintergarten%20Abendliches%20Ambiente%20mit%20Hund%20am%20Pool.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cta1_image-wrapper {
  border-radius: var(--\<unknown\|relume-variable-radius-large\>);
  overflow: hidden;
}

.container-large-13 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large-14 {
  padding-top: 3.5rem;
  padding-bottom: 2rem;
}

.heading-style-h2-6 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.cta1_image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cta1_content {
  grid-column-gap: .9rem;
  grid-row-gap: 1.2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.div-block-180 {
  max-width: 75%;
}

.konfigurator.anfrage {
  background-color: var(--background-main);
  height: 100vh;
}

.code-embed-5 {
  height: 100vh;
}

.code-embed-5.kontakt {
  background-color: #ededed00;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.bold-text {
  color: var(--main-text-color);
  -webkit-text-stroke-color: var(--main-text-color);
}

.bold-text-2, .bold-text-3 {
  color: var(--main-text-color);
}

.bold-text-4 {
  -webkit-text-stroke-color: var(--main-text-color);
}

.div-block-181 {
  border: 4px solid var(--background-third);
  background-color: var(--bg-colour);
}

.button-5 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-5.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.header3_lightbox-image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.heading-style-h1-2 {
  color: var(--main-text-color);
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.icon-embed-large-4 {
  width: 5rem;
  height: 5rem;
  color: var(--fourth-text-color);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-large-14 {
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large-15 {
  padding-top: 1.5rem;
  padding-bottom: 3rem;
}

.lightbox-play-icon-2 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.header3_lightbox {
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.padding-global-11 {
  padding-left: 5%;
  padding-right: 5%;
}

.video-overlay-layer-2 {
  z-index: 1;
  background-color: #00000080;
  position: absolute;
  inset: 0%;
}

.header3_content {
  grid-column-gap: 0rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

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

.bold-text-5 {
  font-size: .9rem;
}

.heading-style-h1-3 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.header49_content {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.container-large-15 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large-16 {
  padding-top: 3rem;
  padding-bottom: 7rem;
}

.padding-global-12 {
  padding-left: 5%;
  padding-right: 5%;
}

.stats40_item-content {
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
}

.stats40_item {
  border: var(--\<unknown\|relume-variable-border-width\>) solid var(--\<unknown\|relume-variable-color-scheme-1-border\>);
  border-radius: var(--\<unknown\|relume-variable-radius-medium\>);
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-foreground\>);
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 2rem;
  display: flex;
  overflow: hidden;
}

.container-large-16 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.section_stats40 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
}

.padding-section-large-17 {
  padding-top: 3rem;
  padding-bottom: 7rem;
}

.heading-style-h6-2 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.stats40_list {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.padding-global-13 {
  padding-left: 5%;
  padding-right: 5%;
}

.divider-horizontal {
  width: 100%;
  height: var(--\<unknown\|relume-variable-divider-width\>);
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-border\>);
}

.stats40_number {
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.3;
}

.heading-style-h3-2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.container-large-17 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large-18 {
  padding-top: 2rem;
  padding-bottom: 7rem;
}

.heading-style-h6-3 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.padding-global-14 {
  padding-left: 5%;
  padding-right: 5%;
}

.button-6 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-6.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.button-6.is-link {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-6.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.button-6.max-width-full {
  margin-top: 1rem;
}

.stats14_content {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.stats14_number {
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.3;
}

.icon-embed-xxsmall-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.padding-section-large-19 {
  padding-top: 1.5rem;
  padding-bottom: 3rem;
}

.button-group-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.stats14_item-list {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.heading-style-h6-4 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.heading-style-h2-7 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.stats14_item {
  border-left: 2px solid var(--background-third);
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-left: 2rem;
}

.padding-global-15 {
  padding-left: 5%;
  padding-right: 5%;
}

.pricing18_grid-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr 1fr;
}

.pricing18_feature-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: grid;
}

.heading-style-h1-4 {
  color: var(--main-text-color);
  font-size: 2.7rem;
  font-weight: 700;
  line-height: 1.2;
}

.pricing18_icon-wrapper {
  flex: none;
  align-self: flex-start;
  margin-right: 1rem;
}

.padding-section-large-20 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.pricing18_plan {
  border: 1px solid #000;
  border-radius: 4px;
  flex-flow: column;
  justify-content: space-between;
  padding: 2rem;
  display: flex;
  overflow: hidden;
}

.pricing18_plan.m {
  border-width: 2px;
  border-color: var(--background-third);
}

.heading-style-h6-5 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.padding-global-16 {
  padding-left: 5%;
  padding-right: 5%;
}

.pricing18_feature {
  display: flex;
}

.heading-style-h2-8 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.text-block {
  padding-top: 1rem;
  padding-bottom: .5rem;
}

.text-block-2 {
  vertical-align: middle;
  align-self: center;
}

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

.pricing16_feature-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: grid;
}

.icon-embed-xsmall-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.heading-style-h1-5 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.tabs-menu {
  border: 1px solid var(--\<unknown\|relume-variable-color-scheme-1-border\>);
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-foreground\>);
  align-self: center;
  margin-bottom: 3rem;
  padding: .25rem;
  display: flex;
}

.text-weight-medium-2 {
  font-weight: 500;
}

.padding-section-large-21 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.pricing16_plan {
  border: 2px solid #000;
  border-radius: 5px;
  padding: 2rem;
  overflow: hidden;
}

.pricing16_plans {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
}

.heading-style-h6-6 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.heading-style-h2-9 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.tab-link {
  border: 1px solid var(--\<unknown\|relume-variable-transparent\>);
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  padding: .5rem 1.5rem;
}

.tab-link.w--current {
  border-color: var(--\<unknown\|relume-variable-color-scheme-1-border\>);
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  font-weight: 500;
}

.padding-global-17 {
  padding-left: 5%;
  padding-right: 5%;
}

.pricing16_feature {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.pricing16_icon-wrapper {
  flex: none;
  align-self: flex-start;
}

.div-block-182 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.yellow {
  color: var(--background-third);
}

.image-102 {
  aspect-ratio: 1;
  object-fit: cover;
  object-position: 50% 30%;
  border-radius: 5px;
}

.image-103 {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 5px;
}

.image-104 {
  border-radius: 5px;
}

.main-container {
  background-color: #e4d6d6;
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.main-div-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 3.25fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1600px;
  min-height: 100px;
  display: block;
}

.h2-main {
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-2 {
  padding-top: 0;
  padding-bottom: 0;
}

.paragraph-3 {
  margin-bottom: 0;
  padding-top: 32px;
  padding-bottom: 32px;
}

.div-block-184 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.cell-2 {
  justify-content: center;
  align-items: center;
}

.main-quick-stack {
  min-width: 100%;
  min-height: 100%;
  position: static;
}

.cell-3 {
  text-align: left;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
}

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

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

.section {
  background-color: #e1b1b1;
}

.h1-main {
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-187 {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.cell-4 {
  overflow-wrap: normal;
}

.products-cont {
  width: 100%;
  min-width: 0;
  max-width: 1320px;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 58px;
  padding-right: 58px;
  position: static;
  overflow: visible;
}

.slider {
  background-color: #ddd0;
  width: 100%;
  min-width: 1120px;
  max-width: 1120px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  position: static;
  overflow: hidden;
}

.slide-nav {
  display: none;
}

.icon-products {
  -webkit-text-stroke-color: #3f6b45;
  font-size: 30px;
  right: 135%;
}

.right-arrow-products {
  color: #c97b7b;
  min-height: 60px;
  max-height: 60px;
  font-size: 30px;
  inset: 0% -3% 0 auto;
}

.left-arrow-products {
  color: #c97b7b;
  min-height: 60px;
  max-height: 60px;
  font-size: 30px;
  position: absolute;
  inset: 0% auto 0% 1%;
}

.mask {
  max-width: 250px;
  margin-right: 0;
  overflow: visible;
}

.slide-terassenuberdachung {
  min-width: 250px;
  margin-right: 40px;
}

.products {
  background-color: #30453b;
  padding-top: 48px;
  padding-bottom: 48px;
  position: relative;
  right: auto;
}

.slide-2, .slide-3, .slide-4 {
  margin-right: 20px;
}

.slide-5 {
  margin-right: 20px;
  overflow: visible;
}

.slide-6 {
  margin-right: 20px;
}

.div-block-terassenuberdachung {
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.image-terassenuberdachung {
  filter: brightness(58%);
  border-radius: 12px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), filter .45s;
}

.image-terassenuberdachung:hover {
  filter: brightness(75%);
  transform: scale(1.06);
}

.button-7 {
  clear: none;
  text-align: center;
  vertical-align: baseline;
  background-color: #3f6b45;
  border-radius: 9px;
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  font-size: 16px;
  position: absolute;
  inset: auto 0% 13%;
}

.h3-terassenuberdachung {
  color: var(--third-text-color);
  text-align: center;
  font-size: 20px;
  position: absolute;
  inset: auto 0% 26%;
}

.icon-2-products {
  -webkit-text-stroke-color: #3f6b45;
}

.h2-products {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 20px;
}

.advantades-container {
  width: 100%;
  max-width: 1439px;
  min-height: 600px;
}

.quick-stack-advantades-2 {
  align-self: center;
}

.image-advantades {
  align-self: stretch;
}

.h3-heading-1 {
  margin-top: 0;
  margin-bottom: 0;
}

.image-icon-1, .image-icon-2 {
  max-width: 50px;
  max-height: 50px;
}

.advantades-text-main {
  flex: 0 auto;
}

.div-block-191 {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a981231f5a1eab384648c03_brigade-background-clean-1600-final.png");
  background-position: 50% 35%;
  background-size: auto;
  width: 100%;
  min-width: 1439px;
  max-width: 1439px;
  min-height: 700px;
  position: relative;
  overflow: visible;
}

.div-block-team-card {
  z-index: 2;
  background-color: var(--third-text-color);
  border-radius: 20px;
  outline-width: 0;
  width: 100%;
  max-width: 760px;
  min-height: 300px;
  padding-left: 35px;
  padding-right: 19px;
  position: absolute;
  inset: 49% -28px 10% 6%;
}

.h2-team-1 {
  color: #e59f70;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 0;
  font-size: 15px;
}

.slide-kaltwintergarten {
  min-width: 250px;
  margin-right: 40px;
}

.div-block-kaltwintergarten {
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.image-kaltwintergarten {
  filter: brightness(58%);
  border-radius: 12px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), filter .45s;
}

.image-kaltwintergarten:hover {
  filter: brightness(75%);
  transform: scale(1.06);
}

.h3-kaltwintergarten {
  color: var(--third-text-color);
  text-align: center;
  font-size: 20px;
  position: absolute;
  inset: auto 0% 26%;
}

.slide-lamellendacher {
  min-width: 250px;
  margin-right: 40px;
}

.div-block-lamellendacher {
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.image-lamellendacher {
  filter: brightness(58%);
  border-radius: 12px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), filter .45s;
}

.image-lamellendacher:hover {
  filter: brightness(75%);
  transform: scale(1.06);
}

.h3-lamellendacher {
  color: var(--third-text-color);
  text-align: center;
  font-size: 20px;
  position: absolute;
  inset: auto 0% 26%;
}

.slide-sonnenschutz {
  min-width: 250px;
  margin-right: 40px;
}

.div-block-sonnenschutz {
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.image-sonnenschutz {
  filter: brightness(58%);
  border-radius: 12px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), filter .45s;
}

.image-sonnenschutz:hover {
  filter: brightness(75%);
  transform: scale(1.06);
}

.h3-sonnenschutz {
  color: var(--third-text-color);
  text-align: center;
  font-size: 20px;
  position: absolute;
  inset: auto 0% 26%;
}

.slide-wellness-im-garten {
  min-width: 250px;
  margin-right: 40px;
}

.div-block-wellness-im-garten {
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.image-wellness-im-garten {
  filter: brightness(58%);
  border-radius: 12px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), filter .45s;
}

.image-wellness-im-garten:hover {
  filter: brightness(75%);
  transform: scale(1.06);
}

.h3-wellness-im-garten {
  color: var(--third-text-color);
  text-align: center;
  font-size: 20px;
  position: absolute;
  inset: auto 0% 26%;
}

.slide-zubehor {
  min-width: 250px;
  margin-right: 40px;
}

.div-block-zubehor {
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.image-zubehor {
  filter: brightness(58%);
  border-radius: 12px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), filter .45s;
}

.image-zubehor:hover {
  filter: brightness(75%);
  transform: scale(1.06);
}

.h3-zubehor {
  color: var(--third-text-color);
  text-align: center;
  font-size: 20px;
  position: absolute;
  inset: auto 0% 26%;
}

.h3-heading-2 {
  margin-top: 0;
  margin-bottom: 0;
}

.image-icon-3 {
  max-width: 50px;
  max-height: 50px;
}

.h3-heading-3 {
  margin-top: 0;
  margin-bottom: 0;
}

.image-icon-4 {
  max-width: 50px;
  max-height: 50px;
}

.h3-heading-4 {
  margin-top: 0;
  margin-bottom: 0;
}

.h2-team-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 5px;
  font-size: 27px;
}

.text-team-1 {
  margin-bottom: 0;
  padding-top: 10px;
  font-size: 16px;
}

.quick-stack-team {
  padding-top: 35px;
}

.image-team-icon-1 {
  max-width: 50px;
  max-height: 50px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.cell-5 {
  justify-content: flex-start;
  align-items: center;
}

.h3-text-team-icon-1 {
  text-align: center;
  font-size: 17px;
  position: absolute;
  inset: auto 0% 0%;
}

.cell-6 {
  justify-content: flex-start;
  align-items: center;
}

.div-block-team-icon-2 {
  width: 100%;
  min-height: 110px;
  position: relative;
}

.div-block-team-icon-1 {
  align-self: center;
  width: 100%;
  min-height: 110px;
  position: relative;
}

.image-team-icon-2 {
  max-width: 50px;
  max-height: 50px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.h3-text-team-icon-2 {
  text-align: center;
  font-size: 17px;
  position: absolute;
  inset: auto 0% 0%;
}

.cell-7 {
  justify-content: flex-start;
  align-items: center;
}

.div-block-team-icon-3 {
  width: 100%;
  min-height: 110px;
  position: relative;
}

.image-team-icon-3 {
  max-width: 50px;
  max-height: 50px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.h3-text-team-icon-3 {
  text-align: center;
  font-size: 17px;
  position: absolute;
  inset: auto 0% 0%;
}

.cell-8 {
  outline-width: 0;
  justify-content: center;
  align-items: center;
}

.button-team-portfolio {
  text-align: center;
  background-color: #e59e70;
  border-radius: 16px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 20px;
  position: absolute;
  inset: auto -10% 0% 10%;
}

.link-block {
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a982d563d5b1a2a576c172c_right-arrow-circular-button-outline.png");
  background-position: 0 0;
  background-size: cover;
  border-radius: 50px;
}

.div-block-button-team-portfolio {
  width: 100%;
  height: 91%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

._4-steps-container {
  text-align: center;
  outline-width: 0;
  width: 100%;
  max-width: none;
  min-height: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 48px 58px 52px;
  position: relative;
}

.h2-4steps {
  color: #30453b;
  text-align: center;
  letter-spacing: -.01em;
  outline-width: 0;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 0;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.h3-4steps {
  color: #5f5b55;
  text-align: center;
  outline-width: 0;
  width: 100%;
  max-width: 720px;
  margin: 14px auto 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.div-block-4-steps-icon {
  outline-width: 0;
  width: 100%;
  max-width: 1240px;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
}

.quick-stack-4-steps-icon {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  outline-width: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  padding: 0;
  display: grid;
}

.div-block-4-steps-icon-1 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  outline-width: 0;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 0;
  padding: 36px 26px 32px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  position: relative;
}

.div-block-4-steps-icon-1:hover {
  border-color: #b88a45;
  transform: translate(0, -6px);
  box-shadow: 0 18px 40px #1717171f;
}

.div-block-4-steps-icon-2, .div-block-4-steps-icon-3, .div-block-4-steps-icon-4 {
  width: 100%;
}

.image-4-steps-icon-1 {
  outline-width: 0;
  width: 60px;
  max-width: 60px;
  height: 60px;
  max-height: 60px;
  margin: 0 auto 22px;
  display: block;
  position: relative;
  inset: auto;
}

.h3-4s-icon-2 {
  color: #171717;
  text-align: center;
  letter-spacing: .03em;
  text-transform: uppercase;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
  position: static;
  inset: auto;
}

.text-4s-icon-2 {
  color: #5f5b55;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
  inset: auto;
}

.div-block-4-steps-icon-1-copy {
  width: 100%;
  min-height: 200px;
  position: relative;
}

.div-block-4-steps-icon-22 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 0;
  padding: 36px 26px 32px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  position: relative;
}

.div-block-4-steps-icon-22:hover {
  border-color: #b88a45;
  transform: translate(0, -6px);
  box-shadow: 0 18px 40px #1717171f;
}

.image-4-steps-icon-2 {
  width: 60px;
  max-width: 60px;
  height: 60px;
  max-height: 60px;
  margin: 0 auto 22px;
  display: block;
  position: relative;
  inset: auto;
}

.text-4s-icon-1 {
  color: #5f5b55;
  text-align: center;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
  inset: auto;
}

.div-block-4-steps-icon-33 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 0;
  padding: 36px 26px 32px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  position: relative;
}

.div-block-4-steps-icon-33:hover {
  border-color: #b88a45;
  transform: translate(0, -6px);
  box-shadow: 0 18px 40px #1717171f;
}

.image-4-steps-icon-3 {
  width: 60px;
  max-width: 60px;
  height: 60px;
  max-height: 60px;
  margin: 0 auto 22px;
  display: block;
  position: relative;
  inset: auto;
}

.h3-4s-icon-3 {
  color: #171717;
  text-align: center;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
  position: static;
  inset: auto;
}

.text-4s-icon-3 {
  color: #5f5b55;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
  inset: auto;
}

.div-block-4-steps-icon-44 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 0;
  padding: 36px 26px 32px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  position: relative;
}

.div-block-4-steps-icon-44:hover {
  border-color: #b88a45;
  transform: translate(0, -6px);
  box-shadow: 0 18px 40px #1717171f;
}

.image-4-steps-icon-4 {
  object-fit: contain;
  background-color: #0000;
  border-radius: 0;
  width: 60px;
  max-width: 60px;
  height: 60px;
  max-height: 60px;
  margin: 0 auto 22px;
  padding: 0;
  display: block;
  position: relative;
  inset: auto;
}

.h3-4s-icon-4 {
  color: #171717;
  text-align: center;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
  position: static;
  inset: auto;
}

.text-4s-icon-4 {
  color: #5f5b55;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
  inset: auto;
}

.button-4-steps {
  color: #f7f5f0;
  text-align: center;
  letter-spacing: .01em;
  background-color: #30453b;
  border: 1px solid #4d765d;
  border-radius: 9px;
  outline-width: 0;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 52px;
  margin-left: 0;
  margin-right: 0;
  padding: 17px 38px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .3s, color .3s, border-color .3s, transform .3s cubic-bezier(.22, .61, .36, 1);
  display: inline-block;
  position: relative;
  inset: auto;
}

.button-4-steps:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  transform: translate(0, -2px);
}

.div {
  background-color: #c07373;
  align-self: center;
  width: 100%;
  max-width: 1140px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: visible;
}

.heading-11 {
  text-align: center;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.section-2 {
  padding-left: 0;
  padding-right: 0;
}

.reviews {
  align-self: stretch;
}

.winterterrassend-cher {
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab8185c6d6a2d249a676931_kaltwintergarten-hero-16x9-product-right-under-4mb.jpg");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  max-width: none;
  min-height: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.terrassend-cher-card {
  z-index: 1;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #201f1dbd;
  border-radius: 13px;
  width: 600px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 45px;
  position: absolute;
  inset: 20% auto auto 4%;
}

.h1-offer-terrassend-cher {
  z-index: 1;
  color: #d8c7ae;
  -webkit-text-stroke-color: #d8c7ae;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: DM Sans, sans-serif;
  font-size: 21px;
  line-height: 24px;
}

.h1-offer-terrassend-cher.kr-hero-h1 {
  color: #d8c7ae;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 22px;
}

.h2-offer-terrassend-cher {
  z-index: 1;
  color: #dddad2;
  -webkit-text-stroke-color: #dddad2;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 3px;
  font-size: 50px;
  font-weight: 500;
  line-height: 50px;
}

.h2-offer-terrassend-cher.manrope {
  z-index: 1;
  color: #fff;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 52px;
}

.h2-offer-terrassend-cher-2 {
  z-index: 1;
  color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 50px;
  font-weight: 500;
  line-height: 48px;
}

.h2-offer-terrassend-cher-2.highlight {
  z-index: 1;
  color: #fff;
  text-transform: uppercase;
  border: 0 solid #4d765d;
  border-bottom-width: 3px;
  border-radius: 0;
  margin-top: 12px;
  padding: 0 0 6px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 44px;
  display: inline-block;
}

.h3-offer-terrassend-cher {
  z-index: 1;
  color: #dddad2;
  width: 61%;
  font-size: 20px;
  font-weight: 400;
}

.h3-offer-terrassend-cher.full-width {
  z-index: 1;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 0;
}

.quick-stack-offer-terrassend-cher {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 18px 0 14px;
}

.div-block-button-offer-terrassend-cher {
  z-index: 1;
  text-align: left;
  width: 100%;
}

.button-8 {
  z-index: 1;
  text-align: center;
  vertical-align: baseline;
  background-color: #b88b46;
  border-radius: 9px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 110%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  display: block;
}

.button-8:hover {
  outline-width: 0;
}

.button-8.deep-forest {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-8.deep-forest:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  outline-width: 0;
}

.button-8.slide-pos {
  z-index: 2;
  width: fit-content;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 13%;
}

.button-8.deep-forest-slide {
  z-index: 2;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: fit-content;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: block;
  position: absolute;
  inset: auto 0% 13%;
}

.button-8.deep-forest-center {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: fit-content;
  max-width: none;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: block;
}

.button-8.deep-forest-left {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  max-width: none;
  margin-top: 32px;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-8.sand-left {
  z-index: 1;
  color: #30453b;
  white-space: nowrap;
  background-color: #f7f5f0;
  border-style: none;
  width: auto;
  max-width: none;
  margin-top: 52px;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 30px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-8.sand-left:hover {
  background-color: #d8c7ae;
}

.button-8.deep-forest-kr {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  padding: 14px 26px;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-8.sand-bl {
  color: #30453b;
  text-align: center;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  flex-grow: 0;
  align-self: center;
  width: auto;
  max-width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 34px;
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  display: inline-block;
  position: static;
  left: auto;
  right: auto;
}

.button-8.sand-bl:hover {
  background-color: #f7f5f0;
  border-color: #f7f5f0;
  transform: translateY(-2px);
}

.button-8.hm-stat-fill {
  color: #30453b;
  text-align: center;
  background-color: #d8c7ae;
  border: 1px solid #d8c7ae;
  border-radius: 16px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
  position: static;
}

.cell-9 {
  justify-content: center;
  align-items: center;
}

.text-offer-terrassend-cher {
  color: #dddad2;
  margin-bottom: 0;
  font-size: 16px;
}

.cell-10 {
  z-index: 1;
  justify-content: center;
  align-items: center;
}

.text-offer-terrassend-cher-1 {
  z-index: 1;
  color: #dddad2;
  outline-width: 0;
  font-size: 16px;
  text-decoration: none;
}

.text-offer-terrassend-cher-1:hover {
  outline-width: 0;
}

.text-offer-terrassend-cher-1.outline {
  z-index: 1;
  color: #f7f5f0;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #d8c7ae;
  border-radius: 9px;
  outline-width: 0;
  width: auto;
  margin-left: 0;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  transition: background-color .3s, color .3s, border-color .3s;
  display: inline-block;
}

.text-offer-terrassend-cher-1.outline:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  outline-width: 0;
}

.text-offer-terrassend-cher-1.outline-lamellend-cher {
  color: #f7f5f0;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #d8c7ae;
  border-radius: 9px;
  width: auto;
  margin-left: 0;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  transition: background-color .3s, color .3s, border-color .3s;
  display: inline-block;
}

.text-offer-terrassend-cher-1.outline-lamellend-cher:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
}

.text-offer-terrassend-cher-1.outline-wellness {
  color: #f7f5f0;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #d8c7ae;
  border-radius: 9px;
  width: auto;
  margin-left: 0;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  transition: background-color .3s, color .3s, border-color .3s;
  display: inline-block;
}

.text-offer-terrassend-cher-1.outline-wellness:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
}

.quick-stack-offer-terrassend-cher-2 {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 14px 0 0;
}

.offer-terrassend-cher-icon-3 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  outline-width: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-offer-terrassend-cher-icon-3 {
  outline-width: 0;
  width: 30px;
  height: 30px;
}

.text-offer-terrassend-cher-icon-3 {
  color: #dddad2;
  text-align: left;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 100;
}

.cell-11, .cell-12, .cell-13 {
  justify-content: center;
  align-items: center;
}

.offer-terrassend-cher-icon-1 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  outline-width: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-offer-terrassend-cher-icon-1 {
  outline-width: 0;
  width: 30px;
  height: 30px;
}

.text-offer-terrassend-cher-icon-1 {
  color: #dddad2;
  text-align: left;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 100;
}

.offer-terrassend-cher-icon-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  outline-width: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-offer-terrassend-cher-icon-2 {
  outline-width: 0;
  width: 30px;
  height: 30px;
}

.text-offer-terrassend-cher-icon-2 {
  color: #dddad2;
  text-align: left;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 100;
}

.product-types-container {
  outline-width: 0;
  width: 100%;
  max-width: 1439px;
  min-height: 650px;
  padding: 36px 58px;
}

.product-types-container.pt-full {
  outline-width: 0;
  max-width: none;
}

.product-types-container.pt-full-lamellend-cher, .product-types-container.pt-full-markise {
  max-width: none;
}

.h2-product-types {
  color: #30453b;
  text-align: left;
  letter-spacing: -.01em;
  text-transform: uppercase;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.text-product-types-1 {
  color: #5f5b55;
  outline-width: 0;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.line-product-types {
  border-bottom: 3px solid #b88b46;
  outline-width: 0;
  width: 100px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.line-product-types.pt-line-green {
  border-bottom-color: #4d765d;
  outline-width: 0;
}

.line-product-types.pt-line-green-lamellend-cher, .line-product-types.pt-line-green-markise, .line-product-types.pt-line-green-wellness {
  border-bottom-color: #4d765d;
}

.quick-stack-product-types {
  outline-width: 0;
  padding: 22px 0;
}

.product-type-1 {
  width: 100%;
  height: 100%;
  min-height: 400px;
  position: relative;
}

.image-product-type-1 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

.product-type-1-card {
  z-index: 1;
  background-color: #0000;
  border: 0 #b88b46;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 22px 24px 24px;
  display: flex;
  position: relative;
  inset: auto;
}

.quick-stack-product-type-1 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  padding: 0;
}

.div-block-product-type-1 {
  align-self: flex-start;
}

.image-product-type-11 {
  max-width: 45px;
}

.cell-14 {
  justify-content: center;
  align-items: center;
}

.div-block-product-type-11 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.h3-product-type-11 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.cell-15 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
}

.div-block-line-1 {
  background-color: #b88b46;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50px;
  height: 2px;
  position: absolute;
  inset: auto auto 38% 27.5%;
}

.quick-stack-product-type-11 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.cell-16 {
  justify-content: center;
  align-items: center;
}

.div-block-product-type-2 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.h3-product-type-1 {
  text-align: center;
  margin: 0 auto;
  font-size: 22px;
}

.div-block-product-type-12 {
  align-self: flex-start;
  position: relative;
}

.image-product-type-12 {
  max-width: 45px;
  position: absolute;
  top: -53px;
  left: 4px;
}

.product-type-2 {
  width: 100%;
  height: 100%;
  min-height: 400px;
  position: relative;
}

.image-product-type-2 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

.product-type-2-card {
  z-index: 1;
  background-color: #0000;
  border: 0 #b88b46;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 22px 24px 24px;
  display: flex;
  position: relative;
  inset: auto;
}

.quick-stack-product-type-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  padding: 0;
}

.div-block-product-type-22 {
  align-self: flex-start;
}

.image-product-type-22 {
  max-width: 45px;
}

.div-block-product-type-2-copy, .div-block-product-type-222 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.h3-product-type-2 {
  text-align: center;
  margin: 0 auto;
  font-size: 22px;
}

.div-block-line-2 {
  background-color: #b88b46;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50px;
  height: 2px;
  position: absolute;
  inset: auto auto 38% 27.5%;
}

.quick-stack-product-type-22 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-product-type-21 {
  text-align: left;
  outline-width: 0;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.h3-product-type-21 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.div-block-product-type-211 {
  align-self: flex-start;
  position: relative;
}

.image-product-type-211 {
  max-width: 45px;
  position: absolute;
  top: -53px;
  left: 4px;
}

.product-type-3 {
  width: 100%;
  height: 100%;
  min-height: 400px;
  position: relative;
}

.product-type-3.pt-card-markise {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  height: auto;
  min-height: 0;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-type-3.pt-card-markise:hover {
  border-color: #b88a45;
  transform: translate(0, -8px);
  box-shadow: 0 20px 44px #17171724;
}

.product-type-3.pt-card-wellness {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  outline-width: 0;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  height: auto;
  min-height: 0;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-type-3.pt-card-wellness:hover {
  border-color: #b88a45;
  transform: translate(0, -8px);
  box-shadow: 0 20px 44px #17171724;
}

.image-product-type-3 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

.product-type-3-card {
  z-index: 1;
  background-color: #0000;
  border: 0 #b88b46;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 22px 24px 24px;
  display: flex;
  position: relative;
  inset: auto;
}

.quick-stack-product-type-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  outline-width: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: grid;
  position: relative;
}

.div-block-product-type-33 {
  align-self: flex-start;
}

.image-product-type-33 {
  max-width: 45px;
}

.div-block-product-type-333 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.h3-product-type-3 {
  text-align: center;
  margin: 0 auto;
  font-size: 22px;
}

.div-block-line-3 {
  background-color: #b88b46;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50px;
  height: 2px;
  position: absolute;
  inset: auto auto 38% 27.5%;
}

.quick-stack-product-type-33 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-product-type-31 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.h3-product-type-31 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.div-block-product-type-311 {
  align-self: flex-start;
  position: relative;
}

.image-product-type-311 {
  max-width: 45px;
  position: absolute;
  top: -53px;
  left: 4px;
}

.image-product-type-311.pt-arrow-markise {
  width: 20px;
  max-width: none;
  height: 20px;
  display: block;
  position: relative;
  top: auto;
  left: auto;
}

.product-type-4 {
  width: 100%;
  height: 100%;
  min-height: 400px;
  position: relative;
}

.image-product-type-4 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

.product-type-4-card {
  z-index: 1;
  background-color: #0000;
  border: 0 #b88b46;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 22px 24px 24px;
  display: flex;
  position: relative;
  inset: auto;
}

.quick-stack-product-type-4 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  padding: 0;
}

.div-block-product-type-44 {
  align-self: flex-start;
}

.image-product-type-44 {
  max-width: 45px;
}

.div-block-product-type-444 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.h3-product-type-4 {
  text-align: center;
  margin: 0 auto;
  font-size: 22px;
}

.div-block-line-4 {
  background-color: #b88b46;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50px;
  height: 2px;
  position: absolute;
  inset: auto auto 38% 27.5%;
}

.quick-stack-product-type-44 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-product-type-41 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.h3-product-type-31-copy {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.div-block-product-type-411 {
  align-self: flex-start;
  position: relative;
}

.image-product-type-411 {
  max-width: 45px;
  position: absolute;
  top: -53px;
  left: 4px;
}

._01-advantades {
  z-index: 1;
  overflow: hidden;
}

._01-advantades-container {
  z-index: 1;
  width: 100%;
  max-width: none;
  position: relative;
}

.quick-stack-01-advantades {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

._01-advantades-t1 {
  z-index: 1;
  width: 100%;
  position: relative;
}

._01-advantades-t1.zb-zoom-wrap {
  overflow: hidden;
}

.image-01-advantades-t1 {
  z-index: 1;
  width: 100%;
}

.image-01-advantades-t1.zb-zoom-img {
  transform-origin: 50% 38%;
  transform: scale(1.4);
}

.text-01-advantades-t1 {
  z-index: 1;
  color: #30453b;
  margin-top: -35px;
  margin-left: -11px;
  font-family: Manrope, sans-serif;
  font-size: 130px;
  font-weight: 200;
  position: absolute;
  inset: 6% auto auto 7%;
}

.text-2-01-advantades-t1 {
  z-index: 1;
  color: #30453b;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-top: -15px;
  margin-bottom: 0;
  padding-top: 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  inset: 180px auto auto 7%;
}

.text-2-01-advantades-t1.zb-label-right {
  margin-top: 26px;
  margin-left: -165px;
  top: calc(6% + 66px);
  left: calc(7% + 165px);
}

.text-2-01-advantades-t1.wl-label-under {
  margin-top: 0;
  margin-left: 0;
  top: calc(6% + 100px);
  left: 7%;
}

._01-advantades-t2 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

._01-advantades-t2-copy {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 32px 24px 32px 80px;
  display: flex;
  position: relative;
}

.h2-01-advantades-t2 {
  width: 80%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Merriweather, serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 65px;
}

.div-block-193-space {
  min-height: 57px;
}

.text-01-advantades-t2 {
  width: 70%;
  margin-bottom: 0;
  padding-top: 22px;
  padding-bottom: 22px;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 31px;
}

.div-block-194-space {
  min-height: 60px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 0;
}

.quick-stack-01-advantages-t2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #4f786166;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 36px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 68%;
  padding: 12px 0;
  display: flex;
}

.cell-17 {
  outline-width: 0;
  justify-content: center;
  align-items: flex-start;
}

._01-advantades-t2-icon {
  outline-width: 0;
}

.image-01-advantades-t2-icon {
  outline-width: 0;
  flex-shrink: 0;
  width: 28px;
  max-width: none;
  height: 28px;
  margin-right: 12px;
}

._01-advantades-t2-text-1, ._01-advantades-t2-text-1-copy {
  width: 100%;
}

._01-advantades-t2-text-11 {
  width: 100%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.cell-18 {
  outline-width: 0;
  justify-content: center;
  align-items: flex-start;
}

._01-advantades-t2-text-2 {
  width: 100%;
}

._01-advantades-t2-text-12 {
  width: 100%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

._01-advantades-t2-text-3 {
  outline-width: 0;
  width: 100%;
}

._01-advantades-t2-text-13 {
  color: #171717;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Serif Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

._01-advantades-t2-text-4 {
  width: 100%;
}

._01-advantades-t2-text-14 {
  width: 101%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.quick-01-advantages-t2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #4f786166;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 36px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 68%;
  padding: 12px 0;
  display: flex;
}

.image-105-1-icon {
  z-index: 1;
  height: 550px;
  margin-right: -82px;
  position: absolute;
  inset: 14% -8% auto auto;
  -webkit-mask-image: linear-gradient(90deg, #000 45%, #0000 100%);
  mask-image: linear-gradient(90deg, #000 45%, #0000 100%);
}

.div-block-1934-space {
  min-height: 25px;
}

._02-advantades {
  outline-width: 0;
  overflow: hidden;
}

._02-advantades-container {
  z-index: 1;
  outline-width: 0;
  width: 100%;
  max-width: none;
  position: relative;
}

.quick-stack-02-advantades {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  outline-width: 0;
  padding: 0;
}

._02-advantades-t1 {
  outline-width: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.image-02-advantades-t1 {
  text-align: left;
  outline-width: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}

.text-02-advantades-t1 {
  color: #30453b;
  outline-width: 0;
  margin-right: -32px;
  padding-right: 0;
  font-family: Manrope, sans-serif;
  font-size: 130px;
  font-weight: 200;
  position: absolute;
  inset: 6% 7% auto auto;
}

.text-02-advantades-t1.kw-white-num {
  color: #fff;
  outline-width: 0;
}

.text-2-02-advantades-t1 {
  color: #30453b;
  text-align: right;
  letter-spacing: .14em;
  text-transform: uppercase;
  outline-width: 0;
  margin-bottom: 0;
  margin-right: -26px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  inset: 25% 7% auto 0%;
}

.text-2-02-advantades-t1.kw-white-label {
  color: #fff;
}

.cell-19 {
  outline-width: 0;
  justify-content: center;
  align-items: flex-end;
}

._02-advantades-t2-copy {
  outline-width: 0;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 32px 24px 32px 200px;
  display: flex;
  position: relative;
}

._02-advantades-t2-copy.adv-copy-portfolio {
  outline-width: 0;
  padding-left: 80px;
}

.div-block-1933-space {
  outline-width: 0;
  min-height: 57px;
}

.h2-02-advantades-t2 {
  color: #30453b;
  letter-spacing: -.01em;
  outline-width: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  padding-left: 0;
  font-family: Manrope, sans-serif;
  font-size: 42px;
  font-weight: 800;
  line-height: 50px;
}

.h2-02-advantades-t2.adv-h2-portfolio {
  width: 80%;
}

.div-block-19344-space {
  min-height: 25px;
}

.text-02-advantades-t2 {
  color: #5f5b55;
  outline-width: 0;
  width: 88%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.text-02-advantades-t2.adv-text-portfolio {
  width: 68%;
}

.div-block-02-advantades-t2 {
  outline-width: 0;
  width: 100%;
  min-height: 0;
  margin-top: 24px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.div-block-01-advantades-t2 {
  width: 100%;
  min-height: 0;
  margin-top: 24px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.image-105-2-icon {
  z-index: 1;
  outline-width: 0;
  height: 550px;
  position: absolute;
  inset: auto auto -8% -33%;
  -webkit-mask-image: linear-gradient(270deg, #000 20%, #0000 52%);
  mask-image: linear-gradient(270deg, #000 20%, #0000 52%);
}

._02-advantades-t2-text-1 {
  outline-width: 0;
  width: 100%;
}

._02-advantades-t2-text-11 {
  color: #171717;
  outline-width: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Serif Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.quick-stack-02-advantages-t2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #4f786166;
  outline-width: 0;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 36px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 88%;
  padding: 12px 0;
  display: flex;
}

.quick-stack-022-advantages-t2, .quick-stack-023-advantages-t2, .quick-02-advantages-t2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #4f786166;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 36px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 88%;
  padding: 12px 0;
  display: flex;
}

._02-advantades-t2-text-2 {
  width: 100%;
}

._02-advantades-t2-text-12 {
  color: #171717;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Serif Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

._02-advantades-t2-text-3 {
  outline-width: 0;
  width: 100%;
}

._02-advantades-t2-text-13 {
  color: #171717;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Serif Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

._02-advantades-t2-text-4 {
  width: 100%;
}

._02-advantades-t2-text-14 {
  color: #171717;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Serif Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.gallery-terrassendacher-container {
  z-index: 1;
  width: 100%;
  max-width: none;
  padding: 48px 0;
}

.tabs-gallery-terrassendacher {
  z-index: 1;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.h2-gallery-terrassendacher {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

.tabs-menu-gallery-terrassendacher {
  z-index: 1;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
}

.tab-link-terrassend-cher {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-terrassend-cher:hover {
  color: #171717;
  background-color: #d8c7ae;
}

.tab-link-terrassend-cher.w--current {
  background-color: #b88b46;
  border-radius: 8px;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
}

.tab-link-carport {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-carport:hover {
  color: #171717;
  background-color: #d8c7ae;
}

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

.tab-link-freistehend {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-freistehend:hover {
  color: #171717;
  background-color: #d8c7ae;
}

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

.tab-link-vordach {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-vordach:hover {
  color: #171717;
  background-color: #d8c7ae;
}

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

.quick-stack-1-tab-pane-terrassend-cher {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 10px 0 8px;
}

.quick-stack-2-tab-pane-terrassend-cher {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 0 0 8px;
}

.quick-stack-3-tab-pane-terrassend-cher {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 0 0 10px;
}

.div-block-image-1-gallery-terrassendacher, .div-block-image-2-gallery-terrassendacher {
  width: 100%;
}

.image-1-gallery-terrassendacher {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  height: 300px;
}

.image-1-gallery-terrassendacher.kw-pos-top {
  object-position: 50% 10%;
}

.image-1-gallery-terrassendacher.wandmontage-pos {
  object-position: 50% 38%;
}

.image-2-gallery-terrassendacher {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  height: 300px;
}

.div-block-image-3-gallery-terrassendacher {
  width: 100%;
}

.image-3-gallery-terrassendacher {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  height: 300px;
}

.div-block-image-4-gallery-terrassendacher {
  width: 100%;
}

.image-4-gallery-terrassendacher {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  height: 300px;
}

.div-block-image-5-gallery-terrassendacher {
  width: 100%;
}

.image-5-gallery-terrassendacher {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  height: 300px;
}

.div-block-image-6-gallery-terrassendacher {
  width: 100%;
}

.image-6-gallery-terrassendacher {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  height: 300px;
}

.div-block-image-7-gallery-terrassendacher {
  width: 100%;
}

.image-7-gallery-terrassendacher {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  height: 300px;
}

.quick-stack-1-tab-pane-carport {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 10px 0 8px;
}

.quick-stack-2-tab-pane-carport {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 0 0 8px;
}

.quick-stack-3-tab-pane-carport {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 0 0 10px;
}

.quick-stack-1-tab-pane-freistehend {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 10px 0 8px;
}

.quick-stack-2-tab-pane-freistehend {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 0 0 8px;
}

.quick-stack-3-tab-pane-freistehend {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 0 0 10px;
}

.quick-stack-1-tab-pane-vordach {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 10px 0 8px;
}

.quick-stack-2-tab-pane-vordach {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 0 0 8px;
}

.quick-stack-3-tab-pane-vordach {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 0 0 10px;
}

.button-9 {
  text-align: center;
  vertical-align: baseline;
  background-color: #b88b46;
  border-radius: 9px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  display: block;
}

.h2-offer-terrassend-cher-3 {
  color: #dddad2;
  -webkit-text-stroke-color: #dddad2;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 3px;
  font-size: 50px;
  font-weight: 500;
  line-height: 50px;
}

.quick-stack-offer-terrassend-cher-3 {
  padding: 22px 0 0;
}

.cell-20 {
  z-index: 1;
  border-bottom: 0 #b88b46;
  justify-content: center;
  align-items: center;
}

.wintergarten-container {
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48fd_2024-08-27_boldterrassendach.de_Referenzen-gro%C3%9Fes%20Terrassendach%20alle%20seiten%20offen.webp");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  max-width: 1439px;
  min-height: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.wintergarten-card {
  background-color: #171717e6;
  border-radius: 13px;
  width: 600px;
  height: 550px;
  margin-left: auto;
  margin-right: auto;
  padding: 22px 45px 24px;
  position: absolute;
  inset: 12% auto auto 4%;
}

.h1-offer-wintergarten {
  color: #b88b46;
  -webkit-text-stroke-color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 21px;
}

.h2-offer-wintergarten-3 {
  color: #dddad2;
  -webkit-text-stroke-color: #dddad2;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 3px;
  font-size: 50px;
  font-weight: 500;
  line-height: 50px;
}

.h2-offer-wintergarten-2 {
  color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 50px;
  font-weight: 500;
  line-height: 48px;
}

.h3-offer-wintergarten {
  color: #dddad2;
  width: 65%;
  font-size: 20px;
  font-weight: 400;
}

.quick-stack-offer-wintergarten {
  padding: 25px 0;
}

.quick-stack-offer-wintergarten-2 {
  padding: 22px 0 0;
}

.div-block-button-offer-wintergarten {
  width: 100%;
}

.button-offer-wintergarten {
  text-align: center;
  vertical-align: baseline;
  background-color: #b88b46;
  border-radius: 9px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  display: block;
}

.text-offer-wintergarten-1 {
  color: #dddad2;
  font-size: 16px;
  text-decoration: none;
}

.offer-wintergarten-icon-1 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-offer-wintergarten-icon-1 {
  width: 30px;
  height: 30px;
}

.text-offer-wintergarten-icon-1 {
  color: #dddad2;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 100;
}

.offer-wintergarten-icon-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-offer-wintergarten-icon-2 {
  width: 30px;
  height: 30px;
}

.text-offer-wintergarten-icon-2 {
  color: #dddad2;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 100;
}

.offer-wintergarten-icon-3 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-offer-wintergarten-icon-3 {
  width: 30px;
  height: 30px;
}

.text-offer-wintergarten-icon-3 {
  color: #dddad2;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 100;
}

.image-product-type-412 {
  max-width: 45px;
}

.quick-stack-product-type-45 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-product-type-445, .div-block-product-type-446 {
  align-self: flex-start;
}

.cell-21 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
}

.div-block-product-type-447 {
  align-self: flex-start;
  position: relative;
}

.image-product-type-413 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

.div-block-product-type-448 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.quick-stack-product-type-46 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-product-type-449 {
  align-self: flex-start;
  position: relative;
}

.quick-stack-product-type-47 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.image-product-type-414 {
  max-width: 45px;
}

.image-product-type-415 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

.div-block-product-type-450 {
  align-self: flex-start;
  position: relative;
}

.quick-stack-product-type-48 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.image-product-type-416 {
  max-width: 45px;
}

.div-block-product-type-451 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.image-product-type-417 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

.div-block-product-type-452 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.h3-product-type-32, .h3-product-type-33 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.div-block-product-type-453 {
  align-self: flex-start;
}

.div-block-product-type-454 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.image-product-type-418 {
  max-width: 45px;
}

.div-block-product-type-455 {
  align-self: flex-start;
}

.h3-product-type-34 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.image-product-type-419 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

.div-block-product-type-456 {
  align-self: flex-start;
  position: relative;
}

.h2-product-types-wintergarten {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 65px;
  font-weight: 400;
}

.h3-product-type-1-wintergarten {
  text-align: left;
  margin: 0 auto;
  font-size: 22px;
}

.h3-product-type-11-wintergarten {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.h3-product-type-2-wintergarten, .h3-product-type-3-wintergarten, .h3-product-type-4-wintergarten {
  text-align: left;
  margin: 0 auto;
  font-size: 22px;
}

.h3-product-type-41-wintergarten, .h3-product-type-31-wintergarten, .h3-product-type-21-wintergarten {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.div-block-line-1-wintergarten {
  background-color: #b88b46;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50px;
  height: 1px;
  position: absolute;
  inset: auto auto 38% 24%;
}

.div-block-line-3-copy, .div-block-line-3-copy-copy {
  background-color: #b88b46;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50px;
  height: 2px;
  position: absolute;
  inset: auto auto 38% 27.5%;
}

.div-block-line-4-wintergarten, .div-block-line-3-wintergarten, .div-block-line-2-wintergarten {
  background-color: #b88b46;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50px;
  height: 1px;
  position: absolute;
  inset: auto auto 38% 24%;
}

.div-block-4-steps-icon-45 {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-4-steps-icon-46, .div-block-4-steps-icon-47, .div-block-4-steps-icon-48 {
  width: 100%;
  min-height: 200px;
  position: relative;
}

._4-steps-2 {
  background-color: #f4f5f0;
  outline-width: 0;
  align-self: stretch;
}

.div-block-4-steps-icon-49 {
  width: 100%;
  min-height: 200px;
  position: relative;
}

.text-4s-icon-5 {
  text-align: center;
  font-size: 16px;
  position: absolute;
  inset: auto 0% 7%;
}

.cell-22 {
  outline-width: 0;
  justify-content: center;
  align-items: flex-start;
}

._01-advantades-t2-text-15 {
  width: 101%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.cell-23 {
  outline-width: 0;
  justify-content: center;
  align-items: flex-start;
}

.cell-24 {
  justify-content: center;
  align-items: flex-start;
}

.cell-25 {
  justify-content: center;
  align-items: flex-end;
}

._02-advantades-t2-text-15 {
  width: 104%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
}

.cell-26 {
  justify-content: center;
  align-items: flex-start;
}

.gallery-wintergarten-container {
  width: 100%;
  max-width: 1439px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.h2-gallery-wintergarten {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

.tabs-gallery-wintergarten {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

.tabs-menu-gallery-wintergarten {
  position: absolute;
  top: -11px;
}

.tab-link-wandmontage {
  z-index: 1;
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-wandmontage:hover {
  z-index: 1;
  color: #171717;
  background-color: #d8c7ae;
}

.tab-link-wandmontage.w--current {
  background-color: #b88b46;
  border-radius: 8px;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
}

.tab-link-cube-berdachung {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-cube-berdachung:hover {
  color: #171717;
  background-color: #d8c7ae;
}

.tab-link-cube-berdachung.w--current {
  background-color: #b88b46;
}

.tab-link-kw-freistehend {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-kw-freistehend:hover {
  color: #171717;
  background-color: #d8c7ae;
}

.tab-link-kw-freistehend.w--current {
  background-color: #b88b46;
}

.tab-link-schiebeanlage {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-schiebeanlage:hover {
  color: #171717;
  background-color: #d8c7ae;
}

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

.h2-offer-terrassend-cher-4 {
  color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 50px;
  font-weight: 500;
  line-height: 48px;
}

.quick-stack-offer-terrassend-cher-4 {
  padding: 25px 0;
}

.button-10 {
  color: #dddad2;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #30453b;
  border: 1px solid #4d765d;
  border-radius: 9px;
  outline-width: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-10:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
}

.cell-27 {
  border-bottom: 0 #b88b46;
  outline-width: 0;
  justify-content: center;
  align-items: center;
}

.markise-container {
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab8394bfc48dd534c299e57_markise-hero-sunset-right-wide-under-4mb%20(1).jpg");
  background-position: 0 0;
  background-size: cover;
  outline-width: 0;
  width: 100%;
  max-width: none;
  min-height: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.markise-card {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #201f1dbd;
  border-radius: 13px;
  outline-width: 0;
  width: 600px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 45px;
  position: absolute;
  inset: 20% auto auto 4%;
}

.h1-offer-markise {
  color: #d8c7ae;
  -webkit-text-stroke-color: #b88b46;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: DM Sans, sans-serif;
  font-size: 21px;
  line-height: 24px;
}

.h2-offer-markise-3 {
  color: #fff;
  letter-spacing: .02em;
  -webkit-text-stroke-color: #dddad2;
  text-transform: uppercase;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 52px;
}

.h2-offer-markise-2 {
  color: #fff;
  text-transform: uppercase;
  border-bottom: 3px solid #4d765d;
  outline-width: 0;
  margin-top: 12px;
  margin-bottom: 0;
  padding: 0 0 6px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 44px;
  display: inline-block;
}

.h3-offer-markise {
  color: #dddad2;
  outline-width: 0;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
}

.quick-stack-offer-markise-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  outline-width: 0;
  padding: 18px 0 14px;
}

.div-block-button-offer-markise {
  text-align: left;
  outline-width: 0;
  width: 100%;
}

.text-offer-markise-1 {
  color: #f7f5f0;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #d8c7ae;
  border-radius: 9px;
  outline-width: 0;
  width: auto;
  margin-left: 0;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .3s, color .3s, border-color .3s;
  display: inline-block;
}

.text-offer-markise-1:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
}

.quick-stack-offer-markise-2 {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  outline-width: 0;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 14px 0 0;
}

.div-block-product-type-457 {
  text-align: left;
  align-self: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cell-28 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
}

.image-product-type-420 {
  max-width: 45px;
}

.div-block-product-type-458 {
  align-self: flex-start;
  display: none;
}

.div-block-product-type-459 {
  text-align: left;
  align-self: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-product-type-460 {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: background-color .35s, border-color .35s;
  display: flex;
  position: relative;
}

.image-product-type-421 {
  max-width: 45px;
}

.div-block-product-type-461 {
  align-self: flex-start;
  display: none;
}

.image-product-type-422 {
  max-width: 45px;
}

.quick-stack-product-type-49 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 44px;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  position: relative;
  inset: auto;
}

.div-block-product-type-462 {
  text-align: left;
  align-self: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-product-type-463 {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: background-color .35s, border-color .35s;
  display: flex;
  position: relative;
}

.image-product-type-423, .image-product-type-424 {
  z-index: 0;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: 260px;
  min-height: 0;
  max-height: none;
  display: block;
  position: relative;
}

.image-product-type-425 {
  max-width: 45px;
}

.image-product-type-426 {
  z-index: 0;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: 260px;
  min-height: 0;
  max-height: none;
  display: block;
  position: relative;
}

.div-block-product-type-464 {
  text-align: left;
  align-self: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-product-type-465 {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: background-color .35s, border-color .35s;
  display: flex;
  position: relative;
}

.div-block-product-type-466, .div-block-product-type-467 {
  align-self: flex-start;
  display: none;
}

.image-product-type-427 {
  z-index: 0;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: 260px;
  min-height: 0;
  max-height: none;
  display: block;
  position: relative;
}

.quick-stack-product-type-50, .quick-stack-product-type-51 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 44px;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  position: relative;
  inset: auto;
}

.div-block-product-type-468 {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: background-color .35s, border-color .35s;
  display: flex;
  position: relative;
}

.quick-stack-product-type-52 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 44px;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  position: relative;
  inset: auto;
}

.h2-product-types-markise {
  color: #30453b;
  text-align: left;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.h3-product-type-1-markise {
  color: #171717;
  text-align: left;
  letter-spacing: .015em;
  text-transform: uppercase;
  width: 100%;
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 24px;
}

.div-block-line-1-markise {
  background-color: #4d765d;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 80px;
  height: 2px;
  margin-top: 14px;
  margin-bottom: 14px;
  position: static;
  inset: auto auto 38% 24%;
}

.h3-product-type-11-markise {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: static;
  top: auto;
  left: auto;
  right: auto;
}

.h3-product-type-2-markise {
  color: #171717;
  text-align: left;
  letter-spacing: .015em;
  text-transform: uppercase;
  width: 100%;
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 24px;
}

.div-block-line-2-markise {
  background-color: #4d765d;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 80px;
  height: 2px;
  margin-top: 14px;
  margin-bottom: 14px;
  position: static;
  inset: auto auto 38% 24%;
}

.h3-product-type-21-markise {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: static;
  top: auto;
  left: auto;
  right: auto;
}

.h3-product-type-3-markise {
  color: #171717;
  text-align: left;
  letter-spacing: .015em;
  text-transform: uppercase;
  width: 100%;
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 24px;
}

.div-block-line-3-markise {
  background-color: #4d765d;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 80px;
  height: 2px;
  margin-top: 14px;
  margin-bottom: 14px;
  position: static;
  inset: auto auto 38% 24%;
}

.h3-product-type-31-markise {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: static;
  top: auto;
  left: auto;
  right: auto;
}

.h3-product-type-4-markise {
  color: #171717;
  text-align: left;
  letter-spacing: .015em;
  text-transform: uppercase;
  width: 100%;
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 24px;
}

.div-block-line-4-markise {
  background-color: #4d765d;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 80px;
  height: 2px;
  margin-top: 14px;
  margin-bottom: 14px;
  position: static;
  inset: auto auto 38% 24%;
}

.h3-product-type-41-markise {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: static;
  top: auto;
  left: auto;
  right: auto;
}

.text-product-types-1-markise {
  color: #5f5b55;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.div-block-4-steps-icon-50 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 0;
  padding: 32px 26px 30px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  position: relative;
}

.div-block-4-steps-icon-50:hover {
  border-color: #b88a45;
  transform: translate(0, -6px);
  box-shadow: 0 18px 40px #1717171f;
}

._4-steps-3 {
  background-color: #f4f5f0;
  align-self: stretch;
}

.div-block-4-steps-icon-51 {
  width: 100%;
  max-width: none;
  margin: 48px auto 0;
}

.div-block-4-steps-icon-52 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 0;
  padding: 32px 26px 30px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  position: relative;
}

.div-block-4-steps-icon-52:hover {
  border-color: #b88a45;
  transform: translate(0, -6px);
  box-shadow: 0 18px 40px #1717171f;
}

.text-4s-icon-6 {
  color: #5f5b55;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
  inset: auto;
}

.div-block-4-steps-icon-53 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 0;
  padding: 32px 26px 30px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  position: relative;
}

.div-block-4-steps-icon-53:hover {
  border-color: #b88a45;
  transform: translate(0, -6px);
  box-shadow: 0 18px 40px #1717171f;
}

.div-block-4-steps-icon-54 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 0;
  padding: 32px 26px 30px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  position: relative;
}

.div-block-4-steps-icon-54:hover {
  border-color: #b88a45;
  transform: translate(0, -6px);
  box-shadow: 0 18px 40px #1717171f;
}

.cell-29, .cell-30 {
  justify-content: center;
  align-items: flex-start;
}

._01-advantades-t2-text-16 {
  width: 101%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.cell-31 {
  justify-content: center;
  align-items: flex-end;
}

.cell-32 {
  justify-content: center;
  align-items: flex-start;
}

._02-advantades-t2-text-16, ._02-advantades-t2-text-17 {
  color: #171717;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Serif Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.cell-33 {
  justify-content: center;
  align-items: flex-start;
}

.h2-01-advantades-markise-2 {
  color: #30453b;
  letter-spacing: -.01em;
  width: 80%;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  padding-left: 0;
  font-family: Manrope, sans-serif;
  font-size: 42px;
  font-weight: 800;
  line-height: 50px;
}

.text-01-advantades-markise-2 {
  color: #5f5b55;
  width: 68%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

._01-advantades-m2-text-11, ._01-advantades-m2-text-12, ._01-advantades-m2-text-13, ._01-advantades-m2-text-14 {
  color: #171717;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Serif Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.div-block-01-advantades-w2 {
  min-height: 60px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 0;
}

.image-105-1-icon-w {
  z-index: 1;
  height: 550px;
  position: absolute;
  inset: 14% -28% auto auto;
  -webkit-mask-image: linear-gradient(90deg, #0000 10%, #000 65%);
  mask-image: linear-gradient(90deg, #0000 10%, #000 65%);
}

.image-105-1-icon-markise {
  height: 100%;
  position: absolute;
  inset: 21% -52% auto auto;
  transform: rotate(28deg);
  -webkit-mask-image: linear-gradient(90deg, #0000 10%, #000 65%);
  mask-image: linear-gradient(90deg, #0000 10%, #000 65%);
}

._01-advantades-m2-copy {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 32px 24px 32px 80px;
  display: flex;
  position: relative;
}

.gallery-markise-container {
  width: 100%;
  max-width: none;
  padding: 48px 0;
}

.h2-gallery-markise {
  color: #30453b;
  text-align: center;
  letter-spacing: -.01em;
  width: 100%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 20px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.tabs-gallery-markise {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.tabs-menu-gallery-markise {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
}

.tab-link-gelenkarm-markisen {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-gelenkarm-markisen:hover {
  color: #171717;
  background-color: #d8c7ae;
}

.tab-link-gelenkarm-markisen.w--current {
  background-color: #b88b46;
  border-radius: 8px;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
}

.quick-stack-1-tab-pane-gelenkarm-markisen {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 10px 0;
}

.quick-stack-2-tab-pane-gelenkarm-markisen, .quick-stack-3-tab-pane-gelenkarm-markisen {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 0 0 10px;
}

.tab-link-pergola-markisen {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-pergola-markisen:hover {
  color: #171717;
  background-color: #d8c7ae;
}

.tab-link-pergola-markisen.w--current {
  background-color: #b88b46;
}

.quick-stack-1-tab-pane-pergola-markisen {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 10px 0;
}

.quick-stack-2-tab-pane-pergola-markisen, .quick-stack-3-tab-pane-pergola-markisen {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 0 0 10px;
}

.tab-link-wintergarten-markisen {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-wintergarten-markisen:hover {
  color: #171717;
  background-color: #d8c7ae;
}

.tab-link-wintergarten-markisen.w--current {
  background-color: #b88b46;
}

.quick-stack-1-tab-pane-wintergarten-markisen {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 10px 0;
}

.quick-stack-2-tab-pane-wintergarten-markisen, .quick-stack-3-tab-pane-wintergarten-markisen {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 0 0 10px;
}

.tab-link-vertikal-markisen {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-vertikal-markisen:hover {
  color: #171717;
  background-color: #d8c7ae;
}

.tab-link-vertikal-markisen.w--current {
  background-color: #b88b46;
}

.quick-stack-1-tab-pane-vertikal-markisen {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 10px 0;
}

.quick-stack-2-tab-pane-vertikal-markisen, .quick-stack-3-tab-pane-vertikal-markisen {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 0 0 10px;
}

.button-gelb-3 {
  z-index: 10;
  text-align: center;
  background-color: #ffb73b;
  border: 3px solid #ffb73b;
  border-radius: .4em;
  justify-content: flex-start;
  align-items: center;
  padding: .9em 2em .8em;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-gelb-3.navbar-down {
  color: #1d1d1b;
  padding: .3em 1.2em;
  font-weight: 500;
}

.button-gelb-3.second {
  -webkit-text-fill-color: transparent;
  mix-blend-mode: normal;
  -webkit-background-clip: text;
  background-clip: text;
  border: 3px solid #ffb73b;
}

.button-gelb-3.clipped {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.5vw;
}

.button-gelb-3.center {
  object-fit: fill;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 60%;
  display: flex;
}

.text-span-16 {
  color: #fff;
  text-decoration: none;
}

.h2-offer-terrassend-cher-5 {
  color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 50px;
  font-weight: 500;
  line-height: 48px;
}

.rich-text-custom-2 {
  color: #1d1d1b;
  font-size: 1rem;
  line-height: 1.25rem;
}

.heading-style-h3-3 {
  text-align: center;
  letter-spacing: -.005em;
  text-transform: none;
  font-family: Baskervville, sans-serif;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.1;
}

.heading-style-h3-3.yellow-colour {
  color: #ffb73b;
}

.image-105 {
  vertical-align: top;
  display: inline-block;
  position: static;
}

.icon-embed-small-2 {
  color: #ffb73b;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.image-product-type-428 {
  max-width: 45px;
}

.div-block-4-steps-icon-55 {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.quick-stack-product-type-53 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-product-type-469, .div-block-product-type-470 {
  align-self: flex-start;
}

.cell-34 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
}

.text-span-17 {
  color: #ffb73b;
}

.div-block-product-type-471 {
  align-self: flex-start;
  position: relative;
}

.padding-section-large-22 {
  background-color: #3b3f37;
  padding: 7rem 5%;
}

.image-product-type-429 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

.div-block-product-type-472 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.text-span-18 {
  color: #fff;
  text-decoration: none;
}

.heading-style-h5-3 {
  color: #1d1d1b;
  letter-spacing: .03em;
  text-transform: none;
  margin-top: .3rem;
  font-family: Baskervville, sans-serif;
  font-size: 1.4rem;
  line-height: 1.05;
}

.heading-style-h5-3.green {
  color: #00532a;
  font-size: 1.4rem;
}

.heading-style-h5-3.green.vorteile {
  text-align: center;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding-left: 0;
  font-size: 1.4rem;
}

.footer1_link-2 {
  text-align: right;
  flex: 0 auto;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  text-decoration: none;
}

.quick-stack-product-type-54 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.cell-35 {
  justify-content: center;
  align-items: flex-start;
}

.div-block-product-type-473 {
  align-self: flex-start;
  position: relative;
}

.collection-list-wrapper-16 {
  width: 100%;
  position: static;
}

.collection-list-18 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.container-large-18 {
  background-color: #0000;
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.container-large-18.kundenstimmen {
  padding-left: 0;
  font-size: 1.5vw;
}

.container-large-18._2-col {
  grid-column-gap: 1.7rem;
  grid-row-gap: 1.7rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  padding-left: 5%;
  padding-right: 5%;
  display: grid;
}

.layout396_card-content-2 {
  background-color: #f4f5f0;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 2rem;
  display: flex;
}

.navbar15_link-2 {
  color: #fff;
  padding: .5rem 1rem;
  font-family: Manrope, sans-serif;
  font-weight: 600;
}

.quick-stack-product-type-55 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.heading-style-h2-10 {
  letter-spacing: -.01em;
  text-transform: none;
  font-family: Baskervville, sans-serif;
  font-size: 2rem;
  line-height: 1;
}

.heading-style-h2-10.text-align-left {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
}

.heading-style-h2-10.third-text-color {
  color: #fff;
  text-align: left;
}

.div-block-4-steps-icon-56, .div-block-4-steps-icon-57 {
  width: 100%;
  min-height: 200px;
  position: relative;
}

.div-block-192 {
  aspect-ratio: auto;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4963_2024-12-19_boldterrassendach.de_Benjamin%20und%20Alex%20Boldt%20vor%20Transporter.webp");
  background-position: 57%;
  background-size: cover;
  min-width: 100%;
  min-height: 100%;
  position: relative;
  inset: auto auto 0% 0%;
}

.heading-style-h1-6 {
  color: #1d1d1b;
  letter-spacing: -.01em;
  text-transform: none;
  font-family: Baskervville, sans-serif;
  font-size: 3rem;
  line-height: 1.05;
  display: block;
}

.heading-style-h1-6.white {
  color: #fff;
}

.button-11 {
  text-align: center;
  border-style: solid;
  border-width: 1px;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-11.is-link {
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-11.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.footer-2 {
  background-color: #1d1d1b;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48bf_noize.png");
  background-position: 0 0;
  background-size: auto;
  align-self: stretch;
  max-width: 100%;
  position: static;
}

.image-product-type-430 {
  max-width: 45px;
}

.image-product-type-431 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

._01-advantades-t2-text-17 {
  width: 101%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.div-block-193 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-194 {
  background-color: #6e705b;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4931_dash-h-50-g.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4934_dash-v-50-g.svg");
  background-position: 0 100%, 0 0;
  background-repeat: repeat-x, repeat-y;
  background-size: auto, auto;
  min-width: 100%;
  min-height: 100%;
}

.div-block-4-steps-icon-58 {
  width: 100%;
  min-height: 200px;
  position: relative;
}

.div-block-product-type-474 {
  align-self: flex-start;
  position: relative;
}

._4-steps-4 {
  background-color: #f4f5f0;
  align-self: stretch;
}

.quick-stack-product-type-56 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.padding-global-18 {
  background-color: #f4f5f0;
  padding-bottom: 5rem;
  padding-left: 5%;
  padding-right: 5%;
}

.image-product-type-432 {
  max-width: 45px;
}

._02-advantades-t2-text-18 {
  width: 100%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.div-block-product-type-475 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.quick-stack-offer-terrassend-cher-5 {
  padding: 25px 0;
}

.button-12 {
  text-align: center;
  vertical-align: baseline;
  background-color: #b88b46;
  border-radius: 9px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  display: block;
}

.text-style-link-4 {
  align-self: center;
  text-decoration: underline;
}

.image-product-type-433 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

.navbar1_link-2 {
  padding: .5rem 1rem;
  font-family: Manrope, sans-serif;
  font-weight: 600;
}

.div-block-product-type-476 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.navbar1_menu-2 {
  align-items: center;
  display: flex;
  position: static;
}

.navbar1_menu-2.is-page-height-tablet {
  color: #fff;
  justify-content: flex-end;
  align-items: center;
}

.navbar1_menu-2.is-page-height-tablet.copy-small-3 {
  background-color: #6e705b;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4931_dash-h-50-g.svg");
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: auto;
  justify-content: flex-end;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  font-family: Manrope, sans-serif;
}

.h3-product-type-35 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.google-reviews-2 {
  background-color: #f4f5f0;
}

.card-vorteile-2 {
  border: 3px solid #ffb73b;
  border-radius: 5px;
  flex-flow: column;
  display: flex;
}

.video-overlay-layer-3 {
  z-index: 1;
  background-color: #0000008a;
  position: absolute;
  inset: 0%;
}

._02-advantades-t2-text-19 {
  width: 100%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.section-steps-2 {
  background-color: #1d1d1b;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48bf_noize.png");
  background-position: 0 30%, 0 62%, 50% 0, 0 0;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat;
  background-size: auto, auto, auto, auto;
  min-width: 100%;
}

.text-span-19 {
  color: #ffb73b;
}

.padding-global-19 {
  padding-left: 5%;
  padding-right: 5%;
}

.h3-product-type-36 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

._02-advantades-t2-text-20 {
  width: 100%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.padding-global-20 {
  background-color: #f4f5f0;
  padding-left: 5%;
  padding-right: 5%;
}

.navbar1_component-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4931_dash-h-50-g.svg");
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: auto;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  grid-template-rows: auto;
  grid-template-columns: 25% 75%;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  width: 100%;
  min-width: 100%;
  max-width: none;
  height: auto;
  min-height: 4.5rem;
  font-family: Manrope, sans-serif;
  display: grid;
}

.padding-section-large-24 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.ber-uns-dark-green-2 {
  background-color: #3b3f37;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
  display: inline-flex;
}

.subheadline-2 {
  color: #fff;
  font-family: Baskervville, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.1;
}

.subheadline-2.dark {
  color: #1d1d1b;
  margin-top: auto;
  margin-bottom: auto;
}

.subheadline-2.dark.vt-subtitle-portfolio {
  color: #5f5b55;
  text-align: left;
  margin-top: 12px;
  margin-bottom: 16px;
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.testimonial-card-2 {
  border: 1px #ffb73b;
}

.testimonial-card-2.vt-card-portfolio {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 820px;
  padding: 20px 20px 24px;
  transition: border-color .4s, box-shadow .4s;
  display: flex;
}

.div-block-product-type-477 {
  align-self: flex-start;
}

.trustlogos-2 {
  background-color: #fff;
}

.div-block-195 {
  background-color: #6e705b;
  border-top: 2px solid #3b3f37;
  border-left: 2px solid #3b3f37;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
  display: flex;
}

.cell-36 {
  justify-content: center;
  align-items: flex-end;
}

.div-block-4-steps-icon-59 {
  width: 100%;
  min-height: 200px;
  position: relative;
}

.div-block-product-type-478 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.icon-embed-xsmall-3 {
  color: #00532a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.heading-style-h4-3 {
  letter-spacing: 0;
  text-transform: none;
  font-family: Baskervville, sans-serif;
  font-size: 1.6rem;
  line-height: 1.2;
}

.heading-style-h4-3.white {
  color: #fff;
}

.cell-37 {
  justify-content: center;
  align-items: flex-start;
}

.text-4s-icon-7 {
  text-align: center;
  font-size: 16px;
  position: absolute;
  inset: auto 0% 7%;
}

.quick-stack-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

.cell-38 {
  border-bottom: 1px solid #b88b46;
  justify-content: center;
  align-items: center;
}

.image-product-type-434 {
  max-width: 45px;
}

.footer-grid-2 {
  z-index: 11;
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  background-color: #1d1d1b;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48bf_noize.png");
  background-position: 0 79%, 67% 0, 33% 0, 50%;
  background-repeat: repeat-x, repeat-y, repeat-y, repeat;
  background-size: auto, auto, auto, auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.text-span-21 {
  color: #fff;
}

.image-100-2 {
  aspect-ratio: 16 / 9;
  mix-blend-mode: normal;
  object-fit: cover;
  border: 1px solid #6e705b;
  border-radius: .7rem;
  width: 100%;
  height: auto;
  position: static;
  overflow: hidden;
}

.div-block-product-type-479 {
  align-self: flex-start;
}

.page-wrap-2 {
  background-color: #f4f5f0;
}

.design-card-4 {
  cursor: pointer;
  background-color: #6e705b;
  border: 1px solid #f9eeee78;
  border-radius: .7rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
  position: static;
  box-shadow: 0 6px 6px #b1afaf;
}

.design-card-4:hover {
  box-shadow: none;
}

.h3-product-type-37 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.image-product-type-435 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

.down-navbar-2 {
  border: 2px solid #ffb73b;
  border-radius: 6px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.down-navbar-2.main-wrapper {
  color: #fff;
  background-color: #33352ec2;
  border-color: #6e705b;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 1.5rem;
}

.div-block-product-type-480 {
  align-self: flex-start;
  position: relative;
}

.copy-small-3 {
  color: #1d1d1b;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

.copy-small-3.second-color {
  color: #00532a;
}

.copy-small-3.semibold {
  text-align: center;
  font-weight: 500;
}

.copy-small-3.third-text-color {
  color: #fff;
}

.copy-small-3.third-text-color.text-align-center {
  text-decoration: none;
}

.copy-small-3.third-text-color.footer-made {
  text-align: right;
}

.copy-small-3.white {
  color: #fff;
}

.copy-small-3.white.ber-uns {
  padding-top: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

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

.button-gelb-4 {
  z-index: 10;
  text-align: center;
  background-color: #ffb73b;
  border: 3px solid #ffb73b;
  border-radius: .4em;
  justify-content: flex-start;
  align-items: center;
  padding: .9em 2em .8em;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-gelb-4.navbar-down {
  color: #1d1d1b;
  padding: .3em 1.2em;
  font-weight: 500;
}

.button-gelb-4.second {
  -webkit-text-fill-color: transparent;
  mix-blend-mode: normal;
  -webkit-background-clip: text;
  background-clip: text;
  border: 3px solid #ffb73b;
}

.button-gelb-4.clipped {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.5vw;
}

.button-gelb-4.center {
  object-fit: fill;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 60%;
  display: flex;
}

.text-span-22 {
  color: #fff;
  text-decoration: none;
}

.h2-offer-terrassend-cher-6 {
  color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 50px;
  font-weight: 500;
  line-height: 48px;
}

.rich-text-custom-3 {
  color: #1d1d1b;
  font-size: 1rem;
  line-height: 1.25rem;
}

.heading-style-h3-4 {
  text-align: center;
  letter-spacing: -.005em;
  text-transform: none;
  font-family: Baskervville, sans-serif;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.1;
}

.heading-style-h3-4.yellow-colour {
  color: #ffb73b;
}

.image-106 {
  vertical-align: top;
  display: inline-block;
  position: static;
}

.image-product-type-436 {
  max-width: 45px;
}

.quick-stack-product-type-57 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-product-type-481, .div-block-product-type-482 {
  align-self: flex-start;
}

.cell-39 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
}

.text-span-23 {
  color: #ffb73b;
}

.div-block-product-type-483 {
  align-self: flex-start;
  position: relative;
}

.padding-section-large-25 {
  background-color: #3b3f37;
  padding: 7rem 5%;
}

.image-product-type-437 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

.div-block-product-type-484 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.text-span-24 {
  color: #fff;
  text-decoration: none;
}

.heading-style-h5-4 {
  color: #1d1d1b;
  letter-spacing: .03em;
  text-transform: none;
  margin-top: .3rem;
  font-family: Baskervville, sans-serif;
  font-size: 1.4rem;
  line-height: 1.05;
}

.heading-style-h5-4.green {
  color: #00532a;
  font-size: 1.4rem;
}

.heading-style-h5-4.green.vorteile {
  text-align: center;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding-left: 0;
  font-size: 1.4rem;
}

.quick-stack-product-type-58 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.cell-40 {
  justify-content: center;
  align-items: flex-start;
}

.div-block-product-type-485 {
  align-self: flex-start;
  position: relative;
}

.container-large-19 {
  background-color: #0000;
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.container-large-19.kundenstimmen {
  padding-left: 0;
  font-size: 1.5vw;
}

.container-large-19._2-col {
  grid-column-gap: 1.7rem;
  grid-row-gap: 1.7rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  padding-left: 5%;
  padding-right: 5%;
  display: grid;
}

.layout396_card-content-3 {
  background-color: #f4f5f0;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 2rem;
  display: flex;
}

.quick-stack-product-type-59 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.heading-style-h2-11 {
  letter-spacing: -.01em;
  text-transform: none;
  font-family: Baskervville, sans-serif;
  font-size: 2rem;
  line-height: 1;
}

.heading-style-h2-11.text-align-left {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
}

.heading-style-h2-11.third-text-color {
  color: #fff;
  text-align: left;
}

.div-block-4-steps-icon-60, .div-block-4-steps-icon-61 {
  width: 100%;
  min-height: 200px;
  position: relative;
}

.div-block-197 {
  aspect-ratio: auto;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4963_2024-12-19_boldterrassendach.de_Benjamin%20und%20Alex%20Boldt%20vor%20Transporter.webp");
  background-position: 57%;
  background-size: cover;
  min-width: 100%;
  min-height: 100%;
  position: relative;
  inset: auto auto 0% 0%;
}

.heading-style-h1-7 {
  color: #1d1d1b;
  letter-spacing: -.01em;
  text-transform: none;
  font-family: Baskervville, sans-serif;
  font-size: 3rem;
  line-height: 1.05;
  display: block;
}

.heading-style-h1-7.white {
  color: #fff;
}

.button-13 {
  text-align: center;
  border-style: solid;
  border-width: 1px;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-13.is-link {
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-13.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.footer-3 {
  background-color: #1d1d1b;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48bf_noize.png");
  background-position: 0 0;
  background-size: auto;
  align-self: stretch;
  max-width: 100%;
  position: static;
}

.image-product-type-438 {
  max-width: 45px;
}

.image-product-type-439 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

._01-advantades-t2-text-18 {
  width: 101%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.div-block-198 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-199 {
  background-color: #6e705b;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4931_dash-h-50-g.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4934_dash-v-50-g.svg");
  background-position: 0 100%, 0 0;
  background-repeat: repeat-x, repeat-y;
  background-size: auto, auto;
  min-width: 100%;
  min-height: 100%;
}

.div-block-4-steps-icon-62 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 0;
  padding: 32px 26px 30px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  position: relative;
}

.div-block-4-steps-icon-62:hover {
  border-color: #b88a45;
  transform: translate(0, -6px);
  box-shadow: 0 18px 40px #1717171f;
}

.div-block-product-type-486 {
  align-self: flex-start;
  position: relative;
}

._4-steps-5 {
  background-color: #f4f5f0;
  align-self: stretch;
}

.quick-stack-product-type-60 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.padding-global-21 {
  background-color: #f4f5f0;
  padding-bottom: 5rem;
  padding-left: 5%;
  padding-right: 5%;
}

._02-advantades-t2-text-21 {
  width: 100%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.div-block-product-type-487 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.quick-stack-offer-terrassend-cher-6 {
  padding: 25px 0;
}

.button-14 {
  text-align: center;
  vertical-align: baseline;
  background-color: #b88b46;
  border-radius: 9px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  display: block;
}

.text-style-link-5 {
  align-self: center;
  text-decoration: underline;
}

.image-product-type-440 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

.div-block-product-type-488 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.h3-product-type-38 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

._02-advantades-t2-text-22 {
  width: 100%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.text-span-25 {
  color: #ffb73b;
}

.image-product-type-441 {
  max-width: 45px;
  position: absolute;
  top: -53px;
  left: 4px;
}

.padding-global-22 {
  padding-left: 5%;
  padding-right: 5%;
}

.h3-product-type-39 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

._02-advantades-t2-text-23 {
  width: 100%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.image-product-type-442 {
  max-width: 45px;
  position: absolute;
  top: -53px;
  left: 4px;
}

.padding-global-23 {
  background-color: #f4f5f0;
  padding-left: 5%;
  padding-right: 5%;
}

.navbar1_component-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4931_dash-h-50-g.svg");
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: auto;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  grid-template-rows: auto;
  grid-template-columns: 25% 75%;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  width: 100%;
  min-width: 100%;
  max-width: none;
  height: auto;
  min-height: 4.5rem;
  font-family: Manrope, sans-serif;
  display: grid;
}

.padding-section-large-27 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.div-block-product-type-489 {
  align-self: flex-start;
}

.div-block-200 {
  background-color: #6e705b;
  border-top: 2px solid #3b3f37;
  border-left: 2px solid #3b3f37;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
  display: flex;
}

.cell-41 {
  justify-content: center;
  align-items: flex-end;
}

.div-block-product-type-490 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.icon-embed-xsmall-4 {
  color: #00532a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.heading-style-h4-4 {
  letter-spacing: 0;
  text-transform: none;
  font-family: Baskervville, sans-serif;
  font-size: 1.6rem;
  line-height: 1.2;
}

.heading-style-h4-4.white {
  color: #fff;
}

.cell-42 {
  justify-content: center;
  align-items: flex-start;
}

.text-4s-icon-8 {
  text-align: center;
  font-size: 16px;
  position: absolute;
  inset: auto 0% 7%;
}

.quick-stack-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

.cell-43 {
  border-bottom: 1px solid #b88b46;
  justify-content: center;
  align-items: center;
}

.image-product-type-443 {
  max-width: 45px;
  position: absolute;
  top: -53px;
  left: 4px;
}

.footer-grid-3 {
  z-index: 11;
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  background-color: #1d1d1b;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48bf_noize.png");
  background-position: 0 79%, 67% 0, 33% 0, 50%;
  background-repeat: repeat-x, repeat-y, repeat-y, repeat;
  background-size: auto, auto, auto, auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.div-block-product-type-491 {
  align-self: flex-start;
}

.page-wrap-3 {
  background-color: #f4f5f0;
}

.h3-product-type-40 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.image-product-type-444 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

.down-navbar-3 {
  border: 2px solid #ffb73b;
  border-radius: 6px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.down-navbar-3.main-wrapper {
  color: #fff;
  background-color: #33352ec2;
  border-color: #6e705b;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 1.5rem;
}

.div-block-product-type-492 {
  align-self: flex-start;
  position: relative;
}

.copy-small-4 {
  color: #1d1d1b;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

.copy-small-4.second-color {
  color: #00532a;
}

.copy-small-4.semibold {
  text-align: center;
  font-weight: 500;
}

.copy-small-4.third-text-color {
  color: #fff;
}

.copy-small-4.third-text-color.text-align-center {
  text-decoration: none;
}

.copy-small-4.third-text-color.footer-made {
  text-align: right;
}

.copy-small-4.white {
  color: #fff;
}

.copy-small-4.white.ber-uns {
  padding-top: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

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

.lamellendacher-container {
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48fd_2024-08-27_boldterrassendach.de_Referenzen-gro%C3%9Fes%20Terrassendach%20alle%20seiten%20offen.webp");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  max-width: 1439px;
  min-height: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.lamellendacher-card {
  background-color: #171717e6;
  border-radius: 13px;
  width: 600px;
  height: 550px;
  margin-left: auto;
  margin-right: auto;
  padding: 22px 45px 24px;
  position: absolute;
  inset: 12% auto auto 4%;
}

.h1-offer-lamellendacher {
  color: #b88b46;
  -webkit-text-stroke-color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 21px;
}

.h2-offer-lamellendacher-3 {
  color: #dddad2;
  -webkit-text-stroke-color: #dddad2;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 3px;
  font-size: 50px;
  font-weight: 500;
  line-height: 50px;
}

.h2-offer-lamellendacher-2 {
  color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 50px;
  font-weight: 500;
  line-height: 48px;
}

.h3-offer-lamellendacher {
  color: #dddad2;
  width: 61%;
  font-size: 20px;
  font-weight: 400;
}

.quick-stack-offer-lamellendacher-6 {
  padding: 25px 0;
}

.div-block-button-offer-lamellendacher {
  width: 100%;
}

.text-offer-lamellendacher-1 {
  color: #dddad2;
  font-size: 16px;
  text-decoration: none;
}

.quick-stack-offer-lamellendacher2 {
  padding: 22px 0 0;
}

.h2-offer-terrassend-cher-7 {
  color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 50px;
  font-weight: 500;
  line-height: 48px;
}

.quick-stack-offer-terrassend-cher-7 {
  padding: 25px 0;
}

.button-15 {
  color: #dddad2;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #30453b;
  border: 1px solid #4d765d;
  border-radius: 9px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-15:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
}

.cell-44 {
  z-index: 1;
  border-bottom: 0 #b88b46;
  justify-content: center;
  align-items: center;
}

.lamellend-cher-container {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab8369a346a3c97a7e3f494_lamella-hero-adapted-right-wide-under-4mb%20(1).jpg");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  max-width: none;
  min-height: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.lamellend-cher-card {
  z-index: 1;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #201f1dbd;
  border-radius: 13px;
  width: 600px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 45px;
  position: absolute;
  inset: 20% auto auto 4%;
}

.h1-offer-lamellend-cher {
  color: #d8c7ae;
  -webkit-text-stroke-color: #d8c7ae;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: DM Sans, sans-serif;
  font-size: 21px;
  line-height: 24px;
}

.h2-offer-lamellend-cher-3 {
  color: #fff;
  letter-spacing: .02em;
  -webkit-text-stroke-color: #dddad2;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 52px;
}

.h2-offer-lamellend-cher-2 {
  color: #fff;
  text-transform: uppercase;
  border-style: solid;
  border-width: 0 0 3px;
  border-bottom-color: #4d765d;
  border-radius: 0;
  margin-top: 12px;
  margin-bottom: 0;
  padding: 0 0 6px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 44px;
  display: inline-block;
}

.h3-offer-lamellend-cher {
  color: #dddad2;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
}

.quick-stack-offer-lamellend-cher-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 18px 0 14px;
}

.quick-stack-offer-lamellend-cher-2 {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 14px 0 0;
}

.image-product-type-445 {
  width: 20px;
  max-width: none;
  height: 20px;
  display: block;
  position: relative;
  top: auto;
  left: auto;
}

.quick-stack-product-type-61 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-product-type-493 {
  align-self: flex-start;
  display: none;
}

.div-block-product-type-494 {
  align-self: flex-start;
}

.cell-45 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  outline-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
}

.div-block-product-type-495 {
  align-self: flex-start;
  position: relative;
}

.image-product-type-446 {
  z-index: 0;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: 380px;
  min-height: 0;
  max-height: none;
  display: block;
  position: relative;
}

.div-block-product-type-496 {
  text-align: left;
  align-self: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.quick-stack-product-type-62 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  outline-width: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 44px;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: grid;
  position: relative;
  inset: auto 0% 0%;
}

.div-block-product-type-497 {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: background-color .35s, border-color .35s;
  display: flex;
  position: relative;
}

.quick-stack-product-type-63 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 44px;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: grid;
  position: relative;
  inset: auto 0% 0%;
}

.image-product-type-447 {
  z-index: 0;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: 380px;
  min-height: 0;
  max-height: none;
  display: block;
  position: relative;
}

.div-block-product-type-498 {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: background-color .35s, border-color .35s;
  display: flex;
  position: relative;
}

.quick-stack-product-type-64 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 44px;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: grid;
  position: relative;
  inset: auto 0% 0%;
}

.div-block-product-type-499 {
  text-align: left;
  align-self: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.image-product-type-448 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

.div-block-product-type-500 {
  text-align: left;
  outline-width: 0;
  align-self: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.h3-product-type-41 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.image-product-type-449 {
  width: 20px;
  max-width: none;
  height: 20px;
  display: block;
  position: relative;
  top: auto;
  left: auto;
}

.h3-product-type-42 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.image-product-type-450 {
  max-width: 45px;
  position: absolute;
  top: -53px;
  left: 4px;
}

.div-block-product-type-501 {
  align-self: flex-start;
  display: none;
}

.div-block-product-type-502 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.image-product-type-451 {
  width: 20px;
  max-width: none;
  height: 20px;
  display: block;
  position: relative;
  top: auto;
  left: auto;
}

.div-block-product-type-503 {
  align-self: flex-start;
  display: none;
}

.h3-product-type-43 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.image-product-type-452 {
  z-index: 0;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: 380px;
  min-height: 0;
  max-height: none;
  display: block;
  position: relative;
}

.div-block-product-type-504 {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: background-color .35s, border-color .35s;
  display: flex;
  position: relative;
}

.h2-product-types-lamellend-cher {
  z-index: 1;
  color: #30453b;
  text-align: left;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.text-product-types-1-lamellend-cher {
  z-index: 1;
  color: #5f5b55;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.quick-stack-product-types-lamellend-cher {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 22px 0;
}

.product-type-3-lamellend-cher {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  height: auto;
  min-height: 0;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-type-3-lamellend-cher:hover {
  border-color: #b88a45;
  transform: translate(0, -8px);
  box-shadow: 0 20px 44px #17171724;
}

.h3-product-type-1-lamellend-cher {
  z-index: 1;
  color: #171717;
  text-align: left;
  letter-spacing: .015em;
  text-transform: uppercase;
  outline-width: 0;
  width: 100%;
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 24px;
}

.h3-product-type-11-lamellend-cher {
  z-index: 1;
  color: #5f5b55;
  text-align: left;
  outline-width: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: static;
  top: auto;
  left: 0%;
  right: 0%;
}

.product-type-2-lamellend-cher {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  height: auto;
  min-height: 0;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-type-2-lamellend-cher:hover {
  border-color: #b88a45;
  transform: translate(0, -8px);
  box-shadow: 0 20px 44px #17171724;
}

.h3-product-type-2-lamellend-cher {
  color: #171717;
  text-align: left;
  letter-spacing: .015em;
  text-transform: uppercase;
  width: 100%;
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 24px;
}

.h3-product-type-21-lamellend-cher {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: static;
  top: auto;
  left: 0%;
  right: 0%;
}

.product-type-3-copy {
  width: 100%;
  height: 100%;
  min-height: 400px;
  position: relative;
}

.product-type1-3-lamellend-cher {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  height: auto;
  min-height: 0;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-type1-3-lamellend-cher:hover {
  border-color: #b88a45;
  transform: translate(0, -8px);
  box-shadow: 0 20px 44px #17171724;
}

.h3-product-type-3-lamellend-cher {
  color: #171717;
  text-align: left;
  letter-spacing: .015em;
  text-transform: uppercase;
  width: 100%;
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 24px;
}

.h3-product-type-31-lamellend-cher {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: static;
  top: auto;
  left: 0%;
  right: 0%;
}

.product-type-1-card-lamellend-cher {
  z-index: 1;
  background-color: #0000;
  border: 0 #cfcac0;
  border-radius: 0;
  outline-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 22px 24px 24px;
  display: flex;
  position: relative;
  inset: auto;
}

.product-type-2-card-lamellend-cher, .product-type-3-card-lamellend-cher {
  z-index: 1;
  background-color: #0000;
  border: 0 #cfcac0;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 22px 24px 24px;
  display: flex;
  position: relative;
  inset: auto;
}

.div-block-line-3-lamellend-cher {
  z-index: 1;
  background-color: #4d765d;
  outline-width: 0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 80px;
  height: 2px;
  margin-top: 14px;
  margin-bottom: 14px;
  position: static;
  inset: auto auto 38% 24%;
}

.div-block-line-3-copy {
  background-color: #b88b46;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50px;
  height: 2px;
  position: absolute;
  inset: auto auto 38% 27.5%;
}

.div-block-line-2-lamellend-cher, .div-block-line-1-lamellend-cher {
  background-color: #4d765d;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 80px;
  height: 2px;
  margin-top: 14px;
  margin-bottom: 14px;
  position: static;
  inset: auto auto 38% 24%;
}

.div-block-4-steps-icon-63 {
  width: 100%;
  max-width: none;
  margin: 48px auto 0;
}

._4-steps-6 {
  background-color: #f4f5f0;
  align-self: stretch;
}

.text-4s-icon-9 {
  color: #5f5b55;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
  inset: auto;
}

.cell-46 {
  justify-content: center;
  align-items: flex-start;
}

._01-advantades-t2-text-19 {
  width: 101%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.cell-47, .cell-48 {
  justify-content: center;
  align-items: flex-start;
}

._02-advantades-t2-text-24, ._02-advantades-t2-text-25, ._02-advantades-t2-text-26 {
  color: #171717;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Serif Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.cell-49 {
  justify-content: center;
  align-items: flex-end;
}

.cell-50 {
  justify-content: center;
  align-items: flex-start;
}

._01-advantades-t2-copy-lamellend-cher {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 32px 24px 32px 80px;
  display: flex;
  position: relative;
}

.h2-01-advantades-t2-lamellend-cher {
  color: #30453b;
  letter-spacing: -.01em;
  width: 80%;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  padding-left: 0;
  font-family: Manrope, sans-serif;
  font-size: 42px;
  font-weight: 800;
  line-height: 50px;
}

.text-01-advantades-t2-lamellend-cher {
  color: #5f5b55;
  width: 68%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

._01-advantades-t2-text-3-lamellend-cher {
  width: 100%;
}

._01-advantades-t2-text-12-lamellend-cher, ._01-advantades-t2-text-13-lamellend-cher, ._01-advantades-t2-text-14-lamellend-cher {
  color: #171717;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Serif Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.image-105-1-icon-lamellend-cher {
  z-index: 1;
  height: 550px;
  position: absolute;
  inset: 14% -39% auto auto;
  -webkit-mask-image: linear-gradient(90deg, #0000 10%, #000 65%);
  mask-image: linear-gradient(90deg, #0000 10%, #000 65%);
}

.gallery-lamellend-cher-container {
  width: 100%;
  max-width: none;
  padding: 48px 0;
}

.h2-gallery-lamellend-cher {
  color: #30453b;
  text-align: center;
  letter-spacing: -.01em;
  width: 100%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 20px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.tabs-gallery-lamellend-cher {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.tabs-menu-gallery-lamellend-cher {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
}

.tabs-content-lamellend-cher {
  margin-top: -22px;
  position: relative;
}

.tab-link-lamellend-cher {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-lamellend-cher:hover {
  color: #171717;
  background-color: #d8c7ae;
}

.tab-link-lamellend-cher.w--current {
  background-color: #b88b46;
  border-radius: 8px;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
}

.l-lamellend-cher {
  height: auto;
  color: inherit;
  background-color: #0000;
  border-radius: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.l-lamellend-cher:hover {
  color: inherit;
  background-color: #0000;
}

.quick-stack-1-tab-pane-lamellend-cher {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 10px 0;
}

.quick-stack-2-tab-pane-lamellend-cher, .quick-stack-3-tab-pane-lamellend-cher {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 0 0 10px;
}

.tab-link-l-freistehend {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-l-freistehend:hover {
  color: #171717;
  background-color: #d8c7ae;
}

.tab-link-l-freistehend.w--current {
  background-color: #b88b46;
}

.l-freistehend {
  height: auto;
  color: inherit;
  background-color: #0000;
  border-radius: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.l-freistehend:hover {
  color: inherit;
  background-color: #0000;
}

.quick-stack-1-tab-pane-l-freistehend {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 10px 0;
}

.quick-stack-2-tab-pane-l-freistehend, .quick-stack-3-tab-pane-l-freistehend {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 0 0 10px;
}

.tab-link-feststehendes {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-feststehendes:hover {
  color: #171717;
  background-color: #d8c7ae;
}

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

.l-feststehendes {
  height: auto;
  color: inherit;
  background-color: #0000;
  border-radius: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.l-feststehendes:hover {
  color: inherit;
  background-color: #0000;
}

.quick-stack-1-tab-pane-feststehendes {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 10px 0;
}

.quick-stack-2-tab-pane-feststehendes, .quick-stack-3-tab-pane-feststehendes {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 0 0 10px;
}

.h2-offer-terrassend-cher-8 {
  color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 50px;
  font-weight: 500;
  line-height: 48px;
}

.quick-stack-offer-terrassend-cher-8 {
  padding: 25px 0;
}

.button-16 {
  color: #dddad2;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #30453b;
  border: 1px solid #4d765d;
  border-radius: 9px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-16:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
}

.cell-51 {
  border-bottom: 0 #b88b46;
  justify-content: center;
  align-items: center;
}

.image-product-type-453 {
  width: 20px;
  max-width: none;
  height: 20px;
  display: block;
  position: relative;
  top: auto;
  left: auto;
}

.quick-stack-product-type-65 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-product-type-505 {
  outline-width: 0;
  align-self: flex-start;
  display: none;
}

.div-block-product-type-506 {
  align-self: flex-start;
}

.cell-52 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  outline-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
}

.div-block-product-type-507 {
  align-self: flex-start;
  position: relative;
}

.image-product-type-454 {
  z-index: 0;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: 380px;
  min-height: 0;
  max-height: none;
  display: block;
  position: relative;
}

.div-block-product-type-508 {
  text-align: left;
  align-self: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.quick-stack-product-type-66 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 44px;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  position: relative;
  inset: auto;
}

.div-block-product-type-509 {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: background-color .35s, border-color .35s;
  display: flex;
  position: relative;
}

.quick-stack-product-type-67 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 44px;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  position: relative;
  inset: auto;
}

.image-product-type-455 {
  z-index: 0;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: 380px;
  min-height: 0;
  max-height: none;
  display: block;
  position: relative;
}

.div-block-product-type-510 {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: background-color .35s, border-color .35s;
  display: flex;
  position: relative;
}

.div-block-product-type-511 {
  text-align: left;
  align-self: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.image-product-type-456 {
  z-index: 1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  min-height: 270px;
  position: absolute;
}

.div-block-product-type-512 {
  text-align: left;
  align-self: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.h3-product-type-44 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.quick-stack-product-type-68 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  outline-width: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: grid;
  position: relative;
}

.image-product-type-457 {
  width: 20px;
  max-width: none;
  height: 20px;
  display: block;
  position: relative;
  top: auto;
  left: auto;
}

.quick-stack-product-type-69 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 90%;
  padding: 0;
}

.h3-product-type-45 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.image-product-type-458 {
  max-width: 45px;
  position: absolute;
  top: -53px;
  left: 4px;
}

.div-block-product-type-513 {
  outline-width: 0;
  align-self: flex-start;
  display: none;
}

.div-block-product-type-514 {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.image-product-type-459 {
  width: 20px;
  max-width: none;
  height: 20px;
  display: block;
  position: relative;
  top: auto;
  left: auto;
}

.div-block-product-type-515 {
  outline-width: 0;
  align-self: flex-start;
  display: none;
}

.h3-product-type-46 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.image-product-type-460 {
  z-index: 0;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: 380px;
  min-height: 0;
  max-height: none;
  display: block;
  position: relative;
}

.div-block-product-type-516 {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: background-color .35s, border-color .35s;
  display: flex;
  position: relative;
}

.div-block-4-steps-icon-64 {
  width: 100%;
  max-width: none;
  margin: 48px auto 0;
}

._4-steps-7 {
  background-color: #f4f5f0;
  align-self: stretch;
}

.text-4s-icon-10 {
  color: #5f5b55;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
  inset: auto;
}

.cell-53 {
  justify-content: center;
  align-items: flex-start;
}

._01-advantades-t2-text-20 {
  width: 101%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.cell-54, .cell-55 {
  justify-content: center;
  align-items: flex-start;
}

._02-advantades-t2-text-27, ._02-advantades-t2-text-28, ._02-advantades-t2-text-29 {
  color: #171717;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Serif Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.cell-56 {
  justify-content: center;
  align-items: flex-end;
}

.cell-57 {
  justify-content: center;
  align-items: flex-start;
}

.wellness-container {
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab83c0c00af945014ff89d9_wellness-hero-reference-light-wood-german-under-4mb.jpg");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  max-width: none;
  min-height: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.wellness-card {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #201f1dbd;
  border-radius: 13px;
  width: 600px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 45px;
  position: absolute;
  inset: 20% auto auto 4%;
}

.h1-offer-wellness {
  color: #d8c7ae;
  -webkit-text-stroke-color: #d8c7ae;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: DM Sans, sans-serif;
  font-size: 21px;
  line-height: 24px;
}

.h2-offer-wellness-3 {
  color: #fff;
  letter-spacing: .02em;
  -webkit-text-stroke-color: #dddad2;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 52px;
}

.h2-offer-wellness-2 {
  color: #fff;
  text-transform: uppercase;
  border-bottom: 3px solid #4d765d;
  margin-top: 12px;
  margin-bottom: 0;
  padding: 0 0 6px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 44px;
  display: inline-block;
}

.h3-offer-wellness {
  color: #dddad2;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
}

.quick-stack-offer-wellness-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 18px 0 14px;
}

.quick-stack-offer-wellness-2 {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 14px 0 0;
}

.h2-product-types-wellness {
  color: #30453b;
  text-align: left;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.text-product-types-1-wellness {
  color: #5f5b55;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.h3-product-type-1-wellness {
  color: #171717;
  text-align: left;
  letter-spacing: .015em;
  text-transform: uppercase;
  width: 100%;
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 24px;
}

.div-block-line-1-wellness {
  background-color: #4d765d;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 80px;
  height: 2px;
  margin-top: 14px;
  margin-bottom: 14px;
  position: static;
  inset: auto auto 38% 24%;
}

.h3-product-type-11-wellness {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: static;
  top: auto;
  left: auto;
  right: auto;
}

.h3-product-type-2-wellness {
  color: #171717;
  text-align: left;
  letter-spacing: .015em;
  text-transform: uppercase;
  width: 100%;
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 24px;
}

.div-block-line-2-wellness {
  background-color: #4d765d;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 80px;
  height: 2px;
  margin-top: 14px;
  margin-bottom: 14px;
  position: static;
  inset: auto auto 38% 24%;
}

.h3-product-type-21-wellness {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: static;
  top: auto;
  left: auto;
  right: auto;
}

.h3-product-type-3-wellness {
  color: #171717;
  text-align: left;
  letter-spacing: .015em;
  text-transform: uppercase;
  width: 100%;
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 24px;
}

.div-block-line-3-wellness {
  background-color: #4d765d;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 80px;
  height: 2px;
  margin-top: 14px;
  margin-bottom: 14px;
  position: static;
  inset: auto auto 38% 24%;
}

.h3-product-type-31-wellness {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: static;
  top: auto;
  left: auto;
  right: auto;
}

.h3-product-type-4-wellness {
  text-align: center;
  margin: 0 auto;
  font-size: 22px;
}

.div-block-line-4-wellness {
  background-color: #b88b46;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50px;
  height: 2px;
  position: absolute;
  inset: auto auto 38% 27.5%;
}

.h3-product-type-41-wellness {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.quick-stack-product-types-wellness {
  outline-width: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 22px 0;
}

.combo {
  outline-width: 0;
  min-height: 650px;
}

.combo-container {
  outline-width: 0;
  width: 100%;
  max-width: 1439px;
}

.quick-stack-combo {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  outline-width: 0;
}

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

.div-block-combo-1 {
  outline-width: 0;
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.div-block-combo-2 {
  outline-width: 0;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 5px;
  position: relative;
}

.image-107 {
  max-width: 75%;
  position: absolute;
  inset: 0% auto 0% -7%;
}

.cell-58 {
  outline-width: 0;
  justify-content: center;
  align-items: flex-start;
}

.div-block-combo-3 {
  outline-width: 0;
  width: 100%;
  padding-top: 10px;
}

.h1-combo {
  color: #b88b46;
  letter-spacing: -.01em;
  white-space: nowrap;
  outline-width: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
}

.h2-combo {
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 25px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}

.text-combo-1 {
  outline-width: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Manrope, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 23px;
}

.text-combo-2, .text-combo-3, .text-combo-4 {
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Manrope, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 23px;
}

.div-block-combo-line {
  background-color: #b88b46;
  outline-width: 0;
  height: 1px;
}

.cell-59 {
  outline-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
}

.text-span-27 {
  font-size: 18px;
}

.text-combo-1-1 {
  outline-width: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.text-combo-2-2 {
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.text-span-28 {
  font-size: 17px;
}

.text-combo-3-3, .text-combo-4-4 {
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.div-block-space-combo {
  outline-width: 0;
  height: 25px;
}

.text-combo-5 {
  color: #b88b46;
  width: 68%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 15px;
  line-height: 25px;
}

.paragraph-4 {
  color: #b88b46;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Droid Sans, sans-serif;
  font-size: 17px;
}

.paragraph-combo-1 {
  color: #b88b46;
  border-left: 2px solid #b88b46;
  outline-width: 0;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 16px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
}

.paragraph-combo-2, .paragraph-combo-3, .paragraph-combo-4, .paragraph-combo-5, .paragraph-combo-6, .paragraph-combo-7, .paragraph-combo-8, .paragraph-combo-9 {
  color: #b88b46;
  border-left: 2px solid #b88b46;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 16px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
}

.h2-01-advantades-t2-combo {
  color: #30453b;
  letter-spacing: -.01em;
  width: 80%;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  padding-left: 0;
  font-family: Manrope, sans-serif;
  font-size: 42px;
  font-weight: 800;
  line-height: 50px;
}

.text-01-advantades-t2-combo {
  color: #5f5b55;
  width: 68%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

._01-advantades-t2-text-11-combo, ._01-advantades-t2-text-12-combo, ._01-advantades-t2-text-13-combo, ._01-advantades-t2-text-14-combo {
  color: #171717;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Serif Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.image-105-1-icon-combo {
  height: 550px;
  position: absolute;
  inset: 16% -28% auto auto;
  -webkit-mask-image: linear-gradient(90deg, #0000 10%, #000 65%);
  mask-image: linear-gradient(90deg, #0000 10%, #000 65%);
}

.product-types-wellness-container {
  width: 100%;
  max-width: none;
  min-height: 650px;
  padding: 36px 58px;
  position: relative;
}

.button-17 {
  margin-left: auto;
  margin-right: auto;
}

.button-wellness {
  color: #f7f5f0;
  text-align: center;
  letter-spacing: .01em;
  vertical-align: baseline;
  background-color: #30453b;
  border: 1px solid #4d765d;
  border-radius: 9px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: auto;
  margin-top: 36px;
  margin-left: auto;
  margin-right: auto;
  padding: 17px 38px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .3s, color .3s, border-color .3s, transform .3s cubic-bezier(.22, .61, .36, 1);
  display: block;
  position: relative;
  inset: auto;
}

.button-wellness:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  transform: translate(0, -2px);
}

.gallery-wellness-container {
  width: 100%;
  max-width: none;
  padding: 48px 0;
}

.h2-gallery-wellness {
  color: #30453b;
  text-align: center;
  letter-spacing: -.01em;
  width: 100%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 20px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.tabs-gallery-wellness {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.tabs-menu-gallery-wellness {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
}

.tabs-content-wellness {
  margin-top: -22px;
  position: relative;
}

.tab-link-sauna {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-sauna:hover {
  color: #171717;
  background-color: #d8c7ae;
}

.tab-link-sauna.w--current {
  background-color: #b88b46;
  border-radius: 8px;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
}

.tab-link-whirlpool {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-whirlpool:hover {
  color: #171717;
  background-color: #d8c7ae;
}

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

.tab-link-hottube {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 10px 10px 0 0;
  height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 22px 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s, color .3s;
}

.tab-link-hottube:hover {
  color: #171717;
  background-color: #d8c7ae;
}

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

.quick-stack-1-tab-pane-sauna {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 10px 0;
}

.quick-stack-2-tab-pane-sauna, .quick-stack-3-tab-pane-sauna {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 0 0 10px;
}

.quick-stack-1-tab-pane-whirlpool {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 10px 0;
}

.quick-stack-2-tab-pane-whirlpool, .quick-stack-3-tab-pane-whirlpool {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 0 0 10px;
}

.quick-stack-1-tab-pane-hottube {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 10px 0;
}

.quick-stack-2-tab-pane-hottube, .quick-stack-3-tab-pane-hottube {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 0 0 10px;
}

.zubehor-container {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6aa80a449a3a4ffecaecf2d6_zubehor-hero-background-clean%20(5).png");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  max-width: none;
  min-height: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.zubehor-card {
  z-index: 1;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #201f1dbd;
  border-radius: 13px;
  width: 600px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 45px;
  position: absolute;
  inset: 20% auto auto 4%;
}

.h1-offer-zubehor {
  color: #b88b46;
  -webkit-text-stroke-color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 21px;
}

.h2-offer-zubehor {
  color: #dddad2;
  -webkit-text-stroke-color: #dddad2;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 3px;
  font-size: 50px;
  font-weight: 500;
  line-height: 50px;
}

.h2-offer-zubehor-2 {
  color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 50px;
  font-weight: 500;
  line-height: 48px;
}

.h3-offer-zubehor {
  color: #dddad2;
  width: 68%;
  font-size: 20px;
  font-weight: 400;
}

.quick-stack-offer-zubehor {
  padding: 25px 0;
}

.quick-stack-offer-zubehor-2 {
  padding: 22px 0 0;
}

.together-container {
  width: 100%;
  max-width: 1439px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
  padding-bottom: 25px;
  position: relative;
}

.image-together {
  width: 70%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.h2-together {
  text-align: center;
  margin: 0 auto;
  padding: 20px 30px;
  font-family: Merriweather, serif;
  font-size: 45px;
}

.div-block-together-1 {
  width: 15%;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  inset: 20% auto auto 6%;
}

.text-together {
  aspect-ratio: auto;
  text-align: center;
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Droid Sans, sans-serif;
  font-size: 24px;
}

.number-together-01 {
  color: #b88b46;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 0;
  font-size: 30px;
  font-weight: 500;
}

.h3-together-dop-01 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 20px;
  font-weight: 300;
}

.text-together-01 {
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 0;
  font-size: 28px;
  font-weight: 500;
}

.div-block-space-together {
  height: 150px;
}

.div-block-together-2 {
  width: 15%;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  inset: 20% 30% auto auto;
}

.number-together-02 {
  color: #b88b46;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 0;
  font-size: 30px;
  font-weight: 500;
}

.text-together-02 {
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 0;
  font-size: 28px;
  font-weight: 500;
}

.h3-together-dop-02 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 20px;
  font-weight: 300;
}

.div-block-together-3 {
  width: 15%;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  inset: 20% 2% auto auto;
}

.number-together-03 {
  color: #b88b46;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 0;
  font-size: 30px;
  font-weight: 500;
}

.text-together-03 {
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 0;
  font-size: 28px;
  font-weight: 500;
}

.h3-together-dop-03 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 20px;
  font-weight: 300;
}

.div-block-together-4 {
  width: 15%;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  inset: auto auto 8% 3%;
}

.number-together-04 {
  color: #b88b46;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 0;
  font-size: 30px;
  font-weight: 500;
}

.text-together-04 {
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 0;
  font-size: 28px;
  font-weight: 500;
}

.h3-together-dop-04 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 20px;
  font-weight: 300;
}

.div-block-together-5 {
  width: 15%;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  inset: auto -2% 4% auto;
}

.number-together-05 {
  color: #b88b46;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 0;
  font-size: 30px;
  font-weight: 500;
}

.text-together-05 {
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 0;
  font-size: 28px;
  font-weight: 500;
}

.h3-together-dop-05 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 20px;
  font-weight: 300;
}

.div-block-line-together-1 {
  background-color: #b88b46;
  width: 20%;
  height: 1.5px;
  position: absolute;
  inset: 34% auto auto 11%;
  transform: rotate(42deg);
}

.div-block-line-together-2 {
  background-color: #b88b46;
  width: 20%;
  height: 1.5px;
  position: absolute;
  inset: 35% auto auto 37.5%;
  transform: rotate(-45deg);
}

.div-block-line-together-3 {
  background-color: #b88b46;
  width: 22%;
  height: 1.5px;
  position: absolute;
  inset: 42% auto auto 70%;
  transform: rotate(-82deg);
}

.div-block-line-together-4 {
  background-color: #b88b46;
  width: 13%;
  height: 1.5px;
  position: absolute;
  inset: 75.5% auto auto 9.5%;
  transform: rotate(-37deg);
}

.div-block-line-together-5 {
  background-color: #b88b46;
  width: 8%;
  height: 1.5px;
  position: absolute;
  inset: 75% 11% auto auto;
  transform: rotate(64deg);
}

.product-types-container-together {
  width: 100%;
  max-width: 1439px;
  min-height: 650px;
  padding: 36px 58px;
}

.h2-product-types-together {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Baskervville, sans-serif;
  font-size: 65px;
  font-weight: 600;
}

.text-product-types-1-together {
  color: #e80c0c;
  margin-bottom: 0;
  padding-top: 27px;
  padding-bottom: 0;
  font-size: 20px;
}

.quick-stack-product-types-together {
  padding: 22px 0;
}

.h3-product-type-1-together {
  text-align: left;
  margin: 0 auto;
  font-size: 19px;
}

.h3-product-type-11-together {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.div-block-line-1-together {
  background-color: #b88b46;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50px;
  height: 1px;
  position: absolute;
  inset: auto auto 38% 26.5%;
}

.h3-product-type-2-together, .h3-product-type-3-together, .h3-product-type-4-together {
  text-align: left;
  margin: 0 auto;
  font-size: 19px;
}

.div-block-line-2-together {
  background-color: #b88b46;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50px;
  height: 1px;
  position: absolute;
  inset: auto auto 38% 26.5%;
}

.h3-product-type-21-together {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.div-block-line-3-together {
  background-color: #b88b46;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50px;
  height: 1px;
  position: absolute;
  inset: auto auto 38% 26.5%;
}

.h3-product-type-31-together {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.div-block-line-4-together {
  background-color: #b88b46;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50px;
  height: 1px;
  position: absolute;
  inset: auto auto 38% 26.5%;
}

.h3-product-type-41-together {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.product-type-1-card-together, .product-type-5-card-together {
  z-index: 0;
  border: 1px solid #b88b46;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 170px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% -8%;
}

.h3-product-type-5-together {
  text-align: left;
  margin: 0 auto;
  font-size: 19px;
}

.div-block-line-5-together {
  background-color: #b88b46;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50px;
  height: 1px;
  position: absolute;
  inset: auto auto 38% 26.5%;
}

.h3-product-type-55-together {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -46px;
  left: 0%;
  right: 0%;
}

.product-type-2-card-together, .product-type-3-card-together, .product-type-4-card-together {
  z-index: 0;
  border: 1px solid #b88b46;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 170px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% -8%;
}

.difference {
  padding-top: 25px;
  padding-bottom: 25px;
}

.div-block-203 {
  width: 100%;
  max-width: 1439px;
}

.h2-difference {
  text-align: center;
  font-size: 40px;
}

.quick-stack-difference {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  padding-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.div-block-difference-1, .div-block-difference-2 {
  width: 100%;
  position: relative;
}

.plash-card-1 {
  z-index: 2;
  background-color: #b88b46;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 28%;
  height: 10%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto auto 86% 2%;
}

.image-108, .image-difference-1 {
  z-index: 1;
  position: static;
}

.t-difference-1 {
  color: #dddad2;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Droid Sans, sans-serif;
  font-size: 19px;
  font-weight: 600;
}

.plash-card-2 {
  z-index: 2;
  background-color: #b88b46;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 28%;
  height: 10%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 2% 86% auto;
}

.t-difference-2 {
  color: #dddad2;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Droid Sans, sans-serif;
  font-size: 19px;
  font-weight: 600;
}

.quick-stack-difference-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  padding: 0 40px;
}

.quick-stack-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #dddad25e;
  width: 100%;
  padding: 10px 0 15px;
}

.cell-60 {
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-204 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cell-61, .cell-62, .cell-63 {
  border-right: 1px solid #b88b46;
  justify-content: center;
  align-items: center;
}

.cell-64 {
  justify-content: center;
  align-items: center;
}

.cell-65, .cell-66 {
  border-right: 1px solid #b88b46;
  justify-content: center;
  align-items: center;
}

.cell-67 {
  justify-content: center;
  align-items: center;
}

.image-109 {
  width: 45px;
  max-width: none;
  height: 45px;
  padding-top: 5px;
}

.text-difference-1 {
  text-align: center;
  width: 90%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
}

.image-d2 {
  width: 45px;
  max-width: none;
  height: 45px;
  padding-top: 5px;
}

.text-difference-2 {
  text-align: center;
  width: 80%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
}

.image-d3 {
  width: 45px;
  max-width: none;
  height: 45px;
  padding-top: 5px;
}

.text-difference-3 {
  text-align: center;
  width: 70%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
}

.image-d4 {
  width: 45px;
  max-width: none;
  height: 45px;
  padding-top: 5px;
}

.text-difference-4 {
  text-align: center;
  width: 80%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
}

.image-d5 {
  width: 45px;
  max-width: none;
  height: 45px;
  padding-top: 5px;
}

.text-difference-5 {
  text-align: center;
  width: 80%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
}

.image-d6 {
  width: 45px;
  max-width: none;
  height: 45px;
  padding-top: 5px;
}

.text-difference-6 {
  text-align: center;
  width: 80%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
}

.image-d7 {
  width: 45px;
  max-width: none;
  height: 45px;
  padding-top: 5px;
}

.text-difference-7 {
  text-align: center;
  width: 75%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
}

.image-d8 {
  width: 45px;
  max-width: none;
  height: 45px;
  padding-top: 5px;
}

.text-difference-8 {
  text-align: center;
  width: 80%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
}

.button-difference {
  text-align: center;
  vertical-align: baseline;
  background-color: #b88b46;
  border-radius: 9px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 19%;
  margin: 35px auto 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  display: block;
}

.h2-01-advantades-t2-zubehor {
  width: 80%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Merriweather, serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 65px;
}

.text-01-advantades-t2-zubehor {
  color: #e50b0b;
  width: 70%;
  margin-bottom: 0;
  padding-top: 22px;
  padding-bottom: 22px;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 31px;
}

._01-advantades-t2-text-11-zubehor, ._01-advantades-t2-text-12-zubehor {
  width: 100%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

._01-advantades-t2-text-13-zubehor {
  width: 102%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

._01-advantades-t2-text-14-zubehor {
  width: 103%;
  margin-bottom: 0;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.image-105-1-icon-zubehor {
  height: 550px;
  position: absolute;
  inset: 14% -8% auto auto;
}

.portfolio-container {
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6acc90b9fa704fbd870cec42_portfolio-1.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  outline-width: 0;
  width: 100%;
  max-width: none;
  min-height: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.portfolio-card {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #201f1dbd;
  border-radius: 13px;
  outline-width: 0;
  width: 600px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 45px;
  display: block;
  position: absolute;
  inset: 20% auto auto 4%;
}

.h1-offer-portfolio {
  color: #d8c7ae;
  -webkit-text-stroke-color: #d8c7ae;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: DM Sans, sans-serif;
  font-size: 21px;
  line-height: 24px;
}

.h2-offer-portfolio {
  color: #fff;
  letter-spacing: .02em;
  -webkit-text-stroke-color: #dddad2;
  text-transform: uppercase;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 52px;
}

.h2-offer-portfolio-2 {
  color: #fff;
  text-transform: uppercase;
  border-bottom: 3px solid #4d765d;
  outline-width: 0;
  margin-top: 12px;
  margin-bottom: 0;
  padding: 0 0 6px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 44px;
  display: inline-block;
}

.h3-offer-portfolio {
  color: #dddad2;
  outline-width: 0;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
}

.quick-stack-offer-portfolio {
  padding: 25px 0;
}

.quick-stack-offer-portfolio-2 {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  outline-width: 0;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 14px 0 0;
}

.div-block-button-offer-portfolio {
  width: 100%;
}

.button-offer-portfolio {
  color: #dddad2;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #30453b;
  border: 1px solid #4d765d;
  border-radius: 9px;
  outline-width: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-offer-portfolio:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
}

.div-block-portfolio {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  text-align: left;
  outline-width: 0;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 18px;
  padding-bottom: 14px;
  display: flex;
}

.bold-portfolio {
  background-color: #f7f5f0;
  outline-width: 0;
  padding-top: 72px;
  padding-bottom: 88px;
}

.bold-portfolio-container {
  outline-width: 0;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 58px;
  padding-right: 58px;
  position: relative;
}

.h2-bold-portfolio {
  color: #30453b;
  text-align: center;
  letter-spacing: -.01em;
  outline-width: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 16px;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 52px;
}

.quick-stack-bold-portfolio {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  outline-width: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 24px 0 0;
  display: grid;
}

.div-block-bold-portfolio-1 {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  outline-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  overflow: hidden;
}

.div-block-bold-portfolio-1:hover {
  border-color: #b88a45;
  transform: translate(0, -8px);
  box-shadow: 0 20px 44px #17171724;
}

.image-bold-portfolio-1 {
  object-fit: cover;
  outline-width: 0;
  width: 100%;
  max-width: none;
  height: 280px;
  transition: transform .7s cubic-bezier(.22, .61, .36, 1);
  display: block;
}

.image-bold-portfolio-1:hover {
  transform: scale(1.05);
}

.h2-bold-portfolio-1 {
  color: #171717;
  text-align: left;
  letter-spacing: .03em;
  text-transform: uppercase;
  outline-width: 0;
  margin-top: 22px;
  margin-bottom: 8px;
  padding-left: 26px;
  padding-right: 26px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
}

.button-bold-portfolio {
  color: #fefbf5;
  background-color: #b88b46;
  border-radius: 9px;
  padding: 15px 20px;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
}

.cell-68 {
  outline-width: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.cell-69, .cell-70, .cell-71, .cell-72, .cell-73 {
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-bold-portfolio-2 {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  overflow: hidden;
}

.div-block-bold-portfolio-2:hover {
  border-color: #b88a45;
  transform: translate(0, -8px);
  box-shadow: 0 20px 44px #17171724;
}

.image-bold-portfolio-2 {
  object-fit: cover;
  object-position: 50% 15%;
  width: 100%;
  max-width: none;
  height: 280px;
  transition: transform .7s cubic-bezier(.22, .61, .36, 1);
  display: block;
}

.image-bold-portfolio-2:hover {
  transform: scale(1.05);
}

.h2-bold-portfolio-2 {
  color: #171717;
  text-align: left;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-top: 22px;
  margin-bottom: 8px;
  padding-left: 26px;
  padding-right: 26px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
}

.div-block-bold-portfolio-3 {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  overflow: hidden;
}

.div-block-bold-portfolio-3:hover {
  border-color: #b88a45;
  transform: translate(0, -8px);
  box-shadow: 0 20px 44px #17171724;
}

.image-bold-portfolio-3 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 280px;
  transition: transform .7s cubic-bezier(.22, .61, .36, 1);
  display: block;
}

.image-bold-portfolio-3:hover {
  transform: scale(1.05);
}

.h2-bold-portfolio-3 {
  color: #171717;
  text-align: left;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-top: 22px;
  margin-bottom: 8px;
  padding-left: 26px;
  padding-right: 26px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
}

.div-block-bold-portfolio-4 {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  overflow: hidden;
}

.div-block-bold-portfolio-4:hover {
  border-color: #b88a45;
  transform: translate(0, -8px);
  box-shadow: 0 20px 44px #17171724;
}

.image-bold-portfolio-4 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 280px;
  transition: transform .7s cubic-bezier(.22, .61, .36, 1);
  display: block;
}

.image-bold-portfolio-4:hover {
  transform: scale(1.05);
}

.h2-bold-portfolio-4 {
  color: #171717;
  text-align: left;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-top: 22px;
  margin-bottom: 8px;
  padding-left: 26px;
  padding-right: 26px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
}

.div-block-bold-portfolio-5 {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  overflow: hidden;
}

.div-block-bold-portfolio-5:hover {
  border-color: #b88a45;
  transform: translate(0, -8px);
  box-shadow: 0 20px 44px #17171724;
}

.image-bold-portfolio-5 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 280px;
  transition: transform .7s cubic-bezier(.22, .61, .36, 1);
  display: block;
}

.image-bold-portfolio-5:hover {
  transform: scale(1.05);
}

.h2-bold-portfolio-5 {
  color: #171717;
  text-align: left;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-top: 22px;
  margin-bottom: 8px;
  padding-left: 26px;
  padding-right: 26px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
}

.div-block-bold-portfolio-6 {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  overflow: hidden;
}

.div-block-bold-portfolio-6:hover {
  border-color: #b88a45;
  transform: translate(0, -8px);
  box-shadow: 0 20px 44px #17171724;
}

.image-bold-portfolio-6 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 280px;
  transition: transform .7s cubic-bezier(.22, .61, .36, 1);
  display: block;
}

.image-bold-portfolio-6:hover {
  transform: scale(1.05);
}

.h2-bold-portfolio-6 {
  color: #171717;
  text-align: left;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-top: 22px;
  margin-bottom: 8px;
  padding-left: 26px;
  padding-right: 26px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
}

.fon-bold-portfolio-1 {
  z-index: 1100;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #171717c7;
  outline-width: 0;
  display: none;
  position: fixed;
  inset: 0%;
}

.card-bold-portfolio-1 {
  z-index: 1101;
  background-color: #fff;
  border-radius: 20px;
  outline-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 88%;
  max-width: 1200px;
  height: fit-content;
  max-height: 90vh;
  margin: auto;
  padding: 48px 44px 44px;
  font-family: DM Sans, sans-serif;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: auto;
  box-shadow: 0 30px 80px #00000059;
}

.quick-stack-8 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 100%;
}

.div-block-card-bold-portfolio-1 {
  outline-width: 0;
  align-self: flex-start;
  width: 100%;
  position: static;
}

.div-block-card-bold-portfolio-2 {
  outline-width: 0;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: auto;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.image-card-bold-portfolio-1-1 {
  z-index: auto;
  opacity: 1;
  object-fit: cover;
  border-radius: 14px;
  outline-width: 0;
  width: 100%;
  max-width: none;
  height: 440px;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
  inset: auto;
}

.quick-stack-card-bold-portfolio-1 {
  grid-column-gap: 44px;
  grid-row-gap: 28px;
  outline-width: 0;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  width: 100%;
  padding: 0;
}

.quick-stack-9 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 10px 0;
}

.quick-stack-div-block-card-bold-portfolio-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  outline-width: 0;
  grid-template-columns: 1fr 1fr 1fr;
  height: auto;
  padding: 12px 0 0;
  position: static;
  bottom: auto;
  left: auto;
  right: auto;
}

.image-110 {
  cursor: auto;
  object-fit: cover;
  border-radius: 12px;
  outline-width: 0;
  width: 100%;
  height: 110px;
  transition: filter .3s, transform .3s;
  display: block;
}

.image-110:hover {
  filter: none;
  transform: none;
}

.h2-card-bold-portfolio-1 {
  color: #4d765d;
  letter-spacing: .16em;
  -webkit-text-stroke-color: #b88b46;
  text-transform: uppercase;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.h1-card-bold-portfolio-1 {
  color: #30453b;
  letter-spacing: -.015em;
  -webkit-text-stroke-color: #dddad2;
  text-transform: uppercase;
  white-space: nowrap;
  outline-width: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 22px;
  font-family: Manrope, sans-serif;
  font-size: 27px;
  font-weight: 800;
  line-height: 33px;
}

.cell-74 {
  outline-width: 0;
  padding-left: 0;
  padding-right: 0;
}

.quick-stack-card-bold-portfolio {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #e7e2d8;
  outline-width: 0;
  grid-template-columns: 26px 1fr;
  align-items: start;
  padding: 14px 0;
}

.image-111 {
  cursor: auto;
  object-fit: cover;
  border-radius: 12px;
  outline-width: 0;
  width: 100%;
  height: 110px;
  transition: filter .3s, transform .3s;
  display: block;
}

.image-111:hover {
  filter: none;
  transform: none;
}

.image-112 {
  cursor: auto;
  object-fit: cover;
  border-radius: 12px;
  outline-width: 0;
  width: 100%;
  height: 110px;
  transition: filter .3s, transform .3s;
  display: block;
}

.image-112:hover {
  filter: none;
  transform: none;
}

.cell-75 {
  outline-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
}

.div-block-card-bold-portfolio {
  outline-width: 0;
  width: 100%;
  padding-left: 0;
}

.text-card-bold-portfolio-1-1 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  outline-width: 0;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-1-1-1 {
  color: #585753;
  outline-width: 0;
  width: 80%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-1-2 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-1-2-2 {
  color: #585753;
  width: 100%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-1-3 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-1-3-3 {
  color: #585753;
  width: 80%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-1-4 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-1-4-4 {
  color: #585753;
  width: 80%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.button-card-bold-portfolio {
  color: #f7f5f0;
  text-align: center;
  letter-spacing: .01em;
  vertical-align: baseline;
  background-color: #30453b;
  border-radius: 9px;
  outline-width: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 28px;
  margin-left: 0;
  margin-right: 0;
  padding: 17px 38px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .3s, color .3s, transform .3s cubic-bezier(.22, .61, .36, 1);
  display: inline-block;
  position: relative;
  inset: auto;
}

.button-card-bold-portfolio:hover {
  color: #171717;
  background-color: #d8c7ae;
  transform: translate(0, -2px);
}

.div-block-205 {
  background-color: #fff;
  border-radius: 100%;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: -5% -149% auto auto;
}

.paragraph-5 {
  color: #b88b46;
  margin-bottom: 0;
  font-size: 65px;
  font-weight: 200;
}

.krest {
  cursor: pointer;
  background-color: #fff;
  border-radius: 100%;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  transition: all .555s;
  display: flex;
  position: absolute;
  inset: -28% -149% auto auto;
}

.krest:hover {
  background-color: #b88b4691;
}

.krest-1 {
  color: #b88b46;
  margin-bottom: 0;
  font-size: 65px;
  font-weight: 200;
  transition: all .555s;
  position: absolute;
  top: -7.00625px;
}

.krest-1:hover {
  color: #fff;
}

.card-bold-portfolio-3 {
  z-index: 1101;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 88%;
  max-width: 1200px;
  height: fit-content;
  max-height: 90vh;
  margin: auto;
  padding: 48px 44px 44px;
  font-family: DM Sans, sans-serif;
  display: block;
  position: fixed;
  inset: 0;
  overflow: auto;
  box-shadow: 0 30px 80px #00000059;
}

.quick-stack-card-bold-portfolio-3 {
  grid-column-gap: 44px;
  grid-row-gap: 28px;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  width: 100%;
  padding: 0;
}

.h2-card-bold-portfolio-3 {
  color: #4d765d;
  letter-spacing: .16em;
  -webkit-text-stroke-color: #b88b46;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.h1-card-bold-portfolio-3 {
  color: #30453b;
  letter-spacing: -.01em;
  -webkit-text-stroke-color: #dddad2;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 22px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 46px;
}

.text-card-bold-portfolio-3-1 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-3-1-1 {
  color: #585753;
  width: 80%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-3-2 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-3-2-2 {
  color: #585753;
  width: 100%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-3-3 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-3-3-3 {
  color: #585753;
  width: 80%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-3-4 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-3-4-4 {
  color: #585753;
  width: 80%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.button-krest-3 {
  z-index: 5;
  color: #30453b;
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  outline-width: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  font-family: DM Sans, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
  transition: background-color .3s, border-color .3s, transform .4s cubic-bezier(.22, .61, .36, 1);
  display: flex;
  position: absolute;
  inset: 16px 16px auto auto;
}

.button-krest-3:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  transform: rotate(90deg);
}

.button-bold-portfolio-1 {
  color: #30453b;
  text-align: left;
  background-color: #0000;
  border-width: 0;
  border-radius: 9px;
  outline-width: 0;
  margin-top: auto;
  padding: 0 26px 26px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  transition: padding-left .3s, color .3s;
}

.button-bold-portfolio-1:hover {
  color: #b88a45;
  background-color: #0000;
  border: 0 solid #b88b46;
  padding-left: 34px;
}

.button-bold-portfolio-2 {
  color: #30453b;
  text-align: left;
  background-color: #0000;
  border-width: 0;
  border-radius: 9px;
  margin-top: auto;
  padding: 0 26px 26px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  transition: padding-left .3s, color .3s;
}

.button-bold-portfolio-2:hover {
  color: #b88a45;
  background-color: #0000;
  border: 0 solid #b88b46;
  padding-left: 34px;
}

.button-bold-portfolio-3 {
  color: #30453b;
  text-align: left;
  background-color: #0000;
  border-width: 0;
  border-radius: 9px;
  margin-top: auto;
  padding: 0 26px 26px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  transition: padding-left .3s, color .3s;
}

.button-bold-portfolio-3:hover {
  color: #b88a45;
  background-color: #0000;
  border: 0 solid #b88b46;
  padding-left: 34px;
}

.button-bold-portfolio-4 {
  color: #30453b;
  text-align: left;
  background-color: #0000;
  border-width: 0;
  border-radius: 9px;
  margin-top: auto;
  padding: 0 26px 26px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  transition: padding-left .3s, color .3s;
}

.button-bold-portfolio-4:hover {
  color: #b88a45;
  background-color: #0000;
  border: 0 solid #b88b46;
  padding-left: 34px;
}

.button-bold-portfolio-5 {
  color: #30453b;
  text-align: left;
  background-color: #0000;
  border-width: 0;
  border-radius: 9px;
  margin-top: auto;
  padding: 0 26px 26px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  transition: padding-left .3s, color .3s;
}

.button-bold-portfolio-5:hover {
  color: #b88a45;
  background-color: #0000;
  border: 0 solid #b88b46;
  padding-left: 34px;
}

.button-bold-portfolio-6 {
  color: #30453b;
  text-align: left;
  background-color: #0000;
  border-width: 0;
  border-radius: 9px;
  margin-top: auto;
  padding: 0 26px 26px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  transition: padding-left .3s, color .3s;
}

.button-bold-portfolio-6:hover {
  color: #b88a45;
  background-color: #0000;
  border: 0 solid #b88b46;
  padding-left: 34px;
}

.fon-bold-portfolio-2 {
  z-index: 1100;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #171717c7;
  display: none;
  position: fixed;
  inset: 0%;
}

.card-bold-portfolio-2 {
  z-index: 1101;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 88%;
  max-width: 1200px;
  height: fit-content;
  max-height: 90vh;
  margin: auto;
  padding: 48px 44px 44px;
  font-family: DM Sans, sans-serif;
  display: block;
  position: fixed;
  inset: 0;
  overflow: auto;
  box-shadow: 0 30px 80px #00000059;
}

.quick-stack-card-bold-portfolio-2 {
  grid-column-gap: 44px;
  grid-row-gap: 28px;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  width: 100%;
  padding: 0;
}

.h2-card-bold-portfolio-2 {
  color: #4d765d;
  letter-spacing: .16em;
  -webkit-text-stroke-color: #b88b46;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.h1-card-bold-portfolio-2 {
  color: #30453b;
  letter-spacing: -.01em;
  -webkit-text-stroke-color: #dddad2;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 22px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 46px;
}

.text-card-bold-portfolio-2-1 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-2-1-1 {
  color: #585753;
  width: 80%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-2-2 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-2-2-2 {
  color: #585753;
  width: 100%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-2-3 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-2-3-3 {
  color: #585753;
  width: 80%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-2-4 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-2-4-4 {
  color: #585753;
  width: 80%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.fon-bold-portfolio-3 {
  z-index: 1100;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #171717c7;
  outline-width: 0;
  display: none;
  position: fixed;
  inset: 0%;
}

.button-krest-1 {
  z-index: 5;
  color: #30453b;
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  outline-width: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  font-family: DM Sans, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
  transition: background-color .3s, border-color .3s, transform .4s cubic-bezier(.22, .61, .36, 1);
  display: flex;
  position: absolute;
  inset: 16px 16px auto auto;
}

.button-krest-1:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  transform: rotate(90deg);
}

.fon-bold-portfolio-4 {
  z-index: 1100;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #171717c7;
  display: none;
  position: fixed;
  inset: 0%;
}

.card-bold-portfolio-4 {
  z-index: 1101;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 88%;
  max-width: 1200px;
  height: fit-content;
  max-height: 90vh;
  margin: auto;
  padding: 48px 44px 44px;
  font-family: DM Sans, sans-serif;
  display: block;
  position: fixed;
  inset: 0;
  overflow: auto;
  box-shadow: 0 30px 80px #00000059;
}

.quick-stack-card-bold-portfolio-4 {
  grid-column-gap: 44px;
  grid-row-gap: 28px;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  width: 100%;
  padding: 0;
}

.h2-card-bold-portfolio-4 {
  color: #4d765d;
  letter-spacing: .16em;
  -webkit-text-stroke-color: #b88b46;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.h1-card-bold-portfolio-4 {
  color: #30453b;
  letter-spacing: -.01em;
  -webkit-text-stroke-color: #dddad2;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 22px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 46px;
  display: flex;
}

.text-card-bold-portfolio-4-1 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-4-1-1 {
  color: #585753;
  width: 80%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-4-2 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-4-2-2 {
  color: #585753;
  width: 100%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-4-3 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-4-3-3 {
  color: #585753;
  width: 80%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-4-4 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-4-4-4 {
  color: #585753;
  width: 105%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.fon-bold-portfolio-5 {
  z-index: 1100;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #171717c7;
  display: none;
  position: fixed;
  inset: 0%;
}

.card-bold-portfolio-5 {
  z-index: 1101;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 88%;
  max-width: 1200px;
  height: fit-content;
  max-height: 90vh;
  margin: auto;
  padding: 48px 44px 44px;
  font-family: DM Sans, sans-serif;
  display: block;
  position: fixed;
  inset: 0;
  overflow: auto;
  box-shadow: 0 30px 80px #00000059;
}

.quick-stack-card-bold-portfolio-5 {
  grid-column-gap: 44px;
  grid-row-gap: 28px;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  width: 100%;
  padding: 0;
}

.h2-card-bold-portfolio-5 {
  color: #4d765d;
  letter-spacing: .16em;
  -webkit-text-stroke-color: #b88b46;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.h1-card-bold-portfolio-5 {
  color: #30453b;
  letter-spacing: -.01em;
  -webkit-text-stroke-color: #dddad2;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 22px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 46px;
}

.text-card-bold-portfolio-5-1 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-5-1-1 {
  color: #585753;
  width: 80%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-5-2 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-5-2-2 {
  color: #585753;
  width: 100%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-5-3 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-5-3-3 {
  color: #585753;
  width: 80%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-5-4 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-5-4-4 {
  color: #585753;
  width: 80%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
  display: flex;
}

.fon-bold-portfolio-6 {
  z-index: 1100;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #171717c7;
  display: none;
  position: fixed;
  inset: 0%;
}

.card-bold-portfolio-6 {
  z-index: 1101;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 88%;
  max-width: 1200px;
  height: fit-content;
  max-height: 90vh;
  margin: auto;
  padding: 48px 44px 44px;
  font-family: DM Sans, sans-serif;
  display: block;
  position: fixed;
  inset: 0;
  overflow: auto;
  box-shadow: 0 30px 80px #00000059;
}

.quick-stack-card-bold-portfolio-6 {
  grid-column-gap: 44px;
  grid-row-gap: 28px;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  width: 100%;
  padding: 0;
}

.h2-card-bold-portfolio-6 {
  color: #4d765d;
  letter-spacing: .16em;
  -webkit-text-stroke-color: #b88b46;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.h1-card-bold-portfolio-6 {
  color: #30453b;
  letter-spacing: -.01em;
  -webkit-text-stroke-color: #dddad2;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 22px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 46px;
}

.text-card-bold-portfolio-6-1 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-6-1-1 {
  color: #585753;
  width: 80%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-6-2 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-6-2-2 {
  color: #585753;
  width: 100%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-6-3 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-6-3-3 {
  color: #585753;
  width: 80%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.text-card-bold-portfolio-6-4 {
  color: #4d765d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
}

.text-card-bold-portfolio-6-4-4 {
  color: #585753;
  width: 90%;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 29px;
}

.button-card-bold-portfolio-1 {
  color: #f7f5f0;
  text-align: center;
  letter-spacing: .01em;
  vertical-align: baseline;
  background-color: #30453b;
  border-radius: 9px;
  outline-width: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 28px;
  margin-left: 0;
  margin-right: 0;
  padding: 17px 38px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .3s, color .3s, transform .3s cubic-bezier(.22, .61, .36, 1);
  display: inline-block;
  position: relative;
  inset: auto;
}

.button-card-bold-portfolio-1:hover {
  color: #171717;
  background-color: #d8c7ae;
  transform: translate(0, -2px);
}

.container-large-20 {
  background-color: #0000;
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.container-large-20.kundenstimmen {
  padding-left: 0;
  font-size: 1.5vw;
}

.heading-style-h2-12 {
  letter-spacing: -.01em;
  text-transform: none;
  font-family: Baskervville, sans-serif;
  font-size: 2rem;
  line-height: 1;
}

.heading-style-h2-12.vt-title-portfolio {
  color: #30453b;
  text-align: left;
  letter-spacing: -.01em;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.text-weight-semibold {
  color: #ffb73b;
  font-weight: 600;
}

.padding-global-24 {
  background-color: #f4f5f0;
  padding-left: 5%;
  padding-right: 5%;
}

.text-span-29.vt-accent-portfolio {
  color: #4d765d;
}

.copy-small-5 {
  color: #1d1d1b;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

.copy-small-5.vt-quote-portfolio {
  color: #171717;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
}

.showroom-container {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ac547bf22ca4eb265a1e8b0_BOLD_office_showroom_awning_fabric_right_under_4mb.jpg");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  max-width: none;
  min-height: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.showroom-card {
  z-index: 1;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #201f1dbd;
  border-radius: 13px;
  width: 600px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 45px;
  position: absolute;
  inset: 20% auto auto 4%;
}

.h1-offer-showroom {
  color: #b88b46;
  -webkit-text-stroke-color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 21px;
}

.h2-offer-showroom {
  color: #dddad2;
  -webkit-text-stroke-color: #dddad2;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 3px;
  font-size: 50px;
  font-weight: 500;
  line-height: 50px;
}

.h2-offer-showroom-2 {
  color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 50px;
  font-weight: 500;
  line-height: 48px;
}

.h3-offer-showroom {
  color: #dddad2;
  width: 90%;
  font-size: 20px;
  font-weight: 400;
}

.visit-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 58px;
  padding-right: 58px;
  display: flex;
}

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

.h2-visit {
  color: #171717;
  text-align: center;
  letter-spacing: -.015em;
  max-width: 900px;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 50px;
}

.text-visit {
  color: #5f5b55;
  text-align: center;
  width: 100%;
  max-width: 760px;
  margin-bottom: 32px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.quick-stack-10 {
  width: 100%;
}

.visit-01 {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  padding: 32px 32px 36px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
}

.visit-01:hover {
  border-color: #b88a45;
  transform: translateY(-8px);
  box-shadow: 0 18px 40px #1717171a;
}

.visit-text-01 {
  color: #b88a45;
  letter-spacing: .1em;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
}

.visit-text-01-1 {
  color: #171717;
  margin-bottom: 12px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 30px;
}

.visit-text-01-2 {
  color: #5f5b55;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.visit-02 {
  background-color: #fff;
  width: 100%;
  padding: 30px 40px;
}

.visit-text-02 {
  color: #b88b46;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.visit-text-02-1 {
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: 25px;
  font-weight: 600;
}

.visit-text-02-2 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
}

.visit-03 {
  background-color: #fff;
  width: 100%;
  padding: 30px 40px;
}

.visit-text-03 {
  color: #b88b46;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.visit-text-03-1 {
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: 25px;
  font-weight: 600;
}

.visit-text-03-2 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
}

.visit-04 {
  background-color: #fff;
  width: 100%;
  padding: 30px 40px;
}

.visit-text-04 {
  color: #b88b46;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.visit-text-04-1 {
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: 25px;
  font-weight: 600;
}

.visit-text-04-2 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
}

.visit-05 {
  background-color: #fff;
  width: 100%;
  padding: 30px 40px;
}

.visit-text-05 {
  color: #b88b46;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.visit-text-05-1 {
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: 25px;
  font-weight: 600;
}

.visit-text-05-2 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
}

.visit-06 {
  background-color: #fff;
  width: 100%;
  padding: 30px 40px;
}

.visit-text-06 {
  color: #b88b46;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.visit-text-06-1 {
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: 25px;
  font-weight: 600;
}

.visit-text-06-2 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
}

.h3-kaltwintergarten-2, .h3-zubehor-2, .h3-lamellendacher-2, .h3-wellness-im-garten-2 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  position: absolute;
  inset: auto 0% 26%;
}

.button-18 {
  clear: none;
  text-align: center;
  vertical-align: baseline;
  background-color: #3f6b45;
  border-radius: 9px;
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  font-size: 16px;
  position: absolute;
  inset: auto 0% 13%;
}

.h3-sonnenschutz-2, .h3-terassenuberdachung-2 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  position: absolute;
  inset: auto 0% 26%;
}

.h2-products-visit {
  color: #f7f5f0;
  text-align: center;
  letter-spacing: -.015em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 40px;
}

.text-products-visit {
  color: #dddad2;
  text-align: center;
  width: 100%;
  max-width: 680px;
  margin-bottom: 28px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.plus-visit {
  background-color: #f7f5f0;
  padding: 40px 58px;
}

.plus-visit-container {
  width: 100%;
  max-width: 1439px;
}

.quick-stack-plus-visit {
  grid-column-gap: 48px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: 100%;
  max-width: 1204px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.div-block-quick-stack-plus-visit {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.h2-plus-visit {
  color: #171717;
  text-align: left;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 50px;
}

.text-plus-visit {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 19px;
  line-height: 30px;
}

.quick-stack-plus-visit-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 8px;
  padding-top: 0;
  padding-bottom: 0;
}

.cell-76, .cell-77 {
  border-bottom: 2px solid #b88b46;
}

.plus-visit-01 {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  padding: 24px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
}

.plus-visit-01:hover {
  border-color: #b88a45;
  transform: translateY(-4px);
}

.plus-visit-text-01-1 {
  color: #171717;
  margin-bottom: 6px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
}

.plus-visit-text-01-2 {
  color: #5f5b55;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}

.plus-visit-02 {
  background-color: #0000;
  width: 100%;
  padding: 0;
}

.plus-visit-text-02-1 {
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 10px;
  font-size: 25px;
  font-weight: 600;
}

.plus-visit-text-02-2 {
  margin-bottom: 0;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
}

.quick-stack-plus-visit-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.plus-visit-03 {
  background-color: #0000;
  width: 100%;
  padding: 0;
}

.plus-visit-text-03-1 {
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 10px;
  font-size: 25px;
  font-weight: 600;
}

.plus-visit-text-03-2 {
  margin-bottom: 0;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
}

.plus-visit-04 {
  background-color: #0000;
  width: 100%;
  padding: 0;
}

.plus-visit-text-04-1 {
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 10px;
  font-size: 25px;
  font-weight: 600;
}

.plus-visit-text-04-2 {
  margin-bottom: 0;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
}

.things {
  background-color: #f7f5f0;
  padding: 0 58px 40px;
}

.things-container {
  width: 100%;
  max-width: 1439px;
}

.h2-things {
  color: #f7f5f0;
  text-align: left;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 46px;
}

.text-things {
  color: #dddad2;
  margin-bottom: 28px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 30px;
}

.text-things-2 {
  color: #f7f5f0;
  border: 3px solid #d8c7ae;
  border-radius: 12px;
  margin-bottom: 0;
  padding: 18px 24px;
  font-family: Manrope, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
}

.cell-78 {
  border: 2px solid #b88b46;
  padding-top: 10px;
  padding-left: 50px;
  padding-right: 20px;
}

.quick-stack-11 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.text-things-3 {
  color: #f7f5f0;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 28px;
  padding-top: 0;
  padding-bottom: 12px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.text-things-4 {
  color: #f7f5f0;
  border-top: 1px solid #f7f5f033;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: DM Sans, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
}

.text-things-5 {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 20px;
  font-weight: 300;
}

.text-things-5-copy, .text-things-6, .text-things-7, .text-things-8 {
  color: #f7f5f0;
  border-top: 1px solid #f7f5f033;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: DM Sans, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
}

.text-things-9 {
  color: #f7f5f0;
  border-top: 1px solid #f7f5f033;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
}

.cell-79 {
  padding-left: 25px;
}

.paragraph-6 {
  text-align: center;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 100px;
}

.button-8-copy {
  color: #f7f5f0;
  text-align: center;
  vertical-align: baseline;
  background-color: #30453b;
  border-radius: 12px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 24px;
  margin-left: 0;
  margin-right: 0;
  padding: 18px 32px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .3s, transform .3s;
  display: inline-block;
}

.button-8-copy:hover {
  background-color: #b88a45;
  transform: translateY(-2px);
}

.video-bold-concept {
  min-height: 700px;
}

.video-bold-concept-container {
  width: 100%;
  max-width: 1439px;
}

.fon-video {
  z-index: 100;
  background-color: #0000008a;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1439px;
  height: 100%;
  line-height: 0;
  display: flex;
  position: static;
}

.header7-video {
  z-index: 0;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 1439px;
  display: flex;
  position: static;
  inset: 0% 0% auto -720px;
}

.fon-video-bold {
  width: 100%;
  max-width: 1439px;
  height: 100%;
  position: static;
}

.heading-15 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.paragraph-7 {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 40px;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 20px;
}

.quick-stack-video {
  margin-top: 30px;
  margin-bottom: 40px;
}

._1 {
  width: 100%;
  min-height: 700px;
  position: relative;
}

.div-block2 {
  width: Infinity% ;
  min-height: 700px;
  position: static;
}

.div-block-3 {
  z-index: -1;
  width: 100%;
  position: absolute;
  top: -55.038px;
}

.div-block4 {
  z-index: -2;
  background-color: #0000008a;
  width: 100%;
  min-height: 700px;
  position: absolute;
  bottom: -53.006px;
}

.header7_background-video1 {
  z-index: -3;
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 700px;
  bottom: -55px;
  left: 0;
}

.hero-video-section {
  z-index: -1;
  width: 100%;
  min-height: 850px;
  position: relative;
}

.hero-video {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0;
}

.div-block-206, .div-block-206-copy {
  z-index: 1;
  background-color: #0000008a;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
}

.fon-video1 {
  z-index: 1;
  background-color: #0000008a;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: block;
  position: absolute;
}

.hero-content-wrap {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
}

.quick-stack-12 {
  margin-top: 300px;
  margin-bottom: 0;
}

.h2-hero-video {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 40px;
  font-size: 45px;
}

.quick-stack-hero-video {
  margin-top: 300px;
  margin-bottom: 0;
}

.hero-video1 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-113 {
  width: 60px;
  height: 60px;
}

.h3-hero-video1 {
  color: #fff;
  text-align: center;
  position: static;
  inset: 31% 0% auto;
}

.text-hero-video1 {
  text-align: center;
}

.uber-uns-container {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ac54e5e439ddaab95d2de9a_BOLD_alexander_exact_center_team_van_green_logo%20(1).png");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  max-width: none;
  min-height: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.uber-uns-card {
  z-index: 1;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #201f1dbd;
  border-radius: 13px;
  width: 600px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 45px;
  position: absolute;
  inset: 20% auto auto 4%;
}

.h1-offer-uber-uns {
  color: #b88b46;
  -webkit-text-stroke-color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 21px;
}

.h2-offer-uber-uns {
  color: #dddad2;
  -webkit-text-stroke-color: #dddad2;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 3px;
  font-size: 50px;
  font-weight: 500;
  line-height: 50px;
}

.h2-offer-uber-uns-2 {
  color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 50px;
  font-weight: 500;
  line-height: 48px;
}

.h3-offer-uber-uns {
  color: #dddad2;
  width: 90%;
  font-size: 20px;
  font-weight: 400;
}

.text-offer-uber-uns-icon-1, .text-offer-uber-uns-icon-2, .text-offer-uber-uns-icon-3 {
  color: #dddad2;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 100;
}

.idea {
  background-color: #f7f5f0;
  padding-top: 56px;
  padding-bottom: 56px;
}

.idea-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 58px;
  padding-right: 58px;
}

.quick-stack-idea-1 {
  grid-column-gap: 72px;
  grid-row-gap: 0px;
  border-bottom: 1px #b88b46;
  grid-template-columns: 1fr 1.25fr;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-idea-1 {
  width: 100%;
  padding-left: 0;
}

.h2-idea {
  color: #b88b46;
  letter-spacing: .12em;
  -webkit-text-stroke-color: #b88b46;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

._01 {
  color: #d8c7ae;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Manrope, sans-serif;
  font-size: 88px;
  font-weight: 800;
  line-height: 88px;
}

.text-idea-1 {
  color: #171717;
  letter-spacing: -.015em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 50px;
}

.div-block-idea-2 {
  width: 100%;
  padding-top: 0;
  padding-left: 0;
}

.text-idea-3 {
  color: #5f5b55;
  border-top: 1px solid #cfcac0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  line-height: 28px;
}

.text-idea-2 {
  color: #171717;
  margin-top: 0;
  margin-bottom: 28px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 34px;
}

.quick-stack-13 {
  padding-top: 50px;
  padding-left: 0;
  padding-right: 20px;
}

.text-idea-4 {
  color: #5f5b55;
  border-top: 1px solid #b88a45;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  line-height: 28px;
}

.thoughts {
  background-color: #f7f5f0;
  padding-top: 0;
  padding-bottom: 56px;
}

.thoughts-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 58px;
  padding-right: 58px;
}

.quick-stack-thoughts-1 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.div-block-thoughts-1 {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  padding: 48px;
}

.div-block-thoughts-2 {
  background-color: #30453b;
  background-image: radial-gradient(circle at 100% 0, #b88a454d, #30453b00 55%);
  border-radius: 24px;
  width: 100%;
  height: 100%;
  padding: 48px;
  position: relative;
  overflow: hidden;
}

.h2-thoughts {
  color: #b88a45;
  letter-spacing: .12em;
  -webkit-text-stroke-color: #b88b46;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 24px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.text-thoughts-1 {
  color: #171717;
  letter-spacing: -.01em;
  width: 100%;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 42px;
}

.text-thoughts-2 {
  color: #5f5b55;
  width: 100%;
  margin-bottom: 0;
  padding-top: 24px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
}

.h2-thoughts-2 {
  color: #d8c7ae;
  letter-spacing: .12em;
  -webkit-text-stroke-color: #b88b46;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 24px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.text-thoughts-3 {
  color: #f7f5f0;
  letter-spacing: -.01em;
  width: 100%;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 42px;
}

.cell-80 {
  justify-content: center;
  align-items: center;
  padding-right: 10px;
}

.text-thoughts-4 {
  color: #dddad2;
  width: 100%;
  margin-bottom: 0;
  padding-top: 24px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
}

.text-thoughts-5 {
  color: #dddad2;
  width: 100%;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 28px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
}

.button-thoughts {
  color: #171717;
  text-align: center;
  vertical-align: baseline;
  background-color: #f7f5f0;
  border-radius: 12px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 28px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .3s, transform .3s;
  display: inline-block;
  position: relative;
}

.button-thoughts:hover {
  background-color: #d8c7ae;
  transform: translateY(-2px);
}

.standard {
  background-color: #f7f5f0;
  padding-top: 0;
  padding-bottom: 32px;
}

.standard-container {
  background-color: #0000;
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 58px;
}

.h2-standard {
  color: #b88a45;
  letter-spacing: .12em;
  -webkit-text-stroke-color: #b88b46;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.text-standard-1 {
  color: #171717;
  letter-spacing: -.015em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Manrope, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 54px;
}

.text-standard-2 {
  color: #5f5b55;
  width: 100%;
  max-width: 720px;
  margin-top: 16px;
  margin-bottom: 32px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

.quick-stack-14 {
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
}

.quick-stack-standard {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 0;
}

.cell-81, .cell-82, .cell-83 {
  border-top: 1px solid #d4d4d499;
  border-right: 1px solid #d4d4d499;
}

.cell-84 {
  border-top: 1px solid #d4d4d499;
}

._01-standard {
  color: #b88a45;
  letter-spacing: .1em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
}

.div-block-01-standard {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-top: 4px solid #b88a45;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  padding: 26px 28px 30px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
}

.div-block-01-standard:hover {
  border-color: #b88a45;
  transform: translateY(-8px);
  box-shadow: 0 18px 40px #1717171a;
}

.text-standard-3 {
  color: #171717;
  width: 100%;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 32px;
}

.text-standard-4 {
  color: #5f5b55;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.products-uber {
  background-color: #30453b;
  padding-top: 48px;
  padding-bottom: 48px;
  position: relative;
  right: auto;
}

.products-container-uber {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 1320px;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 58px;
  padding-right: 58px;
  display: flex;
  position: static;
  overflow: visible;
}

.h2-products-visit-uber {
  color: #f7f5f0;
  text-align: center;
  letter-spacing: -.015em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 40px;
}

.text-products-visit-uber {
  color: #dddad2;
  text-align: center;
  width: 100%;
  max-width: 680px;
  margin-bottom: 28px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.h2-products-uber {
  color: #d8c7ae;
  text-align: center;
  letter-spacing: .12em;
  -webkit-text-stroke-color: #b88b46;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.why-bold {
  background-color: #f7f5f0;
  padding-top: 56px;
  padding-bottom: 56px;
}

.why-bold-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 58px;
  padding-right: 58px;
}

.quick-stack-why-bold {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-left: 0;
  padding-right: 0;
}

.cell-85 {
  padding-left: 0;
}

.h2-why-bold-1 {
  color: #e4d3b4;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.text-why-bold-1 {
  color: #f7f5f0;
  letter-spacing: -.015em;
  -webkit-text-stroke-color: #fffc;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Manrope, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 54px;
}

.div-block-why-bold-1 {
  background-color: #30453b;
  background-image: radial-gradient(circle at 100% 0, #b88a454d, #30453b00 55%);
  border-radius: 24px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 44px;
  display: flex;
}

.text-why-bold-2 {
  color: #ede8dc;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

.div-block-why-bold-2 {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 24px;
  width: 100%;
  padding: 40px 44px 32px;
}

.h2-why-bold-2 {
  color: #b88a45;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.text-why-bold-3 {
  color: #171717;
  -webkit-text-stroke-color: #fffc;
  width: 100%;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 0;
  font-family: Manrope, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 36px;
}

.text-why-bold-4, .text-why-bold-5, .text-why-bold-6, .text-why-bold-7 {
  color: #171717;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ac2336fced6a74ae96ce58f_bold-check.svg");
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 34px 34px;
  border-top: 1px solid #e4dfd3;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 56px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}

.confidence {
  background-color: #efebe2;
  background-image: none;
  padding-top: 56px;
  padding-bottom: 56px;
}

.confidence-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 58px;
  padding-right: 58px;
}

.quick-stack-confidence {
  grid-column-gap: 72px;
  grid-row-gap: 5px;
  grid-template-columns: 1fr 1.1fr;
  align-items: start;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-confidence-1 {
  width: 100%;
  padding-left: 20px;
}

.div-block-confidence-2 {
  width: 100%;
  padding-left: 40px;
  padding-right: 30px;
}

.h2-confidence {
  color: #b88a45;
  letter-spacing: .12em;
  -webkit-text-stroke-color: #b88b46;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.text-confidence-1 {
  color: #171717;
  letter-spacing: -.015em;
  -webkit-text-stroke-color: #fffc;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Manrope, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 54px;
}

.text-confidence-2 {
  color: #3f3b36;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 30px;
}

.text-confidence-3 {
  color: #171717;
  border-left: 3px solid #b88a45;
  width: 100%;
  margin-top: 0;
  margin-bottom: 32px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 24px;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}

.quick-stack-div-block-confidence-2 {
  grid-column-gap: 24px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr 1fr;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.cell-86, .cell-87, .cell-88, .cell-89 {
  background-color: #ffffffe6;
  padding: 30px 20px 30px 30px;
}

._01-confidence {
  color: #30453b;
  letter-spacing: -.01em;
  border-top: 1px solid #cfcac0;
  margin-top: 0;
  margin-bottom: 6px;
  padding-top: 20px;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 48px;
}

.text-confidence-4 {
  color: #3f3b36;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.pt-card {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  height: auto;
  min-height: 0;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pt-card:hover {
  border-color: #b88a45;
  outline-width: 0;
  transform: translate(0, -8px);
  box-shadow: 0 20px 44px #17171724;
}

.pt-image {
  z-index: 0;
  object-fit: cover;
  border-radius: 0;
  outline-width: 0;
  width: 100%;
  max-width: none;
  height: 260px;
  min-height: 0;
  max-height: none;
  display: block;
  position: relative;
}

.pt-image:hover {
  outline-width: 0;
}

.pt-body {
  z-index: 1;
  outline-width: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 22px 24px 24px;
  display: flex;
  position: relative;
  inset: auto;
}

.pt-title-row {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  outline-width: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: grid;
  position: relative;
}

.pt-hidden {
  outline-width: 0;
  display: none;
}

.pt-title {
  z-index: 1;
  color: #171717;
  text-align: left;
  letter-spacing: .015em;
  text-transform: uppercase;
  overflow-wrap: break-word;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 24px;
}

.pt-line {
  z-index: 1;
  background-color: #4d765d;
  border-top-width: 0;
  border-bottom-width: 0;
  outline-width: 0;
  width: 80px;
  height: 2px;
  margin: 14px 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  inset: auto;
}

.pt-desc-row {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  outline-width: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 44px;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  position: relative;
  inset: auto;
}

.pt-desc {
  z-index: 1;
  color: #5f5b55;
  text-align: left;
  outline-width: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
}

.pt-arrow-wrap {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  outline-width: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: background-color .35s, border-color .35s;
  display: flex;
  position: relative;
}

.pt-arrow-wrap:hover {
  background-color: #d8c7ae;
}

.pt-arrow {
  outline-width: 0;
  width: 20px;
  max-width: none;
  height: 20px;
  display: block;
  position: relative;
  top: auto;
  left: auto;
}

.s4-title {
  color: #30453b;
  text-align: center;
  letter-spacing: -.01em;
  outline-width: 0;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 0;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.s4-subtitle {
  color: #5f5b55;
  text-align: center;
  outline-width: 0;
  width: 100%;
  max-width: 720px;
  margin: 14px auto 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.s4-grid-wrap {
  outline-width: 0;
  width: 100%;
  max-width: none;
  margin: 48px auto 0;
}

.s4-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  outline-width: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  padding: 0;
  display: grid;
}

.s4-step {
  text-align: center;
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  outline-width: 0;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 0;
  padding: 32px 26px 30px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  position: relative;
}

.s4-step:hover {
  border-color: #b88a45;
  outline-width: 0;
  transform: translate(0, -6px);
  box-shadow: 0 18px 40px #1717171f;
}

.s4-icon {
  object-fit: contain;
  background-color: #30453b;
  border-radius: 50%;
  outline-width: 0;
  width: 60px;
  max-width: none;
  height: 60px;
  margin-bottom: 22px;
  padding: 15px;
  display: block;
}

.s4-step-title {
  color: #171717;
  text-align: center;
  letter-spacing: -.01em;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
}

.s4-step-text {
  color: #5f5b55;
  text-align: center;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
}

.s4-button {
  color: #f7f5f0;
  text-align: center;
  letter-spacing: .01em;
  background-color: #30453b;
  border: 1px solid #4d765d;
  border-radius: 9px;
  outline-width: 0;
  width: auto;
  height: auto;
  margin-top: 52px;
  padding: 17px 38px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .3s, color .3s, border-color .3s, transform .3s cubic-bezier(.22, .61, .36, 1);
  display: inline-block;
  position: relative;
}

.s4-button:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  outline-width: 0;
  transform: translate(0, -2px);
}

.a-copy {
  outline-width: 0;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 32px 24px 32px 80px;
  display: flex;
  position: relative;
}

.a-copy.shift {
  outline-width: 0;
  padding-left: 200px;
}

.a-copy.zb-compact-copy {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 64px;
}

.a-title {
  color: #30453b;
  letter-spacing: -.01em;
  outline-width: 0;
  width: 80%;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  padding-left: 0;
  font-family: Manrope, sans-serif;
  font-size: 42px;
  font-weight: 800;
  line-height: 50px;
}

.a-title.wide {
  outline-width: 0;
  width: 100%;
}

.a-title.zb-compact-title {
  width: 100%;
  margin-bottom: 12px;
  font-size: 34px;
  line-height: 40px;
}

.a-lead {
  color: #5f5b55;
  outline-width: 0;
  width: 68%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.a-lead.wide {
  outline-width: 0;
  width: 88%;
}

.a-lead.zb-compact-lead {
  width: 85%;
  font-size: 19px;
  line-height: 28px;
}

.a-list {
  outline-width: 0;
  width: 100%;
  min-height: 0;
  margin-top: 24px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.a-list.zb-compact-list {
  margin-top: 14px;
}

.a-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #4f786166;
  outline-width: 0;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 36px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 68%;
  padding: 12px 0;
  display: flex;
}

.a-row.wide {
  outline-width: 0;
  width: 88%;
}

.a-row.zb-compact-row {
  width: 85%;
  padding-top: 7px;
  padding-bottom: 7px;
}

.a-check {
  outline-width: 0;
  flex-shrink: 0;
  width: 28px;
  max-width: none;
  height: 28px;
  margin-right: 12px;
}

.a-bullet {
  color: #171717;
  outline-width: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Serif Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.g-title {
  z-index: 1;
  color: #30453b;
  text-align: center;
  letter-spacing: -.01em;
  width: 100%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 20px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.g-content {
  z-index: 1;
  margin-top: -22px;
  position: relative;
}

.lg-section {
  background-color: var(--third-text-color);
  border-top: 1px solid #cfcac0;
  border-bottom: 1px solid #cfcac0;
  outline-width: 0;
  min-height: 150px;
  padding-top: 36px;
  padding-bottom: 36px;
}

.lg-label {
  z-index: 1;
  color: #4d765d;
  text-align: center;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.lg-item {
  outline-width: 0;
  align-items: center;
  padding-left: 36px;
  padding-right: 36px;
  display: flex;
}

.vt-pad {
  outline-width: 0;
  padding-top: 24px;
  padding-bottom: 64px;
}

.vt-title {
  color: #30453b;
  text-align: left;
  letter-spacing: -.01em;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.vt-accent {
  color: #4d765d;
  outline-width: 0;
}

.vt-subtitle {
  color: #5f5b55;
  text-align: left;
  outline-width: 0;
  margin-top: 12px;
  margin-bottom: 16px;
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.vt-card {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 880px;
  padding: 20px 20px 24px;
  transition: border-color .4s, box-shadow .4s;
  display: flex;
}

.vt-card:hover {
  outline-width: 0;
}

.vt-video {
  border-radius: 12px;
  outline-width: 0;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.vt-quote {
  color: #171717;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
}

.vt-name {
  color: #30453b;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 2px;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
}

.vt-role {
  color: #5f5b55;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.vt-arrow {
  background-color: #0000;
  border: 1.5px solid #4d765d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-top: 0;
  margin-bottom: 0;
  transition: background-color .35s;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
}

.vt-arrow:hover {
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  outline-width: 0;
}

.vt-arrow.left {
  outline-width: 0;
  margin-left: 0;
  margin-right: 56px;
}

.vt-arrow.right {
  outline-width: 0;
  margin-left: 0;
  margin-right: 0;
}

.terrassend-cher-container-copy {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab8093b4b0d8d8cdd7bbbf8_BOLD_terrassendach_hero_01_web.jpg");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  max-width: none;
  min-height: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.image-105-2-icon-w {
  height: 550px;
  position: absolute;
  inset: auto auto -8% -33%;
  -webkit-mask-image: none;
  mask-image: none;
}

.lg-label-lamellend-cher {
  color: #4d765d;
  text-align: center;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.vt-card-lamellend-cher {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 880px;
  padding: 20px 20px 24px;
  transition: border-color .4s, box-shadow .4s;
  display: flex;
}

.vt-role-lamellend-cher {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.vt-arrow-icon-lamellend-cher {
  width: 20px;
  max-width: none;
  height: 20px;
  display: block;
  position: relative;
}

.tabs-content-markise {
  margin-top: -22px;
  position: relative;
}

.vt-role-markise {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.vt-arrow-icon-markise {
  width: 20px;
  max-width: none;
  height: 20px;
  display: block;
  position: relative;
}

.lg-label-markise {
  color: #4d765d;
  text-align: center;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.pt-arrow-wellness {
  width: 20px;
  max-width: none;
  height: 20px;
  display: block;
  position: relative;
  top: auto;
  left: auto;
}

.vt-role-wellness {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.lg-label-wellness {
  color: #4d765d;
  text-align: center;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.vt-arrow-icon-wellness {
  width: 20px;
  max-width: none;
  height: 20px;
  display: block;
  position: relative;
}

.bp-desc {
  color: #5f5b55;
  text-align: left;
  outline-width: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 26px 20px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.bp-subtitle {
  color: #5f5b55;
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
  padding-bottom: 24px;
  font-family: DM Sans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
}

.vt-role-portfolio {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.vt-arrow-icon-portfolio {
  width: 20px;
  max-width: none;
  height: 20px;
  display: block;
  position: relative;
}

.lg-label-portfolio {
  color: #4d765d;
  text-align: center;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.bp-check {
  outline-width: 0;
  width: 24px;
  max-width: none;
  height: 24px;
  margin-top: 2px;
  display: block;
}

.gg-card-icon {
  object-fit: contain;
  width: 44px;
  max-width: none;
  height: 44px;
  margin-top: 0;
  margin-bottom: 16px;
  display: block;
}

.gg-steps-hide {
  outline-width: 0;
  display: none;
}

.gg-steps-itemicon {
  object-fit: contain;
  flex-shrink: 0;
  grid-area: 1 / 1 / 3 / 2;
  align-self: start;
  width: 30px;
  max-width: none;
  height: 30px;
  margin-top: 2px;
  margin-right: 0;
  display: block;
}

.gg-steps-itemlabel {
  color: #f7f5f0;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  grid-area: 1 / 2 / 2 / 3;
  align-self: end;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.gg-steps-itemtextwrap {
  flex-direction: row;
  align-items: center;
  width: 100%;
  display: contents;
}

.button-offer-portfolio-outline {
  color: #f7f5f0;
  text-align: center;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #d8c7ae;
  border-radius: 9px;
  width: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .3s, color .3s, border-color .3s;
  display: inline-block;
}

.button-offer-portfolio-outline:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
}

.bp-slot-2, .bp-slot-3, .bp-slot-4 {
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  object-fit: cover;
  border-radius: 14px;
  outline-width: 0;
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  transition: opacity .4s;
  display: none;
  position: absolute;
  inset: 22px 0 132px;
}

.s4-icon-lamellendach, .s4-icon-markise, .s4-icon-wellness {
  object-fit: contain;
  background-color: #30453b;
  border-radius: 50%;
  outline-width: 0;
  width: 60px;
  max-width: none;
  height: 60px;
  margin-bottom: 22px;
  padding: 15px;
  display: block;
}

.gg-hero-sub {
  color: #d8c7ae;
  letter-spacing: .01em;
  margin-top: 18px;
  margin-bottom: 4px;
  font-family: Manrope, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.gg-card-1-image {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 160px;
  margin-top: 20px;
}

.s4-icon-zubehor {
  object-fit: contain;
  background-color: #30453b;
  border-radius: 50%;
  outline-width: 0;
  width: 60px;
  max-width: none;
  height: 60px;
  margin-bottom: 22px;
  padding: 15px;
  display: block;
}

.text-block-3 {
  color: var(--third-text-color);
  background-color: #0000;
  font-family: Manrope, sans-serif;
  font-weight: 400;
}

.icon {
  color: var(--third-text-color);
}

.dropdown-list {
  background-color: #ffffffe6;
  border-radius: 9px;
  width: 170%;
  height: 420%;
}

.dropdown-link {
  color: var(--main-text-color);
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: opacity .555s;
}

.dropdown-link:hover {
  color: var(--second-text-color);
  font-size: 17px;
}

.dropdown-link.w--current {
  color: var(--main-text-color);
  font-size: 16px;
  transition: all .555s;
}

.dropdown-link.w--current:hover {
  color: var(--second-text-color);
  font-size: 17px;
}

.dropdown-link-2 {
  color: var(--main-text-color);
  font-family: Manrope, sans-serif;
  font-weight: 400;
  transition: all .555s;
}

.dropdown-link-2:hover {
  color: var(--second-text-color);
  font-size: 17px;
}

.dropdown-link-3 {
  color: var(--main-text-color);
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: all .555s;
}

.dropdown-link-3:hover {
  color: var(--second-text-color);
  font-size: 17px;
}

.dropdown-link-4 {
  color: var(--main-text-color);
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: opacity .555s;
}

.dropdown-link-4:hover {
  color: var(--second-text-color);
  font-size: 17px;
}

.dropdown-link-5 {
  color: var(--main-text-color);
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: opacity .555s;
}

.dropdown-link-5:hover {
  color: var(--second-text-color);
  font-size: 17px;
}

.dropdown-link-6 {
  color: var(--main-text-color);
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: all .555s;
}

.dropdown-link-6:hover {
  color: var(--second-text-color);
  font-size: 17px;
}

.dropdown-list-ber-uns {
  background-color: #ffffffe6;
  border-radius: 9px;
}

.dropdown-toggle {
  font-family: Manrope, sans-serif;
  font-weight: 400;
}

.spacer-xxs-start-1 {
  padding-top: 3.7rem;
}

.bold-text-10 {
  text-align: left;
}

.div-block-207 {
  justify-content: center;
  align-items: center;
  width: 300px;
  display: flex;
}

.container-footer {
  background-color: var(--main-text-color);
  width: 100%;
  max-width: 1439px;
}

.container-footer.kundenstimmen {
  padding-left: 0;
  font-size: 1.5vw;
}

.container-footer.anfrage {
  background-color: var(--background-main);
}

.container-footer._2-col {
  grid-column-gap: 1.7rem;
  grid-row-gap: 1.7rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  padding-left: 5%;
  padding-right: 5%;
  display: grid;
}

.container-footer._3colums {
  max-width: 1400px;
}

.quick-stack-footer {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
}

.footer-1 {
  width: 100%;
  padding-left: 30px;
}

.contact14_item-1 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  font-family: Manrope, sans-serif;
  display: flex;
}

.contact14_item-1.footer {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: #fff;
  background-image: none;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
  padding-left: 0;
}

.contact14_item-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  font-family: Manrope, sans-serif;
  display: flex;
}

.contact14_item-2.footer {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: #fff;
  background-image: none;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
}

.contact14_item-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.contact14_item-3.footer {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: #fff;
  background-image: none;
  justify-content: flex-start;
  align-items: center;
}

.footer-22 {
  width: 100%;
  padding-top: 50px;
  padding-left: 0;
}

.spacer-xxs-start-22 {
  padding-top: 1.6rem;
}

.quick-stack-footer-2 {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  width: 100%;
}

.footer-31 {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.paragraph-8 {
  color: #b88b46;
  text-align: right;
  letter-spacing: .02em;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 20px;
}

.link-5 {
  color: #fff9;
  text-align: right;
  width: 100%;
  padding-top: 15px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.footer-32 {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.contact14_item-4 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact14_item-4.footer {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: #fff;
  background-image: none;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
  padding-left: 0;
}

.link-5-copy {
  color: #fff9;
  text-align: right;
  width: 100%;
  padding-top: 15px;
  padding-right: 15px;
  font-family: Manrope, sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-decoration: underline;
}

.map-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
}

.map-div {
  border: 1px solid #cfcac0;
  border-radius: 24px;
  width: 100%;
  max-width: 1204px;
  overflow: hidden;
  box-shadow: 0 18px 40px #17171714;
}

.spacer-xl-end-kont {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 84px;
  padding-bottom: 4.9rem;
  display: flex;
}

.spacer-xl-end-kont.hide-tablet {
  padding-bottom: 2.1rem;
}

.map-text {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 40px;
  font-family: DM Sans, sans-serif;
  font-size: 35px;
  font-weight: 700;
}

.line-kont {
  background-color: #b88b46;
  width: 65%;
  height: 1px;
}

.map-showroom {
  background-color: #f7f5f0;
  padding: 48px 58px 56px;
}

.map-text-showroom {
  color: #171717;
  text-align: center;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 28px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

._4-steps-8 {
  background-color: #f4f5f0;
  outline-width: 0;
  align-self: stretch;
  min-height: 500px;
}

.cell-90 {
  justify-content: center;
  align-items: center;
}

.button-19 {
  z-index: 1;
  text-align: center;
  vertical-align: baseline;
  background-color: #b88b46;
  border-radius: 9px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 110%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  display: block;
}

.button-19:hover {
  outline-width: 0;
}

.button-19.deep-forest {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-19.deep-forest:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  outline-width: 0;
}

.h2-offer-terrassend-cher-9 {
  z-index: 1;
  color: #dddad2;
  -webkit-text-stroke-color: #dddad2;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 3px;
  font-size: 50px;
  font-weight: 500;
  line-height: 50px;
}

.h2-offer-terrassend-cher-9.manrope {
  z-index: 1;
  color: #fff;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 52px;
}

.quick-stack-offer-terrassend-cher-9 {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 14px 0 0;
}

.cell-91 {
  justify-content: center;
  align-items: center;
}

.quick-stack-offer-terrassend-cher-10 {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 18px 0 14px;
}

.h2-offer-terrassend-cher-10 {
  z-index: 1;
  color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 50px;
  font-weight: 500;
  line-height: 48px;
}

.h2-offer-terrassend-cher-10.highlight {
  z-index: 1;
  color: #fff;
  text-transform: uppercase;
  border: 0 solid #4d765d;
  border-bottom-width: 3px;
  border-radius: 0;
  margin-top: 12px;
  padding: 0 0 6px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 44px;
  display: inline-block;
}

.cell-92, .cell-93 {
  justify-content: center;
  align-items: center;
}

.cell-94 {
  z-index: 1;
  justify-content: center;
  align-items: center;
}

._4-steps-karriere {
  background-color: #f4f5f0;
  outline-width: 0;
  align-self: stretch;
  min-height: 500px;
}

._4-steps-karriere-container {
  text-align: center;
  outline-width: 0;
  width: 100%;
  max-width: none;
  min-height: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 48px 58px 52px;
  position: relative;
}

.s4-title-karriere {
  color: #30453b;
  text-align: center;
  letter-spacing: -.01em;
  outline-width: 0;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 0;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.h3-4steps-karriere {
  color: #5f5b55;
  text-align: center;
  outline-width: 0;
  width: 100%;
  max-width: 720px;
  margin: 14px auto 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.div-block-4-steps-icon-karriere {
  outline-width: 0;
  width: 100%;
  max-width: none;
  margin: 48px auto 0;
}

.quick-stack-4-steps-icon-karriere {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  outline-width: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  padding: 0;
  display: grid;
}

.h3-4s-icon-1-karriere {
  color: #171717;
  text-align: center;
  letter-spacing: -.01em;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
}

.text-4s-icon-1-karriere {
  color: #5f5b55;
  text-align: center;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
}

.h3-4s-icon-2-karriere {
  color: #171717;
  text-align: center;
  letter-spacing: -.01em;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
}

.text-4s-icon-2-karriere {
  color: #5f5b55;
  text-align: center;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
}

.h3-4s-icon-3-karriere {
  color: #171717;
  text-align: center;
  letter-spacing: -.01em;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
}

.text-4s-icon-3-karriere {
  color: #5f5b55;
  text-align: center;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
}

.h3-4s-icon-4-karriere {
  color: #171717;
  text-align: center;
  letter-spacing: -.01em;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
}

.text-4s-icon-4-karriere {
  color: #5f5b55;
  text-align: center;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
}

.karriere-container-copy {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ac54ef2dcbdd612875fcd39_BOLD_office_alexander_workers_right_phone%20(1).png");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  max-width: none;
  min-height: 780px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.karriere-card {
  z-index: 1;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #201f1dbd;
  border-radius: 13px;
  width: 600px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 45px;
  position: absolute;
  inset: 140px auto auto 4%;
  transform: none;
}

.h1-offer-karriere {
  z-index: 1;
  color: #d8c7ae;
  -webkit-text-stroke-color: #d8c7ae;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: DM Sans, sans-serif;
  font-size: 21px;
  line-height: 24px;
}

.h2-offer-karriere-9 {
  z-index: 1;
  color: #dddad2;
  -webkit-text-stroke-color: #dddad2;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 3px;
  font-size: 50px;
  font-weight: 500;
  line-height: 50px;
}

.h2-offer-karriere-9.manrope {
  z-index: 1;
  color: #fff;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 52px;
}

.h2-offer-karriere-2 {
  z-index: 1;
  color: #b88b46;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 50px;
  font-weight: 500;
  line-height: 48px;
}

.h2-offer-karriere-2.highlight {
  z-index: 1;
  color: #fff;
  text-transform: uppercase;
  border: 0 solid #4d765d;
  border-bottom-width: 3px;
  border-radius: 0;
  margin-top: 12px;
  padding: 0 0 6px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 44px;
  display: inline-block;
}

.h3-offer-karriere {
  z-index: 1;
  color: #dddad2;
  width: 61%;
  font-size: 20px;
  font-weight: 400;
}

.h3-offer-karriere.full-width {
  z-index: 1;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 0;
}

.quick-stack-offer-karriere-10 {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 18px 0 14px;
}

.quick-stack-offer-karriere-2 {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 14px 0 0;
}

.button-offer-karriere {
  z-index: 1;
  text-align: center;
  vertical-align: baseline;
  background-color: #b88b46;
  border-radius: 9px;
  outline-width: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 110%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  display: block;
}

.button-offer-karriere:hover {
  outline-width: 0;
}

.button-offer-karriere.deep-forest {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-offer-karriere.deep-forest:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  outline-width: 0;
}

.alex {
  background-color: #efebe2;
  padding: 16px 58px;
}

.alex-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.quick-stack-15 {
  width: 100%;
}

.quick-stack-alex {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1.2fr;
  align-items: center;
  padding-top: 0;
  padding-left: 0;
}

.quick-stack-alex2 {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  grid-template-columns: 1fr;
  width: 100%;
}

.alex-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.alex-1 {
  flex-flow: column;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.alex-text-1 {
  color: #171717;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 4px;
  font-family: Manrope, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.alex-text-2 {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.alex-text {
  color: #5f5b55;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

.h1-card-bold-portfolio-7 {
  color: #30453b;
  letter-spacing: -.01em;
  -webkit-text-stroke-color: #dddad2;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 22px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 46px;
}

.div-block-card-bold-portfolio-3 {
  outline-width: 0;
  width: 100%;
  padding-left: 0;
}

.image-114 {
  cursor: auto;
  object-fit: cover;
  border-radius: 12px;
  outline-width: 0;
  width: 100%;
  height: 110px;
  transition: filter .3s, transform .3s;
  display: block;
}

.image-114:hover {
  filter: none;
  transform: none;
}

.div-block-card-bold-portfolio-4 {
  outline-width: 0;
  align-self: flex-start;
  width: 100%;
  position: static;
}

.image-115 {
  cursor: auto;
  object-fit: cover;
  border-radius: 12px;
  outline-width: 0;
  width: 100%;
  height: 110px;
  transition: filter .3s, transform .3s;
  display: block;
}

.image-115:hover {
  filter: none;
  transform: none;
}

.cell-95 {
  outline-width: 0;
  padding-left: 0;
  padding-right: 0;
}

.cell-96 {
  outline-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
}

.image-116 {
  cursor: auto;
  object-fit: cover;
  border-radius: 12px;
  outline-width: 0;
  width: 100%;
  height: 110px;
  transition: filter .3s, transform .3s;
  display: block;
}

.image-116:hover {
  filter: none;
  transform: none;
}

.card-bold-portfolio-7 {
  z-index: 1101;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 88%;
  max-width: 1200px;
  height: fit-content;
  max-height: 90vh;
  margin: auto;
  padding: 48px 44px 44px;
  font-family: DM Sans, sans-serif;
  display: block;
  position: fixed;
  inset: 0;
  overflow: auto;
  box-shadow: 0 30px 80px #00000059;
}

.quick-stack-card-bold-portfolio-7 {
  grid-column-gap: 44px;
  grid-row-gap: 28px;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  width: 100%;
  padding: 0;
}

.fon-bold-karriere-1 {
  z-index: 1100;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #171717c7;
  display: none;
  position: fixed;
  inset: 0%;
}

.card-bold-karriere-1 {
  z-index: 1101;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 88%;
  max-width: 1200px;
  height: fit-content;
  max-height: 90vh;
  margin: auto;
  padding: 48px 44px 23px;
  font-family: DM Sans, sans-serif;
  display: block;
  position: fixed;
  inset: 0;
  overflow: auto;
  box-shadow: 0 30px 80px #00000059;
}

.h1-card-bold-portfolio-8 {
  color: #30453b;
  letter-spacing: -.01em;
  -webkit-text-stroke-color: #dddad2;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 22px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 46px;
}

.h3-card-bold-karriere-1 {
  color: #30453b;
  letter-spacing: -.01em;
  -webkit-text-stroke-color: #dddad2;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 24px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 46px;
}

.h2-card-bold-karriere-1 {
  color: #4d765d;
  letter-spacing: .16em;
  -webkit-text-stroke-color: #b88b46;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
}

.h1-card-bold-karriere-1 {
  color: #30453b;
  letter-spacing: -.01em;
  -webkit-text-stroke-color: #dddad2;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 22px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 46px;
}

.quick-stack-bold-karriere {
  padding-top: 0;
  padding-bottom: 0;
}

.button-card-bold-karriere {
  color: #f7f5f0;
  text-align: center;
  letter-spacing: .01em;
  vertical-align: baseline;
  background-color: #30453b;
  border-radius: 9px;
  outline-width: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 28px;
  margin-left: 0;
  margin-right: 0;
  padding: 17px 38px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  position: relative;
  inset: auto;
}

.button-card-bold-karriere:hover {
  color: #171717;
  background-color: #d8c7ae;
  transform: translate(0, -2px);
}

.heading-style-h2-13 {
  text-align: center;
  letter-spacing: -.01em;
  text-transform: none;
  outline-width: 0;
  margin-top: 0;
  font-family: Baskervville, sans-serif;
  font-size: 2rem;
  line-height: 1;
}

.text-span-30 {
  color: #ffb73b;
}

.stats42_divider-2 {
  width: 100%;
  height: 1px;
}

.cell-97 {
  border: 1px solid #30453b;
  border-radius: 9px;
  padding: 0;
}

.k-text-1 {
  color: #30453b;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 15px;
  font-size: 25px;
  font-weight: 500;
}

.k-text-2, .k-text-3, .k-text-4 {
  margin-bottom: 0;
  padding-bottom: 5px;
  font-size: 18px;
}

.text-size-normal-1 {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 10px;
  font-size: .9rem;
}

.div-block-208, .div-block-karriere-1 {
  width: 100%;
  padding: 20px 20px 15px;
}

.cell-98, .cell-99, .cell-100, .cell-101, .cell-102 {
  border: 1px solid #30453b;
  border-radius: 9px;
}

.sp-k-1 {
  width: 100%;
  padding-bottom: 90px;
}

.k-text-5 {
  color: #30453b;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
}

.sp-k-2 {
  width: 100.009%;
  padding-bottom: 37px;
}

.fon-bold-karriere-2, .fon-bold-karriere-3, .fon-bold-karriere-4, .fon-bold-karriere-5, .fon-bold-karriere-6 {
  z-index: 1100;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #171717c7;
  display: none;
  position: fixed;
  inset: 0%;
}

.sp-k2 {
  width: 100%;
  padding-bottom: 25px;
}

.sp-k-11 {
  width: 100%;
  padding-bottom: 65px;
}

.why-bold-grid-uu {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
}

.idea-inner-grid-uu {
  grid-column-gap: 40px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  padding-left: 0;
  padding-right: 0;
}

.uu-cta-section {
  background-color: #f7f5f0;
  padding: 0 58px 96px;
}

.uu-cta-box {
  text-align: center;
  background-color: #30453b;
  background-image: radial-gradient(circle at 100% 0, #b88a4552, #30453b00 55%);
  border-radius: 28px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1204px;
  margin-left: auto;
  margin-right: auto;
  padding: 72px 56px;
  display: flex;
  overflow: hidden;
}

.uu-cta-title {
  color: #f7f5f0;
  text-align: center;
  letter-spacing: -.015em;
  max-width: 820px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 50px;
}

.uu-cta-text {
  color: #dddad2;
  text-align: center;
  max-width: 680px;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.uu-cta-button {
  color: #171717;
  text-align: center;
  background-color: #f7f5f0;
  border-radius: 12px;
  padding: 18px 32px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  bottom: -2993.67px;
  right: 328.783px;
}

.uu-cta-button:hover {
  background-color: #d8c7ae;
  transform: translateY(-2px);
}

.visit-section-uu {
  background-color: #f7f5f0;
  padding-top: 48px;
  padding-bottom: 48px;
}

.visit-grid-uu {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.plus-visit-image-uu {
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  max-width: none;
  height: 520px;
}

.things-grid-uu {
  grid-column-gap: 64px;
  grid-row-gap: 32px;
  background-color: #30453b;
  background-image: linear-gradient(150deg, #30453b 0% 50%, #d8c7ae 100%);
  border-radius: 28px;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  width: 100%;
  max-width: 1204px;
  margin-left: auto;
  margin-right: auto;
  padding: 48px 56px;
}

.kt-neutral {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  display: block;
}

.kt-hero-section {
  background-color: #30453b;
  background-image: radial-gradient(circle at 100% 0, #b88a4552, #30453b00 55%);
  padding: 120px 58px;
}

.kt-hero-container {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.kt-hero-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
  justify-items: center;
}

.kt-hero-stack {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 860px;
  display: flex;
}

.kt-hero-title {
  color: #f7f5f0;
  text-align: center;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 28px;
  font-family: Manrope, sans-serif;
  font-size: 46px;
  font-weight: 800;
  line-height: 54px;
}

.kt-hero-text {
  color: #dddad2;
  text-align: center;
  max-width: 780px;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.kt-btn-group {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.kt-button {
  color: #171717;
  text-align: center;
  background-color: #f7f5f0;
  border-radius: 12px;
  padding: 18px 36px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .3s, transform .3s;
  display: inline-block;
}

.kt-button:hover {
  background-color: #d8c7ae;
  transform: translateY(-2px);
}

.kt-caption {
  color: #d8c7ae;
  text-align: center;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 24px;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
}

.kt-hide {
  display: none;
}

.kt-form-section {
  background-color: #f7f5f0;
  padding: 96px 58px;
}

.kt-form-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.kt-eyebrow {
  color: #b88a45;
  text-align: center;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.kt-section-title {
  color: #171717;
  text-align: center;
  letter-spacing: -.015em;
  max-width: 820px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Manrope, sans-serif;
  font-size: 42px;
  font-weight: 800;
  line-height: 48px;
}

.kt-section-text {
  color: #5f5b55;
  text-align: center;
  max-width: 680px;
  margin-top: 0;
  margin-bottom: 48px;
  font-family: DM Sans, sans-serif;
  font-size: 19px;
  line-height: 30px;
}

.kt-form-card {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 24px;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  box-shadow: 0 24px 60px #1717170f;
}

.kt-vorteile-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1439px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.kt-benefits-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  width: 100%;
  padding-left: 0;
  display: grid;
}

.kt-benefit-card {
  background-color: #f7f5f0;
  border: 1px solid #e4dfd3;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  padding: 32px 28px 36px;
}

.kt-benefit-card:hover {
  border-color: #b88a45;
  transform: translateY(-8px);
  box-shadow: 0 18px 40px #1717171a;
}

.kt-icon-circle {
  color: #f7f5f0;
  background-color: #30453b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 8px;
  display: flex;
}

.kt-benefit-title {
  color: #171717;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 21px;
  font-weight: 800;
  line-height: 27px;
}

.kt-benefit-text {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.kr-jobs-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1320px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.kr-jobs-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 36px;
  display: grid;
}

.kr-job-card {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 20px;
  flex-direction: column;
  height: 100%;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  overflow: hidden;
}

.kr-job-card:hover {
  border-color: #d8c7ae;
  transform: translateY(-8px);
  box-shadow: 0 18px 40px #1717171a;
}

.kr-job-image {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

.kr-job-img {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.kr-job-body {
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
  padding: 28px 28px 32px;
  display: flex;
}

.kr-job-title {
  color: #171717;
  min-height: 60px;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 30px;
}

.kr-job-list {
  color: #5f5b55;
  flex-grow: 1;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 19px;
  line-height: 30px;
}

.kr-job-button {
  color: #f7f5f0;
  text-align: center;
  background-color: #30453b;
  border-radius: 12px;
  width: 100%;
  margin-top: 24px;
  padding: 17px 20px;
  font-family: DM Sans, sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .3s, transform .3s;
  display: block;
}

.kr-job-button:hover {
  background-color: #4d765d;
  transform: translateY(-2px);
}

.kr-section-title {
  color: #171717;
  text-align: center;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 52px;
}

.bl-section {
  background-color: #f7f5f0;
  padding-top: 0;
  padding-bottom: 0;
}

.bl-neutral {
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.bl-container {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 58px;
  padding-right: 58px;
}

.bl-padding {
  padding: 150px 0 88px;
}

.bl-head {
  text-align: left;
  background-color: #30453b;
  background-image: linear-gradient(90deg, #24362df5 0%, #30453bdb 50%, #30453b59 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab8185c6d6a2d249a676931_kaltwintergarten-hero-16x9-product-right-under-4mb.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 28px;
  flex-direction: column;
  grid-template-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 72px 64px;
  display: flex;
  overflow: hidden;
}

.bl-eyebrow {
  color: #d8c7ae;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.bl-title {
  color: #f7f5f0;
  text-align: left;
  letter-spacing: -.01em;
  text-transform: uppercase;
  max-width: 780px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Manrope, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 56px;
}

.bl-lead {
  color: #dddad2;
  text-align: left;
  max-width: 620px;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 30px;
}

.bl-list-wrap {
  width: 100%;
  margin-top: 56px;
}

.bl-grid {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.bl-card {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 20px;
  flex-direction: column;
  height: 100%;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
  overflow: hidden;
}

.bl-card:hover {
  border-color: #4d765d;
  transform: translateY(-6px);
  box-shadow: 0 18px 40px #30453b24;
}

.bl-card-link {
  color: #171717;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.bl-img-wrap {
  aspect-ratio: 16 / 10;
  background-color: #efebe2;
  flex-shrink: 0;
  width: 100%;
  height: auto;
  padding-top: 0;
  overflow: hidden;
}

.bl-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .6s cubic-bezier(.22, .61, .36, 1);
}

.bl-content {
  flex-direction: column;
  flex-grow: 1;
  padding: 24px 26px 26px;
  display: flex;
}

.bl-meta {
  grid-column-gap: 12px;
  grid-row-gap: 8px;
  color: #5f5b55;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  display: flex;
}

.bl-post-title {
  color: #171717;
  letter-spacing: -.01em;
  min-height: 60px;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Manrope, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 30px;
}

.bl-excerpt {
  color: #5f5b55;
  flex-grow: 0;
  flex-shrink: 0;
  height: 78px;
  max-height: 78px;
  margin-bottom: 24px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  line-height: 26px;
  overflow: hidden;
}

.bl-read-more {
  grid-column-gap: 8px;
  color: #30453b;
  background-color: #0000;
  border-width: 1px 0 0;
  border-top-style: solid;
  border-top-color: #e4dfd3;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: auto;
  padding: 14px 0 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 800;
  display: inline-flex;
}

.dk-section {
  background-color: #f7f5f0;
  padding-top: 0;
  padding-bottom: 0;
}

.dk-neutral {
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 0 0;
}

.dk-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.dk-padding {
  padding: 80px 0 50px;
}

.dk-grid {
  grid-column-gap: 64px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: grid;
}

.dk-left {
  flex-direction: column;
  align-items: flex-start;
  max-width: none;
  padding-left: 58px;
  padding-right: 58px;
  display: flex;
}

.dk-title {
  color: #171717;
  margin-top: 16px;
  margin-bottom: 24px;
  font-family: Manrope, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 60px;
}

.dk-text {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.dk-embed {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 24px;
  padding: 12px;
  overflow: hidden;
  box-shadow: 0 18px 40px #17171714;
}

.zb-hide {
  display: none;
}

.zb-together-section {
  background-color: #f7f5f0;
  padding: 40px 58px;
}

.zb-together-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
  position: relative;
}

.zb-section-title {
  color: #171717;
  text-align: center;
  grid-column: 1 / -1;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 52px;
}

.zb-section-text {
  color: #5f5b55;
  text-align: center;
  grid-column: 1 / -1;
  margin-top: 0;
  margin-bottom: 24px;
  padding: 0;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.zb-together-image {
  object-fit: cover;
  border-radius: 24px;
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  height: 480px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.zb-together-item {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  width: auto;
  padding: 24px 24px 28px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  position: relative;
  inset: auto;
}

.zb-together-item:hover {
  border-color: #b88a45;
  transform: translateY(-8px);
  box-shadow: 0 18px 40px #1717171a;
}

.zb-together-number {
  color: #b88a45;
  letter-spacing: .12em;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.zb-together-label {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 6px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.zb-together-item-title {
  color: #171717;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
}

.zb-diff-section {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0;
}

.zb-diff-container {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 58px;
  display: flex;
}

.zb-diff-title {
  color: #171717;
  text-align: center;
  letter-spacing: -.01em;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 48px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.zb-diff-pair {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  max-width: 1320px;
  padding: 0;
}

.zb-diff-photo {
  border-radius: 24px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.zb-diff-image {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 420px;
  display: block;
  position: static;
}

.zb-diff-badge {
  z-index: 2;
  background-color: #30453b;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 18px;
  display: flex;
  position: absolute;
  inset: 20px auto auto 20px;
}

.zb-diff-badge-gold {
  z-index: 2;
  background-color: #b88a45;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 18px;
  display: flex;
  position: absolute;
  inset: 20px auto auto 20px;
}

.zb-diff-badge-text {
  color: #f7f5f0;
  text-align: center;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.zb-diff-lists {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  max-width: 1320px;
  margin-top: 24px;
  margin-bottom: 16px;
  padding: 0;
}

.zb-diff-list-card {
  text-align: center;
  background-color: #f7f5f0;
  border: 1px solid #cfcac0;
  border-radius: 20px;
  width: 100%;
  padding: 32px 16px;
}

.zb-diff-list-grid {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  background-color: #0000;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  padding: 0;
}

.zb-diff-icon {
  width: 36px;
  max-width: none;
  height: 36px;
  margin-bottom: 14px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
}

.zb-diff-text {
  color: #171717;
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}

.zb-diff-cell {
  text-align: center;
  border-right-style: none;
  border-right-width: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0 10px;
  display: flex;
}

.zb-diff-button {
  color: #f7f5f0;
  text-align: center;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #30453b;
  border-radius: 12px;
  width: auto;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
  padding: 18px 40px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s;
  display: block;
}

.zb-diff-button:hover {
  background-color: #b88a45;
  transform: translateY(-2px);
}

.zb-pt-title {
  z-index: 1;
  color: #171717;
  text-align: left;
  letter-spacing: .015em;
  text-transform: uppercase;
  overflow-wrap: break-word;
  align-items: flex-start;
  min-height: 48px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 24px;
  display: flex;
}

.zb-pt-desc {
  z-index: 1;
  color: #5f5b55;
  text-align: left;
  width: 100%;
  min-height: 72px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

.zb-pt-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
  width: 100%;
  padding: 22px 0;
  display: grid;
}

.things-photo {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  max-width: none;
  height: 320px;
  margin-top: 28px;
  display: block;
}

.things-card {
  background-color: #30453bc7;
  border: 3px solid #d8c7ae;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  padding: 44px 44px 28px;
  display: flex;
}

.sr-vt-pad {
  padding: 48px 0;
}

.sr-vt-gap {
  margin-top: 0;
  margin-bottom: 28px;
}

.sr-vt-section {
  width: 100%;
  min-height: 0;
  padding-bottom: 40px;
}

.sr-vt-component {
  background-color: #0000;
  height: auto;
  min-height: 0;
  max-height: none;
  padding-bottom: 4rem;
  position: relative;
  overflow: hidden;
}

.sr-vt-slide {
  background-image: none;
  padding-left: 1rem;
  padding-right: 1rem;
  top: 0;
}

.sr-vt-card {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 0;
  padding: 20px 20px 24px;
  transition: border-color .4s, box-shadow .4s;
  display: flex;
}

.visit-head-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 18px;
  display: flex;
}

.visit-icon {
  object-fit: contain;
  width: 52px;
  max-width: none;
  height: 52px;
  display: block;
}

.uu-idea-photo {
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  max-width: none;
  height: 380px;
  margin-top: 32px;
  display: block;
}

.uu-std-icon {
  width: 44px;
  max-width: none;
  height: 44px;
  display: block;
}

.uu-wb-photo {
  object-fit: cover;
  border-radius: 18px;
  width: 100%;
  max-width: none;
  height: 280px;
  margin-top: 28px;
  display: block;
}

.uu-zero-cell {
  padding: 0;
}

.ki-hero-section {
  background-color: #f7f5f0;
  padding: 150px 58px 24px;
}

.ki-container {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.ki-eyebrow {
  color: #b88a45;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.ki-title {
  color: #171717;
  text-align: center;
  letter-spacing: -.015em;
  max-width: 860px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Manrope, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 60px;
}

.ki-lead {
  color: #5f5b55;
  text-align: center;
  max-width: 680px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.ki-cards-section {
  background-color: #f7f5f0;
  padding: 40px 58px;
}

.ki-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.ki-card {
  color: #171717;
  text-align: left;
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px 32px;
  text-decoration: none;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
}

.ki-card:hover {
  border-color: #d8c7ae;
  transform: translateY(-8px);
  box-shadow: 0 18px 40px #1717171a;
}

.ki-icon {
  width: 64px;
  max-width: none;
  height: 64px;
  margin-bottom: 24px;
  display: block;
}

.ki-label {
  color: #b88a45;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}

.ki-value {
  color: #171717;
  overflow-wrap: anywhere;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
}

.ki-text {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.ki-legal-section {
  background-color: #f7f5f0;
  padding: 8px 58px 32px;
}

.ki-legal-card {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 20px;
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 28px 36px 24px;
}

.ki-legal-title {
  color: #30453b;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Manrope, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.ki-legal-h2 {
  color: #171717;
  border-top: 1px solid #e4dfd3;
  margin-top: 16px;
  margin-bottom: 6px;
  padding-top: 14px;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 22px;
}

.ki-legal-p {
  color: #5f5b55;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.ki-social-wrap {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 48px;
  display: flex;
}

.ki-social-label {
  color: #b88a45;
  text-align: center;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 18px;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}

.ki-social-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ki-social-link {
  border-radius: 50%;
  width: 56px;
  height: 56px;
  transition: transform .35s cubic-bezier(.22, .61, .36, 1), box-shadow .35s;
  display: block;
}

.ki-social-link:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px #1717172e;
}

.ki-social-icon {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.kr-alex-img {
  object-fit: cover;
  object-position: 50% 20%;
  border-radius: 24px;
  width: 100%;
  max-width: none;
  height: 560px;
  display: block;
}

.kr-alex-cell {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 16px;
  padding: 18px 24px;
}

.kr-faq-section {
  background-color: #f7f5f0;
  padding: 56px 58px;
}

.kr-faq-plain {
  text-align: center;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.kr-faq-inner {
  width: 100%;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.kr-faq-head {
  text-align: center;
  margin-bottom: 36px;
}

.kr-faq-eyebrow {
  color: #b88a45;
  text-align: center;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.kr-faq-title {
  color: #171717;
  text-align: center;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.kr-faq-cta {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.kr-job-span {
  color: #171717;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 30px;
}

.kr-job-mwd {
  color: #5f5b55;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}

.kr-job-btntext {
  color: #f7f5f0;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 19px;
  font-weight: 700;
}

.bold-text-17 {
  color: var(--background-fifth);
  text-decoration: none;
}

.kr-st-wrap {
  grid-column-gap: 72px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto 1fr;
  grid-template-columns: 1fr 1.5fr;
  align-items: start;
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: grid;
}

.kr-st-title {
  color: #171717;
  text-align: left;
  letter-spacing: -.015em;
  text-transform: uppercase;
  grid-area: 1 / 1 / 2 / 2;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 52px;
}

.kr-st-sub {
  color: #5f5b55;
  text-align: left;
  grid-area: 2 / 1 / 3 / 2;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

.kr-st-right {
  grid-area: 1 / 2 / 4 / 3;
  width: 100%;
  margin-top: 0;
}

.kr-st-grid {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr;
  width: 100%;
  display: grid;
}

.kr-st-step {
  grid-column-gap: 24px;
  grid-row-gap: 6px;
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 72px 1fr;
  align-items: center;
  width: 100%;
  padding: 24px 30px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s, border-color .45s;
  display: grid;
}

.kr-st-step:hover {
  border-color: #d8c7ae;
  transform: translateX(8px);
  box-shadow: 0 14px 34px #17171714;
}

.kr-st-icon {
  object-fit: contain;
  background-color: #30453b;
  border-radius: 50%;
  grid-area: 1 / 1 / 3 / 2;
  width: 72px;
  height: 72px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 17px;
}

.kr-st-steptitle {
  color: #171717;
  text-align: left;
  grid-area: 1 / 2 / 2 / 3;
  align-self: end;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 30px;
}

.kr-st-steptext {
  color: #5f5b55;
  text-align: left;
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.kr-rm-section {
  background-color: #f7f5f0;
  min-height: 0;
  padding: 40px 58px 56px;
}

.kr-rm-panel {
  text-align: left;
  background-color: #30453b;
  background-image: radial-gradient(circle at 100% 0, #b88a454d, #30453b00 55%);
  border-radius: 28px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1320px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 56px;
  display: flex;
  position: relative;
}

.kr-rm-title {
  color: #f7f5f0;
  text-align: left;
  letter-spacing: -.015em;
  text-transform: uppercase;
  width: 100%;
  max-width: 820px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 52px;
}

.kr-rm-sub {
  color: #e4dfd3;
  text-align: left;
  width: 100%;
  max-width: 680px;
  margin-top: 16px;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.kr-rm-wrap {
  width: 100%;
  margin-top: 52px;
  margin-bottom: 0;
}

.kr-rm-grid {
  grid-column-gap: 32px;
  grid-row-gap: 36px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  width: 100%;
  display: grid;
}

.kr-rm-step {
  border-top: 2px solid #d8c7ae66;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 24px;
  transition: border-color .4s;
  display: flex;
  position: relative;
}

.kr-rm-step:hover {
  border-top-color: #d8c7ae;
}

.kr-rm-num {
  color: #d8c7ae;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 18px;
  font-family: Manrope, sans-serif;
  font-size: 72px;
  font-weight: 800;
  line-height: 72px;
}

.kr-rm-steptitle {
  color: #f7f5f0;
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 30px;
}

.kr-rm-steptext {
  color: #e4dfd3;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  line-height: 27px;
}

.bl-tag {
  color: #30453b;
  letter-spacing: .04em;
  background-color: #efebe2;
  border-radius: 999px;
  align-items: center;
  margin-right: 0;
  padding: 6px 12px;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 16px;
  display: inline-flex;
}

.bl-meta-item {
  color: #5f5b55;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.bl-accent {
  color: #30453b;
  font-weight: 700;
  text-decoration: none;
}

.bl-plain-span {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.bl-arrow {
  color: #30453b;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 18px;
  display: flex;
}

.bl-cta-section {
  background-color: #f7f5f0;
  padding-bottom: 96px;
}

.bl-cta-card {
  text-align: center;
  background-color: #30453b;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  padding: 56px 40px;
  display: flex;
}

.bl-cta-title {
  color: #f7f5f0;
  text-align: center;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Manrope, sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 42px;
}

.bl-cta-text {
  color: #dddad2;
  text-align: center;
  max-width: 620px;
  margin-top: 0;
  margin-bottom: 28px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.bl-chips {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.bl-chips.hm-mob-hide {
  outline-width: 0;
}

.bl-chip {
  color: #f7f5f0;
  background-color: #f7f5f014;
  border: 1px solid #8fa396;
  border-radius: 999px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 9px 18px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}

.gg-photo {
  grid-column-gap: 14px;
  grid-row-gap: 0px;
  background-color: #30453b;
  background-position: 50%;
  background-size: cover;
  border-radius: 16px;
  flex-direction: column;
  grid-template-rows: auto 1fr;
  grid-template-columns: 60px 1fr;
  place-content: start normal;
  align-items: start;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 26px 26px 28px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1);
  display: grid;
  position: relative;
  overflow: hidden;
}

.gg-photo:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 44px #1e2d2647;
}

.gg-photo.gg-p1 {
  background-image: linear-gradient(#1e2d2626 0%, #1e2d268c 40%, #1e2d26eb 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab97ee9f4920a06f0819c98_gg-card-1-terrasse.webp");
  padding-top: 150px;
}

.gg-photo.gg-p5 {
  background-image: linear-gradient(135deg, #1e2d269e 0%, #1e2d26e6 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab8118810e9df803f9b0a8d_installation-team-modern-house-square-autumn-under-4mb%20(1).jpg");
}

.gg-photo.gg-p9 {
  background-image: linear-gradient(135deg, #1e2d269e 0%, #1e2d26e6 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab967c371299af5fbf70db0_series-01-terrace-living-under-4mb%20(1).jpg");
}

.gg-photo.gg-p13 {
  background-image: linear-gradient(135deg, #1e2d269e 0%, #1e2d26e6 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab979c326dcf5fc157c7290_card-anbau-lamellendach-under-4mb.jpg");
}

.gg-photo.gg-p17 {
  background-image: linear-gradient(135deg, #1e2d269e 0%, #1e2d26e6 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab97504d472a995a483203d_card-cube-wintergarten.jpg");
}

.gg-photo.gg-p21 {
  background-image: linear-gradient(135deg, #1e2d269e 0%, #1e2d26e6 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab9721336140ccdabcfcf91_carport-01-modern-home-car.jpg");
}

.gg-photo.gg-p25 {
  background-image: linear-gradient(135deg, #1e2d269e 0%, #1e2d26e6 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab838cab1c156bb44231b15_markise-hero-sunset-right-under-4mb.jpg");
}

.gg-photo.gg-p29 {
  background-image: linear-gradient(135deg, #1e2d269e 0%, #1e2d26e6 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab9698de339f0ab7c597a2a_BOLD_open_terrace_no_glass_under_4mb.jpg");
}

.gg-photo.gg-p33 {
  background-image: linear-gradient(135deg, #1e2d269e 0%, #1e2d26e6 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab96ad0310af94e01b7fc98_BOLD_glass_roof_no_led_under_4mb.jpg");
}

.gg-num-light {
  color: #d8c7ae;
  letter-spacing: -.03em;
  grid-area: 1 / 1 / 3 / 2;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 1;
}

.gg-sub-light {
  color: #fff;
  letter-spacing: .02em;
  text-transform: uppercase;
  grid-area: 1 / 2 / 2 / 3;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 24px;
  display: block;
}

.gg-text-light {
  color: #e7e3da;
  grid-area: 2 / 2 / 3 / 3;
  margin-top: 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.gg-svc-section {
  background-color: #f7f5f0;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 96px;
  position: relative;
}

.gg-svc-wrap {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 58px;
  padding-right: 58px;
}

.gg-svc-panel {
  background-color: #30453b;
  background-image: radial-gradient(circle at 100% 0, #b88a454d, #30453b00 55%);
  border-radius: 28px;
  width: 100%;
  padding: 64px 56px;
  position: relative;
  overflow: hidden;
}

.gg-svc-container {
  width: 100%;
  display: block;
}

.gg-svc-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.gg-svc-head {
  text-align: center;
  grid-column: 1 / 5;
  margin-bottom: 24px;
}

.gg-svc-eyebrow {
  color: #d8c7ae;
  text-align: center;
  letter-spacing: .12em;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.gg-svc-plain {
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
}

.gg-svc-title {
  color: #f7f5f0;
  text-align: center;
  letter-spacing: -.01em;
  text-transform: uppercase;
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.gg-svc-accent {
  color: #d8c7ae;
  font-weight: 800;
}

.gg-svc-card {
  grid-column-gap: 14px;
  grid-row-gap: 4px;
  background-color: #f7f5f00f;
  border: 1px solid #5e7568;
  border-radius: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 30px 1fr;
  align-content: center;
  align-items: start;
  min-height: 0;
  padding: 20px;
  transition: transform .35s cubic-bezier(.22, .61, .36, 1), background-color .35s, border-color .35s;
  display: grid;
}

.gg-svc-card:hover {
  background-color: #f7f5f01f;
  border-color: #d8c7ae;
  transform: translateY(-4px);
}

.gg-svc-btn {
  grid-column: 1 / 5;
  justify-content: center;
  margin-top: 20px;
  display: flex;
}

.gg-svc-desc {
  color: #c9d2cb;
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  display: block;
}

.hm-sec {
  background-color: #f7f5f0;
  min-height: 0;
  padding-top: 88px;
  padding-bottom: 0;
}

.hm-wrap {
  width: 100%;
  max-width: 1320px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 58px;
}

.hm-h2 {
  color: #30453b;
  text-align: center;
  letter-spacing: -.01em;
  text-transform: uppercase;
  width: 100%;
  max-width: 860px;
  margin: 0 auto 14px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.hm-h2.sh-light {
  color: #f7f5f0;
}

.hm-h2-left {
  color: #30453b;
  text-align: left;
  letter-spacing: -.01em;
  text-transform: uppercase;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.hm-lead {
  color: #5f5b55;
  text-align: center;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  font-family: DM Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 30px;
}

.hm-lead.sh-light-lead {
  color: #e7e3da;
}

.hm-lead.hm-mob-hide {
  outline-width: 0;
}

.hm-body {
  color: #5f5b55;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
}

.hm-body.hm-mob-hide {
  outline-width: 0;
}

.hm-hero-section {
  background-color: #f7f5f0;
  min-height: 0;
  padding-top: 100px;
  padding-bottom: 0;
}

.hm-hero-card {
  background-color: #30453b;
  background-image: linear-gradient(90deg, #1e2d26f7 0%, #30453be6 52%, #30453b73 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab8093b4b0d8d8cdd7bbbf8_BOLD_terrassendach_hero_01_web.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 28px;
  width: calc(100% - 116px);
  max-width: 1320px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 72px 64px;
  position: relative;
  overflow: hidden;
}

.hm-hero-grid {
  grid-column-gap: 48px;
  grid-row-gap: 32px;
  grid-template-columns: 1.15fr .85fr;
  align-items: center;
  width: 100%;
  display: grid;
}

.hm-hero-h1 {
  color: #fff;
  text-align: left;
  letter-spacing: -.01em;
  text-transform: uppercase;
  max-width: 660px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 54px;
}

.hm-hero-lead {
  color: #dddad2;
  text-align: left;
  max-width: 580px;
  margin-top: 0;
  margin-bottom: 28px;
  font-family: DM Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 30px;
}

.hm-hero-btns {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.hm-collage {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  height: 440px;
  display: grid;
}

.hm-collage-img {
  object-fit: cover;
  border-radius: 18px;
  width: 100%;
  max-width: none;
  height: 100%;
}

.hm-collage-tall {
  object-fit: cover;
  border-radius: 18px;
  grid-row: 1 / 3;
  width: 100%;
  max-width: none;
  height: 100%;
}

.hm-prod-grid {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 48px;
  display: grid;
}

.hm-prod-card {
  background-color: #30453b;
  background-position: 50%;
  background-size: cover;
  border-radius: 22px;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 340px;
  padding: 24px 22px;
  text-decoration: none;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.hm-prod-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 46px #1e2d2647;
}

.hm-prod-card.hm-pc1 {
  background-image: linear-gradient(#1e2d260d 25%, #1e2d26eb 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6acc84049e43196d2bb7e638_terrassenueberdachung-card.jpg");
}

.hm-prod-card.hm-pc2 {
  background-image: linear-gradient(#1e2d260d 25%, #1e2d26eb 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6acc8404e83d87718215297b_kaltwintergarten-card.jpg");
}

.hm-prod-card.hm-pc3 {
  background-image: linear-gradient(#1e2d260d 25%, #1e2d26eb 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab979c326dcf5fc157c7290_card-anbau-lamellendach-under-4mb.jpg");
}

.hm-prod-card.hm-pc4 {
  background-image: linear-gradient(#1e2d260d 25%, #1e2d26eb 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab838cab1c156bb44231b15_markise-hero-sunset-right-under-4mb.jpg");
}

.hm-prod-card.hm-pc5 {
  background-image: linear-gradient(#1e2d260d 25%, #1e2d26eb 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab83c0c00af945014ff89d9_wellness-hero-reference-light-wood-german-under-4mb.jpg");
}

.hm-prod-card.hm-pc6 {
  background-image: linear-gradient(#1e2d260d 25%, #1e2d26eb 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ac681595e1ad0afd773c578_zubehoer-fernbedienung-pergola-abend.jpg");
  background-position: 0 0, 72% 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 100%, 180%;
}

.hm-prod-title {
  color: #fff;
  text-align: left;
  letter-spacing: -.01em;
  text-transform: uppercase;
  overflow-wrap: break-word;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Manrope, sans-serif;
  font-size: 21px;
  font-weight: 800;
  line-height: 27px;
}

.hm-prod-desc {
  color: #e7e3da;
  text-align: left;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.hm-prod-more {
  color: #d8c7ae;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
}

.hm-adv-grid {
  grid-column-gap: 56px;
  grid-row-gap: 48px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: 100%;
  display: grid;
}

.hm-adv-copy {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.hm-adv-img {
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  max-width: none;
  height: 420px;
}

.hm-adv-cards-cell {
  flex-direction: column;
  grid-column: 1 / 3;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.hm-adv-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 36px;
  display: grid;
}

.hm-adv-card {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding: 28px 26px 30px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), border-color .45s;
  display: flex;
}

.hm-adv-card:hover {
  border-color: #4d765d;
  transform: translateY(-6px);
  box-shadow: 0 18px 40px #30453b24;
}

.hm-card-h3 {
  color: #171717;
  text-align: left;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Manrope, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 26px;
}

.hm-card-text {
  color: #5f5b55;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.hm-team-card {
  background-color: #30453b;
  background-image: linear-gradient(90deg, #1e2d26f7 0%, #30453be6 50%, #30453b59 100%), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ac2649e05d2c8529a000f38_kr-team.jpg");
  background-position: 50% 30%;
  background-size: cover;
  border-radius: 28px;
  outline-width: 0;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 0;
  padding: 72px 64px 64px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hm-eyebrow-light {
  color: #d8c7ae;
  text-align: center;
  letter-spacing: .12em;
  text-transform: uppercase;
  grid-area: 1 / 1 / 2 / 2;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.hm-h2-light {
  color: #fff;
  text-align: center;
  letter-spacing: -.01em;
  text-transform: uppercase;
  grid-area: 2 / 1 / 3 / 2;
  max-width: 820px;
  margin: 0 auto 20px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.hm-lead-light {
  color: #dddad2;
  text-align: center;
  grid-area: 3 / 1 / 4 / 2;
  max-width: 720px;
  margin: 0 auto 40px;
  font-family: DM Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 30px;
}

.hm-lead-light.hm-mob-hide {
  outline-width: 0;
}

.hm-team-stats {
  grid-column-gap: 18px;
  grid-row-gap: 16px;
  outline-width: 0;
  grid-area: 1 / 2 / 4 / 3;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.hm-stat {
  grid-column-gap: 14px;
  background-color: #f7f5f014;
  border: 1px solid #5e7568;
  border-radius: 16px;
  outline-width: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.hm-stat-icon {
  object-fit: contain;
  outline-width: 0;
  flex-shrink: 0;
  width: 32px;
  max-width: none;
  height: 32px;
}

.hm-stat-text {
  color: #fff;
  text-align: left;
  outline-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.hm-stat-btn {
  outline-width: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.hm-vid-card {
  background-color: #1b1b19;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab9698de339f0ab7c597a2a_BOLD_open_terrace_no_glass_under_4mb.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 28px;
  width: calc(100% - 116px);
  max-width: 1320px;
  height: auto;
  min-height: 620px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.hm-vid-overlay {
  z-index: 1;
  background-color: #0000;
  background-image: linear-gradient(#0e0e0c8c 0%, #0e0e0cc7 100%);
  position: absolute;
  inset: 0;
}

.hm-vid-content {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 620px;
  padding: 72px 48px;
  display: flex;
  position: relative;
}

.hm-vid-title {
  color: #f7f5f0;
  text-align: center;
  letter-spacing: -.01em;
  text-transform: uppercase;
  max-width: 820px;
  margin-top: 0;
  margin-bottom: 44px;
  font-family: Manrope, sans-serif;
  font-size: 38px;
  font-weight: 800;
  line-height: 46px;
}

.hm-vid-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.hm-vid-item {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffff1a;
  border: 1px solid #ffffff47;
  border-radius: 18px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 26px 22px 28px;
  transition: transform .35s cubic-bezier(.22, .61, .36, 1), background-color .35s;
  display: flex;
}

.hm-vid-item:hover {
  background-color: #ffffff2e;
  border-color: #d8c7ae;
  transform: translateY(-4px);
}

.hm-vid-icon {
  object-fit: contain;
  width: 36px;
  max-width: none;
  height: 36px;
  margin-bottom: 16px;
}

.hm-vid-h3 {
  color: #fff;
  text-align: left;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
}

.hm-vid-text {
  color: #edebe6;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}

.hm-wrap-center {
  text-align: center;
  width: 100%;
  max-width: 1320px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 58px;
}

.forma-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1439px;
  display: flex;
}

.code-embed-6 {
  width: 100%;
}

.code-forma1 {
  width: 50%;
}

.div-block-209 {
  width: 100%;
  max-width: 1439px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.forma-cont {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.f-text1 {
  color: #30453b;
  text-align: center;
  align-self: center;
  width: 50%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 20px;
  font-family: Manrope, sans-serif;
  font-size: 30px;
  font-weight: 800;
}

.f-text2 {
  color: #5f5b55;
  text-align: center;
  align-self: center;
  width: 50%;
  margin-bottom: 0;
  padding-bottom: 50px;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.social-panel {
  z-index: 2000;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0000004d;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 210px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  position: fixed;
  inset: 49% 0% auto auto;
}

.ki-social-link-fix {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: block;
}

.ki-social-link-fix:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px #1717172e;
}

.ki-social-link-fix-2 {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: block;
}

.ki-social-link-fix-2:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px #1717172e;
}

.ki-social-link-fix-3 {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: block;
}

.ki-social-link-fix-3:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px #1717172e;
}

.ki-social-link-fix-4 {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: block;
  overflow: hidden;
}

.ki-social-link-fix-4:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px #1717172e;
}

.ki-social-icon-fix, .ki-social-icon-fix-2, .ki-social-icon-fix-3 {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.ki-social-icon-fix-4 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.code-forma2 {
  width: 50%;
}

.code-forma3 {
  width: 65%;
}

.hd-cta {
  color: #fff;
  text-align: center;
  letter-spacing: .02em;
  text-shadow: 0 1px 2px #1e2d2659;
  white-space: nowrap;
  background-color: #b88a45;
  background-image: linear-gradient(135deg, #d9ae5f 0%, #b88a45 100%);
  border: 1px solid #e3c07a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.22, .61, .36, 1), box-shadow .3s, background-color .3s;
  display: inline-flex;
  box-shadow: 0 6px 18px #b88a4559;
}

.hd-cta:hover {
  color: #fff;
  background-image: linear-gradient(135deg, #e8c57e 0%, #c99a52 100%);
  transform: translateY(-2px);
  box-shadow: 0 10px 24px #b88a4580;
}

.ft-copy {
  color: #dddad2;
  text-align: left;
  font-family: Manrope, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 19px;
}

.hm-team-sec {
  background-color: #f7f5f0;
  min-height: 0;
  padding-top: 88px;
  padding-bottom: 0;
}

.hm-team-full {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.hm-team-hero {
  background-color: #30453b;
  background-image: none;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 1px solid #4d765d;
  border-radius: 34px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: calc(100% - 116px);
  max-width: 1320px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 16px 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hm-team-inner {
  z-index: 2;
  grid-column-gap: 56px;
  grid-row-gap: 0px;
  text-align: center;
  outline-width: 0;
  flex-direction: column;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 52px 44px 48px;
  display: flex;
  position: relative;
}

.hm-team-photo {
  aspect-ratio: 16 / 9;
  background-color: #2a2924;
  background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ac686043181957e193d0629_team-bold-besprechung-logo.jpg");
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 22px;
  width: 100%;
}

.kw-row-two {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  padding: 0 0 10px;
  display: grid;
}

.kw-wide-div {
  width: 100%;
  margin-bottom: 16px;
}

.kw-wide-image {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 460px;
}

.sh-sec {
  background-color: #30453b;
  padding-top: 88px;
  padding-bottom: 96px;
  position: relative;
  overflow: hidden;
}

.sh-slider {
  background-color: #0000;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: auto;
  margin-top: 52px;
  padding: 0;
  position: relative;
  overflow: visible;
}

.sh-mask {
  width: 100%;
  max-width: none;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}

.sh-slide {
  width: 33.3333%;
  min-width: 0;
  margin-right: 0;
  padding-right: 22px;
}

.sh-arrow-left {
  z-index: 5;
  color: #30453b;
  background-color: #d8c7ae;
  border-radius: 100px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  margin-top: -22px;
  font-size: 20px;
  position: absolute;
  inset: 50% auto auto -50px;
}

.sh-arrow-right {
  z-index: 5;
  color: #30453b;
  background-color: #d8c7ae;
  border-radius: 100px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  margin-top: -22px;
  font-size: 20px;
  position: absolute;
  inset: 50% -50px auto auto;
}

.sh-icon {
  font-size: 20px;
  inset: 0;
}

.things-col {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.things-cta {
  color: #30453b;
  text-align: center;
  letter-spacing: .01em;
  background-color: #d8c7ae;
  border-radius: 14px;
  align-self: stretch;
  margin-top: 14.5%;
  padding: 20px 32px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  display: block;
  position: static;
}

.sh-eyebrow {
  color: #d8c7ae;
  text-align: center;
  letter-spacing: .16em;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
}

.uu-btn-green {
  color: #fff;
  text-align: center;
  letter-spacing: .01em;
  background-color: #30453b;
  border-radius: 14px;
  margin-top: 28px;
  padding: 18px 32px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  display: block;
}

.uu-btn-gold {
  color: #fff;
  text-align: center;
  letter-spacing: .01em;
  background-color: #b88a45;
  border-radius: 14px;
  margin-top: 28px;
  padding: 17px 30px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.text-block-4 {
  padding-bottom: 0;
  font-size: 14px;
  line-height: 21px;
}

.bl-chip-2-99 {
  max-width: 100%;
  box-shadow: none;
  color: #d9ae5f;
  text-align: left;
  letter-spacing: .01em;
  text-shadow: none;
  background-color: #0000;
  border: 0 #e3c48c;
  border-radius: 999px;
  margin-top: 0;
  margin-bottom: 22px;
  padding: 0;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  display: inline-block;
}

.finanzieren {
  background-color: #f7f5f0;
  min-height: 0;
  padding-top: 88px;
  padding-bottom: 0;
}

.finanzieren-container {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.div-block-finanzieren {
  background-color: #30453b;
  background-image: none;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 1px solid #4d765d;
  border-radius: 34px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: calc(100% - 116px);
  max-width: 1320px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 56px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.quick-stack-finanzieren {
  grid-column-gap: 56px;
  grid-row-gap: 36px;
  grid-template-columns: 1.15fr 1fr;
  align-items: center;
  width: 100%;
}

.finanzieren-text-1 {
  color: #d8c7ae;
  letter-spacing: .12em;
  -webkit-text-stroke-color: #b88b46;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 14px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.h2-finanzieren-text-2 {
  color: #fff;
  text-align: left;
  letter-spacing: -.01em;
  text-transform: uppercase;
  grid-area: 2 / 1 / 3 / 2;
  align-self: auto;
  max-width: none;
  margin: 0 0 20px;
  padding-left: 0;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.finanzieren-text-3 {
  color: #dddad2;
  text-align: left;
  grid-area: 3 / 1 / 4 / 2;
  max-width: 560px;
  margin: 0 0 32px;
  font-family: DM Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 30px;
}

.button-finanzieren {
  z-index: 1;
  text-align: center;
  vertical-align: baseline;
  background-color: #b88b46;
  border-radius: 9px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  display: inline-block;
}

.button-finanzieren:hover {
  outline-width: 0;
}

.button-finanzieren.deep-forest {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-finanzieren.deep-forest:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  outline-width: 0;
}

.button-finanzieren.slide-pos {
  z-index: 2;
  width: fit-content;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 13%;
}

.button-finanzieren.deep-forest-slide {
  z-index: 2;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: fit-content;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: block;
  position: absolute;
  inset: auto 0% 13%;
}

.button-finanzieren.deep-forest-center {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: fit-content;
  max-width: none;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: block;
}

.button-finanzieren.deep-forest-left {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  max-width: none;
  margin-top: 32px;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-finanzieren.sand-left {
  z-index: 1;
  color: #30453b;
  white-space: nowrap;
  background-color: #f7f5f0;
  border-style: none;
  width: auto;
  max-width: none;
  margin-top: 52px;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 30px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-finanzieren.sand-left:hover {
  background-color: #d8c7ae;
}

.button-finanzieren.deep-forest-kr {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  padding: 14px 26px;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-finanzieren.sand-bl {
  color: #30453b;
  text-align: center;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  flex-grow: 0;
  align-self: flex-start;
  width: auto;
  max-width: 100%;
  margin-top: 0;
  padding: 16px 34px;
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  display: inline-block;
  position: static;
  inset: auto;
}

.button-finanzieren.sand-bl:hover {
  background-color: #f7f5f0;
  border-color: #f7f5f0;
  transform: translateY(-2px);
}

.cell-103 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.cell-104 {
  background-color: #f7f5f00f;
  border: 1px solid #8fa39666;
  border-radius: 22px;
  flex-direction: column;
  min-width: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
  overflow: hidden;
}

.quick-stack-finanzieren-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
}

.h2-finanzieren-text-3, .h2-finanzieren-text-4 {
  color: #fff;
  text-align: left;
  letter-spacing: -.01em;
  text-transform: uppercase;
  grid-area: 2 / 1 / 3 / 2;
  align-self: auto;
  max-width: none;
  margin: 0 0 6px;
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 44px;
}

.finanzieren-text-4, .finanzieren-text-5 {
  color: #d8c7ae;
  text-align: left;
  letter-spacing: .1em;
  text-transform: uppercase;
  grid-area: 3 / 1 / 4 / 2;
  max-width: none;
  margin: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.cell-105 {
  justify-content: flex-start;
  align-items: flex-start;
}

.h2-finanzieren-text-5 {
  color: #fff;
  text-align: left;
  letter-spacing: -.01em;
  text-transform: uppercase;
  grid-area: 2 / 1 / 3 / 2;
  align-self: auto;
  max-width: none;
  margin: 0 0 6px;
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 44px;
}

.finanzieren-text-6 {
  color: #d8c7ae;
  text-align: left;
  letter-spacing: .1em;
  text-transform: uppercase;
  grid-area: 3 / 1 / 4 / 2;
  max-width: none;
  margin: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.fn-stat {
  border-bottom: 1px solid #f7f5f024;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 24px 32px;
  display: flex;
}

.fn-stat.fn-last {
  border-bottom-width: 0;
}

.hm-sec-1 {
  background-color: #f7f5f0;
  min-height: 0;
  padding-top: 88px;
  padding-bottom: 0;
}

.hd-cta-2 {
  color: #30453b;
  text-align: center;
  letter-spacing: .02em;
  text-shadow: none;
  white-space: nowrap;
  background-color: #d8c7ae;
  background-image: none;
  border: 1px solid #d8c7ae;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.22, .61, .36, 1), box-shadow .3s, background-color .3s;
  display: inline-flex;
  box-shadow: 0 6px 18px #0000002e;
}

.hd-cta-2:hover {
  color: #fff;
  background-image: linear-gradient(135deg, #e8c57e 0%, #c99a52 100%);
  transform: translateY(-2px);
  box-shadow: 0 10px 24px #b88a4580;
}

.alexandr-text {
  color: var(--background-fourth);
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.div-block-210, .div-block-things-col {
  width: 100%;
}

.hm-mob-hide {
  outline-width: 0;
}

.hm-vid-cell {
  min-width: 0;
}

.hm-hero-h1-sub {
  font-size: 32px;
  font-weight: 200;
  line-height: 44px;
}

.bl-glow-2-99 {
  color: #d9ae5f;
  text-shadow: none;
}

.forma-showroom-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.fs-text1 {
  color: #30453b;
  text-align: center;
  align-self: center;
  width: 50%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 20px;
  font-family: Manrope, sans-serif;
  font-size: 30px;
  font-weight: 800;
}

.fs-text2 {
  color: #5f5b55;
  text-align: center;
  align-self: center;
  width: 50%;
  margin-bottom: 0;
  padding-bottom: 50px;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.code-forma-showroom {
  width: 50%;
}

.button-offer-showroom {
  z-index: 1;
  text-align: center;
  vertical-align: baseline;
  background-color: #b88b46;
  border-radius: 9px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 110%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  display: block;
}

.button-offer-showroom:hover {
  outline-width: 0;
}

.button-offer-showroom.deep-forest {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-offer-showroom.deep-forest:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  outline-width: 0;
}

.button-offer-showroom.slide-pos {
  z-index: 2;
  width: fit-content;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 13%;
}

.button-offer-showroom.deep-forest-slide {
  z-index: 2;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: fit-content;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: block;
  position: absolute;
  inset: auto 0% 13%;
}

.button-offer-showroom.deep-forest-center {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: fit-content;
  max-width: none;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: block;
}

.button-offer-showroom.deep-forest-left {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  max-width: none;
  margin-top: 32px;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-offer-showroom.sand-left {
  z-index: 1;
  color: #30453b;
  white-space: nowrap;
  background-color: #f7f5f0;
  border-style: none;
  width: auto;
  max-width: none;
  margin-top: 52px;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 30px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-offer-showroom.sand-left:hover {
  background-color: #d8c7ae;
}

.button-offer-showroom.deep-forest-kr {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  padding: 14px 26px;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-offer-showroom.sand-bl {
  color: #30453b;
  text-align: center;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  flex-grow: 0;
  align-self: center;
  width: auto;
  max-width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 34px;
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  display: inline-block;
  position: static;
  left: auto;
  right: auto;
}

.button-offer-showroom.sand-bl:hover {
  background-color: #f7f5f0;
  border-color: #f7f5f0;
  transform: translateY(-2px);
}

.button-offer-showroom.hm-stat-fill {
  color: #30453b;
  text-align: center;
  background-color: #d8c7ae;
  border: 1px solid #d8c7ae;
  border-radius: 16px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
  position: static;
}

.button-offer-showroom.deep-forest-copy {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-offer-showroom.deep-forest-copy:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  outline-width: 0;
}

.offer-showroom-2 {
  z-index: 1;
  text-align: center;
  vertical-align: baseline;
  background-color: #b88b46;
  border-radius: 9px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 110%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  display: block;
}

.offer-showroom-2:hover {
  outline-width: 0;
}

.offer-showroom-2.deep-forest {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.offer-showroom-2.deep-forest:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  outline-width: 0;
}

.offer-showroom-2.slide-pos {
  z-index: 2;
  width: fit-content;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 13%;
}

.offer-showroom-2.deep-forest-slide {
  z-index: 2;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: fit-content;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: block;
  position: absolute;
  inset: auto 0% 13%;
}

.offer-showroom-2.deep-forest-center {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: fit-content;
  max-width: none;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: block;
}

.offer-showroom-2.deep-forest-left {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  max-width: none;
  margin-top: 32px;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.offer-showroom-2.sand-left {
  z-index: 1;
  color: #30453b;
  white-space: nowrap;
  background-color: #f7f5f0;
  border-style: none;
  width: auto;
  max-width: none;
  margin-top: 52px;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 30px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.offer-showroom-2.sand-left:hover {
  background-color: #d8c7ae;
}

.offer-showroom-2.deep-forest-kr {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  padding: 14px 26px;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.offer-showroom-2.sand-bl {
  color: #30453b;
  text-align: center;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  flex-grow: 0;
  align-self: center;
  width: auto;
  max-width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 34px;
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  display: inline-block;
  position: static;
  left: auto;
  right: auto;
}

.offer-showroom-2.sand-bl:hover {
  background-color: #f7f5f0;
  border-color: #f7f5f0;
  transform: translateY(-2px);
}

.offer-showroom-2.hm-stat-fill {
  color: #30453b;
  text-align: center;
  background-color: #d8c7ae;
  border: 1px solid #d8c7ae;
  border-radius: 16px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
  position: static;
}

.offer-showroom-2.deep-forest-center-copy {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: fit-content;
  max-width: none;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: block;
}

.things-cta-showroom {
  color: #30453b;
  text-align: center;
  letter-spacing: .01em;
  background-color: #d8c7ae;
  border-radius: 14px;
  align-self: stretch;
  margin-top: 14.5%;
  padding: 20px 32px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  display: block;
  position: static;
}

.hd-cta-show {
  color: #30453b;
  text-align: center;
  letter-spacing: .02em;
  text-shadow: none;
  white-space: nowrap;
  background-color: #d8c7ae;
  background-image: none;
  border: 1px solid #d8c7ae;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.22, .61, .36, 1), box-shadow .3s, background-color .3s;
  display: inline-flex;
  box-shadow: 0 6px 18px #0000002e;
}

.hd-cta-show:hover {
  color: #fff;
  background-image: linear-gradient(135deg, #e8c57e 0%, #c99a52 100%);
  transform: translateY(-2px);
  box-shadow: 0 10px 24px #b88a4580;
}

.body-5 {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.body-5-copy {
  background-color: var(--background-fifth);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.forma-karriere-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.fk-text1 {
  color: #30453b;
  text-align: center;
  align-self: center;
  width: 50%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 20px;
  font-family: Manrope, sans-serif;
  font-size: 30px;
  font-weight: 800;
}

.fk-text2 {
  color: #5f5b55;
  text-align: center;
  align-self: center;
  width: 50%;
  margin-bottom: 0;
  padding-bottom: 50px;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.code-forma-karriere {
  width: 50%;
}

.hd-cta-karriere {
  color: #30453b;
  text-align: center;
  letter-spacing: .02em;
  text-shadow: none;
  white-space: nowrap;
  background-color: #d8c7ae;
  background-image: none;
  border: 1px solid #d8c7ae;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.22, .61, .36, 1), box-shadow .3s, background-color .3s;
  display: inline-flex;
  box-shadow: 0 6px 18px #0000002e;
}

.hd-cta-karriere:hover {
  color: #fff;
  background-image: linear-gradient(135deg, #e8c57e 0%, #c99a52 100%);
  transform: translateY(-2px);
  box-shadow: 0 10px 24px #b88a4580;
}

.button-offer-karriere-1 {
  z-index: 1;
  text-align: center;
  vertical-align: baseline;
  background-color: #b88b46;
  border-radius: 9px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 110%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  display: block;
}

.button-offer-karriere-1:hover {
  outline-width: 0;
}

.button-offer-karriere-1.deep-forest {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-offer-karriere-1.deep-forest:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  outline-width: 0;
}

.button-offer-karriere-1.slide-pos {
  z-index: 2;
  width: fit-content;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 13%;
}

.button-offer-karriere-1.deep-forest-slide {
  z-index: 2;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: fit-content;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: block;
  position: absolute;
  inset: auto 0% 13%;
}

.button-offer-karriere-1.deep-forest-center {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: fit-content;
  max-width: none;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: block;
}

.button-offer-karriere-1.deep-forest-left {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  max-width: none;
  margin-top: 32px;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-offer-karriere-1.sand-left {
  z-index: 1;
  color: #30453b;
  white-space: nowrap;
  background-color: #f7f5f0;
  border-style: none;
  width: auto;
  max-width: none;
  margin-top: 52px;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 30px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-offer-karriere-1.sand-left:hover {
  background-color: #d8c7ae;
}

.button-offer-karriere-1.deep-forest-kr {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  padding: 14px 26px;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-offer-karriere-1.sand-bl {
  color: #30453b;
  text-align: center;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  flex-grow: 0;
  align-self: center;
  width: auto;
  max-width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 34px;
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  display: inline-block;
  position: static;
  left: auto;
  right: auto;
}

.button-offer-karriere-1.sand-bl:hover {
  background-color: #f7f5f0;
  border-color: #f7f5f0;
  transform: translateY(-2px);
}

.button-offer-karriere-1.hm-stat-fill {
  color: #30453b;
  text-align: center;
  background-color: #d8c7ae;
  border: 1px solid #d8c7ae;
  border-radius: 16px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
  position: static;
}

.button-offer-karriere-1.deep-forest-kr-copy {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  padding: 14px 26px;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-4-steps-karriere {
  z-index: 1;
  text-align: center;
  vertical-align: baseline;
  background-color: #b88b46;
  border-radius: 9px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 110%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  display: block;
}

.button-4-steps-karriere:hover {
  outline-width: 0;
}

.button-4-steps-karriere.deep-forest {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-4-steps-karriere.deep-forest:hover {
  color: #171717;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  outline-width: 0;
}

.button-4-steps-karriere.slide-pos {
  z-index: 2;
  width: fit-content;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 13%;
}

.button-4-steps-karriere.deep-forest-slide {
  z-index: 2;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: fit-content;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: block;
  position: absolute;
  inset: auto 0% 13%;
}

.button-4-steps-karriere.deep-forest-center {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: fit-content;
  max-width: none;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: block;
}

.button-4-steps-karriere.deep-forest-left {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  max-width: none;
  margin-top: 32px;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 26px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-4-steps-karriere.sand-left {
  z-index: 1;
  color: #30453b;
  white-space: nowrap;
  background-color: #f7f5f0;
  border-style: none;
  width: auto;
  max-width: none;
  margin-top: 52px;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 30px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-4-steps-karriere.sand-left:hover {
  background-color: #d8c7ae;
}

.button-4-steps-karriere.deep-forest-kr {
  z-index: 1;
  color: #dddad2;
  white-space: nowrap;
  background-color: #30453b;
  border: 1px solid #4d765d;
  width: auto;
  padding: 14px 26px;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-4-steps-karriere.sand-bl {
  color: #30453b;
  text-align: center;
  background-color: #d8c7ae;
  border-color: #d8c7ae;
  flex-grow: 0;
  align-self: center;
  width: auto;
  max-width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 34px;
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  display: inline-block;
  position: static;
  left: auto;
  right: auto;
}

.button-4-steps-karriere.sand-bl:hover {
  background-color: #f7f5f0;
  border-color: #f7f5f0;
  transform: translateY(-2px);
}

.button-4-steps-karriere.hm-stat-fill {
  color: #30453b;
  text-align: center;
  background-color: #d8c7ae;
  border: 1px solid #d8c7ae;
  border-radius: 16px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
  position: static;
}

.button-4-steps-karriere.sand-left-copy {
  z-index: 1;
  color: #30453b;
  white-space: nowrap;
  background-color: #f7f5f0;
  border-style: none;
  width: auto;
  max-width: none;
  margin-top: 52px;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 30px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.button-4-steps-karriere.sand-left-copy:hover {
  background-color: #d8c7ae;
}

.hd-cta-showroom {
  color: #fff;
  text-align: center;
  letter-spacing: .02em;
  text-shadow: 0 1px 2px #1e2d2659;
  white-space: nowrap;
  background-color: #b88a45;
  background-image: linear-gradient(135deg, #d9ae5f 0%, #b88a45 100%);
  border: 1px solid #e3c07a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.22, .61, .36, 1), box-shadow .3s, background-color .3s;
  display: inline-flex;
  box-shadow: 0 6px 18px #b88a4559;
}

.hd-cta-showroom:hover {
  color: #fff;
  background-image: linear-gradient(135deg, #e8c57e 0%, #c99a52 100%);
  transform: translateY(-2px);
  box-shadow: 0 10px 24px #b88a4580;
}

.hd-cta-showroom-1 {
  color: #fff;
  text-align: center;
  letter-spacing: .02em;
  text-shadow: 0 1px 2px #1e2d2659;
  white-space: nowrap;
  background-color: #b88a45;
  background-image: linear-gradient(135deg, #d9ae5f 0%, #b88a45 100%);
  border: 1px solid #e3c07a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.22, .61, .36, 1), box-shadow .3s, background-color .3s;
  display: inline-flex;
  box-shadow: 0 6px 18px #b88a4559;
}

.hd-cta-showroom-1:hover {
  color: #fff;
  background-image: linear-gradient(135deg, #e8c57e 0%, #c99a52 100%);
  transform: translateY(-2px);
  box-shadow: 0 10px 24px #b88a4580;
}

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

.cookie-banner {
  z-index: 9999;
  background-color: #000000e6;
  border-radius: 9px;
  margin-left: 110px;
  margin-right: 110px;
  padding: 30px 40px;
  display: none;
  position: fixed;
  bottom: 10px;
}

.text-block-5 {
  color: var(--b88b46);
  font-size: 18px;
}

.text-cookie-banner {
  color: var(--b88b46);
  padding-bottom: 15px;
  font-size: 22px;
}

.text-cookie-banner-2 {
  width: 80%;
  color: var(--background-fifth);
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: 300;
}

.cookie-buttons {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: row;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.button-20 {
  background-color: var(--background-main);
  border-radius: 9px;
}

.alle-akzeptieren {
  background-color: var(--background-main);
  border-radius: 9px;
  transition: all .555s;
}

.alle-akzeptieren:hover {
  background-color: var(--b88b46);
}

.nur-notwendige {
  background-color: var(--background-main);
  border-radius: 9px;
  transition: all .555s;
}

.nur-notwendige:hover {
  background-color: var(--b88b46);
}

.einstellungen {
  background-color: var(--background-main);
  border-radius: 9px;
  transition: all .555s;
}

.einstellungen:hover {
  background-color: var(--b88b46);
}

.cookie-settings-panel {
  padding-top: 30px;
  padding-bottom: 0;
  display: none;
}

.text-cookie-settings-panel {
  color: var(--b88b46);
  padding-bottom: 15px;
  font-size: 22px;
}

.text-cookie-settings-panel-2 {
  width: 80%;
  color: var(--background-fifth);
  font-size: 16px;
  font-weight: 300;
}

.cookie-settings-panel-blok-1 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  padding-top: 30px;
  padding-bottom: 20px;
  display: flex;
}

.text-cookie-settings-panel-3 {
  color: var(--background-fifth);
  padding-bottom: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 20px;
}

.text-cookie-settings-panel-4 {
  width: 80%;
  color: var(--b88b46);
  align-self: center;
  font-size: 18px;
  font-weight: 300;
}

.cookie-settings-panel-blok-2 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.text-span-31 {
  width: 100%;
  font-size: 16px;
  font-weight: 200;
  line-height: 15px;
}

.cookie-settings-panel-blok-22 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
}

.text-cookie-settings-panel-5 {
  width: 40%;
  color: var(--background-fifth);
  align-self: center;
  font-size: 18px;
  font-weight: 300;
}

.auswahl-speichern {
  background-color: var(--background-main);
  border-radius: 9px;
  transition: all .555s;
}

.auswahl-speichern:hover {
  background-color: var(--b88b46);
}

.cookie-einstellungen {
  color: #fff9;
  text-align: right;
  width: 100%;
  padding-top: 15px;
  padding-right: 15px;
  font-family: Manrope, sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-decoration: underline;
}

.code-embed-7 {
  color: var(--background-fifth);
}

.dk-title-copy {
  color: #30453b;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 58px 20px;
  font-family: Manrope, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 60px;
  display: flex;
}

.quick-stack-16 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  padding: 0;
}

.bold-text-18 {
  font-size: 25px;
}

.dk-embed-termin, .dk-embed-telef {
  background-color: #fff;
  border: 1px solid #cfcac0;
  border-radius: 24px;
  width: 100%;
  padding: 12px;
  overflow: hidden;
  box-shadow: 0 18px 40px #17171714;
}

.cell-106 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cell-107 {
  justify-content: flex-start;
  align-items: center;
}

.bold-text-19, .bold-text-20, .bold-text-21, .bold-text-22 {
  color: #30453b;
}

@media screen and (min-width: 1280px) {
  .copy-medium.kr-faq-qtext {
    font-family: DM Serif Display, sans-serif;
  }

  .rich-text-custom.kr-faq-rich {
    text-align: left;
  }

  .testimonial23_component {
    min-height: 844px;
  }

  .testimonial-card.vt-card-lamellend-cher, .testimonial-card.vt-card-markise, .testimonial-card.vt-card-wellness {
    min-height: 780px;
  }

  ._4-steps {
    z-index: 10;
    position: relative;
  }

  .grid-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: column;
    justify-items: stretch;
  }

  .subhead {
    font-style: normal;
    font-weight: 500;
  }

  .blog-atf {
    z-index: 10;
    position: relative;
  }

  .embeded-code-section {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .code-embed-3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .main-container {
    min-height: 400px;
  }

  .h2-4steps {
    text-transform: uppercase;
    font-weight: 700;
  }

  .image-4-steps-icon-3 {
    color: #00532a;
  }

  .button-4-steps {
    font-size: 20px;
  }

  .winterterrassend-cher {
    background-color: #0000;
  }

  .terrassend-cher-card {
    outline-width: 0;
  }

  .h1-offer-terrassend-cher {
    outline-width: 0;
    font-family: DM Serif Display, sans-serif;
  }

  .h2-offer-terrassend-cher {
    outline-width: 0;
    font-family: Inter, sans-serif;
  }

  .h2-offer-terrassend-cher.manrope {
    color: #fff;
    -webkit-text-stroke-color: #fff;
    outline-width: 0;
  }

  .h2-offer-terrassend-cher-2 {
    outline-width: 0;
  }

  .h2-offer-terrassend-cher-2.highlight {
    opacity: 1;
    color: #fff;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    outline-width: 0;
  }

  .h3-offer-terrassend-cher {
    outline-width: 0;
  }

  .h3-offer-terrassend-cher.full-width {
    outline-width: 0;
    font-family: Manrope, sans-serif;
  }

  .button-8.deep-forest {
    color: #fff;
    outline-width: 0;
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .text-offer-terrassend-cher-1.outline, .text-offer-terrassend-cher-1.outline-lamellend-cher, .text-offer-terrassend-cher-1.outline-wellness {
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .text-offer-terrassend-cher-icon-3, .text-offer-terrassend-cher-icon-1, .text-offer-terrassend-cher-icon-2 {
    outline-width: 0;
  }

  .h2-product-types {
    font-weight: 700;
  }

  .text-product-types-1 {
    font-family: Manrope, sans-serif;
    font-size: 24px;
    font-weight: 400;
  }

  .text-2-01-advantades-t1 {
    font-family: Manrope, sans-serif;
  }

  .image-02-advantades-t1 {
    background-color: #fff;
  }

  .h2-02-advantades-t2, .h2-02-advantades-t2.adv-h2-portfolio {
    text-transform: uppercase;
    font-weight: 700;
  }

  .t-terrassend-cher, .t-carport, .t-freistehend, .t-vordach {
    font-family: DM Serif Display, sans-serif;
  }

  ._4-steps-2 {
    z-index: 10;
    position: relative;
  }

  .kw-wandmontage, .kw-cube-berdachung, .kw-freistehend, .kw-schiebeanlage {
    font-family: DM Serif Display, sans-serif;
  }

  .button-10 {
    color: #fff;
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .h1-offer-markise {
    font-family: DM Serif Display, sans-serif;
  }

  .h2-offer-markise-3 {
    color: #fff;
    -webkit-text-stroke-color: #fff;
  }

  .h2-offer-markise-2 {
    opacity: 1;
    color: #fff;
  }

  .h3-offer-markise {
    font-family: Manrope, sans-serif;
  }

  .text-offer-markise-1 {
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .h2-product-types-markise {
    font-weight: 700;
  }

  ._4-steps-3 {
    z-index: 10;
    position: relative;
  }

  .h2-01-advantades-markise-2 {
    text-transform: uppercase;
    font-weight: 700;
  }

  ._4-steps-4, ._4-steps-5 {
    z-index: 10;
    position: relative;
  }

  .button-15 {
    color: #fff;
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .h1-offer-lamellend-cher {
    font-family: DM Serif Display, sans-serif;
  }

  .h2-offer-lamellend-cher-3 {
    color: #fff;
    -webkit-text-stroke-color: #fff;
  }

  .h2-offer-lamellend-cher-2 {
    opacity: 1;
    color: #fff;
  }

  .h3-offer-lamellend-cher {
    font-family: Manrope, sans-serif;
  }

  .h2-product-types-lamellend-cher {
    font-weight: 700;
  }

  ._4-steps-6 {
    z-index: 10;
    position: relative;
  }

  .h2-01-advantades-t2-lamellend-cher {
    text-transform: uppercase;
    font-weight: 700;
  }

  .button-16 {
    color: #fff;
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  ._4-steps-7 {
    z-index: 10;
    position: relative;
  }

  .h1-offer-wellness {
    font-family: DM Serif Display, sans-serif;
  }

  .h2-offer-wellness-3 {
    color: #fff;
    -webkit-text-stroke-color: #fff;
  }

  .h2-offer-wellness-2 {
    opacity: 1;
    color: #fff;
  }

  .h3-offer-wellness {
    font-family: Manrope, sans-serif;
  }

  .h2-product-types-wellness {
    font-weight: 700;
  }

  .h1-combo {
    color: #00532a;
  }

  .paragraph-combo-1, .paragraph-combo-2, .paragraph-combo-3, .paragraph-combo-4, .paragraph-combo-5 {
    color: #31463b;
    font-family: DM Serif Display, sans-serif;
  }

  .paragraph-combo-6, .paragraph-combo-7, .paragraph-combo-8, .paragraph-combo-9 {
    color: #00532a;
    font-family: DM Serif Display, sans-serif;
  }

  .h2-01-advantades-t2-combo {
    text-transform: uppercase;
    font-weight: 700;
  }

  .button-wellness {
    font-size: 20px;
  }

  .h1-offer-portfolio {
    font-family: DM Serif Display, sans-serif;
  }

  .h2-offer-portfolio {
    color: #fff;
    -webkit-text-stroke-color: #fff;
  }

  .h2-offer-portfolio-2 {
    opacity: 1;
    color: #fff;
  }

  .h3-offer-portfolio {
    font-family: Manrope, sans-serif;
  }

  .button-offer-portfolio {
    color: #fff;
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .h2-bold-portfolio {
    text-transform: uppercase;
    font-weight: 700;
  }

  .h2-offer-showroom {
    font-family: Inter, sans-serif;
  }

  .h2-products-visit {
    text-transform: uppercase;
  }

  .h2-offer-uber-uns {
    font-family: Inter, sans-serif;
  }

  .pt-card {
    outline-width: 0;
  }

  .pt-line {
    border: 1px solid #145022;
  }

  .pt-desc {
    font-family: Manrope, sans-serif;
    font-size: 18px;
    line-height: 27px;
  }

  .s4-title {
    text-transform: uppercase;
    font-weight: 700;
  }

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

  .s4-button {
    font-size: 20px;
  }

  .a-title {
    text-transform: uppercase;
    font-weight: 700;
  }

  .a-lead {
    font-family: Manrope, sans-serif;
  }

  .g-title {
    text-transform: uppercase;
    font-weight: 700;
  }

  .lg-label {
    outline-width: 0;
  }

  .vt-title {
    text-transform: uppercase;
    font-weight: 700;
  }

  .vt-subtitle {
    font-family: Manrope, sans-serif;
  }

  .vt-card {
    outline-width: 0;
    min-height: 780px;
  }

  .terrassend-cher-container-copy {
    background-color: #0000;
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab8185c6d6a2d249a676931_kaltwintergarten-hero-16x9-product-right-under-4mb.jpg");
    outline-width: 0;
  }

  .gg-steps-itemlabel {
    font-family: Manrope, sans-serif;
  }

  .bold-text-9 {
    color: #a3b8ab;
    font-family: DM Serif Display, sans-serif;
  }

  .button-offer-portfolio-outline {
    font-family: DM Serif Display, sans-serif;
  }

  ._4-steps-8 {
    z-index: 10;
    position: relative;
  }

  .button-19.deep-forest {
    color: #fff;
    outline-width: 0;
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .h2-offer-terrassend-cher-9 {
    outline-width: 0;
    font-family: Inter, sans-serif;
  }

  .h2-offer-terrassend-cher-9.manrope {
    color: #fff;
    -webkit-text-stroke-color: #fff;
    outline-width: 0;
  }

  .h2-offer-terrassend-cher-10 {
    outline-width: 0;
  }

  .h2-offer-terrassend-cher-10.highlight {
    opacity: 1;
    color: #fff;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    outline-width: 0;
  }

  ._4-steps-karriere {
    z-index: 10;
    position: relative;
  }

  .s4-title-karriere {
    text-transform: uppercase;
    font-weight: 700;
  }

  .quick-stack-4-steps-icon-karriere {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .karriere-container-copy {
    background-color: #0000;
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ac54ef2dcbdd612875fcd39_BOLD_office_alexander_workers_right_phone%20(1).png");
    background-position: 50%;
    background-size: cover;
    outline-width: 0;
  }

  .karriere-card {
    outline-width: 0;
  }

  .h1-offer-karriere {
    outline-width: 0;
    font-family: DM Serif Display, sans-serif;
  }

  .h2-offer-karriere-9 {
    outline-width: 0;
    font-family: Inter, sans-serif;
  }

  .h2-offer-karriere-9.manrope {
    color: #fff;
    -webkit-text-stroke-color: #fff;
    outline-width: 0;
  }

  .h2-offer-karriere-2 {
    outline-width: 0;
  }

  .h2-offer-karriere-2.highlight {
    opacity: 1;
    color: #fff;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    outline-width: 0;
  }

  .h3-offer-karriere {
    outline-width: 0;
  }

  .h3-offer-karriere.full-width {
    outline-width: 0;
    font-family: Manrope, sans-serif;
  }

  .button-offer-karriere.deep-forest {
    color: #fff;
    outline-width: 0;
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .kr-section-title {
    color: #00532a;
  }

  .kr-faq-section {
    color: #b88b46;
  }

  .bold-text-11, .bold-text-12, .bold-text-13, .bold-text-14, .bold-text-15, .bold-text-16, .bold-text-17 {
    font-family: DM Serif Display, sans-serif;
  }

  .hm-prod-card {
    min-height: 340px;
    padding: 24px 22px;
  }

  .hm-prod-title {
    overflow-wrap: anywhere;
    font-size: 21px;
    line-height: 27px;
  }

  .button-finanzieren.deep-forest, .button-offer-showroom.deep-forest, .button-offer-showroom.deep-forest-copy, .offer-showroom-2.deep-forest, .button-offer-karriere-1.deep-forest, .button-4-steps-karriere.deep-forest {
    color: #fff;
    outline-width: 0;
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }
}

@media screen and (min-width: 1440px) {
  .copy-medium.kr-faq-qtext {
    font-family: DM Serif Display, sans-serif;
  }

  .heading-style-h2.third-text-color.gg-steps-title {
    text-transform: uppercase;
  }

  .rich-text-custom.kr-faq-rich {
    text-align: left;
  }

  .testimonial23_component {
    min-height: 844px;
  }

  .testimonial-card.vt-card-lamellend-cher, .testimonial-card.vt-card-markise, .testimonial-card.vt-card-wellness {
    min-height: 780px;
  }

  ._4-steps {
    z-index: 10;
    position: relative;
  }

  .layout225_item-icon-wrapper.center {
    align-self: center;
  }

  .footer {
    width: 100%;
  }

  .grid-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: space-between;
    place-items: stretch stretch;
    display: flex;
  }

  .stichpunkt {
    margin-top: 1rem;
  }

  .stichpunkt.kleine-box {
    margin-top: 0;
  }

  .subhead {
    font-style: normal;
    font-weight: 500;
    display: block;
  }

  .blog-atf {
    z-index: 10;
    position: relative;
  }

  .embeded-code-section {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .code-embed-3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .main-container {
    max-width: 1600px;
    min-height: 400px;
  }

  .h2-4steps {
    text-transform: uppercase;
    font-weight: 700;
  }

  .image-4-steps-icon-3 {
    color: var(--second-text-color);
  }

  .button-4-steps {
    font-size: 20px;
  }

  .winterterrassend-cher {
    background-color: #0000;
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab8185c6d6a2d249a676931_kaltwintergarten-hero-16x9-product-right-under-4mb.jpg");
    background-position: 0 0;
    background-size: cover;
    max-width: none;
  }

  .terrassend-cher-card {
    outline-width: 0;
  }

  .h1-offer-terrassend-cher {
    outline-width: 0;
    font-family: DM Serif Display, sans-serif;
  }

  .h2-offer-terrassend-cher {
    font-family: var(--serif);
    outline-width: 0;
  }

  .h2-offer-terrassend-cher.manrope {
    color: #fff;
    -webkit-text-stroke-color: #fff;
    outline-width: 0;
  }

  .h2-offer-terrassend-cher-2 {
    outline-width: 0;
  }

  .h2-offer-terrassend-cher-2.highlight {
    opacity: 1;
    color: #fff;
    text-transform: uppercase;
    border-style: none none solid;
    border-bottom-width: 3px;
    border-bottom-color: #4d765d;
    outline-width: 0;
    font-weight: 800;
  }

  .h3-offer-terrassend-cher {
    outline-width: 0;
  }

  .h3-offer-terrassend-cher.full-width {
    outline-width: 0;
    font-family: Manrope, sans-serif;
  }

  .button-8.deep-forest {
    color: #fff;
    outline-width: 0;
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .text-offer-terrassend-cher-1.outline {
    outline-width: 0;
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .text-offer-terrassend-cher-1.outline-lamellend-cher, .text-offer-terrassend-cher-1.outline-wellness {
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .text-offer-terrassend-cher-icon-3, .text-offer-terrassend-cher-icon-1, .text-offer-terrassend-cher-icon-2 {
    outline-width: 0;
  }

  .h2-product-types {
    text-transform: uppercase;
    outline-width: 0;
    font-family: Manrope, sans-serif;
    font-weight: 700;
  }

  .text-product-types-1 {
    font-family: Manrope, sans-serif;
    font-size: 24px;
    font-weight: 400;
  }

  .div-block-product-type-11, .div-block-product-type-2, .div-block-product-type-2-copy, .div-block-product-type-222, .div-block-product-type-21, .div-block-product-type-333, .div-block-product-type-31, .div-block-product-type-444, .div-block-product-type-41 {
    width: 100%;
  }

  .text-01-advantades-t1 {
    color: #30453b;
    font-family: Manrope, sans-serif;
    font-weight: 200;
  }

  .text-2-01-advantades-t1 {
    color: #30453b;
    font-family: Manrope, sans-serif;
    font-weight: 600;
  }

  ._01-advantades-t2-text-13 {
    font-family: DM Serif Display, sans-serif;
  }

  .image-02-advantades-t1 {
    background-color: #fff;
  }

  .h2-02-advantades-t2, .h2-02-advantades-t2.adv-h2-portfolio {
    text-transform: uppercase;
    font-weight: 700;
  }

  .t-terrassend-cher, .t-carport, .t-freistehend, .t-vordach {
    font-family: DM Serif Display, sans-serif;
  }

  .div-block-product-type-448, .div-block-product-type-451, .div-block-product-type-452, .div-block-product-type-454 {
    width: 100%;
  }

  ._4-steps-2 {
    z-index: 10;
    position: relative;
  }

  .kw-wandmontage, .kw-cube-berdachung, .kw-freistehend, .kw-schiebeanlage {
    font-family: DM Serif Display, sans-serif;
  }

  .button-10 {
    color: #fff;
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .h1-offer-markise {
    font-family: DM Serif Display, sans-serif;
  }

  .h2-offer-markise-3 {
    color: #fff;
    -webkit-text-stroke-color: #fff;
  }

  .h2-offer-markise-2 {
    opacity: 1;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 3px solid #4d765d;
    font-weight: 800;
  }

  .h3-offer-markise {
    font-family: Manrope, sans-serif;
  }

  .text-offer-markise-1 {
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .div-block-product-type-457, .div-block-product-type-459, .div-block-product-type-462, .div-block-product-type-464 {
    width: 100%;
  }

  .h2-product-types-markise {
    text-transform: uppercase;
    font-family: Manrope, sans-serif;
    font-weight: 700;
  }

  ._4-steps-3 {
    z-index: 10;
    position: relative;
  }

  .h2-01-advantades-markise-2 {
    text-transform: uppercase;
    font-weight: 700;
  }

  .div-block-product-type-472 {
    width: 100%;
  }

  ._4-steps-4 {
    z-index: 10;
    position: relative;
  }

  .div-block-product-type-475, .div-block-product-type-476, .div-block-product-type-478, .div-block-product-type-484 {
    width: 100%;
  }

  ._4-steps-5 {
    z-index: 10;
    position: relative;
  }

  .div-block-product-type-487, .div-block-product-type-488, .div-block-product-type-490 {
    width: 100%;
  }

  .button-15 {
    color: #fff;
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .h1-offer-lamellend-cher {
    font-family: DM Serif Display, sans-serif;
  }

  .h2-offer-lamellend-cher-3 {
    color: #fff;
    -webkit-text-stroke-color: #fff;
  }

  .h2-offer-lamellend-cher-2 {
    opacity: 1;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 3px solid #4d765d;
    font-weight: 800;
  }

  .h3-offer-lamellend-cher {
    font-family: Manrope, sans-serif;
  }

  .div-block-product-type-496, .div-block-product-type-499, .div-block-product-type-500, .div-block-product-type-502 {
    width: 100%;
  }

  .h2-product-types-lamellend-cher {
    text-transform: uppercase;
    font-family: Manrope, sans-serif;
    font-weight: 700;
  }

  ._4-steps-6 {
    z-index: 10;
    position: relative;
  }

  .h2-01-advantades-t2-lamellend-cher {
    text-transform: uppercase;
    font-weight: 700;
  }

  .button-16 {
    color: #fff;
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .div-block-product-type-508, .div-block-product-type-511, .div-block-product-type-512, .div-block-product-type-514 {
    width: 100%;
  }

  ._4-steps-7 {
    z-index: 10;
    position: relative;
  }

  .h1-offer-wellness {
    font-family: DM Serif Display, sans-serif;
  }

  .h2-offer-wellness-3 {
    color: #fff;
    -webkit-text-stroke-color: #fff;
  }

  .h2-offer-wellness-2 {
    opacity: 1;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 3px solid #4d765d;
    font-weight: 800;
  }

  .h3-offer-wellness {
    font-family: Manrope, sans-serif;
  }

  .h2-product-types-wellness {
    text-transform: uppercase;
    font-family: Manrope, sans-serif;
    font-weight: 700;
  }

  .h1-combo {
    color: var(--background-second);
  }

  .paragraph-combo-1, .paragraph-combo-2, .paragraph-combo-3, .paragraph-combo-4, .paragraph-combo-5 {
    color: #31463b;
    font-family: DM Serif Display, sans-serif;
  }

  .paragraph-combo-6, .paragraph-combo-7, .paragraph-combo-8, .paragraph-combo-9 {
    color: var(--second-text-color);
    font-family: DM Serif Display, sans-serif;
  }

  .h2-01-advantades-t2-combo {
    text-transform: uppercase;
    font-weight: 700;
  }

  .button-wellness {
    font-size: 20px;
  }

  .h1-offer-portfolio {
    font-family: DM Serif Display, sans-serif;
  }

  .h2-offer-portfolio {
    color: #fff;
    -webkit-text-stroke-color: #fff;
  }

  .h2-offer-portfolio-2 {
    opacity: 1;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 3px solid #4d765d;
    font-weight: 800;
  }

  .h3-offer-portfolio {
    font-family: Manrope, sans-serif;
  }

  .button-offer-portfolio {
    color: #fff;
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .h2-bold-portfolio {
    text-transform: uppercase;
    font-weight: 700;
  }

  .h2-offer-showroom {
    font-family: var(--serif);
  }

  .h2-products-visit {
    text-transform: uppercase;
  }

  .h2-offer-uber-uns {
    font-family: var(--serif);
  }

  .pt-card, .pt-title {
    outline-width: 0;
  }

  .pt-line {
    border: 1px solid #145022;
  }

  .pt-desc {
    font-family: Manrope, sans-serif;
    font-size: 18px;
    line-height: 27px;
  }

  .s4-title {
    text-transform: uppercase;
    outline-width: 0;
    font-weight: 700;
  }

  .s4-step-title {
    outline-width: 0;
  }

  .s4-button {
    outline-width: 0;
    font-size: 20px;
  }

  .a-title {
    text-transform: uppercase;
    outline-width: 0;
    font-weight: 700;
  }

  .a-lead {
    font-family: Manrope, sans-serif;
  }

  .a-bullet {
    outline-width: 0;
    font-family: DM Serif Display, sans-serif;
  }

  .g-title {
    text-transform: uppercase;
    font-weight: 700;
  }

  .lg-section, .lg-label {
    outline-width: 0;
  }

  .vt-title {
    text-transform: uppercase;
    font-weight: 700;
  }

  .vt-subtitle {
    font-family: Manrope, sans-serif;
  }

  .vt-card {
    outline-width: 0;
    min-height: 780px;
  }

  .terrassend-cher-container-copy {
    background-color: #0000;
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ab8185c6d6a2d249a676931_kaltwintergarten-hero-16x9-product-right-under-4mb.jpg");
    background-position: 0 0;
    background-size: cover;
    outline-width: 0;
    max-width: none;
  }

  .gg-steps-itemlabel {
    font-family: Manrope, sans-serif;
  }

  .bold-text-9 {
    color: var(--border);
    font-family: DM Serif Display, sans-serif;
  }

  .button-offer-portfolio-outline {
    font-family: DM Serif Display, sans-serif;
  }

  .container-footer {
    max-width: none;
  }

  ._4-steps-8 {
    z-index: 10;
    position: relative;
  }

  .button-19.deep-forest {
    color: #fff;
    outline-width: 0;
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .h2-offer-terrassend-cher-9 {
    outline-width: 0;
    font-family: Inter, sans-serif;
  }

  .h2-offer-terrassend-cher-9.manrope {
    color: #fff;
    -webkit-text-stroke-color: #fff;
    outline-width: 0;
  }

  .h2-offer-terrassend-cher-10 {
    outline-width: 0;
  }

  .h2-offer-terrassend-cher-10.highlight {
    opacity: 1;
    color: #fff;
    text-transform: uppercase;
    border-style: none none solid;
    border-bottom-width: 3px;
    border-bottom-color: #4d765d;
    outline-width: 0;
    font-weight: 800;
  }

  ._4-steps-karriere {
    z-index: 10;
    position: relative;
  }

  .s4-title-karriere {
    text-transform: uppercase;
    outline-width: 0;
    font-weight: 700;
  }

  .h3-4s-icon-1-karriere, .h3-4s-icon-2-karriere, .h3-4s-icon-3-karriere, .h3-4s-icon-4-karriere {
    outline-width: 0;
  }

  .karriere-container-copy {
    background-color: #0000;
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ac54ef2dcbdd612875fcd39_BOLD_office_alexander_workers_right_phone%20(1).png");
    background-position: 50%;
    background-size: cover;
    outline-width: 0;
    max-width: none;
  }

  .karriere-card {
    outline-width: 0;
  }

  .h1-offer-karriere {
    outline-width: 0;
    font-family: DM Serif Display, sans-serif;
  }

  .h2-offer-karriere-9 {
    outline-width: 0;
    font-family: Inter, sans-serif;
  }

  .h2-offer-karriere-9.manrope {
    color: #fff;
    -webkit-text-stroke-color: #fff;
    outline-width: 0;
  }

  .h2-offer-karriere-2 {
    outline-width: 0;
  }

  .h2-offer-karriere-2.highlight {
    opacity: 1;
    color: #fff;
    text-transform: uppercase;
    border-style: none none solid;
    border-bottom-width: 3px;
    border-bottom-color: #4d765d;
    outline-width: 0;
    font-weight: 800;
  }

  .h3-offer-karriere {
    outline-width: 0;
  }

  .h3-offer-karriere.full-width {
    outline-width: 0;
    font-family: Manrope, sans-serif;
  }

  .button-offer-karriere.deep-forest {
    color: #fff;
    outline-width: 0;
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .kr-section-title {
    color: var(--background-second);
  }

  .kr-faq-section {
    color: var(--b88b46);
  }

  .bold-text-11, .bold-text-12, .bold-text-13, .bold-text-14, .bold-text-15, .bold-text-16 {
    font-family: DM Serif Display, sans-serif;
  }

  .bold-text-17 {
    color: var(--background-fifth);
    font-family: DM Serif Display, sans-serif;
  }

  .bl-plain-span {
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }

  .hm-prod-card {
    min-height: 360px;
    padding: 28px;
  }

  .hm-prod-title {
    font-size: 24px;
    line-height: 30px;
  }

  .code-forma1, .code-forma2 {
    width: 65%;
  }

  .sh-slide {
    width: 25%;
  }

  .button-finanzieren.deep-forest, .button-offer-showroom.deep-forest, .button-offer-showroom.deep-forest-copy, .offer-showroom-2.deep-forest, .button-offer-karriere-1.deep-forest, .button-4-steps-karriere.deep-forest {
    color: #fff;
    outline-width: 0;
    font-family: DM Serif Display, sans-serif;
    font-size: 19px;
  }
}

@media screen and (min-width: 1920px) {
  .h1-offer-terrassend-cher {
    outline-width: 0;
  }

  .karriere-container-copy {
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ac54ef2dcbdd612875fcd39_BOLD_office_alexander_workers_right_phone%20(1).png");
    background-position: 50%;
    background-size: cover;
  }

  .h1-offer-karriere {
    outline-width: 0;
  }

  .kr-job-card {
    height: 100%;
  }
}

@media screen and (max-width: 991px) {
  p, ul {
    font-size: 1rem;
  }

  .copy-tiny {
    font-size: .8rem;
  }

  .copy-tiny.third-text-color {
    font-size: .9rem;
  }

  .copy-medium, .copy-medium.white {
    font-size: 1rem;
  }

  .heading-style-h4 {
    font-size: 1.4rem;
  }

  .heading-style-extra-large {
    font-size: 5rem;
  }

  .page-padding {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .text-align-left {
    font-size: 1.5vw;
  }

  .styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .styleguide-heading {
    font-size: 3rem;
  }

  .hide-tablet {
    display: none;
  }

  .heading-style-h6 {
    font-size: 1.2rem;
  }

  .container-medium {
    min-height: 15vh;
  }

  .spacer-md-end {
    padding-bottom: 3rem;
  }

  .heading-style-h5 {
    font-size: 1.2rem;
  }

  .styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .spacer-xl-start {
    padding-top: 4rem;
  }

  .hide-desktop-only {
    display: block;
  }

  .heading-style-h1 {
    font-size: 2.6rem;
  }

  .heading-style-h1.white {
    font-size: 3rem;
  }

  .styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .copy-small, .copy-small.white {
    font-size: .9rem;
  }

  .heading-style-h3 {
    font-size: 1.9rem;
  }

  .heading-style-h3.third-text-color {
    font-size: 1.6rem;
  }

  .styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .full-width-tablet {
    width: 100%;
    max-width: none;
  }

  .paragraph {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 1.2;
  }

  .container-main {
    max-width: 1200px;
  }

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

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

  .about-us {
    height: auto;
  }

  .container-main-wrapper {
    padding-bottom: 70px;
  }

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

  .logo-wrap {
    grid-column-gap: 34px;
    grid-row-gap: 34px;
  }

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

  .list-items-wrap.left {
    align-items: flex-start;
  }

  .atf.image {
    background-position: 33% 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .atf.right-sidebar {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .atf.hero-content {
    padding-left: 0%;
    padding-right: 0%;
  }

  .atf.under-img {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .atf.bottom-right {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .image.trustlogos {
    max-height: 8vh;
  }

  .card-3-card {
    padding: 1.25rem 15px;
  }

  .design-card-3 {
    height: auto;
    padding: 0 0 10px;
  }

  .col-right {
    align-self: stretch;
    margin-top: 24px;
  }

  .block {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    top: 28%;
  }

  .block._1, .block._2, .block._4, .block._3, .block._4, .block._4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .wrapper-content {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
    height: 100%;
  }

  .box-content-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    place-items: center;
  }

  .next-card-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .buttons-wrap {
    font-size: .9rem;
  }

  .steps-wrapper {
    grid-template-columns: 1fr;
  }

  .steps-wrapper.gg-steps-grid {
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-columns: 1fr;
    display: grid;
  }

  .step {
    padding-right: 0;
  }

  .sec9-name-absolute-block {
    bottom: 9%;
    left: 11%;
  }

  .sec9-name-absolute-block._2 {
    top: 38%;
    right: 4.4vw;
  }

  .faq-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .number-txt-extra-large {
    font-size: 13rem;
  }

  .menu-icon1_line-middle {
    background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon1 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

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

  .navbar1_menu-buttons {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    margin-left: 0;
  }

  .dropdown-chevron {
    inset: auto 0% auto auto;
  }

  .menu-icon1_line-top {
    background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar1_menu {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--\<unknown\|relume-variable-border-color-1\>);
    -webkit-text-fill-color: inherit;
    background-color: #30453b;
    background-clip: border-box;
    max-height: calc(100dvh - 80px);
    padding: 16px 5% 28px;
    position: absolute;
    overflow: auto;
  }

  .navbar1_menu.is-page-height-tablet {
    height: 100dvh;
    padding-bottom: 6.5rem;
    transition: height .5s;
  }

  .navbar1_menu.is-page-height-tablet.copy-small {
    background-image: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 430px;
  }

  .navbar1_menu-dropdown {
    width: 100%;
    font-size: 1.125rem;
  }

  .navbar1_dropdown-link {
    width: auto;
    padding: .75rem 0 .75rem 5%;
  }

  .navbar1_dropdown-toggle {
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    display: flex;
  }

  .menu-icon1_line-bottom {
    background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar1_dropdown-list {
    position: static;
    overflow: hidden;
  }

  .navbar1_dropdown-list.w--open {
    border-style: none;
    padding: 0;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .button-gelb {
    font-size: 1.5vw;
  }

  .button-gelb.navbar-down {
    white-space: nowrap;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom.margin-xsmall.schritte {
    padding-left: 0;
  }

  .testimonial23_slide {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-section-large {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .testimonial23_component {
    min-height: 864px;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .testimonial23_mask {
    width: 50%;
  }

  .testimonial-card.vt-card-lamellend-cher, .testimonial-card.vt-card-markise, .testimonial-card.vt-card-wellness {
    min-height: 800px;
  }

  .padding-section-large-2 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .layout364_card-content {
    padding: 2rem;
  }

  .layout364_row {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .layout417_content {
    height: 100svh;
  }

  .layout417_card.card-4, .layout417_card.card-3, .layout417_card.card-2, .layout417_card.card-1, .layout417_card.card-5 {
    min-height: auto;
  }

  .layout417_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .google-reviews {
    margin-top: 3rem;
    padding-top: 2rem;
  }

  .section_header78 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .cta7_button-row {
    flex: none;
    justify-content: center;
    align-items: flex-start;
  }

  .cta7_button-row.schritte {
    padding-bottom: 2rem;
    padding-right: 0;
  }

  .cta7_button-row.schritte.gg-steps-buttonrow {
    justify-content: flex-start;
    margin-top: 8px;
  }

  .section-steps {
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48bf_noize.png");
    background-position: 0 78%, 0 44%, 0 27%, 0 61%, 4% 0, 0 0;
    background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, repeat-y, repeat;
    background-size: auto, auto, auto, auto, auto, auto;
  }

  .container-xm {
    padding-left: 3rem;
    padding-right: 3rem;
  }

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

  .layout23_component {
    grid-column-gap: 3rem;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

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

  .layout225_component {
    grid-column-gap: 3rem;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

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

  .text-style-link-2 {
    font-size: 2vw;
  }

  .padding-section-large-3 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .div-block-167 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .div-block-168 {
    background-size: cover;
    height: 50rem;
  }

  .ber-uns-dark-green {
    justify-content: flex-start;
    align-items: flex-start;
  }

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

  .padding-section-large-4 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

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

  .contact14_component {
    grid-column-gap: 0rem;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    grid-template-columns: .75fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .contact14_item.footer {
    font-size: 2vw;
  }

  .padding-section-large-7 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .padding-global-5 {
    padding-bottom: 0;
  }

  .footer-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-position: 0 75%, 75% 0, 25% 0, 50%;
    grid-template-columns: 1fr 1fr;
    padding-top: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .footer-contact {
    padding-top: 0%;
    padding-bottom: 0%;
    padding-left: 0%;
  }

  .logo-footer {
    justify-content: center;
    align-items: center;
    margin-top: 0%;
  }

  .footer-links {
    padding-top: 0%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .footer1_link-list.footer-menu.copy-medium {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .footer-copyright {
    padding-top: 0%;
    padding-bottom: 0%;
    padding-left: 0%;
  }

  .footer-made-by {
    padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 0%;
  }

  .navbar1_menu-buttons-2 {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: center;
    margin-top: 1.5rem;
    margin-left: 0;
  }

  .navbar1_component {
    grid-template-columns: 1fr 1fr 1fr;
    min-width: auto;
  }

  .navbar1_link {
    justify-content: center;
    align-items: center;
    width: auto;
    padding: .75rem 0;
    font-size: 1.125rem;
    display: flex;
  }

  .div-block-171 {
    background-color: #0000;
    background-position: 100% 100%, 0 0;
  }

  .navbar15_menu {
    -webkit-text-fill-color: inherit;
    background-color: #0000;
    background-clip: border-box;
    display: flex;
  }

  .navbar-on-page {
    align-items: stretch;
    overflow-x: hidden;
  }

  .navbar15_link {
    text-align: center;
    white-space: nowrap;
    margin-left: 0;
    margin-right: 0;
    padding: .5rem 1rem;
  }

  .navbar15_button-wrapper {
    align-items: center;
  }

  .navbar15_component {
    width: 100%;
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
    inset: auto 0% 0%;
  }

  .navbar15_menu-link-wrapper {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .footer-rechtliches {
    padding-bottom: 0;
  }

  .navbar_button-wrapper {
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4931_dash-h-50-g.svg");
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: auto;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

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

  .padding-section-large-8 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .spacer-dash {
    display: none;
  }

  .deparment-careers {
    padding-bottom: 50px;
  }

  .stats42_number {
    font-size: 4rem;
  }

  .padding-section-large-9 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .stats42_content {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
  }

  .stats42_list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .layout121_timeline-step {
    grid-column-gap: 1.5rem;
  }

  .padding-section-large-10 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .layout121_content {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
  }

  .padding-section-large-11 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .layout371_card-small-content {
    padding: 2rem;
  }

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

  .copy-medium-2, .copy-medium-2.white {
    font-size: 1rem;
  }

  .button-gelb-2 {
    font-size: 1.5vw;
  }

  .copy-small-2 {
    font-size: .9rem;
  }

  .stack1 {
    flex: none;
    align-self: stretch;
  }

  .stack1.gg-grid {
    grid-template-columns: 1fr 1fr;
  }

  .grid-container {
    justify-content: space-between;
    width: 100vw;
    max-width: 100vw;
  }

  .stichpunkt {
    width: 50%;
  }

  .stichpunkt.kleine-box {
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.5rem 1.5rem 2rem;
  }

  .hero-box-leistungen {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    position: relative;
    top: 377px;
  }

  .subhead {
    padding-bottom: 0;
  }

  .hero-berschrift, .hero-berschrift.zahl {
    font-size: 2rem;
  }

  .stickpunkte-reihe {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .mobile-gridrow {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    display: none;
  }

  .chart-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .chart_option {
    font-size: 2vw;
  }

  .code-embed-4 {
    display: none;
  }

  .header78_image-wrapper-2.gallery-2-item {
    width: 45vw;
  }

  .blog64_content {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .blog64_item-link {
    grid-column-gap: 2rem;
  }

  .padding-section-large-12 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h2-5 {
    font-size: 2.75rem;
  }

  .blog64_list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .contact21_grid-list {
    grid-template-columns: 1fr 1fr;
  }

  .padding-section-large-13 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h4-2 {
    font-size: 1.75rem;
  }

  .padding-section-large-14 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h2-6 {
    font-size: 2.75rem;
  }

  .cta1_content {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

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

  .heading-style-h1-2 {
    font-size: 3.25rem;
  }

  .padding-section-large-15 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .header3_content {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .heading-style-h1-3 {
    font-size: 3.25rem;
  }

  .header49_content {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
  }

  .padding-section-large-16, .padding-section-large-17 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .stats40_list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .stats40_number {
    font-size: 4rem;
  }

  .heading-style-h3-2 {
    font-size: 2.25rem;
  }

  .padding-section-large-18 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .stats14_content {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .stats14_number {
    font-size: 4rem;
  }

  .padding-section-large-19 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h2-7 {
    font-size: 2.75rem;
  }

  .pricing18_grid-list {
    grid-template-columns: 1fr;
  }

  .heading-style-h1-4 {
    font-size: 3.25rem;
  }

  .padding-section-large-20 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h2-8 {
    font-size: 2.75rem;
  }

  .heading-style-h1-5 {
    font-size: 3.25rem;
  }

  .padding-section-large-21 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h2-9 {
    font-size: 2.75rem;
  }

  .cell-4 {
    min-width: 0;
    max-width: 100%;
  }

  ._4-steps-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .quick-stack-4-steps-icon {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-4-steps-icon-1, .div-block-4-steps-icon-2, .div-block-4-steps-icon-3, .div-block-4-steps-icon-4 {
    grid-row-gap: 0px;
    justify-content: flex-start;
    height: auto;
    min-height: 0;
    padding-top: 20px;
    padding-bottom: 22px;
  }

  .h3-4s-icon-2 {
    min-height: 0;
    margin-top: 0;
    margin-bottom: 8px;
  }

  .text-4s-icon-2, .text-4s-icon-1 {
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .h3-4s-icon-3 {
    min-height: 0;
    margin-top: 0;
    margin-bottom: 8px;
  }

  .text-4s-icon-3 {
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .h3-4s-icon-4 {
    min-height: 0;
    margin-top: 0;
    margin-bottom: 8px;
  }

  .text-4s-icon-4 {
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .h1-offer-terrassend-cher {
    outline-width: 0;
  }

  .text-02-advantades-t1, .text-02-advantades-t1.kw-white-num, .text-2-02-advantades-t1, .text-2-02-advantades-t1.kw-white-label {
    color: #30453b;
  }

  .tabs-gallery-terrassendacher {
    width: 90%;
  }

  .button-gelb-3 {
    font-size: 1.5vw;
  }

  .button-gelb-3.navbar-down {
    white-space: nowrap;
  }

  .heading-style-h3-3 {
    font-size: 1.9rem;
  }

  .padding-section-large-22 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h5-3 {
    font-size: 1.2rem;
  }

  .navbar15_link-2 {
    text-align: center;
    white-space: nowrap;
    margin-left: 0;
    margin-right: 0;
    padding: .5rem 1rem;
  }

  .div-block-192 {
    background-size: cover;
    height: 50rem;
  }

  .heading-style-h1-6 {
    font-size: 2.6rem;
  }

  .heading-style-h1-6.white {
    font-size: 3rem;
  }

  .div-block-194 {
    background-position: 100% 100%, 0 0;
  }

  .padding-global-18 {
    padding-bottom: 0;
  }

  .text-style-link-4 {
    font-size: 2vw;
  }

  .navbar1_link-2 {
    justify-content: center;
    align-items: center;
    width: auto;
    padding: .75rem 0;
    font-size: 1.125rem;
    display: flex;
  }

  .navbar1_menu-2 {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 1rem 5% 2rem;
    position: absolute;
    overflow: auto;
  }

  .navbar1_menu-2.is-page-height-tablet {
    height: 100dvh;
    padding-bottom: 6.5rem;
    transition: height .5s;
  }

  .navbar1_menu-2.is-page-height-tablet.copy-small-3 {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .google-reviews-2 {
    margin-top: 3rem;
    padding-top: 2rem;
  }

  .section-steps-2 {
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48bf_noize.png");
    background-position: 0 78%, 0 44%, 0 27%, 0 61%, 4% 0, 0 0;
    background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, repeat-y, repeat;
    background-size: auto, auto, auto, auto, auto, auto;
  }

  .navbar_button-wrapper-2 {
    background-color: #6e705b;
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4931_dash-h-50-g.svg");
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: auto;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .padding-section-large-23 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

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

  .padding-section-large-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .ber-uns-dark-green-2 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-195 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .heading-style-h4-3 {
    font-size: 1.4rem;
  }

  .footer-grid-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-position: 0 75%, 75% 0, 25% 0, 50%;
    grid-template-columns: 1fr 1fr;
    padding-top: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .design-card-4 {
    height: auto;
    padding: 0 0 10px;
  }

  .copy-small-3, .copy-small-3.white {
    font-size: .9rem;
  }

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

  .button-gelb-4 {
    font-size: 1.5vw;
  }

  .button-gelb-4.navbar-down {
    white-space: nowrap;
  }

  .heading-style-h3-4 {
    font-size: 1.9rem;
  }

  .padding-section-large-25 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h5-4 {
    font-size: 1.2rem;
  }

  .div-block-197 {
    background-size: cover;
    height: 50rem;
  }

  .heading-style-h1-7 {
    font-size: 2.6rem;
  }

  .heading-style-h1-7.white {
    font-size: 3rem;
  }

  .div-block-199 {
    background-position: 100% 100%, 0 0;
  }

  .padding-global-21 {
    padding-bottom: 0;
  }

  .text-style-link-5 {
    font-size: 2vw;
  }

  .navbar_button-wrapper-3 {
    background-color: #6e705b;
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4931_dash-h-50-g.svg");
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: auto;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .padding-section-large-26 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .navbar1_component-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .padding-section-large-27 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .div-block-200 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .heading-style-h4-4 {
    font-size: 1.4rem;
  }

  .footer-grid-3 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-position: 0 75%, 75% 0, 25% 0, 50%;
    grid-template-columns: 1fr 1fr;
    padding-top: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .copy-small-4, .copy-small-4.white {
    font-size: .9rem;
  }

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

  .quick-stack-card-bold-portfolio-1, .quick-stack-card-bold-portfolio-3, .quick-stack-card-bold-portfolio-2, .quick-stack-card-bold-portfolio-4, .quick-stack-card-bold-portfolio-5, .quick-stack-card-bold-portfolio-6 {
    grid-template-columns: 1fr;
  }

  .copy-small-5 {
    font-size: .9rem;
  }

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

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

  .s4-step {
    grid-row-gap: 0px;
    justify-content: flex-start;
    height: auto;
    min-height: 0;
    padding-top: 20px;
    padding-bottom: 22px;
  }

  .s4-icon {
    margin-top: 0;
    margin-bottom: 12px;
  }

  .s4-step-title {
    height: auto;
    min-height: 0;
    margin-top: 0;
    margin-bottom: 8px;
  }

  .s4-step-text {
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .a-copy {
    padding-left: 40px;
    padding-right: 24px;
  }

  .lg-item {
    outline-width: 0;
  }

  .vt-card {
    outline-width: 0;
    min-height: 800px;
  }

  .s4-icon-lamellendach, .s4-icon-markise, .s4-icon-wellness, .s4-icon-zubehor {
    margin-bottom: 12px;
  }

  .text-block-3 {
    color: #fff;
    font-size: 18px;
  }

  .dropdown-list {
    background-color: #0000;
    width: 100%;
    height: auto;
    position: static;
  }

  .dropdown-link, .dropdown-link-2, .dropdown-link-3, .dropdown-link-4, .dropdown-link-5, .dropdown-link-6 {
    color: #fff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
  }

  .dropdown-toggle {
    color: #fff;
    justify-content: center;
    align-items: center;
    padding: 12px 0;
    display: flex;
  }

  .quick-stack-footer {
    grid-row-gap: 24px;
    outline-width: 0;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    padding: 32px 24px 28px;
    display: flex;
  }

  .footer-1 {
    text-align: center;
    padding-left: 0;
  }

  .contact14_item-1 {
    grid-column-gap: 0px;
    grid-row-gap: 6px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 16px;
  }

  .contact14_item-1.footer {
    font-size: 2vw;
  }

  .contact14_item-2 {
    grid-column-gap: 0px;
    grid-row-gap: 6px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 16px;
  }

  .contact14_item-2.footer {
    font-size: 2vw;
  }

  .contact14_item-3 {
    grid-column-gap: 0px;
    grid-row-gap: 6px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 8px;
  }

  .contact14_item-3.footer {
    font-size: 2vw;
  }

  .footer-22 {
    text-align: center;
    padding-top: 0;
  }

  .quick-stack-footer-2 {
    grid-column-gap: 24px;
    grid-row-gap: 20px;
    padding: 0;
  }

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

  .link-5 {
    text-align: left;
    padding-top: 10px;
    display: block;
  }

  .contact14_item-4.footer {
    font-size: 2vw;
  }

  .link-5-copy {
    text-align: center;
    width: auto;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .quick-stack-4-steps-icon-karriere {
    grid-template-columns: 1fr 1fr;
  }

  .karriere-container-copy {
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ac54ef2dcbdd612875fcd39_BOLD_office_alexander_workers_right_phone%20(1).png");
    background-position: 50%;
    background-size: cover;
  }

  .h1-offer-karriere {
    outline-width: 0;
  }

  .button-offer-karriere {
    margin-top: 10px;
  }

  .quick-stack-card-bold-portfolio-7 {
    grid-template-columns: 1fr;
  }

  .bl-grid, .gg-svc-grid {
    grid-template-columns: 1fr 1fr;
  }

  .gg-svc-head, .gg-svc-btn {
    grid-column-end: 3;
  }

  .hm-sec {
    padding-top: 64px;
    overflow: hidden;
  }

  .hm-wrap {
    padding-left: 36px;
    padding-right: 36px;
  }

  .hm-h2, .hm-h2-left {
    font-size: 34px;
    line-height: 42px;
  }

  .hm-hero-section {
    padding-top: 88px;
  }

  .hm-hero-card {
    width: calc(100% - 72px);
    padding: 52px 40px;
  }

  .hm-hero-grid {
    grid-template-columns: minmax(0, 1fr);
    padding: 0;
    display: block;
  }

  .hm-hero-h1 {
    max-width: none;
    font-size: 36px;
    line-height: 46px;
  }

  .hm-hero-lead {
    max-width: none;
  }

  .hm-collage {
    height: 380px;
  }

  .hm-prod-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .hm-prod-card {
    min-height: 320px;
  }

  .hm-adv-grid {
    grid-template-columns: minmax(0, 1fr);
    padding: 0;
    display: block;
  }

  .hm-adv-img {
    height: 360px;
    margin-bottom: 28px;
  }

  .hm-adv-cards-cell {
    grid-column: auto;
    margin-top: 28px;
  }

  .hm-adv-cards {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hm-h2-light {
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 34px;
    line-height: 42px;
  }

  .hm-team-stats {
    grid-column-gap: 0px;
    grid-row-gap: 12px;
    outline-width: 0;
    grid-area: auto;
    grid-template-columns: 1fr;
    padding: 0;
  }

  .hm-stat {
    height: auto;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .hm-stat-btn {
    height: auto;
  }

  .hm-vid-card {
    width: calc(100% - 72px);
    min-height: 0;
  }

  .hm-vid-content {
    min-height: 0;
    padding: 56px 32px;
  }

  .hm-vid-title {
    margin-bottom: 32px;
    font-size: 32px;
    line-height: 40px;
  }

  .hm-vid-grid {
    flex-wrap: wrap;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    justify-content: center;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .f-text1 {
    width: 100%;
    font-size: 26px;
    line-height: 34px;
  }

  .f-text2, .code-forma3 {
    width: 100%;
  }

  .ft-copy {
    text-align: center;
  }

  .hm-team-sec {
    padding-top: 64px;
    overflow: hidden;
  }

  .hm-team-hero {
    width: calc(100% - 72px);
    min-height: 0;
  }

  .hm-team-inner {
    grid-row-gap: 10px;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    padding: 36px 20px 32px;
  }

  .sh-slide {
    width: 50%;
  }

  .sh-arrow-left, .sh-arrow-right {
    display: none;
  }

  .finanzieren {
    padding-top: 64px;
    overflow: hidden;
  }

  .div-block-finanzieren {
    width: calc(100% - 72px);
    min-height: 0;
    padding: 40px 32px;
    overflow: hidden;
  }

  .quick-stack-finanzieren {
    grid-template-columns: minmax(0, 1fr);
    padding: 0;
    display: block;
  }

  .cell-103 {
    margin-bottom: 28px;
  }

  .quick-stack-finanzieren-2 {
    padding: 0;
  }

  .hm-sec-1 {
    overflow: hidden;
  }

  .hm-vid-cell {
    flex: 0 0 calc(33.333% - 11px);
  }

  .hm-hero-h1-sub {
    font-size: 29px;
    line-height: 40px;
  }

  .fs-text1 {
    width: 100%;
    font-size: 26px;
    line-height: 34px;
  }

  .fs-text2 {
    width: 100%;
  }

  .fk-text1 {
    width: 100%;
    font-size: 26px;
    line-height: 34px;
  }

  .fk-text2 {
    width: 100%;
  }

  .button-4-steps-karriere.hm-stat-fill {
    text-align: center;
    width: 100%;
    height: auto;
  }

  .cookie-banner {
    margin-left: 20px;
    margin-right: 20px;
    left: 0;
    right: 0;
  }

  .cookie-einstellungen {
    text-align: center;
    width: auto;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2rem;
    line-height: 1.2;
  }

  .copy-tiny.third-text-color {
    font-size: .8rem;
  }

  .heading-style-h4 {
    font-size: 1.2rem;
  }

  .heading-style-extra-large {
    font-size: 3.5rem;
  }

  .full-width-mobile-landscape {
    width: 100%;
    max-width: none;
  }

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

  .heading-style-h2.third-text-color.gg-steps-title {
    font-size: 24px;
    line-height: 30px;
  }

  .styleguide-heading {
    font-size: 2rem;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .container-large._2-col {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .spacer-xxl-start {
    padding-top: 12rem;
  }

  .styleguide_section-header {
    font-size: .875rem;
  }

  .heading-style-h1, .heading-style-h1.white {
    font-size: 2rem;
  }

  .heading-style-h3 {
    font-size: 1.6rem;
  }

  .heading-style-h3.yellow-colour {
    font-size: 2rem;
  }

  .paragraph {
    font-size: 12px;
  }

  .faq-f88 {
    padding: 20px 10px 40px;
  }

  .div-block-144 {
    margin-top: 60px;
  }

  .icon-wrapper-f88 {
    flex: none;
  }

  .sectioin-title-2 {
    font-size: 30px;
  }

  .container-main-wrapper {
    padding-top: 60px;
  }

  .faq-question {
    line-height: 24px;
  }

  .hero-content-2 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .video-2 {
    height: 85%;
  }

  .atf.under-img {
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4931_dash-h-50-g.svg");
    background-position: 50%, 100% 0, 0 100%, 0 0, 0 0;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat-x;
    background-size: auto, auto, auto, auto, auto;
    grid-template-columns: 1fr;
  }

  .card-3-image {
    height: 235px;
  }

  .block {
    margin-bottom: 40px;
  }

  .block._1, .block._2, .block._3 {
    margin-bottom: 100px;
  }

  .learn_wrapper {
    padding-bottom: 60px;
  }

  .box-content-wrapper {
    padding-top: 40px;
  }

  .hero-content-3 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .next-card-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .buttons-wrap {
    text-align: center;
    flex-flow: column;
    display: block;
  }

  .step-text-wrapper {
    justify-content: center;
    align-items: flex-end;
    max-width: none;
    max-height: none;
    left: 0;
  }

  .sec9-name-absolute-block {
    width: 40vw;
    left: 2%;
  }

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

  .number-txt-extra-large {
    font-size: 12rem;
    left: 0;
  }

  .navbar1_menu.is-page-height-tablet {
    padding-bottom: 6rem;
  }

  .button-gelb {
    font-size: 2vw;
  }

  .subheadline.dark {
    font-size: 2em;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .testimonial23_slide {
    margin-right: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-section-large {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .testimonial23_client {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .testimonial23_component {
    min-height: 924px;
    padding-bottom: 3rem;
    padding-left: 0;
    padding-right: 0;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .testimonial23_mask {
    width: 100%;
  }

  .testimonial-card.vt-card-lamellend-cher, .testimonial-card.vt-card-markise, .testimonial-card.vt-card-wellness {
    min-height: 860px;
  }

  .padding-section-large-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .layout364_component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .layout364_card-content {
    padding: 1.5rem;
  }

  .layout364_row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    grid-template-columns: 1fr;
  }

  .layout417_content {
    grid-template-rows: auto;
    grid-template-columns: 30rem;
    grid-auto-columns: 1fr;
    align-content: center;
    display: grid;
  }

  .layout417_list {
    min-width: 90%;
    max-width: 90%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    position: sticky;
    top: 0;
  }

  .layout417_card {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .layout417_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .header78_image-list.atf-gallery-layout {
    grid-template-columns: 1fr;
  }

  .header78_image-wrapper {
    width: 18rem;
  }

  .cta7_button-row {
    justify-content: flex-start;
    width: 100%;
  }

  .cta7_button-row.schritte {
    justify-content: center;
    align-items: flex-start;
  }

  .cta7_content {
    margin-right: 0;
  }

  .section-steps.gg-steps-panel {
    padding: 32px 22px;
  }

  .layout23_component, .layout225_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .padding-section-large-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .navbar1_logo-link-2 {
    padding-left: 0;
  }

  .layout396_row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .layout396_card-content {
    padding: 1.5rem;
  }

  .padding-section-large-4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .layout396_component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .contact14_map-wrapper {
    height: 25rem;
  }

  .contact14_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .contact14_item.footer {
    justify-content: flex-start;
    align-items: center;
  }

  .padding-section-large-7 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .faq4_question {
    padding: 1rem 1.25rem;
  }

  .faq4_answer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .faq4_icon-wrappper {
    width: 1.75rem;
  }

  .footer-grid {
    background-position: 0 75%, 90% 0, 10% 0, 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .logo-footer {
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .navbar1_logo {
    height: 34px;
  }

  .navbar1_component {
    height: auto;
    min-height: 4rem;
  }

  .navbar1_logo-link {
    padding-left: 0;
  }

  .navbar15_menu {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .navbar15_component {
    margin-top: 1.25rem;
  }

  .navbar15_menu-link-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    padding: 1.25rem 1.25rem 2.5rem;
  }

  .down-navbar.main-wrapper {
    flex-flow: column wrap;
    justify-content: center;
    padding-right: .5rem;
    position: relative;
  }

  .image-101 {
    width: 210px;
    max-width: 100%;
    height: auto;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    padding: .1rem 1rem;
    display: flex;
  }

  .bottom-navbar_buttons-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex;
  }

  .bottom-navbar_hamburger-wrapper {
    justify-content: center;
    align-items: center;
    padding: .1rem 1rem;
    display: flex;
  }

  .bottom-navbar_hamburger-icon {
    font-size: 2rem;
  }

  .padding-section-large-8 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h2 {
    font-size: 1.5rem;
  }

  .div-block-176 {
    flex-flow: column wrap;
  }

  .office-image {
    height: 350px;
  }

  .stats42_number {
    font-size: 3.5rem;
  }

  .padding-section-large-9 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .stats42_content {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

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

  .layout121_timeline-icon-wrapper {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .padding-section-large-10 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .layout371_grid-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .layout371_card-small {
    grid-template-columns: 1fr;
  }

  .padding-section-large-11 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .layout371_card-small-content {
    padding: 1.5rem;
  }

  .layout371_row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
  }

  .heading-style-h2-4 {
    font-size: 2.3rem;
  }

  .button-gelb-2 {
    font-size: 2vw;
  }

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

  .weber-image-wrapper {
    display: block;
  }

  .stack1.gg-grid {
    grid-template-columns: 1fr;
  }

  .grid-container {
    max-width: 100vw;
  }

  .grid-container.gg-container {
    padding: 88px 20px 32px;
  }

  .hero-box-leistungen {
    padding: 1.5rem;
    top: 85px;
  }

  .hero-box-leistungen._33gr-nde.gg-hero {
    padding: 44px 24px;
  }

  .subhead {
    font-size: 1rem;
  }

  .hero-berschrift {
    font-size: 1.5rem;
  }

  .hero-berschrift.zahl {
    font-size: 2rem;
  }

  .hero-berschrift.zahl._33.gg-title {
    font-size: 32px;
    line-height: 40px;
  }

  .text {
    font-size: .9rem;
  }

  .mobile-gridrow {
    display: none;
  }

  .chart-wrapper {
    width: 95%;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .collection-list-17 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .header78_image-wrapper-2 {
    width: 18rem;
  }

  .blog64_content {
    grid-row-gap: 3rem;
  }

  .blog64_item-link {
    grid-row-gap: 1.5rem;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .text-size-medium-2 {
    font-size: 1rem;
  }

  .padding-section-large-12 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h2-5 {
    font-size: 2.25rem;
  }

  .heading-style-h5-2 {
    font-size: 1.25rem;
  }

  .blog64_image-wrapper {
    height: 100%;
  }

  .blog64_list {
    grid-row-gap: 3rem;
  }

  .contact21_grid-list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .padding-section-large-13 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h4-2 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .padding-section-large-14 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h2-6 {
    font-size: 2.25rem;
  }

  .cta1_content {
    grid-row-gap: 3rem;
  }

  .heading-style-h1-2 {
    font-size: 2.5rem;
  }

  .padding-section-large-15 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .header3_content {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .heading-style-h1-3 {
    font-size: 2.5rem;
  }

  .header49_content {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .padding-section-large-16, .padding-section-large-17 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h6-2 {
    font-size: 1.125rem;
  }

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

  .stats40_number {
    font-size: 3.5rem;
  }

  .heading-style-h3-2 {
    font-size: 2rem;
  }

  .padding-section-large-18 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h6-3 {
    font-size: 1.125rem;
  }

  .stats14_content {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .stats14_number {
    font-size: 3.5rem;
  }

  .padding-section-large-19 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .stats14_item-list {
    grid-row-gap: 2rem;
  }

  .heading-style-h6-4 {
    font-size: 1.125rem;
  }

  .heading-style-h2-7 {
    font-size: 2.25rem;
  }

  .pricing18_grid-list {
    grid-template-columns: 1fr;
  }

  .heading-style-h1-4 {
    font-size: 2.5rem;
  }

  .padding-section-large-20 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .pricing18_plan {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .heading-style-h6-5 {
    font-size: 1.125rem;
  }

  .heading-style-h2-8 {
    font-size: 2.25rem;
  }

  .heading-style-h1-5 {
    font-size: 2.5rem;
  }

  .padding-section-large-21 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .pricing16_plan {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

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

  .heading-style-h6-6 {
    font-size: 1.125rem;
  }

  .heading-style-h2-9 {
    font-size: 2.25rem;
  }

  .main {
    padding-left: 0;
    padding-right: 0;
  }

  .main-container {
    min-height: 600px;
  }

  .main-quick-stack {
    min-width: 100%;
    min-height: 100%;
    padding: 0;
  }

  .cell-5, .cell-6, .cell-7, .cell-8 {
    flex: none;
    min-width: 0;
  }

  ._4-steps-container {
    padding: 32px 20px 40px;
  }

  .quick-stack-4-steps-icon {
    grid-template-columns: 1fr;
  }

  .div-block-4-steps-icon-1, .div-block-4-steps-icon-2, .div-block-4-steps-icon-3, .div-block-4-steps-icon-4 {
    padding: 16px 12px 18px;
  }

  .h1-offer-terrassend-cher {
    outline-width: 0;
  }

  .button-8.sand-bl {
    align-self: stretch;
    width: 100%;
    display: block;
  }

  .text-offer-terrassend-cher-1.outline {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .gallery-terrassendacher-container {
    padding: 40px 20px;
  }

  .tabs-gallery-terrassendacher {
    width: 100%;
  }

  .button-gelb-3 {
    font-size: 2vw;
  }

  .heading-style-h3-3 {
    font-size: 1.6rem;
  }

  .heading-style-h3-3.yellow-colour {
    font-size: 2rem;
  }

  .padding-section-large-22 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .container-large-18._2-col {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .layout396_card-content-2 {
    padding: 1.5rem;
  }

  .heading-style-h2-10 {
    font-size: 2.3rem;
  }

  .heading-style-h1-6, .heading-style-h1-6.white {
    font-size: 2rem;
  }

  .navbar1_menu-2.is-page-height-tablet {
    padding-bottom: 6rem;
  }

  .padding-section-large-23 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .navbar1_component-2 {
    height: auto;
    min-height: 4rem;
  }

  .padding-section-large-24 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .subheadline-2.dark {
    font-size: 2em;
  }

  .heading-style-h4-3 {
    font-size: 1.2rem;
  }

  .footer-grid-2 {
    background-position: 0 75%, 90% 0, 10% 0, 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .down-navbar-2.main-wrapper {
    flex-flow: column wrap;
    justify-content: center;
    padding-right: .5rem;
    position: relative;
  }

  .div-block-196 {
    margin-top: 60px;
  }

  .button-gelb-4 {
    font-size: 2vw;
  }

  .heading-style-h3-4 {
    font-size: 1.6rem;
  }

  .heading-style-h3-4.yellow-colour {
    font-size: 2rem;
  }

  .padding-section-large-25 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .container-large-19._2-col {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .layout396_card-content-3 {
    padding: 1.5rem;
  }

  .heading-style-h2-11 {
    font-size: 2.3rem;
  }

  .heading-style-h1-7, .heading-style-h1-7.white {
    font-size: 2rem;
  }

  .padding-section-large-26 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .navbar1_component-3 {
    height: auto;
    min-height: 4rem;
  }

  .padding-section-large-27 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h4-4 {
    font-size: 1.2rem;
  }

  .footer-grid-3 {
    background-position: 0 75%, 90% 0, 10% 0, 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .down-navbar-3.main-wrapper {
    flex-flow: column wrap;
    justify-content: center;
    padding-right: .5rem;
    position: relative;
  }

  .div-block-201 {
    margin-top: 60px;
  }

  .card-bold-portfolio-1 {
    padding: 56px 22px 28px;
  }

  .h1-card-bold-portfolio-1 {
    font-size: 28px;
    line-height: 34px;
  }

  .card-bold-portfolio-3 {
    padding: 56px 22px 28px;
  }

  .h1-card-bold-portfolio-3 {
    font-size: 28px;
    line-height: 34px;
  }

  .card-bold-portfolio-2 {
    padding: 56px 22px 28px;
  }

  .h1-card-bold-portfolio-2 {
    font-size: 28px;
    line-height: 34px;
  }

  .card-bold-portfolio-4 {
    padding: 56px 22px 28px;
  }

  .h1-card-bold-portfolio-4 {
    font-size: 28px;
    line-height: 34px;
  }

  .card-bold-portfolio-5 {
    padding: 56px 22px 28px;
  }

  .h1-card-bold-portfolio-5 {
    font-size: 28px;
    line-height: 34px;
  }

  .card-bold-portfolio-6 {
    padding: 56px 22px 28px;
  }

  .h1-card-bold-portfolio-6 {
    font-size: 28px;
    line-height: 34px;
  }

  .heading-style-h2-12 {
    font-size: 2.3rem;
  }

  .s4-title {
    font-size: 30px;
    line-height: 38px;
  }

  .s4-subtitle {
    font-size: 18px;
    line-height: 28px;
  }

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

  .s4-step {
    padding: 16px 12px 18px;
  }

  .s4-icon {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
    padding: 9px;
  }

  .s4-step-title {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 21px;
  }

  .s4-step-text {
    font-size: 13px;
    line-height: 19px;
  }

  .a-copy {
    padding: 28px 20px;
  }

  .a-title {
    width: 100%;
    font-size: 30px;
    line-height: 38px;
  }

  .a-lead {
    width: 100%;
    font-size: 20px;
    line-height: 30px;
  }

  .a-row {
    width: 100%;
  }

  .g-title {
    font-size: 30px;
    line-height: 38px;
  }

  .vt-pad {
    padding-top: 16px;
    padding-bottom: 48px;
  }

  .vt-title {
    font-size: 26px;
    line-height: 33px;
  }

  .vt-subtitle {
    font-size: 20px;
    line-height: 30px;
  }

  .vt-card {
    outline-width: 0;
    min-height: 860px;
  }

  .vt-quote {
    font-size: 15px;
    line-height: 23px;
  }

  .container-footer._2-col {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .quick-stack-footer {
    outline-width: 0;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding-top: 28px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-1 {
    padding-left: 0;
  }

  .contact14_item-1.footer, .contact14_item-2.footer, .contact14_item-2.footer, .contact14_item-3.footer, .contact14_item-3.footer {
    justify-content: flex-start;
    align-items: center;
  }

  .quick-stack-footer-2 {
    grid-column-gap: 16px;
    outline-width: 0;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

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

  .link-5 {
    text-align: left;
    display: block;
  }

  .contact14_item-4.footer {
    justify-content: flex-start;
    align-items: center;
  }

  ._4-steps-karriere-container {
    padding: 32px 20px 40px;
  }

  .s4-title-karriere {
    font-size: 30px;
    line-height: 38px;
  }

  .h3-4steps-karriere {
    font-size: 18px;
    line-height: 28px;
  }

  .quick-stack-4-steps-icon-karriere {
    grid-template-columns: 1fr;
  }

  .karriere-container-copy {
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ac54ef2dcbdd612875fcd39_BOLD_office_alexander_workers_right_phone%20(1).png");
    background-position: 50%;
    background-size: cover;
  }

  .h1-offer-karriere {
    outline-width: 0;
  }

  .h1-card-bold-portfolio-7 {
    font-size: 28px;
    line-height: 34px;
  }

  .card-bold-portfolio-7, .card-bold-karriere-1 {
    padding: 56px 22px 28px;
  }

  .h1-card-bold-portfolio-8, .h3-card-bold-karriere-1, .h1-card-bold-karriere-1 {
    font-size: 28px;
    line-height: 34px;
  }

  .heading-style-h2-13 {
    font-size: 2.3rem;
  }

  .bl-head {
    padding: 44px 24px;
  }

  .bl-title {
    font-size: 32px;
    line-height: 40px;
  }

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

  .bl-chips.hm-mob-hide {
    display: none;
  }

  .gg-svc-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .gg-svc-panel {
    padding: 40px 20px;
  }

  .gg-svc-grid {
    grid-template-columns: 1fr;
  }

  .gg-svc-head {
    grid-column-end: 2;
  }

  .gg-svc-title {
    font-size: 28px;
    line-height: 36px;
  }

  .gg-svc-btn {
    grid-column-end: 2;
  }

  .hm-sec {
    padding-top: 40px;
  }

  .hm-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hm-h2 {
    font-size: 23px;
    line-height: 30px;
  }

  .hm-h2-left {
    margin-bottom: 12px;
    font-size: 23px;
    line-height: 30px;
  }

  .hm-lead {
    font-size: 17px;
    line-height: 27px;
  }

  .hm-lead.hm-mob-hide {
    display: none;
  }

  .hm-body {
    font-size: 15px;
    line-height: 23px;
  }

  .hm-body.hm-mob-hide {
    display: none;
  }

  .hm-hero-section {
    padding-top: 96px;
    overflow: hidden;
  }

  .hm-hero-card {
    border-radius: 20px;
    width: calc(100% - 40px);
    padding: 32px 24px;
  }

  .hm-hero-grid {
    display: block;
  }

  .hm-hero-h1 {
    overflow-wrap: normal;
    -webkit-hyphens: manual;
    hyphens: manual;
    font-size: 27px;
    line-height: 35px;
  }

  .hm-hero-lead {
    margin-bottom: 22px;
    font-size: 17px;
    line-height: 27px;
  }

  .hm-hero-btns {
    flex-direction: column;
    align-items: stretch;
  }

  .hm-collage {
    height: 300px;
  }

  .hm-prod-grid {
    grid-column-gap: 12px;
    scroll-snap-type: x mandatory;
    flex-wrap: nowrap;
    grid-template-columns: none;
    grid-auto-columns: 78%;
    grid-auto-flow: column;
    justify-content: flex-start;
    margin-top: 28px;
    padding-bottom: 8px;
    display: flex;
    overflow-x: auto;
  }

  .hm-prod-card {
    scroll-snap-align: start;
    flex: 0 0 84%;
    min-width: 0;
    min-height: 240px;
    padding: 22px;
  }

  .hm-prod-title {
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 17px;
    line-height: 23px;
  }

  .hm-prod-desc {
    font-size: 14px;
    line-height: 20px;
  }

  .hm-prod-more {
    font-size: 13px;
  }

  .hm-adv-grid {
    display: block;
  }

  .hm-adv-copy {
    width: 100%;
    margin-bottom: 20px;
  }

  .hm-adv-img {
    height: 280px;
  }

  .hm-adv-cards-cell {
    text-align: center;
    width: 100%;
    display: block;
  }

  .hm-adv-cards {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    scroll-snap-type: none;
    flex-wrap: nowrap;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-auto-columns: auto;
    grid-auto-flow: row;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 22px;
    padding: 0;
    display: grid;
    overflow-x: visible;
  }

  .hm-adv-card {
    scroll-snap-align: start;
    border-radius: 16px;
    flex: none;
    min-width: 0;
    padding: 14px 12px 16px;
  }

  .hm-card-h3 {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 20px;
  }

  .hm-card-text {
    font-size: 12.5px;
    line-height: 18px;
  }

  .hm-team-card {
    padding: 44px 24px 40px;
  }

  .hm-eyebrow-light {
    font-size: 12px;
  }

  .hm-h2-light {
    font-size: 22px;
    line-height: 29px;
  }

  .hm-lead-light {
    margin-bottom: 28px;
    font-size: 17px;
    line-height: 27px;
  }

  .hm-lead-light.hm-mob-hide {
    display: none;
  }

  .hm-team-stats {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    scroll-snap-type: none;
    outline-width: 0;
    flex-wrap: nowrap;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-columns: auto;
    grid-auto-flow: row;
    justify-content: flex-start;
    margin-top: 8px;
    padding-bottom: 0;
    display: grid;
    overflow-x: visible;
  }

  .hm-stat {
    padding: 20px;
  }

  .hm-stat-icon {
    width: 32px;
    height: 32px;
  }

  .hm-stat-text {
    font-size: 16px;
  }

  .hm-stat-btn {
    width: 100%;
  }

  .hm-vid-card {
    border-radius: 20px;
    width: calc(100% - 40px);
    min-height: 0;
  }

  .hm-vid-content {
    min-height: 0;
    padding: 44px 20px;
  }

  .hm-vid-title {
    margin-bottom: 22px;
    font-size: 21px;
    line-height: 28px;
  }

  .hm-vid-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    scroll-snap-type: none;
    flex-wrap: wrap;
    grid-template-columns: none;
    grid-auto-columns: 78%;
    grid-auto-flow: column;
    justify-content: center;
    padding: 0;
    display: flex;
    overflow-x: visible;
  }

  .hm-vid-item {
    scroll-snap-align: start;
    border-radius: 16px;
    padding: 14px 12px 16px;
  }

  .hm-vid-icon {
    width: 28px;
    height: 28px;
    margin-bottom: 10px;
  }

  .hm-vid-h3 {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 19px;
  }

  .hm-vid-text {
    font-size: 12.5px;
    line-height: 18px;
  }

  .hm-wrap-center, .forma-cont {
    padding-left: 20px;
    padding-right: 20px;
  }

  .f-text1 {
    font-size: 22px;
    line-height: 30px;
  }

  .social-panel {
    display: none;
  }

  .hm-team-sec {
    padding-top: 40px;
  }

  .hm-team-hero {
    background-image: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 24px;
    justify-content: flex-start;
    width: calc(100% - 40px);
    min-height: 0;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .hm-team-inner {
    padding: 32px 14px 28px;
  }

  .hm-team-photo {
    aspect-ratio: 4 / 3;
    border-radius: 16px;
    height: 180px;
    min-height: 0;
  }

  .kw-row-two {
    grid-template-columns: 1fr;
  }

  .sh-sec {
    padding-top: 56px;
    padding-bottom: 64px;
  }

  .sh-slide {
    width: 85%;
  }

  .sh-arrow-left {
    width: 40px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    margin-top: -20px;
    left: -16px;
  }

  .sh-arrow-right {
    width: 40px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    margin-top: -20px;
    right: -16px;
  }

  .bl-chip-2-99 {
    font-size: 19px;
    line-height: 26px;
  }

  .finanzieren {
    padding-top: 40px;
  }

  .div-block-finanzieren {
    background-image: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 24px;
    justify-content: flex-start;
    width: calc(100% - 40px);
    min-height: 0;
    padding: 28px 20px;
  }

  .quick-stack-finanzieren {
    grid-row-gap: 24px;
    display: block;
  }

  .finanzieren-text-1 {
    font-size: 12px;
  }

  .h2-finanzieren-text-2 {
    font-size: 24px;
    line-height: 31px;
  }

  .finanzieren-text-3 {
    font-size: 15px;
    line-height: 23px;
  }

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

  .cell-103 {
    margin-bottom: 20px;
  }

  .quick-stack-finanzieren-2 {
    scroll-snap-type: none;
    flex-wrap: nowrap;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-columns: auto;
    grid-auto-flow: row;
    display: grid;
    overflow-x: visible;
  }

  .h2-finanzieren-text-3, .h2-finanzieren-text-4, .h2-finanzieren-text-5 {
    font-size: 22px;
    line-height: 36px;
  }

  .fn-stat {
    flex: none;
    min-width: 0;
    padding: 14px 18px;
  }

  .hm-sec-1 {
    padding-top: 40px;
  }

  .hm-mob-hide {
    display: none;
  }

  .hm-vid-cell {
    flex: 0 0 calc(50% - 5px);
  }

  .hm-hero-h1-sub {
    font-size: 22px;
    line-height: 30px;
  }

  .forma-showroom-div {
    padding-left: 20px;
    padding-right: 20px;
  }

  .fs-text1 {
    font-size: 22px;
    line-height: 30px;
  }

  .button-offer-showroom.sand-bl, .offer-showroom-2.sand-bl {
    align-self: stretch;
    width: 100%;
    display: block;
  }

  .forma-karriere-div {
    padding-left: 20px;
    padding-right: 20px;
  }

  .fk-text1 {
    font-size: 22px;
    line-height: 30px;
  }

  .button-offer-karriere-1.sand-bl, .button-4-steps-karriere.sand-bl {
    align-self: stretch;
    width: 100%;
    display: block;
  }

  .cookie-banner {
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px 18px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 1.8rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  p {
    font-size: .875rem;
  }

  .copy-tiny.yelllow {
    text-align: center;
  }

  .spacer-sm-end {
    padding-bottom: 2rem;
  }

  .copy-medium.text-white {
    font-size: .8rem;
    line-height: 1.2;
  }

  .heading-style-h4 {
    text-align: center;
  }

  .spacer-md-start {
    padding-top: 3rem;
  }

  .heading-style-h2 {
    text-align: center;
    font-size: 1.8rem;
  }

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

  .heading-style-h2.third-text-color {
    font-size: 1.5rem;
  }

  .heading-style-h2.text-align-left {
    text-align: left;
  }

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

  .container-medium {
    min-height: 12vh;
  }

  .spacer-md-end {
    padding-bottom: 1.5rem;
  }

  .rich-text-custom.center h3 {
    font-size: 16px;
    line-height: 16px;
  }

  .heading-style-h5.green.vorteile {
    margin-left: 0;
    margin-right: 0;
  }

  .spacer-xl-start {
    padding-top: 2rem;
  }

  .spacer-xxl-start {
    padding-top: 3rem;
  }

  .text-weight-medium.second-color.hero {
    font-size: 1em;
  }

  .heading-style-h1 {
    font-size: 1.5rem;
  }

  .heading-style-h1.white {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.1;
  }

  .copy-small {
    text-align: left;
  }

  .copy-small.white {
    text-align: left;
    font-size: .8rem;
  }

  .copy-small.white.ber-uns {
    padding-top: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .copy-small.semibold.yellow {
    text-align: center;
  }

  .spacer-sm-start {
    padding-top: 1.5rem;
  }

  .heading-style-h3 {
    font-size: 1.2rem;
  }

  .heading-style-h3.third-text-color {
    font-size: 1rem;
  }

  .heading-style-h3.yellow-colour {
    text-align: center;
    font-size: 1.6rem;
  }

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

  .paragraph {
    font-size: 11px;
  }

  .faq-f88 {
    width: 100%;
  }

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

  .sectioin-title-2 {
    font-size: 28px;
  }

  .container-main-wrapper {
    padding-top: 40px;
  }

  .logo-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: contain;
    justify-content: center;
    overflow: hidden;
  }

  .video-2 {
    height: 100%;
  }

  .atf.image {
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4934_dash-v-50-g.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4934_dash-v-50-g.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48cd_header%20boldterrassendach.de.webp");
    background-position: 45% 100%, 0 0, 50% 0;
    background-repeat: repeat-y, repeat-y, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, scroll;
    flex-flow: column;
    height: 100svh;
    min-height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .atf.right-sidebar {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .atf.hero-content {
    justify-content: center;
    height: 100%;
  }

  .atf.under-img {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .block {
    padding: 28px 32px 32px;
    font-size: 24px;
    top: 24%;
  }

  .block._1 {
    padding: 20px 15px;
    top: 20%;
  }

  .block._2 {
    top: 24%;
  }

  .block._3 {
    top: 28%;
  }

  .block._4 {
    top: 0%;
  }

  .div-block-139 {
    height: 320px;
  }

  .box-content-wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .div-block-140 {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
  }

  .next-card-wrapper {
    grid-template-columns: 1fr;
  }

  .step-number {
    color: #fcfcfc;
  }

  .steps-wrapper {
    grid-template-columns: 1fr;
    padding-left: 0;
  }

  .step {
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a492b_dash-h-50.svg");
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: auto;
  }

  .sec9-name-absolute-block {
    display: none;
  }

  .faq-card {
    padding-left: 0;
    padding-right: 0;
  }

  .faq-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .number-txt-extra-large {
    font-size: 6rem;
  }

  .quick-stack {
    width: 100%;
  }

  .button-gelb {
    text-align: center;
    width: 100%;
    font-size: 3vw;
  }

  .button-gelb.second {
    width: 100%;
  }

  .subheadline {
    font-size: 1.2em;
  }

  .subheadline.dark {
    font-size: 2em;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom.margin-small {
    padding-bottom: 1em;
  }

  .padding-section-large {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .video-testimonial-video {
    margin-bottom: 1.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-section-large-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

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

  .layout417_content {
    grid-template-columns: 1fr;
    place-items: center stretch;
    height: 100svh;
    padding: 1em 0%;
  }

  .layout417_list {
    justify-content: center;
    align-items: center;
    min-width: 100%;
    max-width: 100%;
    min-height: 100vh;
    margin-top: 0;
    top: 0;
    overflow: hidden;
  }

  .layout417_card {
    margin-left: 0;
    margin-right: 0;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .layout417_card.card-1 {
    will-change: transform;
    background-position: 50%;
    background-size: cover;
  }

  .layout417_component {
    grid-template-columns: 1fr;
    height: 150vh;
  }

  .google-reviews {
    margin-top: 0;
    padding-top: 0;
  }

  .header78_image-list.atf-gallery-layout {
    grid-template-columns: 1fr 1fr;
  }

  .header78_image-list.gallery2 {
    flex-flow: column;
    align-items: stretch;
  }

  .header78_image-wrapper {
    width: 60vw;
  }

  .header78_images-layout {
    width: 100%;
  }

  .cta7_button-row {
    justify-content: center;
    align-items: flex-start;
  }

  .cta7_content {
    text-align: center;
  }

  .section-steps {
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48bf_noize.png");
    background-position: 4% 0, 0 0;
    background-repeat: repeat-y, repeat;
    background-size: auto, auto;
  }

  .container-xm {
    padding-left: 1rem;
    padding-right: 1rem;
  }

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

  .layout23_content {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .layout225_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .layout225_content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .layout225_item-list {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .text-style-link-2 {
    font-size: 3vw;
  }

  .padding-section-large-3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .div-block-167 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .div-block-168 {
    height: 20rem;
  }

  .layout396_card-content {
    padding: 1rem;
  }

  .padding-section-large-4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .contact14_map-wrapper {
    height: 100%;
  }

  .contact14_component {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .contact14_item.footer {
    font-size: 3vw;
  }

  .contact14_contact-list {
    grid-row-gap: 1rem;
  }

  .code-embed-2 {
    height: 100%;
    min-height: auto;
  }

  .padding-section-large-7 {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }

  .faq4_list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .footer-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .footer-links {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: center;
  }

  .footer1_link-list.footer-menu.copy-medium {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .navbar1_component {
    grid-template-columns: 1fr .25fr 1fr;
  }

  .navbar15_component.hide-mobile-portrait {
    display: flex;
  }

  .heading-9 {
    line-height: 1;
  }

  .link-2, .link-3 {
    text-decoration: none;
  }

  .header7_content {
    flex-flow: wrap;
  }

  .section_header7.text-color-alternate {
    padding-bottom: 3%;
  }

  .padding-global-6 {
    padding-bottom: 5%;
  }

  .heading-style-h2 {
    font-size: 1.3rem;
  }

  .list-2 {
    font-size: .875rem;
  }

  .heading-10 {
    font-size: 1.5rem;
  }

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

  .office-image {
    height: 300px;
  }

  .expandable-single {
    padding-left: 30px;
    padding-right: 30px;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .stats42_content {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .stats42_list, .layout121_content, .layout371_row {
    grid-template-columns: 1fr;
  }

  .layout371_card-large {
    flex-direction: column;
    display: flex;
  }

  .layout371_card-large-content {
    display: block;
  }

  .heading-style-h2-4 {
    text-align: center;
    font-size: 1.8rem;
  }

  .button-gelb-2 {
    text-align: center;
    width: 100%;
    font-size: 3vw;
  }

  .copy-small-2 {
    text-align: left;
  }

  .stack1 {
    flex: 0 auto;
    order: 0;
    align-self: auto;
  }

  .grid-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100vw;
    padding-top: 4rem;
    padding-bottom: 4rem;
    display: flex;
    overflow: visible;
  }

  .stichpunkt {
    flex-flow: column;
    width: 100%;
    max-width: none;
  }

  .stichpunkt.kleine-box {
    flex: 1;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: auto;
    padding-bottom: 2rem;
  }

  .stichpunkt.kleine-box.portfolio {
    background-image: linear-gradient(90deg, var(--background-fifth) 10%, #ffffff75), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4943_boldterrassendach.de_Terrassendach%20mit%20Sonnenschutz%20oben%20und%20vorn%20von%20innen.webp");
    background-position: 0 0, 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .stichpunkt.kleine-box.modernste-technik {
    background-image: linear-gradient(#ffffffe3 43%, #ffffffba 63%, #fff0), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4942_boldterrassendach.de_Kaltwintergarten%20blick%20durch%20die%20Hecke%20wohnlich%20eingera%CC%88umt.webp");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .stichpunkt.kleine-box.flexible {
    background-image: linear-gradient(0deg, #ffffffa8 24%, #ffffffe6), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a493d_boldterrassendach.de_Kaltwintergarten%20Abendliches%20Ambiente%20mit%20Hund%20am%20Pool.webp");
    background-position: 0 0, 71% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .hero-box-leistungen {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 90vw;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 1.5rem;
  }

  .hero-berschrift {
    width: 15ch;
    font-size: 2rem;
    display: block;
    overflow: visible;
  }

  .hero-berschrift.zahl {
    width: 100%;
    font-size: 2rem;
  }

  .hero-berschrift.zahl._33 {
    font-size: 1.3rem;
  }

  .text {
    margin-top: .5rem;
    padding-bottom: 0;
  }

  .stickpunkte-reihe {
    grid-column-gap: .7rem;
    grid-row-gap: .7rem;
    flex-flow: column;
  }

  .mobile-gridrow {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .body-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .chart-wrapper {
    grid-column-gap: .5rem;
    width: 90%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .chart_option {
    font-size: 3vw;
  }

  .blog-header {
    font-size: .8rem;
  }

  .header78_image-wrapper-2 {
    width: 60vw;
  }

  .header78_image-wrapper-2.gallery-2-item {
    width: 100%;
  }

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

  .blog64_item-link {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .icon-embed-medium {
    color: #f7f5f0;
    border: 1px solid #fff3f3;
  }

  .cta1_content, .header3_content, .header49_content {
    grid-template-columns: 1fr;
  }

  .stats40_list {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .stats14_content {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .stats14_item-list {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .pricing16_plan {
    overflow: hidden;
  }

  .div-block-183 {
    font-size: 18px;
  }

  .bold-text-6 {
    font-size: 1.2rem;
  }

  .bold-text-7, .bold-text-8 {
    font-size: 1.3rem;
  }

  .main-quick-stack {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
  }

  .section {
    width: 100%;
  }

  .h1-offer-terrassend-cher {
    outline-width: 0;
  }

  .h3-offer-terrassend-cher.full-width {
    margin-top: 8px;
    padding-top: 0;
    padding-bottom: 17px;
  }

  .text-01-advantades-t1 {
    margin-top: -178px;
  }

  .text-2-01-advantades-t1.zb-label-right {
    margin-bottom: -41px;
    padding-bottom: 82px;
  }

  .button-gelb-3 {
    text-align: center;
    width: 100%;
    font-size: 3vw;
  }

  .button-gelb-3.second {
    width: 100%;
  }

  .heading-style-h3-3 {
    font-size: 1.2rem;
  }

  .heading-style-h3-3.yellow-colour {
    text-align: center;
    font-size: 1.6rem;
  }

  .padding-section-large-22 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .heading-style-h5-3.green.vorteile {
    margin-left: 0;
    margin-right: 0;
  }

  .layout396_card-content-2 {
    padding: 1rem;
  }

  .heading-style-h2-10 {
    text-align: center;
    font-size: 1.8rem;
  }

  .heading-style-h2-10.text-align-left {
    text-align: left;
  }

  .heading-style-h2-10.third-text-color {
    font-size: 1.5rem;
  }

  .div-block-192 {
    height: 20rem;
  }

  .heading-style-h1-6 {
    font-size: 1.5rem;
  }

  .heading-style-h1-6.white {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.1;
  }

  .link-4 {
    text-decoration: none;
  }

  .text-style-link-4 {
    font-size: 3vw;
  }

  .heading-12 {
    font-size: 1.5rem;
  }

  .google-reviews-2 {
    margin-top: 0;
    padding-top: 0;
  }

  .section-steps-2 {
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a4935_dash-v-50.svg"), url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6a96cceeeba1313f529a48bf_noize.png");
    background-position: 4% 0, 0 0;
    background-repeat: repeat-y, repeat;
    background-size: auto, auto;
  }

  .padding-global-19 {
    padding-bottom: 5%;
  }

  .padding-section-large-23 {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }

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

  .subheadline-2 {
    font-size: 1.2em;
  }

  .subheadline-2.dark {
    font-size: 2em;
  }

  .div-block-195 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .heading-style-h4-3 {
    text-align: center;
  }

  .footer-grid-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .copy-small-3 {
    text-align: left;
  }

  .copy-small-3.white {
    text-align: left;
    font-size: .8rem;
  }

  .copy-small-3.white.ber-uns {
    padding-top: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .button-gelb-4 {
    text-align: center;
    width: 100%;
    font-size: 3vw;
  }

  .button-gelb-4.second {
    width: 100%;
  }

  .heading-style-h3-4 {
    font-size: 1.2rem;
  }

  .heading-style-h3-4.yellow-colour {
    text-align: center;
    font-size: 1.6rem;
  }

  .padding-section-large-25 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .heading-style-h5-4.green.vorteile {
    margin-left: 0;
    margin-right: 0;
  }

  .layout396_card-content-3 {
    padding: 1rem;
  }

  .heading-style-h2-11 {
    text-align: center;
    font-size: 1.8rem;
  }

  .heading-style-h2-11.text-align-left {
    text-align: left;
  }

  .heading-style-h2-11.third-text-color {
    font-size: 1.5rem;
  }

  .div-block-197 {
    height: 20rem;
  }

  .heading-style-h1-7 {
    font-size: 1.5rem;
  }

  .heading-style-h1-7.white {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.1;
  }

  .text-style-link-5 {
    font-size: 3vw;
  }

  .heading-13 {
    font-size: 1.5rem;
  }

  .padding-global-22 {
    padding-bottom: 5%;
  }

  .padding-section-large-26 {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }

  .navbar1_component-3 {
    grid-template-columns: 1fr .25fr 1fr;
  }

  .div-block-200 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .heading-style-h4-4 {
    text-align: center;
  }

  .footer-grid-3 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .copy-small-4 {
    text-align: left;
  }

  .copy-small-4.white {
    text-align: left;
    font-size: .8rem;
  }

  .copy-small-4.white.ber-uns {
    padding-top: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-style-h2-12 {
    text-align: center;
    font-size: 1.8rem;
  }

  .copy-small-5 {
    text-align: left;
  }

  .text-confidence-3 {
    margin-left: 1px;
    padding-left: 0;
    padding-right: 0;
  }

  .text-confidence-4 {
    padding-top: 0;
  }

  .dropdown-list-ber-uns {
    background-color: #ffffffe6;
  }

  .contact14_item-1.footer, .contact14_item-2.footer, .contact14_item-2.footer, .contact14_item-3.footer, .contact14_item-3.footer, .contact14_item-4.footer, .contact14_item-4.footer {
    font-size: 3vw;
  }

  .karriere-container-copy {
    background-image: url("https://cdn.prod.website-files.com/6a96cceeeba1313f529a477f/6ac54ef2dcbdd612875fcd39_BOLD_office_alexander_workers_right_phone%20(1).png");
    background-position: 50%;
    background-size: cover;
  }

  .h1-offer-karriere {
    outline-width: 0;
  }

  .heading-style-h2-13 {
    text-align: center;
    font-size: 1.8rem;
  }

  .kr-rm-sub {
    margin-bottom: -53px;
    padding-bottom: 0;
  }

  .hm-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hm-h2, .hm-h2-left {
    font-size: 25px;
    line-height: 33px;
  }

  .hm-hero-card {
    width: calc(100% - 24px);
    padding-left: 18px;
    padding-right: 18px;
  }

  .hm-hero-h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .hm-h2-light {
    font-size: 25px;
    line-height: 33px;
  }

  .hm-team-stats {
    outline-width: 0;
  }

  .hm-vid-card {
    width: calc(100% - 24px);
  }

  .hm-vid-title {
    font-size: 20px;
    line-height: 27px;
  }

  .code-forma1, .code-forma2 {
    width: 100%;
  }

  .hm-team-hero {
    width: calc(100% - 24px);
  }

  .div-block-finanzieren {
    width: calc(100% - 24px);
    padding-left: 16px;
    padding-right: 16px;
  }

  .h2-finanzieren-text-2 {
    font-size: 25px;
    line-height: 33px;
  }

  .h2-finanzieren-text-3, .h2-finanzieren-text-4, .h2-finanzieren-text-5 {
    font-size: 26px;
    line-height: 32px;
  }

  .hm-hero-h1-sub {
    font-size: 19px;
    line-height: 27px;
  }

  .cookie-banner {
    display: none;
  }

  .cookie-buttons {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .nur-notwendige {
    align-self: auto;
  }

  .einstellungen {
    align-self: center;
  }
}

#w-node-_3bcaaa90-6558-60c0-cbc9-8ad493a8b6db-529a474d {
  grid-template-rows: auto auto;
  grid-template-columns: 2fr 1fr;
}

#w-node-_4215798e-2ea2-bdfc-5222-eddfd83103ae-529a474d {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_9cce2ffe-20f4-0e62-51c9-016d9e981024-529a474d {
  grid-row: span 2 / span 2;
}

#w-node-aaa781ac-72c7-a7a8-d7e7-8c6696e7c06b-529a474d {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_87a94e44-38ff-8674-360a-9c4fb32ed599-529a474d {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_87483728-b356-0c69-e31a-914150f7a08c-529a474d {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_8e76deeb-a5ff-c2e8-f9c2-c117ef17cebd-529a474d {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-eb988ae3-a659-7f89-3a29-b12fbbf6b426-529a474d {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

#w-node-_35b07dcc-0356-4d7a-1669-88a95fc0dd85-60c3a378 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_0edb661a-4e3a-6759-44be-0b3fb811ef09-60c3a378 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_9ee02040-69dd-f43a-f0e8-7543dc589440-dc58943e {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-_9ee02040-69dd-f43a-f0e8-7543dc589442-dc58943e {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_9ee02040-69dd-f43a-f0e8-7543dc589443-dc58943e {
  justify-self: end;
}

#w-node-f6995331-1bcf-d8ad-e3dc-cb7be4c4e50e-529a4754 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_05fe8126-927b-782b-54df-d95361012f67-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_05fe8126-927b-782b-54df-d95361012f6f-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_3a94225a-6b47-630e-adc6-13a28eacebb8-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_3a94225a-6b47-630e-adc6-13a28eacebbd-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_3a94225a-6b47-630e-adc6-13a28eacebc6-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-_3a94225a-6b47-630e-adc6-13a28eacebd2-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_3a94225a-6b47-630e-adc6-13a28eacebdb-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-_3a94225a-6b47-630e-adc6-13a28eacebe7-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_3a94225a-6b47-630e-adc6-13a28eacebf0-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-_3a94225a-6b47-630e-adc6-13a28eacebfc-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_3a94225a-6b47-630e-adc6-13a28eacec05-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-_1a0fe08f-e61d-2111-4449-9bfe4daa7232-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_326a2fbe-a85d-be27-3bc2-c260b89df5f4-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_326a2fbe-a85d-be27-3bc2-c260b89df605-529a4758, #w-node-_326a2fbe-a85d-be27-3bc2-c260b89df60d-529a4758, #w-node-_326a2fbe-a85d-be27-3bc2-c260b89df615-529a4758, #w-node-_326a2fbe-a85d-be27-3bc2-c260b89df61d-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_9cf66342-a9e5-9248-9dee-5e8510a4b75a-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_9cf66342-a9e5-9248-9dee-5e8510a4b764-529a4758, #w-node-_9cf66342-a9e5-9248-9dee-5e8510a4b76c-529a4758, #w-node-_9cf66342-a9e5-9248-9dee-5e8510a4b774-529a4758, #w-node-_9cf66342-a9e5-9248-9dee-5e8510a4b77c-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-f0dd78bc-77c1-624c-5a1b-e9bb15cfcdb4-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 40%;
}

#w-node-f0dd78bc-77c1-624c-5a1b-e9bb15cfcdbb-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-f0dd78bc-77c1-624c-5a1b-e9bb15cfcdc5-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 40% 1fr;
}

#w-node-f0dd78bc-77c1-624c-5a1b-e9bb15cfcdcd-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 40%;
}

#w-node-f0dd78bc-77c1-624c-5a1b-e9bb15cfcdd4-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-f0dd78bc-77c1-624c-5a1b-e9bb15cfcde6-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 40%;
}

#w-node-f0dd78bc-77c1-624c-5a1b-e9bb15cfcded-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-f0dd78bc-77c1-624c-5a1b-e9bb15cfcdff-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 40%;
}

#w-node-f0dd78bc-77c1-624c-5a1b-e9bb15cfce06-529a4758 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_7976232e-c609-7e4e-eac1-51bc525b98f7-529a4759 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_7976232e-c609-7e4e-eac1-51bc525b98ff-529a4759, #w-node-_949a3a0b-2fcd-80c0-faec-ba32480479f4-529a4759 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_949a3a0b-2fcd-80c0-faec-ba3248047a02-529a4759, #w-node-_949a3a0b-2fcd-80c0-faec-ba3248047a17-529a4759, #w-node-_949a3a0b-2fcd-80c0-faec-ba3248047a2c-529a4759 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-de7a40a3-5343-4c72-8fd5-d4d04a201a67-529a4759 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_0f599177-8ca6-9a3f-ad24-eac75ba4a2ec-529a4759 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_0f599177-8ca6-9a3f-ad24-eac75ba4a2fd-529a4759, #w-node-_0f599177-8ca6-9a3f-ad24-eac75ba4a305-529a4759, #w-node-_0f599177-8ca6-9a3f-ad24-eac75ba4a30d-529a4759, #w-node-_0f599177-8ca6-9a3f-ad24-eac75ba4a315-529a4759 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-f4582872-d978-f385-1d71-ecb82852f9f1-529a4759 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-f4582872-d978-f385-1d71-ecb82852f9fb-529a4759, #w-node-f4582872-d978-f385-1d71-ecb82852fa03-529a4759, #w-node-f4582872-d978-f385-1d71-ecb82852fa0b-529a4759, #w-node-f4582872-d978-f385-1d71-ecb82852fa13-529a4759 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_90e20d22-3268-276e-c019-1659807adaed-529a4759 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 40%;
}

#w-node-_90e20d22-3268-276e-c019-1659807adaf4-529a4759 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_90e20d22-3268-276e-c019-1659807adafe-529a4759 {
  grid-template-rows: auto;
  grid-template-columns: 40% 1fr;
}

#w-node-d5f26e37-79d2-5a4c-749f-8b7e15661eeb-529a475a, #w-node-_9fcbaaab-f429-a31c-4e87-1da6610e65fc-529a475a, #w-node-dc8390c3-ebeb-736c-0ff6-ed69d5e82846-529a475a, #w-node-dc8390c3-ebeb-736c-0ff6-ed69d5e82876-529a475a, #w-node-_69d1360a-50a3-04d4-2e32-873ce6f57642-529a475a, #w-node-_69d1360a-50a3-04d4-2e32-873ce6f57672-529a475a, #w-node-_10f6ef6b-d428-3aa7-4375-82ecd75215f8-529a475a, #w-node-_10f6ef6b-d428-3aa7-4375-82ecd7521628-529a475a, #w-node-ddacd249-2a12-91cd-ece0-1975b6829d06-529a475a, #w-node-ddacd249-2a12-91cd-ece0-1975b6829d36-529a475a, #w-node-a87be9ad-43d9-4ab8-7fa9-e7e59a912df0-529a475a, #w-node-a87be9ad-43d9-4ab8-7fa9-e7e59a912e20-529a475a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_6b098eba-777a-2331-35da-3b7ba80bbdad-529a475a {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_6b098eba-777a-2331-35da-3b7ba80bbdb5-529a475a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_1b1955b2-3949-b585-6cb4-03681d373f0f-529a475a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-e142d65e-b96f-b286-6561-ee76098f6750-529a475a {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

#w-node-d04bc006-5929-528e-e59e-577ab516f681-529a475a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_2d50daa5-468b-c33d-8b6f-605b9eee204e-9eee204c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_2d50daa5-468b-c33d-8b6f-605b9eee2085-9eee204c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_8c122255-081c-b9ab-82a7-8055e61b9944-e61b9942 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-_8c122255-081c-b9ab-82a7-8055e61b9946-e61b9942 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_8c122255-081c-b9ab-82a7-8055e61b9947-e61b9942 {
  justify-self: end;
}

#w-node-_3c9a11a8-1195-b83e-b15e-c3a4587c0b61-529a4765 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_3c9a11a8-1195-b83e-b15e-c3a4587c0b69-529a4765, #w-node-_352fdd34-4b94-78d6-35e6-b052d7480d31-529a4765 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_352fdd34-4b94-78d6-35e6-b052d7480d3f-529a4765, #w-node-_352fdd34-4b94-78d6-35e6-b052d7480d54-529a4765, #w-node-_352fdd34-4b94-78d6-35e6-b052d7480d69-529a4765 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-_1454bdcf-3606-5b5b-e2fb-a018bd4bfd8d-529a4765 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_133684ac-d1e3-e07d-2f6a-b164608774d4-529a4765 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr .5fr;
}

#w-node-_39d45422-80e0-aa91-1307-d5e3023ca18b-529a4765 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_39d45422-80e0-aa91-1307-d5e3023ca19c-529a4765, #w-node-_39d45422-80e0-aa91-1307-d5e3023ca1a4-529a4765, #w-node-_39d45422-80e0-aa91-1307-d5e3023ca1ac-529a4765, #w-node-_39d45422-80e0-aa91-1307-d5e3023ca1b4-529a4765 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-b6ef700f-cc96-b407-0148-8d32693555df-529a4765 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b6ef700f-cc96-b407-0148-8d32693555e9-529a4765, #w-node-b6ef700f-cc96-b407-0148-8d32693555f1-529a4765, #w-node-b6ef700f-cc96-b407-0148-8d32693555f9-529a4765, #w-node-b6ef700f-cc96-b407-0148-8d3269355601-529a4765 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_69b66e03-66cd-4cd0-84be-55014b5e62e2-529a4765 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 40%;
}

#w-node-_69b66e03-66cd-4cd0-84be-55014b5e62e9-529a4765 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_69b66e03-66cd-4cd0-84be-55014b5e62f3-529a4765 {
  grid-template-rows: auto;
  grid-template-columns: 40% 1fr;
}

#w-node-_69b66e03-66cd-4cd0-84be-55014b5e62fb-529a4765 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 40%;
}

#w-node-_69b66e03-66cd-4cd0-84be-55014b5e6302-529a4765 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_69b66e03-66cd-4cd0-84be-55014b5e630c-529a4765 {
  grid-template-rows: auto;
  grid-template-columns: 40% 1fr;
}

#w-node-_69b66e03-66cd-4cd0-84be-55014b5e6314-529a4765 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 40%;
}

#w-node-_69b66e03-66cd-4cd0-84be-55014b5e631b-529a4765 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_9cbae348-f839-b239-11de-bb17ffe3be6c-529a4767 {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1.5fr 1.5fr 1fr;
}

#w-node-_9cbae348-f839-b239-11de-bb17ffe3be6d-529a4767 {
  grid-column: span 2 / span 2;
}

#w-node-_9cbae348-f839-b239-11de-bb17ffe3be91-529a4767 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_9cbae348-f839-b239-11de-bb17ffe3beb5-529a4767 {
  grid-row: span 2 / span 2;
}

#w-node-_9cbae348-f839-b239-11de-bb17ffe3bebe-529a4767 {
  grid-row: span 3 / span 3;
}

#w-node-_9cbae348-f839-b239-11de-bb17ffe3bed0-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bed9-529a4767 {
  grid-row: span 2 / span 2;
}

#w-node-_9cbae348-f839-b239-11de-bb17ffe3bf06-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf0f-529a4767 {
  grid-column: span 2 / span 2;
}

#w-node-_9cbae348-f839-b239-11de-bb17ffe3bf3c-529a4767 {
  grid-row: span 2 / span 2;
}

#w-node-_9cbae348-f839-b239-11de-bb17ffe3bf52-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf88-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf91-529a4767 {
  grid-column: span 2 / span 2;
}

#w-node-_9cbae348-f839-b239-11de-bb17ffe3bf9a-529a4767 {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1.5fr 1.5fr 1fr;
}

#w-node-_02414d7f-2a0f-0d9c-b04b-2b89b0827a86-529a4767 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_02414d7f-2a0f-0d9c-b04b-2b89b0827a97-529a4767 {
  place-self: start;
}

#w-node-_86e2b98b-9e6a-771f-f6a7-ed5e2adc33ec-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_7deb9c9c-bf2b-ffcd-9822-7768ef251b0f-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_2996ba36-1125-e8cc-4fe6-e41472ad6e62-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-eccd8845-fb79-68f2-234e-0a2948f173cf-529a476a {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_7d9163f6-df93-9384-3629-ad407304e643-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-f3dd9b1e-81fc-a5f6-0fdf-f67e29dcbc82-529a476a {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-f3dd9b1e-81fc-a5f6-0fdf-f67e29dcbc8b-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-cc75c49d-2a01-a714-014b-8286c59b6dfd-529a476a {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-cc75c49d-2a01-a714-014b-8286c59b6e06-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-ebaa507c-ab53-111f-90ac-8cbfb9b33e3c-529a476a {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-ebaa507c-ab53-111f-90ac-8cbfb9b33e45-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-_8da0f119-ae59-00ef-1266-c2b18267a11b-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_0cccf468-a323-599e-16c7-ca08211933e6-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_72a5fc11-d53f-a235-33ec-27c44771dbeb-529a476a, #w-node-_8c3a4418-eab2-46d6-1753-df6584dc2193-529a476a, #w-node-_1c323fe4-02e9-9d2a-6566-3fd8dd7a1793-529a476a, #w-node-_95121d3f-6f83-bd7d-29df-da7bb0c2f2eb-529a476a {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_5183b227-503d-9526-00ae-735a0cde5513-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b8baa9cc-3441-f44c-9be1-3381b3fb0e42-529a476a, #w-node-b8baa9cc-3441-f44c-9be1-3381b3fb0e4a-529a476a, #w-node-b8baa9cc-3441-f44c-9be1-3381b3fb0e52-529a476a, #w-node-b8baa9cc-3441-f44c-9be1-3381b3fb0e5a-529a476a {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_91ba0622-7311-cb71-b9ad-767788362d5e-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 40%;
}

#w-node-_3a6e5567-fd51-832b-4859-8e2a90ec64ea-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_520c92d8-19b5-791b-0b92-b7954380afa3-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 40% 1fr;
}

#w-node-d58102f2-7021-a6db-f1d6-b9e57a55f22f-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 40%;
}

#w-node-_8133659c-f3cf-95e6-e6f1-63d12a252784-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_3d5f9cff-5e3a-c9e3-107e-7eb8f294c2e0-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 40% 1fr;
}

#w-node-c8986fac-1e30-f8bc-7ead-063dd0371ebb-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 40%;
}

#w-node-_548d5e95-390c-fc45-9d34-c281ef6d5bbf-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_5a10a521-04ec-da64-7315-5a273e0773fe-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 40% 1fr;
}

#w-node-_0bcecb7a-3945-dd48-ba35-720cebe0828a-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 40%;
}

#w-node-d8bf374e-8e36-8c84-92dd-06e2f1552d93-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-abd3886c-2b61-b788-7ab7-73e14746f465-529a476a {
  grid-template-rows: auto;
  grid-template-columns: 40% 1fr;
}

#w-node-_31166f2c-4c3b-3767-6bfe-8f8c5390dd39-529a476b {
  align-self: center;
}

#w-node-_31166f2c-4c3b-3767-6bfe-8f8c5390dd3d-529a476b {
  align-self: start;
}

#w-node-_9295bb54-27b8-9421-d1b6-862432ed17fb-529a476b {
  grid-column: span 1 / span 1;
}

#w-node-c7e90348-c8db-2621-d0b7-4df41b752518-529a476b {
  justify-self: end;
}

#w-node-f3a54da0-2b5e-25ed-8325-c146b86778ee-529a476b {
  align-self: center;
}

#w-node-dff20f67-8645-a111-dcd7-1ceb6d65dc60-529a476b {
  justify-self: start;
}

#w-node-fc094131-0a03-3995-f399-a54e565344f9-529a476b {
  justify-self: end;
}

#w-node-d4d22608-6151-2adc-6fdd-4e81c4e1b158-529a476b {
  align-self: center;
}

#w-node-c64a14c2-bac7-0dcc-a1af-4da10f8e941d-529a476b {
  justify-self: start;
}

#w-node-cb0e3e06-25e2-1fef-2ed5-ec6b3afee2b7-529a476b {
  justify-self: end;
}

#w-node-_286a0f4b-1ea0-016f-c93e-aca532536c19-529a476b {
  align-self: center;
}

#w-node-_7c8bbef8-f254-fa02-d89e-4e28a8f687dc-529a476b {
  justify-self: start;
}

#w-node-_31d89ae8-ba7c-d01c-71a2-85bcd885109a-529a476b {
  justify-self: end;
}

#w-node-ec8a8bde-dab6-401a-f3da-f3e831d3a1e3-529a476b {
  align-self: center;
}

#w-node-_918349d1-e556-b68c-6303-7c95fa07dc17-529a476b {
  justify-self: start;
}

#w-node-_87688330-cb75-7415-755e-6c99733b7a49-529a476b {
  justify-self: end;
}

#w-node-_17216fb5-0f35-c519-9410-6877d1f77f90-529a476b {
  align-self: center;
}

#w-node-a3b3d4e4-deff-e23c-b171-9286d88868cd-529a476b {
  justify-self: start;
}

#w-node-b63ac992-6f93-9908-ab4a-94bd48818d62-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d63-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d64-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d65-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d66-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d67-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d68-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d69-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d6a-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d6b-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d6c-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d6d-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d6e-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d6f-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d70-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d71-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d72-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d73-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d74-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d75-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d76-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d77-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d78-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d79-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d7a-529a476b, #w-node-b63ac992-6f93-9908-ab4a-94bd48818d7b-529a476b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eb0db701-a884-aae4-5bd9-6e18e15a7228-529a476b {
  place-self: auto start;
}

#w-node-eb0db701-a884-aae4-5bd9-6e18e15a7243-529a476b {
  place-self: stretch stretch;
}

#w-node-_319e0102-4f3a-3d6d-f7ec-3bd0833de3ba-529a476c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_319e0102-4f3a-3d6d-f7ec-3bd0833de3c2-529a476c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_47d71dd0-55e0-73ed-2652-df6469fcefdf-529a476c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_47d71dd0-55e0-73ed-2652-df6469fcefed-529a476c, #w-node-_47d71dd0-55e0-73ed-2652-df6469fcf002-529a476c, #w-node-_47d71dd0-55e0-73ed-2652-df6469fcf017-529a476c, #w-node-_47d71dd0-55e0-73ed-2652-df6469fcf02c-529a476c {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-f53d3964-7086-d14e-387b-dd6a4b5b4380-529a476c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-aa9b878a-0fc7-cff2-45bf-4d11d263b211-529a476c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-aa9b878a-0fc7-cff2-45bf-4d11d263b222-529a476c, #w-node-aa9b878a-0fc7-cff2-45bf-4d11d263b22a-529a476c, #w-node-aa9b878a-0fc7-cff2-45bf-4d11d263b232-529a476c, #w-node-aa9b878a-0fc7-cff2-45bf-4d11d263b23a-529a476c {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-bed34be4-9089-4911-441e-13d22660d487-529a476c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-bed34be4-9089-4911-441e-13d22660d491-529a476c, #w-node-bed34be4-9089-4911-441e-13d22660d499-529a476c, #w-node-bed34be4-9089-4911-441e-13d22660d4a1-529a476c, #w-node-bed34be4-9089-4911-441e-13d22660d4a9-529a476c {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-ec33075a-6984-3192-d186-18dd0443007a-529a476c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 40%;
}

#w-node-ec33075a-6984-3192-d186-18dd04430081-529a476c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-ec33075a-6984-3192-d186-18dd0443008b-529a476c {
  grid-template-rows: auto;
  grid-template-columns: 40% 1fr;
}

#w-node-ec33075a-6984-3192-d186-18dd04430093-529a476c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 40%;
}

#w-node-ec33075a-6984-3192-d186-18dd0443009a-529a476c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-ec33075a-6984-3192-d186-18dd044300a4-529a476c {
  grid-template-rows: auto;
  grid-template-columns: 40% 1fr;
}

#w-node-ec33075a-6984-3192-d186-18dd044300ac-529a476c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 40%;
}

#w-node-ec33075a-6984-3192-d186-18dd044300b3-529a476c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-ec33075a-6984-3192-d186-18dd044300bd-529a476c {
  grid-template-rows: auto;
  grid-template-columns: 40% 1fr;
}

#w-node-_144acb77-2d61-ad57-82a8-30e683a72343-83a72341 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-_144acb77-2d61-ad57-82a8-30e683a72345-83a72341 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_144acb77-2d61-ad57-82a8-30e683a72346-83a72341 {
  justify-self: end;
}

#w-node-_36a54152-0618-2f2a-319f-f146fa0a80ca-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80cb-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80cc-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80cd-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80ce-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80cf-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80d0-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80d1-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80d2-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80d3-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80d4-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80d5-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80d6-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80d7-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80d8-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80d9-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80da-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80db-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80dc-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80dd-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80de-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80df-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80e0-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80e1-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80e2-529a4772, #w-node-_36a54152-0618-2f2a-319f-f146fa0a80e3-529a4772 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9197692e-d3a1-40b9-8b34-947061384a18-529a4772, #w-node-_9197692e-d3a1-40b9-8b34-947061384a1d-529a4772, #w-node-_9197692e-d3a1-40b9-8b34-947061384a22-529a4772, #w-node-_6475ff26-7ece-5a37-e29b-6f57612af651-529a4772, #w-node-f6e42e5c-fa11-1a1b-2f1f-c25d22ffc04a-529a4772, #w-node-_6f41a525-0db1-a0e1-a72f-6913e8092196-529a4772, #w-node-b17c5f48-e440-ee6e-9313-ef8529155aa4-529a4772, #w-node-_864f616c-3a13-1523-02a2-043a065b774a-529a4772, #w-node-_453a6b4f-3c5e-fd50-e5b1-39c653147ee7-529a4772, #w-node-bb4860b3-7953-ed67-3b0b-965ec30e75b5-529a4772, #w-node-bb4860b3-7953-ed67-3b0b-965ec30e75ba-529a4772, #w-node-bb4860b3-7953-ed67-3b0b-965ec30e75bf-529a4772, #w-node-bb4860b3-7953-ed67-3b0b-965ec30e75c4-529a4772, #w-node-bb4860b3-7953-ed67-3b0b-965ec30e75c9-529a4772, #w-node-bb4860b3-7953-ed67-3b0b-965ec30e75ce-529a4772, #w-node-_43d35e07-1819-820b-e8c0-0babbbd12d2f-529a4772, #w-node-bb4860b3-7953-ed67-3b0b-965ec30e75d3-529a4772, #w-node-bb4860b3-7953-ed67-3b0b-965ec30e75d8-529a4772, #w-node-bb4860b3-7953-ed67-3b0b-965ec30e75dd-529a4772, #w-node-bb4860b3-7953-ed67-3b0b-965ec30e75e2-529a4772, #w-node-_4e66ba60-7a1c-0fb0-0f02-f5b74e2495d9-529a4772, #w-node-_4e66ba60-7a1c-0fb0-0f02-f5b74e2495de-529a4772, #w-node-_4e66ba60-7a1c-0fb0-0f02-f5b74e2495e3-529a4772, #w-node-_4e66ba60-7a1c-0fb0-0f02-f5b74e2495e8-529a4772, #w-node-_4e66ba60-7a1c-0fb0-0f02-f5b74e2495ed-529a4772, #w-node-_4e66ba60-7a1c-0fb0-0f02-f5b74e2495f2-529a4772, #w-node-_4e66ba60-7a1c-0fb0-0f02-f5b74e2495f8-529a4772, #w-node-_1bb76e44-c110-288e-da6a-ce73c2feefec-529a4772, #w-node-_25a2aa4d-c0f5-142e-02f7-2677d36c5790-529a4772, #w-node-_4e66ba60-7a1c-0fb0-0f02-f5b74e2495fe-529a4772, #w-node-_4e66ba60-7a1c-0fb0-0f02-f5b74e249603-529a4772, #w-node-_4e66ba60-7a1c-0fb0-0f02-f5b74e24960d-529a4772, #w-node-_86b691b4-3349-d464-1994-1531ebf0f5e5-529a4772, #w-node-_86b691b4-3349-d464-1994-1531ebf0f5ea-529a4772, #w-node-_86b691b4-3349-d464-1994-1531ebf0f5ef-529a4772, #w-node-_018be100-2c4c-c056-ad47-aa1df2a71742-529a4772, #w-node-_3c6ed64c-0240-e40f-4f9e-d46296cfbf70-529a4772, #w-node-b7f54cc6-d64a-a42a-99c2-2c1d96e74d88-529a4772, #w-node-_2b3f7894-f931-2489-5d12-e5e933e1581a-529a4772, #w-node-b7f54cc6-d64a-a42a-99c2-2c1d96e74d91-529a4772, #w-node-b7f54cc6-d64a-a42a-99c2-2c1d96e74d9d-529a4772, #w-node-_400f1be3-ead4-5327-efe5-891d5b823366-529a4772, #w-node-b7f54cc6-d64a-a42a-99c2-2c1d96e74d97-529a4772, #w-node-b7f54cc6-d64a-a42a-99c2-2c1d96e74da3-529a4772, #w-node-_86b691b4-3349-d464-1994-1531ebf0f636-529a4772, #w-node-_86b691b4-3349-d464-1994-1531ebf0f63b-529a4772, #w-node-_86b691b4-3349-d464-1994-1531ebf0f640-529a4772, #w-node-_86b691b4-3349-d464-1994-1531ebf0f65a-529a4772, #w-node-_86b691b4-3349-d464-1994-1531ebf0f65f-529a4772, #w-node-_86b691b4-3349-d464-1994-1531ebf0f664-529a4772, #w-node-_86b691b4-3349-d464-1994-1531ebf0f669-529a4772, #w-node-_86b691b4-3349-d464-1994-1531ebf0f66e-529a4772 {
  align-self: start;
}

#w-node-afaeea02-3b4a-a398-c5bb-5d5b698a07a4-529a4772 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-afaeea02-3b4a-a398-c5bb-5d5b698a07b5-529a4772 {
  place-self: start;
}

#w-node-_8dcbc2ab-96f7-dacc-8562-2d2fe181846f-529a4772 {
  grid-template-rows: 20vh 60vh;
  grid-template-columns: 1fr 1fr .75fr;
}

#w-node-_8dcbc2ab-96f7-dacc-8562-2d2fe1818470-529a4772 {
  grid-column: span 2 / span 2;
}

#w-node-_8dcbc2ab-96f7-dacc-8562-2d2fe1818478-529a4772 {
  grid-row: span 2 / span 2;
}

#w-node-_8dcbc2ab-96f7-dacc-8562-2d2fe18184af-529a4772, #w-node-_8dcbc2ab-96f7-dacc-8562-2d2fe18184b0-529a4772, #w-node-_8dcbc2ab-96f7-dacc-8562-2d2fe18184c3-529a4772, #w-node-_8dcbc2ab-96f7-dacc-8562-2d2fe18184d4-529a4772 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5ded-529a4772 {
  align-self: start;
}

#w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5dee-529a4772 {
  place-self: auto end;
}

#w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5dfd-529a4772 {
  place-self: auto;
}

#w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5e0c-529a4772 {
  place-self: auto start;
}

#w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5e0f-529a4772 {
  place-self: end center;
}

#w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5e19-529a4772 {
  place-self: auto end;
}

#w-node-_3fde06f1-2b03-96a9-5abb-af1e6dfc9a1c-529a4775 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_643c93c9-fa97-1f40-2a4d-7c36575f2a6d-529a4775 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_86e2b98b-9e6a-771f-f6a7-ed5e2adc33ec-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_7deb9c9c-bf2b-ffcd-9822-7768ef251b0f-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_2996ba36-1125-e8cc-4fe6-e41472ad6e62-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-eccd8845-fb79-68f2-234e-0a2948f173cf-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_7d9163f6-df93-9384-3629-ad407304e643-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-_51d3295f-405a-7983-d9da-0b38421c91d0-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_51d3295f-405a-7983-d9da-0b38421c91d9-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-f3dd9b1e-81fc-a5f6-0fdf-f67e29dcbc82-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-f3dd9b1e-81fc-a5f6-0fdf-f67e29dcbc8b-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-cc75c49d-2a01-a714-014b-8286c59b6dfd-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-cc75c49d-2a01-a714-014b-8286c59b6e06-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-ebaa507c-ab53-111f-90ac-8cbfb9b33e3c-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-ebaa507c-ab53-111f-90ac-8cbfb9b33e45-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
}

#w-node-_7dafafba-2d7d-2f06-5f42-aed407b13dc7-7a984745, #w-node-_2d6634c2-12b4-7c03-0db1-56fb7ce70c76-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_3717d27f-2704-f104-f5da-7da4fe139f26-7a984745, #w-node-c648f58a-f7b9-7edd-2f33-52c742cef07d-7a984745, #w-node-_8da0f119-ae59-00ef-1266-c2b18267a11b-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_0cccf468-a323-599e-16c7-ca08211933e6-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_72a5fc11-d53f-a235-33ec-27c44771dbeb-7a984745, #w-node-_8c3a4418-eab2-46d6-1753-df6584dc2193-7a984745, #w-node-_1c323fe4-02e9-9d2a-6566-3fd8dd7a1793-7a984745, #w-node-_95121d3f-6f83-bd7d-29df-da7bb0c2f2eb-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_5183b227-503d-9526-00ae-735a0cde5513-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b8baa9cc-3441-f44c-9be1-3381b3fb0e42-7a984745, #w-node-b8baa9cc-3441-f44c-9be1-3381b3fb0e4a-7a984745, #w-node-b8baa9cc-3441-f44c-9be1-3381b3fb0e52-7a984745, #w-node-b8baa9cc-3441-f44c-9be1-3381b3fb0e5a-7a984745 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_6da93e49-314f-b71f-851b-0a03c617ad40-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
}

#w-node-e080f322-6981-3e0d-a72a-1784a755fbb3-83fda897, #w-node-d4a06158-ec2f-cb81-a54e-6f4721553483-83fda897, #w-node-_817a38b7-1403-b69d-04a9-07edda508c2f-83fda897, #w-node-_2582a391-e661-e58d-b487-ffd84a3af336-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 5.5fr;
}

#w-node-_86af0d0f-9fd9-0753-31de-21f4aa7e2cab-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_550ebdc9-a75f-3029-f86f-dae894ac35bc-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
}

#w-node-_550ebdc9-a75f-3029-f86f-dae894ac35c3-83fda897, #w-node-_550ebdc9-a75f-3029-f86f-dae894ac35cc-83fda897, #w-node-_550ebdc9-a75f-3029-f86f-dae894ac35d5-83fda897, #w-node-_550ebdc9-a75f-3029-f86f-dae894ac35de-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 5.5fr;
}

#w-node-_550ebdc9-a75f-3029-f86f-dae894ac35f1-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_5fa057d5-ba9c-e564-809d-9d148296f104-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
}

#w-node-_5fa057d5-ba9c-e564-809d-9d148296f10b-83fda897, #w-node-_5fa057d5-ba9c-e564-809d-9d148296f114-83fda897, #w-node-_5fa057d5-ba9c-e564-809d-9d148296f11d-83fda897, #w-node-_5fa057d5-ba9c-e564-809d-9d148296f126-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 5.5fr;
}

#w-node-_5fa057d5-ba9c-e564-809d-9d148296f13a-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-f8c9bbc5-4000-8db1-6f30-fce86cfff079-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
}

#w-node-f8c9bbc5-4000-8db1-6f30-fce86cfff080-83fda897, #w-node-f8c9bbc5-4000-8db1-6f30-fce86cfff089-83fda897, #w-node-f8c9bbc5-4000-8db1-6f30-fce86cfff092-83fda897, #w-node-f8c9bbc5-4000-8db1-6f30-fce86cfff09b-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 5.5fr;
}

#w-node-f8c9bbc5-4000-8db1-6f30-fce86cfff0ae-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e942a054-08cc-897e-8849-7f15e163b781-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
}

#w-node-e942a054-08cc-897e-8849-7f15e163b788-83fda897, #w-node-e942a054-08cc-897e-8849-7f15e163b791-83fda897, #w-node-e942a054-08cc-897e-8849-7f15e163b79a-83fda897, #w-node-e942a054-08cc-897e-8849-7f15e163b7a3-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 5.5fr;
}

#w-node-e942a054-08cc-897e-8849-7f15e163b7b6-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-cb3dc40b-1760-2aeb-d1ab-28d3fd38d452-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
}

#w-node-cb3dc40b-1760-2aeb-d1ab-28d3fd38d459-83fda897, #w-node-cb3dc40b-1760-2aeb-d1ab-28d3fd38d462-83fda897, #w-node-cb3dc40b-1760-2aeb-d1ab-28d3fd38d46b-83fda897, #w-node-cb3dc40b-1760-2aeb-d1ab-28d3fd38d474-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 5.5fr;
}

#w-node-cb3dc40b-1760-2aeb-d1ab-28d3fd38d487-83fda897, #w-node-_7deb9c9c-bf2b-ffcd-9822-7768ef251b0f-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-d32375d2-385c-2b8f-4795-fe7dec0308b7-83fda897 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_8da0f119-ae59-00ef-1266-c2b18267a11b-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_5183b227-503d-9526-00ae-735a0cde5513-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b8baa9cc-3441-f44c-9be1-3381b3fb0e42-83fda897, #w-node-b8baa9cc-3441-f44c-9be1-3381b3fb0e4a-83fda897, #w-node-b8baa9cc-3441-f44c-9be1-3381b3fb0e52-83fda897, #w-node-b8baa9cc-3441-f44c-9be1-3381b3fb0e5a-83fda897 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_86e2b98b-9e6a-771f-f6a7-ed5e2adc33ec-7405e0ef {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_7deb9c9c-bf2b-ffcd-9822-7768ef251b0f-7405e0ef {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-b14c43d7-f5d3-202a-0fed-16821a2d412b-7405e0ef {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-b3572e01-35ad-b637-df7f-87d248f12dcd-7405e0ef, #w-node-_66162127-4928-9081-76ed-33bee5f5f690-7405e0ef, #w-node-_66162127-4928-9081-76ed-33bee5f5f69d-7405e0ef, #w-node-_9d5f4af2-6a43-8830-3235-54934d7efb67-7405e0ef {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-ac560d2e-d255-5bfc-0f4a-1273d7d68f92-d7d68f90 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-ac560d2e-d255-5bfc-0f4a-1273d7d68f94-d7d68f90 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-ac560d2e-d255-5bfc-0f4a-1273d7d68f95-d7d68f90 {
  justify-self: end;
}

#w-node-_86e2b98b-9e6a-771f-f6a7-ed5e2adc33ec-48009c9d {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_7deb9c9c-bf2b-ffcd-9822-7768ef251b0f-48009c9d {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e7c8fa95-bacb-f5dd-fcdf-229eebf26be8-48009c9d {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_0e95d0a9-0a63-e961-049e-49b880ad2071-48009c9d, #w-node-_86bbe04d-da63-9d36-afc5-d3d652609418-48009c9d {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_84360d45-de9d-59c5-6748-7f5fefd955c3-48009c9d {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_93554ae6-3c4b-788c-78bf-127eb0f00f28-48009c9d {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-d25ed0fb-130e-86cb-9e16-c7256e345d80-48009c9d {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-_82679062-9aeb-be29-cf00-2588b32d50fb-48009c9d {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_9ee02040-69dd-f43a-f0e8-7543dc58944f-dc58943e, #w-node-_8c122255-081c-b9ab-82a7-8055e61b9971-e61b9942 {
    justify-self: end;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3be6c-529a4767 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3be6d-529a4767 {
    grid-column: span 2 / span 2;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3be88-529a4767 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3be91-529a4767 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3beb5-529a4767 {
    grid-row: span 2 / span 2;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3bebe-529a4767 {
    grid-row: span 3 / span 3;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3bed0-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bed9-529a4767 {
    grid-row: span 2 / span 2;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3befd-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf06-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf0f-529a4767 {
    grid-column: span 2 / span 2;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf3c-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf47-529a4767 {
    grid-row: span 2 / span 2;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf52-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf7f-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf88-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf91-529a4767 {
    grid-column: span 2 / span 2;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf9a-529a4767 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  #w-node-_31166f2c-4c3b-3767-6bfe-8f8c5390dd0a-529a476b {
    grid-area: 2 / 1 / 2 / 2;
  }

  #w-node-_51d4bea2-7fda-38b5-dd97-d8893f7526a1-83a72341 {
    justify-self: end;
  }

  #w-node-_8dcbc2ab-96f7-dacc-8562-2d2fe181846f-529a4772 {
    grid-template-rows: 20vh auto;
    grid-template-columns: 1fr;
  }

  #w-node-_8dcbc2ab-96f7-dacc-8562-2d2fe1818470-529a4772 {
    order: -9999;
    grid-column: span 1 / span 1;
  }

  #w-node-_8dcbc2ab-96f7-dacc-8562-2d2fe1818478-529a4772 {
    grid-row: span 1 / span 1;
  }

  #w-node-_8dcbc2ab-96f7-dacc-8562-2d2fe18184a8-529a4772 {
    order: 2;
  }

  #w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5ddd-529a4772 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5e0c-529a4772 {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5e0f-529a4772 {
    grid-area: 4 / 2 / 5 / 3;
    justify-self: end;
  }

  #w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5e19-529a4772 {
    grid-area: 5 / 1 / 6 / 3;
    justify-self: center;
  }

  #w-node-ac560d2e-d255-5bfc-0f4a-1273d7d68fbf-d7d68f90 {
    justify-self: end;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf47-529a4767 {
    grid-row: span 2 / span 2;
  }

  #w-node-_31166f2c-4c3b-3767-6bfe-8f8c5390dd3b-529a476b {
    order: -9999;
  }

  #w-node-_9295bb54-27b8-9421-d1b6-862432ed17fb-529a476b {
    grid-column: span 2 / span 2;
  }

  #w-node-eb0db701-a884-aae4-5bd9-6e18e15a7220-529a476b {
    justify-self: start;
  }

  #w-node-_56eb14e9-c8a7-0bc0-0c1f-a58b5651c5ae-529a4772 {
    order: -9999;
  }

  #w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5e0c-529a4772 {
    justify-self: center;
  }

  #w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5e0f-529a4772 {
    grid-row: 5 / 6;
    grid-column-start: 1;
    justify-self: center;
  }

  #w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5e19-529a4772 {
    grid-row: 6 / 7;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_3bcaaa90-6558-60c0-cbc9-8ad493a8b6db-529a474d {
    grid-template-rows: auto;
    grid-template-columns: 2fr;
    display: grid;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3be6c-529a4767 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: minmax(100%, 1fr);
    display: grid;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3be6d-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3be88-529a4767 {
    grid-column: span 1 / span 1;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3be91-529a4767 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3beb5-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bebe-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bed0-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bed9-529a4767 {
    grid-row: span 1 / span 1;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3befd-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf06-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf0f-529a4767 {
    grid-column: span 1 / span 1;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf3c-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf47-529a4767 {
    grid-row: span 1 / span 1;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf52-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf7f-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf88-529a4767, #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf91-529a4767 {
    grid-column: span 1 / span 1;
  }

  #w-node-_9cbae348-f839-b239-11de-bb17ffe3bf9a-529a4767 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_8dcbc2ab-96f7-dacc-8562-2d2fe181846f-529a4772 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5ddd-529a4772 {
    grid-row: 3 / 4;
    grid-column-end: 2;
  }

  #w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5ded-529a4772 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5e0c-529a4772, #w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5e0f-529a4772, #w-node-_6e7ded14-d69e-9068-6d5c-b5393d5f5e19-529a4772 {
    grid-column-end: 2;
  }
}