:root{--purple:#5a1872;--purple-dark:#3f1052;--blue:#339bd2;--green:#8cb404;--ink:#2c3038;--muted:#68707c;--paper:#f7f9fc;--line:#e3e8ef;--danger:#a93232;--shadow:0 14px 34px rgba(44,48,56,.09)}*{box-sizing:border-box}html{font-family:Nunito,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper)}body{margin:0;min-height:100vh;background:linear-gradient(135deg,rgba(51,155,210,.09),transparent 38rem),var(--paper)}a{color:var(--purple)}button,input,select,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:20;min-height:92px;padding:10px clamp(16px,3vw,42px);display:flex;align-items:center;gap:22px;background:#fff;border-bottom:4px solid var(--purple);box-shadow:0 5px 20px rgba(0,0,0,.07)}.brand{display:flex;align-items:center;gap:10px;min-width:190px;text-decoration:none}.brand img{width:125px;height:65px;object-fit:contain}.brand span{font-weight:800;color:var(--purple)}.topbar nav{display:flex;flex-wrap:wrap;gap:2px;flex:1}.topbar nav a{padding:9px 10px;color:var(--ink);font-size:.72rem;font-weight:800;letter-spacing:.035em;text-decoration:none;text-transform:uppercase;border-radius:5px}.topbar nav a:hover{background:#edf7fc;color:var(--purple)}.account{display:flex;gap:12px;align-items:center}.account form{margin:0}.link-button{border:0;background:none;color:var(--purple);cursor:pointer}.nav-toggle{display:none;margin-left:auto;border:1px solid var(--purple);background:#fff;padding:8px 12px;border-radius:5px}.container{width:min(1280px,calc(100% - 34px));margin:auto;padding:42px 0 80px}.container--narrow{width:min(480px,calc(100% - 28px));padding-top:8vh}.hero{padding:38px;margin-bottom:28px;background:linear-gradient(130deg,var(--purple),var(--purple-dark));color:#fff;border-radius:12px;box-shadow:var(--shadow)}.hero h1,.page-heading h1,.login-card h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:.15em 0}.hero p{color:#eef}.eyebrow{font-size:.76rem!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)!important}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:25px}.page-heading p{margin:.35em 0;color:var(--muted)}.login-card,.form-card,.danger-zone,.notice,.registrations{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.login-card{padding:38px;text-align:center;border-top:5px solid var(--purple)}.login-card>img{width:190px;max-height:100px;object-fit:contain}.stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;text-align:left}.stack>label{display:grid;gap:7px;font-size:.9rem;font-weight:700}.stack input,.stack select,.stack textarea,.table-tools input{width:100%;padding:12px 13px;border:1px solid #cbd2dc;border-radius:6px;background:#fff}.stack input:focus,.stack select:focus,.stack textarea:focus,.table-tools input:focus{outline:3px solid rgba(51,155,210,.2);border-color:var(--blue)}.login-card .stack{grid-template-columns:1fr}.form-card{padding:28px}.field-wide,.form-actions{grid-column:1/-1}.check-row{display:flex!important;align-items:center;gap:9px}.check-row input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 17px;border:1px solid var(--purple-dark);border-radius:6px;background:var(--purple);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.button:hover{background:var(--purple-dark)}.button--secondary{background:#fff;color:var(--purple)}.button--small{min-height:33px;padding:6px 10px;font-size:.84rem}.button--danger{background:var(--danger);border-color:var(--danger)}.back{display:inline-block;margin-bottom:8px;text-decoration:none;font-weight:700}.alert{padding:14px 17px;margin-bottom:20px;border-radius:6px}.alert--success{background:#eaf5d5;color:#506715;border:1px solid #bdd779}.alert--error{background:#fae7e7;color:#802727;border:1px solid #e4aaaa}.module-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.module-card{display:grid;gap:4px;padding:22px;background:#fff;border-radius:9px;border-top:5px solid var(--purple);box-shadow:var(--shadow);text-decoration:none;color:var(--ink)}.module-card:nth-child(3n+2){border-color:var(--blue)}.module-card:nth-child(3n){border-color:var(--green)}.module-card strong{font-size:2rem}.module-card span{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.notice{padding:20px;margin-top:22px;border-left:5px solid var(--blue)}.notice p{margin-bottom:0;color:var(--muted)}.table-tools{display:flex;justify-content:flex-end;gap:10px;margin-bottom:12px}.table-tools label{display:grid;gap:6px;width:min(390px,100%);font-size:.88rem;font-weight:700}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}table{border-collapse:collapse;width:100%;min-width:850px}th,td{padding:14px;border-bottom:1px solid #edf0f4;text-align:left;vertical-align:middle}th{background:var(--purple-dark);color:#fff;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}th button{border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}th button[data-direction=asc]::after{content:" ↑"}th button[data-direction=desc]::after{content:" ↓"}tbody tr:hover{background:#f8fbfd}.actions{text-align:right;white-space:nowrap}.tag{display:inline-block;padding:4px 9px;border-radius:999px;background:#e9dded;color:var(--purple);font-weight:800;font-size:.77rem}.table-empty{text-align:center;padding:24px;color:var(--muted)}.upload-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:20px;padding:18px;background:#f7f9fc;border:1px solid var(--line);border-radius:8px}.upload-card p{color:var(--muted)}.current-media{display:grid;gap:8px;margin-top:12px}.current-media img{max-width:280px;max-height:170px;object-fit:contain;background:#fff;border:1px solid var(--line)}.crop-stage{height:min(50vh,450px);background:#222}.crop-stage img{display:block;max-width:100%}.is-error{color:var(--danger)!important}.editor{border:1px solid #cbd2dc;border-radius:7px;overflow:hidden}.editor-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:#eef2f6;border-bottom:1px solid #cbd2dc}.editor-toolbar button{min-width:36px;padding:6px;border:1px solid #bbc4ce;border-radius:4px;background:#fff;cursor:pointer}.editor-surface{min-height:280px;padding:18px;background:#fff;line-height:1.6;overflow:auto}.editor details{padding:10px 12px;background:#f8fafc}.editor summary{cursor:pointer;font-weight:700}.source-editor{min-height:220px;margin-top:10px;font-family:Consolas,monospace;font-size:.84rem}.danger-zone{margin-top:28px;padding:22px;border-color:#d9aaaa}.danger-zone h2{color:var(--danger);margin-top:0}.registrations{margin-top:28px;padding:22px}.registrations .page-heading{margin-bottom:18px}.login-card .form-actions{grid-column:auto}.error-card{text-align:center;margin-top:8vh}
@media(max-width:1050px){.topbar{flex-wrap:wrap}.nav-toggle{display:block}.topbar nav{display:none;order:3;width:100%;flex-direction:column}.topbar nav.is-open{display:flex}.account{margin-left:auto}.module-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.container{width:calc(100% - 22px);padding-top:26px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading>.button{width:100%}.stack{grid-template-columns:1fr}.field-wide,.form-actions{grid-column:auto}.module-grid{grid-template-columns:repeat(2,1fr)}.upload-card{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .button{width:100%}.account>span,.brand span{display:none}}@media print{.topbar,.page-heading .button,.table-tools,.danger-zone,.form-card{display:none!important}.container{width:100%;padding:0}.registrations{box-shadow:none;border:0;padding:0}table{min-width:0}th,td{font-size:10px;padding:6px}}
.editor-surface table{width:100%;min-width:0;margin:14px 0;border-collapse:collapse}.editor-surface th,.editor-surface td{min-width:70px;padding:8px 10px;border:1px solid #aeb8c4;color:var(--ink);background:#fff;text-align:left;text-transform:none;letter-spacing:normal}.editor-surface th{background:#eef2f6;font-size:inherit}
.quill-editor{min-height:320px;background:#fff}.ql-toolbar.ql-snow{margin-top:7px;border-color:#cbd2dc;border-radius:7px 7px 0 0;background:#eef2f6}.ql-container.ql-snow{border-color:#cbd2dc;border-radius:0 0 7px 7px;background:#fff}.ql-editor{min-height:320px;font-size:1rem;line-height:1.6}.ql-editor table{width:100%;table-layout:auto}.ql-editor td,.ql-editor th{min-width:80px;padding:8px 10px;border:1px solid #cbd2dc}.ql-editor-fallback{min-height:320px;padding:18px;border:1px solid #cbd2dc;background:#fff}

:root{--purple:#f28c00;--purple-dark:#d77500;--blue:#079ad7;--green:#0c7fb0;--ink:#253247}
.topbar{border-bottom-color:var(--blue)}
.brand img{width:155px}
.site-link{font-size:.82rem;font-weight:700;white-space:nowrap;text-decoration:none;color:var(--blue)}
.hero{background:linear-gradient(130deg,#f28c00,#e97800 55%,#079ad7)}
.eyebrow{color:#fff!important}

/* Scandinavisch Dorp: rustig, warm en herkenbaar aan de publieke website. */
:root{--purple:#0f3964;--purple-dark:#082038;--blue:#34be76;--green:#d7c3a3;--ink:#17283a;--paper:#f4f7f7;--line:#dce5e4}
body{background:linear-gradient(145deg,rgba(52,190,118,.10),transparent 34rem),var(--paper)}
.topbar{border-bottom-color:var(--blue)}.brand{min-width:230px}.brand img{width:176px;height:64px}.brand span{color:var(--blue)}
.hero{background:linear-gradient(128deg,#082038,#0f3964 56%,#176a55)}.eyebrow{color:#8be0b3!important}
.module-card{border-top-color:var(--blue)}.module-card:nth-child(3n+2){border-color:var(--green)}.module-card:nth-child(3n){border-color:#0f3964}
.workflow-grid{display:grid;gap:24px}.workflow-grid>section{padding:22px;background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:12px}.workflow-grid h2{margin-top:0}.workflow-grid .module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.subnav{display:flex;gap:10px;flex-wrap:wrap;margin:-10px 0 22px}.subnav a{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;text-decoration:none;font-weight:750}
code{padding:.15em .4em;border-radius:4px;background:#edf2f2}@media(max-width:720px){.workflow-grid .module-grid{grid-template-columns:1fr}.brand{min-width:auto}}

/* Websitepagina's, afbeeldingen en actieve navigatie */
.topbar nav a.is-active{color:var(--blue);border-bottom:3px solid var(--blue)}
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.media-group{grid-column:1/-1;margin:26px 0 0}.media-card{overflow:hidden}.media-card>img{display:block;width:100%;height:260px;object-fit:cover;margin-bottom:22px;border-radius:8px;background:#edf2f0}.media-card h3{margin:0 0 8px}.media-card form+form{margin-top:16px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.hint{color:var(--muted);font-size:13px;font-weight:400}
@media(max-width:980px){.media-grid{grid-template-columns:1fr}.topbar nav{gap:14px}.topbar nav a{font-size:11px}}

@media(min-width:1051px){.topbar{gap:14px;padding-inline:24px}.topbar nav{flex-wrap:nowrap}.topbar nav a{padding-inline:7px}.account{gap:9px}.account>span{display:none}}
.media-card>img{object-fit:contain;padding:16px;background-color:#d6e0df;background-image:linear-gradient(45deg,rgba(15,57,100,.13) 25%,transparent 25%),linear-gradient(-45deg,rgba(15,57,100,.13) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(15,57,100,.13) 75%),linear-gradient(-45deg,transparent 75%,rgba(15,57,100,.13) 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}