.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}}
.werk-pagina { color: var(--fr-tekst); font-family: var(--fr-sans); min-width: 0; width: 100%; } .werk-pagina *, .werk-pagina *::before { box-sizing: border-box; } .werk-pagina { position: relative; } .werk-kop { padding-right: 3.5rem; margin-bottom: 1rem; } .werk-kop h1 { margin: 0 0 .25rem; } .werk-kop .werk-bron { margin: 0; font-size: .75rem; } .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-filters { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; margin-bottom: 1.25rem; } .werk-filters .werk-zoek { display: grid; gap: .35rem; font-size: .85rem; flex: 1 1 15rem; min-width: 0; } .werk-filters input[type="search"], .werk-pagina button { 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; max-width: 100%; } .werk-pagina button { cursor: pointer; } .werk-pagina :focus-visible { outline: 3px solid var(--fr-tekst); outline-offset: 3px; } .werk-indeling { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 1.5rem; align-items: start; } .werk-kaartvak, .werk-lijst { min-width: 0; } .werk-kaart { height: 540px; background: var(--fr-kaart); border: 1px solid var(--fr-rand); border-radius: var(--fr-hoek, 10px); overflow: hidden; } .werk-kaartvak > p { margin: .65rem 0; font-size: .85rem; } .werk-legenda { list-style: none; padding: 0; margin: 1rem 0; display: flex; flex-wrap: wrap; gap: .5rem 1rem; font-size: .8rem; } .werk-kleur { display: inline-block; width: .85rem; height: .85rem; border: 1px solid currentColor; border-radius: 50%; margin-right: .4rem; vertical-align: middle; } .werk-hinder-0 { background: #387d72; }.werk-hinder-1 { background: #6f8139; }.werk-hinder-2 { background: #b48a10; } .werk-hinder-3 { background: #d66b20; }.werk-hinder-4 { background: #d04436; }.werk-hinder-5 { background: #943b83; }.werk-hinder-onbekend { background: #718096; } .werk-lijst h2 { margin-top: 0; } .werk-item { padding: 1.1rem; background: var(--fr-kaart); border: 1px solid var(--fr-rand); border-radius: var(--fr-hoek, 10px); margin-bottom: .8rem; overflow-wrap: anywhere; } .werk-item h3 { font-size: 1.1rem; line-height: 1.35; margin: .4rem 0; } .werk-item p { margin: .4rem 0; } .werk-item summary { padding: .7rem 0; cursor: pointer; } .werk-item dl, .werk-popup dl { margin: .6rem 0; } .werk-item dd, .werk-popup dd { margin: 0 0 .5rem; } .werk-kaartpopup .maplibregl-popup-content { background: var(--fr-kaart); color: var(--fr-tekst); padding: 1.3rem; border: 1px solid var(--fr-rand); max-height: 330px; overflow: auto; } .werk-kaartpopup .maplibregl-popup-close-button { color: var(--fr-tekst); width: 36px; height: 36px; min-height: 36px; padding: 0; border: 0; border-radius: 50%; } .werk-popup { font: .85rem/1.5 var(--fr-sans); overflow-wrap: anywhere; } .werk-popup h3 { font-size: 1.1rem; padding-right: 1rem; } .werk-popup p { margin: .4rem 0; } .werk-popup summary { display: none; } .werk-pagina [hidden] { display: none !important; } .werk-instellingen { margin-bottom: 1rem; } .werk-instellingen > summary { position: absolute; top: 0; right: 0; width: 44px; height: 44px; display: grid; place-items: center; list-style: none; border: 1px solid var(--fr-rand); border-radius: 50%; background: var(--fr-kaart); cursor: pointer; } .werk-instellingen > summary::-webkit-details-marker { display: none; } .werk-instellingen[open] > summary { background: var(--fr-tekst); color: var(--fr-kaart); } .werk-paneel { padding: 1rem; border: 1px solid var(--fr-rand); border-radius: var(--fr-hoek, 10px); background: var(--fr-kaart); } .werk-perioden { border: 0; padding: 0; margin: 0; min-width: 0; display: flex; flex-wrap: wrap; gap: .35rem; } .werk-perioden legend { padding: 0; margin-bottom: .35rem; font-size: .85rem; } .werk-pil { position: relative; cursor: pointer; } .werk-pil input { position: absolute; opacity: 0; width: 1px; height: 1px; } .werk-pil span { display: flex; align-items: center; gap: .3rem; min-height: 44px; padding: .5rem .7rem; border: 1px solid var(--fr-rand); border-radius: 999px; font-size: .85rem; } .werk-pil input:checked + span { background: var(--fr-tekst); color: var(--fr-kaart); border-color: var(--fr-tekst); } .werk-pil input:focus-visible + span { outline: 3px solid var(--fr-tekst); outline-offset: 3px; } .werk-pil small { font-size: .75rem; } .werk-legenda-paneel > summary { cursor: pointer; font-size: .85rem; } .werk-paneel > .werk-bron { margin-bottom: 0; } @media (max-width: 760px) { .werk-kop h1 { font-size: 1.4rem; line-height: 1.3; } .werk-indeling { grid-template-columns: minmax(0, 1fr); gap: 1rem; } .werk-kaart { height: clamp(340px, 55svh, 520px); } .werk-instellingen:not([open]) { margin: 0; } .werk-filters .werk-zoek { flex-basis: 100%; } .werk-item { padding: .85rem; } } #werkDetailPanel .werk-popup { color: var(--fr-tekst); min-width: 0; } #werkDetailPanel .werk-popup dd { margin: 0 0 .6rem; } #werkDetailPanel .werk-popup summary { display: none; }