.uitlogknop{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:2px solid #a52e26;border-radius:8px;color:#8f241e;font-weight:800;background:#fff}
.inlogknop{padding:10px 14px;border:2px solid var(--groen);border-radius:8px;background:#eef5ef;color:var(--groen)}
.inlogknop:hover,.inlogknop:focus{background:var(--groen);color:#fff}.inlogknop:hover .accounticoon,.inlogknop:focus .accounticoon{border-color:#fff;color:#fff}
.uitlogknop:hover,.uitlogknop:focus{background:#a52e26;color:#fff}
.voetmerk small a{text-decoration:underline;text-underline-offset:3px}
.beheervoet a{color:inherit;text-decoration:underline;text-underline-offset:3px}
body[data-thema="donker"] .uitlogknop{background:#2b1918;color:#ffb8b2;border-color:#d96a61}
body[data-thema="donker"] .inlogknop{background:#203a30;color:#fff;border-color:#8eb79d}
body[data-thema="donker"] .uitlogknop:hover,body[data-thema="donker"] .uitlogknop:focus{background:#d96a61;color:#111}
@media(max-width:800px){body>header nav .uitlogknop{display:inline-flex!important}}