@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/figtree-latin-400.woff2') format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/figtree-latin-500.woff2') format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/figtree-latin-600.woff2') format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/figtree-latin-700.woff2') format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/figtree-latin-800.woff2') format('woff2')}

:root{
  color-scheme:light;
  --bg-outer:#E4DDD1;--bg-panel:#F4EFE7;
  --field:radial-gradient(1200px 860px at 78% -18%,#FDFBF7,#F4EFE7 46%,#EDE5D8);
  --chrome:rgba(248,244,236,.94);--card:#FBF9F5;--card-2:#F6F1E9;
  --border:#E7E0D6;--border-soft:#DCD3C5;--text:#2A2622;--body:#4A443E;
  --text-2:#6B6560;--muted:#8A8175;--accent:#C0603F;--accent-strong:#A9502F;
  --fill:rgba(192,96,63,.08);--on-accent:#FBF9F5;--good:#5E8C61;--warn:#B07A2E;--plan:#4E7C93;--fout:#A63D2A;
  --card-shadow:0 8px 20px -11px rgba(70,52,36,.34);--glow:0 10px 30px -12px rgba(192,96,63,.5);
}
:root[data-thema="nacht"]{
  color-scheme:dark;
  --bg-outer:#0A0806;--bg-panel:#17110C;
  --field:radial-gradient(1250px 900px at 78% -14%,#30251A,#1B140D 42%,#120D08);
  --chrome:rgba(38,33,27,.92);--card:#241C15;--card-2:#2B2119;
  --border:#37302A;--border-soft:#4A4036;--text:#EDE6DB;--body:#DAD1C4;
  --text-2:#B8AEA1;--muted:#9C9285;--accent:#EB9166;--accent-strong:#F5B392;
  --fill:rgba(235,145,102,.14);--on-accent:#17110C;--good:#7FB183;--warn:#CE9A4A;--fout:#F2A08B;
  --card-shadow:none;--glow:0 0 46px rgba(235,145,102,.45);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg-outer);color:var(--text);font-family:'Figtree','Segoe UI Variable Text','Segoe UI',system-ui,-apple-system,'Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased;transition:background .45s ease}
h1,h2,h3,p,ul,ol,li,figure{margin:0;padding:0}
li{list-style:none}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-strong)}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
[hidden]{display:none!important}

/* kop */
.kop{position:sticky;top:0;z-index:20;height:70px;background:var(--chrome);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:22px;padding:0 30px}
.merk{display:flex;align-items:center;gap:10px;color:var(--text)}
.merk:hover{color:var(--text)}
.merk svg{color:var(--accent);flex:none}
.merk-tekst{display:flex;flex-direction:column;gap:1px}
.merk-naam{font-size:20px;font-weight:700;letter-spacing:-.015em;line-height:1.05}
.merk-sub{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-2)}
.menu{display:flex;gap:4px;margin-left:10px}
.menu a,.link-kop{font-size:13.5px;font-weight:600;color:var(--body);padding:9px 11px;border-radius:9px}
.menu a:hover,.link-kop:hover{background:var(--card);color:var(--text)}
.vul{flex:1}
.thema-knop{width:40px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--muted);cursor:pointer;font-size:15px}
.thema-knop:hover{color:var(--accent);border-color:var(--border-soft)}

/* knoppen */
.knop{display:inline-block;font-size:15px;font-weight:700;color:var(--on-accent);background:var(--accent);padding:16px 26px;border-radius:12px}
.knop:hover{color:var(--on-accent);background:var(--accent-strong)}
.knop-klein{font-size:13.5px;padding:11px 17px;border-radius:11px}
.knop-rand{display:inline-block;font-size:14.5px;font-weight:600;color:var(--text);border:1px solid var(--border-soft);padding:15px 22px;border-radius:12px}
.knop-rand:hover{color:var(--text);background:var(--card)}
.knoppen{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding-top:4px}

