:root {
    /*--background: #F2F4F8;*/
    --background: #ffffff;
    --background2: #F3F4F8;
    --border: #E4E4E4;
    --borderdark: #8f8f8f;
    --bordertoogle: #f1f1f1;
    --text: #393939;
    --iconbackg: #ffffff;
    --color: #fc7031;
}
.icon-index-logo {
    background: url('images/logo.png') no-repeat center;
    width: 170px;
    height: 44px;
    margin: -10px auto 0 auto;
}
.icon-menu-overview-bottom {
    background: url('images/svg/mb-overview.svg') no-repeat; 
    background-color: var(--background);
    background-position: right 50% top 50%;
}
.icon-menu-overview-bottom-active {
    background: url('images/svg/mb-overview_white.svg') no-repeat; 
    background-position: right 50% top 50%;
}
.icon-menu-map-bottom {
    background: url('images/svg/mb-map.svg') no-repeat;
    background-position: right 50% top 50%;
    background-color: var(--background);
}
.icon-menu-map-bottom-active {
    background: url('images/svg/mb-map_white.svg') no-repeat;
    background-position: right 50% top 50%;
}
.icon-menu-book-bottom {
    background: url('images/svg/mb-book.svg') no-repeat;
    background-position: right 50% top 50%;
    background-color: var(--background);
}
.icon-menu-book-bottom-active {
    background: url('images/svg/mb-book_white.svg') no-repeat;
    background-position: right 50% top 50%;
}
.icon-menu-home-bottom {
    background: url('images/svg/mb-home_black.svg') no-repeat;
    background-position: right 50% top 50%;
    background-color: var(--background);
}
.icon-menu-home-bottom-active {
    background: url('images/svg/mb-home_white.svg') no-repeat;
    background-size: 40px;
    background-position: right 50% top 50%;
}