/* Eingang eines Produkts (connect.*): Start und Anmelden. Farben über die Tokens der Betreiber-Marke (hell und dunkel). */

.eingang { max-width: 480px; margin: 0 auto; padding: 48px 40px 120px; }
.eingang-karte { display: flex; flex-direction: column; gap: 32px; }
.eingang-satz { margin: 0; font-family: var(--serif); font-weight: 400; font-size: 40px; line-height: 1.2; letter-spacing: -0.01em; }
.eingang-knoepfe { display: flex; flex-wrap: wrap; gap: 12px; }
.eingang .formular .knopf { align-self: flex-start; }

@media (max-width: 640px) {
  .eingang { padding: 24px 16px 80px; }
  .eingang-satz { font-size: 30px; }
}