.elementor-842 .elementor-element.elementor-element-7b8e0472{--display:flex;}.elementor-842 .elementor-element.elementor-element-db2f871{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:45px;--padding-bottom:45px;--padding-left:40px;--padding-right:40px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-842 .elementor-element.elementor-element-5346244 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:800;line-height:1.5px;color:#FF0088;}.elementor-842 .elementor-element.elementor-element-c4f4ab0{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-842 .elementor-element.elementor-element-c4f4ab0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:900;line-height:1.05px;color:#F9FDFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-842 .elementor-element.elementor-element-5731518{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;line-height:27px;color:#D8D8D8;}body.elementor-page-842:not(.elementor-motion-effects-element-type-background), body.elementor-page-842 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E0E;}@media(max-width:767px){.elementor-842 .elementor-element.elementor-element-c4f4ab0 .elementor-heading-title{line-height:1em;}}/* Start custom CSS for container, class: .elementor-element-7b8e0472 *//* ==========================================================
   PRINTBEEST COOKIEBELEID V2
   Complete styling voor het Complianz-document
   ALLES IN AANGEPASTE CSS VERVANGEN DOOR DIT BLOK
   ========================================================== */


/* ==========================================================
   1. BASIS DOCUMENT
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document {
    max-width: 1140px;
    margin: 35px auto 0;
    padding: 0 40px 60px;

    color: #d8d8d8;

    font-size: 15px;
    line-height: 1.65;
}


/* ==========================================================
   2. ALGEMENE TEKST
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document p,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document p,
.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document li,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document li,
.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document span,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document span {
    color: #d8d8d8;
}


.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document strong,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document strong {
    color: #ffffff;
    font-weight: 800;
}


/* ==========================================================
   3. HOOFDKOPPEN
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document h1,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document h1 {
    color: #ffffff;

    font-size: 38px;
    font-weight: 900;
    line-height: 1.05;

    margin: 45px 0 20px;
}


.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document h2,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document h2 {
    color: #ffffff;

    font-size: 27px;
    font-weight: 900;
    line-height: 1.15;

    margin: 42px 0 16px;
}


.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document h3,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document h3 {
    color: #48D8FF;

    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;

    margin: 28px 0 12px;
}


.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document h4,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document h4 {
    color: #FF0088;

    font-size: 16px;
    font-weight: 800;

    margin: 22px 0 10px;
}


/* ==========================================================
   4. MAGENTA STREEP ONDER H2
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document h2::after,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document h2::after {
    content: "";

    display: block;

    width: 48px;
    height: 3px;

    margin-top: 10px;

    background: #FF0088;

    border-radius: 999px;
}


/* ==========================================================
   5. LINKS
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document a,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document a {
    color: #48D8FF !important;

    text-decoration: none;

    font-weight: 700;

    border-bottom: 1px solid rgba(72, 216, 255, .45);

    transition:
        color .15s ease,
        border-color .15s ease;
}


.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document a:hover,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document a:hover {
    color: #FFE500 !important;

    border-color: #FFE500;
}


/* ==========================================================
   6. LAATST BIJGEWERKT
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document > p:first-child,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document > p:first-child {
    color: #9d9d9d;

    font-size: 13px;
    font-style: italic;

    line-height: 1.5;

    margin-bottom: 28px;
}


/* ==========================================================
   7. COMPLIANZ SERVICE CARDS
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document .cmplz-service-description,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document .cmplz-service-description,
.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document .cmplz-service-header,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document .cmplz-service-header,
.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document .cmplz-dropdown,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document .cmplz-dropdown,
.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document details,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document details {
    background: #181818 !important;

    border-color: #343434 !important;

    color: #ffffff !important;
}


/* ==========================================================
   8. SERVICE TITELS / UITKLAPPERS
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document summary,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document summary {
    color: #ffffff !important;

    font-weight: 800;

    cursor: pointer;
}


.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document summary:hover,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document summary:hover {
    color: #48D8FF !important;
}


/* ==========================================================
   9. SERVICE NAAM
   Complianz / WooCommerce / Google Analytics enz.
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document .cmplz-service-header a,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document .cmplz-service-header a,
.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document .cmplz-service-header h3,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document .cmplz-service-header h3 {
    color: #48D8FF !important;
}


/* ==========================================================
   10. GEBRUIK / DELEN VAN GEGEVENS
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document .cmplz-service-description h4,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document .cmplz-service-description h4 {
    color: #FF0088 !important;
}


/* ==========================================================
   11. COOKIE TABELLEN
   HIER ZAT DE WITTE EXCELBAK
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table,
.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document .cookies-per-purpose,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document .cookies-per-purpose {
    width: 100%;

    background: #181818 !important;

    color: #d8d8d8 !important;

    border: 1px solid #343434 !important;
    border-radius: 12px;

    border-collapse: separate;
    border-spacing: 0;

    overflow: hidden;

    margin: 18px 0 28px;
}


/* ==========================================================
   12. ALLE TABELCELLEN DONKER
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table tr,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table tr,
.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table td,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table td,
.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table th,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table th {
    background: #181818 !important;

    color: #d8d8d8 !important;

    border-color: #343434 !important;
}


/* ==========================================================
   13. TABELKOP
   Naam / Expiratie / Functie
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table thead,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table thead,
.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table thead tr,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table thead tr,
.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table thead th,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table thead th {
    background: #252525 !important;

    color: #ffffff !important;
}


.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table th,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table th {
    padding: 12px 14px !important;

    font-size: 13px;
    font-weight: 800;

    text-align: left;

    border-right: 1px solid #3b3b3b !important;
    border-bottom: 1px solid #3b3b3b !important;
}


.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table th:last-child,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table th:last-child {
    border-right: none !important;
}


/* ==========================================================
   14. TABELCELLEN
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table td,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table td {
    padding: 12px 14px !important;

    vertical-align: top;

    border-right: 1px solid #343434 !important;
    border-bottom: 1px solid #343434 !important;
}


.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table td:last-child,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table td:last-child {
    border-right: none !important;
}


.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table tr:last-child td,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table tr:last-child td {
    border-bottom: none !important;
}


/* ==========================================================
   15. TABELRIJ HOVER
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table tbody tr:hover td,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table tbody tr:hover td {
    background: #202020 !important;
}


/* ==========================================================
   16. COOKIE NAAM
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table td:first-child a,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table td:first-child a {
    color: #48D8FF !important;

    font-weight: 800;
}


/* ==========================================================
   17. COOKIE FUNCTIE
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table td:last-child,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table td:last-child {
    color: #FFE500 !important;

    font-weight: 700;
}


/* ==========================================================
   18. PURPOSE BLOKKEN
   Functioneel / Statistieken / Marketing /
   Doel wordt onderzocht
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document .purpose,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document .purpose,
.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document .name,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document .name {
    background: #181818 !important;

    color: #FF0088 !important;

    font-weight: 800 !important;
}


/* ==========================================================
   19. WITTE ACHTERGRONDEN VAN COMPLIANZ HARD OVERRULEN
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document .cookies-per-purpose > *,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document .cookies-per-purpose > *,
.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document .cookies-per-purpose div,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document .cookies-per-purpose div {
    border-color: #343434;
}


.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document .cookies-per-purpose > div,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document .cookies-per-purpose > div {
    background-color: #181818 !important;
}


/* ==========================================================
   20. OPSOMMINGEN
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document ul,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document ul {
    padding-left: 22px;
}


.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document li::marker,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document li::marker {
    color: #FF0088;
}


/* ==========================================================
   21. SCHEIDINGSLIJNEN
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document hr,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document hr {
    border: 0;

    height: 1px;

    margin: 35px 0;

    background: #333333;
}


/* ==========================================================
   22. KNOPPEN
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document button,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document button,
.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document .cmplz-btn,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document .cmplz-btn {
    background: #FF0088 !important;

    color: #ffffff !important;

    border: 2px solid #FF0088 !important;
    border-radius: 8px;

    padding: 10px 16px;

    font-weight: 900;
    text-transform: uppercase;

    cursor: pointer;

    transition:
        transform .15s ease,
        filter .15s ease;
}


.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document button:hover,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document button:hover,
.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document .cmplz-btn:hover,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document .cmplz-btn:hover {
    transform: translateY(-1px);

    filter: brightness(1.08);
}


/* ==========================================================
   23. LAATSTE ELEMENT
   ========================================================== */

.elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document > *:last-child,
.elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document > *:last-child {
    margin-bottom: 0;
}


/* ==========================================================
   24. MOBIEL
   ========================================================== */

@media (max-width: 768px) {

    .elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document,
    .elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document {
        margin-top: 25px;

        padding: 0 18px 45px;

        font-size: 14px;
        line-height: 1.55;
    }


    .elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document h1,
    .elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document h1 {
        font-size: 30px;
    }


    .elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document h2,
    .elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document h2 {
        font-size: 23px;

        margin-top: 32px;
    }


    .elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document h3,
    .elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document h3 {
        font-size: 18px;
    }


    /* Cookie-tabellen mogen horizontaal schuiven */

    .elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document .cmplz-cookie-container,
    .elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document .cmplz-cookie-container,
    .elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document .cookies-per-purpose,
    .elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document .cookies-per-purpose {
        max-width: 100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;
    }


    .elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table,
    .elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table {
        min-width: 600px;
    }


    .elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table td,
    .elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table td,
    .elementor-842 .elementor-element.elementor-element-7b8e0472 #cmplz-document table th,
    .elementor-842 .elementor-element.elementor-element-7b8e0472 .cmplz-document table th {
        padding: 10px 12px !important;
    }
}/* End custom CSS */