/* Wirkraum · Seite für Arbeitgeber /arbeitgeber/ (0.78.2, Design-Vertrag 16.78)
   Die Seite trägt .st-seite und .rg-seite: Kopf, Knöpfe, Überschriften und Fuß kommen aus start.css, Hero und Einblenden aus ratgeber.css
   (beide laden vor dieser Datei). Alles Eigene hängt an .rg-seite--arbeitgeber. Bewusst nur hell, wie Startseite, Ratgeber und Preise.
   Bewegung: keine eigene. Das Einblenden beim Scrollen und die Regeln für „Ruhig“ stehen in ratgeber.css. */

/* Kachel mit Zeichen, Titel und Satz */
.rg-seite--arbeitgeber .rg-fakten { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; list-style: none; }
.rg-seite--arbeitgeber .rg-fakten.rg-fakten--zwei { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rg-seite--arbeitgeber .rg-fakt { display: flex; align-items: flex-start; gap: 12px; min-width: 0; padding: 18px; border-radius: 16px; background: var(--weiss); box-shadow: var(--tiefe); }
.rg-seite--arbeitgeber .rg-fakt h3 { margin-bottom: 4px; font-size: 1.0625rem; overflow-wrap: break-word; }
.rg-seite--arbeitgeber .rg-fakt p { color: var(--ink-mid); font-size: 1rem; line-height: 1.5; }
.rg-seite--arbeitgeber .rg-fakt__zeichen { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--flaeche); box-shadow: inset 0 0 0 1.5px var(--ink); color: var(--ink); }
.rg-seite--arbeitgeber .rg-fakt__svg { width: 18px; height: 18px; }
@media (max-width: 1040px) { .rg-seite--arbeitgeber .rg-fakten, .rg-seite--arbeitgeber .rg-fakten.rg-fakten--zwei { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .rg-seite--arbeitgeber .rg-fakten, .rg-seite--arbeitgeber .rg-fakten.rg-fakten--zwei { grid-template-columns: minmax(0, 1fr); } }

/* Der Widerspruch: ein Kasten mit Rand wie die Karte für Organisationen auf der Preisseite */
.rg-seite--arbeitgeber .st-abschnitt.rg-widerspruch-abschnitt { padding-block: 24px 0; }
.rg-seite--arbeitgeber .rg-widerspruch { display: flex; flex-direction: column; gap: 10px; max-width: 46rem; padding: 24px; border-radius: 22px; background: var(--weiss); box-shadow: inset 0 0 0 1.5px var(--ink), var(--tiefe); }
.rg-seite--arbeitgeber .rg-widerspruch__titel { font-size: 1.375rem; }
.rg-seite--arbeitgeber .rg-widerspruch p { color: var(--ink-mid); }
.rg-seite--arbeitgeber .rg-widerspruch .rg-widerspruch__adresse { display: flex; align-items: center; gap: 10px; color: var(--ink); overflow-wrap: anywhere; }
.rg-seite--arbeitgeber .rg-widerspruch .rg-widerspruch__aktion { margin: 4px 0 0; }
.rg-seite--arbeitgeber .rg-widerspruch .rg-widerspruch__leise { color: var(--ink-faint); font-size: 0.9375rem; }