.nieuwsbrief{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-block:48px;border-top:1px solid var(--line);color:var(--ink)}
.nieuwsbrief h2{font-family:inherit;font-size:var(--fs-32);line-height:1.2;margin:0 0 16px;text-wrap:balance}
.nieuwsbrief p{max-width:55ch;margin:0 0 16px;font-size:var(--fs-16);line-height:1.6}
.nieuwsbrief form{min-width:0;align-self:center}
.nieuwsbrief label{display:block;margin-bottom:8px;font-size:var(--fs-16);font-weight:650}
.nieuwsbrief-velden{display:flex;gap:8px;margin-bottom:16px}
.nieuwsbrief input,.nieuwsbrief button{min-height:48px;font:inherit;font-size:var(--fs-16);padding:12px 16px;border:1px solid var(--line-sterk);border-radius:var(--r-sm)}
.nieuwsbrief input{min-width:0;width:100%;background:var(--bg);color:var(--ink)}
.nieuwsbrief input::placeholder{color:var(--muted)}
.nieuwsbrief button{flex-shrink:0;background:var(--brand);color:var(--brand-ink);border-color:var(--brand);cursor:pointer;font-weight:650}
.nieuwsbrief button:hover{filter:brightness(.9)}
.nieuwsbrief button:disabled{opacity:.65;cursor:wait}
.nieuwsbrief :focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.nieuwsbrief .nieuwsbrief-uitleg{font-size:var(--fs-14);color:var(--muted)}
.nieuwsbrief a{text-decoration:underline;text-underline-offset:3px}
.nieuwsbrief [data-nieuwsbrief-status]:empty{display:none}
@media(max-width:720px){.nieuwsbrief{grid-template-columns:1fr;gap:16px}.nieuwsbrief-velden{flex-direction:column}.nieuwsbrief button{width:100%}}