:root {
    --background: #f8f8f8;
    --border: #E4E4E4;
    --borderdark: #8f8f8f;
    --bordertoogle: #f1f1f1;
    --text: #333333;
    --iconbackg: #ffffff;
    --color: orange;
}
.icon-index-logo {
    background: url('images/svg/logo_black.svg') no-repeat center;
    width: 170px;
    height: 44px;
    margin: -10px auto 0 auto;
}
.icon-index-logomin {
    background: url('images/svg/logomin.svg') no-repeat center;
    width: 170px;
    height: 44px;
    margin: auto;
}
.icon-menu-overview-bottom {
    background: url('images/svg/m-overview.svg') no-repeat; 
    background-color: var(--background);
    background-position: right 50% top 50%;
    background-size: 23px 23px;
}
.icon-menu-overview-bottom-active {
    background: url('images/svg/m-overview_white.svg') no-repeat; 
    background-position: right 50% top 50%;
    background-size: 28px 28px;
}
.icon-menu-map-bottom {
    background: url('images/svg/m-map.svg') no-repeat;
    background-size: 23px 23px;
    background-position: right 50% top 50%;
    background-color: var(--background);
}
.icon-menu-map-bottom-active {
    background: url('images/svg/m-map_white.svg') no-repeat;
    background-size: 28px 28px;
    background-position: right 50% top 50%;
}
.icon-menu-book-bottom {
    background: url('images/svg/m-book.svg') no-repeat;
    background-size: 23px 23px;
    background-position: right 50% top 50%;
    background-color: var(--background);
}
.icon-menu-book-bottom-active {
    background: url('images/svg/m-book_white.svg') no-repeat;
    background-size: 28px 28px;
    background-position: right 50% top 50%;
}
.icon-menu-home-bottom {
    background: url('images/svg/m-home_black.svg') no-repeat;
    background-size: 23px 23px;
    background-position: right 50% top 50%;
    background-color: var(--background);
}
.icon-menu-home-bottom-active {
    background: url('images/svg/m-home_white.svg') no-repeat;
    background-size: 28px 28px;
    background-position: right 50% top 50%;
}