/* Zeichenfabrik -- Teamevents: die Anfrage-Sektion samt Formular und die Danke-Seite.
   Die Datei laden viele Seiten (Kontakt, Kursberatung, Gestaltungsauftrag, Vermietung, Verträge,
   Bewerbung …) wegen des Formular-Rasters. .buchung-schritt-inhalt/.buchung-agb/.buchung-fehler
   kommen aus buchung.css. Die Übersicht /teamevents/ und die Format-Seiten stehen seit
   Werkbank 375 (18.10.2026) in formate.css. */

/* ---- Anfrage-Sektion: teal Infospalte + Formular ---- */
.teamevent-anfrage-sektion { display: grid; grid-template-columns: minmax(0, 1fr); border-bottom: 1px solid var(--farbe-rand); scroll-margin-top: 70px; }
.teamevent-anfrage-info { padding: 40px 24px; background: var(--farbe-teal-hell); display: flex; flex-direction: column; justify-content: center; }
.teamevent-anfrage-info .kicker--dunkel { color: #22403F; }
.teamevent-anfrage-info h2 { margin: 0 0 14px; font-size: 26px; font-weight: 800; color: #152B2A; }
.teamevent-anfrage-info p:not(.kicker) { margin: 0 0 20px; font-size: 16px; line-height: 1.6; color: #1C3A39; max-width: 26em; }
.teamevent-anfrage-punkte { display: flex; flex-direction: column; gap: 12px; font-size: 14px; color: #1C3A39; }
.teamevent-anfrage-punkte div { display: flex; gap: 10px; align-items: center; }
.teamevent-anfrage-punkte span { font-weight: 800; color: #22403F; }
.teamevent-anfrage-formular { padding: 32px 24px; }
@media (min-width: 1024px) {
  .teamevent-anfrage-sektion { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); }
  .teamevent-anfrage-info { padding: 56px; }
  .teamevent-anfrage-formular { padding: 52px 56px; }
}

.teamevent-form-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px 16px; }
@media (min-width: 640px) { .teamevent-form-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.teamevent-form-grid .teamevent-form-feld--breit { grid-column: 1 / -1; }
.teamevent-form-optional { font-weight: 400; color: #8A8377; }
.teamevent-form-fuss { margin-top: 18px; }

/* ---- Danke-Seite (Übersicht wie /warteliste/bestaetigt, aber eigene Seite statt Inline-Zustand) ---- */
.teamevent-danke {
  max-width: 640px;
  padding: 64px 24px 80px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.teamevent-danke h1 { margin: 0 0 10px; font-size: 30px; font-weight: 800; }
.teamevent-danke .btn { margin-top: 8px; }
@media (min-width: 1024px) { .teamevent-danke { padding: 84px 56px 100px; } }