/* PopIn Responsive Table */
@media (max-width: 768px) {
    #articlesTable,
    #articlesTable thead,
    #articlesTable tbody,
    #articlesTable th,
    #articlesTable td,
    #articlesTable tr {
        display: block;
    }

        #articlesTable thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        #articlesTable tr {
            margin: 0 0 1rem 0;
            border: 1px solid #ddd;
            padding: .5rem;
            border-radius: .25rem;
        }

        #articlesTable td {
            position: relative;
            padding-left: 50%;
            text-align: left;
            border: none;
            border-bottom: 1px solid #eee;
        }

            #articlesTable td:before {
                position: absolute;
                top: .5rem;
                left: .5rem;
                width: 45%;
                white-space: nowrap;
                font-weight: 600;
                content: attr(data-label);
            }

            #articlesTable td:last-child {
                border-bottom: none;
            }
}

/* Kompakte Tabelle auf sehr kleinen Geräten */
@media (max-width: 576px) {
    .table-sm td, .table-sm th {
        padding: .25rem .3rem;
        font-size: .75rem;
    }
}