/*
 Theme Name:   Laib Bürsten
 Theme URI:    https://www.neckarmedia.com
 Description:  Laib Bürsten | Wordpress Child Theme
 Author:       Antonello Vertucci
 Author URI:   https://www.neckarmedia.com
 Template:     laib
 Version:      1.0
*/

/* oxygen-regular - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oxygen-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oxygen Regular'), local('Oxygen-Regular'),
       url('fonts/oxygen-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oxygen-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oxygen-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/oxygen-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oxygen-v10-latin-regular.svg#Oxygen') format('svg'); /* Legacy iOS */
}
/* oxygen-700 - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/oxygen-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Oxygen Bold'), local('Oxygen-Bold'),
       url('fonts/oxygen-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oxygen-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oxygen-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/oxygen-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oxygen-v10-latin-700.svg#Oxygen') format('svg'); /* Legacy iOS */
}

/* rubik-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/rubik-v26-latin-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/rubik-v26-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/rubik-v26-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/rubik-v26-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/rubik-v26-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/rubik-v26-latin-500.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/rubik-v26-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/rubik-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/rubik-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/rubik-v26-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/rubik-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/rubik-v26-latin-700.svg#Rubik') format('svg'); /* Legacy iOS */
}

@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;600&display=swap');


/* =======================================================================================================================================
Typo
======================================================================================================================================= */
html{font-size: 15px}
body{-webkit-font-smoothing: antialiased;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0); outline: none;}
body,p{font-family: 'Roboto Mono', monospace; font-size: 1rem; line-height: 1.65; font-weight: 400}
h1,h2,h3,h4,h5,h6{font-family: 'Rubik', sans-serif; line-height: 1.25; font-weight: 700 !important; letter-spacing: 0 !important; margin: 0 0 .5em 0 !important}

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

.special-heading-border{display: none !important;}
.special_amp{font-family: inherit; font-style: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit !important;}
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2{letter-spacing: 0; text-transform: inherit;}

.__smallTextWrap{max-width: 800px; margin: auto;}
.av_textblock_section a{border-bottom: 1px solid #707173}

#top h3{font-size: 1.4rem}

@media only screen and (min-width: 480px){
	html{font-size: 16px}
}

@media only screen and (min-width: 990px){
    #top h1{font-size: 3rem}
    #top h2{font-size: 2rem}
}

#top .av-special-heading-h2.modern-centered:after{content: ''; width: 111px; height: 1px; background-color: #E30A17; display: inline-block; margin: 2em auto;}

/* Button */
#top .avia-section .avia-button{
	color: #fff; 
	background-color: #009A47; 
	border: 1px solid #009A47; 
	font-size: 1rem; 
	height: 50px; 
	line-height: 50px; 
	padding: 0 3em;
	border-radius: 25px;
	margin: 0;
	position: relative;
	overflow: hidden;
}
#top .avia-section .avia-button > *{position: relative; z-index: 1}
#top .avia-section .avia-button:hover{opacity: 1}
#top .avia-section .avia-button:before{content: ''; width: 100%; height: 100%; position: absolute; bottom: -100%; left: 0; background: #1dcc5e; -webkit-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease}
#top .avia-section .avia-button:hover:before{bottom: 0}

#top .avia-section .avia-button.avia-color-dark{color: #707173; border-color: #707173; background: transparent;}
#top .avia-section .avia-button.avia-color-light{color: #ffffff; border-color: #ffffff; background: transparent;}
#top .avia-section .avia-button.avia-color-dark:before,
#top .avia-section .avia-button.avia-color-light:before{background: #e2e2e2}


/* =======================================================================================================================================
Header
======================================================================================================================================= */
.av_minimal_header .header_bg{display: none;}

/* Logo */
#header .av-logo-container .inner-container .logo,
#header .av-logo-container .inner-container .logo a{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#header .av-logo-container .inner-container .logo a img,
#header .av-logo-container .inner-container .logo a svg{width: 200px}