/* secties */
.sectie{padding:78px 30px;display:flex;flex-direction:column;align-items:center;gap:16px}
.veld{background:var(--field)}
.paneel{background:var(--bg-panel)}
.midden{text-align:center}
.label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.h1{font-size:56px;line-height:1.05;font-weight:700;letter-spacing:-.022em;max-width:19ch;text-wrap:balance}
.h2{font-size:38px;line-height:1.12;font-weight:700;letter-spacing:-.02em;text-align:center;max-width:24ch;text-wrap:balance}
.h2-k{font-size:34px;line-height:1.14}
.lead{font-size:18px;line-height:1.62;color:var(--body);max-width:54ch;text-wrap:pretty}
.intro{font-size:16px;line-height:1.62;color:var(--text-2);max-width:58ch;text-align:center;text-wrap:pretty}
.klein{font-size:13px;color:var(--text-2)}

.held{padding:80px 30px 74px;gap:24px;text-align:center}
.bol{position:relative;width:74px;height:74px;display:inline-flex;align-items:center;justify-content:center}
.bol-ring{position:absolute;inset:-9px;border-radius:50%;border:1.5px dashed var(--accent);opacity:.5;animation:dv-in 3.2s ease-out infinite}
.bol-kern{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#F5B392,#DB8360);box-shadow:var(--glow);animation:dv-breathe 4s ease-in-out infinite}

.rij{display:grid;gap:16px;width:100%}
.rij-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px}
.rij-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;gap:18px}
.rij-4{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1060px;gap:14px}
.held .rij-3{max-width:940px;margin-top:24px;text-align:left}
.ruim{margin-top:22px}

.kaart{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:9px;box-shadow:var(--card-shadow);text-align:left}
.kaart-groot{border-radius:18px;padding:26px;gap:10px}
.kaart h3{font-size:15px;font-weight:700;color:var(--text);line-height:1.32}
.kaart-groot h3{font-size:17px}
.kaart p{font-size:13.5px;line-height:1.58;color:var(--text-2)}
.kaart-groot p{font-size:14.5px;line-height:1.62}
.glyph{font-size:20px;color:var(--accent)}
.kaart-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}
.tag{font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--card-2);padding:7px 11px;border-radius:9px}
.tag-goed{color:var(--good)}
.tag-let{color:var(--warn)}

