/* Gemeinsamer Markenblock für MDB5-Seiten ohne admin.css (z. B. Iframes).
   Inhalt identisch mit dem Block am Anfang von admin.css – Änderungen bitte in beiden Dateien. */

/* ==========================================================================
   BNI-Markenrichtlinien (Brand Standards Manual, Mai 2020)
   Farben: BNI-Rot #cf2030, Granite Grey #64666a, Sterling Grey #c8c8c8,
           Sterling Light Grey #f2f2f2, Weiß, Schwarz
   Schrift: Helvetica Neue, ersatzweise Arial
   Überschreibt das MDB5-Blau (#3b71ca / Info #54b4d3) und Roboto.
   ========================================================================== */
:root {
	--bni-rot: #cf2030;
	--bni-rot-rgb: 207, 32, 48;
	--bni-rot-dunkel: #a8192a;
	--bni-granite-grey: #64666a;
	--bni-granite-grey-rgb: 100, 102, 106;
	--bni-sterling-grey: #c8c8c8;
	--bni-sterling-light-grey: #f2f2f2;
	--bni-schrift: "Helvetica Neue", Helvetica, Arial, sans-serif;

	--mdb-primary: #cf2030;
	--mdb-primary-rgb: 207, 32, 48;
	--mdb-info: #64666a;
	--mdb-info-rgb: 100, 102, 106;
	--mdb-link-color: #cf2030;
	--mdb-link-color-rgb: 207, 32, 48;
	--mdb-link-hover-color: #a8192a;
	--mdb-link-hover-color-rgb: 168, 25, 42;
	--mdb-font-roboto: "Helvetica Neue", Helvetica, Arial, sans-serif;
	--mdb-body-font-family: var(--bni-schrift);
	--mdb-datepicker-toggle-focus-color: #cf2030;
}
body {
	font-family: var(--bni-schrift);
}

