:root{--color-brand-navy: #2b2bb8;--color-brand-navy-dark: #45507f;--color-brand-navy-light: #4b4bc3;--color-brand-red: #f0431a;--color-brand-red-dark: #cc3916;--color-brand-blue: #8a8ad8;--color-brand-sky: #f5f7fa;--color-brand-sky-deep: #dce3ec;--color-brand-ice: #dfdff4;--color-brand-gold: #f2c94c;--font-display: "Poppins", ui-sans-serif, system-ui, sans-serif;--font-sans: "Nunito", ui-sans-serif, system-ui, sans-serif}:root{--shadow-card: 0 4px 20px color-mix(in srgb, var(--color-brand-navy) 8%, transparent);--ok: #2e9e4f;--offline: #c4c9d0;font-family:var(--font-sans);color:var(--color-brand-navy);background:color-mix(in srgb,var(--color-brand-sky) 40%,transparent)}*{box-sizing:border-box}body{margin:0;background:color-mix(in srgb,var(--color-brand-sky) 40%,transparent)}h1,h2,h3{margin:0 0 .5rem;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--color-brand-navy)}h2{font-size:1.75rem}h3{display:flex;align-items:center;gap:1rem;font-size:1rem}small,.muted{color:color-mix(in srgb,var(--color-brand-navy) 60%,transparent)}code{font-size:.85em}a{color:var(--color-brand-navy)}a:hover{color:var(--color-brand-red)}.page-header{margin-bottom:1.5rem}.page-header h2:after{content:"";display:inline-block;width:.6em;height:.6em;margin-left:.3em;border-radius:50%;background:var(--color-brand-red);vertical-align:baseline}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{background:#fff;border-bottom:1px solid var(--color-brand-sky-deep)}.topbar-inner{max-width:1440px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;gap:1.5rem}.brand{flex-shrink:0;display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand img{height:44px;width:auto}.brand span{font-family:var(--font-display);font-weight:800;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-brand-navy)}.user{flex-shrink:0;white-space:nowrap;display:flex;align-items:center;gap:1rem;font-size:.875rem;color:color-mix(in srgb,var(--color-brand-navy) 60%,transparent)}.topnav{flex:1;min-width:0;display:flex;gap:.25rem;overflow-x:auto}.topbar-inner.omslaan{flex-wrap:wrap;row-gap:.25rem}.topbar-inner.omslaan .topnav{order:3;flex-basis:100%;margin-left:-.75rem}.topbar-inner.omslaan .user{margin-left:auto}.topnav a{position:relative;padding:.75rem;font-family:var(--font-display);font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;white-space:nowrap;color:color-mix(in srgb,var(--color-brand-navy) 60%,transparent)}.topnav a:hover{color:var(--color-brand-red)}.topnav a.active{color:var(--color-brand-navy)}.topnav a.active:after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:.375rem;height:2px;border-radius:2px;background:var(--color-brand-red)}.content{width:100%;max-width:1440px;margin:0 auto;padding:2rem 1.5rem;flex:1}.card{background:#fff;border-radius:1rem;box-shadow:var(--shadow-card);padding:1.25rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.inline-form{flex-direction:row;align-items:center;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.split{display:grid;grid-template-columns:300px 1fr;gap:2rem}.upload-knop{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border:2px solid var(--color-brand-navy);border-radius:999px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-brand-navy);background:#fff;cursor:pointer;transition:background-color .15s,color .15s}.upload-knop:before{content:"↑";font-size:1rem;line-height:1}.upload-knop:hover{background:var(--color-brand-navy);color:#fff}.upload-knop:focus-within{outline:2px solid var(--color-brand-red);outline-offset:2px}.upload-knop.bezig{opacity:.6;cursor:default}.upload-knop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}input,select{font:inherit;font-size:.875rem;padding:.6rem .9rem;border:1px solid var(--color-brand-sky-deep);border-radius:.75rem;background:#fff;color:var(--color-brand-navy)}input:focus,select:focus{outline:none;border-color:var(--color-brand-red)}input[type=number]{width:5.5rem}label{font-size:.875rem}button{font:inherit;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.6rem 1.25rem;border:2px solid var(--color-brand-red);border-radius:999px;background:var(--color-brand-red);color:#fff;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}button:hover{background:var(--color-brand-red-dark);border-color:var(--color-brand-red-dark)}button:focus-visible{outline:2px solid var(--color-brand-red);outline-offset:2px}button:disabled{opacity:.5;cursor:default}button.danger{background:#fff;color:var(--color-brand-red);border-color:var(--color-brand-red)}button.danger:hover{background:color-mix(in srgb,var(--color-brand-red) 10%,transparent)}button.small{padding:.25rem .75rem;font-size:.7rem}button.link{background:none;border:none;padding:0;text-align:left;color:var(--color-brand-navy);text-decoration:underline}button.link:hover{color:var(--color-brand-red);background:none}button.outline{background:#fff;color:var(--color-brand-navy);border-color:var(--color-brand-navy)}button.outline:hover{background:var(--color-brand-navy);color:#fff}table{width:100%;border-collapse:collapse;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-card)}th,td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--color-brand-sky);vertical-align:middle}th{font-family:var(--font-display);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb,var(--color-brand-navy) 60%,transparent);background:var(--color-brand-sky)}tr:last-child td{border-bottom:0}tr.disabled td{opacity:.5}td.actions{text-align:right;white-space:nowrap}td.actions button{margin-left:.4rem}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.4rem}.dot.online{background:var(--ok)}.dot.offline{background:var(--offline)}.badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .6rem;border-radius:999px;background:var(--color-brand-sky);color:var(--color-brand-navy)}.badge.image{background:var(--color-brand-ice)}.badge.video{background:var(--color-brand-navy);color:#fff}.badge.web{background:color-mix(in srgb,var(--color-brand-gold) 30%,transparent)}.badge.sportlink{background:color-mix(in srgb,var(--color-brand-red) 10%,transparent);color:var(--color-brand-red)}.badge.instagram{background:var(--color-brand-sky-deep)}.list{list-style:none;padding:0;margin:0}.list li{display:flex;justify-content:space-between;padding:.5rem .75rem;border-radius:.75rem}.list li.active{background:var(--color-brand-ice);font-weight:600}.items{list-style:decimal;padding-left:1.5rem;margin:0}.items li{display:flex;align-items:center;gap:.5rem;padding:.3rem 0}.items .grow{flex:1}.days{display:flex;gap:.25rem;flex-wrap:wrap}.days label{padding:.35rem .6rem;border:1px solid var(--color-brand-sky-deep);border-radius:999px;cursor:pointer;font-size:.8rem;font-weight:600}.days label.on{background:var(--color-brand-navy);color:#fff;border-color:var(--color-brand-navy)}.days input{display:none}.notice{background:var(--color-brand-sky);color:var(--color-brand-navy);padding:.75rem 1rem;border-radius:.75rem;font-size:.875rem}:root{--color-fout: #b42318}.error{background:color-mix(in srgb,var(--color-fout) 10%,transparent);color:var(--color-fout);padding:.75rem 1rem;border-radius:.75rem;font-size:.875rem;margin:0}.center{text-align:center;margin-top:4rem}.login{min-height:100vh;display:grid;place-items:center;padding:3rem 1rem;background:var(--color-brand-navy-dark)}.login-inner{width:100%;max-width:24rem}.login-kop{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem}.login-kop img{height:96px;width:auto}.login-kop h1{margin:1.25rem 0 0;font-size:1.5rem;font-weight:900;color:#fff}.login-kop h1 span{color:var(--color-brand-red)}.login-streep{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.login-streep:before{content:"";width:2.5rem;height:4px;border-radius:2px;background:var(--color-brand-red)}.login-streep:after{content:"";width:.75rem;height:.75rem;border-radius:50%;background:var(--color-brand-red)}.login .card{padding:1.5rem;gap:1rem;margin:0}.login label{display:flex;flex-direction:column;gap:.35rem;font-family:var(--font-display);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.login label input{font-family:var(--font-sans);text-transform:none;letter-spacing:normal;font-weight:400}.login button[type=submit]{width:100%}.login-voet{margin-top:1.5rem;text-align:center;font-size:.75rem;color:color-mix(in srgb,var(--color-brand-sky) 60%,transparent)}@media(max-width:800px){.split{grid-template-columns:1fr}.user .naam{display:none}}.login-inner.breed{max-width:28rem}.tweestaps{display:flex;flex-direction:column;gap:1rem}.tweestaps p{margin:0;font-size:.875rem}.tweestaps ol{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.9rem;font-size:.875rem}.tweestaps ol small{display:block;margin-top:.25rem}.tweestaps .qr{display:block;width:176px;height:176px;margin:.75rem auto;padding:.5rem;border:1px solid var(--color-brand-sky-deep);border-radius:.75rem;background:#fff}.tweestaps .qr-laden{display:block;text-align:center;margin:.75rem 0}.tweestaps .sleutel{display:block;margin-top:.25rem;padding:.5rem .75rem;border-radius:.75rem;background:var(--color-brand-sky);word-break:break-all;font-size:.75rem}.tweestaps button[type=submit]{width:100%}button.link.licht{color:color-mix(in srgb,var(--color-brand-sky) 70%,transparent)}button.link.licht:hover{color:#fff}.beeld{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-brand-navy-dark)}.beeld-laden{background:var(--color-brand-sky-deep)}.beeld-waas{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;object-fit:cover;filter:blur(18px) brightness(.55)}.beeld-inhoud{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.beeld-tegel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.75rem;text-align:center;color:#fff}.beeld-tegel.rood{background:var(--color-brand-red)}.beeld-tegel.sportlink{background:var(--color-brand-navy)}.beeld-tegel.instagram{background:linear-gradient(135deg,var(--color-brand-navy) 0%,var(--color-brand-red) 100%)}.beeld-tegel.web{background:var(--color-brand-navy-light)}.tegel-titel{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.03em;font-size:.85rem}.tegel-tekst{font-size:.8rem;color:var(--color-brand-ice);max-width:90%;word-break:break-word}.raster-kop{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1.5rem 0 1rem}.raster-kop h3{margin:0}.zoek{min-width:14rem}.asset-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.85rem}.asset-kaart{position:relative;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column}.asset-info{display:flex;flex-direction:column;gap:.2rem;padding:.6rem .75rem .7rem;min-width:0}.asset-info strong{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-meta{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:color-mix(in srgb,var(--color-brand-navy) 70%,transparent)}.asset-info small{font-size:.72rem}.asset-wis{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;padding:0;border-radius:50%;font-size:1.1rem;line-height:1;opacity:0;transition:opacity .15s}.asset-kaart:hover .asset-wis,.asset-wis:focus-visible{opacity:1}.asset-instellingen{position:absolute;top:.5rem;right:2.9rem;width:2rem;height:2rem;padding:0;border-radius:50%;font-size:1rem;line-height:1;opacity:0;transition:opacity .15s}.asset-kaart:hover .asset-instellingen,.asset-instellingen:focus-visible{opacity:1}.raster-acties{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.asset-raster.kiezen .asset-open:hover .beeld-inhoud{transform:none}.asset-kaart.gekozen{box-shadow:0 0 0 3px var(--color-brand-navy),var(--shadow-card)}.asset-vink{position:absolute;top:.5rem;left:.5rem;width:1.75rem;height:1.75rem;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#00000059;color:#fff;font-size:.95rem;font-weight:700;box-shadow:0 1px 4px #00000059}.asset-kaart.gekozen .asset-vink{background:var(--color-brand-navy)}.selectie-balk{position:sticky;top:.75rem;z-index:20;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;padding:.75rem 1rem;background:#fff;border-radius:1rem;box-shadow:var(--shadow-card),0 0 0 1px var(--color-brand-sky-deep)}.selectie-balk strong{margin-right:auto}.selectie-balk.mobiel{top:calc(env(safe-area-inset-top) + 3.85rem)}.venster-melding{position:fixed;top:1rem;left:50%;z-index:55;transform:translate(-50%);width:max-content;max-width:calc(100% - 2rem);padding:.6rem 1rem;border-radius:.75rem;background:var(--color-brand-navy-dark);color:#fff;font-size:.875rem;box-shadow:0 .5rem 1.5rem #0000004d}.drie-kolommen{display:grid;grid-template-columns:260px minmax(0,1fr) 320px;gap:1.25rem;align-items:start}.kolom{margin:0;min-width:0}.nieuwe-lijst{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-brand-sky-deep)}.lijsten li{align-items:center;gap:.5rem}.lijsten li small{font-size:.7rem;text-align:right}.lijst-kop{display:flex;align-items:center;justify-content:space-between;gap:1rem}.lijst-kop h3{margin:0;font-size:1.25rem}.lijst-stats{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.85rem;color:color-mix(in srgb,var(--color-brand-navy) 70%,transparent);padding:.6rem 0;border-block:1px solid var(--color-brand-sky)}.lijst-stats strong{color:var(--color-brand-navy);margin-left:.3rem}.voorbeeld{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:.75rem;overflow:hidden}.voorbeeld-zone{position:absolute;overflow:hidden}.voorbeeld-item,.voorbeeld-item .beeld{width:100%;height:100%;aspect-ratio:auto}.voorbeeld-item{animation:invloeien .6s ease}.voorbeeld-item .tegel-titel{font-size:clamp(1rem,2.4vw,2rem)}.voorbeeld-item .tegel-tekst{font-size:clamp(.75rem,1.2vw,1rem)}.voorbeeld-leeg{display:grid;place-items:center;width:100%;height:100%;color:color-mix(in srgb,var(--color-brand-ice) 60%,transparent);font-size:.85rem;background:var(--color-brand-navy-dark)}.voorbeeld-voortgang{position:absolute;left:0;right:0;bottom:.5rem;display:flex;justify-content:center;gap:.3rem}.voorbeeld-voortgang span{width:.45rem;height:.45rem;border-radius:50%;background:#fff6}.voorbeeld-voortgang span.actief{background:var(--color-brand-red)}@keyframes invloeien{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.voorbeeld-item{animation:none}}.zone-blok{display:flex;flex-direction:column;gap:.5rem}.zone-naam{font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.items-lijst{list-style:none;margin:0;padding:.5rem;min-height:5rem;border:2px dashed var(--color-brand-sky-deep);border-radius:.75rem;display:flex;flex-direction:column;gap:.4rem}.items-lijst.sleep-boven{border-color:var(--color-brand-red);background:color-mix(in srgb,var(--color-brand-red) 4%,transparent)}.item-rij{display:flex;align-items:center;gap:.75rem;padding:.4rem .5rem;border-radius:.6rem;background:#fff;border:1px solid var(--color-brand-sky);cursor:grab}.item-vink{width:1.15rem;height:1.15rem;flex-shrink:0;accent-color:var(--color-brand-navy);cursor:pointer}.item-rij.sleep-boven{box-shadow:inset 0 3px 0 var(--color-brand-red)}.item-nr{width:1.25rem;text-align:center;font-size:.8rem;color:color-mix(in srgb,var(--color-brand-navy) 60%,transparent)}.item-duim{width:72px;flex-shrink:0;border-radius:.4rem;overflow:hidden}.item-duim .tegel-titel{font-size:.45rem;letter-spacing:0;max-width:100%;padding-inline:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-duim .beeld-tegel{gap:.15rem;padding:.25rem}.item-duim .beeld-tegel svg{width:18px;height:18px}.item-naam{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem;font-size:.85rem;text-align:left}.item-naam>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-naam small{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:color-mix(in srgb,var(--color-brand-navy) 60%,transparent)}.item-duur{display:flex;align-items:center;gap:.3rem;font-size:.75rem}.item-duur input{width:4.25rem;padding:.35rem .5rem}.item-knoppen{display:flex;gap:.25rem}.item-knoppen button{min-width:2rem;padding:.25rem .5rem}.items-leeg{padding:1rem;text-align:center;font-size:.85rem;color:color-mix(in srgb,var(--color-brand-navy) 55%,transparent)}.doel-zone{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:600}.asset-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;max-height:70vh;overflow-y:auto}.asset-keuze{display:flex;align-items:center;gap:.75rem;width:100%;padding:.4rem .5rem;border:1px solid transparent;border-radius:.6rem;background:#fff;color:var(--color-brand-navy);text-transform:none;letter-spacing:normal;font-weight:400;cursor:pointer}.asset-keuze:hover:not(:disabled){background:var(--color-brand-sky);border-color:var(--color-brand-sky-deep)}.asset-keuze:disabled{opacity:1;cursor:default}.asset-keuze .plus{width:1.75rem;height:1.75rem;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--color-brand-red);color:#fff;font-size:1.1rem;line-height:1;opacity:0}.asset-keuze:hover:not(:disabled) .plus,.asset-keuze:focus-visible .plus{opacity:1}@media(max-width:1100px){.drie-kolommen{grid-template-columns:1fr}.asset-lijst{max-height:none}}.asset-open{display:block;width:100%;padding:0;border:0;border-radius:0;background:none;cursor:pointer;text-transform:none;letter-spacing:normal}.asset-open:hover{background:none}.asset-open:hover .beeld-inhoud{transform:scale(1.03)}.asset-open .beeld-inhoud{transition:transform .2s}.venster-achtergrond{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:2rem 1rem;background:color-mix(in srgb,var(--color-brand-navy-dark) 85%,transparent)}.venster{width:min(1100px,100%);background:#fff;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-card)}.venster-beeld{background:#000}.venster-beeld .beeld{aspect-ratio:16 / 9}.venster-beeld .tegel-titel{font-size:1.75rem}.venster-beeld .tegel-tekst{font-size:1rem}.venster-video{display:block;width:100%;aspect-ratio:16 / 9;background:#000}.venster-info{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem}.venster-info h3{margin:0 0 .25rem}.venster-info p{margin:0;font-size:.85rem}.beeld-tegel.weather{background:var(--color-brand-navy)}.tegel-weer{width:40px;height:40px}.item-duim .tegel-weer{width:18px;height:18px}.weer{container-type:size;position:relative;width:100%;height:100%;display:flex;background:#fff;color:var(--color-brand-navy);overflow:hidden}.venster-beeld .weer{aspect-ratio:16 / 9;height:auto}.weer-links{position:relative;width:38%;background:var(--color-brand-navy)}.weer-logo{position:absolute;top:10cqh;bottom:10cqh;left:12%;right:-18%;display:grid;place-items:center;background:#fff;border-radius:3cqh;box-shadow:0 2cqh 6cqh color-mix(in srgb,var(--color-brand-navy-dark) 25%,transparent)}.weer-logo img{width:75%;height:auto}.weer-rechts{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4cqh;padding:6cqh 5cqh 6cqh 14%;min-width:0}.weer-laden{margin:0;font-size:5cqh;color:color-mix(in srgb,var(--color-brand-navy) 60%,transparent)}.weer-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:3cqh}.weer-plaats{font-family:var(--font-display);font-weight:800;font-size:7cqh;line-height:1.1}.weer-tijd{margin-top:1cqh;font-size:3.6cqh}.weer-icoon-groot{width:15cqh;height:15cqh;flex-shrink:0}.weer-nu{display:flex;justify-content:space-between;align-items:flex-end}.weer-details{display:flex;flex-direction:column;gap:1.5cqh;font-size:3.6cqh}.weer-temp{font-family:var(--font-display);font-weight:800;font-size:16cqh;line-height:.9}.weer-temp span{font-size:.4em;vertical-align:top}.weer-dagen{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1.2cqh}.weer-dag{display:flex;flex-direction:column;align-items:center;gap:1cqh;padding:2cqh .5cqh;border-radius:1.5cqh;background:var(--color-brand-navy);color:#fff}.weer-dag.vandaag{background:var(--color-brand-red)}.weer-dagnaam{font-family:var(--font-display);font-weight:800;font-size:2.6cqh;text-transform:uppercase;white-space:nowrap}.weer-dag .weer-icoon{width:6cqh;height:6cqh}.weer-max{font-weight:700;font-size:3cqh}.weer-min{font-size:2.6cqh;opacity:.75}.veld{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;font-weight:600}.veld input,.veld select{font-weight:400}.schermen-keuze{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:.6rem .8rem;border:1px solid var(--color-brand-sky-deep);border-radius:.75rem;font-size:.85rem}.schermen-keuze legend{padding:0 .3rem;font-size:.78rem;font-weight:600}.schermen-keuze label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.schermen-keuze input{width:auto;accent-color:var(--color-brand-red)}.instellingen{display:flex;flex-direction:column;gap:.8rem;padding:1rem;border-radius:.75rem;background:var(--color-brand-sky)}.instellingen-rij{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}.instellingen-rij .veld{flex:1;min-width:10rem}.instellingen .schermen-keuze{background:#fff}.planning-form{gap:1.1rem}.planning-rij{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem}.planning-rij .veld{flex:1;min-width:12rem}.planning-rij .veld.breed{flex:1.4}.planning-rij .veld.smal{flex:0 0 8.5rem;min-width:0}.planning-rij .veld.smal input{width:100%}.dagen-veld{border:0;margin:0;padding:0;flex:2!important}.dagen-veld legend{padding:0;margin-bottom:.3rem}.dagen{display:flex;flex-wrap:nowrap;gap:.35rem}.dagen label{flex:1;min-width:2.6rem;padding:.55rem 0;text-align:center;border:1px solid var(--color-brand-sky-deep);border-radius:.75rem;cursor:pointer;font-size:.85rem;font-weight:600;text-transform:uppercase;background:#fff}.dagen label.on{background:var(--color-brand-navy);color:#fff;border-color:var(--color-brand-navy)}.dagen label:focus-within{outline:2px solid var(--color-brand-red);outline-offset:2px}.dagen input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.snelkeuze{display:flex;gap:1rem;margin-top:.4rem}.snelkeuze button{font-size:.75rem;text-transform:none;letter-spacing:normal;font-weight:600;color:color-mix(in srgb,var(--color-brand-navy) 65%,transparent)}.snelkeuze button.actief{color:var(--color-brand-red)}.widget-knoppen{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem}.widget-knop{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border:1px solid var(--color-brand-sky-deep);border-radius:.75rem;background:#fff;color:var(--color-brand-navy);font-size:.8rem;text-transform:none;letter-spacing:normal}.widget-knop:hover{background:var(--color-brand-sky);border-color:var(--color-brand-navy);color:var(--color-brand-navy)}.widget-knop{position:relative}.widget-knop-naam{flex:1;text-align:left}.widget-uitleg{display:none;position:absolute;left:50%;bottom:calc(100% + .6rem);z-index:30;width:max-content;max-width:15rem;transform:translate(calc(-50% + var(--schuif, 0px)));padding:.55rem .75rem;border-radius:.6rem;background:var(--color-brand-navy-dark);color:#fff;box-shadow:0 8px 24px #0000002e;font-size:.78rem;font-weight:500;line-height:1.35;text-align:left;text-transform:none;letter-spacing:normal;pointer-events:none}.widget-uitleg:after{content:"";position:absolute;left:calc(50% - var(--schuif, 0px));top:100%;margin-left:-6px;border:6px solid transparent;border-top-color:var(--color-brand-navy-dark)}.widget-knop:hover .widget-uitleg,.widget-knop:focus-visible .widget-uitleg{display:block;animation:ballon .15s ease-out .25s both}@keyframes ballon{0%{opacity:0;margin-bottom:-.25rem}to{opacity:1;margin-bottom:0}}.widget-hint{color:color-mix(in srgb,var(--color-brand-navy) 55%,transparent)}@media(hover:none){.widget-knop{flex-wrap:wrap;align-items:flex-start}.widget-uitleg{display:block;position:static;flex-basis:100%;width:auto;max-width:none;transform:none;padding:0;background:none;box-shadow:none;color:color-mix(in srgb,var(--color-brand-navy) 65%,transparent);font-size:.72rem;animation:none}.widget-uitleg:after{display:none}.widget-hint{display:none}}.weer-kiezer{max-width:900px}.weer-kiezer-velden{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.weer-kiezer-velden h3{margin:0}.weer-kiezer-rij{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:1rem;align-items:start}.zoek-plaats{position:relative}.plaats-lijst{position:absolute;top:3.6rem;left:0;right:0;z-index:5;list-style:none;margin:0;padding:.3rem;background:#fff;border:1px solid var(--color-brand-sky-deep);border-radius:.75rem;box-shadow:var(--shadow-card);max-height:16rem;overflow-y:auto}.plaats-lijst button{width:100%;padding:.5rem .7rem;border:0;border-radius:.5rem;background:none;color:var(--color-brand-navy);text-align:left;text-transform:none;letter-spacing:normal;font-weight:400;font-size:.85rem}.plaats-lijst button:hover{background:var(--color-brand-sky)}.item-knoppen.rechts{justify-content:flex-end}.form-knoppen{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.form-knoppen button{flex-shrink:0;white-space:nowrap}.form-knoppen button[type=submit]{flex-shrink:1}@media(max-width:700px){.weer-kiezer-rij{grid-template-columns:1fr}}.voorbeeld-start{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:0;background:var(--color-brand-navy-dark);color:#fff;text-transform:none;letter-spacing:normal;font-size:1rem}.voorbeeld-start:hover:not(:disabled){background:var(--color-brand-navy)}.voorbeeld-start small{color:var(--color-brand-ice);font-weight:400}.voorbeeld-start:disabled{opacity:1;background:var(--color-brand-sky-deep);color:var(--color-brand-navy)}.speel-icoon{display:grid;place-items:center;width:3.5rem;height:3.5rem;padding-left:.25rem;border-radius:50%;background:var(--color-brand-red);color:#fff;font-size:1.4rem}.voorbeeld-start:disabled .speel-icoon{background:var(--color-brand-blue)}.voorbeeld-balk{display:flex;align-items:center;justify-content:space-between;gap:1rem}.voorbeeld-balk>button{margin-left:auto}.gebruiker-form{gap:1rem;margin-bottom:1.5rem}.manier{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:.7rem .9rem;border:1px solid var(--color-brand-sky-deep);border-radius:.75rem;font-size:.85rem}.manier legend{padding:0 .3rem;font-size:.78rem;font-weight:600}.manier label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.manier input{width:auto;accent-color:var(--color-brand-red)}.manier label.uitgeschakeld{opacity:.55;cursor:default}.rechten-tabel th,.rechten-tabel .vinkje{text-align:center}.rechten-tabel th:first-child,.rechten-tabel th:nth-child(2){text-align:left}.rechten-tabel .vinkje input{width:1.05rem;height:1.05rem;accent-color:var(--color-brand-red);cursor:pointer}.rechten-tabel .vinkje input:disabled{cursor:default}.knop-veld{justify-content:flex-end}.voetnoot{margin-top:.75rem;font-size:.8rem}td select{padding:.35rem .6rem}.venster-achtergrond{overflow-y:auto;align-items:start}.venster.weer-kiezer{overflow:visible;margin-block:auto}.weer-kiezer .venster-beeld{border-radius:1rem 1rem 0 0;overflow:hidden}.handleiding{max-width:48rem}.handleiding-inhoud{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.handleiding-inhoud a{padding:.35rem .8rem;border-radius:999px;background:#fff;border:1px solid var(--color-brand-sky-deep);color:var(--color-brand-navy);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-decoration:none}.handleiding-inhoud a:hover{color:var(--color-brand-red)}.handleiding-sectie{margin-bottom:1.25rem;scroll-margin-top:1.5rem;line-height:1.6}.handleiding-sectie p,.handleiding-sectie h3{margin:0}.handleiding-sectie ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.handleiding-sectie li{position:relative;padding-left:1.4rem}.handleiding-sectie li:before{content:"";position:absolute;left:0;top:.5em;width:.6rem;height:.6rem;border-radius:2px;background:var(--color-brand-red)}.bevestiging{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1rem}.bevestiging-achtergrond{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:none;border-radius:0;background:color-mix(in srgb,var(--color-brand-navy-dark) 70%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:default}.bevestiging-achtergrond:hover{background:color-mix(in srgb,var(--color-brand-navy-dark) 70%,transparent)}.bevestiging-kader{position:relative;width:min(28rem,100%);overflow:hidden;border-radius:1rem;background:#fff;box-shadow:0 12px 40px color-mix(in srgb,var(--color-brand-navy-dark) 25%,transparent)}.bevestiging-inhoud{display:flex;gap:1rem;padding:1.5rem}.bevestiging-inhoud h2{margin:0;font-size:1.1rem;line-height:1.3}.bevestiging-inhoud p{margin:.5rem 0 0;font-size:.875rem;line-height:1.5;color:color-mix(in srgb,var(--color-brand-navy) 70%,transparent)}.bevestiging-icoon{display:grid;place-items:center;flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:999px;background:var(--color-brand-sky-deep);color:var(--color-brand-navy)}.bevestiging-icoon.gevaar{background:color-mix(in srgb,var(--color-brand-red) 10%,transparent);color:var(--color-brand-red)}.bevestiging-knoppen{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-brand-sky-deep);background:var(--color-brand-sky)}.bevestiging-knoppen button.rustig{background:var(--color-brand-navy);border-color:var(--color-brand-navy)}.bevestiging-knoppen button.rustig:hover{background:var(--color-brand-navy-light);border-color:var(--color-brand-navy-light)}.venster.instagram-venster{width:min(760px,100%);overflow:visible;margin-block:auto}.instagram-kop{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-brand-sky-deep)}.instagram-kop h3{margin:0}.instagram-logo{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.75rem;color:#fff;background:linear-gradient(45deg,#f9a825,#e1306c 50%,#833ab4)}.instagram-inhoud{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem 1.5rem}.instagram-koppeling{padding:1rem;border-radius:.75rem;background:var(--color-brand-sky)}.instagram-koppeling p{margin:0 0 .75rem;font-size:.875rem}.instagram-account{display:flex;align-items:center;gap:.9rem}.instagram-account img,.instagram-avatar{width:3rem;height:3rem;border-radius:999px;object-fit:cover;background:var(--color-brand-sky-deep);flex-shrink:0}.instagram-account>div:nth-child(2){display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.instagram-account .item-knoppen{gap:.5rem}.instagram-knop{border:none;color:#fff;background:linear-gradient(45deg,#f9a825,#e1306c 50%,#833ab4)}.instagram-knop:hover{filter:brightness(1.08);border:none;background:linear-gradient(45deg,#f9a825,#e1306c 50%,#833ab4)}.instagram-instellingen{display:grid;grid-template-columns:2fr 1.4fr 1fr;gap:1rem;align-items:end}.instagram-instellingen .vink,.instagram-instellingen small{grid-column:1 / -1}.vink{display:flex;align-items:center;gap:.5rem;font-size:.85rem;cursor:pointer}.vink input{width:auto;accent-color:var(--color-brand-red)}.instagram-titel{display:block;margin-bottom:.6rem;font-size:.85rem}.instagram-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.instagram-raster figure{margin:0;overflow:hidden;border-radius:.6rem;background:var(--color-brand-navy-dark)}.instagram-raster img,.instagram-raster span{display:block;width:100%;aspect-ratio:1;object-fit:cover}.instagram-raster figcaption{padding:.4rem .5rem;font-size:.7rem;line-height:1.35;color:var(--color-brand-ice);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.instagram-voet{gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-brand-sky-deep);background:var(--color-brand-sky);border-radius:0 0 1rem 1rem}.instagram-voet button{min-width:0;padding:.6rem 1.25rem}@media(max-width:640px){.instagram-instellingen{grid-template-columns:1fr}.instagram-account{flex-wrap:wrap}}.voorbeeld-zone{container-type:size}.thema-laag{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.thema-toon,.thema-vignet{position:absolute;top:0;right:0;bottom:0;left:0}.thema-vignet{background:radial-gradient(ellipse at center,transparent 55%,rgb(0 0 0 / .38) 100%)}.thema-kader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.thema-hoek{position:absolute;height:28cqh;width:auto;aspect-ratio:1;overflow:visible}.thema-hoek.breed{aspect-ratio:200 / 110;height:20cqh}.thema-hoek.links-boven{left:0;top:0}.thema-hoek.rechts-onder{right:0;bottom:0}.thema-hoek.gespiegeld{transform:scale(-1)}.thema-hoek line,.thema-hoek path:not([fill]){stroke:#ffffffbf;stroke-width:1.6;fill:none}.thema-lint{position:absolute;left:4.5cqh;bottom:4cqh;padding:1.1cqh 2.6cqh;border-radius:1.5cqh;font-family:var(--font-display);font-weight:900;font-size:2.8cqh;letter-spacing:.02em;text-transform:uppercase;color:#fff;opacity:.94}.thema-effecten{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.voorbeeld-zone:has(>.thema-achter){background:var(--color-brand-navy-dark)}.voorbeeld-item.thema-achter{position:relative;z-index:1}.voorbeeld-item.thema-achter .website-widget{background:transparent}.thema-laag.achter{z-index:0}.thema-keuze{display:flex;flex-direction:column;gap:.6rem}.thema-keuze .thema-rij{display:flex;flex-wrap:wrap;gap:1rem;align-items:end}.thema-stalen{display:flex;gap:.25rem}.thema-stalen span{width:.9rem;height:.9rem;border-radius:.25rem}.website-widget{container-type:size;position:relative;width:100%;height:100%;overflow:hidden;background:var(--color-brand-navy-dark);color:#fff}.venster-beeld .website-widget{aspect-ratio:16 / 9;height:auto}.website-widget.leeg{display:grid;place-items:center;color:color-mix(in srgb,var(--color-brand-ice) 70%,transparent);font-size:.9rem}.website-kop{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.02em;font-size:calc(5cqh * var(--schaal, 1))}.website-streep{width:7cqh;height:.8cqh;margin:1.6cqh 0 3cqh;border-radius:1cqh;background:var(--color-brand-red)}.website-samenvatting{margin:0;font-size:calc(3.2cqh * var(--schaal, 1));line-height:1.45;color:var(--color-brand-ice)}.website-widget.nieuws{display:grid;grid-template-columns:55% 1fr}.website-foto{background:var(--color-brand-navy)}.website-foto img{width:100%;height:100%;object-fit:cover;display:block}.website-tekst{display:flex;flex-direction:column;padding:7cqh 5cqh;min-width:0}.website-tekst h3{margin:0;font-family:var(--font-display);font-size:5.6cqh;line-height:1.15;color:#fff}.website-datum{margin:1.5cqh 0 2.5cqh;font-size:2.8cqh;color:color-mix(in srgb,var(--color-brand-ice) 70%,transparent)}.website-tekst .website-samenvatting{display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}.website-widget.events{padding:7cqh 6cqh}.website-widget.events ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2.4cqh}.website-widget.events li{display:flex;align-items:center;gap:3cqh}.website-datumblok{display:flex;flex-direction:column;align-items:center;justify-content:center;width:11cqh;height:11cqh;flex-shrink:0;border-radius:1.6cqh;background:var(--color-brand-red);font-size:2.4cqh;font-weight:700;text-transform:uppercase}.website-datumblok strong{font-family:var(--font-display);font-size:4.6cqh;line-height:1}.website-widget.events b{display:block;font-family:var(--font-display);font-size:4cqh}.website-widget.events small{display:block;margin-top:.6cqh;font-size:2.8cqh;color:color-mix(in srgb,var(--color-brand-ice) 75%,transparent)}.website-widget.sponsors{padding:6cqh;background:var(--color-brand-sky);color:var(--color-brand-navy)}.website-widget.sponsors .website-samenvatting{color:var(--color-brand-navy)}.website-logos{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:28cqh;gap:3cqh}.website-logo{display:grid;place-items:center;padding:3cqh;border-radius:2cqh;background:#fff;box-shadow:var(--shadow-card)}.website-logo.donker{background:var(--color-brand-navy)}.website-logo img{max-width:100%;max-height:100%;object-fit:contain}.beeld-tegel.website{background:var(--color-brand-navy)}.beeld-tegel.drive{background:linear-gradient(135deg,var(--color-brand-navy) 0%,var(--color-brand-navy-light) 100%)}.drive-widget .beeld-inhoud{animation:drive-in .6s ease}@keyframes drive-in{0%{opacity:0}to{opacity:1}}.drive-link{display:flex;gap:.6rem;align-items:flex-end}.drive-link .veld{flex:1}.website-widget.weekend{padding:6cqh 6cqh 5cqh}.weekend-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:4cqh}.weekend-datum{font-family:var(--font-display);font-weight:800;font-size:calc(3.6cqh * var(--schaal, 1));color:var(--color-brand-ice);text-align:right}.weekend-datum small{display:block;margin-top:.8cqh;font-family:var(--font-sans);font-weight:600;font-size:calc(2.4cqh * var(--schaal, 1));color:color-mix(in srgb,var(--color-brand-ice) 65%,transparent)}.weekend-lijst{display:flex;flex-direction:column;gap:1.2cqh}.weekend-dag{margin-top:.8cqh;font-size:calc(2.5cqh * var(--schaal, 1));font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-brand-ice) 65%,transparent)}.weekend-rij{display:grid;grid-template-columns:10cqh 1fr 12cqh 1fr 9cqh;align-items:center;gap:2cqh;padding:1.5cqh 2.4cqh;border-radius:1.4cqh;background:var(--color-brand-navy);font-size:3.3cqh}.weekend-uur{font-family:var(--font-display);font-weight:800}.weekend-ploeg{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-brand-ice)}.weekend-ploeg.thuis{text-align:right}.weekend-ploeg.eigen{color:#fff;font-weight:700}.weekend-score{padding:.6cqh 0;border-radius:1cqh;background:var(--color-brand-red);text-align:center;font-family:var(--font-display);font-weight:800}.weekend-tegen{text-align:center;color:color-mix(in srgb,var(--color-brand-ice) 50%,transparent)}.weekend-plaats{padding:.5cqh 0;border:.25cqh solid color-mix(in srgb,var(--color-brand-ice) 40%,transparent);border-radius:1cqh;text-align:center;font-size:2.2cqh;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-brand-ice)}.weekend-plaats.thuis{border-color:var(--color-brand-red);background:var(--color-brand-red);color:#fff}.weekend-demo{position:absolute;right:6cqh;bottom:2.4cqh;font-size:2.2cqh;color:color-mix(in srgb,var(--color-brand-ice) 55%,transparent)}@media(min-width:761px){.alleen-mobiel{display:none!important}}@media(max-width:760px){.alleen-desktop{display:none!important}}.ikoonknop{display:grid;place-items:center;flex-shrink:0;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-brand-navy)}.ikoonknop:hover,.ikoonknop[aria-expanded=true]{background:var(--color-brand-sky);border:0}.mobiel-balk{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:2.75rem 1fr 2.75rem;align-items:center;gap:.5rem;padding:calc(env(safe-area-inset-top) + .4rem) .75rem .4rem;background:#fff;border-bottom:1px solid var(--color-brand-sky-deep)}.mobiel-balk h1{margin:0;overflow:hidden;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-display);font-weight:800;font-size:1.15rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-brand-navy)}.mobiel-logo{display:grid;place-items:center}.mobiel-logo img{height:34px;width:auto}.onderbalk{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:.3rem .5rem calc(.3rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--color-brand-sky-deep);box-shadow:0 -4px 20px color-mix(in srgb,var(--color-brand-navy) 6%,transparent)}.onder-knop{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem 0 .2rem;font-size:.65rem;font-weight:600;text-decoration:none;color:color-mix(in srgb,var(--color-brand-navy) 45%,transparent)}.onder-knop.active{color:var(--color-brand-red)}.onder-home{justify-self:center;display:grid;place-items:center;width:3.4rem;height:3.4rem;margin-top:-1.4rem;border-radius:50%;background:var(--color-brand-blue);color:#fff;box-shadow:0 0 0 5px #fff}.onder-home.active{background:var(--color-brand-red);box-shadow:0 0 0 5px #fff,0 6px 18px color-mix(in srgb,var(--color-brand-red) 45%,transparent)}.onder-home:hover{color:#fff}.fab{position:fixed;right:1rem;bottom:calc(5.4rem + env(safe-area-inset-bottom));z-index:31;display:grid;place-items:center;width:3.75rem;height:3.75rem;padding:0;border-radius:50%;box-shadow:0 8px 20px color-mix(in srgb,var(--color-brand-red) 40%,transparent)}.blad-laag{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;justify-content:flex-end}.blad-achtergrond,.lade-achtergrond{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;border-radius:0;background:color-mix(in srgb,var(--color-brand-navy-dark) 55%,transparent);cursor:default}.blad-achtergrond:hover,.lade-achtergrond:hover{background:color-mix(in srgb,var(--color-brand-navy-dark) 55%,transparent)}.blad{position:relative;display:flex;flex-direction:column;max-height:90vh;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-radius:1.25rem 1.25rem 0 0;box-shadow:0 -12px 40px color-mix(in srgb,var(--color-brand-navy-dark) 25%,transparent);animation:blad-in .25s ease}.blad:before{content:"";align-self:center;width:2.5rem;height:4px;margin-top:.5rem;border-radius:2px;background:var(--color-brand-sky-deep)}.blad-kop{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem .75rem .5rem 1.25rem;border-bottom:1px solid var(--color-brand-sky)}.blad-kop h3{margin:0;font-size:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.blad-inhoud{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem 1.5rem;overflow-y:auto;overscroll-behavior:contain}.blad-form{display:flex;flex-direction:column;gap:.75rem}.blad-form>button[type=submit],.blad-form>div>button[type=submit]{width:100%}.blad .card-grid{grid-template-columns:1fr}.blad .card{margin:0;box-shadow:none;border:1px solid var(--color-brand-sky-deep)}.blad .asset-lijst{max-height:none}.blad .asset-keuze .plus{opacity:1}.blad .zoek{width:100%}@keyframes blad-in{0%{transform:translateY(100%)}to{transform:none}}.kebab-menu{position:fixed;z-index:70;display:flex;flex-direction:column;min-width:12rem;padding:.35rem;background:#fff;border:1px solid var(--color-brand-sky-deep);border-radius:.9rem;box-shadow:0 12px 40px color-mix(in srgb,var(--color-brand-navy-dark) 22%,transparent)}.kebab-menu button{padding:.75rem .9rem;border:0;border-radius:.6rem;background:none;color:var(--color-brand-navy);text-align:left;text-transform:none;letter-spacing:normal;font-size:.95rem;font-weight:500}.kebab-menu button:hover{background:var(--color-brand-sky);border:0}.kebab-menu button.gevaar{color:var(--color-brand-red)}.kebab-menu button.gevaar:hover{background:color-mix(in srgb,var(--color-brand-red) 8%,transparent)}.rijen{list-style:none;margin:0;padding:0;overflow:hidden;background:#fff;border-radius:1rem;box-shadow:var(--shadow-card)}.rij{display:flex;align-items:center;gap:.9rem;min-height:4.5rem;padding:.8rem .4rem .8rem 1rem;border-bottom:1px solid var(--color-brand-sky-deep)}.rij:last-child{border-bottom:0}.rij.muted{padding:1.25rem 1rem;font-size:.9rem}.rij.uit .rij-icoon,.rij.uit .rij-tekst{opacity:.55}.rij-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.rij-tekst strong,.rij-tekst small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rij-tekst strong{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--color-brand-navy)}.rij-tekst strong .badge{margin-left:.5rem;vertical-align:.1em}.rij-tekst small{font-size:.8rem;color:color-mix(in srgb,var(--color-brand-navy) 55%,transparent)}.rij-icoon{display:grid;place-items:center;flex-shrink:0;color:var(--color-brand-navy)}.rij-knop{flex:1;min-width:0;display:flex;align-items:center;gap:.9rem;padding:0;border:0;border-radius:0;background:none;color:var(--color-brand-navy);text-align:left;text-transform:none;letter-spacing:normal;font-size:1rem;font-weight:400}.rij-knop:hover{background:none;border:0}.status-label{flex-shrink:0;padding:.3rem .6rem;border-radius:.5rem;background:var(--color-brand-sky);color:color-mix(in srgb,var(--color-brand-navy) 60%,transparent);font-size:.75rem;font-weight:600}.status-label.online{background:#2e9e4f1f;color:var(--ok)}.lijst-bol{display:grid;place-items:center;flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-brand-red);color:#fff}.keuze-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.keuze-lijst button{width:100%;padding:.85rem 1rem;border:1px solid var(--color-brand-sky-deep);border-radius:.75rem;background:#fff;color:var(--color-brand-navy);text-align:left;text-transform:none;letter-spacing:normal;font-size:.95rem;font-weight:500}.keuze-lijst button:hover{background:var(--color-brand-sky);border-color:var(--color-brand-sky-deep)}.keuze-lijst button.gekozen{border-color:var(--color-brand-red);background:color-mix(in srgb,var(--color-brand-red) 6%,transparent);color:var(--color-brand-red);font-weight:700}.home{display:flex;flex-direction:column;gap:1.75rem}.home-welkom h2{margin:0;font-size:1.5rem}.home-welkom p{margin:.25rem 0 0}.sectie-kop{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.sectie-kop h3{position:relative;margin:0;padding-bottom:.45rem;font-size:1rem}.sectie-kop h3:after{content:"";position:absolute;left:0;bottom:0;width:2.5rem;height:3px;border-radius:2px;background:var(--color-brand-red)}.sectie-kop a{font-size:.85rem;font-weight:600;color:var(--color-brand-red);text-decoration:none}.home-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.home-raster>p{grid-column:1 / -1;margin:0}.home-kaart{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:0;padding:1rem .75rem;background:#fff;border-radius:1rem;box-shadow:var(--shadow-card);color:var(--color-brand-navy);text-align:center;text-decoration:none}.home-kaart strong{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem}.home-kaart small{max-width:100%;font-size:.75rem;color:color-mix(in srgb,var(--color-brand-navy) 55%,transparent)}.home-kaart:hover{color:var(--color-brand-navy)}.scherm-kaart .status-label{margin-bottom:.25rem}.media-kaart{align-items:stretch;padding:0;overflow:hidden;border:0;text-transform:none;letter-spacing:normal;font-weight:400}.media-kaart:hover{background:#fff;border:0}.media-kaart-tekst{display:flex;flex-direction:column;gap:.15rem;min-width:0;padding:.6rem .75rem .75rem}.lade-laag{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.lade{position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:column;width:min(20rem,85vw);overflow-y:auto;background:#fff;box-shadow:12px 0 40px color-mix(in srgb,var(--color-brand-navy-dark) 25%,transparent);animation:lade-in .25s ease}.lade-kop{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:calc(env(safe-area-inset-top) + 1.5rem) 1.5rem 1.25rem;background:var(--color-brand-navy-dark);color:#fff}.lade-avatar{display:grid;place-items:center;width:3.5rem;height:3.5rem;margin-bottom:.6rem;border-radius:50%;background:var(--color-brand-red);font-family:var(--font-display);font-weight:800;font-size:1.2rem}.lade-kop strong{font-family:var(--font-display);font-size:1.1rem}.lade-kop small{font-size:.8rem;color:color-mix(in srgb,var(--color-brand-ice) 75%,transparent);word-break:break-all}.lade-rol{margin-top:.5rem;padding:.15rem .6rem;border-radius:999px;background:#ffffff1f;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.lade-nav{flex:1;display:flex;flex-direction:column;gap:.15rem;padding:.75rem}.lade-item{display:flex;align-items:center;gap:1.1rem;width:100%;padding:.8rem 1rem;border:0;border-radius:.75rem;background:none;color:var(--color-brand-navy);text-align:left;text-decoration:none;text-transform:none;letter-spacing:normal;font-size:1rem;font-weight:600}.lade-item svg{color:color-mix(in srgb,var(--color-brand-navy) 50%,transparent)}.lade-item:hover{background:var(--color-brand-sky);border:0;color:var(--color-brand-navy)}.lade-item.active{background:color-mix(in srgb,var(--color-brand-red) 8%,transparent);color:var(--color-brand-red)}.lade-item.active svg{color:var(--color-brand-red)}.lade-sectie{margin:.9rem 1rem .3rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--color-brand-navy) 50%,transparent)}.lade-voet{display:flex;align-items:center;gap:.6rem;padding:1rem 1.5rem calc(1rem + env(safe-area-inset-bottom));border-top:1px solid var(--color-brand-sky-deep);font-size:.75rem;color:color-mix(in srgb,var(--color-brand-navy) 55%,transparent)}.lade-voet img{height:28px;width:auto}@keyframes lade-in{0%{transform:translate(-100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){.blad,.lade{animation:none}}@media(max-width:760px){.content{padding:1rem 1rem calc(6.5rem + env(safe-area-inset-bottom))}.content:has(.fab){padding-bottom:calc(10.5rem + env(safe-area-inset-bottom))}.page-header h2{display:none}.page-header:has(>h2:only-child){display:none}.page-header p{margin:0;font-size:.85rem}input,select{font-size:16px}input[type=number]{width:4.5rem}.raster-kop{margin-top:0}.raster-kop h3{font-size:.85rem}.raster-kop .zoek{flex:1 1 100%;min-width:0}.asset-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.asset-kebab{position:absolute;top:.35rem;right:.35rem;width:2.25rem;height:2.25rem;background:#ffffffeb;box-shadow:0 2px 8px color-mix(in srgb,var(--color-brand-navy-dark) 20%,transparent)}.asset-kebab:hover{background:#fff}.gsm-lijst{display:flex;flex-direction:column;gap:.9rem}.gsm-lijst .lijst-kop h3{display:none}.gsm-lijst .lijst-kop{justify-content:flex-end}.lijst-stats{gap:.25rem 1rem}.items-lijst{padding:0;border:0;background:none;gap:.5rem}.item-rij{gap:.7rem;padding:.5rem .25rem .5rem .5rem;border:0;border-radius:.9rem;background:#fff;box-shadow:var(--shadow-card);cursor:default}.item-nr{display:none}.item-duim{width:64px}.item-naam{font-size:.9rem}.item-duur{font-size:.85rem;font-weight:600;white-space:nowrap}.item-duur{gap:.2rem}.item-duur input{width:3rem;padding:.35rem .25rem;text-align:center}.items-leeg{padding:1.5rem 1rem;border:2px dashed var(--color-brand-sky-deep);border-radius:.9rem}.instellingen{padding:.9rem}.instellingen-rij .veld{min-width:0;flex-basis:100%}.voorbeeld-balk{flex-wrap:wrap}.dagen label{min-width:0}table{display:block;overflow-x:auto;white-space:nowrap}.venster-achtergrond{padding:1rem .5rem}.venster-info{flex-direction:column;align-items:stretch}.venster-info .item-knoppen{justify-content:flex-end;flex-wrap:wrap}}.web-pagina{background:#fff}.web-pagina iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;background:#fff}.web-pagina-melding{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;text-align:center;font-size:.8rem;color:color-mix(in srgb,var(--color-brand-navy) 55%,transparent)}.beeld-tegel.feed{background:linear-gradient(135deg,var(--color-brand-navy-dark) 0%,var(--color-brand-red) 140%)}.feed-widget .website-foto{position:relative;overflow:hidden}.feed-widget .feed-waas{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;object-fit:cover;filter:blur(18px) brightness(.55)}.feed-widget .feed-beeld{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:contain}.feed-widget.nieuws{grid-template-columns:50% 1fr}.feed-widget .website-tekst{padding:6cqh 5cqh}.feed-widget.zonder-foto{grid-template-columns:1fr}.feed-widget.zonder-foto .website-tekst{padding:9cqh 12cqh}.feed-suggesties{display:flex;flex-wrap:wrap;gap:.5rem}.feed-suggesties .widget-knop{flex:0 1 auto}.feed-widget h3{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0;font-size:calc(5.6cqh * var(--pas-titel, 1))}.feed-widget.zonder-foto h3{-webkit-line-clamp:3;font-size:calc(7.2cqh * var(--pas-titel, 1))}.feed-widget .website-tekst .website-samenvatting{min-height:0;font-size:calc(3.2cqh * var(--pas, 1));-webkit-line-clamp:var(--regels, none)}.feed-widget.zonder-foto .website-tekst .website-samenvatting{font-size:calc(4cqh * var(--pas, 1))}.feed-widget.zonder-foto .website-tekst{justify-content:center}.beeld-tegel.youtube{background:#000}.beeld-tegel.presentatie{background:linear-gradient(135deg,#f4b400,#e37400)}.beeld-tegel.youtube img.youtube-miniatuur{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.7}.beeld-tegel.youtube>:not(img){position:relative}.youtube-widget{background:#000}.youtube-speler{display:block;width:100%;height:100%;border:0;pointer-events:none}.youtube-speler iframe{display:block;width:100%;height:100%;border:0}.youtube-widget.kader{display:flex;flex-direction:column;padding:6cqh 7cqh 7cqh;background:var(--color-brand-navy-dark)}.youtube-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:4cqh;margin-bottom:3cqh}.youtube-kop .website-streep{margin-bottom:0}.youtube-vak{flex:1;min-height:0;display:grid;place-items:center;container-type:size}.youtube-beeld{width:min(100cqw,100cqh * var(--verhouding, 16 / 9));aspect-ratio:var(--verhouding, 16 / 9);border-radius:1.5cqh;overflow:hidden;background:#000;box-shadow:0 1cqh 4cqh #00000073}.youtube-logo{height:13.5cqh;margin-left:auto}.kader-video{display:block;width:100%;height:100%;object-fit:cover}.school-tabs{display:flex;gap:.25rem;margin-bottom:1rem;overflow-x:auto;border-bottom:1px solid var(--color-brand-sky-deep)}.school-tabs button{padding:.6rem 1rem;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;color:color-mix(in srgb,var(--color-brand-navy) 60%,transparent);font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.school-tabs button:hover{background:none;color:var(--color-brand-navy)}.school-tabs button.actief{color:var(--color-brand-navy);border-bottom-color:var(--color-brand-red)}.school-acties{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.school-filter{display:flex;flex-wrap:wrap;gap:.35rem}.school-filter button.actief{background:var(--color-brand-navy);color:#fff;border-color:var(--color-brand-navy)}.school-uitleg{margin-top:.75rem;font-size:.85rem}.school-venster{max-width:720px}.school-venster textarea,.blad-form textarea{font:inherit;padding:.5rem .75rem;border:1px solid var(--color-brand-sky-deep);border-radius:.5rem;resize:vertical;font-weight:400}.badge.soort-vergadering{background:var(--color-brand-ice)}.badge.soort-studiedag{background:color-mix(in srgb,var(--color-brand-gold) 35%,transparent)}.badge.soort-uitstap{background:color-mix(in srgb,var(--color-brand-red) 12%,transparent);color:var(--color-brand-red-dark)}.badge.soort-activiteit{background:var(--color-brand-sky-deep)}.badge.soort-dagthema{background:color-mix(in srgb,var(--color-brand-blue) 25%,transparent)}.badge.te-laat{background:var(--color-fout);color:#fff}.taak-vink{width:1.25rem;height:1.25rem;flex-shrink:0;margin-left:.15rem;accent-color:var(--color-brand-navy)}.quote-tekst strong{white-space:normal;font-family:var(--font-sans);font-size:.95rem;font-weight:600}.quote-vandaag{margin:0 0 1rem}.quote-vandaag blockquote{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--color-brand-navy)}.quote-vandaag figcaption{margin-top:.4rem;font-size:.8rem;color:color-mix(in srgb,var(--color-brand-navy) 60%,transparent)}.dagthema-lijst{max-height:50vh;overflow-y:auto}.dagthema-lijst .rij{min-height:3.5rem;padding-right:1rem}.dagthema-keuze{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0;cursor:pointer}.dagthema-keuze input{width:1.15rem;height:1.15rem;accent-color:var(--color-brand-navy)}.knop-bestand{position:relative;display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:999px;background:var(--color-brand-navy);color:#fff;font-weight:600;cursor:pointer}.knop-bestand input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.knop-bestand:focus-within{outline:2px solid var(--color-brand-red);outline-offset:2px}.excel-fouten{margin:0;padding:.75rem 1rem .75rem 2rem;max-height:10rem;overflow-y:auto;border-radius:.75rem;background:color-mix(in srgb,var(--color-fout) 8%,transparent);color:var(--color-fout);font-size:.85rem}.excel-voorbeeld{max-height:30vh;overflow-y:auto}.excel-voorbeeld .rij{min-height:3.25rem}@media(max-width:760px){.school-tabs button{padding:.6rem .65rem;font-size:.8rem}.school-filter{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:.25rem}.school-filter button{flex-shrink:0}}.website-widget.school-welkom{display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;gap:4cqh 6cqh;padding:8cqh 8cqh 7cqh}.welkom-tekst{display:flex;flex-direction:column;justify-content:center;gap:2cqh;min-width:0}.welkom-groet{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:calc(11cqh * var(--schaal, 1));line-height:1}.welkom-sub{font-family:var(--font-display);font-weight:800;font-size:calc(5cqh * var(--schaal, 1));color:var(--color-brand-ice)}.welkom-datum{font-size:calc(4.4cqh * var(--schaal, 1));color:color-mix(in srgb,var(--color-brand-ice) 80%,transparent)}.welkom-datum:first-letter{text-transform:uppercase}.welkom-thema{align-self:flex-start;margin-top:1cqh;padding:1.2cqh 3cqh;border-radius:99cqh;background:var(--color-brand-red);font-weight:700;font-size:calc(3.6cqh * var(--schaal, 1))}.welkom-zij{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4cqh}.welkom-logo{height:30cqh;width:auto;max-width:34cqw;object-fit:contain}.welkom-weer{display:flex;align-items:center;gap:1.5cqh;font-family:var(--font-display);font-weight:800;font-size:calc(7cqh * var(--schaal, 1))}.welkom-weer-icoon{width:9cqh;height:9cqh}.welkom-quote{grid-column:1 / -1;margin:0;padding:3cqh 4cqh;border-left:1cqh solid var(--color-brand-red);border-radius:1.5cqh;background:color-mix(in srgb,var(--color-brand-navy) 70%,transparent)}.welkom-quote blockquote{margin:0;font-size:calc(4.6cqh * var(--schaal, 1));font-style:italic;line-height:1.3}.welkom-quote figcaption{margin-top:1.2cqh;font-size:calc(3cqh * var(--schaal, 1));color:color-mix(in srgb,var(--color-brand-ice) 75%,transparent)}.school-rijen{display:flex;flex-direction:column;gap:1.4cqh}.school-rij{display:flex;align-items:center;gap:2.5cqh;padding:1.8cqh 2.5cqh;border-radius:1.5cqh;background:color-mix(in srgb,var(--color-brand-navy) 70%,transparent);font-size:calc(3.6cqh * var(--schaal, 1))}.school-naam{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700}.school-naam small{font-weight:600;font-size:.8em;color:color-mix(in srgb,var(--color-brand-ice) 70%,transparent)}.school-pijl{color:var(--color-brand-red);font-weight:800}.school-vervanging{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-brand-ice)}.school-vervanging.geen{color:color-mix(in srgb,var(--color-brand-ice) 60%,transparent);font-style:italic}.school-details{flex-shrink:0;max-width:45%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.85em;color:color-mix(in srgb,var(--color-brand-ice) 80%,transparent)}.school-details.te-laat{color:#ffb4a8;font-weight:700}.school-soort{flex-shrink:0;min-width:18cqh;padding:.6cqh 1.6cqh;border-radius:99cqh;background:color-mix(in srgb,var(--color-brand-ice) 18%,transparent);font-size:.7em;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.04em}.school-soort.soort-uitstap,.school-soort.soort-dagthema{background:var(--color-brand-red)}.school-rij.met-omschrijving{flex-wrap:wrap;row-gap:.8cqh}.school-omschrijving{flex-basis:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.8em;line-height:1.3;color:color-mix(in srgb,var(--color-brand-ice) 85%,transparent)}.school-bolletje{flex-shrink:0;width:2.2cqh;height:2.2cqh;border:.5cqh solid var(--color-brand-ice);border-radius:50%}.beeld-tegel.school{background:var(--color-brand-navy-dark)}.website-widget.bijscholingen{display:flex;flex-direction:column}.website-widget.bijscholingen .bijscholing-kaart{margin-top:1cqh}.school-qr{display:block;flex-shrink:0;border-radius:1cqh}.school-qr.klein{width:11cqh;height:11cqh}.school-rij.bijscholing{padding-block:1.2cqh}.bijscholing-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:.6cqh}.bijscholing-tekst .school-details{max-width:none}.bijscholing-voet{margin:2cqh 0 0;font-size:calc(3cqh * var(--schaal, 1));color:color-mix(in srgb,var(--color-brand-ice) 80%,transparent)}.bijscholing-kaart{flex:1;min-height:0;display:flex;align-items:center;gap:6cqh;padding:4cqh 5cqh;border-radius:2cqh;background:color-mix(in srgb,var(--color-brand-navy) 70%,transparent)}.bijscholing-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.6cqh}.bijscholing-titel{font-family:var(--font-display);font-weight:900;font-size:calc(7cqh * var(--schaal, 1));line-height:1.1}.bijscholing-regel{font-size:calc(3.8cqh * var(--schaal, 1));color:var(--color-brand-ice)}.bijscholing-omschrijving{margin:.5cqh 0 0;font-size:calc(3.4cqh * var(--schaal, 1));line-height:1.35;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.bijscholing-deadline{align-self:flex-start;margin-top:1cqh;padding:1cqh 2.6cqh;border-radius:99cqh;background:var(--color-brand-red);font-weight:700;font-size:calc(3.4cqh * var(--schaal, 1))}.bijscholing-deadline:first-letter{text-transform:uppercase}.bijscholing-qr{flex-shrink:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:1.6cqh}.bijscholing-qr .school-qr{width:42cqh;height:42cqh}.bijscholing-qr figcaption{font-size:calc(3cqh * var(--schaal, 1));font-weight:700}.school-mail{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.school-mail .veld{flex:1 1 18rem}.school-mail>p{flex-basis:100%;margin:0}.dagen.soorten-keuze{display:flex;flex-wrap:wrap;grid-template-columns:none}.dagen.soorten-keuze label{flex:0 0 auto;width:auto;padding-inline:.8rem}.huisstijl-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.huisstijl-kaart{display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.huisstijl-kaart.gekozen{box-shadow:0 0 0 3px var(--color-brand-navy),var(--shadow-card)}.huisstijl-voorbeeld{aspect-ratio:16 / 9;container-type:size;border-radius:.6rem;overflow:hidden}.huisstijl-info{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.huisstijl-info strong{display:block;font-family:var(--font-display);color:var(--color-brand-navy)}.huisstijl-info small{display:block;margin-top:.15rem;font-size:.8rem;color:color-mix(in srgb,var(--color-brand-navy) 60%,transparent)}.huisstijl-stalen{display:flex;flex-shrink:0}.huisstijl-stalen span{width:1.4rem;height:1.4rem;margin-left:-.35rem;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #00000040}.huisstijl-kaart>button{align-self:flex-end}.huisstijl-eigen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.huisstijl-eigen .veld{font-size:.75rem}.huisstijl-kleurveld{display:flex;align-items:center;gap:.4rem;min-width:0}.huisstijl-kleurveld input[type=color]{flex-shrink:0;width:2.2rem;height:2.2rem;padding:.15rem;border:1px solid var(--color-brand-sky-deep);border-radius:.5rem;background:#fff;cursor:pointer}.huisstijl-kleurveld code{overflow:hidden;text-overflow:ellipsis;font-size:.75rem}.huisstijl-waarschuwing{color:var(--color-brand-red-dark);font-weight:600}.mededeling{--md-tekst: #fff;--md-sub: var(--color-brand-gold);--md-body: var(--color-brand-ice);--md-streep: var(--color-brand-red);--md-punt: var(--color-brand-gold);container-type:size;position:relative;width:100%;height:100%;overflow:hidden;color:var(--md-tekst);font-family:var(--font-sans)}.mededeling-inhoud{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;display:flex;align-items:center;gap:5cqw;padding:8cqh 7cqw 15cqh 9cqw}.mededeling.stijl-donker{background:var(--color-brand-navy-dark)}.mededeling.stijl-primair{background:var(--color-brand-navy);--md-body: #fff}.mededeling.stijl-accent{background:var(--color-brand-red);--md-sub: #fff;--md-body: #fff;--md-streep: var(--color-brand-navy-dark);--md-punt: #fff}.mededeling.stijl-licht{background:var(--color-brand-sky);--md-tekst: var(--color-brand-navy);--md-sub: var(--color-brand-red);--md-body: var(--color-brand-navy-dark);--md-punt: var(--color-brand-red)}.mededeling.stijl-verloop{background:linear-gradient(135deg,var(--color-brand-navy-dark) 0%,var(--color-brand-navy) 55%,var(--color-brand-navy-light) 130%)}.mededeling-streep{position:absolute;left:0;top:0;bottom:0;width:1.4cqw;background:var(--md-streep)}.mededeling-tekst{flex:1;min-width:0}.mededeling h2{margin:0 0 2cqh;color:var(--md-tekst);font-family:var(--font-display);font-weight:900;text-transform:uppercase;line-height:.95;overflow-wrap:break-word}.mededeling-sub{margin-bottom:3cqh;color:var(--md-sub);font-family:var(--font-display);font-weight:800;font-size:6.2cqh;line-height:1.15}.mededeling p,.mededeling ul{margin:0 0 2.2cqh;color:var(--md-body);font-size:5.2cqh;line-height:1.42}.mededeling ul{padding-left:5.5cqh}.mededeling li::marker{color:var(--md-punt)}.mededeling strong{font-weight:800;color:var(--md-tekst)}.mededeling-emoji{flex-shrink:0;font-size:40cqh;line-height:1;filter:drop-shadow(0 2cqh 3cqh rgb(0 0 0 / .25))}.mededeling-foto{flex-shrink:0;max-width:42cqw}.mededeling-foto img{display:block;width:auto;height:auto;max-width:42cqw;max-height:64cqh;border-radius:2.2cqh;box-shadow:0 2cqh 5cqh #0000004d}.mededeling-logo{position:absolute;bottom:4cqh;background:#fff;border-radius:1.6cqh;padding:1.2cqh 1.8cqh;box-shadow:0 1cqh 3cqh #0003}.mededeling-logo.rechts{right:3.5cqw}.mededeling-logo.links{left:4.5cqw}.mededeling-logo img{display:block;height:9cqh;width:auto}.beeld-tegel.mededeling-tegel{padding:0}.venster-beeld .mededeling{aspect-ratio:16 / 9;height:auto}.weer-kiezer-velden textarea{font:inherit;font-weight:400;padding:.5rem .75rem;border:1px solid var(--color-brand-sky-deep);border-radius:.5rem;resize:vertical}.opmaak-knoppen{display:flex;gap:.35rem}.opmaak-knoppen button{min-width:2.2rem;padding:.2rem .6rem}.keuze-knoppen{display:flex;flex-wrap:wrap;gap:.4rem}.keuze-knoppen button[aria-pressed=true]{background:var(--color-brand-navy);border-color:var(--color-brand-navy);color:#fff}.stijl-staal{width:1.1rem;height:1.1rem;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:.35rem;border:1px solid rgb(0 0 0 / .15)}.emoji-raster{display:flex;flex-wrap:wrap;gap:.25rem;max-height:9.5rem;overflow-y:auto}.emoji-raster button{width:2.4rem;height:2.4rem;padding:0;font-size:1.35rem;background:#fff;border:2px solid var(--color-brand-sky-deep);border-radius:.5rem}.emoji-raster button[aria-pressed=true]{border-color:var(--color-brand-red);background:var(--color-brand-sky)}.foto-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.4rem;max-height:9.5rem;overflow-y:auto}.foto-raster button{padding:0;aspect-ratio:16 / 9;border:3px solid transparent;border-radius:.5rem;overflow:hidden;background:var(--color-brand-sky)}.foto-raster button[aria-pressed=true]{border-color:var(--color-brand-red)}.foto-raster img{width:100%;height:100%;object-fit:cover;display:block}.voorbeeld-item.thema-achter .mededeling{background:transparent}.voorbeeld-zone:has(>.thema-achter .mededeling.stijl-donker){background:var(--color-brand-navy-dark)}.voorbeeld-zone:has(>.thema-achter .mededeling.stijl-primair){background:var(--color-brand-navy)}.voorbeeld-zone:has(>.thema-achter .mededeling.stijl-accent){background:var(--color-brand-red)}.voorbeeld-zone:has(>.thema-achter .mededeling.stijl-licht){background:var(--color-brand-sky)}.voorbeeld-zone:has(>.thema-achter .mededeling.stijl-verloop){background:linear-gradient(135deg,var(--color-brand-navy-dark) 0%,var(--color-brand-navy) 55%,var(--color-brand-navy-light) 130%)}.school-ticker{display:flex;align-items:center;overflow:hidden;background:var(--color-brand-ice)}.school-ticker.leeg{justify-content:center;font-size:35cqh;color:var(--color-brand-navy-dark)}.ticker-band{display:flex;flex-shrink:0;white-space:nowrap;animation:ticker-schuif var(--ticker-duur, 30s) linear infinite;will-change:transform}.ticker-regel{display:flex;flex-shrink:0}.ticker-stuk{display:inline-flex;align-items:center;gap:.55em;padding-right:1.4em;font-size:42cqh;font-weight:700;color:var(--color-brand-navy-dark)}.ticker-stuk.taak{color:var(--color-brand-navy)}.ticker-bol{flex-shrink:0;width:.42em;height:.42em;border-radius:50%;background:var(--color-brand-red)}@keyframes ticker-schuif{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.ticker-band{animation:none}}.ticker-scherm{position:relative;aspect-ratio:16 / 9;max-width:100%;border-radius:.6rem;overflow:hidden;background:linear-gradient(160deg,var(--color-brand-navy-light),var(--color-brand-navy))}.ticker-scherm:before{content:"Hoofdzone";position:absolute;top:0;right:0;bottom:10%;left:0;display:grid;place-items:center;color:color-mix(in srgb,#fff 45%,transparent);font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.ticker-zone{position:absolute;left:0;right:0;bottom:0;height:10%}.venster-beeld .ticker-zone .website-widget{aspect-ratio:auto;height:100%}.ticker-berichten{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.ticker-bericht{display:flex;gap:.4rem;width:100%}.ticker-bericht input{flex:1;min-width:0}