@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-300.eot); src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-300.eot?#iefix) format('embedded-opentype'), url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-300.woff2) format('woff2'), url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-300.woff) format('woff'), url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-300.ttf) format('truetype'), url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-300.svg#SourceSansPro) format('svg'); } @font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-regular.eot); src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-regular.eot?#iefix) format('embedded-opentype'), url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-regular.woff2) format('woff2'), url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-regular.woff) format('woff'), url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-regular.ttf) format('truetype'), url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro) format('svg'); } @font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-600.eot); src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-600.eot?#iefix) format('embedded-opentype'), url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-600.woff2) format('woff2'), url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-600.woff) format('woff'), url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-600.ttf) format('truetype'), url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro) format('svg'); }
.wpcf7-form label:first-of-type {
padding-top: 20px;
}
.wpcf7-form label {
padding: 10px 0px;
display: block;
cursor: pointer;
} 
.wpcf7-form label p {
margin-bottom: 10px;
} 
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label {
font-size: 16px;
cursor: pointer;
}
.wpcf7-form .wpcf7-submit {
margin-top: 15px;
}
@media screen and (min-width: 980px){
footer .wrap .clearfix {
display: flex;
align-items: center;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.search button {
background-color: #fff;
border: none;
cursor: pointer;
}
.search button i {
color: #3251a1;
} a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0} html, body{min-height: 100%; height: 100%;}
body{font-family: 'Source Sans Pro', Arial; font-size: 20px; font-weight: 300; background: #efefef; line-height: 1.4; color:#484848; -webkit-appearance: none;}
img{max-width: 100%; height: auto;}
p{margin-bottom: 1.4em;}
p:last-of-type{margin-bottom: 0em;}
strong{font-weight: 600;}
a{text-decoration: none; color: #3251a1;}
.wrap{max-width: 1102px; margin: 0 auto; padding: 0px 15px;}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; } .clearfix:after {content: "."; clear: both; display: block; visibility: hidden; height: 0px;} h1, h2, h3, h4, h5, h6{color: #3251a1;}
h1{font-size: 44px; margin-bottom: 60px;}
h2{font-size: 34px; margin-bottom: 30px;}
h1{background: url(//droewke-anlagenbau.de/wp-content/themes/droewke-anlagenbau.de/images/logo-w.png) left center no-repeat; padding-left: 50px;} .table{display: table;}
.valign{display: table-cell; vertical-align: middle;}
.relative{position: relative;}
.h100{height: 100%;}
.right{float: right;}
.mb60{margin-bottom: 60px;}
.text-right{text-align: right;} header{position: relative; width: 100%; height: 150px; background: #ffffff; position: relative; top: 0px; z-index:999; -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,0.3); box-shadow: 0 0 40px 0 rgba(0,0,0,0.3);}
header .logo{float: left;}
header .logo img{width: 250px}
header .btn-menu{display: none;} .mobile-nav{display: none;}
header nav#desktop{float: right; height: 100%;}
header nav#desktop .mainmenu, header nav#desktop .mainmenu ul#menu-hauptmenue{height: auto;}
header nav#desktop ul li{display: inline-block;}
header nav#desktop ul li a{padding: 8px 17px; font-size: 20px; color: #3251a1; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
header nav#desktop ul li a:hover, header nav#desktop ul li.current_page_item a, header nav#desktop ul li.current-menu-item a{background: #3251a1; color: #ffffff;}
header nav#desktop ul li.search{font-size: 14px; margin-left: 10px; color: #3251a1; cursor: pointer;}
header nav#desktop ul li.search i{position: relative; top: -2px;}
header .navicon-button{display: none;}
.navicon-button {display: inline-block; transition: .3s; cursor: pointer; user-select: none;float: right;}
.open.navicon-button .navicon:before {top: 0px;}
.open.navicon-button .navicon:after {top: 0px;}
.navicon {display: inline-block; width: 40px; height: 7px; background: #3251a1; user-select: none; transition: .3s; position: relative;}
.navicon:before, .navicon:after {
display: block;
width: 40px;
height: 7px;
background-color: rgba(0, 0, 0, 0.85);
user-select: none;
transition: .3s;
position: absolute;
content: '';
transform-origin: 0.75rem center;
background: #3251a1; 
margin-right: 1px;
}
.navicon:before {top: -11px;}
.navicon:after {top: 11px;} .nav-search{position: absolute; top : 24px; left: 0px; display: none;}
.nav-search .form-control{border: 1px solid #dfdfdf; padding: 12px 0px; width: 320px; float: left; }
.nav-search .btn-search{
width: 91px; float: left; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
background: #3251a1; color: #ffffff; border: none; font-family: 'Source Sans Pro', Arial; font-size: 20px; font-weight: 300; padding: 8px 12px; height: 43px; cursor: pointer;
}
.nav-search .btn-search:hover{background: #3e60b6;} #slider{width: 100%; max-height: 505px; overflow: hidden; background: #ccc; border-bottom: 5px solid #ee3439; position: relative;}
#slider img{vertical-align: bottom;} .breadcrumb{margin: 40px 0px; font-size: 14px; text-transform: uppercase; font-weight: 600; color: #3f3f3f;} .white-box{background: #ffffff; padding: 60px; margin-bottom: 60px; }
.white-box ul{margin: 15px 15px 15px 30px; list-style-type: disc;}
.white-box ul li{margin-bottom: 10px;}
.white-box .col{float: left;}
.white-box .col-half{width: 50%;}
.video{margin-top: 40px; clear: both;}
.video video{width: 100%; height: auto;}
a.btn-more,
span.btn-more{
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
background: #3251a1; color: #ffffff; border: none; font-family: 'Source Sans Pro', Arial; font-size: 20px; font-weight: 300; padding: 5px 12px; cursor: pointer;
}
a.btn-more:hover,
span.btn-more:hover{background: #3e60b6;}
a.btn-back{display: inline-block; background: #3251a1; padding: 8px 25px; text-align: center; color: #ffffff; margin-bottom: 60px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a.btn-back:hover{background: #3e60b6;}
.search-row{margin-bottom: 30px;}
.search-row:last-of-type{margin-bottom: 0px;}
ul.leistungen{list-style: none;}
ul.leistungen li{float: left; margin-right: 0.9074410163339384%; width: 32.66787658802178%; height: auto; overflow: hidden; margin-bottom: 10px;}
ul.leistungen li.last-2{margin-right: 0.9074410163339384%;}
ul.leistungen li.last-3{margin-right: 0;}
ul.leistungen li .box-title{position: relative;display: inline-block;}
ul.leistungen li .box-title .title-big{position: absolute; z-index: 999; color: #ffffff; font-size: 44px; top: 10px; left: 30px;}
ul.leistungen li img{ vertical-align: bottom; width: 100%; height: auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
ul.leistungen li:not(:first-child) img, ul.leistungen.all li img, ul.leistungen.all li:last-child img{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);	
}
ul.leistungen li:last-child img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}
ul.leistungen li:hover img, ul.leistungen.all li:last-child:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);		
}
ul.leistungen li .box-title .title span{text-decoration: none; position: absolute; z-index: 999; bottom: 0px; right: 0px; color: #ffffff; background: #3251a1; padding: 5px 15px;}
ul.leistungen li .box-title .title-link span{font-size: 34px; text-decoration: none; position: absolute; z-index: 999; bottom: 0px; right: 0px; color: #ffffff; background: #3251a1; padding: 5px 15px;}
.bild{float: left; margin: 0px 6px;}
.bild a.fotogalerie img{vertical-align: bottom;}
.bild .title{font-size: 14px; height: 75px; width: 150px; line-height: 1.2;} .wpcf7{float: left; width: 48%;}
.wpcf7 span{font-size: 14px;}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea{width: 100%; border: 1px solid #dfdfdf;}
.wpcf7 .wpcf7-text{padding: 10px 0px;}
.wpcf7 .wpcf7-submit{
-webkit-appearance: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
background: #3251a1; color: #ffffff; border: none; font-family: 'Source Sans Pro', Arial; font-size: 20px; font-weight: 300; padding: 5px 12px; cursor: pointer;
}
.wpcf7 .wpcf7-submit:hover{background: #3e60b6;}
.kontakt-right{float: right; width: 45%;} footer{background: #ffffff; width: 100%;}
footer .top img{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;	
}
footer .top img:hover{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}
footer .top img{width: 200px;}
footer .top .col{float: left;}
footer .top .col-33{width: 33.333%}
footer .top .col div.fi{padding: 60px 0px;}
footer .bottom{font-size: 18px; border-top: 1px solid #494949; padding: 20px 0px;}
footer .bottom .copyright{float: left;}
footer .bottom nav{float: right;}
footer .bottom nav ul li{display: inline-block; margin-left: 25px;}
footer .bottom nav ul li a{font-size: 18px; color:#484848; text-decoration: none;}
.col-30{width: 30%;}
.col-70{width: 70%;}
.wp-caption-text{margin-bottom: 15px !important; font-size: 0.75em;} @media screen and (max-width: 920px){
body{font-size: 16px;}
header nav#desktop ul li a{padding: 5px 12px; font-size: 16px;}	
}
@media screen and (max-width: 860px){
body{font-size: 16px;}
h1{font-size: 34px; margin-bottom: 30px;}
.nav-search{left: auto; right: 25px;}	
.nav-search .form-control{width: 335px; }	
}
@media screen and (max-width: 790px){
header nav#desktop ul li a{padding: 5px 12px; font-size: 14px;}		
}
@media screen and (max-width: 727px){
body{font-size: 14px;}	
h1{font-size: 30px; margin-bottom: 30px;}	
h2{font-size: 24px; margin-bottom: 30px;}	
.mobile-nav{display: block !important;}
header{height: 100px !important;}
header .logo{ width: auto; }	
header .logo img{max-width: 150px; height: auto;}	
header nav#desktop{display: none !important; float: none; position: absolute; top: 100px; width: calc(100% - 30px);}	
header nav#mobile{ position: relative;}
header nav#mobile .mainmenu, header nav .mainmenu ul#menu-hauptmenue{height: auto; width: 100%; background: #3251a1; }
header nav#mobile ul li{width: 100%; text-align: center; display: none; }
header nav#mobile ul li a{color: #ffffff; padding: 15px 0px; display: block; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
header nav#mobile ul li a:hover, header nav#mobile ul li.current_page_item a, header nav#desktop ul li.current-menu-item a{background: #3e60b6;}
header nav#mobile ul li.search{display: none;}
header .navicon-button{display: block; float: right;}
}
@media screen and (max-width: 700px){
.wpcf7, .kontakt-right{float: none; width: 100%;}
.kontakt-right{margin-top: 30px;}	
}
@media screen and (max-width: 660px){
.white-box{padding: 30px; }	
ul.leistungen li{margin-right: 10px; width: calc(50% - 10px);}
ul.leistungen li.last-2{margin-right: 0px;}
ul.leistungen li.last-3{margin-right: 10px;}
ul.leistungen li.last-3.more{margin-right: 0px; width: calc(100% - 10px); height: 55px;}
ul.leistungen li.last-3.more .box-title .title-link span{position: relative; display: block; text-align: center;}
footer .top .col{float: left; text-align: center;}
footer .top .col-33{width: 100%;}
footer .top .col:nth-child(1) div.fi{padding-top:60px;}
footer .top .col div.fi{padding: 0px 0px 30px 0px;}
footer .top .col:nth-child(3) div.fi{padding-bottom:60px;}
footer .bottom .copyright, footer .bottom nav{float: none; text-align: center;}
footer .bottom nav{margin-top: 10px;}
footer .bottom nav ul li{margin: 0px 10px;}
}
@media screen and (max-width: 550px){
ul.leistungen li, ul.leistungen li.last-3.more{margin-right: 0px; width: 100%;}
ul.leistungen li.last-2{margin-right: 0px;}
ul.leistungen li.last-3{margin-right: 0px;}	
}
footer .top .col-70 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 17px;
}
header button {
border: none;
background-color: transparent;
}