.cmplz-obfuscate span{display:none}#cmplz-manage-consent-container{display:none}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary{display:block;cursor:pointer}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::-webkit-details-marker,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::marker{display:none;content:""}.cmplz-alert{display:none;padding:7px;color:white;margin:10px 0}.cmplz-alert.cmplz-error{background-color:#f44336}.cmplz-alert.cmplz-success{background-color:green}.cmplz-close{margin-left:15px;color:white;font-weight:bold;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:.3s}.cmplz-close:hover{color:black}#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{display:inline-block;width:calc(50% - 35px);vertical-align:top}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{width:100%}}#cmplz-cookies-overview .cmplz-dropdown summary,#cmplz-document .cmplz-dropdown summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary{display:block;cursor:pointer}#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,#cmplz-cookies-overview .cmplz-dropdown summary::marker,#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,#cmplz-document .cmplz-dropdown summary::marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary div,#cmplz-document .cmplz-dropdown summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div{display:grid;grid-template:"heading chevron";grid-template-columns:2fr 25px;grid-gap:15px;align-items:center}#cmplz-cookies-overview .cmplz-dropdown summary div h3,#cmplz-document .cmplz-dropdown summary div h3,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div h3{grid-area:heading;margin:0}#cmplz-cookies-overview .cmplz-dropdown summary div:after,#cmplz-document .cmplz-dropdown summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after{grid-area:chevron}#cmplz-cookies-overview .cmplz-dropdown summary div input[data-category=functional],#cmplz-document .cmplz-dropdown summary div input[data-category=functional],.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div input[data-category=functional]{visibility:hidden}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary{display:block}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div{grid-template:"heading paragraph label checkbox chevron";grid-template-columns:2fr auto 0 auto 25px}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p{grid-area:paragraph}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{display:grid}@media only screen and (min-width:600px){#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{grid-column:span 2;grid-template-columns:1fr 1fr 1fr;grid-template:"purpose purpose purpose" "header1 header2 header3" auto}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose{grid-area:purpose}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header{grid-area:header1}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header{grid-area:header2}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header{grid-area:header3}}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{grid-template-columns:100px 1fr}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose{grid-column:span 2}}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories{margin-top:10px;display:block;width:100%}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category{background-color:rgba(239,239,239,0.25)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::marker{display:none;content:""}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::-webkit-details-marker{display:none;content:""}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-description{padding:10px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category:not(:last-child){margin-bottom:5px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header{display:grid;grid-template-columns:1fr auto 25px;grid-template-rows:auto;align-items:center;grid-gap:10px;padding:5px 10px;background-color:rgba(239,239,239,0.5)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header section{padding:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2{grid-column-start:1;width:100%;justify-self:start;font-size:18px;text-align:left;margin-top:8px;text-transform:initial;padding-bottom:10px;border-bottom:0;margin-bottom:0}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2:before{height:0;margin:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active{font-size:var(--cmplz_category_header_active_font_size);color:var(--cmplz_category_header_always_active_color)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active input{display:none}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox{display:flex;align-items:center;margin:0;padding:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open{display:flex;align-items:center;justify-content:center;grid-column-start:3;cursor:pointer;content:"";background:var(--cmplz_category_open_icon_url) no-repeat;transform:rotate(0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background-size:cover;height:25px;width:25px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open]{padding-bottom:1px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] summary .cmplz-category-header:after,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] summary .cmplz-icon.cmplz-open{transform:rotate(180deg)}.postbox #cmplz-document{margin:auto auto}#cmplz-document,.editor-styles-wrapper .cmplz-unlinked-mode{font-size:14px;margin-top:0;max-width:800px;text-justify:inter-word}#cmplz-document input::-moz-focus-inner,#cmplz-document button::-moz-focus-inner,.editor-styles-wrapper .cmplz-unlinked-mode input::-moz-focus-inner,.editor-styles-wrapper .cmplz-unlinked-mode button::-moz-focus-inner{border:0;padding:0}#cmplz-document a,.editor-styles-wrapper .cmplz-unlinked-mode a{text-decoration:underline}#cmplz-document a[target=_blank]::after,.editor-styles-wrapper .cmplz-unlinked-mode a[target=_blank]::after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);margin:0 3px 0 5px}#cmplz-document a:focus,.editor-styles-wrapper .cmplz-unlinked-mode a:focus{border:1px solid black;padding:2px}#cmplz-document #cmplz-dnsmpd-form label,.editor-styles-wrapper .cmplz-unlinked-mode #cmplz-dnsmpd-form label{margin-right:20px;min-width:100px;display:inline-block}#cmplz-document h2,#cmplz-document h3,.editor-styles-wrapper .cmplz-unlinked-mode h2,.editor-styles-wrapper .cmplz-unlinked-mode h3{font-size:22px;text-align:left;margin-top:15px;text-transform:initial;padding-bottom:10px;margin-bottom:10px}#cmplz-document.impressum h2,#cmplz-document.impressum h3,.editor-styles-wrapper .cmplz-unlinked-mode.impressum h2,.editor-styles-wrapper .cmplz-unlinked-mode.impressum h3{border-bottom:0;font-size:1em;padding-bottom:5px;margin-bottom:5px}#cmplz-document.impressum p,.editor-styles-wrapper .cmplz-unlinked-mode.impressum p{margin-bottom:7px}#cmplz-document h4,.editor-styles-wrapper .cmplz-unlinked-mode h4{font-size:18px;text-align:left;margin-top:15px;margin-bottom:5px;text-transform:initial}#cmplz-document h5,.editor-styles-wrapper .cmplz-unlinked-mode h5{font-size:14px;text-align:left;margin-top:10px;margin-bottom:5px;text-transform:initial}#cmplz-document h3.annex,#cmplz-document h4.annex,.editor-styles-wrapper .cmplz-unlinked-mode h3.annex,.editor-styles-wrapper .cmplz-unlinked-mode h4.annex{font-weight:bold}#cmplz-document span h3,.editor-styles-wrapper .cmplz-unlinked-mode span h3{font-size:14px;border-bottom:0}#cmplz-document p,#cmplz-document li,#cmplz-document td,.editor-styles-wrapper .cmplz-unlinked-mode p,.editor-styles-wrapper .cmplz-unlinked-mode li,.editor-styles-wrapper .cmplz-unlinked-mode td{font-size:14px;margin-top:0}#cmplz-document ol.alphabetic,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic{counter-reset:list;list-style-type:none}#cmplz-document ol.alphabetic li:before,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic li:before{font-weight:bold;content:counter(list,lower-alpha) ") ";counter-increment:list}#cmplz-document ul,.editor-styles-wrapper .cmplz-unlinked-mode ul{list-style:disc;margin-left:15px;margin-bottom:15px}#cmplz-document ol.alphabetic ol,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol{counter-reset:list;list-style-type:none}#cmplz-document ol.alphabetic ol li:before,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol li:before{font-weight:bold;content:counter(list,decimal) ") ";counter-increment:list}#cmplz-document .cmplz-subtitle,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-subtitle{font-weight:bold;margin-top:25px}#cmplz-document .cmplz-indent,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-indent{margin-left:36px}#cmplz-cookies-overview .cmplz-dropdown,#cmplz-document .cmplz-dropdown,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown{background-color:rgba(239,239,239,0.25)}#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4{font-size:18px;text-align:left;margin-top:15px;margin-bottom:5px;text-transform:initial}#cmplz-cookies-overview .cmplz-dropdown p,#cmplz-cookies-overview .cmplz-dropdown a,#cmplz-document .cmplz-dropdown p,#cmplz-document .cmplz-dropdown a,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown a{font-size:14px;margin-top:0}#cmplz-cookies-overview .cmplz-dropdown p,#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-cookies-overview .cmplz-dropdown ul,#cmplz-document .cmplz-dropdown p,#cmplz-document .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown ul,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown ul{padding:0 15px}#cmplz-cookies-overview .cmplz-dropdown p.legal-obligations-description,#cmplz-document .cmplz-dropdown p.legal-obligations-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p.legal-obligations-description{padding-bottom:15px}#cmplz-cookies-overview .cmplz-dropdown summary::marker,#cmplz-document .cmplz-dropdown summary::marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary,#cmplz-document .cmplz-dropdown summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary{display:block;background-color:rgba(239,239,239,0.5);margin:5px 0;padding:5px 10px;align-items:center;justify-items:stretch}#cmplz-cookies-overview .cmplz-dropdown summary h3,#cmplz-document .cmplz-dropdown summary h3,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3{padding:0 5px;border-bottom:0;font-size:18px;border-bottom:0}#cmplz-cookies-overview .cmplz-dropdown summary p,#cmplz-document .cmplz-dropdown summary p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary p{text-align:right;padding:0;margin:0;font-size:14px;border-bottom:0}#cmplz-cookies-overview .cmplz-dropdown summary div:after,#cmplz-document .cmplz-dropdown summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after{cursor:pointer;content:"";background:url(//twentsekoers.nl/wp-content/plugins/complianz-gdpr/assets/images/chevron-down.svg) no-repeat;transform:rotate(0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background-size:cover;height:18px;width:18px;margin:3px}#cmplz-cookies-overview .cmplz-dropdown[open],#cmplz-document .cmplz-dropdown[open],.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open]{padding-bottom:1px}#cmplz-cookies-overview .cmplz-dropdown[open] summary div:after,#cmplz-document .cmplz-dropdown[open] summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open] summary div:after{transform:rotate(180deg)}#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4{font-size:15px;margin:5px 0}#cmplz-cookies-overview .cmplz-dropdown h5,#cmplz-document .cmplz-dropdown h5,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h5{margin:0}#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{padding:0 15px 15px}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose,#cmplz-document .cmplz-dropdown .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose{border:1px solid #dadada;grid-gap:1px;background-color:#dadada;margin-bottom:10px}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,#cmplz-document .cmplz-dropdown .cookies-per-purpose div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div{background-color:white;padding:15px}@media only screen and (min-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .name-header{background-color:#f7f7f7}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .retention-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .retention-header{background-color:#f7f7f7}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .function-header{background-color:#f7f7f7}}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose h5,#cmplz-document .cmplz-dropdown .cookies-per-purpose h5,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose h5{line-height:1.8}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7){background-color:#f7f7f7}}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}:root {
--stijlkleur-rood: #ff4c4c;
--stijlkleur-paars: #3700c3;
--stijlkleur-oranje: #ff7900;
--stijlkleur-geel: #ffd500;
--stijlkleur-groen: #77c738;
--kleur-licht-rood: #fff6f6;
--kleur-tekst-zwart: #000000;
--kleur-tekst-wit: #fff;
--kleur-tekst-grijs: #aaa;
--kleur-kennisbank-achtergrond: #fff6f6;
--primary-font: "Satoshi", sans-serif;
}
.mobielSubNavTerugButton {
display: none;
} * {
font-family: var(--primary-font);
color: var(--kleur-tekst-zwart);
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
scroll-behavior: smooth;
}
h1 {
font-size: 80px;
line-height: 90px;
font-weight: 900;
text-align: center;
margin-bottom: 30px;
letter-spacing: -1.5px;
}
h2 {
font-size: 30px;
line-height: 50px;
font-weight: 900;
margin-bottom: 40px;
letter-spacing: -1.5px;
}
h3 {
font-size: 30px;
line-height: 50px;
font-weight: 900;
margin-bottom: 40px;
letter-spacing: -1.5px;
}
p {
color: var(--kleur-tekst-zwart);
margin-bottom: 20px;
font-size: 22px;
line-height: 28px;
font-weight: 500;
}
.contentContainer p {
line-height: 35px;
}
.contentContainer h2,
.contentContainer h3 {
margin-bottom: 10px;
}
.contentContainer img {
border-radius: 20px;
}
a {
font-size: 22px;
text-decoration: underline;
color: var(--stijlkleur-rood);
}
a:hover {
color: var(--kleur-tekst-zwart);
}
img {
width: 100%;
height: auto;
}
main ul {
margin-left: 20px;
}
main li {
color: var(--kleur-tekst-zwart);
margin-bottom: 20px;
font-size: 22px;
line-height: 28px;
font-weight: 500;
}
.fullWidthContainer {
width: 100%;
padding: 40px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
background-color: #fff;
}
.normalContainer {
width: 100%;
max-width: 1200px;
padding: 20px;
z-index: 5;
}
.kolomCenterMedium {
max-width: 850px !important;
}
.kolomCenterNieuwsbrief {
max-width: 725px !important;
}
.flexColumnCenter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.textCenter {
text-align: center;
}
.marginBottom50 {
margin-bottom: 50px;
}
.headerText a,
.headerText p {
font-size: 30px !important;
line-height: 40px !important;
}
.textRood {
color: var(--stijlkleur-rood);
}
.knop {
border-radius: 10px;
padding: 5px 20px 10px 20px;
border: 0;
font-size: 24px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
}
.knopRood {
color: var(--kleur-tekst-wit);
background-color: var(--stijlkleur-rood);
}
.knopRood:hover {
color: var(--kleur-tekst-wit);
background-color: #000;
}
.knopGrijs {
color: var(--kleur-tekst-grijs);
background-color: #e5e5e5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.knopGrijs:hover {
color: var(--kleur-tekst-wit);
background-color: #000;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.knopGrijs:hover > .buttonIcon {
color: var(--kleur-tekst-wit);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.buttonIcon {
margin-right: 20px;
font-size: 18px;
}
.knopGrijs .buttonIcon {
color: var(--kleur-tekst-grijs);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.knopSingleTerug {
margin-bottom: 40px;
}
.aantalVacaturesNav {
display: none;
}
.headerFullKennisbank {
background-color: var(--kleur-kennisbank-achtergrond);
}
.page-id-206 .headerLogo .headerLogoTekstKleur {
fill: var(--stijlkleur-paars);
}
.page-id-208 .headerLogo .headerLogoTekstKleur {
fill: var(--stijlkleur-oranje);
}
.page-id-210 .headerLogo .headerLogoTekstKleur {
fill: var(--stijlkleur-geel);
}
.page-id-212 .headerLogo .headerLogoTekstKleur {
fill: var(--stijlkleur-groen);
}
.page-id-214 .headerLogo .headerLogoTekstKleur {
fill: var(--stijlkleur-rood);
}
.admin-bar .headerContainer {
top: 32px;
}
.admin-bar .headerContainer .desktopNavContainer {
padding: 195px 65px 65px 65px !important;
}
.headerContainer {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 205px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
z-index: 99998;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerContainer .desktopNavSection {
width: 100%;
max-width: 1200px;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.headerContainer .desktopNavSection a {
-ms-flex-item-align: self-start;
align-self: self-start;
}
.headerContainer .desktopNavSection .headerLogo {
position: relative;
width: 165px;
height: auto;
margin: 0 20px;
z-index: 9999;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerContainer .desktopNavSection .desktopNavSearchContainer {
position: relative;
z-index: 9999;
}
.headerContainer .desktopNavSection .desktopNavSearchContainer .desktopSearchButton {
position: relative;
background-color: transparent;
font-size: 24px;
font-weight: 700;
text-transform: lowercase;
border: 0;
padding-left: 34px;
cursor: pointer;
}
.headerContainer .desktopNavSection .desktopNavSearchContainer .desktopSearchButton::before {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 21px;
height: 21px;
background-image: url(//twentsekoers.nl/wp-content/themes/wordlenig-theme/img/icon-search-black.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.headerContainer .desktopNavSection .desktopNavSearchContainer .desktopNavSearchInput {
position: absolute;
height: 40px;
width: 0;
top: -2px;
left: 30px;
overflow: hidden;
pointer-events: none;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerContainer .desktopNavSection .desktopNavSearchContainer .desktopNavSearchInput .search-form {
position: absolute;
}
.headerContainer .desktopNavSection .desktopNavSearchContainer .desktopNavSearchInput .search-form .search-field {
width: 220px;
height: 40px;
padding: 10px 20px;
color: var(--kleur-tekst-zwart);
background-color: rgb(247, 247, 247);
font-weight: 500;
font-size: 18px;
border-radius: 10px 0 0 10px;
border: 0;
}
.headerContainer .desktopNavSection .desktopNavSearchContainer .desktopNavSearchInput .search-form .searchInputIcon {
position: absolute;
top: 15px;
right: 15px;
width: 20px;
height: 20px;
}
.headerContainer .desktopNavSection .desktopNavSearchContainer .desktopNavSearchInput .search-form .search-submit {
position: absolute;
top: 0;
left: 215px;
height: 40px;
width: 100px;
border: 0;
background-color: var(--stijlkleur-rood);
font-size: 18px;
color: var(--kleur-tekst-wit);
border-radius: 0 10px 10px 0;
cursor: pointer;
}
.headerContainer .desktopNavSection .desktopNavSearchContainer .desktopSearchButtonOpen::before {
background-image: url(//twentsekoers.nl/wp-content/themes/wordlenig-theme/img/icon-close-black.svg);
}
.headerContainer .desktopNavSection .desktopNavSearchContainer .desktopNavSearchInputOpen {
width: 320px;
pointer-events: auto;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerContainer .desktopNavSection .desktopNavButtonContainer {
position: relative;
z-index: 9999;
}
.headerContainer .desktopNavSection .desktopNavButtonContainer .desktopNavButton {
position: relative;
width: 100px;
background-color: transparent;
font-size: 24px;
font-weight: 700;
text-transform: lowercase;
border: 0;
padding-left: 34px;
cursor: pointer;
}
.headerContainer .desktopNavSection .desktopNavButtonContainer .desktopNavButton::before {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 21px;
height: 21px;
background-image: url(//twentsekoers.nl/wp-content/themes/wordlenig-theme/img/icon-nav-black.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.headerContainer .desktopNavSection .desktopNavButtonContainer .desktopNavButtonOpen::before {
background-image: url(//twentsekoers.nl/wp-content/themes/wordlenig-theme/img/icon-close-black.svg);
}
.headerContainer .desktopNavSection .desktopNavContainer {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 165px 65px 65px 65px;
background-color: #fff;
z-index: 9998;
opacity: 0;
pointer-events: none;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
background-color: rgba(255, 76, 76, 0.05);
-webkit-transform: translateY(30px);
transform: translateY(30px);
padding: 65px 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent {
width: 100%;
max-width: 1200px;
height: 100%;
display: grid;
grid-template-columns: 1fr 300px;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 20px;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftMain {
position: relative;
width: 37%;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftMain .mainNav {
list-style-type: none;
left: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftMain .mainNav li {
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
margin-bottom: 15px;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftMain .mainNav li a {
font-size: 30px;
font-weight: 500;
text-decoration: none;
color: var(--kleur-tekst-zwart);
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftMain .mainNav li a:hover {
font-weight: 900;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftMain .mainNav .navWerkenBij {
position: relative;
padding-right: 60px;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftMain .mainNav .navWerkenBij .navWerkenBijAantal {
position: absolute;
top: 8px;
right: 0;
width: 40px;
height: 30px;
background-color: var(--stijlkleur-rood);
color: var(--kleur-tekst-wit);
font-weight: 700;
border-radius: 14px;
font-size: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftMain .mainNav .linkSubMenuOpen a,
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftMain .mainNav .current-menu-item a,
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftMain .mainNav .current_page_parent a {
font-weight: 900;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftMain .mainNav .hasSubMenu::after {
content: "";
display: inline-block;
position: relative;
top: 1px;
right: -9px;
width: 12px;
height: 16px;
background-image: url(//twentsekoers.nl/wp-content/themes/wordlenig-theme/img/caret-right-black.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftSub {
position: relative;
width: 63%;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftSub .subNavContainer {
position: absolute;
top: 0;
left: 20px;
width: 100%;
height: auto;
opacity: 0;
pointer-events: none;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftSub .subNavContainer ul {
list-style-type: none;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftSub .subNavContainer li {
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
margin-bottom: 10px;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftSub .subNavContainer li a {
font-size: 30px;
font-weight: 500;
text-decoration: none;
color: var(--kleur-tekst-zwart);
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftSub .subNavContainer li a:hover {
font-weight: 900;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftSub .subNavContainer .current-menu-item a {
font-weight: 900;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftSub .subNavContainer .current_page_parent a {
font-weight: 900;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentLeft .desktopNavContainerContentLeftSub .subNavOpen {
opacity: 1;
left: 0;
pointer-events: auto;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentRight {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
border-left: 1px solid #000;
padding: 65px;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentRight ul {
list-style-type: none;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentRight ul li {
margin-bottom: 10px;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentRight ul li:last-child {
margin-bottom: 0;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentRight ul li a {
font-size: 20px !important;
font-weight: 400;
color: var(--kleur-tekst-zwart) !important;
text-decoration: none;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack .desktopNavContainerContent .desktopNavContainerContentRight ul li a:hover {
text-decoration: underline;
}
.headerContainer .desktopNavSection .desktopNavContainerOpen {
opacity: 1;
pointer-events: auto;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerContainer .desktopNavSection .desktopNavContainerOpen .desktopNavContainerBack {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerContainerScroll {
height: 65px;
background-color: rgba(255, 255, 255, 0.8);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerContainerScroll .headerLogo {
width: 65px !important;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerContainerScroll .desktopNavContainer {
padding: 65px !important;
}
.admin-bar .headerContainerScroll .desktopNavContainer {
padding: 95px 65px 65px 65px !important;
}
main {
position: relative;
padding-top: 200px;
z-index: 0;
}
.headerRood {
color: var(--stijlkleur-rood);
}
.maxWidthHeader {
max-width: 980px;
}
.themaContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.themaContainer .themaContainerGrid {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 50px;
}
.themaContainer .themaContainerGrid .themaModuleInhoud {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.themaContainer .themaContainerGrid .themaModuleInhoud .themaModuleInhoudAfbeeldingContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 250px;
min-height: 250px;
margin-bottom: 40px;
}
.themaContainer .themaContainerGrid .themaModuleInhoud .themaAfbeelding {
width: auto;
max-width: 300px;
height: auto;
max-height: 450px;
margin-bottom: 10px;
}
.themaContainer .themaContainerGrid .themaModuleInhoud .themaModuleInhoudButton {
position: absolute;
left: 0;
top: 225px;
color: var(--kleur-tekst-wit);
font-weight: 900;
font-size: 18px;
line-height: 28px;
border-radius: 10px;
padding: 10px 40px 10px 60px;
margin-bottom: 0;
}
.themaContainer .themaContainerGrid .themaModuleInhoud .themaModuleInhoudButton::before {
content: "";
position: absolute;
left: 20px;
top: 15px;
background-color: #fff;
width: 20px;
height: 20px;
border-radius: 50%;
}
.themaContainer .themaContainerGrid .themaModuleInhoud .themaButtonPaars {
background-color: var(--stijlkleur-paars);
}
.themaContainer .themaContainerGrid .themaModuleInhoud .themaButtonPaars::before {
background-color: var(--stijlkleur-paars);
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
.themaContainer .themaContainerGrid .themaModuleInhoud .themaButtonOranje {
background-color: var(--stijlkleur-oranje);
}
.themaContainer .themaContainerGrid .themaModuleInhoud .themaButtonOranje::before {
background-color: var(--stijlkleur-oranje);
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
.themaContainer .themaContainerGrid .themaModuleInhoud .themaButtonGeel {
background-color: var(--stijlkleur-geel);
}
.themaContainer .themaContainerGrid .themaModuleInhoud .themaButtonGeel::before {
background-color: var(--stijlkleur-geel);
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
.themaContainer .themaContainerGrid .themaModuleInhoud .themaButtonGroen {
background-color: var(--stijlkleur-groen);
}
.themaContainer .themaContainerGrid .themaModuleInhoud .themaButtonGroen::before {
background-color: var(--stijlkleur-groen);
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
.themaContainer .themaContainerGrid .themaModuleInhoud .themaButtonRood {
background-color: var(--stijlkleur-rood);
}
.themaContainer .themaContainerGrid .themaModuleInhoud .themaButtonRood::before {
background-color: var(--stijlkleur-rood);
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
.themaContainer .themaContainerGrid .themaModuleInhoud .themaModuleInhoudText a {
color: var(--stijlkleur-rood);
text-decoration: underline;
}
.themaContainer .themaContainerGrid .themaModuleInhoud .themaModuleInhoudText a:hover {
color: var(--kleur-tekst-zwart);
}
.homeKoersenSamenFullWidth p {
margin-bottom: 0;
}
.homeHeaderKoersenSamen {
font-size: 50px;
line-height: 50px;
font-weight: 900;
margin-bottom: 20px;
text-align: center;
}
.logoCarouselFullWidthContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 20px 20px 20px;
}
.logoCarousel {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 50px;
}
.logoCarousel .owl-nav {
position: absolute;
width: 100%;
height: 10px;
bottom: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.logoCarousel .owl-nav .owl-prev {
position: absolute;
top: -90px;
left: 0;
width: 40px;
height: 40px;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #000 !important;
}
.logoCarousel .owl-nav .owl-prev span {
color: var(--kleur-tekst-wit);
font-size: 24px;
font-weight: 500;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.logoCarousel .owl-nav .owl-next {
position: absolute;
top: -90px;
right: 0;
width: 40px;
height: 40px;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #000 !important;
}
.logoCarousel .owl-nav .owl-next span {
color: var(--kleur-tekst-wit);
font-size: 24px;
font-weight: 500;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.logoCarousel .owl-dots {
width: 100%;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 10px;
}
.logoCarousel .owl-dots .owl-dot {
width: 20px;
height: 20px;
background-color: #000;
border-radius: 10px;
margin: 0 10px;
opacity: 0.5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.logoCarousel .owl-dots .active {
opacity: 1;
width: 30px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.logoCarousel img {
-ms-flex-item-align: center;
align-self: center;
}
.fullWidthImageContainer {
min-height: 700px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
}
.fullWidthImageContainer .normalContainer {
width: 100%;
height: 500px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 20px;
}
.youtubeFrame {
max-width: 100%;
margin: 0 20px;
}
.themaHeaderTekstContainer p {
line-height: 35px;
}
.themaPartnersFullWidthContainer {
padding-top: 0;
}
.themaPartnersFullWidthContainer .normalContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.themaPartnersFullWidthContainer .normalContainer a {
margin: 0 20px;
}
.overOnsGridContainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px;
}
.overOnsGridContainer .overOnsGridItem img {
border-radius: 20px;
}
.overOnsGridContainer .overOnsGridItem img:hover + h2 {
color: var(--stijlkleur-rood) !important;
text-decoration: underline;
}
.overOnsGridContainer .overOnsGridItem a {
text-decoration: none;
}
.overOnsGridContainer .overOnsGridItem a h2 {
font-weight: 700;
}
.overOnsGridContainer .overOnsGridItem a h2:hover {
color: var(--stijlkleur-rood) !important;
text-decoration: underline;
}
.nieuwsbriefFullWidth {
padding: 100px 0;
margin: 50px 0;
background-color: var(--kleur-licht-rood);
}
.nieuwsbriefFullWidth .normalContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.nieuwsbriefFullWidth .normalContainer h3 {
font-size: 50px;
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefKnopJeugd {
background-color: var(--stijlkleur-paars);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefKnopJeugd:hover {
background-color: var(--kleur-tekst-zwart);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefKnopSchulden {
background-color: var(--stijlkleur-oranje);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefKnopSchulden:hover {
background-color: var(--kleur-tekst-zwart);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefKnopOuderen {
background-color: var(--stijlkleur-geel);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefKnopOuderen:hover {
background-color: var(--kleur-tekst-zwart);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefKnopPsychisch {
background-color: var(--stijlkleur-groen);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefKnopPsychisch:hover {
background-color: var(--kleur-tekst-zwart);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefKnopPreventie {
background-color: var(--stijlkleur-rood);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefKnopPreventie:hover {
background-color: var(--kleur-tekst-zwart);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefLinkJeugd {
color: var(--stijlkleur-paars);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefLinkJeugd:hover {
color: var(--kleur-tekst-zwart);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefLinkSchulden {
color: var(--stijlkleur-oranje);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefLinkSchulden:hover {
color: var(--kleur-tekst-zwart);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefLinkOuderen {
color: var(--stijlkleur-geel);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefLinkOuderen:hover {
color: var(--kleur-tekst-zwart);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefLinkPsychisch {
color: var(--stijlkleur-groen);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefLinkPsychisch:hover {
color: var(--kleur-tekst-zwart);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefLinkPreventie {
color: var(--stijlkleur-rood);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer .nieuwsbriefLinkPreventie:hover {
color: var(--kleur-tekst-zwart);
}
.nieuwsbriefFullWidth .normalContainer .nieuwsbriefCTAContainer button:first-child {
border: none;
}
.projectenFullWidthContainer {
overflow: hidden;
padding: 100px 0;
}
.projectenFullWidthContainer .projectenSliderContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.projectenFullWidthContainer .projectenSliderContainer .projectenSliderHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: 40px;
}
.projectenFullWidthContainer .projectenSliderContainer .projectenSliderHeader h2 {
font-size: 50px;
line-height: 50px;
font-weight: 900;
margin-bottom: 0;
}
.projectenCarousel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 40px;
}
.projectenCarousel .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: -webkit-grab;
cursor: grab;
}
.projectenCarousel .projectSliderItemLink {
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.projectenCarousel .projectSliderItemLink:hover > .projectSliderItem {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.projectenCarousel .disabled {
display: none;
}
.projectenCarousel .projectSliderItem {
width: auto;
height: 520px;
border-radius: 20px;
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.projectenCarousel .projectSliderItem .projectSliderItemTop {
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 250px;
border-radius: 20px 20px 0 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
z-index: 4;
}
.projectenCarousel .projectSliderItem .projectSliderItemBottom {
position: relative;
min-height: 280px;
background-color: var(--kleur-licht-rood);
padding: 40px;
border-radius: 20px;
z-index: 5;
}
.projectenCarousel .projectSliderItem h3 {
position: relative;
color: var(--kleur-tekst-zwart);
font-size: 30px;
line-height: 32px;
font-weight: 700;
z-index: 9999;
}
.projectenCarousel .projectSliderItem .projectSliderButton {
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 40px;
bottom: 40px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.projectenCarousel .projectSliderItem .projectSliderButton i {
color: var(--kleur-tekst-zwart);
}
.projectenGridFullWidthContainer {
padding: 50px 0 0 0;
}
.projectenGridHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.projectenGridHeader .projectGridFilterContainer {
position: relative;
padding: 10px 20px;
border: 2px solid #e9e9e9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 280px;
border-radius: 10px;
-ms-flex-item-align: center;
align-self: center;
margin-bottom: 40px;
cursor: pointer;
}
.projectenGridHeader .projectGridFilterContainer p {
margin-bottom: 0;
}
.projectenGridHeader .projectGridFilterContainer i {
color: #e9e9e9;
font-size: 18px;
}
.projectenGridHeader .projectGridFilterContainer .gridFilterIcon {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.projectenGridHeader .projectGridFilterContainer .gridFilterIconOpen {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.projectenGridHeader .projectFilterInhoudContainer {
position: absolute;
top: 50px;
right: -1px;
padding: 20px;
border: 2px solid #e9e9e9;
border-radius: 10px;
width: 375px;
z-index: 99991;
background-color: #fff;
opacity: 0;
pointer-events: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.projectenGridHeader .projectFilterInhoudContainer .projectFilterItem {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.projectenGridHeader .projectFilterInhoudContainer .projectFilterItem:last-child {
margin-bottom: 0;
}
.projectenGridHeader .projectFilterInhoudContainer .projectFilterCircle {
width: 22px;
height: 22px;
border-radius: 50%;
margin: 3px 20px 0 0;
cursor: pointer;
}
.projectenGridHeader .projectFilterInhoudContainer .circleAlle {
background-color: #aaa;
border: 2px solid #aaa;
}
.projectenGridHeader .projectFilterInhoudContainer .circleJeugd {
background-color: var(--stijlkleur-paars);
border: 2px solid var(--stijlkleur-paars);
}
.projectenGridHeader .projectFilterInhoudContainer .circleSchulden {
background-color: var(--stijlkleur-oranje);
border: 2px solid var(--stijlkleur-oranje);
}
.projectenGridHeader .projectFilterInhoudContainer .circleOuderen {
background-color: var(--stijlkleur-geel);
border: 2px solid var(--stijlkleur-geel);
}
.projectenGridHeader .projectFilterInhoudContainer .circlePsychisch {
background-color: var(--stijlkleur-groen);
border: 2px solid var(--stijlkleur-groen);
}
.projectenGridHeader .projectFilterInhoudContainer .circlePreventie {
background-color: var(--stijlkleur-rood);
border: 2px solid var(--stijlkleur-rood);
}
.projectenGridHeader .projectFilterInhoudContainer .circleUit {
background-color: #fff;
}
.projectenGridHeader .projectFilterInhoudContainer .projectFilterLabel {
margin-bottom: 0;
cursor: pointer;
}
.projectenGridHeader .projectFilterInhoudContainer .projectFilterLabel:hover {
text-decoration: underline;
}
.projectenGridHeader .projectFilterInhoudContainer .projectFilterLabel::-moz-selection {
background-color: transparent;
}
.projectenGridHeader .projectFilterInhoudContainer .projectFilterLabel::selection {
background-color: transparent;
}
.projectenGridHeader .gridFilterContainerOpen {
top: 70px;
opacity: 1;
pointer-events: auto;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.projectenAfgerondGridHeader {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.projectenAfgerondGridHeader h2 {
margin-bottom: 20px;
}
.projectenGridContainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px;
margin-bottom: 40px;
min-height: 250px;
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.projectenGridContainer .projectSliderItemLink {
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.projectenGridContainer .projectSliderItemLink:hover > .projectSliderItem {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.projectenGridContainer .projectSliderItem {
width: auto;
height: 520px;
border-radius: 20px;
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.projectenGridContainer .projectSliderItem .projectSliderItemTop {
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 250px;
border-radius: 20px 20px 0 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
z-index: 4;
}
.projectenGridContainer .projectSliderItem .projectSliderItemBottom {
position: relative;
min-height: 280px;
background-color: var(--kleur-licht-rood);
padding: 40px;
border-radius: 20px;
z-index: 5;
}
.projectenGridContainer .projectSliderItem h3 {
position: relative;
color: var(--kleur-tekst-zwart);
font-size: 30px;
line-height: 32px;
font-weight: 700;
z-index: 9999;
}
.projectenGridContainer .projectSliderItem .projectSliderButton {
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 40px;
bottom: 40px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.projectenGridContainer .projectSliderItem .projectSliderButton i {
color: var(--kleur-tekst-zwart);
}
.geenThemaClass {
display: none;
}
.gridLoadOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(255, 255, 255);
opacity: 0;
pointer-events: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.gridLoading {
opacity: 1;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@-webkit-keyframes animGridLoading {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-webkit-transform: rotate(720deg);
transform: rotate(720deg);
}
}
@keyframes animGridLoading {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-webkit-transform: rotate(720deg);
transform: rotate(720deg);
}
}
.gridLoadingCircle {
position: absolute;
top: 200px;
left: calc(50% - 25px);
width: 50px;
height: 50px;
border-top: 2px solid var(--stijlkleur-rood);
border-left: 2px solid var(--stijlkleur-rood);
border-radius: 50%;
opacity: 1;
-webkit-animation: animGridLoading 1s ease-in-out infinite;
animation: animGridLoading 1s ease-in-out infinite;
}
.themaHeaderContainerFull {
padding-bottom: 0;
}
.themaHeaderContainer {
display: grid;
grid-template-columns: 1fr 40%;
grid-gap: 0;
padding: 0;
}
.themaHeaderRight {
position: relative;
}
.themaHeaderButton {
display: inline-block;
color: var(--kleur-tekst-wit);
font-weight: 900;
font-size: 24px;
line-height: 28px;
border-radius: 10px;
padding: 10px 40px 10px 60px;
margin-bottom: 20px;
}
.themaHeaderButton::before {
content: "";
position: absolute;
left: 20px;
top: 15px;
background-color: #fff;
width: 20px;
height: 20px;
border-radius: 50%;
}
.themaHeaderButtonJeugd {
background-color: var(--stijlkleur-paars);
}
.themaHeaderButtonJeugd::before {
background-color: var(--stijlkleur-paars);
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
.themaHeaderButtonSchulden {
background-color: var(--stijlkleur-oranje);
}
.themaHeaderButtonSchulden::before {
background-color: var(--stijlkleur-oranje);
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
.themaHeaderButtonOuderen {
background-color: var(--stijlkleur-geel);
}
.themaHeaderButtonOuderen::before {
background-color: var(--stijlkleur-geel);
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
.themaHeaderButtonPsychisch {
background-color: var(--stijlkleur-groen);
}
.themaHeaderButtonPsychisch::before {
background-color: var(--stijlkleur-groen);
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
.themaHeaderButtonPreventie {
background-color: var(--stijlkleur-rood);
}
.themaHeaderButtonPreventie::before {
background-color: var(--stijlkleur-rood);
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
.themaHeader {
text-align: left;
}
.themaHeaderJeugd {
color: var(--stijlkleur-paars);
}
.themaHeaderSchulden {
color: var(--stijlkleur-oranje);
}
.themaHeaderOuderen {
color: var(--stijlkleur-geel);
}
.themaHeaderPsychisch {
color: var(--stijlkleur-groen);
}
.themaHeaderPreventie {
color: var(--stijlkleur-rood);
}
.themaCijfersContainerFull {
padding-top: 0;
}
.themaCijfersHeaderContainer h2 {
font-size: 50px;
}
.themaCijfersContainer {
background-color: #000;
border-radius: 20px;
padding: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: -20px;
}
.themaCijfersContainer * {
color: var(--kleur-tekst-wit);
}
.themaCijfersContainer .themaCijfersInhoudContainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px;
}
.themaCijfersContainer .themaCijfersInhoudContainer .themaCijfersInhoudKolom h3 {
margin-bottom: 20px;
line-height: 30px;
}
.themaInhoudContainer {
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 40px;
padding: 0 100px;
}
.themaInhoudContainer .themaLijst {
list-style-type: none;
}
.themaInhoudContainer .themaLijstJeugd li i {
color: var(--stijlkleur-paars);
margin-right: 10px;
}
.themaInhoudContainer .themaLijstSchulden li i {
color: var(--stijlkleur-oranje);
margin-right: 10px;
}
.themaInhoudContainer .themaLijstOuderen li i {
color: var(--stijlkleur-geel);
margin-right: 10px;
}
.themaInhoudContainer .themaLijstPsychisch li i {
color: var(--stijlkleur-groen);
margin-right: 10px;
}
.themaInhoudContainer .themaLijstPreventie li i {
color: var(--stijlkleur-rood);
margin-right: 10px;
}
.themaInhoudContainer p {
line-height: 35px;
}
.projectDashboardFull {
padding: 0 20px;
}
.voortgangItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px;
}
.voortgangItem .voortgangItemTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.voortgangItem .voortgangItemTop h3 {
line-height: 30px;
margin-bottom: 0;
cursor: pointer;
}
.voortgangItem .voortgangItemTop .voortgangItemSwitch {
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid rgba(0, 0, 0, 0.1) !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.voortgangItem .voortgangItemTop .voortgangItemSwitch i {
color: var(--kleur-tekst-zwart);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.voortgangItem .voortgangItemTop .voortgangItemSwitch:hover {
background-color: rgba(0, 0, 0, 0.03);
border: 2px solid rgba(0, 0, 0, 0.2) !important;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.voortgangItem .voortgangItemTop .voortgangSwitchOpen i {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.voortgangItem .voortgangItemBottom {
height: 0;
overflow: hidden;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.voortgangItem .voortgangItemBottom p:last-child {
margin-bottom: 0;
}
.nieuwsUitgelichtContainer {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
}
.nieuwsUitgelichtContainer .nieuwsUitgelichtContainerLeft {
position: relative;
}
.nieuwsUitgelichtContainer .nieuwsUitgelichtContainerLeft .berichtGridItemLink {
height: calc(100% - 70px);
}
.nieuwsUitgelichtContainer .nieuwsUitgelichtContainerLeft .berichtGridItemLink .berichtGridItem .berichtGridItemTop {
min-height: 300px;
}
.uitgelichtNieuwsContainer {
display: grid;
grid-template-rows: 1fr 1fr 1fr;
grid-gap: 40px;
}
.uitgelichtNieuwsContainer .berichtGridItem {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
background-color: var(--kleur-licht-rood);
}
.uitgelichtNieuwsContainer .berichtGridItem .berichtGridItemTop {
width: 30% !important;
min-height: unset !important;
height: 100%;
border-radius: 20px 0 0 20px !important;
}
.uitgelichtNieuwsContainer .berichtGridItem .berichtGridItemBottom {
width: 70%;
padding: 20px 20px 20px 40px !important;
-webkit-transform: translateY(0) translateX(-20px) !important;
transform: translateY(0) translateX(-20px) !important;
}
.uitgelichtNieuwsContainer .berichtGridItem .berichtGridItemBottom h3 {
font-size: 20px !important;
line-height: 24px !important;
margin-bottom: 20px;
}
.berichtenGridContainer {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 20px 40px;
margin-bottom: 40px;
min-height: 250px;
}
.berichtGridItemLink {
display: block;
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.berichtGridItemLink .berichtGridItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 20px;
position: relative;
height: 100%;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.berichtGridItemLink .berichtGridItem .berichtGridItemTop {
position: relative;
width: 100%;
min-height: 250px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 20px 20px 0 0;
z-index: 1;
}
.berichtGridItemLink .berichtGridItem .berichtGridItemBottom {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
background-color: var(--kleur-licht-rood);
padding: 40px;
border-radius: 20px;
height: 100%;
z-index: 3;
}
.berichtGridItemLink .berichtGridItem .berichtGridItemBottom h3 {
position: relative;
font-size: 30px;
line-height: 40px;
font-weight: 700;
color: var(--kleur-tekst-zwart);
}
.berichtGridItemLink .berichtGridItem .berichtGridItemBottom .berichtCategorie {
display: inline-block;
padding: 4px 14px;
text-transform: uppercase;
font-size: 14px;
line-height: 14px;
border: 1px solid #aaa;
color: var(--kleur-tekst-grijs);
font-weight: 700;
margin-bottom: 20px;
border-radius: 14px;
}
.berichtGridItemLink .berichtGridItem .berichtGridItemBottom .berichtGridItemBottomFooter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.berichtGridItemLink .berichtGridItem .berichtGridItemBottom .berichtGridItemBottomFooter .berichtGridItemFooterLeft {
width: 50px;
}
.berichtGridItemLink .berichtGridItem .berichtGridItemBottom .berichtGridItemBottomFooter .berichtGridItemFooterLeft .berichtGridButton {
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid #aaa;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
background-color: transparent;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.berichtGridItemLink .berichtGridItem .berichtGridItemBottom .berichtGridItemBottomFooter .berichtGridItemFooterLeft .berichtGridButton i {
color: var(--kleur-tekst-zwart);
}
.berichtGridItemLink .berichtGridItem .berichtGridItemBottom .berichtGridItemBottomFooter .berichtGridItemFooterRight {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.berichtGridItemLink .berichtGridItem .berichtGridItemBottom .berichtGridItemBottomFooter .berichtGridItemFooterRight p {
color: var(--kleur-tekst-grijs);
font-size: 16px;
margin-bottom: 0;
}
.berichtGridItemLink .berichtGridItem:hover {
cursor: pointer;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.singlePostMetaContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.singlePostMetaContainer .singlePostMetaContainerTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.singlePostMetaContainer .singlePostMetaContainerTop .berichtCategorie {
display: inline-block;
padding: 4px 14px;
text-transform: uppercase;
font-size: 14px;
line-height: 14px;
border: 1px solid #000;
color: var(--kleur-tekst-zwart);
font-weight: 700;
margin-bottom: 20px;
border-radius: 14px;
}
.singlePostMetaContainer .singlePostMetaContainerBottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.singlePostMetaContainer .singlePostMetaContainerBottom p {
color: var(--kleur-tekst-grijs);
font-size: 16px;
font-weight: 700;
}
.singlePostMetaContainer .singlePostMetaContainerBottom .singlePostMetaContainerBottomLeft .singlePostMetaLink {
color: var(--kleur-tekst-grijs);
font-size: 16px;
font-weight: 500;
}
.singlePostMetaContainer .singlePostMetaContainerBottom .singlePostMetaContainerBottomRight {
padding-left: 5px;
}
.singlePostMetaContainer .singlePostMetaContainerBottom .singlePostMetaContainerBottomRight p {
font-weight: 400;
}
.fullWidthPostImageContainer {
min-height: 500px;
}
.singleNieuwsMediaFull {
padding: 0;
}
.singleNieuwsMediaFull .singleNieuwsMediaContainer {
padding: 0;
}
.berichtBeeldContent {
border-radius: 20px;
overflow: hidden;
}
.berichtBeeldContentYouTube {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
border-radius: 20px;
}
.berichtBeeldContentYouTube iframe,
.berichtBeeldContentYouTube object,
.berichtBeeldContentYouTube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.infobankContentContainer ul li {
text-align: left;
}
.infobankOmschrijvingContainer {
margin-bottom: 40px;
}
.infobankAfbeeldingContainer {
margin-bottom: 40px;
}
.infobankAfbeeldingContainer img {
border-radius: 20px;
}
.footerFullWidth {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footerContainer {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 80px;
padding: 0 200px;
}
.footerContainer .footerKolomContact .footerFotoContainer {
position: relative;
margin-bottom: 20px;
}
.footerContainer .footerKolomContact .footerFotoContainer .footerContactFoto1 {
position: relative;
border-radius: 50%;
width: 112px;
height: 112px;
left: 0;
top: 0;
z-index: 10;
}
.footerContainer .footerKolomContact h2 {
font-weight: 900;
font-size: 30px;
margin-bottom: 0;
}
.footerContainer .footerKolomContact ul {
list-style-type: none;
margin-bottom: 0;
}
.footerContainer .footerKolomContactGegevens {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.footerContainer .footerSocialContainer a {
font-size: 18px;
color: var(--kleur-tekst-zwart);
}
.footerContainer .footerSocialContainer a:hover {
text-decoration: underline;
}
.footerContainerZonderContact {
display: block;
}
.footerContainerZonderContact .footerSocialContainer {
text-align: center;
}
.page-id-206 .footerKolomContactFormulier .knopKleur {
background-color: var(--stijlkleur-paars) !important;
}
.page-id-208 .footerKolomContactFormulier .knopKleur {
background-color: var(--stijlkleur-oranje) !important;
}
.page-id-210 .footerKolomContactFormulier .knopKleur {
background-color: var(--stijlkleur-geel) !important;
}
.page-id-212 .footerKolomContactFormulier .knopKleur {
background-color: var(--stijlkleur-groen) !important;
}
.page-id-214 .footerKolomContactFormulier .knopKleur {
background-color: var(--stijlkleur-rood) !important;
}
.footerKolomContactFormulier .knopKleur:hover {
color: var(--kleur-tekst-zwart) !important;
}
.page-id-206 .footerKolomContactGegevens a {
color: var(--stijlkleur-paars);
}
.page-id-208 .footerKolomContactGegevens a {
color: var(--stijlkleur-oranje);
}
.page-id-210 .footerKolomContactGegevens a {
color: var(--stijlkleur-geel);
}
.page-id-212 .footerKolomContactGegevens a {
color: var(--stijlkleur-groen);
}
.page-id-214 .footerKolomContactGegevens a {
color: var(--stijlkleur-rood);
}
.footerKolomContactGegevens a:hover {
color: var(--kleur-tekst-zwart);
}
.copyrightContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px;
padding: 40px 0 0 0 !important;
border-top: 1px solid var(--kleur-tekst-grijs);
}
.copyrightContainer .copyInhoudSpan {
font-weight: 700;
font-size: 20px;
line-height: 40px;
color: var(--kleur-tekst-grijs);
letter-spacing: 0;
}
.copyrightContainer .copyLinkSpan {
font-weight: 400;
font-size: 20px;
line-height: 40px;
color: var(--kleur-tekst-grijs);
margin-left: 20px;
}
.copyrightContainer .copyLinkSpan a {
font-weight: 400;
font-size: 20px;
line-height: 40px;
color: var(--kleur-tekst-grijs);
margin-left: 20px;
letter-spacing: 0;
text-decoration: none;
}
.copyrightContainerContactPagina {
border-top: 0;
}
.buttonScrollTop {
background-color: #e5e5e5;
border-radius: 10px 0 0 10px;
padding: 10px 20px;
position: fixed;
bottom: 100px;
right: -60px;
z-index: 99999;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.buttonScrollUpActive {
right: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.popUpNieuwsbriefAanmeldenBack {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.95);
z-index: 99999;
}
.popUpNieuwsbriefAanmeldenBack .popUpNieuwsbriefCloseButton {
position: absolute;
right: 20px;
top: 20px;
padding: 5px 10px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
z-index: 99999;
}
.popUpNieuwsbriefAanmeldenBack .popUpNieuwsbriefCloseButton:hover {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.popUpNieuwsbriefAanmeldenBack .popUpNieuwsbriefAanmeldenContainer {
background-color: #000000;
border-radius: 20px;
padding: 40px;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
position: relative;
z-index: 99999;
}
.popUpNieuwsbriefAanmeldenBack .popUpNieuwsbriefAanmeldenContainer h2 {
color: #fff;
text-align: center;
}
.popUpNieuwsbriefAanmeldenBack .popUpNieuwsbriefAanmeldenContainer form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.popUpNieuwsbriefAanmeldenBack .popUpNieuwsbriefAanmeldenContainer form label {
display: none;
}
.popUpNieuwsbriefAanmeldenBack .popUpNieuwsbriefAanmeldenContainer form input {
background-color: transparent;
border-top: 0;
border-right: 0;
border-left: 0;
border-bottom: 2px solid #333;
color: var(--kleur-tekst-wit);
font-size: 20px;
font-weight: 700;
margin-bottom: 25px;
padding: 12px;
}
.popUpNieuwsbriefAanmeldenBack .popUpNieuwsbriefAanmeldenContainer form input::-webkit-input-placeholder {
font-weight: 400 !important;
color: var(--kleur-tekst-wit);
}
.popUpNieuwsbriefAanmeldenBack .popUpNieuwsbriefAanmeldenContainer form input::-moz-placeholder {
font-weight: 400 !important;
color: var(--kleur-tekst-wit);
}
.popUpNieuwsbriefAanmeldenBack .popUpNieuwsbriefAanmeldenContainer form input:-ms-input-placeholder {
font-weight: 400 !important;
color: var(--kleur-tekst-wit);
}
.popUpNieuwsbriefAanmeldenBack .popUpNieuwsbriefAanmeldenContainer form input::-ms-input-placeholder {
font-weight: 400 !important;
color: var(--kleur-tekst-wit);
}
.popUpNieuwsbriefAanmeldenBack .popUpNieuwsbriefAanmeldenContainer form input::placeholder {
font-weight: 400 !important;
color: var(--kleur-tekst-wit);
}
.popUpNieuwsbriefAanmeldenBack .popUpNieuwsbriefAanmeldenContainer form input[type="submit"] {
-ms-flex-item-align: center;
align-self: center;
background-color: var(--stijlkleur-rood);
border-radius: 10px;
padding: 5px 20px 10px 20px;
font-size: 24px;
font-weight: 700;
cursor: pointer;
border: 0 !important;
margin-bottom: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.popUpNieuwsbriefAanmeldenBack .popUpNieuwsbriefAanmeldenContainer form input[type="submit"]:hover {
background-color: var(--kleur-tekst-grijs);
color: #000;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.popUpClosed {
display: none !important;
}
.cmplz-blocked-content-container .cmplz-blocked-content-notice {
background-color: rgba(0, 0, 0, 0.8);
border-radius: 10px;
padding: 30px 0;
}
.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body {
color: #fff;
font-size: 20px;
margin-bottom: 20px;
}
.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links {
margin-top: 20px;
}
.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-accept-service {
-ms-flex-item-align: center;
align-self: center;
background-color: var(--stijlkleur-rood);
border-radius: 10px;
padding: 5px 20px 10px 20px;
font-size: 20px;
color: #fff;
font-weight: 700;
cursor: pointer;
border: 0 !important;
margin-bottom: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#cmplz-document h2 {
font-size: 30px;
line-height: 50px;
font-weight: 900;
margin-bottom: 40px;
letter-spacing: -1.5px;
}
#cmplz-document p,
#cmplz-document li {
color: var(--kleur-tekst-zwart);
margin-bottom: 20px;
font-size: 22px;
line-height: 28px;
font-weight: 500;
}
.cmplz-cookiebanner {
-webkit-box-shadow: 0 6px 12px #ddd;
box-shadow: 0 6px 12px #ddd;
padding: 40px !important;
}
.cmplz-title {
float: left;
font-size: 24px !important;
}
.cmplz-cookiebanner a,
.cmplz-cookiebanner .cmplz-message {
font-size: 16px !important;
}
.werkenbijInhoudInleiding p {
line-height: 35px;
}
.werkenbijUSPFull {
padding-bottom: 0;
}
.werkenbijUSPContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 0;
}
.werkenbijUSPContainer .werkenBijUSP {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 100px;
}
.werkenbijUSPContainer .werkenBijUSP .werkenBijUSPIcon {
width: auto;
height: 100px;
margin-bottom: 40px;
}
.werkenbijUSPContainer .werkenBijUSP .werkenBijUSPTekst {
line-height: 36px;
text-align: center;
}
.werkenbijInhoudContainer p {
line-height: 35px;
}
.werkenBijVoorwaardenList {
list-style-type: none;
}
.werkenBijVoorwaardenList li i {
color: var(--stijlkleur-rood);
margin-right: 10px;
}
.vacaturesCarouselFullWidthContainer {
overflow: hidden;
padding: 100px 0 0 0;
}
.vacaturesCarouselFullWidthContainer h2 {
font-size: 50px;
line-height: 50px;
font-weight: 900;
}
.vacaturesCarousel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 60px;
}
.vacaturesCarousel .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.vacaturesCarousel .owl-nav {
display: none;
}
.vacaturesCarouselOnderschrift {
margin: 20px 0;
text-align: center;
}
.vacaturesGridContainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px;
margin-bottom: 40px;
min-height: 250px;
}
.vacatureGridItemLink {
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.vacatureGridItemLink:hover > .vacatureGridItem .colorOverlay {
background-color: rgba(255, 76, 76, 0.6);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.vacatureGridItemLink:hover > .vacatureGridItem .projectSliderButton {
background-color: var(--stijlkleur-rood);
border: 2px solid var(--stijlkleur-rood);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.vacatureGridItemLink:hover > .vacatureGridItem h3 {
text-decoration: underline;
}
.vacatureGridItemLink .vacatureGridItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: auto;
height: 480px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 20px;
position: relative;
padding: 40px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.vacatureGridItemLink .vacatureGridItem .colorOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 20px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.vacatureGridItemLink .vacatureGridItem .vacatureGridItemMetaContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
z-index: 9999;
}
.vacatureGridItemLink .vacatureGridItem .vacatureGridItemMetaContainer .vacatureGridMeta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.vacatureGridItemLink .vacatureGridItem .vacatureGridItemMetaContainer .vacatureGridMeta .vacatureMetaIcon {
width: 20px;
height: auto;
margin: 0 10px 0 0;
opacity: 0.8;
}
.vacatureGridItemLink .vacatureGridItem .vacatureGridItemMetaContainer .vacatureGridMeta .vacatureMetaInhoud {
color: var(--kleur-tekst-wit);
margin-bottom: 0;
}
.vacatureGridItemLink .vacatureGridItem h3 {
position: relative;
font-size: 30px;
line-height: 32px;
font-weight: 700;
color: var(--kleur-tekst-wit);
z-index: 9999;
}
.vacatureGridItemLink .vacatureGridItem .vacatureGridButton {
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.5);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 40px;
bottom: 40px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.vacatureGridItemLink .vacatureGridItem .vacatureGridButton i {
color: var(--kleur-tekst-wit);
}
.vacatureGridItemLink .vacatureGridItem:hover > .vacatureGridButton {
background-color: var(--stijlkleur-rood);
border: 2px solid var(--stijlkleur-rood);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.vacaturesSoliciterenFull {
padding: 100px;
}
.vacaturesSoliciterenFull .normalContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.vacaturesSoliciterenFull .kolomCenterVacaturesSolliciteren {
max-width: 725px !important;
}
.vacaturesSoliciterenFull .kolomCenterVacaturesSolliciteren h2 {
font-size: 50px !important;
line-height: 50px !important;
}
.vacaturesSoliciterenFull .kolomCenterVacaturesSolliciteren p {
line-height: 35px;
margin-bottom: 40px;
}
.vacaturesSoliciterenFull .vacaturesCTAContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.vacaturesSoliciterenFull .vacaturesCTAContainer a:first-child {
margin-right: 40px;
}
.vacaturesSoliciterenFull .vacaturesCTAContainer .linkKennismaken {
padding-bottom: 3px;
}
.vacatureMetaContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 50px 0;
}
.vacatureMetaContainer .vacatureMeta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 20px;
}
.vacatureMetaContainer .vacatureMeta .vacatureMetaIcon {
width: 20px;
height: 20px;
margin-right: 10px;
}
.vacatureMetaContainer .vacatureMeta .vacatureMetaInhoud {
margin-bottom: 0;
}
.vacatureUSPFull {
padding-bottom: 0;
}
.vacatureUSPContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
}
.vacatureUSPContainer .vacatureUSP {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 100px;
}
.vacatureUSPContainer .vacatureUSP .vacatureUSPIcon {
width: auto;
height: 100px;
margin-bottom: 40px;
}
.vacatureUSPContainer .vacatureUSP .vacatureUSPTekst {
line-height: 36px;
text-align: center;
}
.vacatureInhoudContainer {
display: grid;
grid-template-columns: 3fr 1fr;
grid-gap: 40px;
}
.vacatureInhoudContainer .vacatureInhoudContainerLeft {
padding-right: 100px;
}
.vacatureInhoudContainer .vacatureInhoudContainerLeft p {
line-height: 35px;
}
.vacatureInhoudContainer .vacatureInhoudContainerLeft ol {
padding-left: 30px;
}
.vacatureInhoudContainer .vacatureVoorwaardenList {
list-style-type: none;
}
.vacatureInhoudContainer .vacatureVoorwaardenList li i {
color: var(--stijlkleur-rood);
margin-right: 10px;
}
.vacatureSoliciterenFull {
margin-bottom: 50px;
padding: 0;
}
.contentItemOverzichtContainer {
border: 2px solid #e9e9e9;
border-radius: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 0 20px;
max-width: 1160px;
overflow: hidden;
}
.contentItemOverzichtContainer .contentItemOverzichtContainerLeft {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 40px;
}
.contentItemOverzichtContainer .contentItemOverzichtContainerLeft h3 {
font-size: 50px;
line-height: 50px;
font-weight: 700;
}
.contentItemOverzichtContainer .contentItemOverzichtContainerLeft .contentItemPersoonContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contentItemOverzichtContainer .contentItemOverzichtContainerLeft .contentItemNaam {
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin-bottom: 0;
}
.contentItemOverzichtContainer .contentItemOverzichtContainerLeft .contentItemFunctie {
font-size: 24px;
line-height: 30px;
font-weight: 400;
color: var(--stijlkleur-rood);
margin-bottom: 0;
}
.contentItemOverzichtContainer .contentItemOverzichtContainerRight {
width: 50%;
min-height: 600px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.contentItemOverzichtContainer .contentItemOverzichtContainerRight .contentItemOverzichtButton {
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.5);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 40px;
bottom: 40px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.contentItemOverzichtContainer .contentItemOverzichtContainerRight .contentItemOverzichtButton i {
color: var(--kleur-tekst-wit);
}
.contentItemOverzichtContainer .contentItemOverzichtContainerRight .contentItemOverzichtButton:hover {
background-color: rgba(255, 255, 255, 0.5);
border: 2px solid rgba(255, 255, 255, 0);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.kennisDesktopNavSection {
background-color: var(--kleur-kennisbank-achtergrond);
}
.kennisbankTopFullWidth {
background-color: var(--kleur-kennisbank-achtergrond);
padding: 0;
}
.kennisbankTopFullWidth .kennisbankTopContainer {
padding: 50px 20px;
}
.kennisbankTopFullWidth .kennisbankHeaderSearchContainer {
width: 100%;
margin: 75px 0 50px 0;
}
.kennisbankTopFullWidth .kennisbankHeaderSearchContainer .search-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.kennisbankTopFullWidth .kennisbankHeaderSearchContainer .search-form .searchInputContainer {
width: 70%;
height: 50px;
position: relative;
}
.kennisbankTopFullWidth .kennisbankHeaderSearchContainer .search-form .searchInputContainer input {
width: 100%;
height: 50px;
padding: 10px 20px;
border: 2px solid #e9e9e9;
color: var(--kleur-tekst-grijs);
font-weight: 700;
font-size: 24px;
border-radius: 10px;
}
.kennisbankTopFullWidth .kennisbankHeaderSearchContainer .search-form .searchInputContainer .searchInputIcon {
position: absolute;
top: 15px;
right: 15px;
width: 20px;
height: 20px;
}
.kennisbankTopFullWidth .kennisbankHeaderSearchContainer .search-form button {
width: 25%;
height: 50px;
}
.kennisbankCatGridContainer {
display: grid;
grid-gap: 40px;
grid-template-columns: 1fr 1fr 1fr;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.kennisbankCatGridContainer a {
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.kennisbankCatGridContainer a:hover > .kennisbankGridItem .kennisbankGridItemTop {
background-color: #fff;
border: 3px solid var(--kleur-kennisbank-achtergrond);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.kennisbankCatGridContainer .kennisbankGridItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.kennisbankCatGridContainer .kennisbankGridItem .kennisbankGridItemTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 3px solid transparent;
background-color: var(--kleur-kennisbank-achtergrond);
height: 100%;
min-height: 300px;
border-radius: 20px;
margin-bottom: 20px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.kennisbankCatGridContainer .kennisbankGridItem .kennisbankGridItemTop img {
max-width: 150px;
height: auto;
}
.kennisbankSubTopFullWidth {
padding: 0;
overflow: hidden;
margin-bottom: 40px;
background-color: var(--kleur-kennisbank-achtergrond);
}
.kennisbankSubTopFullWidth .kennisbankSubTopContainer {
padding: 50px 0;
}
.kennisbankSubTopContentContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin-top: 50px;
}
.kennisbankSubTopContentContainer .kennisbankSubTopContentContainerLeft {
width: 50%;
padding-left: 40px;
}
.kennisbankSubTopContentContainer .kennisbankSubTopContentContainerLeft h1 {
text-align: left;
}
.kennisbankSubTopContentContainer .kennisbankSubTopContentContainerRight {
width: 50%;
position: relative;
height: 200px;
}
.kennisbankSubTopContentContainer .kennisbankSubTopContentContainerRight img {
position: absolute;
top: 0;
right: 100px;
width: 400px;
height: auto;
}
.kennisbankSubThemaGridContainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.kennisbankSubThemaGridContainer .kennisbankSubThemaContainer h2 {
margin-bottom: 10px;
}
.kennisbankSubLijst {
list-style-type: none;
margin-left: 0;
}
.kennisbankSubLijst .subThemaListItem {
padding-left: 30px;
background-image: url(//twentsekoers.nl/wp-content/themes/wordlenig-theme/img/caret-right-rood.svg);
background-position: 0px center;
background-repeat: no-repeat;
background-size: 10px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.kennisbankSubLijst .subThemaListItem a {
text-decoration: none;
color: var(--kleur-tekst-zwart);
}
.kennisbankSubLijst .subThemaListItem:hover {
background-position: 10px center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.kennisbankSubLijst .subThemaListItem:hover > a {
text-decoration: underline;
}
.nietGevondenContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nietGevondenContainerSmall {
max-width: 725px;
width: 100%;
}
.nietGevondenContainerSmall h2 {
font-size: 50px;
line-height: 50px;
}
.nietGevondenSearchContainer {
width: 100%;
margin: 40px 0;
}
.nietGevondenSearchContainer .search-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nietGevondenSearchContainer .search-form .searchInputContainer {
width: 70%;
height: 50px;
position: relative;
}
.nietGevondenSearchContainer .search-form .searchInputContainer input {
width: 100%;
height: 50px;
padding: 10px 20px;
border: 2px solid #e9e9e9;
color: var(--kleur-tekst-grijs);
font-weight: 700;
font-size: 24px;
border-radius: 10px;
}
.nietGevondenSearchContainer .search-form .searchInputContainer .searchInputIcon {
position: absolute;
top: 15px;
right: 15px;
width: 20px;
height: 20px;
}
.nietGevondenSearchContainer .search-form button {
width: 25%;
height: 50px;
}
.kennisbankSingleTopFullWidth {
background-color: var(--kleur-kennisbank-achtergrond);
padding: 0;
overflow: hidden;
margin-bottom: 40px;
}
.kennisbankSingleTopFullWidth .kennisbankSingleTopContainer {
padding: 50px 0;
}
.kennisbankSingleTopFullWidth .kennisbankSingleBufferTop {
min-height: 200px;
}
.kennisbankSingleContentContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: 2px solid #f6f6f6;
border-radius: 20px;
overflow: hidden;
padding: 0;
max-width: 1000px;
margin-top: -275px !important;
}
.kennisbankSingleContentContainer .kennisbankSingleContentTop {
width: 100%;
min-height: 400px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.kennisbankSingleContentContainer .kennisbankSingleContentBottom {
display: grid;
grid-template-columns: 2fr 1fr;
}
.kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft {
padding: 80px;
}
.kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft .kennisbankSingleProjectLabel {
position: relative;
background-color: #e5e5e5;
color: #8a8a8a;
padding: 5px 20px 5px 30px;
font-weight: 900;
border-radius: 7px;
}
.kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft .kennisbankSingleProjectLabel::before {
content: "";
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #cfcfcf;
top: 10px;
left: 10px;
}
.kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft h1 {
font-size: 50px;
line-height: 50px;
font-weight: 700;
text-align: left;
margin: 20px 0;
}
.kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft p:last-child {
margin-bottom: 0;
}
.kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight {
padding: 80px 40px;
background-color: #f6f6f6;
}
.kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight h2 {
line-height: 30px;
margin-bottom: 20px;
}
.kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight .kennisbankSingleDownloadLijst {
list-style-type: none;
margin-left: 0;
}
.kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight .kennisbankSingleDownloadLijst li {
padding-left: 30px;
background-image: url(//twentsekoers.nl/wp-content/themes/wordlenig-theme/img/PDF.svg);
background-size: 18px;
background-position: left center;
background-repeat: no-repeat;
}
.kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight .kennisbankSingleDownloadLijst li a {
color: var(--kleur-tekst-zwart);
text-decoration: none;
}
.kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight .kennisbankSingleDownloadLijst li a:hover {
text-decoration: underline;
}
.searchAgainContainer {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 40px 0;
}
.searchAgainContainer .searchAgainFormContainer {
max-width: 725px;
width: 100%;
}
.searchAgainContainer .search-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.searchAgainContainer .search-form input {
width: 100%;
height: 50px;
padding: 10px 20px;
border: 2px solid #e9e9e9;
color: var(--kleur-tekst-grijs);
font-weight: 700;
font-size: 24px;
border-radius: 10px 0 0 10px;
}
.searchAgainContainer .search-form .search-submit {
height: 50px;
border-radius: 0 10px 10px 0;
padding: 5px 20px 10px 20px;
color: var(--kleur-tekst-wit);
background-color: var(--stijlkleur-rood);
border: 0;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
font-size: 24px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
}
.searchResultsFullWidth {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.searchResultsFullWidth .searchResultsContainerTop h2 {
font-size: 50px;
line-height: 50px;
margin-bottom: 0;
}
.searchResultsFullWidth .searchResultsContainerBottom {
border: 2px solid #e9e9e9;
border-radius: 20px;
padding: 40px;
}
.searchResultsFullWidth .searchResultsContainerBottom a {
text-decoration: none;
}
.searchResultsFullWidth .searchResultItem {
display: grid;
grid-template-columns: 2fr 4fr 50px;
grid-gap: 40px;
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #e9e9e9;
}
.searchResultsFullWidth .searchResultItem .searchResultItemLeft {
min-height: 175px;
position: relative;
border-radius: 10px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.searchResultsFullWidth .searchResultItem .searchResultItemLeft .searchCatLabel {
position: absolute;
bottom: 20px;
left: 20px;
border-radius: 10px;
font-size: 16px;
font-weight: 700;
background-color: #000;
color: var(--kleur-tekst-wit);
padding: 5px 10px;
}
.searchResultsFullWidth .searchResultItem .searchResultItemCenter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-right: 50px;
}
.searchResultsFullWidth .searchResultItem h3 {
line-height: 30px;
margin-bottom: 10px;
}
.searchResultsFullWidth .searchResultItem:hover > h3 {
color: var(--stijlkleur-rood);
text-decoration: none !important;
}
.searchResultsFullWidth .searchResultItem .searchResultItemRight {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.searchResultsFullWidth .searchResultItem .searchResultButton {
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid #e9e9e9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.searchResultsFullWidth .searchResultItem .searchResultButton i {
color: var(--kleur-tekst-zwart);
}
.searchResultsFullWidth .searchResultItem:hover > .searchResultItemRight .searchResultButton {
background-color: #e9e9e9;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.searchResultsFullWidth .searchResultItem:hover > .searchResultItemCenter h3 {
color: var(--stijlkleur-rood);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.searchResultsFullWidth a:last-child .searchResultItem {
margin-bottom: 0;
padding-bottom: 0;
border: 0;
}
.contactPaginaContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 0;
}
.contactPaginaContainer .contactContainerTop {
text-align: left;
min-height: 340px;
margin-bottom: 50px;
border-bottom: 1px solid var(--kleur-tekst-grijs);
}
.contactPaginaContainer .contactContainerTop h1 {
text-align: left;
}
.contactPaginaContainer .contactContainerTop .contactKlikbaar {
font-size: 30px;
font-weight: 500;
}
.contactPaginaContainer .contactContainerTop .contactKlikbaar a {
font-size: 30px;
font-weight: 500;
}
.contactPaginaContainer .contactContainerBottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.contactPaginaContainer .contactContainerBottom .contactContainerBottomLeft {
width: 65%;
padding-right: 200px;
}
.contactPaginaContainer .contactContainerBottom .contactContainerBottomRight {
width: 35%;
}
.contactPaginaContainer .contactContainerBottom .contactContainerBottomRight .contactAdresLijst {
list-style-type: none;
margin-left: 0;
}
.contactPaginaContainer .contactContainerBottom .contactContainerBottomRight .contactAdresLijst li {
margin-bottom: 0;
}
.contactPaginaContainerBottomFull {
padding: 0;
}
.contactPaginaContainerBottomFull .contactSocialContainer a {
font-size: 18px;
color: var(--kleur-tekst-zwart);
}
.contactPaginaContainerBottomFull .contactSocialContainer a:hover {
text-decoration: underline;
}
@media (max-width: 1400px) {
.desktopNavContainer {
padding: 165px 20px 20px 20px !important;
}
.admin-bar .headerContainer .desktopNavContainer {
padding: 195px 20px 20px 20px !important;
}
}
@media (max-width: 1200px) {
nav .menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
nav .menu li:first-child {
margin: 0 0 20px 0;
}
nav .menu li {
text-align: center;
}
nav .menu li:last-child {
margin: 20px 0 0 0;
}
.themaInhoudContainer {
padding: 0 20px;
}
.normalContainer {
padding: 0 20px;
}
.vacatureGridItemMetaContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.searchResultsFullWidth {
padding: 0 20px;
}
.themaContainerGrid {
grid-template-columns: 1fr 1fr !important;
grid-gap: 20px;
}
.themaContainerGrid .themaModuleInhoud {
margin-bottom: 80px;
}
.themaContainerGrid .themaModuleInhoud .themaAfbeelding {
max-width: 240px !important;
}
.themaContainerGrid .themaModuleInhoud .themaModuleInhoudButton {
padding: 11px 20px 10px 40px !important;
font-size: 16px !important;
}
.themaContainerGrid .themaModuleInhoud .themaModuleInhoudButton::before {
left: 10px !important;
}
}
@media (max-width: 980px) {
* {
word-break: break-word;
}
.desktopNavButtonContainer {
z-index: 99990 !important;
}
.desktopSearchButton {
z-index: 99991;
}
.desktopNavSearchInput {
position: fixed !important;
width: 100% !important;
height: 100% !important;
top: 0 !important;
left: 0 !important;
background-color: rgba(255, 255, 255, 0.98) !important;
opacity: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
pointer-events: none;
z-index: 9999;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.desktopNavSearchInput .search-form {
position: relative !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.desktopNavSearchInput .search-form .search-field {
width: 300px !important;
margin-bottom: 20px;
border-radius: 10px !important;
}
.desktopNavSearchInput .search-form .search-submit {
position: relative !important;
left: 0 !important;
width: 300px !important;
border-radius: 10px !important;
}
.desktopNavSearchInputOpen {
opacity: 1;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.desktopNavContainer .desktopNavContainerContent {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 20px;
}
.desktopNavContainer .desktopNavContainerContent .desktopNavContainerContentLeft {
height: 100%;
padding: 0 !important;
}
.desktopNavContainer .desktopNavContainerContent .desktopNavContainerContentLeft li a {
font-size: 22px !important;
}
.desktopNavContainer .desktopNavContainerContent .desktopNavContainerContentLeft .navWerkenBij {
padding-right: 50px !important;
}
.desktopNavContainer .desktopNavContainerContent .desktopNavContainerContentLeft .navWerkenBij .navWerkenBijAantal {
top: 2px !important;
}
.desktopNavContainer .desktopNavContainerContent .desktopNavContainerContentRight {
padding: 0 !important;
border-left: 0 !important;
}
.desktopNavContainer .desktopNavContainerContent .desktopNavContainerContentRight ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.desktopNavContainer .desktopNavContainerContent .desktopNavContainerContentRight ul li {
margin-right: 20px;
}
.desktopNavContainer .desktopNavContainerContent .desktopNavContainerContentRight ul li a {
font-size: 16px !important;
}
.headerLogo {
margin: 0 30px !important;
z-index: 2;
}
.themaHeaderContainer {
grid-template-columns: 1fr !important;
}
.themaContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.themaContainer .themaContainerLeft,
.themaContainer .themaContainerRight {
position: relative;
width: 100%;
margin-bottom: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.themaCijfersInhoudContainer {
grid-template-columns: 1fr !important;
}
.homeProjectenKolom {
width: auto !important;
}
.owl-dot {
width: 20px;
height: 20px;
margin: 20px 20px 0 0;
background-color: var(--stijlkleur-rood);
-webkit-filter: brightness(250%);
filter: brightness(250%);
border-radius: 50%;
border: none;
}
.owl-dots .active {
-webkit-filter: brightness(150%);
filter: brightness(150%);
}
.themaInhoudContainer {
grid-template-columns: 1fr;
}
.projectenGridFullWidthContainer .projectGridHeaderTitel {
margin-bottom: 20px;
}
.projectenGridFullWidthContainer .projectSliderItem .projectSliderItemBottom {
padding: 20px;
}
.projectenGridFullWidthContainer .projectSliderItem .projectSliderItemBottom .projectSliderButton {
left: 20px;
bottom: 20px;
}
.projectenGridContainer {
grid-template-columns: 1fr 1fr !important;
grid-gap: 20px;
}
.overOnsGridContainer {
grid-template-columns: 1fr 1fr;
}
.berichtenGridContainer {
grid-template-columns: 1fr 1fr;
}
.gridLoadingCircle {
top: 300px;
}
.projectDashboardFull {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 20px;
overflow-x: scroll;
}
.kennisbankCatGridContainer {
grid-template-columns: 1fr 1fr;
}
.kennisbankSubTopContentContainerLeft {
width: 100% !important;
padding-left: 20px;
}
.kennisbankSubTopContentContainerRight img {
top: auto !important;
bottom: -100px !important;
right: 20px !important;
width: 240px !important;
opacity: 0.3;
}
.kennisbankSubThemaGridContainer {
padding: 0;
grid-template-columns: 1fr 1fr;
}
.kennisbankSingleContentBottom {
grid-template-columns: 1fr !important;
}
.kennisbankSingleContentBottom .kennisbankSingleContentBottomRight {
padding: 80px !important;
}
.werkenBijUSP {
margin: 0 !important;
}
.werkenbijInhoudContainer .werkenbijInhoudContainerLeft {
padding-right: 0;
}
.vacaturesSoliciterenFull {
padding: 40px;
}
.contentItemOverzichtContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.contentItemOverzichtContainer .contentItemOverzichtContainerLeft {
width: 100%;
}
.contentItemOverzichtContainer .contentItemOverzichtContainerRight {
width: 100%;
}
.vacaturesGridContainer {
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
padding: 0;
}
.vacatureMeta1 {
margin-left: 0 !important;
}
.vacatureMeta3 {
margin-right: 0 !important;
}
.vacatureUSP {
margin: 0 !important;
}
.vacatureInhoudContainer {
grid-template-columns: 1fr;
}
.vacatureInhoudContainer .vacatureInhoudContainerLeft {
padding-right: 0;
}
.searchResultItem {
grid-template-columns: unset !important;
grid-template-rows: 200px 200px;
grid-template-areas: "sIimg sIimg" "sItext sIbutton";
grid-gap: 20px !important;
}
.searchResultItem .searchResultItemLeft {
grid-area: sIimg;
min-height: 200px;
width: 100%;
}
.searchResultItem .searchResultItemCenter {
padding-right: 0 !important;
grid-area: sItext;
}
.searchResultItem .searchResultItemRight {
grid-area: sIbutton;
}
.nieuwsUitgelichtContainer {
grid-template-columns: 1fr;
}
.berichtenFullWidthContainer .berichtGridItem .berichtGridItemBottom {
padding: 20px;
}
.berichtenFullWidthContainer .berichtGridItem .berichtGridItemBottom h3 {
font-size: 20px !important;
line-height: 24px !important;
margin-bottom: 20px;
}
.berichtenFullWidthContainer .berichtGridItem .berichtGridItemBottom .berichtGridItemBottomFooter {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.berichtenFullWidthContainer .berichtGridItem .berichtGridItemBottom .berichtGridItemBottomFooter .berichtGridItemFooterRight {
margin-bottom: 10px;
}
.contactPaginaContainer .contactContainerBottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contactPaginaContainer .contactContainerBottom .contactContainerBottomLeft {
width: 100%;
}
.contactPaginaContainer .contactContainerBottom .contactContainerBottomRight {
width: 100%;
}
.footerContainer {
grid-template-columns: 1fr;
}
.footerKolomContactFormulier form {
max-width: 100% !important;
}
.footerKolomContactGegevens {
padding-left: 0 !important;
grid-row: 1;
}
.copyrightContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 40px 20px 0 20px !important;
}
.copyrightContainer .footerPrivacyContainer span:first-child {
margin-left: 0;
}
.copyrightContainer .footerPrivacyContainer span:first-child a {
margin-left: 0;
}
}
@media (max-width: 600px) {
main {
padding-top: 70px;
}
.normalContainer {
margin: 0;
}
h1 {
font-size: 50px;
line-height: 55px;
}
.headerText a,
.headerText p {
font-size: 24px !important;
line-height: 30px !important;
}
.headerContainer {
height: 65px;
}
.headerContainer .desktopNavSection .desktopNavSearchContainer .desktopSearchButton {
font-size: 20px;
padding-left: 26px;
}
.headerContainer .desktopNavSection .desktopNavSearchContainer .desktopSearchButton::before {
width: 16px;
height: 16px;
}
.headerContainer .desktopNavSection .headerLogo {
width: 65px;
}
.headerContainer .desktopNavSection .desktopNavButtonContainer .desktopNavButton {
font-size: 20px;
padding-left: 16px;
}
.headerContainer .desktopNavSection .desktopNavButtonContainer .desktopNavButton::before {
width: 16px;
height: 16px;
}
.headerContainer .desktopNavSection .desktopNavContainer {
padding: 100px 20px 20px 20px !important;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerBack {
padding: 40px 0;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerContentLeft .desktopNavContainerContentLeftMain {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerContentLeft .desktopNavContainerContentLeftMain .mobielMainNavSubOpen {
left: -100%;
opacity: 0;
pointer-events: none;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerContentLeft .desktopNavContainerContentLeftSub {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerContentLeft .desktopNavContainerContentLeftSub .mobielSubNavTerugButton {
display: block;
font-size: 24px !important;
font-weight: 500;
background-color: transparent;
border: 0;
margin-bottom: 10px;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerContentLeft .desktopNavContainerContentLeftSub .mobielSubNavTerugButton::before {
content: "";
display: inline-block;
position: relative;
top: 0;
left: 0;
width: 12px;
height: 16px;
margin-right: 10px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
background-image: url(//twentsekoers.nl/wp-content/themes/wordlenig-theme/img/caret-right-black.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerContentRight {
padding: 0 !important;
border-left: 0 !important;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerContentRight ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.headerContainer .desktopNavSection .desktopNavContainer .desktopNavContainerContentRight ul li {
margin-right: 0;
}
.themaCijfersContainer {
padding: 20px !important;
}
.themaContainerLeft,
.themaContainerRight {
margin-bottom: 20px !important;
}
.themaInhoudContainer {
padding: 20px;
}
.themaInhoudContainer .themaLijst {
margin-left: 0;
}
.themaListContainer {
max-width: 100% !important;
}
.themaPunt {
margin-right: 15px !important;
}
.themaLabel {
font-size: 20px !important;
}
.themaContainerGrid {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.themaContainerGrid .themaModuleInhoud {
margin-bottom: 0 !important;
}
.themaContainerGrid .themaModuleInhoud .themaAfbeelding {
max-width: 320px !important;
}
.homeProjectenSectie {
padding: 60px 40px !important;
}
.fullWidthImageContainer {
height: 400px !important;
}
.nieuwsbriefCTAContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.nieuwsbriefCTAContainer button:first-child {
margin-right: 0 !important;
margin-bottom: 40px;
}
.themaHeaderButton {
font-size: 20px;
line-height: 24px;
padding: 10px 20px 10px 60px;
}
.projectenFullWidthContainer .projectenSliderHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.projectenFullWidthContainer .projectenSliderHeader h2 {
margin-bottom: 20px !important;
}
.logoCarousel .owl-nav .owl-next,
.logoCarousel .owl-nav .owl-prev {
top: -70px;
}
.logoCarousel .owl-dots .owl-dot {
min-width: 20px !important;
}
.projectenGridContainer {
grid-template-columns: 1fr !important;
}
.projectenGridContainer .projectSliderItem .projectSliderItemBottom {
min-height: 240px;
padding: 20px;
}
.projectenGridHeader {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.projectenGridHeader .projectGridFilterContainer {
width: 100% !important;
}
.projectenGridHeader .projectFilterInhoudContainer {
width: 100% !important;
top: 150px;
right: auto;
left: 0;
width: 100%;
}
.overOnsGridContainer {
grid-template-columns: 1fr;
}
.berichtenGridContainer {
grid-template-columns: 1fr;
}
.searchResultsContainerBottom {
padding: 20px !important;
}
.searchResultItem {
grid-template-columns: 1fr;
grid-template-rows: 200px auto 50px;
grid-template-areas: unset;
grid-gap: 20px !important;
padding: 0 0 20px 0 !important;
}
.searchResultItem .searchResultItemLeft {
grid-area: unset;
min-height: 200px;
width: 100%;
}
.searchResultItem .searchResultItemCenter {
grid-area: unset;
}
.searchResultItem .searchResultItemRight {
grid-area: unset;
}
.kennisbankCatGridContainer {
grid-template-columns: 1fr;
}
.kennisbankSubThemaGridContainer {
padding: 20px;
grid-template-columns: 1fr;
}
.kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft {
padding: 20px !important;
}
.kennisbankSingleContentBottom .kennisbankSingleContentBottomRight {
padding: 20px !important;
}
.werkenbijUSPFull {
overflow: hidden;
}
.werkenbijUSPContainer .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.werkenbijUSPContainer .owl-nav {
display: none !important;
}
.werkenbijUSPContainer .owl-dots {
display: none !important;
}
.vacaturesSoliciterenFull {
padding: 40px 0;
}
.vacaturesSoliciterenFull .vacaturesCTAContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.vacaturesSoliciterenFull .vacaturesCTAContainer .knopRood {
margin: 0 0 20px 0 !important;
}
.vacaturesGridContainer {
grid-template-columns: 1fr;
grid-gap: 40px;
padding: 0 20px;
}
.vacatureMetaContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.vacatureMetaContainer .vacatureMeta {
margin: 0 0 20px 0 !important;
}
.vacatureUSPFull {
overflow: hidden;
}
.vacatureUSPContainer .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.vacatureUSPContainer .owl-nav {
display: none !important;
}
.vacatureUSPContainer .owl-dots {
display: none !important;
}
.contentItemOverzichtContainer {
margin: 0 20px;
}
.contentItemOverzichtContainerLeft {
padding: 20px !important;
}
.searchResultsContainerTop h2 {
font-size: 30px !important;
}
.searchResultItem h3 {
font-size: 24px !important;
line-height: 24px !important;
margin-bottom: 10px !important;
}
.searchResultItem p {
margin-bottom: 0;
}
.contactPaginaContainer .contactContainerTop .contactKlikbaar {
font-size: 20px;
line-height: 28px;
}
.contactPaginaContainer .contactContainerTop .contactKlikbaar a {
font-size: 20px;
line-height: 28px;
}
.contactPaginaContainer .contactContainerBottom .contactContainerBottomLeft {
padding-right: 0;
}
.footerFullWidth {
padding-bottom: 0;
}
.footerFullWidth .footerContainer {
margin-bottom: 40px;
}
.footerFullWidth .footerContainerZonderContact {
margin-bottom: 40px;
}
.copyrightContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.copyrightContainer .footerPrivacyContainer {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-bottom: 20px;
}
.copyrightContainer .footerPrivacyContainer .copyLinkSpan {
margin: 0;
}
.copyrightContainer .footerPrivacyContainer .copyLinkSpan a {
margin: 0;
}
}