/* AI headlines by email: Anmeldeformular. Maße nur aus marke.json masse (LAW-00). */
.abo{margin:24px 0 0;max-width:36rem}
.abo-label{display:block;font:600 15px/24px var(--sans);margin:0 0 6px}
.abo-zeile{display:flex;gap:6px;flex-wrap:wrap}
.abo input[type=email]{flex:1 1 15rem;min-width:0;font:400 18px/27px var(--sans);padding:9px 18px;border-radius:999px;border:1px solid var(--linie);background:#fff;color:var(--tinte)}
.abo input[type=email]:focus-visible{outline:2px solid var(--ultra);outline-offset:3px}
.abo button,.abo-knopf .knopf{font:600 15px/24px var(--sans);padding:12px 24px;border:0;border-radius:999px;background:var(--ultra);color:#fff;cursor:pointer;transition:background .21s var(--ease)}
.abo button:hover{background:var(--graphit)}
.abo button:focus-visible{outline:2px solid var(--ultra-hell);outline-offset:3px}
.abo button[disabled]{opacity:.6;cursor:progress}
.abo-klein{font:400 12px/18px var(--sans);margin:6px 0 0;color:var(--akzent)}
.abo-klein a{color:inherit}
.abo-msg{font:400 15px/24px var(--sans);margin:6px 0 0;min-height:24px}
.abo-msg strong{font-weight:600}
.abo-msg:empty{min-height:0}
.abo-honig{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
/* auf dunklem Grund: Bühne (Graphit) und Abschnitt #brief (Ultramarin) */
.abo.dunkel .abo-label{color:var(--papier)}
.abo.dunkel input[type=email]{border-color:transparent}
.abo.dunkel .abo-klein,.abo.dunkel .abo-msg{color:rgba(246,245,242,.72)}
.abo.dunkel .abo-msg strong{color:var(--papier)}
.abo.dunkel button{background:var(--ultra)}
.abo.dunkel button:hover{background:#fff;color:var(--ultra)}
.brief .abo.dunkel button{background:var(--graphit)}
.brief .abo.dunkel button:hover{background:#fff;color:var(--graphit)}
.brief .abo.dunkel .abo-klein,.brief .abo.dunkel .abo-msg{color:rgba(255,255,255,.8)}
.abo.ok .abo-zeile{display:none}
.abo-seite .abo,.abo-seite .abo-knopf{margin:24px 0 48px}
@media (max-width:600px){.abo{margin-top:18px}.abo button{flex:1 1 100%}}
