/* Offener Brief – Formular und Namensliste. Nutzt Theme-Farben, wenn vorhanden. */
.ob-formular { --ob-rot: var(--wp--preset--color--rot, #E3000F); --ob-grau: var(--wp--preset--color--grau, #5B606B); scroll-margin-top: 6rem; }
.ob-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.ob-felder { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 1.25rem; }
@media (max-width: 640px) { .ob-felder { grid-template-columns: 1fr; } }
.ob-feld { margin: 0; }
.ob-feld label { display: block; margin-bottom: .4rem; font-weight: 600; font-size: .9rem; }
.ob-feld label span { font-weight: 400; color: var(--ob-grau); }
.ob-feld input {
	box-sizing: border-box; width: 100%; padding: .8rem .95rem;
	font: inherit; color: inherit; background: #fff;
	border: 1px solid #C9CCD3; border-radius: 6px;
}
.ob-feld input:focus { outline: 2px solid var(--ob-rot); outline-offset: 0; border-color: transparent; }

.ob-check { display: flex; gap: .7rem; align-items: flex-start; margin: 1.25rem 0 0; font-size: .9rem; line-height: 1.55; color: var(--ob-grau); }
.ob-check input { flex: none; width: 1.15rem; height: 1.15rem; margin: .15rem 0 0; accent-color: var(--ob-rot); }
.ob-check a { color: inherit; }
.ob-absenden { margin: 1.5rem 0 0; }
.ob-button { border: 0; cursor: pointer; font: inherit; }

.ob-hinweis { margin: 0 0 1.5rem; padding: 1rem 1.25rem; border-radius: 8px; background: #fff; line-height: 1.55; }
.ob-hinweis--fehler { color: var(--ob-rot); }
.ob-bestaetigen p { margin: 0 0 1rem; }

.ob-namen { list-style: none; margin: 0; padding: 0; columns: 3 15rem; column-gap: 2.5rem; }
.ob-namen li { break-inside: avoid; padding: .55rem 0; border-bottom: 1px solid rgb(0 0 0 / .08); }
.ob-leer { color: var(--wp--preset--color--grau, #5B606B); }