/* Anfrageformular Eventgastronom. Haelt sich an Schrift und Rot der Seite. */
.eg-anfrage {
  --eg-rot: #e31e24;
  --eg-rot-dunkel: #b8171c;
  --eg-linie: #d9d9d9;
  --eg-text: #7a7a7a;
  max-width: 44rem;
  font-family: inherit;
}

.eg-anfrage .eg-titel {
  margin: 1.8em 0 .8em;
  font-size: 1.15rem;
  color: #101010;
}
.eg-anfrage .eg-titel:first-child { margin-top: 0; }

.eg-anfrage .eg-zeile { margin: 0 0 1.1em; }

.eg-anfrage label {
  display: block;
  margin-bottom: .35em;
  color: var(--eg-text);
  font-size: .95rem;
}

.eg-anfrage input[type=text],
.eg-anfrage input[type=email],
.eg-anfrage input[type=tel],
.eg-anfrage input[type=date],
.eg-anfrage select,
.eg-anfrage textarea {
  width: 100%;
  box-sizing: border-box;
  padding: .7em .9em;
  border: 1px solid var(--eg-linie);
  border-radius: 3px;
  background: #fff;
  color: #101010;
  font: inherit;
  line-height: 1.4;
}

.eg-anfrage textarea { resize: vertical; min-height: 6em; }

.eg-anfrage input:focus,
.eg-anfrage select:focus,
.eg-anfrage textarea:focus {
  outline: 2px solid var(--eg-rot);
  outline-offset: 1px;
  border-color: var(--eg-rot);
}

.eg-anfrage .eg-stern { color: var(--eg-rot); }

.eg-anfrage .eg-einwilligung label {
  display: flex;
  gap: .6em;
  align-items: flex-start;
  font-size: .88rem;
  line-height: 1.5;
}
.eg-anfrage .eg-einwilligung input { margin-top: .25em; flex: none; }
.eg-anfrage .eg-einwilligung a { color: var(--eg-rot); }

.eg-anfrage button {
  padding: .85em 2.2em;
  border: 0;
  border-radius: 3px;
  background: var(--eg-rot);
  color: #fff;
  font: inherit;
  font-weight: 600;
  letter-spacing: .02em;
  cursor: pointer;
  transition: background .2s;
}
.eg-anfrage button:hover,
.eg-anfrage button:focus-visible { background: var(--eg-rot-dunkel); }

.eg-anfrage .eg-danke {
  padding: 1.2em 1.4em;
  border-left: 4px solid var(--eg-rot);
  background: #f7f7f7;
  color: #101010;
}

.eg-anfrage .eg-fehler {
  margin-bottom: 1.4em;
  padding: 1em 1.3em;
  border-left: 4px solid var(--eg-rot);
  background: #fdf2f2;
  color: #101010;
}
.eg-anfrage .eg-fehler p { margin: 0 0 .4em; font-weight: 600; }
.eg-anfrage .eg-fehler ul { margin: 0; padding-left: 1.2em; }

/* Die Falle fuer Werbeprogramme. Fuer Menschen unsichtbar, fuer
   Vorleseprogramme ausgeblendet - aber nicht display:none, sonst
   merken die Programme es. */
.eg-anfrage .eg-honig {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .eg-anfrage button { width: 100%; }
}