@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');

#heading {
        background-color: #000000;
}

#heading .logo img {
        padding-top: 10px;
        height: 61px;
        width: 208px;
        background: black; /* Barva pozadí (bílá) */
        /*border-radius: 50%; !* Vytvoření kruhového rámečku *!*/
        overflow: hidden;
}

#heading  #heading-wrapper {
        background: none;
        background-color: #000000;
}

#sub-menu ul li a {
        padding: 13px 20px;
        transition: .4s;
        font-size: 14px;
        line-height: 20px;
        /*font-weight: 100;*/
        color: white;
        text-decoration: none;
        letter-spacing: .06em;
        text-transform: uppercase;
        font-weight: 400;
}

#sub-menu ul li a:hover {
        color: white;
        background-color: #08C24A;
}

#sub-menu ul li a.active {
        color: white;
}

:root {
        --headings-font-family: Roboto, sans-serif;
        --base-font-family: Roboto Slab, sans-serif;
        --primary-color-rgb: 177,96,41;
        --primary-color: #08C24A;
        --primary-color-hover: #61CE70;
        --primary-color-disabled: #7c7c7c;
        --secondary-color-rgb: #424242;
        --secondary-hover-color: #2c2c2c;
        --secondary-disabled-color: #7c7c7c;
        --button-help-color: #58b4e1;
        --button-help-color-hover: #58b4e1;
        --button-help-color-disabled: #58b4e1;
        --nav-menu-background-color: #000000;
        --nav-menu-background-color-highlight: #2c2c2c;
        --nav-menu-background-color-border: #000000;
        --footer-background-color: #000000;
        --footer-text-color: #ffffff;
        --footer-link-color: #ffffff;

        --header-button-background-color: #ffffff; /*stejná jako --login-background-color*/
        --header-button-text-color: #000000;
        --header-text-color: #000000; /*stejná jako --login-background-color*/
}

prvek {

}