*{
    padding: 0;
    margin: 0;
}body{
    position: relative;
}
.menu-telephone{

    position: absolute;
    top: 0;
    left: -100%;
    opacity: 0;
    z-index: 10;
    transition: all .5s ease;
    width: 100%;
    height: 100%;
    background: rgba(26, 26, 26, .8);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: flex-start;
}.menu-telephone.active{

    left: 0;
    opacity: 1;
}

#close-menu-mobile{
    outline: none;
    border: none;
    border-radius: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 1em;
    background: #ad2927;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 2em;
    margin-top: 1em;
}#close-menu-mobile .fa{
    color: #f2f2f2;
    font-size: 1.5em;
}


.menu-telephone ul{
    width: 300px;
    height: max-content;
    background: #fff;
    list-style: none;
    box-shadow: 0 2px 6px rgb(0 0 0 / 10%);
}.menu-telephone li{
    width: 100%;
    height: 100%;
    display: block;
}.menu-telephone a{
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 1.2em 0;
    padding-left: 20px;
    text-decoration: none;

    font-size: 14px;
    color: rgb(51,51,51);
    font-family: var(--police-menu);
    font-weight: 400;
    line-height: 14.4px;
    letter-spacing: .6px;
    text-transform: capitalize;
    border-bottom: 1px solid #e4e1e1;
}.menu-telephone .niveau-1 ul{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}.menu-telephone .niveau-2 a{
    padding-left: 40px;
    width: 100%;
    background: rgba(0,0,0, .03);
}.menu-telephone .niveau-3 a{
    padding-left: 60px;
    width: 100%;
    background: rgba(0,0,0, .05);
}.menu-telephone .niveau-2 ul{
    display: none;
}/* .menu-telephone .niveau-2:hover ul{
    display:  flex;
} */.menu-telephone .niveau-1 ul{
    display: none;
}/* .menu-telephone .niveau-1:hover > ul{
    display:  flex;
} */.menu-telephone .fa-angle-right{
    font-size: 15px;
    margin-right: 10px;
}.menu-telephone .fa-plus{
    font-size: 12px;
    margin-left: 10px;
}
.menu-telephone .niveau-2 label,
.menu-telephone .niveau-1 label{
    position: relative;
    display: inline-block;
    width: 10px;
    vertical-align: text-top;
}.niveau-2 label i,
.niveau-2 label input,
.niveau-1 label i,
.niveau-1 label input{
    position: absolute;
    top: 3px;
    left: 0;
}.niveau-2 label input,
.niveau-1 label input{
    display: none;
}