@charset "UTF-8";
/*!
 * WUM Custom Styles – Bootstrap-Erweiterung
 * Datei: public/assets/bootstrap/css/WUM-Style.css
 *
 * =============================================================================
 * FARBSYSTEM – VORHER / NACHHER (Lesbarkeit Juli 2026)
 * =============================================================================
 *
 * Markenfarben (Logo: Blau/Gelb, unverändert):
 *   --wum-blue    #0d6efd   Seitenhintergrund
 *   --wum-yellow  #ffff00   Überschriften, Akzente
 *   --wum-green   #00ff00   Primär-Button-Hintergrund
 *   --wum-orange  #ffaa00   Formular-Hinweise
 *
 * VORHER (Probleme):
 *   • text-muted     Bootstrap-Grau (#6c757d) direkt auf Blau → Fußtext,
 *                    Begrüßung und Hinweise kaum erkennbar
 *   • lead           blasses Gelb, zu wenig Kontrast zur Begrüßung
 *   • btn-outline-*  Blaue/graue Ränder auf blauem Grund → Buttons „verschwinden“
 *   • alert-success a  Bootstrap-Blau auf Mintgrün → PDF-Link schwer lesbar
 *   • border-bottom  dunkle Linie unter „Willkommen“ wenig sichtbar
 *
 * NACHHER (Anpassungen):
 *   • text-muted     helles Gelb (#fff3b0) auf blauem Hintergrund;
 *                    in Tabellen (weißer Hintergrund) weiterhin Grau
 *   • lead           Weiß (#ffffff) für klare Begrüßung
 *   • btn-outline-primary/-secondary  gelb/weiß auf Blau; in Tabellen Bootstrap-Standard
 *   • alert a        dunkles Blau (#0a3d91) auf hellen Alert-Flächen
 *   • border-bottom  halbtransparentes Weiß unter Überschriften
 *
 * =============================================================================
 */

:root {
	--wum-blue: #0d6efd;
	--wum-yellow: #ffff00;
	--wum-yellow-soft: #fff3b0;
	--wum-green: #00ff00;
	--wum-orange: #ffaa00;
	--wum-white: #ffffff;
	--wum-link-on-light: #0a3d91;
	--wum-muted-on-white: #6c757d;
}

body {
	color: var(--wum-yellow);
	background-color: var(--wum-blue);
	padding-top: 0.5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-bottom: 20px;
	scroll-behavior: smooth;
}

/* Überschriften und Begrüßung */
h1, h2, h3, h4, h5, h6 {
	color: var(--wum-yellow);
}

h1.border-bottom,
h2.border-bottom,
.border-bottom.pb-2 {
	border-color: rgba(255, 255, 255, 0.5) !important;
}

.lead {
	color: var(--wum-white);
	font-weight: 400;
}

/* Hinweistext auf blauem Seitenhintergrund */
.text-muted {
	color: var(--wum-yellow-soft) !important;
}

/* In Tabellen (weißer Hintergrund) Bootstrap-Grau beibehalten */
.table .text-muted,
.table tr.text-muted,
.table tr.text-muted td {
	color: var(--wum-muted-on-white) !important;
}

.nav-item {
	font-size: x-large;
}

h1.navbar-brand i {
	vertical-align: -0.1em;
}

.navbar-nav .collapse > .nav-item {
	font-size: large;
}

.navbar-nav .collapse > .nav-item .nav-link {
	padding-top: 0.35rem;
	padding-bottom: 0.35rem;
}

.offcanvas-title,
.offcanvas h5 {
	color: var(--wum-blue);
}

.offcanvas .nav-link {
	color: var(--wum-blue);
}

.card {
	margin-left: 10px;
}

/*!
 * Footer
 */
.card-footer .card {
	background-color: #ffc107; /* fallback */
}

.card-footer.wum-footer-online .card {
	background-color: var(--wum-white);
}

.card-footer.wum-footer-offline .card {
	background-color: #ffd699; /* helleres Orange */
}

.navbar.wum-header-offline {
	background-color: #ffd699;
}

.navbar.wum-header-offline .navbar-brand,
.navbar.wum-header-offline h1.navbar-brand {
	color: #212529;
}

.card-footer .card-title,
.card-footer h1,
.card-footer .card-text {
	color: #212529;
}

.b-footer-divider {
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
	vertical-align: -.125em;
	fill: currentColor;
}

/*!
 * Formular
 */
.btn-primary {
	font-weight: bold;
	color: #0000ff;
	background-color: var(--wum-green);
	border-color: var(--wum-green);
}

.btn-primary:hover,
.btn-primary:focus {
	color: #0000ff;
	background-color: #00dd00;
	border-color: #00dd00;
}

/* Outline-Buttons auf blauem Hintergrund */
.btn-outline-primary {
	color: var(--wum-yellow);
	border-color: var(--wum-yellow);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
	color: var(--wum-blue);
	background-color: var(--wum-yellow);
	border-color: var(--wum-yellow);
}

.btn-outline-secondary {
	color: var(--wum-white);
	border-color: rgba(255, 255, 255, 0.8);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
	color: var(--wum-blue);
	background-color: var(--wum-white);
	border-color: var(--wum-white);
}

/* Outline-Buttons in Tabellen (weißer Hintergrund, z. B. PDF) */
.table .btn-outline-secondary {
	color: #6c757d;
	border-color: #6c757d;
	background-color: transparent;
}

.table .btn-outline-secondary:hover,
.table .btn-outline-secondary:focus {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.table .btn-outline-primary {
	color: var(--wum-blue);
	border-color: var(--wum-blue);
	background-color: transparent;
}

.table .btn-outline-primary:hover,
.table .btn-outline-primary:focus {
	color: #fff;
	background-color: var(--wum-blue);
	border-color: var(--wum-blue);
}

.form-text.text-muted {
	color: var(--wum-orange) !important;
}

/* Gelber Text (Labels, Hinweise, Outline-Buttons) auf dunklem Kasten, z. B. Datei-Import */
.wum-panel-dark {
	background-color: #343a40;
	border-color: rgba(255, 255, 255, 0.25);
}

.wum-panel-dark .text-success {
	color: #7dffb0 !important;
}

/* Links in hellen Alert-Boxen (z. B. PDF öffnen) */
.alert a:not(.btn) {
	color: var(--wum-link-on-light);
	font-weight: 600;
	text-decoration: underline;
}

.alert a:not(.btn):hover,
.alert a:not(.btn):focus {
	color: #052c65;
}