/* Tabelle responsiv machen - keine Angaben zu font-size in Pixeln ! */

body {
    font-size: 1.00em;
}

table {
    /*border: 1px solid red;
    width: 100%;
    padding: 15px;
    background-color: greenyellow;
    */
    
}

tr {
    /*padding: 10px;*/
    /*background-color: lightpink;*/
}

td {
    /*border: 1px solid blue;*/
}

.meincontainer {
    background-color: lightgray;
    width: 80%;
}

iframe {
    background-color: transparent;
    border: none;
    width: 100%;
    height: 100%;
}

.rahmen {
    background-color: transparent;
    width: 100%;
}

img {
    max-width: 100%;
    height: auto;
}



@media only screen and (max-width: 700px) {
    table {
            /*width: 100%;
            margin: 0;
            border: none;
*/
    }
    td {
            hyphens: auto;
    }
    table a {
            white-space: normal;
            hyphens: none;
    }

    body {
        font-size: 1.00em;
    }    

    
    iframe {
        background-color: transparent;
        border: none;
        width: 100%;
    }
    
    .rahmen {
        background-color: transparent;
        width: 100%;
    }
    
    
        
    .Vorschau_Rubrik{
        /*font-size: 1.2em;*/

    }

}

@media only screen and (max-width: 400px) {
    tr, th, td {
            display: block;
    }

    tr {
            /*padding: 1em;*/
            border-top: 0 none;
    }

    th {
            padding: 0;
    }

    td {
            /*padding: 1em 0 0;*/
    }
    
    body {
        font-size: 1.00em;
    }    

    iframe {
        background-color: transparent;
        border: none;
        width: 100%;
    }
    
    .rahmen {
        background-color: transparent;
        width: 100%;
    }
    
        
    .Vorschau_Datum,
    .Vorschau_Rubrik{
        /*font-size: 1.4em;*/

    }
}