:root {
    --bs-blue: #003d8e;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #ae1824;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #003d8e;
    --bs-secondary: #798594;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #ae1824;
    --bs-light: #f2f6fb;
    --bs-dark: #091320;
    --bs-primary-rgb: 0, 61, 142;
    --bs-secondary-rgb: 121, 133, 148;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 174, 24, 36;
    --bs-light-rgb: 242, 246, 251;
    --bs-dark-rgb: 9, 19, 32;
    --bs-primary-text-emphasis: #001839;
    --bs-secondary-text-emphasis: #30353b;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #460a0e;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #ccd8e8;
    --bs-secondary-bg-subtle: #e4e7ea;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #efd1d3;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #99b1d2;
    --bs-secondary-border-subtle: #c9ced4;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #dfa3a7;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #003d8e;
    --bs-link-color-rgb: 0, 61, 142;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #003172;
    --bs-link-hover-color-rgb: 0, 49, 114;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 8px;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(0, 61, 142, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #ae1824;
    --bs-form-invalid-border-color: #ae1824;
    --bs-btn-color: #fff;
    --bs-btn-bg: #003d8e;
    --bs-btn-border-color: #003d8e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #003479;
    --bs-btn-hover-border-color: #003172;
    --bs-btn-focus-shadow-rgb: 38, 90, 159;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #003172;
    --bs-btn-active-border-color: #002e6b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #003d8e;
    --bs-btn-disabled-border-color: #003d8e;
}

body {
    background: var(--bs-light);
}

#b_login_form_logo {
    background-image: url('logo-shw-mailarchiv.png');
    width: 86%;
    margin: 20px 7%;
}

#header_logo {
    width: 150px;
    height: auto;
}

/* Anpassen der Farben */

/* Farbe für Buttons (nicht hervorgehoben, Standard: Dunkleres Rot) */
.form_button_big {
    background: var(--bs-primary);
}

.input_button {
    background: var(--bs-primary);
}

.label_active {
    background: var(--bs-primary);
}

.ui-widget-header {
    background: var(--bs-primary) !important;
}

a.mail_content_button {
    background: var(--bs-primary);
}

a.modal_button {
    background: var(--bs-primary);
}

/* Farbe für Hervorhebungen (Hover-Effekt für Buttons etc., Standard: Helleres Rot) */
.no-touchevents .input_button:hover {
    background: var(--bs-btn-hover-bg);
}

.no-touchevents a.mail_content_button:hover {
    background: var(--bs-btn-hover-bg);
}

.no-touchevents #EMail_Attachments a:hover {
    background: var(--bs-btn-hover-bg);
}

.no-touchevents a.modal_button:hover {
    background: var(--bs-btn-hover-bg);
}

.no-touchevents .form_button_big:hover {
    background: var(--bs-btn-hover-bg);
}

.form_notification {
    background: #FE8300;
}

table.jCalendar th {
    background: #FE8300;
}

table.jCalendar td.today {
    background: #FE8300;
}

table.jCalendar td.selected {
    background: #FE8300;
}

div.dp-popup a:hover {
    color: #FE8300;
}

/* Schriftfarbe des Login-Buttons (Standard: Sehr helles Rot) */
.form_button_big {
    color: white;
}

#panel {
    background: #fff;
}

.input_text {
    box-shadow: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.search_load a,
a.mail_content_button {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
    --bs-btn-font-family: ;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.search_load {
    border: none;
    display: flex;
}

.search_load a {
    width: 100%;
}

.no-touchevents .search_load a:hover {
    background: var(--bs-btn-hover-bg);
}

.stage_head.mail_content_head {
    display: flex;
}

.stage_head_overview_title {
    align-self: center;
}

#mail_content_head_panel {
    margin-left: auto;
}

#header_user_panel {
    background: var(--bs-primary);
}

#header_user_panel a {
    color: #fff;
}

.no-touchevents #header_user_panel a:hover {
    color: rgba(255,255,255,0.75) !important;
}


.search_button {
    border-left-color: #fff;
}

.three_buttons .search_reset {
    border-top-color: #fff;
}

.input_label {
    color: var(--bs-secondary);
}

hr.ex_search_hr {
    background-color: var(--bs-gray-300);
}

.min_mail.active, .no-touchevents .min_mail.active:hover {
    background: var(--bs-primary-bg-subtle);
    border: 2px solid var(--bs-primary-border-subtle);
}

.min_mail.active .min_mail_date span,
.min_mail.active .min_mail_text span {
    color: var(--bs-primary) !important;
}

#header_user_panel a#header_user_panel_info {
    border-right: 1px solid rgba(255,255,255,0.75);
    border-left: 1px solid rgba(255,255,255,0.75);
}

#header_user_panel a#header_user_panel_usersettings {
    border-color: rgba(255,255,255,0.75);
}