@charset "UTF-8";
/**/
/* Theme Name: Enfold Child */
/* Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then. */
/* Version: 1.0 */
/* Author: Kriesi */
/* Author URI: http://www.kriesi.at */
/* Template: enfold */
/**/

/* open-sans-300 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url("fonts/open-sans-v18-latin-300.eot");
	src: local("Open Sans Light"), url("fonts/open-sans-v18-latin-300.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v18-latin-300.woff2") format("woff2"), url("fonts/open-sans-v18-latin-300.woff") format("woff"), url("fonts/open-sans-v18-latin-300.ttf") format("truetype"), url("fonts/open-sans-v18-latin-300.svg#OpenSans") format("svg");
}

/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/open-sans-v18-latin-regular.eot");
	src: local("Open Sans"), url("fonts/open-sans-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v18-latin-regular.woff2") format("woff2"), url("fonts/open-sans-v18-latin-regular.woff") format("woff"), url("fonts/open-sans-v18-latin-regular.ttf") format("truetype"), url("fonts/open-sans-v18-latin-regular.svg#OpenSans") format("svg");
}

/* open-sans-600 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url("fonts/open-sans-v18-latin-600.eot");
	src: local("Open Sans SemiBold"), url("fonts/open-sans-v18-latin-600.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v18-latin-600.woff2") format("woff2"), url("fonts/open-sans-v18-latin-600.woff") format("woff"), url("fonts/open-sans-v18-latin-600.ttf") format("truetype"), url("fonts/open-sans-v18-latin-600.svg#OpenSans") format("svg");
}

/* open-sans-700 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url("fonts/open-sans-v18-latin-700.eot");
	src: local("Open Sans Bold"), url("fonts/open-sans-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans-v18-latin-700.woff2") format("woff2"), url("fonts/open-sans-v18-latin-700.woff") format("woff"), url("fonts/open-sans-v18-latin-700.ttf") format("truetype"), url("fonts/open-sans-v18-latin-700.svg#OpenSans") format("svg");
}

@font-face{
	font-family:'Eurostile W01 Bold';
	src:	url('fonts/927687/0f080d11-c06f-4560-b641-1227c613ba3c.woff2') format("woff2"),
			url('fonts/927687/889bdee1-8c94-46f0-9aa3-18470143c3ff.woff') format("woff");
}
@font-face{
	font-family:'Eurostile W01 Bold';
	src:	url('fonts/927690/983fe1e0-7b09-45ef-8c60-a3d86a9ade33.woff2') format("woff2"),
			url('fonts/927690/4b5e0094-4fa5-40c0-813c-f8ac69e53416.woff') format("woff");
}

.otgs-development-site-front-end {
    display: none;
}

#main.all_colors {
	display: flex;
	/* min-height: calc(100vh - 168px); */
	min-height: 100vh;
	flex-direction: column;
	justify-content: space-between;
	transition: all 0.2s ease-in-out;
}

.scroll #main.all_colors {
	min-height: calc(100vh - 100px);
}

.html_header_top.html_header_sticky.html_large #main {
	padding-top: 168px;
	transition: all 0.2s ease-in-out;
}

.html_header_top.html_header_sticky.html_large .scroll #main {
  padding-top: 208px;
}

* {
	outline: none !important;
}

html {
	font-family: 'Open Sans';
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.01rem;
}

body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font-family: 'Open Sans';
	font-weight: inherit;
	font-size: 1.125rem;
	line-height: 1.5;
	letter-spacing: inherit;
	color: #3c3c3b;
}

.socket_color body, .socket_color div, .socket_color applet, .socket_color object, .socket_color iframe, .socket_color h1, .socket_color h2,
.socket_color h3, .socket_color h4, .socket_color h5, .socket_color h6, .socket_color p, .socket_color blockquote, .socket_color pre, .socket_color a,
.socket_color abbr, .socket_color acronym, .socket_color address, .socket_color big, .socket_color cite, .socket_color code, .socket_color del,
.socket_color dfn, .socket_color em, .socket_color img, .socket_color ins, .socket_color kbd, .socket_color q, .socket_color s, .socket_color samp,
.socket_color small, .socket_color strike, .socket_color strong, .socket_color sub, .socket_color sup, .socket_color tt, .socket_color var,
.socket_color b, .socket_color u, .socket_color i, .socket_color center, .socket_color dl, .socket_color dt, .socket_color dd, .socket_color ol,
.socket_color ul, .socket_color li, .socket_color fieldset, .socket_color form, .socket_color label, .socket_color legend, .socket_color table,
.socket_color caption, .socket_color tbody, .socket_color tfoot, .socket_color thead, .socket_color tr, .socket_color th, .socket_color td,
.socket_color article, .socket_color aside, .socket_color canvas, .socket_color details, .socket_color embed, .socket_color figure, .socket_color figcaption,
.socket_color footer, .socket_color header, .socket_color hgroup, .socket_color menu, .socket_color nav, .socket_color output, .socket_color ruby,
.socket_color section, .socket_color summary, .socket_color
time, .socket_color mark, .socket_color audio, .socket_color video {
	color: #ffffff;
}

.all_colors strong,
.all_colors b {
	font-weight: 600;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}

.textline {
	display: block;
}

.textline--mt {
	margin-top: 1.25rem;
}

.textline-hr {
	display: block;
	width: 100%;
	height: 2px;
	background-color: rgba(255, 255, 255, 0.1);
	margin: 1.25rem 0;
}

.textline-spacer {
	display: block;
	height: 1.25rem;
}

.textline-spacer.grow {
	flex-grow: 1;
}

.av_textblock_section:not(:last-child) {
	margin-bottom: 1.75rem;
}

a:hover, a:focus, a:active, a:visited {
	text-decoration: none;
}

p {
	margin: 1.75rem 0;
}

p:last-child {
	margin-bottom: 0;
}

p:nth-child(1) {
	margin-top: 0;
}

#top:not(.single-jobs) h1 + p,
#top:not(.single-jobs) h2 + p,
#top:not(.single-jobs) h3 + p,
#top:not(.single-jobs) h4 + p,
#top:not(.single-jobs) h5 + p,
#top:not(.single-jobs) h6 + p {
	margin-top: 0;
}

#top .all_colors h1,
#top .all_colors .hl_main--h1,
#top .all_colors .hl_sub--h1,
#top .all_colors .headline--h1 {
	display: block;
	font-weight: 400;
	font-family: 'Eurostile W01 Bold';
	font-size: 3.75rem;
	color: #3c3c3b;
	text-transform: none;
	line-height: 1.2;
	margin: 0;
	letter-spacing: 0.01rem;
}

#top .all_colors h1 strong, #top .all_colors .hl_main--h1 strong, #top .all_colors .hl_sub--h1 strong, #top .all_colors .headline--h1 strong, #top .all_colors h1 b, #top .all_colors .hl_main--h1 b, #top .all_colors .hl_sub--h1 b, #top .all_colors .headline--h1 b {
	color: #008bd2;
	font-weight: 700;
	font-size: inherit;
	font-family: inherit;
	line-height: 1.2;
}

.background-blue #top .all_colors h1, #top .all_colors .background-blue h1,
.background-blue #top .all_colors .hl_main--h1, #top .all_colors .background-blue .hl_main--h1,
.background-blue #top .all_colors .hl_sub--h1, #top .all_colors .background-blue .hl_sub--h1,
.background-blue #top .all_colors .headline--h1, #top .all_colors .background-blue .headline--h1 {
	color: #ffffff;
}

.background-blue #top .all_colors h1 strong, #top .all_colors .background-blue h1 strong, .background-blue #top .all_colors .hl_main--h1 strong,
#top .all_colors .background-blue .hl_main--h1 strong, .background-blue #top .all_colors .hl_sub--h1 strong, #top .all_colors .background-blue .hl_sub--h1 strong,
.background-blue #top .all_colors .headline--h1 strong, #top .all_colors .background-blue .headline--h1 strong, .background-blue #top .all_colors h1 b,
#top .all_colors .background-blue h1 b, .background-blue #top .all_colors .hl_main--h1 b, #top .all_colors .background-blue .hl_main--h1 b,
.background-blue #top .all_colors .hl_sub--h1 b, #top .all_colors .background-blue .hl_sub--h1 b, .background-blue #top .all_colors .headline--h1 b,
#top .all_colors .background-blue .headline--h1 b {
	color: #ffffff;
}

#top .all_colors h2,
#top .all_colors .hl_main--h2,
#top .all_colors .hl_sub--h2,
#top .all_colors .headline--h2 {
	display: block;
	font-weight: 400;
	font-family: 'Eurostile W01 Bold';
	font-size: 2.5rem;
	color: #3c3c3b;
	text-transform: none;
	line-height: 1.2;
	margin: 0;
	letter-spacing: 0.01rem;
}

#top .all_colors h2 strong, #top .all_colors .hl_main--h2 strong, #top .all_colors .hl_sub--h2 strong, #top .all_colors .headline--h2 strong,
#top .all_colors h2 b, #top .all_colors .hl_main--h2 b, #top .all_colors .hl_sub--h2 b, #top .all_colors .headline--h2 b {
	color: #008bd2;
	font-weight: 700;
	font-size: inherit;
	font-family: inherit;
	line-height: 1.2;
}

.background-blue #top .all_colors h2, #top .all_colors .background-blue h2,
.background-blue #top .all_colors .hl_main--h2, #top .all_colors .background-blue .hl_main--h2,
.background-blue #top .all_colors .hl_sub--h2, #top .all_colors .background-blue .hl_sub--h2,
.background-blue #top .all_colors .headline--h2, #top .all_colors .background-blue .headline--h2 {
	color: #ffffff;
}

.background-blue #top .all_colors h2 strong, #top .all_colors .background-blue h2 strong, .background-blue #top .all_colors .hl_main--h2 strong,
#top .all_colors .background-blue .hl_main--h2 strong, .background-blue #top .all_colors .hl_sub--h2 strong, #top .all_colors .background-blue .hl_sub--h2 strong,
.background-blue #top .all_colors .headline--h2 strong, #top .all_colors .background-blue .headline--h2 strong, .background-blue #top .all_colors h2 b,
#top .all_colors .background-blue h2 b, .background-blue #top .all_colors .hl_main--h2 b, #top .all_colors .background-blue .hl_main--h2 b,
.background-blue #top .all_colors .hl_sub--h2 b, #top .all_colors .background-blue .hl_sub--h2 b, .background-blue #top .all_colors .headline--h2 b,
#top .all_colors .background-blue .headline--h2 b {
	color: #ffffff;
}

#top .all_colors h3,
#top .all_colors .hl_main--h3,
#top .all_colors .hl_sub--h3,
#top .all_colors .headline--h3,
#top .cf .--is-h3 {
	display: block;
	font-family: 'Eurostile W01 Bold';
	font-weight: 800;
	font-size: 1.625rem;
	text-transform: none;
	line-height: 1.2;
	margin: 0 0 0 0;
	letter-spacing: 0rem;
	color: #008bd2;
}

.av_textblock_section #top .all_colors h3, #top .all_colors .av_textblock_section h3,
.av_textblock_section #top .all_colors .hl_main--h3, #top .all_colors .av_textblock_section .hl_main--h3,
.av_textblock_section #top .all_colors .hl_sub--h3, #top .all_colors .av_textblock_section .hl_sub--h3,
.av_textblock_section #top .all_colors .headline--h3, #top .all_colors .av_textblock_section .headline--h3,
#top .cf .--is-h4 {
	font-weight: 600;
	line-height: 1.4;
	color: #008bd2;
	margin: 0 0 0.625rem 0;
}

.socket_color #top .all_colors h3, #top .all_colors .socket_color h3,
.socket_color #top .all_colors .hl_main--h3, #top .all_colors .socket_color .hl_main--h3,
.socket_color #top .all_colors .hl_sub--h3, #top .all_colors .socket_color .hl_sub--h3,
.socket_color #top .all_colors .headline--h3, #top .all_colors .socket_color .headline--h3 {
	color: #ffffff;
}

#top .all_colors h4,
#top .all_colors .hl_main--h4,
#top .all_colors .hl_sub--h4,
#top .all_colors .headline--h4 {
	font-size: 1.625rem;
	font-weight: 700;
	text-transform: none;
	line-height: 1.2;
	letter-spacing: 0.01rem;
}

.av_textblock_section #top .all_colors h4, #top .all_colors .av_textblock_section h4,
.av_textblock_section #top .all_colors .hl_main--h4, #top .all_colors .av_textblock_section .hl_main--h4,
.av_textblock_section #top .all_colors .hl_sub--h4, #top .all_colors .av_textblock_section .hl_sub--h4,
.av_textblock_section #top .all_colors .headline--h4, #top .all_colors .av_textblock_section .headline--h4 {
	font-size: 1.125rem;
	line-height: 1.5;
	color: #3c3c3b;
	margin: 0;
}

.socket_color #top .all_colors h4, #top .all_colors .socket_color h4,
.socket_color #top .all_colors .hl_main--h4, #top .all_colors .socket_color .hl_main--h4,
.socket_color #top .all_colors .hl_sub--h4, #top .all_colors .socket_color .hl_sub--h4,
.socket_color #top .all_colors .headline--h4, #top .all_colors .socket_color .headline--h4 {
	color: #ffffff;
}

#top .all_colors h5,
#top .all_colors .hl_main--h5,
#top .all_colors .hl_sub--h5,
#top .all_colors .headline--h5 {
	font-weight: 400;
	font-size: 1.3125rem;
	text-transform: none;
	margin-top: 1.25rem;
	margin-bottom: 10px;
}

.av_textblock_section #top .all_colors h5, #top .all_colors .av_textblock_section h5,
.av_textblock_section #top .all_colors .hl_main--h5, #top .all_colors .av_textblock_section .hl_main--h5,
.av_textblock_section #top .all_colors .hl_sub--h5, #top .all_colors .av_textblock_section .hl_sub--h5,
.av_textblock_section #top .all_colors .headline--h5, #top .all_colors .av_textblock_section .headline--h5 {
	font-size: 1.125rem;
	line-height: 1.5;
	color: #008bd2;
	margin: 0;
}

#top .all_colors h6,
#top .all_colors .hl_main--h6,
#top .all_colors .hl_sub--h6,
#top .all_colors .headline--h6 {
	font-weight: 400;
	font-size: 1.3125rem;
	text-transform: none;
	margin-top: 1.25rem;
	margin-bottom: 10px;
}

.av_textblock_section #top .all_colors h6, #top .all_colors .av_textblock_section h6,
.av_textblock_section #top .all_colors .hl_main--h6, #top .all_colors .av_textblock_section .hl_main--h6,
.av_textblock_section #top .all_colors .hl_sub--h6, #top .all_colors .av_textblock_section .hl_sub--h6,
.av_textblock_section #top .all_colors .headline--h6, #top .all_colors .av_textblock_section .headline--h6 {
	font-size: 1.125rem;
	line-height: 1.5;
	margin: 0;
}

sup {
	color: currentColor;
}

.content {
	padding-top: 4.375rem;
	padding-bottom: 4.375rem;
}

.main_color + .main_color .content {
	padding-top: 1.75rem;
}

.fast-hr {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #f1f1f1;
	margin: 2.5rem 0;
}

.fast-hr.hr-last {
	margin: 5rem 0 0;
}

.responsive #top .img-width--500 .avia-image-container {
	text-align: right;
}

.responsive #top .img-width--500 .avia-image-container-inner {
	margin: 0 0 0 auto !important;
}

.responsive #top .img-width--500 img {
	max-width: 500px;
	width: 100%;
}

.flex-grow-0 {
	flex-grow: 0 !important;
	align-self: flex-start;
}

.upper {
	text-transform: uppercase;
}

img, a img {
	image-rendering: auto;
}

a.anchor {
	position: absolute;
	top: -16rem;
	left: 0;
	display: inline;
	visibility: hidden;
	opacity: 0;
	width: 0;
	height: 0;
}

.eeg-frist {
	padding-right: 120px !important;
	padding-top: 3.125rem !important;
}

/*.eeg-frist::after {
	content: '';
	display: block;
	visibility: visible;
	background-image: url("/wp-content/uploads/icon-eeg-frist.svg");
	width: 200px;
	height: 200px;
	position: absolute;
	top: -65px;
	right: -20px;
}*/

#kontakt .av_one_third {
	margin-top: 2rem;
}

address .address-line {
	display: block;
	padding: 1px 0;
	font-size: 1.25rem;
	color: var(--enfold-main-color-primary);
}

address .address-line.whatsapp.color-green::before {
	background-color: #25d366;
}

/* address .address-line.whatsapp.color-green:hover::before {
	background-color: var(--enfold-main-color-primary);;
}

address .address-line.color-green a {
	color: #25d366;
	
	&:hover {
		color: var(--enfold-main-color-primary);
	}
} */

address .address-line a {
	font-size: 1.25rem;
}

.background-blue address .address-line {
	color: #ffffff;
}

address .address-line.company {
	font-family: 'Eurostile W01 Bold';
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.2;
}

address .address-line.street {
	margin-top: 1.25rem;
}

address .address-line.phone {
	margin-top: 1.25rem;
}

address .address-line.phone, 
address .address-line.whatsapp,
address .address-line.fax, 
address .address-line.email {
	position: relative;
	padding-left: 35px;
}

address .address-line.phone::before, 
address .address-line.whatsapp::before,
address .address-line.fax::before, 
address .address-line.email::before {
	content: '';
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	position: absolute;
	left: 0;
	top: 0.375rem;
	mask-image: '';
	-webkit-mask-image: '';
	mask-position: center center;
	-webkit-mask-position: center center;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: #008bd2;
}

.background-blue address .address-line.phone::before, 
.background-blue address .address-line.whatsapp::before, 
.background-blue address .address-line.fax::before, 
.background-blue address .address-line.email::before {
	background-color: #FFFFFF;
}

address .address-line.phone::before {
	mask-image: url("/wp-content/uploads/icon-phone.svg");
	-webkit-mask-image: url("/wp-content/uploads/icon-phone.svg");
}

address .address-line.whatsapp::before {
	mask-image: url("/wp-content/uploads/icon-whatsapp.svg");
	-webkit-mask-image: url("/wp-content/uploads/icon-whatsapp.svg");
}

address .address-line.fax::before {
	mask-image: url("/wp-content/uploads/icon-fax.svg");
	-webkit-mask-image: url("/wp-content/uploads/icon-fax.svg");
}

address .address-line.email::before {
	mask-image: url("/wp-content/uploads/icon-mail.svg");
	-webkit-mask-image: url("/wp-content/uploads/icon-mail.svg");
}

.avia_textblock:not(.infolist) ul,
.toggle_content ul {
	margin: 0;
	list-style: none;
}

.avia_textblock:not(.infolist) ul li::before,
.toggle_content ul li::before {
	content: "\2022";
	color: #FFDD00;
	font-weight: bold;
	display: inline-block;
	width: 1rem;
	margin-left: -1rem;
}

.checklist ul {
	margin: 1.25rem 0;
}

.checklist ul li {
	list-style-type: none;
	position: relative;
	margin: 0;
	padding-left: 40px;
	padding-bottom: 8px;
}

.checklist ul li::before {
	display: block;
	content: '';
	background-image: url("/wp-content/uploads/icon-checklist.svg");
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 0.3125rem;
}

.avia-content-slider .slide-image,
.avia-image-container-inner,
.avia_image, .av-image-caption-overlay {
	border-radius: 0;
}

#top .all_colors .input-text,
#top .all_colors input[type="text"],
#top .all_colors input[type="input"],
#top .all_colors input[type="password"],
#top .all_colors input[type="email"],
#top .all_colors input[type="number"],
#top .all_colors input[type="url"],
#top .all_colors input[type="tel"],
#top .all_colors input[type="search"],
#top .all_colors input[type="date"],
#top .all_colors textarea,
#top .all_colors select {
	font-family: 'Open Sans';
	font-weight: 400;
	background-color: #ededed;
	border: none;
	padding: 2px 20px;
	line-height: 34px;
	margin: 0;
	width: 100%;
	border: 1px solid #ededed;
	border-radius: 5px;
	font-size: 1rem;
}

#top .all_colors .input-text:focus,
#top .all_colors input[type="text"]:focus,
#top .all_colors input[type="input"]:focus,
#top .all_colors input[type="password"]:focus,
#top .all_colors input[type="email"]:focus,
#top .all_colors input[type="number"]:focus,
#top .all_colors input[type="url"]:focus,
#top .all_colors input[type="tel"]:focus,
#top .all_colors input[type="search"]:focus,
#top .all_colors input[type="date"]:focus,
#top .all_colors textarea:focus,
#top .all_colors select:focus {
	box-shadow: none;
}

#top .all_colors .input-text::placeholder,
#top .all_colors input[type="text"]::placeholder,
#top .all_colors input[type="input"]::placeholder,
#top .all_colors input[type="password"]::placeholder,
#top .all_colors input[type="email"]::placeholder,
#top .all_colors input[type="number"]::placeholder,
#top .all_colors input[type="url"]::placeholder,
#top .all_colors input[type="tel"]::placeholder,
#top .all_colors input[type="search"]::placeholder,
#top .all_colors input[type="date"]::placeholder,
#top .all_colors textarea::placeholder,
#top .all_colors select::placeholder {
	opacity: .5;
}

#top .all_colors input[type="date"] {
	min-width: 95%;
	height: 40px;
	display: block;
	box-shadow: none;
	appearance: textfield;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	padding-right: 12px;
	    background-image: url(/wp-content/uploads/icon-date.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: right 14px top 8px;
/*     position: absolute; */
}

::-webkit-calendar-picker-indicator {
    opacity: 0;
	z-index: 2000;
}

#top .alternate_color input[type="text"],
#top .alternate_color input[type="input"],
#top .alternate_color input[type="password"],
#top .alternate_color input[type="email"],
#top .alternate_color input[type="number"],
#top .alternate_color input[type="url"],
#top .alternate_color input[type="tel"],
#top .alternate_color input[type="search"],
#top .alternate_color input[type="date"],
#top .alternate_color textarea,
#top .alternate_color select {
	background-color: #ffffff;
	border: 1px solid #ffffff;
}

#top .alternate_color input[type="text"]:focus,
#top .alternate_color input[type="input"]:focus,
#top .alternate_color input[type="password"]:focus,
#top .alternate_color input[type="email"]:focus,
#top .alternate_color input[type="number"]:focus,
#top .alternate_color input[type="url"]:focus,
#top .alternate_color input[type="tel"]:focus,
#top .alternate_color input[type="search"]:focus,
#top .alternate_color input[type="date"]:focus,
#top .alternate_color textarea:focus,
#top .alternate_color select:focus {
	box-shadow: none;
}

#top .alternate_color input[type="text"]::placeholder,
#top .alternate_color input[type="input"]::placeholder,
#top .alternate_color input[type="password"]::placeholder,
#top .alternate_color input[type="email"]::placeholder,
#top .alternate_color input[type="number"]::placeholder,
#top .alternate_color input[type="url"]::placeholder,
#top .alternate_color input[type="tel"]::placeholder,
#top .alternate_color input[type="search"]::placeholder,
#top .alternate_color input[type="date"]::placeholder,
#top .alternate_color textarea::placeholder,
#top .alternate_color select::placeholder {
	opacity: .5;
}

#top .all_colors textarea {
	height: 118px;
	min-height: 118px;
	resize: vertical;
	flex-grow: 1;
}

#top .flex_column--fill .input-text,
#top .flex_column--fill input[type="text"],
#top .flex_column--fill input[type="input"],
#top .flex_column--fill input[type="password"],
#top .flex_column--fill input[type="email"],
#top .flex_column--fill input[type="number"],
#top .flex_column--fill input[type="url"],
#top .flex_column--fill input[type="tel"],
#top .flex_column--fill input[type="search"],
#top .flex_column--fill input[type="date"],
#top .flex_column--fill textarea,
#top .flex_column--fill select {
	background-color: #ffffff;
}

