/*menue css*/


@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@700&display=swap');

.lblbg {
    display: block;
    cursor: pointer;
    background: #5b8f3d;
    padding-top: 5px;
    color: white;
    text-shadow: 1px 2px black;
}

.container-accordion {
    position: relative;
    width: 300px;
}

    .container-accordion nav input {
        display: none;
    }

    .container-accordion nav ul {
        list-style-type: none;
        padding-left: 10px;
    }

        .container-accordion nav ul li {
            position: relative;
            font-size: 15px;
            line-height: 28px;
            text-indent: 5px;
            transition: .5s;
            cursor: pointer;
            font-weight: 700;
            color: black;
        }

            .container-accordion nav ul li label i {
                margin-right: 5px;
            }

            .container-accordion nav ul li ul li:first-child:before {
                /* content: '';
                position: absolute;
                top: 0px;
                left: 30px;
                border-right: 6px solid transparent;
                border-left: 6px solid transparent;
                border-top: 10px solid #2980b9;*/
            }

            .container-accordion nav ul li ul li:hover {
                /*  border-left: 3px solid #2980b9;*/
            }

            .container-accordion nav ul li label {
                display: block;
                cursor: pointer;
                background: #5b8f3d;
                padding-top: 5px;
                color: white;
                text-shadow: 1px 2px black;
            }

            .container-accordion nav ul li ul {
                list-style-type: none;
                transform: scaleY(0);
                transform-origin: top;
                transition: .7s;
            }

                .container-accordion nav ul li ul li {
                    display: none;
                }

                    .container-accordion nav ul li ul li a {
                        color: black;
                        text-decoration: none;
                        font-size: 12px;
                    }

            .container-accordion nav ul li #r1:checked ~ ul {
                transform: scaleY(1);
            }

            .container-accordion nav ul li #r2:checked ~ ul {
                transform: scaleY(1);
            }

            .container-accordion nav ul li #r3:checked ~ ul {
                transform: scaleY(1);
            }

            .container-accordion nav ul li #r4:checked ~ ul {
                transform: scaleY(1);
            }

            .container-accordion nav ul li #r1:checked ~ ul li {
                display: block;
            }

            .container-accordion nav ul li #r2:checked ~ ul li {
                display: block;
            }

            .container-accordion nav ul li #r3:checked ~ ul li {
                display: block;
            }

            .container-accordion nav ul li #r4:checked ~ ul li {
                display: block;
            }