::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background-color: darkred;
}

::-webkit-scrollbar-thumb {
    background-color: red;
    border-radius: 1px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: indianred;
}


.nlink {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    transition: all;
    animation-delay: inherit;
}

.nlink:hover {
    opacity: 55%;
}

.card {
    background: transparent!important;
    border-radius: 0px!important;
    border-style: solid!important;
    border-color: rgba(0, 0, 0, 0.45) !important;
    border-width: 5px!important;
}

.hovering{
    transition: all;
    transition-delay: 75ms;
    cursor: pointer;
    fill: #A4A4A4!important;
}
.hovering-active{
    fill: #28be46 !important;
}
.hovering:hover{
    opacity: 65%;

}

.booked {
    fill: red!important;
    cursor: not-allowed;
    opacity: 45%;
}

.hov {
    transition: all;
    transition-delay: 100ms;
    cursor: pointer;
}

.hov:hover {
    opacity: 75%;
}

.navlink {
    position: relative;
    text-decoration: none;
    border-radius: 25px;
    transition: 0.3s;
}

.navlink:hover {
    color: #ea1f0c !important;
}


/* Dunkelrotes Design */
.nav-pills .nav-link {
    background-color: #300000;
    color: #FFF!important;
    border: none;
    padding: 10px 20px;
    margin-right: 4px!important;
    border-radius: 0;
    font-weight: 700;
    font-size: 16px;
}

/* Aktives Element */
.nav-pills .nav-link.active {
    background-color: rgba(255, 0, 25, 0.91) !important; /* Helleres Rot für aktives Element */
}

/* Ändert die Farbe beim Überfahren mit der Maus */
.nav-pills .nav-link:hover {
    background-color: #dc3545; /* Helleres Rot beim Überfahren */
    color: #FFF!important;
}

.nav-fill .nav-item, .nav-fill>.nav-link  {
    margin: 3px!important;
}

.cardHover {
    cursor: pointer;
    transition: all;
    animation-delay: 175ms;
}

.cardHover:hover {
    opacity: 75%;
}