/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

/*
 * Gay-Box Basiskorrektur:
 * Header und Footer wieder dunkel, ohne das übrige Theme breit umzubauen.
 */
#header-top-bar,
header,
header .dropdown-menu,
header .nav-right .dropdown-menu,
header .form-control,
header .form-control:focus {
    background-color: #111111;
    color: #f5f5f5;
}

#header-top-bar,
header {
    box-shadow: none;
}

#header-top-bar a,
header a,
header .navbar-light .navbar-nav .nav-link,
header .navbar-light .navbar-brand,
header .navbar-light .navbar-text,
header .navbar-light .navbar-text a,
header .navbar-toggler {
    color: #f5f5f5;
}

header .navbar-light .navbar-nav .show > .nav-link,
header .navbar-light .navbar-nav .active > .nav-link,
header .navbar-light .navbar-nav .nav-link.show,
header .navbar-light .navbar-nav .nav-link.active,
#header-top-bar a:hover:not(.dropdown-item):not(.btn),
header a:hover:not(.dropdown-item):not(.btn),
header .navbar-light .navbar-nav .nav-link:hover,
header .navbar-light .navbar-nav .nav-link:focus {
    color: #f8bf00;
}

header .navbar-light .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.2);
}

header #burger-menu.navbar-toggler,
header .nav-mobile-header-toggler .navbar-toggler {
    color: #f5f5f5;
    background: transparent;
    border: 0;
    box-shadow: none;
}

header #burger-menu .navbar-toggler-icon,
header .nav-mobile-header-toggler .navbar-toggler-icon {
    background-image: none !important;
    background-color: currentColor;
}

header #burger-menu .navbar-toggler-icon::before,
header #burger-menu .navbar-toggler-icon::after,
header .nav-mobile-header-toggler .navbar-toggler-icon::before,
header .nav-mobile-header-toggler .navbar-toggler-icon::after {
    background-color: currentColor;
}

header .form-control,
header .form-control:focus {
    border-color: rgba(255, 255, 255, 0.2);
}

header .navbar-nav > .nav-item > .nav-link::before {
    border-color: #f8bf00;
}

.toggler-logo-wrapper {
    float: left;
}

header .nav-scrollbar-arrow {
    color: #f5f5f5;
}

header .nav-scrollbar-arrow.left {
    background-image: linear-gradient(to right, #111111 35%, rgba(17, 17, 17, 0.01) 100%);
    background-repeat: repeat-x;
}

header .nav-scrollbar-arrow.right {
    background-image: linear-gradient(to right, rgba(17, 17, 17, 0.01) 0%, #111111 65%);
    background-repeat: repeat-x;
}

header .nav-scrollbar-arrow:hover,
header .nav-scrollbar-arrow:focus {
    color: #f8bf00;
}

@media (max-width: 991.98px) {
    .toggler-logo-wrapper {
        position: absolute;
    }

    .toggler-logo-wrapper .logo-wrapper,
    .toggler-logo-wrapper .burger-menu-wrapper {
        float: left;
    }

    .toggler-logo-wrapper .burger-menu-wrapper {
        padding-top: 1rem;
    }

    header .navbar-collapse,
    header .navbar-collapse.show,
    header .navbar-collapse.collapsing,
    header .nav-mobile-header,
    header .nav-mobile-body,
    header .nav-mobile-header > .row,
    header .nav-mobile-body .navbar-nav,
    header .nav-mobile-body .dropdown-menu,
    header .nav-mobile-body .dropdown-body,
    header .nav-mobile-body .subcategory-wrapper,
    header .nav-mobile-body .categories-recursive-dropdown,
    header .nav-mobile-body .nav-link,
    header .nav-mobile-body .dropdown-toggle,
    header .nav-mobile-body [data-toggle="collapse"]:not(.navbar-toggler),
    header .nav-mobile-header [data-menu-back] {
        background: #111111 !important;
        box-shadow: none !important;
    }

    header .nav-mobile-header,
    header .nav-mobile-body,
    header .nav-mobile-body .nav-link,
    header .nav-mobile-body .dropdown-toggle,
    header .nav-mobile-body [data-toggle="collapse"]:not(.navbar-toggler),
    header .nav-mobile-body .nav-mobile-heading,
    header .nav-mobile-body .text-truncate,
    header .nav-offcanvas-title,
    header .nav-mobile-header [data-menu-back],
    header .nav-mobile-header [data-menu-back] span,
    header .nav-mobile-header .navbar-toggler,
    header .nav-mobile-header .navbar-toggler-icon,
    header .nav-mobile-header .navbar-toggler-icon::before,
    header .nav-mobile-header .navbar-toggler-icon::after {
        color: #f5f5f5 !important;
    }

    header .nav-mobile-header .navbar-toggler-icon,
    header .nav-mobile-header .navbar-toggler-icon::before,
    header .nav-mobile-header .navbar-toggler-icon::after {
        background-color: currentColor !important;
    }

    header .nav-mobile-body .dropdown-toggle::after,
    header .nav-mobile-body [data-toggle="collapse"]:not(.navbar-toggler)::after,
    header .nav-mobile-header [data-menu-back] .fas {
        background: transparent !important;
        box-shadow: none !important;
        color: #f5f5f5 !important;
    }

    header .nav-mobile-header .nav-mobile-header-hr,
    header .nav-mobile-body .nav-link,
    header .nav-mobile-body .dropdown-toggle,
    header .nav-mobile-body [data-toggle="collapse"]:not(.navbar-toggler) {
        border-color: rgba(255, 255, 255, 0.08) !important;
    }

    header .nav-mobile-body .nav-link:hover,
    header .nav-mobile-body .nav-link:focus,
    header .nav-mobile-body .dropdown-toggle:hover,
    header .nav-mobile-body .dropdown-toggle:focus,
    header .nav-mobile-body [data-toggle="collapse"]:not(.navbar-toggler):hover,
    header .nav-mobile-body [data-toggle="collapse"]:not(.navbar-toggler):focus,
    header .nav-mobile-header [data-menu-back]:hover,
    header .nav-mobile-header [data-menu-back]:focus {
        color: #f8bf00 !important;
    }
}

.slick-arrow {
    background-color: #888888;
}

.slick-arrow:hover,
.slick-arrow:focus {
    background-color: #b90000;
    color: #b90000;
}

#footer {
    background-color: #111111;
    color: #f5f5f5;
}

#footer .card,
#footer .list-group-item,
#footer .box,
#footer #footer-boxes .card {
    background: transparent;
}

#footer,
#footer .card .card-title,
#footer .productlist-filter-headline,
#footer .nav-link,
#footer .box-normal-link,
#footer .box-normal-link .text-truncate,
#footer .footer-additional-wrapper,
#footer .footer-additional-wrapper a,
#footer small,
#footer li,
#footer p,
#footer span {
    color: #f5f5f5;
}

#footer .nav-link:hover,
#footer .nav-link:focus,
#footer .box-normal-link:hover,
#footer .box-normal-link:focus,
#footer a:hover,
#footer a:focus {
    color: #f8bf00;
}

#footer .productlist-filter-headline {
    border-bottom-color: rgba(255, 255, 255, 0.18);
}

#footer .box-normal-hr {
    border-top-color: rgba(255, 255, 255, 0.12);
}

#footer #copyright {
    background-color: #000000;
    color: #f5f5f5;
}