:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #c20334;
    --secondary: #cfcfcf;
    --success: #c20334;
    --info: #36a3f7;
    --warning: #ffb848;
    --danger: #dd0025;
    --light: #f8f9fa;
    --dark: #333;
    --skin-evewa: #2f2f2f;
    --skin-evewa-font: #eaeaea;
    --skin-evewa-font-active: #ffffff;
    --skin-evewa-font-hover: #ffffff;
    --skin-evewa-font-head: #909FAC;
    --skin-evewa-font-head-hover: #363636;
    --skin-evewa-font-head-active: #363636;

    --skin-evewa-bg: #212121;
    --skin-evewa-bg-active: #c22941;
    --skin-evewa-bg-hover: #363636;
    --skin-evewa-hover: #333;
    --skin-evewa-block-bg: #FFFFFF;

    --focus: #9816f4;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Poppins, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    --btn_success_hover: #d23047;
    --btn_success_border: #bf2740;

    --btn_primary_hover: #bf2740;
    --btn_priamry_border: #bf2740;

    --btn_secondary_hover: #d4d8e3;
    --btn_secondary_border: #d4d8e3;

    --btn_info_hover: #1192f6;
    --btn_info_border: #1192f6;

    --btn_warning_hover: #fbaa00;
    --btn_warning_border: #fbaa00;

    --btn_danger_hover: #f22d4e;
    --btn_danger_border: #f22d4e;

    --btn_light_hover: #e2e6ea;
    --btn_light_border: #e2e6ea;

    --btn_dark_hover: #23272b;
    --btn_dark_border: #23272b;

    --btn_focus_hover: #840ad9;
    --btn_focus_border: #840ad9;

    /* EIN99102: Klick-/Fokus-Zustand der Buttons (DVTA Rot 3 / Rot 4) */
    --btn_active: #99003d;
    --btn_active_border: #700328;
    --btn_focus_shadow: rgba(194, 3, 52, .5);
    --btn_air_shadow: rgba(194, 3, 52, .36);
}

/* EIN99102: Core setzt fuer :active/:focus feste Bootstrap-Farben (gruen/blau/lila) - auf DVTA-Rot umstellen */
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.btn-brand:not(:disabled):not(.disabled).active,
.btn-brand:not(:disabled):not(.disabled):active,
.show > .btn-brand.dropdown-toggle {
    color: #fff;
    background-color: var(--btn_active);
    border-color: var(--btn_active_border);
}

.btn-brand:hover {
    color: #fff;
    background-color: var(--btn_primary_hover);
    border-color: var(--btn_priamry_border);
}

.btn.focus,
.btn:focus,
.btn-success.focus,
.btn-success:focus,
.btn-primary.focus,
.btn-primary:focus,
.btn-brand.focus,
.btn-brand:focus,
.btn-outline-success.focus,
.btn-outline-success:focus,
.btn-outline-primary.focus,
.btn-outline-primary:focus,
.btn-outline-brand.focus,
.btn-outline-brand:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-brand:not(:disabled):not(.disabled).active:focus,
.btn-brand:not(:disabled):not(.disabled):active:focus,
.show > .btn-brand.dropdown-toggle:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-success.dropdown-toggle:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus,
.btn-outline-brand:not(:disabled):not(.disabled).active:focus,
.btn-outline-brand:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-brand.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem var(--btn_focus_shadow);
    box-shadow: 0 0 0 .2rem var(--btn_focus_shadow);
}

.btn-success.m-btn--air.focus,
.btn-success.m-btn--air:focus,
.btn-success.m-btn--air:hover,
.btn-outline-success.m-btn--air.focus,
.btn-outline-success.m-btn--air:focus,
.btn-outline-success.m-btn--air:hover,
.btn-primary.m-btn--air.focus,
.btn-primary.m-btn--air:focus,
.btn-primary.m-btn--air:hover,
.btn-outline-primary.m-btn--air.focus,
.btn-outline-primary.m-btn--air:focus,
.btn-outline-primary.m-btn--air:hover,
.btn-brand.m-btn--air.focus,
.btn-brand.m-btn--air:focus,
.btn-brand.m-btn--air:hover,
.btn-outline-brand.m-btn--air.focus,
.btn-outline-brand.m-btn--air:focus,
.btn-outline-brand.m-btn--air:hover {
    -webkit-box-shadow: 0 5px 10px 2px var(--btn_air_shadow) !important;
    box-shadow: 0 5px 10px 2px var(--btn_air_shadow) !important;
}

.btn.green.active,
.btn.green.disabled,
.btn.green:active,
.btn.green:focus,
.btn.green:hover,
.btn.green[disabled] {
    background-color: var(--btn_success_hover) !important;
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover,
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: var(--btn_active) !important;
}