:root {
--c-primary: #0f4496;
--c-primary45: rgba(15, 68, 150, .45);
--c-primary35: rgba(15, 68, 150, .35);
--c--text: #000000;
--c--text-alt: #454444;
--ls--lg: 2px;
--ls--md: 1px;
--ls--sm: .5px;
--a--easing-default: ease;
} ::selection {
color: var(--c-soft-grey);
background-color: #0a2d64;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: din-2014, sans-serif;
color: var(--c--text-alt);
}
.pt-xlg {padding-top: 150px;}
.pb-xlg {padding-bottom: 150px;}
.pt-lg {padding-top: 100px;}
.pb-lg {padding-bottom: 100px;}
.pt-md {padding-top: 50px;}
.pb-md {padding-bottom: 50px;}
.pt-sm {padding-top: 30px;}
.pb-sm {padding-bottom: 30px;}
.mb0, .mb0 p, .mb0 h1, .mb0 h2, .mb0 h3, .mb0 h4 {
margin-bottom: 0 !important;
}
p, .entry-content p {
margin-bottom: 20px;
}
h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6 {
font-weight: bold;
margin-bottom: 20px;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
padding: 15px;
}
.ns-fi-text-wrap h2,
.elementor-widget-heading .elementor-heading-title.elementor-size-xxl {
font-size: 48px !important;
line-height: 54px !important;	
}
a {
outline: 0 !important;
}
.filter-white {
filter: brightness(0) invert(1);
}
.ast-separate-container {
background-color: var(--c-soft-grey);
}
.f-outline {
color: var(--c-primary);
color: rgba(0, 0, 0, 0);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--c-soft-grey);
}
.f-outline-blue {
color: var(--c-primary);
color: rgba(0, 0, 0, 0);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--c-primary);
}
.archive #content .ast-container,
.single #content .ast-container {
display: block !important;
float: left;
width: 100%;
max-width: 100%;
padding: 0;
margin: 0;
}
.ns-section { width: 100%;
position: relative;
} #single-partner-intro-img .container {
overflow-x:visible;
}
.ns-row {
width: 100%; display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 30px;
margin-bottom: 30px; }
.ns-row.no-gap {
grid-gap: 0px;
}
.ns-row.align-items-start {align-items: start;}
.ns-row.align-items-center {align-items: center;}
.ns-row.align-items-end {align-items: end;}
.ns-col-12 {grid-column: span 12;width: 100%;}
.ns-col-11 {grid-column: span 11;width: 100%;}
.ns-col-10 {grid-column: span 10;width: 100%;}
.ns-col-9 {grid-column: span 9;width: 100%;}
.ns-col-8 {grid-column: span 8;width: 100%;}
.ns-col-7 {grid-column: span 7;width: 100%;}
.ns-col-6 {grid-column: span 6;width: 100%;}
.ns-col-5 {grid-column: span 5;width: 100%;}
.ns-col-4 {grid-column: span 4;width: 100%;}
.ns-col-3 {grid-column: span 3;width: 100%;}
.ns-col-2 {grid-column: span 2;width: 100%;}
.ns-col-1 {grid-column: span 1;width: 100%;} .ns-col-5.col-skip-1-rightside {
grid-column: 8 / span 5;
}
.page.ast-page-builder-template .site-content > .ast-container {
display: block;
}  .ns-element-button {
width: 100%;
text-align: left;
}
.ns-element-button.ns-button-align-center {
text-align: center;
}
.ns-element-button.ns-button-align-right {
text-align: right;
}
.btn { text-decoration: none;
font-size: 16px;
font-weight: 500; line-height: 18px;
color: var(--c-soft-grey);
text-decoration: none !important;
background-color: var(--c-primary);
border-style: solid;
border-width: 1px;
border-color: var(--c-primary);
border-radius: 0px;
padding: 12px 22px 12px 22px; display: inline-block;
}
.btn.btn-filled {
color: var(--c-soft-grey);
}
.btn.btn-filled:hover {
color: var(--c-primary);
background-color: transparent;
border-color: var(--c-primary);
} .btn.btn-filled.white,
.elementor-element.white .elementor-button {
background-color: var(--c-soft-grey) !important;
border-color: var(--c-soft-grey) !important;
color: var(--c-primary) !important;
}
.btn.btn-filled.white:hover,
.elementor-element.white .elementor-button:hover {
background-color: transparent !important;
border-color: var(--c-soft-grey) !important;
color: var(--c-soft-grey) !important;
} .btn.btn-arrow,
.elementor-element.elementor-button-info .elementor-button {
padding: 12px 0 12px 32px;
position: relative;
background-color: transparent !important;
color: var(--c--text) !important;
border: none !important;
display: inline-block;
}
.btn.btn-arrow::before,
.elementor-element.elementor-button-info .elementor-button::before {
content: "";
position: absolute;
width: 20px;
height: 20px; background: url(//www.respatex.at/wp-content/themes/nosun-child/images/arrow-right-b.svg) center no-repeat;
background-size: 14px !important;
left: 0; top: calc(0.5lh + 3px); margin: auto;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
} .btn.btn-arrowA:hover::before,
.elementor-element.elementor-button-info .elementor-button:hover::before {  transform: translateX(10px);
} .btn.btn-arrow.arrow-right {
padding: 12px 32px 12px 0;
}
.btn.btn-arrow.arrow-right::before {
left: auto;
right: 10px;
} .btn.btn-arrow.arrow-left.points-to-left::before {
transform: rotate(180deg) translateX(-10px);
}
.btn.btn-arrow.arrow-left.points-to-left:hover::before {
transform: rotate(180deg) translateX(0px);
} .btn.btn-arrow.arrow-left.points-to-right::before {
transform: translateX(0px);
}
.btn.btn-arrow.arrow-left.points-to-right:hover::before {
transform: translateX(10px);
} .btn.btn-arrow.arrow-right.points-to-right::before {
transform: translateX(0px);
}
.btn.btn-arrow.arrow-right.points-to-right:hover::before {
transform: translateX(10px);
} .btn.btn-arrow.arrow-right.points-to-left::before {
transform: rotate(180deg) translateX(-10px);
}
.btn.btn-arrow.arrow-right.points-to-left:hover::before {
transform: rotate(180deg) translateX(0px);
} .btn.btn-arrow.white,
.elementor-element.elementor-button-info.white .elementor-button {
color: var(--c-soft-grey) !important;
}
.btn.btn-arrow.white::before,
.elementor-element.elementor-button-info.white .elementor-button::before { background: url(//www.respatex.at/wp-content/themes/nosun-child/images/arrow-right-w.svg) center no-repeat;
}    .btn.btn-arrow.back-to-collection {
margin-right: 30px;
}  .btn.btn-outline,
.elementor-element.btn-outline .elementor-button {
background-color: transparent !important;
color: var(--c-primary) !important;
border-width: 1px !important;
border-style: solid !important;
border-color: var(--c-primary) !important;
}
.btn.btn-outline:hover,
.elementor-element.btn-outline .elementor-button:hover {
background-color: var(--c-primary) !important;
color: var(--c-soft-grey) !important;
border-color: var(--c-primary) !important;
} .btn.btn-outline.white,
.elementor-element.btn-outline.white .elementor-button {
background-color: transparent !important;
color: var(--c-soft-grey) !important;
border-color: var(--c-soft-grey) !important;
}
.btn.btn-outline.white:hover,
.elementor-element.btn-outline.white .elementor-button:hover {
background-color: var(--c-soft-grey) !important;
color: var(--c-primary) !important;
} .elementor-widget.button-red .btn.btn-filled {
background-color: var(--c-red);
border-color: var(--c-red);
}
.elementor-widget.button-red .btn.btn-filled:hover {
background-color: transparent;
border-color: var(--c-red);
color: var(--c-red);
}
.elementor-widget.button-blue .btn.btn-filled {
background-color: var(--c-blue);
border-color: var(--c-blue);
}
.elementor-widget.button-blue .btn.btn-filled:hover {
background-color: transparent;
border-color: var(--c-blue);
color: var(--c-blue);
} .widget-zertifizierungen.background-type-image .cert-unit img,
.white-text .cert-unit img,
.home .cert-unit img {
filter: brightness(0) invert(1);
}
.white-text .cert-text,
.home .cert-text {
color: var(--c-soft-grey);
}
.widget-zertifizierungen {
position: relative
}
.cert-overlay {
position: absolute;
z-index: 1;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(52, 51, 51, 0.35) 0%, rgba(52, 51, 51, 0.35) 100%);
}
.cert-shortcode-wrapper {
position: relative;
z-index: 2;
} .ns-slideshow-container {
width: 100%;
}
.ns-element-slideshow {
width: 100%;
}
.ns-slideshow-container .ns-slide .container { overflow:visible;
}
.ns-slide-content-wrap {
width: 100%;   top: 0px;
transform: translateY(60px);
left: 0;
position: relative; float: left;
z-index: 16;
padding: 120px 0 80px;
opacity: 0;
transition: transform .6s ease 0s, opacity .2s linear 0s;
}
.ns-slide-content-wrap h2 {
font-size: 80px;
line-height: 1;
color: var(--c-soft-grey) !important;  }
.ns-slide-content {
width: 100%;
max-width: 370px; }
.ns-slide-text {
padding: 40px 0 20px;
font-weight: 300;
}
.ns-slide-btn .f-outline {
font-weight: bold;
font-size: 28px;
}
.ns-element-slideshow .ns-slide-content-wrap,
.ns-element-slideshow .ns-slide-content-wrap p {
color: var(--c-soft-grey) !important;
font-size: 28px;
line-height: 38px;
}
.ns-slide-image-wrap {
position: absolute;
right: 0;
left: 0;
margin: auto;
top: 0; width: 100%;
max-width: 1330px; z-index: 1;  height:850px;
}
.ns-slideshow-container {
position: relative;
}
.ns-slideshow-container .swiper-wrapper {
padding-bottom: 185px;
}
.ns-slideshow-container .ns-slide {
background-color: var(--c-primary);
} .ns-slideshow-container::after {
content: "";
position: absolute;
background-color: var(--c-primary);
top: 0;
left: 0;
height: calc(100% - 185px);
width: 100%;
z-index: 0;
}
.ns-slide-image {
width: calc(100% - 400px);
float: right;
position: absolute;
height: 100%;
right: 0;
overflow: hidden;
}
.ns-slide-img-bg,
.ns-slide-image img {
float: right;
position: absolute;
z-index: 15;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.ns-slideshow-swiper-control-wrap {
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 205px;
height: 40px;
width: 100%;
max-width: 1330px;
z-index: 16;
}
.ns-slideshow-swiper-control-wrap .swiper-pagination { width: auto !important;
margin: 0 10px;
height: 40px;
}
.ns-slideshow-swiper-control-wrap .swiper-button-next, .ns-slideshow-swiper-control-wrap .swiper-button-prev, .ns-slideshow-swiper-control-wrap .swiper-pagination {
display: inline-block;
position: static;
float: left;
}
.ns-slideshow-swiper-control-wrap .swiper-pagination-bullet,
.ns-slideshow-swiper-control-wrap .swiper-button-next, .ns-slideshow-swiper-control-wrap .swiper-button-prev {
width: 30px;
height: 30px;
line-height: 20px;
text-align: center;
top: 0;
padding: 6px;
bottom: 0;
margin: 5px;
background: none !important;
opacity: 1 !important;
pointer-events: all !important;
cursor: pointer !important;
}
.ns-slideshow-swiper-control-wrap .swiper-pagination-bullet {
transform: scale(1) !important;
margin: 5px 0;
background-image: url(//www.respatex.at/wp-content/themes/nosun-child/images/drop-white-outline.svg) !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.ns-slideshow-swiper-control-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-image: url(//www.respatex.at/wp-content/themes/nosun-child/images/drop-white-filled.svg) !important;
}
.ns-slideshow-swiper-control-wrap .swiper-button-next::after, .ns-slideshow-swiper-control-wrap .swiper-button-prev::after {
display: none;
}
.ns-slideshow-swiper-control-wrap svg {
height: 18px !important;
width: auto !important;
display: inline-block;
} .ns-slide.swiper-slide .ns-slide-img-bg {
transform: translateX(-100%);
transition: transform .6s ease-out 0s;
}
.ns-slide.swiper-slide.swiper-slide-prev .ns-slide-img-bg {
transform: translateX(-100%);
}
.ns-slide.swiper-slide.swiper-slide-next .ns-slide-img-bg {
transform: translateX(100%);
}
.ns-slide.swiper-slide.swiper-slide-active .ns-slide-img-bg { transform: translateX(0);
}
.ns-slide.swiper-slide.swiper-slide-active .ns-slide-content-wrap {
transform: translateY(0px);
opacity: 1;
}
.ns-slideshow-swiper-control-wrap .swiper-pagination {
display: inline-flex;
align-items: center;
} .ns-fi-img-wrap {
position: relative;
z-index: 2;
}
#ns-fi-img-2 {
margin-bottom: 30px;
}
#ns-fi-img-1-repeated {
display: none;
}
.ns-fi-img-text {
position: absolute;
top: 20px;
left: 20px;
color: var(--c-soft-grey);
font-size: 30px;
line-height: 1.1;
font-weight: bold;
}
.ns-fi-text-wrap {
padding: 600px calc(36% - 6px) 60px 30px;
background-color: var(--c-primary);
margin-top: -540px;
position: relative;
left: calc(12% + 36px);
bottom: 0;
width: calc(124% - 42px);
z-index: 1;
}
.ns-fi-text-wrap,
.ns-fi-text-wrap h2,
.ns-fi-text-wrap p {
color: var(--c-soft-grey) !important;
} .elementor-accordion .elementor-accordion-item {
border-width: 2px 0 2px 0;
border-color: var(--c-primary);
}
.elementor-accordion .elementor-tab-title {
min-height: 60px;
padding-left: 30px;
padding-right: 30px;
}
.elementor-widget-accordion .elementor-accordion-title{
line-height: 30px;
font-size: 22px;
font-weight: normal;
text-decoration: none !important; width: calc(100% - 80px);
display: inline-block;
}
.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {
margin-right: 50px; }
.elementor-accordion-icon-closed,
.elementor-accordion-icon-opened {
width: 30px;
height: 30px;
position: relative;
}
.elementor-accordion-icon-closed::after,
.elementor-accordion-icon-closed::before,
.elementor-accordion-icon-opened::after {
content: "";
width: 100%;
height: 1px;
background-color: var(--c-primary);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.elementor-accordion-icon-closed::before {
width: 1px;
height: 100%;
}
.elementor-accordion .elementor-tab-content {
border: none;
padding-left: 110px;
padding-right: 110px;
padding-top: 0;
} .overlay {
opacity: 0;
pointer-events: none;
position: fixed;
top: 0;
left: 0;
padding: 30px;
box-sizing: border-box;
width: 100%;
height: 100%;
background-color: var(--c-primary);
z-index: 9998;
transition: all .3s;
}
.overlay.active {
opacity: 1;
pointer-events: all;
}
.overlay-close {
position: absolute;
right: 100px;
top: 200px;
display: block;
padding: 10px;
width: 80px;
height: 80px;
text-align: center;
line-height: 80px; color: var(--c-soft-grey);
}
.overlay-close svg {
stroke: var(--c-soft-grey);
width: 60px;
height: 60px;
}
.overlay-close:hover {
color: var(--c-soft-grey);
}
.overlay-close:hover svg {
stroke: var(--c-soft-grey); } #overlay-searchform {
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(15, 68, 150, .9);
}
#overlay-searchform h3 {
font-size: 60px !important;
line-height: 1.2 !important;
color: var(--c-soft-grey) !important;
font-weight: normal;
margin-bottom: 20px;
}
#overlay-searchform p a {
color: var(--c-soft-grey);
display: inline-block;
margin-top:0px;
margin-bottom:20px;
letter-spacing: var(--ls-lg);
text-transform: uppercase;
font-size: 14px;
text-decoration: underline;
}
#overlay-searchform .is-form-style input.is-search-input {
height: 50px;
border: none;
background: rgba(255,255,255,.9);
width::100%;
}
#overlay-searchform .search-field,
#overlay-searchform .is-form-style.is-form-style-3 label {
width: calc(100% - 50px) !important;
float: left; }
.ast-search-submit,
#overlay-searchform .is-form-style input.is-search-submit, .is-search-icon,
#overlay-searchform .is-form-style button.is-search-submit {
height: 50px;
float: left;
line-height: 50px;
width: 50px;
border: none !important; padding: 0;
}
#overlay-searchform div.is-ajax-search-details, body div.is-ajax-search-result {
top: 59% !important;
position: fixed;
}
body .is-ajax-search-details a, body .is-ajax-search-result a {
color: var(--c-primary);
font-size: 20px !important;
line-height: 1.2 !important;
}
.search-results article .post-thumb,
.search-results article .entry-content,
#overlay-searchform input[type="submit"] {
display: none;
}
.ast-separate-container.search-results .ast-article-post, .ast-separate-container.search-results .ast-article-single {
padding: 20px;
} #section-page-title {
min-height: 290px;
background-color: var(--c-primary);
position: relative;
overflow: hidden;
}
#page-title-text-container .ns-row,
#page-title-text-container {
min-height: 240px;
}
#page-title-text-container .page-title-s,
#page-title-text-container p {
color: var(--c-soft-grey);
text-align: center;
display: inline-block;
width: 100%;
} #page-title-text-container .page-title-a-s {
position: absolute;
z-index: 3;
bottom: 0;
font-size: 100px;
margin-bottom: 30px;
max-width: 33%;
line-height: .9;
}
#section-page-title > svg {
position: absolute;
height: 70%;
width: auto;
right: -35px;
top: 15%;
}
#breadcrumbs-container {
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}
#breadcrumbs-container .ns-row {
margin-bottom: 0;
}
#breadcrumbs-container ul {
list-style: none;
float: left;
width: 100%;
margin: 0;
padding: 0;
}
#breadcrumbs-container ul li {
float: left;
display: inline-block;
padding-right: 10px;
}
#breadcrumbs-container ul li span,
#breadcrumbs-container ul li a {
float: left;
display: inline-block;
text-transform: uppercase;
color: var(--c-soft-grey);
font-weight: normal;
font-size: 14px;
line-height: 30px;
}
#breadcrumbs-container ul li a {
margin-right: 10px;
}
#breadcrumbs-container ul li a:hover { opacity: .7;
}
.swiper-container {
width: 100%;
max-width: 100%;
height: 100%;
overflow:hidden;
}
#intro-container {
text-align: center;
} .elementor-widget.elementor-widget-image-box {
margin-bottom: 18px;
}
.elementor-widget-image-box .elementor-image-box-img {
margin-bottom: 30px !important;
}
.elementor-widget-image-box .elementor-image-box-img,
.elementor-widget-image-box .elementor-image-box-img a,
.elementor-widget-image-box .elementor-image-box-img img,
.elementor-widget-image-box .elementor-image-box-img a img{
width: 100% !important;
}
.elementor-widget-image-box h3.elementor-image-box-title {
font-size: 30px !important;
line-height: 40px !important;
margin-bottom: 20px;
text-align: left !important;
}
.elementor-widget-image-box h3.elementor-image-box-title a {
text-decoration: none !important;
}
.elementor-widget-image-box p.elementor-image-box-description {
font-size: 16px;
text-align: left !important;
display: inline-block;
max-width: calc(75% - 30px);
float: left;
}  .ekit-template-content-header {
position: fixed;
top: 0;
width: 100%;
z-index: 9998;
background-color: var(--c-soft-grey);
}
.admin-bar .ekit-template-content-header {
top: 32px;
}
.header-logo-wrap > .elementor-widget-wrap,
.header-menu-wrap > .elementor-widget-wrap {
transition: padding .2s ease;
}
.scrolling .header-logo-wrap > .elementor-widget-wrap,
.scrolling .header-menu-wrap > .elementor-widget-wrap {
padding-top: 0;
padding-bottom: 0;
}
#logo img {
height: 80px !important;
width: auto !important;
transition: all .2s ease;
}
.scrolling #logo img {
height: 40px !important;
}
.elementskit-navbar-nav-default .elementskit-navbar-nav>li.current-menu-parent>a,
.elementskit-navbar-nav-default .elementskit-navbar-nav>li.current-menu-item>a,
.mainmenu > ul > li.current-menu-item > a {
font-weight:bold !important;
color: var(--c-primary) !important;
}
.mainmenu ul li.current-menu-item a {
font-weight:bold !important;
}
.mainmenu ul .mm-search.current-menu-item a,
.mainmenu ul .mm-search a {
font-weight: normal !important;
}
.mainmenu ul .mm-search a svg .cls-1,
.mainmenu ul .mm-search a svg .cls-3 {
fill: var(--c-primary);
}
.elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover,
.elementor-114 .elementor-element.elementor-element-6083159 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a:hover,
.elementskit-navbar-nav-default .elementskit-navbar-nav>li>a:hover {
opacity: .7;
}
body .elementor-114 .elementor-element.elementor-element-6083159 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a,
.elementskit-navbar-nav .elementskit-submenu-panel > li > a,
.elementor-114 .elementor-element.elementor-element-6083159 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a {
color: var(--c-soft-grey) !important;
} .ka-image-wrap {
position: relative;
float: left;
width: 100%;
}
.ka-image-wrap .ka-title {
position: absolute;
z-index: 2;
top: -50px;
left: 10%;
font-size: 80px;
line-height: .9;
}
.c-even .ka-image-wrap .ka-title {
left: auto;
right: 10%;
}
.ka-content-wrap {
float: left;
width: 100%;
margin-top: 50px;
}
.ka-content-wrap p {
font-size: 24px;
margin-bottom: 80px;
}
.ka-dekor-count {
font-size: 30px !important;
text-transform: uppercase !important;
}
.kollektion-dekore-container p {
color: var(--c-primary);
text-align: center;
}
.ka-top-dekor-unit {
width: 25% !important;
min-width: 200px;
}
.ka-top-dekore-container {
padding-bottom: 30px !important;
position: relative;
}
.ka-top-dekore-container .swiper-scrollbar {
bottom: 10px !important;
background: var(--c-primary35);
height: 2px !important;
width: 100% !important;
left: 0 !important;
}
.ka-top-dekore-container .swiper-scrollbar .swiper-scrollbar-drag {
background: var(--c-primary);
height: 9px;
top: -4px;
cursor: grab;
}
.kollektion-info-iconbox-icon {
width: 50px;
margin-right: 30px;
display: inline-block;
vertical-align: top;
}
.kollektion-info-iconbox-text {
width: calc(100% - 80px);
display: inline-block;
vertical-align: top;
}
.kollektion-info-iconbox-icon svg {
width: 50px !important;
height: auto;
} .kdu-extra-lang-icon {
position: absolute;
z-index: 2;
bottom: 10px;
left: 10px;
}
.kdu-extra-lang-icon svg {
width: 30px;
height: auto;
} #single-intro-img {
margin-top: -240px;	
}
#single-intro-img img {
position: relative;
z-index: 2;
width: 100%;
object-fit: cover;
}
.single-details-container {
margin: 50px 0 50px;
}
.elementor-image-box-img,
.ka-dekor-unit-thumb-wrap,
.kdu-image,
.single-dekor-thumb-wrap {
float: left;
width: 100%;
overflow: hidden;
position: relative;
}
.ka-dekor-unit-thumb-wrap {
aspect-ratio: 225 / 336;
}
.single-dekor-thumb-wrap::after {
content: "";
position: absolute;
right: 20px;
width: 34px;
top: 20px;
padding: 10px;
background-color: var(--c-primary);
background-image: url(//www.respatex.at/wp-content/themes/nosun-child/images/zoom-in.svg);
background-position: center;
background-repeat: no-repeat;
height: 34px;
background-size: 18px;
opacity: 0;
pointer-events: none;
transition: all .2s ease;
}
.single-dekor-thumb-wrap:hover::after {
opacity: 1;
}
.elementor-image-box-img img,
.ka-dekor-unit-thumb-wrap img,
.kdu-image img,
.single-dekor-thumb-wrap img {
position: relative;
transition: transform .9s ease !important;
}
.elementor-image-box-img:hover img,
.ka-dekor-unit-thumb-wrap:hover img,
.kdu-image:hover img,
.single-dekor-thumb-wrap:hover img {
transform: scale(1.2);
}
.kdu-image {
aspect-ratio: 683 / 1020;
}
.kdu-image img {
width:100%;
height:100% !important;
object-fit:cover;
}
#single-dekor-thumb-pure-white,
#kdu-pure-white .kdu-image {
border: 1px solid var(--c-primary35);
}
.extra-lang-infotext {
padding-left: 80px;
padding-top: 50px;
margin-bottom: 20px;
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/icon-extra-lange-paneele.svg) left center no-repeat;
background-size: contain;
color: var(--c-primary);
font-weight: bold;
line-height: 1.4;
margin-top: 20px;
}
.kdu-content {
float: left;
width: 100%;
}
.kdu-content h3 {
margin: 10px 0;
font-size: 28px;
font-weight: normal;
}
.kdu-oberflaeche {
color: var(--c--text-alt);
text-transform: uppercase;
letter-spacing: var(--ls--md);
display: block;
}
.sd-oberflaeche span {
text-transform: uppercase;
letter-spacing: var(--ls--md);
}
.kdu-dekornr {
font-weight: bold;
color: var(--c--text-alt);
}
#single-fliesenstrukturen {
background-color: var(--c-primary);
}
#single-fliesenstrukturen {
text-align: center;
color: var(--c-soft-grey);
} #single-fliesenstrukturen #ns-centered-carousel-col { width: 100%;
height: 100%;
} .swiper-centerer { text-align: center;
float:left;
width:100%;
display:block;
padding-left:60px;
padding-right:60px;
height: 100%;
}
#fliesenstrukturen-swiper-container {
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.elementor-widget-shortcode #fliesenstrukturen-swiper-container {
padding-left: 0px;
padding-right: 0px;
}
#fliesenstrukturen-swiper-container .ns-button-prev,
#fliesenstrukturen-swiper-container .ns-button-next {
width: 50px;
height: 50px;
background-image: url(//www.respatex.at/wp-content/themes/nosun-child/images/carousel-arrow-prev.svg);
background-position: center;
background-repeat: no-repeat;
background-size: auto 40px;
position: absolute;
top: 32%; left: -50px;
margin: auto;
cursor: pointer;
}
#fliesenstrukturen-swiper-container .ns-button-next {
background-image: url(//www.respatex.at/wp-content/themes/nosun-child/images/carousel-arrow-next.svg);
left: auto;
right: -50px;
}
.single #fliesenstrukturen-swiper-container .ns-button-prev {
left: -30px;
}
.single #fliesenstrukturen-swiper-container .ns-button-next {
right: -30px;
}
.ns-button-prev.swiper-button-disabled,
.ns-button-next.swiper-button-disabled {
opacity: 0;
cursor: default;
}
#single-fliesenstrukturen h1,
#single-fliesenstrukturen h4 {
color: var(--c-soft-grey);
margin-bottom: 40px;
}
.fliesenstrukturen-unit {
width: 150px !important;
text-align: left;
line-height: 1.3;
color: var(--c-soft-grey);
}
.fliesenstrukturen-unit .fsu-img-wrap {
position: relative;
float: left;
width: 100%;
}
.fliesenstrukturen-unit .fsu-img-wrap .fsu-anmerkung {
position: relative; width: 100%;
height: 100%;
} .fliesenstrukturen-unit > span {
display: inline-block;
width: 100%;
}
.fliesenstrukturen-unit .fsu-img-wrap span { position: absolute;   top: 0;
left: 0;
right: 0;
font-weight: bold;
display: none;
transform: translate(100%) rotate(90deg);
transform-origin: left top;
-webkit-transform: translate(100%) rotate(90deg);
-webkit-transform-origin: left top;
}
.fliesenstrukturen-unit h5 {
margin-top: 20px;
margin-bottom: 3px;
}
.fliesenstrukturen-unit h5,
.fliesenstrukturen-unit p {
float: left;
width: 100%;
color: var(--c-soft-grey);
}
.single-fliesenstruktur-info svg {
width: 20px;
height: 20px;
}
.single-fliesenstruktur-info svg .cls-1, .single-fliesenstruktur-info svg .cls-3 {
fill: var(--c-primary);
}
#single-postnav .ns-row {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/drop_icon_b.svg) center top no-repeat;
background-size: 30px;
} .ns-tooltip {
position: relative;
display: inline-block;
top: 2px;
padding-left: 20px;
padding-right: 20px;
}
.ns-tooltip-box {
position: absolute;
bottom: 30px;
left: -100px;
padding: 20px;
min-height: 160px; width: 260px;
background-color: var(--c-primary);
box-shadow: 0 0 20px rgba(0,0,0,0.1);
opacity: 0;
pointer-events: none;
color: var(--c-soft-grey);
transition: all .2s ease .3s;
line-height: 1.4;
}
#kollektion-beschreibung img {
width: 100%;
} .ns-tooltip:hover .ns-tooltip-box {
opacity: 1;
pointer-events: all;
transition: all .2s ease 0s;
} .zubehoer-unit,
.zubehoer-content-wrap {
float: left;
width: 100%;
}
.zubehoer-content-wrap {
font-size: 16px;
}
.zubehoer-content-wrap h3 {
margin-bottom: 0;
}
.zubehoer-img-wrap {
float: left;
width: 100%;
position: relative;
overflow: hidden;
margin-bottom: 20px;
aspect-ratio: 767 / 770; }
.zubehoer-img-wrap img {
float: left;
width: 100%;
height: 100% !important;
transition: transform .9s ease;
object-fit:cover;
}
.zubehoer-img-wrap:hover img {
transform: scale(1.2);
}
#zubehoer-grid-montage-reinigung .zubehoer-img-wrap {
height: 0;
padding-top: 100%;
}
#zubehoer-grid-montage-reinigung .zubehoer-img-wrap img {
position: absolute;
top: 0;
left: 0;
}
#grid-4cols,
#grid-5cols {
grid-template-columns: repeat(5, 1fr);
display: grid;
grid-gap: 30px;
width: 100%;
}
#grid-4cols {
grid-template-columns: repeat(12, 1fr);
}
#grid-5cols .ns-col-3 {
grid-column: span 1;
} .accordion-wrap,
.ns-accordion-unit,
.bundesland-unit,
.ns-accordion-item,
.partner-unit,
.ns-accordion-content,
.bundesland-content {
float: left;
width: 100%;	
}
#partner-map > .container > .ns-row:first-child {
margin-bottom: 0;
}
.accordion-wrap > h2 {
margin-bottom: 40px;
}
.partner-map-legend-item {
padding: 20px 0;
margin-right: 20px;
display: inline-block;
line-height: 30px;
}
.partner-map-legend-item span {
display: inline-block;
float: left;
line-height: 30px;
}
.partner-map-legend-item svg {
height: 30px;
width: auto;
display: inline-block;
margin-right: 10px;
float: left;
}
.partner-map-legend-item.enlarge-map {
font-size: 14px;	
float: right;
margin-right: 0;
padding: 0;
background: none;
border: none;
margin: 20px 0;
border-radius: 0;
}
.partner-map-legend-item.enlarge-map span {
display: inline-block;
vertical-align: bottom;
float: right;
color: var(--c--text); }
.partner-map-legend-item.enlarge-map svg {
margin-right: 0;
margin-left: 10px;
float: right;
}
.ns-accordion-unit,
.bundesland-unit {
border-width: 2px 0 0 0;
border-style: solid;
border-color: var(--c-primary);
}
.ns-accordion-unit:last-child,
.bundesland-unit:last-child {
border-width: 2px 0 2px 0;
}
.ns-accordion-title,
.bundesland-title {
min-height: 60px;
padding-left: 110px;
padding-right: 30px;
display: block;
float: left;
width: 100%;
cursor: pointer;
letter-spacing: var(--ls--lg);
margin-bottom: 0 !important;
line-height: 60px !important;
font-size: 22px !important;
text-transform: uppercase;
font-weight: 300 !important;
position: relative;
}
.ns-accordion-title::before,
.ns-accordion-title::after,
.bundesland-title::before,
.bundesland-title::after {
content: "";
width: 30px;
height: 1px;
background-color: var(--c-primary);
position: absolute;
top: 30px;
left: 30px;
margin: auto;
}
.ns-accordion-title::before,
.bundesland-title::before {
height: 30px;
width: 1px;
display: block;
top: 15px;
left: 45px;
}
.active .ns-accordion-title::before,
.active .bundesland-title::before {
display: none;
}
.ns-accordion-content,
.bundesland-content {
display: none;
padding: 20px 0 40px;
}
.ns-accordion-item,
.partner-unit {
padding: 20px 10px;
}
.ns-accordion-item:nth-child(odd),
.partner-unit:nth-child(odd) {
background-color: rgba(0,0,0,.03);
}
.ns-accordion-item-title,
.partner-title {
float: left;
width:40%;
margin-right: 20px;
padding-left: 60px;
position: relative;
}
.partner-unit.partner-typ-premium .partner-title::before {
content: "";
display: block;
position: absolute;
left: 25px;
top: 3px;
height: 20px;
width: 20px;
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/icon-premium-partner-star.svg) center no-repeat;
background-size: 20px;
}
.ns-accordion-item-title::before {
content: "";
display: block;
position: absolute;
left: 25px;
top: 4px;
height: 20px;
width: 20px;
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/icon-pdf.svg) center no-repeat;
background-size: 20px;
}
.dl-unit .ns-accordion-item-title .dl-title-icon {
position: absolute;
left: 20px;
top: 0px;
height: 30px;
width: 30px;
}
.dl-unit .ns-accordion-item-title::before {
display: none !important;
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/icon-pdf.svg) center no-repeat;
left: 20px;
top: 0px;
height: 30px;
width: 30px;
}
.ns-accordion-item-text,
.partner-address {
float: left;
width: calc(60% - 140px);
margin-right: 20px;
}
.ns-accordion-item-text {
width: calc(60% - 160px);
}
.ns-accordion-item-link {
float: left;
width: 120px;
}
.partner-link {
float: left;
width: 100px;
}
.ns-accordion-item-link .btn.btn-arrow,
.partner-link .btn.btn-arrow {
padding-top: 0;
padding-bottom: 0;
transition: all 0s linear 0s;
opacity: 1;
}
.partner-link .btn.btn-arrow::before {
top: -1px;
} .page-title-s {
margin-bottom: 0 !important;
}
#cta-content-wrap > div,
.partner-text {
padding: 30px 0;
}
.partner-contacts {
padding: 0 0 40px;
}
.partner-vorteile {
padding: 0 0 20px 0;
}
.p-contacts-row {
line-height: 30px;
margin-bottom: 10px;
}
.p-contacts-row a {
color: var(--c--text);
}
.p-contacts-row a:hover {
color: var(--c-primary);
}
.elementor-icon-list-icon svg,
.p-contacts-row svg {
height: 24px;
width: 24px;
display: inline-block;
margin-right: 10px;
top: 4px;
position: relative;
}
.page-template-page-contact-php .elementor-icon-list-icon svg,
.partner-map-legend .elementor-icon-list-icon svg {
top: 0;
}
.partner-map-legend li {
margin-bottom: 10px !important;
display: inline-block;
}
#sinlge-partner-thumb-col #single-partner-map,
#sinlge-partner-thumb-col img,
#sinlge-partner-thumb-col iframe {
margin-top: -200px;
}
#sinlge-partner-thumb-col #single-partner-map img {
margin-top: 0 !important;
}
.partner-vorteile ul {
margin-top: 10px !important;
}
.partner-vorteile ul li {
color: var(--c-primary);
font-weight: bold;
}
.partner-galerie-title {
text-align: center;
font-size: 48px !important;
line-height: 54px !important;
}
#ms-container {
margin: 0 -15px;
} .grid-sizer,
.grid-item {
padding: 15px; width: 33.333%; } .grid-item--width2 { width: 66.666%; } .scrolltop {
position: fixed;
bottom: 0px;
right: 30px;
z-index: 10;
background-color: var(--c-primary);
width: 50px;
height: 50px;
padding: 13px;
box-sizing: border-box;
text-align: center;
line-height: 50px;
opacity: 0;
pointer-events: none;
transition: all .2s ease;
}
.scrolltop svg {
display: inline-block;
position: relative;
width: 24px;
height: 24px;
transform: rotateZ(-90deg);
float: left;
}
.scrolltop.active {
opacity: 1;
pointer-events: all;
bottom: 30px;
} #map-infowindow-container {
padding: 10px;
}
#map-infowindow-headline {
font-size: 22px;
}
#map-infowindow-content p {
font-size: 18px;
}
#partner-archive-map {
height: 788px;
} #cta-img-wrap {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #f5f5f5;
}
#cta-content-wrap {
padding: 130px 70px;
background-color: var(--c-primary);
text-align: center;
}
#cta-content-wrap h1, #cta-content-wrap h2, #cta-content-wrap h3, #cta-content-wrap h4, #cta-content-wrap h5,#cta-content-wrap h6,#cta-content-wrap p {
color: var(--c-soft-grey);
}
#kollektion-dekoruebersicht h2 {
text-align: center;
font-size: 40px;
}
#cta-content-wrap h3 {
font-size: 48px;
line-height: 54px;
}
#cta-content-wrap .btn {
margin-top: 20px;
}
.zertifizierungen-container {
float: left;
width: 100%;
text-align: center;
}
.zertifizierungen-wrapper {
display: inline-block;
margin: auto;
height: 180px;
}
.cert-unit {
float: left;
display: flex;
justify-items: center;
align-items: center;
padding: 5px 15px;
height: 100%;
flex-direction: column;
}
.cert-unit-small {
padding: 10px 30px;
}
.cert-unit img {
width:180px;
height: auto;
}
.cert-unit.cert-unit-small img {
width:90px;
}
.cert-text {
text-align: center;
font-size: 28px;
color: var(--c-primary);
}
#kollektion-partner-cta h3 {
font-size: 48px;
line-height: 54px;
} .partner-text ul,
.partner-vorteile ul,
.elementor-widget-text-editor ul,
#kollektion-partner-cta ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.partner-vorteile ul li,
.elementor-widget-text-editor ul li,
#kollektion-partner-cta ul li {
padding-left: 24px;
position: relative;
}
.partner-vorteile ul li::before,
.elementor-widget-text-editor ul li::before,
#kollektion-partner-cta ul li::before {
content: "";
position: absolute;
left: 0; top: 0.35lh;
width: 10px;
height: 12px;
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/drop-icon-blue-filled.svg) center no-repeat;
background-size: 10px !important;
}
.elementor-widget-text-editor.white-text ul li::before {
background: url(//www.respatex.at/wp-content/themes/nosun-child/images/drop-white-filled.svg) center no-repeat;
}
#kolektion-partner-cta .btn {
margin-top: 30px;
} .ns-element-karussel .swiper-slide.ns-karussell-unit {
width: calc(100% / 3 - 20px);
min-width: 280px;
}
.ns-element-karussel .swiper-pagination-bullet {
width: 12px;
height: 12px;
margin: 0 8px;
background: var(--c-primary);
}
.ns-element-karussel .swiper-button-next, .ns-element-karussel .swiper-button-prev {
background: none !important;
}
.ns-element-karussel .swiper-button-next::after, .ns-element-karussel .swiper-button-prev::after {
color: var(--c-primary) !important;
}  .ekit-wid-con .ekit-form form textarea,
.ekit-wid-con .ekit-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
padding: 12px 20px !important;
font-family: din-2014, sans-serif !important;
}
.ekit-wid-con .ekit-form form textarea::placeholder,
.ekit-wid-con .ekit-form form input:not([type=submit]):not([type=checkbox]):not([type=radio])::placeholder {
font-size: 18px !important;
font-family: din-2014, sans-serif !important;
}
.wpcf7-not-valid-tip {
color: #dc3232 !important;
font-size: 18px !important;
}
.wpcf7-list-item {
margin-left: 0;
}
input[type="email"].wpcf7-not-valid, input[type="number"].wpcf7-not-valid, input[type="password"].wpcf7-not-valid, input[type="search"].wpcf7-not-valid, input[type="tel"].wpcf7-not-valid, input[type="text"].wpcf7-not-valid, input[type="url"].wpcf7-not-valid, select.wpcf7-not-valid, textarea.wpcf7-not-valid {
background-color: var(--c-soft-grey) !important;
color: var(--c-text) !important;
}
.k-smalltext,
input[type=email]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=reset]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, input[type=url]::placeholder, select::placeholder, textarea::placeholder {
color: var(--c-text);
} #footer-top > .elementor-container {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
#footer-top > .elementor-container > .elementor-column {
width: 100%;
}
#footer-top .footer-top-col-1 {
grid-column: 1 / span 2;
}
#logo-footer img,
#footer-top .footer-top-col-1 svg {
width:100%;
max-width:200px;
height: auto;
}
#footer-top .footer-top-col-2 {
grid-column: 4 / span 3;
}
#footer-top .footer-top-col-3 {
grid-column: 8 / span 2;
}
#footer-top .footer-top-col-4 {
grid-column: 10 / span 2;
}
#footer-top .menu {
list-style: none;
margin: 0;
padding: 0;
}
#footer-top .menu li {
margin-bottom: 10px;
display: block;
}
#menu-footer-menue-links .menu li a { color: var(--c-text) !important;
letter-spacing: var(--ls--sm);
text-transform: uppercase;
}
#menu-footer-menue-links li a,
#menu-footer-menue-rechts li a {
line-height: 1.4;
display: inline-block;
text-transform: uppercase;
}
#footer-top a,
#footer-bottom a {
color: var(--c--text) !important;
letter-spacing: var(--ls--sm);
}
#footer-top .sm-list li a:hover,
#footer-top .menu li a:hover,
#footer-top a:hover,
#footer-bottom a:hover {
opacity: .7;
}
#footer-main {
background-image: url(//www.respatex.at/wp-content/themes/nosun-child/images/drop-icon.svg);
background-position: right -20px top 40px;
background-size: 110px;
background-repeat: no-repeat;
}
footer.site-footer {
display: none !important;
}
#footer-top .sm-list {
margin: 0;
padding: 0;
}
#footer-top .sm-list li {
display: inline-block;
width: 100%;
text-align:center;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}
#footer-top .sm-list li a {
display: inline-block;
height: 26px;
line-height: 1;
}
#footer-top .sm-list li a svg {
height: 26px;
}
.sm-list-item a svg path {
fill: var(--c--text) !important;
} .loggein-info {
position: relative;
bottom: -10px;
left: 0;
float: left;
width: 100%;
display: inline-block;
text-align: left;
color: var(--c-soft-grey);
}
.loggein-info a{
color: var(--c-soft-grey);
}
.um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover, .um .um-members-pagi a:hover, .um .um-cover-add:hover, .um .um-profile-subnav a.active, .um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
color: var(--c-primary) !important;
}
#section-loginarea .um .um-form input[type=text], #section-loginarea .um .um-form input[type=search], #section-loginarea .um .um-form input[type=tel], #section-loginarea .um .um-form input[type=number], #section-loginarea .um .um-form input[type=password], #section-loginarea .um .um-form textarea, #section-loginarea .select2-container .select2-choice, #section-loginarea .select2-container-multi .select2-choices,
#login-page-form input[type="text"],
#login-page-form input[type="password"],
#login-page-form input[type="email"] {
width: 100%;
background-color: rgba(15, 68, 150, .1) !important;
border-color: rgba(15, 68, 150, .1) !important;
border: none !important;
height: 50px !important;
border-radius: 0 !important;
}
.um input[type=submit].um-button {
background-color: var(--c-primary) !important;
border-radius: 0 !important;
font-size: 18px !important;
letter-spacing: var(--ls--sm) !important;
text-transform: uppercase !important;
border: 1px solid var(--c-primary) !important;
float: left;
margin-top: 20px;
margin-bottom: 40px;
}
body .um input[type=submit].um-button:hover {
background-color: transparent !important;
border-color: var(--c-primary) !important;
color: var(--c-primary) !important;
}
.um {
text-align: left !important;
}
.ns-iconlist {
margin: 0;
padding: 0;
list-style: none;
}
.ns-iconlist li {
margin-bottom: 10px;
}
.ns-iconlist li svg {
display: inline-block;
margin-right: 20px;
position: relative;
top: 3px;
}
.burger {
float: right;
width: 40px;
height: 40px;
margin: 10px 0 10px 10px;
display: inline-block;
position: relative;
cursor: pointer;
} #overlay-menu {
position: absolute;
height: auto;
min-height: calc(100% - 120px);
top: 120px;
left: -100%;
background-image: url(//www.respatex.at/wp-content/themes/nosun-child/images/drop-icon.svg);
background-position: right -20px top 40px;
background-size: 200px;
background-repeat: no-repeat;
}
#overlay-menu .overlay-menu-inner {
position: fixed;
min-height: calc(100% - 80px);
top: 80px;
width:100%;
bottom: 0;
left: 0;
overflow-y: auto;
overflow-x: hidden;
background-color: var(--c-primary);
padding: 30px;
display: grid;
grid-template-columns: 1fr;
}
.menu-active #overlay-menu {
opacity: 1;
left: 0;
display: block;
visibility: visible;
pointer-events: all;
}
.mobile-mainmenu {
width: 100%;
}
.mobile-mainmenu ul {
margin: 0;
padding: 0;
float: left;
width: 100%;
list-style-type: none;
}
.mobile-mainmenu > ul > li {
float: left;
width: 100%;
display: inline-block;
padding: 20px 0;
position: relative;
}
.mobile-mainmenu > ul > li > a {
display: inline-block;
float: left;
color: var(--c-soft-grey);
font-weight: 300;
letter-spacing: var(--ls--lg);
text-transform: uppercase;
font-size: 24px;
line-height: 29px;
opacity: 0;
transition: opacity .4s ease .1s;
}
.menu-active .mobile-mainmenu ul li a {
opacity: 1;
transition: opacity .4s ease .3s;
}
.mobile-mainmenu ul ul {
margin-top: 10px;
background-color: rgba(0,0,0,.05);
display: none;
}
.mobile-mainmenu ul .active ul {
display: block;
}
.mobile-mainmenu ul ul li {
float: left;
width: 100%;
display: inline-block;
padding: 5px;
}
.mobile-mainmenu ul ul li a {
transition: opacity .4s ease .1s;
display: inline-block;
float: left;
color: var(--c-soft-grey);
font-weight: 300;
letter-spacing: var(--ls--lg);
padding: 5px 20px;
}
.mobile-mainmenu ul li .ast-menu-toggle {
position: absolute;
height: 40px; display: block;
width: 40px;
right: 0;
padding: 0;
top: 14px;
margin: 0;
text-align: center;
line-height: 20px;
}
.mobile-mainmenu ul li .ast-icon {
float: left;
width: 100%;
text-align: center;
padding: 0;
height: 100%;
line-height: 40px;
}
.mobile-mainmenu ul li .ast-icon svg {
height: 18px !important;
width: 18px !important;
margin-left: 0px !important;
color: var(--c-soft-grey) !important;
top: 2px;
transition: transform .2s ease;
}
.mobile-mainmenu ul li.active .ast-icon svg {
transform: rotate(180deg);
}
.mobile-overlay-bottom {
align-self: end;
width: 100%;
padding-top: 30px;
}
.mobile-overlay-bottom .sm-list,
.mobile-overlay-bottom .mobile-overlay-legals {
width: 100%;
list-style: none;
display: inline-block;
margin: 0;
padding: 20px 0;
text-align: center;
}
.mobile-overlay-bottom .sm-list { text-align: center;
align-items: center;
justify-items: center; max-width: 100%;
width: 100%;
margin: auto;
padding: 0;
}
.mobile-overlay-bottom .mobile-overlay-legals li { display: inline-block;
margin: 0 10px;
}
.mobile-overlay-bottom .mobile-overlay-legals li a {
color: var(--c-soft-grey);
font-weight: 300;
text-decoration: underline;
}
.mobile-overlay-bottom .mobile-overlay-copyright {
text-align:center;
color: var(--c-soft-grey);
font-size: 14px;
}
.mobile-overlay-bottom .mobile-overlay-copyright a {
color: var(--c-soft-grey);
} .elementor-lightbox .elementor-lightbox-item,
.dialog-type-lightbox .dialog-widget-content {
width: 100% !important;
left: 0 !important;
margin-right: 0;
} #single-partner-map {
width: 100%;
height: 700px;
} .inView {
animation: none !important
}
.anim-1,
h1.elementor-heading-title, h2.elementor-heading-title, h3.elementor-heading-title {
opacity: 0; transition: color .2s ease 0s, transform .6s var(--a--easing-default) .2s, opacity .6s var(--a--easing-default) .2s;
}
.anim-2 {
opacity: 0; transition: color .2s ease 0s, transform .6s var(--a--easing-default) .4s, opacity .6s var(--a--easing-default) .4s;
}
.elementor-widget-button .elementor-button,
.anim-3, .btn {
opacity: 0; transition: color .2s ease 0s, transform .6s var(--a--easing-default) .6s, opacity .6s var(--a--easing-default) .6s;
} .elementor-editor-active .anim-1,
.elementor-editor-active h1.elementor-heading-title, .elementor-editor-active h2.elementor-heading-title, .elementor-editor-active h3.elementor-heading-title,
.elementor-editor-active .anim-2,
.elementor-editor-active .elementor-widget-button .elementor-button,
.elementor-editor-active .anim-3, .elementor-editor-active .btn,
.inView,
.animComplete {
opacity: 1 !important;
transform: translateY(0px) !important;
}
.search-results article a:hover {
color: var(--c-primary);
} .search-results article.type-wpdmpro,
.single-vertriebspartner #content > .ast-container > div.rcb-content-blocker,
.page-template-page-partner #content > .ast-container > div.rcb-content-blocker,
.desktop-hidden, .elementor-editor-element-edit::before, .elementor-editor-element-edit::after,
.um-login .um-col-alt-b,
.um-login .um-right.um-half,
.elementor-accordion-icon-closed i,
.elementor-accordion-icon-opened i {
display: none !important;
} @media screen and (min-width: 768) {
.swiperCentered {
display: inline-block !important;
float: none;
width: auto;
}
}
@media screen and (min-width: 1025px) {
.fliesenstrukturen-wrap.swiperInactive .swiper-wrapper {
transform: translate3d(0, 0px, 0px) !important;
}
}
@media screen and (max-width: 1280px) {
#footer-top > .elementor-container {
grid-template-columns: repeat(5, 1fr);
}
#footer-top .footer-top-col-1,
#footer-top .footer-top-col-2,
#footer-top .footer-top-col-3,
#footer-top .footer-top-col-4,
#footer-top .footer-top-col-5 {
grid-column: auto;
}
#footer-top .sm-list li a {
float: left;
}
.overlay-close {
right: 50px;
}
}
@media screen and (max-width: 1024px) {
.pt-xlg {padding-top: 90px;}
.pb-xlg {padding-bottom: 90px;}
.pt-lg {padding-top: 60px;}
.pb-lg {padding-bottom: 60px;}
.pt-md {padding-top: 30px;}
.pb-md {padding-bottom: 30px;}
.pt-sm {padding-top: 15px;}
.pb-sm {padding-bottom: 15px;} #logo img {
height: 60px !important;
}
.scrolling #logo img {
height: 35px !important;
}
#overlay-searchform h3 {
font-size: 28px !important;
line-height: 38px !important;
}
.mm-search a svg .cls-1,
.mainmenu ul .mm-search a svg .cls-1,
.mainmenu ul .mm-search a svg .cls-3 {
fill: var(--c-soft-grey) !important;
}
.scrolling .header-logo-wrap > .elementor-widget-wrap,
.scrolling .header-menu-wrap > .elementor-widget-wrap {
padding-top: 15px;
padding-bottom: 15px;
}
.ns-fi-text-wrap {
padding: 30px;
margin-top: 30px;
left: 0;
bottom: 0;
width: 100%;
}
.elementor-element-bdc3e33.pb-lg {
padding-bottom: 0 !important;
}
.ns-col-5.col-skip-1-rightside {
grid-column: 7 / span 6;
}
#footer-top > .elementor-container {
grid-template-columns: repeat(4, 1fr);
}
#single-zubehoer .ns-col-3,
#kollektion-dekoruebersicht .ns-col-3,
#footer-top .footer-top-col-5 {
grid-column: span 4;
}
#grid-4cols, #grid-5cols {
grid-template-columns: repeat(3, 1fr);
}
#grid-5cols .ns-col-12, #grid-5cols .ns-col-11,	#grid-5cols .ns-col-10,	#grid-5cols .ns-col-9,#grid-5cols .ns-col-8,#grid-5cols .ns-col-7,#grid-5cols .ns-col-6,
#grid-5cols .ns-col-5,#grid-5cols .ns-col-4,#grid-5cols .ns-col-3,#grid-5cols .ns-col-2,#grid-5cols .ns-col-1,
#grid-4cols .ns-col-12, #grid-4cols .ns-col-11,	#grid-4cols .ns-col-10,	#grid-4cols .ns-col-9,#grid-4cols .ns-col-8,#grid-4cols .ns-col-7,#grid-4cols .ns-col-6,
#grid-4cols .ns-col-5,#grid-4cols .ns-col-4,#grid-4cols .ns-col-3,#grid-4cols .ns-col-2,#grid-4cols .ns-col-1 {
grid-column: span 1;
}
.mobile-overlay-bottom .sm-list,
#footer-top .sm-list {
display: block;
align-items: center;
justify-items: center;
max-width: 100%;
width: 100%;
text-align: center;
margin: auto;
padding: 0;
}
.mobile-overlay-bottom .sm-list li,
#footer-top .sm-list li {
text-align: center;
margin-bottom: 0;
display: inline-block;
margin: 0 20px;
}
.mobile-overlay-bottom .sm-list li a,
#footer-top .sm-list li a {
float: none;
height: 30px;
}
.mobile-overlay-bottom .sm-list li a svg,
#footer-top .sm-list li a svg {
height: 30px;
width: 30px;
}
#single-intro-img {
margin-top: -150px;
}
#page-title-text-container .page-title-a-s {
top: 50px;
bottom: auto;
font-size: 80px;
max-width: 50%;
}
#partner-archive-map {
height: 540px;
}
}
@media screen and (max-width: 767px) {
body {
max-width:100%;
overflow-x:hidden;
}
.pt-xlg {padding-top: 60px;}
.pb-xlg {padding-bottom: 60px;}
.pt-lg {padding-top: 30px;}
.pb-lg {padding-bottom: 30px;}
.pt-md {padding-top: 15px;}
.pb-md {padding-bottom: 15px;}
.pt-sm {padding-top: 15px;}
.pb-sm {padding-bottom: 15px;}
#grid-4cols, #grid-5cols,
.ns-row {
grid-template-columns: repeat(1, 1fr);
}
.ns-col-5.col-skip-1-rightside,
.ns-col-12, .ns-col-11,	.ns-col-10,	.ns-col-9,.ns-col-8,.ns-col-7,.ns-col-6,.ns-col-5,.ns-col-4,.ns-col-3,.ns-col-2,.ns-col-1 {
grid-column: 1 / span 1;
}
.grid-sizer, .grid-item {
width: 50%;
}
.overlay-close {
top: 160px;
}
.partner-map-legend-item.enlarge-map {
float:left;
}
.partner-map-legend-item.enlarge-map svg {
float:left;
margin-left:0;
margin-right:10px;
}
.gmap-container iframe,
#single-partner-map {
height: 300px;
}
.ns-slide-content-wrap h2 {
font-size: 36px !important;
line-height: 42px !important;
}
.ns-fi-text-wrap h2,
.partner-galerie-title,
.elementor-widget-heading .elementor-heading-title.elementor-size-xxl,
h1, .entry-content h1,	.elementor-kit-8 h1,#cta-content-wrap h3 {
font-size: 30px !important;
line-height: 36px !important;
}
.ns-slide.swiper-slide.swiper-slide-active .ns-slide-content-wrap {
transform: translateY(-20px);
}
#page-title-text-container .page-title-a-s {
font-size: 80px !important;
max-width: 80%;
line-height: .9 !important;
}
.elementor-widget-image-box h3.elementor-image-box-title,
#kollektion-partner-cta h3,
#overlay-searchform h3 {
font-size: 24px !important;
line-height: 30px !important;
}
.cert-text,
.elementor-kit-8 h4 {
font-size: 22px !important;
line-height: 28px !important;
}
#map-infowindow-headline,
.fliesenstrukturen-unit h5,
.elementor-kit-8 h5 {
font-size: 20px;
line-height: 26px;
}
#map-infowindow-content p {
font-size:16px !important;
}
#cta-content-wrap > div, .partner-text {
padding: 15px 0;
}
.elementor-widget-text-editor,
.ns-element-slideshow .ns-slide-content-wrap, .ns-element-slideshow .ns-slide-content-wrap p,
.ka-content-wrap p,
.elementor-kit-8 {
font-size: 18px !important;
line-height: 26px !important;
}
.fliesenstrukturen-unit {
width: 120px !important;
}
.elementor-kit-8 h4.ns-accordion-title, .elementor-kit-8 h4.bundesland-title {
padding-left: 50px;
padding-right: 15px;
line-height: 1.4 !important;
font-size: 18px !important;
padding-top: 18px;
padding-bottom: 18px;
hyphens: auto;
}
.zertifizierungen-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: center;
justify-content: center;
}
.cert-unit {
width:100%;
}
.ns-accordion-title::before, .bundesland-title::before {
height: 20px;
top: 20px;
left: 25px;
}
.ns-accordion-title::after, .bundesland-title::after {
width: 20px;
left: 15px;
}
.ns-accordion-item-title, .partner-title {
padding-left: 50px;
}
.partner-unit.partner-typ-premium .partner-title::before {
left: 10px;
}
.ka-image-wrap .ka-title {
top: -35px;
font-size: 50px !important;
line-height: .9 !important;
}
#sinlge-partner-thumb-col > picture img,
#sinlge-partner-thumb-col #single-partner-map,
#sinlge-partner-thumb-col > img, #sinlge-partner-thumb-col iframe,
#single-intro-img {
margin-top: -100px;
}
#section-page-title {
min-height: 200px;
}
#page-title-text-container .ns-row, #page-title-text-container {
min-height: 120px;
}
.single-dekore #section-page-title, .single-dekore #page-title-text-container .ns-row, .single-dekore #page-title-text-container,
.single-zubehoer #section-page-title, .single-zubehoer #page-title-text-container .ns-row, .single-zubehoer #page-title-text-container,
.single-vertriebspartner #section-page-title, .single-vertriebspartner #page-title-text-container .ns-row, .single-vertriebspartner #page-title-text-container {
min-height: 1px;
padding-bottom: 0px;
}	
.single-dekore #section-page-title,
.single-zubehoer #section-page-title,
.single-vertriebspartner #section-page-title {
min-height: 200px;
padding-bottom:120px;
}
#page-title-text-container .page-title-s, #page-title-text-container p {
max-width: 100% !important;
}
.single-zubehoer #page-title-text-container .ns-row.align-items-end,
.single-vertriebspartner #page-title-text-container .ns-row.align-items-end,
.page-template-page-contact #page-title-text-container .ns-row.align-items-end {
min-height: auto;
margin: 0;
padding: 0;
grid-gap: 0;
}
.partner-contacts {
padding: 0 0 15px;
}
#ms-container {
margin: 0 -10px;
}
.grid-sizer, .grid-item {
padding: 10px;
} .ns-slide-text {
padding: 0;
}
.scrolling .header-logo-wrap > .elementor-widget-wrap,
.scrolling .header-menu-wrap > .elementor-widget-wrap {
padding-top: 5px;
padding-bottom: 5px;
}
#logo img {
height: 35px !important;
}
#overlay-menu .overlay-menu-inner,
#overlay-menu {
min-height: calc(100% - 80px);
top: 70px;
}
#cta-img-wrap {
height: 390px;
}
#cta-content-wrap {
padding: 60px 30px;
}
.post-type-archive-dekore #single-cta .container,
.ns-slideshow-container {
padding-top: 0;
}
.dl-unit .ns-accordion-item-title .dl-title-icon {
left: -10px;
width: 20px;
}
.dl-unit .ns-accordion-item-title::before {
left: 10px;
}
.zubehoer-img-wrap {
height: 400px;
}
.ns-element-slideshow {
background-color: var(--c-primary);
}
#single-fliesenstrukturen .container {
padding-left: 30px;
padding-right: 0;
}
#fliesenstrukturen-swiper-container {
padding-left: 0px;
padding-right: 0;
}
.ns-slide .container {
display: grid;
grid-template-columns: repeat(1, 1fr);
padding: 0;
}
.ns-slide-content-wrap {
padding: 0 30px 0;
grid-row: 2;
}
.ns-slide-image-wrap {
position: static;
width: 100%;
height: 390px;
grid-row: 1;
}
.ns-slide-image {
width: 100%;
position: static;
height: 100%;
right: 0;
}
.ns-slide-img-bg, .ns-slide-image img {
position: static;
}
.ns-slideshow-container .swiper-wrapper {
padding-bottom: 80px;
background-color: var(--c-primary);
}
.ns-slideshow-swiper-control-wrap {
bottom: 20px;
left: 30px;
}
.ns-slide-content {
max-width: 100%;
}
.ns-slide-content-wrap h1 {
font-size: 45px !important;
line-height: 1 !important;
margin-top: -20px;
}
#partner-archive-map {
height: 340px;
}
.ns-fi-text-wrap {
padding: 0 0 30px;
}
.elementor-widget-nosun-fancyimg .elementor-widget-container {
padding: 0;
background: linear-gradient(to bottom, transparent 100px, var(--c-primary) 100px);
}
.c-even .ns-col-5,
.ns-element-fancyimg .ns-col-6:first-child {
grid-row: 2;
}
.c-even .ns-col-7,
.ns-element-fancyimg .ns-col-6:last-child {
grid-row: 1;
}
.zertifizierungen-wrapper {
height: auto;
}
.ns-element-karussel .swiper-slide.ns-karussell-unit,
.ka-top-dekor-unit {
min-width: 60%;
}
.ns-element-karussel .swiper-slide.ns-karussell-unit,
.ns-element-karussel .swiper-slide.ns-karussell-unit img {
width: 100%;
}
#single-zubehoer .ns-col-3,
#kollektion-dekoruebersicht .ns-col-3 {
grid-column: span 6;
}
#footer-bottom {
padding-bottom: 70px;
}
#menu-footer-menue-links li a, #menu-footer-menue-rechts li a,
#footer-bottom p {
font-size: 16px;
}
#footer-top .footer-top-col-1,
#footer-top .footer-top-col-2 {
grid-column: span 4;
}
#footer-top .footer-top-col-3,
#footer-top .footer-top-col-4 {
grid-column: 1 / -1;
}
#footer-top .sm-list li {
width:auto;
}
.pmaplegend {
grid-gap: 5px;
}
.legend-premiump {
grid-column: span 8;
grid-row: 1;
}
.legend-normalp {
grid-column: span 8;
grid-row: 2;
}
.legend-enlarge {
grid-column: span 4;
grid-row: 1;
}
.partner-map-legend-item {
padding: 5px 0;
margin-right: 0;
margin-left: 0;
font-size: 16px;
}
.ns-fi-img-wrap picture,
.ns-fi-img-wrap img {
width: 100%;
}
#section-page-title > svg {
height: 35%;
top: 10%;
right: -2%;
}
#single-fliesenstrukturen .container {
padding-top: 30px;
}
#cta-img-wrap {
background-position: center top;
}
.single-dekor-klicksysteme strong{
display: inline-block;
width: 100%;
margin-top: 10px;
}
#single-postnav .ns-col-6,
.single-dekore #single-zubehoer h2 {
text-align: center !important;
}
#single-postnav .ns-row {
background: none;
}
.page.page-template-page-haendlerbereich #page-title-text-container .page-title-s {
max-width: 100%;
}
.ns-login-info-col {
grid-row: 1;
}
.ns-login-form-col {
grid-row: 2;
}
#partner-map iframe {
max-height: 400px;
}
.koll-massangaben-container {
margin-top: 30px;
grid-gap: 15px;
}
.single-dekore #breadcrumbs-container {
padding-bottom: 25px;
}
.elementor-accordion-icon-closed, .elementor-accordion-icon-opened {
width: 20px;
height: 20px;
margin-top: 5px;
}
.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {
margin-right: 15px;
width: 20px;
}
.elementor-widget-accordion .elementor-accordion-title {
width: calc(100% - 35px);
font-size: 20px;
}
.elementor-accordion .elementor-tab-content {
padding-left: 20px;
padding-right: 0;
padding-bottom: 15px;
}
.elementor-accordion .elementor-tab-title {
padding-left: 15px;
padding-right: 15px;
}
#single-intro-img .container,
#single-cta .container {
padding-left: 0;
padding-right: 0;
}
.single-dekore #single-zubehoer {
margin-top: 30px;
}
.kollektion-info-iconbox {
margin-bottom: 15px;
}
.kollektion-dekore-container,
.ka-content-wrap p {
margin-bottom: 30px;
}
.single-dekore #single-intro-img img,
.ns-fi-text-wrap,
.ka-content-wrap {
margin-top: 0px;
}
.ns-login-info-col p,
.kollektion-info-iconbox-text p,
#page-title-text-container p {
margin-bottom: 0;
}
.single-dekore #section-page-title {
min-height: 0px;
}
.single-dekor-thumb-wrap::after {
opacity: 1;
}
.mobile-hidden,
#ns-zubehoer-header .ns-col-6:last-child,
.single-dekore #page-title-text-container,
.tax-dekore-kollektion #breadcrumbs-container,
#fliesenstrukturen-swiper-container .ns-button-prev, #fliesenstrukturen-swiper-container .ns-button-next,
#ns-fi-img-1 {
display: none !important;
}
#ns-fi-img-1-repeated {
display: block;
margin-bottom: 30px;
}
.desktop-hidden {
display: block !important;
}
}
@media screen and (max-width: 520px) {
.ns-accordion-item-title, .partner-title {
width: 100%;
margin-right: 0;
padding-left: 20px;
}
.ns-accordion-item-text, .partner-address {
width: 100%;
margin-right: 0;
padding-left: 20px;
}
.partner-unit.partner-typ-premium .partner-title::before {
left: -3px;
background-size: 15px !important;
}
.ns-accordion-item-link,
.partner-link {
float: left;
width: 100%;
}
.ns-slide-content-wrap h1 {
font-size: 36px !important;
}
} .search .ast-archive-description {
padding-left: 20px !important;
padding-right: 20px !important;
}
.search .entry-meta {
display: none !important;
}