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: 700
}

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: 700
}

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: 400;
    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: 400;
    line-height: 1;
    font-family: webflow-icons !important
}

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

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

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

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

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

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

* {
    box-sizing: border-box
}

html {
    height: 100%
}

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

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

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

.w-block {
    display: block
}

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

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

.w-clearfix:after {
    clear: both
}

.w-hidden {
    display: none
}

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

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

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

.w-code-block {
    margin: unset
}

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

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: 700
}

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

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

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

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

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

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

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

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

figure {
    margin: 0 0 10px
}

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

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

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

.w-embed:after {
    clear: both
}

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

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

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

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

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

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

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

label {
    margin-bottom: 5px;
    font-weight: 700;
    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: 400;
    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: 400;
    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: 400;
    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: 400;
    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: 50%;
    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: translate(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: translateY(-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)
    }

    to {
        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: Kalam;
    src: url(../fonts/6229c5b58ffb26277b036088_kalam-v15-latin-regular.woff2)format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Baloisecreateheadline;
    src: url(../fonts/6570633f4e8c6adc5203d0c2_BaloiseCreateHeadline-bold.woff2)format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Baloisecreatetext;
    src: url(../fonts/6570633fa505113bed8bc427_BaloiseCreateText-regular.woff2)format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Baloisecreatetext;
    src: url(../fonts/6570633ff7e0312155d0e7de_BaloiseCreateText-bold.woff2)format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Baloisecreateheadline;
    src: url(../fonts/6570633f762a7945dcbd81c3_BaloiseCreateHeadline-light.woff2)format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

:root {
    --houzy-dark-grey: #2e3237;
    --houzy-green: #70be3b;
    --dark-slate-grey: #24626c;
    --button-hover: #82c656;
    --green-050: #eef7e8;
    --white: white;
    --grey-300: #c4c4c4;
    --houzy-green-hover: #51b10f;
    --grey-main-050: whitesmoke;
    --green-700: #4d9a2a;
    --green-300: #9cd178;
    --grey-100: #e9e9e9;
    --grey-200: #d9d9d9;
    --cadet-blue: #3b98b1;
    --low-emphasis: #b3b3b3;
    --error-red-700: #f13500;
    --black: black;
    --green-100: #d5ecc4;
    --houzy-green-darker: #43b02a;
    --medium-emphasis: #666;
    --red-main: #ff3d00;
    --high-emphasis: #212121;
    --ultra-low-emphasis-green: #f5faf1;
    --green-600: #62ae33;
    --green-200: #b8de9f;
    --yellow-600: #ffd600;
    --grey-050-opacity: #f5f5f580;
    --ultra-low-emphasis-red: #fff1ed;
    --white-gradient: #70be3b;
    --blue: #f0f5ff;
    --corner-radius: 8px;
    --6dafbb: #6dafbb;
    --dark-slate-grey-2: #333b42;
    --main-font: "Open Sans", sans-serif
}

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

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

.w-form-formradioinput--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 12px;
    height: 12px
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
    border-width: 4px;
    border-color: #3898ec
}

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

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

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

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

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

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

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

.w-embed-youtubevideo {
    background-image: url(../images/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-pagination-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    display: flex
}

.w-pagination-previous {
    color: #333;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 9px 20px;
    font-size: 14px;
    display: block
}

.w-pagination-previous-icon {
    margin-right: 4px
}

.w-pagination-next {
    color: #333;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 9px 20px;
    font-size: 14px;
    display: block
}

.w-pagination-next-icon {
    margin-left: 4px
}

.w-page-count {
    text-align: center;
    width: 100%;
    margin-top: 20px
}

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

@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 {
    color: #000000de;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

h1 {
    color: var(--houzy-dark-grey);
    letter-spacing: .5px;
    text-transform: none;
    margin-top: 20px;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px
}

h2 {
    letter-spacing: .2px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 29px;
    font-weight: 700;
    line-height: 36px
}

h3 {
    letter-spacing: .5px;
    text-transform: none;
    margin-top: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px
}

h4 {
    letter-spacing: .2px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

h5 {
    letter-spacing: .2px;
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px
}

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

p {
    color: #000000de;
    letter-spacing: .2px;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

a {
    color: var(--houzy-green);
    text-decoration: underline
}

ul {
    color: #767676;
    margin-top: 0;
    padding-left: 24px;
    font-family: Lora;
    font-style: italic;
    font-weight: 400;
    list-style-type: disc
}

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

li {
    color: #000000de;
    text-align: left;
    letter-spacing: .25px;
    margin-top: 0;
    margin-bottom: 8px;
    padding-left: 0;
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

blockquote {
    color: #767676;
    border-left: 2px solid #d4d4d4;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0 20px;
    font-family: Open Sans, sans-serif;
    font-size: 21px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.6
}

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

.navigation-style-1 {
    z-index: 2;
    background-color: #0000;
    border-bottom: .5px solid #fff3;
    flex-flow: wrap;
    align-content: flex-start;
    height: auto;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    right: 0
}

.banner {
    background-color: #fff;
    height: 400px;
    position: relative
}

.banner.password {
    height: 100vh;
    margin-top: 46px
}

.banner.small {
    background-color: #fafafa;
    justify-content: center;
    align-items: center;
    min-width: auto;
    height: auto;
    min-height: 430px;
    display: flex;
    position: relative
}

.banner.tone-of-voice {
    background-color: #0000;
    background-image: linear-gradient(135deg, var(--dark-slate-grey), var(--houzy-green));
    justify-content: center;
    align-items: center;
    min-width: auto;
    height: auto;
    min-height: 430px;
    padding-top: 180px;
    padding-bottom: 180px;
    display: flex;
    position: relative
}

.button-new {
    background-color: var(--houzy-green);
    color: #fff;
    text-align: center;
    letter-spacing: .25px;
    border-radius: 4px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    min-width: 96px;
    padding: 12px 24px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
    transition: all .2s
}

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

.button-new.form {
    margin-top: 12px
}

.button-new.outlined {
    outline-color: var(--houzy-green);
    outline-offset: -1px;
    color: var(--houzy-green);
    cursor: pointer;
    background-color: #0000;
    outline-width: 1px;
    outline-style: solid
}

.button-new.outlined:hover {
    background-color: #70be3b1f
}

.button-new.outlined.inverted {
    outline-color: var(--white);
    color: var(--white)
}

.button-new.outlined.inverted:hover {
    background-color: #ffffff1f
}

.button-new.outlined.inverted.small.w--current {
    background-color: #0000
}

.button-new.outlined.inverted.small.baloise-color.w--current {
    background-color: #000d6e
}

.button-new.outlined.full-width {
    width: 100%
}

.button-new.outlined.baloise-color {
    color: #000e6d;
    outline-width: 2px;
    outline-color: #000e6d;
    font-family: Baloisecreatetext, sans-serif;
    font-weight: 700;
    transition-property: none
}

.button-new.outlined.baloise-color:hover {
    color: #0414a3;
    background-color: #0000;
    outline-color: #0414a3
}

.button-new.big {
    font-size: 16px
}

.button-new.big.outlined.inverted.icon {
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px
}

.button-new.big.blog-advert {
    margin-top: 16px;
    font-size: 14px
}

.button-new.big.input-field {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 12px;
    right: 12px
}

.button-new.big.icon {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: var(--white);
    display: flex
}

.button-new.big.auto-width {
    width: 100%
}

.button-new.big.button-tab {
    background-color: var(--grey-300);
    cursor: pointer
}

.button-new.big.button-tab.back-button-tab {
    border: 1px solid var(--grey-300);
    background-color: var(--white);
    color: var(--grey-300)
}

.button-new.big.button-tab.back-button-tab.active {
    border-color: var(--houzy-green);
    background-color: var(--white);
    color: var(--houzy-green)
}

.button-new.big.button-tab.back-button-tab.active:hover {
    background-color: var(--green-050)
}

.button-new.big.button-tab.active {
    background-color: var(--houzy-green)
}

.button-new.big.button-tab.active:hover {
    background-color: var(--houzy-green-hover)
}

.button-new.big.calculator-flow {
    width: 100%;
    margin-top: 16px
}

.button-new.big.baloise-color {
    background-color: #000e6d;
    font-family: Baloisecreatetext, sans-serif;
    font-weight: 700;
    transition-property: none
}

.button-new.big.baloise-color:hover {
    background-color: #0414a3
}

.button-new.big.key4-inverted {
    background-color: var(--white);
    color: var(--houzy-green)
}

.button-new.newsletter {
    height: 45px
}

.button-new.small {
    padding: 6px 16px;
    font-size: 12px
}

.button-new.small.outlined {
    align-self: center
}

.button-new.small.outlined.w--current {
    background-color: var(--houzy-green);
    color: var(--white)
}

.button-new.full-width {
    width: 100%
}

.section-new {
    z-index: 1;
    background-color: var(--white);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 120px 48px;
    display: block;
    position: relative;
    overflow: hidden
}

.section-new.grey {
    background-color: #fafafa;
    position: static
}

.section-new.less-space-new {
    padding-top: 80px;
    padding-bottom: 80px
}

.section-new.less-space-new.grey {
    z-index: 1;
    background-color: #fafafa;
    position: relative
}

.section-new.less-space-new.blog {
    padding-top: 0;
    position: static;
    overflow: visible
}

.section-new.less-space-new.kontakt {
    background-color: #0000;
    margin-top: -128px
}

.section-new.less-space-new.kontakt.test {
    margin-top: -24px;
    padding-top: 48px;
    padding-bottom: 48px
}

.section-new.less-space-new.testimonial {
    background-color: var(--grey-main-050);
    padding-bottom: 150px
}

.section-new.less-space-new.neophyten-slider {
    text-align: center;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.section-new.less-space-new.no-padding-bottom {
    padding-bottom: 0
}

.section-new.less-space-new.gewinnspiel {
    background-color: var(--grey-main-050)
}

.section-new.less-space-new.no-padding-top {
    padding-top: 0
}

.section-new.less-space-new.baloise-color {
    background-color: #000e6d;
    padding-top: 48px;
    padding-bottom: 48px
}

.section-new.less-space-new.test {
    padding-top: 0
}

.section-new.less-space-new.ratgeber {
    padding-top: 0;
    position: static;
    overflow: visible
}

.section-new.impressum {
    position: relative;
    overflow: visible
}

.section-new.blog-houzy {
    padding-top: 60px
}

.section-new.blog-houzy.grey-new {
    padding-top: 0;
    padding-bottom: 0
}

.section-new.blog-houzy.grey-new.subnav-fix {
    margin-top: 46px
}

.section-new.grey {
    background-color: var(--white)
}

.section-new.grey-new {
    background-color: var(--grey-main-050)
}

.section-new.grey-new.tragbarkeitsrechner {
    padding-bottom: 0
}

.section-new.kontaktbanner {
    background-color: var(--grey-main-050);
    padding-top: 20px;
    padding-bottom: 20px
}

.section-new.iframe {
    padding: 0
}

.section-new.iframe.tragbarkeitsrechner {
    height: 100%;
    overflow: visible
}

.section-new.partner {
    background-color: var(--grey-main-050);
    padding-top: 40px;
    padding-bottom: 40px
}

.section-new.partner.white {
    background-color: var(--white)
}

.section-new.tag-page {
    background-color: var(--grey-main-050);
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible
}

.section-new.teaser {
    z-index: 6;
    padding-top: 0;
    padding-bottom: 0
}

.section-new.teaser.grey-new {
    z-index: 10
}

.section-new.teaser.grey-new.bigger,
.section-new.teaser.bigger {
    padding-top: 96px
}

.section-new.product-new {
    padding-top: 180px;
    padding-bottom: 60px
}

.section-new.product-new.single-item {
    padding-top: 160px;
    padding-bottom: 100px
}

.section-new.product-new.single-item-dropdown {
    padding-bottom: 40px
}

.section-new.gradient {
    background-image: linear-gradient(135deg, var(--green-700), var(--houzy-green)50%, var(--green-300))
}

.section-new.overflow-visible {
    overflow: visible
}

.section-new.cta-banner-new {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 96px;
    padding-bottom: 96px
}

.section-new.cta-banner-new.hide {
    display: none
}

.section-new.cta-banner-new.video {
    aspect-ratio: 16/9;
    object-fit: cover;
    height: 100%;
    padding: 0;
    display: flex;
    position: static
}

.section-new.angaben-tragbarkeit {
    display: none
}

.section-new.blue {
    background-color: var(--white)
}

.section-new.big {
    padding-top: 112px;
    padding-bottom: 192px
}

.section-new.hide {
    display: none
}

.section-new.newsletter-banner {
    background-color: var(--houzy-green);
    padding: 0
}

.section-new.insta-feed {
    padding-left: 0;
    padding-right: 0;
    display: flex
}

.section-new._404 {
    padding-top: 72px;
    padding-bottom: 72px
}

.section-new.contact {
    max-width: 2560px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: flex
}

.section-new.solution-banner {
    padding-top: 0;
    padding-bottom: 0
}

.section-new.magazine {
    background-color: var(--grey-main-050);
    margin-top: 46px;
    padding-top: 0;
    padding-bottom: 0
}

.section-new.no-padding {
    padding: 0
}

.section-new.gradient-dark {
    background-image: linear-gradient(135deg, #010d11, #0f5870)
}

.top-title {
    text-align: center;
    margin-bottom: 100px
}

.top-title.blog {
    text-align: left;
    width: auto;
    margin-bottom: 56px;
    margin-left: auto;
    margin-right: auto
}

.container-fluid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    object-position: 50% 50%;
    flex-direction: column;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    max-width: 1240px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: sticky;
    top: 0
}

.container-fluid.align-left {
    text-align: left
}

.container-fluid.gutschein-container {
    max-width: 1024px
}

.container-fluid.test {
    max-width: 780px
}

.blog-txt-wrapper {
    align-self: flex-end;
    margin-top: 50px;
    position: absolute;
    inset: auto auto 24px 24px
}

.blog-txt-wrapper.less {
    width: 780px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static
}

.paragraph {
    text-align: left
}

.paragraph.form-text {
    color: #fff;
    font-family: Lora;
    font-size: 16px;
    font-style: italic;
    font-weight: 400
}

.link {
    color: #313131;
    cursor: pointer;
    font-size: 16px;
    text-decoration: none
}

.link:hover {
    color: var(--houzy-green);
    text-decoration: underline
}

.portfolio-overlay {
    z-index: 1;
    background-color: #70be3be6;
    margin-bottom: 53px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    inset: 0
}

.portfolio-content {
    position: absolute;
    bottom: 40px;
    left: 40px
}

.team-overlay {
    color: #fff;
    text-align: center;
    background-color: #70be3bf2;
    height: 100%;
    padding: 15px 15px 20px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 150px;
    right: 0
}

.error-message {
    text-align: center;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px
}

.toggle-icon {
    float: right;
    background-image: url(https://cdn.prod.website-files.com/5bec324dc6e7fd724abeb3ed/5bec324dc6e7fd71a8beb513_down-arrow%20\(1\).svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px;
    width: 18px;
    height: 18px;
    position: relative;
    right: 10px
}

.toggle-content {
    overflow: hidden
}

.pasword-wrapper {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.blog-content {
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.blog-post {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.image-rounded {
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    max-height: 565px;
    margin-left: -48px;
    margin-right: -48px
}

.alert-remove-first {
    color: #de5959;
    background-color: #ffe9e9;
    margin-bottom: 20px;
    padding: 20px;
    position: relative
}

.alert-remove-second {
    color: #5f9025;
    background-color: #ebf6e0;
    margin-bottom: 20px;
    padding: 20px;
    position: relative
}

.alert-remove-third {
    color: #8f872e;
    background-color: #fbfadd;
    margin-bottom: 20px;
    padding: 20px;
    position: relative
}

.alert-remove-four {
    color: #4587a9;
    background-color: #e9f7fe;
    margin-bottom: 20px;
    padding: 20px;
    position: relative
}

.hamburger-houzy {
    flex: none;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

.hamburger-houzy.w--open {
    background-color: #0000
}

.contact-pop-up-1 {
    z-index: 100;
    background-color: #546cc3fc;
    padding: 50px 20px 20px;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.contact-pop-up-2 {
    z-index: 9999;
    background-color: #000000d9;
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    inset: 0
}

.tooltip {
    background-color: #546cc3;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.logo {
    display: block;
    position: relative;
    left: 0;
    right: 140px
}

.logo-partner {
    filter: contrast(0%);
    max-width: 240px;
    max-height: 34px;
    margin-top: auto;
    margin-bottom: auto;
    transition: filter .2s;
    display: block
}

.logo-partner:hover {
    filter: none
}

.logo-partner.w--current {
    justify-content: center;
    align-items: center;
    width: 170px;
    max-width: none;
    height: 50px;
    max-height: none;
    display: flex
}

.logo-partner._2 {
    max-height: 48px;
    margin-top: 0;
    margin-bottom: 0
}

.logo-partner._2.partner-pages {
    opacity: .75;
    filter: none;
    transition-property: none
}

.logo-partner._2.partner-pages.nzz {
    padding-top: 12px;
    padding-bottom: 12px
}

.logo-partner._2.partner-pages.long {
    max-width: 190px
}

.logo-partner._2.partner-pages.hev {
    padding-top: 4px;
    padding-bottom: 4px
}

.logo-partner.is-fit {
    object-fit: contain;
    width: 100%;
    max-width: 130px;
    max-height: none
}

.heading-houzy {
    color: var(--houzy-dark-grey);
    letter-spacing: .5px;
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px
}

.heading-houzy.h3-about {
    color: var(--houzy-green);
    letter-spacing: -1px;
    flex: none;
    font-size: 50px;
    font-weight: 800;
    line-height: 52px;
    display: block
}

.heading-houzy.h3-about._2 {
    text-align: right;
    width: auto;
    margin-bottom: 0
}

.input-field-new {
    float: none;
    border: 2px solid var(--grey-100);
    color: #000000de;
    letter-spacing: .25px;
    border-radius: 4px;
    flex: 1;
    min-height: 48px;
    margin-bottom: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    transition: border-color .2s
}

.input-field-new:hover {
    border-color: var(--grey-200);
    outline-color: var(--grey-100)
}

.input-field-new:focus {
    border-color: var(--houzy-green);
    outline-color: var(--houzy-green);
    outline-width: 1px
}

.input-field-new:focus-visible,
.input-field-new[data-wf-focus-visible] {
    border-color: var(--houzy-green);
    outline-color: var(--cadet-blue);
    outline-offset: 2px;
    outline-width: 2px
}

.input-field-new::placeholder {
    color: var(--low-emphasis)
}

.input-field-new.password {
    max-width: 75%;
    margin-right: 0;
    font-size: 16px
}

.input-field-new.area {
    width: auto;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 96px;
    max-height: 256px
}

.input-field-new.area:focus {
    padding-top: 11px;
    padding-bottom: 11px
}

.input-field-new.area-2 {
    width: 100%;
    min-height: 100px;
    max-height: 250px;
    margin-top: 4px;
    margin-bottom: 24px;
    margin-right: 0;
    display: none
}

.input-field-new.subscribe {
    height: 48px;
    min-height: auto;
    margin-bottom: 0
}

.input-field-new.subscribe.v2 {
    margin-bottom: 16px
}

.input-field-new.subscribe.nl-banner {
    margin-top: 0;
    margin-right: 16px;
    font-size: 14px
}

.input-field-new.checklist {
    flex: 1;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 16px
}

.input-field-new.checklist:hover {
    border-color: #0000001f
}

.input-field-new.checklist:focus {
    border-width: 2px;
    border-color: var(--houzy-green)
}

.input-field-new.feedback-refuse-calender {
    width: 100%;
    min-height: 100px;
    max-height: 250px;
    margin-top: 4px;
    margin-right: 0;
    display: block
}

.input-field-new.webinar {
    width: 100%;
    min-height: 100px;
    max-height: 250px;
    margin-top: 4px;
    margin-bottom: 24px;
    margin-right: 0;
    display: block
}

.input-field-new.neubaupotenzial {
    width: 100%;
    min-height: 100px;
    max-height: 250px;
    margin-top: 4px;
    margin-bottom: 24px;
    margin-right: 0
}

.input-field-new.newsletter-new {
    min-height: 56px;
    margin-top: 0
}

.input-field-new.newsletter {
    flex: 1;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 16px
}

.input-field-new.newsletter:hover {
    border-color: #0000001f
}

.input-field-new.newsletter:focus {
    border-width: 2px;
    border-color: var(--houzy-green)
}

.input-field-new.counter {
    min-height: 60px;
    padding-left: 56px;
    padding-right: 16px;
    font-size: 20px
}

.input-field-new.prefix {
    border-style: none;
    flex: 0 auto;
    align-items: center;
    height: 100%;
    padding-right: 0;
    font-size: 20px;
    display: flex;
    position: absolute
}

.input-field-new.is-date-picker {
    width: 100%;
    position: relative
}

.icon-holder-flow {
    border: 2px solid var(--houzy-green);
    background-color: #fff;
    border-radius: 100%;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 70px;
    height: 70px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 15px;
    display: flex;
    box-shadow: 0 6px 15px #00000026
}

.icon-holder-flow:hover {
    align-self: center
}

.icon-holder-flow.vorteile {
    width: 100%;
    height: auto;
    box-shadow: none;
    background-color: #0000;
    border-style: none;
    border-width: 2px;
    border-radius: 0%;
    margin-bottom: 8px;
    padding: 0;
    display: block
}

.div-header {
    text-align: left;
    width: 75%;
    min-width: 500px;
    position: static;
    top: 221px;
    left: 70px
}

.div-header.unsubscribe {
    width: 100%
}

.div-header.full.welcome-video {
    width: 100%;
    margin-top: 24px
}

.div-header-no-picture {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    display: block;
    position: relative
}

.column-15 {
    text-align: left;
    padding-left: 0;
    padding-right: 0
}

.div-form {
    width: 50%;
    display: inline-block
}

.div-form.partner-pages {
    text-align: left;
    width: 50%;
    padding: 8px
}

.div-form.partner-pages.hidden {
    display: none
}

.div-form.partner-pages.naef-lp.is-full-width,
.div-form.partner-pages.full {
    width: 100%
}

.div-form.digital-advertisement {
    width: auto
}

.field-label-new {
    color: #3d4247;
    text-align: left;
    margin-bottom: 4px;
    font-weight: 600
}

.field-label-new.titel {
    margin-bottom: -4px
}

.field-label-new.titel.umbau-lp {
    margin-bottom: 8px
}

.success-message-newsletter {
    color: var(--houzy-green);
    text-align: left;
    background-color: #0000;
    padding-left: 0
}

.error-message-houzy {
    color: var(--error-red-700);
    letter-spacing: .2px;
    background-color: #0000;
    margin-top: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 0;
    font-size: 13px;
    font-weight: 400
}

.error-message-houzy.partner {
    text-align: left;
    margin-top: 0;
    padding-top: 4px;
    padding-bottom: 4px
}

.error-message-houzy.newsletter {
    color: var(--white);
    text-align: left
}

.error-message-houzy.calculator-flow {
    margin-top: -16px;
    margin-bottom: 8px
}

.error-message-houzy.validation {
    width: auto;
    margin-top: 4px;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
    position: absolute
}

.checklist-txt-wrapper {
    text-align: left;
    margin-bottom: 10px
}

.checklist-txt-wrapper.single {
    margin-bottom: 24px
}

.check-list-item {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    display: flex
}

.check-list-item.webinar {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: center;
    display: flex
}

.link-block {
    background-color: #0000;
    flex: 0 auto;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block
}

.link-block.body-small.subnav.mobile {
    color: #000;
    text-decoration: none
}

.form-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.div-block-29 {
    flex-direction: column;
    align-items: center;
    display: flex
}

.margin-top {
    flex-direction: row;
    align-items: flex-start;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.php-slider-img {
    opacity: .75;
    filter: grayscale();
    object-fit: contain;
    width: 176px;
    height: 72px;
    display: block
}

.php-slider-img.our-partner {
    align-self: center
}

.php-slider-img.makler {
    opacity: 1;
    filter: none;
    width: 220px;
    height: 64px
}

.green {
    color: var(--houzy-green);
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
    display: flex
}

.image-profilbild {
    width: 200px;
    height: 200px;
    box-shadow: none;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    display: block;
    position: static;
    inset: auto auto auto 0%
}

.image-profilbild.fragen.small-2 {
    width: auto;
    height: 128px
}

.image-profilbild.fragen.small-2.green {
    background-color: var(--grey-main-050)
}

.image-profilbild.fragen.big {
    flex: 1;
    width: 100%;
    max-width: 124px;
    height: 100%
}

.image-profilbild.fragen.big.green {
    background-color: var(--grey-main-050)
}

.div-fragen {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    display: block
}

.div-fragen.flex-2 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.div-fragen.flex-2.experten.webinar {
    width: auto
}

.div-fragen.flex-2.experten.webinar.fix {
    flex: 1
}

.div-fragen.flex-2.experten {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: center
}

.div-fragen._2 {
    width: 33%
}

.div-fragen._2.experten {
    width: 50%
}

.div-fragen.partner {
    flex-direction: row;
    align-items: flex-start;
    width: 200%;
    padding-top: 52px;
    padding-bottom: 52px;
    display: flex
}

.div-fragen.partner.b2b {
    width: 100%;
    padding: 0
}

.div-fragen.img {
    width: 100%
}

.div-fragen.img.b2b {
    padding-left: 0;
    padding-right: 0
}

.div-fragen.img.b2b.webinar {
    order: 0
}

.content-holder {
    text-align: left;
    width: auto
}

.content-holder.left.experten.webinar.center {
    text-align: center;
    flex: 1
}

.content-holder.partner {
    width: 50%;
    padding-left: 13px;
    padding-right: 13px
}

.content-holder.partner.form {
    width: 100%
}

.content-holder.partner.form.no-padding {
    padding-left: 0;
    padding-right: 0
}

.collection-list-5 {
    margin-top: 40px
}

.job-header-wrapper {
    margin-bottom: 40px
}

.popup-overlay-new {
    z-index: 2147483647;
    background-color: #0000007d;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0%
}

.popup-overlay-new.black {
    background-color: #000000de;
    display: none
}

.radio-txt {
    opacity: 0;
    height: 40px;
    padding-left: 20px;
    position: absolute;
    inset: 0%
}

.success-holder {
    background-color: #0000;
    padding: 69px 0
}

.success-holder.newsletter {
    background-color: var(--white);
    color: var(--houzy-green);
    border-radius: 4px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 26px
}

.success-holder-3 {
    background-color: #0000;
    padding-left: 0;
    padding-right: 0
}

.job-collection-wraper {
    perspective: 1000px
}

.blog-collection {
    flex-wrap: wrap;
    place-content: flex-start;
    align-items: stretch;
    display: flex
}

.blog-card-content-holder {
    text-align: left;
    flex-flow: column wrap;
    flex: 1;
    place-content: flex-start;
    align-items: stretch;
    padding: 24px;
    display: flex;
    position: relative
}

.blog-card-content-holder.flex {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.service-wrapper {
    color: #121212;
    background-color: #fff;
    width: 90%;
    transition: all .4s;
    display: block
}

.service-wrapper:hover {
    box-shadow: 0 0 20px #0000001a
}

.service-wrapper.blog {
    border-radius: 8px;
    align-self: stretch;
    width: auto;
    height: 100%;
    margin-bottom: 32px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 4px #00000029
}

.service-wrapper.blog:hover {
    transform: translateY(-10px);
    box-shadow: 0 4px 16px #00000029
}

.service-wrapper.blog.new {
    text-align: left;
    flex-direction: column;
    margin-bottom: 0;
    text-decoration: none;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    display: flex;
    box-shadow: 0 0 4px #0000001f
}

.service-wrapper.blog.new:hover {
    transform: translateY(-4px);
    box-shadow: 2px 0 12px #0000001f
}

.categorie-holder {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    margin-bottom: 12px;
    position: static;
    inset: 0% auto auto 0%
}

.categorie-holder.blogcard {
    margin-bottom: 12px
}

.categorie-holder.cloud {
    background-color: var(--grey-100);
    color: #0009;
    cursor: pointer;
    border-radius: 4px;
    margin-bottom: 0;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
    display: flex
}

.categorie-holder.cloud:hover {
    background-color: var(--green-100);
    color: #000000de
}

.blog-col-item {
    flex-flow: wrap;
    align-self: stretch;
    align-items: stretch;
    width: 33.3%;
    height: auto;
    padding-bottom: 32px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex
}

.blog-img {
    text-align: left;
    background-image: url(../images/background-image.svg);
    background-position: 50%;
    background-size: cover;
    flex: none;
    align-items: flex-end;
    width: 100%;
    height: 200px;
    padding-bottom: 18px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    position: relative;
    inset: 0%
}

.breadcrumb {
    color: var(--low-emphasis);
    letter-spacing: .2px;
    cursor: pointer;
    flex: 0 auto;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none
}

.breadcrumb:hover,
.breadcrumb.w--current {
    color: var(--houzy-green)
}

.breadcrumb._2 {
    display: inline
}

.breadcrumb._2:hover {
    color: var(--houzy-green)
}

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

.breadcrumb-nav {
    z-index: 100;
    align-items: center;
    max-width: none;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    position: relative
}

.breadcrumb-nav.header {
    margin-left: 4px
}

.breadcrumb-devider {
    opacity: .6;
    color: var(--low-emphasis);
    margin-left: 8px;
    margin-right: 8px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
    display: inline
}

.breadcrumb-devider.w--current {
    color: var(--houzy-green);
    font-weight: 700
}

.breadcrumb-devider.white {
    color: var(--white)
}

.link-blog-card {
    width: 100%;
    box-shadow: none;
    background-color: #0000;
    text-decoration: none;
    position: static;
    inset: 0%;
    overflow: visible
}

.link-blog-card:hover {
    box-shadow: none
}

.link-blog-card.recent {
    cursor: pointer;
    height: 100%;
    display: block
}

.link-blog-card.blog-link {
    height: 100%
}

.list {
    list-style-type: none
}

.rich-text {
    text-align: left
}

.rich-text.blog {
    text-align: left;
    width: auto;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px
}

.rich-text.blog a,
.rich-text.blog a:hover {
    text-decoration: none
}

.rich-text.blog h6 {
    letter-spacing: .25px;
    width: auto;
    margin: 0 auto 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    display: inline-block
}

.rich-text.blog blockquote {
    border-left-color: var(--houzy-green);
    color: #0009;
    font-family: Open Sans, sans-serif;
    font-size: 21px;
    line-height: 36px
}

.rich-text.blog figcaption {
    color: #000000a8;
    text-align: left;
    letter-spacing: .25px;
    font-size: 14px;
    font-weight: 400
}

.rich-text.blog ol {
    padding-left: 32px
}

.rich-text.blog li {
    color: #000000de;
    letter-spacing: .2px;
    padding-left: 4px;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    line-height: 26px
}

.rich-text.blog ul {
    color: #000000de;
    font-family: Open Sans, sans-serif
}

.rich-text.blog h2 {
    margin-top: 0;
    margin-bottom: 12px
}

.rich-text.blog h3 {
    margin-top: 24px;
    margin-bottom: 8px
}

.div-timeline {
    text-align: left;
    cursor: pointer;
    width: auto;
    margin: 48px auto;
    display: flex
}

.medienspiegel {
    color: #3d4247;
    letter-spacing: .2px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 30px
}

.blog-cl-wrapper {
    justify-content: center;
    margin-top: 16px;
    margin-left: -6px;
    margin-right: -6px;
    display: block
}

.blog-cl-wrapper.new {
    flex: 1
}

.container-16 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: auto;
    display: flex
}

.flex-div-new {
    justify-content: space-between;
    align-items: stretch;
    margin-top: 48px;
    margin-left: -12px;
    margin-right: -12px;
    display: flex
}

.flex-div-new.flow {
    flex-wrap: wrap
}

.flex-div-new.no-margin-top {
    margin-top: 0
}

.flex-div-new.faq {
    justify-content: space-around
}

.flex-div-new.persona {
    clear: both;
    flex-wrap: wrap;
    margin-top: 30px
}

.flex-div-new.dokumente {
    flex-wrap: wrap
}

.flex-div-new.less-margin {
    margin-top: 24px
}

.flex-div-new.newsletter-banner {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}

.datensicherheit-icon-big {
    width: 96px;
    height: 96px;
    margin-right: 16px;
    display: block
}

.div-50 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    display: flex
}

.div-50.faq {
    flex-flow: wrap;
    flex: 0 auto;
    align-self: flex-start;
    width: 400px;
    display: flex
}

.div-50.brand-bsp {
    align-items: flex-start;
    padding: 12px;
    display: block
}

.div-50.contact {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    flex: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    align-self: center;
    width: 400px;
    margin-top: 24px;
    margin-bottom: 24px;
    display: grid
}

.headline-new {
    color: #000000de;
    letter-spacing: .1px;
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    display: block
}

.headline-new.white.unsub {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 40px
}

.headline-new.tag-page {
    display: inline
}

.headline-new.tag-page.hashtag {
    margin-right: 4px
}

.headline-new.brand-book,
.headline-new.blog {
    margin-bottom: 16px
}

.headline-new.nr-inline {
    color: var(--houzy-green);
    margin-right: 24px;
    display: inline-block
}

.headline-new.marg-bottom-64 {
    margin-bottom: 64px
}

.headline-new.white {
    color: #fff
}

.headline-new.white.margin-bottom-48 {
    margin-bottom: 48px
}

.headline-new.marg-bottom-16 {
    margin-bottom: 16px
}

.headline-new.marg-bottom-48 {
    margin-bottom: 48px
}

.headline-new.popup {
    margin-top: -12px;
    margin-bottom: 24px
}

.headline-new.popup.teaser {
    margin-top: 8px
}

.headline-new.margin-bottom-48 {
    margin-bottom: 48px
}

.headline-new.margin-bottom-32 {
    margin-bottom: 32px
}

.headline-new.typeform-title {
    margin-bottom: 32px;
    padding-left: 24px;
    padding-right: 24px
}

.headline-new.green {
    color: var(--houzy-green)
}

.headline-new.baloise-color {
    color: #000e6d;
    font-family: Baloisecreateheadline, sans-serif
}

.headline-new.key4 {
    color: var(--houzy-green-darker);
    padding-left: 8px;
    padding-right: 8px;
    display: inline-block
}

.titel-new {
    color: #000000de;
    letter-spacing: .2px;
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px
}

.titel-new.white.newsletter-title {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 16px;
    display: flex
}

.titel-new.white.newsletter-title.vzwei {
    margin-top: 0;
    padding-right: 38px
}

.titel-new.handwerker-cl {
    color: var(--white);
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px
}

.titel-new.handwerker-cl._2 {
    font-size: 18px;
    line-height: 26px;
    position: static
}

.titel-new.brand-book {
    color: var(--houzy-green);
    margin-top: 32px;
    margin-bottom: 8px
}

.titel-new.brand-book.marg-bottom {
    margin-bottom: 24px
}

.titel-new.marg-bottom {
    margin-bottom: 8px
}

.titel-new.dropdown {
    display: inline-block
}

.titel-new.green {
    color: #70be3b;
    display: block
}

.titel-new.link {
    color: var(--houzy-green);
    margin-bottom: 0;
    display: inline
}

.titel-new.link:hover {
    text-decoration: none
}

.titel-new.blog-advert {
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 24px
}

.titel-new.titel-line-clamp {
    white-space: normal;
    max-height: 100%
}

.titel-new.white {
    color: #fff;
    flex-wrap: nowrap;
    justify-content: flex-start
}

.titel-new.style {
    text-align: left
}

.titel-new.left-aligned {
    text-align: left;
    align-self: stretch
}

.titel-new.margin-bottom-8 {
    margin-bottom: 8px
}

.titel-new.finish {
    color: var(--white)
}

.titel-new.margin-top-8 {
    margin-top: 8px
}

.titel-new.margin-top-8.right-aligned {
    text-align: right;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0
}

.titel-new.baloise-color {
    color: #000e6d;
    font-family: Baloisecreatetext, sans-serif
}

.h1-new {
    color: #000000de;
    letter-spacing: .1px;
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px
}

.h1-new.white {
    color: var(--white);
    font-style: normal
}

.h1-new.white.fullscreen {
    text-align: left;
    font-size: 64px;
    line-height: 72px
}

.h1-new.white-n {
    color: var(--white)
}

.h1-new.white-n.kalam {
    font-family: Kalam, sans-serif
}

.h1-new.white-n.kalam.green {
    color: var(--houzy-green);
    display: block
}

.h1-new.white-n.switch-color-mobile.baloise-headline {
    font-family: Baloisecreateheadline, sans-serif
}

.h1-new.white-n.margin-bottom-32 {
    margin-bottom: 32px
}

.h1-new.big {
    color: var(--houzy-green);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    font-size: 96px;
    line-height: 1.5
}

.h1-new.flow-nr {
    color: var(--houzy-green)
}

.h1-new.is-inline {
    display: inline
}

.subheading-big {
    color: #000000de;
    letter-spacing: .2px;
    margin-top: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    display: block
}

.subheading-big.faq {
    max-width: 96%;
    display: inline-block
}

.subheading-big.white {
    color: var(--white)
}

.subheading-big.white.rating {
    padding-left: 4px;
    padding-right: 4px
}

.subheading-big.white.rating.switch-color-mobile {
    padding-left: 8px;
    padding-right: 8px
}

.subheading-big.white.rating.switch-color-mobile.inpage {
    color: var(--medium-emphasis);
    margin-bottom: 0;
    padding-right: 4px
}

.subheading-big.white.rating.switch-color-mobile.footer {
    background-color: #0000
}

.subheading-big.white.footer-title {
    color: var(--grey-300);
    margin-bottom: 24px;
    font-size: 16px
}

.subheading-big.white.footer-title.nl-banner {
    color: var(--houzy-dark-grey);
    margin-bottom: 8px;
    display: flex
}

.subheading-big.medienspiegel {
    margin-bottom: 0
}

.subheading-big.brand-book {
    margin-top: 16px
}

.subheading-big.brand-book.v2 {
    text-transform: uppercase;
    margin-top: 0
}

.subheading-big.personality-block {
    float: left;
    text-transform: uppercase;
    flex: none;
    width: 20%;
    max-width: 130px;
    margin-bottom: 0
}

.subheading-big.persona {
    color: var(--houzy-dark-grey);
    margin-bottom: 4px
}

.subheading-big.low-emphasis {
    color: #00000061
}

.subheading-big.jobs {
    margin-bottom: 4px
}

.subheading-big.rating {
    padding-left: 4px;
    padding-right: 4px
}

.subheading-big.rating.startpage {
    padding-left: 8px;
    padding-right: 8px
}

.subheading-big.rating.startpage.fullscreen {
    color: var(--white)
}

.subheading-big.no-margin {
    margin-bottom: 0
}

.subheading-big.inpage {
    color: var(--medium-emphasis);
    margin-bottom: 0
}

.subheading-big.bed-rfnisse {
    margin-bottom: 0;
    font-size: 1.3vw
}

.subheading-big.left-aligned {
    text-align: left
}

.subheading-big.left-aligned.margin-bottom-32 {
    margin-bottom: 32px
}

.subheading-big.key4 {
    color: var(--houzy-green-darker);
    display: inline-block
}

.subheading-small {
    color: #000000de;
    letter-spacing: .2px;
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px
}

.subheading-small.white {
    color: var(--white)
}

.subheading-small.white.nl-banner {
    color: var(--red-main);
    justify-content: flex-end;
    display: flex
}

.subheading-small.green {
    color: var(--houzy-green);
    display: block
}

.subheading-small.green.inline {
    margin-bottom: 0;
    display: inline-block
}

.subheading-small.margin-bottom {
    margin-bottom: 8px
}

.subheading-small.no-margin-bottom {
    margin-bottom: 0
}

.subheading-small.medium-emphasis.facts {
    text-align: right;
    font-size: 12px;
    position: relative;
    top: 96px;
    right: 64px
}

.subheading-small.medium-emphasis.faq {
    margin-top: 16px
}

.subheading-small.footer-secondary {
    color: #ffffff80;
    align-items: flex-end;
    font-weight: 400;
    text-decoration: none;
    transition: all .2s;
    display: flex
}

.subheading-small.footer-secondary:hover {
    color: #ffffff40
}

.subheading-small.footer-secondary.no-hover {
    padding-right: 32px
}

.subheading-small.footer-secondary.no-hover:hover {
    color: #ffffff80
}

.subheading-small.footer-secondary.datenschutz {
    padding-right: 32px;
    transition: all .2s
}

.subheading-small.footer-secondary.baloise-footer-item {
    color: var(--white);
    text-align: left;
    padding-right: 0;
    font-family: Baloisecreatetext, sans-serif;
    font-weight: 400;
    transition-property: none
}

.subheading-small.footer-secondary.baloise-footer-item:hover {
    color: #ffffff80
}

.subheading-small.margin-bottom-8 {
    margin-bottom: 8px
}

.subheading-small.hint-title {
    margin-bottom: 0;
    margin-left: 12px
}

.subheading-small.hint-title.left {
    text-align: left
}

.subheading-small.categorie-title {
    text-align: left;
    margin-bottom: 0;
    padding-top: 4px;
    padding-bottom: 4px
}

.subheading-small.center-aligned {
    align-self: center
}

.subheading-small.data {
    text-align: right;
    width: 100%
}

.body-trash {
    color: #000000de;
    white-space: normal;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none
}

.body-trash p {
    color: #0009;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.body-trash.green {
    color: #70be3b;
    display: block
}

.caption-new {
    letter-spacing: .4px;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.caption-new.low-emphasis {
    color: #00000061
}

.caption-new.low-emphasis.inline {
    margin-top: 0;
    margin-bottom: 0
}

.caption-new.low-emphasis.inline.dateclass {
    padding-left: 0;
    padding-right: 0
}

.caption-new.low-emphasis.medien {
    padding-left: 2px;
    padding-right: 2px;
    display: inline-block
}

.caption-new.medium-emphesis.brand-book {
    margin-top: 16px;
    margin-bottom: 0
}

.caption-new.tag {
    width: auto;
    color: var(--houzy-green);
    letter-spacing: .25px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    display: inline-block
}

.caption-new.dateclass {
    color: #00000061;
    padding-left: 2px;
    padding-right: 2px;
    display: inline-block
}

.caption-new.category-new {
    width: auto;
    color: var(--houzy-green);
    background-color: #0000;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    display: inline-block
}

.caption-new.category-new.label {
    font-weight: 700
}

.caption-new.category-new.label.finish {
    color: var(--white)
}

.caption-new.holder {
    width: 75%
}

.caption-new.dark {
    color: #000000de;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    text-decoration: none;
    display: flex
}

.caption-new.link-white.forum {
    font-weight: 600
}

.caption-new.medium-emphesis {
    color: #0009
}

.caption-new.medium-emphesis.feedback {
    margin-top: 0;
    margin-bottom: 16px
}

.caption-new.login {
    color: var(--high-emphasis);
    text-decoration: none
}

.caption-new.white {
    color: var(--white)
}

.caption-new.white.bold {
    font-weight: 600
}

.caption-new.left-aligned {
    text-align: left
}

.caption-new.login-with-icon {
    color: var(--high-emphasis);
    text-decoration: none
}

.caption-new.login-with-icon:hover {
    color: #43b02a
}

.caption-new.blog-newsletter-with-icon {
    color: var(--high-emphasis);
    cursor: pointer;
    text-decoration: none
}

.caption-new.blog-newsletter-with-icon:hover {
    color: var(--houzy-green)
}

.caption-new.calculator-flow {
    margin-top: 2px;
    margin-bottom: 0;
    margin-left: 4px
}

.caption-new.b2c-b2b-switch {
    color: #212121
}

.caption-new.login {
    color: #212121;
    align-items: center;
    text-decoration: none;
    display: flex
}

.caption-new.login:hover {
    color: #43b02a
}

.sms-holder {
    z-index: 100;
    background-color: #ffffffde;
    border-radius: 4px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 8px
}

.sms-logo {
    object-fit: contain;
    height: 44px;
    margin-top: -2px;
    display: inline-block
}

.flow-div-new {
    text-align: center;
    flex: 1;
    width: 25%;
    padding-left: 8px;
    padding-right: 8px;
    display: block
}

.flow-line {
    background-color: var(--houzy-green);
    transform-origin: 0%;
    width: 110%;
    height: 2px;
    display: block
}

.flow-line.invisible {
    opacity: 0
}

.flow-line.vertical,
.flow-line.horizontal {
    display: none
}

.div-flow-line-holder {
    align-items: center;
    margin-left: -9px;
    margin-right: -9px;
    display: flex
}

.form-checklist {
    align-items: center;
    margin-bottom: 8px;
    display: flex
}

.form-checklist.v2.ratgeber {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: grid
}

.form-block-de {
    margin-bottom: 4px
}

.form-block-de.ratgeber-b2b {
    margin-top: 32px
}

.h1-subtext-banner {
    color: var(--white);
    letter-spacing: .1px;
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    display: block
}

.h1-subtext-banner.margin-bottom-40 {
    margin-bottom: 40px
}

.icon,
.icon-2 {
    color: #dcdcdc
}

.div-header-2-0 {
    text-align: left;
    flex-flow: column;
    align-content: space-around;
    align-items: flex-start;
    width: 60%;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 64px;
    position: static;
    top: auto
}

.div-rating-new {
    flex: 0 auto;
    align-items: center;
    display: flex
}

.div-rating-new.testimonial {
    flex: none;
    margin-bottom: 16px;
    margin-right: 0
}

.div-rating-new.header.ghs {
    flex: none
}

.div-rating-new.footer {
    align-items: flex-end
}

.flow-number-holder {
    background-color: var(--houzy-green);
    border-radius: 50%;
    display: inline-block
}

.flow-number-holder.new {
    background-color: #0000;
    margin-top: 16px
}

.banner-content-wrp {
    text-align: left;
    flex-direction: column;
    align-items: flex-end;
    width: 60%;
    position: relative
}

.banner-content-wrp.blog-advert {
    width: 60%;
    position: relative
}

.banner-content-wrp.center {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.wrapper-datensicherheit {
    text-align: left;
    width: 50%;
    padding-left: 12px;
    padding-right: 12px
}

.titel-holder {
    align-items: stretch;
    margin-bottom: 16px;
    display: flex
}

.next-button {
    float: right;
    color: var(--houzy-green);
    background-color: #0000;
    border-style: none;
    margin-left: 0;
    margin-right: -16px;
    padding-right: 16px;
    font-weight: 400
}

.image-logo-3 {
    width: 180%;
    max-width: 830px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 130px;
    bottom: auto;
    left: -200px
}

.image-products {
    min-width: 870px;
    max-width: 900px;
    margin-top: auto;
    margin-bottom: auto;
    display: inline-block;
    position: absolute;
    top: -30px;
    left: -140px
}

.collection-faq {
    text-align: left;
    margin-left: auto;
    margin-right: auto
}

.faq-wrapper {
    border-bottom: 1px solid var(--grey-100);
    width: 100%
}

.faq-holder {
    color: #0009;

    cursor: pointer;
    align-items: center;
    width: 100%;
    min-height: 64px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    display: flex
}

.collection-faq-item {
    height: auto
}

.faq-arrow {
    float: right;
    opacity: .6;
    width: 24px;
    height: 24px;
    display: inline-block;
    transform: rotate(-90deg)
}

.div-thirds {
    perspective: 1000px;
    text-align: left;
    justify-content: center;
    width: 33.3333%;
    padding: 12px;
    display: flex
}

.div-thirds.no-flex {
    text-align: left;
    display: block
}

.div-thirds.no-flex.centered {
    text-align: center
}

.div-thirds.no-flex.centered.newsletter {
    padding-top: 32px;
    padding-bottom: 32px
}

.trust-div {
    text-align: center;
    background-color: #3d4247;
    border-radius: 4px;
    align-self: stretch;
    width: auto;
    height: 100%;
    padding: 24px 12px;
    overflow: hidden;
    box-shadow: 0 8px 20px #0000003d
}

.check-checklist {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    display: block
}

.check-checklist.new {
    width: 24px;
    height: 24px
}

.image-products-2 {
    min-width: 870px;
    max-width: 900px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: -30px;
    bottom: auto;
    right: -190px
}

.fpre-logo {
    background-color: var(--white);
    border-radius: 4px;
    width: 64px;
    height: 64px;
    padding: 8px
}

.fpre-logo.margin {
    margin-left: 16px
}

.margin-top-32 {
    margin-top: 32px
}

.margin-top-32.faq-contact {
    text-align: left
}

.youtube {
    border-radius: 8px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.youtube.key4 {
    height: 560px;
    margin-top: 48px
}

.image-products-3 {
    min-width: auto;
    max-width: 880px;
    margin-top: auto;
    margin-bottom: auto;
    display: inline-block;
    position: absolute;
    top: 140px;
    left: -120px
}

.image-products-3.img-new.tablet-none {
    top: 150px;
    left: -100px
}

.div-block-152 {
    width: 70%;
    margin-top: 16px
}

.margin-bottom {
    margin-bottom: 24px
}

.list-tov-big {
    letter-spacing: .2px;
    margin-bottom: 16px;
    font-family: Open Sans, sans-serif
}

.list-tov-big.persona {
    padding-left: 20px
}

.subscribe-form-flex {
    flex-direction: row;
    flex: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-end;
    width: 500px;
    display: flex
}

.subscribe-form-flex.v2 {
    width: auto;
    display: block
}

.subscribe-form-flex.nl-banner {
    width: 0;
    min-width: 480px;
    display: block
}

.subscribe-field-wrapper {
    text-align: left;
    flex: 1;
    margin-right: 16px
}

.subscribe-field-wrapper.nl-banner {
    flex-direction: row;
    display: flex
}

.nl-form {
    width: 50%;
    min-width: 467.797px
}

.nl-form.newsletter-footer {
    width: 600px;
    min-width: 0;
    margin-bottom: 32px
}

.nl-form.newsletter-footer.v2 {
    width: 100%
}

.nl-form.newsletter-footer.nl-banner {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: .5fr 2.75fr 2.75fr .25fr;
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    width: 100%;
    margin-bottom: 0;
    display: grid
}

.error-message-3 {
    background-color: #0000;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

.card-houzy-new {
    background-color: var(--white);
    color: #000000de;
    text-align: center;
    border-radius: 8px;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    box-shadow: 0 0 4px #00000014
}

.card-houzy-new.testimonial-php {
    background-color: var(--white);
    border-radius: 8px;
    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.card-houzy-new.partner-werden {
    background-color: var(--white);
    width: 100%;
    height: 100%;
    padding-top: 24px;
    padding-bottom: 24px
}

.card-houzy-new.dokumente {
    height: 100%;
    display: block
}

.card-houzy-new.brand-system {
    background-color: var(--white);
    text-align: left;
    cursor: pointer;
    border: 2px #0000001f;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 84px;
    max-height: 84px;
    padding: 0 22px;
    text-decoration: none;
    transition: all .2s;
    display: flex;
    position: relative;
    box-shadow: 0 0 4px #00000014
}

.card-houzy-new.brand-system:hover {
    transform: translateY(-4px);
    box-shadow: 0 2px 12px #0000001f
}

.card-houzy-new.brand-assets {
    background-color: var(--white);
    width: 100%;
    box-shadow: none;
    padding: 0;
    text-decoration: none;
    display: flex
}

.card-houzy-new.flat {
    box-shadow: none;
    background-color: #0000
}

.card-houzy-new.flat.green {
    background-color: var(--green-100);
    text-align: left;
    width: 100%
}

.card-houzy-new.flat.green.align-content-left {
    align-items: flex-start
}

.card-houzy-new.flat.tipps {
    background-color: var(--white);
    text-align: left;
    cursor: pointer;
    align-items: flex-start;
    padding-bottom: 0;
    position: relative
}

.card-houzy-new.outlined {
    border: 2px solid var(--grey-200);
    background-color: var(--white);
    width: 100%;
    height: 100%;
    box-shadow: none
}

.card-houzy-new.outlined.green {
    border-color: var(--houzy-green)
}

.card-houzy-new.outlined.green.grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: left;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.card-houzy-new.clickable {
    cursor: pointer;
    transition: all .25s cubic-bezier(.25, .46, .45, .94)
}

.card-houzy-new.clickable:hover {
    transform: translateY(-4px);
    box-shadow: 0 2px 12px #0000001f
}

.card-houzy-new.form {
    background-color: var(--white);
    text-align: left;
    align-items: flex-end;
    width: 100%;
    min-width: 500px;
    padding-top: 24px;
    box-shadow: 0 -10px 50px 5px #00000014
}

.card-houzy-new.form.umfrage-lp {
    min-width: 0;
    max-width: 600px
}

.card-houzy-new.form.wortpuzzle {
    box-shadow: none
}

.card-houzy-new.form.webinar {
    box-shadow: 0 -10px 50px 5px #00000014
}

.card-houzy-new.shadow {
    background-color: var(--white);
    text-align: left;
    align-items: center;
    padding-top: 24px;
    box-shadow: 0 -10px 50px 5px #00000014, 0 10px 50px 5px #00000014
}

.card-houzy-new.contact-form-new {
    width: 100%;
    box-shadow: none;
    text-align: left;
    background-color: #0000;
    align-items: flex-end;
    margin-top: 24px;
    padding: 0
}

.card-houzy-new.fill-white {
    height: 100%;
    min-height: 230px;
    box-shadow: none;
    align-content: flex-start;
    transition: all .2s
}

.card-houzy-new.fill-white:hover {
    transform: translateY(-4px);
    box-shadow: 0 1px 12px #0000001f
}

.card-houzy-new.fill-white.static {
    transition-property: none
}

.card-houzy-new.fill-white.static:hover {
    box-shadow: none;
    transform: none
}

.card-houzy-new.fill-white.static.flat {
    background-color: #0000
}

.card-houzy-new.fill-white.starke-partner {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: space-between
}

.card-houzy-new.checklist {
    height: 100%
}

.card-houzy-new.low-green {
    background-color: var(--ultra-low-emphasis-green);
    height: 100%;
    min-height: 230px;
    box-shadow: none;
    align-content: flex-start;
    transition: all .2s
}

.card-houzy-new.low-green:hover {
    transform: translateY(-4px);
    box-shadow: 0 1px 12px #0000001f
}

.card-houzy-new.low-green.key4 {
    min-height: auto;
    padding: 16px
}

.card-houzy-new.low-green.key4.static {
    min-height: auto;
    transition-property: none
}

.card-houzy-new.low-green.key4.static:hover {
    box-shadow: none;
    transform: none
}

.card-houzy-new.ratgeber {
    height: 100%;
    box-shadow: none
}

.arrow-link {
    width: 24px;
    height: 24px;
    margin-left: 4px
}

.icon24 {
    opacity: .38;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    padding: 2px
}

.post-header-img {
    object-fit: cover;
    object-position: 50% 0%;
    width: 100%;
    height: 100%
}

.date-holder-blog {
    align-items: center;
    margin-left: -2px;
    padding-bottom: 4px;
    display: flex
}

.date-holder-blog.new {
    grid-column-gap: 4px;
    flex: none;
    margin-left: 0;
    padding-bottom: 0;
    text-decoration: none
}

.date-holder-blog.new.adverts {
    grid-row-gap: 4px
}

.medienspiegel-cl {
    flex-wrap: wrap;
    justify-content: flex-start;
    display: flex
}

.medienspiegel-cl-item {
    width: 24.9%;
    padding: 16px;
    display: block
}

.medienspiegel-cl-item.news {
    width: 100%;
    margin-bottom: 32px;
    padding: 0
}

.medienspiegel-card {
    background-color: var(--white);
    width: 100%;
    height: 100%;
    box-shadow: none;
    border-radius: 4px;
    padding: 32px 24px;
    text-decoration: none;
    transition: all .3s cubic-bezier(.25, .46, .45, .94)
}

.medienspiegel-card:hover {
    background-color: var(--white);
    transform: translateY(-4px);
    box-shadow: 0 2px 12px #0000001f
}

.medienspiegel-img-holder {
    justify-content: center;
    align-items: center;
    height: 80px;
    margin-bottom: 16px;
    display: flex
}

.menspiegel-img {
    max-width: 75%;
    max-height: 80px
}

.card-holder {
    padding: 12px
}

.card-holder.third {
    width: 33.33%
}

.quality-siegel-partner {
    width: 64px;
    height: 64px
}

.blog-wrapper {
    margin-top: 64px;
    display: flex
}

.new-blogs-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    background-color: #fafafa;
    border-radius: 8px;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr .6fr;
    grid-auto-columns: 1fr;
    margin-top: 40px;
    padding: 40px;
    display: grid
}

.new-blogs-wrapper.no-bg {
    z-index: 10;
    background-color: #0000;
    margin-top: 0;
    padding-top: 24px;
    padding-bottom: 72px;
    position: relative
}

.newest-blog-big {
    display: flex
}

.newest-blog-post-image {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 26vw;
    min-height: 340px;
    max-height: 400px
}

.newest-blog-post-image.hide-dt {
    display: none
}

.new-blog-big-txt-wrapper {
    text-align: left;
    flex-direction: column;
    flex: 1;
    padding: 24px;
    display: flex
}

.blog-card-text-holder {
    flex: 1;
    margin-top: 8px;
    margin-bottom: 8px
}

.collection-item-11 {
    flex: 1
}

.blog-card-content-wrapper {
    flex-direction: column;
    flex: 1;
    padding: 24px;
    display: flex
}

.collection-recent-blog-small {
    grid-row-gap: 24px;
    flex-direction: column;
    height: 100%;
    display: flex
}

.titel-line-clamp {
    height: auto;
    max-height: 84px;
    overflow: hidden
}

.recent-blog-item,
.collection-list-wrapper-12 {
    height: 100%
}

.recent-post-big-cl {
    height: 100%;
    display: flex
}

.empty-state-recent-blog {
    display: none
}

.timline-year {
    overflow: hidden
}

.timline-year._2 {
    border-bottom: 1px solid #0000001f;
    margin-left: 32px
}

.timline-titel-wraper {
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 12px;
    display: flex
}

.timline-titel-wraper._2 {
    justify-content: space-between;
    align-items: center;
    min-height: 52px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex
}

.arrow-timline {
    float: right;
    width: 20px;
    height: 28px
}

.arrow-timline._2 {
    align-self: flex-start;
    height: 100%;
    margin-top: 6px;
    margin-left: 8px
}

.divider-vertical {
    background-color: #0000001f;
    justify-content: flex-start;
    align-self: center;
    width: 4px;
    height: 100%;
    display: flex;
    position: static
}

.div-block-179 {
    flex-direction: column;
    flex: 1;
    align-items: flex-end;
    margin-bottom: -40px;
    display: flex
}

.div-block-180 {
    flex: none;
    align-items: flex-end;
    margin-bottom: 16px;
    display: flex
}

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

.press-material-wraper {
    max-width: 780px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto
}

.press-material-titel {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex
}

.press-material-content {
    flex-direction: column;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    overflow: hidden
}

.press-material-content.negativ-margin {
    overflow: visible
}

.video-wraper {
    max-width: 780px
}

.div-people-holder {
    width: 100%;
    display: flex
}

.div-people-holder.experten.webinar {
    align-items: flex-start;
    margin-top: 48px;
    margin-left: -16px;
    margin-right: auto;
    display: flex
}

.div-people-holder.experten.webinar.hide-mobile {
    justify-content: flex-start;
    margin-left: -16px
}

.div-people-holder.experten.webinar.hide-desktop {
    display: none
}

.titel-timeline {
    color: #000000de;
    letter-spacing: .1px;
    text-transform: none;
    white-space: normal;
    flex: 1;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    overflow: hidden
}

.div-margin-top {
    margin-top: 40px;
    margin-bottom: 24px
}

.testimonial-php-img-new {
    object-fit: cover;
    object-position: 50% 30%;
    width: 100%;
    height: 200px;
    position: static;
    inset: 0% 0% auto
}

.testimonial-php-content-houzy {
    text-align: left;
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    width: 100%;
    margin-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    position: static
}

.cl-testimonials-php {
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-left: -12px;
    margin-right: -12px;
    position: relative;
    overflow: hidden
}

.item-php-testimonial {
    width: 33%;
    padding: 16px 12px
}

.item-php-testimonial.seamless {
    width: 100%;
    height: 100%
}

.php-testimonial-holder {
    height: 100%
}

.testimonial-img-wraper-new {
    width: 100%;
    position: relative
}

.rich-text-block-job {
    color: #000000de;
    font-weight: 400
}

.rich-text-block-job h3 {
    margin-top: 32px;
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 700
}

.rich-text-block-job h2 {
    margin-top: 32px;
    margin-bottom: 4px;
    font-size: 21px;
    line-height: 32px
}

.rich-text-block-job p {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 28px
}

.rich-text-block-job li {
    letter-spacing: .25px;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    line-height: 26px
}

.rich-text-block-job ul {
    margin-bottom: 32px
}

.error-message-4 {
    background-color: #0000;
    margin-top: 0;
    padding-left: 0
}

.iframe {
    background-color: #0000;
    height: 100vh;
    margin-bottom: 0
}

.iframe.of {
    height: 100%
}

.iframe.shadow {
    border-radius: 8px;
    box-shadow: 7px 7px 20px #00000014
}

.iframe.mobile-switch {
    display: none
}

.iframe.neubau {
    width: 100%;
    height: 100%
}

.div-third-new {
    text-align: center;
    width: 33%;
    padding: 12px
}

.faq-wraper {
    flex-direction: row;
    justify-content: space-between;
    width: 50%;
    padding-left: 12px;
    padding-right: 12px;
    display: block
}

.faq-contact-item {
    justify-content: center;
    width: auto;
    padding: 16px;
    display: flex
}

.tile-icon {
    width: 64px;
    height: 60px;
    margin-bottom: 12px
}

.tile-icon.newsroom {
    height: 64px
}

.tile-icon.big {
    width: 96px;
    height: 96px;
    margin-bottom: 0
}

.tile-link {
    border: 2px solid var(--houzy-green);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 164px;
    height: 164px;
    padding: 4px;
    text-decoration: none;
    display: flex
}

.tile-link:hover {
    background-color: var(--white)
}

.tile-link.fill-white {
    background-color: var(--white);
    border-style: none;
    transition: all .2s
}

.tile-link.fill-white:hover {
    transform: translateY(-4px);
    box-shadow: 0 2px 12px #0000001f
}

.tile-link.fill-grey {
    background-color: var(--grey-main-050);
    border-style: none;
    transition: all .2s
}

.tile-link.fill-grey:hover {
    transform: translateY(-4px);
    box-shadow: 0 2px 12px #0000001f
}

.tile-link.fill-grey.full-width {
    opacity: .5;
    background-color: #0000;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    padding: 16px;
    transition: all .2s
}

.tile-link.fill-grey.full-width:hover {
    box-shadow: none;
    opacity: .75;
    transform: none
}

.tile-link.fill-grey.full-width.w--current {
    background-color: var(--white);
    opacity: 1
}

.div-block-189 {
    width: 560px;
    margin-top: -10px;
    margin-bottom: 40px
}

.owl-nav {
    justify-content: flex-start;
    align-items: center;
    margin-top: 1px;
    margin-bottom: 1px;
    display: flex;
    position: static
}

.hev-logo {
    width: 96px;
    height: auto
}

.flex-collection {
    text-align: left;
    margin-top: 40px;
    margin-left: -8px;
    margin-right: -8px
}

.flex-collection.margin-bottom {
    margin-bottom: 56px
}

.flex-collection.margin-bottom-copy {
    margin-bottom: 40px
}

.handwerker-cl {
    flex-wrap: wrap
}

.handwerker-item {
    flex: 0 auto;
    width: 25%;
    padding: 8px
}

.handwerker-holder {
    background-color: #d2d2d2;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden
}

.handwerker-bg-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform .15s
}

.handwerker-bg-img:hover {
    transform: scale(1.2)
}

.handwerker-bg-img.comming-soon {
    opacity: .38
}

.handwerker-cl-item-holder {
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex
}

.titel-holder-handwerker-cl {
    margin-bottom: 4px;
    padding-left: 8px
}

.overlay-img {
    background-color: #00000059;
    width: 100%;
    height: 100%;
    position: absolute
}

.overlay-img.coming-soon {
    background-color: #00000014
}

.title-holder-handwerker {
    text-align: center;
    align-self: center;
    display: block;
    position: absolute;
    left: 8px;
    right: 8px
}

.projekte-form {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    width: 43vw;
    max-width: 473px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.button-holder-new {
    margin-top: 32px
}

.button-holder-new.product-section {
    margin-top: 24px;
    margin-bottom: -12px
}

.button-holder-new.gutschein-lp {
    margin-top: 24px
}

.button-holder-new.ratgeber {
    flex: none;
    margin-top: 0
}

.h0-new {
    color: #000000de;
    letter-spacing: .1px;
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px
}

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

.language-dropdown {
    background-color: #fff;
    padding: 0
}

.language-dropdown.navbar {
    float: right;
    color: #0000;
    background-color: #0000;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-left: -16px;
    display: none;
    position: relative
}

.language-dropdown.navbar:hover {
    color: var(--houzy-green)
}

.partner-logo-link {
    justify-content: center;
    align-items: center;
    padding: 8px;
    display: flex
}

.partner-logo-link.partner-page {
    width: 25%
}

.partner-logo-wraper {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    justify-content: center;
    margin-top: 24px;
    display: flex
}

.partner-logo-wraper._2 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    justify-content: center
}

.cl-categorie-nav {
    float: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

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

.category-holder {
    z-index: 1;
    justify-content: center
}

.tag-cloud-wrapper {
    float: none;
    width: auto;
    margin-bottom: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
    position: static;
    inset: 0 0% 0 auto
}

.tag-cloud-wrapper.post {
    margin-top: 24px;
    padding-top: 24px;
    padding-bottom: 24px
}

.tag-cloud-wrapper.category-page {
    margin-top: 48px
}

.item-ta-cloud {
    width: auto;
    padding: 8px;
    display: block
}

.cl-tag-cloud {
    flex-wrap: wrap;
    justify-content: center;
    display: flex
}

.collection-list-wrapper-13 {
    margin-top: 24px
}

.collection-list-wrapper-13.post {
    margin-top: 8px
}

.magazin-block-holder {
    padding-top: 48px;
    padding-bottom: 48px;
    position: relative
}

.blog-link-holder {
    align-items: center;
    padding: 4px;
    text-decoration: none;
    display: flex;
    position: absolute;
    inset: auto 40px 24px auto
}

.div-img-block-holder {
    display: none
}

.seatch-item {
    width: 50%;
    padding: 12px
}

.search-list {
    flex-wrap: wrap;
    display: flex
}

.show-tags {
    display: none
}

.tag-page-div {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 120px
}

.div-blog-holder {
    background-color: #fafafa;
    background-color: var(--grey-main-050);
    border-radius: 8px;
    padding-top: 40px
}

.buttoncontainer {
    justify-content: space-around;
    width: 320px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.font-awesome-icon {
    clear: none;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    display: flex
}

.empty-state {
    background-color: #0000;
    display: none
}

.empty-state.is-visible {
    display: block
}

.back-link {
    cursor: pointer;
    margin-bottom: 16px;
    margin-left: -14px;
    padding: 8px;
    display: inline-block
}

.back-arrow-jobs {
    width: 40px;
    height: 40px;
    transform: rotate(180deg)
}

.unsub-header-holder {
    margin-bottom: 0
}

.blog-post-holder {
    margin-top: 40px;
    display: flex
}

.feedback-btn {
    width: auto;
    padding: 12px 24px;
    display: inline-block
}

.blog-advert-box {
    margin-top: 48px;
    margin-bottom: 48px;
    padding: 24px 32px 32px;
    display: block;
    position: relative
}

.blog-advert-img {
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0%;
    overflow: hidden
}

.brand-book-nav {
    z-index: 100;
    float: left;
    flex: none;
    align-self: flex-start;
    width: 25%;
    min-width: 260px;
    max-width: 280px;
    padding: 24px 12px;
    position: sticky;
    top: 12px
}

.brand-book-nav-link {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    color: #000000de;
    text-align: left;
    grid-template-rows: auto;
    grid-template-columns: 28px 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
    display: grid
}

.brand-book-nav-link._8 {
    align-items: center
}

.brand-book-text-wraper {
    text-align: left;
    border-bottom: 2px solid #00000014;
    padding: 48px 12px
}

.brand-book-paragraph-wraper.marg-bottom {
    margin-bottom: 24px
}

.rich-txt-brand-book {
    margin-top: -32px;
    padding-top: 0
}

.rich-txt-brand-book h4 {
    margin-top: 32px
}

.rich-txt-brand-book blockquote {
    color: var(--houzy-green);
    border-left-style: none;
    margin-top: 4px;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-style: italic
}

.rich-txt-brand-book p {
    margin-bottom: 4px
}

.brand-book-subheading-span {
    color: var(--houzy-dark-grey);
    text-transform: none;
    font-weight: 400
}

.quote-brand-book {
    color: var(--houzy-green);
    border-left-style: none;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-style: italic
}

.div-block-202 {
    padding-top: 12px;
    padding-bottom: 12px
}

.div-block-202.marg-top {
    margin-top: 24px
}

.brand-book-personality-wraper {
    margin-top: 16px
}

.personality-holder {
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex
}

.arrow-div {
    background-color: var(--houzy-green);
    width: 24px;
    height: 2px;
    margin-top: 12px;
    margin-right: 24px;
    display: block
}

.tov-list-item-big {
    margin-top: 8px;
    margin-bottom: 8px
}

.tov-list-item-big.green-text {
    color: var(--houzy-dark-grey);
    font-weight: 400
}

.tov-list-item-big.red {
    color: #eb1313
}

.div-block-204 {
    margin-bottom: 48px
}

.body-grid {
    color: #000000de;
    letter-spacing: .5px;
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    display: block
}

.body-grid.tone-grid-2 {
    width: 100%;
    color: var(--white);
    align-self: flex-start;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

.body-grid.tone-grid-2.titel {
    color: var(--houzy-dark-grey);
    text-transform: uppercase;
    align-self: center;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700
}

.body-grid.tone-grid-2.black {
    color: var(--houzy-dark-grey);
    align-self: flex-start;
    margin-bottom: 0;
    line-height: 1.7
}

.persona-img {
    float: left;
    margin-right: 24px
}

.div-persona {
    width: 50%;
    padding: 12px
}

.div-persona.long {
    width: 100%
}

.span-target-audiences {
    color: var(--houzy-dark-grey);
    font-weight: 700
}

.div-brand-pos {
    padding-top: 12px;
    padding-bottom: 12px
}

.gap-analyse-block-wraper {
    padding-top: 16px;
    padding-bottom: 16px
}

.brand-book-slider-holder {
    align-items: center;
    height: 32px;
    display: flex;
    position: relative
}

.slider-line {
    background-color: #bababa;
    border-radius: 2px;
    height: 4px;
    position: absolute;
    left: 0%;
    right: 0%
}

.slider-line.green {
    background-color: var(--houzy-green)
}

.slider-dot {
    z-index: 1;
    background-color: var(--white);
    border: 2px solid #bababa;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    padding: 0;
    position: absolute;
    inset: auto 0% auto auto
}

.slider-dot-holder {
    z-index: 4;
    flex: none;
    justify-content: flex-end;
    align-items: center;
    width: 45%;
    height: 100%;
    display: flex;
    position: relative
}

.slider-dot-holder.ehrlich {
    width: 70%
}

.slider-dot-holder.kompetent {
    width: 90%
}

.slider-dot-holder.smart {
    width: 45%
}

.slider-dot-holder.progressiv {
    width: 50%
}

.slider-dot-holder.ollegial {
    width: 45%
}

.slider-dot-holder.einfach {
    width: 60%
}

.slider-dot-holder.individuell,
.slider-dot-holder.emotional {
    width: 35%
}

.tonality-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 1px solid #e6e6e6;
    grid-template: "." "." "." "." "." /.75fr 1.25fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.tone-grid-div2 {
    background-color: var(--white);
    border: 1px solid #e6e6e6;
    justify-content: center;
    align-items: center;
    padding: 12px;
    display: flex
}

.tone-grid-div2.green-bg {
    background-color: var(--houzy-green)
}

.list-tov {
    color: #000000de;
    white-space: normal;
    align-self: flex-start;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    text-decoration: none
}

.list-tov p {
    color: #0009;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.list-text-tov {
    color: #000000de;
    white-space: normal;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none
}

.list-text-tov p {
    color: #0009;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.list-text-tov.list-item {
    color: var(--houzy-dark-grey);
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    line-height: 1.5
}

.grid-holder {
    margin-top: 32px
}

.overlay-blog-advert {
    background-color: #0006;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.overlay-blog-advert.gradient {
    background-color: #0000;
    background-image: linear-gradient(90deg, #0006, #0000);
    border-radius: 8px
}

.overlay-blog-advert.gradient.white {
    background-image: linear-gradient(90deg, #ffffffa8, #0000)
}

.overlay-blog-advert.gradient.dark {
    background-image: linear-gradient(90deg, #0009, #0000005c 50%, #0000)
}

.partner-form-holder {
    flex: 1;
    width: 44%;
    height: 100%;
    padding-left: 24px
}

.input-field-2 {
    float: none;
    border: 1px solid #0000001f;
    border-radius: 4px;
    flex: 1;
    max-width: none;
    height: auto;
    min-height: 48px;
    margin: 4px 20px 4px 0;
    font-weight: 300;
    display: block
}

.input-field-2:focus {
    border-color: #70be3b
}

.input-field-2.partner-pages {
    font-size: 13px
}

.partner-form-block {
    text-align: left;
    width: 100%;
    margin-bottom: 0
}

.form-partner-page.flex {
    margin-left: -8px;
    margin-right: -8px
}

.card-holder.facts {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    width: 23vw;
    height: 23vw;
    display: block
}

.txt-holder-dokumente {
    flex: 1;
    margin-bottom: 20px
}

.card-content-holder {
    flex-flow: column wrap;
    place-content: flex-start space-between;
    height: 100%;
    display: flex
}

.owl-dot {
    border-radius: 50%
}

.content-holder-tov {
    margin-top: 40px
}

.content-holder-tov.checklist {
    margin-top: 0;
    padding-top: 8px;
    padding-bottom: 8px
}

.div-block-218 {
    align-items: flex-start;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex
}

.brand-bsp-img {
    object-fit: contain;
    object-position: 50% 0%;
    width: 100%;
    height: auto;
    margin-top: 8px;
    padding-bottom: 24px;
    box-shadow: 1px 1px 20px #00000014
}

.tov-wrapper {
    padding-top: 80px;
    padding-bottom: 80px
}

.icon-7 {
    margin-left: 12px;
    display: inline-block;
    position: static
}

.tov-dropdown {
    border-bottom: 1px solid #0000001f;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    overflow: hidden
}

.tov-dropdown-link {
    cursor: pointer;
    align-items: center;
    min-height: 56px;
    display: flex
}

.box-tov {
    border: 4px solid var(--houzy-green);
    border-radius: 4px;
    margin-top: 40px;
    padding: 24px
}

.title-holder {
    margin-bottom: 16px
}

.card-footer {
    cursor: pointer;
    margin-top: -8px;
    margin-bottom: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: inline-block
}

.tipp-holder {
    margin-bottom: 12px;
    overflow: hidden
}

.tov-tipps-ritch-txt {
    margin-bottom: 8px
}

.tov-tipps-ritch-txt h4 {
    letter-spacing: .2px;
    font-size: 16px;
    line-height: 24px
}

.tov-tipps-ritch-txt p {
    letter-spacing: .25px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.tov-tipps-ritch-txt h5 {
    margin-top: 8px
}

.tov-tipps-ritch-txt li {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.ritch-text-richtlinien li {
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    line-height: 28px
}

.input-field-wrapper {
    flex-wrap: nowrap;
    margin-left: -8px;
    margin-right: -8px;
    display: flex
}

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

.form-holder-project-houzy {
    width: 44vw;
    margin-left: auto;
    margin-right: auto
}

.form-button-holder-new {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 12px;
    padding-left: 8px;
    padding-right: 8px;
    display: flex
}

.form-button-holder-new.form.b2b {
    align-items: flex-start;
    margin-bottom: 12px
}

.form-button-holder-new.form.b2b.webinar {
    padding-left: 0
}

.form-button-holder-new.full-width.no-padding {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0
}

.hero-header {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    min-height: 75vh;
    margin-top: 46px;
    padding: 96px 48px 64px;
    position: relative
}

.hero-header.small {
    align-items: center;
    height: 50vh;
    min-height: 440px;
    padding-top: 120px;
    padding-bottom: 136px;
    display: flex
}

.hero-header.small.gradient-bg {
    background-image: linear-gradient(135deg, var(--green-700), var(--houzy-green)50%, var(--green-300));
    padding-bottom: 120px
}

.hero-header.small.gradient {
    background-image: linear-gradient(135deg, var(--green-700), var(--houzy-green)50%, var(--green-300));
    padding-bottom: 136px
}

.hero-header.small.gradient.styleguide {
    margin-top: 0
}

.hero-header.small.gradient.smaller {
    height: auto;
    min-height: 340px;
    padding-top: 96px;
    padding-bottom: 96px;
    overflow: hidden
}

.hero-header.small.gradient.smaller.no-subnav.hw-lp {
    background-image: none;
    min-height: 260px;
    margin-top: 48px;
    padding-top: 80px;
    padding-bottom: 80px
}

.hero-header.small.gradient.smaller.no-subnav.hw-lp.dachdecker-lp {
    background-image: linear-gradient(90deg, #000000b3, #0000 74%), url(../images/646df7471ee966061c90ed90_Header-Dachdecker.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover
}

.hero-header.small.gradient.smaller.no-subnav.hw-lp.elektriker-lp {
    background-image: linear-gradient(90deg, #000000b3, #000000b3 0%, #0000 74%), url(../images/65722bd62a170b13f6c25e07_Header-Elektriker.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover
}

.hero-header.small.gradient.smaller.no-subnav.hw-lp.sanitaer-lp {
    background-image: linear-gradient(90deg, #000000b3, #0000 74%), url(../images/670554043ed493bbaae71831_sanitaer_hero_1920.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover
}

.hero-header.small.no-subnav {
    margin-top: -4px
}

.hero-header.small.magazine {
    margin-top: -4px;
    padding-top: 0
}

.hero-header.small.adjust {
    min-height: 500px;
    padding-bottom: 120px
}

.hero-header.small.hw {
    height: 250px;
    min-height: auto
}

.hero-header.gradient-bg {
    background-image: linear-gradient(135deg, var(--green-700), var(--houzy-green)50%, var(--green-300))
}

.hero-header.gradient-bg.full-screen {
    min-height: 100vh
}

.hero-header.gradient-bg.no-subnav {
    margin-top: -4px
}

.hero-header.gradient-bg.small {
    height: 100%;
    display: block
}

.hero-header.change-mobile.no-subnav {
    margin-top: -4px
}

.hero-header.change-mobile.fullscreen {
    min-height: 88.3vh
}

.hero-header.change-mobile.fullscreen.b-testing {
    padding-top: 48px
}

.hero-header.change-mobile.fullscreen.d-testing {
    padding-top: 32px;
    padding-bottom: 32px
}

.hero-header.change-mobile.fullscreen.d-testing.calculator {
    margin-top: 0
}

.hero-header.change-mobile.baloise-center {
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.hero-header.fullscreen.beratung {
    min-height: 50vh
}

.hero-header.no-subnav {
    margin-top: -4px
}

.hero-header.light-green {
    background-color: var(--green-050)
}

.hero-header.full-screen {
    min-height: 100vh
}

.hero-header.hw-page {
    height: 250px;
    min-height: auto
}

.hero-img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.hero-img.sanierungsrechner {
    object-position: 30% 50%
}

.hero-img.immobewertung,
.hero-img.cockpit {
    object-position: 50% 50%
}

.hero-img.cockpit {
    object-position: 30% 50%
}

.hero-img.fonds {
    object-position: 50% 70%
}

.hero-img.heizung {
    object-position: 30% 50%
}

.hero-img.pflanzenmanager {
    object-position: 50% 50%
}

.hero-img.half-img {
    object-position: 50% 0%;
    height: 100%;
    max-height: 640px
}

.hero-img.half-img.round {
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 4px;
    min-width: 540px;
    min-height: 540px
}

.hero-img.jobs,
.hero-img.solarrechner {
    object-position: 50% 50%
}

.hero-img.b2b-partners {
    object-position: 10% 50%
}

.hero-img.b2b-handwerker {
    object-position: 50% 50%
}

.hero-img.energierechner {
    object-position: 43% 50%
}

.hero-img.support {
    object-position: 50% 50%
}

.hero-img.immobilienverkauf {
    object-position: 50% 70%
}

.hero-img.nachfragecheck {
    object-position: 0% 50%
}

.hero-img.verkaufspreisberatung {
    object-position: 50% 50%
}

.hero-img.immobiliensuche {
    object-fit: cover;
    object-position: 50% 70%
}

.hero-img.vorsorgeberatung {
    object-position: 50% 50%
}

.hero-img.umfrage-lp {
    object-position: 50% 70%
}

.hero-img.versicherungscheck {
    object-position: 0% 50%;
    width: 150%;
    height: 150%
}

.hero-img.ueber-uns {
    object-position: 50% 0%
}

.hero-img.immoverkauf-beratung {
    object-position: 85% 60%
}

.hero-img.new-header {
    z-index: -1;
    object-fit: cover;
    object-position: 100% 50%;
    position: absolute;
    top: 16px
}

.hero-img.mirror {
    transform-style: preserve-3d;
    transform: rotateX(0)rotateY(-180deg)rotate(0)
}

.hero-img.mirror.fixed {
    object-position: 25% 50%
}

.hero-img.immobilienmakler {
    object-position: 50% 50%
}

.hero-img.baugesuch {
    object-position: 30% 50%
}

.header-content {
    z-index: 2;
    text-align: left;
    width: 60%;
    max-width: 640px;
    margin-left: 0;
    margin-right: 0;
    position: relative
}

.header-content.long {
    width: 100%;
    max-width: 780px
}

.header-content.handwerker {
    width: 75%;
    min-width: 640px;
    max-width: 780px
}

.header-content.full {
    width: auto;
    max-width: none
}

.header-content.mobile-change {
    max-width: 620px
}

.header-content.mobile-change.long {
    width: 66.6667%;
    max-width: 780px
}

.header-content.mobile-change.immosuche {
    width: 50%;
    max-width: 580px;
    padding-right: 5%
}

.header-content.mobile-change.centered {
    text-align: center;
    width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: auto
}

.header-content.mobile-change.spacing {
    width: 45%;
    max-width: 580px;
    margin-right: 32px
}

.header-content.mobile-change.tiles {
    width: 100%
}

.header-content.half-half-layout {
    width: auto;
    max-width: 630px
}

.header-button-holder {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative
}

.header-button-holder.wrap {
    flex: 1;
    display: block
}

.header-button-holder.margin-top-24.single {
    grid-column-gap: 0px;
    grid-row-gap: 0px
}

.header-button-holder.relativ {
    position: relative
}

.header-button-holder.relativ.flex.angebot {
    padding-right: 128px
}

.header-button-holder.flex {
    display: flex
}

.header-button-holder.flex.margin-fix {
    margin-top: 32px;
    margin-bottom: 32px
}

.header-button-holder.flex.margin-fix.b2b {
    margin-bottom: 32px
}

.header-button-holder.flex.margin-fix.b2b.mobile {
    display: none
}

.check-item {
    text-align: left;
    flex: 0 auto;
    align-items: center;
    padding: 8px;
    display: flex
}

.check-item.product-section {
    padding-left: 0;
    padding-right: 0
}

.check-item.product-section.new {
    align-items: center
}

.check-item.nachfragecheck {
    flex: 1;
    width: 100%
}

.check-item.feedback {
    align-items: flex-start
}

.check-item.fix {
    min-width: 250px
}

.check-item.no-padding-horizontal {
    padding-left: 0;
    padding-right: 0
}

.icon-24 {
    width: 24px;
    height: 24px;
    display: inline-block
}

.icon-24.medium-emphasis {
    opacity: .6
}

.icon-holder-checks {
    background-image: url(../images/5d974666269be47da5de5686_Check-32px.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
    flex: none;
    width: 24px;
    height: 24px;
    margin-top: 0;
    margin-right: 8px
}

.icon-holder-checks.negativ {
    background-image: url(../images/5d9af579a36129e6dbd44dbe_Check-white.svg)
}

.icon-holder-checks.outlined {
    background-image: url(../images/5d9af578a491dd56263aad4e_Check-green.svg);
    background-repeat: no-repeat;
    margin-top: 0
}

.icon-holder-checks.contra {
    background-image: url(../images/6576d0c25582113058ae946d_contra-check-grey.svg);
    background-position: 50%;
    background-size: contain;
    margin-right: 8px
}

.icon-holder-checks.pro {
    background-image: url(../images/64d4e5c241e14ef446f7219b_pro-check.svg);
    background-position: 50%;
    background-size: contain;
    margin-right: 8px
}

.icon-holder-checks.align-top {
    align-self: flex-start;
    margin-top: 1px
}

.icon-holder-checks.no-margin {
    margin-right: 0
}

.icon-holder-checks.is-aligned-top {
    margin-top: 1px;
    margin-right: 0
}

.body-small {
    letter-spacing: .25px;
    white-space: normal;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.body-small.white {
    color: #fffffff5;
    justify-content: center;
    position: relative
}

.body-small.link.showmore._3,
.body-small.link.showless {
    display: none
}

.body-small p {
    color: #000000de;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.body-small.medium-emphasis {
    color: #0009;
    margin-top: 0
}

.body-small.footer-link {
    color: var(--white);
    margin-right: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    transition-duration: .2s;
    display: block
}

.body-small.footer-link:hover {
    color: var(--white)
}

.body-small.footer-link.adress {
    padding-top: 0
}

.body-small.footer-link.adress:hover {
    opacity: 1;
    color: var(--white)
}

.body-small.footer-link.adress.newsletter {
    padding-top: 10px;
    padding-bottom: 0;
    font-weight: 700;
    display: flex
}

.body-small.footer-link.adress.nl-banner {
    color: #000000de;
    margin-bottom: 8px;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 700;
    display: flex
}

.body-small.timeline {
    margin-bottom: 8px;
    overflow: hidden
}

.body-small.timeline h4 {
    margin-top: 0
}

.body-small.job-infos {
    color: #0009;
    margin-right: 8px;
    display: inline-block
}

.body-small.handwerker-cl {
    color: var(--white)
}

.body-small.blog-advert {
    text-align: left;
    margin-bottom: 0
}

.body-small.hint-text {
    text-align: left;
    margin-bottom: 0;
    padding-left: 37px
}

.body-small.left-aligned {
    text-align: left;
    align-self: stretch
}

.body-small.bold {
    color: var(--medium-emphasis);
    font-weight: 600
}

.body-small.max-width {
    max-width: 320px;
    display: inline-block
}

.body-small.link {
    color: #70be3b;
    font-weight: 600;
    text-decoration: none
}

.body-small.green {
    color: var(--houzy-green)
}

.body-small.link {
    color: #70be3b;
    text-align: left;
    font-weight: 600;
    text-decoration: none
}

.body-small.link:hover {
    color: #82c656;
    text-decoration: underline
}

.body-small.pricing-table {
    text-align: left;
    margin-bottom: 0
}

.body-small.margin-bottom-24 {
    margin-bottom: 24px
}

.body-big {
    letter-spacing: .25px;
    white-space: normal;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-decoration: none
}

.body-big.white.trust-header {
    text-align: left;
    letter-spacing: .15px;
    font-weight: 600
}

.body-big.medium-emphasis {
    color: #0009
}

.body-big.link {
    color: var(--houzy-green);
    font-weight: 600
}

.body-big.link:hover {
    color: var(--green-600);
    text-decoration: underline
}

.body-big p {
    color: #0009;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.body-big.white-trash {
    color: #fff;
    flex: 1;
    justify-content: center;
    position: relative
}

.body-big.job {
    color: #0009;
    margin-right: 8px;
    display: inline-block
}

.body-big.trust-header {
    letter-spacing: .15px;
    font-weight: 600
}

.body-big.trust-header.white.mobile-switch {
    text-shadow: 0 0 8px #0003
}

.body-big.trust-header.green {
    flex: 1
}

.body-big.low-emphasis {
    color: #00000061
}

.body-big.personality {
    flex: 1
}

.body-big.green {
    color: var(--houzy-green)
}

.body-big.green.leads {
    margin-right: 0
}

.body-big.list {
    line-height: 32px
}

.body-big.gewinnspiel {
    color: var(--houzy-green);
    font-weight: 700
}

.body-big.finish,
.body-big.mobile-color-switch {
    color: var(--white)
}

.body-big.solution-word-puzzle {
    line-height: 52px
}

.body-big.baloise-color {
    color: #000e6d;
    font-family: Baloisecreatetext, sans-serif
}

.body-big.white {
    color: #fff;
    flex: 1;
    justify-content: center
}

.body-big.white.link {
    color: #fff;
    display: block
}

.body-big.white.link:hover {
    color: #fff;
    text-decoration: underline
}

.container-houzy {
    text-align: center;
    object-position: 50% 50%;
    flex-flow: wrap;
    flex: 1;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto
}

.container-houzy.blog {
    padding-top: 0
}

.container-houzy.blog.white {
    background-color: var(--white);
    position: relative;
    top: -192px
}

.container-houzy.blog.white.rounded {
    border-radius: 8px;
    margin-top: -128px;
    padding-top: 1px;
    top: 0;
    box-shadow: 0 5px 10px #0000000d
}

.container-houzy.add-margin-top {
    margin-top: 40px
}

.container-houzy.narrow {
    z-index: 1;
    max-width: 960px;
    position: relative
}

.container-houzy.narrow.align-txt-left {
    text-align: left
}

.container-houzy.narrow.contact {
    align-self: flex-end;
    padding-top: 80px;
    padding-bottom: 80px
}

.container-houzy.password {
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    display: flex
}

.container-houzy.immosuche {
    justify-content: flex-start;
    display: flex
}

.container-houzy.magazine {
    flex-direction: column;
    height: 100%
}

.container-houzy.typeform-hero,
.container-houzy.iframe-hero {
    justify-content: flex-start;
    display: flex
}

.container-houzy.iframe-hero.new.center {
    align-items: center
}

.container-houzy.iframe-hero-dtesting {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.product-nav-item {
    color: #0009;
    text-align: center;
    letter-spacing: .25px;
    white-space: nowrap;
    cursor: pointer;
    background-color: #0000;
    background-image: url(../images/605dd81a8c55fe86cff5f0be_finanzen.webp);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    flex: 1;
    padding: 44px 12px 12px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none
}

.product-nav-item:hover {
    color: #000000de
}

.product-nav-item.w--current {
    z-index: 10;
    border-bottom: 3px solid var(--houzy-green);
    color: var(--houzy-green);
    background-color: #0000;
    background-image: url(../images/60eef7d727abae2a2fa80a2e_Hypothek-selected-64.svg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    margin-bottom: -2px
}

.product-nav-item.news {
    background-image: none;
    flex: none;
    padding-top: 12px;
    padding-left: 24px;
    padding-right: 24px
}

.icon-36 {
    width: 36px;
    height: 36px
}

.icon-36.margin-bottom-8 {
    margin-bottom: 8px
}

.icon-36.margin-bottom-8.hide {
    display: none
}

.hero-img-holder {
    position: absolute;
    inset: 0%
}

.hero-img-holder.change-mobile {
    perspective: 900px
}

.hero-img-holder.change-mobile.prespective2 {
    perspective: 900px;
    perspective-origin: 60% 100%
}

.hero-img-holder.cta {
    background-color: var(--white);
    border: 0 #0000;
    padding: 0
}

.gradient-img-bar {
    z-index: 9;
    background-color: var(--houzy-green);
    background-image: linear-gradient(135deg, var(--green-700), var(--houzy-green)50%, var(--green-200));
    min-height: 16px;
    position: absolute;
    inset: auto 0% 0%
}

.gradient-img-bar.small {
    min-height: 8px
}

.product-holder-home {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    text-align: left;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    display: grid
}

.product-img-holder {
    justify-content: center;
    align-items: center;
    height: 320px;
    display: flex
}

.product-img-holder.tabs {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: flex
}

.product-img-holder.tabs.webinar {
    z-index: 2;
    position: relative
}

.product-img-holder.contact {
    flex-direction: column;
    justify-content: flex-start;
    width: 90%;
    max-width: 100%;
    height: 100%;
    padding: 48px 24px;
    display: flex
}

.product-img-holder.contact-2 {
    background-color: var(--grey-main-050);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    flex-direction: column;
    width: auto;
    height: 100%;
    padding: 48px 24px
}

.product-img-holder.contact-2.test {
    outline-color: var(--white);
    outline-offset: -2px;
    outline-width: 2px;
    outline-style: solid
}

.product-img-holder.contact-2.handwerker {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: flex-start
}

.product-img-holder.newsletter {
    height: 27vw;
    margin-top: -1vw
}

.product-img {
    object-fit: contain;
    width: 100%
}

.product-img.tabs {
    height: 550px
}

.product-content-home-slider {
    max-width: 500px
}

.margin-top {
    margin-top: 16px
}

.products-tab-menu {
    border-bottom: 1px solid #0000001f;
    justify-content: flex-start;
    padding-top: 24px;
    padding-bottom: 2px;
    display: flex;
    overflow: auto
}

.products-tab-menu.news {
    z-index: 0;
    justify-content: center;
    padding-top: 0
}

.grid-2x2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.trust-holder {
    text-align: left;
    align-items: flex-start;
    display: flex
}

.trust-holder.center-vertical {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-items: center
}

.trust-holder.flex.feature {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    overflow-wrap: anywhere
}

.icon-96 {
    width: 96px;
    height: 96px;
    display: inline-block
}

.icon-96.datensicherheit {
    margin-right: 16px
}

.icon-96.think-big-parallax {
    position: absolute;
    inset: 9% -3% auto auto
}

.icon-96.think-big-parallax.b2b {
    z-index: -1;
    right: 1%
}

.icon-96.rocket-parallax {
    position: absolute;
    inset: auto auto -12% -4%
}

.icon-96.rocket-parallax.b2b {
    z-index: -1;
    bottom: -9%;
    left: 1%
}

.trust-content {
    width: 100%
}

.trust-content.margin-left {
    margin-left: 8px;
    margin-right: 0
}

.trust-content.checklist {
    flex-direction: column;
    align-items: center;
    height: 100%;
    display: flex
}

.trust-content.ratgeber {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: center;
    height: 100%;
    display: flex
}

.grid-quarters-styleguide {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
    display: grid
}

.content-holder.checklist {
    grid-row-gap: 8px;
    text-align: center;
    flex-direction: column;
    flex: 1;
    margin-top: 6px;
    margin-bottom: 16px;
    display: flex
}

.content-holder.ratgeber {
    grid-row-gap: 8px;
    text-align: center;
    flex-direction: column;
    flex: 1;
    text-decoration: none;
    display: flex
}

.flow-nr-holder {
    padding-left: 12px;
    padding-right: 12px
}

.section-half-grid {
    z-index: 1;
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    background-color: var(--white);
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: stretch stretch;
    display: grid;
    position: relative;
    overflow: hidden
}

.section-half-grid.square-image-right,
.section-half-grid.square-image-left {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    justify-content: center;
    padding: 96px 48px;
    display: flex
}

.section-half-grid.square-image-left.neophyten-slider {
    padding-top: 24px
}

.section-half-grid.square-image-left.grey-new {
    background-color: var(--grey-main-050)
}

.grid-3x1 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template: "Area" /1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid
}

.grid-3x1.solar {
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto 1fr
}

.grid-3x1.vorteile-php {
    margin-top: 48px
}

.grid-3x1.energierechner {
    text-align: left
}

.grid-3x1.newsletter {
    grid-column-gap: 0px;
    grid-row-gap: 0px
}

.grid-3x1.digital-advertisement {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 56px
}

.grid-1x2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid
}

.grid-1x2.products.b2b {
    grid-template-columns: 1fr 1fr;
    align-content: center;
    align-items: center;
    height: auto;
    min-height: 460px
}

.grid-1x2.products.b2b.benefits {
    min-height: auto
}

.grid-1x2.flex {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.grid-1x2.contact {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--white);
    border-radius: 8px;
    grid-template-columns: 1fr .75fr;
    box-shadow: 0 10px 50px 5px #00000014, 0 -10px 50px 5px #00000014
}

.grid-1x2.contact.test {
    box-shadow: 0 8px 40px 4px #0000000a, 0 -8px 40px 4px #0000000a
}

.grid-1x2.handwerker {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--white);
    border-radius: 8px;
    grid-template-columns: 1fr .5fr;
    overflow: hidden;
    box-shadow: 0 10px 50px 5px #00000014, 0 -10px 50px 5px #00000014
}

.icon-320 {
    flex: none;
    width: 320px;
    height: 320px
}

.checklist-holder {
    text-align: left
}

.circle-bg-big {
    background-color: var(--green-100);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 440px;
    height: 440px;
    display: flex
}

.circle-bg-big.solar {
    width: 440px;
    height: 440px;
    padding: 44px
}

.circle-bg-big.umbaucoach-animated {
    background-color: #0000;
    border-radius: 0%
}

.circle-bg-big.transparent {
    background-color: #0000
}

.circle-bg-big.portrait {
    background-color: var(--ultra-low-emphasis-green)
}

.circle-bg-big.portrait.new {
    background-color: var(--grey-main-050);
    overflow: hidden
}

.circle-bg-big.portrait.new.makler-b2b {
    background-color: #0000;
    border-radius: 0%;
    width: auto;
    height: 160px;
    display: block
}

.circle-bg-big.portrait.new.makler-b2b.fix {
    height: auto
}

.teaser-bottom-half-bg {
    background-color: var(--houzy-dark-grey);
    height: 50%;
    position: absolute;
    inset: auto 0% 0%
}

.cta-wrapper {
    background-color: var(--houzy-green);
    background-image: linear-gradient(135deg, var(--green-700), var(--houzy-green)50%, var(--green-300));
    max-width: 1024px;
    max-height: 320px;
    box-shadow: none;
    border-radius: 8px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 64px;
    display: flex;
    position: relative
}

.cta-wrapper.parter-page {
    background-image: linear-gradient(135deg, var(--green-700), var(--houzy-green)50%, var(--green-300));
    box-shadow: none
}

.cta-wrapper.parter-page.b2b,
.cta-wrapper.parter-page.webinar {
    grid-column-gap: 24px;
    grid-row-gap: 24px
}

.stars-holder {
    text-align: left;
    margin-bottom: 16px;
    display: inline-block;
    position: relative
}

.stars-holder.header-area {
    margin-bottom: 0
}

.stars-holder.header-area.inpage {
    padding-left: 8px;
    padding-right: 8px
}

.testimonial-stars-html {
    color: var(--houzy-green);
    text-align: left;
    white-space: nowrap;
    font-size: 32px;
    font-style: normal;
    display: inline-block
}

.testimonial-stars-html.yellow {
    color: var(--yellow-600);
    font-size: 24px
}

.filled-stars-holder {
    text-align: left;
    display: inline-block;
    overflow: hidden
}

.margin-top-24 {
    margin-top: 24px
}

.margin-top-24.align-txt-center {
    text-align: center
}

.cl-testimonials {
    justify-content: center;
    align-items: center;
    margin-top: 64px;
    margin-left: -14px;
    margin-right: -14px;
    display: flex;
    position: relative;
    overflow: hidden
}

.cl-testimonials.left-aligned {
    display: block;
    position: static;
    overflow: visible
}

.testimonials-carousel {
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 48px;
    padding-right: 48px;
    display: flex
}

.testimonials-carousel.seamless {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 12px;
    padding-right: 12px;
    display: block
}

.item-testimonial {
    flex: 0 auto;
    width: 100%;
    height: 100%;
    padding: 16px 12px
}

.item-testimonial.seamless {
    justify-content: center;
    align-items: center;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex
}

.h1-subtext-new {
    letter-spacing: .2px;
    margin-top: 8px;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    display: block
}

.h1-subtext-new.white {
    color: var(--white)
}

.h1-subtext-new.white.calculator {
    margin-bottom: 24px
}

.h1-subtext-new.black {
    color: #000000de
}

.h1-subtext-new.margin-bottom-48 {
    margin-bottom: 48px
}

.h1-subtext-new.margin-bottom-24 {
    margin-bottom: 24px
}

.h1-subtext-new.margin-bottom-64 {
    margin-bottom: 64px
}

.hero-header-txt-holder {
    margin-top: 24px
}

.button-wrapper {
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    margin-top: 40px
}

.button-wrapper.no-flex {
    display: block
}

.button-wrapper.relativ {
    position: relative
}

.button-wrapper.immosuche {
    display: none
}

.button-wrapper.newsletter {
    flex-direction: row;
    justify-content: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.button-wrapper.input-field {
    margin-top: 0
}

.button-wrapper.v2 {
    justify-content: center;
    margin-top: 0;
    display: flex
}

.button-wrapper.v3.mobile {
    display: none
}

.product-content {
    text-align: left;
    height: auto;
    min-height: 500px;
    position: relative
}

.product-content.icon-section {
    align-self: flex-start;
    width: 100%;
    min-height: auto;
    max-height: none
}

.product-content.icon-section.solar {
    height: 100%;
    display: flex
}

.product-content.no-dropdown {
    min-height: auto;
    margin-bottom: 80px
}

.product-content.b2b-pages {
    flex-direction: column;
    justify-content: center;
    min-height: auto
}

.product-content.txt-only {
    min-height: auto
}

.product-content.form-section {
    flex: 1;
    min-height: auto
}

.product-txt-holder {
    margin-top: 24px;
    margin-bottom: 24px
}

.product-txt-holder.marg-bottom-24 {
    margin-bottom: 24px
}

.product-txt-holder.marg-bottom-24.grid-two {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    display: grid
}

.product-txt-holder.narrow {
    width: 100%;
    max-width: 500px;
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto
}

.product-txt-holder.is-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.product-dropdown-holder {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
    position: relative
}

.product-dropdown-holder.static-margin {
    margin-bottom: 48px
}

.product-dropdown {
    border-bottom: 1px solid var(--grey-200);
    width: 100%;
    padding-bottom: 8px
}

.product-dropdown-toggle {
    color: #000000de;
    letter-spacing: .25px;
    white-space: normal;
    width: 100%;
    padding-top: 14px;
    padding-bottom: 5px;
    padding-left: 0;
    font-weight: 700;
    line-height: 24px
}

.product-dropdown-toggle.with-icon {
    align-items: center;
    display: flex
}

.product-dropdown-list.w--open {
    background-color: #0000;
    position: relative
}

.title-dropdown {
    color: #000000de;
    letter-spacing: .5px;
    white-space: normal;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.dropdown-icon {
    opacity: .6;
    margin-right: 4px;
    inset: 20px 0% auto auto
}

.product-img-new {
    z-index: 1;
    width: 100%;
    height: auto
}

.product-img-new.logo {
    max-width: 280px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    top: 0
}

.product-img-new.newsletter {
    position: relative
}

.product-img-bg-houzy {
    background-color: var(--houzy-green);
    background-image: linear-gradient(135deg, var(--green-700), var(--houzy-green)50%, var(--green-300));
    border-radius: 16px;
    width: 25vw;
    max-width: 320px;
    height: 25vw;
    max-height: 320px;
    position: absolute
}

.product-img-bg-houzy.margin-left {
    transform: translate(9%)
}

.product-img-bg-houzy.marg-right {
    transform: translate(-12%)
}

.product-img-bg-houzy.cockpit-lebensdauer {
    transform: translate(22%, 13%)
}

.product-img-bg-houzy.cockpit-sanierunskosten {
    transform: translate(-22%, 10%)
}

.product-img-bg-houzy.cockpit-offerten {
    transform: translate(-20%, 15%)
}

.product-img-bg-houzy.marg-left {
    transform: translate(8%)
}

.product-img-bg-houzy.marg-left.plant {
    transform: translate(8%, 2%)
}

.product-img-bg-houzy.styleguide {
    position: relative
}

.product-img-bg-houzy.grundstueck-2 {
    transform: translate(3%, 13%)
}

.product-img-bg-houzy.grundstueck1 {
    transform: translate(22%, 13%)
}

.product-img-bg-houzy.nachfragecheck {
    transform: translate(-43px, -48px)
}

.product-img-bg-houzy.versicherungscheck {
    transform: translate(10%, -13%)
}

.product-img-bg-houzy.versicherungscheck-2 {
    transform: translate(-11%, 13%)
}

.product-img-bg-houzy.newsletter {
    width: 20vw;
    height: 20vw
}

.product-img-bg-houzy.kununu {
    position: absolute;
    left: 62%;
    transform: translate(-29%, 13%)
}

.tile-content {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 100px;
    display: flex
}

.tile-content.horizontal {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    flex: 1
}

.product-dropdown-rich-txt {
    margin-top: -12px;
    margin-bottom: -12px
}

.product-dropdown-rich-txt p {
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.product-dropdown-rich-txt h3 {
    color: #000000de;
    margin-top: 12px;
    margin-bottom: -8px;
    font-size: 14px;
    line-height: 24px
}

.product-dropdown-rich-txt ul {
    margin-top: 4px;
    margin-bottom: 4px
}

.hero-section-content {
    max-width: 560px;
    padding: 32px
}

.hero-section-content.neophyten.title {
    max-width: 100%;
    padding-top: 0;
    padding-bottom: 0
}

.hero-section-content.left {
    padding: 0
}

.hero-section-content.right {
    align-self: auto;
    padding: 0
}

.hero-section-content.b2b {
    padding: 0
}

.hero-header-overlay {
    background-image: linear-gradient(90deg, #0009, #0000);
    position: absolute;
    inset: 0%
}

.hero-header-overlay.gradient {
    background-image: linear-gradient(90deg, #0000008c 20%, #0000 70%)
}

.hero-header-overlay.gradient.dark {
    background-image: linear-gradient(90deg, #0009, #0000004d 51%, #0000 75%)
}

.hero-header-overlay.gradient.dark.hide-mobile.finanzberatung {
    background-image: linear-gradient(90deg, #00000026, #0000004d 51%, #0000 75%)
}

.hero-header-overlay.gradient.dark.new {
    bottom: 0%
}

.hero-header-overlay.gradient.handwerker {
    background-image: linear-gradient(90deg, #0009, #0006 51%, #0000)
}

.hero-header-overlay.gradient.hide-mobile {
    background-image: linear-gradient(90deg, #0009 20%, #0000 70%)
}

.hero-header-overlay.gradient.hide-mobile.dtesting,
.hero-header-overlay.gradient.hide-mobile.new {
    background-image: linear-gradient(#00000080, #00000080)
}

.hero-header-overlay.gradient.full {
    background-image: linear-gradient(#00000080, #00000080);
    bottom: 0%
}

.hero-header-overlay.gradient.magazine {
    background-image: linear-gradient(90deg, #0009, #0006 51%, #0000)
}

.hero-header-overlay.full {
    background-image: linear-gradient(#00000080, #00000080)
}

.hero-header-overlay.gradient-dark {
    background-image: linear-gradient(90deg, #000000bf 25%, #0000 70%)
}

.hero-header-overlay.contact {
    background-image: linear-gradient(#0000 25%, #0006 50%)
}

.arrow-img-new {
    width: 96px;
    height: 96px;
    margin-top: -20px;
    padding-right: 11px;
    position: static;
    inset: auto 0% 0% 50%
}

.arrow-img-new.bewertung {
    object-fit: contain;
    margin-top: -8px;
    position: relative;
    left: 31px
}

.arrow-img-new.solarrechner {
    filter: invert();
    object-fit: contain;
    transform-style: preserve-3d;
    margin-top: -8px;
    position: relative;
    left: 31px
}

.arrow-img-new.fonds {
    object-fit: contain;
    transform-style: preserve-3d;
    margin-top: -8px;
    position: relative;
    left: 31px
}

.arrow-img-new.pflanzen {
    transform-style: preserve-3d
}

.arrow-img-new.gewinnspiel {
    width: 130px;
    height: 130px;
    position: relative;
    top: 20px;
    left: -45px;
    right: auto;
    transform: rotate(163deg)
}

.arrow-img-new.hypothek {
    transform-style: preserve-3d
}

.arrow-img-new.next-button {
    object-fit: cover;
    width: 110px;
    height: 130px;
    position: relative;
    top: 20px;
    left: -66px;
    right: auto;
    transform: rotate(150deg)
}

.arrow-img-new.nachfragecheck {
    transform-style: preserve-3d
}

.slider-hero-header {
    width: 100%;
    height: 100%
}

.hero-slider-arrow {
    display: none
}

.naef-container {
    background-color: var(--white);
    border-radius: 8px;
    width: auto;
    margin-top: 24px;
    padding: 12px;
    display: inline-block
}

.naef-logo {
    width: 240px
}

.naef-txt-holder {
    width: 136px;
    margin-right: 16px;
    display: inline-block
}

.div-block-219 {
    display: flex
}

.arrow-header-holder-new {
    z-index: 10;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    width: 260px;
    display: flex;
    position: absolute;
    bottom: 160px;
    left: 53vw
}

.arrow-header-holder-new.flex-vertical {
    flex-direction: column;
    display: none
}

.arrow-header-holder-new.flex-vertical.heizung {
    width: 210px;
    inset: 52% 50px auto auto;
    transform: rotate(7deg)
}

.arrow-header-holder-new.flex-vertical.bewertung {
    flex-direction: column-reverse;
    align-items: center;
    margin-left: auto;
    inset: 10% auto auto 52%;
    transform: rotate(-7deg)
}

.arrow-header-holder-new.flex-vertical.sanierungsrechner {
    top: 63px;
    left: 69.2vw
}

.arrow-header-holder-new.flex-vertical.cockpit,
.arrow-header-holder-new.flex-vertical.solar {
    flex-direction: column-reverse;
    align-items: center;
    width: auto;
    margin-left: auto;
    inset: 10% auto auto 52%;
    transform: rotate(-7deg)
}

.arrow-header-holder-new.flex-vertical.heizung,
.arrow-header-holder-new.flex-vertical.pflanzen,
.arrow-header-holder-new.flex-vertical.neophyten {
    top: 63px;
    left: 69.2vw
}

.arrow-header-holder-new.flex-vertical.gewinnspiel {
    flex-direction: column-reverse;
    display: flex;
    position: relative;
    top: -30px;
    bottom: auto;
    left: 50px;
    transform: rotate(-8deg)
}

.arrow-header-holder-new.flex-vertical.hypothek {
    top: 63px;
    left: 69.2vw
}

.arrow-header-holder-new.flex-vertical.next-button {
    flex-direction: column-reverse;
    width: auto;
    min-width: 260px;
    padding-right: 0;
    display: flex;
    position: absolute;
    top: -40px;
    bottom: auto;
    left: 0;
    transform: rotate(-8deg)
}

.arrow-header-holder-new.flex-vertical.energie {
    flex-direction: column-reverse;
    align-items: center;
    width: auto;
    margin-left: auto;
    inset: 10% auto auto 52%;
    transform: rotate(-7deg)
}

.arrow-header-holder-new.flex-vertical.nachfragecheck {
    top: 63px;
    left: 69.2vw
}

.arrow-header-new {
    color: var(--white);
    text-align: left;
    font-family: Kalam, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px
}

.arrow-header-new.centred {
    text-align: center
}

.arrow-header-new.centred.black {
    color: #000
}

.arrow-header-new.black {
    color: var(--black)
}

.arrow-header-new.next-button {
    position: relative;
    top: -19px;
    left: 20px
}

.hero-slider-nav {
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    display: flex
}

.hero-slider-nav.hide-mobile {
    display: none
}

.partner-teaser-link {
    z-index: 5;
    background-color: var(--white);
    width: 20%;
    max-width: 248px;
    color: var(--houzy-green);
    text-align: left;
    border-radius: 4px 0 0 4px;
    padding: 14px 32px 14px 16px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    position: absolute;
    inset: 120px 0% auto auto
}

.partner-teaser-link:hover {
    color: var(--houzy-green-hover)
}

.partner-teaser-link.dtesting {
    top: auto;
    bottom: 164px
}

.icon-span {
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    padding-top: 0;
    font-family: "Fa solid 900";
    display: inline
}

.value-dropdown-toggle {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0;
    font-weight: 700
}

.value-dropdown-list.w--open {
    background-color: #0000;
    position: static
}

.value-dropdown-rich-txt p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.text-span {
    text-transform: none
}

.div-block-220 {
    display: none
}

.header-checks-wrapper-new {
    min-width: 680px;
    margin-top: 24px;
    margin-left: -8px;
    margin-right: -8px;
    display: flex
}

.header-checks-wrapper-new.margin-top {
    margin-top: 96px
}

.header-checks-wrapper-new.vertical {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    max-width: 680px
}

.header-checks-wrapper-new.vertical.dtesting {
    flex-direction: row;
    justify-content: center;
    max-width: none;
    margin-bottom: 24px
}

.header-checks-wrapper-new.vertical.full-width {
    margin-left: 0;
    margin-right: 0
}

.header-checks-wrapper-new.vertical.hide-desktop {
    display: none
}

.header-checks-wrapper-new.center-items {
    justify-content: space-between
}

.header-checks-wrapper-new.feedback {
    align-items: flex-start
}

.header-checks-wrapper-new.hadwerker-new {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    min-width: auto;
    margin-top: 0
}

.header-checks-wrapper-new.is-wide {
    width: 130%
}

.hero-half-img-holder {
    position: relative
}

.hero-half-img-holder.b2b {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

.hero-half-img-holder.new-2 {
    padding: 48px
}

.google-rating-holder {
    flex: none;
    margin-top: 32px;
    margin-bottom: 64px
}

.google-rating-holder.flex {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    display: flex
}

.google-rating-holder.flex.startpage {
    margin-bottom: 0
}

.google-rating-holder.flex.dtesting {
    justify-content: center
}

.google-rating-holder.flex.dtesting.v2 {
    margin-bottom: 32px
}

.google-rating-holder.flex.dtesting.v2.mobile {
    justify-content: flex-start;
    display: none
}

.google-rating-holder.flex.margin-bottom-fix {
    margin-bottom: 0
}

.google-rating-holder.flex.margin-bottom-fix.header {
    margin-top: 24px
}

.google-rating-holder.flex.no-margin-bottom {
    margin-bottom: 0
}

.google-rating-holder.flex-trash {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 48px;
    display: flex
}

.google-rating-holder.flex-vertical {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    justify-content: flex-start;
    align-items: flex-start
}

.rating-item-header {
    align-items: flex-start;
    margin-bottom: -8px;
    display: flex
}

.rating-label-wraper {
    display: flex
}

.neophyten-slider {
    background-color: var(--white);
    width: 100%;
    height: auto;
    position: static
}

.neophyten-slide {
    width: 100%;
    height: auto;
    min-height: auto
}

.mask-5 {
    width: 100%;
    height: auto
}

.neophyten-slider-arrow-new {
    float: left;
    color: #0000004d;
    border: 1px solid #0000004d;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin-top: -90px;
    margin-left: 48px;
    margin-right: 0;
    padding: 8px;
    font-size: 17px;
    display: inline-block;
    position: relative
}

.neophyten-slider-arrow-new:hover {
    border-color: var(--houzy-green);
    color: var(--houzy-green)
}

.neophyten-slider-arrow-new.right {
    left: 48px
}

.contact-handwerker-form {
    width: 100%
}

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

.grid-1x4.values {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto
}

.grid-1x4.checklist {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.grid-1x4.key4 {
    margin-top: 48px;
    margin-bottom: 48px
}

.icon-circle-bg {
    background-color: var(--green-100);
    border-radius: 50%;
    flex: none;
    align-self: flex-start;
    margin-right: 32px;
    padding: 24px
}

.card-styleguide {
    background-color: var(--white);
    border-radius: 8px;
    flex-direction: column;
    padding: 24px;
    display: block;
    box-shadow: 0 0 4px #00000014
}

.card-styleguide.styleguide-colors {
    border: 1px solid #00000014;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.card-styleguide.medienspiegel {
    filter: saturate(0%);
    margin-bottom: 0;
    line-height: 20px;
    text-decoration: none;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    box-shadow: 0 0 4px #00000014
}

.card-styleguide.medienspiegel:hover {
    filter: saturate(200%);
    transform: translateY(-4px);
    box-shadow: 2px 0 12px #0000001f
}

.card-styleguide.job {
    text-align: left;
    margin-top: 16px;
    margin-bottom: 16px;
    padding-right: 56px;
    text-decoration: none;
    transition: all .25s cubic-bezier(.25, .46, .45, .94);
    position: relative
}

.card-styleguide.job:hover {
    transform: translateY(-4px);
    box-shadow: 0 2px 12px #0000001f
}

.card-styleguide.form {
    text-align: left
}

.flow-dot {
    border: 2px solid var(--houzy-green);
    background-color: var(--white);
    border-radius: 50%;
    flex: none;
    width: 16px;
    height: 16px;
    margin-top: 8px;
    margin-bottom: 8px
}

.home-tabs-content {
    padding-top: 24px;
    padding-bottom: 24px
}

.home-tabs-content.news {
    position: static;
    overflow: visible
}

.testimonial-php-firma {
    text-align: left;
    flex-direction: column;
    flex: 1;
    justify-content: flex-end;
    height: 100%;
    margin-top: 16px;
    padding: 0;
    display: flex
}

.checklist-item-wrapper {
    margin-top: 16px;
    padding-top: 8px;
    padding-bottom: 8px
}

.checklist-item-wrapper.vielen-dank {
    margin-bottom: 16px;
    display: flex
}

.checklist-item-wrapper.modal {
    margin-top: 0
}

.success-message {
    color: #70be3b;
    background-color: #0000
}

.success-message.calculator-flow {
    padding-top: 100px;
    padding-bottom: 100px;
    font-size: 16px
}

.rich-txt-agb {
    text-align: left
}

.rich-txt-agb h2 {
    margin-top: 60px;
    margin-bottom: 40px;
    font-size: 36px;
    line-height: 48px
}

.rich-txt-agb h3 {
    color: #000000de;
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.rich-txt-agb h4 {
    margin-top: 32px;
    font-size: 14px
}

.rich-txt-agb.margin-top-64 {
    margin-top: 64px
}

.rich-txt-agb p {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 24px
}

.rich-txt-agb.b2b {
    margin-top: -60px
}

.rich-txt-agb.b2b li {
    margin-top: 0
}

.rich-txt-agb.b2b h5 {
    margin-top: 16px;
    margin-bottom: 6px;
    font-style: italic;
    font-weight: 400
}

.rich-txt-agb.b2b ul {
    margin-bottom: 12px
}

.rich-txt-agb.datenschutz ul {
    margin-bottom: 16px
}

.div-block-226 {
    margin-bottom: 8px;
    margin-right: 16px;
    display: inline-block
}

.div-block-227 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 24px;
    display: flex
}

.div-block-227.mobile {
    display: none
}

.header-holder-wettbewerb {
    margin-bottom: 48px
}

.align-txt-left {
    text-align: left
}

.blog-img-holder {
    width: 100%;
    position: relative;
    left: 0;
    right: 0
}

.logo-holder {
    width: auto;
    height: 64px
}

.logo-holder.flex {
    align-items: center;
    display: flex
}

.logo-holder.mobile-hide {
    flex: 0 auto;
    height: auto;
    min-height: 256px;
    position: absolute;
    inset: -57px auto auto 459px;
    transform: rotate(8deg)
}

.logo-holder.mobile-hide:hover {
    transform: rotate(8deg)
}

.logo-holder.mobile-hide.header {
    top: 30px;
    left: 568px
}

.logo-holder.mobile-hide.header.ghs {
    top: 247px;
    left: 373px
}

.logo-holder.mobile-hide.header.ghs.fix {
    top: -61px;
    left: 475px
}

.logo-holder.mobile-hide.header.ubs-stoerer {
    inset: auto 8% 13% auto;
    transform: none
}

.logo-holder.mobile-hide.header.best-employer {
    min-height: auto;
    margin-bottom: 0;
    inset: auto auto 20% 35%;
    transform: none
}

.logo-holder.mobile-hide.header.best-employer.footer {
    position: static;
    bottom: 3%
}

.logo-holder.mobile-hide.header.key4-stoerer {
    inset: auto 14% 52% auto;
    transform: none
}

.logo-holder.mobile-hide.header.key4-stoerer.buyer {
    bottom: 22%;
    right: 10%
}

.logo-holder.mobile-hide.header.key4-stoerer-2 {
    inset: auto 14% 14% auto;
    transform: none
}

.logo-holder.mobile-hide.header.baloise-stoerer {
    width: 250px;
    height: 250px;
    min-height: auto;
    inset: auto 8% 12% auto
}

.logo-holder.ghs-logo-section {
    height: 96px
}

.logo-holder.ghs {
    margin-top: 0
}

.logo-holder.hc-lp {
    position: absolute;
    inset: auto -37% 0% auto
}

.logo-holder.align-item-center {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.product-holder-grid {
    grid-row-gap: 120px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    place-items: start stretch;
    display: grid
}

.div-block-232 {
    margin-top: 16px;
    margin-bottom: 48px
}

.margin-top-16 {
    margin-top: 16px
}

.link-white {
    color: var(--white);
    display: inline
}

.job-arrow {
    width: 24px;
    height: 100%;
    position: absolute;
    inset: 0% 24px 0% auto
}

.input-field-holder {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px
}

.input-field-holder.flex {
    padding: 8px
}

.input-field-holder.flex.no-padding {
    padding: 0
}

.input-field-holder.area {
    margin-bottom: 16px;
    padding-top: 8px;
    padding-bottom: 0
}

.input-field-holder.area.thank-you {
    margin-bottom: 0;
    padding-top: 0
}

.input-field-holder.title {
    margin-bottom: 8px
}

.selection-button-field {
    margin-bottom: 0;
    margin-right: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0;
    display: inline-block
}

.selection-button-field.new.gewinnspiel {
    margin-right: 8px
}

.selction-button-wrapper {
    padding-top: 4px;
    padding-bottom: 4px;
    display: flex
}

.selction-button-wrapper.vertical {
    flex-direction: column
}

.single-selection-icon {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 8px
}

.single-selection-icon.w--redirected-checked {
    border-width: 2px;
    border-color: var(--houzy-green);
    background-image: url(../images/60d1fef234c3a14c0198f576_radio-button-selected.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto
}

.single-selection-icon.w--redirected-focus {
    box-shadow: none
}

.multiple-selection-icon {
    background-color: var(--white);
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 8px
}

.multiple-selection-icon.w--redirected-checked {
    border-color: var(--houzy-green);
    background-color: #70be3b;
    background-size: 18px 18px
}

.multiple-selection-icon.w--redirected-focus {
    box-shadow: none
}

.rich-text-wettbewerb h3 {
    margin-top: 48px;
    margin-bottom: 16px;
    font-size: 20px
}

.low-emphasis {
    color: #0009
}

.img-beirat {
    object-fit: cover;
    object-position: 50% 10%;
    border-radius: 50%;
    width: 72px;
    height: 72px
}

.beirat-wrapper {
    text-align: left;
    align-items: flex-start;
    width: auto;
    display: block
}

.beirat-img-holder {
    flex: none;
    margin-bottom: 8px;
    margin-right: 16px;
    display: block
}

.beirat-icon {
    opacity: .6;
    filter: contrast(0%);
    width: 20px;
    height: 20px;
    transition: all .2s cubic-bezier(.25, .46, .45, .94)
}

.beirat-icon:hover {
    opacity: 1;
    filter: none
}

.beirat-link {
    margin-top: 8px
}

.container-18 {
    grid-column-gap: 16px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: start;
    display: grid
}

.cl-php-loop-wrapper.offset {
    transform: translate(-100%)
}

.cl-php-loop {
    display: flex
}

.cl-php-loop-wrapper-item {
    flex: none;
    align-items: center;
    width: auto;
    max-width: none;
    max-height: 120px;
    padding-left: 12px;
    padding-right: 12px;
    display: flex
}

.cl-php-loop-wrapper-item.offset {
    transform: translate(-50%)
}

.loop-wrapper {
    flex: none;
    margin-top: 8px;
    margin-bottom: 32px;
    display: flex
}

.loop-wrapper.offset {
    margin-top: 0;
    margin-bottom: 0
}

.php-logo-holder {
    padding: 16px 24px;
    display: inline-block
}

.loop-holder {
    flex-wrap: wrap;
    margin-top: 32px;
    margin-left: -48px;
    margin-right: -48px;
    display: flex
}

.cl-team {
    grid-column-gap: 40px;
    grid-row-gap: 60px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: start;
    place-items: start stretch;
    display: grid
}

.cl-team.experts {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}

.cl-team-wrapper {
    flex-wrap: wrap;
    margin-top: 60px
}

.cl-team-item {
    float: none;
    flex: none;
    padding: 0
}

.team-member-img {
    z-index: 1;
    object-fit: cover;
    width: 100%;
    position: relative
}

.cl-team-item-wrapper {
    text-align: left
}

.team-member-img-holder {
    margin-bottom: 12px;
    position: relative
}

.team-member-icon {
    flex: none;
    width: 28%;
    min-width: 48px;
    max-width: 64px;
    height: 28%;
    min-height: 48px;
    max-height: 64px;
    position: absolute;
    inset: 21% auto auto;
    transform: none
}

.team-member-icon._1 {
    bottom: auto;
    left: auto;
    transform: rotate(10deg)
}

.team-member-icon._2 {
    transform: rotate(-28deg)
}

.team-member-icon._3 {
    transform: rotate(12deg)
}

.margin-bottom-4 {
    margin-bottom: 4px
}

.team-icon-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    inset: 0%
}

.grid-styleguide-section {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: left;
    grid-template-rows: auto;
    grid-template-columns: 320px 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.styleguide-title {
    background-color: var(--grey-main-050);
    text-align: left;
    border-radius: 4px;
    padding: 20px 24px 24px;
    position: relative
}

.styleguide-title.white {
    background-color: #0000
}

.styleguide-content-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    align-items: start;
    display: grid
}

.styleguide-content-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid
}

.styleguide-content-item.typography {
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-auto-rows: auto
}

.styleguide-color {
    height: 72px
}

.styleguide-color.primary-500-green {
    background-color: var(--houzy-green)
}

.styleguide-color.feedback-yellow {
    background-color: var(--yellow-600)
}

.styleguide-color.secondary-dark-grey {
    background-color: var(--houzy-dark-grey)
}

.styleguide-color.feedback-error {
    background-color: var(--error-red-700)
}

.styleguide-color.secondary-050-grey {
    background-color: var(--grey-main-050)
}

.styleguide-color.gradient {
    background-color: #0000;
    background-image: linear-gradient(135deg, var(--green-700), var(--houzy-green)50%, var(--green-200))
}

.styleguide-color.secondary-100-grey {
    background-color: var(--grey-100)
}

.styleguide-color.secondary-200-grey {
    background-color: var(--grey-200)
}

.styleguide-color.secondary-300-grey {
    background-color: var(--grey-300)
}

.styleguide-color.secondary-low-emphasis-grey {
    background-color: var(--low-emphasis)
}

.styleguide-color.secondary-medium-emphasis-grey {
    background-color: var(--medium-emphasis)
}

.styleguide-color.secondary-high-emphasis-grey {
    background-color: var(--high-emphasis)
}

.styleguide-color.primary-50-green {
    background-color: var(--green-050)
}

.styleguide-color.primary-100-green {
    background-color: var(--green-100)
}

.styleguide-color.primary-200-green {
    background-color: var(--green-200)
}

.styleguide-color.white {
    background-color: var(--white)
}

.styleguide-color.primary-300-green {
    background-color: var(--green-300)
}

.styleguide-color.primary-hover-green {
    background-color: var(--button-hover)
}

.styleguide-color.secondary-ultra-low-emphasis-grey {
    background-color: var(--grey-050-opacity)
}

.styleguide-color.feedback-ultra-low-emphasis-red {
    background-color: var(--ultra-low-emphasis-red)
}

.styleguide-color.feedback-ultra-low-emphasis-green {
    background-color: var(--ultra-low-emphasis-green)
}

.styleguide-color.text-color {
    background-color: #000000de
}

.card-body-styleguide {
    color: #000000de;
    padding: 16px;
    font-weight: 600;
    line-height: 24px
}

.medium-emphasis {
    color: #0009
}

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

.row-styleguide-content {
    flex-flow: wrap;
    align-items: flex-start;
    display: flex
}

.row-styleguide-content.card-content {
    flex-wrap: nowrap
}

.stylegiuide-content-item {
    margin-right: 24px
}

.stylegiuide-content-item.card-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--grey-main-050);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding: 24px
}

.stylegiuide-content-item.grey-bg {
    background-color: var(--houzy-dark-grey);
    padding: 8px
}

.stylegiuide-content-item.form {
    width: 50%
}

.styleguide-sticky-top {
    position: sticky;
    top: 24px;
    bottom: 24px
}

.styleguide-sticky-top.baloise {
    top: 104px
}

.form-houzy {
    margin-left: 0;
    margin-right: 0
}

.arrow-wrapper {
    position: relative
}

.toggle-team-dropdown {
    padding: 0
}

.team-dropdown-menu.w--open {
    background-color: #0000;
    position: relative
}

.faq-dropdown {
    background-color: #0000;
    margin-top: -16px;
    margin-bottom: 16px;
    position: static;
    overflow: hidden
}

.icon-dropdown-arrow {
    background-color: var(--grey-050-opacity);
    color: var(--grey-300);
    border-radius: 100%;
    margin-right: 4px
}

.div-block-237 {
    position: relative
}

.owl-next {
    filter: grayscale();
    background-color: #0000;
    background-image: url(../images/6139fb997710a04b16633d8e_next-button.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.owl-next:hover {
    filter: none
}

.owl-prev {
    filter: grayscale();
    background-color: #0000;
    background-image: url(../images/6139fb993768ede08cffa485_previous-buton.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

.owl-prev:hover {
    filter: none
}

.news-carousel {
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 48px;
    padding-right: 48px;
    display: flex
}

.news-carousel.seamless {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 12px;
    padding-right: 12px;
    display: block
}

.news-download {
    justify-content: center;
    display: flex
}

.news-download.margin-top-48 {
    margin-top: 48px
}

.news-download-tile {
    justify-content: center;
    width: auto;
    padding: 16px;
    display: flex
}

.slider-images {
    object-fit: contain;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    display: inline-block
}

.lightbox-link-news {
    width: 100%;
    height: 100%
}

.button-icon {
    width: 24px;
    height: 24px;
    margin-right: 4px
}

.button-icon.cta-video {
    width: 20px;
    height: 20px
}

.button-icon.cta-video.green.mobile-switch {
    display: none
}

.button-holder-flex-news {
    justify-content: flex-end;
    display: flex
}

.tabs-newsroom.margin-top-48 {
    margin-top: 48px
}

.newsroom-video {
    margin-bottom: 8px;
    transition: all .25s
}

.images-carousel {
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 48px;
    padding-right: 48px;
    display: flex
}

.images-carousel.seamless {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 12px;
    padding-right: 12px;
    display: block
}

.images-carousel.seamless.no-padding {
    padding-left: 0;
    padding-right: 0
}

.lang-switch-holder {
    background-color: #fff;
    height: 100%;
    padding: 0
}

.lang-switch-holder.blog {
    float: right
}

.lang-switch-dropdown {
    background-color: #fff;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: block
}

.dropdown-list-houzy {
    display: none
}

.dropdown-list-houzy.w--open {
    background-color: #fff;
    border-radius: 5px;
    width: auto;
    padding: 15px;
    box-shadow: 5px 0 30px #0000001f
}

.dropdown-list-houzy.lang-switch-houzy.w--open {
    padding: 8px 4px;
    position: absolute;
    top: 56px
}

.stoerer-logo {
    width: 120px;
    height: 120px;
    display: block
}

.stoerer-logo.ubs {
    width: 225px;
    height: auto
}

.stoerer-logo.hc-lp {
    width: 225px;
    height: 225px;
    transform: rotate(-15deg)
}

.stoerer-logo.baloise-stoerer {
    width: 100%;
    height: 100%
}

.utm {
    display: none
}

.ghs-logo {
    height: 100%
}

.ghs-logo.is-small {
    max-height: 32px
}

.image-183 {
    height: 100%
}

.faq-anchor {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    display: flex
}

.faq-anchor.faq {
    flex-flow: wrap;
    align-self: flex-start;
    width: 100%;
    display: flex
}

.faq-anchor.faq.margin-top-48 {
    margin-top: 48px
}

.div-block-238 {
    margin-top: 16px
}

.nl-container {
    margin-top: -48px
}

.card {
    color: #b8b9c2;
    background-color: #3f4046;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    box-shadow: 0 5px 2rem #0000004d
}

.cta-banner {
    background-color: var(--white);
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative
}

.contest-img-blog {
    width: 130px;
    height: 130px
}

.present-img-holder1 {
    z-index: 5;
    position: absolute;
    top: 30%;
    right: 0%
}

.present-img-holder2 {
    position: absolute;
    top: 75%;
    left: 0%
}

.close-icon {
    filter: invert();
    cursor: pointer;
    width: 24px;
    height: 24px;
    position: absolute;
    inset: 16px 48px auto auto
}

.card-popup {
    background-color: var(--white);
    color: #000000de;
    text-align: center;
    border-radius: 4px;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    box-shadow: 0 0 4px #00000014
}

.card-popup.teaser {
    background-image: linear-gradient(#ffffffc7, #ffffffc7), url(../images/619e64fb6689c404ce14da1d_4536rzrtezrtezrtezretzrtez.webp);
    background-position: 0 0, 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding: 48px 96px;
    display: none
}

.footer-bottom {
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-top: 32px;
    display: flex
}

.footer-bottom.none {
    border: 1px #000;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 0;
    padding-right: 64px
}

.footer-title {
    color: var(--houzy-green);
    margin-bottom: 22px;
    font-size: 17px
}

.container {
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto
}

.footer-arrow-back-to-top {
    opacity: .5;
    width: 45px;
    height: 45px;
    min-height: auto;
    color: var(--white);
    justify-content: center;
    align-items: center;
    transition: all .2s;
    display: flex
}

.footer-arrow-back-to-top:hover {
    opacity: .25
}

.footer-column {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 40px;
    display: flex
}

.footer-column.v2 {
    margin-left: -8px;
    padding-right: 0
}

.footer-column.vzwei {
    padding-right: 48px
}

.social-link {
    width: 40px;
    height: 40px;
    color: var(--white);
    justify-content: center;
    align-items: center;
    padding: 10px;
    transition: opacity .2s;
    display: flex
}

.social-link:hover {
    opacity: .5
}

.footer-link {
    color: var(--white);
    margin-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    transition: opacity .2s;
    display: block
}

.footer-link:hover {
    opacity: .5
}

.footer-grid-desktop {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 32px
}

.footer-grid-desktop.v2 {
    grid-column-gap: 16px;
    grid-template-columns: 3.5fr 2.25fr 2fr 1.5fr;
    margin-top: 32px
}

.footer-logo-new {
    margin-top: 0;
    margin-bottom: 24px
}

.footer-logo-container {
    justify-content: flex-end;
    margin-bottom: 0;
    display: none
}

.footer-logo-container.v2 {
    justify-content: flex-end;
    display: flex
}

.footer-submenu,
.footer-social-container {
    display: flex
}

.adress-link {
    color: var(--white);
    text-decoration: none;
    transition: opacity .2s
}

.adress-link:hover {
    opacity: .5
}

.text-block {
    color: var(--white)
}

.text-block.subheading-small {
    text-align: center
}

.text-block.subheading-small.left-aligned {
    color: var(--white);
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    font-style: normal;
    font-weight: 700;
    text-decoration: none
}

.text-block.subheading-small.left-aligned.nl-banner {
    color: var(--houzy-green)
}

.back-to-top-arrow {
    width: 24px;
    height: 24px;
    transition: opacity .3s
}

.footer-new {
    z-index: 5;
    background-color: var(--houzy-dark-grey);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-top: -4px;
    padding: 32px 48px 40px;
    position: relative
}

.top {
    display: none
}

.select-field-new {
    background-color: var(--white);
    border: 1px solid #0000001f;
    border-radius: 4px;
    margin-top: 4px;
    padding-left: 8px;
    padding-right: 0;
    line-height: 24px
}

.icon-bullet-point {
    margin-right: 16px
}

.check-holder-beratung {
    text-align: left;
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: start;
    place-items: start;
    padding-top: 0;
    padding-bottom: 8px;
    display: flex
}

.checkbox-label {
    display: none
}

.navigation-link {
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 20px 12px;
    font-size: 15px;
    text-decoration: none;
    transition: all .2s;
    display: flex
}

.navigation-link:hover {
    color: #8c54ff
}

.navigation-link.w--current {
    color: #99d715
}

.nav-content-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 12px;
    display: flex
}

.nav-content-wrap.mobile {
    flex-direction: column;
    padding-left: 0;
    display: flex
}

.mobile-nav-link {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 0
}

.mobile-nav-link.body-small.language {
    width: 100%;
    max-width: 40px;
    margin-left: 0;
    margin-right: 0
}

.mobile-nav-link.body-small.language.active {
    color: #70be3b;
    cursor: default;
    cursor: default;
    font-weight: 700
}

.mobile-nav-link.subheading-big.w--current {
    color: #70be3b
}

.dropdown-toggle {
    padding-left: 12px;
    padding-right: 24px;
    transition: all .2s
}

.dropdown-toggle:hover {
    color: #8c54ff
}

.dropdown-toggle.subheading-small.semi-bold.w--open {
    color: var(--houzy-green)
}

.dropdown-toggle.subheading-small.semi-bold.blog {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600
}

.dropdown-toggle.subheading-small.semi-bold.blog:hover {
    color: var(--houzy-green)
}

.dropdown-pointer {
    position: relative
}

.navigation-container-mob {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1300px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}



.navigation-mob {
    z-index: 2000;
    border-bottom: 1px solid var(--grey-100);
    background-color: var(--white);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 64px;
    padding-left: 48px;
    padding-right: 48px;
    position: sticky;
    top: -64px;
    box-shadow: 0 10px 25px #0000000d
}

.navigation-mob.blog {
    box-shadow: none;
    position: relative
}

.navigation-container {
    align-items: center;
    width: 100%;
    max-width: 1300px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.menu-mob {
    background-color: var(--grey-main-050);
    border-radius: 4px;
    padding: 12px
}

.menu-mob.w--open {
    border-radius: 4px
}

.navigation {
    background-color: #0000;
    background-image: linear-gradient(to bottom, var(--white), var(--white));
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    flex-direction: column;
    align-items: center;
    padding-left: 48px;
    padding-right: 48px;
    display: none;
    box-shadow: 0 10px 25px #0000000d
}

.navigation-dropdown {
    min-width: 140px
}

.navigation-dropdown.w--open {
    background-color: #0000;
    min-width: 320px;
    max-height: 100vh;
    padding-top: 10px
}

.mobile-dropdown.fix {
    width: 100%
}

.mobile-dropdown.subnav {
    z-index: 999999;
    height: 100%;
    position: static
}

.mobile-dropdown.subnav.baloise-subnav-item {
    z-index: 99999999;
    color: #000e6d;
    padding-left: 0;
    padding-right: 0;
    font-family: Baloisecreatetext, sans-serif;
    font-weight: 700;
    text-decoration: none;
    position: relative
}

.mobile-dropdown.subnav.baloise-subnav-item.w--current {
    border-top: 2px solid #0000;
    border-bottom: 2px solid #000e6d
}

.mobile-dropdown.subnav.pricing-b2b {
    color: #0009;
    border-bottom: 2px solid #0000;
    line-height: 48px;
    text-decoration: none
}

.mobile-dropdown.subnav.pricing-b2b:hover {
    color: #000000de
}

.mobile-dropdown.subnav.pricing-b2b.w--current {
    border-bottom: 2px solid var(--houzy-green);
    color: var(--houzy-green)
}

.mobile-dropdown.subnav {
    height: 100%;
    position: static
}

.mobile-dropdown.subnav.handwerker {
    z-index: 800;
    text-decoration: none;
    position: relative
}

.navigation-left {
    align-items: center;
    width: 100%;
    display: flex;
        justify-content: center;
}

.navigation-right {
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    display: flex
}

.navigation-right.blog {
    height: 100%
}

.dropdown-wrapper {
    background-color: #fff;
    border-radius: 10px;
    min-width: 140px;
    overflow: hidden;
    box-shadow: 4px -19px 35px #20355a14, 11px 11px 30px -10px #20355a26
}

.dropdown-wrapper.w--open {
    background-color: #fff;
    border-radius: 15px;
    min-width: 300px;
    max-height: 100vh;
    left: -97px;
    box-shadow: 0 50px 25px -50px #20355a26, 8px 18px 60px 4px #00000021
}

.nav-menu-3 {
    color: #283338;
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
    position: static
}

.dropdown-link-mobile {
    width: 100%;
    height: 100%;
    color: var(--black);
    flex-direction: column;
    font-size: 16px;
    text-decoration: none
}

.dropdown-list-2 {
    background-color: var(--white)
}

.dropdown-list-2.w--open {
    background-color: #0000;
    width: 320px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0
}

.dropdown-list-2.fix.w--open {
    height: 100%;
    margin-top: 0;
    position: static
}

.mobile-toggle {
    padding-top: 16px;
    padding-bottom: 16px
}

.mobile-toggle.subheading-small.semi-bold.subnav {
    z-index: 99999;
    padding-left: 20px;
    padding-right: 40px;
    position: relative
}

.mobile-toggle.subheading-small.semi-bold.subnav.handwerker {
    padding-right: 20px;
    position: relative
}

.mobile-toggle.subheading-small.semi-bold.subnav.baloise-item {
    color: #000e6d;
    padding-right: 20px;
    font-weight: 700;
    position: relative
}

.mobile-toggle.subheading-small.semi-bold.subnav.baloise-item:hover {
    color: #0414a3
}

.mobile-toggle.subheading-small.semi-bold {
    align-items: center;
    height: 100%;
    font-weight: 600;
    display: flex
}

.mobile-toggle.subheading-small.semi-bold.w--open {
    color: #70be3b
}

.mobile-toggle.subheading-big {
    margin-bottom: 0;
    padding-left: 0
}

.mobile-toggle.subheading-big.w--open {
    color: #70be3b
}

.login-buttons {
    align-items: center;
    margin-left: 30px;
    display: flex
}

.login-buttons.blog {
    margin-left: 16px;
    margin-right: 16px
}

.dropdown-link-2 {
    z-index: 25;
    color: #283338;
    align-items: center;
    padding: 20px;
    font-size: 16px;
    text-decoration: none;
    transition: all .2s;
    display: flex;
    position: relative
}

.dropdown-link-2:hover {
    color: #7839f3;
    background-color: #fafafacc
}

.dropdown-nav-arrow {
    color: var(--grey-300);
    margin-right: 5px
}

.houzy-logo-nav {
    background-image: url(../images/6049f1038db6a2b65f5eee21_Houzy-Logo_1x1.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    width: 112px;
    height: 100%
}

.houzy-logo-nav.business {
    background-image: none;
    width: 220px;
    height: 100%
}

.houzy-logo-nav.baloise-logo-poweredbyhouzy {
    background-image: url(../images/657aad32f71ad55f18028c2f_66cbad5e87431cba645f8d44f0bd727b_Baloise%20big.svg);
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    width: 310px
}

.navigation-dropdown-language {
    min-width: 140px
}

.navigation-dropdown-language.w--open {
    background-color: #0000;
    min-width: 320px;
    max-height: 100vh;
    padding-top: 10px
}

.full-divider {
    background-color: var(--grey-main-050);
    width: 100%;
    height: 2px;
    margin-top: 16px;
    margin-bottom: 16px;
    margin-right: auto;
    display: block
}

.dropdown-nav-arrow-mobile {
    color: var(--grey-300);
    margin-right: 16px
}

.mobile-nav-container {
    width: 100%
}

.mobile-nav-container.language-switch-mobile {
    flex-direction: row;
    justify-content: flex-start;
    display: flex
}

.nav-section {
    flex-direction: column;
    width: 100%;
    margin-bottom: 32px;
    display: flex
}

.menu-close {
    display: none
}

.menu-burger {
    display: block
}

.houzy-logo-mobile {
    align-items: center;
    height: 100%;
    display: flex
}

.houzy-logo-mobile.w--current {
    flex: 0 auto
}

.nav-badge {
    height: 14px;
    padding-left: 8px
}

.mobile-nav {
    z-index: 999999;
    background-color: var(--white);
    flex-direction: column;
    width: 100%;
    height: 100svh;
    padding: 48px 48px 96px;
    display: none;
    position: fixed;
    top: 64px;
    left: 0;
    right: 0;
    overflow: auto
}

.mobile-nav.w--open {
    z-index: 2147483647;
    display: flex;
    position: absolute;
    left: 0;
    right: 0
}

.mobile-nav.subnav {
    z-index: 600;
    box-shadow: none;
    margin-top: 0;
    padding-bottom: 48px;
    transition: all .35s cubic-bezier(.25, .46, .45, .94);
    position: fixed;
    top: 112px
}

.mobile-nav.subnav.w--open {
    z-index: 9999;
    margin-top: 1px;
    margin-left: 0;
    margin-right: 0;
    transition: all .35s cubic-bezier(.25, .46, .45, .94);
    position: absolute;
    top: 48px
}

.mobile-nav.subnav.is-scrolled {
    z-index: 0;
    transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    display: none;
    position: fixed;
    top: 48px
}

.mobile-nav.subnav.is-scrolled.w--open {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    display: flex;
    top: 48px
}

.menu-dropdown-mobile {
    z-index: 999;
    margin-left: 0;
    margin-right: 0;
    position: static
}

.nav-tag-holder-mobile {
    align-items: center;
    text-decoration: none;
    display: flex
}

.subnav-wrapper {
    border-top: 1px solid var(--grey-100);
    border-bottom: 1px solid var(--grey-100);
    background-color: var(--white);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    flex-flow: column wrap;
    place-content: center;
    align-items: center;
    width: auto;
    height: 50px;
    margin-top: -1px;
    margin-left: -48px;
    margin-right: -48px;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    overflow: visible;
    box-shadow: 0 10px 25px #0000000d
}

.subnav-wrapper.baloise-style {
    display: flex;
    overflow: auto
}

.subnav-wrapper.pricing-b2b-style {
    align-content: center;
    padding-left: 48px;
    padding-right: 48px;
    display: flex
}

.baloise {
    width: 100px;
    height: auto
}

.hint-box {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--green-050);
    text-align: left;
    border-radius: 8px;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 16px;
    display: flex
}

.hint-box.margin-bottom-32 {
    margin-bottom: 32px
}

.hint-title {
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: flex-start;
    align-items: stretch;
    margin-bottom: 8px;
    display: flex
}

.hint-icon {
    width: 24px;
    height: 24px
}

.hint-title-wrapper {
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: flex-start;
    width: 100%;
    display: flex
}

.share-icon {
    width: 64px;
    height: 64px;
    color: var(--houzy-dark-grey);
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    font-family: "Fa brands 400";
    font-size: 17px;
    text-decoration: none;
    transition: color .2s;
    display: flex
}

.share-icon:hover {
    color: var(--houzy-green)
}

.blog-advert-banner {
    height: 100%;
    box-shadow: none;
    color: #000000de;
    border-radius: 8px;
    flex-direction: row;
    margin-top: 48px;
    margin-bottom: 48px;
    text-decoration: none;
    display: flex
}

.image-banner {
    object-fit: cover;
    object-position: 50% 50%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    flex: 1;
    max-width: 100%;
    min-height: 100%;
    display: inline-block
}

.image-banner.is-contain {
    object-fit: contain;
    object-position: 0% 50%
}

.text-banner {
    background-color: var(--grey-main-050);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    flex: 1;
    align-self: stretch;
    padding: 32px
}

.text-banner.is-rounded {
    border-radius: 8px
}

.blog-advert-title {
    text-align: left;
    width: 100%;
    margin-bottom: 0;
    font-size: 3.4em;
    line-height: 100%;
    text-decoration: none
}

.blog-text-wrapper {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: flex
}

.blog-image-banner {
    flex-direction: row;
    flex: 0 auto;
    justify-content: flex-end;
    align-self: stretch;
    align-items: stretch;
    width: 50%
}

.scroll-indicator {
    z-index: 99999999;
    background-image: linear-gradient(to bottom, var(--houzy-green), var(--houzy-green));
    transform-origin: 0%;
    width: 100%;
    height: 4px;
    display: block;
    position: fixed;
    top: 0;
    left: 0
}

.bottom-newsletter-wrapper {
    z-index: 3;
    border-top: 1px solid var(--grey-100);
    background-color: var(--grey-main-050);
    justify-content: space-around;
    align-items: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 16px 48px;
    display: flex;
    position: fixed;
    inset: auto 0% 0%
}

.bottom-newsletter-wrapper.auto {
    display: none
}

.bottom-newsletter-wrapper.manual {
    z-index: 5;
    display: none
}

.newsletter-content {
    display: flex
}

.no-margin {
    margin-bottom: 0
}

.share-blog-section-top {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.image-188 {
    margin-top: -8px;
    display: block
}

.close-nl-banner {
    cursor: pointer;
    transition: opacity .2s
}

.close-nl-banner:hover {
    opacity: .5
}

.button-big {
    float: left;
    background-color: var(--houzy-green);
    color: #fff;
    text-align: center;
    letter-spacing: .25px;
    text-transform: none;
    border-style: none;
    border-radius: 4px;
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 96px;
    padding: 10px 24px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s;
    display: block;
    position: static
}

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

.button-big.blog-advert {
    margin: 24px auto;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
    line-height: 24px
}

.hint-box-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--grey-main-050);
    border-radius: 8px;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 16px;
    display: flex
}

.hint-box-2.ratgeber {
    flex-flow: row;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px
}

.hint-icon-2 {
    width: 24px;
    height: 24px
}

.divider-horizontal {
    border-bottom: 1px solid var(--grey-100);
    align-self: stretch;
    margin-bottom: 24px
}

.icon-64 {
    width: 64px;
    height: 64px;
    display: inline-block
}

.col._2col {
    flex: 0 50%
}

.col._2col.overflow-visible {
    overflow: visible
}

.tab_illo-wrapper {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.row {
    margin-bottom: -32px;
    margin-left: -20px;
    margin-right: -20px
}

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

.tab-link {
    opacity: .4;
    cursor: pointer;
    background-color: #0000;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -28px;
    padding: 0 8% 0 28px;
    transition: border-color .2s, opacity .2s ease-out;
    display: block
}

.tab-link:hover {
    border-left-color: var(--houzy-green);
    opacity: .6;
    text-decoration: none
}

.tab-link.w--current {
    opacity: 1;
    background-color: #0000
}

.tab_pane {
    overflow: visible
}

.container-20 {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.icon-title-wrapper {
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 16px;
    display: flex
}

.icon-title-wrapper.gap {
    grid-column-gap: 16px;
    margin-bottom: 8px
}

.icon-48 {
    width: 48px;
    height: 48px
}

.icon-48.negativ {
    opacity: .78;
    filter: invert()
}

.tab-button {
    opacity: .6;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 280px;
    padding-bottom: 16px;
    font-size: 15px;
    display: flex
}

.tab-button.w--current {
    opacity: 1;
    background-color: #0000;
    position: relative
}

.divider {
    color: #00000061;
    letter-spacing: .4px;
    align-self: center;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.tab-link-section {
    opacity: .3;
    filter: none;
    cursor: pointer;
    background-color: #0000;
    padding: 24px;
    transition: border-color .2s, opacity .2s ease-out;
    display: block
}

.tab-link-section:hover {
    border-left-color: var(--houzy-green);
    opacity: 1;
    text-decoration: none
}

.tab-link-section.w--current {
    background-color: var(--grey-050-opacity);
    opacity: 1;
    filter: grayscale(0%);
    border-radius: 4px
}

.tab-text-wrapper {
    padding-left: 66px;
    overflow: hidden
}

.tab-menu-holder {
    flex-direction: column;
    flex: 0 50%;
    align-items: stretch;
    display: flex
}

.top-bar-container {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1240px;
    padding: 20px 56px;
    display: flex;
    overflow: hidden
}

.top-bar-container.top-bar {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-self: stretch;
    display: flex
}

.top-notification-close {
    cursor: pointer;
    width: 28px;
    height: 28px;
    transform-style: preserve-3d;
    padding: 8px;
    transition: transform .2s;
    position: absolute;
    inset: auto 32px auto auto
}

.top-notification-close:hover {
    transform: scale3d(.9, .9, .01)
}

.hero-header-double {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    min-height: 75vh;
    margin-top: 46px;
    padding: 96px 48px 64px;
    position: relative
}

.hero-header-double.change-mobile {
    grid-column-gap: 64px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    min-height: 89vh;
    display: grid
}

.hero-img-holder-double {
    position: absolute;
    inset: 0%
}

.hero-img-holder-double.change-mobile {
    overflow: hidden
}

.hero-header-overlay-double {
    background-image: linear-gradient(90deg, #0009, #0000);
    position: absolute;
    inset: 0% 0% 16px
}

.hero-header-overlay-double.gradient {
    background-color: #0000;
    background-image: linear-gradient(90deg, #00000080 25%, #0000 90%)
}

.hero-header-overlay-double.gradient.dark {
    background-image: linear-gradient(90deg, #0009, #0000004d 51%, #0000 75%)
}

.hero-header-overlay-double.gradient.dark.hide-mobile {
    background-image: linear-gradient(#00000080, #00000080);
    bottom: 0
}

.hero-header-content-double {
    z-index: 2;
    text-align: left;
    width: 60%;
    max-width: 640px;
    margin-left: 0;
    margin-right: 0;
    position: relative
}

.hero-header-content-double.long {
    max-width: 780px
}

.hero-header-content-double.mobile-change.long {
    flex-direction: column;
    justify-content: space-between;
    width: 85%;
    height: 350px;
    display: flex
}

.top-bar-wrapper {
    z-index: 99;
    background-color: var(--houzy-green);
    color: #fff;
    border-radius: 0 0 4px 4px;
    justify-content: center;
    align-items: center;
    max-height: 48px;
    display: flex;
    box-shadow: 0 10px 25px #0000000d
}

.top-bar-wrapper.baloise-color {
    background-color: #000d6e;
    display: flex
}

.top-bar-wrapper.baloise-color.height-fix {
    display: none
}

.top-bar-wrapper.is-pro-gradient {
    background-color: #fd7700;
    background-image: linear-gradient(135deg, #ffbd00, #fd7700)
}

.dropdown-field {
    float: none;
    background-color: var(--white);
    color: #000000de;
    letter-spacing: .25px;
    border: 1px solid #0000001f;
    border-radius: 4px;
    flex: 1;
    max-width: none;
    height: auto;
    min-height: 44px;
    margin-top: 4px;
    margin-bottom: 8px;
    margin-left: 0;
    font-size: 13px;
    font-weight: 400;
    transition: border-color .2s cubic-bezier(.25, .46, .45, .94);
    display: block
}

.dropdown-field:hover {
    border-color: #0000003d
}

.dropdown-field:focus {
    border-width: 2px;
    border-color: var(--houzy-green);
    padding-left: 11px;
    padding-right: 11px
}

.dropdown-field::placeholder {
    color: #00000061
}

.immosearch-widget {
    z-index: 2;
    justify-content: flex-end;
    align-items: flex-end;
    min-width: 400px;
    position: relative
}

.navi-space {
    flex: 1;
    height: 100%
}

.navi-login-holder {
    margin-left: 16px;
    margin-right: 16px
}

.subnav-menu-close {
    filter: invert();
    cursor: pointer;
    width: 28px;
    height: 28px;
    padding: 8px;
    display: none
}

.houzy-logo-nav-partners {
    width: 200px;
    height: 100%;
    margin-bottom: 0
}

.step-block {
    flex-wrap: nowrap;
    place-content: center space-around;
    align-items: center;
    min-height: 70vh;
    display: flex;
    position: relative
}

.scoll-wrap {
    flex-direction: column;
    align-items: center;
    height: 100%;
    display: flex;
    position: absolute;
    bottom: 50%
}

.scroll-base {
    transform-origin: 50% 0;
    background-color: #eeeff4;
    width: 6px;
    height: 100%
}

.dot {
    z-index: 3;
    background-color: var(--grey-100);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-bottom: -6px;
    position: relative
}

.step-content-block {
    text-align: left;
    align-self: center;
    position: relative
}

.label {
    color: #006cd0;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700
}

.img-block {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 40%;
    display: flex
}

.content-wrap {
    justify-content: flex-end;
    width: 40%;
    display: flex
}

.content {
    margin-top: 24px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4
}

.step {
    z-index: 2;
    background-color: #fff;
    border-radius: 4px;
    align-items: center;
    padding: 12%;
    display: flex;
    position: relative
}

.step.finish {
    background-color: var(--houzy-green)
}

.scroll-animate {
    background-color: var(--houzy-green);
    transform-origin: 50% 0;
    width: 6px;
    height: 100%;
    position: absolute;
    bottom: 0
}

.steps-clone {
    flex-direction: column;
    justify-content: center;
    margin-top: 0;
    display: flex;
    position: relative
}

.bg-shadow {
    z-index: 1;
    border-radius: 16px;
    position: absolute;
    inset: 0%;
    box-shadow: 7px 7px 20px #00000012
}

.content-block {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: sticky;
    top: 0
}

.cta-holder-steps {
    margin-top: 24px
}

.umbaucoach-step-image {
    width: 320px;
    height: 320px
}

.umbaucoach-animation-icon {
    flex: none;
    width: 440px;
    height: 440px
}

.houzy-logo-nav-magazine {
    width: 112px;
    height: 100%
}

.cl-testimonials-new {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr
}

.testimonials-carousel-new {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
    display: flex
}

.stars-holder-new {
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin-top: 32px;
    display: flex
}

.item-testimonial-new {
    background-color: var(--white);
    border-radius: 8px;
    flex: 1;
    width: 100%;
    padding: 32px;
    box-shadow: 0 0 4px #00000014
}

.content-holder-left-aligned {
    text-align: left;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    display: flex
}

.full-stars {
    width: 100px;
    height: 100%
}

.rating-item-wrapper {
    text-decoration: none;
    display: flex
}

.rating-item-wrapper.link-deactivate {
    cursor: default
}

.google-rating-wrapper {
    justify-content: center;
    align-items: center;
    margin-top: 32px;
    margin-bottom: 32px;
    display: flex
}

.google-rating-wrapper.inpage {
    flex-direction: column
}

.google-img {
    height: 100%;
    margin-left: 4px
}

.almost-full-stars {
    height: 100%
}

.google-review-number-link {
    margin-top: 16px;
    margin-bottom: 16px
}

.loader {
    z-index: 2;
    justify-content: flex-end;
    align-items: flex-end;
    min-width: 400px;
    position: relative
}

.forum-button {
    background-color: var(--grey-main-050);
    border-radius: 4px;
    align-items: center;
    width: 100%;
    height: 100px;
    margin-top: 20px;
    padding: 16px 24px;
    text-decoration: none;
    transition: all .2s;
    display: flex
}

.forum-button:hover {
    transform: translateY(-4px);
    box-shadow: 0 2px 12px #0000001f
}

.forum-button-holder {
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    margin-left: 24px;
    display: flex
}

.forum-tag-label {
    border-radius: 4px;
    padding: 4px 8px;
    display: inline-block
}

.newsletter-form {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    display: flex
}

.line {
    background-color: var(--white);
    width: 1px
}

.flex-vertical {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

.flex-vertical.marquee-fix {
    margin-top: 30px
}

.marquee-cover {
    z-index: 10;
    background-image: linear-gradient(to bottom, var(--grey-main-050), transparent 20%), linear-gradient(to bottom, transparent 70%, var(--grey-main-050));
    position: absolute;
    inset: 0%
}

.spacer-60 {
    width: 100%;
    height: 60px
}

.spacer-60._60-width {
    width: 60px
}

.icon-container {
    background-color: #fff;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 85%;
    height: 15vw;
    display: flex;
    box-shadow: 0 7px 15px #afb1b31a
}

.track-vertical-alt {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: relative
}

.marquee {
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 600px;
    display: flex;
    position: relative;
    overflow: hidden
}

.spacer-30 {
    width: 100%;
    height: 30px
}

.spacer-30._15-xsvp {
    flex: none;
    width: 30px
}

.flex-horizontal {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

.track-vertical {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: relative
}

.icon-8 {
    width: 64px;
    height: 64px
}

.collection-wrapper {
    width: 100%;
    height: 100%;
    display: block
}

.parallax-image-large {
    border-radius: 4px;
    width: 20vw;
    height: 20vw;
    position: absolute;
    overflow: hidden
}

.parallax-image-large.image-6 {
    z-index: 1;
    top: 9.5vw;
    right: 0
}

.parallax-image-large.image-1 {
    z-index: 1;
    inset: 6vw auto auto 3.5vw
}

.parallax-image-large.image-7 {
    z-index: 2;
    bottom: 2.5vw;
    right: 7vw
}

.container-22 {
    width: 95%;
    max-width: 1350px;
    position: relative
}

.container-22.center-flex.parallax-container {
    z-index: 1;
    perspective: 1800px;
    text-align: center;
    height: 100vh;
    position: relative
}

.handle-button {
    color: #000;
    text-transform: uppercase;
    background-color: #f5f5f5;
    border-radius: 30px;
    margin-bottom: 15px;
    padding: 7.5px 10px;
    font-size: 10px;
    line-height: 1.3em
}

.parallax-image-small {
    border-radius: 4px;
    width: 10vw;
    height: 10vw;
    position: absolute;
    overflow: hidden
}

.parallax-image-small.image-3 {
    z-index: 1;
    inset: auto auto 9.5vw 20vw
}

.parallax-image-small.image-4 {
    z-index: 2;
    inset: auto auto 6vw 24vw
}

.parallax-image-medium {
    border-radius: 4px;
    width: 12vw;
    height: 12vw;
    position: absolute;
    overflow: hidden
}

.parallax-image-medium.image-2 {
    z-index: 2;
    inset: 20vw auto auto 0
}

.parallax-image-medium.image-5 {
    z-index: 2;
    inset: 0 auto auto 50vw
}

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

.image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.checklist-device-holder {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    display: flex
}

.checklist-device-item {
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex
}

.newsletter-subtitle-holder {
    z-index: 99;
    position: relative
}

.hero-header-media-wrapper {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 100%;
    height: 100%
}

.hero-header-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.hero-header-content-wrapper {
    max-width: 640px;
    padding: 48px
}

.card-houzy-new-2 {
    color: #000000de;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    box-shadow: 0 0 4px #00000014
}

.card-houzy-new-2.fill-white {
    height: 100%;
    min-height: 230px;
    box-shadow: none;
    align-content: flex-start;
    transition: all .2s
}

.card-houzy-new-2.fill-white:hover {
    transform: translateY(-4px);
    box-shadow: 0 1px 12px #0000001f
}

.card-houzy-new-2.fill-white.static {
    transition-property: none
}

.card-houzy-new-2.fill-white.static:hover {
    box-shadow: none;
    transform: none
}

.text-holder-checklist {
    max-width: 75%
}

.checklist-form {
    text-align: left;
    width: 480px;
    margin-top: 24px;
    margin-bottom: 0
}

.checklist-form.checklist-sp.hide {
    display: none
}

.form-security-info {
    grid-column-gap: 4px;
    background-color: var(--grey-main-050);
    border-radius: 4px;
    align-items: center;
    padding: 4px 6px;
    display: flex
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.form-block-3 {
    font-size: 16px;
    font-weight: 600
}

.blog-card-titel-holder {
    flex: 1;
    margin-bottom: 8px
}

.blog-card-titel-holder.margin-top-8 {
    margin-top: 8px
}

.blog-card-titel-holder.newsroom {
    margin-top: 4px
}

.magazine-nav-item {
    color: #0009;
    text-align: center;
    letter-spacing: .25px;
    white-space: nowrap;
    cursor: pointer;
    flex: 1;
    padding: 16px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    display: block
}

.magazine-nav-item:hover {
    color: var(--houzy-green)
}

.magazine-nav-item.w--current {
    z-index: 10;
    border-bottom: 3px solid var(--houzy-green);
    color: var(--houzy-green)
}

.magazine-nav-wrapper {
    z-index: 2000;
    background-color: var(--white);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: auto;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    position: sticky;
    top: 0;
    box-shadow: 0 10px 25px 5px #0000000d
}

.magazine-nav-wrapper.static {
    z-index: 100;
    align-items: center;
    min-height: 55px;
    margin-top: -1px;
    position: static;
    overflow: auto
}

.empty-state-2 {
    display: none
}

.margin-bottom-8 {
    margin-bottom: 8px
}

.magazine-nav-label {
    font-size: 14px
}

.magazine-header-wrapper {
    grid-column-gap: 128px;
    grid-row-gap: 128px;
    flex-direction: column;
    display: flex
}

.checklist-craftsmen-holder {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    display: flex
}

.categories-wrapper {
    grid-row-gap: 24px;
    flex-direction: column;
    display: flex
}

.categorie-titel-holder {
    justify-content: flex-start;
    align-items: stretch;
    display: flex
}

.categorie-titel-icon {
    width: auto;
    height: 32px;
    margin-right: 16px
}

.categorie-content-holder {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 16px;
    display: flex
}

.categories-holder {
    grid-column-gap: 24px;
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.idtext,
.unique-ids-custom-code {
    display: none
}

.blog-day-wrapper {
    grid-column-gap: .5px;
    display: flex
}

.slider-dot-nav {
    float: right;
    margin-top: -89px;
    margin-right: 48px;
    font-size: 8px;
    position: relative
}

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

.margin-top-48 {
    margin-top: 48px
}

.marker-holder {
    z-index: 99;
    width: auto;
    max-width: 170px;
    display: none;
    position: absolute;
    bottom: 18vw;
    right: 11vw
}

.marker-holder.immoverkauf-beratung {
    width: 10vw;
    min-width: 118px;
    max-width: 140px;
    transform-style: preserve-3d;
    bottom: 40%;
    right: 15%;
    transform: rotateX(0)rotateY(29deg)rotate(0)
}

.marker-holder.verkaufspreisberatung {
    transform-style: preserve-3d;
    transform: rotateX(0)rotateY(-57deg)rotate(0)
}

.marker {
    color: var(--houzy-green);
    text-align: center;
    justify-content: center;
    align-items: center;
    font-family: Open Sans, sans-serif;
    font-size: 5.1vw;
    font-weight: 700;
    line-height: 100%;
    position: relative
}

.marker-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80%;
    padding: 3%;
    display: flex;
    position: absolute;
    inset: 0%
}

.marker-icon {
    flex: none;
    height: 100%
}

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

.form_input {
    background-color: var(--white);
    border-radius: 4px;
    padding: 24px;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    box-shadow: 0 1px 8px #0000001f, 8px 8px 30px #0000001f
}

.typeform-embed-hero {
    z-index: 2;
    background-color: #0000;
    flex: 1;
    justify-content: flex-end;
    align-self: stretch;
    align-items: flex-end;
    position: relative
}

.typeform-embed-hero.shadow {
    border-radius: 8px;
    box-shadow: 7px 7px 20px #00000014
}

.typeform-embed-hero.shadow.mobile {
    display: none
}

.input-field-dummy {
    z-index: 3;
    width: 100%;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 170px;
    left: 0%;
    right: 0%;
    transform: translate(0)
}

.input-field-dummy.static {
    text-align: left;
    max-width: 100%;
    position: static;
    transform: translate(0)
}

.input-field-text-new {
    color: var(--medium-emphasis);
    letter-spacing: .2px;
    white-space: normal;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.slider-right {
    border-radius: 45px 0 45px 45px;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    padding: 20px 36px;
    display: flex;
    box-shadow: 1px 1px 55px #00163214
}

.slider-left {
    border-radius: 45px 0 45px 45px;
    justify-content: center;
    align-items: center;
    min-height: 45px;
    margin-right: 15px;
    padding: 15px 36px;
    display: flex;
    box-shadow: 1px 1px 45px #0016321a
}

.splide__arrows {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 66.5em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: auto 0% 5em
}

.splide__arrow {
    background-color: #0000;
    background-image: url(../images/63c0039efd55872632c1dea7_fiurstcheck--arrow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1em;
    border: 1px solid #cbb8af;
    border-radius: 100px;
    width: 5.625em;
    height: 5.625em
}

.splide__arrow.splide__arrow--prev {
    transform: rotate(180deg)
}

.splide__pagination {
    grid-column-gap: 1em;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    display: flex
}

.splide__pagination-item {
    display: inline-block
}

.splide__pagination-item-track {
    background-color: #d9d0cc;
    border-radius: 6px;
    width: 1.5625em;
    height: .375em
}

.splide__pagination-item-track.splide__pagination-item-track--active {
    background-color: #ec635e
}

.slide {
    border-radius: 4px
}

.marker-gradient {
    opacity: .06;
    mix-blend-mode: multiply;
    position: absolute;
    inset: 0%
}

.marker-gradient.flip {
    transform-style: preserve-3d;
    transform: rotateX(0)rotateY(180deg)rotate(0)
}

.lottie-animation {
    width: 100%;
    height: 100%
}

.tab-panel {
    box-shadow: none;
    border-radius: 8px
}

.tab-button-2 {
    opacity: .7;
    color: #151c34;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 280px;
    padding-bottom: 16px;
    font-size: 15px;
    display: flex
}

.tab-button-2.w--current {
    opacity: 1;
    color: #151c34;
    background-color: #0000;
    position: relative
}

.tab-image {
    width: 24px;
    margin-right: 12px
}

.load-bar-base {
    background-color: var(--grey-100);
    border-radius: 500px;
    max-width: 220px;
    height: 5px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% 0%
}

.content-block-3 {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 48px;
    display: flex
}

.tab-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 512px;
    width: 100%;
    height: 100%
}

.tabs-menu {
    justify-content: center;
    align-items: stretch;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.animation-block {
    border-radius: 25px;
    height: 100%
}

.tabs-content {
    margin-top: 40px;
    overflow: visible
}

.load-bar {
    background-color: var(--houzy-green);
    border-radius: 500px;
    width: 0%;
    height: 5px
}

.address-holder {
    align-items: center;
    margin-left: -2px;
    padding-bottom: 4px;
    display: flex
}

.address-holder.new {
    grid-column-gap: 4px;
    flex: none;
    margin-left: 0;
    padding-bottom: 0;
    text-decoration: none
}

.iframe-embed-hero {
    z-index: 2;
    background-color: #0000;
    flex: 1;
    justify-content: flex-end;
    align-self: stretch;
    align-items: flex-end;
    position: relative
}

.iframe-embed-hero.shadow {
    border-radius: 8px;
    box-shadow: 7px 7px 20px #00000014
}

.iframe-embed-hero.shadow.mobile {
    display: none
}

.iframe-embed-hero.shadow.desktop {
    box-shadow: none
}

.hero-header-startpage {
    z-index: 1;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-top: 48px
}

.tabs {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 2fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    display: grid
}

.tabs__link {
    opacity: .5;
    color: #fff;
    cursor: pointer;
    background-color: #0000;
    border-radius: 4px;
    padding: 24px;
    transition: all .2s;
    display: block;
    overflow: visible
}

.tabs__link:hover {
    opacity: .75
}

.tabs__link.w--current {
    opacity: 1;
    background-color: #f5f5f580
}

.hero-header-overlay-new {
    z-index: -1;
    background-image: linear-gradient(#00000080, #00000080);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 16px 0% 0%
}

.iframe-hero-header-v2 {
    z-index: 2;
    background-color: var(--white);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    flex: 1;
    justify-content: flex-end;
    align-self: stretch;
    align-items: flex-end;
    height: 100%
}

.iframe-hero-header-v2.lp-testing {
    min-height: 700px
}

.hero-header-v2 {
    z-index: 1;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 87vh;
    margin-top: 48px
}

.hero-header-container-v2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    display: grid
}

.hero-header-content-wrapper-v2 {
    width: auto;
    max-width: 640px;
    height: auto;
    padding: 48px
}

.hero-header-media-wrapper-v2 {
    width: 100%;
    height: 100%
}

.tile-shortcut-wrapper {
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 64px
}

.tile-shortcut-wrapper.magazine {
    margin-top: 64px
}

.tile-shortcut-holder {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    align-items: flex-start;
    display: flex;
    position: relative
}

.hero-header-txt-holder-tile {
    margin-top: 48px
}

.arrow-icon-tile {
    width: 24px;
    height: 24px;
    margin-left: 4px;
    display: none
}

.header-content-dtesting {
    z-index: 2;
    text-align: center;
    width: 100%
}

.iframe-hero-header-v3 {
    z-index: 2;
    background-color: #0000;
    border-radius: 8px;
    flex: 1;
    justify-content: flex-end;
    align-self: stretch;
    align-items: flex-end;
    height: 100%;
    margin-top: 32px;
    box-shadow: 7px 7px 20px #00000014
}

.iframe-hero-header-v3.seasonal-mailing-lp {
    margin-top: 0
}

.lottie-320 {
    min-width: 64px;
    max-width: 320px;
    min-height: 64px;
    max-height: 320px
}

.lottie-320._404 {
    margin-top: 48px;
    margin-bottom: 48px
}

._404-container {
    flex-direction: column;
    align-items: center;
    max-width: 660px;
    display: flex
}

.hero-header-tab-link {
    grid-column-gap: 8px;
    background-color: var(--grey-main-050);
    color: #0009;
    flex: 1;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding: 8px;
    transition: all .2s;
    display: flex
}

.hero-header-tab-link:hover {
    color: #000000de
}

.hero-header-tab-link.w--current {
    background-color: var(--white);
    color: var(--houzy-green)
}

.hero-header-tab-link.verkaufen {
    border-top-right-radius: 8px
}

.hero-header-tab-link.wohnen {
    margin-left: -1px;
    margin-right: -1px
}

.hero-header-tab-link.kaufen {
    border-top-left-radius: 8px
}

.hero-header-tab-link.kaufen.w--current {
    color: var(--houzy-green)
}

.hero-header-tab-link.houzyconnect {
    border-top-left-radius: 8px
}

.hero-header-tab-link.houzyconnect.w--current {
    color: var(--houzy-green)
}

.hero-header-tab-link.premiumhouzypartner {
    border-top-right-radius: 8px
}

.hero-header-tab-link.heizungsrechner {
    margin-left: -1px;
    margin-right: -1px
}

.hero-header-tab-link.energierechner {
    border-top-left-radius: 8px
}

.hero-header-tab-link.energierechner.w--current {
    color: var(--houzy-green)
}

.hero-header-tab-link.solarrechner {
    border-top-right-radius: 8px
}

.hero-header-tab-menu {
    border-radius: 8px;
    align-items: center;
    display: flex
}

.hero-header-tab {
    border-radius: 8px;
    margin-top: 32px;
    margin-bottom: 32px;
    box-shadow: 0 0 6px #0000001f
}

.hero-header-tab.fullscreen {
    margin-top: 0;
    margin-bottom: 0
}

.hero-header-tab.fullscreen.pricing {
    top: 96px
}

.tab-pane-kaufen {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.hero-header-tab-content {
    background-color: var(--white);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    align-items: center;
    height: 320px;
    padding: 24px;
    display: flex
}

.tab-pane-wohnen,
.tab-pane-verkaufen {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.tab-icon {
    width: 24px;
    height: 24px
}

.tab-label {
    letter-spacing: .2px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px
}

.product-nav-item-new {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-bottom: 2px solid var(--grey-100);
    color: #0009;
    text-align: center;
    letter-spacing: .25px;
    white-space: nowrap;
    cursor: pointer;
    background-color: #0000;
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 16px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    display: flex
}

.product-nav-item-new:hover {
    color: #000000de
}

.product-nav-item-new.w--current {
    z-index: 10;
    border-bottom-color: var(--houzy-green);
    color: var(--houzy-green);
    background-color: #0000
}

.product-tabs-home-new.pricing-table {
    margin-top: 64px
}

.product-tabs-home-new.pricing-table.new {
    margin-top: 24px
}

.products-tab-menu-new {
    margin-top: 48px;
    margin-bottom: 48px;
    padding-left: 25%;
    padding-right: 25%;
    display: flex
}

.home-tabs-content-new {
    overflow: visible
}

.hero-header-bg-media-fullscreen {
    width: 100%;
    height: 100%
}

.blog-advert-banner-wrp {
    text-align: left;
    display: none
}

.product-overview {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template: "Area" /1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: flex
}

.product-wrapper-1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-content: start;
    display: grid
}

.product-wrapper-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-content: start
}

.product-wrapper-2.kaufen {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.product-wrapper-2.wohnen {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none
}

.product-wrapper-2.verkaufen {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none
}

.hero-header-container-fullscreen {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: dense;
    align-content: center;
    width: 100%;
    height: 100%;
    display: grid;
    position: relative
}

.hero-header-container-fullscreen.form-header {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-items: center;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto
}

.hero-header-startpage-fullscreen {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    height: 100vh;
    padding-left: 48px;
    padding-right: 48px;
    position: relative
}

.hero-header-startpage-fullscreen.no-subnav {
    height: 85vh
}

.hero-header-startpage-fullscreen.no-subnav.form {
    height: 100%;
    padding-top: 96px;
    padding-bottom: 96px
}

.hero-header-startpage-fullscreen.no-subnav.flow-iframe {
    height: 100%;
    margin-top: 42px;
    padding-top: 96px;
    padding-bottom: 96px
}

.hero-header-overlay-bgvideo {
    background-image: linear-gradient(90deg, #0000008f, #00000052 32%, #0000);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.hero-header-content-wrapper-fullscreen {
    width: auto;
    max-width: 640px;
    height: auto;
    padding: 48px 48px 48px 0
}

.hero-header-widget-wrapper-fullscreen {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: auto;
    max-width: 600px;
    height: auto
}

.hero-header-widget-wrapper-fullscreen.houzy-connect,
.hero-header-widget-wrapper-fullscreen.hc-badges-states {
    margin-top: 24px
}

.hero-header-widget-wrapper-fullscreen.typeform {
    align-self: center
}

.card-popup-2 {
    color: #000000de;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    box-shadow: 0 0 4px #00000014
}

.card-popup-2.teaser {
    background-image: linear-gradient(#fff3, #fff3), url(https://cdn.prod.website-files.com/5bec324dc6e7fd724abeb3ed/6425a08eb5c08828046e01f7_GEWINNSPIEL%20\(1\).png);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding: 48px 96px;
    display: block
}

.hero-header-image-holder-fullscreen {
    perspective: 900px;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.hero-header-bg-media {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.div-block-252 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-direction: column;
    display: flex
}

.success-message-feedback {
    color: var(--houzy-green);
    text-align: center;
    background-color: #0000;
    padding-left: 0;
    font-weight: 600
}

.form-digital-advertisement {
    margin-top: 16px
}

.form-digital-advertisement.flex {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.form-block-digital_advertisement {
    text-align: left;
    width: 100%;
    margin-bottom: 0
}

.ubs-logo-holder {
    z-index: 5;
    width: 192px;
    height: auto;
    display: block;
    position: absolute;
    inset: auto 0% 30px auto
}

.ubs-logo-holder.mobile {
    display: none
}

.contact-banner {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative
}

.square-img {
    object-fit: cover;
    border-radius: 8px;
    width: 100%;
    min-width: 540px;
    max-width: 540px;
    height: 100%;
    min-height: 540px;
    max-height: 540px
}

.square-img.margin-fix {
    margin-top: -96px
}

.square-img.b2b {
    width: 80%;
    min-width: auto;
    max-width: none;
    height: auto;
    min-height: auto;
    max-height: none;
    margin-left: auto;
    margin-right: auto
}

.sticky-cta-banner {
    z-index: 4;
    border-top: 1px solid var(--grey-100);
    background-color: var(--grey-main-050);
    justify-content: space-around;
    align-items: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 16px 48px;
    position: fixed;
    inset: auto 0% 0%
}

.sticky-cta-banner-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    display: flex
}

.sticky-cta-banner-content-holder {
    width: 100%;
    height: 100%
}

.sticky-cta-banner-button-holder {
    justify-content: flex-end;
    align-self: center;
    width: 100%;
    display: flex
}

.check-wrapper {
    min-width: 680px;
    margin-left: -8px;
    display: flex
}

.wordgame {
    opacity: 1;
    filter: contrast(200%);
    width: 100%;
    max-width: 75%;
    height: 100%
}

.gewinnspiel-stack {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 64px;
    padding: 0;
    display: grid
}

.gewinnspiel-cell {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: 4px
}

.wortspiel {
    background-color: var(--white)
}

.check-holder-gewinnspiel {
    text-align: left;
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: start;
    place-items: center start;
    display: flex
}

.wordgame-kueche {
    filter: grayscale();
    max-height: 48px;
    position: relative;
    top: -119px;
    right: 133px;
    box-shadow: 0 2px 5px #0003
}

.wordgame-hauskauf {
    filter: grayscale();
    max-height: 48px;
    position: relative;
    top: -381px;
    left: 87px;
    box-shadow: 0 2px 5px #0003
}

.header-image {
    flex: 1;
    height: 100%
}

.contact-wrapper-craftsman {
    display: flex
}

.contact-item {
    justify-content: center;
    width: auto;
    padding: 8px;
    display: flex
}

.cta-bg-video {
    z-index: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative
}

.date-holder-blog-wrp {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    align-items: center;
    display: flex
}

.popup-video {
    width: 100%;
    height: 54vw;
    max-height: 576px
}

.popup-video-wrp {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto
}

.solution-section-banner {
    background-color: var(--houzy-green);
    color: var(--white);
    padding-left: 48px;
    padding-right: 48px
}

.solution-section-banner.header {
    background-color: var(--white-gradient);
    padding-top: 16px;
    padding-bottom: 12px
}

.solution-section-banner.footer {
    cursor: pointer;
    padding-top: 4px;
    padding-bottom: 4px
}

.solution-section-arrow {
    object-fit: cover;
    width: 48px;
    height: 48px;
    transform: rotate(180deg)
}

.solution-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 64px;
    padding-bottom: 64px;
    display: grid
}

.solution-image {
    width: 100%;
    max-width: 480px;
    box-shadow: 0 0 24px #00000029
}

.solution-text-wrapper {
    text-align: left
}

.vertical-divider {
    background-color: #0000001f;
    justify-content: flex-start;
    align-self: center;
    width: 4px;
    height: 100%;
    display: flex;
    position: static
}

.vertical-divider.data-table {
    background-color: var(--grey-100);
    width: 1px;
    margin-left: 16px;
    margin-right: 16px
}

.top-navi {
    display: none
}

.dropdown-top-nav-arrow {
    color: var(--grey-300);
    margin-right: 5px
}

.dropdown-toggle-top-navi {
    color: var(--high-emphasis)
}

.dropdown-toggle-top-navi:hover {
    color: #43b02a
}

.dropdown-toggle-top-navi.w--open {
    color: var(--houzy-green)
}

.b2b-business-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-content: start;
    display: grid
}

.b2b-business-overview {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template: "Area" /1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    margin-top: 48px;
    display: flex
}

.navigation-wrapper {
    background-color: #0000;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 10px 25px 5px #0000000d
}

.dropdown-2 {
    z-index: 9999;
    background-color: #f5f5f54d;
    width: 100%;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block
}

.dropdown-toggle-2 {
    border: 2px solid var(--grey-main-050);
    border-radius: 4px;
    width: 100%;
    padding-left: 30px;
    transition: all .2s
}

.dropdown-list {
    background-color: #fff;
    border-radius: 5px;
    display: none;
    overflow: hidden;
    box-shadow: 0 10px 40px #98a2ac36
}

.dropdown-list.w--open {
    z-index: 9999
}

.div-block {
    padding-top: 15px;
    padding-bottom: 15px
}

.navi-mobile-sticky-cta {
    z-index: 9999;
    flex-direction: column;
    width: 100%;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex
}

.partner-werden-form-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-items: center;
    margin-top: 64px;
    margin-bottom: 64px;
    display: flex
}

.partner-werden-form-content.vielen-dank.new {
    margin-top: 48px
}

.benefits-wrapper {
    background-color: var(--grey-050-opacity);
    border: 1px solid #0000001a;
    border-radius: 8px;
    height: 100%;
    padding: 24px;
    position: relative
}

.benefits-wrapper.pro {
    background-color: var(--ultra-low-emphasis-green)
}

.benefits-content-holder {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.pro-benefit-stoerer {
    margin-top: 24px;
    margin-bottom: 8px;
    position: absolute;
    inset: -40px 20px auto auto
}

.houzy-connect-grafik {
    max-width: none;
    max-height: 375px;
    overflow: visible
}

.houzy-connect-container {
    overflow: visible
}

.bed-rfnisse-component {
    justify-content: center;
    align-items: center;
    margin-top: 64px;
    display: flex
}

.bed-rfnisse-circle-small {
    background-color: var(--grey-100);
    border-radius: 50%;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 22vw;
    min-width: 240px;
    max-width: 280px;
    height: 22vw;
    min-height: 240px;
    max-height: 280px;
    padding-bottom: 2%;
    display: flex
}

.bed-rfnisse-icon {
    width: 33%;
    margin-bottom: 8px
}

.bed-rfnisse-circle-big {
    z-index: 10;
    border-radius: 50%;
    flex-direction: column;
    flex: none;
    justify-content: space-between;
    align-items: center;
    width: 46vw;
    max-width: 560px;
    height: 46vw;
    max-height: 560px;
    margin-left: -2.5%;
    margin-right: -2.5%;
    padding-left: 5%;
    padding-right: 5%;
    font-family: Montserrat, sans-serif;
    display: flex;
    position: relative
}

.bed-rfnisse-logo {
    width: 66%;
    margin-top: 15%
}

.bed-rfnisse-text-holder {
    z-index: 2;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    display: flex;
    position: relative
}

.title-bed-rfnisse {
    margin-bottom: 4px;
    font-size: 32px
}

.bed-rfnisse-arrow {
    z-index: 2;
    width: 110%;
    position: relative
}

.bed-rfnisse-text {
    color: #000000de;
    letter-spacing: .2px;
    margin-top: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    display: block
}

.bed-rfnisse-logo-holder {
    z-index: 2;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.business-list-wrapper {
    z-index: 2;
    grid-row-gap: .65vw;
    flex-direction: column;
    margin-top: -15%;
    display: flex
}

.bed-rfnisse-lottie-circle {
    position: absolute;
    inset: -3%
}

.swipe-left-animation-box {
    background-color: #00000040;
    border-radius: 8px;
    margin: auto;
    position: absolute;
    inset: 0%
}

.hyphen-only-mobile {
    display: none
}

.is-transition {
    transition: all .35s cubic-bezier(.55, .085, .68, .53)
}

.is-visible {
    transition: all .35s cubic-bezier(.25, .46, .45, .94);
    position: sticky;
    top: 0
}

.div-block-255 {
    margin-bottom: 32px;
    position: relative;
    transform: none
}

.logo-holder-5 {
    width: auto;
    height: 64px
}

.logo-holder-5.mobile-hide {
    flex: 0 auto;
    height: auto;
    min-height: 256px;
    position: absolute;
    inset: -57px auto auto 459px;
    transform: rotate(8deg)
}

.logo-holder-5.mobile-hide:hover {
    transform: rotate(8deg)
}

.logo-holder-5.mobile-hide.header {
    top: 30px;
    left: 568px
}

.logo-holder-5.mobile-hide.header.best-employer {
    min-height: auto;
    margin-bottom: 0;
    inset: auto auto 20% 35%;
    transform: none
}

.logo-holder-5.mobile-hide.header.best-employer.jobs {
    bottom: auto;
    left: auto;
    right: 0
}

.stoerer-logo-2 {
    display: block
}

.header-image-absolute {
    width: 100%;
    max-width: 550px;
    position: absolute;
    right: 0
}

.header-image-absolute.tile,
.header-image-absolute.desktop,
.header-image-absolute.icon-2,
.header-image-absolute.mobile,
.header-image-absolute.icon-1,
.header-image-absolute.states,
.header-image-absolute.badge {
    max-width: 34.375em
}

.header-image-absolute.hc-states {
    max-width: 250px
}

.image-3 {
    margin-top: 16px
}

.faq-menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 64px;
    display: flex
}

.faq-container {
    flex-direction: row;
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.faq-group-row {
    width: 100%;
    padding-top: 10rem;
    padding-bottom: 10rem
}

.faq-menu-title {
    width: 100%
}

.faq-menu-wrapper {
    width: 30%;
    height: 100%;
    position: sticky;
    top: 128px
}

.faq-section {
    padding: 96px 48px;
    position: relative
}

.faq-section.grey-new {
    background-color: var(--grey-main-050);
    background-color: #f5f5f5
}

.faq-groups-wrapper {
    width: 70%;
    height: 100%;
    padding-left: 48px;
    padding-right: 48px;
    position: static;
    left: 30%
}

.faq-tools-tab-menu {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--grey-050-opacity);
    border-radius: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
    margin-bottom: 24px;
    padding: 16px;
    display: flex
}

.tab-label-faq {
    letter-spacing: .2px;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px
}

.faq-group-wrapper {
    background-color: var(--white);
    border-radius: 8px;
    padding: 8px 24px 24px
}

.craftsman-generic-subtitle {
    flex: 1
}

.subheading-small-5 {
    color: #000000de;
    letter-spacing: .2px;
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px
}

.image-profilbild-2 {
    width: 200px;
    height: 200px;
    box-shadow: none;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    display: block;
    position: static;
    inset: auto auto auto 0%
}

.image-profilbild-2.fragen.big {
    flex: 0 auto;
    width: 100%;
    max-width: 240px;
    height: auto
}

.div-people-holder-2 {
    width: 100%;
    display: flex
}

.div-people-holder-2.experten {
    justify-content: center;
    align-items: center
}

.check-wrap.premiumhouzypartner {
    margin-top: 32px;
    margin-bottom: 48px
}

.price-wrap {
    margin-bottom: 48px
}

.price-wrap.no-margin {
    margin-bottom: 0
}

.check-line {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    text-align: left;
    align-items: center;
    margin-bottom: 16px;
    display: flex
}

.check-line.last {
    margin-bottom: 0
}

.check-line.with-tooltip {
    justify-content: space-between;
    margin-bottom: 0
}

.check-line.no-margin {
    margin-bottom: 0
}

.check-line.no-margin.centred-tablet {
    justify-content: center
}

.check-line.leads {
    justify-content: space-between;
    width: 100%
}

.card-top {
    border-bottom: 1px solid var(--grey-100);
    text-align: center
}

.card-top.rec {
    border-bottom-style: none
}

.card-top.standalone {
    border-bottom-style: none;
    width: 100%
}

.cards-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    align-items: stretch;
    display: flex
}

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

.card-flex.standalone {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: row;
    justify-content: space-around;
    display: flex
}

.card-flex.standalone.leads {
    justify-content: flex-start
}

.popular {
    color: #000;
    background-color: #197797;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 25px;
    font-size: 12px;
    display: flex;
    position: absolute;
    top: 10px;
    right: 10px
}

.popular.new {
    background-color: #1e6997;
    top: -13px
}

.card-heading {
    margin-bottom: 40px
}

.card-heading.new {
    margin-bottom: 16px
}

.card-bottom {
    border-top: 2px solid var(--grey-100);
    padding-top: 16px;
    padding-bottom: 16px
}

.card-bottom.standalone {
    border: 1px #000;
    align-self: flex-start;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0
}

.card-bottom.rec {
    border-top: 2px solid var(--green-100)
}

.switch {
    align-items: center;
    margin-top: 0;
    margin-bottom: 0
}

.tabs-content-2 {
    overflow: visible
}

.container-23 {
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto
}

.card-2 {
    background-color: var(--grey-050-opacity);
    border: 1px solid #0000001a;
    border-radius: 8px;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 24px;
    transition: all .2s;
    display: flex;
    position: relative
}

.card-2.rec {
    background-color: var(--ultra-low-emphasis-green)
}

.card-2.standalone {
    min-height: auto;
    margin-top: 24px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-40.features {
    text-align: left;
    margin-bottom: 24px
}

.mb-40.flex {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
    display: flex
}

.mb-40.flex.leads {
    flex-flow: column
}

.tabs-menu-calculator {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    display: flex
}

.card-mid {
    margin-top: 24px;
    padding-top: 16px;
    padding-bottom: 16px
}

.card-mid.new {
    margin-top: 16px
}

.pricing-table-invoice-icon {
    opacity: .5;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.pricing-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-content: start;
    display: block
}

.pricing-overview {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template: "Area" /1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: flex
}

.button-holder {
    margin-top: 48px;
    margin-bottom: 48px
}

.button-holder.thank-you {
    margin-top: 16px;
    margin-bottom: 0
}

.button-holder.ratgeber {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.tooltip-wrapper {
    cursor: help;
    flex: none;
    align-self: center;
    position: relative
}

.tooltip-arrow {
    background-color: var(--houzy-dark-grey);
    width: 12px;
    height: 12px;
    position: absolute;
    inset: auto 28px -6px auto;
    transform: rotate(45deg)
}

.tooltip-3 {
    z-index: 999999;
    background-color: var(--houzy-dark-grey);
    min-width: 180px;
    color: var(--white);
    text-align: center;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    font-size: 13px;
    line-height: 20px;
    display: none;
    position: absolute;
    inset: auto -24px 46px auto
}

.info-tooltip {
    opacity: .25;
    padding-bottom: 16px
}

.info-tooltip:hover {
    opacity: .5
}

.inpage-checks-wrapper-new {
    min-width: 680px;
    margin-top: 24px;
    margin-left: -8px;
    margin-right: -8px;
    display: flex
}

.inpage-checks-wrapper-new.vertical {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-width: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}

.inpage-checks-wrapper-new.vertical.centered {
    width: auto
}

.inpage-checks-wrapper-new.vertical.centered.horizontal {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-direction: row
}

.inpage-checks-wrapper-new.vertical.centered.leads {
    width: 75%;
    min-width: 360px
}

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

.grid-2x3 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.hint-box-3 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--blue);
    border-radius: 8px;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 16px;
    display: flex
}

.hint-icon-3 {
    width: 24px;
    height: 24px
}

.hint-box-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    margin-top: 8px;
    margin-bottom: 48px;
    display: flex
}

.hint-list-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    display: flex
}

.hint-list-left,
.hint-list-right {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    width: 48%;
    display: flex
}

.blog-like-icon {
    width: 64px;
    height: 64px;
    color: var(--houzy-dark-grey);
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    font-family: "Fa brands 400";
    font-size: 17px;
    text-decoration: none;
    transition: color .2s;
    display: flex
}

.blog-like-icon:hover {
    color: var(--houzy-green)
}

.blog-dislike-icon {
    width: 64px;
    height: 64px;
    color: var(--houzy-dark-grey);
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    font-family: "Fa brands 400";
    font-size: 17px;
    text-decoration: none;
    transition: color .2s;
    display: flex
}

.blog-dislike-icon:hover {
    color: var(--red-main)
}

.icon_close {
    color: #000;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    transition: all .2s;
    display: flex;
    position: absolute;
    inset: 15px 15px auto auto
}

.icon_close:hover {
    transform: scale(.9)
}

.spacer-20 {
    width: 100%;
    height: 20px
}

._2-button-wrap {
    grid-column-gap: 16px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex
}

.modal_small {
    border: 2px solid var(--white);
    background-color: var(--white);
    text-align: left;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    min-width: 400px;
    max-width: 650px;
    margin-bottom: 0;
    padding: 32px;
    display: flex;
    position: relative;
    box-shadow: 0 20px 30px -10px #1d01501a
}

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

.modal-lottie {
    width: 192px;
    margin-top: -96px;
    margin-bottom: 24px
}

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

.text-field {
    display: none
}

.success-message-holder {
    background-color: #0000;
    padding: 0
}

.flow-navigation-wrapper {
    justify-content: flex-end;
    align-items: center;
    margin-top: 40px;
    display: flex
}

.flow-navigation-wrapper.hide {
    display: none
}

.optimierungspotential {
    color: var(--houzy-green);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2
}

.question {
    background-color: #fff;
    flex-direction: column;
    height: 460px;
    display: flex;
    position: static;
    inset: 0%
}

.calculator-header-holder {
    margin-bottom: 16px
}

.question-wrapper {
    position: relative
}

.fs-rangeslider_handle {
    z-index: 1;
    background-color: var(--houzy-green);
    cursor: grab;
    border-radius: 100rem;
    flex: none;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 1px 1px 12px #0003
}

.fs-rangeslider_handle:active,
.fs-rangeslider_handle:focus {
    background-color: var(--houzy-green-hover)
}

.fs-range_values {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.25rem;
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
    display: flex
}

.fs-rangeslider_wrapper {
    align-items: center;
    padding: 1rem 4rem;
    font-size: 1.5rem;
    display: block;
    position: relative
}

.fs-rangeslider_track {
    background-color: var(--grey-100);
    border-radius: 999rem;
    height: 1rem;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.fs-rangeslider_handle-value {
    grid-column-gap: .5ch;
    grid-row-gap: .5ch;
    text-align: center;
    justify-content: center;
    width: 4rem;
    margin-bottom: -3rem;
    margin-left: -.75rem;
    font-size: 1.25rem;
    display: flex;
    position: absolute;
    top: -75%;
    left: 0%;
    right: auto
}

.fs-rangeslider_handle-value.no-gap {
    grid-column-gap: 1px;
    grid-row-gap: 1px
}

.fs-rangeslider_input {
    display: none
}

.fs-rangeslider_fill {
    background-color: #70be3b;
    background-image: linear-gradient(270deg, #b8de9f, #70be3b 50%, #4d9a2a);
    border-radius: 999px;
    width: 20%;
    height: 100%;
    position: absolute
}

.label-holder {
    text-align: left;
    margin-bottom: 4rem
}

.label-holder.input-field {
    margin-bottom: 1rem
}

.tabs-content-4 {
    height: 100%
}

.label-3 {
    color: #b4b4b4;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px
}

.button-box-2 {
    grid-column-gap: 14px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: auto auto;
    grid-auto-columns: 1fr;
    display: grid
}

.calculator-question-box {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: stretch;
    display: flex
}

.calculator-tab {
    height: auto
}

.container-flow {
    width: 100%;
    max-width: 1220px;
    padding-left: 60px;
    padding-right: 60px
}

.container-flow.question-container {
    transition: opacity .2s
}

.calculator-form-wrapper {
    padding: 24px;
    position: relative
}

.input-field-counter-wrapper {
    align-items: center;
    max-width: 240px;
    display: flex;
    position: relative
}

.optimierungspotential-box {
    background-color: var(--grey-100);
    border-radius: 8px;
    align-self: center;
    width: 100%;
    max-width: 420px;
    padding: 24px 32px
}

.termin-buchen-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid
}

.sales-kontakt-wrapper {
    text-align: left
}

.sales-info-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid
}

.calculator-image {
    border-radius: 50%;
    width: 100%
}

.calculator-flow-holder {
    background-color: var(--white);
    border-radius: 8px;
    flex: 1;
    max-width: 960px;
    margin: 40px auto 24px;
    position: relative;
    overflow: hidden
}

.calculator-form {
    margin-bottom: 0
}

.baloise-sending-banner-pricing {
    background-color: #000d6e;
    border-radius: 8px;
    margin-bottom: 48px
}

.baloise-logo {
    width: 96px;
    height: 100%
}

.baloise-sending-banner-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: center;
    align-items: center;
    padding: 24px;
    display: flex
}

.unsere-partner-icons {
    position: absolute;
    top: 54%;
    right: 9%
}

.checkbox-holder-calculator {
    grid-column-gap: 8px;
    text-align: left;
    margin-top: 8px;
    padding-left: 20px;
    display: block
}

.checkbox {
    border-width: 1.5px;
    border-color: var(--grey-100);
    cursor: pointer;
    width: 16px;
    height: 16px
}

.checkbox.w--redirected-checked {
    border-width: 1.5px;
    border-color: var(--houzy-green);
    background-color: var(--houzy-green)
}

.label-calculator-flow {
    color: #000000de;
    letter-spacing: .2px;
    margin-top: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    display: block
}

.tabs-menu-bullet {
    background-color: var(--grey-100);
    border-radius: 50%;
    width: 9px;
    height: 9px;
    padding: 0;
    display: inline-block
}

.tabs-menu-bullet:hover {
    background-color: var(--green-200)
}

.tabs-menu-bullet.w--current {
    background-color: var(--houzy-green)
}

.progress-bar-holder {
    z-index: 1;
    background-color: var(--grey-100);
    width: 100%;
    height: 12px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.progress-bar-fill {
    background-color: var(--houzy-green);
    width: 0%;
    height: 100%;
    transition: width .15s cubic-bezier(.075, .82, .165, 1)
}

.text-block-3 {
    line-height: 1.5
}

.starke-partner-img-holder {
    justify-content: center;
    align-items: center;
    height: 80px;
    display: flex
}

.starke-partner-cl-item {
    width: 100%;
    display: flex
}

.starke-partner-cl-wrapper {
    margin-top: 64px
}

.map {
    z-index: 1;
    width: 100em;
    height: 100%;
    position: relative
}

.text-kosteneinsparung {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.6;
    display: inline
}

.text-kosteneinsparung.no-line-break {
    color: var(--houzy-green);
    white-space: nowrap;
    font-weight: 700
}

.betrag-kosteneinsparung {
    margin-left: .35ch
}

.kosteneinsparung-holder {
    margin-top: 24px
}

.feature {
    align-items: center;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex
}

.image-2 {
    margin-bottom: 19px;
    margin-right: 8px
}

.cta {
    text-align: center;
    background-color: #0000;
    border: 2px #e40048;
    border-radius: 4px;
    width: 100%;
    padding: 8px 24px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    transition: all .2s
}

.cta:hover {
    background-color: #c90040;
    border-color: #c90040
}

.baloise-footer {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: center;
    align-items: center;
    display: flex
}

.baloise-graphic {
    z-index: 2;
    position: absolute;
    inset: auto 5% -15% auto
}

.baloise-content {
    text-align: left;
    position: relative
}

.baloise-language-dropdown {
    z-index: 999;
    color: #000e6d;
    font-family: Baloisecreatetext, sans-serif;
    font-weight: 700
}

.baloise-language-toggle {
    color: #000e6d;
    background-color: #f6f6f6;
    border-radius: 4px;
    padding: 15px 17px;
    display: flex
}

.baloise-language-toggle:hover {
    color: #0414a3;
    background-color: #e7f1fd
}

.baloise-dropdown-list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--white);
    border-radius: 8px;
    flex-direction: column;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: none
}

.baloise-dropdown-list.w--open {
    z-index: 2147483647;
    border: 1px solid var(--grey-100);
    border-radius: 4px
}

.baloise-dropdown-link-item {
    color: #000e6d;
    text-align: center;
    width: 100%
}

.baloise-dropdown-link-item:hover {
    color: #0414a3;
    background-color: #e7f1fd
}

.html-embed-13 {
    display: none
}

.table-wrapper {
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    width: 50%;
    height: auto;
    margin-left: 3px;
    margin-right: 10px;
    padding: 15px 5px;
    transition: transform .2s;
    position: relative
}

.table-wrapper.medium {
    max-height: none;
    overflow: hidden
}

.table-wrapper.medium.rankings {
    border-color: var(--grey-100);
    flex-direction: column;
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0;
    padding: 16px;
    transition-property: none;
    display: flex
}

.table-wrapper.medium.rankings.full-width {
    width: 100%
}

.table-col {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.table-col.data {
    justify-content: center;
    align-items: flex-end
}

.table-col.data.left {
    z-index: 80;
    background-color: #fff;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: sticky;
    left: 0
}

.table-col.header.left-col {
    z-index: 100;
    background-color: #fff;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex
}

.table {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #fff;
    flex-direction: column;
    flex: 1;
    align-items: stretch;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 400;
    display: flex
}

.table:active {
    border: 1px solid #dadada
}

.table:focus {
    border-color: #d4d4d4
}

.table.no-pad {
    cursor: auto;
    border-style: none;
    padding: 0
}

.table-row-3-col {
    z-index: 100;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 140vw;
    display: grid;
    position: sticky
}

.table-row-3-col.header {
    z-index: 999;
    background-color: #fff;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    height: auto;
    min-height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: sticky;
    top: 0
}

.table-row-3-col.header.wide {
    border-top-style: none;
    border-bottom-color: var(--grey-100);
    grid-template-columns: 1fr 1fr;
    display: flex
}

.table-row-3-col.data-row {
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    width: 100%;
    height: 30px
}

.table-row-3-col.data-row:hover {
    background-color: #0000
}

.table-row-3-col.data-row.wide {
    border-top-style: none;
    border-bottom-color: var(--grey-100);
    grid-template-columns: 1fr 1fr;
    height: 40px;
    position: static
}

.div-block-258 {
    flex-direction: row;
    display: flex
}

.key4-table {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-content: start;
    margin-top: 24px;
    margin-bottom: 24px;
    display: none
}

.html-embed-key4-table-list {
    width: 100%
}

.card-holder-pricing {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 24px;
    display: flex
}

.b2b-pricing-anchors {
    letter-spacing: .2px;
    align-items: center;
    height: 100%;
    margin-top: 0;
    margin-bottom: 4px;
    padding: 16px 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    position: relative
}

.b2b-pricing-anchors.w--open {
    color: var(--houzy-green)
}

.subnav-scroll {
    flex-flow: column wrap;
    place-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: auto
}

.portrait-1,
.portrait-2,
.portrait-3 {
    border-radius: 50%;
    width: 100%;
    height: 100%
}

.arrow-portrait {
    color: var(--houzy-green)
}

.arrow-portrait:hover {
    color: var(--button-hover)
}

.left-arrow,
.right-arrow {
    display: none
}

.mask-6 {
    width: 100%;
    min-width: 440px;
    height: 100%;
    min-height: 440px
}

.slide-nav.makler-b2b {
    width: 160px;
    inset: auto auto 0% 0%
}

.subnav-wrapper-pricingb2b-desktop {
    border-top: 1px solid var(--grey-100);
    border-bottom: 1px solid var(--grey-100);
    background-color: var(--white);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    flex-flow: column wrap;
    place-content: flex-end center;
    align-items: center;
    height: 50px;
    margin-top: -1px;
    margin-left: -48px;
    margin-right: -48px;
    padding-left: 48px;
    padding-right: 48px;
    display: none;
    position: relative;
    left: 0;
    right: 0;
    overflow: visible;
    box-shadow: 0 10px 25px #0000000d
}

.caption-asterix-header {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    text-align: right;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 8px;
    display: flex;
    position: relative;
    bottom: 32px
}

.video-section.grey-new {
    background-color: var(--grey-main-050)
}

.pill-button {
    grid-column-gap: 1.25rem;
    color: #f9f9f9;
    text-transform: uppercase;
    background-color: #404040;
    border-radius: 100px;
    flex-direction: row;
    flex: none;
    justify-content: space-between;
    align-items: center;
    min-width: 15rem;
    padding: 1.25rem 1.25rem 1.25rem 2rem;
    display: flex;
    overflow: hidden
}

.pill-button.auto-top {
    background-color: #4b4b4b;
    margin-top: auto;
    padding: .65rem .65rem .65rem 1.2rem;
    text-decoration: none
}

.info-card {
    grid-row-gap: 156px;
    background-color: var(--white);
    cursor: pointer;
    border-radius: 8px;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    height: 100%;
    padding: 24px;
    transition: all .25s;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 4px #0000001f
}

.info-card:hover {
    transform: translateY(-4px);
    box-shadow: 2px 0 12px #0000001f
}

.hero-header-widget-div-test {
    width: 100%;
    max-width: 40%;
    height: auto;
    position: absolute;
    inset: auto 60% 38% auto
}

.maske-sales-slider-b2b {
    height: 100%
}

.sales-slide-wrp {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: row;
    align-items: center;
    display: flex
}

.sales-slide-wrp.webinar {
    grid-column-gap: 16px;
    grid-row-gap: 16px
}

.makler-b2b-sales-slider-img {
    background-color: var(--grey-main-050);
    border-radius: 50%;
    width: auto;
    height: 160px
}

.sales-slider-makler-b2b {
    margin-top: 40px
}

.sales-slider-makler-b2b.no-margin {
    margin-top: 0
}

.hero-header-secondary-cta {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    min-height: 93vmin;
    margin-top: -4px;
    display: flex;
    position: relative
}

.hero-header-secondary-cta.grey-new {
    background-color: var(--grey-main-050)
}

.hero-header-secondary-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: grid
}

.hero-header-secondary-bulletpoints-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    width: 50vw;
    padding: 16px 8px;
    display: flex;
    position: absolute;
    inset: auto 0% 0% auto
}

.bulletpoint-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    text-align: left;
    flex: 0 auto;
    align-content: flex-start;
    align-items: center;
    padding: 8px;
    display: flex
}

.spitzmarke {
    color: #0009;
    letter-spacing: .4px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    margin-bottom: 4px;
    padding-left: 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    display: flex
}

.spitzmarke.primary {
    opacity: .75;
    color: var(--white);
    text-align: center;
    justify-content: center;
    padding-left: 0;
    display: block
}

.spitzmarke.primary.left-aligned {
    text-align: left;
    justify-content: flex-start;
    align-items: center
}

.google-rating-holder-new {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex: none;
    margin-top: 24px;
    margin-bottom: 0;
    display: flex
}

.google-rating-holder-new.primary {
    justify-content: center;
    margin-bottom: 24px
}

.header-button-holder-new {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 32px;
    margin-bottom: 32px;
    display: flex;
    position: relative
}

.hero-header-secondary-content-wrapper {
    max-width: 50vw;
    padding: 48px
}

.hero-header-secondary-content-wrapper.is-relativ {
    position: relative
}

.hero-header-secondary-media-wrapper {
    background-image: url(../images/65d6147107912c20bae4563c_Handwerker-hc.png), url(../images/65cf6065dfec29c6a79fa66b_hc-ui-element-1.svg), linear-gradient(226deg, #19779733, #19779799 52%, #197797de);
    background-position: 50% 100%, 10% 35%, 0 0;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: auto 90%, 45%, auto;
    background-attachment: scroll, scroll, scroll;
    border-radius: 0 0 0 8px;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    max-width: 50vw;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0% 0% 0% auto
}

.hero-header-secondary-media-wrapper.form {
    background-image: linear-gradient(226deg, #19779733, #19779799 52%, #197797de);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    padding-left: 16px;
    padding-right: 16px
}

.hero-header-secondary-media-wrapper.form.php {
    background-image: linear-gradient(#0003, #0003), url(../images/64957d50e1da413fdf8fd8cb_professional-male-engineers-discussing-project.webp);
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    padding-left: 16px;
    padding-right: 16px
}

.hero-header-secondary-media-wrapper.form.formular {
    background-image: linear-gradient(226deg, #19779733, #19779799 52%, #197797de);
    padding-left: 16px;
    padding-right: 16px
}

.hero-header-secondary-media-wrapper.form.light-green {
    background-image: linear-gradient(to bottom, var(--ultra-low-emphasis-green), var(--ultra-low-emphasis-green));
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll
}

.hero-header-secondary-media-wrapper.form.reinigung {
    background-image: url(../images/6144b3d7937fef9935d83f9e_Reinigung-1920px.webp);
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll
}

.hero-header-secondary-media-wrapper.form.klara {
    background-image: linear-gradient(#0003, #0003), url(../images/69493eea06e0cddda118656d_houzy_Partner-Klara-1080.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    padding-left: 16px;
    padding-right: 16px
}

.hero-header-secondary-media-wrapper.makler {
    background-image: url(../images/65c5447a12839f44f1188d8c_Makler-header-1080.webp), linear-gradient(226deg, #19779733, #19779799 52%, #197797de);
    background-position: 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
    background-attachment: scroll, scroll
}

.hero-header-secondary-media-wrapper.feedback {
    background-image: linear-gradient(#0000 75%, #0006), url(../images/60e3077f9847aa631e7c5178_Hypothekenvergleich-1920.webp);
    background-position: 0 0, 80%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll
}

.hero-header-secondary-media-wrapper.lp-seasonal-mailing {
    background-image: url(../images/background-image.svg);
    background-position: 50%;
    background-size: cover
}

.hero-header-secondary-media-wrapper.empty {
    background-image: linear-gradient(226deg, #19779733, #19779799 52%, #197797de);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    display: block
}

.icon-holder-bulletpoint {
    background-image: url(../images/5d974666269be47da5de5686_Check-32px.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
    flex: none;
    width: 24px;
    height: 24px;
    margin-top: 0;
    margin-right: 0
}

.dropdown-wrapper-makler-b2b {
    margin-bottom: 32px
}

.grid-makler-b2b-pakete {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto 1fr;
    grid-auto-columns: 1fr;
    max-width: 960px;
    margin: 48px auto 24px;
    display: grid
}

.check-wrapper-makler-b2b {
    margin-top: 8px;
    margin-bottom: 16px
}

.card-content-makler-b2b {
    background-color: var(--grey-050-opacity);
    border-bottom: 1px solid #0000001a;
    padding: 32px 24px 24px
}

.card-content-makler-b2b.bottom {
    background-color: #0000;
    border-bottom-style: none
}

.card-content-makler-b2b.blue {
    background-color: #1977971f
}

.card-paket-makler-b2b {
    background-color: var(--white);
    border: 1px solid #0000001a;
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    transition: all .2s;
    display: flex;
    position: relative;
    overflow: hidden
}

.icon-holder-makler-pakete-b2b {
    position: relative;
    top: 20%
}

.margin-bottom-16 {
    margin-bottom: 16px
}

.cta-wrp-makler-pakete {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.hero-header-widget-div-test-2 {
    width: 100%;
    max-width: 50%;
    height: auto;
    position: absolute;
    inset: auto 0% 24% auto
}

.hero-header-primary-b2b {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    min-height: 93vmin;
    padding: 96px 48px;
    position: relative
}

.hero-header-primary-image-holder {
    perspective: 900px;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.hero-header-primary-bg-media {
    width: 100%;
    height: 100%
}

.hero-header-primary-bg-overlay {
    background-image: linear-gradient(90deg, #0000008f, #00000052 32%, #0000);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.hero-header-primary-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: dense;
    place-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative
}

.hero-header-primary-content-wrapper {
    max-width: 1000px;
    padding: 48px
}

.h1-primary {
    color: var(--white);
    text-align: center;
    letter-spacing: .1px;
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 72px
}

.chooser-primary-holder {
    margin-top: 64px
}

.chooser-primary-title {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.chooser-primary-tiles-wrapper {
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    min-width: 780px;
    margin-top: 16px;
    margin-bottom: 16px
}

.chooser-primary-tiles-holder {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.chooser-primary-tiles-holder.b2b-home {
    justify-content: center;
    align-items: stretch
}

.chooser-primary-tile {
    border: 2px none var(--houzy-green);
    background-color: var(--white);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 164px;
    height: 164px;
    padding: 4px;
    text-decoration: none;
    transition: all .2s;
    display: flex
}

.chooser-primary-tile:hover {
    background-color: var(--white);
    transform: translateY(-4px);
    box-shadow: 0 2px 12px #0000001f
}

.chooser-primary-tile.big {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    padding: 24px
}

.tile-content-new {
    text-align: center;
    flex-flow: row;
    align-items: center;
    width: 100px;
    display: flex
}

.icon-text-holder-new.v2 {
    flex: none
}

.hero-header-secondary-form {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    height: 100%;
    min-height: 750px;
    margin-top: -4px;
    display: flex;
    position: relative
}

.hero-header-tertiary {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    padding: 48px;
    position: relative
}

.hero-header-tertiary.pricing-tabs {
    justify-content: center;
    display: flex
}

.b2b-content-wrp {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    text-align: left;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    display: grid
}

.b2b-content-wrp.switched {
    grid-template-columns: 1fr 1fr
}

.b2b-floating-img {
    position: absolute;
    inset: 0%
}

.b2b-floating-img.n1 {
    width: 37%;
    inset: 2% -6% auto auto
}

.b2b-floating-img.n2 {
    width: 52%;
    top: -8%;
    left: -5%
}

.b2b-floating-img.n4 {
    width: 66%;
    top: -10%;
    left: -7%
}

.b2b-floating-img.n3 {
    width: 42%;
    top: -14%;
    left: auto;
    right: -1.5%
}

.b2b-handwerker-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    column-count: 2;
    flex-direction: column;
    align-items: flex-start;
    width: 100%
}

.b2b-handwerker-list p {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px
}

.hero-header-card-form {
    background-color: var(--white);
    color: #000000de;
    text-align: left;
    border-radius: 8px;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    min-width: auto;
    margin: 0 auto;
    padding: 24px;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    box-shadow: 0 -10px 50px 5px #00000014
}

.hero-header-secondary-widget-holder {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    align-self: center;
    width: auto;
    max-width: 600px;
    height: auto
}

.iframe-flow {
    z-index: 2;
    background-color: var(--white);
    border-radius: 8px;
    flex: 1;
    justify-content: flex-end;
    align-self: stretch;
    align-items: flex-end;
    width: 100%;
    min-width: 496px;
    height: 496px
}

.b2b-floating-img-secondary {
    position: absolute;
    inset: 0%
}

.b2b-floating-img-secondary.n1 {
    width: 49%;
    inset: auto auto -17% -10px
}

.navigation-2 {
    background-color: #0000;
    flex-direction: column;
    align-items: center;
    padding-left: 48px;
    padding-right: 48px;
    display: none;
    position: relative;
    inset: 0 0 auto
}

.fs_numbercount-1_embed {
    margin-bottom: 0
}

.hero-header-secondary-flow {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    height: 100%;
    min-height: 750px;
    margin-top: -4px;
    display: flex;
    position: relative
}

.countup-number-wrp {
    grid-column-gap: .25ch;
    grid-row-gap: .25ch;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: inline-flex
}

.st-rer-makler-b2b-new {
    object-fit: contain;
    object-position: 50% 75%;
    width: 180px;
    max-width: 220px;
    height: auto;
    position: absolute;
    bottom: 140px
}

.anchor-div {
    height: 0;
    display: none;
    position: relative;
    top: -96px
}

.header-txt-holder {
    margin-top: 24px
}

.top-navi-new {
    display: none
}

.navigation-new {
    background-color: #4000ff80;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    flex-direction: column;
    align-items: center;
    padding-left: 48px;
    padding-right: 48px;
    display: none
}

.navigation-wrapper-new {
    background-color: #0000;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    flex-direction: column;
    align-items: center
}

.navigation-container-new {
    align-items: center;
    width: 100%;
    max-width: 1300px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.nav-menu-3-new {
    color: #283338;
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
    position: static
}

.dropdown-nav-arrow-new {
    color: var(--grey-300);
    margin-right: 5px
}

.thumbnail-cover {
    outline-color: var(--black);
    outline-offset: -4px;
    border-radius: 8px;
    outline-width: 6px;
    outline-style: solid;
    width: auto;
    height: 256px
}

.thumbnail-cover.rategeber-size {
    outline-width: 8px;
    height: 512px
}

.ratgeber-neu-stoerer {
    z-index: 5;
    margin-top: -23px;
    margin-left: 174px;
    position: absolute;
    transform: rotate(-18deg)
}

.grid1x3-ratgeber {
    grid-column-gap: 24px;
    grid-row-gap: 64px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.dummy-ratgeber-thumbnail-link {
    cursor: default
}

.mb-24 {
    margin-bottom: 24px
}

.b2b-home-tile-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    display: flex
}

.card-wrapper-leads-pricing {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    display: flex
}

.tab-menu-pricing {
    z-index: 10000;
    justify-content: center;
    align-items: center;
    display: flex;
    position: static;
    inset: 64px 0% auto
}

.tab-button-new {
    border-bottom: 1.5px solid var(--grey-200);
    background-color: var(--white);
    min-width: 200px;
    height: 48px;
    color: var(--medium-emphasis);
    letter-spacing: .25px;
    justify-content: center;
    align-items: flex-start;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    transition: color .15s;
    display: flex
}

.tab-button-new:hover {
    color: var(--black)
}

.tab-button-new.w--current {
    border-bottom-width: 2px;
    border-bottom-color: var(--houzy-green);
    background-color: var(--white);
    color: var(--houzy-green)
}

.tab-button-new.w--current:hover {
    color: var(--houzy-green)
}

.maske-sales-slider-b2b-test {
    height: 100%
}

.iframe-holder-seasonal-lp {
    height: 740px
}

.hw-header-img-holdr {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.hw-header-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.hw-header-overlay {
    background-color: #0006;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.image-189 {
    max-width: 100px
}

.list-2 {
    margin-bottom: 16px
}

.margin-bottom-24 {
    margin-bottom: 24px
}

.secondary-header-img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.image-190 {
    z-index: 100;
    width: 22vw;
    position: absolute;
    bottom: 39%;
    left: 370px;
    right: auto
}

.arrow-renigung-lp {
    z-index: 10;
    width: 22vw;
    max-width: 280px;
    height: 200px;
    transform-style: preserve-3d;
    background-image: url(../images/680c1edcb53bd89ce553ee38_arrow-long-1.svg);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -30%;
    left: 110%
}

.div-inline {
    flex-flow: row;
    display: inline;
    position: relative
}

.check-item-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.startups-logo {
    width: 100%;
    max-height: 32px
}

.fs-table_instance {
    display: block
}

.fs-table_header {
    text-align: left;
    border: 1px solid #ddd;
    padding: 8px
}

.fs-table_row {
    text-align: left;
    border: 1px solid #ddd
}

.fs-table_head {
    background-color: #f3f3f3
}

.fs-table_cell {
    text-align: left;
    border: 1px solid #ddd;
    padding: 8px
}

.fs-table_table {
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #ddd;
    width: 100%
}

.fs-table-blog_instance {
    display: block
}

.fs-table-blog_cell {
    text-align: left;
    border: 1px #000;
    padding: 8px
}

.fs-table-blog_row {
    border-style: none none solid;
    border-width: 1px;
    border-color: black black var(--grey-200);
    text-align: left
}

.fs-table-blog_table {
    text-align: left;
    border-collapse: collapse;
    border: 1px #000;
    width: 100%
}

.code-embed {
    border: 7px solid #ce0e0e
}

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

.map-img {
    opacity: 0
}

.map-kanton {
    z-index: 3;
    width: 15.8177%;
    position: absolute;
    inset: 15.4903% auto auto 19.5011%
}

.map-kanton:hover {
    z-index: 4
}

.map-kanton.be {
    width: 35.4896%;
    top: 23.4094%;
    left: 19.835%
}

.map-kanton.ju {
    width: 15.9846%;
    top: 15.4862%;
    left: 19.571%
}

.map-kanton.ne {
    width: 14.7745%;
    top: 32.3615%;
    left: 10.4731%
}

.map-kanton.so {
    width: 15.1375%;
    top: 15.4347%;
    left: 30.8361%
}

.map-kanton.vs {
    width: 38.2619%;
    top: 58.2919%;
    left: 17.6347%
}

.map-kanton.lu {
    width: 14.7525%;
    top: 26.5477%;
    left: 41.7712%
}

.map-kanton.ag {
    width: 15.9186%;
    top: 9.19225%;
    left: 39.285%
}

.map-kanton.zh {
    width: 13.6634%;
    top: 5.38501%;
    left: 53.1463%
}

.map-embed {
    width: 100%
}

.cta-banner-button-holder {
    margin-top: 16px
}

.cembra-content-holder {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: start;
    margin-top: 24px;
    display: grid
}

.link-button {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-start;
    align-items: center;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex
}

.link-button:hover {
    color: var(--button-hover)
}

.vielen-dank-team-wrp {
    margin-top: 32px
}

.vielen-dank-team-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    display: flex
}

.vielen-dank-team-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.vielen-dank-team-image {
    background-color: var(--grey-main-050);
    border-radius: 50%;
    width: 100%;
    max-width: 124px
}

.section-half-rtx ul,
.list-3 {
    font-size: 16px
}

@media screen and (min-width:1280px) {
    a {
        z-index: 1;
        position: relative
    }

    .banner.password {
        margin-top: -2px
    }

    .button-new.outlined {
        font-size: 14px
    }

    .button-new.outlined:hover {
        background-color: var(--green-050)
    }

    .button-new.outlined.inverted.small {
        font-size: 12px
    }

    .button-new.big.outlined {
        font-size: 16px
    }

    .button-new.big.outlined.inverted.icon {
        cursor: pointer
    }

    .button-new.big.button-tab.back-button-tab {
        color: var(--grey-300);
        padding: 11px 23px
    }

    .section-new.less-space-new.blog {
        overflow: visible
    }

    .section-new.less-space-new.grey-new,
    .section-new.less-space-new.testimonial {
        background-color: var(--grey-main-050)
    }

    .section-new.less-space-new.gradient {
        background-image: linear-gradient(135deg, var(--green-700), var(--houzy-green)50%, var(--green-300))
    }

    .section-new.less-space-new.test,
    .section-new.less-space-new.ratgeber {
        overflow: visible
    }

    .section-new.blog-houzy.grey-new {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .section-new.blog-houzy.grey-new.subnav-fix {
        margin-top: 0
    }

    .section-new.product-new {
        padding-top: 200px;
        padding-bottom: 80px
    }

    .section-new.product-new.single-item {
        padding-top: 180px;
        padding-bottom: 120px
    }

    .section-new.gradient {
        background-image: linear-gradient(135deg, var(--green-700), var(--houzy-green)50%, var(--green-300))
    }

    .section-new.cta-banner-new.video {
        border-radius: 8px;
        max-width: 1240px;
        margin-top: 80px;
        margin-bottom: 80px
    }

    .section-new.cta-banner-new.video.grey-bg {
        margin-top: 0;
        margin-bottom: 0
    }

    .section-new.big {
        position: static
    }

    .section-new._404 {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .section-new.magazine {
        margin-top: 0
    }

    .section-new.gradient-dark {
        background-image: linear-gradient(135deg, var(--green-700), var(--houzy-green)50%, var(--green-300))
    }

    .image-rounded {
        z-index: 2;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto
    }

    .contact-pop-up-1,
    .contact-pop-up-2 {
        display: block
    }

    .div-header.full.welcome-video {
        margin-top: 0
    }

    .error-message-houzy.newsletter {
        text-align: left
    }

    .link-block {
        flex: 1;
        align-self: stretch;
        width: 100%;
        text-decoration: none
    }

    .link-block.body-small.subnav.new {
        border-radius: 4px;
        padding-left: 16px;
        padding-right: 16px
    }

    .link-block.body-small.subnav.new:hover {
        background-color: var(--grey-main-050);
        color: #000000de
    }

    .link-block.body-small.subnav {
        transition: all .2s
    }

    .link-block.body-small.subnav:hover {
        color: #70be3b
    }

    .link-block.body-small.subnav.language {
        justify-content: center;
        display: flex
    }

    .div-fragen.flex-2.experten.webinar.fix {
        flex: 0 auto
    }

    .div-fragen.partner {
        padding-top: 0;
        padding-bottom: 0
    }

    .popup-overlay-new.black {
        align-items: center
    }

    .success-holder.newsletter {
        background-color: var(--white);
        border-radius: 4px
    }

    .categorie-holder.cloud {
        letter-spacing: .25px;
        background-color: #00000014
    }

    .blog-img {
        height: 220px;
        position: relative
    }

    .rich-text.blog {
        font-size: 16px
    }

    .rich-text.blog a:hover {
        text-decoration: none
    }

    .rich-text.blog figcaption {
        color: #000000a8;
        margin-top: 8px;
        font-size: 14px
    }

    .rich-text.blog h4,
    .rich-text.blog h5 {
        color: #000000de
    }

    .titel-new.handwerker-cl {
        font-size: 18px;
        line-height: 26px
    }

    .titel-new.link {
        margin-top: 4px;
        display: inline-block
    }

    .titel-new.blog-advert {
        text-transform: uppercase
    }

    .titel-new.white {
        display: block
    }

    .h1-new.white-n.switch-color-mobile.dtesting {
        justify-content: center;
        display: flex
    }

    .subheading-big.no-margin {
        margin-bottom: 0
    }

    .subheading-big.bed-rfnisse {
        font-size: 18px;
        line-height: 30px
    }

    .subheading-small.footer-secondary {
        padding-right: 0
    }

    .subheading-small.footer-secondary.no-hover,
    .subheading-small.footer-secondary.datenschutz {
        padding-right: 40px
    }

    .subheading-small.nav {
        margin-bottom: 0;
        padding-top: 4px;
        padding-bottom: 4px
    }

    .caption-new.medium-emphesis.brand-book {
        margin-top: 8px
    }

    .caption-new.dark {
        flex: 0 auto
    }

    .caption-new.b2c-b2b-switch.active {
        background-color: var(--white);
        color: #43b02a
    }

    .caption-new.b2c-b2b-switch.active.new {
        background-color: var(--houzy-green);
        color: var(--white);
        vertical-align: middle;
        cursor: default;
        border-radius: 6px;
        box-shadow: 0 2px 4px #0003
    }

    .caption-new.b2c-b2b-switch.active.new:hover {
        color: var(--white)
    }

    .caption-new.b2c-b2b-switch.new {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .caption-new.b2c-b2b-switch.new:hover {
        color: #212121
    }

    .caption-new.b2c-b2b-switch.new.seperator {
        border-left: 1px solid var(--grey-200);
        border-radius: 0
    }

    .caption-new.login {
        color: var(--high-emphasis);
        align-items: center;
        margin-top: 0;
        margin-bottom: 0;
        padding: 4px 12px;
        display: flex
    }

    .caption-new.login-with-icon,
    .caption-new.blog-newsletter-with-icon {
        color: var(--high-emphasis);
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 4px;
        padding-bottom: 4px
    }

    .caption-new.b2c-b2b-switch {
        border-radius: 4px;
        margin-top: 0;
        margin-bottom: 0;
        padding: 4px 12px;
        text-decoration: none
    }

    .caption-new.b2c-b2b-switch:hover {
        color: #43b02a
    }

    .caption-new.b2c-b2b-switch.active {
        color: #43b02a;
        background-color: #fff
    }

    .caption-new.login {
        margin-top: 0;
        margin-bottom: 0;
        padding: 4px 12px
    }

    .flow-div-new {
        flex: 1
    }

    .form-checklist {
        margin-bottom: 8px
    }

    .flow-number-holder.new {
        background-color: #0000;
        margin-top: 16px
    }

    .nl-form.newsletter-footer.nl-banner {
        grid-template-columns: .25fr 2fr 2.25fr .25fr
    }

    .card-houzy-new.testimonial-php {
        display: flex
    }

    .card-houzy-new.brand-system {
        text-align: left
    }

    .post-header-img {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }

    .timline-year._2 {
        border-bottom-width: 1px;
        border-bottom-color: #0000001f
    }

    .divider-vertical {
        background-color: #0000001f
    }

    .div-people-holder.experten {
        flex: 1
    }

    .testimonial-php-content-houzy {
        flex: 1;
        height: auto
    }

    .testimonial-img-wraper-new {
        flex: none
    }

    .tile-link.fill-white,
    .tile-link.fill-grey {
        transition-duration: .25s
    }

    .handwerker-item {
        width: 20%
    }

    .handwerker-holder {
        border-radius: 4px
    }

    .title-holder-handwerker {
        text-align: center
    }

    .language-dropdown.navbar {
        width: auto;
        margin-left: 8px;
        display: block
    }

    .blog-link-holder {
        padding-right: 0;
        transition: opacity .15s cubic-bezier(.25, .46, .45, .94)
    }

    .tag-page-div {
        padding-top: 120px
    }

    .div-block-202 {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .div-block-202.marg-top {
        margin-top: 8px
    }

    .arrow-div {
        margin-right: 24px
    }

    .card-holder.facts {
        width: 20vw;
        max-width: 305px;
        height: 20vw;
        max-height: 305px
    }

    .form-holder-project-houzy {
        max-width: 608px;
        margin-left: auto;
        margin-right: auto
    }

    .hero-header {
        min-height: 80vh;
        margin-top: -4px;
        padding-left: 40px;
        padding-right: 40px;
        overflow: hidden
    }

    .hero-header.small.adjust {
        height: 60vh
    }

    .hero-header.gradient-bg {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .hero-header.gradient-bg.no-subnav {
        margin-top: -4px
    }

    .hero-header.change-mobile {
        align-items: center;
        padding-top: 112px
    }

    .hero-header.change-mobile.no-subnav {
        margin-top: -4px
    }

    .hero-header.change-mobile.fullscreen {
        min-height: 91.3vh
    }

    .hero-header.change-mobile.fullscreen.b-testing {
        padding-top: 64px
    }

    .hero-header.change-mobile.fullscreen.d-testing {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .hero-header.change-mobile.baloise-center {
        overflow: visible
    }

    .hero-img {
        position: relative
    }

    .hero-img.sanierungsrechner {
        object-position: 50% 50%;
        position: static
    }

    .hero-img.immobewertung {
        object-position: 50% 50%
    }

    .hero-img.cockpit {
        object-position: 0% 50%;
        object-position: 50% 50%
    }

    .hero-img.fonds {
        object-position: 50% 50%
    }

    .hero-img.heizung,
    .hero-img.pflanzenmanager {
        object-position: 50% 50%;
        position: static
    }

    .hero-img.handwerker-home {
        object-position: 50% 0%
    }

    .hero-img.neophyten-home {
        object-position: 100% 50%
    }

    .hero-img.jobs {
        object-position: 50% 33%
    }

    .hero-img.solarrechner {
        object-position: 50% 50%
    }

    .hero-img.b2b-partners {
        object-position: 50% 33%
    }

    .hero-img.b2b-handwerker {
        object-position: 50% 20%
    }

    .hero-img.energierechner {
        object-position: 80% 50%
    }

    .hero-img.team {
        object-position: 50% 45%
    }

    .hero-img.fix {
        object-position: 0% 50%
    }

    .hero-img.immobilienverkauf,
    .hero-img.nachfragecheck,
    .hero-img.verkaufspreisberatung,
    .hero-img.immobiliensuche,
    .hero-img.vorsorgeberatung,
    .hero-img.umfrage-lp {
        object-position: 50% 50%
    }

    .hero-img.versicherungscheck {
        position: static
    }

    .hero-img.new-header {
        margin-left: -40px
    }

    .hero-img.immobilienmakler {
        object-position: 50% 50%
    }

    .header-content {
        text-align: left
    }

    .header-content.handwerker {
        max-width: 780px
    }

    .header-content.full {
        max-width: 500px
    }

    .header-content.mobile-change.immosuche {
        padding-right: 0
    }

    .header-button-holder.wrap {
        margin-bottom: 0
    }

    .header-button-holder.relativ {
        position: relative
    }

    .header-button-holder.relativ.flex {
        align-items: flex-start;
        display: block
    }

    .header-button-holder.relativ.flex.angebot {
        padding-right: 128px
    }

    .check-item {
        flex: 0 auto;
        padding-left: 8px;
        padding-right: 8px
    }

    .icon-holder-checks {
        margin-top: 1px
    }

    .body-small {
        color: #000000de
    }

    .body-small.link.team {
        font-weight: 400
    }

    .body-big.white.trust-header {
        line-height: 24px
    }

    .container-houzy.blog.white.rounded {
        z-index: 2;
        max-width: 1000px;
        margin-top: -48px
    }

    .container-houzy.narrow {
        max-width: 1024px
    }

    .container-houzy.narrow.contact {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .container-houzy.immosuche {
        grid-template-rows: auto auto auto auto auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: block
    }

    .container-houzy.typeform-hero,
    .container-houzy.iframe-hero,
    .container-houzy.iframe-hero-dtesting {
        grid-template-rows: auto auto auto auto auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr
    }

    .hero-img-holder {
        position: absolute;
        top: 0;
        left: 0%;
        right: 0%
    }

    .gradient-img-bar {
        z-index: 2
    }

    .gradient-img-bar.small {
        min-height: 8px
    }

    .product-img-holder.newsletter {
        max-height: 360px;
        margin-top: -10px
    }

    .products-tab-menu {
        overflow: visible
    }

    .grid-2x2 {
        grid-template-columns: 1fr 1fr
    }

    .grid-quarters-styleguide {
        align-items: stretch
    }

    .grid-3x1 {
        grid-template-rows: auto;
        align-items: stretch
    }

    .grid-3x1.solar {
        align-items: center
    }

    .circle-bg-big {
        background-color: var(--green-100);
        background-image: none
    }

    .circle-bg-big.portrait.new.makler-b2b {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center
    }

    .cta-wrapper,
    .cta-wrapper.parter-page.b2b,
    .cta-wrapper.parter-page.webinar {
        background-image: linear-gradient(135deg, var(--green-700), var(--houzy-green)50%, var(--green-300))
    }

    .testimonial-stars-html {
        letter-spacing: 0;
        font-size: 32px
    }

    .button-wrapper {
        align-items: center
    }

    .product-content {
        min-height: 500px;
        max-height: none
    }

    .product-content.icon-section {
        min-height: auto
    }

    .product-txt-holder {
        display: block
    }

    .product-txt-holder.marg-bottom-24.grid-two {
        flex-wrap: wrap;
        grid-auto-columns: 1fr;
        align-items: start;
        height: auto;
        margin-bottom: 0
    }

    .dropdown-icon {
        margin-right: 4px
    }

    .product-img-bg-houzy.cockpit-offerten {
        transform: translate(-20%, 21%)
    }

    .product-img-bg-houzy.newsletter {
        width: 21vw;
        min-width: 260px;
        max-width: 280px;
        height: 21vw;
        min-height: 260px;
        max-height: 280px
    }

    .product-img-bg-houzy.kununu {
        top: 29%;
        left: auto
    }

    .hero-section-content {
        z-index: 10;
        position: relative
    }

    .hero-section-content.right {
        align-self: flex-start
    }

    .hero-header-overlay.gradient {
        object-position: 50% 100%;
        background-image: linear-gradient(90deg, #00000080 20%, #0000 75%)
    }

    .hero-header-overlay.gradient.handwerker,
    .hero-header-overlay.gradient.magazine {
        background-image: linear-gradient(90deg, #0009, #0006 51%, #0000)
    }

    .hero-header-overlay.gradient-dark {
        object-position: 50% 100%;
        background-image: linear-gradient(90deg, #00000080 20%, #0000 75%)
    }

    .arrow-img-new {
        z-index: 200;
        object-fit: contain;
        width: 96px;
        height: 96px;
        position: relative;
        left: auto;
        right: auto
    }

    .arrow-img-new.bewertung {
        left: 32px;
        transform: rotate(0)
    }

    .arrow-img-new.sanierungsrechner {
        width: 120px;
        height: 120px;
        top: 20px;
        transform: rotate(89deg)
    }

    .arrow-img-new.solarrechner {
        filter: invert();
        left: -40px;
        transform: rotate(-10deg)
    }

    .arrow-img-new.fonds {
        left: 0;
        transform: rotate(0)
    }

    .arrow-img-new.heizung {
        filter: invert();
        margin-top: -16px;
        margin-left: 25px;
        padding-right: 0;
        top: 20px;
        transform: rotate(34deg)
    }

    .arrow-img-new.pflanzen {
        width: 120px;
        height: 120px;
        margin-top: -14px;
        padding-right: 0;
        top: 20px;
        transform: rotate(-23deg)
    }

    .arrow-img-new.gewinnspiel {
        width: 130px;
        height: 130px;
        top: 20px;
        left: -45px;
        transform: rotate(163deg)
    }

    .arrow-img-new.hypothek {
        width: 120px;
        height: 120px;
        top: 20px;
        left: -16px;
        transform: rotate(-19deg)
    }

    .arrow-img-new.black {
        filter: invert();
        margin-top: 0
    }

    .arrow-img-new.next-button {
        transform: rotate(144deg)
    }

    .arrow-img-new.nachfragecheck {
        width: 120px;
        height: 120px;
        margin-top: -14px;
        padding-right: 0;
        top: 20px;
        transform: rotate(-23deg)
    }

    .slider-hero-header {
        width: 100%;
        height: 100%
    }

    .hero-slider-arrow {
        display: none
    }

    .naef-container {
        background-color: var(--white);
        border-radius: 4px;
        width: auto;
        margin-top: 24px
    }

    .naef-logo {
        width: 240px;
        display: inline-block
    }

    .naef-txt-holder {
        width: 140px;
        margin-right: 16px
    }

    .div-block-219 {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        align-items: center
    }

    .arrow-header-holder-new {
        bottom: 140px;
        left: 50vw;
        right: 50vw
    }

    .arrow-header-holder-new.flex-vertical {
        flex-direction: column;
        display: block
    }

    .arrow-header-holder-new.flex-vertical.heizung {
        top: 51%;
        bottom: auto;
        left: 70vw
    }

    .arrow-header-holder-new.flex-vertical.bewertung {
        width: auto;
        margin-left: 0;
        display: flex;
        top: 14%;
        left: auto;
        right: 37%
    }

    .arrow-header-holder-new.flex-vertical.sanierungsrechner {
        inset: 22% auto auto 73.7vw;
        transform: rotate(3deg)
    }

    .arrow-header-holder-new.flex-vertical.cockpit {
        z-index: 99;
        align-items: flex-start;
        display: flex;
        top: 60px;
        left: auto;
        right: 7vw;
        transform: rotate(12deg)
    }

    .arrow-header-holder-new.flex-vertical.solar {
        flex-direction: column-reverse;
        display: flex;
        top: 18%;
        left: 79%;
        transform: rotate(20deg)
    }

    .arrow-header-holder-new.flex-vertical.fonds {
        bottom: 70px;
        left: 67%;
        right: auto
    }

    .arrow-header-holder-new.flex-vertical.heizung {
        flex-direction: column;
        width: auto;
        display: flex;
        inset: auto auto 69% 68.1vw;
        transform: rotate(11deg)
    }

    .arrow-header-holder-new.flex-vertical.pflanzen {
        flex-direction: column;
        inset: 43% auto auto 74.9vw;
        transform: rotate(14deg)
    }

    .arrow-header-holder-new.flex-vertical.neophyten {
        flex-direction: column;
        inset: 30% auto auto 80vw;
        transform: rotate(14deg)
    }

    .arrow-header-holder-new.flex-vertical.gewinnspiel {
        flex-direction: column-reverse;
        display: flex;
        right: auto;
        transform: rotate(-8deg)
    }

    .arrow-header-holder-new.flex-vertical.hypothek {
        flex-direction: column;
        inset: 43% auto auto 62vw;
        transform: rotate(3deg)
    }

    .arrow-header-holder-new.flex-vertical.next-button {
        transform: rotate(-8deg)
    }

    .arrow-header-holder-new.flex-vertical.energie {
        flex-direction: column-reverse;
        display: flex;
        top: 18%;
        left: 81%;
        transform: rotate(20deg)
    }

    .arrow-header-holder-new.flex-vertical.nachfragecheck {
        flex-direction: column;
        inset: 61% auto auto 56.9vw;
        transform: rotate(14deg)
    }

    .arrow-header-new {
        z-index: 10;
        white-space: nowrap;
        font-size: 24px;
        position: relative
    }

    .arrow-header-new.centred {
        text-align: center
    }

    .arrow-header-new.centred.is-pro {
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(135deg, #ffbd00, #fd7700);
        -webkit-background-clip: text;
        background-clip: text;
        font-size: 21px;
        line-height: 140%
    }

    .arrow-header-new.centred.is-small {
        font-size: 21px
    }

    .arrow-header-new.black {
        color: #000
    }

    .hero-slider-nav {
        justify-content: center;
        align-items: center;
        margin-bottom: 24px;
        display: flex
    }

    .hero-slider-nav.hide-mobile {
        display: none
    }

    .value-dropdown-rich-txt h6 {
        color: #0000008f;
        font-weight: 400
    }

    .vakue-wrapper {
        padding-top: 24px
    }

    .div-block-220 {
        background-color: var(--black);
        opacity: .17;
        filter: blur(20px);
        border-radius: 50%;
        width: 140%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: absolute;
        inset: -49% auto 0% -18px
    }

    .div-block-220.v2 {
        left: -50px
    }

    .google-rating-holder.flex {
        align-items: center;
        display: flex
    }

    .google-rating-holder.flex.margin-bottom-fix.header {
        margin-top: 24px
    }

    .google-rating-holder.flex-trash {
        align-items: center;
        display: flex
    }

    .grid-1x4 {
        grid-row-gap: 64px
    }

    .card-styleguide {
        box-shadow: none
    }

    .logo-holder.mobile-hide {
        display: none
    }

    .logo-holder.mobile-hide.header {
        display: block
    }

    .logo-holder.mobile-hide.header.ghs {
        top: -92px;
        left: 595px
    }

    .logo-holder.mobile-hide.header.best-employer {
        bottom: 26%
    }

    .logo-holder.mobile-hide.header.key4-stoerer.buyer {
        bottom: 35%;
        right: 4%
    }

    .logo-holder.mobile-hide.header.key4-stoerer-2 {
        bottom: 7%
    }

    .product-holder-grid {
        grid-row-gap: 120px
    }

    .multiple-selection-icon.w--redirected-checked {
        background-size: auto
    }

    .low-emphasis {
        color: #00000061
    }

    .beirat-link {
        margin-top: 4px;
        display: inline-block
    }

    .arrow-shadow-new {
        opacity: .17;
        filter: blur(20px);
        border-radius: 50%;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: absolute;
        inset: -49% auto 0% -18px
    }

    .arrow-shadow-new.v2 {
        left: -30px
    }

    .carousel-html {
        display: none
    }

    .cl-team {
        grid-row-gap: 48px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr
    }

    .cl-team.experts {
        grid-template-columns: minmax(15%, 216px) minmax(15%, 216px) minmax(15%, 216px) minmax(15%, 216px) minmax(15%, 216px);
        justify-content: space-between;
        place-items: start stretch
    }

    .team-member-img {
        z-index: 1;
        object-position: 50% 30%;
        position: relative
    }

    .team-member-icon._3 {
        transform: none
    }

    .stylegiuide-content-item.form {
        width: 50%;
        max-width: 500px
    }

    .form-10 {
        width: 100%
    }

    .arrow-wrapper {
        position: relative;
        left: 5px
    }

    .toggle-team-dropdown {
        padding: 0
    }

    .team-dropdown-menu {
        background-color: #0000;
        display: none;
        position: relative
    }

    .icon-dropdown-arrow {
        transform: none
    }

    .owl-next,
    .owl-prev {
        width: 24px;
        height: 24px
    }

    .lang-switch-dropdown {
        align-self: stretch;
        width: 48px;
        height: 100%;
        margin-left: 8px;
        margin-right: 0;
        display: block
    }

    .dropdown-list-houzy.lang-switch-houzy.w--open {
        padding: 8px 4px
    }

    .nl-container {
        margin-top: -80px
    }

    .present-img-holder1,
    .present-img-holder2 {
        transform: none
    }

    .close-icon {
        top: 24px
    }

    .card-popup.teaser {
        padding: 48px 192px
    }

    .footer-bottom.none {
        padding-right: 0
    }

    .footer-arrow-back-to-top {
        border-color: #0000;
        align-items: flex-start
    }

    .footer-column {
        padding-right: 0
    }

    .footer-grid-desktop {
        grid-template-rows: auto
    }

    .footer-grid-desktop.v2 {
        grid-template-columns: 2fr 1fr 1fr 1fr
    }

    .footer-logo-container.v2 {
        display: block;
        position: absolute;
        left: 95%;
        right: auto
    }

    .footer-submenu {
        padding-right: 64px;
        display: flex
    }

    .footer-new {
        z-index: 2;
        padding-top: 24px;
        position: relative
    }

    .navigation-link {
        color: #000000de;
        letter-spacing: .25px;
        font-size: 14px;
        font-weight: 700;
        line-height: 24px
    }

    .navigation-link:hover,
    .navigation-link.w--current {
        color: var(--houzy-green)
    }

    .navigation-link.semi-bold {
        font-weight: 600
    }

    .navigation-link.semi-bold.new {
        border-radius: 4px;
        align-self: center;
        height: 48px
    }

    .navigation-link.semi-bold.new:hover {
        background-color: var(--grey-100);
        color: #000000de
    }

    .nav-content-wrap {
        color: #000000de;
        margin-left: 16px;
        padding-left: 0
    }

    .nav-content-wrap.language {
        align-items: stretch;
        margin-left: 0;
        padding-left: 0
    }

    .nav-content-wrap.ueber-uns,
    .nav-content-wrap.new {
        margin-left: 0
    }

    .dropdown-toggle {
        align-items: center;
        height: 100%;
        margin-bottom: 0;
        display: flex
    }

    .dropdown-toggle:hover,
    .dropdown-toggle.subheading-small.w--open {
        color: var(--houzy-green)
    }

    .dropdown-toggle.subheading-small.semi-bold {
        font-weight: 600
    }

    .dropdown-toggle.subheading-small.semi-bold.new {
        border-radius: 4px;
        padding-left: 8px;
        padding-right: 8px
    }

    .dropdown-toggle.subheading-small.semi-bold.new:hover {
        background-color: var(--grey-100);
        color: #000000de
    }

    .dropdown-toggle.subheading-small.semi-bold.new.w--open {
        background-color: var(--grey-200);
        color: #000000de
    }

    .dropdown-toggle.subheading-small.semi-bold.new.w--open:hover {
        background-color: #e6e6e6
    }

    .dropdown-pointer {
        align-items: flex-start;
        padding: 16px 24px 24px;
        position: absolute;
        top: 0
    }

    .dropdown-pointer.language,
    .dropdown-pointer.ueber-uns-b2c {
        padding-top: 20px
    }

    .dropdown-pointer.new {
        border-top: 1px solid var(--grey-200);
        background-color: #ffffffe6;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        padding: 0;
        left: 0
    }

    .navigation-container-mob.baloise-padding {
        padding-left: 24px;
        padding-right: 24px
    }

    .houzy-logo-desktop {
        align-self: stretch;
        display: flex
    }

  

    .navigation-mob {
        display: none
    }

    .navigation-mob.baloise-navi {
        display: block
    }

    .navigation-container {
        max-width: 1240px
    }

    .navigation-container.left {
        justify-content: flex-start;
        max-width: 1240px
    }

    .navigation {
        height: 80px;
        padding-left: 40px;
        padding-right: 40px;
        display: flex;
        position: relative
    }

    .navigation.magazin {
        border-bottom: 1px solid var(--grey-100);
        box-shadow: none;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        position: relative
    }

    .navigation-dropdown {
        top: 80px;
        left: 0;
        right: 0
    }

    .navigation-dropdown.w--open {
        justify-content: center;
        align-items: flex-start;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0;
        display: flex;
        position: absolute;
        top: 80px
    }

    .navigation-dropdown.top.w--open {
        min-width: 100%;
        position: absolute;
        top: 24px
    }

    .navigation-dropdown.solo.w--open {
        z-index: 99999999;
        min-width: auto;
        position: absolute
    }

    .navigation-dropdown.new {
        position: absolute
    }

    .navigation-dropdown.new.w--open {
        top: 70px
    }

    .navigation-left,
    .navigation-right {
        align-self: stretch
    }

    .dropdown-wrapper {
        border-radius: 4px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: flex
    }

    .dropdown-wrapper.language {
        justify-content: center;
        min-width: 100%
    }

    .dropdown-wrapper.new {
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        background-color: #0000;
        border-radius: 0 0 8px 8px;
        box-shadow: 11px 11px 30px -10px #20355a26
    }

    .nav-menu-3 {
        grid-column-gap: 4px;
        height: 100%
    }

    .login-buttons {
        margin-left: 8px
    }

    .dropdown {
        align-items: center;
        position: static
    }

    .dropdown.small-menu {
        position: relative
    }

    .dropdown-link-2 {
        cursor: default;
        flex-direction: column;
        align-items: flex-start;
        min-width: 300px;
        padding: 48px
    }

    .dropdown-link-2:hover {
        color: var(--houzy-green);
        background-color: #0000
    }

    .dropdown-link-2.language {
        align-items: stretch;
        min-width: 100%;
        margin-left: 24px;
        margin-right: 24px;
        padding: 24px 0
    }

    .dropdown-link-2.ueber-uns {
        min-width: 225px;
        padding: 24px 48px
    }

    .dropdown-link-2.ueber-uns.b2c-b2b {
        min-width: 260px
    }

    .dropdown-link-2.solo {
        min-width: 260px;
        padding-top: 24px;
        padding-bottom: 24px
    }

    .dropdown-titel-holder {
        justify-content: flex-start;
        align-self: stretch;
        align-items: stretch;
        padding-bottom: 24px;
        display: flex
    }

    .dropdown-titel-icon {
        width: auto;
        height: 32px;
        margin-right: 16px
    }

    .dropdown-nav-arrow {
        color: var(--grey-300)
    }

    .houzy-logo-nav {
        background-image: none;
        align-self: center;
        width: 128px;
        height: 100%
    }

    .houzy-logo-nav.business {
        background-image: none;
        background-repeat: repeat;
        background-size: auto;
        background-attachment: scroll
    }

    .pointer-new {
        z-index: 3;
        cursor: default;
        width: 128px;
        height: 16px;
        display: none;
        position: absolute;
        top: 82.5px
    }

    .pointer-new.kaufen {
        left: -7px
    }

    .pointer-new.kaufen.fix {
        z-index: 2147483647
    }

    .pointer-new.wohnen {
        left: -4px
    }

    .pointer-new.verkaufen {
        left: -5px
    }

    .pointer-new.ueber-uns,
    .pointer-new.language {
        left: -3px
    }

    .pointer-new.ueber-uns,
    .pointer-new.language-switch {
        display: none;
        top: 32px;
        left: 0
    }

    .navigation-dropdown-language.w--open {
        justify-content: center;
        align-items: stretch;
        min-width: 100%;
        padding-top: 0;
        display: flex;
        left: -33px
    }

    .full-divider {
        background-color: var(--grey-main-050);
        width: 100%
    }

    .nav-tag-holder {
        cursor: default;
        align-items: center;
        display: flex
    }

    .nav-tag-holder.new {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        cursor: pointer;
        border-radius: 4px;
        align-self: stretch;
        padding: 8px 16px;
        text-decoration: none
    }

    .nav-tag-holder.new:hover {
        background-color: var(--grey-main-050);
        text-decoration: none
    }

    .nav-badge {
        padding-left: 8px
    }

    .nav-badge.new {
        padding-left: 0
    }

    .nav-tag-holder-mobile {
        cursor: default;
        align-items: center;
        display: flex
    }

    .hint-icon {
        flex: 0 auto
    }

    .bottom-newsletter-wrapper {
        justify-content: space-around
    }

    .share-blog-section-top {
        flex-direction: row
    }

    .button-big {
        border-radius: 4px;
        display: inline-block
    }

    .hint-icon-2 {
        flex: 0 auto
    }

    .container-20 {
        max-width: 100%
    }

    .divider {
        color: #00000061
    }

    .hero-header-double {
        min-height: 80vh;
        margin-top: -4px;
        padding-left: 40px;
        padding-right: 40px;
        overflow: hidden
    }

    .hero-header-double.change-mobile {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        align-items: center;
        min-height: 92vh;
        padding-top: 112px
    }

    .hero-img-holder-double {
        position: absolute;
        top: 0;
        left: 0%;
        right: 0%
    }

    .hero-header-overlay-double.gradient {
        object-position: 50% 100%;
        background-image: linear-gradient(90deg, #00000080 20%, #0000 75%)
    }

    .hero-header-content-double {
        text-align: left
    }

    .hero-header-content-double.mobile-change.long {
        height: 100%
    }

    .top-bar-wrapper {
        z-index: 999999;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr
    }

    .top-bar-wrapper.is-pro-gradient {
        background-image: linear-gradient(135deg, #ffbd00, #fd7700)
    }

    .immosearch-widget {
        flex-direction: column;
        flex: none;
        align-items: center;
        width: 60%;
        display: flex;
        position: absolute;
        top: 124px;
        bottom: 0%;
        right: 0
    }

    .houzy-logo-nav-partners {
        align-self: center;
        width: 200px;
        height: 100%
    }

    .houzy-logo-nav-magazine {
        align-self: center;
        width: 128px;
        height: 100%
    }

    .loader {
        flex-direction: column;
        flex: none;
        align-items: center;
        position: absolute;
        top: 0
    }

    .container-22.center-flex.parallax-container {
        max-width: 1920px
    }

    .hero-header-content-wrapper {
        padding-left: 0
    }

    .blog-card-titel-holder.margin-top-8 {
        margin-bottom: 0
    }

    .magazine-nav-wrapper.static {
        border-bottom-color: var(--grey-100)
    }

    .categorie-titel-holder {
        align-self: stretch
    }

    .categorie-content-holder {
        color: #000000de
    }

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

    .marker-holder {
        max-width: 180px;
        bottom: 31%;
        right: 15vw
    }

    .marker {
        font-size: 64px
    }

    .typeform-embed-hero,
    .iframe-embed-hero {
        flex-direction: column
    }

    .hero-header-startpage {
        margin-top: -2px;
        padding-left: 40px
    }

    .iframe-hero-header-v2 {
        flex-direction: column
    }

    .hero-header-v2 {
        height: 91vh;
        margin-top: 0;
        padding-left: 40px
    }

    .hero-header-content-wrapper-v2 {
        padding-left: 0
    }

    .tile-shortcut-wrapper {
        align-items: center
    }

    .iframe-hero-header-v3 {
        flex-direction: column;
        margin-top: 32px
    }

    .hero-header-tab {
        margin-top: 48px;
        margin-bottom: 48px
    }

    .product-tabs-home-new.pricing-table.new {
        margin-top: 0
    }

    .product-overview {
        grid-template-rows: auto
    }

    .product-wrapper-2.kaufen {
        display: none
    }

    .product-wrapper-2.wohnen {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: none
    }

    .hero-header-startpage-fullscreen {
        margin-top: -80px;
        padding-left: 40px;
        padding-right: 0
    }

    .hero-header-startpage-fullscreen.no-subnav.form,
    .hero-header-startpage-fullscreen.no-subnav.flow-iframe {
        margin-top: -4px
    }

    .hero-header-overlay-bgvideo {
        object-position: 50% 100%
    }

    .hero-header-content-wrapper-fullscreen {
        padding-left: 0
    }

    .hero-header-widget-wrapper-fullscreen.houzy-connect {
        max-width: 650px
    }

    .hero-header-widget-wrapper-fullscreen.hc-badges-states {
        max-width: 100%
    }

    .card-popup-2.teaser {
        padding: 48px 192px
    }

    .hero-header-image-holder-fullscreen {
        position: absolute;
        top: 0;
        left: 0%;
        right: 0%
    }

    .contact-banner {
        object-position: 50% 50%
    }

    .sticky-cta-banner {
        justify-content: space-around
    }

    .sticky-cta-banner-wrapper {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto
    }

    .check-wrapper {
        margin-left: -8px;
        margin-right: -8px
    }

    .vertical-divider {
        background-color: var(--grey-100);
        width: 2px;
        height: 32%
    }

    .vertical-divider.data-table {
        height: 100%
    }

    .top-navi {
        z-index: 9999;
        background-color: var(--grey-main-050);
        height: 40px;
        padding-bottom: 0;
        padding-left: 40px;
        padding-right: 40px;
        display: block;
        position: relative
    }

    .top-navi-container {
        align-items: center;
        width: 100%;
        max-width: 1240px;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .top-navi-left {
        grid-column-gap: 4px;
        align-self: stretch;
        align-items: center;
        width: 100%;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .top-navi-right {
        grid-column-gap: 4px;
        justify-content: flex-end;
        align-self: stretch;
        align-items: center;
        width: 100%;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .top-navi-about {
        margin-left: 0;
        margin-right: 0
    }

    .dropdown-top-nav-arrow {
        color: var(--medium-emphasis)
    }

    .top-navi-language {
        margin-left: 0;
        margin-right: 0
    }

    .dropdown-toggle-top-navi {
        margin-right: 8px;
        padding: 0 24px 0 12px
    }

    .dropdown-toggle-top-navi.w--open {
        height: 100%
    }

    .b2b-business-overview {
        grid-template-rows: auto
    }

    .navigation-wrapper {
        display: block;
        position: sticky;
        top: -120px;
        box-shadow: 0 10px 25px 5px #0000000d
    }

    .navigation-wrapper.is-transition.is-visible {
        top: -40px
    }

    .bed-rfnisse-circle-big {
        position: relative
    }

    .business-list-wrapper {
        grid-row-gap: 8px
    }

    .div-block-255 {
        transform: none
    }

    .logo-holder-5.mobile-hide {
        display: none
    }

    .logo-holder-5.mobile-hide.header {
        display: block
    }

    .logo-holder-5.mobile-hide.header.best-employer {
        bottom: 26%
    }

    .header-image-absolute {
        max-width: 650px;
        right: auto
    }

    .header-image-absolute.tile,
    .header-image-absolute.desktop,
    .header-image-absolute.icon-2,
    .header-image-absolute.mobile,
    .header-image-absolute.icon-1,
    .header-image-absolute.states,
    .header-image-absolute.badge {
        max-width: 550px
    }

    .faq-section {
        padding-left: 40px;
        padding-right: 40px
    }

    .pricing-wrapper {
        display: block
    }

    .pricing-overview {
        grid-template-rows: auto
    }

    .inpage-checks-wrapper-new {
        margin-left: -8px;
        margin-right: -8px
    }

    .grid-2x4 {
        grid-row-gap: 64px
    }

    .hint-icon-3 {
        flex: 0 auto
    }

    .fs-rangeslider_wrapper {
        text-align: left
    }

    .baloise-graphic {
        right: 10%
    }

    .baloise-dropdown-link-item {
        margin-top: 4px;
        margin-bottom: 4px;
        padding: 8px 17px
    }

    .subnav-wrapper-pricingb2b-desktop {
        z-index: 1;
        margin-left: 0;
        margin-right: 0;
        display: block;
        left: auto;
        right: auto
    }

    .in-body-tag {
        display: none
    }

    .caption-asterix-header {
        flex: 0 auto;
        padding-left: 40px;
        padding-right: 40px
    }

    .video-section.grey-new {
        padding-top: 96px;
        padding-bottom: 96px
    }

    .sales-slide-wrp {
        align-items: center;
        display: flex
    }

    .hero-header-secondary-cta {
        min-height: 85vmin
    }

    .hero-header-secondary-container {
        max-width: 1240px
    }

    .hero-header-secondary-bulletpoints-wrapper {
        margin-left: 0;
        margin-right: 0
    }

    .bulletpoint-item {
        flex: 0 auto;
        padding-left: 8px;
        padding-right: 8px
    }

    .spitzmarke {
        flex: 0 auto
    }

    .google-rating-holder-new {
        align-items: center;
        display: flex
    }

    .hero-header-secondary-content-wrapper {
        padding-left: 0
    }

    .hero-header-secondary-media-wrapper {
        background-image: url(../images/65d6147107912c20bae4563c_Handwerker-hc.png), url(../images/65cf6065dfec29c6a79fa66b_hc-ui-element-1.svg), linear-gradient(226deg, #19779733, #19779799 52%, #197797de);
        background-position: 50% 100%, 10% 35%, 0 0;
        background-repeat: no-repeat, no-repeat, repeat;
        background-size: auto 90%, 45%, auto;
        background-attachment: scroll, scroll, scroll
    }

    .hero-header-secondary-media-wrapper.form.php {
        background-image: linear-gradient(#0003, #0003), url(../images/64957d50e1da413fdf8fd8cb_professional-male-engineers-discussing-project.webp);
        background-position: 0 0, 0%;
        background-repeat: repeat, no-repeat;
        background-size: auto, cover;
        background-attachment: scroll, scroll;
        padding-left: 0;
        padding-right: 0
    }

    .hero-header-secondary-media-wrapper.form.formular,
    .hero-header-secondary-media-wrapper.form.klara {
        padding-left: 0;
        padding-right: 0
    }

    .icon-holder-bulletpoint {
        margin-top: 1px
    }

    .dropdown-wrapper-makler-b2b {
        margin-top: -8px;
        margin-bottom: 40px
    }

    .grid-makler-b2b-pakete {
        grid-column-gap: 16px
    }

    .hero-header-primary-b2b {
        min-height: 86.5vmin;
        margin-top: -4px;
        padding-left: 40px;
        padding-right: 0
    }

    .hero-header-primary-image-holder {
        position: absolute;
        top: 0;
        left: 0%;
        right: 0%
    }

    .hero-header-primary-bg-overlay {
        object-position: 50% 100%
    }

    .hero-header-primary-content-wrapper {
        padding-left: 0
    }

    .chooser-primary-tiles-wrapper {
        align-items: center
    }

    .chooser-primary-tile {
        transition-duration: .25s
    }

    .hero-header-tertiary {
        margin-top: -4px;
        padding-left: 40px;
        padding-right: 40px;
        overflow: hidden
    }

    .hero-header-card-form {
        max-width: 600px
    }

    .iframe-flow {
        flex-direction: column
    }

    .navigation-2 {
        background-image: linear-gradient(#fff, #fff);
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        height: 80px;
        padding-left: 40px;
        padding-right: 40px;
        display: block;
        position: sticky;
        box-shadow: 0 10px 25px 5px #0000000d
    }

    .st-rer-makler-b2b-new {
        bottom: 91px
    }

    .top-navi-new {
        z-index: 9999;
        flex: 1;
        align-self: center;
        width: 100%;
        height: 100%;
        padding: 2px 40px;
        display: block;
        position: relative
    }

    .top-navi-container-new {
        align-items: center;
        width: 100%;
        max-width: 1420px;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .top-navi-left-new {
        grid-column-gap: 4px;
        align-self: stretch;
        align-items: center;
        width: 100%;
        display: flex
    }

    .top-navi-right-new {
        grid-column-gap: 4px;
        justify-content: flex-end;
        align-self: stretch;
        align-items: center;
        width: 100%;
        display: flex
    }

    .navigation-new {
        border-radius: 8px 8px 8px var(--corner-radius);
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        background-color: #fffffff0;
        width: 100%;
        max-width: 1480px;
        height: 70px;
        margin-top: 8px;
        margin-left: 8px;
        margin-right: 8px;
        padding-left: 40px;
        padding-right: 40px;
        display: flex;
        position: relative;
        box-shadow: 0 0 4px #00000014
    }

    .navigation-wrapper-new {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        margin-left: 8px;
        margin-right: 8px;
        display: flex;
        position: sticky;
        top: -120px
    }

    .navigation-container-new {
        max-width: none
    }

    .nav-menu-3-new {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        height: 100%
    }

    .dropdown-new {
        align-self: center;
        align-items: center;
        height: 48px;
        position: static
    }

    .dropdown-nav-arrow-new {
        color: var(--medium-emphasis);
        margin-right: 0;
        position: relative
    }

    .dropdown-nav-wrapper {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        margin-left: 8px;
        margin-right: 8px;
        display: flex
    }

    .grid1x3-ratgeber {
        grid-row-gap: 64px
    }

    .segment-control-wrapper {
        background-color: var(--grey-100);
        border-radius: 6px;
        margin-top: -2px;
        padding: 3px;
        display: flex
    }

    .tab-button-new {
        transition: color .15s
    }

    .iframe-holder-seasonal-lp {
        height: 790px
    }

    .margin-bottom-24 {
        margin-bottom: 24px
    }

    .image-190 {
        max-width: 470px
    }

    .arrow-renigung-lp {
        width: 22vw;
        max-width: 400px;
        height: 320px;
        bottom: -69px;
        left: 119%;
        right: auto;
        transform: rotate(10deg)
    }

    .div-inline {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: inline;
        position: relative
    }

    .is-pro {
        background-image: linear-gradient(135deg, #ffbd00, #fd7700);
        border-radius: 4px;
        margin-bottom: 4px;
        padding-left: 8px;
        padding-right: 8px;
        display: inline-flex
    }
}

@media screen and (max-width:991px) {
    .navigation-style-1 {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .banner.tone-of-voice {
        padding-left: 32px;
        padding-right: 32px;
        display: block
    }

    .button-new.form {
        float: none;
        width: auto;
        margin-left: 0;
        margin-right: 0;
        display: block
    }

    .button-new.outlined.inverted.small {
        flex: none
    }

    .button-new.big.outlined.inverted.switch-mobile-new {
        outline-color: var(--houzy-green);
        color: var(--houzy-green)
    }

    .button-new.big.outlined.inverted.switch-mobile-new:hover {
        outline-color: var(--houzy-green);
        background-color: #70be3b1f
    }

    .button-new.big.blog-advert {
        float: none
    }

    .section-new {
        padding: 100px 32px
    }

    .section-new.less-space-new {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .section-new.less-space-new.kontakt {
        margin-top: 0;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        overflow: visible
    }

    .section-new.less-space-new.testimonial {
        padding-bottom: 80px
    }

    .section-new.blog-houzy {
        padding-top: 0
    }

    .section-new.blog-houzy.grey-new {
        background-color: var(--white);
        padding-left: 0;
        padding-right: 0
    }

    .section-new.product-new {
        padding-top: 80px;
        padding-bottom: 100px
    }

    .section-new.product-new.single-item {
        padding-top: 120px;
        padding-bottom: 60px
    }

    .section-new.product-new.single-item-dropdown {
        padding-bottom: 120px
    }

    .section-new.cta-banner-new {
        padding-top: 64px;
        padding-bottom: 64px
    }

    .section-new.angaben-tragbarkeit {
        flex-direction: column;
        align-items: stretch;
        padding: 24px 48px;
        display: flex
    }

    .section-new.big {
        padding-top: 64px;
        padding-bottom: 64px
    }

    .section-new.form {
        padding-left: 0;
        padding-right: 0
    }

    .top-title.blog {
        width: auto
    }

    .container-fluid {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        display: block
    }

    .container-fluid.gutschein-container {
        margin-top: 120px
    }

    .blog-txt-wrapper.less {
        width: auto
    }

    .team-overlay {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px;
        position: absolute;
        inset: 0
    }

    .pasword-wrapper {
        width: 100%
    }

    .blog-post {
        width: auto
    }

    .image-rounded {
        margin-left: 0;
        margin-right: 0;
        display: block
    }

    .hamburger-houzy {
        float: none;
        color: #fff;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .hamburger-houzy.w--open {
        color: var(--houzy-dark-grey);
        background-color: #0000;
        border-radius: 5px
    }

    .hamburger-houzy.w--open:active {
        background-color: #0000
    }

    .logo-partner._2 {
        max-height: 32px
    }

    .logo-partner._2.partner-pages {
        max-height: 42px
    }

    .logo-partner._2.partner-pages.long {
        max-width: 130px;
        padding-top: 8px
    }

    .heading-houzy {
        font-size: 25px;
        line-height: 34px
    }

    .heading-houzy.h3-about {
        font-size: 45px;
        line-height: 45px
    }

    .input-field-new.checklist {
        margin-bottom: 16px
    }

    .content-team-overlay {
        margin-top: 0
    }

    .div-header {
        width: 75%;
        min-width: auto;
        position: static
    }

    .div-header.full {
        width: auto
    }

    .div-header.full.welcome-video {
        margin-bottom: 0
    }

    .div-header-no-picture {
        padding-left: 30px;
        padding-right: 30px
    }

    .div-form.partner-pages {
        flex: 10 192px;
        width: 100%;
        padding-left: 8px;
        padding-right: 8px
    }

    .div-form.partner-pages.naef-lp {
        flex: 260px;
        min-width: 50%
    }

    .div-form.partner-pages.is-2-columns {
        flex-basis: 320px
    }

    .check-list-item {
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex
    }

    .margin-top {
        align-items: center;
        display: flex
    }

    .hamburger-bar,
    .hamburger-bar-2,
    .hamburger-bar-3,
    .hamburger-bar-4,
    .hamburger-bar-5,
    .hamburger-bar-6 {
        background-color: #fff;
        border-radius: 2px;
        width: 22px;
        height: 2px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        transform: rotate(.001deg)
    }

    .image-profilbild {
        flex: none;
        width: 170px;
        height: auto
    }

    .div-fragen.flex-2 {
        flex: 1 0 280px;
        justify-content: center;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .div-fragen.flex-2.experten {
        flex: 1
    }

    .div-fragen._2 {
        flex: 1;
        width: auto;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .div-fragen.partner {
        width: 300%
    }

    .div-fragen.partner.b2b {
        padding-bottom: 0
    }

    .div-fragen.img {
        flex: none;
        justify-content: center;
        width: 30%;
        display: flex
    }

    .div-fragen.img.b2b {
        width: 100%
    }

    .div-fragen.img.b2b.webinar {
        justify-content: center;
        align-items: flex-start
    }

    .content-holder {
        width: auto
    }

    .content-holder.left {
        width: 180px
    }

    .content-holder.left.experten {
        text-align: center
    }

    .content-holder.left.experten.webinar {
        width: 100%;
        height: 100%
    }

    .content-holder.partner {
        padding-left: 12px;
        padding-right: 12px
    }

    .blog-collection {
        flex-wrap: wrap;
        place-content: center flex-start;
        align-items: stretch;
        display: flex
    }

    .blog-card-content-holder {
        min-height: auto;
        padding: 24px 20px
    }

    .service-wrapper {
        width: 100%
    }

    .service-wrapper.blog {
        flex: auto;
        align-self: stretch;
        margin-bottom: 0;
        position: relative
    }

    .categorie-holder.cloud:hover {
        background-color: #70be3b33
    }

    .blog-col-item {
        flex-flow: wrap;
        flex: 280px;
        place-content: flex-start space-between;
        align-self: stretch;
        align-items: stretch;
        width: 100%;
        max-width: none;
        padding-top: 16px;
        padding-bottom: 16px;
        position: static
    }

    .blog-img {
        align-items: flex-end;
        padding: 0 20px 16px
    }

    .breadcrumb:hover {
        color: var(--houzy-green)
    }

    .breadcrumb._2 {
        flex: none
    }

    .breadcrumb-nav {
        margin-bottom: 0;
        display: flex
    }

    .link-blog-card {
        height: 100%;
        display: block
    }

    .rich-text.blog {
        width: auto
    }

    .rich-text.blog figcaption {
        margin-top: 8px
    }

    .div-timeline {
        width: auto;
        max-width: 780px
    }

    .medienspiegel {
        padding-right: 0;
        font-size: 16px
    }

    .blog-cl-wrapper {
        flex-wrap: wrap;
        align-content: flex-start;
        margin-left: -4px;
        margin-right: -4px
    }

    .blog-cl-wrapper.new {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .flex-div-new {
        justify-content: space-between
    }

    .flex-div-new.partners {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        display: grid
    }

    .datensicherheit-icon-big {
        width: 96px;
        height: 96px;
        margin-right: 16px
    }

    .div-50.faq {
        width: 50%;
        max-width: 400px
    }

    .div-50.contact {
        flex-wrap: nowrap;
        width: 100%;
        display: flex
    }

    .headline-new {
        font-size: 32px;
        line-height: 44px
    }

    .headline-new.white.unsub {
        line-height: 40px
    }

    .headline-new.faq {
        font-size: 24px;
        line-height: 36px
    }

    .headline-new.price {
        margin-bottom: 0;
        line-height: 40px
    }

    .headline-new.price.makler-b2b {
        font-size: 28px
    }

    .titel-new {
        font-size: 20px;
        line-height: 28px
    }

    .titel-new.white.newsletter-title {
        display: block
    }

    .titel-new.handwerker-cl,
    .titel-new.handwerker-cl._2 {
        font-size: 2.1vw;
        line-height: 2.8vw
    }

    .titel-new.left-aligned.center-flex.faq {
        white-space: normal;
        flex: 1;
        align-self: auto;
        font-size: 14px
    }

    .h1-new {
        font-size: 40px;
        line-height: 52px
    }

    .h1-new.flow-nr {
        font-size: 48px;
        line-height: 52px
    }

    .h1-new.tablet-mobile-switch {
        max-width: 600px
    }

    .subheading-big.bed-rfnisse {
        font-size: 1.6vw;
        line-height: 1.8
    }

    .subheading-small.white.nl-banner {
        justify-content: flex-start
    }

    .subheading-small.medium-emphasis.facts {
        right: 32px
    }

    .subheading-small.footer-secondary.baloise-footer-item {
        text-align: center
    }

    .body-trash {
        line-height: 24px
    }

    .caption-new.dark {
        justify-content: flex-start;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .caption-new.max-width {
        width: 100%;
        max-width: 75%
    }

    .sms-holder {
        border-radius: 4px;
        flex: none;
        min-width: 69px;
        display: block
    }

    .sms-logo {
        width: auto;
        min-width: auto;
        height: 40px
    }

    .flow-div-new {
        text-align: center;
        flex: 1;
        padding-left: 8px;
        padding-right: 8px
    }

    .flow-line {
        display: block
    }

    .form-checklist {
        flex-wrap: wrap;
        align-content: flex-start;
        align-items: flex-start;
        width: auto;
        margin-top: 0;
        display: block
    }

    .form-checklist.v2 {
        display: flex
    }

    .h1-subtext-banner {
        white-space: normal;
        margin-top: 8px;
        top: -4px
    }

    .div-header-2-0 {
        align-self: center;
        width: 576px;
        max-width: 65%
    }

    .div-header-2-0.tov {
        width: auto;
        max-width: 780%
    }

    .div-rating-new {
        flex: none;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .div-rating-new.testimonial {
        margin-bottom: 4px
    }

    .banner-content-wrp {
        text-align: left;
        width: 66%;
        min-width: 510px
    }

    .banner-content-wrp.blog-advert {
        min-width: auto;
        max-width: 630px;
        position: relative
    }

    .image-logo-3 {
        width: 140%;
        min-width: auto;
        max-width: none;
        max-height: none;
        position: absolute;
        top: -20px;
        left: -78px;
        right: -180px
    }

    .image-products {
        width: 130vw;
        min-width: auto;
        max-width: 850px;
        max-height: none;
        position: absolute;
        top: -30px;
        bottom: auto;
        left: -110px
    }

    .div-thirds {
        perspective: 1000px;
        flex: 0 auto;
        transform: perspective(1000px)
    }

    .div-thirds.no-flex.centered {
        flex: 0 auto
    }

    .trust-div {
        text-align: center;
        width: auto;
        padding-left: 8px;
        padding-right: 8px
    }

    .image-products-2 {
        width: 130vw;
        min-width: auto;
        max-width: 850px;
        max-height: none;
        position: absolute;
        top: -30px;
        bottom: auto;
        right: -160px
    }

    .youtube {
        width: 100%;
        max-width: 1024px
    }

    .youtube.key4 {
        max-width: none;
        height: 400px
    }

    .image-products-3 {
        width: 130vw;
        min-width: auto;
        max-width: 850px;
        max-height: none;
        position: absolute;
        bottom: auto;
        left: -110px
    }

    .image-products-3.img-new {
        position: static
    }

    .image-products-3.img-new.tablet-none {
        width: 130%;
        position: absolute;
        inset: 0% -10% auto auto
    }

    .subscribe-form-flex {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 350px;
        display: block
    }

    .subscribe-field-wrapper {
        margin-bottom: 16px
    }

    .nl-form {
        width: 50%;
        min-width: auto
    }

    .nl-form.newsletter-footer.v2 {
        width: 50%
    }

    .nl-form.newsletter-footer.nl-banner {
        flex-direction: column-reverse;
        grid-template-rows: auto auto auto auto;
        grid-template-columns: 2fr;
        justify-content: space-between;
        align-items: stretch;
        width: 100%;
        display: block
    }

    .card-houzy-new {
        padding: 24px
    }

    .card-houzy-new.partner-werden {
        padding-left: 16px;
        padding-right: 16px
    }

    .card-houzy-new.brand-system {
        padding-right: 18px
    }

    .card-houzy-new.form,
    .card-houzy-new.shadow {
        width: auto;
        padding: 24px
    }

    .card-houzy-new.contact-form-new {
        align-self: stretch;
        width: auto;
        padding-top: 24px;
        padding-bottom: 24px
    }

    .card-houzy-new.low-green.key4.static {
        min-height: 170px
    }

    .date-holder-blog.new {
        grid-row-gap: 0px;
        align-items: flex-start
    }

    .medienspiegel-cl-item {
        width: 50%
    }

    .medienspiegel-card {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .quality-siegel-partner {
        width: 60px;
        height: 60px
    }

    .blog-wrapper {
        margin-top: 24px
    }

    .new-blogs-wrapper {
        margin-left: -32px;
        margin-right: -32px;
        padding: 24px 38px
    }

    .newest-blog-post-image.hide-dt {
        display: none
    }

    .titel-line-clamp {
        white-space: break-spaces
    }

    .recent-post-col {
        flex-direction: row;
        align-items: stretch;
        height: 100%;
        display: flex
    }

    .recent-blog-item {
        height: 100%
    }

    .flex-div-3 {
        flex-wrap: nowrap;
        width: 100%
    }

    .press-material-titel {
        cursor: pointer
    }

    .div-people-holder {
        flex-flow: wrap;
        flex: 0 auto;
        justify-content: center;
        align-items: stretch;
        width: 66%;
        display: flex
    }

    .div-people-holder.experten {
        flex-wrap: nowrap
    }

    .div-people-holder.experten.webinar.hide-mobile {
        display: none
    }

    .div-people-holder.experten.webinar.hide-desktop {
        width: auto;
        display: flex
    }

    .testimonial-php-content-houzy {
        padding-left: 16px;
        padding-right: 16px
    }

    .cl-testimonials-php {
        margin-left: -4px;
        margin-right: -4px
    }

    .item-php-testimonial {
        padding-left: 12px;
        padding-right: 12px
    }

    .iframe.shadow {
        box-shadow: none;
        border-radius: 0
    }

    .iframe.mobile-switch.new {
        display: block
    }

    .iframe.mobile-switch.new.height-fix {
        height: 100%
    }

    .siegel-div.margin {
        margin-left: 0
    }

    .div-third-new {
        width: 100%;
        margin-bottom: 24px
    }

    .faq-contact-item {
        width: 50%
    }

    .faq-contact-item.support {
        flex: 0 auto
    }

    .tile-link.fill-white.contact,
    .tile-link.fill-grey {
        flex: 1;
        align-self: stretch
    }

    .tile-link.fill-grey.full-width {
        align-self: center;
        padding: 4px 8px;
        display: flex
    }

    .tile-link.fill-grey.full-width.w--current {
        background-color: var(--grey-main-050)
    }

    .handwerker-item {
        width: 25%;
        padding: 8px
    }

    .handwerker-bg-img {
        height: 13vw
    }

    .handwerker-bg-img.comming-soon {
        opacity: .38
    }

    .handwerker-cl-item-holder {
        margin-left: 0;
        margin-right: 0
    }

    .overlay-img {
        background-color: #0003
    }

    .h0-new {
        font-size: 44px;
        line-height: 52px
    }

    .language-dropdown {
        padding: 0
    }

    .language-dropdown.navbar {
        float: none;
        height: auto;
        margin-left: -16px
    }

    .cl-categorie-nav {
        text-align: left
    }

    .category-holder {
        min-width: 200px
    }

    .tag-cloud-wrapper {
        float: none;
        width: auto;
        position: static
    }

    .div-blog-holder {
        padding-left: 16px;
        padding-right: 16px
    }

    .advert-text-wraper {
        position: static
    }

    .brand-book-nav {
        flex: 0 auto;
        min-width: 190px;
        max-width: none
    }

    .brand-book-content {
        flex: 0 auto;
        width: 75%
    }

    .body-grid.tone-grid-2,
    .body-grid.tone-grid-2.black {
        font-size: 12px
    }

    .persona-img {
        max-width: 40%
    }

    .tonality-grid {
        overflow: auto
    }

    .tone-grid-div2 {
        padding: 8px
    }

    .tone-grid-div2.green-bg,
    .tone-grid-div2.sticky {
        position: sticky;
        left: 0
    }

    .list-tov,
    .list-text-tov {
        line-height: 24px
    }

    .overlay-blog-advert {
        -webkit-text-fill-color: inherit;
        background-clip: border-box
    }

    .partner-form-holder {
        flex: 380px;
        width: auto;
        margin-top: 24px;
        padding-left: 0;
        padding-right: 0
    }

    .partner-form-holder.partner-werden {
        margin-top: 0
    }

    .input-field-2 {
        height: 50px
    }

    .form-partner-page {
        margin-left: -8px;
        margin-right: -8px
    }

    .form-partner-page.flex {
        flex-wrap: wrap;
        align-items: flex-start;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        display: flex
    }

    .form-partner-page.flex.partner-werden {
        margin-left: -8px;
        margin-right: -8px
    }

    .card-holder.facts {
        width: 31vw;
        height: 31vw
    }

    .tov-wrapper {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .form-holder-project-houzy,
    .form-button-holder-new.form {
        width: 100%
    }

    .form-button-holder-new.form.b2b {
        margin-top: 8px;
        padding-left: 8px;
        padding-right: 8px
    }

    .form-button-holder-new.full-width {
        width: 100%
    }

    .hero-header {
        padding: 80px 32px 60px;
        overflow: hidden
    }

    .hero-header.small {
        height: 440px;
        min-height: auto;
        padding-top: 140px;
        padding-bottom: 156px
    }

    .hero-header.small.gradient-bg {
        min-height: auto;
        padding-top: 80px;
        padding-bottom: 80px
    }

    .hero-header.small.gradient {
        height: 33.3333vh;
        min-height: 272px;
        max-height: 375px;
        padding-top: 120px
    }

    .hero-header.small.gradient.smaller {
        min-height: auto;
        max-height: none;
        padding-top: 48px;
        padding-bottom: 48px
    }

    .hero-header.small.gradient.smaller.no-subnav.hw-lp {
        height: 200px;
        min-height: auto
    }

    .hero-header.small.adjust {
        height: 100%;
        padding-top: 64px;
        padding-bottom: 64px;
        display: block
    }

    .hero-header.small.hw {
        height: auto
    }

    .hero-header.gradient-bg {
        min-height: 66vh
    }

    .hero-header.gradient-bg.small.gewinnspiel {
        padding-top: 64px;
        padding-bottom: 48px
    }

    .hero-header.hw-page {
        height: 200px;
        padding-top: 60px;
        display: flex
    }

    .hero-img.sanierungsrechner {
        object-position: 50% 50%
    }

    .hero-img.immobewertung {
        object-position: 62% 50%
    }

    .hero-img.cockpit {
        object-position: 50% 50%;
        object-position: 53% 50%
    }

    .hero-img.fonds {
        object-position: 62% 50%
    }

    .hero-img.heizung {
        object-position: 60% 50%
    }

    .hero-img.handwerker-home,
    .hero-img.neophyten-home {
        object-position: 50% 50%
    }

    .hero-img.half-img {
        max-height: 800px
    }

    .hero-img.half-img.round {
        min-width: 100%
    }

    .hero-img.solarrechner {
        object-position: 50% 50%
    }

    .hero-img.b2b-partners {
        object-position: 53% 50%
    }

    .hero-img.b2b-handwerker {
        object-position: 50% 50%
    }

    .hero-img.energierechner {
        object-position: 60% 50%
    }

    .hero-img.support {
        object-position: 50% 50%
    }

    .hero-img.immobilienverkauf,
    .hero-img.nachfragecheck {
        object-position: 62% 50%
    }

    .hero-img.verkaufspreisberatung {
        object-position: 50% 50%
    }

    .hero-img.immobiliensuche,
    .hero-img.vorsorgeberatung,
    .hero-img.umfrage-lp {
        object-position: 62% 50%
    }

    .hero-img.versicherungscheck {
        object-position: 0% 50%;
        height: 100%
    }

    .hero-img.new-header {
        object-position: 50% 50%;
        width: 100%
    }

    .hero-img.mirror.fixed {
        object-position: 0% 50%
    }

    .hero-img.immobilienmakler,
    .hero-img.baugesuch {
        object-position: 50% 50%
    }

    .header-content.long {
        max-width: 640px
    }

    .header-content.mobile-change.immosuche {
        width: 100%;
        padding-right: 0
    }

    .header-content.mobile-change.spacing {
        width: 100%
    }

    .header-content.mobile-change.spacing.new {
        max-width: none
    }

    .header-content.mobile-change.tiles {
        max-width: 640px
    }

    .header-content.half-half-layout {
        max-width: none
    }

    .header-button-holder {
        justify-content: flex-start
    }

    .header-button-holder.relativ.flex {
        align-self: flex-start
    }

    .header-button-holder.flex.margin-fix {
        margin-top: 24px;
        margin-bottom: 24px
    }

    .header-button-holder.flex.margin-fix.b2b {
        margin-bottom: 24px
    }

    .header-button-holder.flex.margin-fix.b2b.desktop {
        display: none
    }

    .header-button-holder.flex.margin-fix.b2b.mobile {
        display: flex
    }

    .check-item {
        padding-left: 0;
        padding-right: 0
    }

    .body-small {
        line-height: 24px
    }

    .body-small.footer-link.adress.nl-banner {
        margin-bottom: 16px
    }

    .body-big {
        flex-direction: column
    }

    .body-big.link:hover {
        color: var(--green-600)
    }

    .body-big.white-trash {
        flex: 1
    }

    .body-big.trust-header.white.mobile-switch {
        color: #000000de;
        text-shadow: none
    }

    .body-big.solution-word-puzzle {
        line-height: 24px;
        display: flex
    }

    .body-big.white {
        flex: 1
    }

    .container-houzy {
        text-align: center;
        padding-left: 0;
        padding-right: 0
    }

    .container-houzy.blog {
        overflow: visible
    }

    .container-houzy.blog.white.rounded {
        margin-top: 0;
        padding-left: 32px;
        padding-right: 32px;
        position: static
    }

    .container-houzy.add-margin-top,
    .container-houzy.category-page {
        margin-top: 0
    }

    .container-houzy.narrow.contact {
        padding-top: 64px;
        padding-bottom: 64px
    }

    .container-houzy.immosuche {
        display: block
    }

    .container-houzy.align-txt-left {
        text-align: left
    }

    .container-houzy.typeform-hero,
    .container-houzy.iframe-hero {
        flex-direction: column
    }

    .product-nav-item {
        flex: none;
        padding-left: 16px;
        padding-right: 16px;
        font-size: 11px
    }

    .product-nav-item.w--current {
        z-index: 10000;
        margin-bottom: 0
    }

    .product-holder-home {
        width: auto
    }

    .product-img-holder {
        flex-direction: column;
        height: auto
    }

    .product-img-holder.tabs {
        margin-top: 32px
    }

    .product-img-holder.contact,
    .product-img-holder.contact-2 {
        width: 100%;
        padding: 32px
    }

    .product-img-holder.contact-2.handwerker {
        grid-column-gap: 0px;
        grid-row-gap: 0px
    }

    .products-tab-menu {
        margin-left: -32px;
        margin-right: -32px;
        padding-left: 32px;
        padding-right: 32px;
        overflow: auto
    }

    .trust-holder.flex {
        align-items: flex-start
    }

    .icon-96.think-big-parallax.b2b,
    .icon-96.rocket-parallax.b2b {
        display: none
    }

    .grid-quarters-styleguide {
        grid-row-gap: 24px;
        grid-template-columns: 1fr 1fr
    }

    .grid-quarters-styleguide.styleguide-colors {
        grid-template-columns: 1fr 1fr 1fr
    }

    .flow-nr-holder {
        padding-left: 12px;
        padding-right: 12px
    }

    .section-half-grid {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .section-half-grid.square-image-right {
        grid-column-gap: 48px;
        grid-row-gap: 48px;
        flex-direction: column-reverse;
        padding-left: 32px;
        padding-right: 32px;
        display: flex
    }

    .section-half-grid.square-image-left {
        grid-column-gap: 48px;
        grid-row-gap: 48px;
        flex-direction: column;
        padding-left: 32px;
        padding-right: 32px;
        display: flex
    }

    .section-half-grid.square-image-left.greenfriday {
        grid-column-gap: 48px;
        grid-row-gap: 48px;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        grid-auto-flow: row;
        padding-top: 0;
        display: grid
    }

    .grid-3x1 {
        grid-template-columns: 1fr 1fr 1fr;
        justify-content: space-around
    }

    .grid-3x1.solar {
        grid-column-gap: 24px;
        grid-row-gap: 48px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr
    }

    .grid-3x1.energierechner {
        grid-template-columns: 1fr 1fr
    }

    .grid-3x1.umbaucoach {
        align-items: stretch
    }

    .grid-1x2 {
        flex-direction: column
    }

    .grid-1x2.products {
        grid-row-gap: 24px;
        flex-wrap: wrap;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        max-width: 780px;
        margin-left: auto;
        margin-right: auto
    }

    .grid-1x2.products.b2b {
        grid-template-rows: auto
    }

    .grid-1x2.contact {
        grid-template-rows: auto auto;
        display: flex
    }

    .grid-1x2.reversed {
        flex-direction: column-reverse;
        display: flex
    }

    .grid-1x2.products-copy {
        grid-row-gap: 24px;
        flex-wrap: wrap;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        max-width: 780px;
        margin-left: auto;
        margin-right: auto
    }

    .grid-1x2.handwerker {
        grid-template-rows: auto auto;
        display: flex
    }

    .icon-320 {
        width: 270px;
        height: 270px
    }

    .circle-bg-big {
        width: auto;
        max-width: 440px;
        height: auto;
        max-height: 440px;
        padding: 38px
    }

    .circle-bg-big.solar {
        width: auto;
        height: auto
    }

    .circle-bg-big.portrait {
        width: 440px;
        height: 440px
    }

    .circle-bg-big.portrait.new.makler-b2b {
        max-width: none;
        height: 128px;
        max-height: none;
        padding: 0
    }

    .cta-wrapper {
        justify-content: center;
        align-items: flex-start;
        padding-left: 32px;
        padding-right: 32px
    }

    .cta-wrapper.parter-page {
        align-items: center;
        max-height: 320px;
        padding-top: 32px;
        padding-bottom: 32px
    }

    .cta-wrapper.parter-page.b2b,
    .cta-wrapper.parter-page.webinar {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-flow: row;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: flex-start;
        align-items: center;
        height: auto;
        max-height: none;
        display: grid
    }

    .cl-testimonials {
        margin-left: -4px;
        margin-right: -4px
    }

    .item-testimonial {
        padding-left: 12px;
        padding-right: 12px
    }

    .h1-subtext-new {
        white-space: normal;
        font-size: 20px;
        line-height: 32px;
        top: -4px
    }

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

    .button-wrapper.v3.desktop {
        display: none
    }

    .button-wrapper.v3.mobile {
        margin-bottom: 40px;
        padding-left: 32px;
        padding-right: 32px;
        display: block
    }

    .product-content {
        min-height: auto
    }

    .product-content.icon-section.solar {
        height: 100%
    }

    .product-content.no-dropdown {
        margin-bottom: 0
    }

    .product-content.single-item {
        min-height: auto
    }

    .product-content.form-section {
        flex: 0 auto
    }

    .product-txt-holder {
        margin-top: 16px
    }

    .product-txt-holder.marg-bottom-24.grid-two {
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-columns: 1fr;
        height: 100%;
        margin-top: 0
    }

    .product-dropdown-holder.static-margin {
        margin-bottom: 0;
        position: static
    }

    .title-dropdown {
        white-space: normal;
        display: block;
        overflow: hidden
    }

    .dropdown-icon {
        inset: 19px 0% auto auto
    }

    .product-img-bg-houzy {
        width: 50vw;
        max-width: 420px;
        height: 50vw;
        max-height: 420px;
        overflow: visible
    }

    .product-img-bg-houzy.marg-right {
        margin-left: 0;
        margin-right: 0;
        transform: translate(-16%)
    }

    .product-img-bg-houzy.cockpit-lebensdauer {
        width: 25vw;
        height: 25vw
    }

    .product-img-bg-houzy.cockpit-sanierunskosten {
        margin-top: 0;
        margin-right: 0
    }

    .product-img-bg-houzy.cockpit-offerten.b2b {
        width: 25vw;
        height: 25vw
    }

    .product-img-bg-houzy.marg-left.energieverbrauch {
        transform: translate(8%, 5%)
    }

    .product-img-bg-houzy.marg-left.plant {
        transform: translate(12%, 6%)
    }

    .product-img-bg-houzy.grundstueck-2 {
        margin-top: 0;
        margin-left: 0;
        transform: translate(10%, -6%)
    }

    .product-img-bg-houzy.grundstueck1 {
        margin-top: 0;
        margin-left: 0;
        transform: translate(22%, 16%)
    }

    .product-img-bg-houzy.nachfragecheck {
        transform: translate(-43px, -71px)
    }

    .product-img-bg-houzy.versicherungscheck-2 {
        margin-top: 0;
        margin-left: 0;
        transform: translate(29%, -3%)
    }

    .product-img-bg-houzy.kununu {
        margin-top: 0;
        margin-left: 0;
        top: 10%;
        left: -2%;
        transform: translate(29%, -3%)
    }

    .tile-content.horizontal {
        flex: 1;
        justify-content: center
    }

    .hero-section-content {
        max-width: none
    }

    .hero-section-content.neophyten {
        max-width: 640px
    }

    .hero-section-content.right {
        padding-top: 0
    }

    .hero-section-content.b2b {
        flex: 365px
    }

    .hero-header-overlay.gradient {
        background-image: linear-gradient(90deg, #00000080, #00000059 60%, #0000)
    }

    .hero-header-overlay.gradient.handwerker {
        background-image: linear-gradient(90deg, #000000a6, #00000029)
    }

    .hero-header-overlay.gradient.handwerker.hide-mobile {
        background-image: linear-gradient(90deg, #000000a6, #00000014)
    }

    .hero-header-overlay.gradient.hide-mobile {
        background-image: linear-gradient(90deg, #00000080 20%, #0000)
    }

    .hero-header-overlay.gradient.magazine {
        background-image: linear-gradient(90deg, #000000a6, #00000029)
    }

    .hero-header-overlay.gradient-dark {
        background-image: linear-gradient(90deg, #00000080, #00000059 60%, #0000)
    }

    .arrow-header-holder-new {
        position: absolute;
        inset: 470px 18% auto 60%
    }

    .arrow-header-holder-new.flex-vertical.heizung,
    .arrow-header-holder-new.flex-vertical.bewertung,
    .arrow-header-holder-new.flex-vertical.cockpit,
    .arrow-header-holder-new.flex-vertical.solar {
        top: 410px;
        bottom: auto;
        left: 72vw
    }

    .arrow-header-holder-new.flex-vertical.gewinnspiel,
    .arrow-header-holder-new.flex-vertical.next-button {
        display: none;
        top: -29px;
        left: 37%
    }

    .arrow-header-holder-new.flex-vertical.energie {
        top: 410px;
        bottom: auto;
        left: 72vw
    }

    .arrow-header-new {
        font-size: 28px;
        line-height: 32px
    }

    .partner-teaser-link {
        width: 18%;
        min-width: 150px;
        max-width: 227px;
        top: 40px
    }

    .header-checks-wrapper-new {
        flex-direction: column;
        min-width: 560px;
        display: block
    }

    .header-checks-wrapper-new.vertical.mobile {
        display: none
    }

    .header-checks-wrapper-new.vertical.dtesting {
        display: flex
    }

    .header-checks-wrapper-new.vertical.hide-mobile {
        display: none
    }

    .header-checks-wrapper-new.vertical.hide-desktop {
        display: flex
    }

    .header-checks-wrapper-new.center-items {
        flex-direction: row;
        display: flex
    }

    .header-checks-wrapper-new.hadwerker-new {
        flex-flow: row;
        justify-content: space-between;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: flex
    }

    .header-checks-wrapper-new.is-wide {
        grid-column-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .hero-half-img-holder.b2b {
        flex: 365px
    }

    .google-rating-holder {
        margin-bottom: 48px
    }

    .google-rating-holder.flex {
        align-items: center;
        margin-top: 32px
    }

    .google-rating-holder.flex.startpage {
        margin-bottom: 16px
    }

    .google-rating-holder.flex.startpage.fullscreen {
        margin-bottom: 0
    }

    .google-rating-holder.flex.margin-bottom-fix {
        margin-bottom: 32px
    }

    .google-rating-holder.flex-trash {
        align-items: center
    }

    .google-rating-holder.flex-vertical {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center
    }

    .neophyten-slide {
        height: auto;
        min-height: auto;
        margin-left: auto;
        margin-right: auto
    }

    .neophyten-slider-arrow-new.right {
        right: 0%
    }

    .contact-handwerker-form {
        width: 100%
    }

    .grid-1x4,
    .grid-1x4.checklist {
        grid-template-columns: 1fr 1fr
    }

    .grid-1x4.key4 {
        grid-template-rows: auto auto
    }

    .icon-circle-bg {
        margin-right: 16px
    }

    .card-styleguide.medienspiegel {
        padding-right: 24px
    }

    .card-styleguide.form {
        width: auto
    }

    .success-message.calculator-flow {
        padding-top: 145px;
        padding-bottom: 145px
    }

    .rich-txt-agb h2 {
        font-size: 32px;
        line-height: 44px
    }

    .logo-holder {
        align-items: center;
        display: flex
    }

    .logo-holder.mobile-hide {
        width: 164px;
        min-height: auto;
        top: -10%;
        left: 64%
    }

    .logo-holder.mobile-hide.header.ghs {
        left: 500px
    }

    .logo-holder.mobile-hide.header.ghs.fix {
        top: 225px
    }

    .logo-holder.mobile-hide.header.ubs-stoerer {
        bottom: 18%;
        right: 14%
    }

    .logo-holder.mobile-hide.header.best-employer {
        width: auto;
        bottom: 61%;
        left: auto;
        right: 4%
    }

    .logo-holder.mobile-hide.header.best-employer.footer {
        bottom: 61%;
        right: 14%
    }

    .logo-holder.mobile-hide.header.best-employer.mobile-fix {
        display: none
    }

    .logo-holder.mobile-hide.header.key4-stoerer,
    .logo-holder.mobile-hide.header.key4-stoerer-2 {
        bottom: 18%;
        right: 14%
    }

    .logo-holder.hc-lp {
        bottom: -17%;
        right: 0%
    }

    .logo-holder.v2 {
        flex: 1;
        justify-content: flex-end;
        position: relative
    }

    .product-holder-grid {
        grid-row-gap: 100px
    }

    .selection-button-field {
        flex: 0 auto;
        align-items: center
    }

    .selction-button-wrapper {
        align-items: flex-start;
        padding-top: 4px;
        padding-bottom: 4px;
        display: flex
    }

    .selction-button-wrapper.vertical {
        display: block
    }

    .single-selection-icon {
        border: 1px solid var(--grey-200)
    }

    .single-selection-icon.w--redirected-checked {
        border-width: 2px;
        border-color: var(--houzy-green)
    }

    .single-selection-icon.w--redirected-focus {
        box-shadow: 0 0 3px 1px #70be3b
    }

    .multiple-selection-icon {
        border-color: var(--grey-200)
    }

    .loop-wrapper,
    .loop-holder {
        margin-left: -32px;
        margin-right: -32px
    }

    .cl-team {
        grid-template-columns: 1fr 1fr 1fr
    }

    .cl-team.experts {
        grid-template-columns: 1fr 1fr 1fr;
        justify-content: space-around
    }

    .grid-styleguide-section {
        grid-template-columns: 320fr
    }

    .styleguide-title.white {
        padding-left: 0
    }

    .stylegiuide-content-item.card {
        margin-right: 0
    }

    .arrow-wrapper {
        display: none
    }

    .news-download-tile {
        flex: 0 auto;
        width: auto;
        min-width: auto
    }

    .lang-switch-holder,
    .lang-switch-dropdown {
        padding: 0
    }

    .dropdown-list-houzy.w--open {
        box-shadow: none;
        padding-top: 4px;
        padding-bottom: 24px;
        padding-left: 32px;
        position: relative
    }

    .stoerer-logo.ubs {
        height: auto
    }

    .stoerer-logo.hc-lp {
        width: 200px;
        height: 200px
    }

    .stoerer-logo.hc-lp.v2 {
        width: 150px;
        height: 150px
    }

    .faq-anchor.faq {
        justify-content: flex-start;
        width: 100%
    }

    .nl-container {
        margin-top: -80px
    }

    .contest-img-blog {
        width: 96px;
        height: auto
    }

    .card-popup {
        padding: 16px
    }

    .footer-bottom {
        margin-top: -32px
    }

    .footer-column {
        margin-bottom: 16px;
        padding-right: 20px
    }

    .footer-grid-desktop {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        display: none
    }

    .footer-grid-desktop.v2 {
        grid-column-gap: 16px;
        grid-row-gap: 32px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        grid-auto-flow: row;
        display: grid
    }

    .footer-logo-new {
        display: block
    }

    .footer-logo-container {
        justify-content: flex-end
    }

    .back-to-top-arrow {
        width: 24px;
        height: 24px
    }

    .footer-new {
        padding: 32px
    }

    .check-holder-beratung {
        align-items: flex-start;
        margin-top: 12px
    }

    .mobile-nav-link {
        width: 100%
    }

    .navigation-container-mob {
        justify-content: space-between;
        position: relative
    }

    .navigation-mob {
        z-index: 999999999;
        flex-direction: row;
        justify-content: center;
        padding-left: 32px;
        padding-right: 32px
    }

    .navigation-mob.is-transition.is-visible {
        transform: none
    }

    .menu-mob {
        color: #000;
        font-size: 22px
    }

    .navigation {
        display: none
    }

    .mobile-dropdown.subnav {
        position: static
    }

    .mobile-dropdown.subnav.baloise-subnav-item {
        padding-left: 0;
        padding-right: 0
    }

    .navigation-left {
        display: flex
    }

    .nav-menu-3 {
        display: none
    }

    .dropdown-list-2 {
        background-color: #fff
    }

    .mobile-toggle {
        width: 100%
    }

    .mobile-nav {
        width: 100vw;
        margin-left: -32px;
        margin-right: -32px;
        padding: 32px 32px 10vh;
        top: 63px
    }

    .mobile-nav.w--open {
        padding-bottom: 200px
    }

    .mobile-nav.subnav {
        margin-bottom: 0;
        padding-bottom: 20vh
    }

    .mobile-nav.subnav.w--open {
        z-index: 9999;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 20vh
    }

    .subnav-wrapper {
        margin-left: -32px;
        margin-right: -32px
    }

    .subnav-wrapper.pricing-b2b-style {
        padding-left: 32px;
        padding-right: 32px
    }

    .hint-title,
    .hint-title-wrapper {
        position: static
    }

    .text-banner {
        padding-left: 32px;
        padding-right: 32px
    }

    .bottom-newsletter-wrapper {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template: "Area" /1fr;
        grid-auto-columns: 1fr;
        height: auto;
        padding-left: 32px;
        padding-right: 32px;
        display: grid
    }

    .newsletter-content.bottom-banner-content {
        align-self: stretch
    }

    .share-blog-section-top {
        justify-content: flex-start
    }

    .image-188 {
        margin-top: 0;
        margin-left: -4px
    }

    .button-big {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .row.flex-center {
        flex-direction: column-reverse
    }

    .tab-link {
        padding-right: 0%
    }

    .icon-title-wrapper {
        position: static
    }

    .icon-48.mobile-hide {
        display: none
    }

    .top-bar-container {
        justify-content: space-between;
        padding-left: 24px;
        padding-right: 24px
    }

    .top-bar-container.top-bar {
        justify-content: flex-start;
        padding-left: 32px;
        padding-right: 64px
    }

    .hero-header-double {
        padding: 80px 32px 60px;
        overflow: hidden
    }

    .hero-header-double.change-mobile {
        grid-column-gap: 32px;
        display: flex
    }

    .hero-header-overlay-double.gradient {
        background-image: linear-gradient(90deg, #00000080 25%, #0000 80%)
    }

    .hero-header-content-double {
        width: 63%;
        max-width: 520px
    }

    .hero-header-content-double.long {
        width: 80%;
        max-width: 640px
    }

    .hero-header-content-double.mobile-change.long {
        height: 375px
    }

    .top-bar-wrapper {
        top: 111px
    }

    .immosearch-widget {
        justify-content: center;
        align-items: flex-start;
        min-width: 0;
        max-width: 100%;
        margin-top: 64px;
        display: flex
    }

    .testimonials-carousel-new {
        place-content: space-around flex-start
    }

    .item-testimonial-new {
        flex: none;
        align-self: stretch;
        padding: 24px
    }

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

    .icon-container {
        height: 20vw
    }

    .flex-horizontal.flip-svp {
        flex-direction: column-reverse
    }

    .parallax-image-large {
        z-index: -3;
        width: 250px;
        height: 250px
    }

    .parallax-image-large.image-6 {
        top: 15vw
    }

    .parallax-image-large.image-7 {
        bottom: 5vw
    }

    .parallax-image-small {
        z-index: -1;
        width: 150px;
        height: 150px
    }

    .parallax-image-small.image-3 {
        bottom: 12vw;
        left: 11vw
    }

    .parallax-image-medium {
        z-index: -2;
        width: 175px;
        height: 175px
    }

    .parallax-image-medium.image-5 {
        top: 10vw
    }

    .center-flex.relative-above {
        z-index: 5;
        position: relative
    }

    .hero-header-media-wrapper {
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        height: 360px
    }

    .hero-header-container {
        flex-direction: column;
        display: flex
    }

    .hero-header-content-wrapper {
        flex: none;
        max-width: none;
        padding: 32px
    }

    .card-houzy-new-2 {
        padding: 16px
    }

    .blog-card-titel-holder.margin-top-8 {
        margin-bottom: 0
    }

    .magazine-nav-item {
        flex: none;
        font-size: 11px
    }

    .magazine-nav-item.w--current {
        z-index: 10000
    }

    .magazine-nav-wrapper.static {
        z-index: 900
    }

    .marker-holder {
        max-width: 150px;
        bottom: 20vw;
        right: 16vw
    }

    .marker-holder.immoverkauf-beratung {
        width: auto;
        min-width: auto;
        max-width: 110px
    }

    .marker-holder.verkaufspreisberatung {
        max-width: 190px;
        right: 9vw
    }

    .marker {
        font-size: 48px
    }

    .text-box {
        max-width: 100%
    }

    .typeform-embed-hero {
        margin-top: 64px
    }

    .typeform-embed-hero.shadow.mobile.new {
        display: block
    }

    .typeform-embed-hero.shadow.desktop.new {
        display: none
    }

    .input-field-dummy {
        top: 135px
    }

    .content-block-3 {
        padding: 20px 10px
    }

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

    .animation-block {
        max-height: 320px
    }

    .address-holder.new {
        grid-row-gap: 0px;
        align-items: flex-start
    }

    .iframe-embed-hero {
        margin-top: 64px
    }

    .iframe-embed-hero.fix {
        margin-top: 0;
        margin-left: -32px
    }

    .hero-header-startpage {
        height: 100%
    }

    .tabs {
        flex-direction: column-reverse;
        display: flex
    }

    .hero-header-overlay-new {
        width: 100%
    }

    .iframe-hero-header-v2 {
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0;
        flex: 0 auto;
        height: 700px
    }

    .hero-header-v2 {
        height: 100%
    }

    .hero-header-container-v2 {
        flex-direction: column;
        grid-template: "." "Area" /1fr;
        grid-auto-columns: 1fr
    }

    .hero-header-content-wrapper-v2 {
        flex: none;
        max-width: none;
        padding: 32px 32px 0
    }

    .hero-header-media-wrapper-v2 {
        z-index: 2147483647;
        position: relative
    }

    .tile-shortcut-wrapper {
        align-items: flex-start;
        display: flex
    }

    .header-content-dtesting {
        width: 100%
    }

    .iframe-hero-header-v3 {
        margin-top: 48px
    }

    .lottie-320._404 {
        margin-top: 32px;
        margin-bottom: 32px
    }

    .hero-header-tab.fullscreen {
        margin-top: 48px
    }

    .hero-header-tab.fullscreen.pricing {
        margin-top: 0;
        top: 48px
    }

    .product-nav-item-new {
        padding-left: 16px;
        padding-right: 16px;
        font-size: 11px
    }

    .product-nav-item-new.w--current {
        z-index: 10000;
        margin-bottom: 0
    }

    .products-tab-menu-new {
        padding-left: 0%;
        padding-right: 0%
    }

    .product-overview {
        grid-template-columns: 1fr 1fr 1fr
    }

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

    .product-wrapper-2 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .product-wrapper-2.kaufen {
        grid-template-columns: 1fr 1fr
    }

    .product-wrapper-2.wohnen {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr
    }

    .hero-header-container-fullscreen {
        flex-direction: column;
        display: flex
    }

    .hero-header-container-fullscreen.form-header {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        align-items: flex-start
    }

    .hero-header-startpage-fullscreen {
        height: 100%;
        margin-top: 46px;
        padding: 64px 32px
    }

    .hero-header-startpage-fullscreen.no-subnav {
        height: 100%;
        margin-top: -4px
    }

    .hero-header-startpage-fullscreen.no-subnav.form,
    .hero-header-startpage-fullscreen.no-subnav.flow-iframe {
        padding-top: 64px;
        padding-bottom: 64px
    }

    .hero-header-overlay-bgvideo {
        background-image: linear-gradient(90deg, #00000080, #00000059 60%, #0000)
    }

    .hero-header-content-wrapper-fullscreen {
        flex: none;
        max-width: none;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0
    }

    .hero-header-widget-wrapper-fullscreen {
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        max-width: none
    }

    .hero-header-widget-wrapper-fullscreen.digital-advertisement {
        width: 100%
    }

    .hero-header-widget-wrapper-fullscreen.houzy-connect {
        height: 650px;
        margin-top: 64px
    }

    .hero-header-widget-wrapper-fullscreen.hc-badges-states {
        height: 650px;
        margin-top: 64px;
        display: none
    }

    .hero-header-widget-wrapper-fullscreen.typeform {
        width: 100%;
        height: 520px
    }

    .card-popup-2 {
        padding: 16px
    }

    .form-digital-advertisement {
        margin-left: -8px;
        margin-right: -8px
    }

    .form-digital-advertisement.flex {
        flex-wrap: wrap;
        align-items: flex-start;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0
    }

    .square-img {
        min-width: auto;
        max-width: none;
        min-height: auto;
        max-height: 540px
    }

    .square-img.margin-fix {
        max-height: 300px;
        margin-top: 0
    }

    .sticky-cta-banner {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template: "Area" /1fr;
        grid-auto-columns: 1fr;
        height: auto;
        padding-left: 32px;
        padding-right: 32px;
        display: grid
    }

    .sticky-cta-banner-content-holder {
        width: 100%;
        max-width: 400px;
        display: none
    }

    .sticky-cta-banner-button-holder {
        flex-direction: column
    }

    .check-wrapper {
        flex-direction: column;
        min-width: 560px;
        display: block
    }

    .wordgame {
        align-self: center;
        margin-top: 48px
    }

    .wordgame-kueche {
        right: 0
    }

    .wordgame-hauskauf {
        left: 0
    }

    .header-image.map {
        align-self: stretch
    }

    .contact-wrapper-craftsman {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-wrap: wrap;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .solution-section-banner {
        padding-left: 32px;
        padding-right: 32px
    }

    .vertical-divider.data-table {
        display: none
    }

    .b2b-business-wrapper {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr
    }

    .b2b-business-overview {
        grid-template-columns: 1fr 1fr 1fr
    }

    .navigation-wrapper {
        display: none
    }

    .navi-mobile-sticky-cta {
        background-color: var(--white);
        padding: 32px;
        position: fixed;
        inset: auto 0% 0%;
        box-shadow: 0 -2px 24px #0000000f
    }

    .partner-werden-form-content.vielen-dank {
        margin-bottom: 0
    }

    .bed-rfnisse-circle-small {
        min-width: auto;
        min-height: auto
    }

    .bed-rfnisse-icon {
        margin-bottom: 2%
    }

    .title-bed-rfnisse {
        margin-bottom: 0;
        font-size: 2.5vw;
        line-height: 1.5
    }

    .bed-rfnisse-text {
        font-size: 1.4vw;
        line-height: 1.5
    }

    .logo-holder-5 {
        align-items: center;
        display: flex
    }

    .logo-holder-5.mobile-hide {
        width: 164px;
        min-height: auto;
        top: -10%;
        left: 64%
    }

    .logo-holder-5.mobile-hide.header.best-employer {
        width: auto;
        bottom: 61%;
        left: auto;
        right: 4%
    }

    .header-image-absolute {
        max-width: none;
        right: auto
    }

    .header-image-absolute.tile,
    .header-image-absolute.desktop,
    .header-image-absolute.icon-2,
    .header-image-absolute.mobile,
    .header-image-absolute.icon-1,
    .header-image-absolute.states,
    .header-image-absolute.badge {
        max-width: 100%
    }

    .faq-menu {
        z-index: 9999999;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-direction: row;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 8px 16px;
        display: grid;
        position: relative;
        overflow: auto
    }

    .faq-item-wrapper {
        z-index: 8888;
        position: static
    }

    .faq-container {
        flex-direction: column
    }

    .faq-group-row {
        padding-top: 20rem;
        padding-bottom: 0
    }

    .faq-menu-title {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        padding: 8px 16px;
        position: relative
    }

    .faq-menu-wrapper {
        z-index: 9999;
        background-color: #fff;
        border-radius: .5rem;
        width: 100%;
        top: 64px;
        box-shadow: 0 25px 50px -12px #00000026
    }

    .faq-section {
        padding: 48px 32px
    }

    .faq-groups-wrapper {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .image-profilbild-2 {
        flex: none;
        width: 170px;
        height: auto
    }

    .div-people-holder-2 {
        flex-wrap: wrap;
        flex: 1;
        justify-content: center;
        align-items: stretch;
        width: 66%;
        display: flex
    }

    .div-people-holder-2.experten {
        flex-wrap: nowrap
    }

    .check-line.no-margin.centred-tablet {
        justify-content: center
    }

    .cards-wrap {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-direction: row;
        grid-template: "." "Area" /1fr 1fr;
        grid-auto-columns: 1fr;
        grid-auto-flow: row
    }

    .card-flex {
        justify-content: space-between;
        align-items: stretch
    }

    .card-flex.centred-tablet {
        align-items: center
    }

    .card-2 {
        background-color: var(--grey-050-opacity)
    }

    .mb-40.flex {
        flex-flow: wrap
    }

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

    .pricing-overview {
        grid-template-columns: 1fr 1fr 1fr
    }

    .inpage-checks-wrapper-new {
        flex-direction: column;
        min-width: 560px;
        display: block
    }

    .inpage-checks-wrapper-new.vertical {
        text-align: left
    }

    .inpage-checks-wrapper-new.vertical.switch-tablet {
        grid-column-gap: 48px;
        grid-row-gap: 48px;
        flex-direction: row;
        justify-content: center;
        display: block
    }

    .grid-2x4 {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        grid-template-columns: 1fr 1fr
    }

    .grid-2x3 {
        grid-template-columns: 1fr 1fr
    }

    .container-flow.question-container {
        padding-left: 0;
        padding-right: 0
    }

    .termin-buchen-wrapper,
    .sales-info-wrapper {
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

    .calculator-image {
        min-width: 72px
    }

    .calculator-flow-holder {
        width: 100%;
        min-height: 320px
    }

    .baloise-footer {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: column
    }

    .baloise-graphic {
        display: none;
        right: 32px
    }

    .table-wrapper {
        width: 80%;
        height: auto;
        margin-bottom: 20px;
        margin-right: 4px
    }

    .table-wrapper.medium.rankings {
        width: 100%;
        margin-bottom: 0
    }

    .table {
        padding-left: 10px;
        padding-right: 10px
    }

    .table-row-3-col.header {
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    .table-row-3-col.header.wide.hide {
        display: none
    }

    .table-row-3-col.data-row {
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    .table-row-3-col.data-row.wide.last {
        border-bottom-style: solid
    }

    .div-block-258 {
        flex-direction: column
    }

    .key4-table {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr
    }

    .b2b-pricing-anchors {
        width: 100%
    }

    .slide-nav.makler-b2b {
        margin-left: -16px
    }

    .subnav-wrapper-pricingb2b-desktop {
        margin-left: -32px;
        margin-right: -32px;
        padding-left: 32px;
        padding-right: 32px
    }

    .caption-asterix-header {
        justify-content: flex-start;
        position: relative;
        top: 57px;
        bottom: auto
    }

    .hero-header-widget-div-test {
        max-width: 30%;
        bottom: 29%
    }

    .makler-b2b-sales-slider-img {
        height: 128px
    }

    .hero-header-secondary-cta {
        height: 100%;
        min-height: auto
    }

    .hero-header-secondary-container {
        flex-direction: column;
        display: flex
    }

    .hero-header-secondary-container.ratgeber-mobile-switch {
        flex-flow: column-reverse
    }

    .hero-header-secondary-bulletpoints-wrapper {
        flex-direction: column;
        width: 100%;
        min-width: auto;
        margin-top: 0;
        padding: 32px;
        display: block;
        position: static
    }

    .bulletpoint-item {
        padding-left: 0;
        padding-right: 0
    }

    .spitzmarke {
        justify-content: flex-start;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 2px
    }

    .google-rating-holder-new {
        align-items: center;
        margin-top: 16px;
        margin-bottom: 0
    }

    .header-button-holder-new {
        justify-content: flex-start;
        margin-top: 24px;
        margin-bottom: 24px
    }

    .hero-header-secondary-content-wrapper {
        z-index: 1;
        flex: none;
        width: 100%;
        max-width: none;
        padding: 32px
    }

    .hero-header-secondary-content-wrapper.ratgeber-mobile-center {
        justify-content: center;
        align-items: center;
        display: flex
    }

    .hero-header-secondary-media-wrapper {
        background-image: url(../images/65d6147107912c20bae4563c_Handwerker-hc.png), url(../images/65cf6065dfec29c6a79fa66b_hc-ui-element-1.svg), linear-gradient(226deg, #19779733, #19779799 52%, #197797de);
        background-position: 50% 100%, 10% 35%, 0 0;
        background-repeat: no-repeat, no-repeat, repeat;
        background-size: auto 90%, 45%, auto;
        background-attachment: scroll, scroll, scroll;
        border-radius: 0;
        max-width: none;
        height: 360px;
        position: static
    }

    .hero-header-secondary-media-wrapper.form {
        flex: 1
    }

    .hero-header-secondary-media-wrapper.form.php,
    .hero-header-secondary-media-wrapper.form.formular {
        background-image: linear-gradient(226deg, #19779733, #19779799 52%, #197797de);
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto;
        background-attachment: scroll;
        padding-left: 0;
        padding-right: 0
    }

    .hero-header-secondary-media-wrapper.form.reinigung {
        padding-left: 0;
        padding-right: 0
    }

    .hero-header-secondary-media-wrapper.form.klara {
        background-image: linear-gradient(226deg, #19779733, #19779799 52%, #197797de);
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto;
        background-attachment: scroll;
        padding-left: 0;
        padding-right: 0
    }

    .hero-header-secondary-media-wrapper.makler {
        background-repeat: no-repeat, repeat;
        background-size: 60%, auto
    }

    .hero-header-secondary-media-wrapper.feedback {
        background-image: url(../images/60e3077f9847aa631e7c5178_Hypothekenvergleich-1920.webp);
        background-position: 80%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll
    }

    .grid-makler-b2b-pakete {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        grid-template-rows: auto
    }

    .hero-header-widget-div-test-2 {
        max-width: 40%;
        right: 4%
    }

    .hero-header-primary-b2b {
        height: 100%;
        min-height: auto;
        margin-top: -4px;
        padding: 64px 32px
    }

    .hero-header-primary-bg-overlay {
        background-image: linear-gradient(90deg, #00000080, #00000059 60%, #0000)
    }

    .hero-header-primary-container {
        flex-direction: column;
        display: flex
    }

    .hero-header-primary-content-wrapper {
        flex: none;
        max-width: none;
        padding: 0
    }

    .chooser-primary-tiles-wrapper {
        align-items: flex-start;
        min-width: auto;
        display: flex
    }

    .chooser-primary-tiles-holder {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .chooser-primary-tiles-holder.b2b-home {
        grid-template-rows: auto;
        width: 100%
    }

    .chooser-primary-tile.big {
        width: auto
    }

    .hero-header-secondary-form {
        height: 100%;
        min-height: auto;
        margin-top: 48px
    }

    .hero-header-tertiary {
        padding: 32px
    }

    .b2b-content-wrp {
        grid-column-gap: 32px;
        grid-row-gap: 12vw;
        flex-wrap: wrap;
        display: flex
    }

    .hero-header-card-form {
        width: auto;
        margin: 32px;
        padding: 24px
    }

    .hero-header-secondary-widget-holder {
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        max-width: none
    }

    .iframe-flow {
        height: auto
    }

    .navigation-2 {
        display: none
    }

    .hero-header-secondary-flow {
        height: 100%;
        min-height: auto
    }

    .st-rer-makler-b2b-new {
        width: 20vw;
        max-width: 240px;
        bottom: 196px
    }

    .navigation-new,
    .navigation-wrapper-new,
    .nav-menu-3-new {
        display: none
    }

    .thumbnail-cover.rategeber-size {
        height: 384px
    }

    .grid1x3-ratgeber {
        grid-template-columns: 1fr 1fr
    }

    .iframe-holder-seasonal-lp {
        height: 700px
    }

    .arrow-renigung-lp {
        aspect-ratio: 1;
        width: auto;
        height: 110px;
        position: absolute;
        bottom: -40px;
        left: 220px;
        transform: rotateX(0)rotateY(180deg)rotate(112deg)
    }

    .div-inline {
        position: static
    }

    .vielen-dank-team-image {
        max-width: 124px
    }
}

@media screen and (max-width:767px) {
    blockquote {
        font-size: 18px
    }

    .banner.small,
    .banner.tone-of-voice {
        height: 280px;
        padding-top: 60px
    }

    .button-new.outlined,
    .button-new.outlined.inverted.small {
        align-self: auto
    }

    .button-new.outlined.inverted.small.baloise-color.w--current {
        align-self: flex-start
    }

    .button-new.big.outlined.inverted.switch-mobile {
        outline-color: var(--houzy-green);
        color: var(--houzy-green)
    }

    .button-new.big.outlined.inverted.switch-mobile:hover {
        background-color: #70be3b1f
    }

    .button-new.big.outlined.inverted.switch-mobile.v2 {
        width: 100%
    }

    .button-new.big.outlined.inverted.switch-mobile-new {
        outline-color: var(--houzy-green);
        color: var(--houzy-green)
    }

    .button-new.big.outlined.inverted.switch-mobile-new:hover {
        background-color: #70be3b1f
    }

    .button-new.big.outlined.inverted.switch-mobile-new.v2 {
        width: 100%
    }

    .button-new.big.outlined.inverted.icon.mobile-switch {
        outline-color: var(--houzy-green);
        color: var(--houzy-green)
    }

    .button-new.big.v2 {
        width: 100%
    }

    .button-new.big.key4-inverted {
        border: 1px solid var(--houzy-green)
    }

    .section-new {
        padding: 80px 32px
    }

    .section-new.less-space-new {
        padding-left: 16px;
        padding-right: 16px
    }

    .section-new.product-new,
    .section-new.product-new.single-item {
        padding-top: 60px;
        padding-bottom: 80px
    }

    .section-new.product-new.single-item-dropdown {
        padding-bottom: 100px
    }

    .section-new.cta-banner-new {
        padding-top: 64px;
        padding-bottom: 64px;
        display: flex
    }

    .section-new.angaben-tragbarkeit {
        padding-left: 32px;
        padding-right: 32px
    }

    .section-new.contact {
        display: flex
    }

    .top-title.blog {
        margin-bottom: 30px
    }

    .container-fluid {
        flex-wrap: wrap;
        align-content: flex-start;
        display: block
    }

    .container-fluid.team {
        flex-flow: row;
        padding-left: 0;
        padding-right: 0;
        display: block
    }

    .container-fluid.align-left {
        display: block
    }

    .container-fluid.gutschein-container {
        margin-top: 100px
    }

    .blog-txt-wrapper.less {
        margin-top: 30px
    }

    .team-overlay {
        margin-bottom: 48px;
        margin-left: 0;
        margin-right: 0;
        padding-top: 20px;
        padding-left: 25px;
        padding-right: 25px
    }

    .hamburger-houzy {
        flex-flow: column;
        place-content: flex-end center;
        align-items: flex-start;
        width: 56px;
        height: 56px;
        padding: 12px;
        display: flex
    }

    .hamburger-houzy.w--open {
        position: relative
    }

    .logo-partner {
        object-fit: contain;
        max-width: 200px;
        max-height: 24px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 16px;
        padding-right: 16px
    }

    .logo-partner._2 {
        max-height: 28px
    }

    .logo-partner._2.partner-pages {
        max-height: 32px
    }

    .logo-partner._2.partner-pages.nzz {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .logo-partner._2.partner-pages.long {
        min-width: 100px;
        padding-top: 8px
    }

    .heading-houzy {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        font-size: 28px;
        line-height: 44px;
        display: block
    }

    .heading-houzy.h3-about {
        margin-right: 30px;
        font-size: 40px;
        line-height: 40px
    }

    .heading-houzy.h3-about._2 {
        margin-right: 0
    }

    .input-field-new {
        max-width: 100%;
        margin-right: 0
    }

    .input-field-new.area {
        min-width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 88px;
        max-height: 120px;
        padding-right: 11px
    }

    .input-field-new.area-2 {
        min-width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 70px;
        max-height: 100px
    }

    .input-field-new.subscribe.nl-banner {
        max-width: 384px
    }

    .input-field-new.feedback-refuse-calender,
    .input-field-new.webinar,
    .input-field-new.neubaupotenzial {
        min-width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 70px;
        max-height: 100px
    }

    .icon-holder-flow.vorteile {
        margin-left: auto;
        margin-right: auto
    }

    .div-header {
        width: 100%;
        min-width: auto;
        position: static
    }

    .div-header.full.welcome-video {
        margin-bottom: 0
    }

    .div-header-no-picture {
        padding-left: 24px;
        padding-right: 24px
    }

    .column-15 {
        flex: none;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .div-form.partner-pages {
        flex-basis: 260px;
        align-self: flex-start;
        width: 50%
    }

    .div-form.partner-pages.naef-lp.is-full-width {
        flex: none
    }

    .error-message-houzy.newsletter {
        color: var(--error-red-700)
    }

    .checklist-txt-wrapper {
        width: auto;
        margin-top: 16px;
        margin-bottom: 30px
    }

    .check-list-item {
        align-items: flex-start
    }

    .div-block-29 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .margin-top {
        width: 100%;
        display: flex
    }

    .hamburger-bar-2,
    .hamburger-bar-5 {
        transform-origin: 0%
    }

    .php-slider-img {
        width: 128px;
        height: 56px
    }

    .image-profilbild {
        height: auto;
        margin: 0 auto;
        display: block
    }

    .image-profilbild.fragen {
        width: 110px
    }

    .div-fragen {
        flex-wrap: nowrap;
        align-self: stretch;
        align-items: center
    }

    .div-fragen.flex-2 {
        text-align: left;
        flex: 0 auto;
        width: 300px
    }

    .div-fragen.flex-2.experten {
        padding-left: 12px;
        padding-right: 12px
    }

    .div-fragen._2 {
        width: auto;
        max-width: none
    }

    .div-fragen._2.experten {
        width: 100%
    }

    .div-fragen.partner {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: column;
        flex: 1;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        justify-content: center;
        width: 50%;
        padding: 0;
        display: grid
    }

    .div-fragen.partner.b2b {
        grid-column-gap: 0px;
        grid-row-gap: 0px
    }

    .div-fragen.img {
        flex-direction: row;
        flex: 0 auto;
        align-items: flex-start;
        padding: 8px 0 8px 12px
    }

    .div-fragen.img.b2b {
        padding-top: 0;
        padding-bottom: 0
    }

    .div-fragen.img.b2b.webinar {
        text-align: left;
        justify-content: flex-start;
        align-items: flex-start
    }

    .content-holder {
        text-align: center;
        width: auto;
        height: 100%;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .content-holder.left {
        text-align: left
    }

    .content-holder.partner {
        text-align: left;
        width: 100%;
        height: auto;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 4px;
        padding-bottom: 4px
    }

    .content-holder.partner.form.no-padding {
        padding-top: 0;
        padding-bottom: 0
    }

    .content-holder.webinar {
        text-align: left;
        width: 100%
    }

    .popup-overlay-new {
        overflow: scroll
    }

    .success-holder.newsletter {
        text-align: left;
        background-color: #0000
    }

    .blog-collection {
        flex-flow: wrap;
        justify-content: flex-start
    }

    .blog-card-content-holder {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .service-wrapper {
        margin-bottom: 50px
    }

    .blog-col-item {
        flex: 1 0 288px;
        width: 50%;
        max-width: none;
        padding: 12px
    }

    .blog-img {
        background-image: url(../images/background-image.svg), linear-gradient(#00000073, #0000 90%);
        background-position: 50%, 0 0;
        background-size: cover, auto;
        justify-content: flex-start;
        padding-bottom: 20px
    }

    .breadcrumb.w--current {
        flex: 0 auto
    }

    .breadcrumb._2 {
        flex: none
    }

    .breadcrumb-nav {
        align-items: center;
        display: flex
    }

    .link-blog-card {
        height: 100%;
        display: block
    }

    .rich-text.blog blockquote {
        font-size: 18px;
        line-height: 30px
    }

    .rich-text.blog figcaption {
        margin-top: 8px
    }

    .medienspiegel {
        text-align: left;
        letter-spacing: .25px;
        margin-left: auto;
        margin-right: auto;
        font-size: 18px;
        line-height: 30px;
        display: block
    }

    .blog-cl-wrapper {
        margin-left: -12px;
        margin-right: -12px
    }

    .blog-cl-wrapper.new {
        width: auto;
        margin-left: -12px;
        margin-right: -12px
    }

    .flex-div-new {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        display: block
    }

    .flex-div-new.flow {
        margin-top: 40px
    }

    .flex-div-new.no-margin-top.flex-tablet {
        flex-wrap: wrap;
        display: flex
    }

    .flex-div-new.faq {
        flex-direction: column-reverse;
        display: flex
    }

    .flex-div-new.zahlen {
        flex-wrap: wrap;
        margin-top: 24px;
        display: block
    }

    .flex-div-new.persona,
    .flex-div-new.dokumente {
        display: flex
    }

    .flex-div-new.partners {
        grid-template-columns: 1fr
    }

    .flex-div-new.newsletter-banner {
        display: flex
    }

    .datensicherheit-icon-big {
        align-self: stretch
    }

    .div-50.faq {
        width: auto;
        max-width: 500px;
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto
    }

    .div-50.contact {
        flex-wrap: wrap;
        width: auto;
        max-width: 500px;
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto
    }

    .headline-new {
        width: 100%;
        font-size: 28px;
        line-height: 36px
    }

    .headline-new.white.unsub {
        font-size: 24px;
        line-height: 36px
    }

    .headline-new.popup {
        font-size: 32px
    }

    .headline-new.key4 {
        flex: 0 auto;
        width: auto
    }

    .headline-new.price {
        width: auto
    }

    .headline-new.price.makler-b2b {
        font-size: 32px;
        line-height: 40px
    }

    .titel-new {
        font-size: 20px
    }

    .titel-new.white.newsletter-title {
        display: block
    }

    .titel-new.flow {
        margin-bottom: 4px;
        line-height: 24px;
        display: block
    }

    .titel-new.handwerker-cl {
        font-size: 2.3vw;
        line-height: 3.2vw
    }

    .titel-new.handwerker-cl._2 {
        letter-spacing: .2px;
        font-size: 2.3vw;
        line-height: 3vw
    }

    .titel-new.blog-advert {
        font-size: 22px
    }

    .titel-new.left-aligned.center-flex.faq {
        font-size: 12px;
        line-height: 24px
    }

    .titel-new.margin-top-8.key4,
    .titel-new.margin-top-8.right-aligned {
        justify-content: center;
        align-items: center;
        display: flex
    }

    .h1-new {
        font-size: 32px;
        line-height: 44px
    }

    .h1-new.white.fullscreen {
        font-size: 36px;
        line-height: 48px
    }

    .h1-new.white-n.kalam {
        margin-bottom: 0
    }

    .h1-new.white-n.switch-color-mobile {
        color: #000000de
    }

    .h1-new.white-n.switch-color-mobile.dtesting {
        color: var(--white)
    }

    .h1-new.white-n.switch-color-mobile.dtesting.switch-mobile {
        color: #000000de;
        text-align: left
    }

    .h1-new.white-n.switch-color-mobile.dtesting.switch-mobile.calculator {
        color: var(--white)
    }

    .h1-new.white-n.dtesting {
        text-align: left
    }

    .h1-new.flow-nr {
        font-size: 42px;
        line-height: 44px
    }

    .h1-new.tablet-mobile-switch {
        max-width: none
    }

    .subheading-big.faq {
        max-width: 94%
    }

    .subheading-big.white.rating.switch-color-mobile {
        color: #000000de
    }

    .subheading-big.white.rating.switch-color-mobile.footer,
    .subheading-big.white.rating.switch-color-mobile.new {
        color: var(--white)
    }

    .subheading-big.medienspiegel {
        text-align: center;
        line-height: 26px
    }

    .subheading-big.personality-block {
        width: 130px;
        max-width: none
    }

    .subheading-big.bed-rfnisse {
        font-size: 1.7vw
    }

    .subheading-small.white.switch-mobile {
        color: var(--error-red-700)
    }

    .subheading-small.medium-emphasis.facts {
        text-align: center;
        top: 64px;
        right: 0
    }

    .subheading-small.footer-secondary,
    .subheading-small.footer-secondary.no-hover,
    .subheading-small.footer-secondary.datenschutz {
        margin-bottom: 32px
    }

    .subheading-small.footer-secondary.baloise-footer-item {
        margin-bottom: 0
    }

    .body-trash.flow {
        margin-top: 4px
    }

    .caption-new.low-emphasis.medien {
        display: inline-block
    }

    .caption-new.dark {
        justify-content: flex-start;
        margin-top: 0
    }

    .caption-new.max-width {
        max-width: 90%
    }

    .sms-holder {
        border: 1px solid #e42322;
        border-radius: 4px
    }

    .sms-logo {
        height: 44px
    }

    .flow-div-new {
        width: 100%;
        padding: 8px 0;
        display: flex
    }

    .flow-line {
        display: none
    }

    .flow-line.vertical {
        width: 2px;
        height: 48px;
        margin-top: 4px;
        margin-bottom: 4px;
        display: block
    }

    .flow-line.horizontal {
        width: 2px;
        height: 48px;
        margin-top: 4px;
        margin-bottom: 4px
    }

    .div-flow-line-holder {
        flex-direction: column;
        flex: 1;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
        padding-top: 8px;
        display: flex
    }

    .form-checklist {
        width: auto
    }

    .h1-subtext-banner {
        font-size: 22px;
        font-weight: 300;
        line-height: 32px;
        position: static
    }

    .icon {
        margin-right: 4px
    }

    .icon-2 {
        margin-left: 0
    }

    .div-header-2-0 {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        max-width: none;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        position: static;
        top: 51px;
        left: 0
    }

    .div-rating-new {
        flex-direction: row;
        margin-right: 16px;
        padding-top: 16px;
        padding-bottom: 16px
    }

    .div-rating-new.testimonial {
        flex-wrap: wrap;
        margin-bottom: 0
    }

    .div-rating-new.footer {
        margin-bottom: 16px;
        padding-bottom: 16px
    }

    .flow-wrapper-new {
        text-align: left;
        margin-left: 24px
    }

    .flow-number-holder {
        width: 80px;
        height: 80px
    }

    .flow-number-holder.new {
        width: auto;
        height: auto;
        margin-top: 0
    }

    .banner-content-wrp {
        width: auto;
        min-width: auto
    }

    .banner-content-wrp.blog-advert {
        clear: left;
        flex: auto;
        width: auto;
        min-width: auto
    }

    .banner-content-wrp.center {
        width: 100%
    }

    .banner-content-wrp.center.experten {
        width: 90%
    }

    .wrapper-datensicherheit {
        width: auto;
        margin-top: 56px;
        margin-bottom: 56px;
        padding-left: 0;
        padding-right: 0
    }

    .titel-holder {
        align-items: center
    }

    .image-logo-3 {
        width: 134%;
        min-width: 640px;
        max-width: none;
        max-height: none;
        margin-bottom: -22%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: absolute;
        right: auto
    }

    .image-products {
        width: 120%;
        max-width: none;
        margin-bottom: 0%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: relative;
        inset: auto 0% 10%
    }

    .faq-holder {
        white-space: normal
    }

    .div-thirds {
        width: 50%
    }

    .div-thirds.no-flex.centered.kontakt {
        flex: none;
        width: 100%
    }

    .div-thirds.no-flex.centered.newsletter {
        flex: 1;
        width: auto
    }

    .trust-div {
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding-left: 16px;
        padding-right: 16px
    }

    .image-products-2 {
        width: 130%;
        max-width: none;
        margin-bottom: -22%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: absolute;
        inset: 0% auto
    }

    .fpre-logo {
        width: 56px;
        height: 56px
    }

    .youtube.key4 {
        height: 100%
    }

    .image-products-3 {
        width: 130%;
        max-width: none;
        margin-bottom: -22%;
        margin-left: -15%;
        margin-right: auto;
        display: block;
        position: static;
        left: -13%
    }

    .image-products-3.img-new {
        margin-bottom: -35%
    }

    .image-products-3.img-new.tablet-none {
        flex: none;
        width: 130%;
        position: static
    }

    .subscribe-form-flex.nl-banner {
        min-width: 100%
    }

    .nl-form {
        flex: 250px;
        width: 100%;
        min-width: auto
    }

    .nl-form.newsletter-footer {
        flex: 0 auto;
        width: auto
    }

    .nl-form.newsletter-footer.v2 {
        width: 100%
    }

    .card-houzy-new {
        height: 100%;
        padding: 16px
    }

    .card-houzy-new.testimonial-php {
        padding-bottom: 16px
    }

    .card-houzy-new.partner-werden {
        border-radius: 4px;
        padding-left: 16px;
        padding-right: 16px
    }

    .card-houzy-new.dokumente {
        flex-flow: wrap;
        align-content: flex-start;
        padding: 16px;
        display: block
    }

    .card-houzy-new.fill-white.static {
        justify-content: center
    }

    .card-houzy-new.low-green.key4.static {
        min-height: auto
    }

    .arrow-link {
        width: 24px
    }

    .date-holder-blog.new {
        margin-top: 4px
    }

    .date-holder-blog.new.adverts {
        flex-direction: column
    }

    .medienspiegel-cl-item {
        padding: 12px
    }

    .medienspiegel-card {
        text-align: center
    }

    .quality-siegel-partner {
        display: block
    }

    .new-blogs-wrapper {
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .new-blogs-wrapper.no-bg {
        grid-column-gap: 0px;
        grid-row-gap: 24px;
        flex-direction: column;
        display: flex
    }

    .newest-blog-post-image {
        height: 60vw;
        min-height: 180px;
        max-height: 220px
    }

    .newest-blog-post-image.hide-dt {
        height: 50vw;
        min-height: 180px;
        max-height: 200px;
        display: block
    }

    .collection-item-11 {
        flex: 1 0 288px;
        width: 50%;
        height: auto;
        min-height: auto;
        padding-left: 12px;
        padding-right: 12px;
        position: static
    }

    .collection-recent-blog-small {
        flex-flow: wrap;
        align-items: stretch;
        height: 100%;
        margin-left: -12px;
        margin-right: -12px;
        display: flex
    }

    .recent-blog-item {
        height: auto
    }

    .collection-list-wrapper-12 {
        flex-wrap: wrap;
        height: auto;
        display: block
    }

    .timline-year._2 {
        margin-left: 24px
    }

    .flex-div-3 {
        display: block
    }

    .flex-div-3.experten {
        flex-direction: column-reverse;
        display: flex
    }

    .press-material-content.negativ-margin {
        margin-left: -10px;
        margin-right: -10px
    }

    .div-people-holder {
        width: auto
    }

    .div-people-holder.experten {
        justify-content: flex-start;
        width: 100vw;
        padding-left: 8px;
        padding-right: 8px;
        overflow: scroll
    }

    .div-people-holder.experten.webinar {
        justify-content: center;
        width: 100%;
        margin-top: 32px;
        margin-left: auto;
        margin-right: auto;
        overflow: visible
    }

    .testimonial-php-content-houzy {
        margin-top: 4px
    }

    .cl-testimonials-php {
        justify-content: center;
        padding-left: 4px;
        padding-right: 4px
    }

    .item-php-testimonial {
        flex: none;
        width: 100%;
        max-width: 480px
    }

    .iframe.mobile-switch {
        display: block
    }

    .iframe.mobile-switch.test {
        height: 70vh
    }

    .siegel-div {
        flex: none
    }

    .siegel-div.margin {
        margin-left: 0
    }

    .div-third-new {
        flex: 1;
        width: 100%;
        max-width: none;
        margin-left: auto;
        margin-right: auto
    }

    .faq-wraper {
        width: auto
    }

    .faq-contact-item {
        width: auto;
        min-width: auto
    }

    .faq-contact-item.support {
        flex: 1
    }

    .tile-link.fill-white.mobile-switch {
        background-color: var(--grey-main-050);
        flex: 1
    }

    .div-block-189 {
        width: auto;
        margin-top: 0
    }

    .handwerker-cl {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: block
    }

    .handwerker-item {
        flex: 0 auto;
        width: auto;
        max-width: 33.3333%
    }

    .handwerker-bg-img {
        height: auto
    }

    .handwerker-cl-item-holder {
        justify-content: flex-start;
        display: flex
    }

    .overlay-img {
        background-color: #00000040
    }

    .projekte-form {
        width: 87vw;
        max-width: none;
        margin-left: 0
    }

    .h0-new {
        font-size: 44px;
        line-height: 48px
    }

    .partner-logo-link {
        padding: 0
    }

    .partner-logo-wraper {
        width: 100%
    }

    .partner-logo-wraper._2 {
        grid-column-gap: 32px;
        grid-row-gap: 32px
    }

    .cl-categorie-nav {
        flex-direction: column
    }

    .category-holder {
        min-width: 128px
    }

    .tag-cloud-wrapper {
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 24px;
        padding-left: 0
    }

    .cl-tag-cloud {
        place-content: flex-start
    }

    .div-img-block-holder {
        display: flex;
        position: relative
    }

    .div-blog-holder {
        padding-left: 0;
        padding-right: 0
    }

    .buttoncontainer {
        width: 100%
    }

    .blog-advert-box {
        background-image: linear-gradient(90deg, #00000080, #0000), url(../images/5f1592f648ddd11f0bb7037d_Community-Banner.webp);
        background-position: 0 0, 0%;
        background-size: auto, cover;
        flex-wrap: wrap;
        display: flex
    }

    .advert-text-wraper {
        margin-bottom: 0
    }

    .brand-book-nav {
        float: none;
        width: 100%;
        position: static
    }

    .brand-book-content {
        width: 100%
    }

    .div-block-204 {
        margin-bottom: 0
    }

    .persona-img {
        object-fit: cover;
        max-width: 30%;
        height: 100%
    }

    .div-persona,
    .slider-dot-holder {
        width: 50%
    }

    .tonality-grid {
        overflow: auto
    }

    .tone-grid-div2 {
        padding: 8px 12px
    }

    .tone-grid-div2.green-bg,
    .tone-grid-div2.sticky {
        position: sticky;
        left: 0
    }

    .overlay-blog-advert.gradient {
        background-image: linear-gradient(#00000080, #00000080)
    }

    .partner-form-holder {
        float: none;
        flex-direction: column;
        align-items: stretch;
        width: auto;
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 0;
        padding-right: 0;
        display: block
    }

    .partner-form-holder.partner-werden {
        flex: 1;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .input-field-2 {
        max-width: 100%;
        height: 50px;
        margin-bottom: 20px;
        margin-right: 0
    }

    .input-field-2.partner-pages {
        margin-bottom: 4px
    }

    .form-partner-page {
        flex-wrap: wrap;
        display: flex
    }

    .form-partner-page.flex {
        margin-left: -8px;
        margin-right: -8px;
        padding-left: 0;
        padding-right: 0
    }

    .card-holder.third {
        width: 50%
    }

    .card-holder.facts {
        width: 43vw;
        height: 43vw
    }

    .txt-holder-dokumente {
        flex: 1
    }

    .card-content-holder {
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        display: flex
    }

    .input-field-wrapper {
        flex-flow: wrap;
        display: flex
    }

    .input-field-wrapper.no-wrap {
        flex-wrap: nowrap
    }

    .form-button-holder-new {
        padding-left: 8px;
        padding-right: 8px
    }

    .form-button-holder-new.form.b2b {
        margin-top: 8px
    }

    .hero-header {
        min-height: 70vh;
        padding-top: 80px;
        padding-bottom: 80px
    }

    .hero-header.small {
        height: 320px;
        min-height: auto
    }

    .hero-header.small.gradient {
        height: 33.3333vh;
        min-height: 240px;
        max-height: none
    }

    .hero-header.small.gradient.smaller.no-subnav.hw-lp {
        height: 200px;
        margin-top: 48px
    }

    .hero-header.small.adjust {
        padding: 48px 8px
    }

    .hero-header.gradient-bg {
        padding: 64px 16px
    }

    .hero-header.gradient-bg.small.gewinnspiel {
        padding-top: 48px;
        padding-bottom: 32px
    }

    .hero-header.change-mobile {
        min-height: auto;
        padding: 0 0 48px
    }

    .hero-header.change-mobile.fullscreen.b-testing,
    .hero-header.change-mobile.fullscreen.d-testing {
        padding-top: 16px
    }

    .hero-header.change-mobile.fullscreen.neubau {
        min-height: auto;
        padding-top: 48px;
        padding-left: 16px;
        padding-right: 16px
    }

    .hero-header.change-mobile.baloise-center {
        display: block
    }

    .hero-header.hw-page {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .hero-img.sanierungsrechner {
        object-position: 40% 50%
    }

    .hero-img.immobewertung {
        object-position: 70% 50%
    }

    .hero-img.cockpit {
        object-position: 40% 50%;
        object-position: 50% 50%
    }

    .hero-img.fonds {
        object-position: 72% 50%
    }

    .hero-img.heizung {
        object-position: 75% 50%
    }

    .hero-img.pflanzenmanager {
        object-position: 40% 50%
    }

    .hero-img.handwerker-home {
        object-position: 50% 0%
    }

    .hero-img.half-img {
        height: 100vw;
        min-height: auto;
        max-height: 480px
    }

    .hero-img.half-img.round {
        height: 100%
    }

    .hero-img.solarrechner {
        object-position: 72% 50%
    }

    .hero-img.b2b-partners {
        object-position: 100% 36%
    }

    .hero-img.b2b-handwerker {
        object-position: 90% 50%
    }

    .hero-img.energierechner {
        object-position: 66% 50%
    }

    .hero-img.support {
        object-position: 50% 50%
    }

    .hero-img.immobilienverkauf {
        object-position: 70% 50%
    }

    .hero-img.nachfragecheck {
        object-position: 50% 100%
    }

    .hero-img.immobiliensuche {
        object-position: 50% 50%
    }

    .hero-img.vorsorgeberatung,
    .hero-img.umfrage-lp {
        object-position: 70% 50%
    }

    .hero-img.versicherungscheck {
        height: 100%
    }

    .hero-img.immoverkauf-beratung {
        object-position: 50% 60%
    }

    .hero-img.dtesting {
        display: none
    }

    .hero-img.dtesting.bg-image-mobile {
        display: block
    }

    .hero-img.immobilienmakler {
        object-position: 50% 50%
    }

    .header-content {
        width: 100%;
        min-width: 320px;
        max-width: none
    }

    .header-content.handwerker {
        width: 100%;
        min-width: auto;
        max-width: 640px
    }

    .header-content.mobile-change {
        z-index: 10;
        background-color: #fff;
        border-radius: 4px;
        width: 100%;
        padding: 16px 16px 0
    }

    .header-content.mobile-change.long-trash {
        max-width: none
    }

    .header-content.mobile-change.long {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        width: auto;
        min-width: 320px;
        max-width: none
    }

    .header-content.mobile-change.immosuche {
        max-width: none;
        padding-right: 16px
    }

    .header-content.mobile-change.centered {
        text-align: left
    }

    .header-content.mobile-change.spacing {
        max-width: none;
        padding-right: 16px
    }

    .header-content.mobile-change.spacing.new {
        background-color: #0000;
        border-radius: 0;
        min-width: auto
    }

    .header-content.mobile-change.tiles {
        max-width: none
    }

    .header-content.mobile-change.baloise-padding-hero {
        margin-top: 64px;
        padding-bottom: 16px
    }

    .header-button-holder {
        grid-column-gap: 16px;
        flex: 0 auto
    }

    .header-button-holder.flex.dtesting {
        flex: 1
    }

    .header-button-holder.flex.margin-fix {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .header-button-holder.flex.margin-fix.b2b {
        margin-top: 24px
    }

    .body-big.white.trust-header.switch,
    .body-big.white.switch-color-mobile {
        color: #000000de
    }

    .body-big.white-trash {
        display: block
    }

    .body-big.job {
        margin-right: 8px
    }

    .body-big.mobile-color-switch {
        color: #000000de
    }

    .body-big.solution-word-puzzle {
        line-height: 52px;
        display: block
    }

    .container-houzy {
        flex-wrap: wrap;
        align-content: flex-start
    }

    .container-houzy.blog {
        align-content: center;
        align-items: center
    }

    .hero-img-holder {
        overflow: hidden
    }

    .hero-img-holder.change-mobile {
        height: 240px;
        position: relative
    }

    .hero-img-holder.change-mobile.b-testing {
        display: none
    }

    .hero-img-holder.change-mobile.b-testing.new {
        height: 100%;
        display: block;
        position: absolute
    }

    .hero-img-holder.change-mobile.prespective2 {
        perspective-origin: 60% 220%
    }

    .hero-img-holder.change-mobile.d-testing {
        height: 100%;
        position: absolute
    }

    .hero-img-holder.change-mobile.d-testing.grey-new {
        background-color: var(--grey-main-050)
    }

    .gradient-img-bar {
        display: none
    }

    .gradient-img-bar.small,
    .gradient-img-bar.visible-mobile,
    .gradient-img-bar.new {
        display: block
    }

    .product-holder-home {
        grid-column-gap: 16px;
        grid-template-columns: 1fr 1.5fr
    }

    .product-img-holder.tabs {
        margin-top: 32px
    }

    .product-img-holder.newsletter {
        height: 77vw;
        margin-top: -4vw
    }

    .product-img.tabs.small {
        height: 300px
    }

    .products-tab-menu {
        margin-bottom: 24px
    }

    .grid-2x2 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto auto auto;
        grid-template-columns: 1fr
    }

    .icon-96 {
        width: 72px;
        height: 72px
    }

    .icon-96.think-big-parallax {
        top: 36%
    }

    .icon-96.rocket-parallax {
        bottom: -20%
    }

    .icon-96.is-flow {
        flex: none
    }

    .content-holder.checklist,
    .content-holder.ratgeber {
        height: auto
    }

    .flow-nr-holder {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        display: flex
    }

    .section-half-grid {
        grid-row-gap: 24px;
        grid-template-columns: 1fr;
        margin-top: 0;
        padding: 0 0 24px
    }

    .section-half-grid.square-image-right {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
        padding-left: 16px;
        padding-right: 16px
    }

    .section-half-grid.square-image-right.immosuche {
        flex-direction: column
    }

    .section-half-grid.square-image-left {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
        padding-left: 16px;
        padding-right: 16px
    }

    .grid-3x1 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template: "Area" "." "." /1fr
    }

    .grid-3x1.solar {
        grid-column-gap: 16px;
        grid-row-gap: 32px
    }

    .grid-3x1.vorteile-php {
        grid-template-columns: 1fr 1fr
    }

    .grid-3x1.newsletter {
        grid-column-gap: 24px;
        grid-row-gap: 24px
    }

    .grid-3x1.digital-advertisement {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .grid-1x2 {
        grid-template-columns: 1fr
    }

    .grid-1x2.products {
        grid-column-gap: 16px;
        grid-row-gap: 32px;
        align-items: start
    }

    .grid-1x2.products.b2b {
        grid-template-columns: 1fr
    }

    .grid-1x2.products.b2b.benefits {
        grid-row-gap: 48px;
        grid-template-rows: auto auto
    }

    .grid-1x2.products-copy {
        grid-column-gap: 16px;
        grid-row-gap: 32px;
        align-items: start
    }

    .icon-320 {
        width: 320px;
        max-width: 320px;
        height: 320px;
        max-height: 320px
    }

    .checklist-holder {
        text-align: left
    }

    .circle-bg-big {
        width: 85vw;
        max-width: 440px;
        height: 85vw;
        max-height: 440px;
        margin-bottom: 32px
    }

    .circle-bg-big.portrait.new.makler-b2b.fix {
        margin-bottom: 0
    }

    .cta-wrapper {
        flex-flow: wrap;
        place-content: center flex-start;
        align-items: flex-start;
        max-height: 320px;
        padding-top: 48px;
        padding-bottom: 48px;
        display: flex
    }

    .cta-wrapper.parter-page {
        max-height: none;
        padding: 24px
    }

    .cta-wrapper.parter-page.b2b {
        flex-flow: column-reverse;
        padding: 32px;
        display: flex
    }

    .cta-wrapper.parter-page.webinar {
        flex-flow: column;
        justify-content: flex-end;
        align-items: flex-start;
        padding: 32px;
        display: flex
    }

    .testimonial-stars-html {
        font-size: 28px
    }

    .margin-top-24 {
        position: relative
    }

    .cl-testimonials {
        justify-content: center;
        padding-left: 4px;
        padding-right: 4px
    }

    .testimonials-carousel {
        flex-flow: wrap;
        align-items: flex-start;
        display: flex
    }

    .testimonials-carousel.seamless {
        padding-left: 0;
        padding-right: 0
    }

    .item-testimonial {
        flex: none;
        width: 100%;
        max-width: 480px
    }

    .item-testimonial.seamless {
        max-width: none
    }

    .h1-subtext-new {
        font-size: 20px;
        line-height: 32px
    }

    .h1-subtext-new.white.switch-mobile-hide {
        color: #000000de;
        display: none
    }

    .h1-subtext-new.white.calculator {
        color: var(--white);
        text-align: left
    }

    .hero-header-txt-holder {
        display: none
    }

    .hero-header-txt-holder.visible {
        display: block
    }

    .button-wrapper {
        margin-top: 24px
    }

    .button-wrapper.no-flex {
        align-items: flex-start
    }

    .button-wrapper.immosuche {
        display: flex
    }

    .button-wrapper.newsletter {
        margin-left: 0
    }

    .button-wrapper.v3.mobile {
        margin-top: 40px;
        padding-left: 16px;
        padding-right: 16px
    }

    .product-content {
        width: 100%;
        min-height: auto
    }

    .product-content.no-dropdown {
        margin-bottom: 0
    }

    .product-content.form-section {
        flex: 1;
        width: auto
    }

    .product-dropdown-holder {
        width: auto;
        position: static
    }

    .product-dropdown {
        white-space: normal;
        position: static
    }

    .product-dropdown-toggle {
        white-space: normal;
        display: block
    }

    .product-img-bg-houzy.cockpit-lebensdauer {
        width: 45vw;
        height: 45vw
    }

    .product-img-bg-houzy.cockpit-sanierunskosten {
        transform: translate(-22%, 8%)
    }

    .product-img-bg-houzy.cockpit-offerten {
        margin-left: 0;
        transform: translate(-20%, 13%)
    }

    .product-img-bg-houzy.cockpit-offerten.b2b {
        width: 45vw;
        height: 45vw
    }

    .product-img-bg-houzy.marg-left.energieverbrauch {
        top: auto;
        bottom: 13%;
        transform: translate(8%, 2%)
    }

    .product-img-bg-houzy.nachfragecheck {
        transform: translate(-43px, -48px)
    }

    .product-img-bg-houzy.newsletter {
        width: 60vw;
        height: 60vw
    }

    .product-img-bg-houzy.kununu {
        top: 6%
    }

    .hero-section-content,
    .hero-section-content.neophyten.title {
        padding-left: 32px;
        padding-right: 32px
    }

    .hero-section-content.b2b {
        flex: 0 auto
    }

    .hero-header-overlay {
        background-image: linear-gradient(90deg, #0009, #0000004d 60%, #0000)
    }

    .hero-header-overlay.gradient {
        background-image: linear-gradient(90deg, #0009 20%, #0000004d 44%, #0000 85%)
    }

    .hero-header-overlay.gradient.dark {
        background-image: linear-gradient(#0006, #0006)
    }

    .hero-header-overlay.gradient.handwerker {
        background-image: linear-gradient(#00000080, #00000080)
    }

    .hero-header-overlay.gradient.hide-mobile {
        background-image: linear-gradient(90deg, #00000080, #0000 66%);
        display: none
    }

    .hero-header-overlay.gradient.hide-mobile.dtesting {
        display: block
    }

    .hero-header-overlay.gradient.hide-mobile.dtesting.v2 {
        display: none
    }

    .hero-header-overlay.gradient.hide-mobile.dtesting.v2.bg-overlay-mobile,
    .hero-header-overlay.gradient.hide-mobile.new {
        display: block
    }

    .hero-header-overlay.gradient.magazine {
        background-image: linear-gradient(#00000080, #00000080)
    }

    .hero-header-overlay.gradient-dark {
        background-image: linear-gradient(90deg, #0009 20%, #0000004d 44%, #0000 85%)
    }

    .hero-header-overlay.gradient-dark.hide-mobile {
        background-image: linear-gradient(90deg, #00000080, #0000 66%);
        display: none
    }

    .arrow-img-new {
        z-index: 10;
        position: relative
    }

    .arrow-img-new.sanierungsrechner {
        margin-top: -6px;
        position: relative;
        left: 30px;
        transform: rotate(13deg)
    }

    .arrow-img-new.solarrechner {
        transform: rotateX(0)rotateY(180deg)rotate(0)
    }

    .arrow-img-new.fonds {
        left: 10px;
        transform: rotateX(0)rotateY(180deg)rotate(-20deg)
    }

    .arrow-img-new.heizung {
        filter: invert();
        margin-top: -10px;
        left: 30px;
        right: auto
    }

    .arrow-img-new.pflanzen {
        margin-top: -10px;
        left: 12%;
        transform: rotateX(0)rotateY(180deg)rotate(0)
    }

    .arrow-img-new.hypothek {
        margin-top: -14px;
        left: 9%;
        right: auto;
        transform: rotateX(0)rotateY(180deg)rotate(0)
    }

    .arrow-img-new.nachfragecheck {
        margin-top: -10px;
        left: 12%;
        transform: rotateX(0)rotateY(180deg)rotate(0)
    }

    .arrow-header-holder-new {
        width: 190px;
        display: none;
        top: auto;
        bottom: 100px
    }

    .arrow-header-holder-new.flex-vertical {
        align-items: center;
        display: flex
    }

    .arrow-header-holder-new.flex-vertical.bewertung {
        margin-left: 0;
        inset: 100px 35% 160px auto
    }

    .arrow-header-holder-new.flex-vertical.sanierungsrechner {
        bottom: 151px;
        left: auto;
        right: 39%;
        transform: rotate(-12deg)
    }

    .arrow-header-holder-new.flex-vertical.solar {
        inset: 106px 40% 148px auto
    }

    .arrow-header-holder-new.flex-vertical.fonds {
        bottom: 108px;
        left: auto;
        right: 58%;
        transform: rotate(-10deg)
    }

    .arrow-header-holder-new.flex-vertical.heizung {
        inset: auto 32% 67px auto;
        transform: rotate(-11deg)
    }

    .arrow-header-holder-new.flex-vertical.pflanzen {
        inset: auto 41% 77px auto;
        transform: rotate(-10deg)
    }

    .arrow-header-holder-new.flex-vertical.neophyten {
        inset: auto 38% 84px auto;
        transform: rotate(-10deg)
    }

    .arrow-header-holder-new.flex-vertical.hypothek {
        inset: auto 49% 120px auto;
        transform: rotate(-10deg)
    }

    .arrow-header-holder-new.flex-vertical.energie {
        inset: auto 40% 70px auto
    }

    .arrow-header-holder-new.flex-vertical.nachfragecheck {
        inset: auto 61% 77px 82px;
        transform: rotate(-10deg)
    }

    .arrow-header-new {
        z-index: 10;
        text-align: center;
        font-size: 20px;
        line-height: 26px;
        position: relative
    }

    .arrow-header-new.centred {
        z-index: 10;
        position: relative
    }

    .hero-slider-nav.hide-mobile {
        display: none
    }

    .partner-teaser-link {
        letter-spacing: .2px;
        width: auto;
        min-width: auto;
        max-width: none;
        padding: 8px 24px 8px 12px;
        font-size: 11px;
        top: auto;
        bottom: 104px
    }

    .partner-teaser-link.dtesting {
        display: none
    }

    .header-checks-wrapper-new {
        flex-wrap: wrap;
        min-width: auto;
        margin-top: 16px;
        display: block
    }

    .header-checks-wrapper-new.margin-top {
        margin-top: 48px
    }

    .header-checks-wrapper-new.vertical {
        margin-top: 32px
    }

    .header-checks-wrapper-new.center-items {
        flex-direction: row;
        display: block
    }

    .header-checks-wrapper-new.hadwerker-new {
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

    .header-checks-wrapper-new.is-wide {
        width: auto
    }

    .hero-half-img-holder.b2b {
        flex: 0 auto
    }

    .hero-half-img-holder.new-2 {
        padding: 8px 32px
    }

    .google-rating-holder {
        margin-top: 64px
    }

    .google-rating-holder.flex {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-top: 24px;
        margin-bottom: 24px;
        display: flex
    }

    .google-rating-holder.flex.dtesting.v2.mobile {
        margin-bottom: 24px;
        display: flex
    }

    .google-rating-holder.flex.dtesting.v2.desktop {
        display: none
    }

    .google-rating-holder.flex.margin-bottom-fix {
        margin-bottom: 24px
    }

    .google-rating-holder.flex-trash {
        flex-wrap: wrap;
        width: 100%
    }

    .neophyten-slider-arrow-new {
        margin-left: 24px;
        bottom: 3%
    }

    .grid-1x4 {
        grid-template-columns: 1fr
    }

    .grid-1x4.values {
        grid-row-gap: 24px
    }

    .grid-1x4.checklist {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-wrap: wrap;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: flex
    }

    .grid-1x4.key4 {
        grid-template-rows: auto auto auto auto
    }

    .icon-circle-bg {
        margin-bottom: 8px;
        margin-right: 0;
        display: inline-block
    }

    .card-styleguide {
        height: 100%
    }

    .card-styleguide.medienspiegel {
        text-align: center
    }

    .card-styleguide.form {
        height: auto
    }

    .flow-dot {
        display: none
    }

    .checklist-item-wrapper {
        padding-top: 0;
        padding-bottom: 0
    }

    .checklist-item-wrapper.vielen-dank {
        flex-direction: column
    }

    .success-message.calculator-flow {
        padding-top: 84px;
        padding-bottom: 84px
    }

    .rich-txt-agb h2 {
        font-size: 28px;
        line-height: 36px
    }

    .div-block-226 {
        flex: none;
        padding-top: 8px;
        padding-bottom: 8px
    }

    .div-block-227 {
        flex-wrap: wrap;
        margin-top: -12px
    }

    .div-block-227.welcome-video {
        margin-top: 24px
    }

    .div-block-227.desktop {
        display: none
    }

    .div-block-227.mobile {
        margin-top: 0;
        display: flex
    }

    .blog-img-holder {
        position: relative
    }

    .logo-holder.mobile-hide {
        margin-bottom: 16px;
        display: none
    }

    .logo-holder.mobile-hide.header {
        width: 25%;
        height: 25%;
        display: flex
    }

    .logo-holder.mobile-hide.header.ghs {
        top: -57px;
        left: 70%
    }

    .logo-holder.mobile-hide.header.ghs.fix {
        top: -58px;
        left: 310px
    }

    .logo-holder.mobile-hide.header.ubs-stoerer {
        z-index: 100;
        width: 50%;
        height: 50%;
        top: -3%;
        right: -9%
    }

    .logo-holder.mobile-hide.header.best-employer {
        height: auto;
        top: 20%;
        right: 5%
    }

    .logo-holder.mobile-hide.header.best-employer.footer {
        align-self: flex-start
    }

    .logo-holder.mobile-hide.header.key4-stoerer,
    .logo-holder.mobile-hide.header.key4-stoerer-2 {
        z-index: 100;
        width: 24%;
        height: 24%;
        top: 14%;
        right: 0%
    }

    .logo-holder.mobile-hide.header.baloise-stoerer {
        inset: 0% 0% auto auto
    }

    .logo-holder.adjust {
        filter: invert();
        margin-top: 16px
    }

    .logo-holder.ghs-logo-section {
        margin-bottom: 16px
    }

    .logo-holder.hc-lp {
        bottom: -26%
    }

    .logo-holder.v2 {
        right: 1%
    }

    .product-holder-grid {
        grid-row-gap: 80px;
        max-width: none
    }

    .selction-button-wrapper.vertical {
        padding-top: 0;
        padding-bottom: 0
    }

    .beirat-wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .arrow-shadow-new {
        opacity: .2;
        filter: blur(30px);
        background-color: #000;
        border-radius: 50%;
        width: 120%;
        height: 120%;
        position: absolute;
        top: -28%;
        bottom: 0%
    }

    .arrow-shadow-new.v2 {
        top: -43%
    }

    .php-logo-holder {
        padding-left: 16px;
        padding-right: 16px
    }

    .cl-team {
        grid-row-gap: 60px;
        grid-template-columns: 1fr 1fr
    }

    .cl-team.experts {
        grid-template-columns: 1fr 1fr
    }

    .team-member-img {
        width: auto;
        max-height: none
    }

    .grid-styleguide-section {
        grid-template-columns: 1fr
    }

    .styleguide-content-wrapper {
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr
    }

    .row-styleguide-content {
        flex-direction: column
    }

    .row-styleguide-content.card-content {
        flex-wrap: wrap
    }

    .stylegiuide-content-item {
        margin-bottom: 24px
    }

    .stylegiuide-content-item.card-content {
        grid-template-columns: 1fr;
        margin-bottom: 24px;
        margin-right: 0
    }

    .stylegiuide-content-item.card {
        margin-right: 0
    }

    .news-carousel {
        flex-flow: wrap;
        align-items: flex-start;
        display: flex
    }

    .news-carousel.seamless {
        padding-left: 0;
        padding-right: 0
    }

    .news-download-tile {
        width: auto;
        min-width: auto
    }

    .button-icon.cta-video.green.mobile-switch {
        display: block
    }

    .button-icon.cta-video.mobile-switch {
        display: none
    }

    .tabs-newsroom {
        padding-bottom: 48px
    }

    .images-carousel {
        flex-flow: wrap;
        align-items: flex-start;
        display: flex
    }

    .images-carousel.seamless {
        padding-left: 0;
        padding-right: 0
    }

    .stoerer-logo {
        width: 100px;
        height: 100px
    }

    .stoerer-logo.hc-lp {
        width: 180px;
        height: 180px
    }

    .faq-anchor.faq {
        width: auto;
        max-width: 500px;
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto
    }

    .nl-container {
        margin-top: -80px
    }

    .cta-banner {
        object-position: 65% 50%
    }

    .present-img-holder1,
    .present-img-holder2 {
        z-index: 1
    }

    .close-icon {
        right: 32px
    }

    .card-popup {
        height: 100%;
        padding: 24px
    }

    .card-popup.teaser {
        background-position: 0 0, 50% 100%
    }

    .footer-bottom {
        flex-wrap: wrap-reverse;
        margin-top: 40px
    }

    .footer-bottom.none {
        flex-wrap: wrap;
        align-content: space-between
    }

    .footer-column {
        padding-right: 0
    }

    .footer-grid-desktop {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        display: none
    }

    .footer-grid-desktop.v2 {
        flex-direction: column;
        display: flex
    }

    .footer-logo-new {
        display: none
    }

    .back-to-top-arrow {
        width: 24px;
        height: 24px
    }

    .footer-new {
        padding: 24px 16px 8px
    }

    .check-holder-beratung {
        grid-template-columns: minmax(80px, .25fr) 1fr
    }

    .navigation-mob {
        padding-left: 16px;
        padding-right: 16px
    }

    .houzy-logo-nav.baloise-logo-poweredbyhouzy {
        background-size: contain;
        width: 250px
    }

    .full-divider {
        margin-left: 0;
        margin-right: auto
    }

    .houzy-logo-mobile {
        padding-left: 0
    }

    .mobile-nav {
        margin-left: -16px;
        margin-right: -16px;
        padding-bottom: 25vh
    }

    .mobile-nav.subnav {
        padding-bottom: 40vh
    }

    .mobile-nav.subnav.w--open {
        padding-bottom: 60vh
    }

    .subnav-wrapper {
        align-content: flex-start;
        margin-left: -16px;
        margin-right: -16px
    }

    .subnav-wrapper.pricing-b2b-style {
        padding-left: 16px;
        padding-right: 16px
    }

    .blog-advert-banner {
        flex-direction: column
    }

    .image-banner {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .text-banner {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
        padding: 24px
    }

    .blog-image-banner {
        width: 100%
    }

    .bottom-newsletter-wrapper {
        flex-flow: column wrap;
        align-content: space-between;
        display: flex
    }

    .newsletter-content {
        flex-flow: wrap-reverse;
        justify-content: space-between;
        align-self: stretch;
        width: 100%
    }

    .newsletter-content.bottom-banner-content {
        justify-content: flex-end;
        width: 100%
    }

    .share-blog-section-top {
        justify-content: flex-start
    }

    .button-big {
        text-align: center
    }

    .icon-64 {
        width: 72px;
        height: 72px
    }

    .col {
        padding-left: 12px;
        padding-right: 12px
    }

    .col._2col.overflow-visible {
        align-self: center
    }

    .row {
        margin-left: -12px;
        margin-right: -12px
    }

    .row.flex-center {
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start
    }

    .tab-link {
        margin-top: 12px;
        margin-bottom: 12px;
        margin-left: -16px;
        padding-left: 16px
    }

    .tab-button {
        justify-content: center;
        margin-top: 8px;
        margin-bottom: 8px
    }

    .divider {
        display: none
    }

    .tab-link-section {
        margin-top: 12px;
        margin-bottom: 12px
    }

    .tab-link-section.w--current {
        align-self: stretch
    }

    .tab-menu-holder {
        padding-left: 12px;
        padding-right: 12px
    }

    .top-bar-container {
        justify-content: flex-start;
        padding-left: 24px;
        padding-right: 24px;
        line-height: 1.5
    }

    .top-bar-container.top-bar {
        grid-column-gap: 1rem;
        grid-row-gap: 4px;
        flex-flow: wrap;
        flex: none;
        justify-content: flex-start;
        align-items: center;
        padding: 16px 48px 16px 16px
    }

    .top-bar-container.top-bar.baloise {
        z-index: 2147483647;
        flex-direction: column;
        align-items: flex-start;
        height: 100%
    }

    .top-notification-close {
        align-self: flex-start;
        right: 16px
    }

    .hero-header-double {
        min-height: 70vh;
        padding-top: 80px;
        padding-bottom: 80px
    }

    .hero-header-double.change-mobile {
        min-height: auto;
        padding: 0 0 48px;
        display: block
    }

    .hero-img-holder-double {
        overflow: hidden
    }

    .hero-img-holder-double.change-mobile {
        height: 320px;
        margin-left: -16px;
        margin-right: -16px;
        position: relative
    }

    .hero-header-overlay-double {
        background-image: linear-gradient(90deg, #0009, #0000004d 60%, #0000)
    }

    .hero-header-overlay-double.gradient {
        background-image: linear-gradient(90deg, #0009 20%, #0000004d 44%, #0000 85%)
    }

    .hero-header-overlay-double.gradient.dark {
        background-image: linear-gradient(#0006, #0006)
    }

    .hero-header-overlay-double.gradient.hide-mobile {
        background-image: linear-gradient(90deg, #00000080, #0000 66%);
        display: none
    }

    .hero-header-content-double {
        width: 100%;
        min-width: 320px;
        max-width: none
    }

    .hero-header-content-double.long {
        width: 100%
    }

    .hero-header-content-double.mobile-change {
        z-index: 10;
        background-color: #fff;
        border-radius: 4px;
        width: 100%;
        margin-top: -80px;
        padding: 16px 16px 0
    }

    .hero-header-content-double.mobile-change.long {
        width: 100%;
        max-width: 100%;
        height: 100%
    }

    .hero-header-content-double.mobile-change.long.fix {
        margin-top: 48px
    }

    .top-bar-wrapper {
        max-height: 48px;
        font-size: 16px
    }

    .top-bar-wrapper.baloise-color.height-fix {
        max-height: 100%
    }

    .top-bar-wrapper.is-pro-gradient {
        max-height: none
    }

    .dropdown-field {
        max-width: 100%;
        margin-right: 0
    }

    .immosearch-widget {
        background-color: var(--grey-main-050);
        background-image: radial-gradient(circle, #00000080 .5%, #0000), url(../images/6262bdb03ad2501a164350be_Immobiliensuche-1920.webp);
        background-position: 0 0, 0 0;
        background-repeat: repeat, repeat;
        background-attachment: scroll, fixed;
        margin-top: 64px;
        padding-top: 160px;
        padding-bottom: 128px
    }

    .subnav-menu-close {
        right: 16px
    }

    .step-block {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-height: 110vh
    }

    .scoll-wrap {
        z-index: 1;
        height: 100%;
        bottom: 50%
    }

    .dot {
        z-index: 99;
        order: 2;
        align-self: center;
        margin-bottom: 0;
        display: none;
        position: absolute;
        bottom: 50%
    }

    .dot.finish {
        display: flex;
        bottom: 49%
    }

    .step-content-block {
        z-index: 2;
        order: -1;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .img-block {
        z-index: 3;
        order: 3;
        width: 75%;
        min-height: 65vh;
        position: relative
    }

    .content-wrap {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%
    }

    .step {
        justify-content: center;
        padding: 8%
    }

    .umbaucoach-step-image {
        position: absolute
    }

    .umbaucoach-animation-icon {
        min-width: 500px;
        min-height: 100%
    }

    .cl-testimonials-new {
        justify-content: center
    }

    .testimonials-carousel-new {
        flex-flow: wrap;
        align-items: flex-start;
        display: flex
    }

    .item-testimonial-new {
        flex: 0 auto;
        width: 100%;
        padding: 24px
    }

    .loader {
        padding-top: 160px;
        padding-bottom: 128px
    }

    .forum-button {
        text-align: left;
        height: 100%
    }

    .forum-tag-label {
        margin-bottom: 8px
    }

    .spacer-60 {
        height: 40px
    }

    .icon-container {
        height: 25vw
    }

    .marquee {
        height: 70vw
    }

    .flex-horizontal.flip-svp {
        flex-direction: column-reverse
    }

    .track-vertical {
        align-items: center
    }

    .parallax-image-large {
        width: 200px;
        height: 200px
    }

    .parallax-image-large.image-1 {
        top: 20px;
        left: 76px
    }

    .parallax-image-large.image-7 {
        bottom: 50px;
        right: 30px
    }

    .container-22.center-flex.parallax-container {
        min-height: 720px
    }

    .parallax-image-small {
        width: 120px;
        height: 120px
    }

    .parallax-image-small.image-3 {
        bottom: 100px;
        left: 50px
    }

    .parallax-image-small.image-4 {
        bottom: 70px;
        left: 100px
    }

    .parallax-image-medium {
        width: 150px;
        height: 150px
    }

    .parallax-image-medium.image-2 {
        top: 100px;
        left: 20px
    }

    .checklist-device-holder {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: column
    }

    .hero-header-media-wrapper {
        height: 250px
    }

    .hero-header-content-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }

    .card-houzy-new-2 {
        height: 100%;
        padding: 24px
    }

    .checklist-item {
        flex: 1 0 240px;
        min-width: auto
    }

    .text-holder-checklist {
        max-width: none
    }

    .checklist-form {
        width: auto;
        max-width: 480px
    }

    .blog-card-titel-holder {
        margin-bottom: 4px
    }

    .magazine-nav-wrapper {
        padding-left: 8px;
        padding-right: 8px
    }

    .magazine-nav-wrapper.static {
        z-index: 900
    }

    .magazine-header-wrapper {
        grid-column-gap: 64px;
        grid-row-gap: 64px
    }

    .checklist-craftsmen-holder {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: column
    }

    .categories-holder {
        grid-template-columns: 1fr 1fr
    }

    .html-embed-11,
    .html-embed-12 {
        display: none
    }

    .margin-top-48 {
        position: relative
    }

    .marker-holder {
        width: auto;
        max-width: 120px;
        top: 32%;
        bottom: auto;
        right: 17vw
    }

    .marker-holder.immoverkauf-beratung {
        width: 12vw;
        max-width: 90px;
        top: auto
    }

    .marker-holder.verkaufspreisberatung {
        width: 36vw;
        max-width: none;
        top: 50%;
        right: 17vw;
        transform: translate3d(32%, -35%, -90px)scale(.6)rotateX(0)rotateY(-57deg)rotate(0)
    }

    .marker {
        font-size: 42px
    }

    .typeform-embed-hero.shadow.mobile {
        margin-top: 0;
        display: block
    }

    .typeform-embed-hero.shadow.desktop {
        display: none
    }

    .input-field-dummy {
        top: 152px
    }

    .splide__arrow {
        width: 5em;
        height: 5em
    }

    .tab-button-2 {
        justify-content: flex-start
    }

    .load-bar-base {
        max-width: none;
        margin-left: 0;
        margin-right: 0
    }

    .tab-grid {
        flex-direction: column-reverse;
        display: flex
    }

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

    .address-holder.new {
        margin-top: 4px
    }

    .iframe-embed-hero.shadow.mobile {
        margin-top: 0;
        display: block
    }

    .iframe-embed-hero.shadow.desktop {
        display: none
    }

    .iframe-embed-hero.fix {
        margin-left: -16px
    }

    .iframe-hero-header-v2 {
        height: 70svh
    }

    .iframe-hero-header-v2.lp-testing {
        height: 590px;
        min-height: auto
    }

    .hero-header-content-wrapper-v2 {
        padding-left: 16px;
        padding-right: 16px
    }

    .tile-shortcut-wrapper {
        align-items: flex-start
    }

    .tile-shortcut-wrapper.magazine {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .hero-header-txt-holder-tile {
        margin-top: 24px
    }

    .arrow-icon-tile {
        width: 24px
    }

    .header-content-dtesting {
        z-index: 10;
        width: 100%;
        padding: 16px 16px 0
    }

    .iframe-hero-header-v3 {
        margin-top: 24px;
        margin-bottom: 32px
    }

    .iframe-hero-header-v3.test {
        height: 70svh
    }

    .lottie-320._404 {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .product-tabs-home-new {
        padding-bottom: 48px
    }

    .product-overview {
        grid-template: "Area" "." "." /1fr;
        position: relative
    }

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

    .product-wrapper-2 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .product-wrapper-2.kaufen {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        grid-auto-flow: row
    }

    .product-wrapper-2.wohnen {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr
    }

    .hero-header-startpage-fullscreen {
        padding-left: 16px;
        padding-right: 16px
    }

    .hero-header-startpage-fullscreen.no-subnav.form,
    .hero-header-startpage-fullscreen.no-subnav.flow-iframe {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .hero-header-overlay-bgvideo {
        background-image: linear-gradient(#0006, #0006)
    }

    .hero-header-widget-wrapper-fullscreen.houzy-connect,
    .hero-header-widget-wrapper-fullscreen.hc-badges-states {
        height: 500px;
        margin-top: 64px
    }

    .hero-header-widget-wrapper-fullscreen.typeform {
        height: 480px
    }

    .card-popup-2 {
        height: 100%;
        padding: 24px
    }

    .hero-header-image-holder-fullscreen {
        overflow: hidden
    }

    .showmore-showless-holder {
        position: relative
    }

    .form-digital-advertisement {
        flex-wrap: wrap;
        display: flex
    }

    .ubs-logo-holder.desktop {
        display: none
    }

    .ubs-logo-holder.mobile {
        width: 128px;
        display: block;
        inset: auto auto 20px 0%
    }

    .square-img {
        max-height: 480px
    }

    .sticky-cta-banner {
        flex-flow: column wrap;
        align-content: space-between;
        padding-left: 16px;
        padding-right: 16px;
        display: flex
    }

    .sticky-cta-banner-wrapper {
        flex-flow: wrap-reverse;
        justify-content: space-between;
        align-self: stretch;
        width: 100%
    }

    .check-wrapper {
        flex-wrap: wrap;
        min-width: auto;
        margin-top: 16px;
        display: block
    }

    .wordgame {
        align-self: center;
        max-width: 100%
    }

    .check-holder-gewinnspiel {
        grid-template-columns: minmax(80px, .25fr) 1fr
    }

    .contact-item {
        width: auto;
        min-width: auto
    }

    .popup-video {
        height: 53vw
    }

    .solution-wrapper {
        grid-template-columns: 1fr
    }

    .b2b-business-wrapper {
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr
    }

    .b2b-business-overview {
        grid-template: "Area" "." "." /1fr;
        position: relative
    }

    .partner-werden-form-content.vielen-dank.new {
        margin-top: 32px
    }

    .houzy-connect-grafik {
        max-height: 275px
    }

    .bed-rfnisse-circle-small {
        width: 23vw;
        height: 23vw
    }

    .title-bed-rfnisse {
        font-size: 3vw
    }

    .bed-rfnisse-text {
        font-size: 1.6vw;
        line-height: 1.7
    }

    .logo-holder-5.mobile-hide {
        margin-bottom: 16px;
        display: none
    }

    .logo-holder-5.mobile-hide.header {
        width: 25%;
        height: 25%;
        display: flex
    }

    .logo-holder-5.mobile-hide.header.best-employer {
        height: auto;
        top: 20%;
        right: 5%
    }

    .stoerer-logo-2 {
        width: 100px;
        height: 100px
    }

    .faq-menu {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr
    }

    .faq-menu-title {
        padding: 1rem 1rem .5rem
    }

    .image-profilbild-2 {
        height: auto;
        margin: 0 auto;
        display: block
    }

    .image-profilbild-2.fragen {
        width: 110px
    }

    .div-people-holder-2 {
        width: auto
    }

    .div-people-holder-2.experten {
        justify-content: flex-start;
        width: 100vw;
        padding-left: 8px;
        padding-right: 8px;
        overflow: auto
    }

    .cards-wrap {
        flex-direction: column;
        grid-template-columns: 1fr 1fr;
        display: flex
    }

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

    .pricing-overview {
        grid-template: "Area" "." "." /1fr;
        position: relative
    }

    .inpage-checks-wrapper-new {
        flex-wrap: wrap;
        min-width: auto;
        margin-top: 16px;
        display: block
    }

    .inpage-checks-wrapper-new.vertical.centered.horizontal {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-wrap: nowrap;
        display: flex
    }

    .inpage-checks-wrapper-new.vertical.switch-tablet {
        grid-row-gap: 8px
    }

    .grid-2x4 {
        grid-template-columns: 1fr
    }

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

    .hint-list-left,
    .hint-list-right {
        width: 100%
    }

    ._2-button-wrap {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: wrap-reverse
    }

    .modal_small.center {
        width: 100%;
        min-width: auto;
        max-width: 100%;
        height: 100%;
        box-shadow: none;
        border-radius: 0;
        justify-content: flex-start;
        overflow: scroll
    }

    .question {
        height: auto;
        min-height: 420px
    }

    .calculator-header-holder {
        margin-bottom: 24px
    }

    .fs-rangeslider_wrapper {
        padding-left: 2.1rem;
        padding-right: 2.1rem
    }

    .tabs-content-4 {
        overflow: visible
    }

    .termin-buchen-wrapper {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-columns: 1fr
    }

    .sales-info-wrapper {
        grid-template-columns: minmax(min-content, max-content) 1fr
    }

    .calculator-image {
        max-width: 96px
    }

    .calculator-flow-holder {
        min-height: auto
    }

    .baloise-graphic {
        right: 16px
    }

    .table-wrapper {
        border-style: none;
        width: 100%;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        display: block;
        transform: scale(.8)
    }

    .table-wrapper.medium.rankings {
        transform: none
    }

    .table-row-3-col.header,
    .table-row-3-col.data-row {
        width: 100%
    }

    .key4-table {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        grid-auto-flow: row
    }

    .card-holder-pricing {
        flex-direction: column
    }

    .subnav-scroll {
        flex-wrap: wrap;
        align-content: flex-start
    }

    .subnav-wrapper-pricingb2b-desktop {
        align-content: flex-start;
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px
    }

    .sales-slide-wrp {
        width: 100%
    }

    .sales-slider-makler-b2b.no-margin {
        flex: 1
    }

    .hero-header-secondary-container {
        max-width: none
    }

    .hero-header-secondary-bulletpoints-wrapper {
        flex-wrap: wrap;
        padding-left: 16px;
        padding-right: 16px
    }

    .spitzmarke {
        flex: none;
        justify-content: flex-start;
        margin-top: 0
    }

    .google-rating-holder-new {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-bottom: 24px;
        display: flex
    }

    .header-button-holder-new {
        grid-column-gap: 16px;
        flex: 0 auto;
        margin-top: 16px;
        margin-bottom: 16px
    }

    .hero-header-secondary-content-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }

    .hero-header-secondary-media-wrapper {
        height: 250px
    }

    .hero-header-secondary-media-wrapper.makler {
        background-size: 60%, auto
    }

    .grid-makler-b2b-pakete {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-columns: 1fr
    }

    .icon-holder-makler-pakete-b2b {
        top: 0%
    }

    .hero-header-primary-b2b {
        padding: 48px 16px
    }

    .hero-header-primary-image-holder {
        overflow: hidden
    }

    .hero-header-primary-bg-overlay {
        background-image: linear-gradient(#0006, #0006)
    }

    .h1-primary {
        font-size: 36px;
        line-height: 48px
    }

    .chooser-primary-title {
        margin-top: 24px
    }

    .chooser-primary-tiles-wrapper {
        align-items: flex-start
    }

    .chooser-primary-tiles-holder {
        grid-auto-columns: 1fr
    }

    .chooser-primary-tiles-holder.b2b-home {
        grid-template-columns: 1fr
    }

    .chooser-primary-tile {
        background-color: var(--grey-main-050);
        flex: 1
    }

    .b2b-content-wrp {
        grid-row-gap: 60px;
        flex-flow: column-reverse;
        justify-content: flex-end;
        display: flex
    }

    .b2b-content-wrp.switched {
        flex-direction: column
    }

    .hero-header-card-form {
        height: 100%;
        margin: 16px;
        padding: 16px
    }

    .iframe-flow {
        height: 100svh
    }

    .ratgeber-item {
        flex: 1 0 240px;
        min-width: auto
    }

    .grid1x3-ratgeber {
        flex-wrap: wrap;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: flex
    }

    .card-wrapper-leads-pricing {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: column
    }

    .tab-button-new {
        flex: 1
    }

    .iframe-holder-seasonal-lp {
        height: 70svh
    }
}

@media screen and (max-width:479px) {
    h2 {
        font-size: 20px;
        line-height: 30px
    }

    .banner.password {
        height: 100%;
        margin-bottom: 32px;
        padding-top: 32px
    }

    .banner.small,
    .banner.tone-of-voice {
        height: 260px;
        padding-top: 60px
    }

    .button-new {
        white-space: normal;
        width: 100%;
        padding-left: 8px;
        padding-right: 8px
    }

    .button-new.form {
        width: 100%
    }

    .button-new.big.input-field {
        display: none;
        top: 70px;
        right: 0
    }

    .button-new.big.input-field.static {
        margin-top: 16px;
        display: block
    }

    .button-new.small.outlined.auto-width {
        min-width: auto
    }

    .section-new {
        text-align: left;
        padding: 48px 24px
    }

    .section-new.less-space-new.team {
        padding-top: 56px
    }

    .section-new.less-space-new.blog {
        padding-left: 0;
        padding-right: 0
    }

    .section-new.less-space-new.blog.grey-new {
        padding-left: 24px;
        padding-right: 24px
    }

    .section-new.less-space-new.neophyten-slider {
        padding-bottom: 48px
    }

    .section-new.less-space-new.gewinnspiel {
        padding-bottom: 0
    }

    .section-new.less-space-new.ratgeber {
        padding-left: 0;
        padding-right: 0
    }

    .section-new.impressum {
        padding-top: 65px;
        padding-bottom: 65px
    }

    .section-new.product-new {
        padding-top: 48px;
        padding-bottom: 60px
    }

    .section-new.product-new.single-item {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .section-new.product-new.single-item-dropdown {
        padding-bottom: 60px
    }

    .section-new.cta-banner-new {
        padding-top: 48px;
        padding-bottom: 48px;
        display: flex
    }

    .section-new.umfrage-lp {
        padding-bottom: 0
    }

    .section-new.contact {
        display: flex
    }

    .top-title.blog {
        width: auto;
        margin-top: 20px
    }

    .container-fluid {
        text-align: center;
        justify-content: flex-end;
        margin-left: 0;
        margin-right: 0
    }

    .container-fluid.gutschein-container {
        margin-top: 80px
    }

    .portfolio-overlay {
        margin-left: 0;
        margin-right: 0
    }

    .team-overlay {
        margin-bottom: 43px;
        margin-left: 0;
        margin-right: 0;
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px
    }

    .blog-post {
        width: 100%
    }

    .image-rounded {
        flex-wrap: nowrap
    }

    .hamburger-houzy {
        align-items: center;
        padding: 12px
    }

    .hamburger-houzy.w--open {
        color: #fff
    }

    .logo-partner {
        max-width: 161px;
        max-height: 18px
    }

    .logo-partner:hover {
        filter: none
    }

    .logo-partner._2 {
        max-width: 110px;
        max-height: 28px
    }

    .logo-partner._2.partner-pages {
        max-height: 36px
    }

    .logo-partner._2.partner-pages.long {
        min-width: 110px
    }

    .logo-partner.is-fit {
        padding-left: 0;
        padding-right: 0
    }

    .heading-houzy {
        letter-spacing: .5px;
        font-size: 25px;
        line-height: 34px
    }

    .heading-houzy.h3-about {
        text-align: left;
        margin-bottom: 10px;
        font-size: 40px;
        line-height: 40px
    }

    .heading-houzy.h3-about._2 {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 28px
    }

    .input-field-new.password {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .input-field-new.area {
        min-width: 100%;
        max-width: 100%;
        padding-right: 12px
    }

    .input-field-new.area-2 {
        min-width: 100%;
        max-width: 100%;
        min-height: 80px;
        max-height: 140px
    }

    .input-field-new.subscribe.nl-banner {
        max-width: 100%;
        margin-bottom: 16px;
        margin-right: 0
    }

    .input-field-new.feedback-refuse-calender,
    .input-field-new.webinar,
    .input-field-new.neubaupotenzial {
        min-width: 100%;
        max-width: 100%;
        min-height: 80px;
        max-height: 140px
    }

    .input-field-new.newsletter {
        margin-bottom: 16px;
        margin-right: 0
    }

    .icon-holder-flow {
        border-width: 1.5px;
        align-self: center;
        width: 50px;
        height: 50px
    }

    .icon-holder-flow.vorteile {
        width: auto;
        height: auto;
        margin-left: auto;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .div-header {
        min-width: auto;
        position: static;
        top: 0;
        left: 0
    }

    .div-header.full.welcome-video {
        margin-bottom: 0
    }

    .div-header-no-picture {
        display: block
    }

    .column-15 {
        cursor: pointer;
        border-bottom: 1px solid #fff9;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .div-form.partner-pages {
        flex-shrink: 3;
        width: auto;
        display: block
    }

    .checklist-txt-wrapper {
        margin-top: 0;
        margin-bottom: 24px
    }

    .check-list-item {
        align-items: stretch;
        padding-top: 0;
        padding-bottom: 0
    }

    .link-block {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .div-block-29 {
        padding-left: 16px;
        padding-right: 16px
    }

    .margin-top {
        flex-direction: column;
        align-items: flex-start;
        display: block
    }

    .image-profilbild {
        width: 96px;
        margin-left: 0;
        margin-right: 0
    }

    .image-profilbild.fragen.big {
        max-height: none
    }

    .image-profilbild.fragen.big.green {
        max-width: 64px
    }

    .div-fragen {
        width: auto;
        max-width: none;
        padding-top: 8px;
        padding-bottom: 8px;
        display: block
    }

    .div-fragen.flex-2 {
        text-align: left;
        align-items: center;
        width: auto;
        padding-left: 0;
        padding-right: 0
    }

    .div-fragen.flex-2.experten {
        padding-left: 12px;
        padding-right: 12px
    }

    .div-fragen.partner {
        width: 100%;
        padding-bottom: 0
    }

    .div-fragen.img {
        order: -1;
        justify-content: flex-start;
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .content-holder {
        flex-direction: column;
        align-items: center;
        height: auto;
        margin-top: 0;
        margin-bottom: 0;
        display: block
    }

    .content-holder.left {
        text-align: left
    }

    .content-holder.partner {
        text-align: left;
        padding: 0
    }

    .popup-overlay-new {
        inset: 0%;
        overflow: scroll
    }

    .success-holder {
        padding-top: 64px;
        padding-bottom: 64px
    }

    .success-holder-3 {
        padding-top: 0;
        padding-bottom: 0
    }

    .service-wrapper.blog.new {
        z-index: 0;
        display: block
    }

    .categorie-holder.cloud {
        background-color: #00000014
    }

    .blog-col-item {
        flex: none;
        align-self: auto;
        width: 100%;
        padding: 12px 0;
        display: block
    }

    .blog-img {
        background-image: linear-gradient(#0006, #0000 90%);
        justify-content: flex-start;
        align-items: flex-end;
        padding-bottom: 16px
    }

    .breadcrumb._2 {
        display: inline-block
    }

    .breadcrumb-nav {
        flex-wrap: wrap;
        align-items: center
    }

    .breadcrumb-nav.header {
        margin-left: 0
    }

    .breadcrumb-devider {
        margin-left: 8px;
        margin-right: 8px
    }

    .rich-text.blog blockquote {
        font-family: Open Sans, sans-serif;
        font-size: 18px;
        line-height: 30px
    }

    .rich-text.blog figcaption {
        text-align: left;
        font-size: 12px;
        font-weight: 400
    }

    .div-timeline {
        align-items: stretch
    }

    .medienspiegel {
        text-align: left;
        padding-right: 0;
        font-size: 16px
    }

    .blog-cl-wrapper {
        margin-left: -4px;
        margin-right: -4px
    }

    .blog-cl-wrapper.new {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .container-16 {
        flex-wrap: nowrap;
        justify-content: center;
        padding-bottom: 32px;
        padding-left: 0;
        padding-right: 0
    }

    .flex-div-new.flow {
        margin-top: 40px
    }

    .flex-div-new.no-margin-top.flex-tablet,
    .flex-div-new.zahlen,
    .flex-div-new.persona,
    .flex-div-new.partners,
    .flex-div-new.newsletter-banner {
        display: block
    }

    .datensicherheit-icon-big {
        width: 96px;
        height: auto;
        margin-bottom: 16px;
        margin-left: auto;
        margin-right: auto
    }

    .div-50.contact {
        flex-direction: column;
        align-self: stretch;
        margin-left: 0;
        margin-right: 0
    }

    .headline-new {
        letter-spacing: .2px;
        font-size: 24px;
        line-height: 32px;
        display: block
    }

    .headline-new.white.unsub {
        font-size: 20px;
        line-height: 32px
    }

    .headline-new.white {
        white-space: break-spaces
    }

    .headline-new.blog {
        padding-left: 24px;
        padding-right: 24px
    }

    .headline-new.marg-bottom-64 {
        margin-bottom: 40px
    }

    .headline-new.white {
        letter-spacing: .25px;
        white-space: break-spaces
    }

    .headline-new.price.makler-b2b {
        font-size: 26px;
        line-height: 32px
    }

    .titel-new {
        letter-spacing: .2px;
        font-size: 18px;
        line-height: 26px
    }

    .titel-new.flow {
        margin-bottom: 8px
    }

    .titel-new.handwerker-cl {
        font-size: 3.5vw;
        line-height: 5vw
    }

    .titel-new.handwerker-cl._2 {
        font-size: 3.7vw;
        line-height: 5vw
    }

    .titel-new.blog-advert {
        font-size: 20px
    }

    .titel-new.white.floating-contact-banner {
        font-size: 16px
    }

    .titel-new.left-aligned.center-flex.faq {
        white-space: nowrap
    }

    .h1-new {
        color: #000000de;
        letter-spacing: .15px;
        font-size: 28px;
        line-height: 38px;
        display: block
    }

    .h1-new.white.fullscreen {
        font-size: 30px;
        line-height: 40px
    }

    .h1-new.white-n.switch-color-mobile {
        flex-direction: column;
        align-items: center
    }

    .h1-new.big {
        font-size: 72px;
        line-height: 1.1
    }

    .h1-new.tablet-mobile-switch {
        color: var(--white)
    }

    .subheading-big {
        display: block
    }

    .subheading-big.faq {
        max-width: 90%
    }

    .subheading-big.white {
        margin-bottom: 0
    }

    .subheading-big.white.rating {
        margin-bottom: 0;
        display: inline-block
    }

    .subheading-big.white.footer-title {
        margin-bottom: 8px
    }

    .subheading-big.personality-block {
        float: none;
        border-bottom: 2px solid var(--houzy-green);
        width: auto;
        padding-bottom: 4px;
        padding-right: 8px;
        display: inline-block
    }

    .subheading-big.jobs {
        padding-right: 28px
    }

    .subheading-big.bed-rfnisse {
        font-size: 14px;
        line-height: 1.6
    }

    .subheading-small {
        margin-bottom: 0
    }

    .subheading-small.margin-bottom {
        float: none
    }

    .subheading-small.medium-emphasis.facts {
        top: 32px
    }

    .subheading-small.footer-secondary {
        margin-bottom: 0;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .subheading-small.footer-secondary.no-hover {
        justify-content: flex-end;
        margin-bottom: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 0
    }

    .subheading-small.footer-secondary.datenschutz {
        margin-bottom: 0;
        padding-right: 0
    }

    .body-trash {
        letter-spacing: .15px;
        margin-top: 4px;
        margin-bottom: 4px;
        font-size: 13.8px
    }

    .body-trash p {
        font-size: 13.8px
    }

    .caption-new.medium-emphesis {
        flex: 1
    }

    .caption-new.dark {
        justify-content: flex-start;
        margin-top: 0
    }

    .sms-logo {
        display: block
    }

    .flow-div-new {
        flex-direction: column;
        align-items: center;
        width: auto;
        padding: 8px 0;
        display: flex
    }

    .flow-div-new.test-flow {
        flex-flow: column;
        align-content: center;
        align-items: center;
        padding-bottom: 0
    }

    .flow-line,
    .flow-line.invisible {
        display: none
    }

    .flow-line.vertical {
        flex: 50px;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .flow-line.horizontal {
        align-self: flex-start;
        height: 40px;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .div-flow-line-holder {
        height: 100%;
        padding-bottom: 54px;
        display: none
    }

    .form-checklist {
        margin-bottom: 32px
    }

    .form-checklist.v2.ratgeber {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-columns: 1fr
    }

    .h1-subtext-banner {
        margin-top: 8px;
        font-size: 18px;
        line-height: 28px
    }

    .h1-subtext-banner.margin-bottom-40 {
        margin-bottom: 16px
    }

    .div-header-2-0 {
        flex-direction: column
    }

    .div-rating-new {
        flex-wrap: wrap;
        flex: 0 auto;
        place-content: flex-start center;
        width: auto;
        margin-left: 0;
        margin-right: 8px;
        display: flex
    }

    .div-rating-new.testimonial {
        margin-bottom: 0
    }

    .div-rating-new.header {
        flex: 0 auto;
        width: auto;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 8px;
        padding-top: 0;
        padding-bottom: 8px;
        padding-right: 8px;
        display: block
    }

    .div-rating-new.header.neophyten {
        padding-bottom: 8px
    }

    .div-rating-new.footer {
        flex: 0 auto;
        width: auto;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 8px;
        padding-top: 0;
        padding-bottom: 8px;
        padding-right: 8px;
        display: block
    }

    .flow-wrapper-new {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding-top: 8px
    }

    .flow-number-holder {
        justify-content: center;
        align-items: center;
        width: 96px;
        height: 96px;
        margin-bottom: 4px;
        display: flex
    }

    .banner-content-wrp {
        width: 100%;
        min-width: auto
    }

    .banner-content-wrp.center {
        flex-direction: column
    }

    .wrapper-datensicherheit {
        text-align: center;
        flex-flow: column wrap;
        align-content: center;
        align-items: center;
        display: block
    }

    .titel-holder {
        align-items: center;
        display: block
    }

    .image-logo-3 {
        width: 160%;
        min-width: 500px;
        top: -50px
    }

    .image-products {
        width: 150%;
        margin-bottom: -20%;
        margin-right: auto;
        position: absolute;
        inset: -20% auto auto
    }

    .faq-holder {
        text-align: left;
        white-space: normal;
        margin-top: 8px;
        margin-bottom: 8px
    }

    .faq-arrow {
        display: inline-block
    }

    .div-thirds {
        width: auto
    }

    .div-thirds.no-flex {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .trust-div {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        padding: 12px 12px 24px
    }

    .column-42 {
        text-align: left;
        margin-top: 12px;
        padding-left: 0;
        padding-right: 0
    }

    .check-checklist {
        flex: none;
        width: 24px;
        height: 24px;
        margin-top: 4px
    }

    .image-products-2 {
        width: 150%;
        margin-bottom: -20%;
        top: -20%;
        bottom: auto
    }

    .margin-top-32.faq-contact {
        display: flex
    }

    .image-products-3 {
        width: 140%;
        margin-left: -20%;
        margin-right: auto;
        position: static
    }

    .image-products-3.img-new.tablet-none {
        width: 140%
    }

    .subscribe-form-flex {
        flex-direction: column;
        width: auto;
        padding-bottom: 1px;
        padding-left: 0;
        padding-right: 0
    }

    .subscribe-form-flex.nl-banner {
        min-width: 100%
    }

    .subscribe-field-wrapper {
        flex: 0 auto;
        align-self: stretch;
        width: 100%;
        margin-bottom: 8px
    }

    .subscribe-field-wrapper.nl-banner {
        flex-wrap: wrap
    }

    .nl-form {
        flex-direction: column;
        width: 100%;
        min-width: auto;
        margin-bottom: 0
    }

    .nl-form.newsletter-footer {
        margin-bottom: 40px
    }

    .card-houzy-new.testimonial-php {
        flex-direction: column;
        height: auto;
        padding-bottom: 16px;
        display: block
    }

    .card-houzy-new.partner-werden {
        padding: 24px 16px;
        display: block
    }

    .card-houzy-new.brand-system {
        padding-left: 14px;
        padding-right: 14px
    }

    .card-houzy-new.outlined {
        border-color: #0000001f
    }

    .card-houzy-new.form {
        min-width: 0;
        margin-left: -24px;
        margin-right: -24px
    }

    .card-houzy-new.form.webinar {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-top: 32px
    }

    .card-houzy-new.contact-form-new {
        min-width: 0;
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px
    }

    .card-houzy-new.fill-white,
    .card-houzy-new.low-green {
        min-height: 236px
    }

    .arrow-link {
        width: 24px
    }

    .medienspiegel-cl {
        width: 100%
    }

    .medienspiegel-cl-item {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .medienspiegel-card {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .quality-siegel-partner {
        width: 60px;
        height: 60px
    }

    .new-blogs-wrapper {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px
    }

    .new-blogs-wrapper.no-bg {
        margin-left: 0;
        margin-right: 0
    }

    .newest-blog-post-image,
    .newest-blog-post-image.hide-dt {
        height: 50vw;
        min-height: 180px;
        max-height: 220px
    }

    .collection-item-11 {
        flex: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .collection-recent-blog-small {
        margin-left: 0;
        margin-right: 0
    }

    .titel-line-clamp {
        letter-spacing: .25px
    }

    .timline-year._2 {
        margin-left: 16px
    }

    .timline-titel-wraper._2 {
        padding-top: 10px
    }

    .arrow-timline._2 {
        align-self: flex-start;
        margin-top: 4px
    }

    .div-block-179 {
        margin-bottom: -40px;
        padding-top: 4px
    }

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

    .press-material-content {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .press-material-content.negativ-margin {
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0
    }

    .div-people-holder {
        display: block
    }

    .div-people-holder.experten {
        padding-left: 4px;
        padding-right: 4px;
        display: flex
    }

    .div-people-holder.experten.webinar {
        margin-top: 24px
    }

    .titel-timeline {
        letter-spacing: .25px;
        white-space: normal;
        max-height: none;
        overflow: hidden
    }

    .testimonial-php-content-houzy {
        flex: 1;
        margin-top: 0
    }

    .item-php-testimonial {
        padding-left: 4px;
        padding-right: 4px
    }

    .siegel-div.margin {
        margin-left: 0
    }

    .div-third-new {
        width: 100%
    }

    .faq-contact-item {
        flex: 150px;
        width: 50%;
        padding: 8px
    }

    .faq-contact-item.support {
        width: 100%
    }

    .tile-icon {
        margin-bottom: 0
    }

    .tile-icon.faq {
        float: left;
        display: block
    }

    .tile-icon.big {
        width: 64px;
        height: 64px
    }

    .tile-link {
        flex: 1;
        width: 140px;
        height: 112px;
        padding: 16px
    }

    .tile-link.fill-white {
        height: 100%
    }

    .tile-link.fill-white.contact {
        padding: 16px
    }

    .tile-link.fill-white.mobile-switch {
        flex: 0 auto;
        width: 100%;
        height: 82px;
        padding: 16px;
        display: block
    }

    .tile-link.fill-grey {
        height: 100%;
        min-height: 112px
    }

    .tile-link.fill-grey.full-width {
        min-height: auto
    }

    .handwerker-item {
        width: 50%;
        max-width: none
    }

    .overlay-img {
        background-color: #0000004d
    }

    .projekte-form {
        width: 85vw
    }

    .button-holder-new.ratgeber {
        width: 100%
    }

    .h0-new {
        letter-spacing: .25px;
        font-size: 36px;
        line-height: 44px;
        display: block
    }

    .language-dropdown.navbar {
        margin-left: 0
    }

    .partner-logo-link {
        flex: 0 auto;
        width: 100%;
        padding: 16px 6px
    }

    .partner-logo-link.partner-page {
        width: 100%
    }

    .partner-logo-wraper {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: row;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        grid-auto-flow: row;
        justify-content: flex-start;
        align-items: center
    }

    .partner-logo-wraper._2 {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-wrap: wrap
    }

    .tag-cloud-wrapper {
        padding-bottom: 0;
        padding-left: 23px;
        padding-right: 23px
    }

    .cl-tag-cloud {
        justify-content: flex-start
    }

    .collection-list-wrapper-13 {
        margin-left: -8px;
        margin-right: -8px;
        overflow: hidden
    }

    .blog-link-holder {
        right: 24px
    }

    .div-img-block-holder {
        margin: 0
    }

    .show-tags {
        opacity: .6;
        text-align: left;
        cursor: pointer;
        padding-top: 4px;
        padding-bottom: 4px;
        display: block
    }

    .show-tags:hover {
        opacity: .87
    }

    .buttoncontainer {
        flex-wrap: nowrap;
        align-content: center
    }

    .font-awesome-icon {
        margin-top: 0
    }

    .feedback-btn {
        padding-left: 8px;
        padding-right: 8px
    }

    .blog-advert-box {
        background-image: linear-gradient(#00000080, #00000080), url(../images/5f1592f648ddd11f0bb7037d_Community-Banner.webp);
        background-position: 0 0, 50%;
        background-size: auto, cover;
        padding-bottom: 24px;
        padding-left: 24px;
        padding-right: 24px
    }

    .advert-text-wraper {
        flex-flow: wrap
    }

    .brand-book-text-wraper {
        padding-left: 0;
        padding-right: 0
    }

    .personality-holder {
        display: block
    }

    .arrow-div {
        width: 110px;
        margin-top: 4px;
        margin-bottom: 6px;
        display: none
    }

    .tov-list-item-big {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 4px
    }

    .body-grid {
        letter-spacing: .25px;
        display: block
    }

    .body-grid.tone-grid-2 {
        font-size: 12px
    }

    .body-grid.tone-grid-2.titel {
        font-size: 13px
    }

    .body-grid.tone-grid-2.black {
        line-height: 20px
    }

    .persona-img {
        float: none;
        width: 100%;
        max-width: none
    }

    .div-persona {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .tone-grid-div2 {
        padding-left: 8px;
        padding-right: 8px
    }

    .list-tov {
        letter-spacing: .15px;
        margin-top: 4px;
        margin-bottom: 4px;
        font-size: 13.8px
    }

    .list-tov p {
        font-size: 13.8px
    }

    .list-text-tov {
        letter-spacing: .15px;
        margin-top: 4px;
        margin-bottom: 4px;
        font-size: 13.8px
    }

    .list-text-tov p {
        font-size: 13.8px
    }

    .bold-text-6 {
        font-size: 12px
    }

    .partner-form-holder.partner-werden {
        height: auto
    }

    .input-field-2 {
        margin-bottom: 10px
    }

    .partner-form-block {
        margin-top: -12px
    }

    .form-partner-page.flex.partner-werden {
        display: block
    }

    .card-holder.third {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .card-holder.facts {
        flex: 1 0 171px;
        width: 100%;
        height: 46vw;
        min-height: 180px;
        padding: 8px
    }

    .input-field-wrapper.no-wrap {
        display: block
    }

    .form-holder-project-houzy {
        margin-left: auto;
        margin-right: auto
    }

    .form-button-holder-new {
        width: 100%
    }

    .form-button-holder-new.form.b2b {
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        display: block
    }

    .hero-header {
        height: auto;
        padding-bottom: 64px;
        padding-left: 24px;
        padding-right: 24px
    }

    .hero-header.small {
        height: 240px;
        padding-top: 80px;
        padding-bottom: 96px
    }

    .hero-header.small.gradient {
        min-height: 200px;
        padding-top: 80px;
        padding-bottom: 80px
    }

    .hero-header.small.gradient.smaller {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .hero-header.small.gradient.smaller.no-subnav.hw-lp {
        background-image: linear-gradient(#00000080, #00000080), url(../images/65722bd62a170b13f6c25e07_Header-Elektriker.webp);
        background-position: 0 0, 50% 60%;
        background-repeat: repeat, no-repeat;
        background-size: auto, cover;
        background-attachment: scroll, scroll;
        height: 170px;
        min-height: auto
    }

    .hero-header.small.adjust {
        padding: 32px 0
    }

    .hero-header.gradient-bg {
        padding-left: 16px;
        padding-right: 16px
    }

    .hero-header.gradient-bg.small.gewinnspiel {
        padding-top: 32px;
        padding-bottom: 24px
    }

    .hero-header.hw-page {
        height: 170px
    }

    .hero-img.sanierungsrechner {
        object-position: 60% 50%
    }

    .hero-img.immobewertung {
        object-position: 100% 50%
    }

    .hero-img.cockpit {
        object-position: 50% 50%;
        position: static
    }

    .hero-img.heizung {
        object-position: 80% 50%
    }

    .hero-img.pflanzenmanager {
        object-position: 60% 50%
    }

    .hero-img.handwerker-home {
        object-position: 50% 50%
    }

    .hero-img.neophyten-home {
        object-position: 76% 50%
    }

    .hero-img.half-img {
        max-height: 320px
    }

    .hero-img.b2b-partners {
        object-position: 100% 40%
    }

    .hero-img.b2b-handwerker {
        object-position: 67% 50%
    }

    .hero-img.support {
        object-position: 0% 50%
    }

    .hero-img.immobilienverkauf {
        object-position: 100% 50%
    }

    .hero-img.nachfragecheck {
        object-position: 100% 100%
    }

    .hero-img.vorsorgeberatung,
    .hero-img.umfrage-lp {
        object-position: 100% 50%
    }

    .hero-img.versicherungscheck {
        object-position: 60% 50%
    }

    .hero-img.mirror.fixed {
        object-fit: cover;
        object-position: 0% 50%
    }

    .hero-img.immobilienmakler {
        object-position: 50% 50%
    }

    .header-content {
        text-align: left;
        width: auto;
        min-width: auto
    }

    .header-content.handwerker {
        max-width: none
    }

    .header-content.mobile-change {
        text-align: left;
        padding-bottom: 0
    }

    .header-content.mobile-change.long {
        min-width: auto
    }

    .header-button-holder {
        width: 100%
    }

    .header-button-holder.flex.margin-fix {
        position: relative
    }

    .header-button-holder.flex.margin-fix.b2b {
        margin-bottom: 8px
    }

    .check-item {
        text-align: left
    }

    .check-item.product-section.new {
        flex-direction: column;
        align-items: center;
        display: block
    }

    .icon-holder-checks.outlined {
        flex: none
    }

    .icon-holder-checks.align-top {
        align-self: flex-start;
        margin-top: 5px
    }

    .body-small.white {
        margin-bottom: 0
    }

    .body-small.checklist {
        margin-top: 4px;
        margin-bottom: 4px
    }

    .body-small p {
        font-size: 13.8px
    }

    .body-small.footer-link {
        margin-top: 4px;
        margin-bottom: 4px
    }

    .body-small.footer-link.adress {
        padding-top: 0
    }

    .body-small.team-fix {
        width: 100%;
        max-width: 280px
    }

    .body-big.white.trust-header {
        margin-top: 0;
        margin-bottom: 0
    }

    .body-big p {
        font-size: 13.8px
    }

    .body-big.green.leads {
        margin-left: 0;
        display: block
    }

    .body-big.solution-word-puzzle {
        line-height: 26px;
        display: flex
    }

    .body-big.white.floating-contact-banner {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 24px
    }

    .body-big.fixed-width-leads {
        white-space: nowrap;
        flex: 1 0 280px;
        width: 75%
    }

    .container-houzy {
        justify-content: flex-end;
        margin-left: 0;
        margin-right: 0
    }

    .container-houzy.blog.white.rounded {
        padding-left: 24px;
        padding-right: 24px
    }

    .container-houzy.add-margin-top.blog {
        overflow: hidden
    }

    .container-houzy.category-page {
        z-index: 0
    }

    .container-houzy.narrow {
        flex: 0 auto
    }

    .product-nav-item {
        background-size: 36px 36px
    }

    .product-nav-item.news {
        padding-left: 12px;
        padding-right: 12px
    }

    .hero-img-holder {
        border-radius: 0;
        margin-left: 0;
        margin-right: 0
    }

    .hero-img-holder.change-mobile {
        height: 180px
    }

    .hero-img-holder.change-mobile.prespective2 {
        perspective-origin: 60% 250%
    }

    .product-holder-home {
        flex-direction: column-reverse;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        display: flex
    }

    .product-holder-home.digital-advertisement {
        flex-direction: column
    }

    .product-img-holder.contact,
    .product-img-holder.contact-2 {
        padding: 24px
    }

    .products-tab-menu {
        margin-bottom: 8px;
        padding-top: 16px
    }

    .trust-holder {
        text-align: center;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }

    .trust-holder.center-vertical {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        text-align: left;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        justify-items: center;
        display: grid
    }

    .trust-holder.flex {
        align-items: center
    }

    .icon-96.think-big-parallax {
        top: 45%
    }

    .icon-96.rocket-parallax {
        bottom: -26%
    }

    .trust-content {
        margin-top: 4px
    }

    .trust-content.margin-left {
        margin-left: 0
    }

    .trust-content.margin-left.align-text-center {
        text-align: center
    }

    .grid-quarters-styleguide {
        grid-template-columns: 1fr;
        justify-items: stretch
    }

    .flow-nr-holder {
        display: inline-block
    }

    .section-half-grid {
        text-align: left;
        margin-top: 0
    }

    .section-half-grid.square-image-right,
    .section-half-grid.square-image-left {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        padding-top: 48px;
        padding-bottom: 48px
    }

    .grid-3x1.solar {
        grid-row-gap: 16px;
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr
    }

    .grid-3x1.vorteile-php,
    .grid-3x1.energierechner {
        grid-template-columns: 1fr
    }

    .grid-1x2 {
        grid-row-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-flow: row
    }

    .grid-1x2.products {
        grid-row-gap: 24px;
        grid-template-rows: auto auto;
        width: 100%
    }

    .grid-1x2.products.b2b.benefits {
        grid-template-rows: auto auto
    }

    .grid-1x2.products-copy {
        grid-row-gap: 24px;
        grid-template-rows: auto auto;
        width: 100%
    }

    .icon-320 {
        width: 100%;
        max-width: 320px;
        height: 100%;
        max-height: 320px
    }

    .circle-bg-big {
        width: 60vw;
        height: 60vw;
        padding: 28px;
        display: block
    }

    .circle-bg-big.umbaucoach-animated {
        width: 100%;
        max-width: 360px;
        height: 100%;
        max-height: 360px
    }

    .circle-bg-big.portrait {
        width: 200px;
        height: 200px
    }

    .circle-bg-big.portrait.new.makler-b2b {
        height: 96px
    }

    .cta-wrapper {
        max-height: 350px;
        padding: 24px
    }

    .cta-wrapper.parter-page {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: column;
        align-items: flex-start;
        max-height: none
    }

    .cta-wrapper.parter-page.b2b {
        flex-flow: column;
        padding: 24px 24px 32px
    }

    .cta-wrapper.parter-page.webinar {
        justify-content: flex-start;
        align-items: flex-start;
        padding: 24px 24px 32px
    }

    .stars-holder.header-area {
        flex: none;
        display: block
    }

    .testimonial-stars-html {
        line-height: 24px
    }

    .margin-top-24 {
        align-self: stretch
    }

    .margin-top-24.flex {
        justify-content: center;
        display: flex
    }

    .cl-testimonials {
        margin-top: 24px
    }

    .testimonials-carousel.seamless,
    .item-testimonial {
        padding-left: 4px;
        padding-right: 4px
    }

    .h1-subtext-new {
        letter-spacing: .25px;
        font-size: 18px;
        line-height: 28px
    }

    .button-wrapper {
        justify-content: center;
        margin-top: 32px
    }

    .product-txt-holder.marg-bottom-24.grid-two {
        grid-template-rows: auto auto auto
    }

    .product-dropdown-holder {
        margin-top: 16px
    }

    .product-dropdown-toggle {
        white-space: normal;
        flex-direction: column;
        padding-right: 28px;
        display: flex
    }

    .product-dropdown-toggle.with-icon {
        flex-direction: row;
        align-items: center
    }

    .title-dropdown {
        letter-spacing: .25px;
        display: block
    }

    .dropdown-icon {
        display: block;
        top: 20px;
        bottom: auto;
        left: auto
    }

    .product-img-bg-houzy.marg-right {
        transform: translate(-14%)
    }

    .product-img-bg-houzy.cockpit-lebensdauer {
        max-width: 256px;
        max-height: 256px;
        left: 3%;
        transform: translateY(10%)
    }

    .product-img-bg-houzy.cockpit-offerten {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        transform: translate(-20%, 12%)
    }

    .product-img-bg-houzy.cockpit-offerten.b2b {
        max-width: 256px;
        max-height: 256px
    }

    .product-img-bg-houzy.marg-left.plant {
        transform: translate(12%, 4%)
    }

    .product-img-bg-houzy.grundstueck-2 {
        transform: translateY(10%)
    }

    .product-img-bg-houzy.grundstueck1 {
        transform: translateY(13%)
    }

    .product-img-bg-houzy.nachfragecheck {
        transform: translate(-24px, -29px)
    }

    .product-img-bg-houzy.versicherungscheck {
        width: 50vw;
        height: 50vw;
        left: 3%;
        transform: translate(25%, -13%)
    }

    .product-img-bg-houzy.versicherungscheck-2 {
        transform: translate(0%)
    }

    .product-img-bg-houzy.kununu {
        left: 14%;
        transform: translate(0%)
    }

    .tile-content {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: row;
        align-items: center;
        width: 100%;
        height: 100%
    }

    .product-dropdown-rich-txt p {
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400
    }

    .hero-section-content {
        padding: 24px
    }

    .hero-section-content.neophyten.title {
        padding-left: 24px;
        padding-right: 24px
    }

    .hero-header-overlay {
        background-image: linear-gradient(#00000080, #00000080)
    }

    .hero-header-overlay.gradient,
    .hero-header-overlay.gradient.dark {
        background-image: linear-gradient(#0006, #0006)
    }

    .hero-header-overlay.gradient.full {
        border-radius: 0
    }

    .hero-header-overlay.gradient-dark {
        background-image: linear-gradient(#00000080, #00000080)
    }

    .arrow-img-new {
        width: 76px;
        height: 76px
    }

    .naef-logo {
        flex: 1;
        width: 66%;
        padding-top: 4px;
        padding-bottom: 4px
    }

    .naef-txt-holder {
        text-align: left;
        flex: 1 .5 102px;
        width: auto;
        margin-right: 8px
    }

    .div-block-219 {
        flex-flow: wrap
    }

    .arrow-header-holder-new.flex-vertical {
        width: 140px
    }

    .arrow-header-holder-new.flex-vertical.bewertung {
        width: 36vw;
        min-width: 120px;
        bottom: 110px;
        right: 160px
    }

    .arrow-header-holder-new.flex-vertical.sanierungsrechner {
        bottom: 110px;
        right: 40%
    }

    .arrow-header-holder-new.flex-vertical.solar {
        top: 88px;
        bottom: 90px;
        right: 42%
    }

    .arrow-header-holder-new.flex-vertical.fonds {
        bottom: 80px;
        right: 55%
    }

    .arrow-header-holder-new.flex-vertical.heizung {
        width: 140px;
        bottom: 59px;
        right: 38%
    }

    .arrow-header-holder-new.flex-vertical.pflanzen {
        bottom: 46px;
        right: 45%
    }

    .arrow-header-holder-new.flex-vertical.neophyten {
        bottom: 57px;
        right: 41%
    }

    .arrow-header-holder-new.flex-vertical.hypothek {
        bottom: 80px
    }

    .arrow-header-holder-new.flex-vertical.energie {
        bottom: 45px;
        right: 42%
    }

    .arrow-header-holder-new.flex-vertical.nachfragecheck {
        bottom: 62px;
        left: 35px;
        right: 57%
    }

    .arrow-header-new,
    .arrow-header-new.centred {
        font-size: 17px;
        line-height: 24px
    }

    .hero-slider-nav {
        justify-content: center;
        align-items: center;
        display: flex
    }

    .partner-teaser-link {
        bottom: 88px
    }

    .partner-teaser-link.dtesting {
        border-radius: 0 4px 4px 0;
        box-shadow: 0 2px 5px #0003
    }

    .header-checks-wrapper-new {
        margin-left: 0;
        margin-right: 0
    }

    .header-checks-wrapper-new.margin-top {
        width: auto;
        margin-top: 40px
    }

    .header-checks-wrapper-new.vertical.dtesting {
        flex-flow: column;
        justify-content: flex-start
    }

    .header-checks-wrapper-new.hadwerker-new,
    .header-checks-wrapper-new.is-wide {
        display: block
    }

    .hero-half-img-holder.new-2 {
        padding-left: 24px;
        padding-right: 24px
    }

    .google-rating-holder {
        width: 100%;
        margin-top: 24px;
        display: flex
    }

    .google-rating-holder.flex {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center
    }

    .google-rating-holder.flex.startpage {
        justify-content: center
    }

    .google-rating-holder.flex.startpage.fullscreen {
        justify-content: flex-start
    }

    .google-rating-holder.flex-trash {
        flex-wrap: wrap;
        align-items: center;
        margin-top: 32px;
        margin-bottom: 32px;
        display: flex
    }

    .google-rating-holder.flex-vertical {
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

    .rating-item-header {
        flex-wrap: nowrap;
        justify-content: center
    }

    .rating-label-wraper {
        flex: none;
        align-items: flex-start;
        display: flex
    }

    .neophyten-slider-arrow-new {
        margin-top: -40px;
        margin-left: 24px
    }

    .grid-1x4.checklist {
        flex-direction: column;
        grid-template-columns: 1fr
    }

    .icon-circle-bg {
        margin-bottom: 8px;
        display: inline-block
    }

    .card-styleguide.form {
        text-align: left
    }

    .checklist-item-wrapper {
        padding-top: 0;
        padding-bottom: 0
    }

    .rich-txt-agb h2 {
        font-size: 24px;
        line-height: 32px
    }

    .div-block-226 {
        width: 100%
    }

    .logo-holder {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 16px;
        margin-right: 0;
        padding-right: 0;
        display: flex
    }

    .logo-holder.flex {
        margin-left: 0;
        padding-top: 8px;
        padding-bottom: 8px
    }

    .logo-holder.flex.fix {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0
    }

    .logo-holder.mobile-hide {
        margin-bottom: 32px;
        display: none
    }

    .logo-holder.mobile-hide.header {
        min-width: 128px;
        top: -17%
    }

    .logo-holder.mobile-hide.header.ghs {
        top: -109px;
        left: 59%
    }

    .logo-holder.mobile-hide.header.ghs.fix {
        top: -115px;
        left: 165px
    }

    .logo-holder.mobile-hide.header.ubs-stoerer {
        width: 40%;
        height: 40%;
        top: -5%;
        right: 0%
    }

    .logo-holder.mobile-hide.header.best-employer {
        min-width: auto;
        top: 16%;
        bottom: auto
    }

    .logo-holder.mobile-hide.header.best-employer.footer {
        margin-top: 0;
        margin-bottom: 32px
    }

    .logo-holder.mobile-hide.header.key4-stoerer,
    .logo-holder.mobile-hide.header.key4-stoerer-2 {
        min-width: 96px;
        top: 4%
    }

    .logo-holder.mobile-hide.header.baloise-stoerer {
        width: 150px;
        min-width: auto;
        height: 150px
    }

    .logo-holder.adjust {
        margin-top: 24px;
        margin-left: 0
    }

    .logo-holder.ghs-logo-section {
        height: 80px;
        margin-bottom: 36px
    }

    .logo-holder.hc-lp {
        bottom: -15%
    }

    .logo-holder.v2 {
        bottom: 30px;
        right: 1%
    }

    .rating-cl {
        align-items: center;
        width: 100%;
        height: 100%
    }

    .job-arrow {
        float: right;
        object-fit: contain;
        object-position: 50% 0%;
        height: 60%;
        position: absolute;
        top: 16%
    }

    .selection-button-field {
        margin-right: 0;
        display: block
    }

    .selction-button-wrapper.vertical {
        padding-top: 0;
        padding-bottom: 0
    }

    .beirat-wrapper {
        flex-direction: column;
        align-items: center;
        margin-left: auto;
        margin-right: auto
    }

    .beirat-img-holder {
        margin-right: 0
    }

    .arrow-shadow-new {
        opacity: .3;
        top: -35%
    }

    .loop-wrapper {
        margin-left: -24px;
        margin-right: -24px
    }

    .loop-holder {
        margin-bottom: -16px;
        margin-left: -24px;
        margin-right: -24px
    }

    .cl-team {
        grid-column-gap: 16px;
        grid-row-gap: 8px;
        justify-content: center;
        display: flex
    }

    .cl-team.experts {
        grid-template-columns: 1fr 1fr
    }

    .cl-team.beirat {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
        flex-direction: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        align-items: flex-start;
        display: flex
    }

    .cl-team-item-wrapper {
        max-width: 280px;
        margin-left: auto;
        margin-right: auto
    }

    .faq-dropdown {
        margin-top: -4px
    }

    .icon-dropdown-arrow {
        margin-top: 22px
    }

    .news-carousel.seamless {
        padding-left: 4px;
        padding-right: 4px
    }

    .news-download.margin-top-48 {
        flex-wrap: wrap;
        align-items: center
    }

    .news-download-tile {
        flex: 150px;
        width: 50%;
        padding: 8px
    }

    .button-icon.cta-video.green.mobile-switch {
        margin-left: 0;
        margin-right: 0
    }

    .tabs-newsroom {
        padding-bottom: 0
    }

    .images-carousel.seamless {
        padding-left: 4px;
        padding-right: 4px
    }

    .dropdown-list-houzy.lang-switch-houzy.w--open {
        top: 53px
    }

    .stoerer-logo {
        flex: 0 auto;
        width: 100px;
        height: 100px;
        display: block
    }

    .stoerer-logo.hc-lp {
        width: 150px;
        height: 150px
    }

    .image-183 {
        height: 100%
    }

    .faq-anchor.faq {
        display: block
    }

    .nl-container {
        margin-top: -80px
    }

    .cta-banner {
        object-fit: cover;
        object-position: 75% 50%;
        border-radius: 0;
        width: 100%;
        height: 100%
    }

    .close-icon {
        right: 24px
    }

    .card-popup.teaser {
        background-position: 0 0, 0%;
        padding-left: 24px;
        padding-right: 24px
    }

    .footer-bottom {
        text-align: center;
        flex-flow: column-reverse wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: -40px
    }

    .footer-bottom.none {
        flex-direction: column;
        align-items: flex-start;
        margin-top: -40px
    }

    .footer-arrow-back-to-top {
        justify-content: flex-end
    }

    .footer-column.vzwei {
        padding-right: 0
    }

    .footer-grid-desktop {
        grid-template-rows: auto auto auto auto;
        grid-template-columns: 2fr
    }

    .footer-logo-new {
        margin-bottom: 24px
    }

    .footer-submenu {
        flex-direction: column-reverse;
        align-items: stretch;
        padding-top: 16px
    }

    .back-to-top-arrow {
        width: 24px;
        height: 24px
    }

    .footer-new {
        padding-bottom: 24px;
        padding-left: 16px;
        padding-right: 16px
    }

    .check-holder-beratung {
        grid-row-gap: 8px;
        grid-template-columns: 1fr;
        margin-top: 0
    }

    .nav-content-wrap.mobile {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr
    }

    .dropdown-toggle.subheading-small.semi-bold.w--open {
        z-index: 10
    }

    .mobile-dropdown.subnav.handwerker {
        font-size: 12px
    }

    .mobile-dropdown.subnav.baloise-subnav-item {
        padding-left: 0;
        padding-right: 0;
        font-size: 12px
    }

    .mobile-dropdown.subnav.pricing-b2b,
    .mobile-dropdown.subnav.handwerker {
        font-size: 12px
    }

    .mobile-toggle.subheading-small.semi-bold.subnav {
        padding-left: 16px;
        padding-right: 32px;
        font-size: 12px
    }

    .mobile-toggle.subheading-small.semi-bold.subnav.handwerker,
    .mobile-toggle.subheading-small.semi-bold.subnav.baloise-item {
        padding-right: 16px
    }

    .login-buttons.blog {
        margin-left: 8px;
        margin-right: 8px
    }

    .houzy-logo-nav.baloise-logo-poweredbyhouzy {
        background-image: url(../images/657ab08b118f69254004cd83_Baloise%20small.svg);
        width: 120px
    }

    .full-divider {
        margin-right: auto
    }

    .houzy-logo-mobile,
    .houzy-logo-mobile.w--current {
        flex: 1
    }

    .mobile-nav {
        padding-top: 24px;
        padding-left: 24px;
        padding-right: 24px
    }

    .mobile-nav.w--open {
        padding-bottom: 180px;
        display: block
    }

    .mobile-nav.subnav,
    .mobile-nav.subnav.w--open {
        padding-bottom: 50vh
    }

    .subnav-wrapper.pricing-b2b-style {
        align-content: center;
        display: flex;
        overflow: auto
    }

    .hint-title {
        flex-flow: wrap
    }

    .hint-title-wrapper {
        align-content: space-around
    }

    .text-banner {
        padding-left: 24px;
        padding-right: 24px
    }

    .blog-advert-title {
        margin-top: 0
    }

    .bottom-newsletter-wrapper {
        grid-template-columns: 1fr;
        display: flex
    }

    .newsletter-content {
        flex-wrap: wrap-reverse;
        justify-content: space-between
    }

    .newsletter-content.bottom-banner-content {
        width: 100%
    }

    .share-blog-section-top {
        justify-content: flex-start
    }

    .button-big {
        white-space: nowrap;
        width: 100%;
        min-width: 64px;
        padding-left: 16px;
        padding-right: 16px;
        display: block
    }

    .hint-box-2.ratgeber {
        flex-flow: column
    }

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

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

    .tab-link {
        margin-left: -12px;
        padding-left: 12px
    }

    .icon-title-wrapper {
        flex-flow: wrap
    }

    .icon-title-wrapper.gap {
        grid-row-gap: 16px;
        flex-direction: column;
        align-items: flex-start
    }

    .divider {
        display: none
    }

    .tab-text-wrapper {
        padding-left: 0
    }

    .tab-menu-holder {
        padding-left: 0;
        padding-right: 0
    }

    .top-bar-container {
        padding-left: 16px;
        padding-right: 16px
    }

    .top-bar-container.top-bar {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 16px;
        padding-bottom: 16px
    }

    .top-notification-close {
        margin-top: -8px;
        margin-right: -8px
    }

    .hero-header-double {
        height: auto;
        padding-bottom: 64px;
        padding-left: 24px;
        padding-right: 24px
    }

    .hero-header-double.change-mobile {
        padding-left: 0;
        padding-right: 0
    }

    .hero-img-holder-double {
        border-radius: 0;
        margin-left: 0;
        margin-right: 0
    }

    .hero-img-holder-double.change-mobile {
        height: 240px
    }

    .hero-header-overlay-double,
    .hero-header-overlay-double.gradient {
        background-image: linear-gradient(#00000080, #00000080)
    }

    .hero-header-overlay-double.gradient.dark {
        background-image: linear-gradient(#0006, #0006)
    }

    .hero-header-content-double {
        text-align: left;
        width: auto;
        min-width: auto
    }

    .hero-header-content-double.mobile-change {
        text-align: left;
        margin-top: -64px;
        padding-bottom: 0
    }

    .top-bar-wrapper {
        flex-direction: column;
        max-height: 100%
    }

    .immosearch-widget {
        background-color: var(--white);
        background-image: url(../images/6262bdb03ad2501a164350be_Immobiliensuche-1920.webp);
        background-repeat: repeat;
        background-size: cover;
        background-attachment: fixed
    }

    .navi-space {
        display: none
    }

    .subnav-menu-close {
        margin-top: -8px;
        margin-right: -8px
    }

    .scoll-wrap {
        bottom: 45%
    }

    .dot.finish {
        bottom: 44%
    }

    .img-block {
        width: 90%
    }

    .content {
        font-size: 20px
    }

    .steps-clone {
        display: block;
        position: static
    }

    .umbaucoach-animation-icon {
        width: 100%;
        min-width: 100%;
        height: 100%
    }

    .stars-holder-new {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-direction: column-reverse
    }

    .forum-button-holder {
        min-width: 150px;
        margin-left: 16px
    }

    .newsletter-form {
        flex-direction: column
    }

    .line {
        width: auto;
        height: 1px
    }

    .flex-vertical.marquee-fix {
        margin-top: 15px
    }

    .spacer-30._15-xsvp {
        height: 15px
    }

    .parallax-image-large {
        transform: scale(.7)
    }

    .parallax-image-large.image-6 {
        top: 200px;
        right: -111px
    }

    .parallax-image-large.image-1 {
        top: 114px;
        left: 10px
    }

    .parallax-image-large.image-7 {
        bottom: 0;
        right: 0
    }

    .parallax-image-small {
        transform: scale(.7)
    }

    .parallax-image-small.image-3 {
        left: 0
    }

    .parallax-image-small.image-4 {
        bottom: 55px;
        left: 30px
    }

    .parallax-image-medium {
        transform: scale(.7)
    }

    .parallax-image-medium.image-2 {
        top: 200px;
        left: -67px
    }

    .parallax-image-medium.image-5 {
        left: auto;
        right: 20px
    }

    .checklist-device-item {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .hero-header-media-wrapper {
        z-index: -1;
        position: absolute
    }

    .card-houzy-new-2.fill-white {
        min-height: 236px
    }

    .checklist-item {
        flex: 1;
        min-width: auto
    }

    .checklist-form {
        margin-top: -12px
    }

    .checklist-form.checklist-sp {
        margin-top: 24px
    }

    .form-security-info {
        align-items: flex-start
    }

    .magazine-nav-item {
        background-size: 36px 36px
    }

    .magazine-nav-wrapper.static {
        z-index: 100
    }

    .magazine-header-wrapper {
        grid-column-gap: 32px;
        grid-row-gap: 32px
    }

    .categories-holder {
        grid-template-columns: 1fr
    }

    .slider-dot-nav {
        margin-top: -41px;
        right: 24px
    }

    .margin-top-48 {
        align-self: stretch
    }

    .marker-holder {
        max-width: 80px
    }

    .marker-holder.immoverkauf-beratung {
        width: 14vw;
        max-width: none
    }

    .marker-holder.verkaufspreisberatung {
        width: 50vw;
        transform: translate3d(32%, -35%, -90px)scale(.5)rotateX(0)rotateY(-57deg)rotate(0)
    }

    .marker {
        font-size: 30px
    }

    .input-field-dummy {
        max-width: 320px;
        top: 48px
    }

    .input-field-dummy.static {
        margin-bottom: 48px
    }

    .input-field-text-new {
        margin-bottom: -4px
    }

    .splide__arrows {
        grid-column-gap: 1em;
        grid-template-rows: auto;
        grid-template-columns: auto;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        justify-content: center;
        margin-top: 1em;
        display: grid;
        position: static
    }

    .splide__arrow {
        width: 4em;
        height: 4em
    }

    .tab-panel {
        padding-left: 10px;
        padding-right: 10px
    }

    .content-block-3 {
        padding-bottom: 10px
    }

    .tabs-content {
        padding-top: 20px
    }

    .hero-header-startpage {
        text-align: left
    }

    .hero-header-overlay-new {
        background-image: linear-gradient(#00000080, #00000080)
    }

    .hero-header-v2 {
        text-align: left
    }

    .tile-shortcut-wrapper {
        justify-content: center;
        margin-top: 24px
    }

    .tile-shortcut-holder {
        flex-direction: column;
        width: 100%
    }

    .icon-text-holder {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex: 1;
        align-items: center;
        display: flex
    }

    .arrow-icon-tile {
        width: 24px;
        display: block
    }

    .header-content-dtesting {
        padding-bottom: 0
    }

    .lottie-320._404 {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .hero-header-tab-link {
        flex-direction: column;
        height: 56px
    }

    .hero-header-tab-menu {
        top: 1px
    }

    .hero-header-tab {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: column-reverse;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        align-items: flex-start
    }

    .hero-header-tab.fullscreen {
        margin-top: 32px;
        margin-bottom: 0
    }

    .hero-header-tab.fullscreen.pricing {
        top: 32px
    }

    .hero-header-tab-content {
        height: 100%;
        padding: 24px 16px;
        display: block
    }

    .tab-icon {
        display: none
    }

    .product-nav-item-new {
        background-size: 36px 36px
    }

    .product-tabs-home-new {
        padding-bottom: 0
    }

    .product-overview {
        align-self: stretch
    }

    .product-wrapper-2.kaufen {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .product-wrapper-2.wohnen {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr
    }

    .hero-header-startpage-fullscreen {
        padding-top: 32px
    }

    .hero-header-overlay-bgvideo {
        background-image: linear-gradient(#0006, #0006)
    }

    .hero-header-widget-wrapper-fullscreen.houzy-connect,
    .hero-header-widget-wrapper-fullscreen.hc-badges-states {
        height: 300px
    }

    .card-popup-2.teaser {
        padding-left: 24px;
        padding-right: 24px
    }

    .hero-header-image-holder-fullscreen {
        border-radius: 0;
        margin-left: 0;
        margin-right: 0
    }

    .hero-header-bg-media {
        background-image: linear-gradient(#0000007a, #0000007a)
    }

    .form-digital-advertisement.flex {
        flex-flow: column;
        align-items: stretch;
        display: flex
    }

    .contact-banner {
        border-radius: 0
    }

    .square-img {
        max-height: 360px
    }

    .sticky-cta-banner {
        grid-template-columns: 1fr;
        display: flex
    }

    .sticky-cta-banner-wrapper {
        flex-wrap: wrap-reverse;
        justify-content: space-between
    }

    .wordgame {
        align-self: auto
    }

    .check-holder-gewinnspiel {
        grid-row-gap: 8px;
        grid-template-columns: 1fr;
        margin-top: 0
    }

    .wordgame-kueche {
        max-height: 24px;
        position: relative;
        top: -67px;
        right: -80px
    }

    .wordgame-hauskauf {
        max-height: 24px;
        position: relative;
        inset: auto 56px 200px auto
    }

    .header-image.map {
        margin-top: 16px
    }

    .contact-wrapper-craftsman {
        flex-wrap: wrap;
        flex: 1;
        place-content: center;
        align-self: stretch;
        align-items: center;
        width: auto;
        max-width: 500px;
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto;
        display: flex
    }

    .contact-wrapper-craftsman.end-banner {
        flex-flow: column;
        width: 100%;
        max-width: 100%
    }

    .contact-item {
        flex: 1;
        width: 100%;
        padding: 8px
    }

    .cta-bg-video {
        flex: none
    }

    .popup-video {
        height: 51vw
    }

    .solution-section-banner {
        padding-left: 24px;
        padding-right: 24px
    }

    .b2b-business-overview {
        align-self: stretch
    }

    .navi-mobile-sticky-cta {
        padding: 24px
    }

    .partner-werden-form-content.vielen-dank.new {
        margin-top: 24px
    }

    .bed-rfnisse-component {
        margin-bottom: 95px
    }

    .bed-rfnisse-circle-small {
        padding-bottom: 0%;
        position: relative
    }

    .bed-rfnisse-icon {
        width: 40%
    }

    .bed-rfnisse-text-holder {
        align-items: center;
        width: 100%
    }

    .title-bed-rfnisse {
        font-size: 3.8vw
    }

    .bed-rfnisse-text {
        font-size: 2.7vw;
        line-height: 1.5;
        display: block;
        position: absolute;
        inset: auto 0% -40%
    }

    .business-list-wrapper {
        grid-row-gap: 1vw;
        width: 100vw;
        margin-top: 0%;
        position: absolute;
        inset: auto auto -90px
    }

    .hyphen-only-mobile {
        display: inline
    }

    .logo-holder-5 {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 16px;
        margin-right: 0;
        padding-right: 0;
        display: flex
    }

    .logo-holder-5.mobile-hide {
        margin-bottom: 32px;
        display: none
    }

    .logo-holder-5.mobile-hide.header {
        min-width: 128px;
        top: -17%
    }

    .logo-holder-5.mobile-hide.header.best-employer {
        min-width: auto;
        top: 16%;
        bottom: auto
    }

    .logo-holder-5.mobile-hide.header.best-employer.jobs {
        inset: auto 0% -209% auto
    }

    .stoerer-logo-2 {
        flex: 0 auto;
        width: 100px;
        height: 100px;
        display: block
    }

    .faq-section {
        padding: 32px 24px
    }

    .faq-tools-tab-menu {
        flex-wrap: nowrap;
        display: flex;
        overflow: auto
    }

    .subheading-small-5 {
        margin-bottom: 0;
        display: block
    }

    .image-profilbild-2 {
        max-height: 280px;
        margin-left: auto;
        margin-right: auto
    }

    .image-profilbild-2.fragen.big {
        max-height: none
    }

    .div-people-holder-2 {
        display: block
    }

    .div-people-holder-2.experten {
        padding-left: 4px;
        padding-right: 4px;
        display: flex
    }

    .check-line.leads {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: wrap;
        justify-content: space-between;
        align-items: flex-start;
        display: flex
    }

    .cards-wrap {
        grid-template-columns: 1fr
    }

    .card-flex.standalone {
        flex-direction: column
    }

    .card-flex.centred-tablet {
        align-items: flex-start
    }

    .card-2 {
        border: 1px solid #0000001a
    }

    .pricing-overview {
        align-self: stretch
    }

    .inpage-checks-wrapper-new.vertical.centered.horizontal {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: column
    }

    .inpage-checks-wrapper-new.vertical.centered.leads {
        width: auto;
        min-width: auto
    }

    .inpage-checks-wrapper-new.vertical.switch-tablet {
        justify-content: flex-start;
        display: block
    }

    ._2-button-wrap {
        align-items: stretch
    }

    .modal_small {
        text-align: left;
        min-width: auto;
        padding: 20px
    }

    .modal_small.center {
        justify-content: flex-start;
        padding: 48px 16px 144px;
        overflow: scroll
    }

    .success-message-holder {
        padding-top: 0;
        padding-bottom: 0
    }

    .flow-navigation-wrapper {
        margin-top: 0
    }

    .optimierungspotential {
        font-size: 36px
    }

    .calculator-header-holder {
        margin-bottom: 0
    }

    .fs-rangeslider_wrapper {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .fs-rangeslider_handle-value {
        font-size: 1rem
    }

    .button-box-2.final-step {
        width: 100%;
        display: block
    }

    .calculator-question-box {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .calculator-form-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }

    .optimierungspotential-box {
        padding: 16px 12px
    }

    .termin-buchen-wrapper {
        grid-column-gap: 8px;
        grid-row-gap: 8px
    }

    .sales-info-wrapper {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        align-items: start
    }

    .calculator-flow-holder {
        min-height: auto
    }

    .calculator-contact-text {
        font-size: 14px;
        line-height: 24px
    }

    .calculator-subtext {
        font-size: 14px;
        line-height: 22px
    }

    .label-calculator-flow {
        font-size: 14px;
        line-height: 24px;
        display: block
    }

    .starke-partner-cl-item {
        width: 100%
    }

    .text-kosteneinsparung {
        flex-direction: column;
        font-size: 16px
    }

    .table-wrapper {
        width: 100%;
        margin-bottom: 7px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0
    }

    .table-wrapper.medium {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .table,
    .table-row-3-col.header {
        width: 100%
    }

    .table-row-3-col.data-row {
        width: 140vw
    }

    .table-row-3-col.data-row.wide {
        width: 100%
    }

    .key4-table {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr
    }

    .yearly-price-div {
        text-align: left
    }

    .b2b-pricing-anchors {
        margin-bottom: 0;
        padding-left: 16px;
        padding-right: 16px;
        font-size: 12px
    }

    .left-arrow,
    .right-arrow {
        display: none
    }

    .mask-6 {
        width: 200px;
        min-width: 200px;
        max-width: 440px;
        height: 200px;
        min-height: 200px;
        max-height: 440px;
        top: -24px;
        left: -24px
    }

    .slide-nav.makler-b2b {
        width: 96px;
        height: 24px;
        margin-left: 0;
        padding-top: 0;
        font-size: 12px
    }

    .subnav-wrapper-pricingb2b-desktop {
        align-content: center;
        display: flex;
        overflow: auto
    }

    .caption-asterix-header {
        text-align: left
    }

    .pill-button.auto-top {
        padding: .55rem .55rem .55rem 1.5rem
    }

    .makler-b2b-sales-slider-img {
        height: 96px
    }

    .sales-slider-makler-b2b.no-margin {
        flex: 0 auto;
        width: 100%
    }

    .hero-header-secondary-cta,
    .bulletpoint-item {
        text-align: left
    }

    .spitzmarke {
        justify-content: flex-start;
        margin-top: 0
    }

    .google-rating-holder-new {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-top: 24px;
        display: flex
    }

    .header-button-holder-new {
        width: 100%;
        position: relative
    }

    .hero-header-secondary-media-wrapper {
        z-index: -1;
        height: 200px
    }

    .hero-header-secondary-media-wrapper.makler {
        background-size: 80%, auto
    }

    .grid-makler-b2b-pakete {
        grid-template-columns: 1fr
    }

    .card-content-makler-b2b {
        padding: 24px 16px 16px
    }

    .card-paket-makler-b2b {
        border: 1px solid #0000001a
    }

    .hero-header-primary-b2b {
        padding-top: 32px
    }

    .hero-header-primary-image-holder {
        border-radius: 0;
        margin-left: 0;
        margin-right: 0
    }

    .hero-header-primary-bg-overlay {
        background-image: linear-gradient(#0006, #0006)
    }

    .chooser-primary-tiles-wrapper {
        justify-content: center
    }

    .chooser-primary-tiles-holder {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: column;
        width: 100%
    }

    .chooser-primary-tile {
        flex: 0 auto;
        width: 100%;
        height: 100%;
        min-height: 140px;
        padding: 16px
    }

    .chooser-primary-tile.big {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        padding: 16px 16px 16px 8px
    }

    .tile-content-new {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: row;
        align-items: center;
        width: 100%;
        height: 100%
    }

    .icon-text-holder-new {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex: 1;
        align-items: center
    }

    .hero-header-secondary-form {
        text-align: left
    }

    .hero-header-tertiary {
        padding: 24px
    }

    .b2b-content-wrp {
        grid-row-gap: 40px
    }

    .hero-header-card-form {
        padding-top: 24px
    }

    .hero-header-secondary-flow {
        text-align: left
    }

    .st-rer-makler-b2b-new {
        width: 33vw;
        bottom: 215px
    }

    .ratgeber-item {
        flex: 1;
        min-width: auto
    }

    .grid1x3-ratgeber {
        flex-direction: column;
        grid-template-columns: 1fr
    }

    .image-189 {
        width: 100px
    }
}

#w-node-_11227130-5e1e-2fa2-5a0b-b9d77cfe1303-3d43fff4,
#w-node-_7ab3cfa5-0a18-1f74-1f6d-257e01a0860f-3d43fff4,
#w-node-ffa9b2de-4005-bc9b-566f-935cb00a0f47-3d43fff4 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_4f0dacbd-cacf-8fa8-6e6b-f51f9a323a93-9a323a8d {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: stretch
}

#w-node-_4f0dacbd-cacf-8fa8-6e6b-f51f9a323ab1-9a323a8d {
    justify-self: stretch
}

#w-node-_4f0dacbd-cacf-8fa8-6e6b-f51f9a323abe-9a323a8d {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: stretch
}

#w-node-_0e85a6c7-3a7f-45a8-1722-a3c4d75d290a-d75d2908 {
    place-self: center
}

#w-node-_0e85a6c7-3a7f-45a8-1722-a3c4d75d290c-d75d2908 {
    align-self: center
}

#w-node-_76b00d3a-962b-6c79-7841-5c3dbc35eedf-a743fddd {
    align-self: start
}

#w-node-a8b32747-1dee-2ac0-b05b-ca6fe2f3fdd3-e2f3fdcd {
    align-self: center
}

#w-node-a8b32747-1dee-2ac0-b05b-ca6fe2f3fde7-e2f3fdcd {
    place-self: center
}

#w-node-_4c710e3c-dcda-9409-ebc3-8da811c6f1ce-eb43fa38,
#w-node-de04838a-110c-fc86-b35d-c5f67303e6ff-10440007 {
    align-self: start
}

#w-node-_68561106-8a75-7a47-7031-d34bf8ae7c74-10440007 {
    align-self: center
}

#w-node-_877e11ff-6c48-6b11-8910-887e5c764b74-c6b40bf2 {
    grid-area: Area
}

#w-node-_52f844fb-4e4a-8a74-3c86-50b19349441f-9349441c {
    place-self: center
}

#w-node-_52f844fb-4e4a-8a74-3c86-50b193494421-9349441c {
    align-self: center
}

#w-node-a0355f43-02f8-5952-e50b-8606311adbd6-9dffca45 {
    place-self: center
}

#w-node-a0355f43-02f8-5952-e50b-8606311adbd8-9dffca45 {
    align-self: center
}

#w-node-_747f3a08-4b92-8823-cad9-206a617f327a-3443fa24 {
    place-self: center
}

#w-node-_747f3a08-4b92-8823-cad9-206a617f3274-3443fa24 {
    align-self: center
}

#w-node-_5c1f40f9-c22b-b765-80c1-27a763accd88-3443fa24,
#w-node-_000f6c8c-3d1d-b84b-cc60-bbebc6934afe-3443fa24 {
    place-self: center
}

#w-node-_3448b228-1c3d-8f56-8e44-7c973929ed5d-3443fa24 {
    align-self: center
}

#w-node-_3448b228-1c3d-8f56-8e44-7c973929ed5b-3443fa24,
#w-node-_854ef4cd-a250-6ebe-552c-7b925ffa1b58-3443fa24 {
    place-self: center
}

#w-node-_854ef4cd-a250-6ebe-552c-7b925ffa1b5a-3443fa24 {
    align-self: center
}

#w-node-_21eb773b-755a-0d1a-7d40-3142fc24df4d-3443fa24,
#w-node-_578f98af-3f84-a829-6045-fa4524c39eb4-3443fa24 {
    place-self: center
}

#w-node-_4df03baf-b986-7069-f248-b01f8269453e-3443fa24 {
    align-self: center
}

#w-node-_4df03baf-b986-7069-f248-b01f82694543-3443fa24 {
    place-self: center
}

#w-node-d293f4f9-61a3-b8f7-5095-96cc76daaad0-8743fa43,
#w-node-d293f4f9-61a3-b8f7-5095-96cc76daaad3-8743fa43,
#w-node-f64fe4c7-bf12-d5a1-4b76-3aec6ecac66d-8743fa43,
#w-node-f64fe4c7-bf12-d5a1-4b76-3aec6ecac6a3-8743fa43,
#w-node-c0241c32-7816-193a-5f51-c7582cec105f-8743fa43,
#w-node-c0241c32-7816-193a-5f51-c7582cec1062-8743fa43,
#w-node-c0241c32-7816-193a-5f51-c7582cec0feb-8743fa43,
#w-node-c0241c32-7816-193a-5f51-c7582cec105b-8743fa43 {
    align-self: start
}

#w-node-_4287bca9-19d0-5054-6df0-787ba5b2701b-8743fa43 {
    grid-area: span 2/span 1/span 2/span 1;
    place-self: center
}

#w-node-_15c57d5c-3d3d-df75-4b8e-ec8b8172977e-81729779 {
    align-self: center
}

#w-node-_15c57d5c-3d3d-df75-4b8e-ec8b817297a4-81729779,
#w-node-dc3fc9cb-6cec-222b-c752-efa7620e35fe-620e35fb {
    place-self: center
}

#w-node-dc3fc9cb-6cec-222b-c752-efa7620e3600-620e35fb {
    align-self: center
}

#w-node-_4e2d88bb-f072-b992-7bb2-57ade5c3041c-e5c30419 {
    place-self: center
}

#w-node-_617c30ae-4e8f-f319-0b73-45a9ec36e27e-c543fde0 {
    align-self: center
}

#w-node-_617c30ae-4e8f-f319-0b73-45a9ec36e286-c543fde0,
#w-node-_973f4b67-186f-be67-8b6e-0e845a07baaf-5a07baae {
    place-self: center
}

#w-node-bb4de4e1-144a-b8a2-6997-114e554f3622-1e43ff8f {
    align-self: center
}

#w-node-bb4de4e1-144a-b8a2-6997-114e554f3628-1e43ff8f,
#w-node-_378a7d3d-16af-2948-10d7-aad077aabf21-77aabf1e {
    place-self: center
}

#w-node-_378a7d3d-16af-2948-10d7-aad077aabf23-77aabf1e {
    align-self: center
}

#w-node-_04e07586-334e-5df4-a3d0-6e03da42d9c6-da42d9c5 {
    grid-area: span 1/span 2/span 1/span 2;
    place-self: end center
}

#w-node-_04e07586-334e-5df4-a3d0-6e03da42d9c9-da42d9c5 {
    grid-area: span 1/span 2/span 1/span 2
}

#w-node-_04e07586-334e-5df4-a3d0-6e03da42d9cf-da42d9c5,
#w-node-_04e07586-334e-5df4-a3d0-6e03da42d9e3-da42d9c5,
#w-node-_04e07586-334e-5df4-a3d0-6e03da42d9fd-da42d9c5,
#w-node-_04e07586-334e-5df4-a3d0-6e03da42da11-da42d9c5 {
    place-self: center
}

#w-node-_8bc1af7b-4b17-0242-e4d4-148b07d428de-07d428c8 {
    grid-area: Area
}

#w-node-_82230fcf-8077-f820-5220-f31247300e9b-07d428c8,
#w-node-_30670273-4d08-f73c-cf31-40077b3bf8df-07d428c8,
#w-node-_632b6f5c-279e-03b7-e7b8-9b3dda6ee027-07d428c8 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-f6f43f24-f512-b5f5-6ada-a22446fa12c9-8e43faa8,
#w-node-f6f43f24-f512-b5f5-6ada-a22446fa12f1-8e43faa8,
#w-node-f9fcbcf0-199c-21a1-7d2f-e9f0fef63ed2-8e43faa8,
#w-node-f9fcbcf0-199c-21a1-7d2f-e9f0fef63edb-8e43faa8 {
    align-self: start
}

#w-node-d9dd8d69-c742-43f3-603a-bbe54332f10b-4332f108,
#w-node-_02f87a85-c573-83e6-6ba7-f4f2aae14844-aae14841 {
    place-self: center
}

#w-node-_02f87a85-c573-83e6-6ba7-f4f2aae14846-aae14841,
#w-node-_68561106-8a75-7a47-7031-d34bf8ae7c74-63440008 {
    align-self: center
}

#w-node-de04838a-110c-fc86-b35d-c5f67303e6ff-63440008 {
    align-self: start
}

#w-node-_44957b70-7e63-371e-a1c4-c6f080a2ff21-ce43fa30 {
    place-self: center
}

#w-node-_44957b70-7e63-371e-a1c4-c6f080a2ff23-ce43fa30 {
    align-self: center
}

#w-node-_44957b70-7e63-371e-a1c4-c6f080a2ff72-ce43fa30,
#w-node-_44957b70-7e63-371e-a1c4-c6f080a2ff7f-ce43fa30 {
    place-self: center
}

#w-node-_44957b70-7e63-371e-a1c4-c6f080a2ff8a-ce43fa30 {
    align-self: center
}

#w-node-_44957b70-7e63-371e-a1c4-c6f080a2ff92-ce43fa30 {
    place-self: center
}

#w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fb0-a943ff91,
#w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fd2-a943ff91,
#w-node-_61bc92fd-4822-08ee-d047-e26ba625990c-a943ff91 {
    align-self: start
}

#w-node-bc502bd2-031b-a436-9042-dce8ffcf7b74-ffcf7b71 {
    place-self: center
}

#w-node-bc502bd2-031b-a436-9042-dce8ffcf7b76-ffcf7b71 {
    align-self: center
}

#w-node-_5a483d15-c9a0-8159-a9e1-87ab0a887305-1343fddf {
    justify-self: center
}

#w-node-_618b0e9c-d231-2099-9ba0-5323d1e135a7-d1e135a4 {
    place-self: center
}

#w-node-_618b0e9c-d231-2099-9ba0-5323d1e135a9-d1e135a4 {
    align-self: center
}

#w-node-_7b563321-7e19-3a7d-a1f1-cf1be9daec3f-4243fdd8 {
    place-self: center
}

#w-node-_7b563321-7e19-3a7d-a1f1-cf1be9daec41-4243fdd8 {
    align-self: center
}

#w-node-_0db2e47f-8f02-9dec-46b7-a5c545fc6989-4243fdd8 {
    place-self: center
}

#w-node-_78878252-68de-147c-f6c2-46dd7528a65a-7528a655 {
    align-self: center
}

#w-node-_78878252-68de-147c-f6c2-46dd7528a680-7528a655 {
    place-self: center
}

#w-node-_3c3f8e3b-d053-9485-5103-d1e8d63fbda6-2b43ffac,
#w-node-_3c3f8e3b-d053-9485-5103-d1e8d63fbdad-2b43ffac,
#w-node-_23ce927c-1177-6e6e-94e4-607209669d9b-2b43ffac,
#w-node-_23ce927c-1177-6e6e-94e4-607209669d9e-2b43ffac,
#w-node-d7576e0d-eabe-da5e-dcfe-138067c1b5a9-2b43ffac,
#w-node-d7576e0d-eabe-da5e-dcfe-138067c1b5b6-2b43ffac,
#w-node-c908c3fa-a49c-847b-3e31-92b46468c865-6143ffca,
#w-node-c908c3fa-a49c-847b-3e31-92b46468c886-6143ffca,
#w-node-_74328ec1-c2b5-5cd4-f329-8ce9f04dada7-6143ffca,
#w-node-bad101c5-c323-16a2-81fe-985255ad0002-6143ffca,
#w-node-bad101c5-c323-16a2-81fe-985255ad0014-6143ffca,
#w-node-_289c26ce-0c78-0e92-51ae-d6a47706c04d-7a440022,
#w-node-_289c26ce-0c78-0e92-51ae-d6a47706c071-7a440022,
#w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fd6-7a440022,
#w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fd9-7a440022 {
    align-self: start
}

#w-node-_5ef34b64-6f56-8bef-0aa8-6b196d34c98d-2344000b {
    align-self: center
}

#w-node-_5ef34b64-6f56-8bef-0aa8-6b196d34c993-2344000b,
#w-node-_4abc6e3f-e8e7-83c3-bc37-969dc8f3236d-2344000b {
    place-self: center
}

#w-node-_4abc6e3f-e8e7-83c3-bc37-969dc8f3236f-2344000b,
#w-node-_361d8466-f122-c01f-3feb-ef83cc437de5-2344000b {
    align-self: center
}

#w-node-_361d8466-f122-c01f-3feb-ef83cc437deb-2344000b {
    place-self: center
}

#w-node-_8a6dfee2-656d-9e3d-bb81-0a4f39b822dd-2344000b {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-ed778cb0-d926-d7db-56c0-9fffe256db4b-2344000b,
#w-node-ed778cb0-d926-d7db-56c0-9fffe256db57-2344000b {
    align-self: start
}

#w-node-_12365b21-290f-1d52-d10f-4d299d4208ca-2344000b,
#w-node-_521e32dc-55ce-f749-66e2-81d4477ba730-2344000b {
    grid-area: span 2/span 1/span 2/span 1
}

#w-node-_7daa6d9a-c5df-6ffd-7672-7f8c0eab7eda-8c43ffd7,
#w-node-_7daa6d9a-c5df-6ffd-7672-7f8c0eab7f0f-8c43ffd7,
#w-node-_992004b2-b264-7923-c053-63adef918850-8c43ffd7,
#w-node-_992004b2-b264-7923-c053-63adef918853-8c43ffd7 {
    align-self: start
}

#w-node-_04b3eac4-4052-6f97-8621-13b41a14d68a-1a14d685 {
    align-self: center
}

#w-node-_04b3eac4-4052-6f97-8621-13b41a14d6a1-1a14d685 {
    place-self: center
}

#w-node-_04b3eac4-4052-6f97-8621-13b41a14d6a3-1a14d685,
#w-node-_40c52975-61c7-f5ff-1d96-d79517843514-f5440023,
#w-node-_40c52975-61c7-f5ff-1d96-d79517843538-f5440023,
#w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fd6-f5440023,
#w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fd9-f5440023,
#w-node-_468f82be-dd8d-2265-1a71-c695517daa7c-6143fdd6,
#w-node-_468f82be-dd8d-2265-1a71-c695517daa9e-6143fdd6,
#w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fd6-6143fdd6,
#w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fd9-6143fdd6 {
    align-self: start
}

#w-node-_5c90bd2a-ec5e-a942-43fd-8b144806df9d-4806df9a {
    place-self: center
}

#w-node-_5c90bd2a-ec5e-a942-43fd-8b144806df9f-4806df9a {
    align-self: center
}

#w-node-c908c3fa-a49c-847b-3e31-92b46468c865-7343fd96,
#w-node-c908c3fa-a49c-847b-3e31-92b46468c886-7343fd96,
#w-node-bad101c5-c323-16a2-81fe-985255ad0002-7343fd96,
#w-node-bad101c5-c323-16a2-81fe-985255ad0014-7343fd96,
#w-node-d9278c46-4357-6450-daa7-82ce264e2c87-7343fd96,
#w-node-d9278c46-4357-6450-daa7-82ce264e2c8a-7343fd96 {
    align-self: start
}

#w-node-f0fb4094-8b2e-0f81-26d2-1696e7b12944-e7b12941 {
    place-self: center
}

#w-node-f0fb4094-8b2e-0f81-26d2-1696e7b12946-e7b12941 {
    align-self: center
}

#w-node-e73b1078-47ec-484b-258c-43ae319a8a14-2143fa04 {
    grid-area: 5/1/6/2
}

#w-node-c415ef8b-510a-808c-df47-e60328b1c87e-2143fa04 {
    grid-area: 2/1/3/2
}

#w-node-a9465be0-3528-8c1d-3893-d1384a8c8788-2143fa04 {
    grid-area: 1/3/2/4
}

#w-node-_2f9925c0-be00-ea73-0e14-bb487caaf84e-2143fa04 {
    grid-area: 1/4/2/5
}

#w-node-_06ea75ca-f5d0-324b-eea0-d0f565bd630a-2143fa04 {
    grid-area: 3/1/4/2
}

#w-node-c6916824-31ad-9950-ed90-8d615c51914b-2143fa04 {
    grid-area: 4/1/5/2
}

#w-node-bdf7cee8-4cc2-2f58-3bf2-7f6515721ab0-2143fa04 {
    grid-area: 1/1/2/2
}

#w-node-_076c2f94-ef07-0675-3708-8062d671823e-2143fa04 {
    grid-area: 2/4/3/5;
    align-self: auto
}

#w-node-b721fe1c-74c7-7947-5340-ecd5809d3f3c-2143fa04 {
    grid-area: 2/2/3/3
}

#w-node-c2891724-e417-d3a9-3f21-e0fa9141116f-2143fa04 {
    grid-area: 2/3/3/4;
    align-self: auto
}

#w-node-_95cfab53-bd7e-e976-1943-8bdd9cc2f9c4-2143fa04 {
    grid-area: 3/2/4/3
}

#w-node-_0167a9e0-7f29-9c77-64b2-a9e9e1ebca2e-2143fa04 {
    grid-area: 3/4/4/5;
    align-self: auto
}

#w-node-_18358bd1-5f2a-20ee-5148-c49cd98a4ae8-2143fa04 {
    grid-area: 3/3/4/4;
    align-self: auto
}

#w-node-_811ceae9-940f-558e-d10c-97a2e805f698-2143fa04 {
    grid-area: 1/2/2/3
}

#w-node-_9f6cb5d1-6507-822f-0a8b-d6aaa6723208-2143fa04 {
    grid-area: 4/2/5/3
}

#w-node-_949a8f1b-6723-06d8-c885-875544138d39-2143fa04 {
    grid-area: 4/4/5/5;
    align-self: auto
}

#w-node-_1a108507-6d31-be10-41be-9b26fe63c1c1-2143fa04 {
    grid-area: 4/3/5/4;
    align-self: auto
}

#w-node-e0fd9df5-63df-3910-7324-ab16b5d43757-2143fa04 {
    grid-area: 5/2/6/3
}

#w-node-_345c0e4a-03f8-4cd3-01c3-8378e259fa8e-2143fa04 {
    grid-area: 5/3/6/4;
    align-self: auto
}

#w-node-_5e49d33a-1a66-6638-0b1e-370406543d5f-2143fa04 {
    grid-area: 5/4/6/5;
    align-self: auto
}

#w-node-c908c3fa-a49c-847b-3e31-92b46468c865-5c43fda9,
#w-node-c908c3fa-a49c-847b-3e31-92b46468c886-5c43fda9,
#w-node-bad101c5-c323-16a2-81fe-985255ad0014-5c43fda9,
#w-node-bad101c5-c323-16a2-81fe-985255ad0002-5c43fda9,
#w-node-d9278c46-4357-6450-daa7-82ce264e2c87-5c43fda9,
#w-node-d9278c46-4357-6450-daa7-82ce264e2c8a-5c43fda9 {
    align-self: start
}

#w-node-_617c30ae-4e8f-f319-0b73-45a9ec36e27e-c343f9f3 {
    align-self: center
}

#w-node-_617c30ae-4e8f-f319-0b73-45a9ec36e286-c343f9f3 {
    place-self: center
}

#w-node-_45e60341-e594-a4d7-1994-d44b84e7542a-04440010 {
    place-self: center end
}

#w-node-_962e7909-9112-691d-bb45-c234151dab6d-04440010 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_391a3ece-3aee-b4cb-6f7f-41e0110248fd-04440010,
#w-node-_391a3ece-3aee-b4cb-6f7f-41e011024922-04440010 {
    align-self: start
}

#w-node-_391a3ece-3aee-b4cb-6f7f-41e011024952-04440010 {
    place-self: center
}

#w-node-_391a3ece-3aee-b4cb-6f7f-41e011024954-04440010 {
    align-self: center
}

#w-node-dcedaf98-509b-ad2d-0d9f-7d64671e3016-04440010,
#w-node-dcedaf98-509b-ad2d-0d9f-7d64671e3045-04440010 {
    align-self: start
}

#w-node-deee837a-6e34-4fdf-2f2e-d29256409434-04440010,
#w-node-_4f58343f-aa76-901c-7a75-3acf33222ab9-04440010 {
    align-self: center
}

#w-node-_4f58343f-aa76-901c-7a75-3acf33222ac9-04440010 {
    align-self: start
}

#w-node-_1a8181ec-d7e6-ea0c-ed68-b8cd35a394c8-04440010 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1a8181ec-d7e6-ea0c-ed68-b8cd35a394c9-04440010 {
    place-self: start end
}

#w-node-a1d94d69-7369-5f7a-ade6-aa88526aaddc-04440010 {
    place-self: center end
}

#w-node-a1d94d69-7369-5f7a-ade6-aa88526aade2-04440010 {
    align-self: center
}

#w-node-_7c71183a-1598-ca66-e41a-6cd6b508dd0c-04440010 {
    grid-area: span 1/span 1/span 1/span 1;
    place-self: center
}

#w-node-_7c71183a-1598-ca66-e41a-6cd6b508dd0e-04440010 {
    align-self: center
}

#w-node-eb45af04-cef4-7442-b526-035f2bd3df4b-04440010,
#w-node-b6272a16-5b43-44ed-f0f3-0cb43776da90-04440010 {
    place-self: center end
}

#w-node-_0d41d4fd-1292-838e-b8f5-8caf8ff3a721-04440010 {
    justify-self: start
}

#w-node-f6f43f24-f512-b5f5-6ada-a22446fa12c9-0143faa9,
#w-node-f6f43f24-f512-b5f5-6ada-a22446fa12f1-0143faa9,
#w-node-f9fcbcf0-199c-21a1-7d2f-e9f0fef63ed2-0143faa9,
#w-node-f9fcbcf0-199c-21a1-7d2f-e9f0fef63edb-0143faa9,
#w-node-_86a6195d-efb8-88a7-52f4-00088840a894-b243fa45,
#w-node-_86a6195d-efb8-88a7-52f4-00088840a852-b243fa45,
#w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fb0-7643ff92,
#w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fd2-7643ff92,
#w-node-_50546a0b-a4d2-4d93-6b26-7ae98f70f9d7-7643ff92 {
    align-self: start
}

#w-node-_6a0e11d9-339a-887f-1f07-d878a58d6416-7543faa7 {
    align-self: center
}

#w-node-_6a0e11d9-339a-887f-1f07-d878a58d641f-7543faa7,
#w-node-_6a0e11d9-339a-887f-1f07-d878a58d6425-7543faa7,
#w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-7543faa7,
#w-node-_6a0e11d9-339a-887f-1f07-d878a58d6438-7543faa7 {
    align-self: start
}

#w-node-bc365691-6cc1-f09b-af6c-238d30420342-06917c17 {
    place-self: center
}

#w-node-bc365691-6cc1-f09b-af6c-238d3042033a-06917c17 {
    align-self: center
}

#w-node-d293f4f9-61a3-b8f7-5095-96cc76daaad0-fe43ffd8,
#w-node-d293f4f9-61a3-b8f7-5095-96cc76daaad3-fe43ffd8,
#w-node-_98220752-f24a-682c-5a45-31a6187550c9-fe43ffd8,
#w-node-_98220752-f24a-682c-5a45-31a6187550ff-fe43ffd8,
#w-node-_98220752-f24a-682c-5a45-31a618755103-fe43ffd8,
#w-node-_98220752-f24a-682c-5a45-31a618755106-fe43ffd8,
#w-node-c0241c32-7816-193a-5f51-c7582cec0feb-fe43ffd8,
#w-node-c0241c32-7816-193a-5f51-c7582cec105b-fe43ffd8,
#w-node-c0241c32-7816-193a-5f51-c7582cec105f-fe43ffd8,
#w-node-c0241c32-7816-193a-5f51-c7582cec1062-fe43ffd8 {
    align-self: start
}

#w-node-_0d271aa5-c6b8-b817-3aef-4c27c948ad03-7543f941 {
    place-self: center end
}

#w-node-_0d271aa5-c6b8-b817-3aef-4c27c948ad09-7543f941,
#w-node-d9302c23-e97a-3323-b2c5-d295e77bfd1c-1dc6efdf {
    align-self: center
}

#w-node-d9302c23-e97a-3323-b2c5-d295e77bfd40-1dc6efdf {
    place-self: center
}

#w-node-_00bbd218-6426-a95f-8320-b64560c45c90-e9a2ddf1 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1ac48e84-8a7a-156f-1fb7-f156719409c9-719409c6 {
    place-self: center
}

#w-node-_1ac48e84-8a7a-156f-1fb7-f156719409cb-719409c6 {
    align-self: center
}

#w-node-_2bc64bd0-bebb-d32f-1f64-69f337a1ec3d-37a1ec3a {
    place-self: center
}

#w-node-da4c8b58-07d0-eb98-12b6-27af9c0e6000-c943ffab,
#w-node-da4c8b58-07d0-eb98-12b6-27af9c0e6007-c943ffab,
#w-node-_17a210ef-a80d-f7cc-e58c-041d96e2749e-c943ffab,
#w-node-_17a210ef-a80d-f7cc-e58c-041d96e2749b-c943ffab,
#w-node-_83335d51-e54d-1bfa-ce73-10fa13737b7b-4543fb10,
#w-node-_83335d51-e54d-1bfa-ce73-10fa13737baf-4543fb10 {
    align-self: start
}

#w-node-_2cabafad-4e18-f18c-280a-6b9053853cd0-4543fb10 {
    grid-area: span 1/span 1/span 1/span 1;
    align-self: start
}

#w-node-_2cabafad-4e18-f18c-280a-6b9053853cd3-4543fb10 {
    align-self: start
}

#w-node-dd82c39a-7a31-4fe7-9a3d-d48a9f09fc98-9f09fc95 {
    place-self: center
}

#w-node-dd82c39a-7a31-4fe7-9a3d-d48a9f09fc9a-9f09fc95,
#wf-form-Newsletter-blogbanner-auto.w-node-_752704b2-3092-d6ae-4e8c-4a9608a836d2-e543fa31 {
    align-self: center
}

#w-node-_752704b2-3092-d6ae-4e8c-4a9608a836d9-e543fa31 {
    grid-area: span 1/span 3/span 1/span 3
}

#wf-form-Newsletter-blogbanner-manual.w-node-_64a78c98-bb60-6442-acb2-3700ddcf9c25-e543fa31 {
    align-self: center
}

#w-node-_64a78c98-bb60-6442-acb2-3700ddcf9c2c-e543fa31 {
    grid-area: span 1/span 3/span 1/span 3
}

#w-node-ec498963-1e57-009b-d37d-75da2d7d39f9-8143fec6,
#w-node-ec498963-1e57-009b-d37d-75da2d7d3a10-8143fec6,
#w-node-_61a9211a-a703-09d4-9968-9e181afc29c6-8143fec6,
#w-node-_61a9211a-a703-09d4-9968-9e181afc29de-8143fec6,
#w-node-_81fc991f-a833-7a07-bc0d-9032bb5caaba-8143fec6,
#w-node-_81fc991f-a833-7a07-bc0d-9032bb5caad3-8143fec6,
#w-node-ec498963-1e57-009b-d37d-75da2d7d3a26-8143fec6,
#w-node-ec498963-1e57-009b-d37d-75da2d7d3a3e-8143fec6,
#w-node-_1538fff7-4859-ac83-d4dc-d620cc3b4ee0-8143fec6,
#w-node-_1538fff7-4859-ac83-d4dc-d620cc3b4ef8-8143fec6,
#w-node-ec92a337-c9e9-ecb0-17da-ddf7cfd2befb-8143fec6,
#w-node-ec92a337-c9e9-ecb0-17da-ddf7cfd2bf14-8143fec6,
#w-node-_8204e3b4-9243-7105-6716-e9d836ca55f7-8143fec6,
#w-node-_8204e3b4-9243-7105-6716-e9d836ca560f-8143fec6 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-f6f43f24-f512-b5f5-6ada-a22446fa12c9-16d99d26,
#w-node-f6f43f24-f512-b5f5-6ada-a22446fa12f1-16d99d26,
#w-node-_49b1070b-d23f-633b-671a-d827dbf04525-16d99d26,
#w-node-_49b1070b-d23f-633b-671a-d827dbf0452e-16d99d26,
#w-node-f6f43f24-f512-b5f5-6ada-a22446fa12c9-3badb5c4,
#w-node-f6f43f24-f512-b5f5-6ada-a22446fa12f1-3badb5c4,
#w-node-_49b1070b-d23f-633b-671a-d827dbf04525-3badb5c4,
#w-node-_49b1070b-d23f-633b-671a-d827dbf0452e-3badb5c4 {
    align-self: start
}

#w-node-_9047665b-a864-d969-e271-a824782ceccf-ebe5afbe {
    place-self: center
}

#w-node-_9047665b-a864-d969-e271-a824782cecd1-ebe5afbe,
#w-node-d29dd140-4395-1d8a-1f5c-2d60cc0fa8f9-ebe5afbe {
    align-self: center
}

#w-node-d29dd140-4395-1d8a-1f5c-2d60cc0fa901-ebe5afbe,
#w-node-_4abc6e3f-e8e7-83c3-bc37-969dc8f3236d-91629398 {
    place-self: center
}

#w-node-_4abc6e3f-e8e7-83c3-bc37-969dc8f3236f-91629398,
#w-node-d62006c1-241f-79a3-660d-34d59a6c5a58-9a6c5a56 {
    align-self: center
}

#w-node-d62006c1-241f-79a3-660d-34d59a6c5a60-9a6c5a56 {
    place-self: center
}

#w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-315d8301 {
    align-self: center
}

#w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-315d8301,
#w-node-_3c89ae7c-a38b-82cb-bb2b-2bd3a68bd884-315d8301,
#w-node-_6a0e11d9-339a-887f-1f07-d878a58d6425-315d8301 {
    align-self: start
}

#w-node-_2986530f-5b2d-40a0-b362-34021fd27115-315d8301,
#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-c10842ba {
    place-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-c10842ba,
#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-c10842ba {
    align-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-c10842ba {
    place-self: center
}

#w-node-_76015cdd-3563-0905-f90a-9b166269b04c-b9959dc0,
#w-node-_3f86a776-9db6-449d-2f12-6a61883d4fd6-b9959dc0 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-dd1cc51e-a4c5-b336-a265-83e0c87cad34-e40e0670,
#w-node-dd1cc51e-a4c5-b336-a265-83e0c87cad3d-e40e0670,
#w-node-_3c0557e3-e9d7-e059-0404-f249670c2b04-e40e0670,
#w-node-_3c0557e3-e9d7-e059-0404-f249670c2aff-e40e0670 {
    align-self: start
}

#w-node-_8d533aa2-a3b2-eb40-3e60-986f7163dbdd-e40e0670 {
    justify-self: end
}

#w-node-_8d533aa2-a3b2-eb40-3e60-986f7163dbdf-e40e0670 {
    place-self: center
}

#w-node-_065cc40b-ad6d-8b25-ecb2-63be2021840a-e40e0670 {
    align-self: center
}

#w-node-_065cc40b-ad6d-8b25-ecb2-63be20218408-e40e0670,
#w-node-_85841fdc-a331-8032-a576-51b1f81779bc-e40e0670 {
    place-self: center
}

#w-node-_85841fdc-a331-8032-a576-51b1f81779be-e40e0670,
#w-node-_96307bf2-24be-f1e5-47e8-20a3c9db9a54-e40e0670 {
    align-self: center
}

#w-node-_96307bf2-24be-f1e5-47e8-20a3c9db9a8a-e40e0670,
#w-node-_14371aee-f3a6-981e-c3bf-bb70516b7ca7-e40e0670 {
    place-self: center
}

#w-node-_08222f59-f9e1-3917-471a-8d2169c24310-ce66d3ca {
    place-self: center end
}

#w-node-_08222f59-f9e1-3917-471a-8d2169c24316-ce66d3ca {
    justify-self: start
}

#w-node-_927144b4-c7a1-27fa-b5d5-1b9bc3403164-ce66d3ca {
    grid-area: span 1/span 2/span 1/span 2
}

#w-node-fd9060dd-cea9-eb97-191f-8959473dbcbe-ce66d3ca,
#w-node-_3cd9949d-6c05-eaf8-4d9c-1db7c8ae3e98-ce66d3ca {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-ea3db2ec-1a7e-709a-4cd0-a6496bca410b-ce66d3ca,
#w-node-b5b4e9c1-5567-82d3-751a-d239d9977251-ce66d3ca {
    align-self: center
}

#w-node-b5b4e9c1-5567-82d3-751a-d239d997725a-ce66d3ca {
    align-self: start
}

#w-node-_71fe88ec-34fb-a274-3396-7d8434dc2ed4-2e1f0964 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_71fe88ec-34fb-a274-3396-7d8434dc2ed7-2e1f0964 {
    place-self: center end
}

#w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-c4b35bd2 {
    align-self: center
}

#w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-c4b35bd2,
#w-node-_3c89ae7c-a38b-82cb-bb2b-2bd3a68bd884-c4b35bd2,
#w-node-_6a0e11d9-339a-887f-1f07-d878a58d6425-c4b35bd2 {
    align-self: start
}

#w-node-_2986530f-5b2d-40a0-b362-34021fd27115-c4b35bd2,
#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-46f622ad {
    place-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-46f622ad,
#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-46f622ad {
    align-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-46f622ad,
#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-4be60c7b {
    place-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-4be60c7b,
#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-4be60c7b {
    align-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-4be60c7b,
#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-038d167b {
    place-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-038d167b,
#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-038d167b {
    align-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-038d167b,
#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-9f1c4a99 {
    place-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-9f1c4a99,
#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-9f1c4a99 {
    align-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-9f1c4a99 {
    place-self: center
}

#w-node-_5b2b5292-f327-d2b8-283c-64382a40ba41-0c6cd2ff {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_5b2b5292-f327-d2b8-283c-64382a40ba44-0c6cd2ff {
    place-self: center end
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-0c6cd2ff {
    place-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-0c6cd2ff,
#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-0c6cd2ff {
    align-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-0c6cd2ff {
    place-self: center
}

#w-node-_991e29ed-bc3c-826f-3bd6-a886830e68b7-d4b990d4 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_991e29ed-bc3c-826f-3bd6-a886830e68ba-d4b990d4 {
    place-self: center end
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-d4b990d4 {
    place-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-d4b990d4,
#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-d4b990d4 {
    align-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-d4b990d4 {
    place-self: center
}

#w-node-_4fbd25e5-01bc-c92d-6dcf-5c7a880aae0b-1b83f002 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_4fbd25e5-01bc-c92d-6dcf-5c7a880aae0e-1b83f002 {
    place-self: center end
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-1b83f002 {
    place-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-1b83f002,
#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-1b83f002 {
    align-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-1b83f002 {
    place-self: center
}

#w-node-_0081bdc7-a39f-aae3-d0cc-a04bd168adc4-f27178c1 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_0081bdc7-a39f-aae3-d0cc-a04bd168adc7-f27178c1 {
    place-self: center end
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-f27178c1 {
    place-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-f27178c1,
#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-f27178c1 {
    align-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-f27178c1 {
    place-self: center
}

#w-node-_81abb06e-1009-d637-52da-b33f3bc39ec9-9a87c153 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_81abb06e-1009-d637-52da-b33f3bc39ecc-9a87c153 {
    place-self: center end
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-9a87c153 {
    place-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-9a87c153,
#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-9a87c153 {
    align-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-9a87c153 {
    place-self: center
}

#w-node-_4359988f-92f7-8632-ee96-aab2478f7c03-fea2350b {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_4359988f-92f7-8632-ee96-aab2478f7c06-fea2350b {
    place-self: center end
}

#w-node-_7aff155b-5daa-7638-aa5c-757ec401d004-3a0f1c8e {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr
}

#w-node-ff02aa43-04bf-17b8-b1ce-14f6e1288d16-3a0f1c8e,
#w-node-bf25acbf-556e-ec1d-611c-4a1b0640a256-3a0f1c8e {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-dc73ef52-1878-8917-da52-40cc1e5e78e2-3a0f1c8e {
    grid-area: span 1/span 1/span 1/span 1;
    place-self: center
}

#w-node-c9c7b568-015c-b6ae-769f-2b4cc1d6ac96-3a0f1c8e {
    grid-area: span 1/span 1/span 1/span 1;
    align-self: center
}

#w-node-b6a662a7-8c44-d779-a5c3-baabccb2ef00-bf3b6315 {
    place-self: center end
}

#hero-click-tile_1.w-node-b6a662a7-8c44-d779-a5c3-baabccb2ef0e-bf3b6315 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_20eb5586-90bc-c089-b240-4c57834cce11-bf3b6315,
#w-node-_20eb5586-90bc-c089-b240-4c57834cce1e-bf3b6315,
#w-node-_6684543c-fd28-9ab4-0578-d70d46209a16-bf3b6315 {
    align-self: start
}

#w-node-_1a941a4d-4977-a353-b290-2f856182f91d-bf3b6315 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_7973106e-6e49-d82e-35fb-394123c05718-bf3b6315 {
    align-self: start
}

#w-node-_5a483d15-c9a0-8159-a9e1-87ab0a887305-64d507e4 {
    justify-self: center
}

#w-node-_9bc709b8-cf78-56b6-3743-7c1e6b4f3462-64d507e4,
#w-node-_95fa1073-06ba-7e88-a891-12becbd64bb7-50c376d9 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_95fa1073-06ba-7e88-a891-12becbd64bc7-50c376d9 {
    place-self: center
}

#w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-50c376d9 {
    align-self: center
}

#w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-50c376d9,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-50c376d9,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a55-50c376d9,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-50c376d9,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-50c376d9 {
    align-self: start
}

#w-node-aa59cb97-d1f2-37f7-adaa-48d08da051a3-53c4d025 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_43f99fa2-e092-974b-e2fe-4eb05c261516-53c4d025,
#w-node-_43f99fa2-e092-974b-e2fe-4eb05c261533-53c4d025,
#w-node-_43f99fa2-e092-974b-e2fe-4eb05c261547-53c4d025,
#w-node-_43f99fa2-e092-974b-e2fe-4eb05c261554-53c4d025 {
    place-self: center
}

#w-node-_2190224c-3a4b-7fd5-5430-08c14418186b-44181846 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-ae686bd0-090f-dfe6-62c5-681d899f6399-a76f296f,
#w-node-ae686bd0-090f-dfe6-62c5-681d899f63be-a76f296f {
    align-self: start
}

#w-node-_2afc95c1-133b-df07-d4ab-95642cdb556f-a76f296f {
    place-self: center
}

#w-node-b5857f4a-5720-c68c-a3dd-ce7d017ddfbf-a76f296f {
    align-self: center
}

#w-node-_55b1f178-d667-cc40-7a0c-b29e8e56928b-a76f296f {
    place-self: center
}

#w-node-f6f43f24-f512-b5f5-6ada-a22446fa12c9-29040f12,
#w-node-f6f43f24-f512-b5f5-6ada-a22446fa12f1-29040f12,
#w-node-_49b1070b-d23f-633b-671a-d827dbf04525-29040f12,
#w-node-_49b1070b-d23f-633b-671a-d827dbf0452e-29040f12 {
    align-self: start
}

#w-node-ae67f9cc-2ea4-2007-34ca-41fbadc58906-adc58903 {
    place-self: center
}

#w-node-ae67f9cc-2ea4-2007-34ca-41fbadc58908-adc58903 {
    align-self: center
}

#w-node-ae686bd0-090f-dfe6-62c5-681d899f63be-13752dc8 {
    align-self: start
}

#w-node-_719495ed-93cf-37fe-c119-a4b7159c48c8-add0eef7 {
    place-self: stretch stretch
}

#w-node-b92e726f-f808-868d-30c0-81da65418aad-add0eef7 {
    grid-area: span 1/span 2/span 1/span 2
}

#w-node-e354ed8f-21db-a0fa-2528-dc2864540907-add0eef7 {
    place-self: center
}

#w-node-e354ed8f-21db-a0fa-2528-dc2864540909-add0eef7 {
    align-self: center
}

#w-node-_1e0a6172-6e36-6b2f-8bdc-c03c84aa9b33-410792d9 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1e0a6172-6e36-6b2f-8bdc-c03c84aa9b36-410792d9 {
    place-self: center end
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-410792d9 {
    place-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-410792d9,
#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-410792d9 {
    align-self: center
}

#w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-410792d9 {
    place-self: center
}

#w-node-_0d271aa5-c6b8-b817-3aef-4c27c948ad03-4aee8b58 {
    place-self: center end
}

#w-node-_0d271aa5-c6b8-b817-3aef-4c27c948ad09-4aee8b58 {
    align-self: center
}

#w-node-_4a873482-a56d-69e5-45bb-7f22e1023f3b-4aee8b58 {
    place-self: center
}

#calculator-click-flow-step1.w-node-_7a7b94f1-5e1f-ec01-c3d2-7572d66954ea-c8e259e6 {
    grid-area: 1/2/2/3
}

#w-node-a1627633-9d5a-066c-918b-fba1a5120fb1-c8e259e6 {
    grid-area: span 1/span 1/span 1/span 1
}

#calculator-click-flow-back8.w-node-a1627633-9d5a-066c-918b-fba1a5120fc3-c8e259e6 {
    grid-area: 1/2/2/3
}

#w-node-c5107ac5-3adf-1ac9-5cf3-3a469a42627a-c8e259e6,
#w-node-a3e70ab9-7d51-23f0-b9b4-717c3be5bd67-64a449b0 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-ff5209a7-e2cf-cfaa-1cab-834fb2ac9daf-64a449b0,
#w-node-ff5209a7-e2cf-cfaa-1cab-834fb2ac9dcc-64a449b0,
#w-node-ff5209a7-e2cf-cfaa-1cab-834fb2ac9de0-64a449b0,
#w-node-ff5209a7-e2cf-cfaa-1cab-834fb2ac9ded-64a449b0 {
    place-self: center
}

#w-node-a126497b-8e0c-86b1-136c-c189f068a294-ec9d989e {
    justify-self: start
}

#w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-ec9d989e {
    align-self: center
}

#w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-ec9d989e,
#w-node-_3c89ae7c-a38b-82cb-bb2b-2bd3a68bd884-ec9d989e,
#w-node-_6a0e11d9-339a-887f-1f07-d878a58d6425-ec9d989e,
#w-node-e28fbfef-f144-d4d8-2f70-e693e1cd3c1b-ec9d989e,
#w-node-e28fbfef-f144-d4d8-2f70-e693e1cd3c24-ec9d989e {
    align-self: start
}

#w-node-_5a483d15-c9a0-8159-a9e1-87ab0a887305-06f8b990 {
    justify-self: center
}

#w-node-_9bc709b8-cf78-56b6-3743-7c1e6b4f3462-06f8b990 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_18ea6e39-5510-5549-3ef5-272088625175-914afb15 {
    place-self: center end
}

#hero-click-tile_1.w-node-_18ea6e39-5510-5549-3ef5-272088625183-914afb15,
#hero-click-tile_1.w-node-_433f9ae0-61fa-ebeb-afc5-10df1309bdb6-914afb15 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-fc990625-8342-2963-135c-f3447f346c72-914afb15,
#w-node-dd761aaf-960d-7d2e-e934-eb01b8e693fd-914afb15,
#w-node-dd761aaf-960d-7d2e-e934-eb01b8e6940a-914afb15 {
    align-self: start
}

#w-node-_1a941a4d-4977-a353-b290-2f856182f91d-914afb15 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_0ba1dee7-4872-cf1f-406e-7a2356e03c5b-914afb15,
#w-node-d7f9cd86-4bd8-09dc-afd2-24ead8c31a2d-51d49f62,
#w-node-d7f9cd86-4bd8-09dc-afd2-24ead8c31a35-51d49f62,
#w-node-_509b81f7-7bd7-11f1-4830-97558ecf8cfe-51d49f62,
#w-node-_509b81f7-7bd7-11f1-4830-97558ecf8d07-51d49f62,
#w-node-e0425828-1b4c-8cd2-cfbc-c02d1772d447-51d49f62,
#w-node-e0425828-1b4c-8cd2-cfbc-c02d1772d450-51d49f62,
#w-node-_02707757-e8be-4a49-28aa-711a872109fb-51d49f62,
#w-node-_02707757-e8be-4a49-28aa-711a87210a04-51d49f62,
#w-node-_2f3de57d-d3f0-46fe-58ee-9da6fcebec4a-9b3385aa,
#w-node-_2f3de57d-d3f0-46fe-58ee-9da6fcebec86-9b3385aa {
    align-self: start
}

#w-node-f12c6f4c-5194-515d-012a-f2853626d24b-9b3385aa {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-c7b73748-90fb-f641-24cf-06b645979bac-9b3385aa {
    align-self: center
}

#w-node-_9272addb-a245-080f-6e9b-775bd8ce288d-9b3385aa {
    place-self: center
}

#w-node-_362226f2-19ce-9fb2-89a9-bd50c3056d16-c3056d11,
#w-node-_362226f2-19ce-9fb2-89a9-bd50c3056d24-c3056d11,
#w-node-_362226f2-19ce-9fb2-89a9-bd50c3056d2f-c3056d11,
#w-node-_362226f2-19ce-9fb2-89a9-bd50c3056d3a-c3056d11 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_2f3de57d-d3f0-46fe-58ee-9da6fcebec4a-73b5ee6f,
#w-node-_2f3de57d-d3f0-46fe-58ee-9da6fcebec86-73b5ee6f {
    align-self: start
}

#w-node-f12c6f4c-5194-515d-012a-f2853626d24b-73b5ee6f {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-c7b73748-90fb-f641-24cf-06b645979bac-73b5ee6f {
    align-self: center
}

#w-node-a135332e-532e-7fbf-11a2-b4a4d5f0e12f-73b5ee6f {
    place-self: center
}

#w-node-_792571eb-a132-6b3b-5e15-72554e974a38-def8dde8 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_792571eb-a132-6b3b-5e15-72554e974a48-def8dde8 {
    place-self: center
}

#w-node-_6790bbab-d102-99ef-0748-17cca24f25e7-c018e446 {
    align-self: center
}

#w-node-_6790bbab-d102-99ef-0748-17cca24f25e5-c018e446 {
    grid-area: span 1/span 1/span 1/span 1;
    place-self: center
}

#w-node-_3eadba45-0a6b-3125-0a1f-7de304c79339-af811ea2 {
    place-self: center end
}

#hero-click-tile_1.w-node-_3eadba45-0a6b-3125-0a1f-7de304c79346-af811ea2,
#w-node-_7c0a40ea-924f-baa2-339e-e085d96b1053-af811ea2,
#w-node-aa29f20d-2686-1917-a87d-e21a44fda217-af811ea2 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-aa29f20d-2686-1917-a87d-e21a44fda227-af811ea2 {
    place-self: center
}

#w-node-_1f9484ed-929b-1003-d166-737a12dd708d-af811ea2 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1f9484ed-929b-1003-d166-737a12dd709d-af811ea2 {
    place-self: center
}

#w-node-_2f8fd2ff-5743-e249-732f-862135f3ad84-af811ea2 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_2f8fd2ff-5743-e249-732f-862135f3ad94-af811ea2 {
    place-self: center
}

#w-node-df5a8845-d06c-cae5-66ba-62ea5f31f80b-af811ea2 {
    justify-self: center
}

#w-node-_57379882-5ad8-3f4d-e087-51ed940ea03e-efce54c9 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_11c6a79e-d46f-2fb5-2b7c-411afc6ec60f-efce54c9 {
    place-self: center
}

#w-node-b3f224fc-72f5-7dda-8c8d-05a120e315e6-efce54c9,
#w-node-d3dbc426-9d43-087e-64ba-0acb7651a5ec-efce54c9 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-df514da3-fd01-95cc-4af1-a6095f11917e-efce54c9 {
    align-self: start
}

#w-node-_9df8ee74-f409-2018-537b-5e9a4650e8c6-efce54c9,
#w-node-ec43eb51-3b33-129d-0772-512b30ac3806-efce54c9 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_59f3afe9-7a48-975e-0ef2-0083725c9d81-efce54c9,
#w-node-_59f3afe9-7a48-975e-0ef2-0083725c9d7f-efce54c9,
#w-node-_42c0b0fb-c002-772b-bbc5-f93353f6f973-efce54c9 {
    align-self: start
}

#w-node-_71a78791-d174-feee-9670-cd269b61f59b-6d8e8c27 {
    justify-self: start
}

#w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-6d8e8c27 {
    align-self: center
}

#w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-6d8e8c27,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-6d8e8c27,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a55-6d8e8c27,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-6d8e8c27,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-6d8e8c27 {
    align-self: start
}

#w-node-_9307143b-4760-7ed6-78e1-f22618471267-8b33947a {
    place-self: center
}

#w-node-c5107ac5-3adf-1ac9-5cf3-3a469a42627a-8b33947a,
#w-node-_4d83cd2c-691d-c4ff-c8c6-5507570c0cde-92c314f8 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_4d83cd2c-691d-c4ff-c8c6-5507570c0cee-92c314f8 {
    place-self: center
}

#w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-92c314f8 {
    align-self: center
}

#w-node-_81d8d719-1daa-88a1-a031-ff8d12263a99-b4e1010d {
    justify-self: start
}

#w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-b4e1010d {
    align-self: center
}

#w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-b4e1010d,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-b4e1010d,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a55-b4e1010d,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-b4e1010d,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-b4e1010d {
    align-self: start
}

#w-node-fe42bf0e-b71f-48db-a89e-6f906b86737c-5f1e017d {
    justify-self: start
}

#w-node-fd9fadd8-668a-b040-46d2-c73ee9a883dc-5f1e017d,
#w-node-fd9fadd8-668a-b040-46d2-c73ee9a883f9-5f1e017d,
#w-node-fd9fadd8-668a-b040-46d2-c73ee9a8840d-5f1e017d,
#w-node-fd9fadd8-668a-b040-46d2-c73ee9a8841a-5f1e017d {
    place-self: center
}

#w-node-_71a78791-d174-feee-9670-cd269b61f59b-e0fca758 {
    justify-self: start
}

#w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-e0fca758 {
    align-self: center
}

#w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-e0fca758,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-e0fca758,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a55-e0fca758,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-e0fca758,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-e0fca758 {
    align-self: start
}

#w-node-_71a78791-d174-feee-9670-cd269b61f59b-e0ffed1b {
    justify-self: start
}

#w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-e0ffed1b {
    align-self: center
}

#w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-e0ffed1b,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-e0ffed1b,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a55-e0ffed1b,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-e0ffed1b,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-e0ffed1b {
    align-self: start
}

#w-node-_71a78791-d174-feee-9670-cd269b61f59b-1de0a108 {
    justify-self: start
}

#w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-1de0a108 {
    align-self: center
}

#w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-1de0a108,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-1de0a108,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a55-1de0a108,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-1de0a108,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-1de0a108 {
    align-self: start
}

#w-node-_71a78791-d174-feee-9670-cd269b61f59b-bdce9055 {
    justify-self: start
}

#w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-bdce9055 {
    align-self: center
}

#w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-bdce9055,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-bdce9055,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a55-bdce9055,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-bdce9055,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-bdce9055 {
    align-self: start
}

#w-node-_71a78791-d174-feee-9670-cd269b61f59b-b8038196 {
    justify-self: start
}

#w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-b8038196 {
    align-self: center
}

#w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-b8038196,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-b8038196,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a55-b8038196,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-b8038196,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-b8038196 {
    align-self: start
}

#w-node-_71a78791-d174-feee-9670-cd269b61f59b-90581234 {
    justify-self: start
}

#w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-90581234 {
    align-self: center
}

#w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-90581234,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-90581234,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a55-90581234,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-90581234,
#w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-90581234 {
    align-self: start
}

#w-node-_0d271aa5-c6b8-b817-3aef-4c27c948ad03-3c2353ed {
    place-self: center end
}

#w-node-_0d271aa5-c6b8-b817-3aef-4c27c948ad09-3c2353ed {
    align-self: center
}

#w-node-bf03b870-37f7-d628-35f9-4b14663c8f8f-1eede6ec {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-bf03b870-37f7-d628-35f9-4b14663c8fba-1eede6ec {
    place-self: center
}

#w-node-_0b35c14c-14b3-24c4-d31b-41d0e0258b33-e5297bb9,
#w-node-_0b35c14c-14b3-24c4-d31b-41d0e0258b33-e19e59ce {
    justify-self: start
}

#w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-8a0f0803 {
    align-self: center
}

#w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-8a0f0803,
#w-node-_3c89ae7c-a38b-82cb-bb2b-2bd3a68bd884-8a0f0803,
#w-node-_6a0e11d9-339a-887f-1f07-d878a58d6425-8a0f0803 {
    align-self: start
}

#w-node-_2986530f-5b2d-40a0-b362-34021fd27115-8a0f0803,
#w-node-f44ec329-8951-1197-5938-02473fab4586-a479efcc {
    place-self: center
}

#w-node-f44ec329-8951-1197-5938-02473fab4588-a479efcc {
    align-self: center
}

#w-node-f44ec329-8951-1197-5938-02473fab45e8-a479efcc,
#w-node-f44ec329-8951-1197-5938-02473fab4606-a479efcc {
    place-self: center
}

#w-node-f44ec329-8951-1197-5938-02473fab4622-a479efcc {
    align-self: center
}

#w-node-f44ec329-8951-1197-5938-02473fab463b-a479efcc {
    place-self: center
}

#w-node-fc609614-7711-9034-c8be-d848855ceeaf-e28c1e41 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-fc609614-7711-9034-c8be-d848855ceebd-e28c1e41 {
    place-self: center
}

#w-node-_6d9220eb-a880-33dd-9e09-4c8711f1c724-72b7a5a8 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-f44ec329-8951-1197-5938-02473fab4586-512fb1a5 {
    place-self: center
}

#w-node-f44ec329-8951-1197-5938-02473fab4588-512fb1a5 {
    align-self: center
}

#w-node-f44ec329-8951-1197-5938-02473fab45e8-512fb1a5,
#w-node-f44ec329-8951-1197-5938-02473fab4606-512fb1a5 {
    place-self: center
}

#w-node-f44ec329-8951-1197-5938-02473fab4622-512fb1a5 {
    align-self: center
}

#w-node-f44ec329-8951-1197-5938-02473fab463b-512fb1a5,
#w-node-f44ec329-8951-1197-5938-02473fab4586-bc8529b3 {
    place-self: center
}

#w-node-f44ec329-8951-1197-5938-02473fab4588-bc8529b3 {
    align-self: center
}

#w-node-f44ec329-8951-1197-5938-02473fab45e8-bc8529b3,
#w-node-f44ec329-8951-1197-5938-02473fab4606-bc8529b3 {
    place-self: center
}

#w-node-f44ec329-8951-1197-5938-02473fab4622-bc8529b3 {
    align-self: center
}

#w-node-f44ec329-8951-1197-5938-02473fab463b-bc8529b3 {
    place-self: center
}

#w-node-_54d4aa1b-b4a8-e43a-9489-c7f84c28d55f-94662bab,
#w-node-b6ec2d34-7636-c2e5-9463-647db65855b2-746151e4 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-b6ec2d34-7636-c2e5-9463-647db65855c0-746151e4,
#w-node-_12dcf567-c33a-e9eb-3bfa-e7c5ca180b94-746151e4 {
    place-self: center
}

#w-node-b6ec2d34-7636-c2e5-9463-647db65855b2-1a29fa5e {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-b6ec2d34-7636-c2e5-9463-647db65855c0-1a29fa5e,
#w-node-_12dcf567-c33a-e9eb-3bfa-e7c5ca180b94-1a29fa5e {
    place-self: center
}

#w-node-_586dd7af-4f07-f411-2c52-6e8a881ab7ba-2b306e3b {
    align-self: start
}

@media screen and (min-width:1280px) {
    #w-node-_4f0dacbd-cacf-8fa8-6e6b-f51f9a323aa4-9a323a8d {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-_04e07586-334e-5df4-a3d0-6e03da42d9c6-da42d9c5 {
        place-self: end center
    }

    #w-node-_04e07586-334e-5df4-a3d0-6e03da42d9c9-da42d9c5 {
        grid-area: span 1/span 2/span 1/span 2;
        align-self: stretch
    }

    #w-node-d7576e0d-eabe-da5e-dcfe-138067c1b5b6-2b43ffac,
    #w-node-_361d8466-f122-c01f-3feb-ef83cc437de5-2344000b,
    #w-node-_992004b2-b264-7923-c053-63adef918850-8c43ffd7 {
        align-self: center
    }

    #w-node-_94f3c944-c9ad-193d-2cb1-8d95c81c23de-04440010 {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-b6272a16-5b43-44ed-f0f3-0cb43776dab8-04440010 {
        justify-self: center
    }

    #w-node-bc365691-6cc1-f09b-af6c-238d30420342-06917c17 {
        place-self: center
    }

    #w-node-_342d6b2e-a7ad-bb42-610a-09728de0d32b-e543fa31,
    #w-node-_64a78c98-bb60-6442-acb2-3700ddcf9c1f-e543fa31,
    #w-node-_6716576c-4fdb-84e4-1d90-e7a71a33b08b-1bbdd355,
    #w-node-_4c15eb70-72da-5bfc-8484-f2d9a51926ee-1bbdd355,
    #w-node-fad87b04-c74e-f9fc-0036-a3a6f58afa3c-1bbdd355,
    #w-node-_74c6a310-85e8-7d6d-c407-5de83a2afc21-ce66d3ca,
    #w-node-_74c6a310-85e8-7d6d-c407-5de83a2afc2e-ce66d3ca,
    #w-node-_74c6a310-85e8-7d6d-c407-5de83a2afc3c-ce66d3ca {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-b92e726f-f808-868d-30c0-81da65418aad-add0eef7 {
        grid-area: span 1/span 2/span 1/span 2;
        justify-self: start
    }

    #w-node-_9272addb-a245-080f-6e9b-775bd8ce288d-9b3385aa {
        place-self: center
    }
}

@media screen and (max-width:991px) {
    #w-node-_4f0dacbd-cacf-8fa8-6e6b-f51f9a323a93-9a323a8d {
        grid-area: span 1/span 3/span 1/span 3;
        justify-self: stretch
    }

    #w-node-_4f0dacbd-cacf-8fa8-6e6b-f51f9a323abe-9a323a8d {
        grid-area: span 1/span 1/span 1/span 1;
        justify-self: stretch
    }

    #w-node-f64fe4c7-bf12-d5a1-4b76-3aec6ecac66d-8743fa43 {
        order: 9999
    }

    #w-node-c0241c32-7816-193a-5f51-c7582cec1062-8743fa43 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-c0241c32-7816-193a-5f51-c7582cec0feb-8743fa43 {
        order: 9999
    }

    #w-node-_4287bca9-19d0-5054-6df0-787ba5b2701b-8743fa43 {
        grid-area: 1/1/2/3;
        place-self: center
    }

    #w-node-_1891cdab-c58a-f03d-939e-beade5da5cd0-2c440013 {
        place-self: stretch stretch
    }

    #w-node-_04e07586-334e-5df4-a3d0-6e03da42d9c6-da42d9c5 {
        grid-area: span 1/span 2/span 1/span 2;
        place-self: end center
    }

    #w-node-f6f43f24-f512-b5f5-6ada-a22446fa12c9-8e43faa8,
    #w-node-f9fcbcf0-199c-21a1-7d2f-e9f0fef63ed2-8e43faa8,
    #w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fb0-a943ff91 {
        order: 9999
    }

    #w-node-d7576e0d-eabe-da5e-dcfe-138067c1b5b6-2b43ffac {
        align-self: start
    }

    #w-node-c908c3fa-a49c-847b-3e31-92b46468c865-6143ffca {
        order: 9999;
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-bad101c5-c323-16a2-81fe-985255ad0002-6143ffca,
    #w-node-_289c26ce-0c78-0e92-51ae-d6a47706c04d-7a440022,
    #w-node-ed778cb0-d926-d7db-56c0-9fffe256db4b-2344000b,
    #w-node-_7daa6d9a-c5df-6ffd-7672-7f8c0eab7eda-8c43ffd7 {
        order: 9999
    }

    #w-node-_04b3eac4-4052-6f97-8621-13b41a14d68a-1a14d685 {
        grid-area: 2/1/3/2;
        align-self: start
    }

    #w-node-_04b3eac4-4052-6f97-8621-13b41a14d6a1-1a14d685 {
        grid-area: span 1/span 2/span 1/span 2;
        place-self: center
    }

    #w-node-_04b3eac4-4052-6f97-8621-13b41a14d6a3-1a14d685 {
        grid-area: 2/2/3/3;
        align-self: start
    }

    #w-node-_40c52975-61c7-f5ff-1d96-d79517843514-f5440023,
    #w-node-_468f82be-dd8d-2265-1a71-c695517daa7c-6143fdd6 {
        order: 9999
    }

    #w-node-c908c3fa-a49c-847b-3e31-92b46468c865-7343fd96 {
        order: 9999;
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-bad101c5-c323-16a2-81fe-985255ad0002-7343fd96,
    #w-node-d9278c46-4357-6450-daa7-82ce264e2c8a-7343fd96 {
        order: 9999
    }

    #w-node-c908c3fa-a49c-847b-3e31-92b46468c865-5c43fda9 {
        order: 9999;
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-bad101c5-c323-16a2-81fe-985255ad0002-5c43fda9,
    #w-node-d9278c46-4357-6450-daa7-82ce264e2c8a-5c43fda9 {
        order: 9999
    }

    #w-node-deee837a-6e34-4fdf-2f2e-d29256409434-04440010 {
        grid-area: 1/1/2/2
    }

    #w-node-deee837a-6e34-4fdf-2f2e-d29256409436-04440010 {
        grid-area: 2/1/3/2
    }

    #w-node-deee837a-6e34-4fdf-2f2e-d29256409443-04440010,
    #w-node-deee837a-6e34-4fdf-2f2e-d29256409450-04440010 {
        grid-area: 1/1/2/2
    }

    #w-node-f6f43f24-f512-b5f5-6ada-a22446fa12c9-0143faa9,
    #w-node-f9fcbcf0-199c-21a1-7d2f-e9f0fef63ed2-0143faa9,
    #w-node-_86a6195d-efb8-88a7-52f4-00088840a852-b243fa45,
    #w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fb0-7643ff92 {
        order: 9999
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d6416-7543faa7,
    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-7543faa7 {
        order: 9999;
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-_98220752-f24a-682c-5a45-31a6187550c9-fe43ffd8,
    #w-node-c0241c32-7816-193a-5f51-c7582cec0feb-fe43ffd8 {
        order: 9999
    }

    #w-node-c0241c32-7816-193a-5f51-c7582cec1062-fe43ffd8 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-da4c8b58-07d0-eb98-12b6-27af9c0e6000-c943ffab,
    #w-node-_83335d51-e54d-1bfa-ce73-10fa13737b7b-4543fb10,
    #w-node-f6f43f24-f512-b5f5-6ada-a22446fa12c9-16d99d26,
    #w-node-_49b1070b-d23f-633b-671a-d827dbf04525-16d99d26,
    #w-node-f6f43f24-f512-b5f5-6ada-a22446fa12c9-3badb5c4,
    #w-node-_49b1070b-d23f-633b-671a-d827dbf04525-3badb5c4 {
        order: 9999
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-315d8301 {
        order: 9999;
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-dd1cc51e-a4c5-b336-a265-83e0c87cad34-e40e0670,
    #w-node-_3c0557e3-e9d7-e059-0404-f249670c2aff-e40e0670 {
        order: 9999
    }

    #w-node-b5b4e9c1-5567-82d3-751a-d239d9977251-ce66d3ca,
    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-c4b35bd2 {
        order: 9999;
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-_7aff155b-5daa-7638-aa5c-757ec401d004-3a0f1c8e {
        grid-template-rows: auto;
        grid-template-columns: 1fr
    }

    #w-node-ff02aa43-04bf-17b8-b1ce-14f6e1288d16-3a0f1c8e,
    #w-node-bf25acbf-556e-ec1d-611c-4a1b0640a256-3a0f1c8e {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-_20eb5586-90bc-c089-b240-4c57834cce11-bf3b6315,
    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-50c376d9,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-50c376d9 {
        order: 9999;
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-f6f43f24-f512-b5f5-6ada-a22446fa12c9-29040f12,
    #w-node-_49b1070b-d23f-633b-671a-d827dbf04525-29040f12 {
        order: 9999
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-ec9d989e,
    #w-node-e28fbfef-f144-d4d8-2f70-e693e1cd3c1b-ec9d989e,
    #w-node-dd761aaf-960d-7d2e-e934-eb01b8e693fd-914afb15 {
        order: 9999;
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-d7f9cd86-4bd8-09dc-afd2-24ead8c31a2d-51d49f62,
    #w-node-_509b81f7-7bd7-11f1-4830-97558ecf8cfe-51d49f62,
    #w-node-e0425828-1b4c-8cd2-cfbc-c02d1772d447-51d49f62,
    #w-node-_02707757-e8be-4a49-28aa-711a872109fb-51d49f62 {
        order: 9999
    }

    #w-node-_2f3de57d-d3f0-46fe-58ee-9da6fcebec4a-9b3385aa,
    #w-node-_2f3de57d-d3f0-46fe-58ee-9da6fcebec4a-73b5ee6f {
        order: 9999;
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-df514da3-fd01-95cc-4af1-a6095f11917e-efce54c9 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-ec43eb51-3b33-129d-0772-512b30ac3806-efce54c9 {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-_42c0b0fb-c002-772b-bbc5-f93353f6f973-efce54c9,
    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-6d8e8c27,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-6d8e8c27,
    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-b4e1010d,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-b4e1010d,
    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-e0fca758,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-e0fca758,
    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-e0ffed1b,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-e0ffed1b,
    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-1de0a108,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-1de0a108,
    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-bdce9055,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-bdce9055,
    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-b8038196,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-b8038196,
    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-90581234,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-90581234,
    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-8a0f0803 {
        order: 9999;
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-_586dd7af-4f07-f411-2c52-6e8a881ab7ba-2b306e3b {
        order: 9999
    }
}

@media screen and (max-width:767px) {
    #w-node-_0e85a6c7-3a7f-45a8-1722-a3c4d75d290a-d75d2908 {
        grid-area: 1/1/2/2
    }

    #w-node-_0e85a6c7-3a7f-45a8-1722-a3c4d75d290c-d75d2908 {
        grid-area: 2/1/3/2
    }

    #w-node-_76b00d3a-962b-6c79-7841-5c3dbc35eedf-a743fddd {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-a8b32747-1dee-2ac0-b05b-ca6fe2f3fdd3-e2f3fdcd {
        order: 9999
    }

    #w-node-_4c710e3c-dcda-9409-ebc3-8da811c6f1ce-eb43fa38,
    #w-node-_68561106-8a75-7a47-7031-d34bf8ae7c74-10440007 {
        grid-area: 2/1/3/2
    }

    #w-node-_52f844fb-4e4a-8a74-3c86-50b19349441f-9349441c {
        grid-area: 1/1/2/2
    }

    #w-node-_52f844fb-4e4a-8a74-3c86-50b193494421-9349441c {
        grid-area: 2/1/3/2
    }

    #w-node-a0355f43-02f8-5952-e50b-8606311adbd6-9dffca45 {
        grid-area: 1/1/2/2
    }

    #w-node-a0355f43-02f8-5952-e50b-8606311adbd8-9dffca45 {
        grid-area: 2/1/3/2
    }

    #w-node-_747f3a08-4b92-8823-cad9-206a617f327a-3443fa24 {
        grid-area: 1/1/2/2
    }

    #w-node-_747f3a08-4b92-8823-cad9-206a617f3274-3443fa24,
    #w-node-_3448b228-1c3d-8f56-8e44-7c973929ed5d-3443fa24 {
        grid-area: 2/1/3/2
    }

    #w-node-_3448b228-1c3d-8f56-8e44-7c973929ed5b-3443fa24,
    #w-node-_854ef4cd-a250-6ebe-552c-7b925ffa1b58-3443fa24 {
        grid-area: 1/1/2/2
    }

    #w-node-_854ef4cd-a250-6ebe-552c-7b925ffa1b5a-3443fa24,
    #w-node-_4df03baf-b986-7069-f248-b01f8269453e-3443fa24 {
        grid-area: 2/1/3/2
    }

    #w-node-_4df03baf-b986-7069-f248-b01f82694543-3443fa24 {
        grid-area: 1/1/2/2
    }

    #w-node-d293f4f9-61a3-b8f7-5095-96cc76daaad3-8743fa43,
    #w-node-f64fe4c7-bf12-d5a1-4b76-3aec6ecac66d-8743fa43,
    #w-node-c0241c32-7816-193a-5f51-c7582cec1062-8743fa43,
    #w-node-c0241c32-7816-193a-5f51-c7582cec0feb-8743fa43 {
        grid-area: 2/1/3/2
    }

    #w-node-_4287bca9-19d0-5054-6df0-787ba5b2701b-8743fa43 {
        grid-area: 1/1/2/3;
        place-self: center
    }

    #w-node-_15c57d5c-3d3d-df75-4b8e-ec8b8172977e-81729779 {
        order: 9999
    }

    #w-node-dc3fc9cb-6cec-222b-c752-efa7620e35fe-620e35fb {
        grid-area: 1/1/2/2
    }

    #w-node-dc3fc9cb-6cec-222b-c752-efa7620e3600-620e35fb,
    #w-node-_617c30ae-4e8f-f319-0b73-45a9ec36e27e-c543fde0 {
        grid-area: 2/1/3/2
    }

    #w-node-_617c30ae-4e8f-f319-0b73-45a9ec36e286-c543fde0 {
        grid-area: 1/1/2/2
    }

    #w-node-bb4de4e1-144a-b8a2-6997-114e554f3622-1e43ff8f {
        grid-area: 2/1/3/2
    }

    #w-node-bb4de4e1-144a-b8a2-6997-114e554f3628-1e43ff8f,
    #w-node-_378a7d3d-16af-2948-10d7-aad077aabf21-77aabf1e {
        grid-area: 1/1/2/2
    }

    #w-node-_378a7d3d-16af-2948-10d7-aad077aabf23-77aabf1e,
    #w-node-f6f43f24-f512-b5f5-6ada-a22446fa12c9-8e43faa8,
    #w-node-f9fcbcf0-199c-21a1-7d2f-e9f0fef63ed2-8e43faa8 {
        grid-area: 2/1/3/2
    }

    #w-node-_02f87a85-c573-83e6-6ba7-f4f2aae14844-aae14841 {
        grid-area: 1/1/2/2
    }

    #w-node-_02f87a85-c573-83e6-6ba7-f4f2aae14846-aae14841,
    #w-node-_68561106-8a75-7a47-7031-d34bf8ae7c74-63440008 {
        grid-area: 2/1/3/2
    }

    #w-node-_44957b70-7e63-371e-a1c4-c6f080a2ff21-ce43fa30 {
        grid-area: 1/1/2/2
    }

    #w-node-_44957b70-7e63-371e-a1c4-c6f080a2ff23-ce43fa30,
    #w-node-_44957b70-7e63-371e-a1c4-c6f080a2ff8a-ce43fa30 {
        grid-area: 2/1/3/2
    }

    #w-node-_44957b70-7e63-371e-a1c4-c6f080a2ff92-ce43fa30 {
        grid-area: 1/1/2/2
    }

    #w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fb0-a943ff91 {
        grid-area: 2/1/3/2
    }

    #w-node-_61bc92fd-4822-08ee-d047-e26ba6259909-a943ff91 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-bc502bd2-031b-a436-9042-dce8ffcf7b74-ffcf7b71 {
        grid-area: 1/1/2/2
    }

    #w-node-bc502bd2-031b-a436-9042-dce8ffcf7b76-ffcf7b71 {
        grid-area: 2/1/3/2
    }

    #w-node-_618b0e9c-d231-2099-9ba0-5323d1e135a7-d1e135a4 {
        grid-area: 1/1/2/2
    }

    #w-node-_618b0e9c-d231-2099-9ba0-5323d1e135a9-d1e135a4 {
        grid-area: 2/1/3/2
    }

    #w-node-_7b563321-7e19-3a7d-a1f1-cf1be9daec3f-4243fdd8 {
        grid-area: 1/1/2/2
    }

    #w-node-_7b563321-7e19-3a7d-a1f1-cf1be9daec41-4243fdd8 {
        grid-area: 2/1/3/2
    }

    #w-node-_78878252-68de-147c-f6c2-46dd7528a65a-7528a655 {
        order: 9999
    }

    #w-node-_3c3f8e3b-d053-9485-5103-d1e8d63fbda6-2b43ffac {
        order: 9999;
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-_23ce927c-1177-6e6e-94e4-607209669d9b-2b43ffac {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-d7576e0d-eabe-da5e-dcfe-138067c1b5a9-2b43ffac {
        order: 9999;
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-d7576e0d-eabe-da5e-dcfe-138067c1b5b6-2b43ffac {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-c908c3fa-a49c-847b-3e31-92b46468c865-6143ffca {
        grid-area: 2/1/3/2
    }

    #w-node-_74328ec1-c2b5-5cd4-f329-8ce9f04dada4-6143ffca {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-bad101c5-c323-16a2-81fe-985255ad0002-6143ffca {
        grid-area: 2/1/3/2
    }

    #w-node-bad101c5-c323-16a2-81fe-985255ad0014-6143ffca {
        align-self: start
    }

    #w-node-_289c26ce-0c78-0e92-51ae-d6a47706c04d-7a440022 {
        grid-area: 2/1/3/2
    }

    #w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fd6-7a440022 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-_5ef34b64-6f56-8bef-0aa8-6b196d34c98d-2344000b {
        grid-area: 2/1/3/2
    }

    #w-node-_5ef34b64-6f56-8bef-0aa8-6b196d34c993-2344000b,
    #w-node-_4abc6e3f-e8e7-83c3-bc37-969dc8f3236d-2344000b {
        grid-area: 1/1/2/2
    }

    #w-node-_4abc6e3f-e8e7-83c3-bc37-969dc8f3236f-2344000b,
    #w-node-_361d8466-f122-c01f-3feb-ef83cc437de5-2344000b {
        grid-area: 2/1/3/2
    }

    #w-node-_361d8466-f122-c01f-3feb-ef83cc437deb-2344000b {
        grid-area: 1/1/2/2
    }

    #w-node-ed778cb0-d926-d7db-56c0-9fffe256db4b-2344000b,
    #w-node-_7daa6d9a-c5df-6ffd-7672-7f8c0eab7eda-8c43ffd7 {
        grid-area: 2/1/3/2
    }

    #w-node-_992004b2-b264-7923-c053-63adef918850-8c43ffd7 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-_04b3eac4-4052-6f97-8621-13b41a14d68a-1a14d685 {
        grid-area: 2/1/3/2
    }

    #w-node-_04b3eac4-4052-6f97-8621-13b41a14d6a1-1a14d685 {
        grid-area: 1/1/2/3;
        place-self: center
    }

    #w-node-_04b3eac4-4052-6f97-8621-13b41a14d6a3-1a14d685 {
        grid-area: 2/2/3/3
    }

    #w-node-_40c52975-61c7-f5ff-1d96-d79517843514-f5440023 {
        grid-area: 2/1/3/2
    }

    #w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fd6-f5440023 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-_468f82be-dd8d-2265-1a71-c695517daa7c-6143fdd6 {
        grid-area: 2/1/3/2
    }

    #w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fd6-6143fdd6 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-_5c90bd2a-ec5e-a942-43fd-8b144806df9d-4806df9a {
        grid-area: 1/1/2/2
    }

    #w-node-_5c90bd2a-ec5e-a942-43fd-8b144806df9f-4806df9a,
    #w-node-c908c3fa-a49c-847b-3e31-92b46468c865-7343fd96,
    #w-node-bad101c5-c323-16a2-81fe-985255ad0002-7343fd96 {
        grid-area: 2/1/3/2
    }

    #w-node-bad101c5-c323-16a2-81fe-985255ad0014-7343fd96,
    #w-node-d9278c46-4357-6450-daa7-82ce264e2c87-7343fd96 {
        align-self: start
    }

    #w-node-d9278c46-4357-6450-daa7-82ce264e2c8a-7343fd96 {
        grid-area: 2/1/3/2
    }

    #w-node-f0fb4094-8b2e-0f81-26d2-1696e7b12944-e7b12941 {
        grid-area: 1/1/2/2
    }

    #w-node-f0fb4094-8b2e-0f81-26d2-1696e7b12946-e7b12941,
    #w-node-c908c3fa-a49c-847b-3e31-92b46468c865-5c43fda9 {
        grid-area: 2/1/3/2
    }

    #w-node-bad101c5-c323-16a2-81fe-985255ad0014-5c43fda9 {
        align-self: start
    }

    #w-node-bad101c5-c323-16a2-81fe-985255ad0002-5c43fda9 {
        grid-area: 2/1/3/2
    }

    #w-node-d9278c46-4357-6450-daa7-82ce264e2c87-5c43fda9 {
        align-self: start
    }

    #w-node-d9278c46-4357-6450-daa7-82ce264e2c8a-5c43fda9,
    #w-node-_617c30ae-4e8f-f319-0b73-45a9ec36e27e-c343f9f3 {
        grid-area: 2/1/3/2
    }

    #w-node-_617c30ae-4e8f-f319-0b73-45a9ec36e286-c343f9f3 {
        grid-area: 1/1/2/2
    }

    #w-node-_391a3ece-3aee-b4cb-6f7f-41e0110248fd-04440010 {
        grid-area: 2/1/3/2
    }

    #w-node-_391a3ece-3aee-b4cb-6f7f-41e011024954-04440010 {
        order: 9999
    }

    #w-node-dcedaf98-509b-ad2d-0d9f-7d64671e3016-04440010,
    #w-node-_7c71183a-1598-ca66-e41a-6cd6b508dd0e-04440010,
    #w-node-f6f43f24-f512-b5f5-6ada-a22446fa12c9-0143faa9,
    #w-node-f9fcbcf0-199c-21a1-7d2f-e9f0fef63ed2-0143faa9,
    #w-node-_86a6195d-efb8-88a7-52f4-00088840a852-b243fa45,
    #w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fb0-7643ff92 {
        grid-area: 2/1/3/2
    }

    #w-node-_50546a0b-a4d2-4d93-6b26-7ae98f70f9d4-7643ff92 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d6416-7543faa7 {
        grid-area: 2/1/3/2
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d6422-7543faa7 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-7543faa7 {
        grid-area: 2/1/3/2
    }

    #w-node-bc365691-6cc1-f09b-af6c-238d30420342-06917c17 {
        grid-area: 1/1/2/2
    }

    #w-node-bc365691-6cc1-f09b-af6c-238d3042033a-06917c17,
    #w-node-d293f4f9-61a3-b8f7-5095-96cc76daaad3-fe43ffd8,
    #w-node-_98220752-f24a-682c-5a45-31a6187550c9-fe43ffd8 {
        grid-area: 2/1/3/2
    }

    #w-node-_98220752-f24a-682c-5a45-31a618755103-fe43ffd8 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-c0241c32-7816-193a-5f51-c7582cec0feb-fe43ffd8,
    #w-node-c0241c32-7816-193a-5f51-c7582cec1062-fe43ffd8 {
        grid-area: 2/1/3/2
    }

    #w-node-d9302c23-e97a-3323-b2c5-d295e77bfd1c-1dc6efdf {
        order: 9999
    }

    #w-node-_1ac48e84-8a7a-156f-1fb7-f156719409c9-719409c6 {
        grid-area: 1/1/2/2
    }

    #w-node-_1ac48e84-8a7a-156f-1fb7-f156719409cb-719409c6,
    #w-node-da4c8b58-07d0-eb98-12b6-27af9c0e6000-c943ffab {
        grid-area: 2/1/3/2
    }

    #w-node-_17a210ef-a80d-f7cc-e58c-041d96e2749b-c943ffab {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-_83335d51-e54d-1bfa-ce73-10fa13737b7b-4543fb10 {
        grid-area: 2/1/3/2
    }

    #w-node-_2cabafad-4e18-f18c-280a-6b9053853cd0-4543fb10 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-dd82c39a-7a31-4fe7-9a3d-d48a9f09fc98-9f09fc95 {
        grid-area: 1/1/2/2
    }

    #w-node-dd82c39a-7a31-4fe7-9a3d-d48a9f09fc9a-9f09fc95,
    #w-node-f6f43f24-f512-b5f5-6ada-a22446fa12c9-16d99d26,
    #w-node-_49b1070b-d23f-633b-671a-d827dbf04525-16d99d26,
    #w-node-f6f43f24-f512-b5f5-6ada-a22446fa12c9-3badb5c4,
    #w-node-_49b1070b-d23f-633b-671a-d827dbf04525-3badb5c4 {
        grid-area: 2/1/3/2
    }

    #w-node-_9047665b-a864-d969-e271-a824782ceccf-ebe5afbe {
        grid-area: 1/1/2/2
    }

    #w-node-_9047665b-a864-d969-e271-a824782cecd1-ebe5afbe,
    #w-node-d29dd140-4395-1d8a-1f5c-2d60cc0fa8f9-ebe5afbe {
        grid-area: 2/1/3/2
    }

    #w-node-d29dd140-4395-1d8a-1f5c-2d60cc0fa901-ebe5afbe,
    #w-node-_4abc6e3f-e8e7-83c3-bc37-969dc8f3236d-91629398 {
        grid-area: 1/1/2/2
    }

    #w-node-_4abc6e3f-e8e7-83c3-bc37-969dc8f3236f-91629398,
    #w-node-d62006c1-241f-79a3-660d-34d59a6c5a58-9a6c5a56 {
        grid-area: 2/1/3/2
    }

    #w-node-d62006c1-241f-79a3-660d-34d59a6c5a60-9a6c5a56 {
        grid-area: 1/1/2/2
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d7-315d8301 {
        align-self: start
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-315d8301 {
        align-self: center
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-315d8301 {
        grid-area: 2/1/3/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-c10842ba {
        grid-area: 1/1/2/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-c10842ba,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-c10842ba {
        grid-area: 2/1/3/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-c10842ba {
        grid-area: 1/1/2/2
    }

    #w-node-dd1cc51e-a4c5-b336-a265-83e0c87cad34-e40e0670,
    #w-node-_3c0557e3-e9d7-e059-0404-f249670c2aff-e40e0670,
    #w-node-_065cc40b-ad6d-8b25-ecb2-63be2021840a-e40e0670 {
        grid-area: 2/1/3/2
    }

    #w-node-_065cc40b-ad6d-8b25-ecb2-63be20218408-e40e0670,
    #w-node-_85841fdc-a331-8032-a576-51b1f81779bc-e40e0670 {
        grid-area: 1/1/2/2
    }

    #w-node-_85841fdc-a331-8032-a576-51b1f81779be-e40e0670 {
        grid-area: 2/1/3/2
    }

    #w-node-_96307bf2-24be-f1e5-47e8-20a3c9db9a54-e40e0670 {
        order: 9999
    }

    #w-node-ea3db2ec-1a7e-709a-4cd0-a6496bca4109-ce66d3ca {
        align-self: start
    }

    #w-node-ea3db2ec-1a7e-709a-4cd0-a6496bca410b-ce66d3ca {
        align-self: center
    }

    #w-node-b5b4e9c1-5567-82d3-751a-d239d9977251-ce66d3ca {
        grid-area: 2/1/3/2
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d7-c4b35bd2 {
        align-self: start
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-c4b35bd2 {
        align-self: center
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-c4b35bd2 {
        grid-area: 2/1/3/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-46f622ad {
        grid-area: 1/1/2/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-46f622ad,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-46f622ad {
        grid-area: 2/1/3/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-46f622ad,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-4be60c7b {
        grid-area: 1/1/2/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-4be60c7b,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-4be60c7b {
        grid-area: 2/1/3/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-4be60c7b,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-038d167b {
        grid-area: 1/1/2/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-038d167b,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-038d167b {
        grid-area: 2/1/3/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-038d167b,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-9f1c4a99 {
        grid-area: 1/1/2/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-9f1c4a99,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-9f1c4a99 {
        grid-area: 2/1/3/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-9f1c4a99,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-0c6cd2ff {
        grid-area: 1/1/2/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-0c6cd2ff,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-0c6cd2ff {
        grid-area: 2/1/3/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-0c6cd2ff,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-d4b990d4 {
        grid-area: 1/1/2/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-d4b990d4,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-d4b990d4 {
        grid-area: 2/1/3/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-d4b990d4,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-1b83f002 {
        grid-area: 1/1/2/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-1b83f002,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-1b83f002 {
        grid-area: 2/1/3/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-1b83f002,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-f27178c1 {
        grid-area: 1/1/2/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-f27178c1,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-f27178c1 {
        grid-area: 2/1/3/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-f27178c1,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-9a87c153 {
        grid-area: 1/1/2/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-9a87c153,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-9a87c153 {
        grid-area: 2/1/3/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-9a87c153 {
        grid-area: 1/1/2/2
    }

    #w-node-dc73ef52-1878-8917-da52-40cc1e5e78e2-3a0f1c8e {
        justify-self: start
    }

    #w-node-_20eb5586-90bc-c089-b240-4c57834cce11-bf3b6315 {
        grid-area: 2/1/3/2
    }

    #w-node-_6684543c-fd28-9ab4-0578-d70d46209a13-bf3b6315,
    #w-node-_7973106e-6e49-d82e-35fb-394123c05716-bf3b6315 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d7-50c376d9 {
        align-self: start
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-50c376d9 {
        align-self: center
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-50c376d9,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-50c376d9,
    #w-node-ae686bd0-090f-dfe6-62c5-681d899f6399-a76f296f {
        grid-area: 2/1/3/2
    }

    #w-node-_2afc95c1-133b-df07-d4ab-95642cdb556f-a76f296f {
        grid-area: 1/1/2/2
    }

    #w-node-b5857f4a-5720-c68c-a3dd-ce7d017ddfbf-a76f296f {
        order: 9999
    }

    #w-node-f6f43f24-f512-b5f5-6ada-a22446fa12c9-29040f12,
    #w-node-_49b1070b-d23f-633b-671a-d827dbf04525-29040f12 {
        grid-area: 2/1/3/2
    }

    #w-node-ae67f9cc-2ea4-2007-34ca-41fbadc58906-adc58903 {
        grid-area: 1/1/2/2
    }

    #w-node-ae67f9cc-2ea4-2007-34ca-41fbadc58908-adc58903 {
        grid-area: 2/1/3/2
    }

    #w-node-e354ed8f-21db-a0fa-2528-dc2864540907-add0eef7 {
        grid-area: 1/1/2/2
    }

    #w-node-e354ed8f-21db-a0fa-2528-dc2864540909-add0eef7 {
        grid-area: 2/1/3/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7674-410792d9 {
        grid-area: 1/1/2/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7676-410792d9,
    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b7654-410792d9 {
        grid-area: 2/1/3/2
    }

    #w-node-f8b352db-d3e9-9cd7-6b5f-88f3ff2b766f-410792d9 {
        grid-area: 1/1/2/2
    }

    #calculator-flow-submit.w-node-a1627633-9d5a-066c-918b-fba1a5120fc6-c8e259e6 {
        order: -9999
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d7-ec9d989e {
        align-self: start
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-ec9d989e {
        align-self: center
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-ec9d989e,
    #w-node-e28fbfef-f144-d4d8-2f70-e693e1cd3c1b-ec9d989e {
        grid-area: 2/1/3/2
    }

    #w-node-fc990625-8342-2963-135c-f3447f346c70-914afb15 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-dd761aaf-960d-7d2e-e934-eb01b8e693fd-914afb15 {
        grid-area: 2/1/3/2
    }

    #w-node-_0ba1dee7-4872-cf1f-406e-7a2356e03c59-914afb15 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-d7f9cd86-4bd8-09dc-afd2-24ead8c31a2d-51d49f62,
    #w-node-_509b81f7-7bd7-11f1-4830-97558ecf8cfe-51d49f62,
    #w-node-e0425828-1b4c-8cd2-cfbc-c02d1772d447-51d49f62,
    #w-node-_02707757-e8be-4a49-28aa-711a872109fb-51d49f62,
    #w-node-_2f3de57d-d3f0-46fe-58ee-9da6fcebec4a-9b3385aa,
    #w-node-c7b73748-90fb-f641-24cf-06b645979bac-9b3385aa,
    #w-node-_2f3de57d-d3f0-46fe-58ee-9da6fcebec4a-73b5ee6f,
    #w-node-c7b73748-90fb-f641-24cf-06b645979bac-73b5ee6f,
    #w-node-_6790bbab-d102-99ef-0748-17cca24f25e7-c018e446,
    #w-node-_42c0b0fb-c002-772b-bbc5-f93353f6f973-efce54c9 {
        grid-area: 2/1/3/2
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d7-6d8e8c27 {
        align-self: start
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-6d8e8c27 {
        align-self: center
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-6d8e8c27,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-6d8e8c27 {
        grid-area: 2/1/3/2
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d7-92c314f8 {
        align-self: start
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-92c314f8 {
        align-self: center
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d7-b4e1010d {
        align-self: start
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-b4e1010d {
        align-self: center
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-b4e1010d,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-b4e1010d {
        grid-area: 2/1/3/2
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d7-e0fca758 {
        align-self: start
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-e0fca758 {
        align-self: center
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-e0fca758,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-e0fca758 {
        grid-area: 2/1/3/2
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d7-e0ffed1b {
        align-self: start
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-e0ffed1b {
        align-self: center
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-e0ffed1b,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-e0ffed1b {
        grid-area: 2/1/3/2
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d7-1de0a108 {
        align-self: start
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-1de0a108 {
        align-self: center
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-1de0a108,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-1de0a108 {
        grid-area: 2/1/3/2
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d7-bdce9055 {
        align-self: start
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-bdce9055 {
        align-self: center
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-bdce9055,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-bdce9055 {
        grid-area: 2/1/3/2
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d7-b8038196 {
        align-self: start
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-b8038196 {
        align-self: center
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-b8038196,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-b8038196 {
        grid-area: 2/1/3/2
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d7-90581234 {
        align-self: start
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-90581234 {
        align-self: center
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-90581234,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a5f-90581234 {
        grid-area: 2/1/3/2
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d7-8a0f0803 {
        align-self: start
    }

    #w-node-_4a4c9b2b-6674-e3ef-3ecf-33994b9953d9-8a0f0803 {
        align-self: center
    }

    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d642f-8a0f0803 {
        grid-area: 2/1/3/2
    }

    #w-node-f44ec329-8951-1197-5938-02473fab4586-a479efcc {
        grid-area: 1/1/2/2
    }

    #w-node-f44ec329-8951-1197-5938-02473fab4588-a479efcc,
    #w-node-f44ec329-8951-1197-5938-02473fab4622-a479efcc {
        grid-area: 2/1/3/2
    }

    #w-node-f44ec329-8951-1197-5938-02473fab463b-a479efcc,
    #w-node-f44ec329-8951-1197-5938-02473fab4586-512fb1a5 {
        grid-area: 1/1/2/2
    }

    #w-node-f44ec329-8951-1197-5938-02473fab4588-512fb1a5,
    #w-node-f44ec329-8951-1197-5938-02473fab4622-512fb1a5 {
        grid-area: 2/1/3/2
    }

    #w-node-f44ec329-8951-1197-5938-02473fab463b-512fb1a5,
    #w-node-f44ec329-8951-1197-5938-02473fab4586-bc8529b3 {
        grid-area: 1/1/2/2
    }

    #w-node-f44ec329-8951-1197-5938-02473fab4588-bc8529b3,
    #w-node-f44ec329-8951-1197-5938-02473fab4622-bc8529b3 {
        grid-area: 2/1/3/2
    }

    #w-node-f44ec329-8951-1197-5938-02473fab463b-bc8529b3 {
        grid-area: 1/1/2/2
    }

    #w-node-_586dd7af-4f07-f411-2c52-6e8a881ab7ba-2b306e3b {
        grid-area: 2/1/3/2
    }
}

@media screen and (max-width:479px) {

    #w-node-de04838a-110c-fc86-b35d-c5f67303e6ff-10440007,
    #w-node-d293f4f9-61a3-b8f7-5095-96cc76daaad0-8743fa43,
    #w-node-f64fe4c7-bf12-d5a1-4b76-3aec6ecac6a3-8743fa43,
    #w-node-c0241c32-7816-193a-5f51-c7582cec105f-8743fa43,
    #w-node-c0241c32-7816-193a-5f51-c7582cec105b-8743fa43 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-_4287bca9-19d0-5054-6df0-787ba5b2701b-8743fa43 {
        grid-column-end: 2
    }

    #w-node-_4287bca9-19d0-5054-6df0-787ba5b27024-8743fa43 {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-_04e07586-334e-5df4-a3d0-6e03da42d9c6-da42d9c5 {
        grid-area: span 1/span 2/span 1/span 2;
        place-self: end center
    }

    #w-node-f6f43f24-f512-b5f5-6ada-a22446fa12f1-8e43faa8,
    #w-node-f9fcbcf0-199c-21a1-7d2f-e9f0fef63edb-8e43faa8,
    #w-node-de04838a-110c-fc86-b35d-c5f67303e6ff-63440008,
    #w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fd2-a943ff91,
    #w-node-_5a483d15-c9a0-8159-a9e1-87ab0a887305-1343fddf,
    #w-node-_3c3f8e3b-d053-9485-5103-d1e8d63fbdad-2b43ffac,
    #w-node-c908c3fa-a49c-847b-3e31-92b46468c886-6143ffca,
    #w-node-_289c26ce-0c78-0e92-51ae-d6a47706c071-7a440022,
    #w-node-ed778cb0-d926-d7db-56c0-9fffe256db57-2344000b,
    #w-node-_7daa6d9a-c5df-6ffd-7672-7f8c0eab7f0f-8c43ffd7 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-_04b3eac4-4052-6f97-8621-13b41a14d6a1-1a14d685 {
        grid-column-end: 2
    }

    #w-node-_04b3eac4-4052-6f97-8621-13b41a14d6a3-1a14d685 {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-_40c52975-61c7-f5ff-1d96-d79517843538-f5440023,
    #w-node-_468f82be-dd8d-2265-1a71-c695517daa9e-6143fdd6,
    #w-node-c908c3fa-a49c-847b-3e31-92b46468c886-7343fd96,
    #w-node-c908c3fa-a49c-847b-3e31-92b46468c886-5c43fda9,
    #w-node-_391a3ece-3aee-b4cb-6f7f-41e011024922-04440010,
    #w-node-dcedaf98-509b-ad2d-0d9f-7d64671e3045-04440010,
    #w-node-_4f58343f-aa76-901c-7a75-3acf33222ac9-04440010,
    #w-node-f6f43f24-f512-b5f5-6ada-a22446fa12f1-0143faa9,
    #w-node-f9fcbcf0-199c-21a1-7d2f-e9f0fef63edb-0143faa9,
    #w-node-_86a6195d-efb8-88a7-52f4-00088840a894-b243fa45,
    #w-node-fcf8c641-e26f-467e-0a8f-e06c0c187fd2-7643ff92,
    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d641f-7543faa7,
    #w-node-_6a0e11d9-339a-887f-1f07-d878a58d6438-7543faa7,
    #w-node-d293f4f9-61a3-b8f7-5095-96cc76daaad0-fe43ffd8,
    #w-node-_98220752-f24a-682c-5a45-31a6187550ff-fe43ffd8,
    #w-node-c0241c32-7816-193a-5f51-c7582cec105b-fe43ffd8,
    #w-node-c0241c32-7816-193a-5f51-c7582cec105f-fe43ffd8,
    #w-node-da4c8b58-07d0-eb98-12b6-27af9c0e6007-c943ffab,
    #w-node-_83335d51-e54d-1bfa-ce73-10fa13737baf-4543fb10 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-_7a8b2e6b-ebd3-46cd-313e-3701c16a4bda-e543fa31,
    #w-node-_64a78c98-bb60-6442-acb2-3700ddcf9c1c-e543fa31,
    #w-node-e4e4154b-fe7f-7ae0-e651-ae6f60bba7bb-e543fa31 {
        grid-area: span 1/span 1/span 1/span 1;
        place-self: stretch stretch
    }

    #w-node-f6f43f24-f512-b5f5-6ada-a22446fa12f1-16d99d26,
    #w-node-_49b1070b-d23f-633b-671a-d827dbf0452e-16d99d26,
    #w-node-f6f43f24-f512-b5f5-6ada-a22446fa12f1-3badb5c4,
    #w-node-_49b1070b-d23f-633b-671a-d827dbf0452e-3badb5c4,
    #w-node-_3c89ae7c-a38b-82cb-bb2b-2bd3a68bd884-315d8301,
    #w-node-b5b4e9c1-5567-82d3-751a-d239d997725a-ce66d3ca,
    #w-node-_3c89ae7c-a38b-82cb-bb2b-2bd3a68bd884-c4b35bd2,
    #w-node-_20eb5586-90bc-c089-b240-4c57834cce1e-bf3b6315,
    #w-node-_5a483d15-c9a0-8159-a9e1-87ab0a887305-64d507e4,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-50c376d9,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-50c376d9,
    #w-node-ae686bd0-090f-dfe6-62c5-681d899f63be-a76f296f,
    #w-node-f6f43f24-f512-b5f5-6ada-a22446fa12f1-29040f12,
    #w-node-_49b1070b-d23f-633b-671a-d827dbf0452e-29040f12,
    #w-node-ae686bd0-090f-dfe6-62c5-681d899f63be-13752dc8,
    #w-node-_3c89ae7c-a38b-82cb-bb2b-2bd3a68bd884-ec9d989e,
    #w-node-e28fbfef-f144-d4d8-2f70-e693e1cd3c24-ec9d989e,
    #w-node-_5a483d15-c9a0-8159-a9e1-87ab0a887305-06f8b990,
    #w-node-dd761aaf-960d-7d2e-e934-eb01b8e6940a-914afb15,
    #w-node-d7f9cd86-4bd8-09dc-afd2-24ead8c31a35-51d49f62,
    #w-node-_509b81f7-7bd7-11f1-4830-97558ecf8d07-51d49f62,
    #w-node-e0425828-1b4c-8cd2-cfbc-c02d1772d450-51d49f62,
    #w-node-_02707757-e8be-4a49-28aa-711a87210a04-51d49f62,
    #w-node-_2f3de57d-d3f0-46fe-58ee-9da6fcebec86-9b3385aa,
    #w-node-_2f3de57d-d3f0-46fe-58ee-9da6fcebec86-73b5ee6f,
    #w-node-df5a8845-d06c-cae5-66ba-62ea5f31f80b-af811ea2 {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }

    #w-node-df514da3-fd01-95cc-4af1-a6095f11917e-efce54c9,
    #w-node-ec43eb51-3b33-129d-0772-512b30ac3806-efce54c9 {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-_59f3afe9-7a48-975e-0ef2-0083725c9d7f-efce54c9,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-6d8e8c27,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-6d8e8c27,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-b4e1010d,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-b4e1010d,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-e0fca758,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-e0fca758,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-e0ffed1b,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-e0ffed1b,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-1de0a108,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-1de0a108,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-bdce9055,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-bdce9055,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-b8038196,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-b8038196,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a53-90581234,
    #w-node-_0bd49616-8b1c-e259-ffb3-c7e2ce3f2a68-90581234,
    #w-node-_3c89ae7c-a38b-82cb-bb2b-2bd3a68bd884-8a0f0803,
    #w-node-_4cbc8b9b-0414-6f62-cd19-c485d4220275-2b306e3b {
        grid-area: span 1/span 1/span 1/span 1;
        align-self: start
    }
}