@media only screen and (max-width: 989px){
	#header{border-bottom: 5px solid #019D4F;}
    #header .av-logo-container .inner-container .logo a img,
    #header .av-logo-container .inner-container .logo a svg{width: 140px}
}

@media only screen and (max-width: 989px) and (min-width: 768px){
	.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a, 
	.responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container{
   		height: 80px;
    	line-height: 80px;
	}
}

/* Navigation */
@media only screen and (min-width: 990px){
	.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div, 
	.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child,
	.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a{height: 60px; line-height: 60px}

	#top #header_main #header_main_alternate nav.main_menu{
		background: #ffffff;
	    padding-left: 25px;
	    border-bottom: 5px solid #019D4F;
	    border-radius: 8px;
	    -webkit-box-shadow: 0 8px 16px rgb(0 0 0 / 20%);
	            box-shadow: 0 8px 16px rgb(0 0 0 / 20%);
	}
	#top #header_main #header_main_alternate nav.main_menu ul#avia-menu li{position: relative;}
	#top #header_main #header_main_alternate nav.main_menu ul#avia-menu li:before{content: ''; width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: .25s linear; -o-transition: .25s linear; transition: .25s linear; -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom;}
	#top #header_main #header_main_alternate nav.main_menu ul#avia-menu > li:hover > a{color: #707173}
	#top #header_main #header_main_alternate nav.main_menu ul#avia-menu li:hover:before{-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);}
	#top #header_main #header_main_alternate nav.main_menu ul#avia-menu li a{color: #272727; font-size: 1rem; font-weight: 400; position: relative; -webkit-transition: unset; -o-transition: unset; transition: unset;}
	#top #header_main #header_main_alternate nav.main_menu ul#avia-menu li ul{padding-top: 1em; padding-bottom: 1em}
	#top #header_main #header_main_alternate nav.main_menu ul#avia-menu li ul li a{color: #707173; font-size: .9rem; padding: .5em 1em; border: 0}
	#top #header_main #header_main_alternate nav.main_menu ul#avia-menu li ul li a:hover{background: #fff; color: #000}
	#top #header_main #header_main_alternate nav.main_menu ul#avia-menu li ul li a i{font-size: 1.5rem; vertical-align: middle; margin-right: .5em;}
	#top #header_main #header_main_alternate nav.main_menu ul#avia-menu li.av-menu-button-colored{float: right;}
	#top #header_main #header_main_alternate nav.main_menu ul#avia-menu li.av-menu-button-colored a{background: #019D4F; padding: 0 3em 0 2.5em; position: relative; font-weight: 700}
	#top #header_main #header_main_alternate nav.main_menu ul#avia-menu li.av-menu-button-colored a .avia-menu-text{background: transparent; border: 0}
	#top #header_main #header_main_alternate nav.main_menu ul#avia-menu li.av-menu-button-colored.menu-item-top-level-8 a:before{
		content: ''; 
		width: 30px; 
		height: 60px;
		position: absolute;
		left: -30px;
		top: 0;
		background: -o-linear-gradient(155deg, #019D4F 50%, #efefef 50%);
		background: linear-gradient(-65deg, #019D4F 50%, #efefef 50%);
	}

	.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu .menu-item-search-dropdown {float: left;}
	.html_bottom_nav_header #top #menu-item-search>a {padding-right: 13px;}

	ul#avia-menu li > .avia_mega_div{border-radius: 8px}
	ul#avia-menu li > .avia_mega_div > ul > li > ul{overflow: visible !important; padding: 0 !important;}
	ul#avia-menu li > .avia_mega_div > ul > li > ul > li{margin: 0 0 16px !important}
	ul#avia-menu li > .avia_mega_div > ul > li > ul > li > a{
		display: -webkit-box !important;
	    display: -ms-flexbox !important;
	    display: -webkit-box !important;
	    display: flex !important;
	    gap: 16px;
	    border-radius: 8px;
	    -webkit-box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
	            box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	            align-items: center;
	    border-bottom: 4px solid #039d50 !important;
	}
	ul#avia-menu li > .avia_mega_div > ul > li > ul > li > a > .avia-bullet{display: none;}
	ul#avia-menu li > .avia_mega_div > ul > li > ul > li > a > .avia-menu-text{color: #000; font-size: .9rem; -webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2}
	ul#avia-menu li > .avia_mega_div > ul > li > ul > li > a > img{display: none; width: 96px; aspect-ratio: 1/1; -o-object-fit: contain; object-fit: contain; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1}

}

