.begrippenlijst{margin:0 0 64px 0} .begrippenlijst article{max-width:1032px} .begrippenlijst header{background-color:#ecf0f0;background-image:url(https://cdn.softwaresystemen.nl/nodes/begrippenlijst.webp);background-size:cover;background-position:60% top;padding:104px 0;margin-bottom:48px;position:relative} .nowebp .begrippenlijst header{background-image:url(https://cdn.softwaresystemen.nl/nodes/begrippenlijst.jpg)} .begrippenlijst header article{position:relative} .begrippenlijst header::before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:-moz-linear-gradient(left,rgba(236,240,240,1) 500px,rgba(255,255,255,0) 800px);background:-webkit-linear-gradient(left,rgba(236,240,240,1) 500px,rgba(255,255,255,0) 800px);background:linear-gradient(to right,rgba(236,240,240,1) 500px,rgba(255,255,255,0) 800px)} .begrippenlijst header p{margin-bottom:0} .begrippenlijst .content{max-width:456px} .begrippenlijst h1{font-size:32px;line-height:48px} .begrippenlijst h2{font-size:16px;line-height:24px} .begrippenlijst p{margin:0 0 16px 0} .begrippenlijst.package header{background-image:url(https://cdn.softwaresystemen.nl/nodes/erp-package.webp)} .nowebp .begrippenlijst.package header{background-image:url(https://cdn.softwaresystemen.nl/nodes/erp-package.jpg)} .begrippenlijst.package ul.bullet{margin-bottom:16px} .begrippenlijst.package ul.bullet li{padding-left:24px} .begrippenlijst.package ul.bullet.check li::before{font-family:"Font Awesome 5 Pro";left:0;top:1px;position:absolute;font-size:18px;content:"\f00c";color:#6cd367} .begrippenlijst.package a.back{display:inline-block;text-transform:uppercase;font-weight:700} .begrippenlijst.package a.back .fa{font-size:20px;margin:0 6px 0 0;position:relative;top:2px} .other-page{margin:50px 0 64px 0;font-size:16px} .other-page .content{max-width:640px} .other-page h1{font-size:40px;line-height:48px} .other-page h2{font-size:32px;line-height:40px;font-weight:400;margin:6px 0 0 0} .other-page h3{font-size:24px;line-height:32px} .other-page p{margin-top:0} .other-page hr{margin:22px 0 22px 0;border:solid #d9dfe1;border-width:0 0 2px 0} .other-page ul{margin-bottom:16px} .other-page ul li{padding-left:16px;position:relative} .other-page ul li::before{content:"\2022";position:absolute;left:0;font-weight:700;top:2px} .other-page .module{margin-bottom:16px} .other-page .module h3{cursor:pointer;display:inline-block} .other-page .module .fa-plus{font-size:16px;margin:0 4px 0 0;position:relative;bottom:3px} .other-page .module .table{width:calc(100% + 32px);position:relative;height:0;overflow:hidden;margin:8px 0 0 0;opacity:0;transition:height .2s,opacity .2s;-webkit-transition:height .2s,opacity .2s;-moz-transition:height .2s,opacity .2s;-ms-transition:height .2s,opacity .2s;-o-transition:height .2s,opacity .2s} .other-page .module .table .wrap{background:#fff;padding:16px;width:calc(100% - 32px)} .other-page .module.active .table{opacity:1} .other-page .module .table p:last-child{margin-bottom:0} .other-page .module.active .fa-plus::before{content:"\f068"} .other-page .module .table .closeModule{font-size:22px;position:absolute;right:0;top:0;cursor:pointer;transition:margin .1s;-webkit-transition:margin .1s;-ms-transition:margin .1s;-moz-transition:margin .1s;-o-transition:margin .1s} .gdpr{overflow:hidden;background:#fff;padding-bottom:48px;font-size:13px;line-height:21px} .gdpr article{max-width:560px} .gdpr header article{margin:0 auto} .gdpr header{background-color:#ecf0f0;background-image:url(https://cdn.softwaresystemen.nl/nodes/gdpr-header.webp);background-size:cover;background-position:center;max-width:1480px;margin:24px auto 40px auto;min-height:472px;display:flex;align-items:flex-end;padding-bottom:40px} .nowebp .gdpr header{background-image:url(https://cdn.softwaresystemen.nl/nodes/gdpr-header.jpg)} .gdpr.privacy header{background-image:url(https://cdn.softwaresystemen.nl/nodes/privacy-header.webp)} .nowebp .gdpr.privacy header{background-image:url(https://cdn.softwaresystemen.nl/nodes/privacy-header.jpg)} .gdpr header h1{font-size:40px;line-height:1.4;letter-spacing:-.01em} .gdpr .text{padding-bottom:40px} .gdpr .text h2{font-size:24px;line-height:30px;margin:26px 0 6px 0;font-weight:400} .gdpr .text h3{font-size:14px;line-height:22px;margin:0} .gdpr .text p{margin:0 0 16px 0} .gdpr .text .imageWrap{position:relative;margin:40px 0 32px 0;padding-top:63.67%} .gdpr .text .imageWrap img{position:absolute;top:0;left:50%;transform:translate(-50%);max-width:150%} .gdpr .text a{color:#3cb9c4} .gdpr .text ul{margin:0 0 16px 19px} .gdpr .text ul li{list-style:disc} .gdpr .text .sources{font-size:13px;border-top:1px solid #d3d3d3;margin-top:48px} .gdpr .text .source{font-size:11px;position:relative;top:-4px} @media screen and (max-width:1480px){ .gdpr header{margin-top:0;min-height:320px} } @media screen and (max-width:800px){ .begrippenlijst header{background-image:none;padding:48px 0} } @media screen and (max-width:500px){ .other-page{font-size:13px} .other-page h1{font-size:32px;line-height:40px} .other-page h2{font-size:24px;line-height:32px} .other-page h3{font-size:16px;line-height:24px} .other-page h4{font-size:14px} .gdpr header h1{font-size:32px;line-height:44px} .gdpr header h1 br{display:none} }