.icon.winkel.groen{content: url(../images/icon-store-green.svg);} .icon.medewerkers.groen{content: url(../images/icon-medewerkers-green.svg);} .icon.medal.groen{content: url(../images/icon-medal-green.svg);} .icon.whatsapp.groen{content: url(../images/icon-whatsapp-green.svg);} .icon.bel.groen{content: url(../images/icon-bel-green.svg);} .icon.email.groen{content: url(../images/icon-email-green.svg);} .icon.bank.groen{content: url(../images/icon-bank-green.svg);} .icon.toolbox.groen{content: url(../images/icon-toolbox-green.svg);} .icon.sparkles.groen{content: url(../images/icon-sparkles-green.svg);} .icon.boom.groen{content: url(../images/icon-boom-green.svg);} .icon.laptop.groen{content: url(../images/icon-laptop-green.svg);} /* Home pagina */ body.home .wp-block-handpicked-products {margin: 0 0 45px 0} #home-snelkeuze {width: 100%; overflow-y: scroll; margin: 30px 0 30px 0;} #home-snelkeuze ul {width: 1670px;} #home-snelkeuze ul li { width: 135px; text-align: center; display: inline-block; margin-right: 15px; vertical-align: top; line-height: 1.25 } #home-snelkeuze ul li a {color: #000; font-size: 14px} #home-snelkeuze ul li:last-child {margin-right: 0} #home-snelkeuze ul li img {max-width: 80px} #home-snelkeuze::-webkit-scrollbar {-webkit-appearance: none;} #home-snelkeuze::-webkit-scrollbar:horizontal {height: 10px; border-radius: 5px; } #home-snelkeuze::-webkit-scrollbar:vertical {width: 0} #home-snelkeuze::-webkit-scrollbar-thumb {background-color: #000;border:4px solid #fff; border-left :0; border-right: 0} #home-snelkeuze::-webkit-scrollbar-track {background-color: #fff; } body.home > #page > #content > .entry-content {position: relative} #home-snelkeuze-arrow-right {cursor: pointer; user-select: none; display: block; width: 42px; height: 42px; background: #fff url('../images/icon-arrow-right-black.svg') center center no-repeat; background-size: 5px; ; border-radius: 45px; border: 1px solid #E8EAEE; position: absolute; top: 35px; right: 0; box-shadow: 0px 3px 5px rgba(0,0,0,0.05);} #home-snelkeuze-arrow-right:hover {box-shadow: 0px 3px 5px rgba(0,0,0,0.1);} #home-hero {margin: 15px 0 45px 0; gap: 30px; min-height: 415px} #hero-links {width: 200px} #hero-links ul {line-height: 2.5;} #hero-links li a {padding-left: 15px; background: url('../images/icon-arrow-right-black.svg') left center no-repeat; background-size: 5px; color: #3D3E3E } #hero-links li a:hover {color: #333; background-position: left 2px center; text-decoration: underline} #hero-img {flex-grow: 1; background: url('../images/hero-home-23-2.jpg'); background-size: cover; padding: 45px; position: relative; border-radius: 25px} #hero-img #hero-text {position: absolute; top: 30px; left: 50px; background: rgba(255,255,255,0.95); padding: 45px; border-radius: 25px; max-width: 400px} #hero-img #hero-text h3 {font-size: 26px} #hero-img #hero-text img {max-width: 280px} #hero-img #hero-text ul {line-height: 2; margin-bottom: 20px} #hero-img #hero-text li {padding-left: 20px; background: url('../images/icon-check.svg') left center no-repeat; font-size: 16px; background-size: 11px} /*#hero-img #hero-text li span{ font-weight: 600; color: #313131;}*/ #hero-banners {width: 350px} #hero-keuzes {padding: 30px 30px 15px 30px; background: #F2FBFE; margin-top: 30px; border-radius: 25px} #hero-keuzes h4{ margin-bottom: 15px} #hero-keuzes a {display: inline-block; padding: 3px 10px; background: #fff; border-radius: 15px; margin: 0 2px 5px 0; color: #000; font-size: 14px; border: 1px solid #E8EAEE} #hero-keuzes a:hover {color: #313131; background: #FFECDE; text-decoration: none; border-color: #ffb681} #home-hero .countdown {margin-top: 10px} /* #home-hero.voorjaarssale #hero-img {background: url('../images/hero-home-voorjaarssale-23.png') #1cbead } #home-hero.voorjaarssale #hero-img #hero-text {background: none; color: #fff} #home-hero.voorjaarssale #hero-img #hero-text img {margin-bottom: -30px} #home-hero.voorjaarssale #hero-img #hero-text li span {color: #fff} #home-hero.voorjaarssale #hero-img #hero-text li {background-image: url('../images/icon-check-white.svg')} #home-hero.voorjaarssale #hero-img #hero-text .button.green {background-color: #ffc400; background-image: url('../images/icon-arrow-right-black.svg'); color: #000} */ /*Cybermonth #home-hero.cybermonth #hero-img #hero-text {display: none} #home-hero.cybermonth #hero-img {padding: 0; background: #00c853} #home-hero.cybermonth #hero-img a.banner {display: block; width: 100%; height: 100%; background: url('../images/hero-home-cybermonth-23-desktop.png') #00c853 center center no-repeat; background-size: contain; text-indent: -999px} #home-hero.cybermonth #hero-img a.banner:hover {opacity: 0.7} */ /*December #home-hero.december #hero-img #hero-text {display: none} #home-hero.december #hero-img {padding: 0; background: #0c4b32 url('../images/header-landingspagina-december.png') center top; background-size: cover} #home-hero.december #hero-img a.banner {display: block; width: 100%; height: 100%; background: url('../images/hero-home-december-desktop-trans.png') center center no-repeat; background-size: contain; text-indent: -999px} #home-hero.december #hero-img a.banner:hover {opacity: 0.7} */ /*back2school*/ #home-hero.back2school #hero-img #hero-text {display: none} #home-hero.back2school #hero-img {padding: 0; background: none} #home-hero.back2school #hero-img a.banner {display: block; width: 100%; height: 100%; background: url('../images/hero-home-back2school-desktop.png') center center no-repeat; background-size: contain; text-indent: -999px; overflow: hidden} /* Sale #home-hero.sale #hero-img {background: url('../images/home-banner-sale-bg-x2-2.png') #ff6b00; background-position: center; background-size: cover } #home-hero.sale #hero-img #hero-text h3 {font-size: 80px; color: #fff} #home-hero.sale #hero-img #hero-text {background: none; color: #fff; top: 30px;} #home-hero.sale #hero-img #hero-text li span {color: #fff} #home-hero.sale #hero-img #hero-text li {background-image: url('../images/icon-check-white.svg')} */ /* Vakantiegeld #home-hero.vakantiegeld #hero-img {background: url('../images/home-banner-vakantiegeld-x2.png') #2890cd; background-position: center; background-size: cover } #home-hero.vakantiegeld #hero-img #hero-text h3 {font-size: 44px; color: #fff} #home-hero.vakantiegeld #hero-img #hero-text {background: none; color: #fff; top: 30px; max-width: 500px} #home-hero.vakantiegeld #hero-img #hero-text li span {color: #fff} #home-hero.vakantiegeld #hero-img #hero-text li {background-image: url('../images/icon-check-white.svg')} */ #home-usp {background: #F3F5F9; padding: 25px 0; line-height: 1.5; margin-bottom: 45px; border-radius: 25px} #home-usp .innercontent {max-width: 1200px} #home-usp .innercontent > div {padding-right: 60px; padding-left: 27px;background: url('../images/icon-check-circle-green.svg') 0 3px no-repeat; background-size: 20px; border-right: 1px solid #DCE1EA } #home-usp .innercontent > div:last-child {border-right: 0; padding-right: 0} #home-usp div span {display: block; font-family: 'Inter Tight';font-size: 18px; font-weight: bold; margin-bottom: 5px; color: #000} #home-usp div.klantenservice {position: relative;padding-left: 150px; padding-right:0; width: 350px; background: none; border: none} #home-usp div.klantenservice h3 {font-size: 22px; line-height: 1.2} #home-usp div.klantenservice img{position: absolute; bottom: -25px; left:-55px} #home-producten{margin: 25px 0 45px 0; gap: 30px;} #home-producten a {width: 16.67%; border: 1px solid #DEE1E6; border-radius: 5px; padding: 15px 30px; text-align: center; font-family: 'Inter Tight', sans-serif; font-weight: 700; font-size :16px; color: #313131; line-height: 1.25} #home-producten a img {margin-bottom: 15px} #home-producten a:hover {border-color: #999; text-decoration: underline} #home-banners {gap: 30px; margin-bottom: 30px} #home-banners a.banner {background: #fff url('../images/icon-arrow-circle-yellow.svg') bottom 15px right 15px no-repeat; background-size:38px; width: 50%; display: flex; color: #53555C; align-items: center; border: 1px solid #E8EAEE; border-radius: 25px;} #home-banners a.banner .image, #home-banners a.banner .image img {height: 100%; border-radius: 25px;} #home-banners a.banner .description { padding: 30px} #home-banners a.banner .description h3 {font-size: 22px; color: #000} #home-banners a.banner .description p {margin: 0} #home-banners a.banner:hover {background-color: #FCEBC7;} #home-diensten img {border-radius: 25px} #home-diensten .omschrijving, body #content .tekst-blokken .omschrijving {background: #fff; width: 90%; padding: 30px; margin: -140px 0 30px 0; border-top-right-radius: 25px; display: inline-block; max-width: 600px; position: relative} #home-diensten .omschrijving p:last-child, body #content .tekst-blokken .omschrijving p:last-child {margin-bottom: 0} #home-merken {margin: 25px 0 60px 0; gap: 30px; } #home-merken a {display: block; border: 1px solid #DEE1E6; border-radius: 50px; padding: 20px; text-align: center; width: 14.29%;line-height: 30px; height: 80px;} #home-merken img {max-height: 40px; max-width: 40% !important; opacity: 1; vertical-align: middle; } #home-merken a:hover {border-color: #999} #home-merken a:hover img {opacity: 0.8} div.home-blog-container {background: #F3F5F9} ul.home-blog {display: flex;justify-content: space-between; margin: 0 auto; list-style: none; padding: 30px 0; background: #F3F5F9} ul.home-blog li {width: 33.3%;font-weight: 500;} ul.home-blog li:not(:first-child) {margin-left: 30px;} ul.home-blog li img {width: 100%; height: auto; border-radius: 25px;} ul.home-blog li .wp-block-latest-posts__featured-image a {padding: 0; margin: 0; } ul.home-blog li a:hover, ul.home-blog li a:hover::after {text-decoration: underline;} ul.home-blog li a.wp-block-latest-posts__post-title {display: block;padding: 15px 30px 0 30px;font-family: 'Inter Tight';font-size: 22px;color:#222; text-decoration: none; width: 85%; background: #fff; border-top-right-radius: 25px; border-top-left-radius: 25px; margin: -50px auto 0 auto; line-height: 1.25; position: relative; height :70px; overflow: clip} ul.home-blog li .wp-block-latest-posts__post-excerpt { padding: 5px 30px 15px 30px; margin: 0 auto; width: 85%; background: #fff url('../images/icon-arrow-circle-grey.svg') bottom 15px right 15px no-repeat;background-size:38px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; height: 150px} /*ul.home-blog li {position: relative;} ul.home-blog li a::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;} ul.home-blog li a::after {content: 'Lees meer';position: absolute;bottom: 15px;left: 15px; right: 15px; color: #313131; background: url(../images/icon-arrow-right-black.svg) center right no-repeat; background-sizE: 12px 12px; font-size: 14px; font-family: 'Inter'} ul.home-blog li a:hover::after{color:#01aef3; text-decoration: underline; background-image: url(../images/icon-arrow-right-blue.svg)}*/ body.blog .blog-posts {grid-template-columns: repeat(2, 1fr); display: grid; gap: 30px;} body.blog .blog-posts .blog-post-img img {width: 100%; height: auto; margin-bottom: 15px} body.blog .blog-posts h2 a {text-decoration: none; color: #222} #home-seo-text {margin-top: 45px; padding: 30px 120px} #home-seo-text a {text-decoration: underline} /* Pagina */ #content {margin-bottom: 60px} /* #content .entry-header.alignfull {padding: 90px 0 180px 0;text-align: center;color: #fff;text-shadow: 2px 2px 3px rgba(0,0,0,.25);font-size: 20px;background-repeat: no-repeat;background-attachment: fixed;background-position: center 50px;background-size: cover;} #content .entry-header.alignfull h1 {color: #fff; font-size: 32px} */ #content .entry-header {margin-top: 15px; color: #fff} /* voor oude pagina's */ #content .entry-header h1 {color: #fff} #content .entry-header p::last-child {padding-bottom: 90px} #content #sub-header {max-width: 850px;margin: -90px auto 20px auto;position: relative;z-index: 2;align-items: stretch; padding: 0 15px; color: #fff} #content #sub-header p {margin: 0} #content #sub-header .icon {width: 34px; height: 34px; margin-bottom: 15px} body.single-post #content #sub-header {margin: -45px calc(115px + 17%) 0 calc(115px + 17%);position: relative;z-index: 2;align-items: stretch; padding: 15px; background: #fff; color: #3D3E3E; border: 1px solid #DEE1E6; border-radius:2px; font-size: 14px;} body.single-post #content #sub-header .wp-block-column {padding: 0px 40px 0 40px; border-right: 1px solid #DEE1E6; background: url('../images/icon-datum-green.svg') left 17px top 3px no-repeat; background-size: 16px} body.single-post #content #sub-header .wp-block-column:first-child{background-image: url('../images/icon-veer-green.svg')} body.single-post #content #sub-header .wp-block-column:last-child{border-right: none; background-image: url('../images/icon-bril-green.svg')} #content #blog-content {margin: 30px 160px 30px 160px;} #content #blog-content.v2 {max-width: 760px; margin: 0px auto} #content #blog-content.v2 #sub-header {margin: -90px 0 45px 0} #content #blog-content ul, #content #blog-content ol, .page-template-klantenservice #content ul, .page-template-klantenservice #content ol{list-style: inherit;margin: 0 15px 15px 15px;} #content #blog-content ol, .page-template-klantenservice #content ol {list-style: decimal} #content #blog-content ul.wc-block-grid__products {list-style: none; margin: 0} #content #blog-content ul.wc-block-grid__products a {text-decoration: none} #content #blog-content a {text-decoration: underline} #content #blog-content .wp-block-image.size-large {margin-bottom: 15px} #content #blog-content .wp-block-table {margin-bottom: 15px} #content #blog-content figcaption {font-size: 14px; font-style: italic} #content #sub-header.with-blocks {margin-bottom: 60px; gap: 30px; max-width: 90%} #content #sub-header.with-blocks .wp-block-column {background: #fff;border-radius: 25px;padding: 30px 30px 25px 30px;color:#3e3e3e} #content #sub-header.with-blocks .wp-block-column .button {margin-top: 10px; width: 100%} #content #sub-header ul {padding: 0; list-style: none; margin: 10px 0 0 0} #content #sub-header ul li a::after {position: absolute; content: url(../images/icon-arrow-right-orange.svg); top: 50%; margin-top: -12px; right:10px; transition: .35s ease-in-out; width: 10px} #content #sub-header ul li a {color:#222; display: block; position: relative; text-decoration: none} #content #sub-header ul li a:hover {color: #ff6c00} #content #sub-header ul li a:hover::after {right: 5px} #content .textbar {margin-bottom: 60px; gap: 60px} #content .usp-bar.content {background: #FFF0E5; margin-bottom: 45px} #content ul.wc-block-grid__products {margin: 30px 0} body.page-template-klantenservice #content #sub-header.with-blocks {background: none; /*border-radius: 2px;box-shadow: 0px 1px 5px 2px rgba(0,0,0,.05)*/} body.page-template-klantenservice #content #sub-header.with-blocks .wp-block-column {box-shadow: none;border-radius: 25px; background: #fff;text-align: left} body.page-template-klantenservice #content #sub-header.with-blocks .wp-block-column:last-child {border-right: none} body.page-template-klantenservice .content-area, .woocommerce-account .woocommerce-MyAccount-content {/*background: #fff;padding: 30px 45px;border-radius: 2px;box-shadow: 0px 1px 5px 2px rgba(0,0,0,.05); */margin-bottom: 45px; margin-top: 15px;} .woocommerce-account .woocommerce-MyAccount-content {margin-top: 30px} #content .wp-block-column.textbox {background: #fff; padding: 15px 15px 0 15px;margin: -60px 45px 30px 0px; border-top-right-radius: 25px} #content .wp-block-column.textbox .button {display: block} #content .winkelboxen {margin: 30px 0 30px 0} #content .winkelboxen .wp-block-column{margin-bottom: 30px; background: #fff0e5; padding: 0 30px 15px 30px; /*font-size :14px*/} #content .winkelboxen .wp-block-column.empty {background: #fff} #content .winkelboxen .wp-block-column .wp-block-image {margin: 0 -30px 15px -30px;} #content .winkelboxen .wp-block-column h2 {font-size: 22px} #content .winkelboxen .wp-block-column label {display: inline-block; width: 40%; margin:0; vertical-align: inherit;} #content .winkelboxen .wp-block-column .button {display: block} #content .textbar .wp-block-column h1.large{font-size: 36px; color: #ff6c00; margin-bottom: 15px} #content .textbar .wp-block-column h2.large{font-size: 28px; margin-bottom: 15px} #content .textbar .wp-block-column h2 {font-size: 28px; margin-bottom: 5px} #content .textbar .wp-block-column a {text-decoration: underline} #content .textbar .wp-block-column a.wc-block-grid__product-link {text-decoration: none} #content .textbar .wp-block-column ul, #content .textbar .wp-block-column ol {list-style: inherit; margin: 0 15px 15px 15px } #content .textbar .wp-block-column ol {list-style: decimal} #content .textbar .wp-block-column .wc-block-grid__products {list-style: none; margin: 0} #content .textbar .wp-block-column .large{font-size: 18px} #content .textbar .wp-block-column .button{font-size: 16px; text-decoration: none} #content .textbar .wp-block-column .button::after {padding: 16px 16px;} #content .textbar .wp-block-column figure.size-large {margin-right: 30px} #content .textbar ul.usp{margin: 15px; line-height: 175%; list-style: none} #content .textbar ul.usp li {position: relative; padding-left: 20px; margin-bottom: 10px} #content .textbar ul.usp li::before {position: absolute; content: url(../images/icon-check.svg);display: inline-block; width: 14px; left: 0; top: 1px} #secondary ul.menu, nav.woocommerce-MyAccount-navigation ul {padding:0; list-style: none} #secondary ul.menu li, nav.woocommerce-MyAccount-navigation li {display: block} #secondary ul.menu li a, nav.woocommerce-MyAccount-navigation li a {position: relative; margin:0; font-family: 'Inter Tight'; padding: 15px 10px; display: block; border-bottom: 1px solid #DEE1E6; color:#222; font-weight: normal; text-decoration: none; font-size: 18px} #secondary ul.menu li:last-child, nav.woocommerce-MyAccount-navigation li:last-child {border-bottom: none} #secondary ul.menu li a::after, nav.woocommerce-MyAccount-navigation li a::after {position: absolute; content: url(../images/icon-arrow-right-black.svg); top: 50%; margin-top: -12px; right:10px; transition: .35s ease-in-out; width: 10px} #secondary ul.menu li a:hover::after, nav.woocommerce-MyAccount-navigation li a:hover::after {right: 5px} #secondary ul.menu li.current_page_item a, nav.woocommerce-MyAccount-navigation li.current_page_item a {color: #ff6c00} #secondary ul.menu li.current_page_item a::after, nav.woocommerce-MyAccount-navigation li.current_page_item a::after {right: 5px; content: url(../images/icon-arrow-right-orange.svg)} #scroll-progress-container {width: 100%;height: 8px;background: rgba(220,220,220,0.8); opacity:0} #scroll-progress-bar {height: 8px;background: #2b9b21;width: 0%;} .menu-sitemap-container .icon-wrapper {display: none} .openingstijden-winkel {margin: 15px 0} .openingstijden-winkel .weekdag {line-height: 40px; width: 320px; display: block; font-weight: 500} .openingstijden-winkel .weekdag.past, .openingstijden-winkel .weekdag.past label {color: #a8a8b1} .openingstijden-winkel .weekdag.current, .openingstijden-winkel .weekdag.current label {background: #f9ebe1; color: #ff6c00} .openingstijden-winkel .weekdag label {display: inline-block; float: left; width: 45%; padding: 0 5%; margin-right: 10%; border-right: 1px solid #D7DBDE; font-weight: 500} .contact-blok {background: #f7fafa; border-radius: 2px; border: 1px solid #d9d9d9; padding: 15px 0 20px 0; font-weight: 500; max-width: 360px; margin: 15px 0} .contact-blok p {padding: 5px 30px 5px 60px; position: relative; margin: 0} .contact-blok a {color: #222} .contact-blok a:hover {color: #01aef3} .contact-blok p::before {position: absolute; top: 50%; margin-top: -12px; left: 25px; width: 20px;} .contact-blok p.contact-adres {border-bottom: 1px solid #d9d9d9; margin-bottom: 15px; padding-bottom: 20px;} .contact-blok p.contact-adres::before {content: url(../images/icon-map-marker.svg);margin-top: -20px; margin-left: 2px; width: 18px} .contact-blok p.contact-email::before {content: url(../images/icon-mail.svg)} .contact-blok p.contact-telefoon::before {content: url(../images/icon-phone.svg)} .contact-blok p.contact-whatsapp::before {content: url(../images/icon-whatsapp-orange.svg)} .wp-block-columns.contact-formulier {margin: 0px auto 45px auto; max-width: 600px; border: 1px solid #DEE1E6; padding: 30px} .contact-formulier ul, #content .textbar .wp-block-column .contact-formulier ul {list-style: none; margin: 0; padding: 0} .contact-formulier .ginput_container_textarea textarea {height: 150px; widht: 100%} .contact-formulier .validation_error {padding: 10px; font-weight: 600; color: #ff2a00; font-size: 16px; } .contact-formulier .validation_message {padding: 5px; font-weight: 500; color: #ff2a00; } .contact-formulier .gfield {margin-bottom: 10px;} .contact-formulier .gform_drop_area {max-width: 100%; border: 1px dashed #C9C9C9; border-radius: 3px;background: #fff; height: 115px;display: flex;align-items: center;justify-content: center;font-size: 18px; font-weight: 300 } .contact-formulier .gform_drop_area .gform_drop_instructions {margin-right: 5px; font-size: 15px; font-weight: 500} .contact-formulier .gform_drop_area button {padding: 5px 8px;font-size: 15px;font-weight: 500; background: #01aef3} .contact-formulier .gform_drop_area button:hover {background: #ff6c00} .contact-formulier .ginput_container_fileupload .gform_fileupload_rules {margin-top: 10px; display: block; font-size: 14px} .contact-formulier label, .contact-formulier .label {font-weight: 600; margin-bottom: 5px; display: block} .contact-formulier .ginput_container.ginput_container_radio {text-align: left} .contact-formulier .gfield_radio li {display: inline-block} .contact-formulier .gfield_radio input[type="radio"] {opacity: 0;position: fixed;width: 0;} .contact-formulier .gfield_radio label {display:inline-block; font-weight: 500;margin-right: 30px; line-height: 45px} .contact-formulier .gfield_radio label::before {content: '\2B24'; width: 20px; height: 20px; line-height: 17px; color: #fff; font-size: 18px; text-align: center; border: 1px solid #e6e6e6; border-radius: 15px; display: inline-block; margin-right: 10px; position: relative; top: 1px} .contact-formulier .gfield_radio input[type="radio"]:checked + label::before {color: #329928 } .contact-formulier .gform_footer {padding: 0} .contact-formulier .infobox {max-width: 600px; margin: 0px auto; padding: 15px; font-size: 14px; text-align: center} .contact-formulier .infobox p {margin: 0;} .contact-formulier input[type="submit"] {width: 100%;font-family: 'Inter Tight', sans-serif;background: #00C45E url(../images/icon-arrow-right.svg) center right 15px no-repeat;background-size: 6px;border-radius: 2px;padding: 15px 70px 15px 25px;border-right: 2px solid #00923D;border-bottom: 2px solid #00923D;} .contact-formulier-inline {border: 2px dashed #FF650E; padding: 30px} .contact-formulier-inline h2 {color: #FF650E} body.blog .blog-posts {grid-template-columns: repeat(2, 1fr); display: grid; gap: 30px;} body.blog .blog-posts .blog-post-img img {width: 100%; height: auto; margin-bottom: 15px} body.blog .blog-posts h2 a {text-decoration: none; color: #222} nav.pagination{text-align: center; margin-bottom: 15px} #reparatieblok {margin-bottom: 45px} #reparatieblok h2 {margin-bottom: 15px} #reparatieblok .item {padding: 15px 30px; margin-bottom: 5px; border: 1px solid #DEE1E6} #reparatieblok .item h4 {font-size: 16px; padding: 0; margin: 0} #reparatieblok .item h4 strong{color: #00C45E; float :right; font-weight: normal; font-size: 20px} #reparatieblok .item p {margin: 15px -10px 0 -10px; padding: 15px 10px 0 10px; border-top: 1px solid #DEE1E6} .menu-sitemap-container ul {list-style: inherit; margin: 15px} #header-apk-actie {background: #680079 } #header-apk-actie .alignwide {background: #680079 url('../images/bg-splash-purple.png') no-repeat left top; margin: 0px auto;max-width: 1200px;width: auto;} #header-apk-actie figure {margin: 15px 0} #header-apk-actie h1 {color: #fff; font-size: 56px; margin: 30px} #header-apk-actie .button {margin: 0 30px;line-height: 52px; font-size: 16px;} #header-apk-actie .button.green::after {padding: 17px 16px} /* Keuzehulp */ body.page-id-172928 #content {background: #fff0e5; padding-top: 30px; padding-bottom: 30px} body.page-id-172928 #content #breadcrumbs {display: none} body.page-id-172928 #content figure {margin: 30px 0} body.page-id-172928 #content h1 {margin-bottom: 10px} body.page-id-172928 #content ul {margin: 15px 0 45px 0 !important; font-size: 16px;line-height: 175%; list-style: none !important;} body.page-id-172928 #content li {position: relative; padding-left: 25px; background: url(../images/icon-check.svg) left center no-repeat; background-size: 14px 14px;} body.page-id-172928 #content .persoonlijk-advies-holder {padding: 30px 30px 30px 250px; border: 1px solid #D7DBDE; background: #fff url(../images/foto-lars-footer-x2.png) 20px bottom no-repeat; background-size:200px; border-radius: 2px; box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.05); } body.page-id-172928 #content .persoonlijk-advies-holder a {color: #313131; background: url(../images/icon-arrow-right-black.svg) 0 center no-repeat; background-size: 10px 10px; padding-left: 15px; text-decoration: underline} body.page-id-172928 #content .persoonlijk-advies-holder a:hover {color: #000; background-position: 2px center} body.page-id-172928 #content .keuzehulp-form {margin-left: 15px; border: 1px solid #D7DBDE; background: #fff; border-radius: 2px; box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.05);text-align: center; overflow: hidden} body.page-id-172928 #content .keuzehulp-form .head {padding: 30px; /*background: #eaf5fe;*/ } body.page-id-172928 #content .keuzehulp-form .head h3 {font-size: 28px} /* body.page-id-172928 #content .keuzehulp-form .head {background-color: #eaf5fe; background-image: -webkit-linear-gradient(-88deg, #eaf5fe 80%, #fff 50%);}*/ body.page-id-172928 #content .keuzehulp-form .voortgang-bar {;background: #eff6f6;width: 100%;height: 3px;position:relative; margin-bottom: 60px} body.page-id-172928 #content .keuzehulp-form .voortgang-bar li {display: inline-block; padding: 0; background: none; width: 24%;} body.page-id-172928 #content .keuzehulp-form .voortgang-bar li span {cursor: pointer;user-select: none;display: inline-block; background: #ECF6FA; border: #fff solid 5px; border-radius: 20px; line-height: 30px; width: 40px; position: relative; top: -19px; font-size: 14px; font-weight: 600} body.page-id-172928 #content .keuzehulp-form .voortgang-bar li.active span {background: #00C45E; color: #fff;} body.page-id-172928 #content .keuzehulp-form .stappen {display: block; width: 100%; position: relative; left: 0; transition: left 1s ease; text-align: left;} body.page-id-172928 #content .keuzehulp-form .stappen .stap {padding: 15px 45px 45px 45px; display: inline-block; width: 100%; vertical-align: top; text-align: center;} body.page-id-172928 #content .keuzehulp-form .stappen .stap-2, body.page-id-172928 #content .keuzehulp-form .stappen .stap-3, body.page-id-172928 #content .keuzehulp-form .stappen .stap-4 {display: none} body.page-id-172928 #content .keuzehulp-form .stappen .stap label {cursor: pointer;user-select: none;display: inline-block; margin: 5px; padding: 3px 10px; border: 1px solid #D7DBDE; border-radius: 2px; font-size: 14px} body.page-id-172928 #content .keuzehulp-form .stappen .stap input[type="checkbox"]:checked + label, body.page-id-172928 #content .keuzehulp-form .stappen .stap input[type="radio"]:checked + label {background: #fff1e5; border-color: #ff6c00; } body.page-id-172928 #content .keuzehulp-form .stappen .stap input[type="checkbox"], body.page-id-172928 #content .keuzehulp-form .stappen .stap input[type="radio"] {display: none} body.page-id-172928 #content .keuzehulp-form .stappen .stap input[type="submit"], body.page-id-172928 #content .keuzehulp-form .stappen .stap a.button {display: inline-block; margin-top: 30px; width: 100%; background: #00C45E url(../images/icon-arrow-right.svg) no-repeat right 18px center;background-size: 6px;padding-right: 65px; height: 50px; border-radius: 2px; line-height: 30px; max-width: 300px;border-right: 2px solid #00923D;border-bottom: 2px solid #00923D;} body.page-id-172928 #content .keuzehulp-form .stappen .stap input[type="submit"].disabled, body.page-id-172928 #content .keuzehulp-form .stappen .stap a.button.disabled,body.page-id-172928 #content .keuzehulp-form .stappen .stap a.button.advies.disabled {background: #f00; border-color: #900; cursor: not-allowed; padding-right: 0} body.page-id-172928 #content .keuzehulp-form .stappen .stap a.button.advies {background-color: #01aef3; border-color: #0084b9} body.page-id-172928 #content .keuzehulp-form .stappen .stap a.button.advies:hover {background-color: #0098d5; color: #fff} body.page-id-172928 #content .keuzehulp-form .stappen .stap .resultaat {margin: 30px 0 0 0; font-size: 14px} body.page-id-172928 #content .keuzehulp-form .stappen .stap .opnieuw {display: inline-block; margin-top: 15px} body.page-id-172928 #content .whiterow {margin-top: 45px} body #content .tekst-blokken, body #content .tekst-blokken-blog {margin-top: 30px} body #content .tekst-blokken.small {text-align: center} body #content .tekst-blokken.small .omschrijving {padding: 10px; margin: 0px auto; top: -30px; margin-bottom: -30px; text-align: left;} body #content .tekst-blokken .omschrijving h3 a, body #content .tekst-blokken .omschrijving h4 a {color: #313131} body #content .tekst-blokken .clickable:hover img {opacity: 0.8} body #content .product-lijst .wc-block-grid__products {margin: 15px 0 0 0 } body #content .product-lijst .wc-block-grid__product {margin-bottom: 5px; padding: 10px 20px; height: 90px} body #content .product-lijst .wc-block-grid__product-title {font-size: 16px; margin-top: 10px} body #content .product-lijst .wc-block-grid__product .wc-block-grid__product-price {display: flex; } body #content .product-lijst .wc-block-grid__product ins .woocommerce-Price-amount {font-size: 20px} body #content .product-lijst .wc-block-grid__product ins .woocommerce-Price-amount .price-sup {font-size: 8px} body #content .product-lijst .wc-block-grid__product .button, body #content .product-lijst .wc-block-grid__product .levertijd, body #content .product-lijst .wc-block-grid__product .nieuwprijs {display: none} body #content .product-lijst .wp-block-grid__short-description { display: none} body #content .product-lijst .wc-block-grid__product-image {float: left; width: 90px; margin-right: 15px} body #content .tekst-blokken-blog .wp-block-column {background: #F2FBFE} body #content .tekst-blokken-blog .omschrijving h3 a {color: #313131} body #content .tekst-blokken-blog .omschrijving {padding: 15px 30px} body #content .tekst-blokken-blog .clickable:hover img {opacity: 0.8} body #content .persoonlijk-advies {padding: 60px; background: #fff url(../images/foto-lars-footer-x2.png) right 20px bottom no-repeat !important; background-size:200px !important; border: 1px solid #D7DBDE; } body #content .persoonlijk-advies li a {color: #313131; background: url(../images/icon-arrow-right-black.svg) 0 center no-repeat; background-size: 10px 10px; padding-left: 15px; text-decoration: underline} body #content .persoonlijk-advies ul {margin-bottom: 30px} body #content .gebruik-content {margin: 45px 0 15px 0; padding: 30px 0; border-top: 1px solid #D7DBDE; border-bottom: 1px solid #D7DBDE; text-align: center; font-weight: bold; font-size: 14px} body #content .gebruik-content a {display: inline-block; font-weight: 400; border: 1px solid #E3E3E3; padding: 4px 8px; border-radius: 3px; margin: 0 3px 5px 3px; color: #3d3d3d; } body #content .gebruik-content a:hover {border-color: #999} body #content h2#h-abc {margin-bottom: 30px} body #content .abc-blok {padding: 15px; border: 1px solid #D7DBDE; margin-bottom: 30px} body #content .abc-blok h5 {color: #4099F2; font-size: 18px; margin-bottom: 10px} body #content .abc-blok ul {list-style: none} body #content .abc-blok li a {list-style: none; color: #313131; background: url(../images/icon-arrow-right-black.svg) 0 center no-repeat; background-size: 10px 10px; padding-left: 15px; } body #content .abc-blok li a:hover {text-decoration: underline} /* Zakelijke pagina */ body.page-id-225897 header.site-header {padding: 15px 0} body.page-id-225897 header .main-header > div {justify-content: center !important;} body.page-id-225897 header .main-header > div .site-search {display: none} body.page-id-225897 header .main-header > div .site-header-cart {display: none} body.page-id-225897 p#breadcrumbs {display: none} body.page-id-225897 .contact-formulier-inline {max-width: 800px; margin: 0 auto 45px auto} @media (min-width: 992px) { body.page-id-225897 .primary-navigation {display: none !important} } /* December actie */ a.klikbanner {float: left; margin: 185px 0 0 156px} #product_tekst #december_product_banner {margin-bottom:30px;} #header-december-pagina {background: #0c4b32 url('../images/header-landingspagina-december.png') center top; background-repeat: no-repeat; min-height: 590px; padding: 280px 15px 120px 15px; } #header-december-pagina p.tekst-img {margin: 0 0 30px 0; text-align: center} #header-december-pagina p.tekst-img img {max-width: 90%;display:inline-block} body.page-id-145040 #breadcrumbs {display: none} #content .entry-content #header-december-pagina.alignfull .innercontent {max-width: 650px; color: #fff;} #content .entry-content #header-december-pagina.alignfull .innercontent h1{color: #fff; font-size: 36px; margin-bottom: 20px} #content .entry-content #header-december-pagina.alignfull .innercontent .large{font-size: 20px; color: #fff} #content .button.december{background: #c62828; color: #fff; font-size:15px; border-radius: 3px; line-height: 48px; position: relative; padding: 0 70px 0 25px; margin: 15px 15px 15px 0; width: 260px; transition: all 0.25s;} #content .button.december:hover {color: #fff; background: #227d19} #content .button.december::after {position: absolute; background: #d15353; content: url(../images/icon-arrow-right.svg); top: 0; right:0; width: 10px;line-height: 14px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;padding: 17px 20px; transition: all 0.25s;} #content .button.december:hover::after {background: #329928} #content .entry-content #header-december-pagina.alignfull .innercontent h2 {color: #fff; text-align: center; font-size: 36px; margin:45px 0 15px 0} #content .entry-content #december-cadeaus {clear: both; padding: 0; position: relative; top: -100px; margin: 0 0 -90px 0; font-size: 18px} #content .entry-content #december-cadeaus .wp-block-column {transform-origin: 50% 0;animation: swinging 3.5s ease-in-out forwards infinite;} #content .entry-content #december-cadeaus .wp-block-column:nth-child(2){animation-delay: 0.5s;} #content .entry-content #december-cadeaus .wp-block-column:nth-child(3){animation-delay: 0.25s;} #content .entry-content #december-cadeaus .wp-block-column:nth-child(4){animation-delay: 0.75s;} #content .entry-content #december-cadeaus h3 {font-size: 24px; margin-top: 15px; line-height: 125%} #content .entry-content #december-cadeaus h3 strong {font-weight: normal} @keyframes swinging{0%{transform: rotate(5deg);}50%{transform: rotate(-2.5deg)}100%{transform: rotate(5deg);}} @media (min-width: 992px) { .page-template-klantenservice #primary {float: right; width: 72%} .page-template-klantenservice #secondary {float: left; width: 22%} } @media (max-width: 992px) { #content .entry-header.alignfull h1 {font-size: 26px} #content .entry-header.alignfull {font-size: 16px} #content .textbar .wp-block-column h2 {font-size: 22px} #content .textbar .wp-block-column .large {font-size: 16px} #content .textbar .wp-block-column {font-size: 15px} #content .entry-content .lightorangerow {padding: 15px} #content .entry-header.alignfull {padding: 30px 15px 560px 15px;} #content .entry-header.alignfull.small {padding: 30px 15px 90px 15px;} #content #sub-header {margin-top: -560px;} body.page-template-klantenservice #primary.content-area {padding: 0; box-shadow: none} body.page-template-klantenservice #content #sub-header.with-blocks {display: none} body.page-template-klantenservice #content .entry-header {display: none} body.single-post #content .entry-header.alignfull {padding-bottom: 200px} body.single-post #content #sub-header {padding: 15px 0 0 0; margin: -180px 15px 15px 15px;} #content #blog-content.v2 #sub-header {margin: -180px 0 30px 0;} body.single-post #content #sub-header .wp-block-column {border: none; padding: 0 45px 15px 45px; background-position: left 17px top 7px} #content #blog-content {margin: 15px 0} body.blog #content > #content {padding:0} #content #sub-header.with-blocks .wp-block-column {margin-left: 0; margin-right: 0; padding: 15px} /* home pagina */ /*body.home #content {padding: 0}*/ #home-snelkeuze ul {width: 1150px} #home-snelkeuze ul li {width: 100px;margin: 0} #home-snelkeuze ul li a {font-size: 12px} #home-snelkeuze ul li img {max-width: 65px} #home-hero {margin: 0 0 30px 0} #hero-links {display: none} #hero-img {padding: 30px} #hero-img #hero-text {position: relative; top: auto; left: auto; padding: 30px} #hero-img #hero-text li {font-size: 14px; line-height: 125%; margin-bottom: 5px} #hero-img #hero-text img {max-width: 100%; margin-top: 30px} #hero-img #hero-text .button {width: 100%; padding: 15px 25px 15px 15px} #hero-banners {width: auto; margin-top: 30px} /* back2school */ #home-hero.back2school #hero-img a.banner {height: 400px; background: url('../images/hero-home-back2school-mobile.png') center center no-repeat; background-size: contain} /* cybermonth #home-hero.cybermonth #hero-img a.banner {height: 300px; background-position: center center} /* december #home-hero.december #hero-img a.banner {height: 200px; background-position: top center} */ /* vakantiegeld #home-hero.vakantiegeld #hero-img #hero-text {padding:0 0 30px 0} */ #home-usp {text-align: center; display: none} #home-usp .innercontent > div {background: none; padding: 10px} #home-usp div.klantenservice {padding: 10px; width: auto} #home-usp div.klantenservice img {display: none} h2#populaire-producten, h2#h-deze-zijn-zo-weg, h2#favoriete-merken {text-align: center;} #home-producten {flex-wrap: wrap; margin: 15px 0 30px 0; gap: 15px} #home-producten a {flex: 1 0 26%; width: auto; padding: 15px; font-size: 14px} #home-merken {flex-wrap: wrap; margin: 15px 15px 30px 15px; gap: 15px} #home-merken a {flex: 1 0 26%; width: auto;padding: 10px;line-height: 50px;} #home-merken img {max-width: 80% !important; margin-top: 4px} #home-banners a.banner {width: auto; margin-bottom: 30px; display: block; background-position: bottom 20px right 15px; background-size: 5px !important} #home-banners a.banner .image, #home-banners a.banner .image img {width: 100%} #home-banners a.banner .description {padding: 15px} #home-diensten img {width: 100%} #home-diensten .omschrijving, body #content .tekst-blokken .omschrijving {padding: 15px;} #home-diensten h3 {font-size: 22px} ul.home-blog {display: block;} ul.home-blog li {width: 100%; margin-bottom: 15px} ul.home-blog li:not(:first-child) {margin-left: 0} ul.home-blog li .wp-block-latest-posts__featured-image {text-align: center} ul.home-blog li img {max-width: auto !important; max-height: auto !important;} ul.home-blog li a.wp-block-latest-posts__post-title {height: auto} #home-seo-text {margin-top: 0; padding-left: 15px; padding-right: 15px} body.blog .blog-posts {grid-template-columns: repeat(1, 1fr); display: grid; gap: 15px;} body.page-id-172928 #content figure {float: right; margin: 0} body.page-id-172928 #content h1 {margin: 0} body.page-id-172928 #content .entry-content .wp-block-columns {display: flex; flex-flow: row wrap;} body.page-id-172928 #content .entry-content .wp-block-column:first-child {order: 2} body.page-id-172928 #content .entry-content .wp-block-column {order: 1} body.page-id-172928 #content .persoonlijk-advies-holder {margin: 0; max-width: 100%; background-position: center 15px; padding: 270px 15px 15px 15px;} body.page-id-172928 #content .keuzehulp-form {margin:0 0 30px 0} body.page-id-172928 #content .keuzehulp-form .stap p {font-size: 14px} body.page-id-172928 #content .keuzehulp-form .voortgang-bar {margin-bottom: 30px} body.page-id-172928 #content .keuzehulp-form .stappen .stap {padding: 15px;} body.page-id-172928 #content .keuzehulp-form .stappen .stap label {font-size: 14px} body.page-id-172928 #content .keuzehulp-form .stappen .stap input[type="submit"] {display: block} #header-apk-actie .alignwide {background-size: 300%; text-align: center} #header-apk-actie h1 {font-size: 42px; line-height: 1.2} body.page-id-152482 .textbar.innercontent{ padding: 0 15px} #content .entry-content #header-december-pagina.alignfull .innercontent .large {font-size: 18px} #content .entry-content #header-december-pagina.alignfull .innercontent h2 {font-size: 28px} #content .entry-content #december-cadeaus {text-align: center} #content .entry-content #december-cadeaus img {display: inline-block} #content .button.december {width: 100%; margin: 15px 0 0 0} #reparatieblok .item h4 {font-size: 14px} #reparatieblok .wp-block-column:first-child {margin-bottom: 30px} body #content .tekst-blokken-blog .wp-block-column {margin-bottom: 15px} body #content .persoonlijk-advies {padding: 30px} #content .textbar .wp-block-column figure.size-large {margin-right: 0} #content .textbar {gap: 15px} } @media (max-width: 1200px) { #home-producten a {font-size: 13px} }