/*  *********
	* fonts *
	********* */

	@font-face {
		font-family: 'averta-regular';
		src: url('../fonts/averta-regular-webfont.eot');
		src: url('../fonts/averta-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/averta-regular-webfont.woff2') format('woff2'),
			 url('../fonts/averta-regular-webfont.woff') format('woff'),
			 url('../fonts/averta-regular-webfont.ttf') format('truetype'),
			 url('../fonts/averta-regular-webfont.svg#averta_regularregular') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	@font-face {
		font-family: 'averta-extrabold';
		src: url('../fonts/averta-extrabold-webfont.eot');
		src: url('../fonts/averta-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/averta-extrabold-webfont.woff2') format('woff2'),
			 url('../fonts/averta-extrabold-webfont.woff') format('woff'),
			 url('../fonts/averta-extrabold-webfont.ttf') format('truetype'),
			 url('../fonts/averta-extrabold-webfont.svg#averta_extrabold') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	@font-face {
		font-family: 'averta-italic';
		src: url('../fonts/averta-regularitalic-webfont.eot');
		src: url('../fonts/averta-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/averta-regularitalic-webfont.woff2') format('woff2'),
			 url('../fonts/averta-regularitalic-webfont.woff') format('woff'),
			 url('../fonts/averta-regularitalic-webfont.ttf') format('truetype'),
			 url('../fonts/averta-regularitalic-webfont.svg#averta_regularitalic') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	
	@font-face {
		font-family: 'Playfair Display Black';
		src: url('../fonts/PlayfairDisplay-Black.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	
	}
	
	@font-face {
		font-family: 'Playfair Display Bold';
		src: url('../fonts/PlayfairDisplay-Bold.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	
	}
	
	.playfair-bold {
		font-family: 'Playfair Display Bold', serif;
	}
	
	.playfair-bold.upper {
		text-transform: uppercase;
	}
	
	.playfair-bold.space {
		letter-spacing: 6px !important;
	}
	
	.playfair-black {
		font-family: 'Playfair Display Black', serif;
	}
	
	.playfair-black.upper {
		text-transform: uppercase;
	}
	
	.playfair-black.space {
		letter-spacing: 6px !important;
	}
	
	
	/*  ********
		* tags *
		******** */
	
	html body {
		font-family: 'averta-regular', Arial, sans-serif !important;
		color: #000;
		line-height: 1.4em;
	}
	
	body h1,
	body h2,
	body h3,
	body h4,
	body h5,
	body h6,
	body p,
	body a,
	body strong {
		letter-spacing: normal !important;
	}
	
	body h1,
	body h2,
	body h3,
	body h4,
	body h5,
	body h6 {
		padding-bottom: 30px !important;
		color: #000;
	}
	
	body h1,
	body h3,
	body h5 {
		font-family: 'averta-extrabold', Arial, sans-serif;
	}
	
	body h2,
	body h4,
	body h6,
	body p,
	body a,
	body .et_pb_button {
		font-family: 'averta-regular', Arial, sans-serif;
	}
	
	body em,
	body i {
		font-family: 'averta-italic', Arial, sans-serif;
	}
	
	body h1,
	body h2 {
		line-height: 1.1em;
	}
	
	body h3 {
		line-height: 1.2em;
	}
	
	body h4,
	body h5,
	body h6 {
		line-height: 1.3em;
	}
	
	body p {
		line-height: 1.4em;
	}
	
	body strong {
		font-family: 'averta-extrabold', Arial, sans-serif;
		font-weight: normal;
	}
	
	body input,
	body select,
	body textarea {
		font-family: 'averta-regular', Arial, sans-serif !important;
	}
	
	@media (max-width: 980px) {
		body h6 {
			font-family: 'averta-extrabold', Arial, sans-serif;
		}
	}
	
	/*	*********
		* links *
		********* */
	
	body a {
        color: var(--token-color-foreground-fg-1);
        cursor: pointer;
        background-image: linear-gradient(var(--token-color-foreground-fg-1) 0 0);
        padding-bottom: 2px;
        background-position: 0 100%;
        background-size: 0% 1.5px;
        background-repeat: no-repeat;
        transition:
        background-size 0.3s,
        background-position 0s 0.3s;
        text-decoration: none;
	}

    body a:hover{
        background-size: 100% 1.5px;
    }
	
	body p a,
	body li a,
	body table a,
	body p a:hover,
	body li a:hover,
	body table a:hover {
		text-decoration: underline;
	}
	
	body a.black {
		color: #000;
	}
	
	body a.white {
		color: #fff;
	}
	
	body.safari #top-menu li{
		padding-right: 17px;
	}
	
	/*	***************
		* backgrounds *
		*************** */
	
	.bg-green {
		background-color: #69c350 !important;
	}
	
	.bg-red {
		background-color: #e73246 !important;
	}
	
	.bg-violet {
		background-color: #793369 !important;
	}
	
	.bg-blue {
		background-color: #00b0db !important;
	}
	
	.bg-orange {
		background-color: #f7b55c !important;
	}
	
	.bg-sands {
		background-color: #d4d2cc !important;
	}
	
	.bg-tree {
		background-color: #bca78a !important;
	}
	
	.bg-anthracite {
		background-color: #575c61 !important;
	}
	
	.bg-black {
		background-color: #000000 !important;
	}
	
	/*	**************
		* navigation *
		************** */
	
	header .container {
		width: 100%;
	}
	
	header #et-top-navigation {
		float: left;
		padding-left: 112px !important;
		text-transform: uppercase;
		letter-spacing: 0.04em;
	}
	
	header #et_top_search {
		position: absolute;
		top: 15px;
		right: 0;
	}
	
	header .et-search-form {
		left: 90px;
	}
	
	header .et_close_search_field {
		right: -5px;
	}
	
	header #loxone-custom-nav {
		position: relative;
		float: right;
		margin-right: 35px;
		padding-top: 12px;
		font-size: 14px;
	}
	
	header #et-top-navigation .loxone-custom-nav {
		display: none;
	}
	
	header #loxone-custom-nav ul li {
		display: inline-block;
		padding-left: 18px;
	}
	
	header #loxone-custom-nav ul li a {
		color: #fff;
		text-decoration: none;
	}
	
	header #top-menu .menu-item-has-children > a:first-child,
	header #et-secondary-nav .menu-item-has-children > a:first-child {
		padding-right: 0;
	}
	
	header #top-menu .menu-item-has-children > a:first-child:after,
	header #et-secondary-nav .menu-item-has-children > a:first-child:after {
		content: '';
	}
	
	header #top-menu > li > a,
	header #mobile_menu > li > a {
		text-transform: none;
		font-size: 16px;
		text-decoration: none;
	}
	
	header #top-menu li.mega-menu > ul  {
		border: none;
		padding: 0 0 100px 0;
		width: 100vw;
		left: 0 !important;
		position: fixed !important;
		text-align: center;
		background:url('images/shadow.png');
		background-repeat: repeat-x;
		background-clip: content-box;
		box-shadow: none;
	}
	
	header #top-menu li.mega-menu > ul > li {
		float: none !important;
		display: inline-block !important;
		width: auto !important;
		clear: none !important;
		word-wrap: normal;
		padding: 10px 0 16px !important;
	}
	
	header #top-menu li.mega-menu > ul > li > a {
		display: block;
		width: 100%;
		padding: 0 15px;
		border: none !important;
		text-transform: none;
		color: #666;
	}
	
	header #top-menu li.mega-menu-products > ul  {
		border: none;
		padding: 0 0 0 0;
		width: 100vw;
		left: 0 !important;
		position: fixed !important;
		text-align: center;
	}
	
	header #top-menu li.mega-menu-products > ul > li {
		float: none !important;
		display: inline-block !important;
		width: 125px !important;
		clear: none !important;
		word-wrap: normal;
		padding: 10px 0 16px !important;
	}
	
	header #top-menu li.mega-menu-products > ul > li > a {
		display: block;
		width: 100%;
		padding: 0 15px;
		border: none !important;
		text-transform: none;
		color: #666;
	}
	
	header #mobile_menu li > ul > li > a {
		text-transform: none;
		text-decoration: none;
	}
	
	header #top-menu li.current-menu-ancestor > a,
	header #top-menu li.current-menu-item > a,
	header #mobile_menu li.current-menu-item > a,
	header #mobile_menu li.current-menu-parent > a {
		color: #69c350 !important;
	}
	
	header span.mobile_menu_bar:before {
		color: #fff !important;
	}
	
	#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; text-decoration: none;}
	#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
	#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
	#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
	#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
	#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }
	#main-header .et_mobile_menu .always-visitable {
		position: relative;
	}
	#main-header .et_mobile_menu .always-visitable .hover-link {
		position: absolute;
		top: 0; left: 0; bottom: 0;
		right: 60px; /* right area continues to expand or collapse */
	}
	
	header ul.sub-menu > li > a{
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
	}
	
	header #top-menu-nav > ul > li > a:hover,
	header ul.sub-menu > li > a:hover {
		opacity: 1;
		color: #69c350 !important;
		transition: all 0.1s ease-in-out !important;
		-webkit-filter: grayscale(0%); 
		filter: grayscale(0%);
	}
	
	header ul.sub-menu > li > a:hover {
		background-color: #ffffff;
	}
	
	header ul.sub-menu > li > a > img.menu-image{
		height: 35px;
		width: 25px;
	
	}
	header ul.sub-menu > li > a > img.menu-image:hover{
		height: 35px;
		width: 25px;
	
	}
	
	header ul.sub-menu > li > a {
		font-size: 14px !important;
	}
	
	header #mobile_menu li a:hover {
		opacity: 1;
	}
	
	@media all and (max-width: 980px) {
	
		header .container {
			width: 80%;
		}
	
		header #et-top-navigation {
			padding: 0 !important;
			float: right;
		}
	
		header #et_top_search {
			top: 10px;
			right: 20px;
		}
	
		header .et-search-form {
			left: 170px;
		}
	
		.et_header_style_left header .et-search-form,
		.et_header_style_split header .et-search-form {
			width: 40% !important;
			max-width: 40% !important;
		}
	
		header #loxone-custom-nav {
			display: none;
		}
	
		header #et-top-navigation .loxone-custom-nav {
			display: block;
		}
	
		header .mobile_menu_bar {
			padding: 10px 0 !important;
		}
		.search__result--wrapper, .search__overlay{
			display: none !important;
		}
		#mainnvaigation--search{
			width: 100% !important;
		}
	}
	
	.mega-menu-sub{
		font-size: 40px;
	}
	/*	**********
		* footer *
		********** */
	
	footer #footer-widgets {
		border-top: 1px solid #E0E0E0;
		border-bottom: 1px solid #E0E0E0;
	}
	
	footer #footer-bottom {
		padding: 0;
	}
	
	footer #footer-bottom p {
		padding: 16px 0;
		font-size: 14px;
	}
	
	footer .et_pb_widget h4 {
		padding-bottom: 10px !important;
		font-size: 14px;
	}
	
	footer .et_pb_widget a {
		color: #808080;
		font-size: 14px;
	}
	
	footer .et-social-icons {
		padding-top: 14px;
		line-height: 1.5em;
	}
	
	footer .et-social-icons a:hover {
		text-decoration: none;
	}
	
	footer .bottom-nav {
		float: left;
		padding: 8px 0;
	}
	
	footer .bottom-nav li {
		padding-right: 104px;
	}
	
	footer .bottom-nav li:nth-child(3n+3) {
		padding-right: 0;
	}
	
	footer .bottom-nav a {
		text-transform: none;
		font-size: 16px;
	}
	
	footer .lang-switch {
		float: right;
		font-size: 16px;
		padding: 25px 0 !important;
		position: relative;
	}
	
	footer .lang-switch a {
		color: #666;
		font-weight: normal;
		cursor: pointer;
		text-decoration: none;
	}
	
	footer .lang-flag {
		position: absolute;
		top: 20px;
		left: -45px;
	}
	
	footer .lang-flag img {
		height: 2em;
	}
	
	footer#main-footer {
		margin-top: -2px;
		border-top: 1px solid #e0e0e0;
	}
	
	footer #et-footer-nav a,
	footer #et-footer-nav a:hover {
		text-decoration: none;
	}
	
	@media all and (max-width: 980px) {
	
		footer .bottom-nav,
		footer .lang-switch {
			float: none;
			display: block;
			text-align: center;
		}
	
		footer .bottom-nav li {
			padding: 20px 10px 0 !important;
		}
	
		footer .bottom-nav img {
			display: none;
		}
	
		footer .lang-flag {
			position: relative;
			display: block;
			top: 0;
			left: 0;
		}
	}
	#footer-widgets .headline a {
			color: #b2b2b2;
	}
	
	footer #footer-widgets div.headline{
		font-size:14px;
		color:#b2b2b2;
		text-transform: uppercase;
		padding-bottom: 10px !important;
		font-weight: bold;
	}
	
	/*	****************
		* social icons *
		**************** */
	
	.et-social-youtube a.icon:before { content: '\e0a3'; }
	
	/*	***********
		* content *
		*********** */
	
	.et_pb_section {
		margin-bottom: 2px;
	}
	
	.et_pb_section p a:hover,
	.et_pb_section ul li a:hover,
	.pakb-row a:hover {
		text-decoration: underline;
	}
	
	body .et_overlay:before,
	body .et_overlay:after {
		color: #69c350 !important;
	}
	
	/*	***********
		* buttons *
		*********** */
	
	.et_button_no_icon .et_pb_button,
	.et_button_no_icon .et_pb_button:hover {
		padding: 10px 24px !important;
		text-decoration: none !important;
		line-height: 1em !important;
		border-radius: 0;
		border-width: 2px !important;
	}
	
	/* black */
	.et_pb_button.et_pb_bg_layout_light,
	.et_pb_bg_layout_light .et_pb_button {
		color: #000 !important;
		border-color: #000 !important;
	}
	
	.et_pb_button.et_pb_bg_layout_light:hover,
	.et_pb_bg_layout_light .et_pb_button:hover {
		color: #fff !important;
		background-color: #000 !important;
	}
	
	/* white */
	.et_pb_button.et_pb_bg_layout_dark,
	.et_pb_bg_layout_dark .et_pb_button {
		color: #fff !important;
		border-color: #fff !important;
	}
	
	.et_pb_button.et_pb_bg_layout_dark:hover,
	.et_pb_bg_layout_dark .et_pb_button:hover {
		color: #333 !important;
		background-color: #fff !important;
	}
	
	/* cta */
	.et_pb_button.et_pb_bg_layout_dark.cta,
	.et_pb_button.et_pb_bg_layout_light.cta,
	.cta .et_pb_button {
		color: #fff !important;
		border-color: #e73246 !important;
		background-color: #e73246 !important;
	}
	
	.et_pb_button.et_pb_bg_layout_dark.cta:hover,
	.et_pb_button.et_pb_bg_layout_light.cta:hover,
	.cta .et_pb_button:hover {
		color: #fff !important;
		border-color: #B82838 !important;
		background-color: #B82838 !important;
	}
	/* special cta button for https://www.loxone.com/dede/kaufen/partner-finden/ */
	.et_pb_button.et_pb_bg_layout_dark.cta-white,
	.et_pb_button.et_pb_bg_layout_light.cta-white,
	.cta-white .et_pb_button {
		color:black !important;
		border-color: white !important;
	}
	
	.et_pb_button.et_pb_bg_layout_dark.cta-white:hover,
	.et_pb_button.et_pb_bg_layout_light.cta-white:hover,
	.cta-white .et_pb_button:hover {
	color: black !important;
	background-color: white !important; 
	}
	
	.et_pb_button {
		font-size: 16px !important;
	}
	
	@media (max-width: 766px) {
		.et_pb_button {
			font-size: 14px !important;
		}
	}
	
	/* cta-ghost-red */
	.et_pb_button.et_pb_bg_layout_dark.cta-ghost-red,
	.et_pb_button.et_pb_bg_layout_light.cta-ghost-red,
	.cta-ghost-red .et_pb_button{
		color:red !important;
		border-color: red !important;
	}
	.et_pb_button.et_pb_bg_layout_dark.cta-ghost-red:hover,
	.et_pb_button.et_pb_bg_layout_light.cta-ghost-red:hover,
	.cta-ghost-red .et_pb_button:hover {
		color: #fff !important;
		border-color: #B82838 !important;
		background-color: #B82838 !important;
	}
	/*	*******************
		* fullsize slider *
		******************* */
	
	.et_pb_slide_description {
		margin: 0;
		width: 100%;
		text-align: left;
	}
	
	/*	*****************
		* headline flag *
		***************** */
	
	h2 .flag {
		font-size: 12px;
		padding: 10px 20px;
		font-weight: 600;
		border-radius: 20px 5px;
		position: relative;
		display: inline-block;
		top: -15px;
		line-height: normal;
	}
	
	.et_pb_bg_layout_light h2 .flag {
		background-color: #69c350;
		color: #fff;
	}
	
	.et_pb_bg_layout_dark h2 .flag {
		background-color: #fff;
		color: #333;
	}
	
	.hover-green:hover {
		background-color: #69c350 !important;
		color: #fff !important;
	}
	
	@media(max-width: 980px) {
		h2 .flag {
			top: 0;
		}
	}
	
	/*	******************
		* knowledge base *
		****************** */
	
	/* remove separator */
	.single-knowledgebase #main-content .container:before {
		background-color: transparent;
	}
	
	/* header */
	.pakb-header {
		position: relative;
		margin: 320px auto 0;
		padding: 0 20px;
		max-width: 600px;
		z-index: 999;
	}
	
	.post-type-archive-knowledgebase .pakb-header,
	.single-knowledgebase .pakb-header,
	.tax-knowledgebase_category .pakb-header {
		margin: 0 0 50px;
		padding: 0;
	}
	
	.pakb-search input[type=text] {
		border-radius: 50px;
		background: rgba(255,255,255,0.3);
		padding: 20px 30px;
		height: 60px;
		color: #fff;
	}
	
	#left-area .pakb-search input[type=text] {
		color: #333;
	}
	
	.pakb-search span:before {
		font-family: "ETmodules" !important;
		content: "\55";
		color: #fff;
		margin-left: -40px;
		padding-top: 5px;
		font-size: 20px;
		display: inline-block;
	}
	
	.pakb-search input[type=submit] {
		position: absolute;
		top: 0;
		right: 0px;
		background: none;
		color: rgba(0,0,0,0);
		padding: 5px 12px;
		height: 60px;
	}
	
	.pakb-search input:hover[type=submit] {
		background: rgba(0,0,0,0);
	}
	
	/* main */
	.pakb-main {
		margin: 100px auto 20px;
		max-width: 960px;
		padding: 0;
	}
	
	.pakb-main-content {
		position: relative;
		margin-top: -380px;
		margin-bottom: 0px;
	}
	
	.pakb-main .pakb-row h2 {
		padding-bottom: 0 !important;
		letter-spacing: normal;
	}
	
	.pakb-main .pakb-row h2 a {
		font-weight: 500;
	}
	
	.pakb-content h2 {
		font-size: 2em;
		padding-top: 30px;
		padding-right: 20px;
		position: relative;
	}
	.pakb-main .si-folder4{
		background-image: url('/wp-content/themes/loxone_dede/icons/ic-device.png');
	}
	
	.pakb-main .si-file-xml{
			background-image: url('/wp-content/themes/loxone_dede/icons/ic-functionblock.png');
	}
	.pakb-content h2 sup{
		top: 30px;
		position: absolute;
		right: 0;
	}
	
	.pakb-content h3 {
		font-size: 1.3em;
		padding-top: 30px;
	}
	
	.pakb-content h4 {
		font-size: 1em;
		padding-top: 30px;
		font-weight: bold;
	}
	
	.pakb-content table td {
		max-width: none !important;
	}
	
	.pakb-boxes .pakb-box {
		border: 2px solid #eee;
	}
	
	.pakb-boxes .pakb-box:hover {
		background: #69c350;
	}
	
	.pakb-boxes .pakb-box:hover h2,
	.pakb-boxes .pakb-box:hover p {
		color: #fff;
	}
	
	@media(max-width: 980px) {
		.pakb-main {
			width: 80%;
		}
	}
	
	/* footer */
	.pakb-sidebar {
		margin: 0 auto;
		background: #eee;
		padding-bottom: 50px;
	}
	
	.pakb-sidebar .widget_text {
		width: 960px;
		max-width: 960px;
		background: #fff;
		margin: 50px auto 0;
		padding: 40px 40px 40px 180px;
		position: relative;
	}
	
	.pakb-sidebar .widget_text h3 {
		font-size: 20px;
		letter-spacing: 0;
		padding-bottom: 0 !important;
		font-weight: 500;
	}
	
	.pakb-sidebar .widget_text ul {
		margin-top: 20px !important;
	}
	
	.pakb-sidebar .widget_text img {
		position: absolute;
		width: 100px;
		top: 40px;
		left: 40px;
	}
	
	@media(max-width: 980px) {
		.pakb-sidebar .widget_text {
			width: 80% !important;
			padding-left: 40px;
		}
	
		.pakb-sidebar .widget_text img {
			display: none;
		}
	}
	
	/* special img zoom in and out */
	
	.kb-img-small {
		cursor: pointer;
	}
	
	#kb_zoom_box {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.5);
		z-index: 999;
		visibility: hidden;
		opacity: 0;
		transition: all 0.4s;
	}
	
	#kb_zoom_box.show {
		visibility: visible;
		opacity: 1;
	}
	
	#kb_zoom_img {
		text-align: center;
		margin-top: 14%
	}
	
	@media(max-width: 350px) {
		#kb_zoom_img {
			text-align: center;
			margin-top: 60%
		}
	}
	
	/*	*****************
		* hover columns *
		***************** */
	
	.link-col > div {
		border: none;
	}
	
	.col-green {
		background-color: #69c350 !important;
		cursor: pointer;
		color: #fff;
	}
	.col-green-border {
		-webkit-box-shadow:inset 0px 0px 0px 5px #69c350 !important;
		-moz-box-shadow:inset 0px 0px 0px 5px #69c350 !important;
		box-shadow:inset 0px 0px 0px 5px #69c350 !important;
		cursor: pointer;
	}
	
	.col-green h1,
	.col-green h2,
	.col-green h3,
	.col-green h4,
	.col-green h5,
	.col-green h6,
	.col-green a {
		color: #fff;
	}
	
	/*	**********
		* blurbs *
		********** */
	
	.et_pb_blurb_content {
		max-width: none;
	}
	
	.et_pb_blurb_position_left .et_pb_main_blurb_image,
	.et_pb_blurb_position_right .et_pb_main_blurb_image {
		width: 64px;
		padding-top: 7px;
	}
	
	/*	*********
		* popup *
		********* */
	
	html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
		padding-right: 0;
	}
	
	.popmake p,
	.popmake ul {
		line-height: 1.5em;
	}
	
	.popmake ul {
		list-style-type: disc;
		margin: 1em 0 1em 20px;
	}
	
	/*	**********
		* toggle *
		********** */
	
	.et_pb_toggle h5.et_pb_toggle_title {
		padding: 0 !important;
	}
	
	/*	***********************
		* member access error *
		*********************** */
	
	.members-access-error {
		width: 960px;
		margin: 0 auto;
		padding: 100px 0;
	}
	
	/*	**************************
		* partner programm table *
		************************** */
	
	.loxone-pp-table {
		width: 100% !important;
		border: none !important;
	}
	
	.loxone-pp-table td.logo {
		border: none !important;
		vertical-align: bottom;
		padding: 0 !important;
	}
	
	.loxone-pp-table td {
		border: 1px solid #fff !important;
		text-align: center;
		height: 100px;
		vertical-align: middle;
		padding: 0 20px !important;
		margin: 0;
		font-size: 0.9em;
		line-height: 1.5em;
	}
	
	.loxone-pp-table tr td:first-child {
		text-align: left;
		font-weight: bold;
		font-size: 1em;
		cursor: pointer;
	}
	
	.loxone-pp-table tr.background-light td:first-child {
		background: #eee;
	}
	
	.loxone-pp-table tr.background-light td:hover:first-child {
		color: #333;
		text-decoration: underline;
	}
	
	
	.loxone-pp-table .background-light {
		background-color: #f5f5f5;
		color: #666666;
	}
	
	.loxone-pp-table .background-dark {
		font-weight: bold;
		font-size: 1.2em;
	}
	
	@media(max-width: 640px) {
		.loxone-pp-table td {
			font-size: 0.6em;
			padding: 5px !important;
		}
	
		.loxone-pp-table tr td:first-child {
			font-size: 0.7em;
		}
	
		.fr_partenaires_video_overlay .et_pb_video_overlay {
			display: none;
		}
	
	}
	
	/*	*************
		* blog post *
		************* */
	
	.et_pb_pagebuilder_layout.single-post #page-container .et_pb_row {
		width: 80% !important;
	}
	
	/*	*************
		* countdown *
		************* */
	
	/* remove seperator */
	.et_pb_countdown_timer.removesec .minutes + div {
		display: none;
	}
	
	/* remove seconds */
	.et_pb_countdown_timer.removesec .seconds {
		display: none;
	}
	
	/* *******************
	   * dynamic content *
	   ******************* */
	
	.dc {
		display: none;
	}
	
	/* ********************
	   * slider classes *
	   ******************** */
	
	.show-arrows .et-pb-arrow-next {
		opacity: 1;
		right: 22px;
	}
	
	.show-arrows .et-pb-arrow-prev{
		opacity: 1;
		left: 22px;
	}
	
	.hide-bullets .et-pb-controllers {
		display: none;
	}
	
	/* **********************
	   * technical data table *
	   ********************** */
	
	@media (max-width: 1180px) {
		
		.techdata-table table { 
			width: 100% !important;
		}
		
		.techdata-table td {
			display: block;
			width: 100% !important;
			height: auto !important;
			min-height: 35px;
		}
	}
	
	/* ******************
	   * partner search *
	   ****************** */
	
	/* search console */
	
	.pmpartnersuche-styles .location-search-console .btn {
		background: #e73246 !important;
		color: #fff !important;
		border: 2px solid #e73246 !important;
		padding: 14px 24px !important;
		border-radius: 0 !important;
		cursor: pointer !important;
		line-height: 1em !important;
		transition: all 0.2s !important;
	}
	
	.pmpartnersuche-styles .location-search-console .btn:hover {
		color: #fff !important;
		border-color: #B82838 !important;
		background-color: #B82838 !important;
	}
	
	.pmpartnersuche-styles .location-search-console input {
		border-radius: 0 !important;
		padding: 15px !important;
		color: #000 !important;
	}
	
	.pmpartnersuche-styles .location-search-console input::placeholder {
		color: #666 !important;
	}
	
	/* partner list */
	
	.pmpartnersuche-styles .partnersearch-list .btn.btn-primary {
		background-color: transparent !important;
		border-color: #000 !important;
		color: #000 !important;
		border-radius: 0 !important;
		padding: 10px 24px !important;
		transition: all 0.2s !important;
	}
	
	.pmpartnersuche-styles .partnersearch-list .btn.btn-primary:hover {
		background-color: #000 !important;
		color: #fff !important;
		text-decoration: none !important;
	}
	
	.pmpartnersuche-styles .partnerblock address,
	.pmpartnersuche-styles .partnerblock .detail-partnerblock dl a,
	.pmpartnersuche-styles .partnerblock address:hover,
	.pmpartnersuche-styles .partnerblock .detail-partnerblock dl a:hover {
		color: #000 !important;
	}
	
	.pmpartnersuche-styles .partnersearch-list .link-detail,
	.pmpartnersuche-styles .partnersearch-list .link-detail:hover {
		color: #e73246 !important;
	}
	
	.label.label-partner.label-partner-platin {
		background-color: #69c350 !important;
		border-radius: 0 !important;
	}
	
	.label.label-partner.label-partner-gold {
		background-color: #c9a464 !important;
		border-radius: 0 !important;
	}
	
	.label.label-partner.label-partner-silver {
		background-color: #d1ccc6 !important;
		border-radius: 0 !important;
	}
	
	/* *******************
	   * training module *
	   ******************* */
	
	.pmschul-styles .label.label-default {
		background-color: #69c350 !important;
		border-radius: 0 !important;
	}
	
	.pmschul-styles .btn.btn-primary {
		background-color: #e73246 !important;
		border: 1px solid #e73246 !important;
		color: #fff !important;
		padding: 10px 24px !important;
		border-radius: 0 !important;
		text-decoration: none;
	}
	
	.pmschul-styles .btn.btn-primary:hover {
		background-color: #a6091b !important;
		border-color: #a6091b !important;
		text-decoration: none !important;
	}
	
	.pmschul-styles label.checkbox.checked {
		background-color: #69c350 !important;
	}
	
	.pmschul-styles .eventblockpart .highlighted .name-eventblockpart,
	.pmschul-styles .formgroup-navigator .oriantation-screen li.active a {
		color: #69c350 !important;
	}
	
	/* ******************
	   * blog v2 styles *
	   **************** */
	
	.specialtip h3 {
		font-size: 48px;
		line-height: 46px;
	}
	
	.specialtip hr {
		border: 2px solid;
		color: #69c350; 
		width: 100px;
		margin-bottom: 30px;
	}
	
	.specialtip span.headline {
		font-size: 14px;
		line-height: 14px;
	}
	
	.cat-img span {
		position: relative;
	}
	
	.cat-img span::after {
		bottom: 0;
		right: 0;
		width: 50px;
		height: 78px;
		background: url('../blogv2/images/link-corner.svg');
		position: absolute;
		content: "";
		display: none;
	}
	
	.img-corner .et_pb_image_wrap::after,
	.img-corner .et_pb_gallery_image::after {
		bottom: 0;
		right: 0;
		width: 51px;
		height: 78px;
		background: url('../blogv2/images/slider-corner.svg');
		position: absolute;
		content: "";
	}
	
	@media(min-width: 980px) {
		.cat-img:hover {
			outline: 5px solid #69c350;
		}
	
		.cat-img:hover span::after {
			display: block;
		}
	}
	
	@media(max-width: 980px){
		.specialtip .image,
		.et_pb_pagebuilder_layout.single-post #page-container .specialtip .et_pb_row.image,
		.specialtip .text,
		.et_pb_pagebuilder_layout.single-post #page-container .specialtip .et_pb_row.text {
			width: 100% !important;
		}
	
		.specialtip h3 {
			font-size: 32px;
			line-height: 37px;
		}
	
		.specialtip p {
			font-size: 14px;
		}
	
		.cat-img span::after {
			display: block;
		}
	
		.img-corner .et_pb_image_wrap::after,
		.img-corner .et_pb_gallery_image::after {
			display: none;
		}
	}


	/* *********************
	   * Divi Carousel Styles *
	   ********************* */

	#main-content .swiper-container {
		overflow: visible;
		padding-bottom: 15px;
	}

	.dica-container {
		overflow: hidden;
	}

	.dica_divi_carouselitem {
		opacity: 0.3;
	}

	.dica_divi_carouselitem.swiper-slide-active{
		opacity: 1;
	}
	
	/* *********************
	   * new slider styles *
	   ********************* */
	
	.et_pb_gallery {
		overflow: inherit;
		margin-bottom: 50px !important;
	}
	
	.et_pb_gallery .et-pb-arrow-prev,
	.et_pb_gallery .et-pb-arrow-next {
		bottom: -50px;
		margin-top: 0;
		opacity: 1 !important;
		font-size: 34px;
		top: auto;
	}
	
	.et_pb_gallery .et-pb-arrow-prev {
		left: 50% !important;
		padding-right: 20px;
		margin-left: -54px;
	}
	
	.et_pb_gallery .et-pb-arrow-next {
		right: 50% !important;
		padding-left: 20px;
		margin-right: -54px;
	}
	
	.et_pb_gallery .et-pb-controllers {
		bottom: -50px;
		left: 50%;
		display: none;
		height: 34px;
		z-index: 999;
		margin-left: -21.5px;
		width: auto;
	}
	
	.et_pb_gallery .et-pb-controllers div {
		line-height: 34px;
		display: inline-block;
		width: 20px;
	}
	
	.et_pb_gallery .et-pb-controllers a {
		display: none;
	}
	
	.Logout_area {
		max-width: 0;
		max-height: 0;
		font-size: 0;
		overflow: hidden;
		line-height: 0;
		width: 0;
		height: 0;
	}
	@media(min-width: 1090px){
		#menu-loxone_custom_login_submenu {
			height: 40px;
			padding: 5px 0 0 !important;
			line-height: 1.7em !important;
		}
	}
	
	.fullwidth-menu-nav {
		text-align: center !important;
	}
	
	.mega-menu-sub {
		font-weight: 700 !important;
		font-size: 15px !important;
	}
	
	.mega-menu-sub a:hover {
		color: #69c34f !important;
		text-decoration: none !important;
	}
	
	.et_mobile_menu li a {
		color: #666 !important;
	}
	
	#overlay {
		position: fixed !important; /* Sit on top of the page content */
		display: block !important;/* Hidden by default */
		width: 100% !important; /* Full width (cover the whole page) */
		height: 100% !important; /* Full height (cover the whole page) */
		top: 0 !important; 
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		background-color: rgba(0,0,0,0.5) !important; /* Black background with opacity */
		z-index: 10 !important; /* Specify a stack order in case you're using a different order for other elements */
		cursor: pointer; /* Add a pointer on hover */
	  }
	
	  .loading-gif-logout {
		position: fixed;
		left: 50%;
		top: 50%;
	  }
	
	.login-layout {
		max-width: 640px !important;
		margin: 0 auto !important;
	}
	
	.login-layout h1{
		color: #FFF !important;
		font-size: 50px !important;
		line-height: 55px !important;
		font-weight: 400 !important;
		font-family: "averta-regular";
		padding-bottom: 20px!important;
	}
	
	.login-layout a{
		color: #FFF !important;
		font-size: 16px !important;
		line-height: 30px !important;
		text-decoration: none !important
	}
	
	.entry-content table:not(.variations), body.et-pb-preview #main-content .container table {
		border: none !important;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*HEADER STYLING*/
	@media screen and (min-width: 1px){
		html.js{
			margin-top: 0 !important;
		}
	}
	#page-container{
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
	
	header#header{
		background-color: #000000;
		font-size: 0;
		line-height: 0;
		position: relative;
		height: 48px;
	}
	
	header#header.js-sticky{
		position: fixed !important;
		top:0;
		left:0;
		right: 0;
		z-index: 99999999;
	}
	
	.admin-bar header#header.js-sticky{
		top: 32px;
	}
	@media screen and (max-width: 782px){
		.admin-bar header#header.js-sticky{
			top: 0px;
		}
	}
	
	
	header#header .nav--wrapper{
		max-width: 1440px;
		padding: 0 20px;
		box-sizing: border-box;
		margin: 0 auto;
		vertical-align: top;
		display: flex;
		justify-content: space-between;
	}
	
	header#header .nav--wrapper .logo--wrapper{
		display: inline-block;
		vertical-align: top;
		padding-right: 20px;
		width: 110px;
	}
	
	header#header .nav--wrapper .logo--wrapper img{
		height: 20px;
		width: 89px;
		max-width: 89px;
		padding: 14px 0;
		box-sizing: content-box;
	}
	
	header#header .nav--wrapper .mainnavigation--wrapper{
		display: inline-block;
		vertical-align: top;
	}
	
	header#header .nav--wrapper .sidenavigation--wrapper{
		padding-left: 20px;
		width: 110px;
		display: inline-block;
		vertical-align: top;
		text-align: right;
	}
	header#header .nav--wrapper .sidenavigation--wrapper .sidenavigation--entry{
		padding: 14px 10px;
		display: inline-block;
	}
	
	header#header .nav--wrapper .sidenavigation--wrapper .sidenavigation--entry:last-child{
		padding-right: 0;
	}
	
	/*NAVIGATION STYLING*/
	#mainnavigation #main-menu{
		white-space: nowrap;
	}
	
	#mainnavigation #main-menu > .menu-item{
		cursor: pointer;
		display: inline-block;
		padding: 0 17px 6px 17px;
	}
	#mainnavigation #main-menu > .menu-item:first-child{
		padding-left: 0;
	}
	#mainnavigation #main-menu > .menu-item:last-child{
		padding-right: 0;
	}
	
	#mainnavigation #main-menu > .menu-item.menu-bold a{
		font-family: 'averta-extrabold', Arial, sans-serif !important;
	}
	
	#mainnavigation #main-menu > .menu-item > a{
		border-bottom: 1px solid transparent;
		font-size: 16px;
		line-height: 18px;
		text-decoration: none;
		color: #FFFFFF;
		font-family: 'averta-regular', Arial, sans-serif !important;
		display: inline-block;
		padding: 15px 3px 8px 3px;
		transition: all 0.2s;
	}
	#mainnavigation #main-menu > .menu-item:hover > a, #mainnavigation #main-menu > .menu-item.current-menu-item > a, #mainnavigation #main-menu > .menu-item.current-menu-ancestor > a{
		color: #69C350;
		border-bottom: 1px solid #69C350
	}
	
	/*Invis handler*/
	
	
	
	/*Submenu STYLING*/
	#mainnavigation #main-menu .menu-item .sub-menu{
		display: block !important;
		opacity: 0;
		position: absolute;
		left: 0;
		right: 0;
		z-index: -1;
		background-color: rgba(255, 255, 255, 0.9);
		backdrop-filter: blur(30px);
		top: 56px;
		transition: opacity 0.25s, top 0.25s linear, z-index 0.25s;
	}
	#mainnavigation #main-menu .menu-item .sub-menu .subnavigation--wrapper{
		display: none;
	}
	/*Only visible in hover*/
	#mainnavigation #main-menu .menu-item:hover .sub-menu{
		top: 48px;
		z-index: 100000;
		opacity: 1;
		transition: opacity 0.5s, top 0.25s linear;
		border-bottom: 1px solid #e0e0e0;
	}
	#mainnavigation #main-menu .menu-item:hover .sub-menu .subnavigation--wrapper{
		display: block;
	}
	
	#mainnavigation #main-menu .menu-item .sub-menu .subnavigation--wrapper{
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 20px;
		white-space: nowrap;
		overflow: hidden;
		text-align: center;
	}
	#mainnavigation #main-menu .menu-item .sub-menu .subnavigation--wrapper .subnavigation--slider{
		transition: margin-left 0.25s ease-out;
		float: left;
		display: inline-block;
		width: 100%;
	}
	#mainnavigation #main-menu .menu-item .sub-menu .subnavigation--wrapper .subnavigation--slider:last-child{
		float: none;
	}
	
	#mainnavigation #main-menu .menu-item .sub-menu .subnavigation--wrapper .menu-item{
		width: calc(100% / 7);
		display: inline-block;
		text-align: center;
		vertical-align: top;
		cursor: pointer;
	}
	
	#mainnavigation #main-menu .menu-item .sub-menu .subnavigation--wrapper .menu-item a, #subnavigation--mobile .subnavigation--wrapper a{
		padding: 72px 10px 30px 10px;
		height: 120px;
		white-space: normal;
		text-align: center;
		display: block;
		text-align: center;
		position: relative;
	}
	
	#mainnavigation #main-menu .menu-item .sub-menu .subnavigation--wrapper a, #subnavigation--mobile .subnavigation--wrapper a{
		font-family: 'averta-regular', Arial, sans-serif !important;
		text-decoration: none;
		font-size: 14px;
		line-height: 20px;
		color: #000000;
	}
	
	#mainnavigation #main-menu .menu-item .sub-menu .subnavigation--wrapper a:hover, #subnavigation--mobile .subnavigation--wrapper a:hover{
		background-color: rgba(0,0,0,0.1);
		transition: background 0.2s;
	}
	
	#mainnavigation #main-menu .menu-item .sub-menu .subnavigation--wrapper .menu-item.new a:after, #subnavigation--mobile .subnavigation--wrapper .new a:after{
		display: block;
		content: "NEW";
		background: #69C350;
		color: white;
		padding: 2px 0px;
		font-size: 10px;
		line-height: 12px;
		width: 34px;
		position: absolute;
		bottom: 12px;
		left: 50%;
		margin-left: -17px;
		box-sizing: border-box;
	}

	#mainnavigation #main-menu .menu-item .sub-menu .subnavigation--wrapper .menu-item.updated a:after, #subnavigation--mobile .subnavigation--wrapper .updated a:after{
		display: block;
		content: "UPDATED";
		background: #69C350;
		color: white;
		padding: 2px 0px;
		font-size: 10px;
		line-height: 12px;
		width: 64px;
		position: absolute;
		bottom: 12px;
		left: 50%;
		margin-left: -32px;
		box-sizing: border-box;
	}

	#mainnavigation #main-menu .menu-item .sub-menu .subnavigation--wrapper .menu-item a:before, #subnavigation--mobile .subnavigation--wrapper a:before{
		display: block;
		content: "";
		color: white;
		width: 28px;
		height: 28px;
		position: absolute;
		top: 30px;
		left: 50%;
		margin-left: -14px;
		box-sizing: border-box;
		background-position: center center;
		background-size: 100%;
	}
	#subnavigation--mobile{
		display: none;
	}
	
	#subnavigation--mobile .subnavigation--wrapper{
		overflow-x: overlay;
		overflow-y: hidden;
		text-align: center;
		white-space: nowrap;
	}
	#subnavigation--mobile .subnavigation--wrapper li{
		display: inline-block;
		width: 28%;
		vertical-align: top;
	}
	
	#subnavigation--mobile .subnavigation--wrapper .navigation--more, #subnavigation--mobile .subnavigation--wrapper .navigation--back{
		display: none !important;
	}
	
	#subnavigation{
		border-bottom: 1px solid #e0e0e0;
		background-color: rgba(255, 255,255, 0.93) !important;
	}
	
	#subnavigation .subnavigation--wrapper{
		margin: 0 auto;
		padding: 15px 20px;
		max-width: 1000px;
		display: flex;
		justify-content: space-between;
	}
	
	#subnavigation.js-sticky{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99999999;
		background-color: transparent;
		backdrop-filter: blur(5px);
	}
	.admin-bar #subnavigation.js-sticky{
		top: 32px;
	}
	@media screen and (max-width: 782px){
		.admin-bar #subnavigation.js-sticky{
			top: 0px;
		}
	}
	
	#subnavigation .subnavigation--wrapper h1{
		font-size: 16px;
		padding: 0 !important;
		font-family: 'averta-extrabold', Arial, sans-serif !important;
		line-height: 30px;
		margin-left: 0 !important;
	}
	#subnavigation .subnavigation--wrapper ul{
		white-space: nowrap;
		height: 30px;
		font-size: 0;
		line-height: 0;
	}
	#subnavigation .subnavigation--wrapper ul li{
		display: inline-block;
	}
	#subnavigation .subnavigation--wrapper ul li a, #subnavigation .subnavigation--wrapper .button{
		font-size: 12px;
		line-height: 30px;
		color: #000000 !important;
		text-decoration: none !important;
		text-decoration: none;
		display: inline-block;
		margin-left: 30px;
	}
	#subnavigation .subnavigation--wrapper ul li.current-menu-item > a{
		font-family: 'averta-extrabold', Arial, sans-serif !important;
	}
	#subnavigation .subnavigation--wrapper a.button{
		color: #FFFFFF !important;
		padding: 0 20px;
		background-color: #e73246;
	}
	#subnavigation .subnavigation--wrapper a.button:hover{
		background-color: #B82838;
	}
	
	.subnavigation--wrapper > div{
		display: flex;
		white-space: nowrap;
	}
	
	/*BEAUTIFY THIS*/
	.subnavigation--wrapper .menu-item.icon--standards a:before{
		background-image: url("icons/icon--standards.svg");
	}
	.subnavigation--wrapper .menu-item.icon--discover a:before{
		background-image: url("icons/icon--discover.svg");
	}
	.subnavigation--wrapper .menu-item.icon--references a:before{
		background-image: url("icons/icon--references.svg");
	}
	.subnavigation--wrapper .menu-item.icon--smart-home a:before{
		background-image: url("icons/icon--smart-home.svg");
	}
	
	.subnavigation--wrapper .menu-item.icon--datasheets a:before{
		background-image: url("icons/icon--datasheets.svg");
	}
	
	.subnavigation--wrapper .menu-item.icon--overview a:before{
		background-image: url("icons/icon--overview.svg");
	}
	.subnavigation--wrapper .menu-item.icon--housing a:before{
		background-image: url("icons/icon--housing.svg");
	}
	.subnavigation--wrapper .menu-item.icon--hotel a:before{
		background-image: url("icons/icon--hotel.svg");
	}
	.subnavigation--wrapper .menu-item.icon--office a:before{
		background-image: url("icons/icon--office.svg");
	}
	.subnavigation--wrapper .menu-item.icon--aal a:before{
		background-image: url("icons/icon--aal.svg");
	}
	.subnavigation--wrapper .menu-item.icon--prefab a:before{
		background-image: url("icons/icon--prefab.svg");
	}
	.subnavigation--wrapper .menu-item.icon--special-applications a:before{
		background-image: url("icons/icon--special-applications.svg");
	}
	.subnavigation--wrapper .menu-item.icon--intercom a:before{
		background-image: url("icons/icon--intercom.svg");
	}
	.subnavigation--wrapper .menu-item.icon--roi a:before{
		background-image: url("icons/icon--roi.svg");
	}
	
	
	.subnavigation--wrapper .menu-item.icon--miniserver a:before{
		background-image: url("icons/icon--miniserver.svg");
	}
	.subnavigation--wrapper .menu-item.icon--audio a:before{
		background-image: url("icons/icon--audio.svg");
	}
	.subnavigation--wrapper .menu-item.icon--lighting a:before{
		background-image: url("icons/icon--lighting.svg");
	}
	.subnavigation--wrapper .menu-item.icon--shading a:before{
		background-image: url("icons/icon--shading.svg");
	}
	.subnavigation--wrapper .menu-item.icon--heating a:before{
		background-image: url("icons/icon--heating.svg");
	}
	.subnavigation--wrapper .menu-item.icon--security a:before{
		background-image: url("icons/icon--security.svg");
	}
	.subnavigation--wrapper .menu-item.icon--multimedia a:before{
		background-image: url("icons/icon--multimedia.svg");
	}
	.subnavigation--wrapper .menu-item.icon--energy a:before{
		background-image: url("icons/icon--energy.svg");
	}
	.subnavigation--wrapper .menu-item.icon--software a:before{
		background-image: url("icons/icon--software.svg");
	}
	.subnavigation--wrapper .menu-item.icon--wellness a:before{
		background-image: url("icons/icon--wellness.svg");
	}
	.subnavigation--wrapper .menu-item.icon--access a:before{
		background-image: url("icons/icon--access.svg");
	}
	
	
	.subnavigation--wrapper .menu-item.icon--tips_iq a:before{
		background-image: url("icons/icon--tips_iq.svg");
	}
	.subnavigation--wrapper .menu-item.icon--stories_inspiration a:before{
		background-image: url("icons/icon--stories_inspiration.svg");
	}
	.subnavigation--wrapper .menu-item.icon--backstage a:before{
		background-image: url("icons/icon--backstage.svg");
	}
	.subnavigation--wrapper .menu-item.icon--technology a:before{
		background-image: url("icons/icon--technology.svg");
	}
	.subnavigation--wrapper .menu-item.icon--partner a:before{
		background-image: url("icons/icon--partner.svg");
	}
	.subnavigation--wrapper .menu-item.icon--career a:before{
		background-image: url("icons/icon--career.svg");
	}
	
	
	.subnavigation--wrapper .menu-item.icon--shop a:before{
		background-image: url("icons/icon--shop.svg");
	}
	.subnavigation--wrapper .menu-item.icon--find-partner a:before{
		background-image: url("icons/icon--find-partner.svg");
	}
	.subnavigation--wrapper .menu-item.icon--loxone-ready a:before{
		background-image: url("icons/icon--loxone-ready.svg");
	}
	
	
	.subnavigation--wrapper .menu-item.icon--house-automation a:before{
		background-image: url("icons/icon--house-automation_2.svg");
	}
	.subnavigation--wrapper .menu-item.icon--electrical-planner a:before{
		background-image: url("icons/icon--electrical-planner.svg");
	}
	.subnavigation--wrapper .menu-item.icon--real-estate a:before{
		background-image: url("icons/icon--real-estate.svg");
	}
	.subnavigation--wrapper .menu-item.icon--renovate a:before{
		background-image: url("icons/icon--renovate.svg");
	}

	.subnavigation--wrapper .menu-item.icon--architecture a:before{
		background-image: url("icons/icon--architecture.svg");
	}
	.subnavigation--wrapper .menu-item.icon--industry a:before{
		background-image: url("icons/icon--industry.svg");
	}
	.subnavigation--wrapper .menu-item.icon--education a:before{
		background-image: url("icons/icon--education.svg");
	}
	
	.subnavigation--wrapper .menu-item.icon--documentation a:before{
		background-image: url("icons/icon--documentation.svg");
	}
	.subnavigation--wrapper .menu-item.icon--support_community a:before{
		background-image: url("icons/icon--support_community.svg");
	}
	.subnavigation--wrapper .menu-item.icon--support-ticket a:before{
		background-image: url("icons/icon--support-ticket.svg");
	}
	.subnavigation--wrapper .menu-item.icon--live-chat a:before{
		background-image: url("icons/icon--live-chat.svg");
	}
	.subnavigation--wrapper .menu-item.icon--downloads a:before{
		background-image: url("icons/icon--downloads.svg");
	}
	.subnavigation--wrapper .menu-item.icon--login a:before{
		background-image: url("icons/icon--login.svg");
	}
	.subnavigation--wrapper .menu-item.icon--new a:before{
		background-image: url("icons/icon--new.svg");
	}
	.subnavigation--wrapper .menu-item.icon--support a:before{
		background-image: url("icons/icon--support.svg");
	}
	.subnavigation--wrapper .menu-item.icon--aal-2 a:before{
		background-image: url("icons/icon--aal-2.svg ");
	}
	.subnavigation--wrapper .menu-item.icon--access-2 a:before{
		background-image: url("icons/icon--access-2.svg");
	}
	.subnavigation--wrapper .menu-item.icon--case-studies-commercial-2 a:before{
		background-image: url("icons/icon--case-studies-commercial-2.svg");
	}
	.subnavigation--wrapper .menu-item.icon--case-studies-smart-home a:before{
		background-image: url("icons/icon--case-studies-smart-home.svg");
	}
	.subnavigation--wrapper .menu-item.icon--experience-2 a:before{
		background-image: url("icons/icon--experience-2.svg");
	}
	.subnavigation--wrapper .menu-item.icon--know-how-2 a:before{
		background-image: url("icons/icon--know-how-2.svg");
	}
	.subnavigation--wrapper .menu-item.icon--multiroom-audio-2 a:before{
		background-image: url("icons/icon--multiroom-audio-2.svg");
	}
	.subnavigation--wrapper .menu-item.icon--navi-hotel-2 a:before{
		background-image: url("icons/icon--navi-hotel-2.svg");
	}
	.subnavigation--wrapper .menu-item.icon--prefab-2 a:before{
		background-image: url("icons/icon--prefab-2.svg ");
	}
	.subnavigation--wrapper .menu-item.icon--smart-home-2 a:before{
		background-image: url("icons/icon--smart-home-2");
	}
	.subnavigation--wrapper .menu-item.icon--special-applications-2 a:before{
		background-image: url("icons/icon--special-applications-2.svg");
	}
	.subnavigation--wrapper .menu-item.icon--technology-2 a:before{
		background-image: url("icons/icon--technology-2.svg");
	}
	
	
	/*More / BACK Handler*/
	.subnavigation--wrapper .menu-item.navigation--more a:before{
		background-image: url("icons/icon--more.svg");
	}
	.subnavigation--wrapper .menu-item.navigation--back a:before{
		background-image: url("icons/icon--back.svg");
	}

	.subnavigation--wrapper .menu-item.navigation--more a, .subnavigation--wrapper .menu-item.navigation--back a{
		font-weight: bold;
	}
	
	#header.is--sticky, #subnavigation.is--sticky{
		position: fixed;
		width: 100%;
		z-index: 999999;
	}
	.responsive__navigation--switch{
		display: none;
		position: relative;
		padding: 12px;
		cursor: pointer;
	}
	
	.responsive__navigation--switch:before{
		transform: rotate(0deg);
		content: " ";
		width: 24px;
		top: 16px;
		display: inline-block;
		position: absolute;
		transition: transform 0.25s;
		border-top: 1px solid white;
		border-bottom: 1px solid white;
		height: 6px;
	}
	.responsive__navigation--switch:after{
		transform: rotate(0deg);
		content: " ";
		width: 24px;
		height: 1px;
		bottom: 16px;
		background-color: #FFFFFF;
		display: inline-block;
		position: absolute;
		transition: transform 0.25s, height 0.25s;
	}
	
	.navigation--open .responsive__navigation--switch:before{
		transform: rotate(-45deg);
		top: 24px;
		height: 1px;
		border-bottom: 0px;
	}
	
	.navigation--open .responsive__navigation--switch:after{
		transform: rotate(45deg);
		bottom: auto;
		top: 24px;
	}
	
	#subnavigation--mobile .subnavigation--wrapper::-webkit-scrollbar, #subnavigation--mobile .subnavigation--wrapper::-webkit-scrollbar-track {
		width: 0px;
		height: 0px;
	}
	
	.search--closed .mainnavigation--wrapper #mainnvaigation--search{
		margin-top: -48px;
		transition: margin-top 0.25s;
	}
	.mainnavigation--wrapper{
		overflow: hidden;
		height: 48px;
	}
	.mainnavigation--wrapper #mainnvaigation--search{
		height: 48px;
		margin-top: 0px;
		transition: margin-top 0.25s;
		padding: 12px 0;
		width: 720px;
	}
	
	.search--closed .search__result--wrapper{
		display: none !important;
	}
	
	.mainnavigation--wrapper #mainnvaigation--search .search__result--wrapper{
		position: fixed;
		background-color: #FFFFFF;
		min-height: 200px;
		top: 48px;
		bottom: 50%;
		right: 0;
		left: 0;
		max-width: 760px;
		margin: 0 auto;
		font-size: 20px;
		line-height: 30px;
		padding: 20px;
		color: #FFFFFF;
		overflow-x: hidden;
		overflow-y: auto;
	}
	
	.search__overlay{
		position: fixed;
		background: rgba(0,0,0,0.75);
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 99;
		cursor: pointer;
	}
	
	body.search__overlay--open{
		position: fixed;
		overflow-y: scroll;
		left: 0;
		right: 0;
	}
	
	body.admin-bar .mainnavigation--wrapper #mainnvaigation--search .search__result--wrapper{
		top: 80px;
	}
	
	
	.mainnavigation--wrapper #mainnvaigation--search input[type="text"]{
		width: 100%;
		border: transparent;
		-webkit-appearance: none;
		background-color: black;
		color: white;
		padding: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		line-height: 24px;
		font-size: 16px;
		font-family:'averta-regular', Arial, sans-serif !important;
	}
	.mainnavigation--wrapper #mainnvaigation--search input[type="submit"]{
		display: none;
	}
	header#header.search--open #sidenavigation--search{
		position: relative;
		width: 30px;
	}
	header#header #sidenavigation--search{
		cursor: pointer;
	}
	header#header.search--open #sidenavigation--search:before{
		content: "";
		width: 24px;
		height: 1px;
		background-color: #FFFFFF;
		display: inline-block;
		position: absolute;
		transition: transform 0.25s;
		transform: rotate(-45deg);
		top: 18px;
		left: 7px;
	}
	
	header#header.search--open #sidenavigation--search:after{
		content: "";
		width: 24px;
		height: 1px;
		background-color: #FFFFFF;
		display: inline-block;
		position: absolute;
		transition: transform 0.25s;
		transform: rotate(45deg);
		bottom: auto;
		top: 18px;
		left: 7px;
	}
	
	header#header.search--open #sidenavigation--search svg{
		display: none;
	}
	
	@keyframes background_fade{
		0%{background-color:rgba(0, 0, 0, 0.2);}
		50%{background-color:rgba(0, 0, 0, 0.1);}
		100%{background-color:rgba(0, 0, 0, 0.2);}
	}
	.search__result--wrapper h1{
		font-size: 24px;
		padding-bottom: 0 !important;
		padding-top: 20px !important;
	}
	
	.search__result--wrapper h1:first-child{
		padding-top: 0 !important;
	}
	
	.tab {
		overflow: hidden;
		border-bottom: 1px solid #69C350;
		margin-bottom: 60px;
	}
	
	.tab button {
		background-color: inherit;
		float: left;
		border: none;
		outline: none;
		cursor: pointer;
		padding: 15px 20px;
		transition: 0.3s;
	}
	
	.tab button:hover, .tab button.active{
		background-color: #69C350;
		color: #FFFFFF;
	}
	
	.tabcontent {
		display: none;
		border-top: none;
	}
	
	.tabcontent h1:first-child{
		padding-top: 0px !important;
	}
	
	.search__result--wrapper .search__result--entry h2{
		font-size: 14px;
		color: #000000;
		padding: 0 !important;
		margin-bottom: 5px !important;
		font-weight: bold;
	}
	.search__result--wrapper .search__result--entry p{
		font-size: 12px;
		line-height: 1.5em;
		color: #000000;
	}
	
	.search__result--wrapper .search__result--entry.search__result--placeholder h2{
		background-color: rgba(0, 0, 0, 0.2);
		animation: background_fade 2s infinite;
		border-radius: 5px;
		width: 50%;
	}
	
	.search__result--wrapper .search__result--entry.search__result--placeholder p{
		background-color: rgba(0, 0, 0, 0.2);
		animation: background_fade 2s infinite;
		border-radius: 5px;
		height: 48px;
	}
	
	.search__result--wrapper .search__result--entry.search__result--placeholder{
		border-bottom-color: rgba(0, 0, 0, 0.2);
	}
	
	.search__result--wrapper .search__result--entry.search__result--webshop .search__entry--wrapper{
		display: flex;
	}
	
	.search__result--wrapper .search__result--entry.search__result--webshop img{
		width: 85px;
		height: 85px;
	}
	.search__result--wrapper .search__result--entry.search__result--webshop p{
		width: 100%;
		padding-left: 20px;
	}
	
	.search__result--wrapper .search__result--entry.search__result--webshop .sku{
		font-weight: normal;
	}
	
	.search__result--wrapper .search__result--entry.search__result--webshop .price{
		display: block;
		color: #69C350;
		font-weight: bold;
		text-align: right;
	
	}
	
	#content-area .search__result--entry h2{
		font-weight: bold;
		padding-bottom: 10px !important;
		font-size: 28px;
	}
	
	#content-area .search__result--entry h2 .sku{
		font-weight: normal;
	}
	
	#content-area .search__result--entry img{
		width: 85px !important;
		height: 85px !important;
	}
	#content-area .search__result--entry .price{
		font-weight: bold;
		display: block;
		color: #69C350;
	}
	
	#content-area .search__result--entry.search__result--webshop .text{
		color: #000000 !important;
		text-decoration: none;
		width: 100%;
		padding-left: 20px;
	}
	#content-area .search__result--entry .link--wrapper{
		white-space: nowrap;
		text-align: right;
		padding-top: 10px;
		display: block;
	}
	
	#content-area .search__result--entry.search__result--webshop .link--wrapper{
		display: flex;
		justify-content: space-between;
		margin-bottom: 2%;
	}
	
	div.loxone-search-container .loxone-search-form{
		margin-bottom: 50px !important;
	}
	
	.loxone-search-radio-button-container{
		display: none !important;
	}
	
	#content-area .search__result--entry .search__entry--wrapper{
		display: flex;
	}
	
	#content-area .search__result--entry, .search__result--wrapper .search__result--entry{
		border-bottom: 1px solid #e0e0e0;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#content-area .search__result--entry:first-child, .search__result--wrapper .search__result--entry:first-child{
		padding-top: 0;
	}
	#content-area .search__result--entry:last-child, .search__result--wrapper .search__result--entry:last-child{
		padding-bottom: 0;
		border-bottom: 0;
	}
	
	@media screen and (max-width: 1100px) {
		#mainnavigation #main-menu > .menu-item{
			padding-left: 10px;
			padding-right: 10px;
		}
	}
	@media screen and (max-width: 782px) {
		#wpadminbar {
			display: none !important;
		}

		.swiper-buttton-container{
			display: none !important;
		}

		.swiper-button-container .show-arrows-mobile {
			display: visible !important;
		}
	}

	@media screen and (max-width: 980px) {
		.mainnavigation--wrapper{
			height: auto !important;
		}
		.mainnavigation--wrapper #mainnvaigation--search{
			margin-top: 0 !important;
			height: auto !important;
		}
		.mainnavigation--wrapper #mainnvaigation--search input[type="text"]{
			background-color: #1D1D1F;
			border-bottom: none;
			padding: 0 12.5px;
			line-height: 40px;
			display: inline-block;
		}
		#mainnvaigation--search > form > div{
			position: relative;
		}
		#mainnvaigation--search > form > div > input[type="submit"]{
			display: block !important;
			font-size: 0;
			line-height: 0;
			border: 0;
			position: absolute;
			top: 0;
			right: 0;
			width: 40px;
			height: 40px;
			cursor: pointer;
			background-color: transparent;
			background-size: 24px;
			background-image: url(icons/icon--search.svg);
			background-repeat: no-repeat;
			background-position: center center;
		}
		#subnavigation--mobile{
			display: block;
			border-bottom: 1px solid #6E6E73;
		}
	
	
		/*SHOW MOBILE CONTENT*/
		.responsive__navigation--switch{
			display: block;
			width: 48px;
		}
		.sidenavigation--wrapper{
			padding: 0 !important;
			width: 48px !important;
		}
		.logo--wrapper{
			width: auto !important;
			padding: 0 20px !important; 
		}
		.mainnavigation--wrapper{
			display: none;
			position: fixed;
			left: 100%;
			padding: 20px !important;
			top: 0;
		}
		.sidenavigation--entry#sidenavigation--search{
			display: none !important;
		}
	
		.admin-bar .navigation--open .mainnavigation--wrapper{
			top: 	80px;
		}
		.navigation--open .mainnavigation--wrapper{
			top: 48px;
			left: 0;
			right: 0;
			bottom: 0;
			position: fixed;
			background-color: #000000;
			z-index: 999999999999999999;
		}
	
		#mainnavigation{
			width: 100%;
		}
		#mainnavigation #main-menu{
			white-space: normal;
		}
		#mainnavigation .navigation > .menu-item{
			padding: 0 !important;
			display: block !important;
		}
		#mainnavigation #main-menu > .menu-item.menu-bold a{
			font-family:'averta-regular', Arial, sans-serif !important;
		}
		#mainnavigation #main-menu > .menu-item{
			border-bottom: 1px solid #6E6E73;
		}
	
		#mainnavigation #main-menu > .menu-item:hover > a, #mainnavigation #main-menu > .menu-item.current-menu-item > a, #mainnavigation #main-menu > .menu-item.current-menu-ancestor > a{
			color: #FFFFFF;
			border-bottom: 1px solid transparent;
		}
	
		#mainnavigation #main-menu > .menu-item > a{
			display: block;
			padding: 14px 0 14px 12px;
		}
		#mainnavigation #main-menu .menu-item:hover .sub-menu{
			opacity: 0;
			z-index: 1;
			display: none !important;
		}
		#subnavigation .subnavigation--wrapper{
			position: relative;
		}
		#subnavigation .subnavigation--wrapper .button{
			position: absolute;
			right: 20px;
			top: 15px;
		}
	
		#subnavigation .subnavigation--wrapper h1:before{
			transform: rotate(45deg);
			right: 6px !important;
		}
	
		#subnavigation .subnavigation--wrapper h1:after{
			transform: rotate(-45deg);
		}
	
		#subnavigation .subnavigation--wrapper h1:after, #subnavigation .subnavigation--wrapper h1:before{
			content: "";
			display: inline-block;
			width: 10px;
			height: 2px;
			background-color: #000000;
			position: absolute;
			right: 0;
			top: 15px;
			transition: transform .25s;
	
		}
		#subnavigation .subnavigation--wrapper{
			display: block;
		}
		#subnavigation .subnavigation--wrapper h1{
			padding-right: 48px !important;
			cursor: pointer;
			position: relative;
			display: inline-block;
		}
		#subnavigation .subnavigation--wrapper.subnavigation--open h1:before{
			transform: rotate(-45deg);
		}
		#subnavigation .subnavigation--wrapper.subnavigation--open h1:after{
			transform: rotate(45deg);
		}
		#subnavigation .subnavigation--wrapper ul{
			height: auto !important;
			width: 100%;
		}
		#subnavigation .subnavigation--wrapper ul.sidenavigation{
			max-height: 0px;
			transition: max-height 0.25s linear;
			overflow: hidden;
		}
		#subnavigation .subnavigation--wrapper.subnavigation--open ul.sidenavigation{
			max-height: 69px;
		}
	
	
		#subnavigation .subnavigation--wrapper ul.sidenavigation li{
			display: block;
		}
		#subnavigation .subnavigation--wrapper ul.sidenavigation li:first-child{
			border-bottom: 1px solid #e0e0e0;
		}
		#subnavigation .subnavigation--wrapper ul.sidenavigation li a{
			margin-left: 0 !important;
			padding-left: 10px;
		}
		#subnavigation .subnavigation--wrapper ul li a{
			line-height: 34px;
		}
	}
	
	#wp-admin-bar-updates, #wp-admin-bar-comments, #wp-admin-bar-new-content, #wp-admin-bar-wpseo-menu, #wp-admin-bar-popup-maker, #wp-admin-bar-site-name{
		display: none !important;
	}
	
	
	.text--switcher{
		overflow: hidden;
		height: 57px;
		line-height: initial;
		display: block;
	}
	.text--switcher span{
		transition: margin 1s;
		display: block;
	}
	
	#sk-infomail {
		padding-top: 100px;
		padding-bottom: 100px;
		background-color: #333333 !important;
	}
	@media only screen and (max-width: 980px) {
		.three-columns .et_pb_column {
		width: 33%!important;
	}
	}
	
	@media only screen and (max-width: 479px) {
		.three-columns .et_pb_column {
		width: 50%!important;
	}
	}

