/* Feierabendsuche – Gestaltung der Rechtstexte (Impressum, Datenschutz, AGB, Widerruf).
   Eigene Datei, damit stil.css unberührt bleibt. */
.rechtstext { background: #fff; border-radius: var(--rund); box-shadow: var(--schatten); padding: 32px 28px; font-size: 15px; color: var(--grau); line-height: 1.6; }
.rechtstext h2 { font-size: 19px; color: var(--tinte); margin: 30px 0 10px; padding-top: 22px; border-top: 1px solid var(--linie); }
.rechtstext h2.erste { margin-top: 0; padding-top: 0; border-top: 0; }
.rechtstext h3 { font-size: 16px; color: var(--tinte); margin: 18px 0 6px; }
.rechtstext p { margin: 0 0 10px; }
.rechtstext ul, .rechtstext ol { margin: 0 0 12px; padding-left: 22px; display: grid; gap: 4px; }
.rechtstext b, .rechtstext strong { color: var(--tinte); }
.rechtstext table { width: 100%; border-collapse: collapse; margin: 8px 0 14px; font-size: 14px; }
.rechtstext th, .rechtstext td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--linie); }
.rechtstext th { color: var(--tinte); font-weight: 600; background: var(--flaeche); }
.rechtstext address { font-style: normal; margin-bottom: 10px; }
.rechtstext .kasten { background: var(--flaeche); border-radius: var(--rund); padding: 16px 18px; margin: 10px 0 14px; }
.rechtstext .platzhalter { background: var(--gelb-flaeche); color: var(--gelb-text); padding: 0 4px; border-radius: 4px; }
.rechtstext .inhalt-uebersicht { columns: 2; column-gap: 24px; font-size: 14px; line-height: 1.9; }
.rechtstext .stand { font-size: 13px; color: var(--grau-hell); margin-bottom: 18px; }
.rechtstext .wichtig { border-left: 4px solid var(--gruen); padding-left: 14px; }
.rechtstext form.formular { display: grid; gap: 12px; }
.rechtstext form .feld { display: grid; gap: 4px; font-size: 14px; font-weight: 500; color: var(--tinte); }
.rechtstext form input, .rechtstext form select, .rechtstext form textarea { font: inherit; padding: 10px 12px; border: 1px solid var(--rahmen); border-radius: 10px; width: 100%; }
@media (max-width: 600px) { .rechtstext { padding: 22px 18px; } .rechtstext .inhalt-uebersicht { columns: 1; } .rechtstext table { font-size: 13px; } .rechtstext th, .rechtstext td { padding: 6px 6px; } }
