/* Zukunftsdepot-Newsletter, nutzt die Farben des Themes mit Fallbacks */
.zdn {
	--zdn-primaer: var(--wp--preset--color--primaer, #1d3664);
	--zdn-aktion: var(--wp--preset--color--aktion, #006699);
	--zdn-bg: var(--wp--preset--color--hintergrund, #ffffff);
	--zdn-text: var(--wp--preset--color--text, #26303d);
	--zdn-dezent: var(--wp--preset--color--text-dezent, #56606e);
	--zdn-grau: var(--wp--preset--color--grau, #878787);
	--zdn-ok: var(--wp--preset--color--akzent-hell, #e4f3ea);
	--zdn-ok-text: var(--wp--preset--color--akzent-dunkel, #1d6b42);
	scroll-margin-top: 110px;
}
.zdn-form > * + * { margin-top: 1rem; }
.zdn-form p { margin-bottom: 0; }
.zdn-feld label { display: block; font-weight: 600; margin-bottom: 0.35rem; }
.zdn-feld input {
	width: 100%; box-sizing: border-box; min-height: 46px; font: inherit; font-size: 1.05rem;
	color: var(--zdn-text); background: var(--zdn-bg);
	border: 1px solid var(--zdn-grau); border-radius: 8px; padding: 0.6rem 0.8rem;
}
.zdn-feld input:focus { outline: 3px solid var(--zdn-aktion); outline-offset: 1px; border-color: var(--zdn-aktion); }
.zdn-check { display: grid; grid-template-columns: auto 1fr; gap: 0.65rem; align-items: start; font-size: 0.95rem; }
.zdn-check input { width: 20px; height: 20px; margin: 0.15rem 0 0; accent-color: var(--zdn-aktion); }
.zdn-knopf {
	display: inline-flex; align-items: center; justify-content: center; min-height: 46px;
	font: inherit; font-weight: 600; cursor: pointer; border: 0;
	background: var(--zdn-aktion); color: var(--zdn-bg); border-radius: 6px; padding: 0.65rem 1.25rem;
}
.zdn-knopf:hover, .zdn-knopf:focus { background: var(--zdn-primaer); color: var(--zdn-bg); }
.zdn-info { font-size: 0.85rem; color: var(--zdn-dezent); }
.zdn-honig { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.zdn-meldung { padding: 0.9rem 1rem; border-radius: 8px; margin: 0 0 1rem; font-weight: 600; }
.zdn-meldung--ok { background: var(--zdn-ok); color: var(--zdn-ok-text); }
.zdn-meldung--fehler { background: #fdecea; color: #8a1c12; }
.zdn-editor { border: 2px dashed #2e8b57; background: #e4f3ea; border-radius: 12px; padding: 1.25rem; }
.zdn-editor p { margin: 0.4rem 0 0; }