:root{--waard: #004f72;--waard-licht: #e6eef2;--tekst: #1e2a32;--grijs: #5f6b73;--wit: #ffffff;--ok: #1f7a4d;--offline: #9aa5ab}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--wit);color:var(--tekst);font-family:Montserrat,Segoe UI,Arial,sans-serif;overflow:hidden;cursor:none;-webkit-font-smoothing:antialiased}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.scherm{height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding:4vh 5vw 2.5vh;animation:zweef 180s ease-in-out infinite alternate}@keyframes zweef{0%{transform:translate(0)}to{transform:translate(.6vw,.8vh)}}.scherm__kop{display:flex;align-items:flex-start;justify-content:space-between}.scherm__logo{height:7vh}.scherm__klok{text-align:right;color:var(--waard)}.scherm__tijd{font-size:6vh;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.scherm__datum{font-size:2.2vh;color:var(--grijs);margin-top:.8vh}.scherm__inhoud{display:flex;align-items:center;justify-content:center;min-height:0;animation:verschijn .7s ease-out}@keyframes verschijn{0%{opacity:0;transform:translateY(1.5vh)}to{opacity:1;transform:none}}.scherm__voet{display:flex;align-items:center;justify-content:space-between;height:3vh;position:relative;z-index:1}.scherm__status{width:1.2vh;height:1.2vh;border-radius:50%;display:inline-block}.scherm__status--ok{background:var(--ok);opacity:.6}.scherm__status--offline{background:var(--offline)}.scherm__teller{display:flex;gap:.8vh}.scherm__teller i{width:1.2vh;height:1.2vh;border-radius:50%;background:var(--waard-licht);display:inline-block}.scherm__teller i.actief{background:var(--waard)}.welkom{display:flex;align-items:center;gap:6vw;max-width:90vw}.welkom__beeld{height:42vh;max-width:36vw;object-fit:contain;border-radius:1.5vh}.welkom__kop{font-family:Montserrat Alternates,Montserrat,sans-serif;font-size:5vh;font-weight:600;color:var(--waard);margin:0 0 1vh;letter-spacing:.04em}.welkom__naam{font-size:11vh;font-weight:700;line-height:1.05;margin:0;color:var(--tekst);overflow-wrap:anywhere}.welkom__bedrijf{font-size:5vh;color:var(--grijs);margin:2vh 0 0}.welkom__host{font-size:3.2vh;color:var(--grijs);margin:4vh 0 0}.welkom__host strong{color:var(--waard);font-weight:600}.welkom__tekening{height:58vh;max-width:40vw;object-fit:contain}.welkom__naam span{display:block}.welkom__naam--meer{font-size:7vh}.welkom--groep{flex-direction:column;gap:3vh;text-align:center}.welkom--groep .welkom__kop{margin:0}.welkom__portretten{display:flex;justify-content:center;gap:4vw}.portret{margin:0;display:flex;flex-direction:column;align-items:center;gap:1.5vh;width:19vw}.portret__tekening{height:40vh;max-width:19vw;object-fit:contain}.portret__leeg{height:40vh;width:15vw;display:flex;align-items:center;justify-content:center;font-size:9vh;font-weight:600;color:var(--waard);background:var(--waard-licht);border-radius:2vh}.portret__naam{font-size:3.6vh;font-weight:700;color:var(--tekst);line-height:1.15;overflow-wrap:anywhere}.welkom--groep .welkom__bedrijf,.welkom--groep .welkom__host{margin-top:0}.beeld{max-height:70vh;max-width:86vw;object-fit:contain;border-radius:1.5vh;animation:verschijn .9s ease-out}.leeg{text-align:center}.leeg__logo{height:22vh;opacity:.9}.leeg__tekst{font-family:Montserrat Alternates,Montserrat,sans-serif;font-size:5vh;color:var(--waard);margin:3vh 0 0}.screensaver{height:100vh;background:#000;position:relative;color:#fff}.screensaver__icoon{position:absolute;top:4vh;left:4vw;height:6vh;opacity:.9;animation:zweef 180s ease-in-out infinite alternate}.screensaver__tekst{position:absolute;bottom:3vh;left:0;right:0;text-align:center;font-size:1.8vh;color:#fff;opacity:.7;margin:0}.koppelen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 8vw}.koppelen__logo{height:9vh;margin-bottom:5vh}.koppelen__titel{font-size:4.5vh;font-weight:600;color:var(--waard);margin:0 0 1.5vh}.koppelen__uitleg{font-size:2.4vh;color:var(--grijs);margin:0 0 5vh;max-width:70vw}.koppelen__code{font-size:16vh;font-weight:700;letter-spacing:.12em;color:var(--tekst);font-variant-numeric:tabular-nums;background:var(--waard-licht);padding:2vh 5vw;border-radius:2vh}.koppelen__status{font-size:2.4vh;color:var(--grijs);margin:4vh 0 0}.koppelen__versie{position:absolute;bottom:2vh;right:2vw;font-size:1.4vh;color:var(--offline);margin:0}.scherm--voorbeeld{animation:none}.voorbeeld__label{font-size:1.8vh;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--grijs);background:var(--waard-licht);border-radius:1vh;padding:.4vh 1.2vh}.indeling{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.indeling__achtergrond{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.indeling__logo,.indeling__beeld{max-height:100%;max-width:100%;object-fit:contain}.indeling__portret{margin:0;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.3em}.indeling__portret img{flex:1 1 0;min-height:0;max-width:100%;object-fit:contain}.indeling__portret-leeg{flex:1 1 0;width:70%;display:flex;align-items:center;justify-content:center;font-size:2.5em;background:var(--waard-licht);color:var(--waard);border-radius:.3em}.indeling__portret figcaption{line-height:1.15}.scherm--bewerken{padding:0;animation:none}.indeling__plaatshouder{font-size:.6em;color:var(--grijs);border:.3vh dashed var(--grijs);border-radius:1vh;padding:1vh 2vh;opacity:.7}.ontwerper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;cursor:default}.ontwerper__blok{position:absolute;border:.25vh solid rgba(0,79,114,.35);cursor:move;box-sizing:border-box}.ontwerper__blok:hover{border-color:#004f72b3}.ontwerper__blok--actief{border-color:var(--waard);border-width:.35vh;box-shadow:0 0 0 .6vh #004f7226}.ontwerper__blok--verborgen{border-style:dashed;opacity:.6}.ontwerper__label{position:absolute;left:-.35vh;top:-3.2vh;font-size:1.9vh;line-height:1;padding:.5vh 1vh;background:var(--waard);color:var(--wit);border-radius:.6vh .6vh 0 0;white-space:nowrap;pointer-events:none;font-family:Montserrat,sans-serif;font-weight:600}.ontwerper__blok:not(.ontwerper__blok--actief) .ontwerper__label{opacity:0}.ontwerper__blok:hover .ontwerper__label{opacity:1}.ontwerper__handvat{position:absolute;width:2.2vh;height:2.2vh;background:var(--wit);border:.3vh solid var(--waard);border-radius:50%;box-sizing:border-box}.ontwerper__handvat--nw{left:-1.1vh;top:-1.1vh;cursor:nwse-resize}.ontwerper__handvat--n{left:calc(50% - 1.1vh);top:-1.1vh;cursor:ns-resize}.ontwerper__handvat--no{right:-1.1vh;top:-1.1vh;cursor:nesw-resize}.ontwerper__handvat--w{left:-1.1vh;top:calc(50% - 1.1vh);cursor:ew-resize}.ontwerper__handvat--o{right:-1.1vh;top:calc(50% - 1.1vh);cursor:ew-resize}.ontwerper__handvat--zw{left:-1.1vh;bottom:-1.1vh;cursor:nesw-resize}.ontwerper__handvat--z{left:calc(50% - 1.1vh);bottom:-1.1vh;cursor:ns-resize}.ontwerper__handvat--zo{right:-1.1vh;bottom:-1.1vh;cursor:nwse-resize}.ontwerper__lijn{position:absolute;background:#e0007a;pointer-events:none}.ontwerper__lijn--v{top:0;bottom:0;width:.2vh;margin-left:-.1vh}.ontwerper__lijn--h{left:0;right:0;height:.2vh;margin-top:-.1vh}