/*******************************************************************************
* Ablauf Listing
*******************************************************************************/

.ablauf_listing .item {
    position: relative;
    padding-top: 16.6667%;
    padding-bottom: 16.6667%;
}

.ablauf_listing .item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 33.3333%;
    aspect-ratio: 1.5 / 1;
    transform: translate(-50%, -50%) rotate(0deg);
    background: url(../img/arrow.svg) no-repeat center center;
    background-size: contain;
    z-index: 2;
    pointer-events: none;
}

@media print, screen and (min-width: 64em) {
    .ablauf_listing .item {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 5.5555%;
        padding-right: 5.5555%;
    }

    .ablauf_listing .item:not(:last-child)::after {
        top: 50%;
        left: 100%;
        transform: translate(-50%, -50%) rotate(-90deg);
    }
}