/* DOSIGNY — Newsletter-Seite und -Kasten (Blog, Beiträge, Tools). Erstellt durch Dominik Baurhenn - DOSIGNY — https://www.dosigny.com */
.dz-visuell-weg { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.dz-nlkopf__raster { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: var(--a-fluss-l); align-items: center; }
.dz-nlkopf .dz-fallkopf__titel { max-width: 18ch; text-wrap: balance; }
.dz-nlpunkte { display: grid; gap: var(--a-2); margin: var(--a-5) 0 0; padding: 0; list-style: none; color: rgba(var(--c-hell-rgb),.9); }
.dz-nlpunkte li { position: relative; padding-left: 1.6rem; }
.dz-nlpunkte li::before { content: "✓"; position: absolute; left: 0; color: var(--c-tuerkis); font-weight: 800; }
.dz-nlkarte { padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid rgba(var(--c-tuerkis-rgb),.35); border-radius: 20px; background: var(--c-flaeche); }
.dz-nlform { display: grid; gap: var(--a-3); }
.dz-nlform__falle { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.dz-nlform__zeile { display: flex; flex-wrap: wrap; gap: var(--a-2); }
.dz-nlform input[type="email"] { flex: 1 1 14rem; min-width: 0; min-height: 52px; padding: 0 var(--a-4); border: 1px solid rgba(var(--c-weiss-rgb),.22); border-radius: 12px; background: rgba(var(--c-weiss-rgb),.05); color: var(--c-weiss); font: inherit; }
.dz-nlform input[type="email"]:focus-visible { outline: 2px solid var(--c-tuerkis); outline-offset: 2px; }
.dz-nlform .k-btn { flex: 0 0 auto; }
.dz-nlform__ok { display: flex; gap: var(--a-3); align-items: flex-start; font-size: var(--fs-mini); line-height: 1.5; color: rgba(var(--c-hell-rgb),.78); cursor: pointer; }
.dz-nlform__ok input { flex: none; width: 20px; height: 20px; margin-top: .1rem; accent-color: var(--c-tuerkis); }
.dz-nlform__ok a { color: var(--c-tuerkis); }
.dz-nlform__status { min-height: 1.4em; margin: 0; font-size: var(--fs-klein); color: rgba(var(--c-hell-rgb),.9); }
.dz-nlform.is-fertig .dz-nlform__status { color: var(--c-online); }
.dz-nlform.is-fehler .dz-nlform__status { color: var(--c-fehler-text, #ff8a8a); }
.dz-nlform.is-fertig .dz-nlform__zeile, .dz-nlform.is-fertig .dz-nlform__ok { display: none; }
.dz-nlbox { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: var(--a-fluss-m); align-items: center; margin-block: var(--a-fluss-m); padding: clamp(1.25rem, 3vw, 2.25rem); border: 1px solid rgba(var(--c-tuerkis-rgb),.3); border-radius: 22px; background: linear-gradient(135deg, rgba(var(--c-tuerkis-rgb),.08), rgba(var(--c-violett-rgb),.06)); }
.dz-nlbox__titel { margin: var(--a-1) 0 var(--a-2); font: var(--fw-h) clamp(1.2rem, 1rem + 1vw, 1.8rem)/1.2 var(--f-display); text-wrap: balance; }
.dz-nlbox__text p:last-child { margin: 0; color: rgba(var(--c-hell-rgb),.85); }
.dz-nlbox__text a { color: var(--c-tuerkis); }
@media (max-width: 860px) { .dz-nlkopf__raster, .dz-nlbox { grid-template-columns: minmax(0, 1fr); } }