/* Modul newsletter: Anmeldeformular. Schlicht, mit Rueckfallwerten, damit es zu jedem Design passt. */
.newsletter-formular { max-width: 36rem; }
.newsletter-feld { margin: 0 0 1.1rem; border: 0; padding: 0; }
.newsletter-feld > label { display: block; font-weight: 600; margin-bottom: .3rem; }
.newsletter-feld legend { font-weight: 600; margin-bottom: .4rem; padding: 0; }
.newsletter-formular input[type="email"] { width: 100%; max-width: 26rem; min-height: 44px; padding: .4rem .6rem; font: inherit; box-sizing: border-box; }
.newsletter-wahl { display: flex; gap: .5rem; align-items: flex-start; margin: .35rem 0; font-weight: normal; }
.newsletter-wahl input { margin-top: .3rem; min-width: 1.1rem; min-height: 1.1rem; }
/* 1.4.0: Fingerziel mindestens 44px hoch, Checkbox 24px, vertikal mittig. Die Auswahl mit zwei Klassen ist noetig: ".newsletter-feld > label"
   (Spezifitaet hoeher als ".newsletter-wahl") macht die Themen-Labels sonst zu "display: block" */
.newsletter-formular .newsletter-wahl { display: flex; align-items: center; min-height: 44px; }
.newsletter-formular .newsletter-wahl input { flex: 0 0 auto; margin: 0; width: 1.5rem; height: 1.5rem; min-width: 1.5rem; min-height: 1.5rem; }
.newsletter-formular button { font: inherit; min-height: 44px; padding: .5rem 1.4rem; cursor: pointer;
  background: var(--akzent, #0b5e7c); color: var(--akzent-text, #fff); border: 0; border-radius: var(--radius, 6px); }
.newsletter-fehlertext { display: block; color: var(--fehler, #a40000); font-size: .9rem; margin-top: .2rem; }
.newsletter-meldung { padding: .7rem 1rem; border-radius: var(--radius, 6px); border: 1px solid; }
.newsletter-ok { background: #ecf7ee; border-color: #b9dfc0; }
.newsletter-fehler { background: #fdeeee; border-color: #e7b8b8; }
.newsletter-klein { font-size: .85rem; opacity: .8; }
.newsletter-falle { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }