.wat-is-erp{font-size:13px;line-height:21px} .wat-is-erp .headerErpTool{margin-bottom:0} .wat-is-erp .headerConsult{margin-bottom:0} .wat-is-erp .part article{position:relative;z-index:1} .wat-is-erp h1{font-size:32px;line-height:40px;margin-bottom:12px} .wat-is-erp h3{font-size:13px;line-height:21px;font-weight:700} .wat-is-erp .news-item h3{font-size:16px;line-height:24px} .wat-is-erp .part h2{font-size:24px;line-height:1.4;font-weight:400;margin:0 0 4px 0} .wat-is-erp .part p.first{font-size:16px;line-height:24px} .wat-is-erp .part p{margin:0 0 16px 0} .wat-is-erp .part.white{background:#fff} .wat-is-erp .part{padding:72px 0;position:relative;overflow:hidden} .wat-is-erp .part ul{margin:0 0 16px 0} .wat-is-erp .half{max-width:540px;width:50%} .wat-is-erp .half:nth-of-type(odd){float:left} .wat-is-erp .half:nth-of-type(even){float:right} .wat-is-erp .sideimage{position:absolute;z-index:0} .wat-is-erp .introVideo{background:#172a3a;margin:24px 0 48px 0;padding:20px 0} .wat-is-erp .lightbox-image{margin:16px 0} .wat-is-erp .lightbox-image::after{display:none} .wat-is-erp .firstC2a{padding:24px;overflow:hidden;position:relative;color:#fff;background-image:url(https://cdn.softwaresystemen.nl/nodes/male-businessman-calling-landline.webp);background-size:auto 483px;background-repeat:no-repeat;background-position:68% top} .nowebp .wat-is-erp .firstC2a{background-image:url(https://cdn.softwaresystemen.nl/nodes/male-businessman-calling-landline.jpg)} .wat-is-erp .firstC2a::before{content:"";width:82%;height:100%;background:rgba(60,185,196,.95);position:absolute;top:0;left:-10%;transform:skew(-5deg)} .wat-is-erp .firstC2a .text{position:relative;width:70%} .wat-is-erp .firstC2a h2{font-weight:700;font-size:26px;line-height:34px;color:inherit;letter-spacing:-.5px} .wat-is-erp .firstC2a ul{margin:8px 0 16px 0} .wat-is-erp .firstC2a li{padding-left:17px;position:relative;list-style-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=)} .wat-is-erp .firstC2a li::before{content:"\f00c";font-family:"Font Awesome 5 Pro";color:#6aff8d;position:absolute;top:0;left:0} .wat-is-erp .firstC2a li+li{margin-top:6px} .wat-is-erp .pros-n-cons ul li{padding-left:24px;position:relative} .wat-is-erp .pros-n-cons ul li+li{margin-top:21px} .wat-is-erp .pros-n-cons ul li::before{font-family:"Font Awesome 5 Pro";left:0;top:0;position:absolute;font-size:18px} .wat-is-erp .pros-n-cons .pros ul li::before{content:"\f00c";font-weight:700;color:#6cd367} .wat-is-erp .pros-n-cons .cons ul li::before{content:"\f12a";font-weight:700;top:1px;left:7px;color:#d36351} .wat-is-erp .pros-n-cons .pros ul li{padding-left:24px} .wat-is-erp .pros-n-cons .cons{margin-top:72px} .wat-is-erp .compare .half{float:none;margin:auto} .wat-is-erp .compare ul.check>li{padding-left:22px} .wat-is-erp .compare ul.check>li::before{content:"\f00c";font-size:18px;top:1px;color:#3cb9c4} .wat-is-erp .compare .laptop{position:absolute;top:0;left:0;pointer-events:none} .wat-is-erp .compare .schrift{position:absolute;bottom:0;right:0;pointer-events:none} .wat-is-erp .compare .c2a{background:#ecf0f0;padding:32px;margin:0 -32px;margin-top:32px} .wat-is-erp .compare .c2a h2{margin-bottom:6px} .wat-is-erp .platform .list{margin-top:24px} .wat-is-erp .platform h3{position:relative;font-size:20px;line-height:32px;margin:0 0 8px -2px;font-weight:400} .wat-is-erp .platform .fa{position:absolute;left:0;top:0;font-size:27px} .wat-is-erp .platform .cloud h3{padding-left:40px} .wat-is-erp .platform .cloud .fa{top:1px} .wat-is-erp .platform .hosted h3{padding-left:31px} .wat-is-erp .platform .hosted .fa{top:2px} .wat-is-erp .platform .on-premise .fa-desktop{top:3px} .wat-is-erp .platform .on-premise h3{padding-left:38px} .wat-is-erp .platform .hybrid .fa-desktop{top:3px} .wat-is-erp .platform .hybrid .fa-cloud{top:-5px;left:17px;font-size:16px;text-shadow:-3px 2px 0 #ecf0f0} .wat-is-erp .platform .hybrid h3{padding-left:42px} .wat-is-erp .implementation{counter-reset:ol-wat-is-erp} .wat-is-erp .implementation .half{float:none;margin:auto} .wat-is-erp .implementation .step{position:relative} .wat-is-erp .implementation .step+.step{margin-top:32px;border-top:3px solid #dce8e8;padding-top:32px} .wat-is-erp .implementation .step+.step::before{content:"\f107";font-family:"Font Awesome 5 Pro";position:absolute;font-size:34px;top:-7px;color:#dce8e8;background:#fff;width:17px;text-align:center;text-indent:0} .wat-is-erp .implementation .keyboard{position:absolute;top:48px;left:0;pointer-events:none} .wat-is-erp .implementation .coffee{position:absolute;bottom:64px;right:0;pointer-events:none} .wat-is-erp .modules-n-costs .half{float:none;margin:auto} .wat-is-erp .modules-n-costs .list{float:left;width:50%;min-width:208px} .wat-is-erp .modules-n-costs .list strong{display:block} .wat-is-erp .modules-n-costs ul.bullet{float:left} .wat-is-erp .modules-n-costs ul.bullet:first-of-type{padding-right:16px} .wat-is-erp .modules-n-costs .costs{margin-top:48px} .wat-is-erp .part.c2a{background:#fff} .wat-is-erp .part.c2a .half{margin:auto;float:none} .wat-is-erp .part.c2a .half+.half{margin-top:72px} .wat-is-erp .branches .half.intro{float:none;margin:0 auto 72px auto} .wat-is-erp .branches .newsitems .half{width:calc(50% - 12px)} .wat-is-erp .branches .news-item{width:100%;margin:0 0 24px 0} .wat-is-erp .branches .news-item .wrap{padding-bottom:16px} .wat-is-erp .branches .button{font-weight:700;text-transform:uppercase} .wat-is-erp .branches .button::after{content:"\f178";font-family:"Font Awesome 5 Pro";font-size:20px;margin:0 0 0 6px;position:relative;top:3px;font-weight:400} @media screen and (max-width:1434px){ .wat-is-erp header.newC2aHeader{background-size:cover;background-position:47% center} } @media screen and (max-width:1300px){ .wat-is-erp .compare .laptop{left:-64px} .wat-is-erp .compare .schrift{right:-64px} .wat-is-erp .implementation .keyboard{left:-64px} .wat-is-erp .implementation .coffee{right:-64px} } @media screen and (max-width:1024px){ .wat-is-erp header{position:relative} .wat-is-erp .branches .newsitems .half,.wat-is-erp .half{width:100%;max-width:456px;margin:auto} .wat-is-erp .branches .newsitems .news-item{width:calc(100% + 16px);margin-left:-8px} .wat-is-erp .half.contens{margin-top:32px} .wat-is-erp .half:nth-of-type(odd){float:none} .wat-is-erp .half:nth-of-type(even){float:none} .wat-is-erp .half.hosted,.wat-is-erp .half.hybrid{margin-top:24px} .wat-is-erp .part.white{padding:64px 0} .wat-is-erp .compare .laptop{left:-128px} .wat-is-erp .compare .schrift{right:-128px} .wat-is-erp .implementation .keyboard{left:-128px} .wat-is-erp .implementation .coffee{right:-128px} .wat-is-erp .half.firstC2a{margin-top:40px} } @media screen and (max-width:900px){ .wat-is-erp h2 br{display:none} .wat-is-erp .compare .laptop,.wat-is-erp .compare .schrift,.wat-is-erp .implementation .coffee,.wat-is-erp .implementation .keyboard{display:none} } @media screen and (max-width:800px){ .wat-is-erp .sideimage{display:none} } @media screen and (max-width:500px){ .wat-is-erp .firstC2a h2{font-size:22px;line-height:30px} .wat-is-erp .half.firstC2a{margin:40px -24px 0 -24px;width:calc(100% + 48px);max-width:none} .wat-is-erp .half.firstC2a .but{white-space:nowrap} } @media screen and (max-width:450px){ .wat-is-erp .half.firstC2a::before{transform:none;width:100%;left:0} .wat-is-erp .half.firstC2a .text{width:100%} }