a {
    color: #f2c839;
}

a:hover {
    color: #222222;
}

.pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span:hover, .pagination > .active > span:focus {
    border-color: #f2c839;
    background-color: #f2c839;
}

.pagination > .active > a, .pagination > .active > span {
    border-color: #f2c839;
    background-color: #f2c839;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span {
    color: #222222;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #f2c839;
}

.offcanvas-menu .offcanvas-inner ul.menu > li li a {
    color: #222222;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
    color: #f2c839;
}

.logo-image {
    margin-top: 45px;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li:hover > a {
    color: #222222;
}

.sp-megamenu-parent > li:hover, .sp-megamenu-parent > li.active, .sp-megamenu-parent > li.active:hover {
    color: #222222;
    background: #f2c839;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #000000;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: #000000;
}

.sp-megamenu-parent > li:last-child > a {
    padding: 0px 15px 0px 15px;
}

.sp-megamenu-parent {
    margin-top: -50px;
}

ul.social-icons > li {
    display: flex;
    line-height: 80px;
    margin-top: -50px;
}

#sp-menu ul.social-icons a, .social-icon-komoot {
    color: #f2c839;
    font-size: 20px;
}

#sp-menu ul.social-icons a:hover {
    color: #000000;
}

.social-icon-komoot svg:hover {
    fill: #000000;
}

/*
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    line-height: normal;
}

.sp-megamenu-parent > li {

    line-height: 80px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    line-height: normal;
    vertical-align: bottom;
    margin-bottom: 15px;
}*/

ul.social-icons {
    display: flex;
}

@media (max-width: 575px) {
    #sp-header {
        height: 60px;
    }
}

@media (max-width: 991px) {

    .logo-image {
        margin-top: 40px;
        height: 80px !important;
    }

    .social-wrap.align-items-center {
        align-items: baseline !important;
    }

    .burger-icon {
        width: 25px;
        cursor: pointer;
        margin-top: -50px;
    }

    .offcanvas-active .burger-icon {
        margin-top: 0;
    }

    .menu-with-social {
        margin-top: 15px;
    }

}