@media only screen and (min-width: 1100px){
	#top #header_main #header_main_alternate nav.main_menu ul#avia-menu li a{font-size: 18px}
}	

@media only screen and (min-width: 1280px){
	#top #header_main #header_main_alternate nav.main_menu ul#avia-menu li a{font-size: 16px}
	ul#avia-menu li > .avia_mega_div > ul > li > ul > li > a > img{display: block;}
}	

/* Hamburger Menu */
.av-burger-overlay-inner, .av-burger-overlay-bg{min-height: inherit;}
.av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after{height: 2px; border-radius: 0}
#top #wrap_all ul#av-burger-menu-ul li a{font-size: 18px}
#top #wrap_all ul#av-burger-menu-ul li a:hover{background: transparent !important;}
#top #wrap_all ul#av-burger-menu-ul li li a,
#top #wrap_all ul#av-burger-menu-ul li li a:hover{background: #efefef !important; font-size: 14px}
#top #wrap_all ul#av-burger-menu-ul li.av-menu-button-colored > a,
#top #wrap_all ul#av-burger-menu-ul li.av-menu-button-colored > a:hover{background: #019D4F !important;}
#top #wrap_all ul#av-burger-menu-ul li.av-menu-button-colored > a .avia-menu-text{background-color: transparent; border: 0; padding: 0; font-weight: 700}
#top #wrap_all ul#av-burger-menu-ul li a img{display: none;}

/* Header right */
#header .av-logo-container .inner-container .header_right{position: absolute; line-height: 1; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
#header .av-logo-container .inner-container .header_right .__wrap{display: -webkit-box;display: -ms-flexbox;display: flex;}
#header .av-logo-container .inner-container .header_right .__wrap .__icoEl{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#header .av-logo-container .inner-container .header_right .__wrap .__icoEl i{margin: 0 .1em; line-height: 1; color: #1DC35A; font-size: 50px}
#header .av-logo-container .inner-container .header_right .__wrap .__icoEl p{margin: 0 40px 0 0; line-height: 1.25; padding-left: .5em; font-size: 14px}
#header .av-logo-container .inner-container .header_right .__wrap .__icoEl i.facebook{color: #3B5998}
#header .av-logo-container .inner-container .header_right .__wrap .__icoEl i.twitter{color: #55ACEE}
#header .av-logo-container .inner-container .header_right .__wrap .__icoEl i:hover,
#header .av-logo-container .inner-container .header_right .__wrap .__icoEl a:hover{color: #000}

@media only screen and (min-width: 1280px){
	#header .av-logo-container .inner-container .header_right .__wrap .__icoEl p{margin: 0 80px 0 0; padding-left: 1em;}
	#header .av-logo-container .inner-container .header_right .__wrap .__icoEl p{font-size: 16px}
}

@media only screen and (max-width: 989px){
	#header .av-logo-container .inner-container .header_right{margin-right: 90px}
	#header .av-logo-container .inner-container .header_right .__wrap .__icoEl i{font-size: 40px}
}

@media only screen and (max-width: 867px){
	#header .av-logo-container .inner-container .header_right .__wrap .__icoEl p{display: none;}
}

@media only screen and (max-width: 480px){
	#header .av-logo-container .inner-container .header_right{margin-right: 90px}
	#header .av-logo-container .inner-container .header_right .__wrap .__icoEl i{font-size: 30px}
	#header .av-logo-container .inner-container .header_right .__wrap .__icoEl i.facebook,
	#header .av-logo-container .inner-container .header_right .__wrap .__icoEl i.twitter{display: none;}
}