#top .input-text.wpcf7-not-valid, #top input[type="text"].wpcf7-not-valid,
#top input[type="input"].wpcf7-not-valid, #top input[type="password"].wpcf7-not-valid,
#top input[type="email"].wpcf7-not-valid, #top input[type="number"].wpcf7-not-valid,
#top input[type="url"].wpcf7-not-valid, #top input[type="tel"].wpcf7-not-valid,
#top input[type="search"].wpcf7-not-valid, #top textarea.wpcf7-not-valid,
#top select.wpcf7-not-valid {
  box-shadow: inset 0 0 0 1px rgba(186,29,29,0.3);
  background-color: rgba(182,0,28,0.1) !important;
}

span.wpcf7-not-valid-tip {
	color: #FFFFFF;
	font-size: 1.3rem;
	font-weight: 400;
	display: block;
	position: absolute;
	bottom: -12px;
	display: none;
}

.wpcf7-exclusive-checkbox + span.wpcf7-not-valid-tip {
	bottom: -21px;
}

#top .wpcf7 form .wpcf7-response-output,
#top .wpcf7 form.sent .wpcf7-response-output {
	margin: 20px 0 0 0;
	padding: 5px 0 0 0;
	border: none;
	border-top: 1px solid #00A0D2;
	font-size: 14px;
	font-weight: 700;
	color: #00A0D2;
}

#top .select2-container {
	width: 100% !important;
}

#top .select2-container .select2-selection {
	border: none;
}

#top .select2-container--default .select2-selection--multiple .select2-selection__rendered,
#top .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	padding: 0;
	margin: 0;
}

#top .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	display: flex;
	flex-flow: wrap;
}

#top .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search {
	order: 1;
	width: 100%;
}

#top .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search .select2-search__field {
	width: 100% !important;
}

#top .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
	order: 2;
	margin-top: 10px;
	margin-right: 5px;
	border: none;
	padding: 5px 10px;
	background: #008BD2;
	color: #FFFFFF;
	font-size: 14px;
}

#top .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice span {
	color: #FFFFFF;
}

#top .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
	order: 3;
	margin: 0;
	position: absolute;
	top: 5px;
	right: 10px;
}

#top #scroll-top-link {
	border-radius: 5px;
	opacity: 1;
	background-color: #f9f9f9;
	border: none;
}

#top #scroll-top-link::before {
	color: #3c3c3b;
}

#top #scroll-top-link:hover {
	background-color: #008bd2;
	opacity: 1;
}

#top #scroll-top-link:hover::before {
	color: #ffffff;
}

html {
	background-color: #656565;
}

#wrap_all {
	max-width: 1920px;
	margin: 0 auto;
}

.flex_column.column-no-margin {
	margin-top: 5px;
}

#top .flex_column.inset {
	padding: 2.5rem;
}

#top .flex_column.inset--small {
	padding: 1.25rem;
}

.flex_column.background-alt {
	background-color: #ededed;
	border-radius: 0 0 25px 0 !important;
}

.flex_column.background-main {
	background-color: #ffffff;
	border-radius: 0 0 25px 0 !important;
}

.flex_column.background-main-50 {
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 0 0 25px 0 !important;
}

.flex_column.background-blue {
	background-color: #008bd2;
	border-radius: 0 0 25px 0 !important;
}

.flex_column.background-blue strong, .flex_column.background-blue b, .flex_column.background-blue a, .flex_column.background-blue p {
	color: #ffffff;
}

.flex_column.has-column-header {
	padding-top: 6.875rem;
}

.flex_column.border-left {
	padding-left: 3.125rem;
	border-left: 2px solid #E4E4E4;
}

.flex_column.justify-center {
	margin-left: auto;
	margin-right: auto;
}

.flex_column.icon-column {
	padding-left: 5rem;
	position: relative;
	margin-top: 3.125rem;
}

.flex_column.icon-column::before {
	visibility: visible;
	content: '';
	display: block;
	width: 52px;
	height: 52px;
	background-color: #008bd2;
	border-radius: 100%;
	background-image: url("/wp-content/uploads/icon-production.svg");
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	left: 0;
	top: -8px;
}

.flex_column.icon-column.icon-column-production::before {
	background-image: url("/wp-content/uploads/icon-production.svg");
	background-size: 22px;
}

.flex_column.icon-column.icon-column-partner::before {
	background-image: url("/wp-content/uploads/icon-partner.svg");
	background-size: 29px;
}

.flex_column.icon-column.icon-column-germany::before {
	background-image: url("/wp-content/uploads/icon-marker.svg");
	background-size: 20px;
}

.flex_column.icon-column.icon-column-tech::before {
	background-image: url("/wp-content/uploads/icon-lightning.svg");
	background-size: 20px;
}

.column-header {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding: 1.25rem 2.5rem;
	background-color: #008bd2;
	z-index: 2;
	color: #ffffff;
}

.column-header.licht {
	background-color: #ffdd00;
	color: #3c3c3b;
}

.column-header.licht a {
	color: #3c3c3b;
}

.column-header.licht a:hover {
	color: #3c3c3b;
}

.column-header span {
	font-size: 1.5rem;
	font-family: 'Eurostile W01 Bold';
	color: inherit;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
	margin-right: 20px;
	white-space: nowrap;
}

.column-header a {
	display: inline-block;
	padding: 5px 50px;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	transition: .2s;
	font-family: 'Eurostile W01 Bold';
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.1rem;
	color: #ffffff;
}

.column-header a:hover {
	background-color: rgba(0, 0, 0, 0.15);
	color: #ffffff;
}

.column-header.drittbelieferung::before {
	content: url("/wp-content/uploads/icon-arrow-right-white.svg");
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	left: 2.5rem;
	top: calc(50% - 0.75rem);
}

.column-header.drittbelieferung span {
	font-size: 1.125rem;
	position: relative;
	top: -3px;
}

.column-header.drittbelieferung span:nth-child(1) {
	margin-left: 16.5%;
	width: 20%;
}

.column-header.drittbelieferung span:nth-child(2) {
	width: auto;
}

.column-header.drittbelieferung span:nth-child(3) {
	margin-right: 0;
}

.column-header.strom span {
	position: relative;
	left: 20px;
}

.column-header.strom span::before {
	content: url("/wp-content/uploads/icon-lightning.svg");
	width: 20px;
	display: inline-block;
	position: absolute;
	transform: translateX(-34px) translateY(3px);
}

.column-header.licht span {
	position: relative;
	left: 20px;
}

.column-header.licht span::before {
	content: url("/wp-content/uploads/icon-light-grey.svg");
	width: 20px;
	display: inline-block;
	position: absolute;
	transform: translateX(-34px) translateY(3px);
}

.entry-content-wrapper {
	display: flex;
	flex-flow: row wrap;
}

.flex_column {
	display: flex;
	flex-flow: column nowrap;
}

div .av_one_fifth,
div .av_one_fourth,
div .av_one_third,
div .av_two_fifth,
div .av_one_half,
div .av_three_fifth,
div .av_two_third,
div .av_three_fourth,
div .av_four_fifth,
div .av_one_sixth,
div .av_one_seventh,
div .av_one_eighth,
div .av_one_nineth,
div .av_one_tenth {
	margin-left: 2.5rem;
}

@media(max-width: 989px) {
	.flex_column[style="margin-top:0px; margin-bottom:-60px; border-radius:0px; "] {
		margin-bottom: 0 !important;
	}
}

div .flex_column {
	z-index: 1;
	float: left;
	position: relative;
	min-height: 1px;
	width: 100%;
}

div .av_one_fifth {
	width: calc(1/5*99.99% - (1 - 1/5) * 2.5rem);
}

div .av_one_fourth {
	width: calc(1/4*99.99% - (1 - 1/4) * 2.5rem);
}

div .av_one_third {
	width: calc(1/3*99.99% - (1 - 1/3) * 2.5rem);
}

div .av_two_fifth {
	width: calc(2/5*99.99% - (1 - 2/5) * 2.5rem);
}

div .av_one_half {
	width: calc(1/2*99.99% - (1 - 1/2) * 2.5rem);
}

div .av_three_fifth {
	width: calc(3/5*99.99% - (1 - 3/5) * 2.5rem);
}

div .av_two_third {
	width: calc(2/3*99.99% - (1 - 2/3) * 2.5rem);
}

div .av_three_fourth {
	width: calc(3/4*99.99% - (1 - 3/4) * 2.5rem);
}

div .av_four_fifth {
	width: calc(4/5*99.99% - (1 - 4/5) * 2.5rem);
}

div .av_one_sixth {
	width: calc(1/6*99.99% - (1 - 1/6) * 2.5rem);
}

div .av_one_seventh {
	width: calc(1/7*99.99% - (1 - 1/7) * 2.5rem);
}

div .av_one_eighth {
	width: calc(1/8*99.99% - (1 - 1/8) * 2.5rem);
}

div .av_one_nineth {
	width: calc(1/9*99.99% - (1 - 1/9) * 2.5rem);
}

div .av_one_tenth {
	width: calc(1/10*99.99% - (1 - 1/10) * 2.5rem);
}

div.first {
	margin-left: 0;
}

.gutter--large div .av_one_fifth,
.gutter--large div .av_one_fourth,
.gutter--large div .av_one_third,
.gutter--large div .av_two_fifth,
.gutter--large div .av_one_half,
.gutter--large div .av_three_fifth,
.gutter--large div .av_two_third,
.gutter--large div .av_three_fourth,
.gutter--large div .av_four_fifth,
.gutter--large div .av_one_sixth,
.gutter--large div .av_one_seventh,
.gutter--large div .av_one_eighth,
.gutter--large div .av_one_nineth,
.gutter--large div .av_one_tenth {
	margin-left: 3.5rem;
}

.gutter--large div .flex_column {
	z-index: 1;
	float: left;
	position: relative;
	min-height: 1px;
	width: 100%;
}

.gutter--large div .av_one_fifth {
	width: calc(1/5*99.99% - (1 - 1/5) * 3.5rem);
}

.gutter--large div .av_one_fourth {
	width: calc(1/4*99.99% - (1 - 1/4) * 3.5rem);
}

.gutter--large div .av_one_third {
	width: calc(1/3*99.99% - (1 - 1/3) * 3.5rem);
}

.gutter--large div .av_two_fifth {
	width: calc(2/5*99.99% - (1 - 2/5) * 3.5rem);
}

.gutter--large div .av_one_half {
	width: calc(1/2*99.99% - (1 - 1/2) * 3.5rem);
}

.gutter--large div .av_three_fifth {
	width: calc(3/5*99.99% - (1 - 3/5) * 3.5rem);
}

.gutter--large div .av_two_third {
	width: calc(2/3*99.99% - (1 - 2/3) * 3.5rem);
}

.gutter--large div .av_three_fourth {
	width: calc(3/4*99.99% - (1 - 3/4) * 3.5rem);
}

.gutter--large div .av_four_fifth {
	width: calc(4/5*99.99% - (1 - 4/5) * 3.5rem);
}

.gutter--large div .av_one_sixth {
	width: calc(1/6*99.99% - (1 - 1/6) * 3.5rem);
}

.gutter--large div .av_one_seventh {
	width: calc(1/7*99.99% - (1 - 1/7) * 3.5rem);
}

.gutter--large div .av_one_eighth {
	width: calc(1/8*99.99% - (1 - 1/8) * 3.5rem);
}

.gutter--large div .av_one_nineth {
	width: calc(1/9*99.99% - (1 - 1/9) * 3.5rem);
}

.gutter--large div .av_one_tenth {
	width: calc(1/10*99.99% - (1 - 1/10) * 3.5rem);
}

.gutter--large div.first {
	margin-left: 0;
}

#top .av_minimal_header #header_main .container {
	height: 160px;
	line-height: 30px;
	transition: all 0.2s ease-in-out;
}

#top.scroll .av_minimal_header #header_main .container {
	height: 100px;
}

.av_minimal_header .main_menu ul#avia-menu:first-child {
	position: relative;
	right: -22px;
}

.av_minimal_header .main_menu ul:first-child > li {
	margin-left: 1px;
}

.av_minimal_header .main_menu ul:first-child > li.av-language-switch-item {
    display: none;
}

.av_minimal_header .main_menu ul:first-child > li:first-child {
	margin-left: 0;
}

.av_minimal_header .main_menu ul li.mobileonly,
.av_minimal_header .main_menu ul li.search-mobile {
	display: none;
}

.av_minimal_header .main_menu ul:first-child > li a {
	height: auto;
	line-height: 1;
	padding: 12px 22px 26px 22px;
	border-radius: 5px 5px 0 0;
}

.responsive #top .main_menu ul:first-child > li:hover a,
.responsive #top .main_menu ul:first-child > li.current-menu-item > a {
	color: #4b4b4b;
	background: #F3F3F3;
}

.responsive #top .main_menu .sub-menu {
	border-radius: 0 0 10px 0;
	overflow: hidden;
}

.responsive #top .main_menu ul:first-child .sub-menu li.current_page_item a {
	background: #C6C6C6;
}

.html_header_top .header_color .main_menu ul:first-child > li.submenu-right > ul.sub-menu {
	left: auto;
	right: 0;
}

#top #av-burger-menu-ul {
	display: block;
	padding-top: 120px !important;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li:not(:last-child) {
  border-bottom: 1px solid #3C3C3B;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li:not(:last-child) {
  border-bottom: 1px solid #3C3C3B;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
	padding: 8px 20px 11px 20px;
	font-size: 1.4rem;
	text-transform: uppercase;
	color: #3C3C3B !important;
	background: none !important;
	font-weight: 400;
	letter-spacing: 0.2px;
	border-radius: 0;
	border-bottom: none;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li.av-show-submenu li a {
	border-top: 1px solid #FFFFFF;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li.av-show-submenu li:last-child a {
	border-bottom: 1px solid #FFFFFF;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li.av-show-submenu {
	border-bottom: none;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay #av-burger-menu-ul > li:hover > a,
.html_av-overlay-side #top #wrap_all .av-burger-overlay #av-burger-menu-ul > li.current_page_item > a {
	background: transparent !important;
	color: #3C3C3B !important;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay .sub-menu {
	background: #3C3C3B;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay .sub-menu li a {
	padding: 8px 20px 11px 20px;
	color: #FFFFFF !important;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay #av-burger-menu-ul > li.current-menu-parent > a,
.html_av-overlay-side #top #wrap_all .av-burger-overlay #av-burger-menu-ul > li.av-show-submenu > a {
	background: #008BD2 !important;
	color: #FFFFFF !important;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay .sub-menu li:hover > a,
.html_av-overlay-side #top #wrap_all .av-burger-overlay .sub-menu li.current_page_item > a {
	background: #036394 !important;
	color: #FFFFFF !important;
}

.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet {
	display: none;
}

.html_av-submenu-hidden .av-submenu-indicator {
	opacity: 1;
	padding: 0;
	width: 14px;
	height: 8px;
	margin: 0;
	margin-top: -4px;
	right: 25px;
}

.html_av-submenu-hidden .av-show-submenu > a > .av-submenu-indicator {
	transform: rotate(180deg);
}

.html_av-submenu-hidden .av-submenu-indicator::before {
	content: '';
	display: block;
	width: 14px;
	height: 8px;
	background-image: url('/wp-content/uploads/elspro_icons_dropdown.svg');
	background-size: 14px 8px;
	background-repeat: no-repeat;
	background-position: left top;
	right: 50px;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay #av-burger-menu-ul > li.current-menu-parent > a .av-submenu-indicator:before,
.html_av-overlay-side #top #wrap_all .av-burger-overlay #av-burger-menu-ul > li.current_page_item > a .av-submenu-indicator:before,
.html_av-overlay-side #top #wrap_all .av-burger-overlay #av-burger-menu-ul > li.av-show-submenu > a .av-submenu-indicator:before {
	filter: brightness(100);
}

#header {
	padding: 0;
	border-top: 8px solid #008bd2;
	max-width: 1920px;
}

.responsive #top.scroll #header {
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}

#header .inner-container {
	display: flex;
	flex-flow: row nowrap;
}

#header .inner-container .main_menu .avia-menu {
	margin-top: 106px;
	transition: all 0.2s ease-in-out;
	right: 22px;
}

.scroll #header .inner-container .main_menu .avia-menu {
	margin-top: 47px;
}

.html_header_top.html_header_sticky.html_large.html_main_nav_header .av_minimal_header .main_menu ul:first-child > li a {
	height: auto;
	line-height: 1;
}

.responsive #top div .logo {
	width: 240px;
	height: 60px;
	margin-top: 70px;
	transition: all 0.2s ease-in-out;
}

.responsive #top.scroll div .logo {
	margin-top: 20px;
}

.responsive #top div .logo img,
.responsive #top div .logo svg {
	width: 100%;
}

.search-results .header-section {
	display: none;
}

.responsive #top .header-section {
	height: clamp(200px, 32vw, 600px);
	background-position: center center !important;
	background-size: cover !important;
	overflow: visible;
	margin-bottom: 60px;
}

.responsive #top .header-section .container {
	position: relative;
	height: clamp(200px, 32vw, 600px);
}

/*.responsive #top .header-section .container::after {
	content: '';
	display: block;
	width: 200px;
	height: 200px;
	visibility: visible;
	background-image: url("/wp-content/uploads/icon-eeg-frist-hinweis.svg");
	background-position: center bottom;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -100px;
	right: 12%;
}*/

.responsive #top .header-section h1.hl-main {
	font-weight: 700;
	line-height: 1.1;
	text-transform: uppercase;
	margin-bottom: 0.625rem;
}

.responsive #top .header-section .hl-sub {
	font-size: 1.875rem;
}

.responsive #top .header-section .flex_column.background-main-50 {
	background-color: rgba(255, 255, 255, 0.15);
	background-image: url("/wp-content/uploads/header-box-bg.png");
	background-size: cover;
}

.responsive #top .header-section .avia-buttonrow-wrap {
	margin-top: 1.25rem;
}

.responsive #top .header-section .avia-buttonrow-wrap .avia-button:nth-child(1) span {
	position: relative;
	left: 10px;
}

.responsive #top .header-section .avia-buttonrow-wrap .avia-button:nth-child(1) span::before {
	content: url("/wp-content/uploads/icon-lightning.svg");
	width: 13px;
	display: inline-block;
	position: absolute;
	transform: translateX(-28px);
}

.responsive #top .header-section .avia-buttonrow-wrap .avia-button:nth-child(2) span {
	position: relative;
	left: 10px;
}

.responsive #top .header-section .avia-buttonrow-wrap .avia-button:nth-child(2) span::before {
	content: url("/wp-content/uploads/icon-light-grey.svg");
	width: 12px;
	display: inline-block;
	position: absolute;
	transform: translateX(-28px);
}

.responsive #top .main_menu ul:first-child > li a span {
	font-size: 1rem;
	font-weight: 700;
	font-family: 'Eurostile W01 Bold';
	letter-spacing: 0.04rem;
	text-transform: uppercase;
	transition: .2s;
}

.responsive #top .main_menu .av-main-nav ul.sub-menu li a,
.responsive #top .main_menu .av-main-nav ul.sub-menu li a span {
	padding: 10px 22px;
	font-size: 16px;
	font-weight: 600;
	border: none;
	line-height: 1.6em;
	text-transform: none;
	border-radius: 0;
}

.responsive #top .main_menu .av-main-nav ul.sub-menu li a:hover {
	background-color: #C6C6C6;
}

.responsive #top .main_menu .av-main-nav ul.sub-menu li.blue-menu a {
	background-color: #008BD2;
	color: #FFFFFF;
}

.responsive #top .main_menu .av-main-nav ul.sub-menu li.blue-menu a:hover,
.responsive #top .main_menu .av-main-nav ul.sub-menu li.blue-menu.current_page_item a {
	background-color: #0072AB;
}

.responsive #top .main_menu .av-main-nav ul.sub-menu li.yellow-menu a {
	background-color: #FFDD00;
}

.responsive #top .main_menu .av-main-nav ul.sub-menu li.yellow-menu a:hover,
.responsive #top .main_menu .av-main-nav ul.sub-menu li.yellow-menu.current_page_item a {
	background-color: #DBBD00;
}

.responsive #top .main_menu .av-main-nav ul.sub-menu li.strom-icon a::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 16px;
	background-image: url('/wp-content/uploads/icon-lightning.svg');
	background-size: contain;
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
	top: 2px;
}

.responsive #top .main_menu .av-main-nav ul.sub-menu li.licht-icon a::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 16px;
	background-image: url('/wp-content/uploads/icon-light-grey.svg');
	background-size: contain;
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
	top: 2px;
}

#top #wrap_all .main_menu .av-main-nav ul.sub-menu li.iconed-item a
	{	display: flex;
		justify-content: start;
		align-items: center;
		padding-left: 18px;
	}

#top #wrap_all .main_menu .av-main-nav ul.sub-menu li.iconed-item a::before

{
	content: '';
	display: inline-block;
    width: 18px;
    height: 16px;
    background-size: cover;
    background-position: center;
	margin-right: 5px;
    background-repeat: no-repeat;
}

#top #wrap_all .main_menu .av-main-nav ul.sub-menu li.service-icon a::before
	{	background-image: url('/wp-content/uploads/icon-service.svg');
	}
#top #wrap_all .main_menu .av-main-nav ul.sub-menu li.express-icon a::before
	{	background-image: url('/wp-content/uploads/icon-express.svg');
	}
#top #wrap_all .main_menu .av-main-nav ul.sub-menu li.specials-icon a::before
	{	background-image: url('/wp-content/uploads/icon-specials.svg');
	}

.responsive #top .main_menu .av-main-nav ul.sub-menu li a span {
	padding: 0;
}

.product-item {
	border-radius: 0 0 25px 0 !important;
	overflow: hidden;
	padding-top: 1.875rem;
	background-color: #ededed;
}

.product-item .product-meta {
	z-index: 2;
	position: absolute;
	top: 0.875rem;
	left: 1.25rem;
	width: 100%;
	font-family: 'Eurostile W01 Bold';
	font-size: 1.3125rem;
}

.product-item .product-meta .meta-line {
	display: block;
	line-height: 1.2;
}

.product-item .product-meta .meta-line:nth-child(1) b, .product-item .product-meta .meta-line:nth-child(1) strong {
	text-transform: uppercase;
	letter-spacing: -0.015rem;
}

.infolist ul {
	margin: 0;
}

.infolist ul li {
	margin: 0;
	list-style-type: none;
	padding: 0;
	position: relative;
	font-size: 1.125rem;
}

.infolist ul li a {
	transition: .2s;
	border-bottom: 1px solid #E4E4E4;
	display: block;
	color: inherit;
	transition: .2s;
	padding: 0.625rem 10px 0.625rem 30px;
}

.infolist ul li a::before {
	display: block;
	content: '';
	height: 1rem;
	width: 1rem;
	background-image: url("/wp-content/uploads/icon-arrow-right.svg");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 1.0625rem;
	transition: .2s;
}

.infolist ul li:hover a {
	border-bottom: 1px solid #cccccc;
}

.infolist ul li:hover a::before {
	left: 2px;
}

/*.infolist ul li:not(.infolist-link) {
	transition: .2s;
	border-bottom: 1px solid #E4E4E4;
	display: block;
	color: inherit;
	transition: .2s;
	padding: 0.625rem 10px 0.625rem 30px;
}

.infolist ul li:not(.infolist-link)::before {
	display: inline-block;
	content: '●';
	line-height: 0.5rem;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 1.125rem;
	transition: .2s;
}*/

.info-headline {
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 0.625rem;
}

#top .all_colors .avia-button-wrap {
	width: 100%;
}

