/* CSS für Formular der Mailingliste */

/* Fieldsets: nur Abstand nach unten */
fieldset{
  border:0;
  padding:0;
  margin:0 0 1rem 0;
}

/* Legend */
legend{
  font-weight:600;
  margin-bottom:.5rem;
}

/* Labels */
label{
  display:block;
  margin:0.35rem 0 0.25rem 33.5rem;
}

/* Radiobuttons + Text linksbündig */
.radio{
  display: flex;
  align-items: center;      /* vertikal zentriert */
  justify-content: flex-start; /* linksbündig */
  gap: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 28rem;      /* Abstand zum linken Rand */
}

/* Labels */
label[type="radio"]{
  display:block;
  margin:0.35rem 0 0.25rem 0;
}

/* Eingabefelder (E-Mail/Text) mittig */
input[type="email"],
input[type="text"],
input[type="url"],
textarea{
  display: block;
  margin: 0.5rem auto;  /* zentriert */
  width: 80%;           /* max. Breite */
  max-width: 400px;
  padding: 0.5rem 0.6rem;
  border:1px solid #d6d9df;
  border-radius:6px;
  font-size:1rem;
  text-align: left;     /* Text innerhalb Input normal (nicht zentriert) */
}

/* Buttons mittig */
.buttons{
  display: flex;
  gap:0.5rem;
  margin-top:1rem;
  justify-content: center; /* Buttons horizontal zentriert */
}

button{
  padding:0.6rem 1rem;
  border-radius:8px;
  border:1;
  font-weight:600;
  cursor:pointer;
  background:#e7e9ee;
  color:#111;
}

/* Hinweistext */
.note{
  color:var(--muted);
  font-size:.9rem;
  margin-top:1rem;
}