/* Tab Menu */
.av-tab-section-tab-title-container{
	padding: 0px;
}

.avia-tab-title-padding-default .av-outer-tab-title {
	padding: 0px;
}

.av-inner-tab-title {
	margin: 0px;
	font-weight: 600;
}

#top .av-section-tab-title {
    padding: 0px 30px 0px 30px;
}


/* =======================================================================================================================================
Misc
======================================================================================================================================= */
/* Layout */
.html_stretched #wrap_all{background-color: #ffffff;}

@media only screen and (max-width: 767px){
    .responsive #top #wrap_all .container{width: 90%; max-width: 90%;}
}

@media only screen and (min-width: 990px){
	#top #main > *:first-child{margin-top: -30px}
	#top #main > *:first-child{padding-top: 4rem}
}


/* Images */
#top .image-overlay{display: none !important;}
.avia-image-container-inner, .avia_image, .av-image-caption-overlay{border-radius: 0;}

/* Home bürste rechts */
@media only screen and (min-width: 768px){
	#top .avia-section.__buerste--rechts{position: relative;}
	#top .avia-section.__buerste--rechts:after{
		content: '';
		width: 520px;
		height: 520px;
		background-image: url(img/home_buerste_rechts.png);
		background-size: cover;
		position: absolute; 
		right: -260px;
		bottom: 0;
		z-index: 10;
		-webkit-transition: .5s linear;
		-o-transition: .5s linear;
		transition: .5s linear;
	}
}

@media only screen and (min-width: 1280px){
	#top .avia-section.__buerste--rechts:after{right: -130px}
}

@media only screen and (min-width: 1620px){
	#top .avia-section.__buerste--rechts:after{right: 0}
}

/* Home bürste links */
@media only screen and (min-width: 768px){
	#top .avia-section .__content.__buerste--links{position: relative;}
	#top .avia-section .__content.__buerste--links:before{
		content: '';
		width: 330px;
		height: 330px;
		background-image: url(img/home_buerste_links.png);
		background-size: cover;
		position: absolute; 
		top: 10%;
		right: 90%;
		z-index: 10;
		-webkit-transition: .5s linear;
		-o-transition: .5s linear;
		transition: .5s linear;
		visibility: visible;
	}
	#top .avia-section .__content.__buerste--links{max-width: 80%; padding-left: 10%}
}

/* Icon Image Box */
#top .flex_column.icoImgBox .icoHeader a{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: scale(1);
            -ms-transform: scale(1);
        transform: scale(1);
    z-index: 1;
    position: relative;
    -webkit-box-shadow: 0 20px 10px -10px rgb(0 0 0 / 60%);
            box-shadow: 0 20px 10px -10px rgb(0 0 0 / 60%);
}
#top .flex_column.icoImgBox .icoHeader a i{width: 75px; height: 75px; background-color: #009A47; color: #fff; font-size: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .5s linear; -o-transition: .5s linear; transition: .5s linear}
#top .flex_column.icoImgBox .icoHeader a h3{font-size: 18px; line-height: 34px; margin: 0 !important; -webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto; -ms-flex-item-align: end; align-self: flex-end; background-color: #efefef; padding: .75em 1em; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
#top .flex_column.icoImgBox:hover .icoHeader a i{background-color: #019D4F}

#top .flex_column.icoImgBox .avia-image-container .avia-image-overlay-wrap a{position: relative; padding-top: 65%; overflow: hidden; display: block;}
#top .flex_column.icoImgBox .avia-image-container .avia-image-overlay-wrap a img{position: absolute; display: block; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);-webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease}
#top .flex_column.icoImgBox .avia-image-container .avia-image-overlay-wrap a:after{content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,.25); position: absolute; top: 0; left: 0; -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease}
#top .flex_column.icoImgBox:hover .avia-image-container .avia-image-overlay-wrap a:after{opacity: 0}
#top .flex_column.icoImgBox:hover .avia-image-container .avia-image-overlay-wrap a img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}