#top .all_colors .avia-button-wrap .avia-button.avia-button-fullwidth {
	width: 100%;
}

#top .all_colors .avia-button-wrap .avia-button,
#top .all_colors .avia-buttonrow-wrap .avia-button {
	text-transform: uppercase;
	border: none;
	border-width: 0 !important;
	border-radius: 5px;
	padding: 12px 2.5rem 13px;
	transition: 0.15s ease-out;
}

#top .all_colors .avia-button-wrap .avia-button span,
#top .all_colors .avia-buttonrow-wrap .avia-button span {
	line-height: 1;
	font-size: 1rem;
	font-weight: 700;
	font-family: 'Eurostile W01 Bold';
	letter-spacing: 0.1rem;
}

#top .all_colors .avia-buttonrow-wrap {
	display: flex;
	flex-flow: row wrap;
	gap: 20px;
}

/* #top .all_colors .avia-buttonrow-wrap .avia-button {
	margin-right: 2.5rem;
} */

#top .all_colors .avia-buttonrow-wrap .avia-button.avia-size-medium {
	min-width: 210px;
}

#top .all_colors .avia-buttonrow-wrap .avia-button.avia-size-large {
	min-width: 240px;
}

@media(max-width: 989px) {
	.productslider .avia-button-wrap.avia-button-right {
		display: flex;
		justify-content: flex-start;
		margin: -20px 0 20px 0;
	}
}

@media(max-width: 767px) {
	.productslider .avia-button-wrap.avia-button-right {
		display: flex;
		justify-content: flex-start;
		margin: 0 0 20px 0;
	}
}

/* FILL COLORS ****************************************************************/
#top .all_colors .avia-button-wrap .avia-button-fill.avia-button-blue,
#top .all_colors .avia-buttonrow-wrap .avia-button-fill.avia-button-blue {
	background: #008bd2;
	border-color: #008bd2;
	color: #ffffff;
}

#top .all_colors .avia-button-wrap .avia-button-fill.avia-button-yellow,
#top .all_colors .avia-buttonrow-wrap .avia-button-fill.avia-button-yellow {
	background: #ffdd00;
	border-color: #ffdd00;
	color: #3c3c3b;
}

#top .all_colors .avia-button-wrap .avia-button-fill.avia-button-white,
#top .all_colors .avia-buttonrow-wrap .avia-button-fill.avia-button-white {
	background: #ffffff;
	border-color: #ffffff;
	color: #3c3c3b;
}

#top .all_colors .avia-button-wrap .avia-button-fill.avia-button-grey,
#top .all_colors .avia-buttonrow-wrap .avia-button-fill.avia-button-grey {
	background: #c6c6c6;
	border-color: #c6c6c6;
	color: #3c3c3b;
}

#top .all_colors .avia-button-wrap .avia-button-fill.avia-button-red,
#top .all_colors .avia-buttonrow-wrap .avia-button-fill.avia-button-red {
	background: #d51224;
	border-color: #d51224;
	color: #ffffff;
}

/* INVERT COLORS **************************************************************/
#top .all_colors .avia-button-wrap .avia-button-invert.avia-button-blue,
#top .all_colors .avia-buttonrow-wrap .avia-button-invert.avia-button-blue {
	background: transparent;
	border-color: #0091df;
	color: #0091df;
}

#top .all_colors .avia-button-wrap .avia-button-invert.avia-button-white,
#top .all_colors .avia-buttonrow-wrap .avia-button-invert.avia-button-white {
	background: transparent;
	border-color: #ffffff;
	color: #ffffff;
}

#top .all_colors .avia-button-wrap .avia-button-invert.avia-button-grey,
#top .all_colors .avia-buttonrow-wrap .avia-button-invert.avia-button-grey {
	background: transparent;
	border-color: #515150;
	color: #515150;
}

/* HOVER COLORS ***************************************************************/
#top .all_colors .avia-button-wrap .avia-button:hover.avia-button-hover-fill.avia-button-white-hover,
#top .all_colors .avia-buttonrow-wrap .avia-button:hover.avia-button-hover-fill.avia-button-white-hover {
	background: #ffffff;
	border-color: #ffffff;
	color: #515150;
}

#top .all_colors .avia-button-wrap .avia-button:hover.avia-button-hover-fill.avia-button-yellow-hover,
#top .all_colors .avia-buttonrow-wrap .avia-button:hover.avia-button-hover-fill.avia-button-yellow-hover {
	background: #ffdd00;
	border-color: #ffdd00;
	color: #515150;
}

#top .all_colors .avia-button-wrap .avia-button:hover.avia-button-hover-fill.avia-button-yellow.avia-button-yellow-hover,
#top .all_colors .avia-buttonrow-wrap .avia-button:hover.avia-button-hover-fill.avia-button-yellow.avia-button-yellow-hover {
	background: #dbbd00;
	border-color: #dbbd00;
	color: #515150;
}

#top .all_colors .avia-button-wrap .avia-button:hover.avia-button-hover-invert.avia-button-white-hover,
#top .all_colors .avia-buttonrow-wrap .avia-button:hover.avia-button-hover-invert.avia-button-white-hover {
	background: transparent;
	border-color: #ffffff;
	color: #515150;
}

#top .all_colors .avia-button-wrap .avia-button:hover.avia-button-hover-fill.avia-button-blue-hover,
#top .all_colors .avia-buttonrow-wrap .avia-button:hover.avia-button-hover-fill.avia-button-blue-hover {
	background: #008bd2;
	border-color: #008bd2;
	color: #ffffff;
}

#top .all_colors .avia-button-wrap .avia-button:hover.avia-button-hover-fill.avia-button-blue.avia-button-blue-hover,
#top .all_colors .avia-buttonrow-wrap .avia-button:hover.avia-button-hover-fill.avia-button-blue.avia-button-blue-hover {
	background: #0072ab;
	border-color: #0072ab;
	color: #ffffff;
}

#top .all_colors .avia-button-wrap .avia-button:hover.avia-button-hover-fill.avia-button-red-hover,
#top .all_colors .avia-buttonrow-wrap .avia-button:hover.avia-button-hover-fill.avia-button-red-hover {
	background: #d51224;
	border-color: #d51224;
	color: #ffffff;
}

#top .all_colors .avia-button-wrap .avia-button:hover.avia-button-hover-invert.avia-button-blue-hover,
#top .all_colors .avia-buttonrow-wrap .avia-button:hover.avia-button-hover-invert.avia-button-blue-hover {
	background: transparent;
	border-color: #0091df;
	color: #0091df;
}

#top .all_colors .avia-button-wrap .avia-button:hover.avia-button-hover-fill.avia-button-grey-hover,
#top .all_colors .avia-buttonrow-wrap .avia-button:hover.avia-button-hover-fill.avia-button-grey-hover {
	background: #515150;
	border-color: #515150;
	color: #ffffff;
}

#top .all_colors .avia-button-wrap .avia-button:hover.avia-button-hover-invert.avia-button-grey-hover,
#top .all_colors .avia-buttonrow-wrap .avia-button:hover.avia-button-hover-invert.avia-button-grey-hover {
	background: transparent;
	border-color: #515150;
	color: #515150;
}

#top .card {
	display: flex;
	flex-flow: column nowrap;
	flex-grow: 0;
}

#top .card.card-webinare {
	flex-flow: row nowrap;
	background-color: #ededed;
	padding: 1.875rem;
	border-radius: 0 0 25px 0;
}

#top .card.card-webinare .card-date {
	border-right: 2px solid #E4E4E4;
	padding-right: 1.875rem;
	width: 35%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}

#top .card.card-webinare .card-date .textline:nth-child(1) {
	font-weight: 800;
	font-size: 1.625rem;
	font-family: 'Eurostile W01 Bold';
	color: #008bd2;
}

#top .card.card-webinare .card-date .textline:nth-child(2) {
	font-weight: 400;
	font-size: 1.125rem;
}

#top .card.card-webinare .card-content {
	padding-left: 1.875rem;
	width: 65%;
}

#top .card.card-webinare .card-title {
	font-weight: 800;
	font-size: 1.625rem;
	font-family: 'Eurostile W01 Bold';
}

#top .card.card-webinare .card-textblock {
	margin: 0.375rem 0 0.875rem;
	width: 100%;
}

#top .card.card-posts {
	display: flex;
	flex-flow: column nowrap;
}

#top .card.card-posts .card-content {
	display: flex;
	flex-flow: column nowrap;
	flex-grow: 1;
}

#top .card.card-posts .card-media {
	display: flex;
    aspect-ratio: 435 / 190;
	border-radius: 0 0 25px 0;
	overflow: hidden;
}

@media(max-width: 989px) {
	#top .card.card-posts .card-media {
		height: auto;
	}
}

#top .card.card-posts .card-media img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

#top .card.card-posts .card-title {
	display: block;
	font-family: 'Eurostile W01 Bold';
	font-size: 1.3125rem;
	font-weight: 700;
	color: #3c3c3b;
}

#top .card.card-posts .card-subtitle {
	display: block;
	font-family: 'Eurostile W01 Bold';
	font-size: 1.125rem;
	font-weight: 300;
	color: #008bd2;
	margin-top: 0.625rem;
}

#top .card.card-posts .card-textblock {
	margin: 0.625rem 0 1.25rem;
	flex-grow: 1;
}

#top .card.card-posts-small {
	flex-flow: row nowrap;
	background-color: #ededed;
	border-radius: 0 0 25px 0;
	padding: 1.75rem 0;
	height: 190px;
}

#top .card.card-posts-small.column-top-margin {
	margin-top: 1.875rem;
}

#top .card.card-posts-small .card-media {
	width: 40%;
	padding: 0 1.375rem;
}

#top .card.card-posts-small .card-content {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	width: 60%;
	padding: 0 15px 0 1.625rem;
	border-left: 2px solid #E4E4E4;
}

#top .card.card-posts-small .card-content .card-title {
	font-family: 'Eurostile W01 Bold';
	font-weight: 800;
	font-size: 1.4375rem;
	display: block;
	line-height: 1.2;
	color: #3c3c3b;
}

.grid {
	display: block;
	width: 100%;
}

.grid .grid-inner {
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
}

.grid .grid-group {
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
}

.grid .grid-group + .grid-group {
	margin-top: 3.75rem;
}

.grid .grid-items {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
}

.grid.grid-comps {
	display: flex;
	flex-flow: row nowrap;
}

.grid.grid-comps .grid-filter {
	width: calc(1/4*99.9% - (1 - 1/4)* 40px);
	margin-right: 40px;
	border-right: 2px solid #f1f1f1;
	flex-grow: 0;
	flex-shrink: 0;
	padding-bottom: 50px;
}

.grid.grid-comps .grid-item.column-top-margin {
	margin-top: 40px;
}

.grid.grid-contacts .column-top-margin {
	margin-top: 3.75rem;
}

#top h3.grid-headline {
	display: block;
	color: #515150;
	text-transform: none;
	font-weight: 700;
	position: relative;
	letter-spacing: 0.08rem;
	padding: 1.25rem 0;
	font-size: 1.375rem;
}

#top .grid-contacts h3.grid-headline {
	font-size: 1.625rem;
	font-weight: 700;
	border-bottom: 1px solid #DEDEDE;
	padding: 0 0 1.875rem;
	margin-bottom: 2.5rem;
}

.pxl-hl {
	display: block;
	width: 100%;
	margin-bottom: 2.5rem;
}

.flex_column + .pxl-hl {
	margin-top: 3.125rem;
}

.pxl-hl.hl--small-margin {
	margin-bottom: 0.75rem;
}

.pxl-hl.hl--no-margin {
	margin-bottom: 0;
}

.pxl-hl.hl--align-center {
	text-align: center;
}

.pxl-hl.hl--align-left {
	text-align: left;
}

.pxl-hl.hl--align-right {
	text-align: right;
}

.pxl-hl .hl-inner {
	display: flex;
	flex-flow: column nowrap;
}

.pxl-hl .hl-line {
	text-align: inherit;
	display: block;
	line-height: 1.1;
}

.pxl-hl .hl-sub {
	font-size: 1.125rem;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.08rem;
	color: #008bd2;
}

.socket_color .pxl-hl .hl-sub {
	color: #35CBF5;
}

.pxl-hl .hl-textblock {
	max-width: 800px;
}

.pxl-hl.hl-sub--bot .hl-sub {
	margin-top: 0.5rem;
}

.pxl-hl.hl-sub--top .hl-inner {
	display: flex;
	flex-flow: column-reverse nowrap;
}

.pxl-hl.hl-sub--top .hl-sub {
	margin-bottom: 0.5rem;
}

.pxl-hl.hl--align-center .hl-main {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* .pxl-hl.hl--color-text .hl-main, .pxl-hl.hl--color-text .hl-main b, .pxl-hl.hl--color-text .hl-sub, .pxl-hl.hl--color-text .hl-sub b {
	color: #3c3c3b !important;
} */

.pxl-hl.hl--border {
	padding-bottom: 1.5rem;
	margin-top: 1.5rem;
	margin-bottom: 0.625rem;
	border-bottom: 2px solid #F1F1F1;
}

.socket_color .pxl-hl.hl--border {
	border-color: rgba(255, 255, 255, 0.2);
	margin-bottom: 3.75rem;
}

#kontakt .pxl-hl.hl--border {
	margin-bottom: 3.75rem;
	padding-bottom: 3.75rem;
}

.avia-image-container + .pxl-hl {
	margin-top: 1.5rem;
}

.flex_column:hover .pxl-hl.hl--border,
.card:hover .pxl-hl.hl--border {
	border-bottom: 2px solid #cccccc;
}

.beton-bg {
	background-image: url('/wp-content/uploads/elspro_beton_bg.jpg');
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

#top .all_colors .imagetext-half {
	display: block;
}

#top .all_colors .imagetext-half > *:not(.pxl-headline) {
	width: calc(1/2*99.99% - (1 - 1/2) * 2.5rem);
	float: left;
	clear: left;
}

#top .all_colors .imagetext-half > .avia-image-container {
	margin: -140px 0 0 2.5rem;
	clear: none;
}

#top .all_colors .avia-content-slider-inner .slide-entry-title,
#top .all_colors .avia-content-slider-element-slider .new-special-heading {
	display: none;
}

#top .all_colors .avia-content-slider-element-slider {
	display: flex;
	flex-flow: wrap;
}

#top .all_colors .avia-content-slider-element-slider .avia-content-slider-inner {
	order: 1;
}

#top .all_colors .avia-content-slider-element-slider .avia-smallarrow-slider-heading {
	order: 2;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	z-index: 10;
}

#top .avia-content-slider-element-container .avia-slideshow-dots {
	text-align: center;
	display: block;
	margin-top: 20px;
}

#top .avia-smallarrow-slider .avia-slideshow-dots a {
	border: 2px solid #3c3c3b;
	background: transparent;
	opacity: 1 !important;
	margin: 0 5px;
}

#top .avia-smallarrow-slider .avia-slideshow-dots a.active {
	background: #3c3c3b;
}

#top .avia-content-slider-element-container .avia-slideshow-arrows {
	width: 100%;
	height: 40px;
	top: 0;
}

#top .avia-content-slider-element-container .avia-slideshow-arrows a {
	width: 40px;
	height: 40px;
	padding: 0;
	background-image: url('/wp-content/uploads/icon-arrow-right-white.svg');
	background-size: 16px 14px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #008BD2;
	border-radius: 5px 0 0 5px;
	overflow: hidden;
	text-indent: -999px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
	border: none;
	transform: rotate(180deg);
	z-index: 1;
	cursor: pointer;
	transition: 0.15s ease-out;
}

#top .avia-content-slider-element-container .avia-slideshow-arrows a.next-slide {
  border-radius: 5px 0 0 5px;
  left: auto;
  right: 0;
  transform: rotate(0);
}

#top .avia-content-slider-element-container .avia-slideshow-arrows a::before {
	content: none;
}


/* Contact Form 7 */

#top form {
	margin: 0;
}

#top .cf .cf-field {
	width: 100%;
	margin-top: 1.125rem;
}

#top .cf .cf-field.cf-field--full {
	width: 100% !important;
}

#top .cf .cf-field.no-margin {
	margin-top: 0;
}

#top .cf .cf-row {
	display: flex;
	flex-flow: row wrap;
}

#top .cf .cf-row.cf-row--half {
	justify-content: space-between;
}

#top .cf .cf-row.cf-row--half .cf-field {
	width: calc(50% - 1rem);
	margin-left: 2rem;
}

#top .cf .cf-row.cf-row--half .cf-field.first {
	margin-left: 0;
}

#top .cf .cf-row.cf-row--half .cf-field:first-child, #top .cf .cf-row.cf-row--half .cf-field:nth-child(2) {
	margin-top: 0;
}

#top .cf .cf-row.cf-row--third {
	justify-content: space-between;
	margin-top: 1.125rem;
}

#top .cf .cf-row.cf-row--third .cf-field {
	width: calc(33.333% - 1rem);
}

#top .cf .cf-row.cf-row--third .cf-field:first-child, #top .cf .cf-row.cf-row--third .cf-field:nth-child(2), #top .cf .cf-row.cf-row--third .cf-field:nth-child(3) {
	margin-top: 0;
}

#top .cf .cf-row.cf-footer {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin-top: 1.5rem;
}

#top .cf .cf-row.cf-footer .cf-ds .wpcf7-form-control-wrap span, #top .cf .cf-row.cf-footer .cf-ds .wpcf7-form-control-wrap input {
	margin-left: 0;
}

#top .cf .cf-row .cf-ds .ds-text {
	font-size: 1rem;
	color: #878787;
}

#top .cf .cf-row .cf-ds .ds-text a {
	font-size: 1rem;
}

#top .cf .cf-row .ajax-loader {
	display: none;
	margin: 0;
}

#top .cf .cf-headline {
	color: #878787;
	font-weight: 700;
	display: block;
	width: 100%;
	margin-top: 0.625rem;
	margin-bottom: 0.375rem;
}

#top .cf .wpcf7-submit {
	font-family: 'Eurostile W01 Bold';
	font-weight: 700;
	font-size: 1rem;
	text-transform: uppercase;
	padding: 12px 30px 14px;
	border-radius: 5px;
	letter-spacing: 0.1rem;
	transition: .2s;
	background-color: #008bd2;
}

#top .cf .wpcf7-submit:hover {
	background-color: #ffdd00;
	color: #3c3c3b;
}

#top .cf .wpcf7-submit:hover:disabled {
	background-color: #d51224;
	color: #ffffff;
}

#top .cf label {
	display: block;
	color: #878787;
	font-size: 1.125rem;
	font-weight: 400;
	margin-bottom: 0.625rem;
	line-height: 1.1;
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-form-control-wrap.time {
	display: block;
}

.wpcf7-form-control-wrap.time::after {
	display: block;
	width: 25px;
	height: 25px;
	content: '';
	background-image: url("/wp-content/uploads/icon-time.svg");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 15px;
	top: 8px;
}

.wpcf7-form-control-wrap.date {
	display: block;
}

/* .wpcf7-form-control-wrap.date::after {
	display: block;
	width: 22px;
	height: 22px;
	content: '';
	background-image: url("/wp-content/uploads/icon-date.svg");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 15px;
	top: 8px;
} */




/* Footer */

.responsive #top #footer {
	border-bottom: 8px solid #008bd2;
	padding: 0.625rem 0;
}

.responsive #top #footer .container {
	display: flex;
	flex-flow: row nowrap;
}

.responsive #top #footer .textwidget {
	padding: 1.375rem 0;
}

.responsive #top #footer .widget_media_image {
	padding: 1.625rem 0;
}

.responsive #top #footer li, .responsive #top #footer p, .responsive #top #footer .widget_text, .responsive #top #footer a, .responsive #top #footer .widget_media_image {
	margin: 0;
	font-family: 'Eurostile W01 Bold';
	font-size: 1rem;
	line-height: 1.6;
}

.responsive #top #footer li a + a {
	margin-left: 5px;
}

.responsive #top #footer li a + a::before {
	content: '|';
	margin-right: 5px;
	color: #4b4b4b !important;
}

.responsive #top #footer a:hover {
	color: #008bd2;
}

.responsive #top #footer img {
	max-width: 240px;
	width: 240px;
}

.responsive #top #footer #text-3 .textwidget p a:first-child::before,
.responsive #top #footer #text-3 .textwidget p a.whatsapp::before,
.responsive #top #footer #text-3 .textwidget p span::before,
.responsive #top #footer #text-3 .textwidget p a:last-child::before {
	content: '';
	display: inline-block;
	background-image: '';
	background-position: center center;
	background-repeat: no-repeat;
	width: 18px;
	height: 15px;
	position: relative;
	margin-right: 12px;
}

.responsive #top #footer #text-3 .textwidget p a:first-child::before {
	background-image: url('/wp-content/uploads/icon-phone-blue.svg');
	background-size: 16px 13px;
	top: 2px;
}

/* .responsive #top #footer #text-3 .textwidget p a.whatsapp {
	color: #25d366;
	
	&:hover {
		color: #008bd2;
		
		&::before {
			background-color: #008bd2;
		}
	}
} */

.responsive #top #footer #text-3 .textwidget p a.whatsapp::before {
	mask-image: url('/wp-content/uploads/icon-whatsapp.svg');
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;
	-webkit-mask-image: url('/wp-content/uploads/icon-whatsapp.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	background-color: #25d366;
	top: 2px;
}

.responsive #top #footer #text-3 .textwidget p span::before {
	background-image: url('/wp-content/uploads/icon-fax-blue.svg');
	background-size: 18px 14px;
	top: 2px;
}

.responsive #top #footer #text-3 .textwidget p a:last-child::before {
	background-image: url('/wp-content/uploads/icon-mail-blue.svg');
	background-size: 19px 13px;
	top: 3px;
}

.responsive #top #footer .address-line.phone, .responsive #top #footer .address-line.fax, .responsive #top #footer .address-line.email {
	position: relative;
	padding-left: 30px;
}

.responsive #top #footer .address-line.phone::before, .responsive #top #footer .address-line.fax::before, .responsive #top #footer .address-line.email::before {
	content: '';
	display: block;
	width: 1.125rem;
	height: 1.125rem;
	position: absolute;
	left: 0;
	top: 0.1875rem;
	background-image: url("/wp-content/uploads/icon-phone-blue.svg");
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.responsive #top #footer .address-line.fax::before {
	background-image: url("/wp-content/uploads/icon-fax-blue.svg");
}

.responsive #top #footer .address-line.email::before {
	background-image: url("/wp-content/uploads/icon-mail-blue.svg");
}



/* Topnavi */

#header_main > div:not(.av-logo-container) {
    animation: fadeInAnimation ease 0.1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0;
    visibility: hidden;
    display: none;
}

.pixel-topnavi {
    position: absolute;
    right: 50px;
    top: 0;
    display: block;
    z-index: 101;
    padding: 0;
    transition: all 0.2s ease-in-out;
    
    animation: fadeInAnimation ease 0.1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0;
    visibility: hidden;
}
 
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
     }
}

.scroll .pixel-topnavi {
  top: -80px;
}

.pixel-topnavi .widget,
.pixel-topnavi > div {
	margin: 0;
	padding: 0;
	float: left;
	clear: none;
}

.pixel-topnavi #icl_lang_sel_widget-2 {
    font-size: 15px;
    font-weight: 500;
    margin-left: 24px;
    display: flex;
    height: 100%;
    align-items: center;
}

.pixel-topnavi #icl_lang_sel_widget-2::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-color: #FFFFFF;
    -webkit-mask-image: url("/wp-content/uploads/icon_lang.svg");
    mask-image: url("/wp-content/uploads/icon_lang.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    visibility: visible;
}

.pixel-topnavi #icl_lang_sel_widget-2 .wpml-ls {
    padding: 0;
    border: none;
    width: auto;
}

