/* 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); }
.teamevent-anfrage-info { padding: 40px 24px; background: var(--farbe-teal-hell); display: flex; flex-direction: column; justify-content: center; }
.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-fuss { margin-top: 18px; }
/* Karte 565, E8 (N4): Feldgruppe im Raster, ohne den Rahmen des Browsers, die Wahlen in einer
   Zeile (sie brechen um, wo sie nicht passen). Verwender: „Kurs vorschlagen“, „Startangaben“
   (gesucht: sonst steht kein fieldset in diesem Raster). Die Schrift von Legende und Wahl steht
   seit Karte 571 nur in der Quelle (buchung.css, „Die Schriftordnung der Website-Formulare“);
   bis dahin trug die Feldgruppe hier ein eigenes Grau. "(optional)" ebenso. */
.teamevent-form-grid fieldset { border: 0; margin: 0 0 14px; padding: 0; min-width: 0; }
.teamevent-form-grid legend { padding: 0; margin-bottom: 8px; }
.teamevent-form-grid fieldset > .buchung-hilfetext { display: block; margin-top: 6px; }
.teamevent-form-grid fieldset > div { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.teamevent-form-grid fieldset > div label {
  display: inline-flex; align-items: flex-start; gap: 8px; margin: 0;
}
.teamevent-form-grid fieldset > div input { width: auto; margin: 3px 0 0; }

/* ---- 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; } }
/* Karte 565, E8 (Lesung M8): Der Danke-Block ist linksbündig, also sitzen Kreis und Text an seiner
   Kante, wie die Überschrift. Die Bestätigung des Buchungsfensters (buchung.css) zentriert beide mit
   `margin: auto`; hier stand der Kreis darum mittig über dem Text, und ein kurzer Text rückte ein.
   Nur der Abstand kommt vom Block, das Bild bleibt in der Quelle. Geschwister: `.kontakt-danke`
   (kontakt.css). Verwender: Teamevent-Anfrage, Startangaben (eingereicht, abgelaufen). */
.teamevent-danke .bestaetigung-icon, .teamevent-danke .bestaetigung-text { margin-left: 0; margin-right: 0; }

/* Bis 25.10.2026 stand hier die Illustration „Ritter“ (Werkbank 408); sie ist auf „Wir stehen zu
   unseren Kursen“ umgezogen (Inhaber, website/css/warteliste.css). */