/* SSS'18 ALV - look of knorrendeknoaier.nl / sss18.nl: black, club yellow, Teko + Roboto Condensed (SIL OFL, self-hosted) */
@font-face{font-family:Teko;src:url('/teko.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('/roboto-condensed.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{--geel:#ffce1f;--zwart:#000;--inkt:#222;--grijs:#8a8a8a;--wit:#fff;--rood:#c0392b;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--zwart);color:var(--wit);font:17px/1.45 'Roboto Condensed',Arial,sans-serif}
h1,h2,h3{font-family:Teko,'Arial Narrow',sans-serif;font-weight:600;text-transform:uppercase;line-height:1;letter-spacing:.01em;margin:0}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
.knop{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--geel);color:var(--zwart);border:0;
  padding:14px 26px;font:600 24px/1 Teko,sans-serif;text-transform:uppercase;transform:skewX(-12deg);min-height:52px}
.knop>span{display:inline-block;transform:skewX(12deg)}
.knop:disabled{opacity:.45;cursor:not-allowed}
.knop:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--wit);outline-offset:3px}
.melding{color:#ffb4a8;min-height:1.4em;margin:10px 0 0}
.verborgen{display:none!important}