/*
 * Ergaenzungen zum Design-Bundle (assets/css/matchmaking.min.css) fuer das Portal.
 *
 * Das Bundle wird als fertige CSS uebernommen, die SCSS-Quellen sind nicht Teil des
 * Projekts (Entscheidung F2). Anpassungen gehoeren deshalb hierher - geladen nach dem
 * Bundle, damit sie gewinnen.
 */

/*
 * Bruecke zwischen ASP.NET-Validierung und Bootstrap.
 *
 * Serverseitig gerendertes Markup traegt input-validation-error (Feld) und
 * field-validation-error (Meldung); Bootstrap kennt nur .is-invalid und
 * .invalid-feedback. Ohne diese Regel bleibt die Fehlermeldung nach einem
 * abgelehnten POST unsichtbar, weil .invalid-feedback per Default display:none ist
 * und nur neben einem .is-invalid-Geschwister eingeblendet wird.
 *
 * validation-bootstrap.js setzt zusaetzlich .is-invalid auf die betroffenen Felder,
 * damit sie die vollstaendige Bootstrap-Darstellung bekommen. Diese Regel hier ist
 * die Absicherung fuer den Fall, dass das Skript nicht laeuft - die Meldung bleibt
 * dann trotzdem lesbar.
 */
.field-validation-error {
    display: block;
}

/* Die Matching-Grafik in der FAQ bleibt auf kleinen Viewports vollständig sichtbar. */
.faq-matching-graphic {
    display: block;
    width: min(100%, 35.125rem);
    height: auto;
    margin: 1.5rem 0;
}