.pol-overzicht,.pol-navigatie{min-width:0;overflow-wrap:anywhere} #fr-main .pol-raad>:is(h2,p,dl){margin:0} .pol-raad h2{font-family:var(--fr-serif,Georgia,serif);font-weight:500} .pol-zetels{margin:16px 0} .pol-zetels>div{display:flex;gap:16px;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--fr-lijn,#ddd)} .pol-zetels dt{font-weight:500} .pol-zetels dd{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0;text-align:right;flex-shrink:0;max-width:45%} .pol-partijen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:20px} .pol-partijkaart{display:flex;flex-direction:column;min-width:0} #fr-main .pol-partijkaart h3{font-family:var(--fr-serif,Georgia,serif);font-weight:500;font-size:1.5rem;margin:12px 0} .pol-partijkaart .pol-meer-link{margin-top:auto;padding-top:12px} .pol-meta,.pol-bronstand,.pol-betaald{font-size:.85rem;line-height:1.5} .pol-meta{margin:0} .pol-bronstand{color:var(--portal-muted,#595959)} .pol-betaald{display:block;font-weight:600;padding:6px 0} .pol-meer-link{display:block;margin-top:12px} .pol-leden-lijst{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .pol-leden-lijst li{display:flex;align-items:flex-start;gap:12px;min-width:0} .pol-leden-lijst h3,.pol-speerpunten h3{font-size:1rem;margin:0 0 4px} .pol-leden-lijst p{margin:0 0 4px} .pol-portret{width:64px;height:80px;object-fit:cover;flex-shrink:0;border-radius:4px} .pol-bronnen a{display:block;overflow-wrap:anywhere} .pol-speerpunten li+li{margin-top:16px} @media(max-width:600px){.pol-partijen,.pol-leden-lijst{grid-template-columns:minmax(0,1fr)} .pol-zetels>div{gap:10px} #fr-main .pol-partijkaart h3{font-size:1.35rem} } .pol-totalen{display:flex;align-items:baseline;gap:10px} .pol-totalen strong{font:2rem var(--fr-serif,Georgia,serif)} .pol-totalen strong+strong{margin-left:20px} .pol-stippen{display:flex;flex-wrap:wrap;gap:5px;max-width:180px} .pol-stippen>span{display:block;width:9px;height:9px;border-radius:50%;background:currentColor} .pol-monogram,.pol-initialen{display:flex;align-items:center;justify-content:center;background:var(--fr-bg);border:1px solid var(--fr-lijn);color:var(--portal-heading);font-family:var(--fr-serif,Georgia,serif)} .pol-monogram{width:48px;height:48px;margin-bottom:12px} @media(max-width:600px){.pol-stippen{display:none} } .pol-kaart-boven{display:flex;align-items:center;justify-content:space-between;gap:12px} .pol-kaart-boven .pol-monogram{margin:0;flex-shrink:0} .pol-kaart-boven .pol-meta{text-align:right} #fr-main .pol-partijkaart{padding:20px} #fr-main .pol-partijkaart>p{margin:0 0 10px} #fr-main .pol-overzicht>h2{margin:0 0 16px} html[data-schaal] .pol-navigatie .fr-clubs-lijst, .pol-navigatie .fr-clubs-lijst{grid-template-columns:minmax(0,1fr)} .pol-zetelbadge{flex:none;margin-left:auto;color:var(--fr-stil);font-variant-numeric:tabular-nums} .pol-voorbehoud{margin:0 0 4px;font-size:.78rem;line-height:1.4;color:var(--fr-stil,#5b6878)} @media(min-width:1025px){ [data-fr-rail]>.fr-rail-inhoud:has(>.pol-navigatie){height:max(16rem,calc(100dvh - var(--dorps-rail-top,10rem) - 1rem));overflow:hidden} [data-fr-rail]>.fr-rail-inhoud:has(>.pol-navigatie)>.fr-clubs{display:flex;flex-direction:column;flex:1 1 0;min-height:0;max-height:none;overflow:hidden} [data-fr-rail]>.fr-rail-inhoud:has(>.pol-navigatie)>.pol-navigatie{display:flex;flex-direction:column;flex:0 1 auto;min-height:0;max-height:50%;overflow:hidden} [data-fr-rail]>.fr-rail-inhoud:has(>.pol-navigatie) .fr-clubs-lijst{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin} } .pol-claim{border-left:4px solid var(--portal-heading,#24364b);background:var(--fr-tint,var(--portal-bg,#f2f4f6))} .pol-claim h2,.pol-aanbod h2,.pol-voortgang h2{font-family:var(--fr-serif,Georgia,serif);font-weight:500;font-size:1.6rem;line-height:1.2} .pol-aanbod,.pol-voortgang{overflow-wrap:anywhere} .pol-voortgang-balk{display:block;width:100%;height:12px;accent-color:var(--portal-heading,#24364b);border:0;border-radius:6px;overflow:hidden;background:var(--fr-lijn,#ddd)} .pol-voortgang-balk::-webkit-progress-bar{background:var(--fr-lijn,#ddd)} .pol-voortgang-balk::-webkit-progress-value{background:var(--portal-heading,#24364b)} .pol-voortgang-balk::-moz-progress-bar{background:var(--portal-heading,#24364b)} .pol-voortgang-links{display:flex;flex-wrap:wrap;gap:8px 20px;padding-left:20px} .pol-voortgang-links a{display:inline-block;min-height:32px;padding:4px 0} .pol-leden,.pol-speerpunten{position:relative} .pol-vragen,.pol-vraag-pagina{min-width:0;overflow-wrap:anywhere} .pol-wachtstand{font-size:.85rem;color:var(--portal-muted,#595959)} .pol-vraag{padding:20px 0;border-top:1px solid var(--fr-lijn,#ddd)} .pol-vraag-tekst{font-weight:600} .pol-vraag-datum{font-size:.85rem;line-height:1.5;color:var(--portal-muted,#595959)} .pol-antwoord{margin-top:16px;padding:16px;border-left:3px solid var(--portal-heading,#24364b);background:var(--fr-tint,var(--portal-bg,#f2f4f6))} #fr-main .pol-antwoord h3{font-size:1rem;margin:0 0 10px} #fr-main .pol-antwoord p:last-child{margin-bottom:0} .pol-vraag-formulier{display:flex;flex-direction:column;gap:12px;margin-top:24px} .pol-vraag-formulier label{display:flex;flex-direction:column;gap:6px;font-weight:600} .pol-vraag-formulier :is(input,textarea){box-sizing:border-box;width:100%;min-width:0;padding:12px;border:1px solid var(--fr-lijn,#999);border-radius:4px;background:var(--portal-surface,var(--fr-kaart,#fff));color:var(--portal-text,#222);font:inherit} .pol-vraag-formulier textarea{resize:vertical} .pol-vraag-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .pol-vraag-val{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} .pol-vraag-fout{padding:14px;border:1px solid currentColor;color:var(--portal-text,#222);font-weight:600} .pol-vraag-klaar{padding:20px;border:1px solid var(--fr-lijn,#ddd);background:var(--fr-tint,var(--portal-bg,#f2f4f6))} .pol-vraag-verstuur{align-self:flex-start;border:1px solid var(--portal-heading,#24364b);border-radius:4px;background:var(--portal-heading,#24364b);color:var(--portal-surface,#fff);padding:12px 18px;font:inherit;font-weight:600;cursor:pointer} .pol-vraag-verstuur:hover{background:var(--portal-heading,#24364b);filter:brightness(.9)} @media(max-width:600px){.pol-vraag-contact{grid-template-columns:minmax(0,1fr)}.pol-vragen .stad-blok-kop{align-items:flex-start;flex-direction:column;gap:8px}}
.kp-pagina { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 18px; min-width: 0; } .kp-links { flex: 3 1 35rem; min-width: 0; display: flex; flex-direction: column; gap: 10px; } .kp-kaartvak { position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--fr-rand); border-radius: 12px; background: var(--fr-kaart); } .kp-kaart { height: 520px; background: var(--fr-bg); } .kp-zij { flex: 1 1 20rem; min-width: 0; display: flex; flex-direction: column; gap: 18px; } .mk-body.kp-pagina { flex-direction: column; align-items: stretch; } .mk-body.kp-pagina > * { flex: none; } .kp-links .mk-slot { height: 520px; min-height: 0; } @media (min-width: 1025px) { .mk-body.kp-pagina.has-map { display: flex; flex-direction: row; align-items: flex-start; } .mk-body.kp-pagina.has-map > .kp-links { flex: 3 1 35rem; } .mk-body.kp-pagina.has-map > .kh-112-hoofd, .mk-body.kp-pagina.has-map > .kp-zij { flex: 1 1 20rem; } .kp-pagina.has-map .kp-links > .mk-pane:not([hidden]) { display: block; position: relative; top: auto; } } .kp-landkaart { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; padding: 4px 10px; min-height: 44px; border: 1px solid var(--portal-border, #dcd8c8); border-radius: var(--portal-radius-card, 12px); background: var(--portal-surface, #fff); color: var(--fr-tekst, #1f2933); font-size: .92rem; text-decoration: none; } .kp-links > .kp-landkaart { margin: 0; } .kp-landkaart:hover, .kp-landkaart:focus-visible { border-color: var(--fr-groen, #31594a); } .kp-landkaart:focus-visible { outline: 2px solid var(--fr-groen, #31594a); outline-offset: 2px; } .kp-landkaart-teken { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: color-mix(in srgb, var(--fr-groen, #31594a) 14%, transparent); color: var(--fr-groen, #31594a); font-size: 14px; } .kp-landkaart-tekst { display: grid; min-width: 0; } .kp-landkaart-tekst b { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kp-landkaart-tekst .kp-landkaart-uitleg { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .kp-landkaart-pijl { flex: none; margin-left: auto; color: var(--fr-stil, #6b7280); } #fr-main .kp-links > .pk-kaart { gap: 6px; margin: 0; padding: 6px; } @media (min-width: 1025px) { #fr-main .kp-links .pk-chips > .pk-chip, #fr-main .kp-links > .pk-kaart .pk-chips > .pk-chip { min-height: 36px; padding-top: .15rem; padding-bottom: .15rem; font-size: .84rem; } } .kp-zoekbalk { position: absolute; z-index: 3; top: 10px; left: 10px; right: 10px; display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 4px 6px 4px 12px; border-radius: 12px; background: color-mix(in srgb, var(--fr-kaart) 94%, transparent); box-shadow: 0 2px 10px rgba(15, 23, 42, .16); color: var(--fr-tekst); } .kp-zoekbalk > svg { flex: none; color: var(--fr-stil); } .kp-zoekbalk input[type="search"] { flex: 1 1 auto; min-width: 0; min-height: 44px; padding: 0 4px; border: 0; background: transparent; color: inherit; font: inherit; } .kp-zoekbalk input[type="search"]:focus { outline: none; } .kp-zoekbalk button { flex: none; min-height: 40px; padding: 0 14px; border: 1px solid var(--fr-rand); border-radius: 999px; background: var(--fr-kaart); color: inherit; font: 600 .9rem/1.2 var(--fr-sans, inherit); } .kp-zoekbalk:focus-within { box-shadow: 0 0 0 2px var(--fr-groen), 0 2px 10px rgba(15, 23, 42, .16); } .kp-kaartvak.is-zonder-kaart { overflow: visible; border: 0; background: transparent; } .kp-kaartvak.is-zonder-kaart .kp-zoekbalk { position: static; box-shadow: none; border: 1px solid var(--fr-rand); } .kp-onder { padding: 10px 14px 12px; font-size: .9rem; } .kp-onder > p { margin: 0 0 .4rem; color: var(--fr-stil); } .kp-zij > h2 { margin: 0; } .kp-lagenmenu { position: relative; margin: 0 0 10px 10px; } .kp-lagenknop { display: flex; align-items: center; gap: .5rem; min-height: 44px; padding: 0 .75rem 0 .625rem; border-radius: 12px; background: color-mix(in srgb, var(--fr-kaart, #fff) 94%, transparent); color: var(--fr-tekst, #1b1f24); box-shadow: 0 2px 8px rgba(20, 26, 42, .2); font: 600 .9375rem/1.2 var(--fr-sans, inherit); list-style: none; cursor: pointer; user-select: none; } .kp-lagenknop::-webkit-details-marker { display: none; } .kp-lagenknop > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .kp-lagenknop-pijl { transition: transform .15s; } .kp-lagenknop svg { flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .kp-lagenmenu[open] .kp-lagenknop-pijl { transform: rotate(180deg); } .kp-lagenkeuze { position: absolute; left: 0; bottom: 52px; width: min(22rem, calc(100vw - 48px)); max-height: min(24rem, 60vh); overflow-y: auto; overscroll-behavior: contain; padding: .5rem; border: 1px solid var(--fr-rand, #d9dee4); border-radius: 12px; background: var(--fr-kaart, #fff); color: var(--fr-tekst, #1b1f24); box-shadow: 0 8px 28px rgba(10, 20, 30, .35); } .kp-lagenkeuze fieldset { margin: 0 0 .25rem; padding: 0; border: 0; min-width: 0; } .kp-lagenkeuze legend { padding: .25rem .5rem; font: 600 .75rem/1 var(--fr-sans, inherit); letter-spacing: .06em; text-transform: uppercase; color: var(--fr-stil, #5b6470); } .kp-laag { display: flex; align-items: center; gap: .55rem; min-height: 38px; padding: .25rem .5rem; border-radius: 8px; font-size: .875rem; cursor: pointer; } .kp-laag:hover { background: color-mix(in srgb, var(--fr-tekst, #1b1f24) 7%, transparent); } .kp-laag:has(input:checked) { font-weight: 700; } .kp-laag input { flex: none; width: 16px; height: 16px; margin: 0; accent-color: var(--fr-tekst, #1b1f24); } .kp-bron { margin: 0 4px 4px 0; padding: 1px 6px; border-radius: 3px; background: rgba(255, 255, 255, .85); color: #333; font: 11px/1.4 Arial, sans-serif; } .kp-lagenkeuze > p { margin: .25rem .5rem .1rem; font-size: .8rem; line-height: 1.4; color: var(--fr-stil, #5b6470); } .kp-lagenmenu--rechts { margin: 0 10px 10px 0; } .kp-lagenmenu--rechts .kp-lagenkeuze { left: auto; right: 0; } @media (min-width: 1600px) { .kp-pagina:is(.has-map, :not(.mk-body)) > .kp-links { position: sticky; top: 16px; } } @media (max-width: 760px) { .kp-pagina { gap: 14px; } .kp-kaart { height: clamp(340px, 58svh, 540px); } .kp-zoekbalk { top: 8px; left: 8px; right: 8px; padding-left: 10px; } }
.werk-pagina { position: relative; color: var(--fr-tekst); font-family: var(--fr-sans); min-width: 0; width: 100%; } .werk-pagina *, .werk-pagina *::before { box-sizing: border-box; } .werk-bron, .werk-uitleg, .werk-meta { font-size: .85rem; line-height: 1.5; } .werk-bron, .werk-uitleg { color: var(--fr-stil); } .werk-melding { padding: 1rem; border-left: 4px solid #b48a10; background: var(--fr-kaart); } .werk-pagina :focus-visible { outline: 3px solid var(--fr-tekst); outline-offset: 3px; } .werk-pagina [hidden] { display: none !important; } @media (max-width: 760px) { .werk-item { padding: .85rem .85rem .75rem 1.05rem; } } .werk-bordsvg { display: block; flex: none; } .werk-legenda { list-style: none; padding: 0; margin: .4rem 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); gap: .7rem 1rem; } .werk-legenda li { display: flex; align-items: center; gap: .6rem; font-size: .85rem; line-height: 1.3; } .werk-legenda li span { display: grid; color: var(--fr-stil); } .werk-legenda li strong { color: var(--fr-tekst); } .werk-aantal { margin: 0 0 .7rem; color: var(--fr-stil); font-size: .9rem; } .werk-item { position: relative; padding: 1rem 1rem .9rem 1.2rem; background: var(--fr-kaart); border: 1px solid var(--fr-rand); border-radius: var(--fr-hoek, 10px); margin-bottom: .8rem; overflow: hidden; overflow-wrap: anywhere; } .werk-item::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: #e0b000; } .werk-ernst-rood::before { background: #d0021b; } .werk-ernst-oranje::before { background: #ee7b00; } .werk-kopregel { display: flex; align-items: center; gap: .8rem; } .werk-inhoud h3 { margin: 0; font-size: 1.15rem; line-height: 1.25; } .werk-waar { margin: .15rem 0 0; color: var(--fr-stil); font-size: .9rem; } .werk-merk { margin: .7rem 0 .5rem; font-size: 1rem; line-height: 1.45; } .werk-feiten { margin: 0; display: grid; gap: .3rem; font-size: .9rem; line-height: 1.4; } .werk-feiten div { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: .5rem; } .werk-feiten dt { color: var(--fr-stil); } .werk-feiten dd { margin: 0; } .werk-omleiding { display: flex; align-items: center; gap: .55rem; margin: .6rem 0 0; font-size: .9rem; font-weight: 600; } .werk-meer { margin-top: .4rem; font-size: .85rem; line-height: 1.5; } .werk-meer > summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; color: var(--fr-stil); } .werk-meer p { margin: .3rem 0; } .werk-popup { color: #1b1f24; font: .9rem/1.45 var(--fr-sans, system-ui, sans-serif); max-width: 320px; overflow-wrap: anywhere; } .werk-popup .werk-waar, .werk-popup .werk-feiten dt, .werk-popup .werk-meer > summary { color: #5b6470; } html body .werk-popup h3 { color: #1b1f24; } #werkDetailPanel .werk-popup h3 { color: var(--fr-tekst); } .werk-popup .werk-meer { display: none; } .werk-popup .werk-merk { font-size: .95rem; } @media (max-width: 760px) { .werk-popup { max-width: 260px; } .werk-popup .werk-bordsvg { width: 40px; height: 40px; } } #werkDetailPanel .werk-popup { color: var(--fr-tekst); max-width: none; } #werkDetailPanel .werk-popup .werk-waar, #werkDetailPanel .werk-popup .werk-feiten dt { color: var(--fr-stil); } #werkDetailPanel .werk-popup .werk-meer { display: block; } @media (max-width: 760px) { .werk-legenda { grid-template-columns: 1fr 1fr; gap: .6rem; } .werk-legenda li { font-size: .8rem; } } .werk-filterbalk .pk-chip { position: relative; } #fr-main .werk-filterbalk .pk-chips { flex-wrap: nowrap; } #fr-main .werk-filterbalk .pk-chips > .pk-chip { flex: 1 1 auto; padding-left: .5rem; padding-right: .5rem; white-space: nowrap; } @media (max-width: 360px) { #fr-main .werk-filterbalk .pk-chips { gap: 4px; } #fr-main .werk-filterbalk .pk-chips > .pk-chip { gap: .3rem; padding-left: .35rem; padding-right: .35rem; } #fr-main .werk-filterbalk .pk-chip__aantal { padding-left: .3rem; padding-right: .3rem; } } #fr-main .werk-filterbalk .pk-chip:has(input:focus-visible) { outline: 2px solid var(--portal-primary, currentColor); outline-offset: 2px; } .werk-legenda-paneel > summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-weight: 700; } .werk-legenda-paneel[open] > summary { margin-bottom: .2rem; } .werk-pagina .werk-toon { margin-top: .4rem; width: 100%; font-weight: 700; min-height: 44px; padding: .6rem .8rem; border: 1px solid var(--fr-rand); border-radius: var(--fr-hoek-klein, 6px); background: var(--fr-kaart); color: var(--fr-tekst); font: inherit; cursor: pointer; }