/* funnels-overzicht.css (31-10): Alle funnels, Mijn funnels, Gedeeld met mij, Mappen en een geopende map in de nieuwe huisstijl.
   Gegenereerd uit de akkoorde ontwerpen (intern/startscherm-voorstel/alle-funnels-, gedeeld-, mijn-funnels-ontwerp.html) met
   overzicht-naar-app/regels.js + omzet.py: alleen de regels die op die schermen echt gelden. Ontwerp-.app = de Home-schil
   (.start-scherm) met klasse ov-aan en data-bron (af/gd/mf) zolang een overzichtsscherm open is (funnels-overzicht.js).
   Niet met de hand bijwerken: opnieuw genereren. Eigen regels staan in funnels-overzicht.js (CSS_EIGEN). */
.start-scherm.ov-aan.ov-aan[data-bron="af"]{--waas:rgba(199,199,249,.55);--wit:#ffffff;--grijs:#6b6b74;--inkt:#141414;--lijn:#ebe8f7;--paars:#4101df;--mini-a:#ffffff;--mini-b:#f1f0ff;--mini-c:#ebe9ff;--mini-schaduw:0 0 0 1px #ebe8f7;--lime:#dfffb9;--lime-t:#2f5a00;--lijn2:#f0eef8;--lilac:#ededff;--kaart-schaduw:0 0 0 1px #ebe8f7;--licht:#c7c7f9;--mb-vlak:#f7f7fb;--mb-blok:#ffffff;--mb-rand:#dcdaea;--mb-streep:#dddce7;--mb-streep2:#ecebf2;--mb-pijl:#b4aaf0;--tekst:#3d3d46;--k-blok:#ffffff;--k-blokrand:#dcdaf2;--k-tegel:#ededff;--k-icoon:#4101df;--k-pijl:#c7c7f9;--k-vlak:#ffffff;--k-rand:#e6e4f4;--k-rand2:#a99ef0;--map-vlak:#ededff;--map-inkt:#2e1f8a;--mapg-vlak:#ededff;--mapg-inkt:#2e1f8a;--map-vel:#ffffff;--map-tab:#d9d6fa;--mapg-tab:#d9d6fa;--hover:#f1efff}
.start-scherm.ov-aan.ov-aan[data-bron="af"] *{box-sizing: border-box;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] button{font-family: inherit;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-hoofd{padding: 28px 40px 40px; background: radial-gradient(ellipse 70% 42% at 35% 0%,var(--waas) 0%,transparent 80%),var(--wit); min-width: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-binnen{max-width: 1080px; margin: 0px auto;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .pg-kop{display: flex; align-items: flex-start; gap: 16px; margin-bottom: 28px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .pg-kop > div{flex: 1 1 0%; min-width: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-datum{margin: 0px 0px 4px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--grijs);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .pg-h1{margin: 0px; font-family: Antonio, sans-serif; font-weight: 700; font-size: 40px; line-height: 1.05; color: var(--inkt);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .sluit{flex: 0 0 auto; border: 1px solid var(--lijn); background: var(--wit); color: var(--inkt); border-radius: 10px; padding: 7px 12px; font-size: 13.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-sectiekop{display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; min-height: 22px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-h2{margin: 0px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--grijs);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-link{display: inline-flex; align-items: center; gap: 6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; padding: 0px; font-weight: 500; font-size: 13px; white-space: nowrap; color: var(--paars); cursor: pointer;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-link svg{width: 14px; height: 14px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-onder{display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; padding: 0px; font-weight: 600; font-size: 13px; color: var(--paars);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-onder svg{width: 14px; height: 14px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-inhoud{display: grid; grid-template-columns: minmax(0px, 2fr) minmax(280px, 1fr); column-gap: 36px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-links{min-width: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-rechts{display: flex; flex-direction: column; gap: 40px; padding-left: 28px; border-left: 1px solid var(--lijn); min-width: 0px; position: sticky; top: 0px; align-self: start;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 26px 20px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk{position: relative; display: flex; flex-direction: column; gap: 4px; min-width: 0px; cursor: pointer;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-mini{position: relative; aspect-ratio: 164 / 92; border-radius: 18px; background: radial-gradient(circle at 50% 35%,var(--mini-a) 0%,var(--mini-b) 70%,var(--mini-c) 100%); box-shadow: var(--mini-schaduw); display: flex; align-items: center; justify-content: center; padding: 12px 14px; margin-bottom: 8px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-mini svg{width: 100%; height: 100%;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-naam{font-weight: 700; font-size: 13.5px; line-height: 1.3; overflow-wrap: break-word;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-meta{font-size: 12px; color: var(--grijs);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-knop{position: absolute; top: 8px; right: 8px; display: flex; gap: 2px; align-items: center; background: var(--wit); border-radius: 8px; padding: 3px 6px; color: var(--grijs); font-size: 12px; box-shadow: 0 0 0 1px var(--lijn);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-knop svg, .start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-knop span{padding: 0px 3px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-grid.compact{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 20px 14px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-grid.compact.drie{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mkp{display: flex; flex-direction: column; gap: 4px; min-width: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mk-tegel{border-radius: 8px; background: radial-gradient(circle at 50% 35%,var(--mini-a) 0%,var(--mini-b) 70%,var(--mini-c) 100%); box-shadow: rgba(65, 1, 223, 0.08) 0px 0px 0px 1px; display: flex; padding: 4px 6px; min-width: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mk-tegel.leeg{background: var(--mini-b); opacity: 0.5; box-shadow: none;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mk-tegel svg{width: 100%; height: 100%;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mk-naam{display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 13.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapic.klein{width: 22px; height: 22px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapic.klein svg{width: 12px; height: 12px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .compact .bk-mini{border-radius: 12px; padding: 8px 10px; margin-bottom: 6px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .compact .bk-naam{font-size: 13px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .compact .bk-meta{font-size: 11.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .compact .bk-knop{top: 6px; right: 6px; padding: 2px 4px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .fov-eigenaar{position: absolute; top: 8px; left: 8px; display: inline-flex; align-items: center; gap: 6px; background: var(--lime); color: var(--lime-t); font-size: 12px; font-weight: 700; border-radius: 999px; padding: 3px 10px 3px 3px; max-width: calc(100% - 16px);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .eig-bol{flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; background: var(--lime); color: var(--lime-t); font-size: 10.5px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; line-height: 1;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .fov-eigenaar .eig-bol{background: var(--wit);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .lijst{list-style: none; margin: 0px; padding: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .lijst li{display: grid; grid-template-columns: 28px minmax(0px, 1fr) auto; gap: 12px; align-items: center; padding: 9px 0px; border-bottom: 1px solid var(--lijn2); cursor: pointer;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .lijst li:first-child{padding-top: 2px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .lijst li.sub{padding-left: 22px; grid-template-columns: 28px minmax(0px, 1fr) auto;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapic{width: 28px; height: 28px; border-radius: 50%; background: var(--lilac); color: var(--paars); display: inline-flex; align-items: center; justify-content: center;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapic svg{width: 15px; height: 15px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapic.ged{background: var(--lime); color: var(--lime-t);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mr-t{display: flex; flex-direction: column; min-width: 0px; gap: 2px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mr-naam{font-weight: 700; font-size: 13.5px; color: var(--inkt); overflow-wrap: break-word;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mr-van, .start-scherm.ov-aan.ov-aan[data-bron="af"] .gr-meta{display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--grijs);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mr-van .eig-bol, .start-scherm.ov-aan.ov-aan[data-bron="af"] .gr-meta .eig-bol{width: 16px; height: 16px; font-size: 9.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mr-tel{font-size: 12px; color: var(--grijs); font-variant-numeric: tabular-nums;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .gedrij{grid-template-columns: minmax(0px, 1fr) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .klein .mr-naam{font-size: 13px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].lijstpg .st-hoofd{padding: 32px 56px 44px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].lijstpg .st-binnen{max-width: 980px;}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="af"].lijstpg .st-hoofd{padding: 18px 16px 32px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-grid.compact.drie{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .lk{position: relative; display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 16px; background: var(--wit); box-shadow: var(--kaart-schaduw); min-width: 0px; cursor: pointer; text-align: left;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .lk-nieuw{justify-content: center; border: 1.5px dashed var(--licht); box-shadow: none; background: transparent; color: var(--paars); font-weight: 700; font-size: 14px; min-height: 72px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mk-tegel{border-radius: 4px; background: radial-gradient(circle at 50% 35%,var(--mini-a) 0%,var(--mini-b) 80%); display: flex; padding: 1px 2px; min-width: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mk-tegel.leeg{opacity: 0.45;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].smal .st-binnen{max-width: 800px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].smal .bk-grid.compact.drie{gap: 26px 22px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mkv{position: relative; height: 110px; border-radius: 12px; background: var(--wit); box-shadow: var(--mini-schaduw); display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 4px; padding: 6px; margin-bottom: 6px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mkv .mk-tegel{border-radius: 6px; padding: 3px 5px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mkv .fov-eigenaar{top: auto; bottom: 6px; left: 6px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mkv{grid-template-rows: repeat(2, minmax(0px, 1fr));}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mkv .mk-tegel{min-height: 0px; overflow: hidden;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-mini:not(.oud), .start-scherm.ov-aan.ov-aan[data-bron="af"] .mkv .mk-tegel{background: var(--mb-vlak) !important; box-shadow: 0 0 0 1px var(--lijn) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mkv{background: var(--wit);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mk-tegel{position: relative; overflow: hidden;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mb{position: absolute; inset: 8px; width: calc(100% - 16px); height: calc(100% - 16px); display: block;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mk-tegel .mb{inset: 3px; width: calc(100% - 6px); height: calc(100% - 6px);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mb .mb-blok{fill: var(--mb-blok); stroke: var(--mb-rand); stroke-width: 3;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mb .mb-streep{fill: var(--mb-streep);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mb .mb-streep.licht{fill: var(--mb-streep2);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mb .mb-pijl{fill: none; stroke: var(--mb-pijl); stroke-linecap: round;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .chips{display: none; flex-wrap: wrap; gap: 8px; margin-bottom: 18px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .chip{border: 1px solid var(--lijn); background: var(--wit); color: var(--tekst); border-radius: 999px; padding: 7px 12px; font-size: 13px; font-weight: 600;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .chip.actief{background: var(--lilac); border-color: var(--licht); color: var(--paars);}
@media (max-width: 980px){.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-inhoud{grid-template-columns: 1fr; row-gap: 32px;}}
@media (max-width: 980px){.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-rechts{padding: 28px 0px 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-top: 1px solid var(--lijn);}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="af"] .chips{display: flex;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-hoofd{padding: 18px 16px 32px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="af"] .pg-h1{font-size: 32px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-grid, .start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-grid.compact{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px 14px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-rechts{position: static;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-knop{display: none;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="af"] .sluit{padding: 6px 10px;}}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mk-tegel{padding: 0px !important; display: block !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] svg.mb{position: absolute !important; inset: 12px !important; width: calc(100% - 24px) !important; height: calc(100% - 24px) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mk-tegel svg.mb{inset: 4px !important; width: calc(100% - 8px) !important; height: calc(100% - 8px) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mb .mb-blok{stroke-width: 2.5;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mb .mb-pijl{stroke-width: 3.5;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mb .mb-blok{fill: var(--k-blok) !important; stroke: var(--k-blokrand) !important; stroke-width: 2.5 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mb rect:not([class]){fill: var(--k-tegel) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mb g{stroke: var(--k-icoon) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mb .mb-streep{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mb .mb-pijl{stroke: var(--k-pijl) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mkv .mk-tegel{transition: transform 0.18s, box-shadow 0.18s; background: var(--k-vlak) !important; box-shadow: 0 0 0 1px var(--k-rand) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mkv{box-shadow: 0 0 0 1px var(--k-rand) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk:hover .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mkp:hover .mkv{transform: translateY(-2px); box-shadow: 0 0 0 1px var(--k-rand2),0 8px 20px rgba(65,1,223,.10) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-mini:not(.oud){border-radius: 12px !important;}
@media (prefers-reduced-motion: reduce){.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mkv, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mkv .mk-tegel{transition: none;}}
@media (prefers-reduced-motion: reduce){.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk:hover .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mkp:hover .mkv{transform: none;}}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-grid, .start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-grid.compact, .start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-grid.compact.drie{justify-content: start; grid-template-columns: repeat(3, 222px) !important; gap: 22px 14px !important;}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-grid, .start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-grid.compact, .start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-grid.compact.drie{grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;}}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-mini:not(.oud), .start-scherm.ov-aan.ov-aan[data-bron="af"] .mkv{margin-bottom: 6px; height: 125px !important; aspect-ratio: auto !important; border-radius: 12px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].smal .st-binnen, .start-scherm.ov-aan.ov-aan[data-bron="af"].lijstpg .st-binnen{max-width: 1080px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .compact .bk-naam, .start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-naam, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mk-naam{font-size: 13.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .compact .bk-meta, .start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-meta{font-size: 12px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-rechts{min-width: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk{position: relative; height: 125px; margin-bottom: 6px; cursor: pointer; transition: transform 0.18s;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mkp:hover .mapk{transform: translateY(-2px);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk .body{position: absolute; inset: 14px 0px 0px; border-radius: 0px 12px 12px; background: var(--map-vlak); box-shadow: rgba(20, 10, 60, 0.05) 0px 1px 2px; display: flex; flex-direction: column; justify-content: flex-end; padding: 12px 14px 10px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk:hover .body{box-shadow: rgba(65, 1, 223, 0.12) 0px 8px 20px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk .naam{font-weight: 700; font-size: 13.5px; color: var(--map-inkt); line-height: 1.2; overflow-wrap: break-word;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk .tel{font-family: Antonio, sans-serif; font-weight: 700; font-size: 30px; line-height: 0.95; color: var(--map-inkt); margin-top: 4px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk .tel small{font-family: "DM Sans", sans-serif; font-size: 11.5px; font-weight: 600; opacity: 0.7; margin-left: 5px; letter-spacing: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk.ged .body{background: var(--mapg-vlak);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk.ged .naam, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk.ged .tel{color: var(--mapg-inkt);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk .eig{position: absolute; top: 18px; right: 12px; display: inline-flex; align-items: center; gap: 6px; background: var(--wit); color: var(--mapg-inkt); font-size: 11.5px; font-weight: 700; border-radius: 999px; padding: 2px 9px 2px 3px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk .eig .eig-bol{width: 16px; height: 16px; font-size: 9.5px; background: var(--mapg-vlak);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk .mini4{position: absolute; top: 6px; right: 14px; display: grid; grid-template-columns: repeat(2, 34px); gap: 4px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk .mini4 i{display: block; height: 20px; border-radius: 5px; background: var(--map-vel); box-shadow: rgba(65, 1, 223, 0.08) 0px 0px 0px 1px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk .mini4{display: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk .body{justify-content: flex-end; background: transparent !important; box-shadow: none !important; inset: 0px !important; border-radius: 0px !important; padding: 14px 16px 12px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk:hover .body{box-shadow: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk svg.mapvorm{position: absolute; inset: 0px; width: 100%; height: 100%; display: block; filter: drop-shadow(rgba(20, 10, 60, 0.06) 0px 1px 1px);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk:hover svg.mapvorm{filter: drop-shadow(rgba(65, 1, 223, 0.14) 0px 8px 16px);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapvorm .m-achter{fill: var(--map-tab);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapvorm .m-vel{fill: var(--map-vel);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapvorm .m-vel2{fill: var(--map-vel); opacity: 0.7;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapvorm .m-voor{fill: var(--map-vlak);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk.ged .mapvorm .m-achter{fill: var(--mapg-tab);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk.ged .mapvorm .m-voor{fill: var(--mapg-vlak);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk .naam, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk .tel{position: relative;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk .eig{bottom: 14px; right: 14px; top: auto !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"]:not([data-map="kaart"]) .oud-mappen{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapweergave .st-inhoud{display: grid; grid-template-columns: minmax(0px, 2fr) minmax(280px, 1fr); column-gap: 36px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapweergave .st-rechts{border-left: 1px solid var(--lijn); padding-left: 28px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mw-grid{display: grid; grid-template-columns: repeat(auto-fill, 150px); gap: 22px 10px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mw-tekst{display: flex; flex-direction: column; align-items: center; min-width: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"]:not([data-map="lijst"]) .meta-kort{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mw-item{display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2px; padding: 14px 10px 10px; border-radius: 14px; cursor: pointer; transition: background 0.15s;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mw-item:hover{background: var(--hover);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mw-item .naam{font-weight: 700; font-size: 13.5px; margin-top: 6px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mw-item .meta{font-size: 12px; color: var(--grijs);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mw-item.nieuw .naam{color: var(--paars);}
.start-scherm.ov-aan.ov-aan[data-bron="af"]:not([data-map="lijst"]) .mw-tel{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mw-eig{display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--grijs);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mw-eig .eig-bol{width: 16px; height: 16px; font-size: 9.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapweergave .st-rechts .mw-grid{grid-template-columns: repeat(auto-fill, 120px); gap: 14px 8px;}
@media (max-width: 980px){.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapweergave .st-inhoud{grid-template-columns: 1fr; row-gap: 28px;}}
@media (max-width: 980px){.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapweergave .st-rechts{border-left-width: medium; border-left-style: none; border-left-color: currentcolor; padding-left: 0px; border-top: 1px solid var(--lijn); padding-top: 24px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="af"] .mw-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mkv, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mkv .mk-tegel, .start-scherm.ov-aan.ov-aan[data-bron="af"] .lk{box-shadow: 0 0 0 1px var(--k-rand) !important; transition: box-shadow 0.15s !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk:hover .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mkp:hover .mkv{transform: none !important; box-shadow: 0 0 0 1px var(--k-rand2) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk:hover{transform: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk svg.mapvorm, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk:hover svg.mapvorm{filter: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk .body, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk:hover .body{box-shadow: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-knop{box-shadow: 0 0 0 1px var(--lijn);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mkv .fov-eigenaar, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk .eig{display: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .eig-bol, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mr-van .eig-bol, .start-scherm.ov-aan.ov-aan[data-bron="af"] .gr-meta .eig-bol, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mw-eig .eig-bol{background: var(--lilac) !important; color: var(--paars) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .fov-eigenaar{background: var(--lilac); color: var(--paars);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapic.ged{background: var(--lilac) !important; color: var(--paars) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-map="icoon"] .mapic.ged::before{background: var(--map-vlak) !important; box-shadow: inset 0 3px 0 var(--map-tab) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapic, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mapic.ged, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mapic:not(.groot){width: auto !important; height: auto !important; background: none !important; border-radius: 0px !important; color: var(--k-icoon) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapic svg{display: block !important; width: 18px !important; height: 18px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mapic::before{content: none !important; display: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mw-ic{display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; flex: 0 0 auto; color: var(--k-icoon);}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .mw-ic svg{width: 18px; height: 18px; display: block;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .st-inhoud{display: block !important; max-width: 760px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .st-rechts{margin-top: 36px; position: static !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; padding: 0px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .mw-grid{flex-direction: column; border-top: 1px solid var(--k-rand); display: flex !important; gap: 0px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .mw-item{grid-template-columns: 18px minmax(0px, 1fr) auto 16px; align-items: center; gap: 14px; text-align: left; border-bottom: 1px solid var(--k-rand); background: none; display: grid !important; padding: 13px 12px !important; border-radius: 0px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .mw-item:hover{background: var(--hover);}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .mw-tekst{flex-direction: column; gap: 1px; min-width: 0px; display: flex !important; align-items: flex-start !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .mw-item .naam{font-size: 14px; font-weight: 600; color: var(--inkt); margin: 0px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .mw-item .meta-kort{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .mw-item .meta-vol{font-size: 12.5px; color: var(--grijs); display: inline-flex !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .mw-tel{font-size: 13px; color: var(--grijs); font-variant-numeric: tabular-nums; white-space: nowrap; display: block !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .mw-pijl{color: var(--grijs); display: flex;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .mw-item.nieuw{grid-template-columns: 18px minmax(0px, 1fr);}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .mw-item.nieuw .naam{color: var(--paars); font-weight: 600;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .mw-item.nieuw .mw-ic{color: var(--paars);}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .st-sectiekop{margin-bottom: 10px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .st-rechts{gap: 0px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave{display: block !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .oud-mappen{display: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .lk, .start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .mkv, .start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .mapk, .start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .mapk .body{border-radius: 10px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .chip, .start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .sluit, .start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .bk-knop, .start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .mw-item{border-radius: 8px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .lk, .start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .mkv{box-shadow: 0 0 0 1px var(--k-rand) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .bk:hover .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .lk:hover{box-shadow: 0 0 0 1px var(--k-rand2) !important; transform: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .st-hoofd{padding: 32px 48px 48px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .pg-kop{margin-bottom: 32px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .st-sectiekop{margin-bottom: 16px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .bk-grid{gap: 24px 16px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .st-rechts{padding-left: 32px; gap: 32px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .st-inhoud{column-gap: 48px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .chips{gap: 8px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .chip.actief{background: var(--paars); border-color: var(--paars); color: rgb(255, 255, 255);}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .bk-naam, .start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .mr-naam, .start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .mk-naam{font-size: 14px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .bk-meta, .start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .mr-van, .start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .gr-meta, .start-scherm.ov-aan.ov-aan[data-bron="af"][data-regels="aan"]:not(.hm2) .mr-tel{font-size: 12.5px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-pvf="wit"] .bk-mini{background: rgb(255, 255, 255) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .st-rechts .st-sectiekop{flex-direction: row !important; align-items: center !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-ag="nieuw"] .st-hoofd{background: rgb(250, 249, 255) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-ag="nieuw"] .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="af"][data-ag="nieuw"] .lk, .start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst[data-ag="nieuw"] .mw-item:not(.nieuw){background-color: rgb(255, 255, 255);}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-pvk="nieuw"] .bk-mini{background: rgb(255, 255, 255) !important; box-shadow: rgb(227, 225, 242) 0px 0px 0px 1px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-pvk="nieuw"] .bk:hover .bk-mini{box-shadow: rgb(169, 158, 240) 0px 0px 0px 1px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-pvk="nieuw"] .bk-mini svg.mb .mb-blok{fill: rgb(237, 237, 255) !important; stroke: rgb(42, 1, 151) !important; stroke-width: 4 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-pvk="nieuw"] .bk-mini svg.mb .mb-blok.dk{fill: rgb(65, 1, 223) !important; stroke: rgb(65, 1, 223) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-pvk="nieuw"] .bk-mini svg.mb rect:not([class]), .start-scherm.ov-aan.ov-aan[data-bron="af"][data-pvk="nieuw"] .bk-mini svg.mb g, .start-scherm.ov-aan.ov-aan[data-bron="af"][data-pvk="nieuw"] .bk-mini svg.mb .mb-streep{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-pvk="nieuw"] .bk-mini svg.mb .mb-pijl{stroke: rgb(42, 1, 151) !important; stroke-width: 4.5 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"][data-sluit="nieuw"] .pg-kop .sluit{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .st-rechts{display: block !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .st-inhoud{grid-template-columns: minmax(0px, 2fr) minmax(260px, 1fr); column-gap: 36px; display: grid !important; max-width: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .st-rechts{margin-top: 0px !important; border-left: 1px solid var(--lijn) !important; padding-left: 28px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .st-rechts .mw-item{padding: 10px 8px !important; grid-template-columns: 16px minmax(0px, 1fr) auto !important; gap: 10px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .st-rechts .mw-item .naam{font-size: 13.5px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .st-rechts .mw-pijl, .start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .st-rechts .mw-tel{display: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .st-rechts .mw-item{background: none !important;}
@media (max-width: 980px){.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .st-inhoud{grid-template-columns: 1fr !important; row-gap: 28px;}}
@media (max-width: 980px){.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .st-rechts{border-left-width: medium !important; border-left-style: none !important; border-left-color: currentcolor !important; padding-left: 0px !important; border-top: 1px solid var(--lijn) !important; padding-top: 24px !important;}}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk:not(.gd-mk):hover .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="af"] .lk:hover{box-shadow: rgb(169, 158, 240) 0px 0px 0px 1px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .maprij, .start-scherm.ov-aan.ov-aan[data-bron="af"] .gedrij{transition: background 0.12s; border-radius: 8px;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .maprij:hover, .start-scherm.ov-aan.ov-aan[data-bron="af"] .gedrij:hover, .start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .mw-item:not(.nieuw):hover{background: rgb(245, 243, 255) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .maprij:hover .mr-naam, .start-scherm.ov-aan.ov-aan[data-bron="af"] .gedrij:hover .mr-naam, .start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .mw-item:hover .naam{color: rgb(65, 1, 223) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"].mlijst .mapweergave .mw-item.nieuw:hover{background: rgb(245, 243, 255) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="af"] .bk, .start-scherm.ov-aan.ov-aan[data-bron="af"] .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="af"] .lk, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mw-item, .start-scherm.ov-aan.ov-aan[data-bron="af"] .mapk{box-shadow: none;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"]{--waas:rgba(199,199,249,.55);--wit:#ffffff;--grijs:#6b6b74;--inkt:#141414;--lijn:#ebe8f7;--mini-a:#ffffff;--mini-b:#f1f0ff;--mini-c:#ebe9ff;--mini-schaduw:0 0 0 1px #ebe8f7;--lime:#dfffb9;--lime-t:#2f5a00;--mb-vlak:#f7f7fb;--mb-blok:#ffffff;--mb-rand:#dcdaea;--mb-streep:#dddce7;--mb-streep2:#ecebf2;--mb-pijl:#b4aaf0;--tekst:#3d3d46;--lilac:#ededff;--licht:#c7c7f9;--paars:#4101df;--k-blok:#ffffff;--k-blokrand:#dcdaf2;--k-tegel:#ededff;--k-icoon:#4101df;--k-pijl:#c7c7f9;--k-vlak:#ffffff;--k-rand:#e6e4f4;--k-rand2:#a99ef0}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] *{box-sizing: border-box;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] button{font-family: inherit;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .st-hoofd{padding: 28px 40px 40px; background: radial-gradient(ellipse 70% 42% at 35% 0%,var(--waas) 0%,transparent 80%),var(--wit); min-width: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .st-binnen{max-width: 1080px; margin: 0px auto;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .pg-kop{display: flex; align-items: flex-start; gap: 16px; margin-bottom: 28px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .pg-kop > div{flex: 1 1 0%; min-width: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .st-datum{margin: 0px 0px 4px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--grijs);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .pg-h1{margin: 0px; font-family: Antonio, sans-serif; font-weight: 700; font-size: 40px; line-height: 1.05; color: var(--inkt);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .pg-sub{margin: 8px 0px 0px; color: var(--grijs); font-size: 14px; max-width: 560px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .sluit{flex: 0 0 auto; border: 1px solid var(--lijn); background: var(--wit); color: var(--inkt); border-radius: 10px; padding: 7px 12px; font-size: 13.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .st-sectiekop{display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; min-height: 22px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .st-h2{margin: 0px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--grijs);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 26px 20px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk{position: relative; display: flex; flex-direction: column; gap: 4px; min-width: 0px; cursor: pointer;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-mini{position: relative; aspect-ratio: 164 / 92; border-radius: 18px; background: radial-gradient(circle at 50% 35%,var(--mini-a) 0%,var(--mini-b) 70%,var(--mini-c) 100%); box-shadow: var(--mini-schaduw); display: flex; align-items: center; justify-content: center; padding: 12px 14px; margin-bottom: 8px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-mini svg{width: 100%; height: 100%;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-naam{font-weight: 700; font-size: 13.5px; line-height: 1.3; overflow-wrap: break-word;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-meta{font-size: 12px; color: var(--grijs);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-grid.compact{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 20px 14px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-grid.compact.drie{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .ged-sec{margin-bottom: 32px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mk-naam{display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 13.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .compact .bk-mini{border-radius: 12px; padding: 8px 10px; margin-bottom: 6px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .compact .bk-naam{font-size: 13px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .compact .bk-meta{font-size: 11.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .fov-eigenaar{position: absolute; top: 8px; left: 8px; display: inline-flex; align-items: center; gap: 6px; background: var(--lime); color: var(--lime-t); font-size: 12px; font-weight: 700; border-radius: 999px; padding: 3px 10px 3px 3px; max-width: calc(100% - 16px);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .eig-bol{flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; background: var(--lime); color: var(--lime-t); font-size: 10.5px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; line-height: 1;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .fov-eigenaar .eig-bol{background: var(--wit);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .sk-van{display: inline-flex; align-items: center; gap: 8px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .sk-van .eig-bol{width: 22px; height: 22px; font-size: 11px; letter-spacing: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"].lijstpg .st-hoofd{padding: 32px 56px 44px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"].lijstpg .st-binnen{max-width: 980px;}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="gd"].lijstpg .st-hoofd{padding: 18px 16px 32px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-grid.compact.drie{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
.start-scherm.ov-aan.ov-aan[data-bron="gd"].smal .st-binnen{max-width: 800px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"].smal .bk-grid.compact.drie{gap: 26px 22px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"].smal .bk-mini{aspect-ratio: auto; height: 110px; border-radius: 12px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-mini:not(.oud){background: var(--mb-vlak) !important; box-shadow: 0 0 0 1px var(--lijn) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-mini{position: relative; overflow: hidden;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mb{position: absolute; inset: 8px; width: calc(100% - 16px); height: calc(100% - 16px); display: block;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mb .mb-blok{fill: var(--mb-blok); stroke: var(--mb-rand); stroke-width: 3;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mb .mb-streep{fill: var(--mb-streep);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mb .mb-streep.licht{fill: var(--mb-streep2);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mb .mb-pijl{fill: none; stroke: var(--mb-pijl); stroke-linecap: round;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .chips{display: none; flex-wrap: wrap; gap: 8px; margin-bottom: 18px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .chip{border: 1px solid var(--lijn); background: var(--wit); color: var(--tekst); border-radius: 999px; padding: 7px 12px; font-size: 13px; font-weight: 600;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .chip.actief{background: var(--lilac); border-color: var(--licht); color: var(--paars);}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="gd"] .chips{display: flex;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="gd"] .st-hoofd{padding: 18px 16px 32px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="gd"] .pg-h1{font-size: 32px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-grid, .start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-grid.compact{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px 14px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="gd"] .sluit{padding: 6px 10px;}}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-mini{padding: 0px !important; display: block !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] svg.mb{position: absolute !important; inset: 12px !important; width: calc(100% - 24px) !important; height: calc(100% - 24px) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mb .mb-blok{stroke-width: 2.5;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mb .mb-pijl{stroke-width: 3.5;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mb .mb-blok{fill: var(--k-blok) !important; stroke: var(--k-blokrand) !important; stroke-width: 2.5 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mb rect:not([class]){fill: var(--k-tegel) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mb g{stroke: var(--k-icoon) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mb .mb-streep{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mb .mb-pijl{stroke: var(--k-pijl) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-mini{transition: transform 0.18s, box-shadow 0.18s; background: var(--k-vlak) !important; box-shadow: 0 0 0 1px var(--k-rand) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk:hover .bk-mini{transform: translateY(-2px); box-shadow: 0 0 0 1px var(--k-rand2),0 8px 20px rgba(65,1,223,.10) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-mini:not(.oud){border-radius: 12px !important;}
@media (prefers-reduced-motion: reduce){.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-mini{transition: none;}}
@media (prefers-reduced-motion: reduce){.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk:hover .bk-mini{transform: none;}}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-grid, .start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-grid.compact, .start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-grid.compact.drie{justify-content: start; grid-template-columns: repeat(3, 222px) !important; gap: 22px 14px !important;}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-grid, .start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-grid.compact, .start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-grid.compact.drie{grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;}}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-mini:not(.oud){margin-bottom: 6px; height: 125px !important; aspect-ratio: auto !important; border-radius: 12px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"].smal .st-binnen, .start-scherm.ov-aan.ov-aan[data-bron="gd"].lijstpg .st-binnen{max-width: 1080px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"].smal .bk-mini{height: 125px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .compact .bk-naam, .start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-naam, .start-scherm.ov-aan.ov-aan[data-bron="gd"] .mk-naam{font-size: 13.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .compact .bk-meta, .start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-meta{font-size: 12px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-mini{box-shadow: 0 0 0 1px var(--k-rand) !important; transition: box-shadow 0.15s !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk:hover .bk-mini{transform: none !important; box-shadow: 0 0 0 1px var(--k-rand2) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk .fov-eigenaar{display: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .eig-bol, .start-scherm.ov-aan.ov-aan[data-bron="gd"] .sk-van .eig-bol{background: var(--lilac) !important; color: var(--paars) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .fov-eigenaar{background: var(--lilac); color: var(--paars);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-regels="aan"]:not(.hm2) .bk-mini{border-radius: 10px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-regels="aan"]:not(.hm2) .chip, .start-scherm.ov-aan.ov-aan[data-bron="gd"][data-regels="aan"]:not(.hm2) .sluit{border-radius: 8px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-regels="aan"]:not(.hm2) .bk-mini{box-shadow: 0 0 0 1px var(--k-rand) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-regels="aan"]:not(.hm2) .bk:hover .bk-mini{box-shadow: 0 0 0 1px var(--k-rand2) !important; transform: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-regels="aan"]:not(.hm2) .st-hoofd{padding: 32px 48px 48px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-regels="aan"]:not(.hm2) .pg-kop{margin-bottom: 32px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-regels="aan"]:not(.hm2) .st-sectiekop{margin-bottom: 16px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-regels="aan"]:not(.hm2) .bk-grid{gap: 24px 16px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-regels="aan"]:not(.hm2) .chips{gap: 8px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-regels="aan"]:not(.hm2) .chip.actief{background: var(--paars); border-color: var(--paars); color: rgb(255, 255, 255);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-regels="aan"]:not(.hm2) .bk-naam, .start-scherm.ov-aan.ov-aan[data-bron="gd"][data-regels="aan"]:not(.hm2) .mk-naam{font-size: 14px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-regels="aan"]:not(.hm2) .bk-meta{font-size: 12.5px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-pvf="wit"] .bk-mini{background: rgb(255, 255, 255) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-ag="nieuw"] .st-hoofd{background: rgb(250, 249, 255) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-ag="nieuw"] .bk-mini{background-color: rgb(255, 255, 255);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-pvk="nieuw"] .bk-mini{background: rgb(255, 255, 255) !important; box-shadow: rgb(227, 225, 242) 0px 0px 0px 1px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-pvk="nieuw"] .bk:hover .bk-mini{box-shadow: rgb(169, 158, 240) 0px 0px 0px 1px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-pvk="nieuw"] .bk-mini svg.mb .mb-blok{fill: rgb(237, 237, 255) !important; stroke: rgb(42, 1, 151) !important; stroke-width: 4 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-pvk="nieuw"] .bk-mini svg.mb .mb-blok.dk{fill: rgb(65, 1, 223) !important; stroke: rgb(65, 1, 223) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-pvk="nieuw"] .bk-mini svg.mb rect:not([class]), .start-scherm.ov-aan.ov-aan[data-bron="gd"][data-pvk="nieuw"] .bk-mini svg.mb g, .start-scherm.ov-aan.ov-aan[data-bron="gd"][data-pvk="nieuw"] .bk-mini svg.mb .mb-streep{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-pvk="nieuw"] .bk-mini svg.mb .mb-pijl{stroke: rgb(42, 1, 151) !important; stroke-width: 4.5 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-sluit="nieuw"] .pg-kop .sluit{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .gd-lijst .ged-sec + .ged-sec{margin-top: 40px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .gd-terug{display: inline-flex; align-items: center; gap: 4px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; padding: 0px; margin: 0px 0px 14px; font: 600 13.5px "DM Sans", system-ui, sans-serif; color: rgb(65, 1, 223); cursor: pointer;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .pg-sub .eig-bol{margin-right: 6px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-mini .fov-eigenaar{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .gd-mkmini{color: rgb(65, 1, 223); position: relative !important; overflow: hidden !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .gd-mkmini > *{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mk-ic svg{width: 100%; height: 100%; display: block;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mk-vel i{position: absolute; inset: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(217, 212, 245); border-radius: 6px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mk-vel i:nth-child(1){transform: translate(-10px, 6px) rotate(-6deg);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mk-vel i:nth-child(2){transform: translate(8px, 3px) rotate(5deg);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mk-vel i:nth-child(3){transform: none; background: linear-gradient(rgb(199, 199, 249), rgb(199, 199, 249)) 10px 12px / 40px 7px no-repeat, linear-gradient(rgb(230, 226, 248), rgb(230, 226, 248)) 10px 26px / 58px 5px no-repeat, linear-gradient(rgb(230, 226, 248), rgb(230, 226, 248)) 10px 36px / 46px 5px no-repeat, rgb(255, 255, 255);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-mk="tab"] .gd-mkmini{background: transparent !important; box-shadow: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-mk="tab"] .mk-tab{display: block; position: absolute; inset: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-mk="tab"] .mk-tab svg{display: block; width: 100%; height: 100%; overflow: visible;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-mk="tab"] .mk-tab path{fill: rgb(237, 237, 255); stroke: rgb(169, 158, 240); stroke-width: 1; vector-effect: non-scaling-stroke; transition: fill 0.12s;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-mk="tab"] .gd-mk:hover .mk-tab path, .start-scherm.ov-aan.ov-aan[data-bron="gd"][data-mk="tab"] .gd-mk:active .mk-tab path{fill: rgb(225, 220, 251);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-mk="tab"] .gd-mk:focus-visible .mk-tab path{stroke: rgb(65, 1, 223); stroke-width: 2;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-mk="tab"] .gd-mk, .start-scherm.ov-aan.ov-aan[data-bron="gd"][data-mk="tab"] .gd-mk:focus{outline: none;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-pvk="nieuw"][data-mk="tab"] .bk.gd-mk .gd-mkmini, .start-scherm.ov-aan.ov-aan[data-bron="gd"][data-pvk="nieuw"][data-mk="tab"] .bk.gd-mk:hover .gd-mkmini, .start-scherm.ov-aan.ov-aan[data-bron="gd"][data-pvk="nieuw"][data-mk="tab"] .bk.gd-mk:active .gd-mkmini, .start-scherm.ov-aan.ov-aan[data-bron="gd"][data-pvk="nieuw"][data-mk="tab"] .bk.gd-mk:focus .gd-mkmini{box-shadow: none !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; outline: none !important; background: transparent !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-mk="tab"] .mk-tel{display: flex; align-items: baseline; gap: 6px; position: absolute; left: 16px; bottom: 12px; font-size: 12.5px; color: rgb(65, 1, 223);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"][data-mk="tab"] .mk-tel b{font-family: Antonio, system-ui, sans-serif; font-size: 40px; line-height: 1; font-weight: 700; color: rgb(42, 1, 151);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mk-lijst li{display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: rgb(61, 61, 70); white-space: nowrap; overflow: hidden;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .mk-lijst li::before{content: ""; flex: 0 0 auto; width: 6px; height: 6px; border-radius: 2px; background: rgb(199, 199, 249);}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .gd-mk{cursor: pointer;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk:not(.gd-mk):hover .bk-mini{box-shadow: rgb(169, 158, 240) 0px 0px 0px 1px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .st-binnen{max-width: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .st-binnen .bk-grid, .start-scherm.ov-aan.ov-aan[data-bron="gd"] .st-binnen .bk-grid.compact, .start-scherm.ov-aan.ov-aan[data-bron="gd"] .st-binnen .bk-grid.compact.drie{grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .st-binnen .bk-mini{height: auto !important; aspect-ratio: 222 / 125 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk, .start-scherm.ov-aan.ov-aan[data-bron="gd"] .bk-mini{box-shadow: none;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"]{--waas:rgba(199,199,249,.55);--wit:#ffffff;--grijs:#6b6b74;--inkt:#141414;--lijn:#ebe8f7;--mini-a:#ffffff;--mini-b:#f1f0ff;--mini-c:#ebe9ff;--mini-schaduw:0 0 0 1px #ebe8f7;--licht:#c7c7f9;--paars:#4101df;--mb-vlak:#f7f7fb;--mb-blok:#ffffff;--mb-rand:#dcdaea;--mb-streep:#dddce7;--mb-streep2:#ecebf2;--mb-pijl:#b4aaf0;--tekst:#3d3d46;--lilac:#ededff;--k-blok:#ffffff;--k-blokrand:#dcdaf2;--k-tegel:#ededff;--k-icoon:#4101df;--k-pijl:#c7c7f9;--k-vlak:#ffffff;--k-rand:#e6e4f4;--k-rand2:#a99ef0;--pagina:#f6f6fa}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] *{box-sizing: border-box;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] button{font-family: inherit;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .st-hoofd{padding: 28px 40px 40px; background: radial-gradient(ellipse 70% 42% at 35% 0%,var(--waas) 0%,transparent 80%),var(--wit); min-width: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .st-binnen{max-width: 1080px; margin: 0px auto;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .pg-kop{display: flex; align-items: flex-start; gap: 16px; margin-bottom: 28px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .pg-kop > div{flex: 1 1 0%; min-width: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .st-datum{margin: 0px 0px 4px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--grijs);}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .pg-h1{margin: 0px; font-family: Antonio, sans-serif; font-weight: 700; font-size: 40px; line-height: 1.05; color: var(--inkt);}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .pg-sub{margin: 8px 0px 0px; color: var(--grijs); font-size: 14px; max-width: 560px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .sluit{flex: 0 0 auto; border: 1px solid var(--lijn); background: var(--wit); color: var(--inkt); border-radius: 10px; padding: 7px 12px; font-size: 13.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 26px 20px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk{position: relative; display: flex; flex-direction: column; gap: 4px; min-width: 0px; cursor: pointer;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-mini{position: relative; aspect-ratio: 164 / 92; border-radius: 18px; background: radial-gradient(circle at 50% 35%,var(--mini-a) 0%,var(--mini-b) 70%,var(--mini-c) 100%); box-shadow: var(--mini-schaduw); display: flex; align-items: center; justify-content: center; padding: 12px 14px; margin-bottom: 8px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-mini svg{width: 100%; height: 100%;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-naam{font-weight: 700; font-size: 13.5px; line-height: 1.3; overflow-wrap: break-word;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-meta{font-size: 12px; color: var(--grijs);}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-knop{position: absolute; top: 8px; right: 8px; display: flex; gap: 2px; align-items: center; background: var(--wit); border-radius: 8px; padding: 3px 6px; color: var(--grijs); font-size: 12px; box-shadow: 0 0 0 1px var(--lijn);}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-knop svg, .start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-knop span{padding: 0px 3px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-grid.compact{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 20px 14px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-grid.compact.drie{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .compact .bk-mini{border-radius: 12px; padding: 8px 10px; margin-bottom: 6px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .compact .bk-naam{font-size: 13px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .compact .bk-meta{font-size: 11.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .compact .bk-knop{top: 6px; right: 6px; padding: 2px 4px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .compact .bk-nieuw{border-radius: 12px; font-size: 13px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-nieuw{aspect-ratio: 164 / 92; display: flex; align-items: center; justify-content: center; gap: 8px; border: 1.5px dashed var(--licht); border-radius: 18px; background: transparent; color: var(--paars); font-weight: 700; font-size: 14px; cursor: pointer;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"].lijstpg .st-hoofd{padding: 32px 56px 44px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"].lijstpg .st-binnen{max-width: 980px;}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="mf"].lijstpg .st-hoofd{padding: 18px 16px 32px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-grid.compact.drie{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
.start-scherm.ov-aan.ov-aan[data-bron="mf"].smal .st-binnen{max-width: 800px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"].smal .bk-grid.compact.drie{gap: 26px 22px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"].smal .bk-mini{aspect-ratio: auto; height: 110px; border-radius: 12px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"].smal .bk-nieuw{aspect-ratio: auto; height: 110px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-mini:not(.oud){background: var(--mb-vlak) !important; box-shadow: 0 0 0 1px var(--lijn) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-mini{position: relative; overflow: hidden;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .mb{position: absolute; inset: 8px; width: calc(100% - 16px); height: calc(100% - 16px); display: block;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .mb .mb-blok{fill: var(--mb-blok); stroke: var(--mb-rand); stroke-width: 3;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .mb .mb-streep{fill: var(--mb-streep);}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .mb .mb-streep.licht{fill: var(--mb-streep2);}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .mb .mb-pijl{fill: none; stroke: var(--mb-pijl); stroke-linecap: round;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .chips{display: none; flex-wrap: wrap; gap: 8px; margin-bottom: 18px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .chip{border: 1px solid var(--lijn); background: var(--wit); color: var(--tekst); border-radius: 999px; padding: 7px 12px; font-size: 13px; font-weight: 600;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .chip.actief{background: var(--lilac); border-color: var(--licht); color: var(--paars);}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="mf"] .chips{display: flex;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="mf"] .st-hoofd{padding: 18px 16px 32px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="mf"] .pg-h1{font-size: 32px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-grid, .start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-grid.compact{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px 14px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-knop{display: none;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="mf"] .sluit{padding: 6px 10px;}}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-mini{padding: 0px !important; display: block !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] svg.mb{position: absolute !important; inset: 12px !important; width: calc(100% - 24px) !important; height: calc(100% - 24px) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .mb .mb-blok{stroke-width: 2.5;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .mb .mb-pijl{stroke-width: 3.5;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .mb .mb-blok{fill: var(--k-blok) !important; stroke: var(--k-blokrand) !important; stroke-width: 2.5 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .mb rect:not([class]){fill: var(--k-tegel) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .mb g{stroke: var(--k-icoon) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .mb .mb-streep{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .mb .mb-pijl{stroke: var(--k-pijl) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-mini{transition: transform 0.18s, box-shadow 0.18s; background: var(--k-vlak) !important; box-shadow: 0 0 0 1px var(--k-rand) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk:hover .bk-mini{transform: translateY(-2px); box-shadow: 0 0 0 1px var(--k-rand2),0 8px 20px rgba(65,1,223,.10) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-mini:not(.oud){border-radius: 12px !important;}
@media (prefers-reduced-motion: reduce){.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-mini{transition: none;}}
@media (prefers-reduced-motion: reduce){.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk:hover .bk-mini{transform: none;}}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .kb-seg{display: inline-flex; gap: 2px; padding: 3px; border-radius: 999px; background: var(--pagina); box-shadow: 0 0 0 1px var(--lijn);}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .kb-seg button{border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; border-radius: 999px; padding: 5px 11px; font: 600 12.5px "DM Sans", system-ui, sans-serif; color: var(--tekst); cursor: pointer; white-space: nowrap;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .kb-seg button[aria-pressed="true"]{background: rgb(65, 1, 223); color: rgb(255, 255, 255);}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .kb-seg button:focus-visible{outline: 2px solid var(--paars); outline-offset: 2px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-grid, .start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-grid.compact, .start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-grid.compact.drie{justify-content: start; grid-template-columns: repeat(3, 222px) !important; gap: 22px 14px !important;}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-grid, .start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-grid.compact, .start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-grid.compact.drie{grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;}}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-mini:not(.oud), .start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-nieuw{margin-bottom: 6px; height: 125px !important; aspect-ratio: auto !important; border-radius: 12px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"].smal .st-binnen, .start-scherm.ov-aan.ov-aan[data-bron="mf"].lijstpg .st-binnen{max-width: 1080px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"].smal .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="mf"].smal .bk-nieuw{height: 125px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .compact .bk-naam, .start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-naam{font-size: 13.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .compact .bk-meta, .start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-meta{font-size: 12px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-mini{box-shadow: 0 0 0 1px var(--k-rand) !important; transition: box-shadow 0.15s !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk:hover .bk-mini{transform: none !important; box-shadow: 0 0 0 1px var(--k-rand2) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-knop{box-shadow: 0 0 0 1px var(--lijn);}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-regels="aan"]:not(.hm2) .bk-mini{border-radius: 10px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-regels="aan"]:not(.hm2) .chip, .start-scherm.ov-aan.ov-aan[data-bron="mf"][data-regels="aan"]:not(.hm2) .sluit, .start-scherm.ov-aan.ov-aan[data-bron="mf"][data-regels="aan"]:not(.hm2) .bk-knop{border-radius: 8px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-regels="aan"]:not(.hm2) .bk-mini{box-shadow: 0 0 0 1px var(--k-rand) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-regels="aan"]:not(.hm2) .bk:hover .bk-mini{box-shadow: 0 0 0 1px var(--k-rand2) !important; transform: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-regels="aan"]:not(.hm2) .st-hoofd{padding: 32px 48px 48px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-regels="aan"]:not(.hm2) .pg-kop{margin-bottom: 32px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-regels="aan"]:not(.hm2) .bk-grid{gap: 24px 16px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-regels="aan"]:not(.hm2) .chips{gap: 8px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-regels="aan"]:not(.hm2) .chip.actief{background: var(--paars); border-color: var(--paars); color: rgb(255, 255, 255);}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-regels="aan"]:not(.hm2) .bk-naam{font-size: 14px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-regels="aan"]:not(.hm2) .bk-meta{font-size: 12.5px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-pvf="wit"] .bk-mini{background: rgb(255, 255, 255) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-ag="nieuw"] .st-hoofd{background: rgb(250, 249, 255) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-ag="nieuw"] .bk-mini{background-color: rgb(255, 255, 255);}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-pvk="nieuw"] .bk-mini{background: rgb(255, 255, 255) !important; box-shadow: rgb(227, 225, 242) 0px 0px 0px 1px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-pvk="nieuw"] .bk:hover .bk-mini{box-shadow: rgb(169, 158, 240) 0px 0px 0px 1px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-pvk="nieuw"] .bk-mini svg.mb .mb-blok{fill: rgb(237, 237, 255) !important; stroke: rgb(42, 1, 151) !important; stroke-width: 4 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-pvk="nieuw"] .bk-mini svg.mb .mb-blok.dk{fill: rgb(65, 1, 223) !important; stroke: rgb(65, 1, 223) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-pvk="nieuw"] .bk-mini svg.mb rect:not([class]), .start-scherm.ov-aan.ov-aan[data-bron="mf"][data-pvk="nieuw"] .bk-mini svg.mb g, .start-scherm.ov-aan.ov-aan[data-bron="mf"][data-pvk="nieuw"] .bk-mini svg.mb .mb-streep{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-pvk="nieuw"] .bk-mini svg.mb .mb-pijl{stroke: rgb(42, 1, 151) !important; stroke-width: 4.5 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-sluit="nieuw"] .pg-kop .sluit{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk:not(.gd-mk):hover .bk-mini{box-shadow: rgb(169, 158, 240) 0px 0px 0px 1px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .mf-zoek{display: none; align-items: center; justify-content: space-between; gap: 16px; margin: 0px 0px 24px; flex-wrap: wrap;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"][data-zoek="ja"] .mf-zoek{display: flex;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .mf-veld{display: flex; align-items: center; gap: 8px; flex: 0 1 320px; background: rgb(255, 255, 255); border: 1px solid rgb(227, 225, 242); border-radius: 8px; padding: 8px 12px; color: rgb(107, 107, 116);}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .mf-veld input{border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13.5px; flex: 1 1 0%; min-width: 0px; background: none;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .mf-sort button{font-size: 12.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .st-binnen{max-width: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .st-binnen .bk-grid, .start-scherm.ov-aan.ov-aan[data-bron="mf"] .st-binnen .bk-grid.compact, .start-scherm.ov-aan.ov-aan[data-bron="mf"] .st-binnen .bk-grid.compact.drie{grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .st-binnen .bk-mini, .start-scherm.ov-aan.ov-aan[data-bron="mf"] .st-binnen .bk-nieuw{height: auto !important; aspect-ratio: 222 / 125 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk, .start-scherm.ov-aan.ov-aan[data-bron="mf"] .bk-mini{box-shadow: none;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"]{--waas:rgba(199,199,249,.55);--wit:#ffffff;--grijs:#6b6b74;--inkt:#141414;--lijn:#ebe8f7;--mini-a:#ffffff;--mini-b:#f1f0ff;--mini-c:#ebe9ff;--mini-schaduw:0 0 0 1px #ebe8f7;--tekst:#3d3d46;--lb-top-t:#b8007c;--lb-top-v:#ffe6f6;--mb-vlak:#f7f7fb;--mb-blok:#ffffff;--mb-rand:#dcdaea;--mb-streep:#dddce7;--mb-streep2:#ecebf2;--mb-noot:#fbf8e8;--mb-nootrand:#ece6c4;--mb-pijl:#b4aaf0;--k-blok:#ffffff;--k-blokrand:#dcdaf2;--k-tegel:#ededff;--k-icoon:#4101df;--k-pijl:#c7c7f9;--k-vlak:#ffffff;--k-rand:#e6e4f4;--k-rand2:#a99ef0;--pat-ag:#f3f1ff;--pat-lijn:#e2dffb}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] *{box-sizing: border-box;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] button{font-family: inherit;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .st-hoofd{padding: 28px 40px 40px; background: radial-gradient(ellipse 70% 42% at 35% 0%,var(--waas) 0%,transparent 80%),var(--wit); min-width: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .st-binnen{max-width: 1080px; margin: 0px auto;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pg-kop{display: flex; align-items: flex-start; gap: 16px; margin-bottom: 28px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pg-kop > div{flex: 1 1 0%; min-width: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .st-datum{margin: 0px 0px 4px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--grijs);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pg-h1{margin: 0px; font-family: Antonio, sans-serif; font-weight: 700; font-size: 40px; line-height: 1.05; color: var(--inkt);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pg-sub{margin: 8px 0px 0px; color: var(--grijs); font-size: 14px; max-width: 560px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .sluit{flex: 0 0 auto; border: 1px solid var(--lijn); background: var(--wit); color: var(--inkt); border-radius: 10px; padding: 7px 12px; font-size: 13.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"].lijstpg .st-hoofd{padding: 32px 56px 44px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"].lijstpg .st-binnen{max-width: 980px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 28px 20px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk{display: flex; flex-direction: column; gap: 6px; min-width: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini{position: relative; aspect-ratio: 240 / 130; border-radius: 18px; background: radial-gradient(circle at 50% 35%,var(--mini-a) 0%,var(--mini-b) 70%,var(--mini-c) 100%); box-shadow: var(--mini-schaduw); display: flex; padding: 14px 16px; margin-bottom: 6px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini svg{width: 100%; height: 100%;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-slot{position: absolute; top: 10px; left: 10px; display: inline-flex; align-items: center; gap: 5px; background: var(--wit); color: var(--tekst); font-size: 11.5px; font-weight: 700; border-radius: 999px; padding: 3px 9px 3px 7px; box-shadow: 0 0 0 1px var(--lijn);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk.dicht{cursor: pointer;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini .pk-slot svg{width: 12px; height: 12px; flex: 0 0 auto;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-slot{white-space: nowrap;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-naam{font-weight: 700; font-size: 15px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-oms{font-size: 13px; color: var(--tekst); line-height: 1.5; margin-bottom: 6px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .ontgr-t{flex: 1 1 0%; min-width: 220px; margin: 0px; font-size: 16px; font-weight: 600; color: var(--inkt);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .concept{display: inline-block; vertical-align: middle; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--lb-top-t); background: var(--lb-top-v); border-radius: 6px; padding: 1px 6px; margin-left: 4px;}
@media (max-width: 980px){.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="pt"].lijstpg .st-hoofd{padding: 18px 16px 32px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-grid{grid-template-columns: 1fr !important;}}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini{background: var(--mb-vlak) !important; box-shadow: 0 0 0 1px var(--lijn) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini{position: relative; overflow: hidden;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .mb{position: absolute; inset: 8px; width: calc(100% - 16px); height: calc(100% - 16px); display: block;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini{aspect-ratio: 16 / 10 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini::after{content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 34%; background: linear-gradient(to bottom,transparent,var(--mb-vlak)); pointer-events: none;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-grid{gap: 32px 24px; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini .mb{inset: 14px; width: calc(100% - 28px); height: calc(100% - 28px);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .mb .mb-blok{fill: var(--mb-blok); stroke: var(--mb-rand); stroke-width: 3;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .mb .mb-streep{fill: var(--mb-streep);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .mb .mb-streep.licht{fill: var(--mb-streep2);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .mb .mb-noot{fill: var(--mb-noot); stroke: var(--mb-nootrand); stroke-width: 3;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .mb .mb-pijl{fill: none; stroke: var(--mb-pijl); stroke-linecap: round;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-aantal{font-size: 12px; font-weight: 600; color: var(--grijs); margin-top: -2px;}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="pt"] .st-hoofd{padding: 18px 16px 32px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pg-h1{font-size: 32px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="pt"] .sluit{padding: 6px 10px;}}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini{padding: 0px !important; display: block !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] svg.mb{position: absolute !important; inset: 12px !important; width: calc(100% - 24px) !important; height: calc(100% - 24px) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .mb .mb-blok{stroke-width: 2.5;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .mb .mb-pijl{stroke-width: 3.5;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 28px 20px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini{height: 150px; aspect-ratio: auto !important; border-radius: 12px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini::after{display: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini svg.mb{inset: 14px !important; width: calc(100% - 28px) !important; height: calc(100% - 28px) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-naam{font-size: 14px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-oms{font-size: 12.5px;}
@media (max-width: 980px){.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;}}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .mb .mb-blok{fill: var(--k-blok) !important; stroke: var(--k-blokrand) !important; stroke-width: 2.5 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .mb rect:not([class]){fill: var(--k-tegel) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .mb g{stroke: var(--k-icoon) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .mb .mb-streep, .start-scherm.ov-aan.ov-aan[data-bron="pt"] .mb .mb-noot{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .mb .mb-pijl{stroke: var(--k-pijl) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini{transition: transform 0.18s, box-shadow 0.18s; background: var(--k-vlak) !important; box-shadow: 0 0 0 1px var(--k-rand) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk:hover .pk-mini{transform: translateY(-2px); box-shadow: 0 0 0 1px var(--k-rand2),0 8px 20px rgba(65,1,223,.10) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 26px 22px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini{height: 110px; margin-bottom: 6px; aspect-ratio: auto !important; border-radius: 12px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini svg.mb{inset: 10px !important; width: calc(100% - 20px) !important; height: calc(100% - 20px) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-naam{font-size: 13.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-oms{font-size: 12.5px; margin-bottom: 4px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-aantal{font-size: 11.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pat .st-binnen{max-width: 800px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pat .st-hoofd{background: var(--pat-ag) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pat .pk-mini{background: var(--wit) !important; box-shadow: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pat .pk:hover .pk-mini{box-shadow: rgba(65, 1, 223, 0.1) 0px 8px 20px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pat .pk-slot{box-shadow: 0 0 0 1px var(--pat-lijn);}
@media (prefers-reduced-motion: reduce){.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini{transition: none;}}
@media (prefers-reduced-motion: reduce){.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk:hover .pk-mini{transform: none;}}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-grid{justify-content: start; grid-template-columns: repeat(3, 222px) !important; gap: 22px 14px !important;}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-grid{grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;}}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini{margin-bottom: 6px; height: 125px !important; aspect-ratio: auto !important; border-radius: 12px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"].lijstpg .st-binnen, .start-scherm.ov-aan.ov-aan[data-bron="pt"] .pat .st-binnen{max-width: 1080px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"].pat[data-pat="zelfde"] .st-hoofd{background: inherit;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"].pat[data-pat="zelfde"] .pk-mini{background: var(--k-vlak) !important; box-shadow: 0 0 0 1px var(--k-rand) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini{box-shadow: 0 0 0 1px var(--k-rand) !important; transition: box-shadow 0.15s !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk:hover .pk-mini{transform: none !important; box-shadow: 0 0 0 1px var(--k-rand2) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pat .pk-mini{box-shadow: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pat .pk:hover .pk-mini{box-shadow: 0 0 0 1px var(--pat-lijn) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"][data-regels="aan"]:not(.hm2) .pk-mini{border-radius: 10px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"][data-regels="aan"]:not(.hm2) .sluit{border-radius: 8px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"][data-regels="aan"]:not(.hm2) .pk-mini{box-shadow: 0 0 0 1px var(--k-rand) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"][data-regels="aan"]:not(.hm2) .pk:hover .pk-mini{box-shadow: 0 0 0 1px var(--k-rand2) !important; transform: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"][data-regels="aan"]:not(.hm2) .st-hoofd{padding: 32px 48px 48px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"][data-regels="aan"]:not(.hm2) .pg-kop{margin-bottom: 32px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"][data-regels="aan"]:not(.hm2) .pk-grid{gap: 24px 16px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-sub{margin: 8px 0px 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"][data-ag="nieuw"] .st-hoofd{background: rgb(250, 249, 255) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"][data-sluit="nieuw"] .pg-kop .sluit{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .st-binnen .pk-grid{grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important; gap: 28px 16px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk{grid-template-columns: minmax(0px, 1fr) auto; align-content: start; gap: 0px 10px; cursor: pointer; display: grid !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk > .pk-mini{grid-column: 1 / -1; margin-bottom: 12px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk > .pk-naam{grid-column: 1; font-size: 14.5px; font-weight: 700; line-height: 1.3; color: rgb(20, 20, 20); align-self: center;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk > .pk-aantal{grid-column: 2; align-self: center; font-size: 11.5px; font-weight: 600; color: rgb(107, 107, 116); background: rgb(243, 241, 251); border-radius: 999px; padding: 2px 8px; white-space: nowrap; margin: 0px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk > .pk-oms{grid-column: 1 / -1; font-size: 13px; line-height: 1.45; color: rgb(107, 107, 116); margin: 6px 0px 0px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk:hover .pk-naam{color: rgb(65, 1, 223);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-boven, .start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-onder{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"][data-pplek="boven"] .pt-boven{display: block; margin: -8px 0px 28px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-link{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"][data-pplek="boven"] .pt-link{display: block; margin-top: 24px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-link button{display: inline-flex; align-items: center; gap: 6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; padding: 0px; font: 600 13px "DM Sans", system-ui, sans-serif; color: rgb(65, 1, 223); cursor: pointer;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-link button:hover{color: rgb(46, 0, 168);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-link svg{width: 14px; height: 14px; transition: transform 0.15s;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-link button:hover svg{transform: translateX(3px);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-ontgr{display: inline-flex; align-items: center; gap: 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgb(237, 237, 255); color: rgb(65, 1, 223); font: 600 14px "DM Sans", system-ui, sans-serif; padding: 10px 16px; border-radius: 8px; cursor: pointer;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-ontgr:hover{background: rgb(220, 216, 245);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-sub.ontgr-t{margin-top: 6px; font-size: 14px !important; font-weight: 400 !important; color: rgb(61, 61, 70) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-slot{padding: 5px !important; border-radius: 999px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-slot svg{width: 14px !important; height: 14px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-scherm{position: absolute; inset: 0px; background: rgba(20, 10, 60, 0.45); display: grid; place-items: center; z-index: 5; border-radius: inherit;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-venster{position: relative; width: min(500px, 100% - 32px); max-height: calc(100% - 48px); overflow: auto; background: rgb(255, 255, 255); border: 1px solid rgb(230, 228, 244); border-radius: 12px; padding: 28px 32px; display: flex; flex-direction: column; gap: 10px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-sluit{position: absolute; top: 14px; right: 14px; width: 34px; height: 34px; display: grid; place-items: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; border-radius: 8px; color: rgb(107, 107, 116); cursor: pointer;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-sluit:hover{background: rgb(245, 243, 255); color: rgb(65, 1, 223);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-venster h4{margin: 0px 40px 4px 0px; font-family: Antonio, system-ui, sans-serif; font-weight: 700; font-size: 28px; line-height: 1.05; color: rgb(20, 20, 20);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-venster p{margin: 0px; font-size: 14px; line-height: 1.55; color: rgb(61, 61, 70);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-lijst{list-style: none; margin: 6px 0px; padding: 0px; border-top: 1px solid rgb(235, 233, 243);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-lijst li{display: flex; align-items: center; gap: 10px; padding: 7px 2px; border-bottom: 1px solid rgb(235, 233, 243); font-size: 14px; font-weight: 600; color: rgb(20, 20, 20);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-lijst li svg{color: rgb(58, 154, 0); flex: 0 0 auto;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-sub{font-size: 13px !important; color: rgb(107, 107, 116) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-prijsrij{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-prijs{display: flex; align-items: baseline; gap: 8px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-prijs b{font-family: Antonio, system-ui, sans-serif; font-size: 34px; line-height: 1; color: rgb(42, 1, 151);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-prijs s{font-size: 15px; color: rgb(154, 152, 166);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-prijs small{font-size: 12.5px; color: rgb(107, 107, 116);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-tijd{font-size: 12px; font-weight: 700; color: rgb(47, 90, 0); background: rgb(223, 255, 185); border-radius: 999px; padding: 4px 10px; white-space: nowrap;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-koop{border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgb(65, 1, 223); color: rgb(255, 255, 255); font: 600 15px "DM Sans", system-ui, sans-serif; padding: 13px 18px; border-radius: 8px; cursor: pointer; width: 100%;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pt-koop:hover{background: rgb(46, 0, 168);}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-oms{margin-bottom: 12px;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk-mini{height: auto !important; aspect-ratio: 16 / 9 !important; border-radius: 10px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"][data-ppv="print"] .pk-mini{background: rgb(255, 255, 255) !important; box-shadow: rgb(227, 225, 242) 0px 0px 0px 1px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"][data-ppv="print"] .pk-mini svg.mb .mb-blok{fill: rgb(237, 237, 255) !important; stroke: rgb(42, 1, 151) !important; stroke-width: 4 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"][data-ppv="print"] .pk-mini svg.mb .mb-blok.dk{fill: rgb(65, 1, 223) !important; stroke: rgb(65, 1, 223) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"][data-ppv="print"] .pk-mini svg.mb rect:not([class]), .start-scherm.ov-aan.ov-aan[data-bron="pt"][data-ppv="print"] .pk-mini svg.mb g, .start-scherm.ov-aan.ov-aan[data-bron="pt"][data-ppv="print"] .pk-mini svg.mb .mb-streep{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"][data-ppv="print"] .pk-mini svg.mb .mb-pijl{stroke: rgb(42, 1, 151) !important; stroke-width: 4.5 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"] .pk:hover .pk-mini{box-shadow: rgb(169, 158, 240) 0px 0px 0px 1px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="pt"][data-pat="zelfde"] .st-hoofd{background: rgb(250, 249, 255) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"]{--waas:rgba(199,199,249,.55);--wit:#ffffff;--grijs:#6b6b74;--inkt:#141414;--lijn:#ebe8f7;--paars:#4101df;--lijn2:#f0eef8;--kaart-schaduw:0 0 0 1px #ebe8f7;--mini-a:#ffffff;--mini-b:#f1f0ff;--mini-c:#ebe9ff;--mini-schaduw:0 0 0 1px #ebe8f7;--tekst:#3d3d46;--lb-zwak-v:#feeeea;--lb-zwak-t:#b4391f;--lb-zwak:#f2775f;--lb-red-v:#eceefd;--lb-red-t:#3d4ed1;--lb-red:#495adf;--lb-goed-v:#ebfbe2;--lb-goed-t:#2b7a00;--lb-goed:#4fde02;--licht:#c7c7f9;--mb-vlak:#f7f7fb;--mb-blok:#ffffff;--mb-rand:#dcdaea;--mb-streep:#dddce7;--mb-streep2:#ecebf2;--mb-pijl:#b4aaf0;--k-blok:#ffffff;--k-blokrand:#dcdaf2;--k-tegel:#ededff;--k-icoon:#4101df;--k-pijl:#c7c7f9;--k-vlak:#ffffff;--k-rand:#e6e4f4;--k-rand2:#a99ef0}
.start-scherm.ov-aan.ov-aan[data-bron="db"] *{box-sizing: border-box;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] button{font-family: inherit;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .st-hoofd{padding: 28px 40px 40px; background: radial-gradient(ellipse 70% 42% at 35% 0%,var(--waas) 0%,transparent 80%),var(--wit); min-width: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .st-binnen{max-width: 1080px; margin: 0px auto;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .pg-kop{display: flex; align-items: flex-start; gap: 16px; margin-bottom: 28px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .pg-kop > div{flex: 1 1 0%; min-width: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .st-datum{margin: 0px 0px 4px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--grijs);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .pg-h1{margin: 0px; font-family: Antonio, sans-serif; font-weight: 700; font-size: 40px; line-height: 1.05; color: var(--inkt);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .pg-sub{margin: 8px 0px 0px; color: var(--grijs); font-size: 14px; max-width: 560px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .sluit{flex: 0 0 auto; border: 1px solid var(--lijn); background: var(--wit); color: var(--inkt); border-radius: 10px; padding: 7px 12px; font-size: 13.5px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .st-sectiekop{display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; min-height: 22px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .st-h2{margin: 0px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--grijs);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .st-onder{display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; padding: 0px; font-weight: 600; font-size: 13px; color: var(--paars);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .st-onder svg{width: 14px; height: 14px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .bk-meta{font-size: 12px; color: var(--grijs);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .lijst{list-style: none; margin: 0px; padding: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .lijst li{display: grid; grid-template-columns: 28px minmax(0px, 1fr) auto; gap: 12px; align-items: center; padding: 9px 0px; border-bottom: 1px solid var(--lijn2); cursor: pointer;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .lijst li:first-child{padding-top: 2px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .mr-t{display: flex; flex-direction: column; min-width: 0px; gap: 2px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .mr-naam{font-weight: 700; font-size: 13.5px; color: var(--inkt); overflow-wrap: break-word;}
.start-scherm.ov-aan.ov-aan[data-bron="db"].lijstpg .st-hoofd{padding: 32px 56px 44px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"].lijstpg .st-binnen{max-width: 980px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk{display: flex; flex-direction: column; gap: 12px; padding: 16px 18px 14px; border-radius: 16px; background: var(--wit); box-shadow: var(--kaart-schaduw); min-width: 0px; cursor: pointer;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-top{display: flex; gap: 12px; align-items: center;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-mini{flex: 0 0 auto; width: 64px; aspect-ratio: 164 / 92; border-radius: 9px; background: radial-gradient(circle at 50% 35%,var(--mini-a) 0%,var(--mini-b) 70%,var(--mini-c) 100%); box-shadow: var(--mini-schaduw); display: flex; padding: 4px 6px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-mini svg{width: 100%; height: 100%;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-naam{font-weight: 700; font-size: 15px; line-height: 1.3;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-rij{display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 13px; color: var(--tekst); border-top: 1px solid var(--lijn2); padding-top: 10px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-lab{font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--grijs);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-stap{display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--inkt);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk .st-onder{margin-top: 0px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .pil{display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 2px 10px 2px 8px; font-size: 12px; font-weight: 700; border: 1px solid transparent;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .pil::before{content: ""; width: 7px; height: 7px; border-radius: 50%;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .pil.zwak{background: var(--lb-zwak-v); color: var(--lb-zwak-t);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .pil.zwak::before{background: var(--lb-zwak);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .pil.red{background: var(--lb-red-v); color: var(--lb-red-t);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .pil.red::before{background: var(--lb-red);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .pil.goed{background: var(--lb-goed-v); color: var(--lb-goed-t);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .pil.goed::before{background: var(--lb-goed);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .geen-sec{margin-top: 36px; max-width: 720px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .geenlijst li{padding: 12px 0px; grid-template-columns: minmax(0px, 1fr) auto !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .knop-sec{border: 1px solid var(--licht); background: var(--wit); color: var(--paars); border-radius: 10px; padding: 7px 12px; font-weight: 600; font-size: 13px; white-space: nowrap;}
@media (max-width: 980px){.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="db"].lijstpg .st-hoofd{padding: 18px 16px 32px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-grid{grid-template-columns: 1fr;}}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-mini{background: var(--mb-vlak) !important; box-shadow: 0 0 0 1px var(--lijn) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-mini{position: relative; overflow: hidden;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .mb{position: absolute; inset: 8px; width: calc(100% - 16px); height: calc(100% - 16px); display: block;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-mini .mb{inset: 3px; width: calc(100% - 6px); height: calc(100% - 6px);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .mb .mb-blok{fill: var(--mb-blok); stroke: var(--mb-rand); stroke-width: 3;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .mb .mb-streep{fill: var(--mb-streep);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .mb .mb-streep.licht{fill: var(--mb-streep2);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .mb .mb-pijl{fill: none; stroke: var(--mb-pijl); stroke-linecap: round;}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="db"] .st-hoofd{padding: 18px 16px 32px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="db"] .pg-h1{font-size: 32px;}}
@media (max-width: 760px){.start-scherm.ov-aan.ov-aan[data-bron="db"] .sluit{padding: 6px 10px;}}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-mini{padding: 0px !important; display: block !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] svg.mb{position: absolute !important; inset: 12px !important; width: calc(100% - 24px) !important; height: calc(100% - 24px) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-mini svg.mb{inset: 4px !important; width: calc(100% - 8px) !important; height: calc(100% - 8px) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .mb .mb-blok{stroke-width: 2.5;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .mb .mb-pijl{stroke-width: 3.5;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .mb .mb-blok{fill: var(--k-blok) !important; stroke: var(--k-blokrand) !important; stroke-width: 2.5 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .mb rect:not([class]){fill: var(--k-tegel) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .mb g{stroke: var(--k-icoon) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .mb .mb-streep{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .mb .mb-pijl{stroke: var(--k-pijl) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-mini{transition: transform 0.18s, box-shadow 0.18s; background: var(--k-vlak) !important; box-shadow: 0 0 0 1px var(--k-rand) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk:hover .dbk-mini{transform: translateY(-2px); box-shadow: 0 0 0 1px var(--k-rand2),0 8px 20px rgba(65,1,223,.10) !important;}
@media (prefers-reduced-motion: reduce){.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-mini{transition: none;}}
@media (prefers-reduced-motion: reduce){.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk:hover .dbk-mini{transform: none;}}
.start-scherm.ov-aan.ov-aan[data-bron="db"].lijstpg .st-binnen{max-width: 1080px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .bk-meta{font-size: 12px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-mini, .start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk{box-shadow: 0 0 0 1px var(--k-rand) !important; transition: box-shadow 0.15s !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk:hover .dbk-mini{transform: none !important; box-shadow: 0 0 0 1px var(--k-rand2) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-regels="aan"]:not(.hm2) .dbk, .start-scherm.ov-aan.ov-aan[data-bron="db"][data-regels="aan"]:not(.hm2) .dbk-mini{border-radius: 10px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-regels="aan"]:not(.hm2) .sluit{border-radius: 8px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-regels="aan"]:not(.hm2) .dbk{box-shadow: 0 0 0 1px var(--k-rand) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-regels="aan"]:not(.hm2) .dbk:hover{box-shadow: 0 0 0 1px var(--k-rand2) !important; transform: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-regels="aan"]:not(.hm2) .st-hoofd{padding: 32px 48px 48px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-regels="aan"]:not(.hm2) .pg-kop{margin-bottom: 32px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-regels="aan"]:not(.hm2) .st-sectiekop{margin-bottom: 16px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-regels="aan"]:not(.hm2) .mr-naam{font-size: 14px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-regels="aan"]:not(.hm2) .bk-meta{font-size: 12.5px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-ag="nieuw"] .st-hoofd{background: rgb(250, 249, 255) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-sluit="nieuw"] .pg-kop .sluit{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-pat="zelfde"] .st-hoofd{background: rgb(250, 249, 255) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk{transition: box-shadow 0.12s; box-shadow: rgb(230, 228, 244) 0px 0px 0px 1px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk:hover{box-shadow: rgb(169, 158, 240) 0px 0px 0px 1px !important; transform: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk:hover .dbk-mini{transform: none !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk:hover .dbk-naam{color: rgb(65, 1, 223);}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-dprev] .dbk-mini{background: rgb(255, 255, 255) !important; box-shadow: rgb(227, 225, 242) 0px 0px 0px 1px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-dprev] .dbk-mini svg.mb .mb-blok{fill: rgb(237, 237, 255) !important; stroke: rgb(42, 1, 151) !important; stroke-width: 4 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-dprev] .dbk-mini svg.mb .mb-blok.dk{fill: rgb(65, 1, 223) !important; stroke: rgb(65, 1, 223) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-dprev] .dbk-mini svg.mb rect:not([class]), .start-scherm.ov-aan.ov-aan[data-bron="db"][data-dprev] .dbk-mini svg.mb g, .start-scherm.ov-aan.ov-aan[data-bron="db"][data-dprev] .dbk-mini svg.mb .mb-streep{display: none;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-dprev] .dbk-mini svg.mb .mb-pijl{stroke: rgb(42, 1, 151) !important; stroke-width: 4.5 !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-dprev="groot"] .dbk-top{flex-direction: column !important; align-items: stretch !important; gap: 12px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-dprev="groot"] .dbk-mini{width: 100% !important; aspect-ratio: 222 / 90 !important; border-radius: 10px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-dleeg="link"] .geenrij .knop-sec{color: rgb(65, 1, 223); font-weight: 600; font-size: 13px; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: none !important; box-shadow: none !important; padding: 0px !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-dleeg="link"] .geenrij .knop-sec::after{content: ""; display: inline-block; width: 14px; height: 14px; margin-left: 6px; vertical-align: -2px; background: currentcolor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center center / contain no-repeat;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-dleeg="link"] .geenrij .knop-sec:hover{color: rgb(46, 0, 168);}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-dleeg="link"] .geenrij{transition: background 0.12s; border-radius: 8px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-dleeg="link"] .geenrij:hover{background: rgb(245, 243, 255);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk .dbk-stap{display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk .dbk-rij.dsucc .dbk-stap > span:first-child, .start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk .dbk-rij.dverb .dbk-stap > span:first-child{font-weight: 600; color: rgb(20, 20, 20);}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk .dgrijs{font-weight: 400 !important; color: rgb(107, 107, 116) !important;}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk .dbk-rij.dsucc, .start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk .dbk-rij.dverb{display: flex; flex-direction: column; align-items: flex-start; gap: 4px;}
.start-scherm.ov-aan.ov-aan[data-bron="db"][data-dpil="uit"] .dbk .dbk-rij .pil{display: none;}

/* Totaalblok bovenaan Dashboards (Tamara 1-11): zelfde donkerpaarse vlak als het doelvlak op het dashboard */
.start-scherm .tb{--tb-l:#c7c2ff;background:linear-gradient(120deg,#2a0197 0%,#4101df 100%);color:#fff;border-radius:16px;padding:22px 26px 14px;margin:0 0 32px;display:flex;flex-direction:column;gap:18px}
.start-scherm .tb button{font:inherit;cursor:pointer}
.start-scherm .tb-kop{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.start-scherm .tb-lab{font:700 11px/1.5 "DM Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--tb-l)}
.start-scherm .tb-nav{position:relative;display:inline-flex;align-items:center;gap:2px}
.start-scherm .tb-per{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:#fff;font-weight:700!important;font-size:14px!important;padding:5px 10px;border-radius:8px}
.start-scherm .tb-per svg{width:14px;height:14px;color:var(--tb-l)}
.start-scherm .tb-per:hover,.start-scherm .tb-per[aria-expanded="true"]{background:rgba(255,255,255,.14)}
.start-scherm .tb-pijl{width:28px;height:28px;border:0;border-radius:8px;background:none;color:#fff;font-size:20px!important;line-height:1}
.start-scherm .tb-pijl:hover:not(:disabled){background:rgba(255,255,255,.14)}
.start-scherm .tb-pijl:disabled{opacity:.3;cursor:default!important}
.start-scherm .tb-stand{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0}
.start-scherm .tb-klik{cursor:pointer;border-radius:12px;margin:-6px -10px;padding:6px 10px}
.start-scherm .tb-klik:hover{background:rgba(255,255,255,.07)}
.start-scherm .tb-bedrag{display:block;font:700 48px/1 "Antonio","Arial Narrow",sans-serif}
.start-scherm .tb-sub{margin:6px 0 0;font-size:14px;color:#dcd8ff}
.start-scherm .tb-doel{color:#dfffb9;font-weight:700;border-bottom:1px dashed #dfffb9}
.start-scherm .tb-noot{color:var(--tb-l);font-size:12.5px}
.start-scherm .tb-pil{margin-left:auto;font:700 12px/1 "DM Sans",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.14)}
.start-scherm .tb-pil.aan{background:#dfffb9;color:#2a0197}
.start-scherm .tb-balkrij{display:flex;align-items:center;gap:12px;margin-top:-4px}
.start-scherm .tb-balkrij .tb-balk{flex:1;margin-top:0}
.start-scherm .tb-beker{flex:none;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);color:#dfffb9;display:grid;place-items:center}
.start-scherm .tb-beker svg{width:58%;height:58%}
.start-scherm .tb-beker.behaald{background:#dfffb9;color:#2a0197}
.start-scherm .tb-balk{height:10px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden;margin-top:-4px}
.start-scherm .tb-balk i{display:block;height:100%;border-radius:999px;background:#dfffb9}
.start-scherm .tb-tegels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px}
.start-scherm .tb-tegel{display:flex;flex-direction:column}
.start-scherm .tb-tegel+.tb-tegel{border-left:1px solid rgba(255,255,255,.2);padding-left:24px}
.start-scherm .tb-tegel b{font:700 26px/1.1 "Antonio","Arial Narrow",sans-serif}
.start-scherm .tb-tegel span{font:700 11px/1.5 "DM Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--tb-l);margin-top:4px}
.start-scherm .tb-tegel em{font-style:normal;font-size:12.5px;color:#dcd8ff}
/* doel aanpassen in dezelfde stijl: het grote getal wordt het invulveld */
.start-scherm .tb-invoer{display:inline-flex;align-items:baseline;gap:8px;font:700 48px/1 "Antonio","Arial Narrow",sans-serif;color:#fff;border-bottom:2px dashed #dfffb9;padding-bottom:2px}
.start-scherm .tb-invoer input,.start-scherm .tb-invoer input:focus,.start-scherm .tb-invoer input:focus-visible{outline:0!important;box-shadow:none!important}
.start-scherm .tb-invoer input{border:0;background:none;color:#fff;font:inherit;width:6.5ch;padding:0;caret-color:#dfffb9}
.start-scherm .tb-invoer input::placeholder{color:rgba(255,255,255,.35)}
.start-scherm .tb-knoppen{display:flex;gap:8px;align-self:center}
.start-scherm .tb-opslaan{border:0;border-radius:10px;height:40px;padding:0 18px;background:#dfffb9;color:#2a0197;font-weight:700!important}
.start-scherm .tb-annuleer{border:0;border-radius:10px;height:40px;padding:0 14px;background:none;color:#fff}
.start-scherm .tb-annuleer:hover{background:rgba(255,255,255,.12)}
.start-scherm .tb-lijst{border-top:1px solid rgba(255,255,255,.18);margin:0 -26px;padding:10px 26px 0}
.start-scherm .tb-lkop{font:700 11px/1.5 "DM Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--tb-l);padding:4px 0 6px}
.start-scherm .tb-rij{display:grid;grid-template-columns:minmax(0,1fr) minmax(60px,160px) 110px;align-items:center;gap:12px;padding:8px 0;font-size:14px}
.start-scherm .tb-rij+.tb-rij{border-top:1px solid rgba(255,255,255,.1)}
.start-scherm .tb-naam{overflow-wrap:anywhere;font-weight:600}
.start-scherm .tb-mini{height:6px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.start-scherm .tb-mini i{display:block;height:100%;background:#dfffb9;border-radius:999px}
.start-scherm .tb-som{text-align:right;font-weight:700;white-space:nowrap}
.start-scherm .tb-som.leeg{font-weight:400;color:var(--tb-l);font-size:12.5px}
.start-scherm .tb-weg{margin:6px 0 4px;font-size:12.5px;color:var(--tb-l)}
.start-scherm .tb-pijl:focus-visible,.start-scherm .tb-per:focus-visible,.start-scherm .tb-klik:focus-visible{outline:2px solid #dfffb9;outline-offset:2px}
/* dashboardkaart: voet met Open dashboard en het vinkje telt mee; miniatuur iets groter */
.start-scherm .dbk-voet{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto}
.start-scherm .dbk-mee{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:#6b6b74;cursor:pointer;border-radius:8px;padding:4px 6px;margin:-4px -6px}
.start-scherm .dbk-mee:hover{background:#f3f2f8;color:#4101df}
.start-scherm .dbk-mee input{width:15px;height:15px;margin:0;accent-color:#4101df;cursor:pointer}
.start-scherm.ov-aan.ov-aan[data-bron="db"] .dbk-mini{width:96px}
@media (max-width:760px){
  .start-scherm .tb{padding:18px 16px 12px}
  .start-scherm .tb-lijst{margin:0 -16px;padding:10px 16px 0}
  .start-scherm .tb-tegels{grid-template-columns:1fr}
  .start-scherm .tb-tegel+.tb-tegel{border-left:0;padding-left:0}
  .start-scherm .tb-rij{grid-template-columns:minmax(0,1fr) auto}
  .start-scherm .tb-mini{display:none}
  .start-scherm .tb-beker{width:34px;height:34px}
}

/* periodekalender in het totaalblok (plan tijdvak §5, 1-11): het venster zelf komt uit periode-kalender.css (.pk), (.pkal) hier alleen de plek */
.start-scherm .tb .pkal{left:0;right:auto;color:#141414;font-weight:400}
.start-scherm .tb .pkal button{font-family:"DM Sans",system-ui,sans-serif}
.start-scherm .tb-per>svg:first-child{width:16px;height:16px;color:#dfffb9}
.start-scherm .tb-klik.vast{cursor:default}
.start-scherm .tb-telt{grid-column:1/-1;margin-top:-4px;font-size:12px;color:var(--tb-l)}