.elementor-220 .elementor-element.elementor-element-4d224c30{--display:flex;--padding-top:250px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-220 .elementor-element.elementor-element-d029b6e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}@media(max-width:1024px){.elementor-220 .elementor-element.elementor-element-d029b6e{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-220 .elementor-element.elementor-element-32ffad4b{padding:20px 20px 20px 20px;}.elementor-220 .elementor-element.elementor-element-d029b6e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for shortcode, class: .elementor-element-32ffad4b *//* Font alleen toepassen binnen Complianz document */
.cmplz-document {
    font-family: 'Bebas Neue', sans-serif !important;
}

/* Bebas Neue enkel binnen Complianz gebruiken */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/* Algemene tekst en headings in Complianz document */
.cmplz-document,
.cmplz-document h1,
.cmplz-document h2,
.cmplz-document h3,
.cmplz-document p {
    color: #ffffff !important;
    font-family: 'Bebas Neue', sans-serif !important;
}

/* Linkkleur binnen Complianz */
.cmplz-document a {
    color: #ffffff !important;
    font-family: 'Bebas Neue', sans-serif !important;
}
/* Linkkleur binnen Complianz */
.cmplz-document a:hover {
    color: #009640 !important;
    font-family: 'Bebas Neue', sans-serif !important;
}

/* Inhoudsblokken zoals 'naam', 'functie', 'retentie', 'doel' */
.cmplz-document .purpose,
.cmplz-document .retention,
.cmplz-document .function,
.cmplz-document .name {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-family: 'Bebas Neue', sans-serif !important;
    padding: 8px 12px;
    border-radius: 6px;
    margin-bottom: 10px;
}

/* Headers zoals 'Naam', 'Functie', enz. */
.cmplz-document .name-header,
.cmplz-document .function-header,
.cmplz-document .retention-header,
.cmplz-document .purpose-header {
    color: #009640 !important;
    font-family: 'Bebas Neue', sans-serif !important;
    margin-top: 15px;
    margin-bottom: 5px;
}

/* Headers met h5 */
.cmplz-document .name-header h5,
.cmplz-document .function-header h5,
.cmplz-document .retention-header h5,
.cmplz-document .purpose-header h5 {
    color: #009640 !important;
    font-size: 16px;
    margin: 0;
}



/* Tabellen in dropdown (geplaatste cookies) */
.cmplz-document .cmplz-cookie-table,
.cmplz-document .cmplz-cookie-table th,
.cmplz-document .cmplz-cookie-table td,
.cmplz-document .cmplz-service,
.cmplz-document .cmplz-service h4,
.cmplz-document .cmplz-cookie-description {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-family: 'Bebas Neue', sans-serif !important;
    border-color: #009640 !important;
}

/* Hover op tabellen */
.cmplz-document .cmplz-cookie-table tr:hover {
    background-color: #111111 !important;
}/* End custom CSS */