.pixel-topnavi #icl_lang_sel_widget-2 .wpml-ls li {
    transform: translateY(-1px);
}

.pixel-topnavi #icl_lang_sel_widget-2 .wpml-ls li a {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
}

.pixel-topnavi #icl_lang_sel_widget-2 .wpml-ls li a::after {
    content: none;
}

.pixel-topnavi #icl_lang_sel_widget-2 .wpml-ls li .wpml-ls-sub-menu {
    border-top: none;
    padding: 5px 0 0 0;
    left: -10px;
    background: #008BD2;
    width: -moz-max-content;
    width: max-content;
}

.pixel-topnavi #icl_lang_sel_widget-2 .wpml-ls li .wpml-ls-sub-menu li {
    padding: 5px 10px;
}

.pixel-topnavi #icl_lang_sel_widget-2 .wpml-ls li .wpml-ls-sub-menu li:first-child {
    border-top: 5px solid var(--color-brand);
}

.pixel-topnavi .pixel-topnavi-inner {
	background: #008bd2;
	padding: 13px 20px;
	border-radius: 0 0 10px 0;
    height: 50px;
}

.pixel-topnavi-inner p {
	display: flex;
}

.pixel-topnavi-inner a {
	margin-left: 24px;
	color: #FFFFFF;
	display: flex;
	flex-flow: row;
	justify-content: center;
  font-family: 'Eurostile W01 Bold';
	font-size: 16px;
	font-weight: 600;
}

.pixel-topnavi-inner a:hover {
	color: #FFFFFF;
}

.pixel-topnavi-inner a:first-child {
	margin-left: 0;
	margin-right: 14px;
}

.pixel-topnavi #search-3 .widgettitle {
	display: none !important;
}

#top #searchsubmit {
	width: 58px;
	height: 30px !important;
	background: #FFFFFF;
	color: #FFFFFF !important;
	background-image: url('/wp-content/uploads/elspro_icon_search.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	text-indent: 999px;
}

#top #main #searchsubmit {
	width: 50px;
	min-width: 50px;
	height: 50px !important;
	background-color: #008BD2;
	background-image: url('/wp-content/uploads/elspro_icon_search_white.svg');
}

.ajax_load,
.ajax_search_response {
	display: none !important;
}

#top #searchform {
	width: 100%;
	margin-top: 12px;
}

#search-fail p {
	line-height: 1.4em;
}

#top #search-fail #s {
	height: 40px;
}

#top #s {
	padding: 7px 20px;
}

#top #main #searchsubmit {
	border-radius: 0 5px 5px 0;
}

#top .av_minimal_header #s {
	padding: 0 16px;
	line-height: 30px;
	background-color: #EEEEEE;
	right: 58px;
	font-family: 'Eurostile W01 Bold';
	font-size: 16px;
}

#top .template-search.content .entry-content-wrapper {
	padding-bottom: 0;
	min-height: 30px;
	flex-flow: column wrap;
}

.template-search .post-entry {
	margin-bottom: 40px;
}

#top .search-result-counter {
	background: #008BD2;
	border-radius: 5px;
	color: #FFFFFF;
	padding: 3px;
	width: 22px;
	height: 22px;
	font-size: 12px;
	line-height: 1.5;
	transform: translateY(2px);
}

#top .template-search .post-title a {
	display: block;
	line-height: 1;
	font-size: 24px;
	font-weight: 700;
	font-family: 'Eurostile W01 Bold';
	letter-spacing: 0.1rem;
}

#top .template-search .entry-content .excerpt_part {
    font-size: 14px;
    line-height: 1.4;
    display: block;
    margin-top: 5px;
}

#top .template-search .post-meta-infos {
	display: none;
}

.av_toggle_section div.toggle_content .wp-caption {
	border: none;
	display: inline-block;
}

#top .av_toggle_section .wp-caption img {
	padding: 0;
}



/* Locationsmap */

.kontakt-international {
	display: none;
}

.kontakt-toggle-d,
.kontakt-toggle-i {
	cursor: pointer;
	text-transform: uppercase;
	border: none;
	border-width: 0 !important;
	border-radius: 5px;
	padding: 12px 2.5rem 13px;
	transition: 0.15s ease-out;
	background: #008bd2;
	border-color: #008bd2;
	color: #ffffff;
	line-height: 1;
	font-size: 1rem;
	font-weight: 700;
	font-family: 'Eurostile W01 Bold';
	letter-spacing: 0.1rem;
	margin-right: 35px;
	margin-bottom: 10px;
	display: inline-block;
}

.kontakt-toggle-d:hover,
.kontakt-toggle-i:hover {
	background: #0072ab;
	border-color: #0072ab;
	color: #ffffff;
}

.kontakt-toggle-d.kontakt-toggle-active,
.kontakt-toggle-i.kontakt-toggle-active {
	background: #ffdd00;
  border-color: #ffdd00;
  color: #3c3c3b;
}

.av_toggle_section {
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

.av_toggle_section:last-child {
	margin-bottom: 0;
}

.togglecontainer .single_toggle:first-child .toggler,
.togglecontainer .taglist + .single_toggle .toggler {
	border-radius: 5px 5px 5px 5px;
	background-color: #9D9D9C;
	color: #FFFFFF;
	border: none;
	padding: 10px 40px 10px 20px;
}

.togglecontainer .single_toggle:first-child .toggler.activeTitle,
.togglecontainer .taglist + .single_toggle .toggler.activeTitle {
	border-radius: 5px 5px 0 0;
	margin-bottom: 0;
	background-color: #008BD2;
	color: #FFFFFF;
}

.togglecontainer .toggle_icon {
	display: none;
}

.toggle_content {
	padding: 20px 20px 12px 20px;
	margin: 0;
	border-radius: 0 0 5px 5px;
	border: none;
	box-shadow: inset 0 0 0 1px #3C3C3B;
	background: transparent;
}

#top .all_colors .toggle_content h3 {
	text-transform: uppercase;
	line-height: 1;
	font-size: 1rem;
	font-weight: 700;
	font-family: 'Eurostile W01 Bold';
	letter-spacing: 0.1rem;
	margin-bottom: 10px;
}

.togglecontainer .single_toggle:first-child .toggler::after {
	content: '';
	position: absolute;
	display: block;
	width: 14px;
	height: 8px;
	background-image: url('/wp-content/uploads/elspro_icons_dropdown.svg');
	background-size: 14px 8px;
	background-repeat: no-repeat;
	background-position: left top;
	right: 20px;
	top: 50%;
	margin-top: -4px;
	filter: brightness(100);
}

.togglecontainer .single_toggle:first-child .toggler.activeTitle::after {
	transform: rotate(180deg);
}

#top .toggle_content ul:not(:first-child) {
	margin-top: -20px;
}

#top .pixel-maps .container {
	max-width: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

#top .pixel-maps .content {
	padding-bottom: 0;
}

.pixel-maps .av_gmaps_sc_main_wrap,
.avia-google-map-container {
	width: 100%;
}

.pixel-maps {
	margin-top: -50px;
}

.pixel-maps .flex_column.av_one_full {
	position: absolute;
	left: 0;
	bottom: 50px;
}

.pixel-maps-container {
	margin: 0 auto;
	max-width: 1480px;
	width: 100%;
	padding: 0 50px;
}

.pixel-maps-container-inner {
	width: 440px;
	height: 342px;
	background: #008BD2;
	border-radius: 0 0 30px 0;
	padding: 50px 30px 40px 30px;
}

.responsive #top .flxmap-directions {
	margin-top: 20px;
}

.responsive #top .flxmap-directions input[type="text"] {
	width: calc(100% - 200px - 2rem);
	float: left;
	clear: none;
}

.responsive #top .flxmap-directions input[type="submit"] {
	text-transform: uppercase;
	border: none;
	border-width: 0 !important;
	border-radius: 5px;
	padding: 12px 10px 13px 10px;
	transition: 0.15s ease-out;
	background: #008bd2;
	border-color: #008bd2;
	color: #ffffff;
	line-height: 1;
  font-size: 1rem;
  font-weight: 700;
  font-family: 'Eurostile W01 Bold';
  letter-spacing: 0.1rem;
	width: 200px;
	margin-left: 2rem;
	float: left;
	clear: none;
}

#top .all_colors .pixel-maps-container-inner h3,
#top .all_colors .pixel-maps-container-inner p,
#top .all_colors .pixel-maps-container-inner span,
#top .all_colors .pixel-maps-container-inner a {
	color: #FFFFFF;
}

#top .all_colors .pixel-maps-container-inner h3 {
	margin-bottom: 30px;
}

.pixel-maps-icons *::before {
	content: '';
	display: inline-block;
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
	width: 21px;
	height: 18px;
	position: relative;
	top: 2px;
	margin-right: 14px;
}

.pixel-maps-icons a:first-child::before {
	background-image: url('/wp-content/uploads/icon-phone.svg');
}

.pixel-maps-icons span::before {
	background-image: url('/wp-content/uploads/icon-fax.svg');
}

.pixel-maps-icons a:last-child::before {
	background-image: url('/wp-content/uploads/icon-mail.svg');
}

#top .avia-section[style="background-color: #008bd2;  "] .content {
	padding: 60px 0;
}

#top .avia-section[style="background-color: #008bd2;  "] p,
#top .avia-section[style="background-color: #008bd2;  "] h2,
#top .avia-section[style="background-color: #008bd2;  "] h3 {
	color: #FFFFFF;
}



/* Blog */

.pixel-aktuelles-overview .slide-entry-wrap:not(:first-child) {
	margin-top: 40px;
}

.pixel-aktuelles-overview .post-entry .pixel-single-header {
	position: relative;
	z-index: 0;
}

.pixel-aktuelles-overview .slide-content {
	display: flex;
	flex-flow: column wrap;
	margin-top: 5px;
}

#top .pixel-aktuelles-overview .slide-meta {
	order: 1;
	padding: 0;
}

#top .fullsize.pixel-aktuelles-overview .entry-content-header {
	order: 2;
}

#top .fullsize.pixel-aktuelles-overview .entry-content {
	order: 3;
}

#top .fullsize.pixel-aktuelles-overview .slide-entry-title {
	display: block;
	height: 68px;
	overflow: hidden;
	margin-bottom: 10px;
}

#top .fullsize.pixel-aktuelles-overview .slide-entry-title a {
	margin: 0;
	font-family: 'Eurostile W01 Bold';
	font-size: 26px;
	font-weight: 700;
	line-height: 34px;
	color: #3A3A3A;
}

#top .pixel-aktuelles-overview .slide-meta-time {
	margin: 0;
	font-size: 1rem;
	color: #008AF4;
	letter-spacing: 0.1px;
	font-family: 'Eurostile W01 Bold';
}

#top .pixel-aktuelles-overview .card-media {
	border-radius: 0 0 30px 0;
	overflow: hidden;
}

#top .pixel-aktuelles-overview .card-media img {
	border-radius: 0;
	display: block;
}

.pixel-aktuelles-overview .read-more-link {
	margin-top: 50px;
}

.pixel-aktuelles-overview .read-more-link a {
	text-transform: uppercase;
	border: none;
	border-width: 0 !important;
	border-radius: 5px;
	padding: 12px 2.5rem 13px;
	transition: 0.15s ease-out;
	background: #008bd2;
  border-color: #008bd2;
  color: #ffffff;
	margin: 3px 0;
	position: relative;
	font-weight: normal;
	text-align: center;
	max-width: 100%;
	float: left;
	display: block;
  min-width: 90px;
	line-height: 1;
  font-size: 1rem;
  font-weight: 700;
  font-family: 'Eurostile W01 Bold';
  letter-spacing: 0.1rem;
}

.pixel-aktuelles-overview .read-more-link a:hover {
	background: #ffdd00;
	border-color: #ffdd00;
	color: #515150;
}

.pixel-aktuelles-overview .read-more-link .more-link-arrow {
	display: none;
}

.single #av_section_1 .container {
	max-width: 920px;
}

.single #av_section_1 .avia-image-container,
.single #av_section_1 .avia-image-container-inner,
.single #av_section_1 img {
	width: 100%;
}

.single #av_section_1 .avia-image-container {
	margin-bottom: 30px;
}

body#top.single .column-top-margin {
	margin-top: 0;
}

/*.pixel-single-backtolink {
  float: left;
  width: 100%;
  padding: 0 0 80px 0;
}

.pixel-single-backtolink .container {
	max-width: 780px;
	padding: 0;
}

.pixel-single-backtolink a.back::before {
  content: url('/wp-content/uploads/elspro_icon_singleback.svg');
  display: block;
  width: 14px;
  height: 14px;
  float: left;
  margin-right: 10px;
  position: relative;
  top: 1px;
}*/

#top.single-post .post-entry {
    display: flex;
    flex-flow: row wrap;
    gap: 40px;
}

#top.single-post .blog-meta {
    display: none !important;
}

#top.single-post .big-preview {
    width: 400px;
}

#top .fullsize .template-blog .post .entry-content-wrapper {
    max-width: calc(100% - 400px - 40px);
    width: 100%;
    flex-flow: column wrap;
    text-align: left;

	@media(max-width: 989px) {
		max-width: 100%;
	}
}

#top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 100%;
    width: 100%;
}

#top .fullsize .template-blog .post .entry-content > * {
    margin-bottom: 20px;
}

#top .fullsize .template-blog .post .entry-content img {
    margin-top: 20px;
}

#top .fullsize .template-blog .post .entry-content-wrapper ._brlbs-content-blocker > * {
    max-width: 100%;
}

#top.single .av-special-heading-tag  {
	display: block;
	font-weight: 700;
	font-family: 'Eurostile W01 Bold';
	font-size: 2.5rem;
	color: #3c3c3b;
	text-transform: none;
	line-height: 1;
	margin: 0;
	letter-spacing: 0.01rem;
	text-align: left;
	padding: 0;
}

#top .fullsize .template-blog .post-title {
    margin: 0 0 40px 0;
    padding: 0;
    line-height: 1;
    text-align: left;
	hyphens: auto;
}

#top .fullsize .template-blog .post-title a {
    pointer-events: none;
    font-weight: 400;
    font-family: 'Eurostile W01 Bold';
    font-size: 2.5rem;
    color: #3c3c3b;
    text-transform: none;
    line-height: 1.2;
    letter-spacing: 0.01rem;
}

#top #header.av_minimal_header .avia_mega_div, #top #header .avia_mega_div .sub-menu {
	background: #F3F3F3;
	background-color: #F3F3F3;
	border-top: none;
	width: 100vw;
}

#top #header.av_minimal_header .avia_mega_div {
	border-radius: 0 0 30px 0;
	padding: 30px 0;
}

#top #header .avia_mega_div .sub-menu, #top #header .avia_mega_div > .sub-menu.avia_mega_hr {
	max-width: 1480px;
	padding: 0 50px;
	height: 81px;
	display: block;
	margin: 0 auto;
}

#top #header .avia_mega_div > .sub-menu > li {
	/* display: inline-block; */
	float: left;
	padding: 5px 10px;
	width: calc(1/3*99.99% - (1 - 1/3) * 2.5rem);
	height: 80px;
	margin-left: 2.5rem;
	border-bottom: 1px solid #D2D2D2;
	vertical-align: middle;
}

#top #header .avia_mega_div > .sub-menu:last-child > li {
	border-bottom: none;
}

#top #header .avia_mega_div > .sub-menu > li.avia_mega_menu_columns_first {
	margin-left: 0;
}

#header .mega_menu_title {
	float: left;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	height: 70px;
}

#top #header .mega_menu_title a {
	font-size: 16px;
	font-weight: 600;
	font-family: 'Eurostile W01 Bold';
	color: #3c3c3b;
	text-decoration: none !important;
	line-height: 1.4em;
	display: contents;
}

.pixel-megamenu .mega_menu_title::before {
	content: '';
	width: 95px;
	height: 70px;
	margin-right: 45px;
	float: left;
}

.megamenu-ems .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_energiemanagementsoftware.png');
}

.megamenu-kraftstromverteiler .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_kraftstromverteiler.png');
}

.megamenu-wandverteiler .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_wandverteiler.png');
}

.megamenu-transformatoren .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_transformatoren.png');
}

.megamenu-kabeltrommeln .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_leitungsroller.png');
}

.megamenu-sonderverteiler .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_sonderverteiler.png');
}

.megamenu-energiesaeulen .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_energiesaeulen.png');
}

.megamenu-steckverbindungen .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_steckverbindungen.png');
}

.megamenu-sonderleitungen .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_spezialleitungen.png');
}

.megamenu-kabelbruecken .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_kabelbruecken.png');
}

.megamenu-schweissartikel .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_schweissartikel.png');
}

.megamenu-lms .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_lichtmanagementsysteme.png');
}

.megamenu-industriestative .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_industriestative.png');
}

.megamenu-arbeitsplatzleuchten .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_arbeitsplatzleuchten.png');
}

.megamenu-rohrleuchten .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_schutzrohrleuchten.png');
}

.megamenu-strahler .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_strahler.png');
}

.megamenu-hallenleuchten .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_hallenleuchten.png');
}

.megamenu-strassenbeleuchtung .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_ledstrassenbeleuchtung.png');
}

.megamenu-bauleuchten .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_bauleuchten.png');
}

.megamenu-spezialleuchten .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_grossflaechenleuchten.png');
}

.megamenu-handleuchten .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_handleuchten.png');
}

.megamenu-akkuleuchten .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_akkuleuchten.png');
}

.megamenu-leuchtenatex .mega_menu_title::before {
	content: url('/wp-content/uploads/elspro_menu_leuchtenmitatexzulassung.png');
}

.pixel-bildnavi .flex_column.av_one_fourth {
	background: #EDEDED;
	padding: 15px 20px 20px 20px;
	border-radius: 0 0 20px 0 !important;
	display: flex;
}

.pixel-bildnavi .av-special-heading {
	height: auto;
	padding: 0 0 20px 0 !important;
	margin-bottom: auto;
}

#top.page-id-250 .all_colors .pixel-bildnavi .av-special-heading h3,
#top.page-id-251 .all_colors .pixel-bildnavi .av-special-heading h3,
#top.page-id-6200 .all_colors .pixel-bildnavi .av-special-heading h3,
#top.page-id-6198 .all_colors .pixel-bildnavi .av-special-heading h3 {
	font-size: 20px;
	color: #3A3A3A;
	position: relative;
    padding-left: 35px;
}

#top .all_colors .pixel-bildnavi .av-special-heading h3 span.register {
	color: #3A3A3A;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    position: absolute;
    left: -2px;
    top: -2px;
    display: flex;
    justify-content: center;
    line-height: 1.4;
}

#top .all_colors .pixel-bildnavi-blue .av-special-heading h3 span.register {
	background-color: #008BD2;
	color: #FFFFFF;
}

#top .all_colors .pixel-bildnavi-yellow .av-special-heading h3 span.register {
	background-color: #FFDD00;
}

#top .all_colors .pixel-bildnavi .av-special-heading h3 + .special-heading-border {
	display: none;
}

.pixel-bildnavi .avia-button-wrap {
	margin-top: 5px;
}

.pixel-bildnavi .avia-button {
	width: 100%;
}

.pixel-bildnavi .av-caption-image-overlay-bg {
	display: none !important;
}

.pixel-bildnavi .av-image-caption-overlay-center {
	opacity: 1;
	width: 100%;
	min-height: 54px;
	padding: 5px 10px;
	left: 0;
	bottom: 0;
	position: absolute;
	transition: 0.2s;
	display: flex;
	flex-flow: column;
	justify-content: center;
	background: #c6c6c6;
}

.pixel-bildnavi .avia-image-container:hover .av-image-caption-overlay-center {
	opacity: 1;
}

.pixel-bildnavi .av-image-caption-overlay-center p {
	font-size: 14px;
	font-weight: 600;
	border: none;
	line-height: 1.6em;
	text-transform: none;
	color: #FFFFFF;
	font-family: 'Eurostile W01 Bold';
	letter-spacing: 0.04rem;
	text-transform: uppercase;
}

.pixel-bildnavi .avia-image-container, .pixel-bildnavi .avia-image-container-inner, .pixel-bildnavi .avia-image-container img {
	width: 100%;
}

.pixel-bildnavi .avia-image-overlay-wrap {
	width: 100%;
	aspect-ratio: 5 / 3.5;
	display: flex;
	overflow: hidden;
	flex-flow: row !important;
}

.pixel-bildnavi .avia-image-overlay-wrap img {
	object-fit: cover;
	object-position: center;
}

.pixel-bildnavi-blue .avia-image-container:hover .av-image-caption-overlay-center {
	background: #0072ab;
}

.pixel-bildnavi-yellow .avia-image-container:hover .av-image-caption-overlay-center {
	background: #dbbd00;
}

#top .all_colors .pixel-stellenangebote .flex_column.inset {
	padding: 30px 40px;
	display: flex;
	transition: all 0.2s ease-in-out;
	position: relative;
	top: 0;
}

#top .all_colors .pixel-stellenangebote .av_textblock_section h3 {
	line-height: 30px;
	color: #3c3c3b;
	margin: 8px 0 18px 0;
	transition: all 0.2s ease-in-out;
}

#top .all_colors .pixel-stellenangebote .av_textblock_section p {
	transition: all 0.2s ease-in-out;
}

#top .all_colors .pixel-stellenangebote .av_textblock_section:not(:last-child) {
	margin-bottom: 1rem;
}

#top .all_colors .pixel-stellenangebote .avia-button-wrap {
	margin-top: auto;
}

#top .all_colors .pixel-stellenangebote .flex_column .avia-button-wrap .avia-button-fill {
	transition: all 0.2s ease-in-out;
}

#top .all_colors .pixel-stellenangebote .flex_column img {
	transition: all 0.2s ease-in-out;
}

#top .all_colors .pixel-stellenangebote .flex_column.background-alt:hover {
	background: #008BD2;
	top: -10px;
}

#top .all_colors .pixel-stellenangebote .flex_column:hover .av_textblock_section h3,
#top .all_colors .pixel-stellenangebote .flex_column:hover .av_textblock_section p {
	color: #FFFFFF;
}

#top .all_colors .pixel-stellenangebote .flex_column::before {
	content: '';
	display: block;
	background-image: url('/wp-content/uploads/elspro_icons_jobs.svg');
	background-size: 66px 57px;
	background-position: left top;
	background-repeat: no-repeat;
	width: 66px;
	height: 57px;
	visibility: visible;
	transition: all 0.2s ease-in-out;
}

#top .all_colors .pixel-stellenangebote .flex_column:hover::before {
	background-image: url('/wp-content/uploads/elspro_icons_jobs_white.svg');
}

#top .all_colors .pixel-stellenangebote .flex_column:hover .avia-button-wrap .avia-button-fill.avia-button-blue {
	background: #FFDD00;
	color: #4B4B4B;
}

#top .all_colors .pixel-stellenangebote .flex_column:hover .avia-button-wrap:hover .avia-button-fill.avia-button-blue {
	background: #DBBD00;
}

#top .all_colors .pixel-job h1 {
	font-size: 40px;
	letter-spacing: 2px;
	line-height: 52px;
	font-weight: 600;
	margin-bottom: 30px;
}

.pixel-job .avia_textblock img {
	margin-right: 20px;
	position: relative;
	top: 3px;
}

#top .all_colors .pixel-job .flex_column.av_three_fifth .av_textblock_section h3 {
	margin-top: 15px;
}

.pixel-job-locationdate p {
	margin: 0;
	text-transform: uppercase;
	color: #707070;
}

