body {color:#404041; font-size:100%; font-family: 'Roboto', sans-serif;font-weight: 300;} html {-webkit-text-size-adjust: 100%;} h1, h2, h3 {word-wrap:break-word; line-height: 110%; margin-bottom: 20px;} h1 {font-size: 225%; font-weight: 300;} h2 {font-size: 200%; font-weight: 300;margin-bottom:30px;} h3 {font-size: 112.5%; font-weight: 700;} h2 em {font-style: normal; font-weight: bold; display: inline-block;} a {outline:0; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;} a:link, a:visited, a:active {} a:hover {} .linkButton {display: inline-block; padding:10px; background-color: #000; color: #fff; transition:background-color 0.3s; font-weight: 700;} .linkButton:link, .linkButton:visited, .linkButton:active {color: #fff; text-decoration:none;} .linkButton:hover {color: #fff; text-decoration:none; } .partClearBoth {height: 1px; clear: both;} .basicContainer {max-width:1140px; min-width: 280px; margin: 0px auto; padding: 0px 30px;width: 100%} .mainContainer {position: relative;} .flex {display: flex;flex-wrap: wrap;justify-content: center;} .partContentFileImageGallery { margin: 0; } /*h1 strong, h2 strong{display: block;} */ strong {font-weight: 700; } em {font-style: italic;} .ctaButton {padding:15px 46px 15px 30px;background: #fff;color:#419639; display: inline-block;transition: 0.3s;text-decoration: none;text-transform: uppercase;font-weight: 700;transition: 0.5s} .ctaButton:hover {background: #419639;color:#fff;} .ctaButton:hover:after {content:'';background: url(/images/style/icon-ctabutton-arrow-white.svg) right 10px center;background-size:11px 16px; height: 16px;position: absolute;background-repeat: no-repeat;width: 32px;} .ctaButton:after {content:'';background: url(/images/style/icon-ctabutton-arrow-green.svg) right 10px center;background-size:11px 16px; height: 16px;position: absolute;background-repeat: no-repeat;width: 32px;transition: 0.5s} /* new */ .stickyScroll {width: 100%; background-color: #fff; position: fixed; left: 0; top: 0; z-index: 1001; transition:ease 0.3s; /* fade out */ box-shadow: 0 2px 4px -4px rgba(0,0,0,0.2);} .stickyScroll, .stickyScrollGhost {height: 130px;} .stickyScroll.scrolled {height:90px; transition: ease 0.5s; /* fade in */} .stickyScroll.scrolled #logo {width: 80px; height: 80px;} .stickyScroll.scrolled .partNavigation-h, .stickyScroll.scrolled .languageList, .stickyScroll.scrolled .mobileMenuOpen {margin-top: 20px;} #header {position: relative; display: flex; align-items: center; justify-content: flex-end; height: 100%;} .topImage .partContentFileImageGallery.single img {margin-left: auto;margin-right: auto;display: block;overflow:hidden;} #logo {background:#fff url(/images/style/logo.svg) center center;background-size:contain;width: 110px; height: 110px; background-repeat:no-repeat; transition: 0.5s; margin-right: auto;} #mobileMenuContainer {position: fixed; overflow-x:hidden; background-color:#fff; z-index: 1001; top:0; left:0; margin-left: -30%; width: 30%; height: 100%; transition: 0.5s;} #mobileMenuContainer.mobileMenuContainerActive {margin-left: 0px; transition: 0.5s; min-width: 320px;background: #eaebec; } #mobileMenuOverlay {transition: 0.2s; background-color: rgba(0,0,0,0.0); position: fixed; top:0; left: 0; height: 100%; width: 100%; z-index: 1000; visibility: hidden; opacity: 0;} #mobileMenuOverlay.mobileMenuContainerActive {background-color: rgba(0,0,0,0.8); visibility: visible; opacity: 1;} .mobileMenuOpen, .mobileMenuClose {cursor: pointer; border:solid 0px #000; padding:10px; display: inline-block; background-repeat: no-repeat; background-size: 21px 21px; background-position: left 8px center; font-weight: 700;} .mobileMenuOpen {background-image: url('/images/style/icon-bars.svg'); padding-left: 38px; display: none;color:#fff; background-repeat: no-repeat;background-color: #419639} .mobileMenuClose {background:#fff url('/images/style/icon-cross.svg') left 17px top 37px;margin:0px;color:#FF0000;width: 100%;padding:37px;background-repeat: no-repeat;background-size:15px 15px;padding-left:40px;} #vgrGroepLink {position: absolute; top:10px; right:30px; font-size: 14px; text-decoration: none; color: inherit;} #vgrGroepLink strong {color: #419639; text-decoration: underline;} .languageList {display: flex; transition: margin-top 0.5s;} .languageList li {margin-right: 10px;} .languageList li a {display: block;} .languageList li:last-child {margin-right: 0px;} .languageList img {width: 20px; opacity: 0.3; transition: opacity 0.3s; display: block;} .languageList .selected img, .languageList a:hover img {opacity: 1;} /* end new */ #introTextContainer {position: absolute;left: 50%;top:calc(50% - 30px);transform: translate(-50%,-50%);max-width: 680px;text-align: center;color: #fff;display: block;} #introTextContainer h1 {font-size: 450%;} #buttonContainer {margin-top:-60px;margin-bottom: 110px;position: relative;text-align: center;font-size: 150%;font-weight: 700;} #buttonContainer .basicContainer {padding:0 20px;} .oneThird {width: calc(33.33% - 20px);min-height: 120px;background: #fff;transition: background-color 0.3s;position: relative;color:#737a80;margin:0 10px;} .oneThird span {display: block;bottom: 20px;position: absolute;width: 100%;} .oneThird span:after {content:'';background: url(/images/style/icon-ctabutton-arrow-grey.svg) right top 5px;background-size:11px 16px; height: 21px;position: absolute;background-repeat: no-repeat;width: 32px;transition: 0.5s} #buttonContainer .oneThird:hover {color:#fff;} #buttonContainer .oneThird:hover span:after {content:'';background: url(/images/style/icon-ctabutton-arrow-white.svg) right top 5px;background-size:11px 16px; height: 21px;position: absolute;background-repeat: no-repeat;width: 32px;} .oneThird.monster {background:#fff url(/images/style/icon-demo.svg) center top 20px;background-repeat: no-repeat;background-size: 54px 45px;} .oneThird.brochure {background:#fff url(/images/style/icon-brochure.svg) center top 30px;background-repeat: no-repeat;background-size: 58px 34px;} .oneThird.contact {background:#fff url(/images/style/icon-contact.svg) center top 20px;background-repeat: no-repeat;background-size: 46px 46px;} .oneThird.monster:hover {background:#419639 url(/images/style/icon-demo-hover.svg) center top 20px;background-repeat: no-repeat;background-size: 54px 45px;} .oneThird.brochure:hover {background:#419639 url(/images/style/icon-brochure-hover.svg) center top 30px;background-repeat: no-repeat;background-size: 58px 34px;} .oneThird.contact:hover {background:#419639 url(/images/style/icon-contact-hover.svg) center top 20px;background-repeat: no-repeat;background-size: 46px 46px;} #greyContainer {background: #d0edc4;padding-bottom: 320px;} .halfColumn {float: left;width: 50%;} .halfColumn.video {float:right;} #greyContainer .halfColumn:nth-child(2n) {padding: 60px 0 0 70px;} .halfColumn .partContentFileImageGallery.single {margin-top:-60px;} .halfColumn .partContentVideo {margin-top:-60px;} #greyContainer .ctaButton {background: none;border-bottom:2px solid #419639;} #greyContainer .ctaButton:hover {background: #419639;border-bottom:2px solid #fff;} /* Uitzonderingen voor home*/ #productContainer.home {margin-top:-200px;margin-bottom: 160px;background: transparent;padding-bottom: 0px} #productContainer.home .basicContainer {margin-top:0px;} /*einde*/ #productContainer {margin-top:60px;position: relative;margin-bottom: 0px;text-align: center;background: #eaebec;padding-bottom:20px;} #stickyMenu {background: #eaebec;height: 90px;z-index: 10} #stickyMenu.fixed {height: 60px;-webkit-box-shadow: 0px 0px 8px 2px #000000; -moz-box-shadow: 0px 0px 8px 2px #737b80; box-shadow: 0px 0px 8px 2px #737b80;} #stickyMenu li {padding:37px 40px;float: left;} #stickyMenu.fixed li {padding:22px 40px;float: left;} #stickyMenu li:first-child {padding-left:0px;} #stickyMenu li a {text-decoration: none;color:#737b80;font-weight: 700;} #stickyMenu li a:hover {color:#419639;} #stickyMenu li a:after {content:'';background: url(/images/style/icon-ctabutton-arrow-down-grey.svg) right top 3px;width: 15px;height: 15px;background-size: 15px 10px; background-repeat: no-repeat;position: absolute;margin-left: 10px;} .book:hover {background: #737b80} .book {float: right;padding:37px 15px;background: #419639;color:#fff;text-decoration: none;transition: 0.3s;font-weight: 700;} #stickyMenu.fixed .book {padding:22px 20px;} .stickyScrollSub {position: relative; z-index: 1; clear: both; width: 100%; height: 90px; background-color: #25283D; -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .stickyScrollSub.fixed {position: fixed; top: 0px; } .stickyScollContentStart.secondary-nav-fixed {padding-top: 90px; height: 0; } #productContainer .basicContainer {margin-top: -120px;padding:0 20px;} #productContainer.occasionOverview {margin-top: 120px;} #productContainer.occasionOverview .basicContainer {margin-top: -188px;} #productContainer .basicContainerIntro {margin-top: 0; } #productContainer .basicContainerIntro .partContentText p { margin:0; } #productContainer .basicContainerIntro .partContentText{ padding-bottom: 40px;text-align: left;} #productContainer #intro {background: #fff; overflow: hidden;} #productContainer #intro + .whiteTop {height: 55px;} #productContainer #intro + .whiteTop + .basicContainer {margin-top: -55px;} .whiteTop {background: #fff;height: 120px;text-align: center;} .whiteTop h2 strong {display: inline-block;} #productContainer h2 strong {display: inline-block;} #productContainer .flex {margin-bottom: 40px;} .product {width: calc(33.33% - 20px);overflow: hidden;position: relative;margin-bottom: 20px;margin-left:10px;margin-right: 10px;} .home .product {margin-bottom: 0;} .product:hover .productOverlay {background-color: rgba(65, 150, 57, 0.8); visibility: visible;} .productOverlay {visibility: hidden; position: absolute; width: 100%; height: 100%; padding:30px; transition: background-color 0.3s;color:#fff;z-index: 9} .productOverlay .partContentText {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;display: block;width: 100%;padding-top: 15px;} .productOverlay .partContentText h3 {font-size: 187.5%;display: inline-block;margin-bottom: 10px;} #productContainer .ctaButton {background: #419639;color:#fff;} #productContainer .ctaButton:hover {background: #eaebec;color:#419639;} #productContainer .ctaButton:after {content:'';background: url(/images/style/icon-ctabutton-arrow-white.svg) right 10px center;background-size:11px 16px; background-repeat: no-repeat;} #productContainer .ctaButton:hover:after {content:'';background: url(/images/style/icon-ctabutton-arrow-green.svg) right 10px center;background-size:11px 16px;background-repeat: no-repeat;} .product img { display: block; } #sliderContainer .product {position: static;text-align: center;margin:0px; width: auto;} #sliderContainer .basicContainer {padding:0 20px;margin-top:-60px;padding-bottom: 100px;} #sliderContainer {background: #eaebec;} #sliderContainer .product:hover .productOverlay { visibility: visible;background:rgba(65, 150, 57, 0.8) url(/images/style/icon-search.svg) center center;background-repeat: no-repeat;background-size: 50px 50px} #greenContainer {background:#419639;color:#fff;padding-bottom: 60px; } #greenContainer .halfColumn:first-child {padding: 60px 70px 0 0px;} #greenContainer .ctaButton {background: transparent;color:#fff;border-bottom:2px solid #fff;} #greenContainer .ctaButton:hover {background: #fff;border-bottom:2px solid #fff;color:#419639;} #greenContainer .ctaButton:after {content:'';background: url(/images/style/icon-ctabutton-arrow-white.svg) right 10px center;background-size:11px 16px;background-repeat: no-repeat;} #greenContainer .ctaButton:hover:after {content:'';background: url(/images/style/icon-ctabutton-arrow-green.svg) right 10px center;background-size:11px 16px;background-repeat: no-repeat;} #contentContainer h2, #contentContainer h1 {margin:60px 0 40px 0;} #contentContainer h2 strong {display: inline-block;} #contentContainer .basicContainer {max-width: 800px;} #contentContainer table {width: 100%;} #productContainer.productList .basicContainerIntro .partContentText p {margin-bottom: 15px;} #contactContainer .halfColumn {margin:100px 0;} #contactContainer .halfColumn .partContentFileImageGallery.single {margin-top:0px;} #contactContainer .halfColumn:first-child {padding-right:50px;} .socialBlock {background:#eaebec url(/images/style/background-social-block.png) right top;background-size:cover;display: block;padding:45px 100px 45px 45px;color:#737a80;font-size: 150%;transition:background-color 0.3s } .socialBlock:link, .socialBlock:active, .socialBock:visited , .socialBlock { text-decoration: none; } .socialBlock:hover {background:rgba(65,150,57,0.6) url(/images/style/background-social-block-hover.png) right top;background-size:cover;display: block;color:#fff;} .socialBlock img {max-width: 300px;margin-top:15px;width: 100%} #referenceContainer {display: flex; flex-wrap: wrap; margin-left: 30px;background: url(/images/style/icon-ctabutton-arrow-green.svg) right top;background-repeat: no-repeat;color:#989899; text-decoration: none;} #referenceContainer .partContentFileImageGallery.single {width: 40%;padding-right: 40px;} /* #referenceContainer img {float: left;padding-left: 20px;padding-right: 40px;width: 40%;} */ #referenceTextContainer {width: 60%;padding-right: 30px;} #referenceTextContainer span {display: block;} .referenceName {font-weight: 700;color:#419639;margin-bottom: 10px;} #referenceContainer:hover .referenceName {color:#404041;} #referenceContainer:hover .partContentText,#referenceContainer:hover .referenceCompany{color:#419639;} .referenceCompany {font-style: italic;margin-bottom: 15px;} /* contact form */ .contactFormContainer {background: url(/images/style/background-form.jpg) center center;position: relative;z-index: 2;background-size: cover;padding-top: 60px;padding-bottom: 20px;} .contactFormContainer:after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #419639; opacity: .7; content: ' '; z-index: -1;} .contactFormContainer h2 {text-align: center;color:#fff; z-index: 2; position: relative;} #logoContainer {background: #d0edc4;padding:225px 0 90px 0;margin-top: -130px;} /* #logoContainer .slideContainer {justify-content: center;} #logoContainer .slide {margin: 0 10px} */ .partSlickSliderLogos {} .partSlickSliderLogos .slideContainerViewport {margin-left:40px; margin-right:40px;} .partSlickSliderLogos .slideContainer.numberOfSlidesLessThanSlidesToShow {justify-content: center;} .partSlickSliderLogos .slide {} .partSlickSliderLogos .slide .partContentFileImageGallery.single {max-width:100%; height:100%; padding:20px;} .partSlickSliderLogos .slide .partContentFileImageGallery.single .contentFileImage {height:100%;} #logoContainer .slidePaginationBullet {background: #d0edc4; border: 4px #eaebec solid; box-shadow: 0 0 0 1px #404041; display: block; box-sizing: border-box; height: 16px; width: 16px; outline: none; line-height: 0; color: transparent; cursor: pointer; border-radius: 50%;} #logoContainer .slidePaginationBullet.selected {background-color: #404041;} #dealerContainer {padding-bottom:60px;} #dealers.flex {justify-content: flex-start;} #dealerContainer h2 {margin:60px 0 40px 0;} #dealerContainer h2 strong {display: inline-block;} .partGoogleMaps {margin-bottom: 60px; height:600px;} .dealerDetail {width: 20%;margin-bottom: 60px;padding-right: 20px;} .dealerDetail ul li:first-child {font-weight: 400;} .dealerDetail ul li {padding:7px 0;font-weight: 300;} .dealerDetail ul li.phone {padding-left: 20px;background:url(/images/style/icon-phone-green.svg) left top 7px;background-size: 15px 15px;background-repeat: no-repeat;} .dealerDetail ul li.phone a {text-decoration: none;color:#419639; } .dealerDetail ul li.phone a:hover {color:#404041;} .dealerDetail ul li.website {padding-left: 20px;background:url(/images/style/icon-cursor.svg) left top 7px;background-size: 15px 15px;background-repeat: no-repeat;} .dealerDetail ul li.website a {font-weight: 400;color:#404041;text-decoration: none;} .dealerDetail ul li.website a:hover {color:#419639;} .productItem {overflow: hidden; margin-bottom: 30px;} .productItem .partContentFileImageGallery {float: left; max-width:290px;} .productItem .productText {text-align: left; padding: 30px 30px 10px 30px; float: left; width: calc(100% - 290px); background-color: #fff; min-height: 290px;} .productItem .productText h2 {margin-bottom: 0; padding-bottom: 10px; font-size: 150%;} #productIntroContainer {margin-bottom: 75px;} #productIntroContainer h2 {margin:60px 0 40px 0;} #productIntroContainer h2 strong {display: inline-block;} #productIntroContainer .partContentText {padding-right: 30px;} #productIntroContainer h2 + .partClearBoth + .halfColumn .partContentText p:first-child {font-weight: 700;} #productIntroContainer .halfColumn .partContentFileImageGallery.single {margin-top: 0;padding-left: 30px;} #productSpecificationContainer {background: #eaebec;padding:80px 0;} #productSpecificationContainer h2 {margin:0px;} #productSpecificationContainer table {width: 100%;margin-top: 35px;} #productSpecificationContainer td {border:none;} #productSpecificationContainer tr:nth-child(odd) {background: #dee0e1} #productSpecificationContainer h2 strong {display: inline-block;} #productSpecificationContainer .halfColumn:nth-child(2n) {padding-left: 30px;} #productSpecificationContainer .halfColumn .partContentFileImageGallery.single {margin-top: 0;padding-right: 30px;} #productFeaturesContainer {text-align: center;margin:60px 0;} #productFeaturesContainer h2 {margin-bottom: 50px;} #productFeaturesContainer h2 strong {display: inline-block;} #productFeaturesContainer .partContentFileImageGallery { height: 75px; width: 75px; margin:0px auto 15px auto; line-height: 75px; vertical-align: middle;} #productFeaturesContainer img {display: inline-block;margin-bottom: 20px;max-width: 75px;max-height: 75px; vertical-align: middle;} #productFeaturesContainer h3{color:#419639;} #productFeaturesContainer p {font-weight: 400;font-size: 100%;} .searchBar {position: relative; max-width: 420px; height: 70px;margin-bottom: -55px;background: #fff;z-index: 5} .searchBarInput {color: #000; font-size:100%; -webkit-appearance: none; border-radius:0; border: 1px solid #737b80; background-color: transparent; outline: none; height: 70px; width: calc(100% - 70px); padding-left: 15px;} .searchBarInput::-ms-clear {display: none;} .searchBarInput::-webkit-input-placeholder {color: #737b80; opacity: 1;} .searchBarInput:-moz-placeholder {color: #737b80; opacity: 1;} .searchBarInput::-moz-placeholder {color: #737b80; opacity: 1;} .searchBarInput:-ms-input-placeholder {color: #737b80; opacity: 1;} .searchBarInput::-webkit-search-cancel-button {-webkit-appearance: none;} .searchBarButton {width: 70px; height: 70px; display: block; position: absolute; background:#737b80 url('/images/style/icon-search.svg') no-repeat center; background-size: 25px 25px; right: 0; top: 0; border:solid 1px #737b80; border-left: none; transition: 0.3s;} .searchBarButton:hover {background-color: #f0f0f0;} .searchBarReset {display: none; width: 24px; height: 24px; cursor: pointer; position: absolute; background:#f0f0f0 url('/images/style/icon-reset.svg') no-repeat center; background-size: 10px 10px; right: 100px; top: 50%; transform: translateY(-50%); border-radius: 50%; border:solid 1px #737b80;} .partContentFileAdmin {margin:30px 0;} .partContentFileAdmin a {color:#404041;} #footerContainer {padding:60px 0px 30px 0;} #footerContainer a {text-decoration: none;color:#404041;font-weight: 300;margin-top: 5px;display: inline-block;} #footerContainer a:hover {color:#419639;} #footerContainer ul {text-align:center; padding-bottom: 10px;} #footerContainer ul li {font-weight: 300;color:#404041;display: inline-block;text-align: center;list-style-type: none;} #footerContainer ul li:first-child {color:#419639;font-weight: 700;} #footerContainer ul li:first-child:before {display: none;} #footerContainer ul li:before {content:'\007c';padding-left:10px;padding-right: 14px;color:#404041;} .phone {background: url(/images/style/icon-phone.svg) left top 15px;background-repeat: no-repeat;background-size: 15px 15px;padding:15px 0 15px 20px;} #footerContainer ul:nth-child(2) li:before {content:'';} .mail {background: url(/images/style/icon-mail.svg) left top 15px;background-repeat: no-repeat;background-size: 15px 15px;padding:15px 0 15px 25px;} .line {max-width:450px;height: 1px; background:#dcdcdc ;margin:0 auto;margin-top: 25px;margin-bottom: 40px;} #footerContainer span {color:#b5b5b5;font-weight: 300;text-align: center;display: block;} .occasions .product:hover {box-shadow: 0 1px 7px rgba(0,0,0,.2);} .occasions .product:hover .productName{color:#419639} .product {text-decoration: none;transition: 0.3s} .productInformation {display: block;background:#fff;text-decoration: none;font-weight: 700;color:#404041;padding:10px;} .productName {font-size: 20px;margin-bottom: 10px;transition: 0.3s} .productName, .productPrice {display: block;} .back {display: inline-block; color: #737b80; font-weight: 700;text-decoration: none;position: relative;padding:37px 20px 37px 20px;} .back:before{ content: ''; background: url(/images/style/icon-ctabutton-arrow-down-grey.svg); left:0px; top:37px; width: 15px; height: 15px; background-size: 15px 10px; background-repeat: no-repeat; position: absolute; transform: rotate(90deg) } .price, .type {display: inline-block;margin-bottom: 30px;} .price {font-weight: 700;margin-right: 10px;} body .type{color:#419639; text-decoration: none;}