/* Newsletter Form — MSV Zebra-Fläche (hell, ton-in-ton)
 * ─────────────────────────────────────────────────────────────────────────────
 * Heller Zebra-::before hinter dem Formular-Wrapper.
 * Deckkraft: var(--zebra-opacity-light) (~12 % wahrgenommen).
 * background-size: cover — keine Kachel-Kanten.
 * Felder/Text liegen via z-index über dem Pseudo-Layer.
 * ───────────────────────────────────────────────────────────────────────────── */

.newsletter-form {
  position: relative;
  isolation: isolate;
}

/* Helle Zebra-Textur als dekorativer Fond — nie über Text oder Feldern */
.newsletter-form::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: var(--msv-zebra-image);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: var(--zebra-opacity-light);
  border-radius: inherit;
}

/* Felder, Labels, Buttons immer über dem Pseudo-Layer */
.newsletter-form > * {
  position: relative;
  z-index: 1;
}

.newsletter-form__form {
  position: relative;
  z-index: 1;
}