/*#############################
########## COMMENTS #########
#############################*/

.comments__wrapper #comment-wrap .logged-in-as{
	display: none !important;
}

.comments__wrapper .comments__list{
	padding: 0 !important;
	list-style: none !important;
}

.comments__wrapper .comments__list .comment-body{
    padding: 0 !important;
    margin-bottom: 20px !important;
    min-height: auto !important;
}

.comments__wrapper .comments__list .comment-author img{
	border-radius: 50% !important;
}

.comments__wrapper .comments__list .says{
	display: none !important;
}

.comments__wrapper .comments__list .comment-reply-link{
	padding: 10px 10px !important;
    font-size: 14px !important;
}
.comments__wrapper .comments__list .comment-reply-link:hover{
	padding: 10px 10px !important;
	background: rgba(0,0,0,.05);
}

.comments__wrapper .comments__list .comment-meta br{
	display: none !important;
}

.comments__wrapper .comments__list .comment-meta{
	float: right;
	vertical-align: top;
}

.comments__wrapper .comments__list .comment-author{
	display: inline-block;
	padding-right:20px;
	font-size: 0;
    line-height: 0;
}

.comments__wrapper .comments__list .comment-author cite.fn{
	line-height: 32px;
    display: inline-block;
    vertical-align: top;
    font-style: normal;
	padding-left: 10px;
	font-size: 16px;
}
.comments__wrapper .comments__list .comment-body .commentmetadata{
	font-size: 0;
	line-height: 0;
}

