.drag-scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    cursor: grab;
    -webkit-overflow-scrolling: touch;
    /* Browser nicht horizontal pan-nen lassen, das übernehmen wir */
    touch-action: pan-y;
}

    .drag-scroll.dragging {
        cursor: grabbing;
        user-select: none;
        -webkit-user-select: none;
    }

    /* WICHTIG: touch-action vererbt nicht -> auf interaktive Kinder anwenden */
    .drag-scroll button,
    .drag-scroll [role="button"],
    .drag-scroll a,
    .drag-scroll img {
        touch-action: pan-y; /* horizontal übernimmt JS */
        -webkit-user-drag: none; /* verhindert Ghost-Drag von Bildern */
        user-select: none;
    }