:root{--oranje: #e84e0e;--oranje-dark: #c43d09;--oranje-light: #f4762e;--creme: #ffebcd;--creme-dark: #f5dba8;--creme-darker: #e8c97a;--wit: #ffffff;--tekst: #1a1a1a;--tekst-zacht: #555555;--tekst-licht: #888888;--rand: #e0d5c0;--succes: #2d7a3a;--succes-licht: #e8f5ea;--waarschuwing: #b45309;--waarschuwing-licht: #fef3c7;--fout: #b91c1c;--fout-licht: #fee2e2;--schaduw: 0 2px 12px rgba(0,0,0,.08);--schaduw-hover: 0 4px 20px rgba(232,78,14,.15);--radius: 10px;--radius-groot: 16px;--font: "Roboto", sans-serif;--font-kop: "Roboto Condensed", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background-color:var(--creme);color:var(--tekst);line-height:1.6;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-kop);line-height:1.2}a{color:var(--oranje);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font)}input,select,textarea{font-family:var(--font)}.container{max-width:900px;margin:0 auto;padding:0 20px}.btn-primair{display:inline-flex;align-items:center;gap:8px;background:var(--oranje);color:var(--wit);border:none;padding:14px 28px;border-radius:var(--radius);font-size:16px;font-weight:500;transition:background .2s,transform .1s,box-shadow .2s;box-shadow:0 2px 8px #e84e0e4d}.btn-primair:hover{background:var(--oranje-dark);transform:translateY(-1px);box-shadow:0 4px 16px #e84e0e66}.btn-primair:active{transform:translateY(0)}.btn-primair:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.btn-secundair{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--oranje);border:2px solid var(--oranje);padding:12px 24px;border-radius:var(--radius);font-size:16px;font-weight:500;transition:all .2s}.btn-secundair:hover{background:var(--oranje);color:var(--wit)}.kaart{background:var(--wit);border-radius:var(--radius-groot);box-shadow:var(--schaduw);padding:28px}.melding-succes{background:var(--succes-licht);border:1px solid var(--succes);color:var(--succes);border-radius:var(--radius);padding:14px 18px;font-size:15px}.melding-fout{background:var(--fout-licht);border:1px solid var(--fout);color:var(--fout);border-radius:var(--radius);padding:14px 18px;font-size:15px}.melding-waarschuwing{background:var(--waarschuwing-licht);border:1px solid var(--waarschuwing);color:var(--waarschuwing);border-radius:var(--radius);padding:14px 18px;font-size:15px}.laden{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--tekst-zacht);font-size:16px}.spinner{width:24px;height:24px;border:3px solid var(--creme-dark);border-top-color:var(--oranje);border-radius:50%;animation:draaien .7s linear infinite}@keyframes draaien{to{transform:rotate(360deg)}}.badge-vol{display:inline-block;background:var(--fout-licht);color:var(--fout);border:1px solid var(--fout);padding:2px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge-beschikbaar{display:inline-block;background:var(--succes-licht);color:var(--succes);border:1px solid var(--succes);padding:2px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge-wachtlijst{display:inline-block;background:var(--waarschuwing-licht);color:var(--waarschuwing);border:1px solid var(--waarschuwing);padding:2px 10px;border-radius:20px;font-size:12px;font-weight:500}@media (max-width: 600px){.kaart{padding:20px}.btn-primair,.btn-secundair{width:100%;justify-content:center}}