.slide-menu {
    top: 0;
    z-index: 2147483648;
    padding-left: 100px;
    width: 850px;
    max-width: 100vw;
    overflow: hidden;
}
 a.topmenuitemtel{
    display: none!important;
}
@media screen and (min-width: 768px) {
    .slide-menu {
        height: 99%!important;
    }
}

.slide-menu ul>li{
    font-family: Usual, Helvetica Neue, Arial, sans-serif;
    font-size: 1.4em;

}
.slide-menu ul>li.pom-sub{
    font-family: Usual, Helvetica Neue, Arial, sans-serif;
    font-size: 0.9em;
    font-weight: 100;
}

.slide-menu ul>li:first-child{
    font-size: 1.5em;
    font-family: Museo_Slab, Usual, Helvetica Neue, sans-serif;
    padding-bottom: 125px;
}

.slide-menu:before {
    content: '';
    position: absolute;
    background: #dd3d43;
    width: 100px;
    height: 500px;
    bottom: 0;
    margin-left: -100px;
    z-index: 200000000;
}
.slide-menu>div {
    background-color: #dd3d43;
    display: grid;
    height: 100vh;
    grid-template-columns: 1fr 1fr;
    padding: 15px 50px 0 70px;
}
.slide-menu, .slide-menu a {
    color: #fff
}

.slide-menu a {
    padding: 1.4rem 1.5rem;
    text-decoration: none;
    white-space: nowrap;
}
.slide-menu .pom-sub a {
    padding: 0.7rem 1.5rem;
}

.slide-menu a:hover {
    background-color: #dd3d43
}

.slide-menu .controls {
    display: flex;
    margin-bottom: 1rem
}

.slide-menu .btn {
    padding: .75rem 1.5rem;
    flex: 1 0 auto;
    font-size: 90%;
    color: #fff;
    background-color: #dd3d43;
    text-transform: uppercase
}

.slide-menu .btn:first-of-type {
    text-align: left
}

.slide-menu .btn:first-of-type:before {
    content: "⮜";
    margin-right: .5rem
}

.slide-menu .btn:last-of-type {
    text-align: right
}

.slide-menu .btn:last-of-type:before {
    content: "✕";
    margin-right: .5rem
}

.slide-menu .slide-menu__backlink {
    text-transform: uppercase
}

.slide-menu button.header__hamburger {
    position: absolute;
    top: 0;
    right: 0;
    width: 58px;
}