.comments__wrapper .comments__list .comment-body .commentmetadata .comment-edit-link{
	display: none;
}

.comments__wrapper .comments__list .comment-body .commentmetadata a{
	color: black;
    font-style: italic;
    text-decoration: none;
    font-size: 12px;
    line-height: 32px;
    display: inline-block;
}

.comments__wrapper .comments__list .comment-body p{
	padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    padding: 20px 0;
    margin-top: 8px;
}

.comments__wrapper .comments__list .comment-body p:last-child{
	display: none !important;
}

.comments__wrapper .comments__list .comment-body .reply{
	display: none;
}

.opacity-section {
    opacity: 1;
    transition: opacity 0.3s ease;
    display: block;
  }
  
  .hidden {
    opacity: 0;
    display: none;
  }
  .btn--accent {
    background-color: #69c350;
    color: #1D232A !important;
    padding: 8px 12px;
    border-radius: 8px;
  }
.btn--accent:hover {
    background-color: #88D568;
    color: #1D232A !important;
  }
.mfp-title {
	display: none;
}
.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items {
	column-count: 2;
	column-gap: 32px; 
}
@media only screen and (max-width: 1200px) { 
.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items { 
	column-count: 2; 
} 
} 
@media only screen and (max-width: 767px) {
	.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items {
	column-count: 1;
	}
}
.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items .et_pb_gallery_item {
	width: 100% !important;
	margin: 0px 0px 32px 0!important;
	float: none!important; 
}
.registration-ad-border:hover {
	border: 2px solid #69C350 !important;
}