/*
 * hs41_inhoud.css -- HUISSTIJL 4.1: de INHOUD van alle pagina's (05-10-2026).
 *
 * Geladen vanuit clientadmin/inc/template_start.php, direct na huisstijl41.css, ENKEL als $ca_huisstijl41_aan.
 * Elke regel hangt aan body.ca-hs41[data-omgeving] en enkel binnen #page-content of .modal:
 * kopbalk, zijbalk en footer (= huisstijl41.css) worden NIET geraakt. Geen markup, geen werking gewijzigd.
 * Werkscherm A (.wsa / wsa-*) gebruikt geen Bootstrap-klassen en blijft ongemoeid.
 * Kleuren = huisstijl41.css: groen: knop/tekst var(--hs41-petrol) #397960 / hover #2C5D4A, accent #69b899, kop #0F3540, tekst #22303A, rand #DDE2E6,
 * zacht #6B7780. Rood (gedempt #B4483C) enkel voor verwijderen/fout.
 */

/* ------------------------------------------------------------------ 0. variabelen (enkel voor dit bestand) */
body.ca-hs41[data-omgeving] {
    --hs41i-zacht: #6B7780;
    --hs41i-rand-licht: #EDF0F2;
    --hs41i-kop-bg: #F6F8F9;
    --hs41i-petrol-licht: #E9F4EF;
    --hs41i-rood: #B4483C;
    --hs41i-rood-hover: #8E362D;
    --hs41i-rood-licht: #FBEDEB;
    --hs41i-amber: #9A6A10;
    --hs41i-amber-licht: #FBF3E2;
    --hs41i-groen: #2F7A57;
    --hs41i-groen-licht: #EAF5EF;
    --hs41i-radius: 3px;
}