.pixel-job-locationdate p img {
	opacity: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.pixel-job-locationdate p::before {
	content: '';
	display: inline-block;
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
	width: 15px;
	height: 18px;
	position: relative;
	top: 2px;
}

.pixel-job-locationdate h1 + p::before {
	background-image: url('/wp-content/uploads/elspro_icons_locations.svg');
}

.pixel-job-locationdate h1 + p + p::before {
	background-image: url('/wp-content/uploads/elspro_icons_date_yellow.svg');
}

.pixel-job .flex_column.av_two_fifth {
	background: #EDEDED;
	padding: 40px 35px;
}

.pixel-job .flex_column.av_two_fifth .hr {
	margin: 0 0 20px 0;
	height: 1px;
  background: #ffffff;
}

.pixel-job .flex_column.av_two_fifth .hr .hr-inner {
	display: none;
}

.pixel-job .flex_column.av_two_fifth .hr + .av_textblock_section {
	margin-bottom: 0;
}

#top .all_colors .pixel-job .flex_column.av_two_fifth .av_textblock_section h3 {
	color: #3c3c3b;
	margin-bottom: 30px;
}

#top .all_colors .pixel-job .flex_column.av_two_fifth .av_textblock_section:not(:first-child) h3 {
	margin-bottom: 0;
}

#top .all_colors .pixel-job input[type="text"],
#top .all_colors .pixel-job input[type="email"],
#top .all_colors .pixel-job textarea {
	background: #FFFFFF;
}

#top .all_colors .pixel-job textarea {
	height: 200px;
}

div#mfcf7_zl_multifilecontainer p {
	margin: 0;
	font-size: 12px;
}

div#mfcf7_zl_multifilecontainer p:last-child {
	margin-bottom: 10px;
}

.mfcf7_zl_delete_file img {
	display: none !important;
}

.mfcf7_zl_delete_file .delete-file::before {
	content: 'x';
	font-family: 'Open Sans';
	width: 20px;
	height: 20px;
	display: inline;
	float: left;
	color: #3c3c3b;
	font-size: 1.2rem;
	font-weight: 400;
	position: relative;
	top: 0;
}

div#mfcf7_zl_multifilecontainer + span + .button {
	border: 1px solid #2E2E2D;
	background-color: transparent;
	border-radius: 5px;
	color: #2E2E2D;
}

div#mfcf7_zl_multifilecontainer + span + .button:hover {
	border: 1px solid #008bd2;
	background-color: #008bd2;
	color: #FFFFFF;
}

#top .all_colors .pixel-job .cf-ds .wpcf7-list-item {
	margin-left: 0;
}

#top .all_colors .pixel-job .cf .cf-row .cf-ds .ds-text {
	font-size: 0.9rem;
}

#top .all_colors .pixel-job .cf .cf-row .cf-ds .ds-text a {
	font-size: 0.9rem;
}

#top .all_colors .pixel-job .cf .cf-row:last-child {
	margin-top: 20px;
}

#top input[type="checkbox"] {
	display: block;
	background: #FFFFFF;
	appearance: none;
	-webkit-appearance: none;
	margin: 0px 10px -4px 0;
	width: 20px;
	height: 20px;
	border: 1px solid #878787;
	cursor: pointer;
}

#top .alternate_color input[type="checkbox"] {
	background: #FFFFFF;
	border: 1px solid #EDEDED;
}

#top input[type="checkbox"].pixel-checkbox-checked {
  background: #008bd2;
	border: 1px solid #EDEDED;
}

.single .postdate {
	color: #008AF4;
	font-size: 20px;
	letter-spacing: 0.1px;
	margin: 25px 0 10px 0;
	font-family: 'Eurostile W01 Bold';
}

.single .av-special-heading {
	margin-top: 25px;
}

.single .postdate + .av-special-heading {
	margin-top: 0;
}

.single .pixel-news-back {
	margin: -40px 0 40px 0;
}

.single .pixel-news-back .container {
	max-width: 920px;
}

.single .pixel-news-back .content {
	padding: 0;
}

#top .all_colors .pixel-spitzenklasse .av_textblock_section h3 {
	margin-bottom: 20px;
	padding-left: 48px;
}

.pixel-spitzenklasse .flex_column.av_one_half h3::before {
	content: '';
	background-image: url('/wp-content/uploads/elspro_icon_circle_checkyellow.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 0;
	top: 5px;
}

.pixel-kernkompetenzen .flex_column.av_one_half {
	display: block;
}

.pixel-kernkompetenzen .flex_column.av_one_half .avia-image-container {
	float: left;
}

.pixel-kernkompetenzen .flex_column.av_one_half .av_textblock_section {
	float: left;
	width: calc(100% - 52px - 2rem);
	margin-left: 2rem;
	margin-top: 5px;
}

.pixel-youtube .avia_codeblock_section {
	margin-bottom: 20px;
}

.pixel-youtube .avia_codeblock {
	border-radius: 0 0 20px 0;
	overflow: hidden;
}

.pixel-youtube .avia_codeblock iframe {
	float: left;
}

.avia-video {
	border-radius: 0 0 20px 0;
	overflow: hidden;
}
/*
#top .epyt-gallery .html5-video-player.ytp-expand-pause-overlay {
	height: 0;
}

#top .epyt-facade img.epyt-facade-poster, #top .epyt-facade {
	padding: 0;
}

#top .epyt-facade img.epyt-facade-poster, #top .epyt-facade-play {
	display: none;
}*/

#top .youtube-container .pxl-hl {
	margin-bottom: 10px;
}

#top .youtube-container .pxl-hl h3 {
	color: #3C3C3B;
}

#top .epyt-gallery iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}

#top .epyt-video-wrapper-container {
	background: #000000;
	max-width: 670px;
}

#top .epyt-video-wrapper {
	max-width: 670px;
/* 	margin: 0 auto; */
}

#top .epyt_newestonly .epyt-gallery-list,
#top .epyt_newestonly .playlistbutton {
	display: none;
}

#top .epyt-gallery-list {
	display: none;
}

#top .epyt-gallery-list.active {
	display: inline-block;
	margin-top: 20px;
}

#top .epyt-gallery-title {
	font-family: 'Eurostile W01 Bold';
	font-weight: 600;
	font-size: 20px;
	line-height: 1.2;
	margin: 5px 0 10px 0;
	padding: 0;
	letter-spacing: 0rem;
	color: #3c3c3b;
	text-align: left;
}

#top .epyt-gallery-thumb {
	position: relative;
	opacity: 1;
	transition: none;
	height: auto;
}

#top .epyt-gallery-playhover {
	opacity: 1;
	top: 0;
	transition: all 0.2s ease-in-out;
}

#top .epyt-gallery-playhover:hover {
	opacity: 0.5;
}

.playlistbutton {
	cursor: pointer;
	text-transform: uppercase;
	border-width: 0 !important;
	border-radius: 5px;
	padding: 12px 2.5rem 13px;
	transition: 0.15s ease-out;
	background: #008BD2;
	color: #FFFFFF;
	line-height: 1;
	font-size: 1rem;
	font-weight: 700;
	font-family: 'Eurostile W01 Bold';
	letter-spacing: 0.1rem;
	margin-top: 10px;
	display: block;
	float: left;
}

.playlistbutton:hover {
	background: #FFDD00;
	color: #515150;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption {
	padding: 5em 0;
	top: 0;
	transform: none;
	height: 100%;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption p {
	color: #FFFFFF;
	line-height: 1.5;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption p:last-child {
	display: none;
}

#top .all_colors .pixel-media .flex_column.av_four_fifth h2 {
	margin-top: -20px;
	margin-bottom: 30px;
}

#top .all_colors .pixel-media .flex_column.av_four_fifth .av_textblock_section p:last-child {
	margin-bottom: 45px;
}

#top .all_colors .pixel-media .flex_column.av_four_fifth .avia-button-wrap {
	margin-top: -45px;
	margin-bottom: 50px;
}

#top .all_colors .pixel-media .av_textblock_section h3 {
	font-weight: 800;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 1.8rem;
}

#top .all_colors .pixel-media .avia-button-wrap {
	margin-top: auto;
}

.pixel-media .hr {
	background: #EDEDED;
	height: 2px;
	min-height: 2px;
}

#top .all_colors .pixel-media-buttons {
	margin-top: -20px;
	margin-bottom: 20px;
}

#top .all_colors .pixel-media-buttons .content {
	padding-top: 0;
}

#top .all_colors .pixel-media-buttons .avia-button-wrap {
	width: auto;
	margin-left: 20px;
}

#top .all_colors .pixel-media-buttons .avia-button-wrap:first-child {
	margin-left: 0;
}

#top .all_colors .pixel-media-buttons .avia-button-wrap .avia-button {
	border: 2px solid #008BD2 !important;
	color: #008BD2;
	padding: 9px 36px;
}

#top .all_colors .pixel-media-buttons .avia-button-wrap .avia-button span {
	letter-spacing: 0.1px;
}

.main_color.pixel-vertriebsinnendienst .content {
	padding-top: 0;
}

.pixel-vertriebsinnendienst .flex_column.av_one_half {
	background: #EDEDED;
	border-radius: 0 0 30px 0 !important;
	display: block;
}

.pixel-vertriebsinnendienst .flex_column.av_one_half .avia-image-container {
	float: left;
	margin: 0;
	width: 240px;
	transition: 0.15s ease-out;
	border: 1px solid #EDEDED;
}

.pixel-vertriebsinnendienst .flex_column.av_one_half .avia-image-container.av-hover-grow {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.pixel-vertriebsinnendienst .flex_column.av_one_half .avia-image-container.av-hover-grow:hover {
	opacity: 1;
}

.pixel-vertriebsinnendienst .flex_column.av_one_half .av_textblock_section  {
	float: left;
	width: calc(100% - 240px - 2.5rem);
	height: 100%;
	margin-left: 2.5rem;
	display: flex;
	align-items: center;
}

#top .all_colors .pixel-vertriebsinnendienst .av_textblock_section h3,
#top .all_colors .pixel-vertriebsinnendienst .av_textblock_section p,
#top .all_colors .pixel-vertriebsinnendienst .av_textblock_section a {
	color: #3c3c3b;
}

#top .all_colors .pixel-vertriebsinnendienst .av_textblock_section h3 {
	margin-bottom: 30px;
}

#top .all_colors .pixel-vertriebsinnendienst .av_textblock_section a {
	display: block;
}

#top .all_colors .pixel-vertriebsinnendienst .av_textblock_section a::before {
	float: left;
	width: 21px;
	height: 27px;
	content: '';
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 15px;
}

#top .all_colors .pixel-vertriebsinnendienst .av_textblock_section a:first-child::before {
	background-image: url('/wp-content/uploads/icon-phone-blue.svg');
}

#top.page-id-627 .all_colors .pixel-vertriebsinnendienst .av_textblock_section a:first-child::before,
#top.page-id-6201 .all_colors .pixel-vertriebsinnendienst .av_textblock_section a:first-child::before {
	background-image: url('/wp-content/uploads/icon-mobile-blue.svg');
}

#top .all_colors .pixel-vertriebsinnendienst .av_textblock_section a:nth-child(2)::before {
	background-image: url('/wp-content/uploads/icon-mail-blue.svg');
}

#top .all_colors .pixel-vertriebsinnendienst .avia-image-container {
	overflow: hidden;
}

/* #top .all_colors .pixel-vertriebsinnendienst style[type="text/css"] {
	display: none;
}
 */
#top .pixel-vertriebsinnendienst .avia_image.lightbox-added:hover::after {
	content: none !important;
}

.pixel-fachberater.fachberater-deutschland,
.pixel-fachberaterboxen.fachberaterboxen-deutschland {
	float: left;
	width: calc(1/2*99.99% - (1 - 1/2) * 4rem);
}

.pixel-fachberater.fachberater-international {
	float: left;
	width: calc(2/3*99.99% - (1 - 2/3) * 4rem);
}

.pixel-fachberaterboxen.fachberaterboxen-international {
	float: left;
	width: calc(1/3*99.99% - (1 - 1/3) * 4rem);
}

.pixel-fachberaterboxen {
	margin-left: 4rem;
}

.pixel-fachberater area {
	cursor: pointer;
}

.pixel-fachberaterboxen .pixel-fachberaterbox {
	background: #EDEDED;
	padding: 30px 45px;
	border-radius: 0 0 30px 0;
}

.fachberaterboxen-international .pixel-fachberaterboxint,
.fachberaterboxen-international .pixel-fachberaterbox {
	background: #EDEDED;
	padding: 30px 45px;
	border-radius: 0 0 30px 0;
}

.fachberaterboxen-international .pixel-fachberaterboxint {
	margin-bottom: 30px;
}

.pixel-fachberaterboxen .pixel-fachberaterbox,
.fachberaterboxen-international .pixel-fachberaterbox {
	display: none;
}

.pixel-fachberaterboxen .pixel-fachberaterbox.fachberaterboxactive {
	display: block;
}

#top .pixel-fachberaterbox h3,
#top .pixel-fachberaterbox p,
#top .pixel-fachberaterbox a,
#top .pixel-fachberaterbox span,
#top .pixel-fachberaterboxint h3,
#top .pixel-fachberaterboxint p,
#top .pixel-fachberaterboxint a,
#top .pixel-fachberaterboxint span {
	color: #3c3c3b;
}

#top .pixel-fachberaterbox h3,
#top .pixel-fachberaterboxint h3 {
	margin-top: 20px;
	margin-bottom: 20px;
}

#top .pixel-fachberaterbox h3:first-child,
#top .pixel-fachberaterboxint h3:first-child {
	margin-top: 0;
}

#top .pixel-fachberaterbox a,
#top .pixel-fachberaterbox span,
#top .pixel-fachberaterboxint a,
#top .pixel-fachberaterboxint span {
	display: block;
}

#top .pixel-fachberaterbox hr,
#top .pixel-fachberaterboxint hr {
	border: none;
	border-top: 2px solid #D9D9D9;
	margin: 20px 0;
}

#top .pixel-fachberaterbox a::before,
#top .pixel-fachberaterbox span::before,
#top .pixel-fachberaterboxint a::before,
#top .pixel-fachberaterboxint span::before {
	content: '';
	display: inline-block;
	width: 22px;
	height: 18px;
	margin-right: 18px;
	background-image: url('/wp-content/uploads/icon-phone-blue.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: relative;
	top: 3px;
}

#top .pixel-fachberaterbox .pixel-telicon::before,
#top .pixel-fachberaterboxint .pixel-telicon::before {
	background-image: url('/wp-content/uploads/icon-phone-blue.svg');
}

#top .pixel-fachberaterbox .pixel-faxicon::before,
#top .pixel-fachberaterboxint .pixel-faxicon::before {
	background-image: url('/wp-content/uploads/icon-fax-blue.svg');
}

#top .pixel-fachberaterbox .pixel-mailicon::before,
#top .pixel-fachberaterboxint .pixel-mailicon::before {
	background-image: url('/wp-content/uploads/icon-mail-blue.svg');
}



/* FS24h Boxen */

.fs24h-boxes .avia-image-container {
	position: absolute;
	right: 20px;
}

/* FS24h Boxen */



/* Serviceleistungen */

#top .all_colors .serviceleistungen h3  {
	font-size: 40px;
	font-weight: 700px;
	color: #4B4B4B;
	margin-top: 20px;
}

/* Serviceleistungen */



/* Max Width Textblocks */

.content900 {
	max-width: 900px;
}

.content_twothirds,
.content920 {
	max-width: 920px;
}

/* Max Width Textblocks */



/* Productsliders */

#top .productslider .avia-content-slider-inner .slide-entry-wrap {
	display: flex;
}

#top .productslider .avia-content-slider-inner .slide-entry {
	background: #EDEDED;
	padding: 20px;
	border-radius: 0 0 20px 0;
}

#top .productslider .avia-content-slider-inner .entry-content {
  margin-top: auto;
}

#top .productslider .avia-content-slider-inner .slide-entry p:first-child {
	margin-bottom: 20px;
}

#top .productslider .avia-content-slider-inner .slide-entry p:first-child img {
	display: block;
}

#top .productslider .avia-content-slider-inner .slide-entry p:last-child {
	margin-top: 0;
	width: 100%;
}

#top .productslider .avia-content-slider-inner .slide-entry p:last-child a {
	line-height: 1;
	font-size: 1rem;
	font-weight: 700;
	font-family: 'Eurostile W01 Bold';
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 12px 2.5rem 13px;
	transition: 0.15s ease-out;
	background: #008bd2;
	color: #ffffff;
	display: block;
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 20px;
}

#top .productslider .avia-content-slider-inner .slide-entry p:last-child a:hover {
	background: #0072ab;
	color: #ffffff;
}

#top .all_colors .productslider .avia-content-slider-inner .slide-entry-title {
	display: block;
	color: #3A3A3A;
	font-size: 24px;
	margin-bottom: 38px;
}

#top .productslider .avia-smallarrow-slider-heading {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
	width: 100%;
}

#top .productslider .avia-content-slider-element-container .avia-slideshow-dots {
	margin: 0;
	text-align: left;
}

#top .productslider .avia-smallarrow-slider-heading .prev-slide,
#top .productslider .avia-smallarrow-slider-heading .next-slide {
	width: 40px;
	height: 40px;
	padding: 0;
	background-image: url('/wp-content/uploads/icon-arrow-right-white.svg');
	background-size: 16px 14px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #008BD2;
	border-radius: 5px;
	overflow: hidden;
	text-indent: -999px;
	position: absolute;
	left: -60px;
	border: none;
	transform: rotate(180deg);
	z-index: 1;
	cursor: pointer;
	transition: 0.15s ease-out;
}

#top .productslider .avia-smallarrow-slider-heading .next-slide {
	left: auto;
	right: -60px;
	transform: none;
}

#top .productslider .avia-smallarrow-slider-heading .prev-slide::before,
#top .productslider .avia-smallarrow-slider-heading .next-slide::before {
	content: none;
}

/* Productsliders */

.hoverzoom .card-media,
.hoverzoom .avia-image-overlay-wrap,
.hoverzoom .toggle_content a,
.hoverzoom .slide-entry p {
	overflow: hidden;
}

.hoverzoom img {
	transition: all 0.6s ease-in-out;
	float: left;
}

.hoverzoom img:hover {
	transform: scale(1.08);
}

#top .serviceleistungen .content {
	padding: 50px 0;
}

#top .serviceleistungen,
#top .serviceleistungen li,
#top .serviceleistungen li::before,
#top .serviceleistungen p,
#top .serviceleistungen a,
#top .serviceleistungen h3,
#top .serviceleistungen sub {
	transition: all 0.2s ease-in-out;
}

#top .serviceleistungen:hover {
	background: #008BD2;
}

#top .pixel-spitzenklasse .flex_column,
#top .pixel-spitzenklasse .av_textblock_section * {
	position: relative;
	top: 0;
	transition: all 0.2s ease-in-out;
}

#top .pixel-spitzenklasse .flex_column.av_one_half:hover {
	background: #008BD2;
	top: -10px;
}

#top .serviceleistungen:hover li,
#top .serviceleistungen li::before,
#top .serviceleistungen:hover p,
#top .serviceleistungen:hover a,
#top .serviceleistungen:hover h3,
#top .serviceleistungen:hover sub,
#top .pixel-spitzenklasse .flex_column:hover .av_textblock_section * {
	color: #FFFFFF;
}

.linkbox a.avia-button {
	width: 100%;
}

.productrow .flex_column {
	justify-content: center;
}

.productrow .flex_column .avia-image-container {
	padding: 20px;
}

.productrow .flex_column .avia-button-wrap .avia-button {
	float: right;
	width: 100%;
}

.productproperties .pxl-hl.hl--small-margin {
	margin-bottom: -25px;
}

.productproperties .flex_column .avia-image-container {
	border-radius: 0 0 50px 0;
	overflow: hidden;
}

.productproperties .flex_column .avia-image-container.avia-align-right {
	align-self: flex-end;
	width: 100%;
}

.productproperties .flex_column .avia-image-container img {
	width: 100%;
}


.avia_textblock.iconlist ul li {
	margin-bottom: 10px;
	font-weight: 400;
	padding-left: 48px;
	position: relative;
}

.avia_textblock.iconlist ul li:last-child {
	margin-bottom: 0;
}

.avia_textblock.iconlist ul li::before {
	content: '';
	background-image: url('/wp-content/uploads/elspro_icon_circle_checkyellow.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
	width: 28px;
	height: 28px;
	position: absolute;
	left: 0;
	top: 3px;
}

#top .all_colors .av_textblock_section .avia_textblock.iconlist p + h3,
#top .all_colors .av_textblock_section .avia_textblock.iconlist ul + h3 {
	margin-top: 20px;
}

.divider {
	min-height: 2px;
	height: 2px;
}

.divider .content {
	padding: 30px 0 0 0 !important;
}

.divider .hr {
	height: 2px;
	background: #EDEDED;
}

.divider .hr-inner {
	display: none;
}

.slick-slider .slick-track, .slick-slider .slick-list {
	overflow: visible;
}



/* HEADERSLIDER */

#top #headblock .header-canvas .header-content span.header-title,
#top #headblock .header-canvas .header-content span.header-subline,
#top #headblock .header-canvas .header-content .header-button {
	position: relative;
	right: -100vw;
}

#top #headblock .header-canvas .header-products {
	position: absolute;
	right: -100vw;
	bottom: -60px;
	z-index: 100;
	max-width: 450px;
	max-height: 450px;
	display: flex;
	transition: all 0.2s ease-in-out;
}

#top #headblock .header-canvas .header-products-upper {
	position: absolute;
	top: -100vh;
	right: 200px;
	z-index: 100;
	max-width: 650px;
	transition: all 0.2s ease-in-out;
}

#top #headblock .header-canvas .header-products:hover,
#top #headblock .header-canvas .header-products-upper:hover {
	transform: scale(1.05);
}

#top #headblock .header-canvas .header-products img {
 object-fit: scale-down;
}

/* #top #headblock .header-canvas .header-products.headerproductshover {
	transition: all 0.2s ease-in-out;
}

#top #headblock .header-canvas .header-products.headerproductshover:hover {
	transform: scale(1.05);
} */

#top #headblock .header-canvas .header-products.headerproductshover a {
	display: flex;
	justify-content: flex-end;
}

#top #headblock .header-canvas.slick-active .header-content span.header-title {
	animation: headlineanimation 2s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
}

#top #headblock .header-canvas.slick-active .header-content span.header-subline {
	animation: sublineanimation 2s;
	animation-delay: 0.8s;
	animation-fill-mode: forwards;
}

#top #headblock .header-media video {
	display: block;
}

#top #headblock .header-canvas.slick-active .header-products {
	animation: headerproductsanimation 2s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}

#top #headblock .header-canvas.slick-active .header-products-upper {
	animation: headerproductsupperanimation 2s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}

#top #headblock .header-canvas.slick-active .header-products-upper + .header-products {
	animation-delay: 1.4s;
}

#top.home #headblock .header-canvas.slick-active .header-content span.header-title {
	animation: homeheadlineanimation 7s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
}

#top.home #headblock .header-canvas.slick-active .header-content span.header-subline {
	animation: homesublineanimation 7s;
	animation-delay: 0.8s;
	animation-fill-mode: forwards;
}

#top.home #headblock .header-canvas.slick-active .header-content .header-button {
	animation: homeheaderbuttonanimation 7s;
	animation-delay: 1.2s;
	animation-fill-mode: forwards;
}

#top.home #headblock .header-canvas.slick-active .header-products {
	animation: homeheaderproductsanimation 7s;
	animation-delay: 1.6s;
	animation-fill-mode: forwards;
}

@keyframes headlineanimation {
	0%   {right: -100vw;}
	100% {right: 0;}
}

@keyframes sublineanimation {
	0%   {right: -100vw;}
	100% {right: 0;}
}

@keyframes headerproductsanimation {
	0%   {right: -100vw;}
	100% {right: 100px;}
}

@keyframes headerproductsupperanimation {
	0%   {top: -100vh;}
	100% {top: 0;}
}

@keyframes homeheadlineanimation {
	0%   {right: -100vw;}
	20% {right: 0;}
	100% {right: 0;}
}

