.zonshoogte-jaar .zj-titel{margin:0 auto .5rem;max-width:64rem;text-align:left}.zonshoogte-jaar .zj-titel.zj-titel--zonder-intro{margin-bottom:1.25rem}@media(min-width:992px)and (max-height:880px){.banner--tool+.zonshoogte-jaar .zj-titel.zj-titel--zonder-intro{margin-bottom:1rem}}.zonshoogte-jaar .zj-intro{margin:0 auto 1.25rem;max-width:64rem}.zonshoogte-jaar .zj-intro p{color:rgba(51,35,24,.82);font-size:1rem;line-height:1.55;margin:0;max-width:68ch}.zonshoogte-jaar .zj-intro p+p{margin-top:.5rem}.zonshoogte-jaar .zj-titel{scroll-margin-top:calc(var(--wp-admin--admin-bar--height, 0px) + var(--header-hoogte, 4.5rem) + 1rem)}.zonshoogte-jaar .zj-kaart{background:#fff;border:1px solid rgba(51,35,24,.07);border-radius:1.25rem;box-shadow:0 1px 1px rgba(51,35,24,.04),0 2px 6px rgba(51,35,24,.045),0 12px 24px -8px rgba(51,35,24,.08),0 32px 56px -24px rgba(51,35,24,.1);margin:0 auto;max-width:64rem;padding:1rem}@media(min-width:576px){.zonshoogte-jaar .zj-kaart{padding:1.5rem}}@media(min-width:768px){.zonshoogte-jaar .zj-kaart{padding:2rem 2.5rem}}.zonshoogte-jaar .zj-invoer{--zj-kop-gat:0.3rem;align-items:center;display:grid;gap:.6rem 1rem;grid-template-areas:"hoofd" "kop" "tweede";grid-template-columns:minmax(0,1fr)}@media(min-width:768px){.zonshoogte-jaar .zj-invoer{grid-template-areas:". kop" "hoofd tweede";grid-template-columns:repeat(2,minmax(0,1fr))}}.zonshoogte-jaar .zj-invoer[data-plekken="3"]{grid-template-areas:"hoofd" "kop" "tweede" "derde"}@media(min-width:768px){.zonshoogte-jaar .zj-invoer[data-plekken="3"]{grid-template-areas:". kop" "hoofd tweede" ". derde"}}@media(min-width:992px){.zonshoogte-jaar .zj-invoer[data-plekken="3"]{grid-template-areas:". kop kop" "hoofd tweede derde";grid-template-columns:repeat(3,minmax(0,1fr))}}.zonshoogte-jaar .zj-vergelijk{display:contents}.zonshoogte-jaar .zj-zoekveld{grid-area:hoofd;min-width:0;position:relative}.zonshoogte-jaar .zj-zoekveld .zj-plaats{box-sizing:border-box;width:100%}.zonshoogte-jaar .zj-tweede-zoekveld{grid-area:tweede}.zonshoogte-jaar .zj-vergelijk-kop{align-items:center;display:flex;gap:.25rem 1rem;grid-area:kop;justify-content:space-between;margin-bottom:calc(var(--zj-kop-gat) - .6rem);min-height:1.5rem;min-width:0}.zonshoogte-jaar .zj-veld-label{color:rgba(51,35,24,.7);flex:none;font-size:.85rem;font-weight:600;white-space:nowrap}.zonshoogte-jaar .zj-erbij{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:transparent;border:1px solid transparent;border-radius:999px;color:#332318;cursor:pointer;display:inline-flex;font-family:Source Sans\ 3,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.875rem;font-weight:600;gap:.3rem;height:2rem;line-height:1.15;margin:-.25rem -.6rem -.25rem 0;min-width:0;padding:0 .6rem;transition:background-color .15s ease,border-color .15s ease;white-space:nowrap}.zonshoogte-jaar .zj-erbij[hidden]{display:none}@media(hover:hover)and (pointer:fine){.zonshoogte-jaar .zj-erbij:hover{background-color:#fcefd8;border-color:rgba(51,35,24,.12)}}.zonshoogte-jaar .zj-erbij:active{background-color:#fcefd8}@media(pointer:coarse){.zonshoogte-jaar .zj-erbij{position:relative}.zonshoogte-jaar .zj-erbij:after{content:"";inset:-.75rem 0 0;position:absolute}}.zonshoogte-jaar .zj-erbij-plus{color:#b34a26;flex:none;font-size:1.05rem;font-weight:700;line-height:1}.zonshoogte-jaar .zj-derde{align-items:center;display:flex;gap:.5rem;grid-area:derde;min-width:0}.zonshoogte-jaar .zj-derde[hidden]{display:none}.zonshoogte-jaar .zj-derde .plaatszoeker-veld{flex:1 1 auto}.zonshoogte-jaar .zj-weg{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;border:1px solid rgba(51,35,24,.18);border-radius:.75rem;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Source Sans\ 3,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:600;gap:.4rem;height:2.75rem;justify-content:center;line-height:1.1;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}.zonshoogte-jaar .zj-weg svg{flex:none}.zonshoogte-jaar .zj-weg:disabled,.zonshoogte-jaar .zj-weg[aria-disabled=true]{cursor:default;opacity:.45}.zonshoogte-jaar .zj-weg[hidden]{display:none}.zonshoogte-jaar .zj-weg{background-color:#fff;border-color:rgba(51,35,24,.18);box-shadow:inset 0 1px 1.5px rgba(51,35,24,.05);color:#332318}@media(hover:hover){.zonshoogte-jaar .zj-weg:hover{background-color:#fcefd8;border-color:rgba(51,35,24,.34)}}.zonshoogte-jaar .zj-weg{flex:none;padding:0;width:2.75rem}.zonshoogte-jaar .zj-weg:before{background:rgba(51,35,24,.7);content:"";height:.85rem;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.5 6.5 11 11m0-11-11 11' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.5 6.5 11 11m0-11-11 11' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;width:.85rem}@media(min-width:768px){.zonshoogte-jaar .zj-derde-zoekveld .plaatszoeker-lijst,.zonshoogte-jaar .zj-tweede-zoekveld .plaatszoeker-lijst{left:auto;right:0}}.zonshoogte-jaar .zj-visual{cursor:grab;display:block;height:auto;margin:1rem 0 0;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.zonshoogte-jaar .zj-visual.zj-sleept{cursor:grabbing}.zonshoogte-jaar .zj-visual .zj-lijn-derde,.zonshoogte-jaar .zj-visual .zj-lijn-hoofd,.zonshoogte-jaar .zj-visual .zj-lijn-vergelijk{transition:d .35s ease-out}.zonshoogte-jaar .zj-visual .zj-greep,.zonshoogte-jaar .zj-visual .zj-greep-gloed,.zonshoogte-jaar .zj-visual .zj-greep-stip{cursor:grab;transition:cx .2s ease-out,cy .2s ease-out}.zonshoogte-jaar .zj-visual.zj-sleept .zj-greep,.zonshoogte-jaar .zj-visual.zj-sleept .zj-greep-gloed,.zonshoogte-jaar .zj-visual.zj-sleept .zj-greep-stip{transition:none}.zonshoogte-jaar .zj-visual .zj-label--wijkt{opacity:0}.zonshoogte-jaar .zj-visual .zj-band,.zonshoogte-jaar .zj-visual .zj-graad,.zonshoogte-jaar .zj-visual .zj-vandaag-label{transition:opacity .15s ease}.zonshoogte-jaar .zj-visual.zj-visual--smal .zj-graad{transform:none}.zonshoogte-jaar .zj-visual.zj-visual--smal .zj-band{display:none}.zonshoogte-jaar .zj-visual.zj-visual--smal .svg-klein{font-size:.2125rem}.zonshoogte-jaar .zj-visual.zj-visual--smal .svg-midden{font-size:.2375rem}.zonshoogte-jaar .zj-visual:not(.zj-visual--smal) .zj-vandaag-label.svg-midden{font-size:.225rem;font-weight:600}@media(min-width:768px){.zonshoogte-jaar .zj-visual:not(.zj-visual--smal) .zj-vandaag-label.svg-midden{font-size:.15625rem}}@media(min-width:992px){.zonshoogte-jaar .zj-visual:not(.zj-visual--smal) .zj-vandaag-label.svg-midden{font-size:.115625rem}}.zonshoogte-jaar .zj-visual--smal .zj-vandaag-label{font-weight:600}.zonshoogte-jaar .zj-kern-kop{color:rgba(51,35,24,.7);font-size:.8rem;font-weight:600;line-height:1.2;margin:1rem 0 -.35rem}.zonshoogte-jaar .zj-kern-kop[hidden]{display:none}.zonshoogte-jaar .zj-hint{color:rgba(51,35,24,.7);font-size:.8rem;margin:.35rem 0 0;text-align:right;transition:opacity .6s ease}.zonshoogte-jaar .zj-kaart.zj-hint-weg .zj-hint{opacity:0}.zonshoogte-jaar .zj-voet{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;margin-top:.5rem}.zonshoogte-jaar .zj-readout{font-variant-numeric:tabular-nums;font-weight:700;margin:0}.zonshoogte-jaar .zj-readout-dag{color:rgba(51,35,24,.7);font-size:.85rem;font-variant-numeric:tabular-nums;margin:.15rem 0 0}.zonshoogte-jaar .zj-readout-verschil{color:#b34a26;font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600;margin:.15rem 0 0}.zonshoogte-jaar .zj-verschil-zin{display:block}.zonshoogte-jaar .zj-legenda{display:flex;flex-wrap:wrap;font-size:.9rem;gap:.25rem 1.25rem}.zonshoogte-jaar .zj-legenda-item{align-items:center;display:inline-flex;gap:.4rem}.zonshoogte-jaar .zj-swatch{border-radius:2px;border-top:3px solid #b34a26;display:inline-block;height:0;width:1.2rem}.zonshoogte-jaar .zj-swatch--vergelijk{border-top-color:#f2a93b;border-top-style:dashed}.zonshoogte-jaar .zj-swatch--derde{background:radial-gradient(circle,#5c86a6 1.3px,transparent 1.7px) 0 50%/5px 3px repeat-x;border-radius:0;border-top:0;height:3px}.zonshoogte-jaar .zj-tweede-zoekveld{--plaats-lijn:#f2a93b;--plaats-lijn-rust:75%;--plaats-lijn-hover:100%}.zonshoogte-jaar .zj-derde-zoekveld{--plaats-lijn:#5c86a6}.zonshoogte-jaar .zj-tropen{margin-top:.6rem}.zonshoogte-jaar .zj-tropen[hidden]{display:none}.zonshoogte-jaar .zj-tropen>summary{align-items:center;color:#a04424;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.35rem;list-style:none;min-height:2rem}.zonshoogte-jaar .zj-tropen>summary::-webkit-details-marker{display:none}.zonshoogte-jaar .zj-tropen>summary:after{background:currentColor;content:"";flex:none;height:.75rem;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9.5 6 6 6-6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9.5 6 6 6-6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;width:.75rem}@media(pointer:coarse){.zonshoogte-jaar .zj-tropen>summary{min-height:2.75rem}}@media(hover:hover)and (pointer:fine){.zonshoogte-jaar .zj-tropen>summary:hover{text-decoration:underline;text-underline-offset:.18em}}.zonshoogte-jaar .zj-tropen[open]>summary:after{transform:rotate(180deg)}@media(prefers-reduced-motion:no-preference){.zonshoogte-jaar .zj-tropen>summary:after{transition:transform .2s ease}}.zonshoogte-jaar .zj-tropen .zj-tropen-tekst{color:rgba(51,35,24,.82);font-size:.85rem;line-height:1.55;margin:.1rem 0 .25rem;max-width:66ch}@media(forced-colors:active){.zonshoogte-jaar .zj-tropen>summary:after{background:CanvasText}}.zonshoogte-jaar .zj-periode{margin-top:1rem}.zonshoogte-jaar .zj-periode-velden{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem}.zonshoogte-jaar .zj-periode-veld{align-items:center;display:inline-flex;gap:.6rem;margin:0}.zonshoogte-jaar .zj-periode-veld .zj-veld-label{min-width:2.2rem}.zonshoogte-jaar .zj-periode-veld input{background-color:#fff;border:1px solid rgba(51,35,24,.18);border-radius:.75rem;box-shadow:inset 0 1px 1.5px rgba(51,35,24,.05);box-sizing:border-box;color:#332318;font-family:Source Sans\ 3,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;height:2.75rem;line-height:1.25;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}@media(hover:hover){.zonshoogte-jaar .zj-periode-veld input:hover{border-color:rgba(51,35,24,.34)}}.zonshoogte-jaar .zj-periode-veld input:focus,.zonshoogte-jaar .zj-periode-veld input:focus-visible{border-color:#b34a26;box-shadow:inset 0 1px 1.5px rgba(51,35,24,.05),0 0 0 3px rgba(242,169,59,.32);outline:none}.zonshoogte-jaar .zj-periode-veld input[aria-invalid=true]{border-color:#b34a26}.zonshoogte-jaar .zj-periode-veld input:disabled{cursor:not-allowed;opacity:.55}.zonshoogte-jaar .zj-periode-veld input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.45;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.zonshoogte-jaar .zj-periode-veld input:focus::-webkit-calendar-picker-indicator,.zonshoogte-jaar .zj-periode-veld input:hover::-webkit-calendar-picker-indicator{opacity:.75}.zonshoogte-jaar .zj-periode-veld input::-webkit-date-and-time-value{text-align:left}.zonshoogte-jaar .zj-periode-veld input{font-variant-numeric:tabular-nums;padding:0 .6rem 0 .75rem}.zonshoogte-jaar.zonshoogte-jaar--editor{border:2px dashed #f2a93b;border-radius:.75rem;color:#b34a26;padding:2rem}
