.bg-mirion {
    background-color: #df6a2e;
}

.bg-mirion-secondary {
    background-color: #e98a4c;
}

.color-mirion {
    color: rgb(235, 235, 235) !important;
}

.container-wide {
    max-width: 1600px;
}
.no-hover:hover {
    color: inherit;
    text-decoration: none;
}

/* Mirion Button */
.btn-mirion {
    color: #fff; /* Textfarbe */
    background-color: #df6a2e; /* Grundfarbe */
    border-color: #df6a2e;
    transition: background-color 0.2s, border-color 0.2s; /* sanfte Übergänge */
}

/* Hover & Focus */
.btn-mirion:hover,
.btn-mirion:focus {
    background-color: #c85a24; /* dunkler bei Hover/Focus */
    border-color: #c85a24;
    color: #fff;
    box-shadow: none; /* kein weißer Schatten */
}

/* Active / Gedrückt halten */
.btn-mirion:active,
.btn-mirion.active,
.btn-mirion:focus:active {
    background-color: #b24d1f; /* noch dunkler bei aktiv */
    border-color: #b24d1f;
    color: #fff;
    box-shadow: none; /* Standard Bootstrap-Shadow entfernen */
}

/* Disabled */
.btn-mirion:disabled,
.btn-mirion.disabled {
    background-color: #df6a2e;
    border-color: #df6a2e;
    opacity: 0.65;
    color: #fff;
}

/* .table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f2a16c;
} */

.btn-outline-secondary.btn-custom-white {
    background-color: white;
}

.btn-outline-secondary.btn-custom-white:hover {
    background-color: #6c757d;
}