@font-face {
    font-family: 'gizmo';
    src: url('assets/fonts/ss-gizmo.woff') format('woff');
    font-weight: normal;
    font-style: normal; 
}

@font-face {
    font-family: 'helvetica_rg';
    src: url('assets/fonts/842088d0-1ae2-40d0-8561-3c95761ba7a6.woff') format('woff');
}
@font-face {
    font-family: 'helvetica_rg_it';
    src: url('assets/fonts/d37af467-6908-4edb-85b4-1b923e8677e0.woff') format('woff');
}
@font-face {
    font-family: 'helvetica_md';
    src: url('assets/fonts/11398868-5e58-467f-86d1-650e10dd998a.woff') format('woff');
}
@font-face {
    font-family: 'helvetica_md_it';
    src: url('assets/fonts/e4409e65-f0ce-4f06-b265-e1bebd1d699c.woff') format('woff');
}
@font-face {
    font-family: 'helvetica_bd';
    src: url('assets/fonts/102ab74c-0e84-4fe5-a17a-b20fb643591a.woff') format('woff');
}
@font-face {
    font-family: 'helvetica_bd_it';
    src: url('assets/fonts/0a4f4fc6-0a6f-48c8-b2ca-d0be41181c3e.woff') format('woff');
}
 
body, input, textarea{font-family: 'helvetica_rg';font-size:21px;line-height:1.6em;color:#474747;}
body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li{padding:0;margin:0;}body,html{overflow-x:hidden;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}a{outline:none !important;text-decoration:none;}ol,ul,li{list-style:none;}.clear{clear:both;line-height:0;font-size:0;height:0;width:0;overflow:hidden;visibility:hidden;display:block;}p{cursor:text;}b,strong{font-weight:bold;}input{-webkit-appearance:none;border-radius:0;border:1px solid #ddd;}img{-ms-interpolation-mode:bicubic;}li{display:list-item;}.cf:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}.cf{display:inline-block;}* html .cf{height:1%;}.cf{display:block;}
 
.wrapper{width:90%;max-width:1200px;margin:auto;position:relative;box-sizing:border-box;}

p {margin-bottom:10px;}

.btn {padding:13px 20px;background:#004f9f;color:#fff;font-family: 'helvetica_md';font-size:22px;transition:all .5s ease-in-out;}
.btn:hover {background:#e41d2c;}

header {margin-bottom:50px;}
header p {text-align:center;}

.logos {display:flex;justify-content:center;padding:50px 0;box-sizing:border-box;}
.logos a img {max-width:200px;margin:0 20px;}

main .headline {display:block;text-align:center;margin-bottom:30px;font-size:27px;color:#004f9f;font-family: 'helvetica_bd';}

.teaser-wrp {padding:3px;box-sizing:border-box;}
.teaser-wrp .teaser {background:blue;width:calc(33.333% - 6px);height:400px;margin:3px;display:flex;float:left;background-size:cover!important;position:relative;align-items:flex-end;justify-content:center;}
.teaser-wrp .teaser p {color:#b3c3d8;position:relative;z-index:2;width:90%;margin-bottom:5%;font-family:'helvetica_bd';font-size:21px;}
.teaser-wrp .teaser p span {display:block;color:#fff;font-size:26px;}
.teaser-wrp .teaser:after {content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:#16488b;opacity:0.9;transition:all .5s ease-in-out;z-index:1;}
.teaser-wrp .teaser:hover:after {opacity:0.7;} 

.teaser-wrp .teaser.elektrobau {background:url("assets/teaser_elektrobau.jpg") no-repeat center;}
.teaser-wrp .teaser.automation {background:url("assets/teaser_automation_it.jpg") no-repeat center;}
.teaser-wrp .teaser.rohrleitung {background:url("assets/teaser_rohrleitung_anlagenbau.jpg") no-repeat center;}
.teaser-wrp .teaser.mobilepower {background:url("assets/teaser_mobile_energy.jpg") no-repeat center;}
.teaser-wrp .teaser.solutions {background:url("assets/teaser_solutions.jpg") no-repeat center;}
.teaser-wrp .teaser.lichtanlagen {background:url("assets/teaser_kraft_lichtanlagen.jpg") no-repeat center;}

.karriere {padding:50px 0;box-sizing:border-box;}
.karriere p {font-size:25px;margin-right:20px;}
.karriere .karriere-wrp {display:flex;align-items:center;justify-content:space-between;}

footer {background:url("assets/footer-bg.jpg") no-repeat center;background-size:cover;}
footer .footer-wrp {display:flex;justify-content:space-between;align-items:center;padding:30px 0;box-sizing:border-box;}
footer ul li {display:flex;float:left;align-items:center;}
footer ul li:not(:last-child):after {content:'';width:1px;height:20px;background:#848484;margin:0 20px;}
footer ul li a{color:#b4b4b4;font-size:17px;transition:all .5s ease-in-out;font-family: 'helvetica_md';}
footer ul li a:hover{color:#fff;}

@media(max-width:1200px){
	body, input, textarea{font-size:20px;}
	main .headline {font-size:26px;}
	.teaser-wrp .teaser p {font-size:20px;}
	.teaser-wrp .teaser p span {font-size:25px;}
	.karriere p {font-size:24px;}
	.teaser-wrp .teaser{width:calc(50% - 6px);height:300px;}
	.karriere .wrapper {flex-direction:column;justify-content:flex-start;align-items:flex-start;}
	.btn{margin-top:30px;font-size:21px;}
}
@media(max-width:750px){
	body, input, textarea{font-size:19px;}
	main .headline {font-size:25px;}
	.teaser-wrp .teaser p {font-size:19px;}
	.teaser-wrp .teaser p span {font-size:24px;}
	.karriere p {font-size:23px;}
	.teaser-wrp .teaser{width:calc(100% - 6px);height:200px;}
	.btn{font-size:20px;}
}
@media(max-width:550px){
	body, input, textarea{font-size:18px;}
	main .headline {font-size:24px;}
	.teaser-wrp .teaser p {font-size:18px;}
	.teaser-wrp .teaser p span {font-size:23px;}
	.karriere p {font-size:22px;}
	.teaser-wrp .teaser{width:calc(100% - 6px);height:200px;}
	.logos div {display:flex;align-items:center;flex-direction:column;}
	.logos div a:first-child{margin-bottom:30px;}
	footer ul li {float:none;}
	footer ul li a {line-height:1.5em;}
	footer ul li:after {display:none;}
	.btn{font-size:19px;}
}