/* ==========================================================================
   Einheitlicher Stil für alle Seiten – wird nach css/main.css geladen.
   Bewusst zurückhaltend: Farben, Rundungen, Schrift. Keine Layout-Änderungen.
   ========================================================================== */
:root { --ue-gruen: #198754; --ue-gruen-dunkel: #146c43; --ue-gruen-hell: #e9f6ef; --ue-rand: #e3efe8; --ue-grau: #6c757d; }

/* Überschriften */
h1 { font-weight: 800; letter-spacing: -.01em; font-size: clamp(1.6rem, 1.25rem + 1.4vw, 2.3rem); margin-top: .75rem; margin-bottom: .6rem; }
h2, h3 { font-weight: 700; }

/* Akkordeons (Grammatik-Seiten) */
.accordion { --bs-accordion-border-color: var(--ue-rand); --bs-accordion-border-radius: 14px; --bs-accordion-inner-border-radius: 13px;
             --bs-accordion-btn-focus-box-shadow: 0 0 0 .2rem rgba(25,135,84,.18); margin-bottom: 1.5rem; }
.accordion-button.custom-success { background-color: #fff; color: var(--ue-gruen); font-weight: 700; }
.accordion-button.custom-success:not(.collapsed) { background-color: var(--ue-gruen-hell); color: var(--ue-gruen-dunkel); box-shadow: inset 0 -1px 0 var(--ue-rand); }
.accordion-body { background-color: #fff; color: #212529; line-height: 1.6; }

/* Karten */
.card { border-color: var(--ue-rand); border-radius: 16px; }

/* Tabellen */
.table > thead th { font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; color: var(--ue-grau); font-weight: 600; }

/* Formulare und Knöpfe */
.form-control, .form-select { border-radius: 10px; }
.form-control:focus, .form-select:focus { border-color: #8fd1ae; box-shadow: 0 0 0 .2rem rgba(25,135,84,.15); }
.btn { border-radius: 10px; }
.btn-success { background-color: var(--ue-gruen); border-color: var(--ue-gruen); }
.btn-success:hover, .btn-success:focus { background-color: var(--ue-gruen-dunkel); border-color: var(--ue-gruen-dunkel); }

/* Eigene Anpassungen, die früher direkt in css/styles.css (Bootstrap-Kopie) standen */
body { padding-top: 70px; } /* Platz für die feste Navigationsleiste */
.page-link { color: #000; }
.page-item.active .page-link { background-color: #28a745; border-color: #0d6efd; }