.unset {
    all: unset;
}

footer {
    /* padding-bottom: 25px; */
    /* background-color: var(--bs-primary); */
}

.no-underline {
    text-decoration: none;
}

.shadow-border {
    box-shadow: 0px 0px 10px #575757;
}

/* input[type="text"]:not(:disabled),
input[type="password"]:not(:disabled),
input[type="email"]:not(:disabled),
input[type="number"]:not(:disabled),
input[type="tel"]:not(:disabled),
input[type="url"]:not(:disabled),
input[type="search"]:not(:disabled),
input[type="date"]:not(:disabled),
input[type="time"]:not(:disabled),
input[type="datetime-local"]:not(:disabled),
input[type="month"]:not(:disabled),
input[type="week"]:not(:disabled),
input[type="color"]:not(:disabled),
input[type="range"]:not(:disabled),
input[type="checkbox"]:not(:disabled),
input[type="radio"]:not(:disabled),
input[type="submit"]:not(:disabled),
textarea:not(:disabled),
select:not(:disabled),
.datalistInputBox :not(.disabled) {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.015) !important;
} */

/* input[type="button"]:not(:disabled) {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.015) !important;
    background-image: var(--bs-gradient) !important;
}

button:not(.btn-close):not(.btn-link):not(.no-shadow),
a.btn {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.03) !important;
    background-image: var(--bs-gradient) !important;
} */

/* Mobile Ansicht */
@media (max-width: 992px) {
    .navbar-nav {
        flex-direction: row;
        /* Auch auf mobilen Geräten horizontal ausrichten */
        flex-wrap: wrap;
        /* Wenn nötig, auf die nächste Zeile umbrechen */
        justify-content: center;
        /* Zentriere die Items */
    }

    .nav-item {
        flex: 1 0 auto;
        /* Lasse die Items sich gleichmäßig verteilen */
        text-align: center;
        /* Zentriere den Text */
        margin-right: 1em;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.active-nav-item {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
    border-radius: 5px;
}

[data-mdb-theme="dark"] .btn-outline-primary {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none;
}

.cursor-pointer {
    cursor: pointer;
    /* Make the mouse pointer change to a pointer */
}

@media (min-width: 1200px) {
    .custom-col-xl-1-5 {
        flex: 0 0 12.5%;
        /* 1.5 von 12 Spalten sind 12.5% */
        max-width: 12.5%;
    }
}

@media (min-width: 1200px) {
    .custom-col-xl-2-5 {
        flex: 0 0 20.8%;
        /* 1.5 von 12 Spalten sind 12.5% */
        max-width: 20.8%;
    }
}

[data-mdb-theme="dark"] .nav-pills .nav-link {
    color: var(--bs-white);
}

[data-mdb-theme="dark"] .nav-pills .nav-link.active {
    color: var(--bs-white);
}

.nav-pills .nav-link.active {
    background-color: var(--bs-primary-bg-subtle);
    color: var(--bs-dark);
}

.disabled-style {
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}

.default-bs-input-field-height {
    height: 2.25rem;
}

.green {
    color: green;
}

.red {
    color: red;
}

.shake {
    animation: shake 0.5s;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(5px);
    }

    75% {
        transform: translateX(-5px);
    }

    100% {
        transform: translateX(0);
    }
}

.circle {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    color: white;
}

@media (min-width: 1200px) {
    .circle {
        width: 75px;
        height: 75px;
        font-size: 3em;
    }
}

.fa-ul {
    list-style-type: none;
    /* Remove default bullets */
    /* padding-left: 1.5em; */
    /* Adjust as needed */
}

.fa-ul>li {
    position: relative;
    margin-bottom: 0.5em;
    /* Adjust this value for desired spacing */
}

.fa-ul>li::before {
    content: "\f00d";
    /* Unicode for the xmark icon */
    font-family: "Font Awesome 5 Free";
    /* Ensure the correct font family */
    display: inline-block;
    margin-left: -1.5em;
    /* Adjust to match the padding */
    width: 1.5em;
    /* Adjust to match the padding */
    font-weight: 900;
    /* Ensure the icon is solid (Font Awesome 5 Free) */
    color: #dc3545;
    /* Customize the icon color (red in this case) */
}

.custom-bg-light-subtle {
    background-color: #FBFBFB !important;
}

[data-mdb-theme="dark"] .custom-bg-light-subtle {
    background-color: #2B3035 !important;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hide default number input arrows */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide default number input arrows */
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

body {
    background-color: #F2F2F2 !important;
}

[data-mdb-theme="dark"] body {
    /* background-color: #303030 !important; */
    /* alternative */
    background-color: #1A1A1A !important;
}

.text-white-dark-hover {
    color: white !important;
}

.text-white-dark-hover:hover {
    color: var(--mdb-dark) !important;
}

[data-mdb-theme="dark"] .text-white-dark-hover:hover {
    color: var(--mdb-light) !important;
}

[data-mdb-theme="dark"] .btn-tertiary {
    color: var(--mdb-light) !important;
}

[data-mdb-theme="dark"] .page-item.active .page-link {
    background-color: var(--mdb-secondary) !important;
}

.input-four-digits {
    width: 7ch;
}

.btn.btn-primary {
    color: var(--mdb-dark) !important;
}

/* Default: Hide mobile logo on larger screens and show desktop logo */
.logo-mobile {
    display: none;
}

.logo-desktop {
    display: block;
}

/* Media query for screens smaller than 768px (mobile) */
@media (max-width: 768px) {
    .logo-mobile {
        display: block;
    }

    .logo-desktop {
        display: none;
    }
}

.stepper-active .stepper-head-icon {
    background-color: var(--mdb-primary) !important;
    color: var(--mdb-dark) !important;
}

[data-mdb-theme="dark"] .stepper-active .stepper-head-icon {
    background-color: var(--mdb-light) !important;
}

.bg-backend-nav {
    background-color: var(--mdb-dark);
    color: var(--mdb-light) !important;
}

.no-after::after {
    content: none !important;
}

.redf {
    color: red;
}


/* Animation: Leuchten */
@keyframes glowEffect {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0px rgba(40, 167, 69, 0);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 10px var(--mdb-primary);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0px rgba(40, 167, 69, 0);
    }
}


/* Effekt-Klassen */
.input-glow {
    animation: glowEffect 0.6s ease-out;
}

input:-webkit-autofill {
    -webkit-text-fill-color: black !important;
    /* Schrift bleibt lesbar */
    transition: background-color 100000s ease-in-out 0s !important;
}

.disabled-link {
    pointer-events: none;
    color: gray;
    text-decoration: none;
}

h1 {
    font-size: 2rem !important;
}

/* Media query for screens smaller than 768px (mobile) */
@media (max-width: 768px) {
    h1 {
        font-size: 1.5rem !important;
    }
}