@media only screen and (max-width: 550px) {

    #div_bruecken table,
    #div_bruecken thead,
    #div_bruecken tbody,
    #div_bruecken th,
    #div_bruecken td,
    #div_bruecken tr {
        display: block;
    }

    div.table_header {
        display: block;
    }

    #div_bruecken thead tr :not(.table_header) {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #div_bruecken tr {
        border-top: 1px dotted #004052;
        border-collapse: collapse;
    }

    #div_bruecken td {
        border: none;
        position: relative;
        padding-left: 140px;
        width: calc(100% - 160px);
    }

        #div_bruecken td.no_value {
            display: none;
        }


        #div_bruecken td:before {
            position: absolute;
            top: 1px;
            left: 1px;
            /* TODO use accurat bold for all captions ? */
            /*font-family: 'Akkurat-Bold', Arial, sans-serif;*/
            content: attr(data-caption);
        }

    td.bridge_riverkm, td.bridge_max_verclr, td.bridge_measuretime {
        text-align: left;
    }
}