/* ------------------------------------------------------------------ 1. knoppen */
body.ca-hs41[data-omgeving] #page-content .btn,
body.ca-hs41[data-omgeving] .modal .btn {
    font-family: inherit;
    border-radius: var(--hs41i-radius);
    box-shadow: none;
    text-shadow: none;
    background-image: none;
    transition: background-color .15s, border-color .15s, color .15s;
}
/* primary + success = petrol (o.a. "+ Nieuwe Administrator") */
body.ca-hs41[data-omgeving] #page-content .btn-primary,
body.ca-hs41[data-omgeving] #page-content .btn-success,
body.ca-hs41[data-omgeving] .modal .btn-primary,
body.ca-hs41[data-omgeving] .modal .btn-success {
    background-color: var(--hs41-petrol, #397960);
    border-color: var(--hs41-petrol, #397960);
    color: #FFFFFF;
    font-weight: 700;
}
body.ca-hs41[data-omgeving] #page-content .btn-primary:hover,
body.ca-hs41[data-omgeving] #page-content .btn-primary:focus,
body.ca-hs41[data-omgeving] #page-content .btn-primary:active,
body.ca-hs41[data-omgeving] #page-content .btn-primary.active,
body.ca-hs41[data-omgeving] #page-content .btn-success:hover,
body.ca-hs41[data-omgeving] #page-content .btn-success:focus,
body.ca-hs41[data-omgeving] #page-content .btn-success:active,
body.ca-hs41[data-omgeving] #page-content .btn-success.active,
body.ca-hs41[data-omgeving] .modal .btn-primary:hover,
body.ca-hs41[data-omgeving] .modal .btn-primary:focus,
body.ca-hs41[data-omgeving] .modal .btn-success:hover,
body.ca-hs41[data-omgeving] .modal .btn-success:focus {
    background-color: var(--hs41-petrol-hover, #2C5D4A);
    border-color: var(--hs41-petrol-hover, #2C5D4A);
    color: #FFFFFF;
}
/* info = petrol-outline */
body.ca-hs41[data-omgeving] #page-content .btn-info,
body.ca-hs41[data-omgeving] .modal .btn-info {
    background-color: #FFFFFF;
    border-color: var(--hs41-petrol, #397960);
    color: var(--hs41-petrol, #397960);
}
body.ca-hs41[data-omgeving] #page-content .btn-info:hover,
body.ca-hs41[data-omgeving] #page-content .btn-info:focus,
body.ca-hs41[data-omgeving] #page-content .btn-info:active,
body.ca-hs41[data-omgeving] #page-content .btn-info.active,
body.ca-hs41[data-omgeving] .modal .btn-info:hover,
body.ca-hs41[data-omgeving] .modal .btn-info:focus {
    background-color: var(--hs41i-petrol-licht);
    border-color: var(--hs41-petrol-hover, #2C5D4A);
    color: var(--hs41-petrol-hover, #2C5D4A);
}
/* default = wit met grijze rand */
body.ca-hs41[data-omgeving] #page-content .btn-default,
body.ca-hs41[data-omgeving] .modal .btn-default {
    background-color: #FFFFFF;
    border-color: #BFC6CC;
    color: var(--hs41-tekst, #22303A);
}
body.ca-hs41[data-omgeving] #page-content .btn-default:hover,
body.ca-hs41[data-omgeving] #page-content .btn-default:focus,
body.ca-hs41[data-omgeving] #page-content .btn-default:active,
body.ca-hs41[data-omgeving] #page-content .btn-default.active,
body.ca-hs41[data-omgeving] .modal .btn-default:hover,
body.ca-hs41[data-omgeving] .modal .btn-default:focus {
    background-color: #F6F8F9;
    border-color: var(--hs41-petrol, #397960);
    color: var(--hs41-petrol-hover, #2C5D4A);
}
/* warning = rustig amber-outline */
body.ca-hs41[data-omgeving] #page-content .btn-warning,
body.ca-hs41[data-omgeving] .modal .btn-warning {
    background-color: var(--hs41i-amber-licht);
    border-color: #E0B75E;
    color: var(--hs41i-amber);
}
body.ca-hs41[data-omgeving] #page-content .btn-warning:hover,
body.ca-hs41[data-omgeving] #page-content .btn-warning:focus,
body.ca-hs41[data-omgeving] .modal .btn-warning:hover,
body.ca-hs41[data-omgeving] .modal .btn-warning:focus {
    background-color: #F6E6C2;
    border-color: var(--hs41i-amber);
    color: #6E4B0A;
}
/* danger = gedempt rood (enkel verwijderen) */
body.ca-hs41[data-omgeving] #page-content .btn-danger,
body.ca-hs41[data-omgeving] .modal .btn-danger {
    background-color: var(--hs41i-rood);
    border-color: var(--hs41i-rood);
    color: #FFFFFF;
}
body.ca-hs41[data-omgeving] #page-content .btn-danger:hover,
body.ca-hs41[data-omgeving] #page-content .btn-danger:focus,
body.ca-hs41[data-omgeving] #page-content .btn-danger:active,
body.ca-hs41[data-omgeving] .modal .btn-danger:hover,
body.ca-hs41[data-omgeving] .modal .btn-danger:focus {
    background-color: var(--hs41i-rood-hover);
    border-color: var(--hs41i-rood-hover);
    color: #FFFFFF;
}
body.ca-hs41[data-omgeving] #page-content .btn-link { color: var(--hs41-petrol, #397960); }
body.ca-hs41[data-omgeving] #page-content .btn-link:hover { color: var(--hs41-petrol-hover, #2C5D4A); }
body.ca-hs41[data-omgeving] #page-content .btn:focus-visible,
body.ca-hs41[data-omgeving] .modal .btn:focus-visible {
    outline: 2px solid rgba(105, 184, 153, .35);
    outline-offset: 1px;
}
body.ca-hs41[data-omgeving] #page-content .btn.disabled,
body.ca-hs41[data-omgeving] #page-content .btn[disabled] { opacity: .5; }

/* ------------------------------------------------------------------ 2. labels / badges (zachte vlakken) */
body.ca-hs41[data-omgeving] #page-content .label,
body.ca-hs41[data-omgeving] #page-content .badge,
body.ca-hs41[data-omgeving] .modal .label,
body.ca-hs41[data-omgeving] .modal .badge {
    border-radius: var(--hs41i-radius);
    font-weight: 500;
    text-shadow: none;
    padding: .25em .55em;
}
body.ca-hs41[data-omgeving] #page-content .label-default,
body.ca-hs41[data-omgeving] #page-content .badge,
body.ca-hs41[data-omgeving] .modal .label-default { background: #EEF1F3; color: var(--hs41-tekst, #22303A); }
body.ca-hs41[data-omgeving] #page-content .label-primary,
body.ca-hs41[data-omgeving] #page-content .label-info,
body.ca-hs41[data-omgeving] .modal .label-primary,
body.ca-hs41[data-omgeving] .modal .label-info { background: var(--hs41i-petrol-licht); color: var(--hs41-petrol-hover, #2C5D4A); }
body.ca-hs41[data-omgeving] #page-content .label-success,
body.ca-hs41[data-omgeving] .modal .label-success { background: var(--hs41i-groen-licht); color: var(--hs41i-groen); }
body.ca-hs41[data-omgeving] #page-content .label-warning,
body.ca-hs41[data-omgeving] .modal .label-warning { background: var(--hs41i-amber-licht); color: var(--hs41i-amber); }
body.ca-hs41[data-omgeving] #page-content .label-danger,
body.ca-hs41[data-omgeving] .modal .label-danger { background: var(--hs41i-rood-licht); color: var(--hs41i-rood); }
body.ca-hs41[data-omgeving] #page-content .badge.badge-primary,
body.ca-hs41[data-omgeving] #page-content .btn .badge { background: var(--hs41-petrol, #397960); color: #FFFFFF; }

/* ------------------------------------------------------------------ 3. blokken / panelen / kop */
body.ca-hs41[data-omgeving] #page-content .content-header {
    background: #FFFFFF;
    border-bottom: 1px solid var(--hs41-rand, #DDE2E6);
    box-shadow: none;
}
body.ca-hs41[data-omgeving] #page-content .content-header h1,
body.ca-hs41[data-omgeving] #page-content .content-header h2 {
    color: var(--hs41-kop, #0F3540);
    font-weight: 700;
}
body.ca-hs41[data-omgeving] #page-content .block,
body.ca-hs41[data-omgeving] #page-content .panel {
    background: #FFFFFF;
    border: 1px solid var(--hs41-rand, #DDE2E6);
    border-radius: 0;
    box-shadow: none;
}
body.ca-hs41[data-omgeving] #page-content .block-title,
body.ca-hs41[data-omgeving] #page-content .panel-heading,
body.ca-hs41[data-omgeving] #page-content .panel-default > .panel-heading {
    background: #FFFFFF;
    border-bottom: 1px solid var(--hs41i-rand-licht);
    color: var(--hs41-kop, #0F3540);
}
body.ca-hs41[data-omgeving] #page-content .block-title h2,
body.ca-hs41[data-omgeving] #page-content .panel-title {
    color: var(--hs41-kop, #0F3540);
    font-weight: 700;
    font-size: 15px;
}
body.ca-hs41[data-omgeving] #page-content .panel-primary { border-color: var(--hs41-petrol, #397960); }
body.ca-hs41[data-omgeving] #page-content .panel-primary > .panel-heading,
body.ca-hs41[data-omgeving] #page-content .panel-info > .panel-heading,
body.ca-hs41[data-omgeving] #page-content .panel-success > .panel-heading {
    background: var(--hs41i-petrol-licht);
    border-color: var(--hs41-rand, #DDE2E6);
    color: var(--hs41-kop, #0F3540);
}
body.ca-hs41[data-omgeving] #page-content .panel-footer { background: var(--hs41i-kop-bg); border-color: var(--hs41i-rand-licht); }
body.ca-hs41[data-omgeving] #page-content .well {
    background: var(--hs41i-kop-bg);
    border: 1px solid var(--hs41-rand, #DDE2E6);
    border-radius: 0;
    box-shadow: none;
}

/* ------------------------------------------------------------------ 4. tabs / pills / paginering */
body.ca-hs41[data-omgeving] #page-content .nav-tabs { border-bottom-color: var(--hs41-rand, #DDE2E6); }
body.ca-hs41[data-omgeving] #page-content .nav-tabs > li > a {
    color: var(--hs41i-zacht);
    border-radius: 0;
    border-color: transparent;
}
body.ca-hs41[data-omgeving] #page-content .nav-tabs > li > a:hover {
    background: transparent;
    color: var(--hs41-petrol-hover, #2C5D4A);
    border-color: transparent transparent var(--hs41-rand, #DDE2E6);
}
body.ca-hs41[data-omgeving] #page-content .nav-tabs > li.active > a,
body.ca-hs41[data-omgeving] #page-content .nav-tabs > li.active > a:hover,
body.ca-hs41[data-omgeving] #page-content .nav-tabs > li.active > a:focus {
    color: var(--hs41-kop, #0F3540);
    font-weight: 700;
    background: #FFFFFF;
    border-color: var(--hs41-rand, #DDE2E6) var(--hs41-rand, #DDE2E6) transparent;
    box-shadow: inset 0 3px 0 var(--hs41-petrol, #397960);
}
body.ca-hs41[data-omgeving] #page-content .nav-pills > li > a { border-radius: var(--hs41i-radius); color: var(--hs41-tekst, #22303A); }
body.ca-hs41[data-omgeving] #page-content .nav-pills > li.active > a,
body.ca-hs41[data-omgeving] #page-content .nav-pills > li.active > a:hover,
body.ca-hs41[data-omgeving] #page-content .nav-pills > li.active > a:focus {
    background-color: var(--hs41-petrol, #397960);
    color: #FFFFFF;
}
body.ca-hs41[data-omgeving] #page-content .pagination > li > a,
body.ca-hs41[data-omgeving] #page-content .pagination > li > span {
    color: var(--hs41-petrol, #397960);
    border-color: var(--hs41-rand, #DDE2E6);
    background: #FFFFFF;
}
body.ca-hs41[data-omgeving] #page-content .pagination > li > a:hover,
body.ca-hs41[data-omgeving] #page-content .pagination > li > a:focus {
    background: var(--hs41i-petrol-licht);
    color: var(--hs41-petrol-hover, #2C5D4A);
}
body.ca-hs41[data-omgeving] #page-content .pagination > .active > a,
body.ca-hs41[data-omgeving] #page-content .pagination > .active > span,
body.ca-hs41[data-omgeving] #page-content .pagination > .active > a:hover {
    background-color: var(--hs41-petrol, #397960);
    border-color: var(--hs41-petrol, #397960);
    color: #FFFFFF;
}
body.ca-hs41[data-omgeving] #page-content .pagination > .disabled > a,
body.ca-hs41[data-omgeving] #page-content .pagination > .disabled > span { color: #BFC6CC; background: #FFFFFF; }
body.ca-hs41[data-omgeving] #page-content .pagination > li:first-child > a,
body.ca-hs41[data-omgeving] #page-content .pagination > li:first-child > span { border-radius: var(--hs41i-radius) 0 0 var(--hs41i-radius); }
body.ca-hs41[data-omgeving] #page-content .pagination > li:last-child > a,
body.ca-hs41[data-omgeving] #page-content .pagination > li:last-child > span { border-radius: 0 var(--hs41i-radius) var(--hs41i-radius) 0; }

/* ------------------------------------------------------------------ 5. formulieren */
body.ca-hs41[data-omgeving] #page-content .form-control,
body.ca-hs41[data-omgeving] .modal .form-control,
body.ca-hs41[data-omgeving] #page-content .input-group-addon {
    border-color: #C9D0D5;
    border-radius: var(--hs41i-radius);
    box-shadow: none;
    color: var(--hs41-tekst, #22303A);
    font-family: inherit;
}
body.ca-hs41[data-omgeving] #page-content .input-group-addon { background: var(--hs41i-kop-bg); color: var(--hs41i-zacht); }
body.ca-hs41[data-omgeving] #page-content .input-group .form-control:not(:first-child),
body.ca-hs41[data-omgeving] #page-content .input-group-addon:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
body.ca-hs41[data-omgeving] #page-content .input-group .form-control:not(:last-child),
body.ca-hs41[data-omgeving] #page-content .input-group-addon:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
body.ca-hs41[data-omgeving] #page-content .form-control:focus,
body.ca-hs41[data-omgeving] .modal .form-control:focus {
    border-color: var(--hs41-petrol, #397960);
    box-shadow: 0 0 0 2px rgba(105, 184, 153, .15);
}
body.ca-hs41[data-omgeving] #page-content .form-control[disabled],
body.ca-hs41[data-omgeving] #page-content .form-control[readonly] { background: var(--hs41i-kop-bg); }
body.ca-hs41[data-omgeving] #page-content .control-label,
body.ca-hs41[data-omgeving] #page-content label,
body.ca-hs41[data-omgeving] .modal label { color: var(--hs41-kop, #0F3540); font-weight: 500; }
body.ca-hs41[data-omgeving] #page-content .help-block { color: var(--hs41i-zacht); }
body.ca-hs41[data-omgeving] #page-content .has-error .form-control { border-color: var(--hs41i-rood); }
body.ca-hs41[data-omgeving] #page-content .has-error .help-block,
body.ca-hs41[data-omgeving] #page-content .has-error .control-label { color: var(--hs41i-rood); }
body.ca-hs41[data-omgeving] #page-content .has-success .form-control { border-color: var(--hs41i-groen); }

/* ------------------------------------------------------------------ 6. tabellen (zoals hs41_beheer.css) */
body.ca-hs41[data-omgeving] #page-content .table > thead > tr > th {
    color: var(--hs41-kop, #0F3540);
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .02em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--hs41-rand, #DDE2E6);
    background: var(--hs41i-kop-bg);
}
body.ca-hs41[data-omgeving] #page-content .table > tbody > tr > td { border-top-color: var(--hs41i-rand-licht); }
body.ca-hs41[data-omgeving] #page-content .table-striped > tbody > tr:nth-of-type(odd) > td { background: #FAFBFC; }
body.ca-hs41[data-omgeving] #page-content .table-hover > tbody > tr:hover > td { background: #F3F7F9; }
body.ca-hs41[data-omgeving] #page-content .table-bordered,
body.ca-hs41[data-omgeving] #page-content .table-bordered > thead > tr > th,
body.ca-hs41[data-omgeving] #page-content .table-bordered > tbody > tr > td { border-color: var(--hs41i-rand-licht); }
body.ca-hs41[data-omgeving] #page-content .table > tbody > tr.success > td { background: var(--hs41i-groen-licht); }
body.ca-hs41[data-omgeving] #page-content .table > tbody > tr.danger > td { background: var(--hs41i-rood-licht); }
body.ca-hs41[data-omgeving] #page-content .table > tbody > tr.warning > td { background: var(--hs41i-amber-licht); }
body.ca-hs41[data-omgeving] #page-content .table > tbody > tr.info > td,
body.ca-hs41[data-omgeving] #page-content .table > tbody > tr.active > td { background: var(--hs41i-petrol-licht); }

/* ------------------------------------------------------------------ 7. meldingen */
body.ca-hs41[data-omgeving] #page-content .alert,
body.ca-hs41[data-omgeving] .modal .alert {
    border-radius: var(--hs41i-radius);
    border: 1px solid var(--hs41-rand, #DDE2E6);
    border-left-width: 4px;
    box-shadow: none;
    color: var(--hs41-tekst, #22303A);
    background: #FFFFFF;
}
body.ca-hs41[data-omgeving] #page-content .alert-info,
body.ca-hs41[data-omgeving] .modal .alert-info { border-left-color: var(--hs41-petrol, #397960); background: var(--hs41i-petrol-licht); }
body.ca-hs41[data-omgeving] #page-content .alert-success,
body.ca-hs41[data-omgeving] .modal .alert-success { border-left-color: var(--hs41i-groen); background: var(--hs41i-groen-licht); }
body.ca-hs41[data-omgeving] #page-content .alert-warning,
body.ca-hs41[data-omgeving] .modal .alert-warning { border-left-color: #E0B75E; background: var(--hs41i-amber-licht); }
body.ca-hs41[data-omgeving] #page-content .alert-danger,
body.ca-hs41[data-omgeving] .modal .alert-danger { border-left-color: var(--hs41i-rood); background: var(--hs41i-rood-licht); }
body.ca-hs41[data-omgeving] #page-content .alert .alert-link { color: var(--hs41-petrol-hover, #2C5D4A); }

/* ------------------------------------------------------------------ 8. modals */
body.ca-hs41[data-omgeving] .modal .modal-content {
    font-family: 'Helvetica Now Text', Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: var(--hs41-tekst, #22303A);
    border: 1px solid var(--hs41-rand, #DDE2E6);
    border-radius: var(--hs41i-radius);
    box-shadow: 0 12px 32px rgba(15, 53, 64, .18);
}
body.ca-hs41[data-omgeving] .modal .modal-header {
    background: #FFFFFF;
    border-bottom: 1px solid var(--hs41i-rand-licht);
    border-top: 4px solid var(--hs41-petrol, #397960);
}
body.ca-hs41[data-omgeving] .modal .modal-title { color: var(--hs41-kop, #0F3540); font-weight: 700; letter-spacing: -0.02em; }
body.ca-hs41[data-omgeving] .modal .modal-footer { background: var(--hs41i-kop-bg); border-top: 1px solid var(--hs41i-rand-licht); }
body.ca-hs41[data-omgeving] .modal a:not(.btn) { color: var(--hs41-petrol, #397960); }
body.ca-hs41[data-omgeving] .modal-backdrop.in { opacity: .45; }

/* ------------------------------------------------------------------ 9. dataTables (zoeken, lengte, info, paginering) */
body.ca-hs41[data-omgeving] #page-content .dataTables_wrapper .dataTables_filter input,
body.ca-hs41[data-omgeving] #page-content .dataTables_wrapper .dataTables_length select {
    border: 1px solid #C9D0D5;
    border-radius: var(--hs41i-radius);
    box-shadow: none;
    color: var(--hs41-tekst, #22303A);
    background-color: #FFFFFF;
    height: 34px;
}
body.ca-hs41[data-omgeving] #page-content .dataTables_wrapper .dataTables_filter input:focus,
body.ca-hs41[data-omgeving] #page-content .dataTables_wrapper .dataTables_length select:focus {
    border-color: var(--hs41-petrol, #397960);
    box-shadow: 0 0 0 2px rgba(105, 184, 153, .15);
    outline: 0;
}
body.ca-hs41[data-omgeving] #page-content .dataTables_wrapper .dataTables_filter .input-group-addon {
    background: var(--hs41i-kop-bg);
    color: var(--hs41i-zacht);
}
body.ca-hs41[data-omgeving] #page-content .dataTables_wrapper .dataTables_info,
body.ca-hs41[data-omgeving] #page-content .dataTables_wrapper .dataTables_length label,
body.ca-hs41[data-omgeving] #page-content .dataTables_wrapper .dataTables_filter label {
    color: var(--hs41i-zacht);
    font-weight: 300;
}
body.ca-hs41[data-omgeving] #page-content table.dataTable thead .sorting_asc,
body.ca-hs41[data-omgeving] #page-content table.dataTable thead .sorting_desc { color: var(--hs41-petrol, #397960); }

/* ------------------------------------------------------------------ 10. kleine rest (dropdowns, voortgang, tekstkleuren) */
body.ca-hs41[data-omgeving] #page-content .dropdown-menu {
    border-color: var(--hs41-rand, #DDE2E6);
    border-radius: var(--hs41i-radius);
    box-shadow: 0 6px 18px rgba(15, 53, 64, .12);
}
body.ca-hs41[data-omgeving] #page-content .dropdown-menu > li > a:hover,
body.ca-hs41[data-omgeving] #page-content .dropdown-menu > li > a:focus { background: var(--hs41i-petrol-licht); color: var(--hs41-petrol-hover, #2C5D4A); }
body.ca-hs41[data-omgeving] #page-content .dropdown-menu > .active > a { background: var(--hs41-petrol, #397960); color: #FFFFFF; }
body.ca-hs41[data-omgeving] #page-content .progress { background: #EEF1F3; border-radius: var(--hs41i-radius); box-shadow: none; }
body.ca-hs41[data-omgeving] #page-content .progress-bar,
body.ca-hs41[data-omgeving] #page-content .progress-bar-success,
body.ca-hs41[data-omgeving] #page-content .progress-bar-info { background-color: var(--hs41-petrol, #397960); }
body.ca-hs41[data-omgeving] #page-content .progress-bar-danger { background-color: var(--hs41i-rood); }
body.ca-hs41[data-omgeving] #page-content .text-primary,
body.ca-hs41[data-omgeving] #page-content .text-info { color: var(--hs41-petrol, #397960); }
body.ca-hs41[data-omgeving] #page-content .text-success { color: var(--hs41i-groen); }
body.ca-hs41[data-omgeving] #page-content .text-danger { color: var(--hs41i-rood); }
body.ca-hs41[data-omgeving] #page-content .text-muted { color: var(--hs41i-zacht); }