.menuabstract {
    position: relative
}

@media(min-width:1200px) {
    .menuabstract {
        display: grid;
        grid-gap: 1.5rem;
        gap: 1.5rem;
        grid-template-columns: 1fr 2fr
    }

    .menuabstract__text {
        align-self: center
    }
}

@media(min-width:1780px) {
    .menuabstract__text {
        padding-right: calc(var(--container-width)/12 - .75rem)
    }
}

.menuabstract__swiper {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: 3rem;
    padding-bottom: 2rem;
    padding-left: .75rem;
    padding-right: .75rem
}

@media(min-width:576px) {
    .menuabstract__swiper {
        margin-left: calc((100vw - var(--container-width))/-2);
        margin-right: calc((100vw - var(--container-width))/-2);
        padding-left: calc((100vw - var(--container-width))/2);
        padding-right: calc((100vw - var(--container-width))/2)
    }
}

@media(min-width:992px) {
    .menuabstract__swiper {
        margin: 3rem 0 0;
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1200px) {
    .menuabstract__swiper {
        margin-top: 0
    }
}

.menuabstract__swiper>.container {
    position: relative
}

.menuabstract__swiper .swiper-wrapper {
    margin-bottom: 2rem
}

.menuabstract__item {
    display: flex;
    flex-direction: column
}

.menuabstract__item--linked:active img,
.menuabstract__item--linked:hover img {
    transform: scale(1.1)
}

.menuabstract__item__image {
    aspect-ratio: 11/5;
    background-color: #f8f8f8;
    margin-bottom: 1.25rem;
    overflow: hidden
}

.menuabstract__item__image img {
    aspect-ratio: 11/5;
    height: auto;
    transition: transform .3s ease-in-out;
    width: 100%
}

.menuabstract__item__headline {
    margin-bottom: 1.25rem;
    position: static
}

.menuabstract__item__headline a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.menuabstract__item__text>p {
    margin-bottom: 0
}