footer {
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
}
footer .menu-horizontal {
flex-direction: row;
gap: 1rem;
align-items: center;
justify-content: center;
}
/*
* Bonsai Manager – Cassiopeia Extended Feinabstimmung
* Datei ablegen unter:
* media/templates/site/cassiopeia_extended/css/user.css
*
* Im Joomla Backend:
* System → Vorlagen → Site-Vorlagen →
* Cassiopeia Extended Details und Dateien →
* Ordner "css" → Neue Datei → user.css
*
* Diese Datei wird bei Joomla-Updates NICHT überschrieben.
* =========================================================
*/
/* ── Cassiopeia Standard-Variablen (Fallback) ─────────────── */
:root {
--cassiopeia-color-primary: #4a7c2f;
--cassiopeia-color-hover: #2d5016;
--cassiopeia-color-link: #4a7c2f;
}
/* ── Navigation: aktiver Menüpunkt ────────────────────────── */
.mod-menu .active > a,
.nav-item.active > .nav-link {
color: #2d5016;
font-weight: 700;
border-bottom: 2px solid #7fb069;
}
/* ── Header: Logo/Brand-Schrift ───────────────────────────── */
.site-name,
.navbar-brand {
font-family: Georgia, 'Times New Roman', serif;
font-weight: 700;
letter-spacing: -0.02em;
}
/* ── Card-Komponenten (Login, Module) ─────────────────────── */
.card {
border: 1px solid #d4e8c2;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(45,80,22,.08);
}
.card-header {
background-color: #4a7c2f;
color: #fff;
border-radius: 10px 10px 0 0 !important;
font-weight: 700;
}
/* ── Breadcrumb ───────────────────────────────────────────── */
.breadcrumb-item + .breadcrumb-item::before {
color: #7a7268;
}
.breadcrumb-item.active {
color: #2a2520;
}
/* ── Sekundär-Buttons ─────────────────────────────────────── */
.btn-secondary {
background-color: #fdfaf6;
color: #4a7c2f;
border: 2px solid #4a7c2f;
}
.btn-secondary:hover,
.btn-secondary:focus {
background-color: #f0f7eb;
color: #2d5016;
border-color: #2d5016;
}
/* ── Fokus-Indikator (WCAG 2.4.7) ─────────────────────────── */
:focus-visible {
outline: 3px solid #4a7c2f;
outline-offset: 2px;
}
/* ── Paginierung ──────────────────────────────────────────── */
.page-link {
color: #4a7c2f;
border-color: #d4e8c2;
}
.page-item.active .page-link {
background-color: #4a7c2f;
border-color: #4a7c2f;
}
.page-link:hover {
color: #2d5016;
background-color: #f0f7eb;
border-color: #7fb069;
}
/* ── Alerts & Meldungen ───────────────────────────────────── */
.alert-success {
background-color: #f0f7eb;
border-color: #7fb069;
color: #2d5016;
}
/* ── Tabellen ─────────────────────────────────────────────── */
.table thead th {
background-color: #2d5016;
color: #fff;
border-color: #4a7c2f;
}
.table tbody tr:hover {
background-color: #f0f7eb;
}
/* ── prefers-reduced-motion (WCAG 2.3.3) ─────────────────── */
@media (prefers-reduced-motion: reduce) {
* {
animation-duration: .01ms !important;
transition-duration: .01ms !important;
}
}