@media only screen and (min-width: 768px) and (max-width: 1280px){
	#top .flex_column.icoImgBox .icoHeader a i{width: 60px; height: 60px; font-size: 40px}
	#top .flex_column.icoImgBox .icoHeader a h3{font-size: 1rem}
}

@media only screen and (max-width: 480px){
	#top .flex_column.icoImgBox .icoHeader a i{width: 60px; height: 60px; font-size: 40px}
	#top .flex_column.icoImgBox .icoHeader a h3{font-size: 1rem}
}

/* Anwendung Page Banner */
#top .anwendungPageBanner{height: 150px; position: relative;}
#top .anwendungPageBanner:after{content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: 0; left: 0;}

@media only screen and (min-width: 990px){
	#top .anwendungPageBanner{height: 250px;}
}

/* Links im Fließtext */
.content p a {border-bottom:1px solid #707173;}


/* Icon H1 */
#top .icoH1{display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 50px}
#top .icoH1 i{width: 150px; height: 150px; background-color: #009A47; color: #fff; font-size: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .5s linear; -o-transition: .5s linear; transition: .5s linear}
#top .icoH1 h1{font-size: 2.5rem; margin: 0; -webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto; -ms-flex-item-align: end; align-self: flex-end; background-color: #efefef; padding: .75em 1em; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}

@media only screen and (max-width: 1280px){
	#top .icoH1 i{width: 100px; height: 100px; font-size: 75px}
	#top .icoH1 h1{font-size: 1.75rem}
}

@media only screen and (max-width: 480px){
	#top .icoH1 i{width: 75px; height: 75px; font-size: 50px}
	#top .icoH1 h1{font-size: 1.25rem}
}

/* Portfolio */
.grid-entry .inner-entry {
	margin: 20px 20px 0px 0px;
}

#top div.grid-content, #top div.avia-arrow{
	background-color: #EFEFEF;
}

h3.grid-entry-title.entry-title{
	background-color: #EFEFEF;
}

#top h3 a{
	font-size: 15px;
	font-weight: 600;
}

/* Tabs */
#top .av-tab-arrow-container span {background-color: #369D4F;}
.js_active .av-layout-tab {border-top: 5px solid #369D4F;}


/* Magnific Popup */
.nm-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0; 
    -webkit-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out; 
    -webkit-transform: scale(0.8); 
    -ms-transform: scale(0.8); 
        transform: scale(0.8); 
}
.nm-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1); 
    -ms-transform: scale(1); 
        transform: scale(1); 
}
.nm-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8); 
    -ms-transform: scale(0.8); 
        transform: scale(0.8); 
    opacity: 0;
}
.nm-mfp-zoom-in.mfp-bg {
    opacity: 0; 
    -webkit-transition: opacity 0.3s ease-out; 
    -o-transition: opacity 0.3s ease-out; 
    transition: opacity 0.3s ease-out;
}
.nm-mfp-zoom-in.mfp-ready.mfp-bg{opacity: 0.8;}
.nm-mfp-zoom-in.mfp-removing.mfp-bg{opacity: 0;}


/* =======================================================================================================================================
Contact Form
======================================================================================================================================= */
/* Form Style */
#top form{
    --form-color: #000; 
    --form-border-color: #d4d4d4; 
    --form-font-family: 'Roboto Mono';
}
#top .alternate_color form{
    --form-color: #fff; 
    --form-border-color: #fff; 
}

#top form input:not(#searchsubmit),
#top form select,
#top form textarea{
    padding: 1em !important; 
    border-radius: .25em !important; 
    border: 1px solid var(--form-border-color) !important; 
    color: var(--form-color) !important; 
    font-size: 1rem !important; 
    margin-bottom: 1rem !important; 
    background-color: transparent !important;
    font-family: var(--form-font-family) !important;
}
#top form input,
#top form select,
#top form textarea{color: #fff}
#top form label{font-size: var(--step--1); font-weight: 400; margin: 0 0 .25em .75em}

