/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
@font-face{font-family: "brandon";src: url("../../files/layout/fonts/brandon/Brandon_reg.otf") format("opentype")}@font-face{font-family: "brandon-light";src: url("../../files/layout/fonts/brandon/Brandon_light.otf") format("opentype")}@font-face{font-family: "brandon-bold";src: url("../../files/layout/fonts/brandon/Brandon_bld.otf") format("opentype")}html{min-height: 100%;position: relative}body{background-color: #ddd;color: #000;font-family: "brandon", Arial, sans-serif;height: 100%;font-weight: 300;font-size: 22px;line-height: 28px}body div.ce_text:not(.withBackground) p{font-family: brandon-light}h1{color: #fff}h1,h3{font-size: 30px;text-align: center;text-transform: uppercase}h3{margin-top: 50px}.clear{clear: both}.container{margin: 0 auto;max-width: 1200px;position: relative;width: 100% !important}.container:after{clear: both;content: "";display: block;height: 1px}@media (max-width: 992px){.hide-on-med-and-down{display: none !important}}@media (min-width: 993px){.hide-on-large-only{display: none !important}}.invisible{display: none}.left{text-align: left}.nobackground{background: none !important;-webkit-transition: 1.5s;transition: 1.5s}.withBackground{background-color: #93c021;color: #fff;padding: 100px 0}.withBackground a{color: #fff;text-decoration: none}.withBackground.legalN{padding: 55px 20px}.withBackground.legalN h2{font-family: brandon-bold;font-size: 20px;margin-bottom: 0}.withBackground.legalN p,.withBackground.legalN li{font-family: brandon-light;font-size: 16px;line-height: 22px;margin-top: 0}.withBackground.legalN li{list-style: none}.withBackground.legalN li:before{bottom: 2px;content: "<";margin-right: 10px;position: relative}.headlineBackground{background-color: #93c021;color: #fff;margin: 0;padding-top: 175px}.right{text-align: right}.table{display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap}.table h1{width: 100%}.table .twoCols{display: -webkit-flex;display: -ms-flexbox;display: flex;float: left;width: 50%}@media (max-width: 992px){.table .twoCols{width: 100%}.table .twoCols div.legalN{padding: 0 20px}}.icon-table{display: table;width: 100%}.icon-table .table-row{display: table-row;width: 100%}.icon-table .table-row .table-cell{display: table-cell;vertical-align: middle}.spacing{clear: both;margin-bottom: 20px}.show{opacity: 0.92 !important;-webkit-transition: 1.5s;transition: 1.5s}.show.customer-text,.show.freelancer-text{opacity: 1 !important}.show a{display: block !important}img{height: auto;max-width: 100%}div.main-frame{background-color: #fff;margin: 70px auto;max-width: 1400px;overflow: hidden;padding-bottom: 128px;position: relative;width: 100%}div.main-frame header.page-header{overflow: hidden}div.main-frame header.page-header div.left-header{float: left;position: absolute}div.main-frame header.page-header div.left-header img{height: auto;width: 110px}div.main-frame header.page-header div.logo-header{padding-top: 40px;text-align: center}div.main-frame header.page-header div.logo-header img{height: auto;width: 240px}div.main-frame header.page-header div.phone{position: absolute;right: -174px;top: 40px}div.main-frame header.page-header div.phone span{color: #fff}div.main-frame header.page-header div.phone span a{background-color: #93c021;color: #fff;padding: 10px 20px 10px 0;text-decoration: none}div.main-frame header.page-header div.phone span a img{padding: 0 15px;position: relative;top: 19px;max-width: 40px}div.main-frame header.page-header div.phoneshadow{-webkit-box-shadow: -10px 0px 4px -7px rgba(0,0,0,0.75);-moz-box-shadow: -10px 0px 4px -7px rgba(0,0,0,0.75);box-shadow: -10px 0px 4px -7px rgba(0,0,0,0.75);background: #fff;height: 80px;position: absolute;right: 0;top: 40px;width: 40px}div.main-frame header.page-header div.nav-container{margin-top: 0px}div.main-frame header.page-header div.nav-container nav ul{list-style: none;padding-left: 0;text-align: center}div.main-frame header.page-header div.nav-container nav ul li{display: inline-block}div.main-frame header.page-header div.nav-container nav ul li a,div.main-frame header.page-header div.nav-container nav ul li span{color: #3c3c3b;text-decoration: none;text-transform: uppercase}div.main-frame header.page-header div.nav-container nav.mod_navigation li{padding: 0 20px}div.main-frame header.page-header div.nav-container nav.mod_navigation li.first{padding-left: 44px}div.main-frame header.page-header div.nav-container nav.mod_navigation li.active span{font-family: "brandon-bold";font-weight: 700}div.main-frame section.page-content div.image-container{position: relative}div.main-frame section.page-content div.image-container div.content-box{background-size: cover;border: 3px solid #fff;cursor: pointer;float: left;font-size: 18px;height: 500px;overflow: hidden;position: relative;width: calc(50% - 6px)}div.main-frame section.page-content div.image-container div.content-box.engine{background-image: url('../../files/images/EnginIT/engine.jpg');background-position: 50% 100%}div.main-frame section.page-content div.image-container div.content-box.freelancer{background-image: url('../../files/images/EnginIT/freelancer_neu.jpg');background-position: 52% 54%}div.main-frame section.page-content div.image-container div.content-box.customer{background-image: url('../../files/images/EnginIT/customer_neu.jpg');background-position: 52%}div.main-frame section.page-content div.image-container div.content-box.hands{background-image: url('../../files/images/EnginIT/hands_neu.jpg');background-position: 50%;background-size: 140%}div.main-frame section.page-content div.image-container div.content-box div.headline{color: #fff;opacity: inherit;position: absolute;top: calc(100% / 2 - 30px);-webkit-transition: 1.5s;transition: 1.5s;width: 100%;z-index: 10}div.main-frame section.page-content div.image-container div.content-box div.headline h2{background-color: rgba(147,192,33,0.8);font-size: 30px;font-weight: 300;height: 50px;line-height: 50px;margin: 0;padding: 5px 0;text-align: center}div.main-frame section.page-content div.image-container div.content-box div.headline.hide{opacity: 0;-webkit-transition: 1.5s;transition: 1.5s}div.main-frame section.page-content div.image-container div.content-box div.spanbox{bottom: 10px;color: #fff;font-family: brandon-light;font-size: 20px;position: absolute;right: 10px}div.main-frame section.page-content div.image-container div.content-box div.text{background: #93c021;color: #fff;height: 100%;left: 0;opacity: 0;padding: 20px;position: absolute;top: 0;right: 0;-webkit-transition: 1.5s;transition: 1.5s}div.main-frame section.page-content div.image-container div.content-box div.text h3{font-family: brandon-light;font-size: 26px;margin: 0 0 40px 0;text-align: left}div.main-frame section.page-content div.image-container div.content-box div.text h3 strong{font-family: brandon-bold}div.main-frame section.page-content div.image-container div.content-box div.text.right{padding-left: 60px}@media (max-width: 992px){div.main-frame section.page-content div.image-container div.content-box div.text.right{padding-left: 20px}}div.main-frame section.page-content div.image-container div.content-box div.text.right a{color: #fff;display: none;margin-top: 40px;text-align: center;text-decoration: none}@media (max-width: 1080px){div.main-frame section.page-content div.image-container div.content-box div.text.right a{margin-top: 18px}}@media (max-width: 992px){div.main-frame section.page-content div.image-container div.content-box div.text.right a{margin-top: 60px}}div.main-frame section.page-content div.image-container div.content-box div.text.right a img.logo{width: 135px}div.main-frame section.page-content div.image-container div.content-box div.text.right h3{text-align: right}div.main-frame section.page-content div.image-container div.content-box div.text.customer-text,div.main-frame section.page-content div.image-container div.content-box div.text.freelancer-text{background-image: url('../../files/images/EnginIT/tafel.jpg');background-size: 100% 100%}div.main-frame section.page-content div.image-container div.content-box div.text.customer-text div.texticon strong,div.main-frame section.page-content div.image-container div.content-box div.text.freelancer-text div.texticon strong{font-family: brandon-bold;font-size: 20px;text-transform: uppercase}div.main-frame section.page-content div.image-container div.content-box div.text.customer-text div.texticon span,div.main-frame section.page-content div.image-container div.content-box div.text.freelancer-text div.texticon span{font-family: brandon-light;font-size: 18px}div.main-frame section.page-content div.image-container div.content-box div.text.customer-text figure.icon,div.main-frame section.page-content div.image-container div.content-box div.text.freelancer-text figure.icon{width: 14%}div.main-frame section.page-content div.image-container div.content-box div.text.customer-text figure.icon img,div.main-frame section.page-content div.image-container div.content-box div.text.freelancer-text figure.icon img{width: 75%}div.main-frame section.page-content div.image-container div.knot-box{border: 7px solid #fff;border-radius: 50%;height: 200px;left: calc(50% - 100px);position: absolute;top: calc(50% - 100px);width: 200px}div.main-frame section.page-content div.image-container div.knot-box img{border-radius: 50%}div.main-frame section.page-content div.image-container:after{clear: both;content: "";display: block;height: 1px}div.main-frame footer.page-footer{background: #3c3c3b;bottom: 0;height: 64px;position: absolute;width: 100%}div.main-frame footer.page-footer div.copyright{color: #fff;float: left;font-size: 14px;line-height: 64px;text-transform: uppercase}div.main-frame footer.page-footer div.footer-navigation{float: right}div.main-frame footer.page-footer div.footer-navigation nav ul{line-height: 64px;list-style: none;margin: 0}div.main-frame footer.page-footer div.footer-navigation nav ul li{display: inline-block}div.main-frame footer.page-footer div.footer-navigation nav ul li.last{margin-left: 30px}div.main-frame footer.page-footer div.footer-navigation nav ul li a,div.main-frame footer.page-footer div.footer-navigation nav ul li span{color: #fff;font-size: 14px;text-decoration: none;text-transform: uppercase}@media (max-width: 992px){div.main-frame{margin: 45px auto}div.main-frame div.container{width: 96% !important}div.main-frame header.page-header div.phone{right: -217px}div.main-frame header.page-header div.phone a i{padding-right: 20px}div.main-frame header.page-header div.phoneshadow{display: none}div.main-frame section.page-content div.image-container div.content-box{width: 100%}div.main-frame section.page-content div.image-container div.content-box div.text.right{text-align: left}div.main-frame section.page-content div.image-container div.content-box div.text.right h3{text-align: left}}@media (max-width: 600px){h1{font-size: 26px}p{font-size: 18px}div.main-frame section.page-content div.image-container div.content-box h2{font-size: 24px !important}div.main-frame footer.page-footer{height: 80px}div.main-frame footer.page-footer div.copyright{float: none;line-height: 40px;text-align: center}div.main-frame footer.page-footer div.footer-navigation{float: none;text-align: center}div.main-frame footer.page-footer div.footer-navigation nav ul{line-height: 30px;padding: 0}}@media (max-width: 992px){body div.main-frame section.page-content div.image-container div.content-box.engine{background-position: 50%}}@media (max-width: 992px){body div.main-frame section.page-content div.image-container div.content-box.freelancer{background-position: 52%}}@media (max-width: 600px){body div.main-frame section.page-content div.image-container div.content-box.customer{height: 580px}}@media (max-width: 600px){body div.main-frame section.page-content div.image-container div.content-box.hands{height: 650px}}
