/* ========== LEVERANCIER VAN DE MAAND ========== */ .lvdm-overview header { padding: 80px 0; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/lvdm-overview.webp'); background-position: center; background-size: cover; position: relative; } .nowebp .lvdm-overview header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/lvdm-overview.jpg'); } .lvdm-overview header::before, .lvdm-overview header::after { content: ''; position: absolute; top: 0; height: 100%; } .lvdm-overview header::before { width: 50%; left: calc(50% - 620px); background: -moz-linear-gradient(left, rgba(33, 45, 57, 1) 50%, rgba(33, 45, 57, 0) 100%); background: -webkit-linear-gradient(left, rgba(33, 45, 57, 1) 50%, rgba(33, 45, 57, 0) 100%); background: linear-gradient(to right, rgba(33, 45, 57, 1) 50%, rgba(33, 45, 57, 0) 100%); } .lvdm-overview header::after { width: calc(50vw - 618px); left: 0; background: rgba(33, 45, 57, 1); } .lvdm-overview header .content { position: relative; max-width: 400px; position: relative; z-index: 1; } .lvdm-overview header h1 { color: #fff; font-size: 64px; line-height: 1.1em; letter-spacing: -0.02em; margin-bottom: 0.2em; } .lvdm-overview header p { color: #fff; } .lvdm-overview .suppliers { padding: 80px 0; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 56px; } .lvdm-overview .supplier .logo { width: 100%; height: 120px; display: flex; align-items: center; justify-content: center; background: #fff; padding: 16px; margin-bottom: 8px; } .lvdm-overview .supplier .logo img { max-width: 136px; max-height: 90px; } .lvdm-overview .supplier .date { color: #587086; } .lvdm-overview .supplier .name { color: #00829B; font-weight: bold; } .lvdm-overview .supplier .name::before { content: '\f054'; font-family: 'Font Awesome 5 Pro'; margin-right: 6px; font-size: 12px; } .page.lvdm header { padding: 80px 0; background-repeat: no-repeat; background-size: cover; background-color: #32475b; } .page.lvdm header svg { width: 320px; display: block; margin: auto; margin-bottom: 24px; } .page.lvdm header p { color: #c9d5df; width: 100%; max-width: 680px; text-align: center; margin: auto; font-size: 14px; line-height: 1.7; } .page.lvdm header a { color: #c9d5df; text-decoration: underline; } .page.lvdm .intro { background: #fff; padding: 80px 0; } .page.lvdm .intro article { position: relative; display: flex; justify-content: space-between; align-items: stretch; } .page.lvdm .intro .logo { float: left; width: 360px; padding: 24px; border: 3px solid #ecf0f0; line-height: 0; display: flex; align-items: center; justify-content: center; text-align: center; } .page.lvdm .intro .logo img { max-width: 100%; } .page.lvdm .intro .text { width: calc(100% - 448px); float: right; height: 100%; } .page.lvdm .intro .text h1 { font-size: 32px; line-height: 40px; margin-bottom: 16px; } .page.lvdm .intro .text h2 { font-size: 20px; line-height: 28px; margin: 6px 0 9px 0; } .page.lvdm .intro .text p { margin: 6px 0 9px; } .page.lvdm .intro .text a { font-weight: bold; text-transform: uppercase; display: block; margin-top: 16px; } .page.lvdm .agenda { padding: 80px 0; } .page.lvdm .agenda .week { margin-top: 0; position: relative; } .page.lvdm .agenda .week+.week { margin-top: 88px; } .page.lvdm .agenda .week article>h3 { color: #c1cccc; text-align: center; font-size: 24px; text-transform: uppercase; width: 100%; margin-bottom: 48px; } .page.lvdm .agenda .week.passed article>h3 { color: #8b9898; } .page.lvdm .agenda .newsContainer { display: flex; } .page.lvdm .agenda .news-item { margin: 0; width: calc((100% / 3) - 11px); } .page.lvdm .agenda .news-item .image-wrap { background-color: #ecf0f0; } .page.lvdm .agenda .news-item+.news-item { margin-left: 16px; } .page.lvdm .agenda .news-item .wrap { padding: 28px ​32px 32px 32p; } .page.lvdm .agenda .news-item .date { color: #8b9898; font-size: 13px; text-align: center; text-transform: uppercase; margin: 0; font-weight: bold; position: absolute; top: -42px; left: 0; width: 100%; } .page.lvdm .agenda .news-item.empty { visibility: hidden; } .page.lvdm .agenda .news-item.hidden { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .page.lvdm .agenda .news-item.hidden .date { color: #c1cccc; } .page.lvdm .agenda .news-item.hidden a, .page.lvdm .agenda .news-item.hidden div { cursor: default !important; pointer-events: none; } .page.lvdm .agenda .news-item.hidden div { opacity: 0.5; } .page.lvdm .agenda .news-item.hidden div.date { opacity: 1; } .page.lvdm .agenda .news-item.hidden div.label { background: #dec6ba; opacity: 1; } .page.lvdm .agenda .news-item.hidden .image-wrap:hover .image { transform: scale(1); } .nextMonth { background: #dce2e6; } .nextMonth .button { width: 50%; padding: 40px 0; position: relative; } .nextMonth .button::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .nextMonth .button::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: .9; clear: both; } .nextMonth .button .t { height: 64px; line-height: 0; margin-bottom: 8px; } .nextMonth .button img { max-width: 200px; max-height: 64px; } .nextMonth .button strong { color: #fff; font-weight: bold; text-transform: uppercase; } .nextMonth .button .wrap { position: relative; width: 564px; z-index: 2; } .nextMonth .button .wrap::before { font-family: "Font Awesome 5 Pro"; color: #fff; font-size: 72px; position: absolute; top: 50%; transform: translateY(-50%); opacity: 0.4; /**/ transition: left .2s, right .2s; -moz-transition: left .2s, right .2s; -ms-transition: left .2s, right .2s; -o-transition: left .2s, right .2s; -webkit-transition: left .2s, right .2s; } .nextMonth .button.prev { text-align: right; float: left; } .nextMonth .button.prev .wrap { padding-right: 64px; float: right; } .nextMonth .button.prev .wrap::before { content: "\f104"; left: 0; } .nextMonth .button.prev:hover .wrap::before { left: -8px; } .nextMonth .button.next { text-align: left; float: right; } .nextMonth .button.next .wrap { padding-left: 64px; } .nextMonth .button.next .wrap::before { content: "\f105"; right: 0; } .nextMonth .button.next:hover .wrap::before { right: -8px; } /* RIDDER */ .page.lvdm.ridder header { background-color: #233588; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/ridder/ridder-header.webp'); } .nowebp .page.lvdm.ridder header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/ridder/ridder-header.jpg'); } .page.lvdm.ridder .intro .logo img { position: relative; top: 8px; } .page.lvdm.ridder .intro .text h1 { color: #233588; } .page.lvdm.ridder .intro .text h2 { color: #54565c; } .page.lvdm.ridder .intro .text p { color: #54565c; } .page.lvdm.ridder .agenda .week.active { background-color: #dae0e0; } .nextMonth .button.ridder { background-color: #233588; } .nextMonth .button.ridder::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/ridder/ridder-header.webp'); background-size: cover; background-position: center; } .nowebp .nextMonth .button.ridder::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/ridder/ridder-header.jpg'); } .nextMonth .button.prev.ridder::after { background: -moz-linear-gradient(left, rgba(35, 53, 136, 0) 0%, rgba(35, 53, 136, 1) 100%); background: -webkit-linear-gradient(left, rgba(35, 53, 136, 0) 0%, rgba(35, 53, 136, 1) 100%); background: linear-gradient(to right, rgba(35, 53, 136, 0) 0%, rgba(35, 53, 136, 1) 100%); } .nextMonth .button.next.ridder::after { background: -moz-linear-gradient(right, rgba(35, 53, 136, 0) 0%, rgba(35, 53, 136, 1) 100%); background: -webkit-linear-gradient(right, rgba(35, 53, 136, 0) 0%, rgba(35, 53, 136, 1) 100%); background: linear-gradient(to left, rgba(35, 53, 136, 0) 0%, rgba(35, 53, 136, 1) 100%); } /* GLOBIS */ .page.lvdm.globis header { background-color: #2c2c2c; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/globis/globis_bg_1.webp'); } .nowebp .page.lvdm.globis header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/globis/globis_bg_1.jpg'); } .page.lvdm.globis .intro .text h1, .page.lvdm.globis .intro .text h2, .page.lvdm.globis .intro .text p { color: #444444; } .nextMonth .button.globis { background-color: #b5d334; } .nextMonth .button.globis::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/globis/globis_bg_1.webp'); background-size: cover; background-position: center; opacity: 0.3; } .nowebp .nextMonth .button.globis::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/globis/globis_bg_1.jpg'); } .nextMonth .button.prev.globis::after { background: -moz-linear-gradient(left, rgba(181, 211, 52, 0) 0%, rgba(181, 211, 52, 1) 100%); background: -webkit-linear-gradient(left, rgba(181, 211, 52, 0) 0%, rgba(181, 211, 52, 1) 100%); background: linear-gradient(to right, rgba(181, 211, 52, 0) 0%, rgba(181, 211, 52, 1) 100%); } .nextMonth .button.next.globis::after { background: -moz-linear-gradient(right, rgba(181, 211, 52, 0) 0%, rgba(181, 211, 52, 1) 100%); background: -webkit-linear-gradient(right, rgba(181, 211, 52, 0) 0%, rgba(181, 211, 52, 1) 100%); background: linear-gradient(to left, rgba(181, 211, 52, 0) 0%, rgba(181, 211, 52, 1) 100%); } /* NETPROFITBUILDERS */ .page.lvdm.netprofitbuilders header { background-color: #26292e; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/netprofitbuilders/netprofit-header.webp'); } .nowebp .page.lvdm.netprofitbuilders header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/netprofitbuilders/netprofit-header.jpg'); } .nextMonth .button.netprofitbuilders { background-color: #27545E; } .nextMonth .button.netprofitbuilders::before { opacity: 0.3; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/netprofitbuilders/netprofit-header.webp'); background-size: cover; background-position: center; } .nowebp .nextMonth .button.netprofitbuilders::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/netprofitbuilders/netprofit-header.jpg'); } .nextMonth .button.prev.netprofitbuilders::after { background: -moz-linear-gradient(left, rgba(39, 84, 94, 0) 0%, rgba(39, 84, 94, 1) 100%); background: -webkit-linear-gradient(left, rgba(39, 84, 94, 0) 0%, rgba(39, 84, 94, 1) 100%); background: linear-gradient(to right, rgba(39, 84, 94, 0) 0%, rgba(39, 84, 94, 1) 100%); } .nextMonth .button.next.netprofitbuilders::after { background: -moz-linear-gradient(right, rgba(39, 84, 94, 0) 0%, rgba(39, 84, 94, 1) 100%); background: -webkit-linear-gradient(right, rgba(39, 84, 94, 0) 0%, rgba(39, 84, 94, 1) 100%); background: linear-gradient(to left, rgba(39, 84, 94, 0) 0%, rgba(39, 84, 94, 1) 100%); } /* UNICONTA */ .page.lvdm.uniconta header { background-color: #232222; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/uniconta/uniconta-header.webp'); } .nowebp .page.lvdm.uniconta header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/uniconta/uniconta-header.jpg'); } .nextMonth .button.uniconta { background-color: #59c4bf; } .nextMonth .button.uniconta::before { opacity: 0.3; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/uniconta/uniconta-header.webp'); background-size: cover; background-position: center; } .nowebp .nextMonth .button.uniconta::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/uniconta/uniconta-header.jpg'); } .nextMonth .button.prev.uniconta::after { background: -moz-linear-gradient(left, rgba(89, 196, 191, 0) 0%, rgba(89, 196, 191, 1) 100%); background: -webkit-linear-gradient(left, rgba(89, 196, 191, 0) 0%, rgba(89, 196, 191, 1) 100%); background: linear-gradient(to right, rgba(89, 196, 191, 0) 0%, rgba(89, 196, 191, 1) 100%); } .nextMonth .button.next.uniconta::after { background: -moz-linear-gradient(right, rgba(89, 196, 191, 0) 0%, rgba(89, 196, 191, 1) 100%); background: -webkit-linear-gradient(right, rgba(89, 196, 191, 0) 0%, rgba(89, 196, 191, 1) 100%); background: linear-gradient(to left, rgba(89, 196, 191, 0) 0%, rgba(89, 196, 191, 1) 100%); } /* BLISSS */ .page.lvdm.blisss header { background-color: #139fda; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/blisss/blisss-header.webp'); background-position: center center; } .nowebp .page.lvdm.blisss header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/blisss/blisss-header.png'); } .nextMonth .button.blisss { background-color: #27aae1; } .nextMonth .button.blisss::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/blisss/blisss-header.webp'); background-size: cover; background-position: center; } .nowebp .nextMonth .button.blisss::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/blisss/blisss-header.png'); } .nextMonth .button.prev.blisss::after { background: -moz-linear-gradient(left, rgba(39, 170, 225, 0) 0%, rgba(39, 170, 225, 1) 100%); background: -webkit-linear-gradient(left, rgba(39, 170, 225, 0) 0%, rgba(39, 170, 225, 1) 100%); background: linear-gradient(to right, rgba(39, 170, 225, 0) 0%, rgba(39, 170, 225, 1) 100%); } .nextMonth .button.next.blisss::after { background: -moz-linear-gradient(right, rgba(39, 170, 225, 0) 0%, rgba(39, 170, 225, 1) 100%); background: -webkit-linear-gradient(right, rgba(39, 170, 225, 0) 0%, rgba(39, 170, 225, 1) 100%); background: linear-gradient(to left, rgba(39, 170, 225, 0) 0%, rgba(39, 170, 225, 1) 100%); } /* KING */ .page.lvdm.king header { background-color: #043f60; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/king/king-header.webp'); background-position: center center; } .nowebp .page.lvdm.king header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/king/king-header.jpg'); } .page.lvdm.king .intro .logo { text-align: center; } .nextMonth .button.king { background-color: #043f60; } .nextMonth .button.king::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/king/king-header.webp'); background-size: cover; background-position: center; } .nowebp .nextMonth .button.king::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/king/king-header.jpg'); } .nextMonth .button.prev.king::after { background: -moz-linear-gradient(left, rgba(4, 63, 96, 0) 0%, rgba(4, 63, 96, 1) 100%); background: -webkit-linear-gradient(left, rgba(4, 63, 96, 0) 0%, rgba(4, 63, 96, 1) 100%); background: linear-gradient(to right, rgba(4, 63, 96, 0) 0%, rgba(4, 63, 96, 1) 100%); } .nextMonth .button.next.king::after { background: -moz-linear-gradient(right, rgba(4, 63, 96, 0) 0%, rgba(4, 63, 96, 1) 100%); background: -webkit-linear-gradient(right, rgba(4, 63, 96, 0) 0%, rgba(4, 63, 96, 1) 100%); background: linear-gradient(to left, rgba(4, 63, 96, 0) 0%, rgba(4, 63, 96, 1) 100%); } /* PROFITY */ .page.lvdm.profity header { background-color: #2a8acb; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/profity/profity-header.webp'); background-position: center center; } .nowebp .page.lvdm.profity header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/profity/profity-header.jpg'); } .page.lvdm.profity .agenda .news-item { width: calc(50% - 12px); } .nextMonth .button.profity { background-color: #2a8acb; } .nextMonth .button.profity::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/profity/profity-header.webp'); background-size: cover; background-position: center; } .nowebp .nextMonth .button.profity::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/profity/profity-header.jpg'); } .nextMonth .button.prev.profity::after { background: -moz-linear-gradient(left, rgba(42, 138, 203, 0) 0%, rgba(42, 138, 203, 1) 100%); background: -webkit-linear-gradient(left, rgba(42, 138, 203, 0) 0%, rgba(42, 138, 203, 1) 100%); background: linear-gradient(to right, rgba(42, 138, 203, 0) 0%, rgba(42, 138, 203, 1) 100%); } .nextMonth .button.next.profity::after { background: -moz-linear-gradient(right, rgba(42, 138, 203, 0) 0%, rgba(42, 138, 203, 1) 100%); background: -webkit-linear-gradient(right, rgba(42, 138, 203, 0) 0%, rgba(42, 138, 203, 1) 100%); background: linear-gradient(to left, rgba(42, 138, 203, 0) 0%, rgba(42, 138, 203, 1) 100%); } .page.lvdm.profity .agenda .week article>h3 { display: none; } /* DYNAPPS */ .page.lvdm.dynapps header { background-color: #1a171b; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/dynapps/dynapps-header-.webp'); background-position: center center; } .nowebp .page.lvdm.dynapps header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/dynapps/dynapps-header-.jpg'); } .nextMonth .button.dynapps { background-color: #d00734; } .nextMonth .button.dynapps::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/dynapps/dynapps-header.webp'); background-size: cover; background-position: center; } .nowebp .nextMonth .button.dynapps::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/dynapps/dynapps-header.jpg'); } .nextMonth .button.prev.dynapps::after { background: -moz-linear-gradient(left, rgba(208, 7, 52, 0) 0%, rgba(208, 7, 52, 1) 100%); background: -webkit-linear-gradient(left, rgba(208, 7, 52, 0) 0%, rgba(208, 7, 52, 1) 100%); background: linear-gradient(to right, rgba(208, 7, 52, 0) 0%, rgba(208, 7, 52, 1) 100%); } .nextMonth .button.next.dynapps::after { background: -moz-linear-gradient(right, rgba(208, 7, 52, 0) 0%, rgba(208, 7, 52, 1) 100%); background: -webkit-linear-gradient(right, rgba(208, 7, 52, 0) 0%, rgba(208, 7, 52, 1) 100%); background: linear-gradient(to left, rgba(208, 7, 52, 0) 0%, rgba(208, 7, 52, 1) 100%); } /* ISAH */ .page.lvdm.isah header { background-color: #0078bf; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/isah/header.webp'); background-position: center center; } .nowebp .page.lvdm.isah header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/isah/header.jpg'); } .nextMonth .button.isah { background-color: #0078bf; } .nextMonth .button.isah::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/isah/header.webp'); background-size: cover; background-position: center; } .nowebp .nextMonth .button.isah::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/isah/header.jpg'); } .nextMonth .button.prev.isah::after { background: -moz-linear-gradient(left, rgba(0, 120, 191, 0) 0%, rgba(0, 120, 191, 1) 100%); background: -webkit-linear-gradient(left, rgba(0, 120, 191, 0) 0%, rgba(0, 120, 191, 1) 100%); background: linear-gradient(to right, rgba(0, 120, 191, 0) 0%, rgba(0, 120, 191, 1) 100%); } .nextMonth .button.next.isah::after { background: -moz-linear-gradient(right, rgba(0, 120, 191, 0) 0%, rgba(0, 120, 191, 1) 100%); background: -webkit-linear-gradient(right, rgba(0, 120, 191, 0) 0%, rgba(0, 120, 191, 1) 100%); background: linear-gradient(to left, rgba(0, 120, 191, 0) 0%, rgba(0, 120, 191, 1) 100%); } /* IDEE101 */ .page.lvdm.idee101 header { background-color: #333333; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/idee101/header.webp'); background-position: center center; } .nowebp .page.lvdm.idee101 header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/idee101/header.jpg'); } .page.lvdm.idee101 .intro .logo { padding: 72px 24px; } .nextMonth .button.idee101 { background-color: #ee3123; } .nextMonth .button.idee101::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/dynapps/dynapps-header.webp'); background-size: cover; background-position: center; } .nowebp .nextMonth .button.idee101::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/dynapps/dynapps-header.jpg'); } .nextMonth .button.prev.idee101::after { background: -moz-linear-gradient(left, rgba(238, 49, 35, 0) 0%, rgba(238, 49, 35, 1) 100%); background: -webkit-linear-gradient(left, rgba(238, 49, 35, 0) 0%, rgba(238, 49, 35, 1) 100%); background: linear-gradient(to right, rgba(238, 49, 35, 0) 0%, rgba(238, 49, 35, 1) 100%); } .nextMonth .button.next.idee101::after { background: -moz-linear-gradient(right, rgba(238, 49, 35, 0) 0%, rgba(238, 49, 35, 1) 100%); background: -webkit-linear-gradient(right, rgba(238, 49, 35, 0) 0%, rgba(238, 49, 35, 1) 100%); background: linear-gradient(to left, rgba(238, 49, 35, 0) 0%, rgba(238, 49, 35, 1) 100%); } /* BOUW7 */ .page.lvdm.bouw7 header { background-color: #f9e551; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/bouw7/bouw7-header.webp'); background-position: center center; } .nowebp .page.lvdm.bouw7 header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/bouw7/bouw7-header.jpg'); } .page.lvdm.bouw7 header p { color: #65646a; font-weight: bold; } .nextMonth .button.bouw7 { background-color: #f9e551; } .nextMonth .button.bouw7::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/bouw7/bouw7-header.webp'); background-size: cover; background-position: center; } .nowebp .nextMonth .button.bouw7::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/bouw7/bouw7-header.jpg'); } .nextMonth .button.prev.bouw7::after { background: -moz-linear-gradient(left, rgba(199, 179, 37, 0) 0%, rgba(199, 179, 37, 1) 100%); background: -webkit-linear-gradient(left, rgba(199, 179, 37, 0) 0%, rgba(199, 179, 37, 1) 100%); background: linear-gradient(to right, rgba(199, 179, 37, 0) 0%, rgba(199, 179, 37, 1) 100%); } .nextMonth .button.next.bouw7::after { background: -moz-linear-gradient(right, rgba(199, 179, 37, 0) 0%, rgba(199, 179, 37, 1) 100%); background: -webkit-linear-gradient(right, rgba(199, 179, 37, 0) 0%, rgba(199, 179, 37, 1) 100%); background: linear-gradient(to left, rgba(199, 179, 37, 0) 0%, rgba(199, 179, 37, 1) 100%); } /* EQEEP */ .page.lvdm.eqeep header { background-color: #453322; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/eqeep/eqeep-header.webp'); background-position: center center; } .nowebp .page.lvdm.eqeep header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/eqeep/eqeep-header.jpg'); } .page.lvdm.eqeep header p { color: #fff; font-weight: bold; } .nextMonth .button.eqeep { background-color: #453322; } .nextMonth .button.eqeep::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/eqeep/eqeep-header.webp'); background-size: cover; background-position: center; } .nowebp .nextMonth .button.eqeep::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/eqeep/eqeep-header.jpg'); } .nextMonth .button.prev.eqeep::after { background: -moz-linear-gradient(left, rgba(69, 51, 34, 0) 0%, rgba(69, 51, 34, 1) 100%); background: -webkit-linear-gradient(left, rgba(69, 51, 34, 0) 0%, rgba(69, 51, 34, 1) 100%); background: linear-gradient(to right, rgba(69, 51, 34, 0) 0%, rgba(69, 51, 34, 1) 100%); } .nextMonth .button.next.eqeep::after { background: -moz-linear-gradient(right, rgba(69, 51, 34, 0) 0%, rgba(69, 51, 34, 1) 100%); background: -webkit-linear-gradient(right, rgba(69, 51, 34, 0) 0%, rgba(69, 51, 34, 1) 100%); background: linear-gradient(to left, rgba(69, 51, 34, 0) 0%, rgba(69, 51, 34, 1) 100%); } /* SCHEER NEDERLAND */ .page.lvdm.scheer header { background-color: #2996cc; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/scheer/scheer-header.webp'); background-position: center center; } .nowebp .page.lvdm.scheer header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/scheer/scheer-header.jpg'); } .page.lvdm.scheer header p { color: #fff; font-weight: bold; } .page.lvdm.scheer .intro strong { color: #9cacb8; text-transform: uppercase; } .page.lvdm.scheer .intro ul { text-align: left !important; } .page.lvdm.scheer .intro ul li::before { top: 9px; } .page.lvdm.scheer .intro ul a { text-transform: none; display: inline-block; margin-top: 0; } .page.lvdm.scheer .intro ul span { font-weight: normal; } .nextMonth .button.scheer { background-color: #2996cc; } .nextMonth .button.scheer::before { background: #2996cc; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/scheer/scheer-header.webp'); } .nowebp .nextMonth .button.scheer::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/scheer/scheer-header.jpg'); } /* BLENDING */ .page.lvdm.blending header { background-color: #0080af; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/blending/blending-header.webp'); background-position: center center; } .nowebp .page.lvdm.blending header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/blending/blending-header.jpg'); } .page.lvdm.blending header p { color: #fff; font-weight: bold; } .nextMonth .button.blending { background-color: #2996cc; } .nextMonth .button.blending::before { background: #0080af; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/blending/blending-header.webp'); } .nowebp .nextMonth .button.blending::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/blending/blending-header.jpg'); } /* SUCCEED-IT */ .page.lvdm.succeedit header { background-color: #c2c2c2; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/succeedit/succeedit-header.webp'); } .nowebp .page.lvdm.succeedit header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/succeedit/succeedit-header.jpg'); } .page.lvdm.succeedit .intro .text h1, .page.lvdm.succeedit .intro .text h2, .page.lvdm.succeedit .intro .text p { color: #000; } .page.lvdm.succeedit header p { color: #000; font-weight: bold; } .page.lvdm.succeedit .agenda .news-item.empty { visibility: hidden; display: none; } .page.lvdm.succeedit .agenda .news-item { width: calc((100% / 2) - 11px); } .page.lvdm.succeedit .agenda .week:first-child .news-item { float: right; } .page.lvdm.succeedit .agenda .week:first-child .newsContainer { justify-content: flex-end; } .page.lvdm.succeedit .agenda .newsContainer { justify-content: space-between; } .nextMonth .button.succeedit { background-color: #0088d0; } .nextMonth .button.succeedit::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/succeedit/succeedit-header.webp'); background-size: cover; background-position: center; opacity: 0.3; } .nowebp .nextMonth .button.succeedit::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/succeedit/succeedit-header.jpg'); } .nextMonth .button.prev.succeedit::after { background: -moz-linear-gradient(left, rgba(0, 136, 208, 0) 0%, rgba(0, 136, 208, 1) 100%); background: -webkit-linear-gradient(left, rgba(0, 136, 208, 0) 0%, rgba(0, 136, 208, 1) 100%); background: linear-gradient(to right, rgba(0, 136, 208, 0) 0%, rgba(0, 136, 208, 1) 100%); } .nextMonth .button.next.succeedit::after { background: -moz-linear-gradient(right, rgba(0, 136, 208, 0) 0%, rgba(0, 136, 208, 1) 100%); background: -webkit-linear-gradient(right, rgba(0, 136, 208, 0) 0%, rgba(0, 136, 208, 1) 100%); background: linear-gradient(to left, rgba(0, 136, 208, 0) 0%, rgba(0, 136, 208, 1) 100%); } /* VAN-MEIJEL */ .page.lvdm.van-meijel header { background-color: #2c2c2c; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/van-meijel/vanmeijel-header.webp'); } .nowebp .page.lvdm.van-meijel header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/van-meijel/vanmeijel-header.jpg'); } .nextMonth .button.van-meijel { background-color: rgb(44, 44, 44); } .nextMonth .button.van-meijel::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/van-meijel/vanmeijel-header.webp'); background-size: cover; background-position: center; } .nowebp .nextMonth .button.van-meijel::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/van-meijel/vanmeijel-header.jpg'); } .nextMonth .button.prev.van-meijel::after { background: -moz-linear-gradient(left, rgba(44, 44, 44, 0) 0%, rgba(44, 44, 44, 1) 100%); background: -webkit-linear-gradient(left, rgba(44, 44, 44, 0) 0%, rgba(44, 44, 44, 1) 100%); background: linear-gradient(to right, rgba(44, 44, 44, 0) 0%, rgba(44, 44, 44, 1) 100%); } .nextMonth .button.next.van-meijel::after { background: -moz-linear-gradient(right, rgba(44, 44, 44, 0) 0%, rgba(44, 44, 44, 1) 100%); background: -webkit-linear-gradient(right, rgba(44, 44, 44, 0) 0%, rgba(44, 44, 44, 1) 100%); background: linear-gradient(to left, rgba(44, 44, 44, 0) 0%, rgba(44, 44, 44, 1) 100%); } /* STEEB */ .page.lvdm.steeb .intro article { align-items: stretch; } .page.lvdm.steeb header { background-color: #757374; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/all-for-one-steeb/steeb-header.webp'); background-position: center center; } .nowebp .page.lvdm.steeb header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/all-for-one-steeb/steeb-header.jpg'); } .nextMonth .button.steeb { background-color: #757374; } .nextMonth .button.steeb::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/all-for-one-steeb/steeb-header.webp'); background-size: cover; background-position: center; } .nowebp .nextMonth .button.steeb::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/all-for-one-steeb/steeb-header.jpg'); } .nextMonth .button.prev.steeb::after { background: -moz-linear-gradient(left, rgba(117, 115, 116, 0) 0%, rgba(117, 115, 116, 1) 100%); background: -webkit-linear-gradient(left, rgba(117, 115, 116, 0) 0%, rgba(117, 115, 116, 1) 100%); background: linear-gradient(to right, rgba(117, 115, 116, 0) 0%, rgba(117, 115, 116, 1) 100%); } .nextMonth .button.next.steeb::after { background: -moz-linear-gradient(right, rgba(117, 115, 116, 0) 0%, rgba(117, 115, 116, 1) 100%); background: -webkit-linear-gradient(right, rgba(117, 115, 116, 0) 0%, rgba(117, 115, 116, 1) 100%); background: linear-gradient(to left, rgba(117, 115, 116, 0) 0%, rgba(117, 115, 116, 1) 100%); } /* STEEB */ .page.lvdm.windream .intro article { align-items: stretch; } .page.lvdm.windream header { background-color: #0062AC; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/windream/windream-header.webp'); background-position: center center; } .nowebp .page.lvdm.windream header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/windream/windream-header.jpg'); } .nextMonth .button.windream { background-color: #0062AC; } .nextMonth .button.windream::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/windream/windream-header.webp'); background-size: cover; background-position: center; } .nowebp .nextMonth .button.windream::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/windream/windream-header.jpg'); } .nextMonth .button.prev.windream::after { background: -moz-linear-gradient(left, rgba(193, 206, 51, 0) 0%, rgba(0, 98, 172, 1) 100%); background: -webkit-linear-gradient(left, rgba(0, 98, 172, 0) 0%, rgba(0, 98, 172, 1) 100%); background: linear-gradient(to right, rgba(0, 98, 172, 0) 0%, rgba(0, 98, 172, 1) 100%); } .nextMonth .button.next.windream::after { background: -moz-linear-gradient(right, rgba(0, 98, 172, 0) 0%, rgba(0, 98, 172, 1) 100%); background: -webkit-linear-gradient(right, rgba(0, 98, 172, 0) 0%, rgba(0, 98, 172, 1) 100%); background: linear-gradient(to left, rgba(0, 98, 172, 0) 0%, rgba(0, 98, 172, 1) 100%); } /* STEEB */ .page.lvdm.aranes .intro article { align-items: stretch; } .page.lvdm.aranes header { background-color: #48474c; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/aranes/aranes-header.webp'); background-position: center center; } .nowebp .page.lvdm.aranes header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/aranes/aranes-header.jpg'); } .nextMonth .button.aranes { background-color: #48474c; } .nextMonth .button.aranes::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/aranes/aranes-header.webp'); background-size: cover; background-position: center; } .nowebp .nextMonth .button.aranes::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/aranes/aranes-header.jpg'); } .nextMonth .button.prev.aranes::after { background: -moz-linear-gradient(left, rgba(72, 71, 76, 0) 0%, rgba(72, 71, 76, 1) 100%); background: -webkit-linear-gradient(left, rgba(72, 71, 76, 0) 0%, rgba(72, 71, 76, 1) 100%); background: linear-gradient(to right, rgba(72, 71, 76, 0) 0%, rgba(72, 71, 76, 1) 100%); } .nextMonth .button.next.aranes::after { background: -moz-linear-gradient(right, rgba(72, 71, 76, 0) 0%, rgba(72, 71, 76, 1) 100%); background: -webkit-linear-gradient(right, rgba(72, 71, 76, 0) 0%, rgba(72, 71, 76, 1) 100%); background: linear-gradient(to left, rgba(72, 71, 76, 0) 0%, rgba(72, 71, 76, 1) 100%); } /* FAVEO */ .page.lvdm.faveo .intro article { align-items: stretch; } .page.lvdm.faveo header { background-color: #454341; background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/faveo/faveo-header.webp'); background-position: center center; } .page.lvdm.faveo header p { color: #fff; } .nowebp .page.lvdm.faveo header { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/faveo/faveo-header.jpg'); } .nextMonth .button.faveo { background-color: #454341; } .nextMonth .button.faveo::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/faveo/faveo-header.webp'); background-size: cover; background-position: center; } .nowebp .nextMonth .button.faveo::before { background-image: url('https://cdn.softwaresystemen.nl/nodes/lvdm/faveo/faveo-header.jpg'); } .nextMonth .button.prev.faveo::after { background: -moz-linear-gradient(left, rgba(193, 206, 51, 0) 0%, rgba(193, 206, 51, 1) 100%); background: -webkit-linear-gradient(left, rgba(193, 206, 51, 0) 0%, rgba(193, 206, 51, 1) 100%); background: linear-gradient(to right, rgba(193, 206, 51, 0) 0%, rgba(193, 206, 51, 1) 100%); } .nextMonth .button.next.faveo::after { background: -moz-linear-gradient(right, rgba(193, 206, 51, 0) 0%, rgba(193, 206, 51, 1) 100%); background: -webkit-linear-gradient(right, rgba(193, 206, 51, 0) 0%, rgba(193, 206, 51, 1) 100%); background: linear-gradient(to left, rgba(193, 206, 51, 0) 0%, rgba(193, 206, 51, 1) 100%); } @media screen and (max-width:1480px) {} @media screen and (max-width:1440px) {} @media screen and (max-width:1434px) { .page.lvdm.theme header { background-position: 60% center; } } @media screen and (max-width:1336px) {} @media screen and (max-width:1300px) { .lvdm-overview header::before { width: 80%; } } @media screen and (max-width:1200px) { .lvdm-overview header::before { width: 80%; left: 0; } .lvdm-overview header::after { display: none; } .nextMonth .button .wrap { width: calc(100% - 24px); } .nextMonth .button.prev .wrap { padding-right: 40px; } .nextMonth .button.next .wrap { padding-left: 40px; } } @media screen and (max-width:1024px) {} @media screen and (max-width:1000px) { .lvdm-overview header { background-position: 57% center; } .lvdm-overview .suppliers { grid-gap: 40px; grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width:900px) { .page.lvdm header svg { width: 240px; } .page.lvdm .intro article { display: block; } .page.lvdm .intro .logo { margin: 0 auto 32px auto; width: 100%; max-width: 320px; float: none; } .page.lvdm .intro .text { margin: auto; position: static; text-align: center; width: 100%; max-width: 584px; float: none; } .page.lvdm .agenda .week>h3 { margin-bottom: 0; } .page.lvdm .agenda .newsContainer { display: block; } .page.lvdm .agenda .news-item { width: 100%; max-width: 584px; margin: auto; float: none; } .page.lvdm.profity .agenda .news-item { width: 100%; } .page.lvdm.succeedit .agenda .news-item { width: 100%; } .page.lvdm.succeedit .agenda .week:first-child .news-item { float: none; } .page.lvdm .agenda .news-item+.news-item { margin-left: auto; } .page.lvdm .agenda .news-item.filled+.news-item.filled { margin-top: 52px; } .page.lvdm .agenda .news-item.empty { display: none; } .page.lvdm .agenda .news-item .date { top: -32px; } .page.lvdm.theme .agenda .newsContainer { display: flex; } .page.lvdm.theme .agenda .news-item { width: calc(50% - 8px); max-width: none; margin: auto; float: none; margin: 0; } .page.lvdm.theme .agenda .news-item.filled+.news-item.filled { margin: 0 0 16px 0; } .nextMonth .button.prev, .nextMonth .button.next { float: none; width: 100%; text-align: center; padding: 40px 24px; } .nextMonth .button.prev .wrap, .nextMonth .button.next .wrap { width: 100%; float: none; max-width: 584px; margin: auto; padding: 0; } .nextMonth .button::after { display: none; } .nextMonth .button::before { display: none; } .nextMonth .button .wrap::before { font-size: 48px; } .nextMonth .button.prev:hover .wrap::before { left: 0; } .nextMonth .button.next:hover .wrap::before { right: 0; } } @media screen and (max-width:800px) {} @media screen and (max-width:750px) { .lvdm-overview header { padding: 200px 0 32px 0; background-position: 80% top; background-size: auto 320px; } .lvdm-overview header h1 { font-size: 48px; } .lvdm-overview header::before { width: 100%; height: calc(100% - 88px); top: 88px; background: -moz-linear-gradient(bottom, rgba(33, 45, 57, 1) 50%, rgba(33, 45, 57, 0) 100%); background: -webkit-linear-gradient(bottom, rgba(33, 45, 57, 1) 50%, rgba(33, 45, 57, 0) 100%); background: linear-gradient(to top, rgba(33, 45, 57, 1) 50%, rgba(33, 45, 57, 0) 100%); } .lvdm-overview header .content { max-width: none; } .lvdm-overview .suppliers { grid-template-columns: repeat(2, 1fr); padding: 56px 0; } } @media screen and (max-width:700px) { .page.lvdm.theme header h1 strong { font-size: 48px !important; } } @media screen and (max-width:640px) {} @media screen and (max-width:600px) {} @media screen and (max-width:560px) { .lvdm-overview .suppliers { grid-template-columns: 1fr; } } @media screen and (max-width:500px) {} @media screen and (max-width:450px) {} @media screen and (max-width:400px) { .nextMonth .button .wrap::before { display: none; } }