@media only screen and (max-width: 1100px) {    
    .custom-responsive-table table {
        width: 100%;
        margin-bottom: 1rem;
        color: #212529;
    }
    .custom-responsive-table table td {
        padding: 0.rem;
    }
    
    /*** Responsive Table styling for tbl_luftwerte ***/
    .custom-responsive-table table.tbl_luftwerte .data_normal,
    .custom-responsive-table table.tbl_luftwerte .data_warn,
    .custom-responsive-table table.tbl_luftwerte .data_alert,
    .custom-responsive-table table.tbl_luftwerte .data_none, 
    .custom-responsive-table table.tbl_luftwerte .data_work, 
    .custom-responsive-table table.tbl_luftwerte .data_a22 {
        width: 100%;
    }
    .custom-responsive-table table.tbl_luftwerte > tbody > tr > td {
        padding-left: 92%;
        text-align: left;
    }
    .custom-responsive-table table.tbl_luftwerte > tbody > tr > td:before {         
        width: 85%;
    }
    .custom-responsive-table table.tbl_balneability > tbody > tr > td:before {         
        width: 65%;
    }
}

@media only screen and (max-width: 1000px) {
    .custom-responsive-table table, 
    .custom-responsive-table thead, 
    .custom-responsive-table tbody, 
    .custom-responsive-table th, 
    .custom-responsive-table td, 
    .custom-responsive-table tr { 
        display: block; 
    }
    .custom-responsive-table table tbody tr:nth-of-type(odd) {
        background-color: rgba(0, 0, 0, 0);
    }

    .custom-responsive-table table caption {
        padding-left: 8px;
    }	 
    .custom-responsive-table thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }	 
    .custom-responsive-table tr { 
        border: 1px solid #ccc;
    }	 
    .custom-responsive-table td { 
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
    } 
    .custom-responsive-table table.tbl_luftwerte > tbody > tr > td {        
        padding-left: 91%;
    }
    .custom-responsive-table table.tbl_balneability > tbody > tr > td {        
        padding-left: 70%;
    }
    .custom-responsive-table td:before { 
        position: absolute;
        white-space: nowrap;
        text-align:left;
        text-wrap: auto;
        width: 45%;
        background-color: white;
        top: 0;
        left: 0;
        bottom: 0;
        margin: 0px;
        padding: 7px;
        border-right: 1px solid #cdcfd5;

    }	 
    .custom-responsive-table td:before { content: attr(data-title); }
    .custom-responsive-table td.avg7,
    .custom-responsive-table td.family {
        text-align: center!important;
    }
    .custom-responsive-table td.family {
        font-weight: bold;
        overflow-wrap: break-word;
    }
}
@media only screen and (max-width: 800px) {    
    .custom-responsive-table table.tbl_luftwerte > tbody > tr > td {        
        min-height: 60px;
    }
    .custom-responsive-table table.tbl_balneability > tbody > tr > td {        
        min-height: 60px;
    }
}
@media only screen and (max-width: 350px) {    
    .custom-responsive-table table.tbl_luftwerte > tbody > tr > td {
        min-height: 80px;
    }
    .custom-responsive-table table.tbl_balneability > tbody > tr > td {
        min-height: 80px;
    }
}