@keyframes homesublineanimation {
	0%   {right: -100vw;}
	20% {right: 0;}
	100% {right: 0;}
}

@keyframes homeheaderbuttonanimation {
	0%   {right: -100vw;}
	20% {right: 0;}
	100% {right: 0;}
}

@keyframes homeheaderproductsanimation {
	0%   {right: -100vh;}
	20% {right: 100px;}
	100% {right: 100px;}
}

#top #headblock .header-canvas.header_versorgungsunternehmen .header-products,
#top #headblock .header-canvas.header_automotive .header-products {
	max-width: 650px;
}

#top #headblock .header-canvas.header_chemie .header-products {
	max-width: 750px;
	width: 100%;
}

#top #headblock .header-canvas.header_chemie .header-products a {
	width: 100%;
}

#top #headblock .header-canvas.header_chemie .header-products img {
	width: 100%;
	object-fit: unset;
}

#top #headblock .header-canvas.header_baugewerbe .header-products{
	max-width: 650px;
	max-height: 550px;
}

#top #headblock .header-canvas.header_industriebetriebe .header-products {
	max-width: 700px;
}

#top #headblock .header-canvas.header_rettungsdienste .header-products {
	max-width: 650px;
	max-height: 550px;
}

#top #headblock .header-canvas.header_strom .header-products {
	bottom: -120px;
	max-width: 840px;
	max-height: 530px;
}

#top #headblock .header-canvas.header_licht .header-products {
	max-width: 730px;
}

#top #headblock {
	.header-canvas.header_powerstationemps2000 {
		.header-products {
			max-width: 1160px;
			max-height: 660px;
			
			@media(max-width: 1800px) {
				bottom: -150px;
				transform: scale(0.9);
			}

			@media(max-width: 1600px) {
				bottom: -100px;
				transform: scale(0.7);
			}

			@media(max-width: 1300px) {
				bottom: -140px;
				transform: scale(0,6);
			}

			@media(max-width: 989px) {
				width: 250px !important;
				top: 100px;
			}
		}

		.header-content .header-elements {
			top: -110px;

			@media(max-width: 1500px) and (min-width: 1301px) {
				top: -60px;
			}

			@media(max-width: 1300px) and (min-width: 990px) {
				top: 40px;
			}

			@media(max-width: 989px) {
				top: 0;
			}
		}

		.header-content span.header-title {
			font-size: 45px;
			text-shadow: 0 0 1px rgba(255,255,255,.45), 0 0 3px rgba(255,255,255,.85);

			.title-red { color: #CD3E12 !important; }
			.title-blue { color: #006FB4 !important; }

			animation: custom-headlineanimation 2s !important;
			animation-delay: 0.5s !important;
			animation-fill-mode: forwards !important;
		}

		.header-content span.header-subline {
			animation: custom-sublineanimation 2s !important;
			animation-delay: 0.8s !important;
			animation-fill-mode: forwards !important;
			font-size: 24px;
			line-height: 30px;
		}

		.header-canvas.slick-active .header-products {
			animation: custom-headerproductsanimation 2s !important;
			animation-delay: 1s !important;
			animation-fill-mode: forwards !important;

			@media(max-width: 1300px) {
				display: none;
			}
		}

		&.home-slider .header-button {
			animation: custom-headerbuttonanimation 2s !important;
			animation-delay: 1.2s !important;
			animation-fill-mode: forwards !important;
		}
	}
}

@keyframes custom-headlineanimation {
	0%   {right: -100vw;}
	100% {right: -330px;}
}

@media(max-width: 1300px) {
	@keyframes custom-headlineanimation {
		0%   {right: -100vw;}
		100% {right: -300px;}
	}
}

@media(max-width: 989px) {
	@keyframes custom-headlineanimation {
		0%   {right: -100vw;}
		100% {right: 0;}
	}
}

@keyframes custom-sublineanimation {
	0%   {right: -100vw;}
	100% {right: -330px;}
}

@media(max-width: 1300px) {
	@keyframes custom-sublineanimation {
		0%   {right: -100vw;}
		100% {right: -400px;}
	}
}

@media(max-width: 989px) {
	@keyframes custom-sublineanimation {
		0%   {right: -100vw;}
		100% {right: 0;}
	}
}

@keyframes custom-headerproductsanimation {
	0%   {right: -100vw;}
	100% {right: 50px;}
}

@media(max-width: 1600px) {
	@keyframes custom-headerproductsanimation {
		0%   {right: -100vw;}
		100% {right: -100px;}
	}
}

@keyframes custom-headerbuttonanimation {
	0%   {right: -100vw;}
	100% {right: -330px;}
}

#top .header-canvas.header_strom .header-media::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
	background: #000000;
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 15%, rgba(0,0,0,0) 100%);
}

/* HEADERSLIDER */



.products_introsection .flex_column:nth-child(2) {
	width: calc(100% - 4rem - 300px);
}

.products_introsection .flex_column:nth-child(3) {
	width: 300px;
	justify-content: flex-end;
}

.products_introsection .flex_column:nth-child(3) .avia-button {
	float: right;
}

#top #wrap_all .all_colors .container-fullwidth .container,
#top #wrap_all .all_colors .container-fullwidth .container .content,
#top #wrap_all .all_colors .fullscreen .container,
#top #wrap_all .all_colors .fullscreen .container .content {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}

#top #wrap_all .all_colors .fullscreen iframe {
	height: 100vh;
}

#top .avia-image-overlay-wrap {
	display: flex;
	flex-flow: column-reverse;
}

#top .av-caption-image-overlay-bg {
	display: none !important;
}

#top .av-image-caption-overlay {
  position: static;
  text-align: left;
	margin-top: 10px;
}

#top .av-image-caption-overlay-position {
  display: block;
  position: static;
}

#top .av-image-caption-overlay-center {
	padding: 0;
}

#top .av-image-caption-overlay p {
	font-size: 14px;
}

#top .icon2009 .avia-image-container::before,
#top .icon2022 .avia-image-container::before {
	content: '';
	position: absolute;
	left: -26px;
	top: -26px;
	width: 52px;
	height: 52px;
	background-image: '';
	background-size: cover;
	background-position: left top;
	background-repeat: no-repeat;
	z-index: 1;
}

#top .icon2009 .avia-image-container::before {
	background-image: url('/wp-content/uploads/elspro_icons_2009.svg');
}

#top .icon2022 .avia-image-container::before {
	left: auto;
	right: -26px;
	background-image: url('/wp-content/uploads/elspro_icons_2022.svg');
}

#top .icon2009 .avia-image-overlay-wrap img,
#top .icon2022 .avia-image-overlay-wrap img {
	border-radius: 0 0 50px 0 !important;
	overflow: hidden;
}

#top .avia_image.lightbox-added::after {
  content: '';
  background-image: url('/wp-content/uploads/elspro_icon_search.svg');
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #EDEDED;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: all 0.2s ease-in-out;
}

#top .avia_image.lightbox-added:hover::after {
  background-size: 50%;
  width: 120px;
  height: 120px;
  right: 50%;
  top: 50%;
  margin-right: -60px;
  margin-top: -60px;
  opacity: 0.8;
}

#top .mfp-bottom-bar {
	display: none;
}

#top .owl-carousel .owl-stage-outer {
	margin: 20px 0 30px 0;
	width: calc(100% + 40px) !important;
	transform: translateX(-20px) !important;
}



#top .owl-carousel .owl-stage {
	display: flex;
	flex-flow: row wrap;
}

#top .owl-carousel .owl-item {
    background: #EDEDED;
    padding: 20px;
    border-radius: 0 0 20px 0;
    border-left: 40px solid #FFFFFF;
}

#top .owl-carousel .owl-item .sa_hover_container {
	background-color: transparent !important;
	height: 100%;
	display: flex;
	flex-flow: column wrap;
	justify-content: space-between;
	min-height: unset !important;
}

#top .owl-carousel .owl-item .sa_hover_container .sa_image {
	background-color: #FFFFFF !important;
    order: 2;
    margin-top: 10px;
    overflow: hidden;
}

#top .owl-carousel .owl-item .sa_hover_container .sa_image img {
	transition: all 0.6s ease-in-out;
	float: left;
}

#top .owl-carousel .owl-item .sa_hover_container .sa_image img:hover {
	transform: scale(1.08);
}

#top .owl-carousel .owl-item h3,
#top .owl-carousel .owl-item p:first-child {
	display: block;
	color: #3A3A3A;
	font-size: 20px;
	margin-bottom: 35px;
}

#top .owl-carousel .owl-item .sa_hover_buttons + .slide-entry-title,
#top .owl-carousel .owl-item .sa_hover_buttons + p {
	margin-top: 0;
	margin-bottom: 0;
    color: #008bd2;
}

#top .owl-carousel .owl-item p strong {
    color: #008bd2;
	font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.5;
}

#top .owl-carousel .owl-item p:not(.slide-entry-title):not(.sa_hover_buttons + p) {
	margin-top: 3px;
    margin-bottom: auto;
    font-size: 14px;
}

#top .sa_owl_theme .owl-item .sa_hover_container .sa_hover_buttons {
    position: static;
    margin: 0 !important;
    order: 3;
}

html[lang="de-DE-formal"] #top .sa_owl_theme .owl-item .sa_hover_container .sa_hover_buttons::after,
html[lang="en-US"] #top .sa_owl_theme .owl-item .sa_hover_container .sa_hover_buttons::after {
    content: 'zum Shop';
	display: inline-block;
	line-height: 1;
    font-size: 1rem;
    font-weight: 700;
    font-family: 'Eurostile W01 Bold';
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 12px 2.5rem 13px;
    transition: 0.15s ease-out;
    background-color: #008bd2;
    color: #ffffff;
    display: block;
    text-align: center;
    margin-top: 20px;
}

html[lang="de-DE-formal"] #top .sa_owl_theme .owl-item .sa_hover_container .sa_hover_buttons:hover::after,
html[lang="en-US"] #top .sa_owl_theme .owl-item .sa_hover_container .sa_hover_buttons:hover::after {
	background: #0072ab;
}

html[lang="en-US"] #top .sa_owl_theme .owl-item .sa_hover_container .sa_hover_buttons::after {
    content: 'to the shop';
}

#top .owl-carousel .owl-item a {
	line-height: 1;
	font-size: 1rem;
	font-weight: 700;
	font-family: 'Eurostile W01 Bold';
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 12px 2.5rem 13px;
	transition: 0.15s ease-out;
    background: none !important;
	background-color: #008bd2 !important;
    background-image: none !important;
	color: #ffffff;
	display: block;
	text-align: center;
	float: left;
	margin: 0;
	width: 100%;
	height: 100% !important;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

#top .owl-carousel .owl-item a:hover {
    background-color: #0072ab !important;
}

#top .owl-carousel .owl-item a:hover {
	background: #0072ab;
}

#top .owl-carousel .owl-nav .owl-prev,
#top .owl-carousel .owl-nav .owl-next {
	width: 40px !important;
	height: 40px;
	padding: 0;
	background-image: url('/wp-content/uploads/icon-arrow-right-white.svg') !important;
	background-size: 16px 14px !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-color: #008BD2 !important;
	border-radius: 5px;
	overflow: hidden;
	text-indent: -999px;
	position: absolute;
	left: -60px;
	border: none;
	transform: rotate(180deg);
	z-index: 1;
	cursor: pointer;
	transition: 0.15s ease-out;
}

#top .owl-carousel.sa_owl_theme .owl-nav .owl-next {
	left: auto;
  right: -60px;
  transform: none;
}

#top .owl-carousel.sa_owl_theme .owl-nav button:hover {
  opacity: 0.5;
}

#top #consultant_widget {
	display: flex;
	flex-flow: row wrap;
}

#top .items.map {
	width: 540px;
}

#top .items.consultant {
	max-width: 650px;
	width: calc(100% - 540px - 4rem);
	margin-left: 4rem;
}

#top .plz_input {
	max-width: 650px;
	width: 100%;
}

#top .items.consultant .input-group .addon {
	width: 160px;
}

#top #wrap_all .elspro_specials_container {
	border: none;
}

#top #wrap_all .elspro_specials_container .avia-section:nth-child(even) {
	background: #F3F3F3;
}



/* RESPONSIVE */

@media only screen and (max-width: 1600px) {
	#top #headblock .header-canvas .header-products {
		bottom: -100px;
		transform: scale(0.7);
	}

	#top #headblock .header-canvas.header_chemie .header-products {
		bottom: -80px;
	}

	#top #headblock .header-canvas .header-products-upper {
		transform: scale(0.7);
		right: 100px;
	}

	#top #headblock .header-canvas .header-products:hover,
	#top #headblock .header-canvas .header-products-upper:hover {
		transform: scale(0.75);
	}

	/* #top #headblock .header-canvas .header-products.headerproductshover:hover {
		transform: scale(0.75);
	} */

	@keyframes homeheaderproductsanimation {
		0%   {right: -100vh;}
		20% {right: 0;}
		100% {right: 0;}
	}

	@keyframes headerproductsanimation {
		0%   {right: -100vw;}
		100% {right: 0;}
	}

	@keyframes headerproductsupperanimation {
		0%   {top: -100vh;}
		100% {top: -40px;}
	}
}

/* 1600 */



@media only screen and (max-width: 1500px) {
	.responsive #top .header-section .container::after {
		right: 5%;
	}

	.pixel-bildnavi div .av_one_fourth,
	.pixel-bildnavi div .av_one_fourth.first {
		width: calc(1/3*99.99% - (1 - 1/3) * 2.5rem);
		margin-left: 2.5rem;
	}

	.pixel-bildnavi div .av_one_fourth:nth-child(3n+1) {
		margin-left: 0;
	}

	.pixel-bildnavi div .av_one_fourth:nth-child(4) {
		margin-top: 50px;
	}

	#top .all_colors .pixel-bildnavi .av-special-heading h3 {
		word-break: break-word;
	}

	#top .owl-carousel .owl-stage-outer {
		transform: none;
	}

	#top .owl-carousel .owl-nav .owl-prev, #top .owl-carousel .owl-nav .owl-next {
    width: 25px !important;
    left: -10px;
	}

	#top .owl-carousel.sa_owl_theme .owl-nav .owl-next {
		right: -10px;
	}

	#top .items.map,
	#top .pixel-fachberater {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	#top .items.consultant,
	#top .pixel-fachberaterboxen {
    max-width: 100%;
		width: 650px;
    margin: 40px auto 0 auto;
	}

	#top .pixel-fachberaterboxen {
		max-width: 100%;
		width: 100%;
		display: flex;
    align-items: center;
    flex-flow: column wrap;
	}

	#top .pixel-fachberaterboxen > div {
		max-width: 650px;
	}

	#top .all_colors .pixel-media-buttons .avia-button-wrap {
		width: calc(1/3*99.99% - (1 - 1/3) * 10px);
		margin: 5px 0 5px 10px;
	}

	#top .all_colors .pixel-media-buttons .avia-button-wrap:nth-child(3n+1) {
		margin-left: 0;
	}

	#top .all_colors .pixel-media-buttons .avia-button-wrap .avia-button {
		width: 100%;
		margin: 0;
	}
}

/* 1500 */



@media only screen and (max-width: 1400px) {
	#top .all_colors h1,
	#top .all_colors .hl_main--h1,
	#top .all_colors .hl_sub--h1,
	#top .all_colors .headline--h1 {
		font-size: 3.125rem;
	}

	.responsive #top #footer .av_one_fourth:nth-child(1) {
		width: 100%;
		order: 4;
		text-align: center;
	}

	.responsive #top #footer .av_one_fourth:nth-child(2) {
		width: 30%;
		margin: 0;
	}

	.responsive #top #footer .av_one_fourth:nth-child(3) {
		width: 30%;
	}

	.responsive #top #footer .av_one_fourth:nth-child(4) {
		width: 20%;
	}

	#top .cf .cf-field.no-margin {
		margin-top: 1.125rem;
	}

	#top .cf .cf-field {
		width: 100%;
	}

	#top .cf .cf-row:first-child .cf-field:first-child {
		margin-top: 0 !important;
	}

	#top .cf .cf-row.cf-row--half .cf-field {
		width: 100%;
	}

	#top .cf .cf-row.cf-row--half .cf-field:first-child, #top .cf .cf-row.cf-row--half .cf-field:nth-child(2) {
		margin-top: 1.125rem;
	}

	#top .cf .cf-row.cf-row--third .cf-field {
		width: 100%;
	}

	#top .cf .cf-row.cf-row--third .cf-field:first-child, #top .cf .cf-row.cf-row--third .cf-field:nth-child(2), #top .cf .cf-row.cf-row--third .cf-field:nth-child(3) {
		margin-top: 1.125rem;
	}

	#top .cf .cf-row.cf-row--third {
		margin-top: 0;
	}

	#top .cf .cf-headline {
		margin-top: 1.875rem;
	}

	#top .cf .cf-headline + .cf-field {
		margin-top: 0 !important;
	}

	.responsive #top #footer .container {
		flex-flow: row wrap;
		justify-content: space-between;
	}

	.responsive #top .medium-50 .flex_column {
		width: calc(1/2*99.99% - (1 - 1/2) * 2.5rem);
	}

	.responsive #top .medium-100 .flex_column {
		width: 100%;
		margin-top: 2.5rem;
		margin-left: 0;
	}

	.responsive #top .medium-100 .flex_column:first-child {
		margin-top: 0;
	}

	.responsive #top #wrap_all .col-medium-100 {
		width: 100%;
		margin-left: 0;
	}

	.eeg-frist {
		padding-top: 2.25rem !important;
		padding-right: 80px !important;
	}

	.flex_column.border-left {
		padding-left: 0;
		border-left: 0;
		padding-top: 3.125rem;
		margin-top: 1.25rem;
		border-top: 2px solid #E4E4E4;
	}

	.column-header span {
		font-size: 1rem;
		display: flex;
		align-items: center;
	}

	.pixel-vertriebsinnendienst .flex_column.av_one_half .avia-image-container {
		width: 190px;
	}

	.pixel-vertriebsinnendienst .flex_column.av_one_half .av_textblock_section {
		width: calc(100% - 190px - 1rem);
		margin-left: 1rem;
	}
}

/* 1400 */



@media only screen and (max-width: 1300px) {
	#top .card.card-webinare .card-title {
		font-size: 1.5rem;
	}

	#top .card.card-webinare .card-textblock {
		font-size: 1rem;
	}

	#header .inner-container .main_menu .avia-menu {
		margin-top: 108px;
	}

	.av_minimal_header .main_menu ul:first-child > li a {
		padding: 12px 8px 26px 8px;
	}

	.responsive #top .main_menu .av-main-nav ul.sub-menu li a {
		padding: 10px 18px;
	}

	.responsive #top .main_menu .av-main-nav ul.sub-menu {
		left: -10px;
	}

	.responsive.html_header_top #top .header_color .main_menu ul:first-child > li.submenu-right > ul.sub-menu {
    left: auto;
    right: -10px;
	}

	.responsive #top .main_menu ul:first-child > li a span,
	.responsive #top .main_menu .av-main-nav ul.sub-menu li a span {
		font-size: 14px;
	}

	#top #headblock .header-canvas .header-products {
		bottom: -140px;
		transform: scale(1);
		animation: headerproductsanimation 3s;
	}

	#top.home #headblock .header-canvas.slick-active .header-products {
		animation: homeheaderproductsanimation 3s;
	}

	#top #headblock .header-canvas .header-products-upper {
		transform: scale(1);
		right: -40px;
	}

	#top #headblock .header-canvas .header-products:hover,
	#top #headblock .header-canvas .header-products-upper:hover {
		transform: scale(0.55);
	}

	@keyframes homeheaderproductsanimation {
		0%   {right: -100vh;}
		100% {right: 90px;}
	}

	@keyframes headerproductsanimation {
		0%   {right: -100vw;}
		100% {right: 90px;}
	}

	@keyframes headerproductsupperanimation {
		0%   {top: -100vh;}
		100% {top: -65px;}
	}

	#top #headblock .header-content span.header-title {
		font-size: 2rem;
		line-height: 1.2;
		max-width: 500px;
	}

	#top #headblock .header-content span.header-subline {
		font-size: 1.2rem;
	}

	#top .card.card-posts-small .card-content {
		padding: 0 15px;
	}

	#top .card.card-posts-small .card-content .card-title {
		font-size: 16px;
	}

	#top.page-id-700 .avia-section .flex_column.av_one_third {
		width: calc(1/2*99.99% - (1 - 1/2) * 2.5rem);
	}

	#top.page-id-700 .avia-section .flex_column.av_one_third.first {
		width: 100%;
		margin-top: 0;
	}

	#top.page-id-700 .avia-section .flex_column.av_one_third.first + .av_one_third {
		margin-left: 0;
	}

	#top .all_colors .pixel-stellenangebote .flex_column {
		width: calc(1/2*99.99% - (1 - 1/2) * 2.5rem);
		margin: 20px 0;
	}

	#top .all_colors .pixel-stellenangebote .flex_column:nth-child(odd) {
		margin-left: 2.5rem;
	}
}

/* 1300 */



@media only screen and (max-width: 1200px) {
	#top .all_colors h1,
	#top .all_colors .hl_main--h1,
	#top .all_colors .hl_sub--h1,
	#top .all_colors .headline--h1 {
		font-size: 2.5rem;
	}

	#top .all_colors h2,
	#top .all_colors .hl_main--h2,
	#top .all_colors .hl_sub--h2,
	#top .all_colors .headline--h2 {
		font-size: 2.25rem;
	}

	.responsive #top .large-50 .flex_column {
		width: calc(1/2*99.99% - (1 - 1/2) * 2.5rem);
	}

	.responsive #top .large-50.gutter--large .flex_column {
		width: calc(1/2*99.99% - (1 - 1/2) * 3.5rem);
	}

	#top .cf .cf-row.cf-footer {
		flex-flow: column nowrap;
	}

	#top .cf .cf-row.cf-footer .cf-ds {
		margin-bottom: 1.25rem;
	}

	address .address-line {
		font-size: 1.125rem;
	}

	address .address-line a {
		font-size: 1.125rem;
	}

	address .address-line.company {
		font-size: 1.375rem;
	}

	.column-header.drittbelieferung span:nth-child(1) {
		margin-left: 10%;
		width: auto;
	}

	.column-header.drittbelieferung span:nth-child(2) {
		width: auto;
	}

	.column-header.drittbelieferung span:nth-child(3) {
		width: auto;
	}

	.responsive #top .header-section .container::after {
		right: 40px;
		width: 160px;
		height: 160px;
		bottom: -70px;
	}

	.responsive #top #wrap_all .pixel-vertriebsinnendienst .flex_column.av_one_half {
    margin: 0;
    width: 100%;
	}
}

/* 1200 */



@media only screen and (max-width: 1023px) {
	#top .card.card-webinare {
		flex-flow: column nowrap;
	}

	#top .card.card-webinare .card-date {
		width: 100%;
		padding-right: 0;
		padding-bottom: 1.125rem;
		border: none;
		border-bottom: 2px solid #E4E4E4;
	}

	#top .card.card-webinare .card-content {
		padding-top: 1.125rem;
		width: 100%;
		padding-left: 0;
		border: none;
	}

	.pixel-bildnavi div .av_one_fourth,
	.pixel-bildnavi div .av_one_fourth:nth-child(3n+1) {
		width: calc(1/2*99.99% - (1 - 1/2) * 2.5rem) !important;
		margin-left: 2.5rem !important;
		margin-bottom: 2.5rem !important;
		margin-top: 0 !important;
	}

	.pixel-bildnavi div .av_one_fourth:nth-child(2n+1) {
		margin-left: 0 !important;
	}
}

/* 1023 */



