/* ============================================================
   Ratgeber-Theme (für die von Lorenz gelieferten Bootstrap-Templates).
   Ticket #179 (Rework): Artikel-Seiten hell im Stadlholz-Design —
   gleiches Erscheinungsbild wie die Kategorie-Übersichten (statt des
   früheren dunklen Themes). Weiße Inline-Farben der Vorlagen werden
   serverseitig entfernt (Ratgeber::show()).
   ============================================================ */

.bg-top { display: none; }

/* Bootstrap-Grid der Artikel gegen das globale .row-Formularraster (app.css) schützen */
.master-body .row { display: flex; flex-wrap: wrap; gap: 0; }
.master-body .row > * { min-width: 0; }

.master-body {
    background: transparent;
    color: var(--text, #151a22);
    padding: 6px 0 48px;
}
.master-body .container { max-width: 960px; }
.master-body h1, .master-body h2, .master-body h3, .master-body h4 { color: var(--green, #216e34); max-width: none; }
.master-body h1 { font-size: clamp(28px, 3.4vw, 40px); }
.master-body p, .master-body li { line-height: 1.75; }
.master-body .text-white { color: #2b333c !important; }
.master-body .text-muted { color: var(--muted, #5f6672) !important; }
.master-body strong { color: #111820; }

.master-body a { color: var(--green, #216e34); }
.master-body a:hover { color: var(--green-primary, #014c27); }

/* Buttons in Artikeln — heller Pill-Stil wie überall (Ticket #182) */
.master-body .btn,
.master-body .btn-outline-light,
.master-body .btn-outline-dark {
    display: inline-flex; align-items: center; gap: 8px;
    border: 1.5px solid var(--green, #216e34); color: var(--green, #216e34); background: #fff;
    border-radius: 999px; padding: 9px 18px; font-weight: 700; text-decoration: none; min-height: auto;
}
.master-body .btn:hover,
.master-body .btn-outline-light:hover,
.master-body .btn-outline-dark:hover { background: var(--green, #216e34); color: #fff; }

.master-body img {
    border-radius: 14px; height: auto;
    border: 1px solid var(--line, #dfe4ea) !important;
    box-shadow: 0 10px 26px rgba(17, 24, 32, .10);
    background: #fff;
}
.master-body .rounded { border-radius: 14px !important; }

.fade-hr { border: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(1, 76, 39, .28), transparent); margin: 26px 0; }

/* Karten innerhalb der Artikel im hellen Kartenstil */
.master-body .card { background: #fff; border: 1px solid var(--line, #dfe4ea); color: var(--text, #151a22); border-radius: 12px; box-shadow: 0 8px 25px rgba(17, 24, 32, .04); }
.master-body .card .card-title, .master-body .card h2, .master-body .card h3 { color: var(--green, #216e34); }
.master-body .badge { background: var(--green, #216e34); color: #fff; }