/* easyzorg - nieuwsbrief: balk boven de voettekst en pop-up */
.nb-balk{background:var(--grijs-licht);border-top:1px solid var(--grijs);padding:48px 0}
.nb-binnen{max-width:var(--breedte);margin:0 auto;padding:0 var(--marge);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px}
.nb-tekst{flex:1 1 380px;max-width:640px}
.nb-tekst h2{margin:0 0 8px;color:var(--donker);font-size:28px;line-height:1.2}
.nb-tekst p{margin:0;color:#3d4f55}
.nb-form{flex:1 1 380px;max-width:520px;display:flex;flex-wrap:wrap;gap:10px}
.nb-form input[type=email]{flex:1 1 220px;min-width:0;font:inherit;font-size:16px;padding:12px 14px;border:2px solid #cfd8da;border-radius:0;background:#fff;color:var(--donker)}
.nb-form input[type=email]:focus{outline:none;border-color:var(--teal)}
.nb-form .knop{flex:0 0 auto}
.nb-form .knop[disabled]{opacity:.6;cursor:wait}
.nb-klein{flex-basis:100%;margin:0;font-size:13px;color:#5b6b70}
.nb-klein a{color:inherit;text-decoration:underline}
.nb-melding{flex-basis:100%;margin:0;font-weight:700;min-height:0}
.nb-melding.ok{color:#1d7f60}
.nb-melding.fout{color:#b3261e}
.nb-val{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.nb-verborgen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.nb-pop{border:0;padding:0;max-width:min(460px,calc(100vw - 32px));width:100%;background:#fff;color:var(--donker);box-shadow:0 20px 60px rgba(0,0,0,.25)}
.nb-pop::backdrop{background:rgba(0,40,48,.55)}
.nb-pop-kop{background:var(--donker);color:#fff;padding:28px 28px 22px;position:relative}
.nb-pop-kop h2{margin:0;font-size:24px;line-height:1.25;color:#fff;padding-right:28px}
.nb-pop-kop p{margin:8px 0 0;color:#d6e6e9}
.nb-pop-sluit{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.nb-pop-sluit:hover,.nb-pop-sluit:focus-visible{background:rgba(255,255,255,.12)}
.nb-pop-lijf{padding:22px 28px 26px}
.nb-pop-lijf ul{margin:0 0 18px;padding-left:20px}
.nb-pop-lijf li{margin:2px 0}
.nb-pop .nb-form{max-width:none}
.nb-pop .nb-form .knop{flex:1 1 100%}
@media (max-width:640px){
  .nb-balk{padding:36px 0}
  .nb-tekst h2{font-size:24px}
  .nb-form .knop{flex:1 1 100%}
}