:root {
    --background: #f8f8f8;
    --border: #E4E4E4; 
    --borderdark: #0071A9;
    --bordertoogle: #f1f1f1;
    --text:  #2EB0E7;
    --iconbackg: #ffffff;
    --color: orange;
}
.icon-index-logo {
    background: url('images/svg/carlokator_logo_blue.svg') no-repeat center;
    width: 170px;
    height: 44px;
    background-size: 70px;
    margin: -10px auto 0 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_blue.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%;
}