.elementor-kit-8,
body { --e-global-color-primary: #343333 !important;
--e-global-color-accent: #343333 !important;
--c-primary: #343333;
--c--primary: #343333;
--c-primary-alt: color-mix(in srgb, var(--c-primary) 90%, white);
--c-primary90: rgb(from var(--c-primary) r g b / 90%);
--c-primary45: rgb(from var(--c-primary) r g b / 45%);
--c-primary35: rgb(from var(--c-primary) r g b / 35%);
--c-headlines: #343333;
--c-darkgray: #343333;
--c-red: #E73439;
--c-blue: #77CAE5;
} body.color-scheme-blue {
--e-global-color-primary: #77CAE5 !important;
--e-global-color-accent: #77CAE5 !important;
--c-primary: #77CAE5;
--c--primary: #77CAE5;
--c-primary-alt: color-mix(in srgb, var(--c-primary) 90%, white);
} body.color-scheme-red {
--e-global-color-primary: #E73439 !important;
--e-global-color-accent: #E73439 !important;
--c-primary: #E73439;
--c--primary: #E73439;
--c-primary-alt: color-mix(in srgb, var(--c-primary) 90%, white);
}
#content {
margin-top:var(--header-height);
}
.elementor-editor-active #content,
.page-template-page-home-sl #content {
margin-top:0;
} body {
font-size: var(--fs-m);
}  ::selection {
color: var(--c-soft-grey);
background-color: color-mix(in srgb, var(--c-primary) 90%, black);
} h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6 {
color: var(--c-primary); }
a, .page-title { }
a:hover, a:focus { }
#page-title-text-container a:hover {
color: var(--c-soft-grey);
opacity: .7;
}
h4.bundesland-title {
transition: all .2s ease;
}
h4.bundesland-title,
.elementor-widget-accordion .elementor-accordion-title,
h4.ns-accordion-title {
color: var(--c-headlines) !important;
}
h4.bundesland-title:hover,
.elementor-widget-accordion .elementor-accordion-title:hover,
h4.ns-accordion-title:hover {
color: var(--c-primary) !important;
} .f-outline-blue {
color: var(--c--text);
color: rgba(0, 0, 0, 0);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--c--text);
}  .partner-vorteile ul li,
.elementor-widget-text-editor ul li,
.wysiwyg ul li,
#kollektion-partner-cta ul li {
padding-left: 24px;
} .partner-vorteile ul li::before,
.elementor-widget-text-editor ul li::before,
.wysiwyg ul li::before,
#kollektion-partner-cta ul li::before {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/drop-icon-neutral-filled.svg) center no-repeat;
transform: scale(0.6);
content: "";
position: absolute;
left: 0; top: 0.27lh;
width: 10px;
height: 12px;
background-size: 10px !important;
} .color-scheme-blue .partner-vorteile ul li::before,
.color-scheme-blue .wysiwyg ul li::before,
.color-scheme-blue .elementor-widget-text-editor ul li::before,
.color-scheme-blue #kollektion-partner-cta ul li::before {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/drop-icon-lightblue-filled.svg) center no-repeat;
transform: scale(1);
} .color-scheme-red .partner-vorteile ul li::before,
.color-scheme-red .wysiwyg ul li::before,
.color-scheme-red .elementor-widget-text-editor ul li::before,
.color-scheme-red #kollektion-partner-cta ul li::before {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/drop-icon-rot-filled.svg) center no-repeat;
transform: scale(0.6);
}
.c-white ul li::before,
.color-scheme-neutral .elementor-widget-text-editor.white-text ul li::before,
.color-scheme-red .elementor-widget-text-editor.white-text ul li::before {
filter: brightness(0) invert(1);
}  header#main-header {
--c-logo-bg: var(--c-soft-grey);
--c-logo-text: #343333;
background: none;
box-shadow: none;
}
.page-template-page-home-sl header#main-header {
--c-logo-text: var(--c-soft-grey);
--c-logo-bg: #343333;
}
.mobile-menu-open header#main-header,
.sticky-nav header#main-header {
--c-logo-text: #343333;
--c-logo-bg: var(--c-soft-grey);
background: var(--c-soft-grey);
box-shadow: 0 -5px 20px 0 rgba(0,0,0,.1);
}
.mobile-menu-open header#main-header {
box-shadow: none;
}
#hm-col-1,
#hm-col-2 {
flex-basis: max-content;
}
.burger {
background: var(--c-soft-grey) !important;
} #hm-col-2 .menu {
list-style: none;
float: right;
}
#hm-col-2 .menu li {
float: left;
color: var(--c-logo-text);
}
#hm-col-2 .menu li button,
#hm-col-2 .menu li a {
background: none;
border: none;
border-radius: 0;
color: var(--c-logo-text);
display: inline-flex;
align-items: center;
grid-gap: 10px;
float: left;
padding: 1.2rem 3rem;
text-decoration: none;
font-family: var(--ff-default, 'Helvetica, Arial, sans-serif');
font-size: var(--fs-m, clamp(1.6rem, 1.522rem + 0.200vw, 1.8rem));
cursor:pointer;
line-height: var(--lh-m, 1.4);
}
#hm-col-2 .menu li.current-page-ancestor > button,
#hm-col-2 .menu li.current-menu-ancestor > button,
#hm-col-2 .menu li.current-menu-item > button,
#hm-col-2 .menu li button:hover,
#hm-col-2 .menu li.current-page-ancestor > a,
#hm-col-2 .menu li.current-menu-ancestor > a,
#hm-col-2 .menu li.current-menu-item > a,
#hm-col-2 .menu li a:hover {
color: var(--c-logo-text);
opacity: 0.8;
text-decoration: underline;
}
#hm-col-2 .menu li.menu-item-has-children {
position: relative;
}
#hm-col-2 .menu li.menu-item-has-children > button,
#hm-col-2 .menu li.menu-item-has-children > a {
padding-right: 5.6rem;
}
#hm-col-2 .menu li.menu-item-has-children > .sub-menu-toggle {
position: absolute;
right: 3.0rem;
top: 1.1rem;
height: 2.6rem;
width: 2.6rem;
display: inline-flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
#hm-col-2 .menu li.menu-item-has-children > .sub-menu-toggle svg {
width: 18px;
height: 18px;
transition: var(--transition, all .2s ease);
}
#hm-col-2 .menu li.menu-item-has-children:hover > .sub-menu-toggle svg {
transform: rotate(180deg);
}
#hm-col-2 .menu > li > .sub-menu {
position: absolute;
top: 100%;
left:0;
right:auto;
padding: var(--gap-half, 10px) 0;
background-color: var(--c-bg, var(--c-soft-grey));
min-width: 260px;
box-shadow: var(--box-shadow-default, 0 0 10px var(--c-bg-invert-a10, rgba(0,0,0,.1)));
opacity: 0;
pointer-events: none;
visibility: hidden;
transform: translateY(1rem);
transition: var(--transition, all .2s ease);
}
#hm-col-2 .menu > li.menu-item-has-children:focus-within > .sub-menu,
#hm-col-2 .menu > li.menu-item-has-children:focus-visible > .sub-menu,
#hm-col-2 .menu > li.menu-item-has-children:focus > .sub-menu,
#hm-col-2 .menu > li.menu-item-has-children:hover > .sub-menu {
opacity: 1;
pointer-events: all;
visibility: visible;
transform: translateY(0rem);
}
#hm-col-2 .menu .sub-menu {
width: 100%;
list-style: none;
}
#hm-col-2 .menu .sub-menu li {
width: 100%;
display: inline-block;
}
#hm-col-2 .menu .sub-menu li button,
#hm-col-2 .menu .sub-menu li a {
padding-top: .6rem;
padding-bottom: .6rem;
color: var(--c-text) !important;
}
#hm-col-2 .menu .sub-menu .sub-menu {
padding-left: var(--gap-default, 20px);
padding-right: var(--gap-default, 20px);
}
#hm-col-2 .menu li.menu-item-has-children .sub-menu .sub-menu-toggle {
display: none;
}
.mobile-menu-open #hm-col-2 #main-menu,
.mobile-menu-open #hm-col-1 .logo {
opacity: 0;
pointer-events: none;
}
@media (max-width:1200px) {
#main-menu {
display: none;
}
} .mobile-menu-inner {
background: linear-gradient(0deg, var(--c-soft-grey, #F0F0F0) 0%, var(--c-soft-grey, #F0F0F0) 100%), var(--c-soft-grey);
}
.mm-col-neutral {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.mm-item-wrap .menu {
list-style: none;
}
.mm-item-wrap .menu li.mm-search {
display: none;
}
.mm-item-wrap .menu .sub-menu-toggle {
display: inline-flex;
height: 3rem;
width: 3rem;
margin-left: 1rem;
align-items: center;
justify-content: center;
cursor: pointer;
position: absolute;
top: 0.7rem;
}
.mm-item-wrap .menu .sub-menu-toggle svg {
position: relative;
top: 1px;
width: 18px;
height: 18px;
transition: var(--transition, all .2s ease);
}
.mm-item-wrap .menu li {
position: relative;
width: 100%;
}
.mm-item-wrap .menu li a {
background: none;
border: none;
border-radius: 0;
display: inline-block;
margin: 1rem 0;
text-decoration: none;
color: var(--c-text, #000000);
line-height: var(--lh-m, 1.4);
font-weight: 700;
font-size: clamp(1.8rem, 1.538rem + 0.300vw, 2.2rem);
}
.mm-item-wrap .sub-menu {
display: none;
list-style: none;
padding-left: var(--space-xs, clamp(1rem, -0.027rem + 1.400vw, 2rem));
}
.mm-item-wrap .sub-menu li a {
font-size: var(--fs-m);
font-weight: 400;
}
.mm-product-logo {
display: inline-block;
margin-bottom: clamp(2rem, -1.931rem + 5.200vw, 8rem);
}
.mm-product-logo img {
max-width: clamp(15rem, 8.448rem + 8.600vw, 25rem);
width: 100%;
height: auto;
}
.mm-item-wrap .menu li.current-page-ancestor > a,
.mm-item-wrap .menu li.current-menu-ancestor > a,
.mm-item-wrap .menu li.current-menu-item > a,
.mm-item-wrap .menu li a:hover {
color: var(--c-text);
opacity: .8;
}
.mm-item-wrap .menu#mobile-fugenloses-bad li.current-page-ancestor > a,
.mm-item-wrap .menu#mobile-fugenloses-bad li.current-menu-ancestor > a,
.mm-item-wrap .menu#mobile-fugenloses-bad li.current-menu-item > a,
.mm-item-wrap .menu#mobile-fugenloses-bad li a:hover {
color: var(--c-blue);
}
.mm-item-wrap .menu#mobile-schnelle-wand li.current-page-ancestor > a,
.mm-item-wrap .menu#mobile-schnelle-wand li.current-menu-ancestor > a,
.mm-item-wrap .menu#mobile-schnelle-wand li.current-menu-item > a,
.mm-item-wrap .menu#mobile-schnelle-wand li a:hover {
color: var(--c-red);
}
.sm-item {
display: inline-flex;
align-items: center;
justify-content: center;
margin: var(--gap-half) var(--gap-half) var(--gap-half) 0;
color: var(--c-text);
}
.sm-item:hover {
opacity: .8;
}
.mm-col-blue {
position: relative;
}
@media (min-width:1081px) {
.mm-item-wrap > .container > .grid {
grid-gap: clamp(4.8rem, 1.655rem + 4.100vw, 9.6rem);
}
.mm-col-blue::before,
.mm-col-blue::after {
content:"";
position: absolute;
top:0;
bottom:0;
width: 1px;
height: 100%;
background-color: var(--c-text);
}
.mm-col-blue::before {
left: clamp(-2.4rem, -0.828rem - 2.100vw, -4.8rem);
left: clamp(-4.8rem, -1.655rem - 4.100vw, -9.6rem);
}
.mm-col-blue::after {
right: clamp(-2.4rem, -0.828rem - 2.100vw, -4.8rem);
right: clamp(-4.8rem, -1.655rem - 4.100vw, -9.6rem);
}
}
@media (max-width:1080px) {
.mm-item-wrap > .container > .grid > .column {
margin-bottom: var(--gap-default);
border-bottom: 1px solid #e3e3e3;
padding-bottom: var(--gap-default);
}
}
@media (max-width: 767px) {
.mobile-menu-open .logo img, .mobile-menu-open .logo svg, .sticky-nav .logo img, .sticky-nav .logo svg {
height: 40px;
}
#hm-col-1,
#hm-col-2 {
padding-top: 0;
padding-bottom: 0;
}
} .menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
border-color: var(--c-primary);
background-color: var(--c-primary);
}
.menu-toggle:hover, button:hover, .ast-button:hover, .ast-custom-button:hover, .button:hover, input#submit:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover {
border-color: var(--c-primary-alt);
background-color: var(--c-primary-alt);
}
button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .ast-custom-button:hover .button:hover, .ast-custom-button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus {
background-color: var(--c-primary-alt);
border-color: var(--c-primary-alt);
} .btn.btn-arrow::before,
.elementor-element.elementor-button-info .elementor-button::before {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/arrow-right-neutral.svg) center no-repeat;
background-size: 14px !important;
} .color-scheme-blue .btn.btn-arrow::before,
.color-scheme-blue .elementor-element.elementor-button-info .elementor-button::before {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/arrow-right-blue.svg) center no-repeat;
background-size: 14px !important;
} .color-scheme-red .btn.btn-arrow::before,
.color-scheme-red .elementor-element.elementor-button-info .elementor-button::before {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/arrow-right-red.svg) center no-repeat;
background-size: 14px !important;
} .color-scheme-neutral .btn.btn-arrow.c-white::before,
.color-scheme-neutral .btn.btn-arrow.white::before,
.color-scheme-blue .btn.btn-arrow.c-white::before,
.color-scheme-blue .btn.btn-arrow.white::before,
.color-scheme-red .btn.btn-arrow.c-white::before,
.color-scheme-red .btn.btn-arrow.white::before {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/arrow-right-w.svg) center no-repeat;
} .btn.icon-btn {
display: inline-flex;
align-items: center;
grid-gap: 8px;
}
.btn.icon-btn svg {
width: 12px;
height: 12px;
display: inline-block;
} .btn.btn-filled:focus-visible{
outline-color: var(--c-primary) !important;
outline-offset: 2px;
outline-style: dashed !important;
outline-width: 2px !important;
}  .kollektion-dekore-container p {
color: var(--c--text);
font-size: 20px;
font-weight: bold;
}  .extra-lang-infotext {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/icon-extra-lange-paneele-neutral.svg) left center no-repeat;
background-size: contain !important;
}
#single-postnav .ns-row {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/drop_icon_neutral.svg) center top no-repeat;
background-size: 30px !important;
}
button#single-dekor-thumb {
padding: 0;
border: none;
background: none;
cursor: pointer;
margin:0;
aspect-ratio: 2 / 3;
} .color-scheme-blue .extra-lang-infotext {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/icon-extra-lange-paneele-hellblau.svg) left center no-repeat;
background-size: contain !important;
}
.color-scheme-blue #single-postnav .ns-row {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/drop_icon_hellblau.svg) center top no-repeat;
background-size: 30px !important;
} .color-scheme-red .extra-lang-infotext {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/icon-extra-lange-paneele-rot.svg) left center no-repeat;
background-size: contain !important;
}
.color-scheme-red #single-postnav .ns-row {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/icon-schnelle-wand.svg) center top no-repeat;
background-size: 50px !important;
}   .partner-unit.partner-typ-premium .partner-title::before {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/icon-premium-partner-star-neutral.svg) center no-repeat;
background-size: 20px !important;
} .color-scheme-blue .partner-unit.partner-typ-premium .partner-title::before {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/icon-premium-partner-star-hellblau.svg) center no-repeat;
background-size: 20px !important;
} .color-scheme-red .partner-unit.partner-typ-premium .partner-title::before {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/icon-premium-partner-star-rot.svg) center no-repeat;
background-size: 20px !important;
}
@media (max-width: 520px) {
.color-scheme-neutral .partner-unit.partner-typ-premium .partner-title::before,
.color-scheme-blue .partner-unit.partner-typ-premium .partner-title::before,
.color-scheme-red .partner-unit.partner-typ-premium .partner-title::before {
background-size: 15px !important;
}
} .page-template-page-contact .elementor-icon-list-icon svg path {
fill: var(--c-primary);
}
.bg-dark .wpcf7-list-item a,
.bg-dark .wpcf7-list-item a:hover,
.bg-dark .wpcf7-list-item {
color: var(--c-soft-grey);
}
.bg-dark .wpcf7-list-item a {
text-decoration: underline;
}
.wpcf7-list-item {
margin-left:0 !important;
}
body .wpcf7-list-item::after {
background-color: var(--c-soft-grey);
}
body .wpcf7-list-item::before {
background-color: var(--c-soft-grey);
background-image: url(//www.respatex.at/wp-content/themes/nosun-child/images/check-black.svg);
}
.wpcf7-submit.button.outline.white {
transition: all .2s ease;
}
.wpcf7-submit.button.outline.white:hover {
--btn-text: var(--c-primary) !important;
color: var(--c-primary) !important;
}      .footer-middle {
background-color: var(--c-text);
color: var(--c-soft-grey);
padding-top: var(--space-m);
}
.footer-middle a {
color: var(--c-soft-grey);
}
.footer-bottom {
padding-bottom: var(--space-m);
}
footer#main-footer .menu li {
width: 100%;
margin-bottom: 1.5rem;
}
footer#main-footer .menu .sub-menu-toggle {
display: none;
}
footer#main-footer .menu li button ,
footer#main-footer .menu li a {
display: inline-flex;
align-items: center;
grid-gap: 10px;
} .footer-social-media {
margin-top:0;
}
.footer-social-media .sm-item {
color: var(--c-soft-grey);
}
footer#main-footer .menu#rechtliches li {
width: auto;
margin: 0px 10px 10px 10px;
display: inline-block;
}
.copyright-text a,
footer#main-footer .menu#rechtliches li a {
color: var(--c-soft-grey);
}
.copyright-text a:hover,
.footer-middle a:hover,
.footer-social-media .sm-item:hover,
footer#main-footer .menu#rechtliches li a:hover {
color: var(--c-soft-grey);
text-decoration: underline;
opacity: 0.8;
}
.logo-footer img {
width: 100%;
max-width: 138px;
height: auto;
}
footer#main-footer .menu li.mm-search {
display: none;
}
.scrolltop-btn {
border: 2px solid white;
}
@media (max-width:767px) {
footer#main-footer .menu#rechtliches li {
margin-left: 0;
}
} .kollektion-download {
display: inline-flex;
align-items: center;
grid-gap: 10px;
} .ns-accordion-item.dl-unit .btn.btn-arrow::before {
top: -1px;
}
.dl-tag-cloud {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
grid-gap: 10px;
}
.dl-tag {
color: var(--c-soft-grey);
padding: 3px 8px 5px;
line-height: 1;
}
.dl-tag-slug-das-fugenlose-bad {background-color: var(--c-blue);}
.dl-tag-slug-die-schnelle-wand {background-color: var(--c-red);}