/* Variables
--------------------------------------------------------- */
/* default */
.elementor-kit-8,
body {
	/* neutral */
	--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;
	
}
/* blue */
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);
}
/* red */
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;
}


/* @media (min-width: 1081px) { */
	body {
		font-size: var(--fs-m);
	}
/* } */


/* General
--------------------------------------------------------- */
::selection {
	color: var(--c-soft-grey);
	background-color: color-mix(in srgb, var(--c-primary) 90%, black);
}


/* Typo
--------------------------------------------------------- */
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);
	/* color: var(--c--headlines); */
}
a, .page-title {
	/* color: var(--c-primary); */
}
a:hover, a:focus {
	/* color: var(--c-primary-alt); */
}
#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;
}


/* outline text */
.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);
}


/* ÄNDERN ZU ANDEREN ICONS */
/* LI Icons */
.partner-vorteile ul li,
.elementor-widget-text-editor ul li,
.wysiwyg ul li,
#kollektion-partner-cta ul li {
	padding-left: 24px;
}
/* neutral */
.partner-vorteile ul li::before,
.elementor-widget-text-editor ul li::before,
.wysiwyg ul li::before,
#kollektion-partner-cta ul li::before {
	background: url("../images/drop-icon-neutral-filled.svg") center no-repeat;
	transform: scale(0.6);
	content: "";
	position: absolute;
	left: 0;
	/* top: 12px; */
	top: 0.27lh;
	width: 10px;
	height: 12px;
	background-size: 10px !important;
}
/* hellblau */
.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("../images/drop-icon-lightblue-filled.svg") center no-repeat;
	transform: scale(1);
}
/* rot */
.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("../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
--------------------------------------------------------- */
/* .elementor-114 .elementor-element.elementor-element-6083159 .elementskit-navbar-nav .elementskit-submenu-panel,
.ekit-template-content-header .elementskit-navbar-nav .elementskit-submenu-panel {
	background-color: var(--c-primary) !important;
}
#overlay-searchform {
	background-color: var(--c-primary90);
}
.elementor-114 .elementor-element.elementor-element-6083159 .elementskit-navbar-nav > li > a {
	color: var(--c--headlines) !important;
}
.elementor-114 .elementor-element.elementor-element-6083159 .elementskit-navbar-nav > li > a:hover {
	color: var(--c-primary) !important;
} */
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;
}

/* main menus */
#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 menus */

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


/* Buttons
--------------------------------------------------------- */
.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);
}
/* neutral */
.btn.btn-arrow::before,
.elementor-element.elementor-button-info .elementor-button::before {
	background: url('../images/arrow-right-neutral.svg') center no-repeat;
	background-size: 14px !important;
}
/* blue */
.color-scheme-blue .btn.btn-arrow::before,
.color-scheme-blue .elementor-element.elementor-button-info .elementor-button::before {
	background: url('../images/arrow-right-blue.svg') center no-repeat;
	background-size: 14px !important;
}
/* red */
.color-scheme-red .btn.btn-arrow::before,
.color-scheme-red .elementor-element.elementor-button-info .elementor-button::before {
	background: url('../images/arrow-right-red.svg') center no-repeat;
	background-size: 14px !important;
}
/* white */
.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('../images/arrow-right-w.svg') center no-repeat;
}

/* icon buttons */
.btn.icon-btn {
	display: inline-flex;
	align-items: center;
	grid-gap: 8px;
}
.btn.icon-btn svg {
	width: 12px;
	height: 12px;
	display: inline-block;
}

/* outline */
.btn.btn-filled:focus-visible{
	outline-color: var(--c-primary) !important;
	outline-offset: 2px;
	outline-style: dashed !important;
	outline-width: 2px !important;
}

/* Dekore
--------------------------------------------------------- */
/* Category Archive */
.kollektion-dekore-container p {
	color: var(--c--text);
	font-size: 20px;
	font-weight: bold;
}

/* Single */
/* neutral */
.extra-lang-infotext {
	background: url("../images/icon-extra-lange-paneele-neutral.svg") left center no-repeat;
	background-size: contain !important;
}
#single-postnav .ns-row {
	background: url("../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;
}
/* hellblau */
.color-scheme-blue .extra-lang-infotext {
	background: url("../images/icon-extra-lange-paneele-hellblau.svg") left center no-repeat;
	background-size: contain !important;
}
.color-scheme-blue #single-postnav .ns-row {
	background: url("../images/drop_icon_hellblau.svg") center top no-repeat;
	background-size: 30px !important;
}
/* rot */
.color-scheme-red .extra-lang-infotext {
	background: url("../images/icon-extra-lange-paneele-rot.svg") left center no-repeat;
	background-size: contain !important;
}
.color-scheme-red #single-postnav .ns-row {
	background: url("../images/icon-schnelle-wand.svg") center top no-repeat;
	background-size: 50px !important;
}


/* Partner
--------------------------------------------------------- */
/* Page Archive */
/* neutral */
.partner-unit.partner-typ-premium .partner-title::before {
	background: url("../images/icon-premium-partner-star-neutral.svg") center no-repeat;
	background-size: 20px !important;
}
/* blue */
.color-scheme-blue .partner-unit.partner-typ-premium .partner-title::before {
	background: url("../images/icon-premium-partner-star-hellblau.svg") center no-repeat;
	background-size: 20px !important;
}
/* rot */
.color-scheme-red .partner-unit.partner-typ-premium .partner-title::before {
	background: url("../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;
	}
}


/* Seite Kontakt
--------------------------------------------------------- */
.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("../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;
}

/* Call To Action Bereich
--------------------------------------------------------- */
/* hellblau */
/* #cta-img-wrap {
	background-image: url('../images/montage-respatex-hellblau.jpg') !important;
} */
/* rot */
/* neutral */



/* Footer
--------------------------------------------------------- */
.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 */
.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;
	}
}


/* tax downloads */
.kollektion-download {
	display: inline-flex;
	align-items: center;
	grid-gap: 10px;
}

/* downloads / haendlerbereich */
.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);}