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

@font-face {
    font-family: 'averta-regular';
    src: url('../fonts/averta-regular-webfont.woff2') format('woff2'),
         url('../fonts/averta-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'averta-extrabold';
    src: url('../fonts/averta-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/averta-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'averta-italic';
    src: url('../fonts/averta-regularitalic-webfont.woff2') format('woff2'),
         url('../fonts/averta-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*  ********
	* tags *
	******** */

body {
	font-family: 'averta-regular', Arial, sans-serif !important;
	color: #000;
}

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: #e73246;
}

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

/*	***************
	* 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 24px;
	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; }

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

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

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

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

.et_pb_button {
	font-size: 16px !important;
}

@media (max-width: 766px) {
	.et_pb_button {
		font-size: 14px !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 *
	****************** */

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

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

/*	*****************
	* hover columns *
	***************** */

.link-col > div {
	border: 1px solid #ddd;
}

.col-green {
	background-color: #69c350 !important;
	cursor: pointer;
	color: #fff;
}

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

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