/* avond */
.avond{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1060px;width:100%;margin-top:26px;align-items:start}
.stappen{display:flex;flex-direction:column;gap:14px}
.stap{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px 24px;display:flex;gap:16px;box-shadow:var(--card-shadow)}
.stap-nr{flex:none;width:30px;height:30px;border-radius:50%;background:var(--fill);border:1px solid var(--accent);color:var(--accent);font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.stap-tekst{display:flex;flex-direction:column;gap:7px}
.stap h3{font-size:16px;font-weight:700}
.stap p{font-size:14px;line-height:1.6;color:var(--text-2)}

.gesprek{background:#1B1917;border:1px solid #322C27;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 -14px 50px rgba(0,0,0,.3)}
.gesprek-kop{display:flex;align-items:center;gap:12px}
.mini-bol{position:relative;width:44px;height:44px;flex:none;display:inline-flex;align-items:center;justify-content:center}
.mini-ring{position:absolute;inset:0;border-radius:50%;border:1.5px dashed rgba(219,131,96,.6);animation:dv-in 3s ease-out infinite}
.mini-kern{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#E79170,#C0603F);animation:dv-breathe 4s ease-in-out infinite}
.g-stapel{display:flex;flex-direction:column;gap:5px}
.g-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#8A8175}
.g-label-licht{color:#A69E93}
.g-titel{font-size:13.5px;font-weight:600;color:#EFE9E1}
.g-jij{font-size:14.5px;line-height:1.6;color:#E7DFD4}
.g-coach{font-size:14.5px;line-height:1.6;color:#DAD1C4}
.cursor{display:inline-block;width:2px;height:15px;background:#DB8360;margin-left:3px;vertical-align:-2px;animation:dv-cursor 1s step-end infinite}
.voorstel{background:#221E1B;border:1px solid #37302A;border-radius:13px;padding:15px 16px;display:flex;flex-direction:column;gap:9px}
.voorstel-regel{font-size:13.5px;color:#EFE9E1}
.voorstel-knoppen{display:flex;gap:9px;margin-top:5px}
.v-ja{font-size:12.5px;font-weight:700;color:#1B1917;background:#DB8360;padding:9px 14px;border-radius:10px}
.v-nee{font-size:12.5px;font-weight:600;color:#A69E93;border:1px solid #37302A;padding:9px 14px;border-radius:10px}
.gesprek figcaption{font-size:11.5px;color:#8A8175;text-align:center}

/* methode */
.pdsa{border-left:3px solid var(--accent);border-radius:14px;padding:20px;gap:8px}
.pdsa .kaart-label{font-size:11px}
.pdsa-plan{border-left-color:var(--plan)}.pdsa-plan .kaart-label{color:var(--plan)}
.pdsa-do{border-left-color:var(--good)}.pdsa-do .kaart-label{color:var(--good)}
.pdsa-check{border-left-color:var(--warn)}.pdsa-check .kaart-label{color:var(--warn)}
.pdsa-act .kaart-label{color:var(--accent)}

/* beta */
.beta .knoppen{margin-top:6px}

/* interesse (alleen formulier op de site) */
.interesse{width:100%;max-width:520px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--card-shadow);text-align:left;margin-top:6px}
.interesse-kop{font-size:16px;font-weight:700;color:var(--text)}
.interesse-rij{display:flex;gap:10px;flex-wrap:wrap}
.veld-invoer{flex:1 1 220px;min-width:0;font:inherit;font-size:15px;color:var(--text);background:var(--card-2);border:1px solid var(--border-soft);border-radius:11px;padding:11px 14px}
.veld-invoer::placeholder{color:var(--muted)}
.veld-invoer:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.interesse button{border:0;cursor:pointer}
.interesse .klein{line-height:1.5}
.verborgen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* kennisbank-kaart */
.rij > li{display:flex}
.rij > li > .kaart{flex:1}
.kaart-link{color:inherit}
.kaart-link:hover{color:inherit;border-color:var(--border-soft)}
.kaart-link:hover h3{color:var(--accent)}

/* artikel — telefoon eerst */
.artikel{background:var(--field);padding:36px 20px 64px}
.artikel-binnen{max-width:68ch;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.terug{font-size:14px;font-weight:600;align-self:flex-start}
.artikel h1{font-size:32px;line-height:1.12;font-weight:700;letter-spacing:-.02em;color:var(--text);text-wrap:balance;margin-top:-6px}
.artikel h2{font-size:21px;line-height:1.25;font-weight:700;color:var(--text);margin-top:20px;text-wrap:balance}
.artikel p,.artikel li{font-size:17px;line-height:1.7;color:var(--body);text-wrap:pretty}
.artikel .artikel-lead{font-size:19px;line-height:1.6;color:var(--text)}
.artikel ul,.artikel ol{display:flex;flex-direction:column;gap:10px;padding-left:1.3em}
.artikel ul li{list-style:disc}
.artikel ol li{list-style:decimal}
.artikel li::marker{color:var(--accent)}
.artikel strong{color:var(--text)}
.artikel a{text-decoration:underline;text-underline-offset:2px}
.artikel .terug{text-decoration:none}
.bronnen{border-top:1px solid var(--border);margin-top:22px;padding-top:6px;display:flex;flex-direction:column;gap:12px}
.bronnen h2{font-size:15px;margin-top:14px}
.artikel .bronnen li{font-size:14px;line-height:1.6;color:var(--text-2)}
.bronnen a{overflow-wrap:anywhere}
.artikel-binnen > .terug:last-child{margin-top:18px}
@media (min-width:760px){
  .artikel{padding:64px 30px 96px}
  .artikel h1{font-size:46px}
  .artikel h2{font-size:24px;margin-top:26px}
}

/* vragen */
.vragen{display:flex;flex-direction:column;gap:10px;max-width:800px;width:100%;margin-top:22px}
.vraag{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--card-shadow)}
.vraag summary{display:flex;align-items:center;gap:14px;padding:19px 22px;cursor:pointer;color:var(--text);font-size:15.5px;font-weight:600;list-style:none}
.vraag summary::-webkit-details-marker{display:none}
.vraag summary span{flex:1}
.vraag summary::after{content:'+';font-size:15px;color:var(--accent);flex:none}
.vraag[open] summary::after{content:'\2212'}
.vraag p{font-size:14.5px;line-height:1.65;color:var(--text-2);padding:0 22px 21px;max-width:70ch}

/* voet */
.voet{background:var(--chrome);border-top:1px solid var(--border);padding:44px 30px 34px;display:flex;flex-direction:column;align-items:center;gap:26px}
.voet-raster{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;max-width:1060px;width:100%}
.voet-merk{display:flex;flex-direction:column;gap:10px}
.voet-merk .merk-naam{font-size:16px}
.voet-merk p{font-size:13px;line-height:1.58;color:var(--text-2);max-width:34ch}
.voet nav{display:flex;flex-direction:column;gap:9px}
.voet nav a{font-size:13.5px;color:var(--text-2)}
.voet nav a:hover{color:var(--accent)}
.voet-onder{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:1060px;width:100%;border-top:1px solid var(--border);padding-top:20px;font-size:12.5px;color:var(--text-2)}

/* uitgelogd */
.afscheid{min-height:100vh;background:var(--field);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:40px 24px;text-align:center}
.afscheid .merk{flex-direction:column;gap:14px}
.afscheid p{font-size:20px;line-height:1.5;color:var(--body);max-width:30ch;text-wrap:balance}

@keyframes dv-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes dv-in{0%{transform:scale(1.55);opacity:0}70%{opacity:.45}100%{transform:scale(1);opacity:0}}
@keyframes dv-cursor{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

@media (max-width:960px){
  .menu{display:none}
  .rij-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .avond{grid-template-columns:1fr}
}
@media (max-width:680px){
  .kop{padding:0 18px;gap:12px}
  .merk-sub{display:none}
  .sectie{padding:60px 20px}
  .held{padding:60px 20px}
  .h1{font-size:38px}
  .h2{font-size:29px}
  .rij-3,.rij-2,.rij-4{grid-template-columns:1fr}
  .voet-raster{grid-template-columns:1fr 1fr}
  .voet-merk{grid-column:1/-1}
}

/* aanmelden (R4 P1): maten uit Design, tokens van de site. De dienst (aanmeld-dienst) laadt dezelfde stylesheet voor zijn antwoordpagina's. */
.aanmeld-laag{min-height:100vh;min-height:100dvh;background:var(--bg-panel);display:flex;align-items:center;justify-content:center;padding:56px 24px}
.aanmeld-kolom{width:100%;max-width:440px}
.aanmeld-thema{position:fixed;top:26px;right:26px;width:44px;height:44px;border-radius:11px}
.aanmeld-merk .merk-naam{font-size:21px}
.aanmeld-merk .merk-sub{display:block;font-size:10.5px;color:var(--muted)}
.aanmeld-kop{font-size:29px;line-height:1.12;font-weight:700;letter-spacing:-.02em;margin-top:44px}
.aanmeld-ondertitel{font-size:14px;line-height:1.55;color:var(--text-2);margin-top:8px}
.aanmeld-form{display:flex;flex-direction:column;gap:22px;margin-top:32px}
.aanmeld-blok{display:flex;flex-direction:column}
.aanmeld-label{font-size:13px;font-weight:700;color:var(--text);margin-bottom:8px}
.aanmeld-veld{display:block;width:100%;font:inherit;font-size:15px;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:12px}
.aanmeld-veld[readonly]{background:var(--bg-panel)}
.aanmeld-code{min-height:78px;padding:13px 14px;line-height:1.6;letter-spacing:.14em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;resize:none}
.aanmeld-wachtwoord{position:relative}
.aanmeld-ww{height:52px;padding:0 118px 0 14px}
.aanmeld-oog{position:absolute;top:4px;right:4px;height:44px;min-width:44px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:0;border-radius:9px;font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer}
.aanmeld-oog:focus-visible{outline-offset:2px}
.aanmeld-oog .oog-dicht,.aanmeld-oog[aria-pressed="true"] .oog-open{display:none}
.aanmeld-oog[aria-pressed="true"] .oog-dicht{display:block}
.aanmeld-hulp{font-size:12.5px;line-height:1.5;color:var(--text-2);margin-top:8px}
.aanmeld-hulp-boven{margin:-2px 0 8px}
.aanmeld-veld-fout{border:2px solid var(--fout)}
.aanmeld-fout{font-size:13.5px;line-height:1.5;font-weight:700;color:var(--fout);margin-top:8px}
.aanmeld-fout[hidden]{display:none}
.aanmeld-fout-teken{margin-right:2px}
.aanmeld-knop{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;padding:0 20px;border:0;border-radius:12px;background:var(--accent);color:var(--on-accent);font-size:15px;font-weight:700;cursor:pointer}
.aanmeld-knop:hover{background:var(--accent-strong);color:var(--on-accent)}
.aanmeld-knop:disabled{cursor:default}
.aanmeld-knop.bezig::before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:dv-draai .8s linear infinite}
.aanmeld-melding{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:12px;font-size:14px;line-height:1.55;color:var(--text)}
.aanmeld-melding-teken{flex:none;width:20px;height:20px;border:1.5px solid var(--warn);border-radius:50%;color:var(--warn);font-size:13px;font-weight:700;line-height:17px;text-align:center}
.aanmeld-status{display:flex;align-items:center;gap:12px;min-height:52px;font-size:15px;line-height:1.5;color:var(--text)}
.aanmeld-draai{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:dv-draai .8s linear infinite}
.aanmeld-naam{padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:12px;font-size:17px;font-weight:700;letter-spacing:.04em;overflow-wrap:anywhere;user-select:all}
.aanmeld-naam:focus-visible{outline-offset:2px}
.aanmeld-naam-label{font-size:13px;font-weight:700;color:var(--text);margin-bottom:8px}
.aanmeld-knop-onder{margin-top:24px}
.aanmeld-stil{font-size:13px;line-height:1.55;color:var(--text-2);margin-top:12px}
.aanmeld-regel{height:52px;padding:0 14px}
.aanmeld-voorbeeld strong{color:var(--text)}
.aanmeld-voorbeeld[hidden],.aanmeld-melding[hidden],.aanmeld-kaart[hidden],.aanmeld-kaart-stil [hidden]{display:none}
.aanmeld-cloudzin{display:flex;gap:10px;align-items:flex-start}
.aanmeld-cloudzin svg{flex:none;margin-top:1px;color:var(--text-2)}
.aanmeld-cloudzin p{font-size:13.5px;line-height:1.45;color:var(--text-2);text-wrap:pretty}
.aanmeld-afsluiting{display:flex;flex-direction:column;gap:10px;padding-top:2px}
.aanmeld-privacy{font-size:13.5px;line-height:1.45;color:var(--body)}
.aanmeld-privacy a{display:inline-block;padding:13px 0;margin:-13px 0;font-weight:700;color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}
.aanmeld-kaart-stil{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:44px}
.aanmeld-kaart-stil .aanmeld-kop,.aanmeld-kaart-stil .aanmeld-ondertitel{margin-top:0}
.aanmeld-kaart-stil .aanmeld-draai{width:40px;height:40px;border-width:3px}
.aanmeld-kaart-stil .aanmeld-ondertitel strong{color:var(--text)}
.aanmeld-kaart-stil .aanmeld-kop:focus-visible{outline:none}
.aanmeld-kaart-stil .aanmeld-knop{margin-top:10px}
.aanmeld-kaart-stil a.aanmeld-knop{text-decoration:none}
.aanmeld{--focus:#2A2622}
:root[data-thema="nacht"] .aanmeld{--focus:#EDE6DB}
.aanmeld a:focus-visible,.aanmeld button:focus-visible,.aanmeld input:focus-visible,.aanmeld textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.aanmeld-veld:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.aanmeld-sr{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.aanmeld-oog:disabled{opacity:.45;cursor:default}
@keyframes dv-pulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.aanmeld .aanmeld-draai,.aanmeld .aanmeld-knop.bezig::before{animation:dv-pulse 1.8s ease-in-out infinite!important}}
@keyframes dv-draai{to{transform:rotate(360deg)}}
@media (max-width:680px){
  .aanmeld-laag{align-items:flex-start;background:var(--field);padding:66px 22px 30px}
  .aanmeld-kolom{max-width:none}
  .aanmeld-thema{display:none}
  .aanmeld-merk svg{width:32px;height:32px}
  .aanmeld-merk .merk-naam{font-size:19px}
  .aanmeld-merk .merk-sub{font-size:10px}
  .aanmeld-kop{font-size:27px;margin-top:30px}
  .aanmeld-form{margin-top:28px}
  .aanmeld-veld,.aanmeld-melding,.aanmeld-naam{border-radius:14px}
  .aanmeld-veld{font-size:16px}
  .aanmeld-code{min-height:82px}
  .aanmeld-oog{border-radius:11px}
  .aanmeld-knop{border-radius:14px;font-size:15.5px}
  .link-kop{display:none}
}