/*
 * Identity Lab: Newsletter – Formular [idl_newsletter]
 * Nur bestehende Tokens der Installation, keine neuen.
 * Wird nur auf Seiten geladen, die den Shortcode enthalten.
 */
.idl-nl {
font-family: var(--viz-font-ui);
color: var(--viz-text);
}
.idl-nl__form {
display: flex;
flex-direction: column;
gap: var(--xs);
}
.idl-nl__label {
font-weight: var(--viz-fw-mittel);
}
.idl-nl__zeile {
display: flex;
flex-wrap: wrap;
gap: var(--xs);
}
.idl-nl__feld {
flex: 1 1 auto;
min-width: 0;
font: inherit;
color: var(--viz-text);
background: var(--viz-surface);
border: 1px solid var(--viz-border);
border-radius: var(--viz-radius-s);
padding: var(--xs) var(--s);
}
.idl-nl__knopf {
font: inherit;
font-weight: var(--viz-fw-mittel);
color: var(--viz-invers-text);
background: var(--viz-text);
border: 1px solid var(--viz-text);
border-radius: var(--viz-radius-s);
padding: var(--xs) var(--m);
cursor: pointer;
}
.idl-nl__knopf:hover {
background: var(--viz-text-2);
border-color: var(--viz-text-2);
}
.idl-nl__feld:focus-visible,
.idl-nl__knopf:focus-visible {
outline: 2px solid var(--viz-signal);
outline-offset: 2px;
}
.idl-nl__hinweis {
margin: 0;
font-size: var(--xs);
color: var(--viz-muted);
}
.idl-nl__hinweis a {
color: inherit;
}
.idl-nl__meldung {
margin: 0 0 var(--s);
padding: var(--xs) var(--s);
border-radius: var(--viz-radius-s);
background: var(--viz-signal-flaeche);
color: var(--viz-text);
}
.idl-nl__meldung--fehler {
border: 1px solid var(--viz-kritisch);
background: transparent;
}