/* Form Grid */
#top form{--f-row-gap: 1rem;}
#top form .f_row{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: var(--f-row-gap); gap: var(--f-row-gap)}
#top form .f_row > div{-ms-flex-preferred-size: 220px;flex-basis: 220px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
#top form .f_row > div.one-third{-webkit-box-flex: 0;-ms-flex: 0 0 calc( 33.333333% - (var(--f-row-gap) / 3 * 2) );flex: 0 0 calc( 33.333333% - (var(--f-row-gap) / 3 * 2) ); max-width: calc( 33.333333% - (var(--f-row-gap) / 3 * 2) );}
#top form .f_row > div input, 
#top form .f_row > div select, 
#top form .f_row > div textarea{margin: 0 !important}

/* CF7 */
#top form.wpcf7-form .wpcf7-acceptance{display: block; margin-bottom: 1rem}
#top form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item,
#top form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item label{margin: 0;}
#top form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item label > input{position: absolute; opacity: 0}
#top form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item label > span{padding: 0 0 0 2em; font-size: var(--step--1); line-height: 1.5; display: block; cursor: pointer; position: relative;}
#top form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item label > span:before{content: ''; width: 1em; height: 1em; display: inline-block; position: absolute; top: .1em; left: 0; border: 1px solid; border-radius: .25em}
#top form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item label > input:checked ~ span:before{background: var(--form-border-color); -webkit-box-shadow: inset 0 0 0 2px #fff; box-shadow: inset 0 0 0 2px #fff;}
#top .alternate_color form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item label > span{color: #fff}

#top form.wpcf7-form input.wpcf7-submit{color: #fff !important; background-color: #000 !important; font-weight: 700; border-radius: .5em; padding: 1em 2em !important}
#top form.wpcf7-form input.wpcf7-submit:disabled{opacity: .3}

#top form.wpcf7-form .ajax-loader{display: none;}
#top form.wpcf7-form .wpcf7-not-valid-tip{display: none;}
#top form.wpcf7-form .wpcf7-response-output{font-size: 1rem; padding: 1em 2em; border-radius: .25em; margin: 0; border: 0; line-height: 1.5; background: #eee;}
#top form.wpcf7-form .wpcf7-not-valid{border-color: red !important;}
#top form.wpcf7-form.invalid .wpcf7-response-output{background: #fff0f0; border-color: red; color: red}
#top form.wpcf7-form.sent .wpcf7-response-output{background: #daffda; border-color: green; color: green;}


/* =======================================================================================================================================
Video Hero Section
======================================================================================================================================= */
#top .video-hero-section{position: relative; overflow: hidden; max-width: 1500px; margin: auto; float: inherit;}
#top .video-hero-section > img{opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 1s ease;-o-transition: opacity 1s ease;transition: opacity 1s ease}
#top .video-hero-section > video{-webkit-transition: opacity 1s ease;-o-transition: opacity 1s ease;transition: opacity 1s ease; display: block;}
#top .video-hero-section .content{padding: 200px 0 25px 0;}
#top .video-hero-section .content h1{font-size: 1.75rem; background: rgba(10,10,10,0.65); padding: .5em 1em; color: #fff; max-width: 720px}

@media only screen and (min-width: 990px){
	#top .video-hero-section .content{padding: 300px 0 50px 0;}
    #top .video-hero-section .content h1{font-size: 2.5rem}
}

@media only screen and (min-width: 1280px){
    #top .video-hero-section .content{padding: 375px 0 75px 0;}
}


/* =======================================================================================================================================
CF7 Contact Form 7
======================================================================================================================================= */