@media only screen and (max-width: 989px) {
	h3 br {
		display: none;
	}

	#top .all_colors h1,
	#top .all_colors .hl_main--h1,
	#top .all_colors .hl_sub--h1,
	#top .all_colors .headline--h1 {
		font-size: 2rem;
		line-height: 2.2rem;
	}

	#top .all_colors .pixel-job h1 {
		font-size: 2.2rem;
		line-height: 1.2;
		letter-spacing: 0.01rem;
	}

	#top .all_colors h2,
	#top .all_colors .hl_main--h2,
	#top .all_colors .hl_sub--h2,
	#top .all_colors .headline--h2 {
		font-size: 2rem;
	}

	.responsive #top #footer .address-line.phone, .responsive #top #footer .address-line.fax, .responsive #top #footer .address-line.email {
		padding-left: 22px;
	}

	.responsive #top #footer .address-line.phone::before, .responsive #top #footer .address-line.fax::before, .responsive #top #footer .address-line.email::before {
		top: 0.3125rem;
	}

	.responsive #top #footer .av_one_fourth {
		width: 100% !important;
		margin: 0 1.25rem;
		text-align: center;
	}

	.av_minimal_header .main_menu ul li.mobileonly,
	.av_minimal_header .main_menu ul li.search-mobile {
		display: block;
	}

	.pixel-topnavi-inner {
		display: none;
	}

	#top.scroll .av_minimal_header #header_main .container {
		height: 90px;
	}

	.responsive #top div .logo,
	.responsive #top.scroll div .logo {
    width: 120px;
    height: 100% !important;
		margin-top: 0;
	}

	.responsive #top div .logo a {
    display: flex;
    align-items: center;
	}

	#header .inner-container .main_menu .avia-menu,
	.av_minimal_header .main_menu ul:first-child > li,
	.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a,
	.scroll #header .inner-container .main_menu .avia-menu {
		margin: 0;
		padding: 0;
		right: 0;
	}

	.av_minimal_header .main_menu ul#avia-menu:first-child {
		right: 0;
	}

	.pixel-topnavi, .scroll .pixel-topnavi {
		top: 0;
		right: 110px;
		opacity: 1;
		z-index: 1;
		transition: all 0.2s ease-in-out;
		display: none;
	}

	.av-burger-overlay-active .pixel-topnavi {
		opacity: 0;
		z-index: -1;
	}

	#top #searchform {
    margin-top: 30px;
	}

	#top .av_minimal_header #s {
		right: 0;
	}

	#top .av_minimal_header .av-burger-overlay #s {
		padding: 10px 20px;
		font-size: 14px;
		font-weight: 700;
		font-family: 'Eurostile W01 Bold';
		letter-spacing: 0.04rem;
		text-transform: uppercase;
	}

	#top #searchsubmit {
		width: 50px;
		min-width: 50px;
		height: 50px !important;
		background-color: #008BD2;
		background-image: url('/wp-content/uploads/elspro_icon_search_white.svg');
	}

	#top .header-canvas {
		display: flex;
		flex-flow: wrap;
		background: #EDEDED;
	}

	.responsive.html_mobile_menu_tablet #top #wrap_all #header {
		position: fixed;
	}

	.responsive.html_mobile_menu_tablet.html_header_top #top #main {
		margin-top: 98px !important;
	}

	#top #headblock .header-canvas .header-content span.header-title,
	#top #headblock .header-canvas .header-content span.header-subline,
	#top #headblock .header-canvas .header-content .header-button {
/* 		transition: none;
		animation: none;
		left: 0;
		right: auto; */
		
		right: 50px;
		opacity: 1 !important;
	}

	#top #headblock .header-canvas.slick-active .header-products,
	#top #headblock .header-canvas.slick-active .header-products-upper {
/* 		transition: none !important;
		animation: none !important;
		right: 50px !important;
		transform: none; */
		right: 50px;
		opacity: 1 !important;
		top: 15px;
		bottom: auto;
		max-width: 650px !important;
		max-height: 550px !important;
	}

	#top #headblock .header-canvas.slick-active .header-products-upper {
		top: 0;
		right: 100px !important;
	}

	#top #headblock .header-canvas.header_baugewerbe .header-products,
	#top #headblock .header-canvas.header_rettungsdienste .header-products,
	#top #headblock .header-canvas.header_strom .header-products {
		width: 250px;
		height: 250px;
	}

	#top #headblock .header-canvas.header_industriebetriebe .header-products,
	#top #headblock .header-canvas.header_versorgungsunternehmen .header-products,
	#top #headblock .header-canvas.header_licht .header-products,
	#top #headblock .header-canvas.header_chemie .header-products,
	#top #headblock .header-canvas.header_automotive .header-products{
		width: 250px !important;
		top: 100px;
	}

	#top #headblock .header-canvas.header_licht .header-products-upper {
		width: 200px;
		right: 100px;
	}

	@keyframes headerproductsanimation {
		0%   {right: -100vw;}
		100% {right: 50px;}
	}

	@keyframes homeheaderproductsanimation {
		0%   {right: -100vh;}
		100% {right: 50px;}
	}

	.responsive #top .header-section {
		height: auto;
	}

	#headblock .header-content .header-elements {
		top: 0;
	}

	.responsive #top .header-section .container {
		height: 270px;
	}

	#top #headblock .header-content span.header-title,
	#top #headblock .header-canvas .header-content span.header-subline {
		color: #3C3C3B !important;
	}

	.slick-arrow {
		top: 135px;
	}

	.responsive #top .container .av-content-small,
	.responsive #top #wrap_all .flex_column:not(.latebreak, .card-posts, .slide-entry),
	.responsive #top #wrap_all .av-flex-cells .no_margin {
		margin: 0;
		margin-bottom: 20px;
		width: 100%;
	}

	.responsive #top #wrap_all #footer .flex_column {
		margin-bottom: 0;
	}

	.pxl-hl.hl--small-margin {
		margin-bottom: 2.5rem;
	}

	.flex_column .pxl-hl.hl--small-margin {
		margin-bottom: 0.75rem;
	}

	#top .card.card-posts-small .card-content {
		padding: 0 15px 0 25px;
	}

	#top .card.card-posts-small .card-content .card-title {
		font-size: 20px;
	}

	#top .card.card-posts-small .card-media {
		width: 200px;
	}

	#top .all_colors .avia-content-slider-element-slider,
	#top .all_colors .avia-content-slider-element-slider .avia-content-slider-inner {
		width: 100%;
	}

	#top #wrap_all .all_colors .container-fullwidth .container .flex_column {
		margin-bottom: 0;
	}

	.serviceleistungen .avia-image-container {
		width: 140px;
		height: 140px;
		margin: 0;
	}

	.responsive #top #wrap_all .serviceleistungen .flex_column {
		margin-bottom: 0;
	}

	.responsive #top.page-id-700 #wrap_all .avia-section .flex_column.av_one_third.first + .av_one_third {
		margin-bottom: 60px;
	}

	.pixel-kernkompetenzen .hr,
	.pixel-spitzenklasse .hr {
		display: none;
	}

	.responsive #top #wrap_all .flex_column.icon2009 {
		margin-top: 40px;
	}

	.responsive #top #wrap_all .flex_column.icon2022 {
		margin-top: 20px;
	}

	#top .icon2009 .avia-image-container::before {
		left: 0;
	}

	#top .icon2022 .avia-image-container::before {
		right: 0;
	}

	.eeg-frist {
		padding: 2.25rem !important;
	}

	#top .all_colors .pixel-stellenangebote .flex_column.inset,
	.pixel-job .flex_column.av_two_fifth {
		padding: 20px;
	}

	#top .all_colors .pixel-media-buttons .avia-button-wrap {
		width: calc(1/2*99.99% - (1 - 1/2) * 10px);
	}

	#top .all_colors .pixel-media-buttons .avia-button-wrap:nth-child(3n+1) {
		margin-left: 10px;
	}

	#top .all_colors .pixel-media-buttons .avia-button-wrap:nth-child(2n+1) {
		margin-left: 0;
	}
}

/* 989 */



@media only screen and (max-width: 768px) {
	.responsive #top .header-section .container::after {
		width: 120px;
		height: 120px;
		bottom: -60px;
		right: 40;
	}
}

/* 768 */



@media only screen and (max-width: 767px) {
	.pxl-hl {
		margin-bottom: 1.25rem;
	}

	.responsive #top #footer .textwidget {
		padding: 0.5rem 0;
	}

	.responsive #top #footer p, .responsive #top #footer .widget_text, .responsive #top #footer a, .responsive #top #footer .widget_media_image {
		font-size: 1.125rem;
		margin: 3px 0;
	}

	.responsive #top #footer {
		padding: 1.875rem 0 1.125rem;
	}

	#top .cf .wpcf7-submit {
		padding: 9px 1.875rem 10px;
		line-height: 1;
		font-size: 0.875rem;
		font-weight: 700;
		font-family: 'Eurostile W01 Bold';
		letter-spacing: 0.1rem;
	}

	.column-header.drittbelieferung::before {
		display: none;
		content: none;
	}

	.column-header.drittbelieferung {
		justify-content: center;
		flex-flow: column nowrap;
		background-color: #ffffff;
		border-bottom: 10px solid #008bd2;
		padding: 0 1.25rem 1.25rem;
	}

	.column-header.drittbelieferung span {
		color: #3c3c3b;
		font-family: "Open Sans";
		font-weight: 400;
		text-transform: none;
		display: block;
	}

	.column-header.drittbelieferung span::before {
		content: '●';
		display: inline-block;
		color: #008bd2;
		margin-right: 10px;
	}

	.column-header.drittbelieferung span:nth-child(1) {
		width: auto;
		margin-left: 0;
	}

	.column-header.drittbelieferung span:nth-child(2) {
		width: auto;
	}

	.column-header.drittbelieferung span:nth-child(3) {
		width: auto;
	}

	.responsive #top .container .av-content-small,
	.responsive #top #wrap_all .flex_column,
	.responsive #top #wrap_all .av-flex-cells .no_margin {
		margin: 10px 0;
	}

	.responsive #top div .logo {
		display: block;
		position: relative;
		height: auto !important;
	}

	.responsive #top .header-section .container::after {
		background-image: url("/wp-content/uploads/icon-eeg-frist.svg");
		bottom: calc(50% - 60px);
		right: 0;
	}

	.broschuere-mockup {
		max-width: 400px;
		width: 100%;
		margin: 1.25rem auto !important;
	}

	address .address-line.company {
		font-size: 1.125rem;
	}

	.flex_column.inset.avia-builder-el-13 {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		padding-bottom: 1.25rem;
		padding-top: 7.875rem;
	}

	.flex_column.has-column-header.avia-builder-el-12 {
		padding-top: 8.75rem;
	}

	.content {
		padding-top: 1.875rem;
		padding-bottom: 1.875rem;
	}

	.responsive #top .img-width--500 .avia-image-container {
		margin-top: 1.875rem;
	}

	.responsive #top .img-width--500 img {
		max-width: 380px;
		width: 100%;
	}

	#top .all_colors h2,
	#top .all_colors .hl_main--h2,
	#top .all_colors .hl_sub--h2,
	#top .all_colors .headline--h2,
	#top .all_colors .pixel-job h1 {
		font-size: 1.625rem;
	}

	.responsive #top .small-reverse .entry-content-wrapper {
		flex-flow: column-reverse nowrap;
	}

	.responsive #top .small-reverse .entry-content-wrapper > .pxl-headline, .responsive #top .small-reverse .entry-content-wrapper > .order-1 {
		order: 1;
	}

	.responsive #top .small-reverse .entry-content-wrapper .flex_column {
		flex-flow: column nowrap;
	}

	#top .all_colors h1,
	#top .all_colors .hl_main--h1,
	#top .all_colors .hl_sub--h1,
	#top .all_colors .headline--h1 {
		font-size: 1.625rem;
	}

	.responsive #top #wrap_all #header {
		position: fixed;
	}

	.responsive #top #wrap_all .container {
		width: 90%;
		max-width: 90%;
	}

	.responsive #header_main .container,
	.responsive #top #header_main > .container .main_menu .av-main-nav > li > a,
	.responsive #top #wrap_all .av-logo-container {
		height: 90px !important;
	}

	.av-hamburger {
		position: relative;
		top: 5px;
	}

	.pixel-topnavi {
		right: 60px;
	}

/* 	#top #headblock .header-canvas.slick-active .header-products,
	#top #headblock .header-canvas.slick-active .header-products-upper {
		display: none;
	} */

	#top #headblock .header-canvas .header-products {
		top: auto !important;
		bottom: -100px !important;
		width: auto !important;
		max-width: unset !important;
		height: 250px !important;
		max-height: unset !important;
	}

	#headblock .header-content,
	#top #headblock .header-content span.header-title {
		max-width: 100%;
	}

	#top #headblock .header-content span.header-title br {
		display: none;
	}

	.slick-arrow {
		top: 270px;
		margin-top: 0;
	}

	.responsive #top #wrap_all .flex_column.latebreak,
	.responsive #top #wrap_all .flex_column .latebreak {
		margin: 0;
		margin-bottom: 20px;
		width: 100%;
	}

	#top .all_colors .avia-content-slider-element-slider,
	#top .all_colors .avia-content-slider-element-slider .avia-content-slider-inner {
		width: 100%;
	}

	.responsive #top #wrap_all .flex_column {
		margin: 0;
		margin-bottom: 20px;
	}

	.responsive #top #wrap_all .flex_column.slide-entry {
		width: 100%;
		display: flex;
		align-items: center;
	}

	#top .all_colors .imagetext-half > .avia-image-container {
		margin: 40px 0 0 0;
	}

	#top .all_colors .imagetext-half {
		display: flex;
	}

	#top .all_colors .imagetext-half > *:not(.pxl-headline) {
		width: 100%;
	}

	.responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd,
	.responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
		margin-bottom: 20px;
	}
}

/* 767 */


@media only screen and (max-width: 650px) {
	.pixel-bildnavi div .av_one_fourth,
	.pixel-bildnavi div .av_one_fourth:nth-child(3n+1) {
		width: 100% !important;
		margin-left: 0 !important;
	}

	.flex_column.inset {
		padding: 20px;
	}

	.column-header {
		width: calc(100% + 40px);
		position: relative;
		left: -20px;
		top: -20px;
	}

	#top .pixel-vertriebsinnendienst .flex_column {
		display: flex;
		flex-flow: column wrap;
	}

	.pixel-vertriebsinnendienst .flex_column.av_one_half .avia-image-container {
    width: 100%;
	}

	.pixel-vertriebsinnendienst .flex_column.av_one_half .av_textblock_section {
    width: 100%;
		height: auto;
    margin: 0;
		padding: 20px;
	}

	#top .avia-content-slider-element-container .avia-slideshow-dots {
		margin: 0 0 20px 0;
	}

	.kontakt-toggle-d, .kontakt-toggle-i {
		width: 100%;
		text-align: center;
	}

	#top .all_colors .pixel-media-buttons .avia-button-wrap {
		width: 100%;
		margin-left: 0 !important;
	}
}

/* 650 */


@media only screen and (max-width: 479px) {
	#top #headblock .header-content span.header-title {
		font-size: 1.625rem;
	}

	#top .card.card-posts-small .card-content {
		padding: 0 15px;
	}

	#top .card.card-posts-small .card-content .card-title {
		font-size: 16px;
	}

	#top .all_colors .avia-button-wrap .avia-button, #top .all_colors {
		width: 100%;
	}

	.fs24h-boxes .avia-image-container,
	#top .all_colors .imagetext-half > .avia-image-container {
		position: static;
		margin: 20px 0 20px 0;
	}

	#top .all_colors .imagetext-half > *:not(.pxl-headline) {
		width: 100%;
	}

	#top .all_colors .imagetext-half h2 br {
		display: none;
	}

	#top .pixel-consultantboxes .pixel-consultantbox {
		padding: 20px;
	}

	.pixel-vertriebsinnendienst .flex_column.av_one_half .av_textblock_section a {
		word-break: break-all;
	}

	.responsive #top .flxmap-directions input[type="text"] {
		width: 100%;
	}

	.responsive #top .flxmap-directions input[type="submit"] {
		margin: 20px 0 0 0;
		width: 100%;
	}

	.column-header {
		flex-flow: column wrap;
		align-items: center;
		padding: 1.25rem;
	}

	.column-header a {
    width: 100%;
    text-align: center;
    margin-top: 20px;
	}

	#top #headblock .header-canvas.home-slider .header-products,
	#top.home #headblock .header-canvas .header-products {
		right: 15px !important;
		bottom: -70px !important;
		height: 150px !important;
		max-width: 120px !important;
	}

	#top #headblock .header-canvas .header-products a,
	#top.home #headblock .header-canvas .header-products a {
		display: flex;
	}

	#top #headblock .header-canvas .header-products a img,
	#top.home #headblock .header-canvas .header-products a img {
		object-fit: contain;
	}
}

/* 479 */


#top #slider_2827.owl-carousel .owl-item {
	padding: 0;
	border: none !important;
}

#top #slider_2827.owl-carousel .owl-stage-outer {
	margin: 0;
}

#top #slider_2827.owl-carousel .owl-item .sa_hover_container {
	padding: 0 !important;
	min-height: 1px !important;
}

#top #slider_2827.owl-carousel .owl-item p {
	margin: 0 !important;
}

#top #slider_2827.owl-carousel .owl-item img {
	display: block;
}

.rendering-models .entry-content-wrapper {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(6, 1fr);
}

.rendering-models .entry-content-wrapper::before {
	content: none !important;
}

.rendering-models .flex_column.av_one_full {
	grid-area: 1/1/1/7;
}

.rendering-models .flex_column.av_one_fifth {
	width: 100%;
	margin: 0 !important;
	outline: 1px solid #3A3A3A !important;
    outline-offset: -1px;
	border-radius: 0 0 20px 0 !important;
}

.rendering-models .flex_column.av_one_fifth .pxl-headline {
	padding: 0 20px;
	margin-top: 0;
}

#top .rendering-models .flex_column.av_one_fifth .pxl-headline h3 {
	color: #3A3A3A;
}

.rendering-models .flex_column.av_one_fifth .av_textblock_section {
	padding: 0 20px 20px 20px;
	display: flex;
    flex-flow: row;
    gap: 20px;
}

.rendering-models .flex_column.av_one_fifth .av_textblock_section::before {
	content: '';
	display: inline-block;
	left: 0;
    top: 1px;
    width: 55px;
    height: 50px;
    -webkit-mask-image: url(/wp-content/uploads/icon_measurements.svg);
    mask-image: url(/wp-content/uploads/icon_measurements.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: left top 5px;
    mask-position: left top 5px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #3A3A3A;
}

.rendering-models .flex_column.av_one_fifth .av_textblock_section .avia_textblock {
	width: calc(100% - 55px - 20px);
	position: relative;
}

.rendering-models .flex_column.av_one_fifth .av_textblock_section .avia_textblock::after {
	content: '';
	position: absolute;
    left: -10px;
    top: 2px;
    width: 1px;
    height: 100%;
    background-color: #3A3A3A;
}

.rendering-models .flex_column.av_one_fifth .avia_textblock > * {
	font-size: 12px;
}

.rendering-models .avia-image-container {
	position: relative;
}

/* .rendering-models .avia-image-container::after {
    content: '';
    position: absolute;
    right: 10px;
    bottom: 0px;
    width: 38px;
    height: 32px;
    -webkit-mask-image: url(/wp-content/uploads/icon_measurements.svg);
    mask-image: url(/wp-content/uploads/icon_measurements.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #3A3A3A;
} */

@media(max-width: 1350px) {
	.rendering-models .entry-content-wrapper {
		display: grid;
		grid-gap: 40px;
		grid-template-columns: repeat(3, 1fr);
	}

	.rendering-models .flex_column.av_one_full {
    	grid-area: 1/1/1/4;
	}
}

@media(max-width: 767px) {
	.rendering-models .entry-content-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}

	.rendering-models .flex_column.av_one_full {
    	grid-area: 1/1/1/3;
	}
}

@media(max-width: 479px) {
	.rendering-models .entry-content-wrapper {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 20px;
	}

	.rendering-models .flex_column.av_one_full {
    	grid-area: 1/1/1/2;
	}
}

/* Map Search New Page */
.map-search .wpgmza-marker-listing-category-filter,
.map-search #wpgmza_filter_select 
	{	display: none;
	}
.wpgmza-marker-listing-category-filter
	{	margin-bottom: 20px !important;
	}
.wpgmza-marker-listing-category-filter > span
	{	display: none;
	}
.ol-overlaycontainer-stopevent .ol-overlay-container
	{	transform: translate(0%, 0%) translate(174px, 656px) !important;
		z-index: 2;
	}
.ol-overlaycontainer-stopevent .ol-overlay-container .wpgmza-infowindow
	{	min-height: 600px;
	}
.ol-overlaycontainer-stopevent .ol-attribution,
.ol-overlaycontainer-stopevent .ol-attribution ul
	{	padding: 0;
		line-height: 1.2;
	}
.ol-overlaycontainer-stopevent .ol-attribution ul li
	{	margin: 0;
		font-size: 12px;
		padding: 0 2px;
		line-height: 1.2;
	}
.ol-overlaycontainer-stopevent .ol-attribution ul li a
	{	font-size: 12px;
	}

#top #search-box
	{	display: flex;
		align-items: center;
	}
#top #search-box :first-child
	{	background-color: #008BD2;
		color: #ffffff;
		padding: 5px 40px;
	}
#top #search-box input
	{	border: solid 1px #ffffff;
		border-left: none;
	}

#top #wrap_all [class^="c-"]
	{	color: #008BD2;
	}

#top #wrap_all [class^="c-"]:before
	{	content: '';
		background-repeat: no-repeat;
		padding-left: 35px;
		background-size: 22px;
		background-position-y: center;
	}

#top #wrap_all .c-phone:before
	{	background-image: url('/wp-content/uploads/icon-phone-blue.svg');
	}
#top #wrap_all .c-mobile:before
	{	background-image: url('/wp-content/uploads/icon-mobile-blue.svg');
	}

#top #wrap_all .c-fax:before
	{	background-image: url('/wp-content/uploads/icon-fax-blue.svg');
	}
#top #wrap_all .c-email:before
	{	background-image: url('/wp-content/uploads/icon-mail-blue.svg');
	}
.ol-viewport .ol-marker img:hover
	{	cursor: pointer;
	}
.ol-viewport .ol-layer:hover
	{	cursor: grab;
	}
#top .map-route
	{	margin-bottom: 20px;
	}

.wpgmza_infowindow_description {
	display: flex;
	flex-flow: column wrap;
}

.wpgmza_infowindow_description p {
	margin-top: 0 !important;
}

.wpgmza_infowindow_image {
	float: left !important;
	margin: 0 0 20px 0 !important;
}
.wpgmza_infowindow_image[src*="logo-elspro.svg"] {
	float: left !important;
	margin: 0 0 20px 0 !important;
}
.wpgmza_infowindow_title {
	float: left;
	width: 100%;
}

.wpgmza_infowindow_description {
	float: left;
}


/* New Slider */
#top #innendienst .owl-item,
#top #fachberater .owl-item
	{
		max-height: 480px;
		padding: 0;
		border: none;
	}
#top #innendienst .owl-stage-outer,
#top #fachberater .owl-stage-outer
	{	margin: 0;
		transform: none !important;
	}
#top #innendienst .owl-stage,
#top #fachberater .owl-stage
	{	max-height: 480px;
	}
#top #innendienst .sa_image,
#top #fachberater .sa_image
	{	margin-top: 0;
	}

#top #innendienst .sa_image img:hover,
#top #fachberater .sa_image img:hover
	{	transform: none;
	}