/* Hintergründe / Texte */
.bg-primary { background-color: rgba(var(--bni-rot-rgb), var(--mdb--bg-opacity, 1)); }
.bg-info { background-color: rgba(var(--bni-granite-grey-rgb), var(--mdb--bg-opacity, 1)); }
.text-bg-primary { background-color: rgba(var(--bni-rot-rgb), var(--mdb-bg-opacity, 1)) !important; color: #fff !important; }
.text-bg-info { background-color: rgba(var(--bni-granite-grey-rgb), var(--mdb-bg-opacity, 1)) !important; color: #fff !important; }
.link-primary { color: #cf2030 !important; }
.link-primary:focus, .link-primary:hover { color: #a8192a !important; }
.link-info { color: #64666a !important; }
.link-info:focus, .link-info:active, .link-info:hover { color: #cf2030 !important; }

/* Hinweise und Badges */
.alert-info { --mdb-alert-color: #64666a; --mdb-alert-bg: #f2f2f2; --mdb-alert-border-color: #c8c8c8; background-color: #f2f2f2; color: #64666a; }
.badge-info { background-color: #f2f2f2; color: #64666a; }
.badge-primary { background-color: #f2f2f2; color: #cf2030; }
.note-info { background-color: #f2f2f2; border-color: #64666a; }

/* Buttons */
.btn-primary {
	--mdb-btn-border-color: #cf2030; --mdb-btn-disabled-bg: #cf2030; --mdb-btn-disabled-border-color: #cf2030;
	--mdb-btn-box-shadow: 0 4px 9px -4px #cf2030;
	--mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(207,32,48,0.3), 0 4px 18px 0 rgba(207,32,48,0.2);
}
.btn-info {
	--mdb-btn-bg: #64666a; --mdb-btn-color: #fff; --mdb-btn-border-color: #64666a;
	--mdb-btn-hover-bg: #505256; --mdb-btn-hover-color: #fff; --mdb-btn-focus-bg: #505256; --mdb-btn-focus-color: #fff;
	--mdb-btn-active-bg: #46484b; --mdb-btn-active-color: #fff;
	--mdb-btn-disabled-bg: #64666a; --mdb-btn-disabled-border-color: #64666a;
	--mdb-btn-box-shadow: 0 4px 9px -4px #64666a;
	--mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(100,102,106,0.3), 0 4px 18px 0 rgba(100,102,106,0.2);
}
.btn-outline-primary {
	--mdb-btn-color: #cf2030; --mdb-btn-border-color: #cf2030;
	--mdb-btn-hover-color: #a8192a; --mdb-btn-hover-border-color: #a8192a; --mdb-btn-hover-bg: transparent;
	--mdb-btn-focus-color: #a8192a; --mdb-btn-focus-border-color: #a8192a; --mdb-btn-focus-shadow-rgb: 207,32,48;
	--mdb-btn-active-color: #a8192a; --mdb-btn-active-bg: transparent; --mdb-btn-active-border-color: #a8192a;
	--mdb-btn-disabled-color: #cf2030; --mdb-btn-disabled-border-color: #cf2030;
}
.btn-outline-info {
	--mdb-btn-color: #64666a; --mdb-btn-border-color: #64666a;
	--mdb-btn-hover-color: #46484b; --mdb-btn-hover-border-color: #46484b; --mdb-btn-hover-bg: transparent;
	--mdb-btn-focus-shadow-rgb: 100,102,106; --mdb-btn-active-bg: transparent; --mdb-btn-active-border-color: #46484b;
	--mdb-btn-disabled-color: #64666a; --mdb-btn-disabled-border-color: #64666a;
}
.btn-link, .btn-tertiary { --mdb-btn-color: #cf2030; --mdb-btn-hover-color: #a8192a; --mdb-btn-focus-color: #a8192a; --mdb-btn-active-color: #a8192a; }
.ripple-surface-primary .ripple-wave { background-image: radial-gradient(circle, rgba(207,32,48,.2) 0, rgba(207,32,48,.3) 40%, rgba(207,32,48,.4) 50%, rgba(207,32,48,.5) 60%, rgba(207,32,48,0) 70%); }
.ripple-surface-info .ripple-wave { background-image: radial-gradient(circle, rgba(100,102,106,.2) 0, rgba(100,102,106,.3) 40%, rgba(100,102,106,.4) 50%, rgba(100,102,106,.5) 60%, rgba(100,102,106,0) 70%); }

/* Formulare */
.form-control:focus, .form-select:focus, .input-group > .form-control:focus { border-color: #cf2030; box-shadow: inset 0 0 0 1px #cf2030; }
.form-outline .form-control:focus ~ .form-label { color: #cf2030; }
.form-outline .form-control:focus ~ .form-notch .form-notch-middle { border-color: #cf2030; box-shadow: 0 1px 0 0 #cf2030; }
.form-outline .form-control:focus ~ .form-notch .form-notch-leading { border-color: #cf2030; box-shadow: -1px 0 0 0 #cf2030, 0 1px 0 0 #cf2030, 0 -1px 0 0 #cf2030; }
.form-outline .form-control:focus ~ .form-notch .form-notch-trailing { border-color: #cf2030; box-shadow: 1px 0 0 0 #cf2030, 0 -1px 0 0 #cf2030, 0 1px 0 0 #cf2030; }
.form-outline, .select-wrapper {
	--mdb-form-outline-select-notch-border-color: #cf2030;
	--mdb-form-outline-select-label-color: #cf2030;
	--mdb-form-outline-select-clear-btn-focus-color: #cf2030;
	--mdb-form-outline-select-input-focused-arrow-color: #cf2030;
}
.autocomplete-label { --mdb-autocomplete-label-color: #cf2030; }
.form-check-input:focus { border-color: #cf2030; box-shadow: 0 0 0 .25rem rgba(207,32,48,.25); }
.form-check-input:checked, .form-check-input:checked:focus,
.form-check-input[type=checkbox]:checked, .form-check-input[type=checkbox]:checked:focus,
.form-check-input[type=checkbox]:indeterminate { background-color: #cf2030; border-color: #cf2030; }
.form-check-input:checked:focus:before, .form-check-input:indeterminate:focus:before { box-shadow: 0 0 0 13px #cf2030; }
.form-check-input[type=radio]:checked { background-color: #fff; }
.form-check-input[type=radio]:checked:after { border-color: #cf2030; background-color: #cf2030; }
.form-switch .form-check-input:checked:focus:before { box-shadow: 3px -1px 0 13px #cf2030; }
.form-switch .form-check-input:checked[type=checkbox]:after { background-color: #cf2030; }
.form-range::-webkit-slider-thumb { background-color: #cf2030; }
.form-range::-moz-range-thumb { background-color: #cf2030; }
.form-range:focus::-webkit-slider-thumb, .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(207,32,48,.25); }
.range { --mdb-range-thumb-background: #cf2030; }
.multi-range-slider { --mdb-multi-range-hand-bg: #cf2030; --mdb-multi-range-sliderhand-focus-box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(207,32,48,0.25); }
.multi-range-slider-tooltip { background-color: #cf2030; }
.btn-close:focus, .pagination { --mdb-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(207,32,48,0.25); }
.btn-close:focus { box-shadow: 0 0 0 .25rem rgba(207,32,48,.25); }

/* Navigation, Listen, Fortschritt */
.nav-tabs, .nav-tabs .nav-link { --mdb-nav-tabs-link-active-color: #cf2030; --mdb-nav-tabs-link-active-border-color: #cf2030; }
.nav-pills.menu-sidebar .nav-link.active, .nav-pills.menu-sidebar .show > .nav-link { --mdb-scrollspy-menu-sidebar-active-color: #cf2030; --mdb-scrollspy-menu-sidebar-active-border-color: #cf2030; }
.dropdown-menu, .dropdown-menu-dark { --mdb-dropdown-link-active-bg: #cf2030; }
.accordion { --mdb-accordion-btn-focus-border-color: #cf2030; --mdb-accordion-active-color: #cf2030; }
.progress { --mdb-progress-bar-bg: #cf2030; }
.sidenav { --mdb-sidenav-link-active-color: #cf2030; }
.sidenav-primary .sidenav-item .sidenav-link:hover, .sidenav-primary .sidenav-link:active, .sidenav-primary .sidenav-link:focus { background-color: rgba(207,32,48,.05); }
.sidenav-info .sidenav-item .sidenav-link:hover, .sidenav-info .sidenav-link:active, .sidenav-info .sidenav-link:focus { background-color: rgba(100,102,106,.05); }
.loading-spinner { --mdb-loading-spinner-color: #cf2030; }
.datatable.border-primary { --mdb-datatable-border-color: #cf2030; }
.datatable.border-info { --mdb-datatable-border-color: #64666a; }

/* Datums- und Zeitauswahl */
.datepicker-modal-container { --mdb-datepicker-header-background-color: #cf2030; --mdb-datepicker-footer-btn-color: #cf2030; }
.datepicker-main { --mdb-datepicker-cell-selected-background-color: #cf2030; --mdb-datepicker-cell-focused-selected-background-color: #cf2030; }
.timepicker-wrapper {
	--mdb-timepicker-head-bg: #cf2030; --mdb-timepicker-button-color: #cf2030; --mdb-timepicker-time-tips-inner-active-bg: #cf2030;
	--mdb-timepicker-item-middle-dot-bg: #cf2030; --mdb-timepicker-hand-pointer-bg: #cf2030; --mdb-timepicker-circle-border-color: #cf2030;
	--mdb-timepicker-input-color: #cf2030;
}
.timepicker-toggle-button { --mdb-timepicker-btn-icon-hover-color: #cf2030; --mdb-timepicker-btn-icon-focus-color: #cf2030; }
.buttons-container { --mdb-datetimepicker-buttons-container-background-color: #cf2030; }
/* ===================== Ende BNI-Markenrichtlinien ===================== */