.top-navigation-bar {background: #f5f6f8;}

/* Vytvorenie tmavej vrstvy nad obrázkom */

.carousel-inner .item a {
    position: relative;
    display: block;
}

.carousel-inner .item a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #140e1d75; 
    z-index: 1;
    transition: background-color 0.3s ease;
}

.carousel-inner .item .extended-banner-texts {
    z-index: 2; 
}