@media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : landscape) , only screen and (max-width: 1024px) {

    .imagegrid_zug {
        grid-template-columns: repeat(4, 1fr);
    }

    .buttonarea_grid {
        grid-template-columns: repeat(4, 1fr);
    }

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1100px)
and (orientation : portrait) , only screen and (max-width: 1100px) {

    #navigation .navigator {
        grid-template-columns: repeat(7, 1fr);
    }

    .buttonarea_grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .button_grid {
        grid-template-columns: repeat(4, 1fr);
    }


    .cardgrid_images .cardgrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cardgrid_artikel .cardgrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cardgrid_fahrzeuge .cardgrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cardgrid_haendler .cardgrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cardgrid_user .cardgrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cardgrid_stammdaten .cardgrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cardgrid_ticket .cardgrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .card_artikel div.bemerkung,
    .card_fahrzeug div.bemerkung,
    .card_haendler div.bemerkung,
    .card_stammdaten div.bemerkung {
        text-align: left;
        margin-top: .5rem;

        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;

        @supports (-webkit-line-clamp: 2) {
            white-space: initial;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            max-height: min-content;
        }
    }

    .sortable {
        max-width: 90%;
        min-width: 30rem;
    }

    .imagegrid_zug {
        grid-template-columns: repeat(3, 1fr);
    }

    .filter_form_grid .third {
        grid-column-end: span 2;
    }
}