.zonnepaneel .zp-titel{margin:0 auto .5rem;max-width:64rem;text-align:left}.zonnepaneel .zp-titel.zp-titel--zonder-intro{margin-bottom:1.25rem}@media(min-width:992px)and (max-height:880px){.banner--tool+.zonnepaneel .zp-titel.zp-titel--zonder-intro{margin-bottom:1rem}}.zonnepaneel .zp-intro{margin:0 auto 1.25rem;max-width:64rem}.zonnepaneel .zp-intro p{color:rgba(51,35,24,.82);font-size:1rem;line-height:1.55;margin:0;max-width:68ch}.zonnepaneel .zp-intro p+p{margin-top:.5rem}.zonnepaneel .zp-uitslag{align-items:flex-start;background:#fdf8ef;border-radius:.75rem;border-top:0;display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem;padding:.85rem 1rem .95rem;transition:background-color .4s ease}@media(min-width:768px){.zonnepaneel .zp-uitslag{align-items:center;flex-direction:row;gap:1.35rem;padding:1.15rem 1.4rem}}.zonnepaneel .zp-uitslag>div{min-width:0}.zonnepaneel .zp-uitslag .zp-getal{flex:none;font-family:Fraunces,Georgia,serif;font-size:2.125rem;font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 72,"wght" 560,"SOFT" 40,"WONK" 0;line-height:1;white-space:nowrap}@media(min-width:768px){.zonnepaneel .zp-uitslag .zp-getal{font-size:clamp(2.5rem,1.25rem + 2vw,3rem)}}.zonnepaneel .zp-uitslag .zp-kop{font-weight:700}.zonnepaneel .zp-uitslag .zp-betekenis{font-size:.95rem;margin:.25rem 0 0;max-width:62ch}.zonnepaneel .zp-kaart[data-toon=zacht] .zp-uitslag{background:#ecebe6}.zonnepaneel .zp-kaart[data-toon=warm] .zp-uitslag{background:#fcefd8}.zonnepaneel .zp-kaart[data-toon=warmer] .zp-uitslag{background:#fbe7bd}.zonnepaneel .zp-kaart[data-toon=vol] .zp-uitslag{background:#f9dfa6}.zonnepaneel .zp-kaart[data-toon=schemer] .zp-uitslag{background:#e9f1f7}.zonnepaneel .zp-kaart[data-toon=donker] .zp-uitslag{background:#e1e6ee}.zonnepaneel .zp-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:44rem;padding:1rem}@media(min-width:576px){.zonnepaneel .zp-kaart{padding:1.5rem}}@media(min-width:768px){.zonnepaneel .zp-kaart{padding:2rem 2.5rem}}@media(min-width:992px){.zonnepaneel .zp-kaart{align-items:start;-moz-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:minmax(0,1fr) 16.5rem;max-width:64rem}}.zonnepaneel .zp-hoofd{min-width:0}.zonnepaneel .zp-zij{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem;min-width:0}@media(min-width:992px){.zonnepaneel .zp-zij{border-left:1px solid rgba(51,35,24,.12);margin-top:0;padding-left:2rem}}.zonnepaneel .zp-invoer{display:flex;flex-wrap:wrap;gap:.6rem}.zonnepaneel .zp-zoekveld{flex:1 1 12rem;min-width:0;position:relative}@media(max-width:1199.98px){.zonnepaneel .zp-zoekveld{flex-basis:100%}}.zonnepaneel .zp-zoekveld .zp-plaats{box-sizing:border-box;width:100%}.zonnepaneel .zp-plek-kop{line-height:1.1;margin:.9rem 0 0}.zonnepaneel .zp-plek-kop .zp-plek-naam{color:#332318;font-family:Fraunces,Georgia,serif;font-size:clamp(1.25rem,1rem + 1vw,1.5rem);font-variation-settings:"opsz" 72,"wght" 560,"SOFT" 40,"WONK" 0}.zonnepaneel .zp-plek-kop .zp-plek-land{color:rgba(51,35,24,.7);font-size:.9rem;margin-left:.3rem}.zonnepaneel .zp-visual{cursor:grab;display:block;height:auto;margin:.75rem 0 0;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.zonnepaneel .zp-visual.zp-sleept{cursor:grabbing}.zonnepaneel .zp-visual .zp-boog,.zonnepaneel .zp-visual .zp-gloed,.zonnepaneel .zp-visual .zp-paneel,.zonnepaneel .zp-visual .zp-steun,.zonnepaneel .zp-visual .zp-straal,.zonnepaneel .zp-visual .zp-zon{transition:all .3s ease-out}.zonnepaneel .zp-visual.zp-sleept .zp-boog,.zonnepaneel .zp-visual.zp-sleept .zp-paneel,.zonnepaneel .zp-visual.zp-sleept .zp-steun{transition:none}.zonnepaneel .zp-schuif{margin-top:.5rem}.zonnepaneel .zp-schuif .zp-hoekregel{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem .75rem}.zonnepaneel .zp-schuif .zp-hoekregel .tijdkeuze{flex:none}.zonnepaneel .zp-schuif .zp-hoekregel{gap:.4rem .6rem}.zonnepaneel .zp-schuif .zp-helling-label{color:#332318;font-family:Fraunces,Georgia,serif;font-size:1.75rem;font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 40,"wght" 560,"SOFT" 40,"WONK" 0;line-height:1;min-width:1.75em}.zonnepaneel .zp-schuif .zp-beste-knop{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background-color:#fff;border:1px solid rgba(51,35,24,.18);border-radius:999px;box-sizing:border-box;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:.35rem;justify-content:center;line-height:1.15;min-height:2.25rem;padding:0 .85rem;transition:background-color .15s ease,border-color .15s ease}@media(hover:hover){.zonnepaneel .zp-schuif .zp-beste-knop:hover{background-color:#fcefd8}}.zonnepaneel .zp-schuif .zp-beste-knop[hidden]{display:none}.zonnepaneel .zp-schuif .zp-beste-knop{flex:none;font-size:.8125rem;min-height:2rem;padding:0 .75rem;white-space:nowrap}.zonnepaneel .zp-schuif .zp-beste-knop svg{flex:none}.zonnepaneel .zp-schuif .zp-beste-knop[aria-pressed=true]{background-color:#fcefd8;border-color:#f2a93b;box-shadow:inset 0 0 0 1px rgba(242,169,59,.9);color:#332318}@media(hover:hover){.zonnepaneel .zp-schuif .zp-beste-knop[aria-pressed=true]:hover{background-color:#fcefd8;border-color:#f2a93b}}.zonnepaneel .zp-schuif .zp-hoek-sub{color:rgba(51,35,24,.7);font-size:.85rem}.zonnepaneel .zp-schuif .zp-hoek-hint{color:rgba(51,35,24,.7);font-size:.8rem;margin-left:auto;transition:opacity .6s ease}.zonnepaneel .zp-schuif .zp-helling{--schuif-half:0.6875rem;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;box-sizing:border-box;cursor:pointer;display:block;height:2rem;margin:.35rem 0 0;padding:0;width:100%}.zonnepaneel .zp-schuif .zp-helling:focus{outline:none}.zonnepaneel .zp-schuif .zp-helling::-webkit-slider-runnable-track{background:linear-gradient(to right,rgba(179,74,38,.38) calc(var(--schuif-half) + var(--vol, -1)*(100% - var(--schuif-half)*2)),rgba(51,35,24,.13) 0);border-radius:999px;height:.375rem}.zonnepaneel .zp-schuif .zp-helling::-moz-range-track{background:rgba(51,35,24,.13);border-radius:999px;height:.375rem}.zonnepaneel .zp-schuif .zp-helling::-moz-range-progress{background:rgba(179,74,38,.38);border-radius:999px;height:.375rem}.zonnepaneel .zp-schuif .zp-helling::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#b34a26;border:3px solid #fff;border-radius:50%;box-shadow:0 1px 3px rgba(51,35,24,.28),0 0 0 1px rgba(51,35,24,.06);box-sizing:border-box;height:1.375rem;margin-top:-.5rem;-webkit-transition:background-color .35s ease-out,box-shadow .15s ease;transition:background-color .35s ease-out,box-shadow .15s ease;width:1.375rem}.zonnepaneel .zp-schuif .zp-helling::-moz-range-thumb{background:#b34a26;border:3px solid #fff;border-radius:50%;box-shadow:0 1px 3px rgba(51,35,24,.28),0 0 0 1px rgba(51,35,24,.06);box-sizing:border-box;height:1.375rem;-moz-transition:background-color .35s ease-out,box-shadow .15s ease;transition:background-color .35s ease-out,box-shadow .15s ease;width:1.375rem}.zonnepaneel .zp-schuif .zp-helling:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px #fff,0 0 0 4px #b34a26}.zonnepaneel .zp-schuif .zp-helling:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px #fff,0 0 0 4px #b34a26}@media(hover:hover){.zonnepaneel .zp-schuif .zp-helling:hover::-webkit-slider-thumb{box-shadow:0 1px 4px rgba(51,35,24,.34),0 0 0 5px rgba(179,74,38,.18)}.zonnepaneel .zp-schuif .zp-helling:hover::-moz-range-thumb{box-shadow:0 1px 4px rgba(51,35,24,.34),0 0 0 5px rgba(179,74,38,.18)}}.zonnepaneel .zp-schuif .zp-helling.is-duim::-webkit-slider-thumb{box-shadow:0 1px 4px rgba(51,35,24,.34),0 0 0 7px rgba(179,74,38,.22)}.zonnepaneel .zp-schuif .zp-helling.is-duim::-moz-range-thumb{box-shadow:0 1px 4px rgba(51,35,24,.34),0 0 0 7px rgba(179,74,38,.22)}@media(prefers-reduced-motion:reduce){.zonnepaneel .zp-schuif .zp-helling::-webkit-slider-thumb{-webkit-transition:none;transition:none}.zonnepaneel .zp-schuif .zp-helling::-moz-range-thumb{-moz-transition:none;transition:none}}.zonnepaneel .zp-schuif .zp-hoek-schaal{color:rgba(51,35,24,.7);display:flex;font-size:.75rem;font-variant-numeric:tabular-nums;justify-content:space-between}.zonnepaneel .zp-kaart.zp-hint-weg .zp-hoek-hint{opacity:0}.zonnepaneel .zp-uitslag{margin-top:1rem}.zonnepaneel .zp-uitslag .zp-getal{color:#b34a26}.zonnepaneel .zp-uitslag .zp-richting{font-weight:700}.zonnepaneel .zp-uitslag .zp-betekenis{min-height:3.2em}.zonnepaneel .zp-geen-zon .zp-getal{color:#5c86a6}.zonnepaneel .zp-meedraaien{background:#e9f1f7;border-radius:.75rem;display:inline-block;font-size:.9rem;font-weight:400;line-height:1.45;margin:.6rem 0 0;padding:.45rem .8rem}.zonnepaneel .zp-meedraaien[hidden]{display:none}.zonnepaneel .zp-jaar>summary .tk-meer-titel,.zonnepaneel .zp-opbrengst>summary .tk-meer-titel{flex:1 1 11rem}.zonnepaneel .zp-jaar>summary .tk-meer-uitkomst,.zonnepaneel .zp-opbrengst>summary .tk-meer-uitkomst{flex:0 0 auto;white-space:nowrap}.zonnepaneel .zp-opbrengst{margin:1.25rem 0 0}.zonnepaneel .zp-opbrengst[hidden]{display:none}.zonnepaneel .zp-opbrengst[hidden]+.zp-jaar{margin-top:1.25rem}.zonnepaneel .zp-wp-label{align-items:center;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem}.zonnepaneel .zp-wp-label 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){.zonnepaneel .zp-wp-label input:hover{border-color:rgba(51,35,24,.34)}}.zonnepaneel .zp-wp-label input:focus,.zonnepaneel .zp-wp-label 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}.zonnepaneel .zp-wp-label input[aria-invalid=true]{border-color:#b34a26}.zonnepaneel .zp-wp-label input:disabled{cursor:not-allowed;opacity:.55}.zonnepaneel .zp-wp-label input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.45;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.zonnepaneel .zp-wp-label input:focus::-webkit-calendar-picker-indicator,.zonnepaneel .zp-wp-label input:hover::-webkit-calendar-picker-indicator{opacity:.75}.zonnepaneel .zp-wp-label input::-webkit-date-and-time-value{text-align:left}.zonnepaneel .zp-wp-label input{font-variant-numeric:tabular-nums;font-weight:400;padding:0 .6rem;width:6rem}.zonnepaneel .zp-opbrengst-tekst{font-size:.9rem;margin:.5rem 0 0;max-width:62ch}.zonnepaneel .zp-jaar{margin:0}.zonnepaneel .zp-jaar .zp-jaar-plek{font-weight:700}.zonnepaneel .zp-jaar-strook{display:grid;gap:.5rem .2rem;grid-template-columns:repeat(6,minmax(0,1fr))}.zonnepaneel .zp-jaar-strook .zp-jaar-maand{justify-content:flex-end}.zonnepaneel .zp-jaar-strook .zp-jaar-maand strong{text-wrap:balance;line-height:1.15;white-space:normal}@media(min-width:576px){.zonnepaneel .zp-jaar-strook{gap:.2rem;grid-template-columns:repeat(12,minmax(0,1fr))}}@media(min-width:768px){.zonnepaneel .zp-jaar-strook{gap:.35rem}}.zonnepaneel .zp-jaar-maand{align-items:center;background:none;border:none;border-radius:.5rem;color:#332318;cursor:pointer;display:flex;flex-direction:column;font-family:Source Sans\ 3,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;gap:.25rem;padding:.35rem .1rem .25rem;transition:background-color .15s ease}.zonnepaneel .zp-jaar-maand strong{font-size:.75rem;font-variant-numeric:tabular-nums}@media(min-width:768px){.zonnepaneel .zp-jaar-maand strong{font-size:.85rem}}.zonnepaneel .zp-jaar-maand .zp-jaar-balk{align-items:flex-end;display:flex;height:2.6rem;max-width:1.4rem;width:100%}.zonnepaneel .zp-jaar-maand .zp-jaar-balk span{background:#b34a26;border-radius:3px 3px 0 0;display:block;transition:height .35s ease-out;width:100%}.zonnepaneel .zp-jaar-maand .zp-jaar-label{color:rgba(51,35,24,.7);font-size:.7rem}@media(hover:hover)and (pointer:fine){.zonnepaneel .zp-jaar-maand:hover{background:#fcefd8}}.zonnepaneel .zp-jaar-maand--actief,.zonnepaneel .zp-jaar-maand:active{background:#fcefd8}.zonnepaneel .zp-jaar-maand--actief strong{color:#b34a26}.zonnepaneel .zp-noot{color:rgba(51,35,24,.7);font-size:.85rem;margin:1rem 0 0}.zonnepaneel .zp-vergelijk .zp-vergelijk-titel{font-size:.95rem;margin:0}.zonnepaneel .zp-vergelijk .zp-vergelijk-sub{color:rgba(51,35,24,.7);font-size:.8rem;margin:.1rem 0 .5rem}.zonnepaneel .zp-ladder{--ladder-kolommen:1.4rem minmax(0,1fr) auto;--ladder-kolommen-vast:1.4rem minmax(0,1fr) 4.5rem}.zonnepaneel .zp-ladder .zp-icoon{display:block;height:auto;width:1.4rem}.zonnepaneel .zp-uitleg-inhoud{color:rgba(51,35,24,.7);font-size:.85rem;padding-bottom:.5rem}.zonnepaneel .zp-uitleg-inhoud p{margin:.75rem 0 0}.zonnepaneel.zonnepaneel--editor{border:2px dashed #f2a93b;border-radius:.75rem;color:#b34a26;padding:2rem}
