.woordmerk img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    border: 1px solid #ffffff80;
    border-radius: 3px;
    background: #fff;
}
.woordmerk { cursor: pointer; }
.login-pagina { grid-template-columns: minmax(420px, 1.08fr) minmax(420px, .92fr); }
.login-merk {
    position: relative;
    min-height: 100dvh;
    justify-content: center;
    overflow: hidden;
    padding: clamp(42px, 7vw, 108px);
    background: #126b42;
}
.login-merk::after {
    position: absolute;
    inset: 24px;
    border: 1px solid #ffffff2e;
    content: "";
    pointer-events: none;
}
.login-merk-inhoud { position: relative; z-index: 1; max-width: 620px; }
.login-beeldmerk {
    width: clamp(76px, 9vw, 116px);
    height: clamp(76px, 9vw, 116px);
    object-fit: contain;
    margin-bottom: 30px;
    border: 1px solid #ffffff73;
    background: #fff;
}
.login-productlabel { display: block; color: #dff6e8; font-size: 11px; font-weight: 750; }
.login-merk h1 { max-width: 620px; margin: 8px 0 14px; font-size: clamp(34px, 4vw, 54px); line-height: 1.08; }
.login-merk p { max-width: 560px; margin: 0; color: #eef9f2; font-size: 17px; line-height: 1.55; }
.login-merk .login-merk-voet { position: absolute; z-index: 1; bottom: 48px; left: clamp(42px, 7vw, 108px); color: #dff6e8; font-size: 11px; letter-spacing: 0; }
.login-formulier {
    width: min(430px, calc(100% - 64px));
    gap: 15px;
    padding: 28px 0;
}
.login-formulier-merk { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; }
.login-formulier-merk img { width: 36px; height: 36px; object-fit: contain; }
.login-formulier-merk strong { font-size: 15px; }
.login-formulier h2 { font-size: 28px; }
.login-formulier > p { margin: -7px 0 8px; color: #605e5c; }
.login-formulier fluent-text-field { width: 100%; }
.login-formulier fluent-button { margin-top: 5px; }
.login-hulp { margin-top: 8px; border-top: 1px solid #e1dfdd; padding-top: 16px; color: #605e5c; line-height: 1.45; }

@media (max-width: 900px) {
    .login-pagina { display: flex; min-height: 100dvh; flex-direction: column; }
    .login-formulier { order: 1; width: min(430px, calc(100% - 36px)); min-height: 64dvh; justify-content: center; padding: 28px 0; }
    .login-merk { order: 2; min-height: 36dvh; justify-content: center; padding: 34px 28px 58px; }
    .login-merk::after { inset: 12px; }
    .login-beeldmerk { width: 58px; height: 58px; margin-bottom: 18px; }
    .login-productlabel { font-size: 10px; }
    .login-merk h1 { margin: 6px 0 8px; font-size: 28px; }
    .login-merk p { font-size: 14px; }
    .login-merk .login-merk-voet { bottom: 25px; left: 28px; }
}

@media (max-width: 420px) {
    .login-formulier-merk { margin-bottom: 10px; }
    .login-formulier h2 { font-size: 24px; }
    .login-hulp { font-size: 11px; }
}