body.container>header {
    padding-left: 1.225rem;
    padding-right: 1.225rem;
}

header {
    position: sticky;
    top: 0;
    margin-top: 0;
    width: 100%;
    font-size: clamp(0.825rem, 2.5vw, .925rem);
    background: var(--header);
    z-index: 3;
}

header.fix {
    box-shadow: 0 5px 15px rgba(50, 50, 50, .1);
}



/* logo */
#top .brands {
    gap: 2rem;
    align-items: center;
    max-width: 920px;
}

#top .navbar-brand {
    display: inline-block;
    /* width: 100%; */
}

#top .navbar-brand svg,
#top .navbar-brand img,
.logo svg {
    object-fit: cover;
    max-width: 100%;
    color: var(--color2);
    width: 100%
}


/* Header TOP */
#top {
    padding: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 2000px;
    margin: 0 auto;
}

#navigation {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

#navigation>*:not(.menu-top) {
    margin-left: 1rem;
}

@media (max-width: 992px) {
    #navigation {
        width: initial;
    }

}



/* start Toogle */



body #toggle {
    display: none;
}

@media (max-width: 1200px) {

    body.navi #toggle {
        display: block;
    }

    button#toggle {
        background-color: var(--white);
        width: 3.3125rem;
        height: 3.3125rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
    }
}

/* end Toogle */



/* dodatki */
a.search-link {
    display: inline-block;
    background-color: var(--bkg3);
    width: 3.3125rem;
    height: 3.3125rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

a.search-link i {
    font-size: 1.625rem;
}

button#wcag-link {
    position: fixed;
    right: 0;
    top: 1px;
    background-color: var(--bkg5);
    color: white;
    width: 3.3125rem;
    min-width: 3.3125rem;
    height: 3.3125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}

button#wcag-link i {
    font-size: 1.625rem;
}

@media (max-width: 1200px) {}


/* pokrywka menu */
#toggle-menu-input {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}