@charset "UTF-8"; /* Theme Name: Moodset - v2026 Version: 1.0 Author: Danny van der Meijden - dannyvdm.nl Author URI: http://www.dannyvdm.nl */ @import url("bootstrap/css/bootstrap.min.css"); @import url("scss/owl-carousel/owl.carousel.min.css"); @import url("scss/owl-carousel/owl.theme.default.min.css"); @import url("fontawesome/css/all.min.css"); /******************************************************** Reset ********************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; /*font-family: inherit; font-size: 100%;*/ font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } *, *:before, *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { background: #fff; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { /*list-style: none;*/ } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } a img { border: 0; } /******************************************************** COLORS ********************************************************/ /******************************************************** MIXINS ********************************************************/ @font-face { font-family: "Komu"; font-weight: 400; font-style: normal; font-display: swap; font-optical-sizing: auto; src: url("fonts/komu-b.ttf") format("truetype"); } @font-face { font-family: "Amifer"; font-weight: 400; font-style: normal; font-display: swap; font-optical-sizing: auto; src: url("fonts/amifer.ttf") format("truetype"); } @font-face { font-family: "Filmotype"; font-weight: 400; font-style: normal; font-display: swap; font-optical-sizing: auto; src: url("fonts/filmotype-lacrosse.ttf") format("truetype"); } body, html { background-color: #f6f6f3; background-image: url("images/outdoor-bg.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; color: #000000; font-size: 18px; line-height: 26px; font-family: "Amifer", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; } html { overflow-x: hidden; } strong { font-family: "Amifer", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; font-weight: 700; } em { font-style: italic; } .center { text-align: center; } .container { width: 1670px !important; max-width: 1670px !important; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; margin: 0 auto; } h1 { font-size: 64px; line-height: 64px; text-transform: uppercase; font-family: "Komu", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; color: #162C12; } h1 strong { font-family: "Komu", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; } h2 { font-size: 64px; line-height: 64px; text-transform: uppercase; font-family: "Komu", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; color: #162C12; } h2 strong { font-family: "Komu", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; } h3 { font-size: 20px; line-height: 24px; } .handwritten { font-family: "Filmotype", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; } .entry-content a { color: #162C12; text-decoration: underline; } .entry-content a:hover { color: #EE7A12; } .entry-image { margin-bottom: 0; display: block; position: relative; overflow: hidden; --focus: 50% 50%; /* Hoek-varianten */ /* Laat zowel img als picture>img 100% van het kader vullen */ } .entry-image.corner-left, .entry-image.corner-right, .entry-image.corners { --cut: clamp(12px, 2vw, 45px); } .entry-image.corner-left { clip-path: polygon(0 0, 100% 0, 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut))); } .entry-image.corner-right { clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%); } .entry-image.corners { clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut))); } .entry-image > img, .entry-image > picture, .entry-image > picture > img { width: 100%; height: 100%; display: block; } .entry-image > img, .entry-image > picture > img { object-fit: cover; object-position: var(--focus); } /* Ratio utilities (je had ze al – nu werken ze voor zowel als ) */ .ratio-1x1 { aspect-ratio: 1 / 1; } .ratio-16x9 { aspect-ratio: 16 / 9; } .ratio-13x1 { aspect-ratio: 1.3 / 1; } .ratio-15x1 { aspect-ratio: 1.5 / 1; } .ratio-12x7 { aspect-ratio: 12 / 7; } /* 1) Geen gutters in deze row */ .row.no-gutter { display: flex; /* ook in BS3 werkt dit zo */ flex-wrap: wrap; margin-left: 0; margin-right: 0; } .row.no-gutter > [class*="col-"] { padding-left: 0; padding-right: 0; } /* (Optioneel) in sliders: voorkom onbedoelde schaalscripts */ .owl-carousel .item .entry-image img, .owl-carousel .item .entry-image picture { max-width: none; } textarea:focus, input:focus { outline: none; } input[type=text], input[type=submit], input[type=button], textarea, button { -webkit-appearance: none; -webkit-border-radius: 0; } ::selection { background: #162C12; color: #FFFFFF; /* WebKit/Blink Browsers */ } ::-moz-selection { background: #162C12; color: #FFFFFF; /* Gecko Browsers */ } .breadcrumb { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 60px 0 70px 0; } .breadcrumb nav p { line-height: 20px; display: flex; align-items: center; } .breadcrumb nav p a { color: #162C12; text-decoration: underline; } .breadcrumb nav p span.separator { color: #EE7A12; padding-left: 10px; padding-right: 10px; font-size: 0; position: relative; width: 40px; display: inline-flex; align-items: center; justify-content: center; } .breadcrumb nav p span.separator:after { content: ""; border: 1px dashed #EE7A12; width: 20px; height: 20px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; position: absolute; } .breadcrumb nav p span.separator:before { content: ""; width: 10px; height: 10px; background-color: #EE7A12; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; position: absolute; } .pagination { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 0; width: 100%; } .pagination ol li span.title { display: inline-block; padding-right: 10px; font-size: 16px; text-transform: uppercase; } .pagination ol li span.current { background-color: #4E502B; color: #FFFFFF; font-size: 16px; border: 0; width: 30px; line-height: 30px; padding: 0; display: inline-block; text-align: center; } .pagination ol li a { background-color: #e3e2d8; color: #000000; font-size: 16px; border: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 30px; line-height: 30px; padding: 0; display: inline-block; text-align: center; } .pagination ol li a:hover { background-color: #4E502B; color: #FFFFFF; } .sticky { position: -webkit-sticky !important; position: sticky !important; top: 90px !important; } .sticky-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cegg5-container, #content .blog-area article .entry-content .cegg5-container { padding: 0 !important; } .cegg5-container .container, #content .blog-area article .entry-content .cegg5-container .container { width: auto !important; max-width: unset !important; padding: 0 !important; } .cegg5-container .container .cegg-item-card, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card { border: 0 !important; padding: 0 !important; } .cegg5-container .container .cegg-item-card .row, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row { padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .cegg5-container .container .cegg-item-card .row .cegg-item-card-img-col, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row .cegg-item-card-img-col { order: 2; padding: 0 !important; } .cegg5-container .container .cegg-item-card .row .cegg-item-card-img-col .position-relative, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row .cegg-item-card-img-col .position-relative { overflow: hidden; --focus: 50% 50%; --cut: clamp(12px, 2vw, 45px); clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut))); padding: 0 !important; } .cegg5-container .container .cegg-item-card .row .col, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row .col { order: 1; background-color: #162C12; color: #FFFFFF; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 45px 30px 30px 30px !important; } .cegg5-container .container .cegg-item-card .row .col .card-title, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row .col .card-title { font-size: 20px !important; line-height: 24px !important; margin-bottom: 15px !important; padding: 0 !important; } .cegg5-container .container .cegg-item-card .row .col .cegg-desc-small, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row .col .cegg-desc-small { font-size: 16px !important; line-height: 24px !important; padding-top: 0 !important; padding: 0 !important; } .cegg5-container .container .cegg-item-card .row .col .d-grid, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row .col .d-grid { display: inherit !important; max-width: unset !important; width: auto !important; padding: 0 !important; } .cegg5-container .container .cegg-item-card .row .col .d-grid a.btn, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row .col .d-grid a.btn { background-color: #EE7A12; color: #FFFFFF; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 46px; text-decoration: none !important; border: 0; border-radius: 0; font-size: 16px; line-height: 24px; margin-bottom: 10px !important; } .cegg5-container .container .cegg-item-card .row .col .d-grid a.btn:hover, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row .col .d-grid a.btn:hover { background-color: #FFFFFF; color: #162C12; } .wave { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; opacity: 1; z-index: 2; line-height: 0; } .wave.wave-bottom { bottom: 0; transform: rotateX(180deg); } .wave.wave-top { top: 0; transform: rotateX(0deg); } .wave svg { width: calc(100% + 1.3px); height: 125px; } .wave svg path { fill: #FFFFFF; } .wave.secondary svg path { fill: #e3e2d8; } .border-top { position: absolute; top: 0; left: 0; right: 0; width: 100%; opacity: 1; z-index: 2; line-height: 0; } .hero-line { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; opacity: 1; z-index: 2; line-height: 0; } .sticky { position: -webkit-sticky !important; position: sticky !important; top: 90px !important; } .sticky-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } :focus:not(:focus-visible) { outline: none !important; } :focus-visible { outline: 2px solid #ee7a12; outline-offset: 2px; } /******************************************************** MAX-WIDTH: 1700px ********************************************************/ @media only screen and (max-width: 1700px) { .container { width: 100% !important; max-width: 100% !important; } } /******************************************************** MAX-WIDTH: 1024px ********************************************************/ @media only screen and (max-width: 1024px) { body, html { overflow-x: hidden; } } /******************************************************** MAX-WIDTH: 991px ********************************************************/ /******************************************************** MAX-WIDTH: 767px ********************************************************/ @media only screen and (max-width: 767px) { body, html { background-image: unset; } .cegg5-container .container, #content .blog-area article .entry-content .cegg5-container .container { width: auto !important; max-width: unset !important; } .cegg5-container .container .cegg-item-card, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card { border: 0 !important; } .cegg5-container .container .cegg-item-card .row, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row { padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .cegg5-container .container .cegg-item-card .row .cegg-item-card-img-col, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row .cegg-item-card-img-col { order: 1; max-width: 100% !important; } .cegg5-container .container .cegg-item-card .row .cegg-item-card-img-col .position-relative, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row .cegg-item-card-img-col .position-relative { overflow: hidden; --focus: 50% 50%; --cut: clamp(12px, 2vw, 45px); clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut))); } .cegg5-container .container .cegg-item-card .row .col, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row .col { order: 2; background-color: #162C12; color: #FFFFFF; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 45px 30px 30px 30px !important; } .cegg5-container .container .cegg-item-card .row .col .card-title, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row .col .card-title { font-size: 20px !important; line-height: 24px !important; margin-bottom: 15px !important; } .cegg5-container .container .cegg-item-card .row .col .cegg-desc-small, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row .col .cegg-desc-small { font-size: 16px !important; line-height: 24px !important; padding-top: 0 !important; } .cegg5-container .container .cegg-item-card .row .col .d-grid, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row .col .d-grid { display: inherit !important; max-width: unset !important; width: auto !important; } .cegg5-container .container .cegg-item-card .row .col .d-grid a.btn, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row .col .d-grid a.btn { background-color: #EE7A12; color: #FFFFFF; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 46px; text-decoration: none !important; border: 0; border-radius: 0; font-size: 16px; line-height: 24px; } .cegg5-container .container .cegg-item-card .row .col .d-grid a.btn:hover, #content .blog-area article .entry-content .cegg5-container .container .cegg-item-card .row .col .d-grid a.btn:hover { background-color: #FFFFFF; color: #162C12; } } /******************************************************** MAX-WIDTH: 551px ********************************************************/ @media only screen and (max-width: 551px) { body, html { font-size: 16px; line-height: 24px; } h1 { font-size: 40px; line-height: 44px; } h2 { font-size: 40px; line-height: 44px; } h3 { font-size: 19px; line-height: 22px; } .breadcrumb { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 0 40px 0; } .breadcrumb nav p { line-height: 16px; display: table; align-items: center; font-size: 12px; } } #mainheader .header-top { background-color: #162C12; padding: 26px 0; } #mainheader .header-top .container { display: flex; justify-content: flex-end; padding-left: 0; } #mainheader .header-top .container ul { display: flex; gap: 50px; margin: 0; padding: 0; list-style: none; } #mainheader .header-top .container ul li { font-size: 16px; line-height: 24px; } #mainheader .header-top .container ul li.last-child { margin-right: 0; } #mainheader .header-top .container ul li a { color: #FFFFFF; text-decoration: none; } #mainheader .header-top .container ul li a:hover { text-decoration: underline; } #mainheader .header-main { background-color: #FFFFFF; position: relative; } #mainheader .header-main:before { content: ""; position: absolute; width: 100%; height: 2px; background-color: #e7e8e3; left: 0; right: 0; bottom: 40px; } #mainheader .header-main .container { display: flex; justify-content: space-between; align-items: center; padding-top: 20px; } #mainheader .header-main .container .logo { padding-top: 20px; position: relative; z-index: 1000; } #mainheader .header-main .container .logo img { max-height: 120px; width: auto; } #mainheader .header-main .container .logo .logo-underlay { position: absolute; z-index: -1; left: -120px; bottom: -35px; } #mainheader .header-main .container .navigation { display: flex; align-items: center; gap: 60px; } #mainheader .header-main .container .navigation nav ul { display: flex; gap: 60px; list-style: none; margin: 0; padding: 0; } #mainheader .header-main .container .navigation nav ul li { vertical-align: middle; } #mainheader .header-main .container .navigation nav ul li a { color: #162C12; text-decoration: none; font-size: 24px; line-height: 25px; font-family: "Komu", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; text-transform: uppercase; } #mainheader .header-main .container .navigation nav ul li.has-child span.chevron { padding-left: 10px; } #mainheader .header-main .container .navigation nav ul li.has-child span.chevron:before { content: "\f13a"; font-family: 'Font Awesome 6 Free'; font-weight: 900; } #mainheader .header-main .container .navigation nav ul li.has-child .submenu { position: absolute; left: 0; right: 0; width: 100vw; background-color: #E9E9E1; z-index: 999; display: none; border-top: 14px solid #FFFFFF; } #mainheader .header-main .container .navigation nav ul li.has-child .submenu .submenu-inner { width: 1670px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 70px 15px 50px 15px; display: flex; margin: 0 auto; gap: 30px; } #mainheader .header-main .container .navigation nav ul li.has-child .submenu .submenu-inner .submenu-logo { flex: 0 0 360px; padding-right: 5%; padding-top: 50px; } #mainheader .header-main .container .navigation nav ul li.has-child .submenu .submenu-inner .submenu-block { flex: 1; flex: 0 0 260px; } #mainheader .header-main .container .navigation nav ul li.has-child .submenu .submenu-inner .submenu-block p.p-title { font-family: "Komu", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; margin-bottom: 14px; font-size: 28px; line-height: 30px; color: #162C12; } #mainheader .header-main .container .navigation nav ul li.has-child .submenu .submenu-inner .submenu-block .submenu-item { margin-bottom: 15px; } #mainheader .header-main .container .navigation nav ul li.has-child .submenu .submenu-inner .submenu-block .submenu-item .entry-image { position: relative; overflow: hidden; width: 100%; height: 140px; } #mainheader .header-main .container .navigation nav ul li.has-child .submenu .submenu-inner .submenu-block .submenu-item .entry-image img, #mainheader .header-main .container .navigation nav ul li.has-child .submenu .submenu-inner .submenu-block .submenu-item .entry-image picture { width: 100%; height: 100%; object-fit: cover; display: block; } #mainheader .header-main .container .navigation nav ul li.has-child .submenu .submenu-inner .submenu-block .submenu-item span.span-title { min-height: 102px; font-family: "Amifer", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; font-size: 16px; line-height: 24px; text-transform: none; position: relative; z-index: 2; background-color: #162C12; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; margin-left: 2vw; width: -webkit-calc(100% - 2vw); width: -moz-calc(100% - 2vw); width: calc(100% - 2vw); display: block; color: #FFFFFF; text-decoration: none; } #mainheader .header-main .container .navigation nav ul li.has-child .submenu .submenu-inner .submenu-block .submenu-items { display: block; gap: unset; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 45px; } #mainheader .header-main .container .navigation nav ul li.has-child .submenu .submenu-inner .submenu-block .submenu-items li { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 0; border-bottom: 1px solid #162C12; } #mainheader .header-main .container .navigation nav ul li.has-child .submenu .submenu-inner .submenu-block .submenu-items li a { font-family: "Amifer", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; text-transform: unset; color: #162C12; text-decoration: none; font-size: 16px; line-height: 24px; } #mainheader .header-main .container .navigation nav ul li.has-child .submenu .submenu-inner .submenu-block .submenu-items li:last-child { border-bottom: 0; } #mainheader .header-main .container .navigation nav ul li.has-child .submenu .submenu-inner .submenu-block .submenu-items li:last-child a { color: #EE7A12; text-decoration: underline; } #mainheader .header-main .container .navigation nav ul li.has-child:hover .submenu { display: block; } #mainheader .header-main .container .navigation .search { font-size: 18px; } #mainheader .header-main .container .navigation .search img:hover { cursor: pointer; } #mainheader .header-main .container .navigation .search .search-overlay { position: absolute; right: -10px; top: 0; display: none; } #mainheader .header-main .container .navigation .search .search-submenu { position: absolute; left: 0; right: 0; width: 100vw; background-color: #E9E9E1; z-index: 999; display: none; border-top: 15px solid #FFFFFF; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner { width: 1670px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 15px 30px 15px; display: flex; margin: 0 auto; gap: 30px; justify-content: flex-end; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner .submenu-form { flex: 1; flex: 0 0 500px; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner .submenu-form form { width: 500px; display: flex; align-items: center; border-bottom: 2px solid #162C12; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner .submenu-form form input[type=text] { border: 0; outline: none; background-color: transparent; color: #162C12; font-size: 24px; height: 44px; padding: 0 5px; width: calc(100% - 32px); -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner .submenu-form form ::-webkit-input-placeholder { color: #162C12; font-style: italic; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner .submenu-form form ::-moz-placeholder { color: #162C12; font-style: italic; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner .submenu-form form :-ms-input-placeholder { color: #162C12; font-style: italic; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner .submenu-form form input:-moz-placeholder { color: #162C12; font-style: italic; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner .submenu-form form button { border: 0; background: transparent; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; } #mainheader .header-main .container .navigation .search.search-open .search-submenu { display: inherit; } #mainheader .header-main .container .navigation .mobile-toggle { align-items: center; margin-left: auto; z-index: 9999; display: none; } #mainheader .header-main .container .navigation .mobile-toggle .menu-icon { float: right; position: relative; z-index: 202; } #mainheader .header-main .container .navigation .mobile-toggle .menu-icon .menu-icon-svg { background-color: transparent; border: none; cursor: pointer; padding: 0; border: 0; width: 45px; height: 45px; text-align: center; } #mainheader .header-main .container .navigation .mobile-toggle .menu-icon .menu-icon-svg svg { width: 40px; height: 40px; margin-top: 2px; } #mainheader .header-main .container .navigation .mobile-toggle .menu-icon .menu-icon-svg .line { fill: none; stroke: #162C12; stroke-width: 6; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); } #mainheader .header-main .container .navigation .mobile-toggle .menu-icon .menu-icon-svg .line1 { stroke-dasharray: 60 207; stroke-width: 6; } #mainheader .header-main .container .navigation .mobile-toggle .menu-icon .menu-icon-svg .line2 { stroke-dasharray: 60 60; stroke-width: 6; } #mainheader .header-main .container .navigation .mobile-toggle .menu-icon .menu-icon-svg .line3 { stroke-dasharray: 60 207; stroke-width: 6; } #mainheader .header-main .container .navigation .mobile-toggle .menu-icon .menu-icon-svg.opened .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; } #mainheader .header-main .container .navigation .mobile-toggle .menu-icon .menu-icon-svg.opened .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 6; } #mainheader .header-main .container .navigation .mobile-toggle .menu-icon .menu-icon-svg.opened .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; } #mainheader .header-main .container .navigation .mobile-toggle .menu-icon.clicked .menu-icon-svg .line { stroke: #000000; } /******************************************************** MAX-WIDTH: 1200 ********************************************************/ @media only screen and (max-width: 1670px) { #mainheader .header-main .container .navigation nav ul li.has-child .submenu .submenu-inner { width: 100%; justify-content: flex-end; padding-right: 30px; } #mainheader .header-main .container .navigation nav ul li.has-child .submenu .submenu-inner .submenu-logo { display: none; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner { width: 100%; padding-right: 30px; } } /******************************************************** MAX-WIDTH: 1200 ********************************************************/ @media only screen and (max-width: 1200px) { #mainheader .header-main { position: relative; } #mainheader .header-main .container { align-items: center; } #mainheader .header-main .container .navigation { gap: 30px; } #mainheader .header-main .container .navigation nav { position: absolute; top: calc(100% - 40px); left: 0; right: 0; width: 100%; background-color: #E9E9E1; overflow: hidden; display: none; z-index: 10; } #mainheader .header-main .container .navigation nav ul.mainmenu { display: block; padding: 100px 15px 20px 15px; } #mainheader .header-main .container .navigation nav ul.mainmenu li { margin-bottom: 10px; } #mainheader .header-main .container .navigation nav ul.mainmenu li.has-child:hover .submenu { display: none; } #mainheader .header-main .container .navigation nav ul.mainmenu li.opened:hover .submenu { display: block; } #mainheader .header-main .container .navigation nav ul.mainmenu li.opened .submenu { display: block; position: relative; width: 100%; border-top: 0; } #mainheader .header-main .container .navigation nav ul.mainmenu li.opened .submenu .submenu-inner { width: 100%; padding: 10px 0 0 0; display: block; } #mainheader .header-main .container .navigation nav ul.mainmenu li.opened .submenu .submenu-inner .submenu-logo { display: none; } #mainheader .header-main .container .navigation nav ul.mainmenu li.opened .submenu .submenu-inner .submenu-block { max-width: 260px; } #mainheader .header-main .container .navigation nav ul.mainmenu li.opened .submenu .submenu-inner .submenu-block p.p-title { font-size: 20px; line-height: 25px; } #mainheader .header-main .container .navigation nav ul.mainmenu li.opened .submenu .submenu-inner .submenu-block p.p-title span.chevron-sub { padding-left: 10px; } #mainheader .header-main .container .navigation nav ul.mainmenu li.opened .submenu .submenu-inner .submenu-block p.p-title span.chevron-sub:before { content: "\f13a"; font-family: 'Font Awesome 6 Free'; font-weight: 900; } #mainheader .header-main .container .navigation nav ul.mainmenu li.opened .submenu .submenu-inner .submenu-block .submenu-item { height: 0; max-height: 0; overflow: hidden; margin-bottom: 0; } #mainheader .header-main .container .navigation nav ul.mainmenu li.opened .submenu .submenu-inner .submenu-block ul.submenu-items { height: 0; max-height: 0; overflow: hidden; } #mainheader .header-main .container .navigation nav ul.mainmenu li.opened .submenu .submenu-inner .submenu-block.opened .submenu-item { height: auto; max-height: 10000px; margin-bottom: 15px; } #mainheader .header-main .container .navigation nav ul.mainmenu li.opened .submenu .submenu-inner .submenu-block.opened ul.submenu-items { height: auto; max-height: 10000px; } #mainheader .header-main .container .navigation nav.nav-open { display: block; } #mainheader .header-main .container .navigation .mobile-toggle { display: inherit; } } /******************************************************** MAX-WIDTH: 767 ********************************************************/ @media only screen and (max-width: 767px) { #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner { width: 100%; padding-right: 30px; padding-left: 30px; padding-top: 100px; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner .submenu-form { flex: 1; flex: 0 0 auto; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner .submenu-form form { width: 100%; display: flex; align-items: center; border-bottom: 2px solid #162C12; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner .submenu-form form input[type=text] { border: 0; outline: none; background-color: transparent; color: #162C12; font-size: 24px; height: 44px; padding: 0 5px; width: calc(100% - 32px); -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner .submenu-form form ::-webkit-input-placeholder { color: #162C12; font-style: italic; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner .submenu-form form ::-moz-placeholder { color: #162C12; font-style: italic; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner .submenu-form form :-ms-input-placeholder { color: #162C12; font-style: italic; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner .submenu-form form input:-moz-placeholder { color: #162C12; font-style: italic; } #mainheader .header-main .container .navigation .search .search-submenu .submenu-inner .submenu-form form button { border: 0; background: transparent; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; } } /******************************************************** MAX-WIDTH: 551 ********************************************************/ @media only screen and (max-width: 551px) { #mainheader .header-top { display: none; } #mainheader .header-main .container { align-items: flex-start; padding-top: 0; } #mainheader .header-main .container .logo img { max-height: 80px; } #mainheader .header-main .container .navigation { padding-top: 8px; } } #content .hero { position: relative; height: 85vh; min-height: 750px; margin-top: -40px; margin-bottom: -100px; } #content .hero:before { content: ""; background-color: #FFFFFF; width: 100%; position: absolute; top: 0; right: 0; left: 0; height: 100px; } #content .hero svg { max-width: none; display: block; } #content .hero .entry-image { position: absolute; inset: 0; } #content .hero .entry-image .hero-svg { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1922.119px; height: 1054.37px; pointer-events: none; } #content .hero .hero-border-top { position: absolute; top: 0; left: 52.1%; transform: translateX(-50%); width: 2032.786px; height: 77.899px; pointer-events: none; z-index: 3; } #content .hero .hero-border-bottom { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 1923.267px; height: 591.985px; pointer-events: none; z-index: 3; } #content .hero picture, #content .hero figure, #content .hero .hero-image { position: absolute; width: 100%; height: 100%; justify-content: center; /*align-items: center;*/ display: flex; margin: 0; } #content .hero picture img, #content .hero figure img, #content .hero .hero-image img { width: 100%; height: 100%; object-fit: cover; } #content .hero .container { position: absolute; max-width: 1400px; margin: 0 auto; z-index: 3; top: 0; right: 0; left: 0; height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; overflow: hidden; padding-bottom: 10%; } #content .hero .container h1 { color: #162C12; max-width: 400px; position: relative; } #content .hero .container h1:after { content: ""; position: absolute; top: 0; left: 110%; width: 180px; height: 180px; background-image: url("images/outdoor_stempel.svg"); background-size: cover; background-repeat: no-repeat; } #content .hero .container span { color: #ADC957; font-size: 50px; line-height: 40px; display: inline-block; transform: rotate(-10deg); transform-origin: bottom left; } #content .hero .buttons { display: flex; gap: 10px; margin-top: 60px; } #content .hero .buttons a { background-color: #EE7A12; color: #FFFFFF; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 46px; text-decoration: none; margin-top: -10px; } #content .hero.hero-sub { height: 50vh; max-height: 589.733px; margin-bottom: 0; overflow: hidden; } #content .hero.hero-sub .entry-image .hero-svg { width: 1920.828px; height: 589.733px; margin-left: -2px; } #content .hero.hero-sub .hero-border-bottom { width: 1923.267px; height: 149.182px; bottom: -31px; margin-left: 3px; } #content .hero .hero-overlay { position: absolute; bottom: -150px; left: 50%; transform: translateX(-50%); width: 4100px; } #content .hero .hero-overlay svg { display: block; width: 100%; height: auto; } #content .best-tips { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 155px; } #content .best-tips .flex { display: flex; position: relative; align-items: flex-start; } #content .best-tips .flex .tips-left { flex: 0 0 960px; max-width: 960px; } #content .best-tips .flex .tips-left .entry-header { max-width: 340px; margin-bottom: 35px; } #content .best-tips .flex .tips-left article a { display: block; color: inherit; text-decoration: none; } #content .best-tips .flex .tips-left article .entry-text { position: absolute; right: 0; bottom: 30px; background-color: #E9E9E1; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 35px 40px; width: 780px; } #content .best-tips .flex .tips-left article .entry-text .entry-header { margin-bottom: 20px; } #content .best-tips .flex .tips-left article .entry-text .entry-header h3 { color: #162C12; } #content .best-tips .flex .tips-left article .entry-text .entry-content { height: 91px; max-height: 91px; overflow: hidden; } #content .best-tips .flex .tips-left article .entry-text .entry-meta { display: flex; gap: 20px; font-size: 16px; line-height: 24px; } #content .best-tips .flex .tips-left article .entry-text .entry-meta .date:before { content: "\f017"; font-family: 'Font Awesome 6 Free'; font-weight: 900; padding-right: 10px; } #content .best-tips .flex .tips-left article .entry-text .entry-meta .author:before { content: "\f044"; font-family: 'Font Awesome 6 Free'; font-weight: 900; padding-right: 10px; } #content .best-tips .flex .tips-right { flex: 1 1 auto; margin-left: auto; align-self: flex-start; display: flex; flex-direction: column; text-align: right; align-items: flex-end; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 30px; } #content .best-tips .flex .tips-right .entry-header { margin-bottom: 35px; max-width: 360px; } #content .best-tips .flex .tips-right .entry-header h2 { color: #ADC957; } #content .best-tips .flex .tips-right .entry-content { max-width: 360px; margin-bottom: 30px; } #content .best-tips .flex .tips-right .entry-content p { font-size: 20px; } #content .best-tips .flex .tips-right .entry-form { width: 100%; max-width: 500px; display: flex; align-items: stretch; justify-content: end; } #content .best-tips .flex .tips-right .entry-form input { flex: 1 1 auto; border: 0; background-color: #E9E9E1; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; line-height: 50px; } #content .best-tips .flex .tips-right .entry-form button { flex: 0 0 auto; background-color: #EE7A12; border: 0; color: #FFFFFF; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; line-height: 50px; } #content .best-tips .flex .tips-right .entry-form .ml-subscribe-form .embedForm { background-color: unset; border-radius: unset; } #content .best-tips .flex .tips-right .entry-form .ml-subscribe-form .embedForm .ml-form-embedBody { padding: 0; } #content .best-tips .flex .tips-right .entry-form .ml-subscribe-form .embedForm .ml-block-form { display: flex; display: flex; align-items: stretch; width: 100%; max-width: 500px; } #content .best-tips .flex .tips-right .entry-form .ml-subscribe-form .embedForm .ml-block-form .ml-form-formContent input { border-radius: 0 !important; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content .best-tips .flex .tips-right .entry-form .ml-subscribe-form .embedForm .ml-block-form .ml-form-embedSubmit { text-align: right; width: auto !important; } #content .best-tips .flex .tips-right .entry-form .ml-subscribe-form .embedForm .ml-block-form .ml-form-embedSubmit button { width: auto !important; border-radius: 0 !important; } #content .best-tips .tips-slider { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 115px 0 0 0; } #content .best-tips .tips-slider .owl-item { height: 100%; float: none; display: flex; height: auto; } #content .best-tips .tips-slider .owl-stage { display: flex; } #content .best-tips .tips-slider .item { margin-bottom: 30px; float: none; display: flex; height: auto; } #content .best-tips .tips-slider .item article.entry { height: 100%; } #content .best-tips .tips-slider .item a.entry-card-link { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; } #content .best-tips .tips-slider .item .entry-image { margin-bottom: -80px; flex-shrink: 0; } #content .best-tips .tips-slider .item .entry-text { position: relative; z-index: 2; background-color: #E9E9E1; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 35px 40px; margin-left: 2vw; margin-right: 2vw; width: -webkit-calc(100% - 4vw); width: -moz-calc(100% - 4vw); width: calc(100% - 4vw); display: flex; flex-direction: column; flex: 1 1 auto; } #content .best-tips .tips-slider .item .entry-text .entry-header { margin-bottom: 20px; } #content .best-tips .tips-slider .item .entry-text .entry-header h3 { color: #162C12; } #content .best-tips .tips-slider .item .entry-text .entry-meta { display: flex; gap: 20px; font-size: 16px; line-height: 24px; margin-top: auto; } #content .best-tips .tips-slider .item .entry-text .entry-meta .date:before { content: "\f017"; font-family: 'Font Awesome 6 Free'; font-weight: 900; padding-right: 10px; } #content .best-tips .tips-slider .item .entry-text .entry-meta .author:before { content: "\f044"; font-family: 'Font Awesome 6 Free'; font-weight: 900; padding-right: 10px; } #content .best-tips .tips-slider .owl-nav { position: absolute; right: 0; bottom: -90px; display: flex; justify-content: flex-end; gap: 10px; } #content .best-tips .tips-slider .owl-nav button { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 60px; height: 60px; border: 2px solid #707070; border-radius: 0; background: #FFFFFF; display: flex; align-items: center; justify-content: center; padding: 0; box-shadow: none; } #content .best-tips .tips-slider .owl-nav button span { font-size: 30px; line-height: 1; } #content .best-tips .tips-slider .owl-nav button:hover { background-color: #FFFFFF; color: #ADC957; } #content .best-tips .entry-link { margin-top: 30px; } #content .best-tips .entry-link a { color: #EE7A12; text-decoration: underline; } #content .partners { background-color: #162C12; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 100px 0; } #content .partners .entry-header { text-align: center; color: #ADC957; margin-bottom: 70px; } #content .partners .entry-header h2 { color: #ADC957; } #content .partners .entry-flex { display: flex; position: relative; } #content .partners .entry-flex .entry-content { flex: 0 0 350px; max-width: 350px; color: #FFFFFF; } #content .partners .entry-flex .entry-logos { flex: 1 1 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 24px 32px; justify-content: end; } #content .partners .entry-flex .entry-logos .logo { display: flex; align-items: center; justify-content: center; height: 80px; padding: 6px 10px; } #content .partners .entry-flex .entry-logos .logo img { max-height: 65px; height: auto; width: auto; object-fit: contain; display: block; } #content .latest-articles { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 100px 0; } #content .latest-articles .entry-flex { display: flex; margin-bottom: 75px; } #content .latest-articles .entry-flex .entry-text { order: 2; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 30px; display: flex; flex-direction: column; justify-content: center; } #content .latest-articles .entry-flex .entry-text .entry-header { margin-bottom: 35px; } #content .latest-articles .entry-flex .entry-text .entry-content { margin-bottom: 30px; } #content .latest-articles .entry-flex .entry-text .entry-link a { color: #EE7A12; text-decoration: underline; } #content .latest-articles .entry-flex .item { order: 1; } #content .latest-articles .entry-flex .item a { display: block; color: inherit; text-decoration: none; } #content .latest-articles .entry-flex .item .entry-featured .row { display: flex; } #content .latest-articles .entry-flex .item .entry-featured .row .entry-text { display: flex; flex-direction: column; justify-content: center; background-color: #162C12; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 50px; color: #FFFFFF; } #content .latest-articles .entry-flex .item .entry-featured .row .entry-text .entry-header h3 { color: #FFFFFF; text-decoration: none; } #content .latest-articles .entry-flex .item .entry-featured .row .entry-text .entry-content { margin-bottom: 30px; } #content .latest-articles .entry-flex .item .entry-featured .row .entry-text .entry-link { margin-bottom: 40px; } #content .latest-articles .entry-flex .item .entry-featured .row .entry-text .entry-link a { color: #FFFFFF; text-decoration: underline; } #content .latest-articles .entry-flex .item .entry-featured .row .entry-text .entry-meta { display: flex; gap: 20px; font-size: 16px; line-height: 24px; } #content .latest-articles .entry-flex .item .entry-featured .row .entry-text .entry-meta .date:before { content: "\f017"; font-family: 'Font Awesome 6 Free'; font-weight: 900; padding-right: 10px; } #content .latest-articles .entry-flex .item .entry-featured .row .entry-text .entry-meta .author:before { content: "\f044"; font-family: 'Font Awesome 6 Free'; font-weight: 900; padding-right: 10px; } #content .latest-articles .items { display: flex; flex-wrap: wrap; gap: 0px; } #content .latest-articles .items .item { margin-bottom: 30px; display: flex; flex: 0 0 calc((100% - 2 * 0px) / 3); box-sizing: border-box; } #content .latest-articles .items .item a.entry-card-link { display: block; color: inherit; text-decoration: none; display: flex; flex-direction: column; width: 100%; } #content .latest-articles .items .item .entry-image { margin-bottom: -80px; flex-shrink: 0; } #content .latest-articles .items .item .entry-text { position: relative; z-index: 2; background-color: #E9E9E1; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 35px 40px; margin-left: 2vw; margin-right: wvw; width: -webkit-calc(100% - 4vw); width: -moz-calc(100% - 4vw); width: calc(100% - 4vw); display: flex; flex-direction: column; flex: 1 1 auto; } #content .latest-articles .items .item .entry-text .entry-header { margin-bottom: 20px; } #content .latest-articles .items .item .entry-text .entry-header h3 { color: #162C12; } #content .latest-articles .items .item .entry-text .entry-meta { display: flex; gap: 20px; font-size: 16px; line-height: 24px; margin-top: auto; } #content .latest-articles .items .item .entry-text .entry-meta .date:before { content: "\f017"; font-family: 'Font Awesome 6 Free'; font-weight: 900; padding-right: 10px; } #content .latest-articles .items .item .entry-text .entry-meta .author:before { content: "\f044"; font-family: 'Font Awesome 6 Free'; font-weight: 900; padding-right: 10px; } #content .spotlight { background-color: #162C12; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 100px 0; } #content .spotlight .entry-header { text-align: center; color: #ADC957; margin-bottom: 70px; } #content .spotlight .entry-header h2 { color: #FFFFFF; } #content .spotlight .entry-header span { color: #ADC957; font-size: 50px; line-height: 40px; display: inline-block; transform: rotate(-10deg); transform-origin: bottom left; } #content .spotlight .content-left { color: #FFFFFF; } #content .spotlight .content-left .entry-content { margin-bottom: 30px; } #content .spotlight .content-left .entry-content p { margin-bottom: 15px; } #content .spotlight .content-left .entry-flex { display: flex; gap: 20px; align-items: center; } #content .spotlight .content-left .entry-flex a { background-color: #EE7A12; color: #162C12; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 46px; text-decoration: none; display: inline-flex; align-items: center; } #content .spotlight .content-left .entry-flex .partner-logo { margin-bottom: 0; padding-bottom: 0; } #content .spotlight .content-left .entry-flex .partner-logo img { display: block; width: auto; max-height: 60px; } #content .spotlight .content-right { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 10%; } #content .spotlight .content-right .item { background-color: #FFFFFF; margin-bottom: 30px; } #content .spotlight .content-right .item a { color: inherit; text-decoration: none; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px; display: flex; gap: 30px; } #content .spotlight .content-right .item .entry-image { flex: 0 0 135px; max-width: 135px; } #content .spotlight .content-right .item .entry-text { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; position: relative; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 70px; } #content .spotlight .content-right .item .entry-text .entry-header { text-align: left; margin-bottom: 30px; } #content .spotlight .content-right .item .entry-text .entry-header a { color: #162C12; text-decoration: none; } #content .spotlight .content-right .item .entry-text .entry-meta { display: flex; gap: 20px; font-size: 16px; line-height: 24px; } #content .spotlight .content-right .item .entry-text .entry-meta .date:before { content: "\f017"; font-family: 'Font Awesome 6 Free'; font-weight: 900; padding-right: 10px; } #content .spotlight .content-right .item .entry-text .entry-meta .author:before { content: "\f044"; font-family: 'Font Awesome 6 Free'; font-weight: 900; padding-right: 10px; } #content .spotlight .content-right .item .entry-text:after { position: absolute; font-size: 25px; right: 0; top: 0; bottom: 0; content: "\f054"; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: #162C12; border-left: 2px solid #ADC957; padding-left: 30px; display: flex; flex-direction: column; justify-content: center; } #content .category-blogs, #content .author-blogs { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 100px 0; } #content .category-blogs .entry-header.title, #content .author-blogs .entry-header.title { position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } #content .category-blogs .entry-header.title .entry-link a, #content .author-blogs .entry-header.title .entry-link a { color: #EE7A12; } #content .category-blogs .blog-items, #content .author-blogs .blog-items { display: flex; flex-wrap: wrap; gap: 0px; } #content .category-blogs .item, #content .author-blogs .item { margin-bottom: 30px; display: flex; flex: 0 0 calc((100% - 2 * 0px) / 3); box-sizing: border-box; } #content .category-blogs .item a.entry-card-link, #content .author-blogs .item a.entry-card-link { display: block; color: inherit; text-decoration: none; display: flex; flex-direction: column; width: 100%; } #content .category-blogs .item .entry-image, #content .author-blogs .item .entry-image { margin-bottom: -80px; flex-shrink: 0; } #content .category-blogs .item .entry-text, #content .author-blogs .item .entry-text { position: relative; z-index: 2; background-color: #E9E9E1; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 35px 40px; margin-left: 2vw; margin-right: 2vw; width: -webkit-calc(100% - 4vw); width: -moz-calc(100% - 4vw); width: calc(100% - 4vw); display: flex; flex-direction: column; flex: 1 1 auto; } #content .category-blogs .item .entry-text .entry-header, #content .author-blogs .item .entry-text .entry-header { margin-bottom: 20px; } #content .category-blogs .item .entry-text .entry-header a, #content .author-blogs .item .entry-text .entry-header a { color: #162C12; text-decoration: none; } #content .category-blogs .item .entry-text .entry-meta, #content .author-blogs .item .entry-text .entry-meta { display: flex; gap: 20px; font-size: 16px; line-height: 24px; margin-top: auto; } #content .category-blogs .item .entry-text .entry-meta .date:before, #content .author-blogs .item .entry-text .entry-meta .date:before { content: "\f017"; font-family: 'Font Awesome 6 Free'; font-weight: 900; padding-right: 10px; } #content .category-blogs .item .entry-text .entry-meta .author:before, #content .author-blogs .item .entry-text .entry-meta .author:before { content: "\f044"; font-family: 'Font Awesome 6 Free'; font-weight: 900; padding-right: 10px; } #content .reviews { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 100px 0; } #content .reviews .row { display: flex; } #content .reviews .row .reviews-right { order: 2; } #content .reviews .row .reviews-left { order: 1; } #content .reviews .row .reviews-left .ti-widget .ti-widget-container .ti-reviews-container .ti-reviews-container-wrapper .ti-review-item .ti-inner { background-color: #162C12 !important; color: #FFFFFF !important; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px !important; } #content .reviews .row .reviews-left .ti-widget .ti-widget-container .ti-reviews-container .ti-reviews-container-wrapper .ti-review-item .ti-inner .ti-review-header .ti-platform-icon { display: none !important; } #content .reviews .row .reviews-left .ti-widget .ti-widget-container .ti-reviews-container .ti-reviews-container-wrapper .ti-review-item .ti-inner .ti-review-header .ti-profile-details { margin-bottom: 20px !important; } #content .reviews .row .reviews-left .ti-widget .ti-widget-container .ti-reviews-container .ti-reviews-container-wrapper .ti-review-item .ti-inner .ti-review-header .ti-profile-details .ti-name { font-family: "Komu", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; text-transform: uppercase !important; color: #FFFFFF !important; font-size: 32px !important; } #content .reviews .row .reviews-left .ti-widget .ti-widget-container .ti-reviews-container .ti-reviews-container-wrapper .ti-review-item .ti-inner .ti-stars { text-align: left !important; padding-left: 55px !important; margin-bottom: 30px !important; } #content .reviews .row .reviews-left .ti-widget .ti-widget-container .ti-reviews-container .ti-reviews-container-wrapper .ti-review-item .ti-inner .ti-review-content { text-align: left !important; padding-left: 55px !important; } #content .reviews .row .reviews-left .ti-widget .ti-widget-container .ti-reviews-container .ti-reviews-container-wrapper .ti-review-item .ti-inner .ti-read-more { text-align: left !important; padding-left: 55px !important; } #content .reviews .row .reviews-left .ti-widget .ti-widget-container .ti-reviews-container .ti-reviews-container-wrapper .ti-review-item .ti-inner .ti-read-more .ti-read-more-active { color: #EE7A12; opacity: 1 !important; } #content .experts { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 100px 0; } #content .experts .entry-header { text-align: center; margin-bottom: 70px; } #content .experts .entry-header h2 { max-width: 275px; position: relative; margin: 0 auto; } #content .experts .entry-header h2:after { content: ""; position: absolute; top: -30px; left: 110%; width: 180px; height: 180px; background-image: url("images/outdoor_stempel.svg"); background-size: cover; background-repeat: no-repeat; } #content .experts .item { margin-bottom: 30px; } #content .experts .item a { color: inherit; text-decoration: none; } #content .experts .item .author { background-color: #E9E9E1; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 50px 40px; } #content .experts .item .author .entry-header { text-align: left; margin-bottom: 30px; } #content .experts .item .author .entry-header h3 { font-family: "Komu", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; font-size: 32px; text-transform: uppercase; } #content .experts .item .author .entry-image { margin-bottom: 15px; } #content .experts .item .author .entry-image img { max-width: 100%; height: auto; } #content .experts .item .author .entry-content a { color: #162C12; text-decoration: underline; } #content .experts .item .author .entry-content a:hover { color: #EE7A12; } #content .about { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0 100px 0; } #content .about .entry-header { margin-bottom: 70px; } #content .about .entry-header span { color: #ADC957; font-size: 50px; line-height: 40px; display: inline-block; transform: rotate(-10deg); transform-origin: bottom left; } #content .about .content-left { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 70px; } #content .about .content-left p { margin-bottom: 30px; } #content .about .content-left p a { color: #EE7A12; text-decoration: underline; } #content .about .content-left h1, #content .about .content-left h2, #content .about .content-left h3, #content .about .content-left h4, #content .about .content-left h5 { margin-top: 30px; margin-bottom: 30px; font-family: "Komu", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; color: #162C12; text-transform: uppercase; font-size: 45px; line-height: 64px; } #content .about .content-left h1:nth-child(1), #content .about .content-left h2:nth-child(1), #content .about .content-left h3:nth-child(1), #content .about .content-left h4:nth-child(1), #content .about .content-left h5:nth-child(1) { margin-top: 0; } #content .about .content-right { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 70px; } #content .about .content-right p { margin-bottom: 30px; } #content .about .content-right p a { color: #EE7A12; text-decoration: underline; } #content .about .content-right h1, #content .about .content-right h2, #content .about .content-right h3, #content .about .content-right h4, #content .about .content-right h5 { margin-top: 30px; margin-bottom: 30px; font-family: "Komu", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; color: #162C12; text-transform: uppercase; font-size: 45px; line-height: 64px; } #content .about .content-right h1:nth-child(1), #content .about .content-right h2:nth-child(1), #content .about .content-right h3:nth-child(1), #content .about .content-right h4:nth-child(1), #content .about .content-right h5:nth-child(1) { margin-top: 0; } #content .category-intro .entry-header { margin-bottom: 35px; } #content .category-intro .flex { display: flex; position: relative; align-items: flex-start; } #content .category-intro .flex .category-right { flex: 0 0 960px; max-width: 960px; } #content .category-intro .flex .category-right .entry-header { max-width: 340px; margin-bottom: 35px; } #content .category-intro .flex .category-right article a { color: inherit; text-decoration: none; } #content .category-intro .flex .category-right article .entry-text { position: absolute; left: 0; bottom: 30px; background-color: #E9E9E1; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 35px 40px; width: 780px; } #content .category-intro .flex .category-right article .entry-text .entry-header { margin-bottom: 20px; } #content .category-intro .flex .category-right article .entry-text .entry-content { height: 91px; max-height: 91px; overflow: hidden; } #content .category-intro .flex .category-right article .entry-text .entry-meta { display: flex; gap: 20px; font-size: 16px; line-height: 24px; } #content .category-intro .flex .category-right article .entry-text .entry-meta .date:before { content: "\f017"; font-family: 'Font Awesome 6 Free'; font-weight: 900; padding-right: 10px; } #content .category-intro .flex .category-right article .entry-text .entry-meta .author:before { content: "\f044"; font-family: 'Font Awesome 6 Free'; font-weight: 900; padding-right: 10px; } #content .category-intro .flex .category-left { flex: 1 1 auto; margin-left: auto; align-self: flex-start; display: flex; flex-direction: column; text-align: left; } #content .category-intro .flex .category-left .entry-header { margin-bottom: 35px; max-width: 360px; } #content .category-intro .flex .category-left .entry-header h2 { color: #ADC957; } #content .category-intro .flex .category-left .entry-content { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 60px; margin-bottom: 30px; } #content .category-intro .flex .category-left .entry-content p { font-size: 20px; } #content .category-intro .flex .category-left .entry-form { width: 500px; max-width: 500px; display: flex; align-items: stretch; } #content .category-intro .flex .category-left .entry-form input { flex: 1 1 auto; border: 0; background-color: #E9E9E1; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; line-height: 50px; } #content .category-intro .flex .category-left .entry-form button { flex: 0 0 auto; background-color: #EE7A12; border: 0; color: #FFFFFF; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; line-height: 50px; } #content .author-intro .flex { display: flex; position: relative; align-items: flex-start; } #content .author-intro .flex .author-right { flex: 1 1 auto; } #content .author-intro .flex .author-left { flex: 0 0 960px; max-width: 960px; margin-left: auto; align-self: flex-start; display: flex; flex-direction: column; text-align: left; padding-left: 50px; } #content .author-intro .flex .author-left .entry-header { margin-bottom: 35px; } #content .author-intro .flex .author-left .entry-header h2 { color: #ADC957; } #content .author-intro .flex .author-left .entry-content { margin-bottom: 30px; } #content .author-intro .flex .author-left .entry-content p { font-size: 20px; } #content .author-intro .flex .author-left ul.socials { display: flex; gap: 15px; list-style: none; } #content .author-intro .flex .author-left ul.socials li a { color: #162C12; text-decoration: none; font-size: 35px; } #content .blog-area article { padding-left: 0; padding-right: 150px; } #content .blog-area article .entry-header { margin-bottom: 30px; } #content .blog-area article .entry-content { /* > div:not(.block-update):not(.rank-math-block):not(.cegg5-container) {background-color: $green !important; border: 0 !important; @include boxsizing; padding: 60px 45px !important; margin-bottom: 30px; h4 {color: $lightgreen !important; @include header; text-tranform: uppercase;} div {color: $white; padding: 0px !important; margin-bottom: 0px; ul {margin-left: 24px; li { &:marker {color: $lightgreen;} } } } } */ } #content .blog-area article .entry-content p { margin-bottom: 38px; } #content .blog-area article .entry-content h1.wp-block-heading, #content .blog-area article .entry-content h2.wp-block-heading { font-size: 48px; line-height: 48px; margin-bottom: 30px; padding-top: 50px; } #content .blog-area article .entry-content h3.wp-block-heading { font-size: 32px; line-height: 32px; text-transform: uppercase; font-family: "Komu", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; color: #162C12; margin-bottom: 30px; padding-top: 50px; } #content .blog-area article .entry-content blockquote { border-left: 1px solid #EE7A12; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px 23px; margin-bottom: 38px; } #content .blog-area article .entry-content blockquote p { margin-bottom: 0; } #content .blog-area article .entry-content blockquote strong { font-size: 20px; line-height: 24px; display: block; } #content .blog-area article .entry-content a { color: #162C12; text-decoration: underline; } #content .blog-area article .entry-content a:hover { color: #EE7A12; } #content .blog-area article .entry-content iframe { margin-bottom: 38px; } #content .blog-area article .entry-content ul.wp-block-list, #content .blog-area article .entry-content ol.wp-block-list { margin-left: 24px; margin-bottom: 38px; } #content .blog-area article .entry-content ul.wp-block-list li:marker, #content .blog-area article .entry-content ol.wp-block-list li:marker { color: #ADC957; } #content .blog-area article .entry-content figure.gb-block-image img { max-width: 100%; height: auto; } #content .blog-area article .entry-content figure.wp-block-table { margin-bottom: 38px; } #content .blog-area article .entry-content figure.wp-block-table table thead { background-color: #162C12; } #content .blog-area article .entry-content figure.wp-block-table table thead th { color: #ADC957; font-size: 20px; line-height: 24px; padding: 30px 30px 18px 30px; } #content .blog-area article .entry-content figure.wp-block-table table tbody tr { background-color: #E9E9E1; } #content .blog-area article .entry-content figure.wp-block-table table tbody tr td { border-bottom: 1px solid #C9C9BD; border-right: 1px solid #C9C9BD; padding: 20px 30px; } #content .blog-area article .entry-content figure.wp-block-table table tbody tr td:first-child { border-left: 1px solid #C9C9BD; } #content .blog-area article .entry-content figure.has-nested-images { display: flex; } #content .blog-area article .entry-content figure.has-nested-images .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, #content .blog-area article .entry-content figure.has-nested-images .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img { flex: 1 0 0%; height: 100%; object-fit: cover; width: 100%; } #content .blog-area article .entry-content .rank-math-block { margin-bottom: 38px; } #content .blog-area article .entry-content .rank-math-block .rank-math-list .rank-math-list-item { background-color: #E9E9E1; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 100px 0px 40px; margin-bottom: 10px; position: relative; } #content .blog-area article .entry-content .rank-math-block .rank-math-list .rank-math-list-item h3 { margin-bottom: 30px; font-size: 16px; line-height: 24px; } #content .blog-area article .entry-content .rank-math-block .rank-math-list .rank-math-list-item:after { content: "\f078"; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; border-left: 1px solid #162C12; padding-left: 20px; top: 30px; right: 40px; height: calc(100% - 60px); } #content .blog-area article .entry-content .rank-math-block .rank-math-list .rank-math-list-item .rank-math-answer { height: 0; max-height: 0; overflow: hidden; } #content .blog-area article .entry-content .rank-math-block .rank-math-list .rank-math-list-item.opened:after { content: "\f077"; } #content .blog-area article .entry-content .rank-math-block .rank-math-list .rank-math-list-item.opened .rank-math-answer { height: auto; max-height: 10000px; } #content .blog-area article .entry-content #ez-toc-container { display: none; width: 100%; border: 0; background: transparent; width: 100%; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 0px 10px 0px !important; background-color: transparent !important; } #content .blog-area article .entry-content #ez-toc-container .ez-toc-title-container { display: none; } #content .blog-area article .entry-content #ez-toc-container nav { border-left: 2px solid #E9E9E1; } #content .blog-area article .entry-content #ez-toc-container nav ul { padding-left: 20px; } #content .blog-area article .entry-content #ez-toc-container nav ul li { position: relative; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; display: flex; align-items: flex-start; flex-wrap: wrap; } #content .blog-area article .entry-content #ez-toc-container nav ul li:before { content: ""; border: 1px solid #EE7A12; width: 8px; height: 8px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; position: absolute; left: 0; top: 7px; } #content .blog-area article .entry-content #ez-toc-container nav ul li a { color: #162C12; font-family: "Amifer", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; font-weight: 700; text-decoration: none; } #content .blog-area article .entry-content #ez-toc-container nav ul li a:hover { color: #EE7A12; } #content .blog-area article .entry-content #ez-toc-container nav ul li ul { padding-left: 0; } #content .blog-area .comments-area { margin-bottom: 80px; } #content .blog-area .comments-area h3 { font-family: "Komu", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; text-transform: uppercase; font-size: 48px; line-height: 48px; margin-bottom: 30px; } #content .blog-area .comments-area .commentlist { list-style: none; } #content .blog-area .comments-area .commentlist li { background-color: #E9E9E1; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px; margin-bottom: 15px; } #content .blog-area .comments-area .commentlist li .comment-body .comment-author { margin-bottom: 10px; } #content .blog-area .comments-area .commentlist li .comment-body .comment-author img { margin-right: 10px; } #content .blog-area .comments-area .commentlist li .comment-body .comment-meta { font-size: 12px; margin-bottom: 30px; } #content .blog-area .comments-area .commentlist li .comment-body .comment-meta a { color: #162C12; pointer-events: none; /* niet meer klikbaar */ cursor: default; /* geen handje */ text-decoration: none; /* geen underline */ color: inherit; /* zelfde kleur als tekst eromheen */ } #content .blog-area .comments-area .commentlist li .comment-body p { margin-bottom: 30px; } #content .blog-area .comments-area .commentlist li .comment-body p a { color: #162C12; } #content .blog-area .comments-area .commentlist li .comment-body .reply a { display: inline-block; background-color: #EE7A12; color: #FFFFFF; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 46px; text-decoration: none; } #content .blog-area .comments-area .commentlist li ul.children { margin-top: 20px; list-style: none; border-top: 1px solid #162C12; } #content .blog-area .comments-area .commentlist li ul.children li { padding-top: 20px; padding-bottom: 0px; margin-bottom: 0; } #content .blog-area .comments-area .comment-respond form { background-color: #E9E9E1; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px; } #content .blog-area .comments-area .comment-respond form .comment-notes { margin-bottom: 15px; font-size: 12px; } #content .blog-area .comments-area .comment-respond form .logged-in-as { margin-bottom: 15px; font-size: 12px; } #content .blog-area .comments-area .comment-respond form .logged-in-as a { color: #162C12; text-decoration: underline; } #content .blog-area .comments-area .comment-respond form .logged-in-as a:hover { color: #EE7A12; } #content .blog-area .comments-area .comment-respond form .comment-form-comment label, #content .blog-area .comments-area .comment-respond form .comment-form-author label, #content .blog-area .comments-area .comment-respond form .comment-form-email label, #content .blog-area .comments-area .comment-respond form .comment-form-url label { display: block; margin-bottom: 10px; } #content .blog-area .comments-area .comment-respond form .comment-form-comment textarea, #content .blog-area .comments-area .comment-respond form .comment-form-author textarea, #content .blog-area .comments-area .comment-respond form .comment-form-email textarea, #content .blog-area .comments-area .comment-respond form .comment-form-url textarea { border: 0; display: block; width: 100%; height: 150px; margin-bottom: 15px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; } #content .blog-area .comments-area .comment-respond form .comment-form-comment input, #content .blog-area .comments-area .comment-respond form .comment-form-author input, #content .blog-area .comments-area .comment-respond form .comment-form-email input, #content .blog-area .comments-area .comment-respond form .comment-form-url input { border: 0; display: block; width: 100%; margin-bottom: 15px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; } #content .blog-area .comments-area .comment-respond form .comment-form-cookies-consent { margin-bottom: 15px; } #content .blog-area .comments-area .comment-respond form p.form-submit input { background-color: #EE7A12; color: #FFFFFF; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 46px; text-decoration: none; border: 0; } #content.page-main { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 150px; } #content.page-main .entry-header { margin-bottom: 30px; } #content.page-main .entry-content { /* Galerie-afbeeldingen allemaal dezelfde verhouding/hoogte geven */ /* Zorg dat de afbeelding de hele tile opvult */ } #content.page-main .entry-content h2, #content.page-main .entry-content h3 { margin-bottom: 30px; margin-top: 30px; } #content.page-main .entry-content p { margin-bottom: 30px; } #content.page-main .entry-content ul, #content.page-main .entry-content ol { margin-bottom: 30px; list-style-position: inside; } #content.page-main .entry-content a { color: #162C12; text-decoration: underline; } #content.page-main .entry-content a:hover { color: #EE7A12; } #content.page-main .entry-content .wp-block-gallery.is-cropped .wp-block-image { position: relative; aspect-ratio: 16 / 9; /* of 4 / 3, wat jij mooier vindt */ overflow: hidden; } #content.page-main .entry-content .wp-block-gallery.is-cropped .wp-block-image img { width: 100%; height: 100%; object-fit: cover; display: block; } #content.contact .flex { display: flex; } #content.contact .flex .block { flex: 1 1 50%; max-width: 50%; } #content.contact .flex .block.small { padding-right: 10%; } #content.contact .flex .block.very-small { flex: 1 1 25%; max-width: 25%; } #content.contact .flex .block.big { flex: 1 1 75%; max-width: 75%; } #content.contact .contact-intro { padding-bottom: 80px; } #content.contact .contact-options { padding-bottom: 80px; } #content.contact .contact-options .form { background-color: #E9E9E1; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px; } #content.contact .contact-options .form p, #content.contact .contact-options .form h2, #content.contact .contact-options .form h3 { font-family: "Komu", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; text-transform: uppercase; margin-bottom: 30px; font-size: 32px; line-height: 48px; color: #162C12; } #content.contact .contact-options .form form input, #content.contact .contact-options .form form textarea { border: 0; border-radius: 0; backgrolund-color: #FFFFFF; } #content.contact .contact-options .form form .wpforms-submit-container button { background-color: #EE7A12; color: #FFFFFF; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 46px; text-decoration: none; border: 0; } #content.contact .contact-options .email p.p-title, #content.contact .contact-options .email h2, #content.contact .contact-options .email h3 { font-family: "Komu", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; text-transform: uppercase; margin-bottom: 30px; font-size: 32px; line-height: 48px; color: #162C12; } #content.contact .contact-options .email p { margin-bottom: 30px; } #content.contact .contact-options .email .item { background-color: #E9E9E1; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 40px; margin-bottom: 10px; } #content.contact .contact-options .email .item a { color: #EE7A12; text-decoration: underline; } #content.contact .contact-options .email .item a:hover { color: #162C12; } #content.contact .contact-options .options p.p-title { font-family: "Komu", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; text-transform: uppercase; margin-bottom: 15px; font-size: 32px; line-height: 48px; color: #162C12; } #content.contact .contact-options .options .telephone { margin-bottom: 50px; } #content.contact .contact-options .options .telephone a { color: #EE7A12; text-decoration: none; } #content.contact .contact-options .options .telephone a:hover { color: #162C12; } #content.contact .contact-options .options .office { margin-bottom: 50px; } #content.contact .contact-options .options .information { margin-bottom: 50px; } #content.contact .contact-options .options .social-media { margin-bottom: 50px; } #content.contact .contact-options .options .social-media ul.social { display: flex; gap: 20px; list-style: none; } #content.contact .contact-options .options .social-media ul.social li a { font-size: 25px; color: #162C12; text-decoration: none; } #content.flexible .text-full, #content.error .text-full { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 100px; } #content.flexible .text-full form#searchformcontent, #content.error .text-full form#searchformcontent { width: 100%; max-width: 500px; display: flex; align-items: center; border-bottom: 2px solid #162C12; } #content.flexible .text-full form#searchformcontent input[type=text], #content.error .text-full form#searchformcontent input[type=text] { border: 0; outline: none; background-color: transparent; color: #162C12; font-size: 24px; height: 44px; padding: 0 5px; width: calc(100% - 32px); -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content.flexible .text-full form#searchformcontent ::-webkit-input-placeholder, #content.error .text-full form#searchformcontent ::-webkit-input-placeholder { color: #162C12; font-style: italic; } #content.flexible .text-full form#searchformcontent ::-moz-placeholder, #content.error .text-full form#searchformcontent ::-moz-placeholder { color: #162C12; font-style: italic; } #content.flexible .text-full form#searchformcontent :-ms-input-placeholder, #content.error .text-full form#searchformcontent :-ms-input-placeholder { color: #162C12; font-style: italic; } #content.flexible .text-full form#searchformcontent input:-moz-placeholder, #content.error .text-full form#searchformcontent input:-moz-placeholder { color: #162C12; font-style: italic; } #content.flexible .text-full form#searchformcontent button, #content.error .text-full form#searchformcontent button { border: 0; background: transparent; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; } #content.flexible .text-two-col, #content.error .text-two-col { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 100px; } #content.flexible .text-two-col.image-col, #content.error .text-two-col.image-col { padding-bottom: 50px; } #content.flexible .text-two-col.image-col .text, #content.error .text-two-col.image-col .text { padding-bottom: 50px; } #content.flexible .text-two-col.image-col .image, #content.error .text-two-col.image-col .image { padding-bottom: 50px; } #content.flexible .text-two-col.reverse .row, #content.error .text-two-col.reverse .row { display: flex; } #content.flexible .text-two-col.reverse .row .image, #content.error .text-two-col.reverse .row .image { order: 1; } #content.flexible .text-two-col.reverse .row .text, #content.error .text-two-col.reverse .row .text { order: 2; } #content.flexible .text-three-col, #content.error .text-three-col { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 100px; } #content.flexible .gallery, #content.error .gallery { padding-bottom: 100px; } #content.flexible .gallery .gallery-item, #content.error .gallery .gallery-item { aspect-ratio: 4 / 3; overflow: hidden; } #content.flexible .gallery .gallery-grid, #content.error .gallery .gallery-grid { display: grid; gap: 1.5rem; } #content.flexible .gallery .gallery-grid img, #content.error .gallery .gallery-grid img { width: 100%; height: 100%; display: block; object-fit: cover; } #content.flexible .gallery-cols-1 .gallery-grid, #content.error .gallery-cols-1 .gallery-grid { grid-template-columns: repeat(1, 1fr); } #content.flexible .gallery-cols-2 .gallery-grid, #content.error .gallery-cols-2 .gallery-grid { grid-template-columns: repeat(2, 1fr); } #content.flexible .gallery-cols-3 .gallery-grid, #content.error .gallery-cols-3 .gallery-grid { grid-template-columns: repeat(3, 1fr); } #content.flexible .gallery-cols-4 .gallery-grid, #content.error .gallery-cols-4 .gallery-grid { grid-template-columns: repeat(4, 1fr); } #content.flexible .gallery-cols-5 .gallery-grid, #content.error .gallery-cols-5 .gallery-grid { grid-template-columns: repeat(5, 1fr); } #content.flexible .gallery-cols-6 .gallery-grid, #content.error .gallery-cols-6 .gallery-grid { grid-template-columns: repeat(6, 1fr); } #content.flexible .image-full, #content.error .image-full { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 50px; } #content.flexible .image-full img, #content.error .image-full img { max-width: 100%; height: auto; } #content.flexible .images-two-col, #content.error .images-two-col { -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 35px; } #content.flexible .images-two-col .entry-image, #content.error .images-two-col .entry-image { margin-bottom: 15px; } #content.flexible .images-two-col img, #content.error .images-two-col img { max-width: 100%; height: auto; } /******************************************************** MAX-WIDTH: 1400 ********************************************************/ @media only screen and (max-width: 1400px) { #content .best-tips .flex { flex-direction: column; align-items: stretch; gap: 50px; } #content .best-tips .flex .tips-right { order: 1; width: 100%; padding-left: 0; text-align: left; align-items: flex-start; } #content .best-tips .flex .tips-right .entry-content { max-width: 100%; } #content .best-tips .flex .tips-right .entry-form { justify-content: start; } #content .best-tips .flex .tips-left { order: 2; width: 100%; max-width: unset; flex: unset; } #content .best-tips .flex .tips-left .entry-header { max-width: 100%; } #content .best-tips .flex .tips-left article { position: relative; } #content .best-tips .flex .tips-left article .entry-image { max-width: 960px; } #content .latest-articles .entry-flex .entry-text { order: 1; width: 100%; margin-bottom: 50px; padding-left: 15px; } #content .latest-articles .entry-flex .item { order: 2; width: 100%; } #content .latest-articles .entry-flex .item article { position: relative; } #content .latest-articles .entry-flex .item article .entry-article { width: 960px; max-width: 960px; } #content .latest-articles .entry-flex .item article .entry-image { max-width: 960px; } #content .latest-articles .entry-flex .item article .entry-text { position: absolute; right: 0; bottom: 30px; background-color: #E9E9E1; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 35px 40px; width: 780px; margin-bottom: 0px; } #content .reviews .row .reviews-right { width: 100%; order: 1; margin-bottom: 30px; } #content .reviews .row .reviews-left { width: 100%; order: 2; } #content .spotlight .content-right .item .entry-image { display: none; } #content .author-intro .flex { flex-direction: column; align-items: stretch; gap: 50px; } #content .author-intro .flex .author-left { flex: unset; margin-left: unset; paddingf-right: 0; } #content.flexible .gallery-cols-1 .gallery-grid { grid-template-columns: repeat(1, 1fr); } #content.flexible .gallery-cols-2 .gallery-grid { grid-template-columns: repeat(2, 1fr); } #content.flexible .gallery-cols-3 .gallery-grid { grid-template-columns: repeat(3, 1fr); } #content.flexible .gallery-cols-4 .gallery-grid { grid-template-columns: repeat(4, 1fr); } #content.flexible .gallery-cols-5 .gallery-grid { grid-template-columns: repeat(4, 1fr); } #content.flexible .gallery-cols-6 .gallery-grid { grid-template-columns: repeat(4, 1fr); } #content .category-intro .flex { display: block; } #content .category-intro .flex .category-right article .entry-text { left: unset; right: 0; } } /******************************************************** MAX-WIDTH: 1200 ********************************************************/ @media only screen and (max-width: 1200px) { #content .blog-area article { padding-right: 50px; } } /******************************************************** MAX-WIDTH: 1024 ********************************************************/ @media only screen and (max-width: 1024px) { #content .blog-area article { padding-right: 0px; width: 100%; } #content .blog-area article #ez-toc-container { display: inherit; } #content .blog-area .sidebar { width: 100%; } #content.flexible .gallery-cols-1 .gallery-grid { grid-template-columns: repeat(1, 1fr); } #content.flexible .gallery-cols-2 .gallery-grid { grid-template-columns: repeat(2, 1fr); } #content.flexible .gallery-cols-3 .gallery-grid { grid-template-columns: repeat(3, 1fr); } #content.flexible .gallery-cols-4 .gallery-grid { grid-template-columns: repeat(3, 1fr); } #content.flexible .gallery-cols-5 .gallery-grid { grid-template-columns: repeat(3, 1fr); } #content.flexible .gallery-cols-6 .gallery-grid { grid-template-columns: repeat(3, 1fr); } } /******************************************************** MAX-WIDTH: 991 ********************************************************/ @media only screen and (max-width: 991px) { #content .best-tips .flex .tips-left .entry-header { max-width: 100%; } #content .best-tips .flex .tips-left article { position: relative; } #content .best-tips .flex .tips-left article .entry-image { max-width: 960px; } #content .best-tips .flex .tips-left article .entry-text { position: relative; width: -webkit-calc(100% - 4vw); width: -moz-calc(100% - 4vw); width: calc(100% - 4vw); margin-left: 2vw; margin-right: 2vw; } #content .best-tips .tips-slider { padding-top: 50px; } #content .category-intro .flex .category-right article { position: relative; } #content .category-intro .flex .category-right article .entry-text { position: relative; width: -webkit-calc(100% - 4vw); width: -moz-calc(100% - 4vw); width: calc(100% - 4vw); margin-left: 2vw; margin-right: 2vw; } #content .category-intro .flex .category-right article .entry-text .entry-content { height: auto; max-height: unset; padding-bottom: 15px; } #content .latest-articles .entry-flex { margin-bottom: 30px; } #content .latest-articles .entry-flex .entry-text { order: 1; width: 100%; margin-bottom: 50px; padding-left: 15px; } #content .latest-articles .entry-flex .item { order: 2; width: 100%; } #content .latest-articles .entry-flex .item article { position: relative; } #content .latest-articles .entry-flex .item article .entry-article { width: 100%; } #content .latest-articles .entry-flex .item article .entry-text { position: relative; width: -webkit-calc(100% - 4vw); width: -moz-calc(100% - 4vw); width: calc(100% - 4vw); margin-left: 2vw; margin-right: 2vw; } #content .latest-articles .items .item { flex: 0 0 calc((100% - 2 * 0px) / 2); } #content .latest-articles .items .item:nth-child(3) { display: none; } #content .latest-articles .items .item .entry-text .entry-meta { display: block; } #content .latest-articles .items .item .entry-text .entry-meta time { display: block; } #content .latest-articles .items .item .entry-text .entry-meta .author { display: block; } #content .category-blogs .item, #content .author-blogs .item { flex: 0 0 calc((100% - 2 * 0px) / 2); } #content .category-blogs .item .entry-text .entry-meta, #content .author-blogs .item .entry-text .entry-meta { display: block; } #content .category-blogs .item .entry-text .entry-meta time, #content .author-blogs .item .entry-text .entry-meta time { display: block; } #content .category-blogs .item .entry-text .entry-meta .author, #content .author-blogs .item .entry-text .entry-meta .author { display: block; } #content .spotlight .content-right { padding-left: 15px; padding-top: 50px; } #content .spotlight .content-right .item .entry-image { display: inherit; } #content .partners .entry-flex { display: block; } #content .partners .entry-flex .entry-content { flex: unset; max-width: unset; padding-bottom: 50px; text-align: center; } #content .partners .entry-flex .entry-logos { justify-content: center; } body.home #content .category-blogs .row .item:nth-child(3) { display: none; } } /******************************************************** MAX-WIDTH: 767 ********************************************************/ @media only screen and (max-width: 767px) { #content .about .content-left { padding-right: 15px; } #content .about .content-right { padding-left: 15px; } #content.flexible .gallery-cols-1 .gallery-grid { grid-template-columns: repeat(1, 1fr); } #content.flexible .gallery-cols-2 .gallery-grid { grid-template-columns: repeat(2, 1fr); } #content.flexible .gallery-cols-3 .gallery-grid { grid-template-columns: repeat(2, 1fr); } #content.flexible .gallery-cols-4 .gallery-grid { grid-template-columns: repeat(2, 1fr); } #content.flexible .gallery-cols-5 .gallery-grid { grid-template-columns: repeat(2, 1fr); } #content.flexible .gallery-cols-6 .gallery-grid { grid-template-columns: repeat(2, 1fr); } } /******************************************************** MAX-WIDTH: 650 ********************************************************/ @media only screen and (max-width: 650px) { #content .hero { height: 700px; } #content .hero .buttons { flex-direction: column; } #content .hero .buttons a { width: auto; align-self: flex-start; margin-bottom: 10px; } #content .hero .buttons a:last-child { margin-bottom: 0; } #content .best-tips .flex .tips-left article .entry-text { padding: 30px; } #content .best-tips .flex .tips-left article .entry-text .entry-content, #content .best-tips .flex .tips-left article .entry-text .entry-link { display: none; } #content .best-tips .flex .tips-left article .entry-text .entry-meta { display: block; } #content .best-tips .flex .tips-left article .entry-text .entry-meta time { display: block; } #content .best-tips .flex .tips-left article .entry-text .entry-meta .author { display: block; } #content .best-tips .tips-slider .item .entry-text { padding: 30px; } #content .best-tips .tips-slider .item .entry-text .entry-meta { display: block; } #content .best-tips .tips-slider .item .entry-text .entry-meta time { display: block; } #content .best-tips .tips-slider .item .entry-text .entry-meta .author { display: block; } #content .category-intro .flex .category-right article .entry-text { padding: 30px; } #content .category-intro .flex .category-right article .entry-text .entry-content, #content .category-intro .flex .category-right article .entry-text .entry-link { display: none; } #content .category-intro .flex .category-right article .entry-text .entry-meta { display: block; } #content .category-intro .flex .category-right article .entry-text .entry-meta time { display: block; } #content .category-intro .flex .category-right article .entry-text .entry-meta .author { display: block; } #content .latest-articles .entry-flex .item .entry-featured .row .entry-text { padding: 30px; } #content .latest-articles .entry-flex .item .entry-featured .row .entry-text .entry-content, #content .latest-articles .entry-flex .item .entry-featured .row .entry-text .entry-link { display: none; } #content .latest-articles .entry-flex .item .entry-featured .row .entry-text .entry-meta { display: block; } #content .latest-articles .entry-flex .item .entry-featured .row .entry-text .entry-meta time { display: block; } #content .latest-articles .entry-flex .item .entry-featured .row .entry-text .entry-meta .author { display: block; } #content .latest-articles .items .item { flex: 0 0 calc((100% - 2 * 0px) / 1); } #content .latest-articles .items .item .entry-text { padding: 30px; } #content .latest-articles .items .item .entry-text .entry-meta { display: block; } #content .latest-articles .items .item .entry-text .entry-meta time { display: block; } #content .latest-articles .items .item .entry-text .entry-meta .author { display: block; } #content .category-blogs .item, #content .author-blogs .item { flex: 0 0 calc((100% - 2 * 0px) / 1); } #content .category-blogs .item .entry-text, #content .author-blogs .item .entry-text { padding: 30px; } #content .category-blogs .item .entry-text .entry-meta, #content .author-blogs .item .entry-text .entry-meta { display: block; } #content .category-blogs .item .entry-text .entry-meta time, #content .author-blogs .item .entry-text .entry-meta time { display: block; } #content .category-blogs .item .entry-text .entry-meta .author, #content .author-blogs .item .entry-text .entry-meta .author { display: block; } #content .experts .entry-header { max-width: 200px; text-align: left; } #content .experts .item .author { padding: 30px 15px; } #content .experts .item .author .entry-header { position: relative; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 80px; margin-bottom: 0; max-width: unset; } #content .experts .item .author .entry-header span.chevron { position: absolute; top: 0; right: 0; } #content .experts .item .author .entry-header span.chevron:after { content: "\f078"; font-family: 'Font Awesome 6 Free'; font-weight: 900; } #content .experts .item .author .author-inner { height: 0; max-height: 0; overflow: hidden; } #content .experts .item .author .author-inner .author-photo { padding-top: 30px; } #content .experts .item .author.opened .entry-header span.chevron:after { content: "\f077"; } #content .experts .item .author.opened .author-inner { height: auto; max-height: 10000px; } #content .spotlight .content-left .entry-flex { display: block; } #content .spotlight .content-left .entry-flex figure { margin-top: 15px; } #content .spotlight .content-right .item .entry-image { display: none; } #content .spotlight .content-right .item .entry-text { padding: 30px; } #content .spotlight .content-right .item .entry-text .entry-meta { display: block; } #content .spotlight .content-right .item .entry-text .entry-meta time { display: block; } #content .spotlight .content-right .item .entry-text .entry-meta .author { display: block; } #content .blog-area .comments-area h3 { font-size: 34px; line-height: 34px; } #content .blog-area .comments-area .commentlist li { padding: 20px; } #content .blog-area .comments-area .comment-respond form { padding: 20px; } } /******************************************************** MAX-WIDTH: 551 ********************************************************/ @media only screen and (max-width: 551px) { #content .hero.hero-sub { height: 40vh; min-height: 450px; max-height: 450px; } #content .blog-area article .entry-content h1, #content .blog-area article .entry-content h2 { font-size: 34px; line-height: 34px; } #content .blog-area article .entry-content div { padding: 20px !important; } #content .blog-area .comments-area .comments-repond form { padding: 20px; } #content .best-tips { padding-top: 50px; } #content .best-tips .flex .tips-left article .entry-text { padding: 15px; } #content .best-tips .tips-slider .item .entry-text { padding: 15px; } #content .best-tips .tips-slider .owl-nav { bottom: -70px; } #content .best-tips .tips-slider .owl-nav button { width: 40px; height: 40px; } #content .best-tips .tips-slider .owl-nav button span { font-size: unset; } #content .latest-articles .entry-flex .item .entry-featured .row .entry-text { padding: 15px; } #content .latest-articles .items .item .entry-text { padding: 15px; } #content .category-blogs .item .entry-text, #content .author-blogs .item .entry-text { padding: 15px; } #content .spotlight .content-right .item a { padding: 15px; } #content .spotlight .content-right .item a .entry-text { padding: 0px; } } #mainfooter { background-color: #162C12; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 120px 0 70px 0; position: relative; } #mainfooter .container { position: relative; } #mainfooter .websitevanhetjaar { position: absolute; right: 0; top: -235px; z-index: 3; } #mainfooter .websitevanhetjaar img { width: 230px; height: auto; } #mainfooter .footer-top { margin-bottom: 150px; position: relative; z-index: 2; } #mainfooter .footer-top .p-title { font-size: 24px; line-height: 64px; } #mainfooter .footer-top p { color: #FFFFFF; margin-bottom: 15px; } #mainfooter .footer-top .p-text a { color: #EE7A12; text-decoirtaion: underline; } #mainfooter .footer-top ul { margin: 0; padding: 0; list-style: none; } #mainfooter .footer-top ul li { margin-bottom: 10px; } #mainfooter .footer-top ul li a { color: #FFFFFF; text-decortaion: underline; } #mainfooter .footer-top ul.social { display: flex; gap: 20px; list-style: none; } #mainfooter .footer-top ul.social li a { font-size: 25px; } #mainfooter .footer-top .block { margin-bottom: 50px; } #mainfooter .footer-bottom { color: #FFFFFF; position: relative; z-index: 2; } #mainfooter .footer-line { position: absolute; bottom: 0px; left: 0; right: 0; } /******************************************************** MAX-WIDTH: 767 ********************************************************/ @media only screen and (max-width: 767px) { #mainfooter .websitevanhetjaar { right: 15px; top: -165px; } #mainfooter .websitevanhetjaar img { width: 160px; } } /*# sourceMappingURL=style.css.map */