/* ========================================
     /site/assets/css/style.css
    POPPINS — LOKAAL GEHOST
 ======================================== */
 
@font-face {
     font-family: 'Poppins';
     src: url('/assets/fonts/poppins/Poppins-Regular.woff2') format('woff2');
     font-weight: 400;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'Poppins';
     src: url('/assets/fonts/poppins/Poppins-Medium.woff2') format('woff2');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'Poppins';
     src: url('/assets/fonts/poppins/Poppins-SemiBold.woff2') format('woff2');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'Poppins';
     src: url('/assets/fonts/poppins/Poppins-Bold.woff2') format('woff2');
     font-weight: 700;
     font-style: normal;
     font-display: swap;
 }
 
 
 
 
 
 
 
 
 /* DEEL 1/2 */
:root{--cream:#fff7ee;--ink:#273b45;--orange:#f4aa63;--red:#273b45;--white:#fff;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.8 Poppins,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3{font-family:Poppins,sans-serif;line-height:1.27;letter-spacing:-.035em;font-weight:400}h1{font-size:clamp(2.7rem,5.4vw,5.5rem);max-width:850px}h2{font-size:clamp(2rem,3.5vw,3.65rem)}h3{font-size:1.5rem}h1 em,h2 em,h3 em{color:var(--orange);font-style:italic}section.light h2 em,.detail h2 em{color:var(--ink)}p{margin:0 0 1.2rem}.wrap{width:min(var(--max),calc(100% - 44px));margin-inline:auto}.eyebrow{color:var(--ink);font-size:.77rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;margin-bottom:18px}.btn{display:inline-flex;align-items:center;gap:13px;padding:13px 24px;border-radius:3px;background:var(--orange);color:var(--ink);font-size:.88rem;font-weight:700;border:0;cursor:pointer;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-3px);background:#ffc188}.btn.outline{background:transparent;border:1px solid currentColor;color:inherit}.textlink{font-weight:700;color:var(--ink);border-bottom:1px solid currentColor;padding-bottom:5px}.textlink:hover{color:#d58c48}

.site-header {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  color: white;
  background: var(--ink);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
}
.header-inner{height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:700 1.65rem/1 Poppins,sans-serif;letter-spacing:.11em}.brand small{display:block;font:500 .57rem/1.7 Poppins,sans-serif;letter-spacing:.29em;margin-top:8px}.nav{display:flex;gap:clamp(12px,1.65vw,28px);align-items:center}.nav a{font-size:clamp(.86rem,1.1vw,1.06rem);font-weight:600;white-space:nowrap;transition:color .2s}.nav a:hover,.nav a.active{color:var(--orange)}.menu-toggle{display:none;background:transparent;border:1px solid #ffffff80;color:white;padding:7px 12px;cursor:pointer}
.hero{height:min(850px,95svh);min-height:620px;position:relative;color:white;overflow:hidden;background:var(--ink)}.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s;pointer-events:none}.slide.active{opacity:1;pointer-events:auto}.slide-bg{position:absolute;inset:-5%;background-size:cover;background-position:center;transform:scale(1.04);will-change:transform}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,32,42,.82),rgba(12,32,42,.38) 65%,rgba(12,32,42,.22))}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:70px;padding-bottom:80px}.hero h1{margin:0 0 22px}.hero p{font-size:1.05rem;max-width:550px}.hero-controls{position:absolute;z-index:5;bottom:100px;right:max(22px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:8px}.hero-controls button{width:42px;height:42px;border:1px solid #ffffff80;background:#273b4555;color:white;cursor:pointer}.hero-controls button:hover{background:var(--orange);color:var(--ink)}.hero-wave{position:absolute;z-index:6;bottom:-2px;left:0;width:100%;height:clamp(25px,4vw,58px);pointer-events:none}.hero-wave path{fill:var(--cream)}
.section{padding:115px 0}.section.alt{background:#f7ede1}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,120px);align-items:center}.copy h2{margin:0 0 25px}.copy p{max-width:560px}.photo-wrap{position:relative;min-height:450px}.photo-wrap .photo-main{width:80%;aspect-ratio:1/1;object-fit:cover;border-radius:22px}.photo-wrap .photo-small{position:absolute;width:51%;aspect-ratio:1/1;object-fit:cover;right:0;bottom:-30px;border-radius:20px;border:9px solid var(--cream);box-shadow:0 25px 55px #273b4520}.section.alt .photo-small{border-color:#f7ede1}.section-title{text-align:center;max-width:760px;margin:0 auto 65px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;overflow:hidden;border-radius:12px;box-shadow:0 15px 35px #273b4510}.card img{height:245px;width:100%;object-fit:cover;transition:transform .6s}.card:hover img{transform:scale(1.055)}.card-body{padding:28px}.card-body h3{margin:0 0 14px}.card-body p{font-size:.93rem}.photo{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:20px}.detail{display:none;min-height:70vh}.detail.active{display:block}.detail-hero{background:var(--ink);color:#fff;padding-top: 185px; padding:185px 0 85px}.detail-hero h1{margin:0}.detail-body{padding:95px 0 120px}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:start}.detail-grid p{font-size:1.02rem}.detail-grid img{border-radius:18px;aspect-ratio:4/5;object-fit:cover;width:100%}.back{display:inline-block;margin-bottom:22px;color:var(--orange);font-weight:600}.contact-band{padding:110px 0;background:var(--ink);color:white;text-align:center}.contact-band h2{max-width:720px;margin:0 auto 22px}.contact-band h2 em{color:var(--orange)}.contact-details{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:50px 0}.contact-details>div{border-top:1px solid #ffffff4d;padding-top:24px}.contact-details strong{display:block;color:var(--orange);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px}.maplink{display:inline-block;color:var(--orange);border-bottom:1px solid currentColor}.site-footer{background:#1c2d35;color:#e7e5df;position:relative;padding:85px 0 30px}.footer-wave{position:absolute;top:-1px;left:0;width:100%;height:46px;transform:rotate(180deg)}.footer-wave path{fill:var(--ink)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:70px;padding-bottom:65px}.footer-grid h3{font:700 1rem Poppins,sans-serif;color:var(--orange);letter-spacing:.07em}.footer-grid a{display:block;margin:7px 0}.footer-grid a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid #ffffff30;padding-top:25px;font-size:.8rem;color:#b5bfc1}.contour{position:absolute;pointer-events:none;opacity:.12;color:var(--ink)}.contour svg{width:100%;height:100%}.contour.birds{width:170px;height:95px;right:6%;top:40px}.contour.fish{width:250px;height:120px;left:2%;bottom:15px}.contour.crab{width:155px;height:120px;right:3%;bottom:25px}.contour.birds{width:220px;height:115px}.decorated{position:relative;overflow:hidden}.decorated>.wrap{position:relative;z-index:1}

@media(max-width:900px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:88px;left:22px;right:22px;background:var(--ink);padding:25px;flex-direction:column;align-items:stretch;gap:15px;box-shadow:0 20px 35px #0004}.nav.open{display:flex}.header-inner{height:88px}.split,.detail-grid{grid-template-columns:1fr;gap:55px}.cards{grid-template-columns:1fr 1fr}.photo-wrap{max-width:560px}.footer-grid{gap:30px}.hero{min-height:650px}}
@media(max-width:620px){.section{padding:75px 0}.cards,.contact-details,.footer-grid{grid-template-columns:1fr}.photo-wrap{min-height:340px}.hero-controls{bottom:72px}.hero-content{padding-bottom:100px}.hero p{font-size:.95rem}.detail-hero{padding:155px 0 60px}.detail-body{padding:65px 0}.site-footer{padding-top:75px}.footer-grid{gap:30px}.brand{font-size:1.3rem}}

 /* V8 — editorial maritime details */
 :root{--hairline:rgba(39,59,69,.17)}
 .hero-side-label{position:absolute;z-index:7;left:clamp(10px,2.1vw,34px);top:50%;transform:translateY(-50%);writing-mode:vertical-rl;rotate:180deg;color:#fff;letter-spacing:.34em;text-transform:uppercase;font-size:10px;font-weight:600;opacity:.85;pointer-events:none}
 .hero-side-label:after{content:"";display:inline-block;width:1px;height:55px;background:var(--orange);margin-top:18px}
 .hero-number{position:absolute;z-index:7;bottom:105px;left:max(22px,calc((100vw - var(--max))/2));font-size:12px;letter-spacing:.18em;color:white;font-weight:600}
 .hero-number strong{font-size:19px;color:var(--orange);font-weight:600}
 .hero-progress{position:absolute;z-index:8;bottom:93px;left:max(22px,calc((100vw - var(--max))/2));width:125px;height:2px;background:#ffffff5c;overflow:hidden}
 .hero-progress span{display:block;width:100%;height:100%;background:var(--orange);transform-origin:left;animation:slide-progress 6.5s linear forwards}
 @keyframes slide-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
 .hero-progress.paused span{animation-play-state:paused}
 .section{position:relative}
 .section-marker{position:absolute;top:100px;left:max(16px,calc((100vw - 1320px)/2));display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;font-size:10px;font-weight:600;letter-spacing:.23em;text-transform:uppercase;color:var(--ink);opacity:.54;pointer-events:none}
 .section-marker b{color:var(--ink);font-weight:700}
 .section-marker:after{content:"";width:1px;height:55px;background:currentColor;opacity:.45}
 .image-note{position:absolute;right:0;top:-26px;font-size:10px;letter-spacing:.22em;font-weight:600;text-transform:uppercase;color:var(--ink);opacity:.68}
 .photo-wrap:before{content:"";position:absolute;inset:16px 10% 25px -15px;border:1px solid var(--hairline);border-radius:23px;pointer-events:none}
 .section-title:after{content:"";display:block;margin:26px auto 0;width:42px;height:2px;background:var(--orange)}
 .card{transition:transform .35s,box-shadow .35s}
 .card:hover{transform:translateY(-7px);box-shadow:0 22px 45px #273b4520}
 .card-body{position:relative}
 .card-index{font-size:11px;letter-spacing:.22em;color:#9a7655;font-weight:700;margin-bottom:9px}
 .editorial-rule{height:1px;background:var(--hairline);width:100%;margin:24px 0}
 .footer-tagline{margin-top:14px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--orange);font-weight:600}
 .contact-band{position:relative;overflow:hidden}
 .contact-band:before,.contact-band:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff17;border-radius:50%;pointer-events:none}
 .contact-band:before{left:-160px;top:-120px}.contact-band:after{right:-160px;bottom:-120px}
 .micro-caption{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#9a7655;font-weight:600;margin-top:16px}
 @media(max-width:1350px){.section-marker{left:8px}}
 @media(max-width:1100px){.section-marker{display:none}.hero-side-label{display:none}}
 @media(max-width:620px){.hero-number{bottom:88px}.hero-progress{bottom:76px}.image-note{top:-21px;font-size:9px}.photo-wrap:before{display:none}}
 @media(prefers-reduced-motion:reduce){.hero-progress span{animation:none;transform:scaleX(1)}}

 
 
 
 
 
 
 
 
 
 
 
 
 /* DEEL 2/2 */

/* V9 — B-pagina editorial layout en navigatie */
.nav-dropdown{position:relative;display:flex;align-items:center;gap:5px}
.dropdown-toggle{border:0;background:none;color:inherit;cursor:pointer;padding:5px;font-size:21px;line-height:1;transition:transform .2s}
.nav-dropdown.open .dropdown-toggle{transform:rotate(180deg)}
.dropdown-menu{position:absolute;display:none;top:100%;left:-16px;min-width:195px;background:var(--ink);padding:15px 12px;border-top:2px solid var(--orange);box-shadow:0 16px 35px #0003;z-index:50}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown.open .dropdown-menu{display:grid;gap:4px}
.nav .dropdown-menu a{display:block;padding:8px 10px;font-size:14px}
.editorial-hero{height:420px;min-height:0;padding:135px 0 65px;position:relative;background:var(--ink);overflow:hidden}
.editorial-hero:before{content:"";position:absolute;inset:0;background-image:var(--detail-image);background-size:cover;background-position:center 48%;opacity:.4}
.detail-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#142b35e8,#142b3580)}
.detail-hero-inner{position:relative;z-index:2}
.editorial-hero h1{font-size:clamp(2.3rem,4vw,4.2rem);margin:5px 0 16px;max-width:900px}
.detail-hero-meta{font-size:10px;letter-spacing:.22em;color:#fff9;display:flex;gap:14px}
.detail-hero-meta span{color:var(--orange)}
.detail-hero-wave{position:absolute;bottom:-2px;width:100%;height:35px;z-index:3;fill:var(--cream)}
.detail-body{padding:80px 0 110px}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(40px,6vw,95px);align-items:start}
.detail-article{max-width:760px}
.detail-article p{font-size:1.025rem;line-height:1.95}
.detail-article p:first-child{font-size:1.18rem;line-height:1.85;font-weight:500}
.detail-article strong{font-weight:700}
.detail-sidebar{display:grid;gap:20px;position:sticky;top:25px}
.sidebar-card{border:1px solid #273b4520;background:#fffdf9;padding:25px;border-radius:7px}
.sidebar-kicker{font-size:10px;font-weight:700;letter-spacing:.19em;color:#a17c55;margin-bottom:15px}
.sidebar-card h3{font-size:1.5rem;margin:0 0 18px}
.sidebar-card h3 em{color:var(--orange)}
.sidebar-card img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:5px;margin-bottom:18px}
.sidebar-card p{font-size:13px;line-height:1.75}
.sidebar-card .textlink{font-size:13px}
.sidebar-links{display:grid}
.sidebar-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #273b4520;font-size:14px;font-weight:600}
.sidebar-links a:last-child{border-bottom:0}
.sidebar-links a span{color:#bf8c5b}
.sidebar-links a:hover{color:#b47741}
.sidebar-contact{background:var(--ink);color:white}
.sidebar-contact a{display:block;font-size:15px;margin-bottom:8px}
.sidebar-contact small{display:block;color:#ffffffb0;margin-top:15px}
.article-end{margin-top:75px;color:#9a7655;letter-spacing:.24em;font-size:10px;font-weight:600}
@media(max-width:900px){.nav-dropdown{display:flex;flex-wrap:wrap;justify-content:flex-start}.dropdown-menu{position:static;flex-basis:100%;width:100%;box-shadow:none;border-top:1px solid #ffffff40;padding:8px 0 5px 16px}.nav-dropdown:not(.open) .dropdown-menu{display:none}.nav-dropdown:hover:not(.open) .dropdown-menu{display:none}.detail-layout{grid-template-columns:minmax(0,1fr) 260px;gap:30px}}
@media(max-width:700px){.detail-layout{grid-template-columns:1fr}.detail-sidebar{position:static}.editorial-hero{height:auto;min-height:345px;padding:125px 0 55px}.detail-body{padding:60px 0 85px}.detail-hero-meta{font-size:9px}}
/* V10: identical wave height on A and B pages, subtle image parallax */
.detail-hero-wave{height:clamp(25px,4vw,58px)}
.photo-wrap{overflow:visible}
.photo-wrap [data-parallax]{will-change:transform}
@media(prefers-reduced-motion:reduce){.photo-wrap [data-parallax]{transform:none!important}}

/* V11 — verfijnde navigatie en panoramische parallax */
.nav-dropdown{gap:0;align-items:center}
.nav-parent{display:inline-flex;align-items:center;min-height:42px}
.dropdown-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:42px;padding:0;margin-left:2px;font-size:0;vertical-align:middle;transition:color .25s}
.dropdown-toggle:after{content:"";width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .28s ease}
.nav-dropdown.open .dropdown-toggle{transform:none}
.nav-dropdown.open .dropdown-toggle:after,.nav-dropdown:hover .dropdown-toggle:after,.nav-dropdown:focus-within .dropdown-toggle:after{transform:translateY(2px) rotate(225deg)}
.dropdown-menu{display:block!important;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .24s ease,transform .24s ease,visibility .24s;top:calc(100% - 1px);padding:12px}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown.open .dropdown-menu{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
.nav .dropdown-menu a{transition:background .2s,color .2s;border-radius:3px}
.nav .dropdown-menu a:hover{background:#ffffff14}
.wide-parallax{position:relative;min-height:clamp(350px,43vw,570px);overflow:hidden;display:flex;align-items:center;color:white;isolation:isolate}
.wide-parallax-image{position:absolute;inset:-18% 0;background-image:url("https://images.unsplash.com/photo-1500375592092-40eb2168fd21?auto=format&fit=crop&w=2200&q=88");background-position:center;background-size:cover;transform:translate3d(0,0,0);will-change:transform;z-index:-2}
.wide-parallax-shade{position:absolute;inset:0;background:linear-gradient(90deg,#142b35a8,#142b3530);z-index:-1}
.wide-parallax-content{padding:70px 0}
.wide-parallax-content span{display:block;font-size:11px;letter-spacing:.24em;font-weight:600;margin-bottom:20px;color:#fff7ee}
.wide-parallax-content h2{font-size:clamp(2.2rem,4.5vw,4.8rem);margin:0;max-width:780px}
.wide-parallax-content h2 em{color:var(--orange)}
@media(max-width:900px){.nav-dropdown{align-items:center}.dropdown-menu{position:static;max-height:0;overflow:hidden;visibility:hidden;opacity:0;padding:0 0 0 16px;border:0;transform:none;flex-basis:100%;transition:max-height .3s ease,opacity .2s ease,padding .2s ease}.nav-dropdown.open .dropdown-menu{max-height:150px;visibility:visible;opacity:1;padding:8px 0 6px 16px}.nav-dropdown:hover:not(.open) .dropdown-menu,.nav-dropdown:focus-within:not(.open) .dropdown-menu{max-height:0;visibility:hidden;opacity:0;padding:0 0 0 16px;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.wide-parallax-image{transform:none!important}.dropdown-menu,.dropdown-toggle:after{transition:none!important}}


/* Parallax foto beweging */

.photo-wrap .photo-main,
.photo-wrap .photo-small {
    will-change: transform;
}

.wide-parallax-image,
.slide-bg {
    will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
    .photo-wrap .photo-main,
    .photo-wrap .photo-small,
    .wide-parallax-image,
    .slide-bg {
        transform: none !important;
        will-change: auto;
    }
}



/* ========================================
   V12 — CONSISTENTE NAVIGATIE
======================================== */

/* Alle hoofdmenu-items exact dezelfde typografie */
.nav > a,
.nav .nav-parent {
    display: inline-flex;
    align-items: center;
    font-family: Poppins, sans-serif;
    font-size: clamp(.86rem, 1.1vw, 1.06rem);
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    color: inherit;
    transition: color .2s;
}

/* Dropdown-hoofditem */
.nav .nav-parent {
    cursor: pointer;
    user-select: none;
}

/* Actieve pagina en hover */
.nav > a:hover,
.nav > a.active,
.nav .nav-dropdown:hover > .nav-parent,
.nav .nav-dropdown.open > .nav-parent,
.nav .nav-parent.active {
    color: var(--orange);
}

/* Dropdown-pijltje */
.nav .dropdown-toggle {
    cursor: pointer;
}

/* Dropdown-links */
.nav .dropdown-menu a {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
}


/* ========================================
   V13 — GELIJKE REGELHOOGTE MOBIELE NAVIGATIE
======================================== */

@media (max-width: 900px) {

    /* Gewone links en dropdown-hoofditems gelijk behandelen */
    .nav > a,
    .nav .nav-parent {
        display: flex;
        align-items: center;
        min-height: 0;
        height: auto;
        padding: 0;
        margin: 0;
        line-height: 1.4;
    }

    /* Dropdown-container geen extra verticale ruimte geven */
    .nav .nav-dropdown {
        display: flex;
        align-items: center;
        gap: 0;
        margin: 0;
        padding: 0;
        line-height: 1.4;
    }

    /* Pijltje dezelfde verticale uitlijning */
    .nav .dropdown-toggle {
        height: 24px;
        width: 30px;
        margin: 0 0 0 5px;
        padding: 0;
        align-self: center;
    }

}

/* V14 — Dropdown-hoofditem geen handcursor */
.nav .nav-parent {
    cursor: default;
}


.article-content img {border-radius: 20px;}


/* Omgekeerde volgorde bij ieder tweede blok */

.wrap.split.is-reversed .copy {
    order: 2;
}

.wrap.split.is-reversed .photo-wrap {
    order: 1;
}


/* Tekst01 direct onder de titel */

.copy .intro-note {
    position: static;
    display: block;
    margin: 15px 0;
}

.copy .intro-note p {
    margin: 0;
    line-height: 1.5;
}

  section.light h2 em {
    color: var(--orange);
    font-style: italic;
}


/* weergave textformatter email etc */
.contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.contact-list li {
    margin: 0;
    padding: 0;
}

.contact-list li a {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.contact-list .tcv-icon {
    width: 16px;
    min-width: 16px;
    text-align: center;
}


/* PRIVACYWIRE  Cookiebot-style knoppen in */

.privacywire {
  z-index: 10000 !important;
}

.privacywire-banner,
.privacywire-options, .privacywire-message {
    background-color: #ffffff !important; /* of een lichtgrijs voor contrast */
    color: #000000 !important;
}

.privacywire-banner,
.privacywire-options, .privacywire-message p,
.privacywire-banner,
.privacywire-options, .privacywire-message span,
.privacywire-banner,
.privacywire-options, .privacywire-message div {
    color: #000 !important;
}



.privacywire-buttons {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 15px;
  width: 100%;
}

.privacywire-buttons button {
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.privacywire-buttons .allow-all {
  background-color: #0b5ed7;
  color: white;
  border: none;
}

.privacywire-buttons .allow-all:hover {
  background-color: #0a53be;
}

.privacywire-buttons .allow-necessary {
  background-color: white;
  color: #0b5ed7;
  border: 2px solid #0b5ed7;
}

.privacywire-buttons .allow-necessary:hover {
  background-color: #f0f8ff;
}

.privacywire-buttons .choose {
 background-color: white;
color: #0b5ed7;
border: 2px solid #0b5ed7;
}

.privacywire-buttons .choose:hover {
background-color: #f0f8ff;
}


.privacywire-buttons .save {
 background-color: white;
color: #0b5ed7;
border: 2px solid #0b5ed7;
}

.privacywire-buttons .save:hover {
background-color: #f0f8ff;
}


/* Verberg de standaard checkbox */
.privacywire-text input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    border: 2px solid #0072C6; /* Cookiebot-blauw */
    width: 20px;
    height: 20px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin-right: 8px;
    vertical-align: middle;
    transition: all 0.2s ease-in-out;
}

/* Als hij aangevinkt is */
.privacywire-text input[type="checkbox"]:checked {
    background-color: #0072C6; /* blauw */
    border-color: #0072C6;
}

/* Voeg een wit vinkje toe */
.privacywire-text input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 6px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Voor disabled checkboxen */
.privacywire-text input[type="checkbox"]:disabled {
    background-color: #eee;
    border-color: #ccc;
    cursor: not-allowed;
}