, KEIN verschachteltes

(Eingabe/Button referenzieren stattdessen per form="cn-edit-" ein eigenständiges außerhalb der Tabelle, siehe dort für den Grund). Textfeld PLUS Button nebeneinander, daher eigene Flex-Regel statt der geerbten. Feste Eingabefeldbreite verhindert, dass das Feld die gesamte verfügbare Zellenbreite ausfüllt und den Speichern-Button aus der Zeile drängt. */ .admin-table__inline-edit { display: flex; gap: 0.4rem; align-items: center; margin: 0; } .admin-table__inline-edit input[type="text"] { width: 110px; } /* Klickbare Spaltenköpfe mit Filter-/Sortier-Popover ("Destinations", "Travel class", "Travel dates", "Account linked" in der Newsletter- Übersicht, siehe admin-fragment.php) - dasselbe

-Muster wie .admin-collapsible/.profile-menu oben, hier aber als schwebendes Popover unterhalb des jeweiligen Spaltenkopfs statt als Akkordeon-Sektion bzw. Navigationsmenü. */ .admin-table__th-filterable { position: relative; } .admin-table__filter-toggle { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 0.2rem; } .admin-table__filter-toggle::-webkit-details-marker { display: none; } /* Der Spaltenkopf selbst ist per .admin-table th oben in Großbuchstaben mit Buchstabenabstand formatiert - im Popover-Inhalt (normale Checkbox-/ Formularbeschriftungen) wird das gezielt wieder zurückgesetzt. */ .admin-table__filter-dropdown { position: absolute; top: calc(100% + 0.5rem); left: 0; z-index: 20; /* Breit genug, dass die längste vorkommende Übersetzung der beiden Sortier-Buttons (z. B. Französisch "Trier par ordre décroissant") auf EINER Zeile Platz hat, siehe .admin-table__filter-sort unten - vorher waren die Popover mit max-width: 280px zu schmal dafür, wodurch die Button-Beschriftungen mitten im Wort umgebrochen sind und alles gequetscht wirkte. */ min-width: 260px; max-width: 320px; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15); padding: 0.75rem; text-transform: none; letter-spacing: normal; font-weight: 400; white-space: normal; } /* Die beiden Sortier-Buttons UNTEREINANDER statt nebeneinander - bei nebeneinander müssten beide zusammen in die Popover-Breite passen, was bei den längeren Übersetzungen (v. a. Französisch/Polnisch) selbst bei einem deutlich breiteren Popover eng würde. Volle Breite je Button ist zugleich eine größere, leichter treffbare Klickfläche. */ .admin-table__filter-sort { display: flex; flex-direction: column; gap: 0.35rem; margin-bottom: 0.6rem; } .admin-table__filter-sort .btn, .admin-table__filter-actions .btn { padding: 0.35rem 0.6rem; font-size: 0.8rem; margin-top: 0; white-space: nowrap; } .admin-table__filter-sort .btn { width: 100%; } .admin-table__filter-options { display: flex; flex-direction: column; gap: 0.35rem; max-height: 200px; overflow-y: auto; font-size: 0.85rem; margin-bottom: 0.6rem; } .admin-table__filter-options label { display: flex; align-items: center; gap: 0.4rem; font-weight: 400; cursor: pointer; } .admin-table__filter-options--dates label { align-items: flex-start; flex-direction: column; gap: 0.2rem; } .admin-table__filter-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.4rem; } /* Einfacher horizontaler Balken für die "Beliebteste Wunschziele"-Übersicht (admin.php) - Breite relativ zum Ziel mit den meisten Anmeldungen (100%), damit die Nachfrage auf einen Blick vergleichbar ist, ohne ein Chart-Skript einzubinden. Die tatsächliche Breite kommt NICHT aus einem inline style="width: ..."-Attribut - die strikte CSP (style-src 'self', kein unsafe-inline, siehe config.php) blockiert JEDES style=""-Attribut genauso wie ein

das erste Kind einer .card ist (z. B. jede der Content-Karten auf index.php) wird sein Standard-margin-top entfernt - analog zu h1 oben, gleicher Grund: die .card-Innenabstand (padding) sorgt bereits für Abstand zum Kartenrand, das zusätzliche Browser-Default- margin des

addierte sich sonst obendrauf und ließ jede Karte oben deutlich luftiger wirken als unten (Text "sackt" optisch nach unten). Bewusst NICHT als globale h2-Regel, da mehrere

INNERHALB einer einzigen .card (z. B. die nummerierten Abschnitte in agb.php/ datenschutz.php) den Standardabstand zum vorherigen Absatz brauchen, um sich optisch als neuer Abschnitt abzusetzen - dort ist das