/* .avia-timeline-horizontal .av-milestone:nth-child(odd) {
	margin-top: 300px;
}

.avia-timeline-horizontal .av-milestone-icon-wrap:after {
	content: none;
}

.avia-timeline-horizontal .av-milestone-content-wrap footer,
.avia-timeline-horizontal .av-milestone-date span {
	display: none;
	content: none;
} */



/* ==========================================*/
/* Timeline =================================*/
.timelineslider-section {
    border: none;
}

.timeline-outer {
    transition-timing-function: linear;
}

.tns-outer {
    position: relative;
}

/* .tns-outer > button {
    display: none;
} */

.timelineslider .tns-ovh {
    position: relative;
}

.timelineslider .tns-ovh::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 2px;
    height: 30px;
    background-color: #008BD2;
    transform: translateY(-50%);
}

@media(max-width: 479px) {
    .timelineslider .tns-ovh::after {
        top: 16px;
        transform: none;
    }
}

.timelineslider .tns-ovh::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 3px;
    background-color: #008BD2;
    transform: translateY(-50%);
}

@media(max-width: 479px) {
    .timelineslider .tns-ovh::before {
        top: 30px;
        transform: none;
    }
}

.timeline-entry {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.timeline-media {
    display: flex;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1.5 / 1;
	background: #FFFFFF;
    border: 1px solid #F3F3F3;
    border-radius: 0 0 20px 0;
    overflow: hidden;
    margin-bottom: 15px;
}

.timeline-media img {
    object-fit: contain;
    object-position: center;
	transition: transform 0.4s ease-in-out;
}

.timeline-entry:hover .timeline-media img {
	transform: scale(1.2);
}

.timeline-description {
    font-size: 14px;
    min-height: 84px;
}

.timeline-entry .timeline-content {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    text-align: center;
}

.timeline-year {
    font-family: 'Eurostile W01 Bold';
    font-size: 18px;
    font-weight: 500;
    color: #008BD2;
    background-color: #FFFFFF;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    border: 2px solid #008BD2 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    position: absolute;
}

.timeline-entry:nth-child(odd) .timeline-content {
    margin-bottom: 400px;
}

.timeline-entry:nth-child(even) .timeline-content {
    margin-top: 400px;
}

@media(max-width: 767px) {
    .timeline-entry:nth-child(odd) .timeline-content {
        margin-bottom: 500px;
    }
    
    .timeline-entry:nth-child(even) .timeline-content {
        margin-top: 500px;
    }
}

@media(max-width: 650px) {
    .timeline-entry:nth-child(odd) .timeline-content {
        margin-bottom: 450px;
    }
    
    .timeline-entry:nth-child(even) .timeline-content {
        margin-top: 450px;
    }
}

@media(max-width: 550px) {
    .timeline-entry:nth-child(odd) .timeline-content {
        margin-bottom: 420px;
    }
    
    .timeline-entry:nth-child(even) .timeline-content {
        margin-top: 420px;
    }
}

@media(max-width: 479px) {
    .timeline-entry:nth-child(odd) .timeline-content,
    .timeline-entry:nth-child(even) .timeline-content {
        margin-top: 110px;
        margin-bottom: 0;
    }
}

.timeline-entry:nth-child(odd) .timeline-content .timeline-year {
    order: 3;
    transform: translateY(62px);
    bottom: calc(50% + 30px);
}

.timeline-entry:nth-child(even) .timeline-content .timeline-year {
    top: calc(50% + 30px);
    transform: translateY(-62px);
}

@media(max-width: 479px) {
    .timeline-entry:nth-child(odd) .timeline-content .timeline-year,
    .timeline-entry:nth-child(even) .timeline-content .timeline-year {
        top: 0;
        transform: none;
    }
}

.timeline-entry:nth-child(odd) .timeline-content .timeline-year::after,
.timeline-entry:nth-child(even) .timeline-content .timeline-year::after {
    content: '';
    position: absolute;
    left: 50%;
    top: -40px;
    transform: translateX(-50%) rotate(0);
    width: 14px;
    height: 38px;
    mask-image: url('/wp-content/uploads/icons_timeline-arrow.svg');
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/wp-content/uploads/icons_timeline-arrow.svg');
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background-color: #008BD2;
}

.timeline-entry:nth-child(even) .timeline-content .timeline-year::after {
    top: auto;
    bottom: -40px;
    transform: translateX(-50%) rotate(180deg);
}

@media(max-width: 479px) {
    .timeline-entry:nth-child(odd) .timeline-content .timeline-year::after,
    .timeline-entry:nth-child(even) .timeline-content .timeline-year::after {
        top: auto;
        bottom: -40px;
        transform: translateX(-50%) rotate(180deg);
    }
}

.tns-controls {
    position: absolute;
    left: 0;
    top: calc(50% - 27px);
    width: 100%;
}

.tns-controls button {
    content: '';
    position: absolute;
    left: -36px;
    top: 50%;
    transform: translateX(-50%) rotate(0);
    width: 31px;
    height: 40px;
    background-image: url('/wp-content/uploads/icons_arrow-prev.svg');
    background-size: calc(100% - 20px);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    padding: 10px;
    margin: 0;
    border: none;
    overflow: hidden;
    text-indent: -999px;
}

.tns-controls button[data-controls="next"] {
    left: auto;
    right: -66px;
    transform: translateX(-50%) rotate(180deg);
}

/* .tns-controls button[data-controls="prev"] {
    display: none !important;
} */

@media(max-width: 1450px) {
    .tns-controls button[data-controls="next"] {
        right: -20px;
    }
}

@media(max-width: 767px) {
    .tns-controls {
        top: calc(50% - 26px);
    }

    .tns-controls button[data-controls="next"] {
        right: -25px;
    }
}

@media(max-width: 479px) {
    .tns-controls {
        top: 11px;
    }
}

.tns-nav {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 10px;
}

.tns-nav button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: none;
    background-color: #F3F3F3;
}

.tns-nav button.tns-nav-active {
    background-color: #008BD2;
}

.animatednumbers {
    margin-top: 60px;
}

.animatednumbers .entry-content-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

@media(max-width: 1140px) {
    .animatednumbers .entry-content-wrapper {
        justify-content: center;
        gap: 40px;
    }
}

.animatednumbers .entry-content-wrapper::before,
.animatednumbers .entry-content-wrapper::after {
    content: none;
}

#top .animatednumbers .av_one_fifth {
    width: 200px;
    margin: 0;
}

@media(max-width: 1140px) {
    #top .animatednumbers .av_one_fifth {
        width: 270px;
    }
}

@media(max-width: 989px) {
    #top .animatednumbers .av_one_fifth {
        width: 310px;
    }
}

@media(max-width: 767px) {
    #top .animatednumbers .av_one_fifth {
        width: 100%;
    }
}

.animatednumbers .av_one_fifth .avia-animated-number::before {
    content: '';
    display: inline-block;
    height: 68px;
    width: 100%;
    mask-image: '';
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-image: '';
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background-color: #008BD2;
    margin-bottom: 10px;
}

@media(max-width: 767px) {
    .animatednumbers .av_one_fifth .avia-animated-number::before {
        height: 40px
    }
}

.animatednumbers .av_one_fifth:nth-child(2) .avia-animated-number::before {
    mask-image: url('/wp-content/uploads/icons_persons.svg');
    -webkit-mask-image: url('/wp-content/uploads/icons_persons.svg');
}

.animatednumbers .av_one_fifth:nth-child(3) .avia-animated-number::before {
    mask-image: url('/wp-content/uploads/icons_globe.svg');
    -webkit-mask-image: url('/wp-content/uploads/icons_globe.svg');
}

.animatednumbers .av_one_fifth:nth-child(4) .avia-animated-number::before {
    mask-image: url('/wp-content/uploads/icons_hourglass.svg');
    -webkit-mask-image: url('/wp-content/uploads/icons_hourglass.svg');
}

.animatednumbers .av_one_fifth:nth-child(5) .avia-animated-number::before {
    mask-image: url('/wp-content/uploads/icons_tools.svg');
    -webkit-mask-image: url('/wp-content/uploads/icons_tools.svg');
}

.animatednumbers .av_one_fifth:nth-child(6) .avia-animated-number::before {
    mask-image: url('/wp-content/uploads/icons_factory.svg');
    -webkit-mask-image: url('/wp-content/uploads/icons_factory.svg');
}

.avia-animated-number .avia-single-number,
.avia-animated-number .avia-no-number {
    font-family: 'Eurostile W01 Bold';
    font-size: 32px;
    font-weight: 700;
    color: #008BD2;
    opacity: 1;
}

.avia-animated-number .avia-no-number {
    margin-left: 3px;
}

.avia-animated-number .avia-animated-number-content p {
    font-weight: 400;
}

.avia-animated-number .avia-animated-number-content p b {
    font-family: 'Eurostile W01 Bold';
    font-size: 32px;
    font-weight: 700;
    color: #3c3c3b;
    line-height: 1;
    display: block;
    margin-top: -5px;
    margin-bottom: -20px;
    hyphens: auto;
}

@media(max-width: 767px) {
    .avia-animated-number .avia-single-number,
    .avia-animated-number .avia-no-number,
    .avia-animated-number .avia-animated-number-content p b {
        font-size: 24px;
    }

    .avia-animated-number .avia-animated-number-content p b {
        margin-top: -5px;
    }
}


/* Banner Section */
/* ===============*/
.banner-section button[data-action="stop"],
.banner-section button[data-action="start"] {
	display: none !important;
}

#top #wrap_all .banner-section .container {
	max-width: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

#top #wrap_all .banner-section .content {
	padding: 0;
}

#top #wrap_all .banner-section .flex_column {
	margin: 0 !important;
}

.banner-section .avia-image-container {
	margin: 0;
}

.banner-section .banner-inner-container {
	position: absolute;
	width: 100%;
/* 	left: 0; */
	top: 50px;
	display: flex;
    justify-content: center;
}

.banner-section .banner-content {
	max-width: 1480px;
	width: 100%;
	margin: 0;
	padding: 0px 50px;
}

@media(max-width: 1150px) {
	.banner-section .banner-inner-container {
		top: 0;
	}
}

@media(max-width: 989px) {
	.banner-section .banner-inner-container {
		position: static;
	}
}

@media(max-width: 767px) {
	.banner-section .banner-content {
		max-width: 90%;
		width: 90%;
		padding: 0;
	}
}

.banner-section .banner-box {
	background-color: rgba(243, 243, 243, 0.8);
    border-radius: 0 0 25px 0 !important;
	padding: 2.5rem;
	max-width: 800px;
}

.banner-section .banner-box.qvled {
	max-width: 700px;
}

.banner-section .banner-box.finled {
	max-width: 800px;
}

.banner-section .banner-box.ifw2 {
	max-width: 590px;
}

@media(max-width: 1500px) {
	.banner-section .banner-box {
		max-width: 1000px;
		padding: 20px;
	}
}

@media(max-width: 989px) {
	.banner-section .banner-box {
		padding: 40px 0;
	}
}

#top #wrap_all .banner-section .banner-box h2 {
	color: #006fb4;
}

.banner-section .banner-box h2 .headline-red {
	color: #cd3e12;
}

.banner-section .tns-controls button[data-controls="prev"],
.banner-section .tns-controls button[data-controls="next"] {
	width: 40px;
    height: 40px;
    padding: 0;
    background-image: url(/wp-content/uploads/icon-arrow-right-white.svg);
    background-size: 16px 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #008BD2;
    border-radius: 5px 0 0 5px;
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: 0;
    border: none;
    transform: rotate(180deg);
    z-index: 1;
    cursor: pointer;
    transition: 0.15s ease-out;
}

.banner-section .tns-controls button[data-controls="next"] {
	transform: none;
	left: auto;
	right: 0;
}

@media(max-width: 767px) {
	.banner-section .tns-controls {
		top: 0;
	}

	.banner-section .tns-controls button[data-controls="prev"],
	.banner-section .tns-controls button[data-controls="next"] {
    	top: 40px;
	}
}






.responsive #top .technischedaten {
	margin-top: 20px;
	display: flex;
	flex-flow: column wrap;
	background-color: #F3F3F3;
}

.entry-content-wrapper:has(.flex_column .buttonrow-container)::before,
.entry-content-wrapper:has(.flex_column .buttonrow-container)::after,
.flex_column:has(.buttonrow-container)::before,
.flex_column:has(.buttonrow-container)::after {
	content: none !important;
}

.buttonrow-container {
	display: flex;
	flex-flow: row wrap;
	gap: 15px;
}

.responsive #top .buttonrow-container > * {
	margin: 0 !important;
}

.responsive #top .avia-data-table-wrap {
	width: 50%;
	float: left;
	margin: 0;
	background: #F3F3F3;

	@media(max-width: 767px) {
		width: 100%;
	}
}

.responsive #top .avia-table {
	margin: 0;
	background: none;
}

.responsive #top .avia-table tr,
.responsive #top .avia-table td,
.responsive #top .avia-table .avia-highlight-col,
.responsive #top .avia-table th.avia-highlight-col {
	background: none;
	border: none;
	color: #3c3c3b;
}

.responsive #top .avia-table th,
.responsive #top .avia-table td.avia-highlight-col {
	font-weight: 600;
}

.responsive #top .avia-table .avia-pricing-row {
	display: block !important;
    width: 200% !important;

	@media(max-width: 767px) {
		display: inline !important;
	}

	> td {
		font-size: 14px;
		font-weight: 400;
		padding: 20px 30px 20px 30px;
		text-align: left;
	}

	> td:nth-child(2) {
		display: none !important;
	}
}
.responsive #top .avia-table th {
	padding: 20px 30px 20px 30px;
	text-align: left !important;
}

.responsive #top .avia-table td {
	padding: 5px 30px;
	hyphens: auto !important;
	text-align: left !important;

	@media(max-width: 767px) {
		padding: 0 30px;

		&::before {
			content: none !important;
		}
	}
}

.responsive #top .avia-table tr {
	@media(max-width: 767px) {
		padding: 5px 0;
	}
}

.responsive .avia_responsive_table .avia-data-table .avia-button-row,
.responsive .avia_responsive_table .avia-data-table tr:first-child th {
	@media(max-width: 767px) {
		display: block !important;
		hyphens: auto !important;
		padding-bottom: 0 !important;
	}
}

.responsive .avia_responsive_table .avia-data-table .avia-button-row, .responsive .avia_responsive_table .avia-data-table tr:first-child th {
	
}

.responsive #top .avia-table tr:last-child td {
	padding-bottom: 15px;
}

.powerstation-betriebsdauer {
	.flex_column {
		&.av_one_full {
			p {
				color: #FFFFFF;
			}
		}

		&.av_one_fourth {
			background-color: #FFFFFF;
			border-radius: 0 0 50px 0;
			padding: 20px 40px;
			margin: 0 !important;
			width: 100% !important;

			.av_textblock_section {
				&:nth-child(1) {
					 margin-bottom: 15px;
				}
			}
		}
	}

	.powerstation-columns {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 40px;

		@media(max-width: 1200px) {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}

		@media(max-width: 767px) {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		@media(max-width: 500px) {
			grid-template-columns: 1fr;
		}
	}
}

.productproperties {
	.flex_column {
		&:has(.avia-image-container) {
			@media(max-width: 989px) {
				order: 3 !important;
			}
		}
	}
}

.schutzkontakt-symbol {
	&::after {
		content: '';
        display: inline-block;
		mask-image: url('/wp-content/uploads/schutzkontakt-symbol.svg');
		mask-size: auto;
		mask-position: center;
		mask-repeat: no-repeat;
		-webkit--webkit-mask-image: url('/wp-content/uploads/schutzkontakt-symbol.svg');
		-webkit-mask-size: auto;
		-webkit-mask-position: center;
		-webkit-mask-repeat: no-repeat;
		background-color: #000000;
		width: 23px;
        height: 13px;
	}
}

.responsive #top #wrap_all .avia-button.dropdown {
	line-height: 1;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.1rem;
    text-align: left;
    background-color: #F3F3F3;
    color: #4B4B4B;
    position: relative;
    pointer-events: none;
}


#top #wrap_all .all_colors .pixel-accordion {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 2.5rem 0;
	margin-top: 2.5rem;
	border-top: 2px solid #ededed;
	border-bottom: 2px solid #ededed;
	
	.pixel-accordion-wrap {
		display: flex;
		align-items: center;
		gap: 1.25rem;
		
		@media (max-width: 580px) {
			flex-direction: column;
			gap: 1.25rem;
		}
		
		.pixel-accordion-headline h3 {
			color: #3c3c3b;
		}
	}
	
	.avia-button-wrap {
		width: auto;
		
		.pixel-accordion-button {
			cursor: pointer;
		}
	}
	
	.pixel-accordion-content {
		height: 0;
		overflow: hidden;
		transition: height 0.4s, margin 0.4s;
	}
	
	&.active {
		.pixel-accordion-content {
			margin-top: 2.5rem;
		}
	}
}

/* FAQ */

#top #wrap_all .all_colors .faq {
	.av_textblock_section:not(:last-child) {
		margin: 0;
	}
	
	.togglecontainer {
		margin-top: 0;
	}
}



/* Konfigurator-Formular */

#top {
	.cf:has(.form-fields) {
		display: flex;
		flex-flow: wrap;
		gap: 2rem;

		.cf-footer {
			margin-top: 0;
			flex-flow: column;
			gap: 1rem;

			> p {
				margin: 0;
			}
		}
	}
	
	.cf {
		.form-headline {
			width: 100%;
			
			p {
				font-size: 1.5rem;
				font-weight: 600;
			}
		}
	}

	.accordion-toggle {
		cursor: pointer;
		background: #008BD2;
		border-color: #008BD2;
		text-transform: uppercase;
		border: none;
		border-width: 0 !important;
		border-radius: 5px;
		padding: 12px 1.5rem 13px;
		width: auto;
		transition: 0.15s ease-out;

		&:hover {
			background-color: #006FB4;
		}

		span {
			color: #FFFFFF;
			font-size: 1rem;
			font-weight: 700;
			font-family: 'Eurostile W01 Bold';
			letter-spacing: 0.1rem;
			line-height: 1;
		}
	}

	.accordion-content {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.4s ease;

		&.active {
			max-height: 5000px;
			overflow: visible;
		}
	}
}

#top .form-fields {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2rem;
	width: 100%;
	padding: 2rem;
	outline: 1px solid #008BD2 !important;
	outline-offset: -1px;
	border-radius: 0 0 50px 0;

		@media(max-width: 989px) {
			grid-template-columns: repeat(2, 1fr);
		}

	&.fields-three-thirds {
		width: calc(66.66% - 1rem);

		@media(max-width: 989px) {
			width: calc(50% - 1rem);
		}
	}

	&.fields-one-third {
		width: calc(33.33% - 1rem);

		@media(max-width: 989px) {
			width: calc(50% - 1rem);
		}
	}

	&.fields-four-fifths {
		width: calc(80% - 1rem);
	}

	&.fields-one-fifth {
		width: calc(20% - 1rem);
	}
	&.fields-five-sixths {
		grid-template-columns: repeat(2, 1fr);
		width: calc(83.33% - 1rem);

		@media(max-width: 989px) {
			width: calc(66.66% - 1rem);
		}

		@media(max-width: 767px) {
			width: calc(50% - 1rem);
			grid-template-columns: repeat(1, 1fr);
		}

		@media(max-width: 600px) {
			width: 100%;
		}
	}

	&.fields-one-sixth {
		width: calc(16.66% - 1rem);

		@media(max-width: 989px) {
			width: calc(33.33% - 1rem);
		}

		@media(max-width: 767px) {
			width: calc(50% - 1rem);
		}

		@media(max-width: 600px) {
			width: 100%;
		}
	}

	&.col-1 {
		grid-template-columns: repeat(1, 1fr);
	}
	
	&.col-2 {
		grid-template-columns: repeat(2, 1fr);

		@media(max-width: 600px) {
			grid-template-columns: repeat(1, 1fr);
		}
	}

	&.col-4 {
		grid-template-columns: repeat(4, 1fr);

		@media(max-width: 989px) {
			grid-template-columns: repeat(2, 1fr);
		}

		@media(max-width: 600px) {
			width: 100%;
		}
	}

	&.first-short {
		grid-template-columns: 100px repeat(auto-fit, minmax(0, 1fr));

		@media(max-width: 989px) {
			grid-template-columns: repeat(2, 1fr);
		}

		@media(max-width: 600px) {
			grid-template-columns: repeat(1, 1fr);
		}
	}

	.cf-field {
		margin-top: 0;

		&.span-2 {
			grid-column: span 2;

			@media(max-width: 767px) {
				grid-column: span 1;
			}
		}

		&:has(textarea) {
			grid-column: span 2;

			@media(max-width: 767px) {
				grid-column: span 1;
			}
		}
	}

	.wpcf7-field-groups {
		grid-column: span 2;
		display: flex;
		flex-flow: wrap;
		gap: 2rem;
		
		&[data-wpcf7-group-id="repeatable-group-installation"] {
			.wpcf7-field-group {
				grid-template-columns: repeat(3, 1fr);

				@media(max-width: 600px) {
					grid-template-columns: repeat(1, 1fr);
				}
			}
		}

		.wpcf7-field-group {
			display: grid;
			grid-column-gap: 2rem;
			width: 100%;
			grid-template-columns: 100px 1fr 1fr 1fr;

			@media(max-width: 989px) {
				grid-template-columns: repeat(2, 1fr);
				grid-gap: 2rem;
			}

			@media(max-width: 600px) {
				grid-template-columns: repeat(1, 1fr);
			}

			& > p:last-child {
				grid-column: 1 / -1;
				margin-top: 1rem;
				display: flex;
				gap: 0.5rem;

				button {
					background-color: #008BD2;
					color: #FFFFFF;
					border: none;
					border-radius: 5px;
					padding: 4px;
					width: 25px;
					height: 25px;
					cursor: pointer;
					transition: 0.15s ease-out;

					&:hover {
						background-color: #006FB4;
					}
				}
			}
		}
	}
}

#top .icon-checkmark {
	ul li {
		margin: 0;
		padding-left: 1.7em;
		position: relative;

		&::before {
			content: "";
			display: block;
			width: 20px;
			height: 20px;
			background: url('/wp-content/uploads/elspro_icon_circle_checkyellow.svg');
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
			position: absolute;
			top: 0.3em;
			left: 0;
			margin: 0;
		}
	}
}

#top #wrap_all .all_colors a.whatsapp {
	padding-left: 36px;
}

#top #wrap_all .all_colors #footer a.whatsapp {
	padding-left: 0;
}

#top #wrap_all .all_colors a.whatsapp {
	position: relative;
	
	&::before {
		content: "";
		display: block;
		width:20px;
		height:20px;
		mask-image: url('/wp-content/uploads/icon-whatsapp.svg');
		mask-repeat: no-repeat;
		mask-size: contain;
		mask-position: center;
		-webkit-mask-image: url('/wp-content/uploads/icon-whatsapp.svg');
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-size: contain;
		-webkit-mask-position: center;
		background: #25d366;
		position: absolute;
		top: 2px;
		left: 0;
	}
}

/* adjust produktkonfigurator button */

.accordion-toggle {
	align-self: flex-start;
	margin-bottom: 0;
}

.responsive-image {
	@media (max-width: 989px) {
		max-width: 400px;
		margin: 0;
	}
}

/* adjust tech table */

#top .technischedaten > .av_textblock_section {
	width: 100%;
	margin: 0;
	padding: 30px;
	background-color: #F3F3F3;
	
	.technischedaten-headline p {
		color: var(--enfold-main-color-primary);
		
		strong {
			font-weight: 700;
		}
	}
}
#top .rounded-image.avia-image-container {
    border-radius: 0 0 50px 0;
    overflow: hidden;
}

#top .technischedaten:has(.fullwidth) .avia-data-table-wrap {
	width: 100%;
}

#top .small-margin p {
	margin-bottom: 10px;
}