.elementor-562 .elementor-element.elementor-element-ad2e00b{--display:flex;}.elementor-562 .elementor-element.elementor-element-3155d03{--spacer-size:0px;}.elementor-562 .elementor-element.elementor-element-c3586cf{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-562 .elementor-element.elementor-element-0311cf7{left:10em;}body.rtl .elementor-562 .elementor-element.elementor-element-0311cf7{right:10em;}.elementor-562 .elementor-element.elementor-element-0311cf7{top:5rem;text-align:center;}.elementor-562 .elementor-element.elementor-element-7345d27{width:100%;max-width:100%;}.elementor-562 .elementor-element.elementor-element-283b6b5{--display:flex;}.elementor-562 .elementor-element.elementor-element-063883b{--display:flex;}.elementor-562 .elementor-element.elementor-element-7b1c217{--spacer-size:50px;}body.elementor-page-562{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-562 .elementor-element.elementor-element-3155d03{--spacer-size:10px;}}/* Start custom CSS for html, class: .elementor-element-7345d27 */.elementor-562 .elementor-element.elementor-element-c3586cf { padding:0px; }/* End custom CSS */ /* Start custom CSS */@font-face { font-family: "Exo" !important; src: url('prijsproject/fonts/Exo-Regular.ttf') format('truetype'); font-weight: normal; } @font-face { font-family: "Exo" !important; src: url('prijsproject/fonts/Exo-Bold.ttf') format('truetype'); font-weight: bold; } @font-face { font-family: "Exo" !important; src: url('prijsproject/fonts/Exo-Light.ttf') format('truetype'); font-weight: lighter; } @font-face { font-family: "Exo" !important; src: url('prijsproject/fonts/Exo-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: "Exo" !important; src: url('prijsproject/fonts/Exo-LightItalic.ttf') format('truetype'); font-weight: lighter; font-style: italic; } /* Reset CSS */ @media all { .pc-body { margin: 0px; overflow-x: hidden; font-family: "Prometo-CP"; } /* Optioneel: als je .pc-html ook op toevoegt */ .pc-html { scroll-behavior: smooth; } /* Fallback op body voor smooth scroll in embeds */ .pc-body { scroll-behavior: smooth; } .pc-body * { outline: none; transition: all 0.3s !important; } .pc-main { position: relative; z-index: 0; } .pc-button { cursor: pointer; } .pc-h1, .pc-h2 { color: #184C1A; } .pc-h1 { font-size: 25px; font-weight: lighter; font-style: italic; margin-bottom: 40px; font-family:'Prometo-CP'; } .pc-h2 { font-size: 15px; padding-bottom: 5px; line-height: 27px; } .pc-h3 { color: #ffffff; font-size: 17.5px; } .pc-h4 { color: #80BF42; font-size: 17.5px; } .pc-h5 { font-size: 20px; font-weight: normal; font-style: italic; line-height: 27px; color: #184C1A; width: 90%; } .pc-a { text-decoration: none; cursor: pointer; } .pc-d-none { display: none; } .pc-p { font-size: 15px; /* color: #6D6E71; */ color: #2f2f2f; line-height: 27.5px; } .pc-hr { display: none; } .pc-container { width: 280px; margin: auto; } .pc-flex-row { display: flex; flex-direction: row; } .pc-btn-darkgreen { border: solid 2px #184C1A; background-color: #184C1A; } .pc-btn-lightgreen { border: solid 2px #80BF42; background-color: #80BF42; } .pc-btn:hover, .pc-block-darkgreen .pc-btn-lightgreen:hover { background-color: #ffffff; border-color: #ffffff; color: #184C1A; } .pc-btn-lightgreen:hover { background-color: #184C1A; border-color: #184C1A; color: #ffffff; } .pc-block-darkgreen { padding: 60px 0; margin-top: 0px; } } /* Custom CSS */ /* Header / Banner */ .pc-banner { position: relative; height: 450px; width: 100%; text-align: center; } .pc-banner-other { height: 220px; } .pc-banner-other .pc-banner-backgroundimage { background-image: url("prijsproject/images/png/banner-2.png"); } .pc-banner-overons .pc-banner-backgroundimage { background-image: url("prijsproject/images/png/banner-3.png"); } .pc-banner-contact .pc-banner-backgroundimage { background-image: url("prijsproject/images/png/banner-4.png"); } .pc-banner-backgroundimage, .pc-banner-backgroundcolor { position: absolute; height: 100%; width: 100%; z-index: -1; } .pc-banner-backgroundimage { background-image: url("prijsproject/images/png/banner-1.png"); background-size: cover; background-position: center; background-repeat: no-repeat; } .pc-banner-backgroundcolor { background-color: #80BF42; top: 0; left: 0; opacity: 0.88; } .pc-banner .pc-intro-paragraph::before, .pc-block-darkgreen .pc-h1::before { content: ''; background-color: #ffffff; display: block; height: 4px; width: 50px; margin: -30px auto 26px auto; } .pc-banner .pc-h5 { font-style: italic; font-size: 20px; margin: 0 auto; padding: 70px 0 0 0; color: #ffffff; } .pc-sub-paragraph { font-size: 15px; margin: 0 auto; padding: 20px 0 0 0; color: #ffffff; } .pc-leaf-icon { position: absolute; bottom: -20px; width: 15px; left: 50%; transform: translateX(-50%); } /* Info-block */ .pc-info-block .pc-h1::after { content: ''; background-color: #80BF42; margin: 20px auto 0 auto; display: block; height: 4px; width: 50px; } .pc-info-block { text-align: center; position: relative; } .pc-info-block .pc-h5 { padding: 40px 0; font-size: 15px; font-weight: bold; color: #184C1A; margin: auto; } .pc-info-block .pc-p { width: 100%; margin: 0 auto 40px auto; } .pc-overons-foto { margin: auto; } .pc-wwd-itemholder { margin: 30px auto 0 auto; width: 100%; } .pc-wwd-itemholder img { width: 40px; height: 35px; margin-bottom: 20px; } .pc-project-image { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; } .pc-overons-block .pc-grayoverlay { background-color: #F2F3F3; position: absolute; height: 20%; width: 100%; top: 0; z-index: -1; margin-top: -20px; } .pc-overons-block .pc-p, .pc-overons-content #pc-introtekst { margin: 0 0 40px 0; } .pc-overons-block img { padding-bottom: 40px; width: 100%; } /* Info-block (darkgreen) */ .pc-block-darkgreen { background-color: #184C1A; } .pc-block-darkgreen .pc-h1::after { display: none; } .pc-block-darkgreen .pc-h1::before { background-color: #80BF42; } .pc-block-darkgreen .pc-h1 { color: #ffffff; margin-top: 30px; } .pc-block-darkgreen .pc-sub-paragraph { height: initial; color: #ffffff; padding-top: 0; } #pc-truck-image, #pc-truck-image-prijs { width: 100%; margin-top: 80px; margin-bottom: -110px; } .pc-block-darkgreen .pc-container #pc-aequor-icon { display: none; } /* Different Screen-width's */ @media only screen and (min-width: 490px) { .pc-container { width: 450px; } .pc-banner { height: 340px; } .pc-banner-other { height: 180px; } .pc-overons-block .pc-grayoverlay { height: 25%; } } @media only screen and (min-width: 550px) { .pc-container { width: 510px; } } @media only screen and (min-width: 820px) { .pc-container { width: 780px; } .pc-h1 { font-size: 27px; } .pc-banner { height: 420px; } .pc-banner-other { height: 220px; } .pc-banner-backgroundcolor { width: 50%; } .pc-banner .pc-intro-paragraph::before, .pc-block-darkgreen .pc-h1::before { margin: -30px auto 26px 0; } .pc-banner .pc-h5 { width: 40%; margin-left: 0 !important; text-align: left; padding-top: 100px; } .pc-sub-paragraph { font-size: 16px; text-align: left; margin: 0; width: 350px; height: 90px; } .pc-wwd-holder { display: flex; flex-wrap: wrap; margin: 50px 0 0 0; } .pc-wwd-itemholder { width: 380px; margin: 0; } .pc-wwd-itemholder .pc-p { font-size: 16px; } .pc-info-block .pc-p { width: 340px; } .pc-overons-content { width: 800px; margin: auto; text-align: left; } .pc-overons-content * { width: 100% !important; } .pc-overons-block { position: relative; } .pc-overons-block .pc-grayoverlay { background-color: #F2F3F3; position: absolute; height: 35%; width: 100%; top: 0; z-index: -1; } /* Info-block (darkgreen) */ .pc-block-darkgreen { position: relative; background: none; } .pc-infoblock-backgroundcolor { background-color: #F2F3F3; position: absolute; width: 50%; height: 100%; left: 0; top: 0; z-index: -1; } .pc-green { background-color: #184C1A; right: 0; left: 50%; } .pc-block-darkgreen .pc-container { display: flex; } .pc-block-darkgreen .pc-container .pc-content { width: 50%; order: 1; margin-left: 80px; } .pc-block-darkgreen .pc-container .pc-content .pc-p { padding: 0; } .pc-block-darkgreen .pc-container .pc-div { width: 50%; order: 0; } .pc-block-darkgreen .pc-container #pc-truck-image, .pc-block-darkgreen .pc-container #pc-truck-image-prijs { width: 100%; margin: 0; } .pc-block-darkgreen .pc-container #pc-aequor-icon { width: 125px; margin-top: 20px; display: initial; } .pc-block-darkgreen { margin-left: 0; margin-right: 0; text-align: left; } } @media only screen and (min-width: 1300px) { .pc-container { width: 1200px; } .pc-input, .pc-textarea { font-size: 16px; } .pc-btn { width: 220px; height: 50px; font-size: 19px; font-weight: bold; } .pc-h1, .pc-h5 { font-size: 44px; } .pc-h1 { padding-top: 20px; padding-bottom: 70px; } .pc-h2, .pc-h3, .pc-h4 { font-size: 19px; } .pc-h3 { color: #ffffff; } .pc-h4 { color: #80BF42; } .pc-h5 { line-height: 55px; } .pc-p { font-size: 16px; line-height: 28px !important; } .pc-banner { height: 20rem; } .pc-banner-other { height: 430px; } .pc-banner .pc-h5 { font-size: 44px; width: 600px; padding-top: 180px; height: 170px; margin-left: -4px; } .pc-banner-other .pc-intro-paragraph { padding-top: 160px; } .pc-banner-contact .pc-intro-paragraph { width: 500px !important; } .pc-sub-paragraph { font-size: 18px; width: 470px; padding-top: 40px; height: 50px; } .pc-banner .pc-btn-holder { margin-top: 33px; padding-bottom: 130px; } /* Info-block */ .pc-wwd-itemholder { margin-bottom: 100px; text-align: left; margin-top: 0; padding-bottom: 50px; } .pc-wwd-itemholder img { height: 50px; width: auto; margin-left: 0; margin-bottom: 30px; } .pc-wwd-itemholder .pc-p { margin: 0; } .pc-swiper-container { height: 380px; width: 100%; margin-left: -24px; padding-left: 24px; margin-right: -25px; padding-right: 25px; } .pc-swiper-container .pc-swiper-slide { position: relative; } .pc-swiper-container .pc-swiper-slide .pc-custom-imgslide { height: 100%; } .pc-slide-info { text-align: left; } .pc-swiper-button-prev, .pc-swiper-button-next { width: 55px; height: 55px; top: 120px; background-size: 10px; } .pc-swiper-button-prev { left: 0px; } .pc-swiper-button-next { right: 0px; } #pc-custom-fotobtn { margin-top: 80px; } .pc-foto-album .pc-foto-item { width: 390px; position: relative; } .pc-foto-album .pc-foto-item .pc-project-image { height: 250px; } .pc-overons-content { width: 940px; margin: auto; text-align: left; } .pc-overons-content #pc-introtekst { padding-top: 0; font-size: 19px; font-weight: bold; line-height: 27px; } .pc-overons-content img { margin-bottom: 35px; } .pc-overons-content .pc-h2 { font-size: 19px; margin-bottom: 0; padding-bottom: 0; } .pc-overons-content .pc-p { margin-top: 5px; } /* Info-block (darkgreen) */ .pc-block-darkgreen .pc-h1 { padding-top: 40px; margin-bottom: 0; padding-bottom: 40px; margin-top: 0; } .pc-block-darkgreen .pc-container .pc-content { margin: 0 0 0 150px; } .pc-block-darkgreen .pc-container .pc-images { width: calc(600px - 50px); } .pc-block-darkgreen .pc-container .pc-content .pc-p { font-size: 16px; font-weight: normal; width: 445px; margin: 0; } .pc-block-darkgreen .pc-btn-holder { margin-top: 37px; padding-bottom: 0px; } .pc-block-darkgreen .pc-container #pc-truck-image, .pc-block-darkgreen .pc-container #pc-truck-image-prijs { width: calc(600px - 50px); margin-top: -140px; margin-left: -12.5px; } .pc-block-darkgreen .pc-container #pc-truck-image-prijs { margin-top: 0; } } /* Scoped “root” styles — voor isolatie; doet inhoudelijk niets met color hier */ .pc-root { color: #fcc201; color: #1d1e1b; color: #ffffff; color: #b5b7b9; } /* Overschrijvingen / thema */ .pc-body * { font-family: "prometo-cp-600" !important; /* of prometo-cp-200 */ } .pc-h1, .pc-h2, .pc-h3, .pc-h4, .pc-h5, .pc-p { font-weight: 600; font-style: normal; } .pc-h1, .pc-h2, .pc-h5 { color: #1d1e1b; } .pc-h4 { color: #fcc201; } .pc-sticky { position: sticky; top: 0; width: 100%; } .pc-logo { margin-left: -15px; } .pc-header .pc-logo:nth-child(2) { display: none; } .pc-sticky .pc-logo:nth-child(1) { display: none; } .pc-sticky .pc-logo:nth-child(2) { display: block; } .pc-header-btn { margin-top: 0; margin-left: 50px; height: 200%; transform: translateY(-6px); font-weight: 700; } .pc-nav .pc-ul .pc-li { font-weight: 700; font-size: 17px; color: #1d1e1b; } .pc-hamburger-icon .pc-div { background-color: #1d1e1b; } /* Banner overrides voor prijsproject */ .pc-banner-backgroundimage { background-image: url("/prijsproject/images/png/prijs-banner.png"); } .pc-banner .pc-banner-backgroundcolor { background-color: #fcc201; } .pc-banner .pc-h5 { color: #1d1e1b; font-style: normal; font-weight: 600; } .pc-banner .pc-sub-paragraph { font-weight: 200; } .pc-banner .pc-intro-paragraph::before { display: none; } /* Info-block thema */ .pc-info-block .pc-h1::after, .pc-block-darkgreen .pc-h1::before { background-color: #fcc201; height: 5px; } .pc-wwd-itemholder .pc-h2 { font-size: 18px; } .pc-wwd-itemholder .pc-p { font-weight: 200 !important; color: #6d6e71 !important; } /* Info-block (Dark-green) */ .pc-block-darkgreen .pc-infoblock-backgroundcolor { background-color: #ffffff; } .pc-block-darkgreen .pc-green { background-color: #1d1e1b; } .pc-block-darkgreen .pc-sub-paragraph { color: #b5b7b9; } /* Extra responsive overrides */ @media only screen and (max-width: 820px) { .pc-header .pc-btn { display: none; } .pc-banner .pc-h5 { padding-top: 85px; } } @media only screen and (max-width: 870px) { .pc-block-darkgreen { background-color: #1d1e1b; } } @media only screen and (min-width: 870px) { .pc-infoblock-backgroundcolor2 { background-color: #F2F3F3; position: absolute; width: 50%; height: 50%; left: 0; bottom: 0; z-index: -1; } } @media only screen and (min-width: 1300px) { .pc-banner .pc-h5 { padding-top: 150px; width: 515px; } .pc-sub-paragraph { width: 440px; height: 70px; } .pc-block-darkgreen .pc-h1 { max-width: 440px; } .pc-btn { font-weight: 600; font-size: 19px; } .pc-header-btn { font-size: 16px; } }/* End custom CSS */