/* CF7 Style */
#top form.wpcf7-form .wpcf7-acceptance{display: block; margin-bottom: 15px}
#top form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item{margin: 0}
#top form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item > label{display: -webkit-box;display: -ms-flexbox;display: flex; line-height: 1.25;}
#top form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item > label > input{margin: 2px 8px 0 0;}
#top .main_color input[type='date'] {
	border: none;
    padding: 8px 6px;
    outline: none;
    font: 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 0px;
	background-color: #efefef;
}

#top .main_color select{
	border-radius: 0px;
}

/* CF7 Output */
#top .wpcf7 .wpcf7-not-valid-tip{display: none;}
#top .wpcf7 .wpcf7-response-output{font-size: 1rem; padding: 1em 2em; margin: 0;  border: 0; background: #eee}
#top .wpcf7 .wpcf7-not-valid{border-bottom: 1px solid darkred !important;}
#top .wpcf7 .wpcf7-validation-errors,
#top .wpcf7 .wpcf7-acceptance-missing{background: #fff0f0; border-left: 2px solid darkred;}
#top .wpcf7 .wpcf7-mail-sent-ok{background: #e7ffe7; border-left: 2px solid green;}

/* CF7 Grid */
@media only screen and (min-width: 567px) {
  .wpcf7 .nm_row {
    width: 100%;
    display: block;
    clear: both;
    overflow: hidden;
  }
  .wpcf7 .nm_one_half {
    width: 49.5%;
    margin-left: 1%;
    clear: none;
    float: left;
  }
  .wpcf7 .nm_row div:first-child {
    margin-left: 0;
  }
  .wpcf7 .nm_two_third {
    width: 66.3333333% !important;
    margin-left: 1%;
    clear: none !important;
    float: left !important;
  }
  .wpcf7 .nm_one_third {
    width: 32.6666667% !important;
    margin-left: 1%;
    clear: none !important;
    float: left !important;
  }
}

.form-area{
	margin-top: 40px;
}


/* =======================================================================================================================================
Weitere Produkte
======================================================================================================================================= */
#top .__weitere--produkte{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 2rem;
	overflow-x: scroll;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0 0 2rem 0;
}
#top .__weitere--produkte > a{
	display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
    gap: 16px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
    box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 4px solid #039d50 !important;
    padding: 1rem 2rem;
    scroll-snap-align: start;
}
#top .__weitere--produkte > a > figure{min-width: 96px; max-width: 96px; aspect-ratio: 1/1;}
#top .__weitere--produkte > a > figure > img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;}
#top .__weitere--produkte > a > .__title{}


/* =======================================================================================================================================
Footer
======================================================================================================================================= */
#footer{border: 0; padding: 50px 0 25px}
#footer h3.widgettitle{text-transform: inherit; letter-spacing: 0}
#footer ul#menu-anwendungen{margin: 0.85em 0}
#footer ul#menu-anwendungen li a{font-size: 1rem; line-height: 1.5; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#footer ul#menu-anwendungen li a i{margin-right: .5em; font-size: 1.5rem}
#footer ul#menu-anwendungen li a:hover,
#footer ul#menu-anwendungen li.current-menu-item > a, 
#footer ul#menu-anwendungen li.current_page_item > a{font-weight: 400; color: #000}

@media only screen and (min-width: 1280px){
	#footer ul#menu-anwendungen{-webkit-columns: 2;-moz-columns: 2;columns: 2;}
}

@media only screen and (max-width: 768px){
	#footer ul#menu-anwendungen{-webkit-columns: 2;-moz-columns: 2;columns: 2;}
}

@media only screen and (max-width: 480px){
	#footer .widget{margin: 0}
	#footer ul#menu-anwendungen li a{font-size: 12px}
	#footer ul#menu-anwendungen li a i{font-size: 16px}
}	

#socket{border: 0}
#socket .container{font-size: 14px; padding-bottom: 100px}
#socket .container .copyright{float: inherit; display: block; text-align: center;}
#socket a{border-bottom: 1px solid}
#socket a:hover{color: #000}

#scroll-top-link{display: none !important;}