/* VOITH Studio für Firmen (Weg B): Startseite in der Bildsprache der Studio-Startseite (Kreis, Kacheln, Kreislauf und
   Karten kommen aus app.css), dazu Pakete und Anmeldung. */
.ab-vorschau { margin: 12px 0 0; padding: 10px 14px; border-radius: 10px; background: rgba(237, 112, 41, .12);
  border: 1px solid rgba(237, 112, 41, .45); color: #FFD2B5; font-size: 14px; }
.ab-bald { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 14px; color: var(--muted); }
.vs-show-balken.ab-gruen i { background: var(--success); }

/* Pakete */
.ab-pakete { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.ab-paket { padding: 28px 24px; display: flex; flex-direction: column; gap: 16px; position: relative; }
.ab-paket h3 { margin: 0; font-size: 24px; font-weight: 800; }
.ab-paket .ticks { flex: 1; font-weight: 500; }
.ab-paket .btn { align-self: stretch; justify-content: center; }
.ab-paket .pill { position: absolute; top: 20px; right: 20px; }
.ab-empfohlen { border-color: var(--orange); }
.ab-preis { margin: 0; color: var(--text-2); }
.ab-preis b { font-size: 34px; font-weight: 800; color: var(--text); }
.ab-hinweis { margin: 20px 0 0; color: var(--muted); font-size: 14px; }

/* Anmeldung */
.auth-card .select, .auth-card textarea { width: 100%; padding: 12px 14px; border-radius: 10px;
  border: 1.5px solid var(--line-strong); background: var(--navy); color: var(--text); font: inherit; font-size: 16px; }
.auth-card .select { height: 48px; }
.ab-check { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--text-2); }
.ab-check input { width: 20px; height: 20px; margin-top: 1px; accent-color: var(--orange); flex-shrink: 0; }

@media (max-width: 1000px) {
  .ab-pakete { grid-template-columns: minmax(0, 1fr); max-width: 520px; }
}