/* Desktop **************************************************************************+*/
@media (min-width: 60em) {


    div.klKasten {
        width: 10px;
        height: 10px;
        background-color: #a5a00e;
    }

    body {
        background-color: rgb(232, 230, 222);
        color: black;
    }

    .z_card_background_farbe1 {
        background: #631501;
        font-size: large;
        color: antiquewhite;
    }

    .z_card_background_blau1 {
        background-color: rgba(14, 137, 168, 0.575);
        font-size: large;
        color: antiquewhite;
    }

    .z_card_background_blau2 {
        background: #104685;
        color: antiquewhite;
        font-size: large;
    }

    .z_card_background_blau3 {
        background: #011730;
        color: antiquewhite;
        font-size: large;
    }

    .z_card_background_color_l {
        background-color: rgb(240, 245, 248);
        font-size: large;
    }

    .z_card_background_color_m {
        background-color: rgb(240, 245, 248);
        font-size: large;
    }

    .z_card_background_color_r {
        background-color: rgb(240, 245, 248);
        font-size: large;
    }

    li {
        font-family: Arial, Helvetica, sans-serif;
        color: #193555;
        font-size: medium;
    }


    h1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: xx-large;
        font-weight: normal;
        color: #193555;
    }

    h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: xx-large;
        font-weight: bold;
        color: #193555;
    }

    h5 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #193555;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .balkenl {
        width: auto;
        padding: 5px;
        background: #001124;
        border-radius: 1px;
    }

    .balkenm {
        width: auto;
        padding: 5px;
        background: #033369;
        border-radius: 1px;
    }

    .balkenr {
        width: auto;
        padding: 5px;
        background: #631501;
        border-radius: 1px;
    }
}


/* Mobile ********************************************************* */
@media (max-width: 60em) {

    .z_card_background_farbe1 {
        background: #631501;
        font-size: large;
        color: antiquewhite;
    }

    .z_card_background_blau1 {
        background-color: rgba(82, 157, 241, 0.575);
        font-size: large;
    }

    .z_card_background_blau2 {
        background-color: rgba(13, 112, 224, 0.575);
        font-size: large;
    }

    .z_card_background_blau3 {
        background-color: rgb(0, 113, 179);
        font-size: large;
    }

    .z_card_background_color_l {
        background-color: rgb(240, 245, 248);
        font-size: large;
    }

    .z_card_background_color_m {
        background-color: rgb(240, 245, 248);
        font-size: large;
    }

    .z_card_background_color_r {
        background-color: rgb(240, 245, 248);
        font-size: large;
    }

    h1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: x-large;
        font-weight: normal;
        color: #365679;
    }

    h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: x-large;
        font-weight: bold;
        color: #193555;
    }

    h3 {
        font-size: x-large;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #365679;
    }

    h4 {
        font-size: medium;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #365679;
    }

    h5 {
        font-size: medium;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #000000;
    }

    .balkenl {
        width: auto;
        padding: 5px;
        background: #006999;
        border-radius: 1px;
    }

    .balkenm {
        width: auto;
        padding: 5px;
        background: #024050;
        border-radius: 1px;
    }

    .balkenr {
        width: auto;
        padding: 5px;
        background: #193555;
        border-radius: 1px;
    }

}