table.GridEventListe {
    /*color: #000099;*/
}



#Gride_Feld_Block_1 {
    width: 350px;
}

#Gride_Feld_Block_2 {
    width: 250px;
}



.Event_Bild {
    width: 350px;
    height: auto;
    margin: 5px 50px 5px 0px;
}

.Gride_Felder_0,
.Gride_Felder_1,
.Gride_Felder_2,
.Gride_Felder_3 {
    font-family: Verdana, Arial, Helvetica;
    font-size: 1.2em;
    /*white-space: nowrap;*/
    width: 350px;
}

.Gride_Felder_4,
.Gride_Felder_5,
.Gride_Felder_6,
.Gride_Felder_7 {
    font-family: Verdana, Arial, Helvetica;
    font-size: 1.2em;
    white-space: nowrap;
    width: 250px;
}

.Gride_Felder_1 {
    font-size: 1.5em;
    font-weight: bold;
    color: green;
}


.event_grid_buch_btn_1,
.event_grid_buch_btn_2 {
    font-size: 1.1em;
    color: cadetblue;
    padding: 5px 10px;
    margin-left: 50px;
    width: 120px;
}



.event_grid_Feld_index {
    color: white;
}




@media (max-width:1200px) {
    .Event_Bild {
        width: 300px;
        height: auto;
        margin: 5px 50px 5px 0px;
    }

    #Gride_Feld_Block_1 {
        width: 250px;
    }

    #Gride_Feld_Block_2 {
        width: 200px;
    }

    .Gride_Felder_0,
    .Gride_Felder_1,
    .Gride_Felder_2,
    .Gride_Felder_3 {
        width: 250px;
        font-size: 1.0em;
    }

    .Gride_Felder_4,
    .Gride_Felder_5,
    .Gride_Felder_6,
    .Gride_Felder_7 {
        width: 200px;
        font-size: 1.0em;
    }

    .event_grid_buch_btn_1,
    .event_grid_buch_btn_2 {
        width: 120px;
        font-size: 1.0em;
    }
}


@media (max-width:992px) {
    .Event_Bild {
        width: 250px;
        height: auto;
        margin: 5px 40px 5px 0px;
    }

    #Gride_Feld_Block_1 {
        width: 200px;
    }

    #Gride_Feld_Block_2 {
        width: 180px;
    }

    .Gride_Felder_0,
    .Gride_Felder_1,
    .Gride_Felder_2,
    .Gride_Felder_3 {
        width: 200px;
        font-size: 1.0em;
    }

    .Gride_Felder_4,
    .Gride_Felder_5,
    .Gride_Felder_6,
    .Gride_Felder_7 {
        width: 180px;
        font-size: 1.0em;
    }


    .event_grid_buch_btn_1,
    .event_grid_buch_btn_2 {
        width: 100px;
        font-size: 1.0em;
        padding: 5px;
    }
}


@media (max-width: 768px) {
    .Event_Bild {
        width: 200px;
        height: auto;
        margin: 5px 40px 5px 0px;
    }

    #Gride_Feld_Block_1 {
        width: 180px;
    }

    #Gride_Feld_Block_2 {
        width: 150px;
    }

    .Gride_Felder_0,
    .Gride_Felder_1,
    .Gride_Felder_2,
    .Gride_Felder_3 {
        width: 180px;
        font-size: 0.9em;
    }

    .Gride_Felder_4,
    .Gride_Felder_5,
    .Gride_Felder_6,
    .Gride_Felder_7 {
        width: 150px;
        font-size: 0.9em;
    }

    .event_grid_buch_btn_1,
    .event_grid_buch_btn_2 {
        width: 80px;
        font-size: 0.9em;
        padding: 5px;
    }
}


@media (max-width:576px) {

    .Event_Bild {
        width: 180px;
        height: auto;
        margin: 5px 30px 5px 0px;
    }

    #Gride_Feld_Block_1 {
        width: 180px;
    }

    #Gride_Feld_Block_2 {
        width: 150px;
    }

    .Gride_Felder_0,
    .Gride_Felder_1,
    .Gride_Felder_2,
    .Gride_Felder_3 {
        width: 180px;
        font-size: 0.9em;
    }

    .Gride_Felder_4,
    .Gride_Felder_5,
    .Gride_Felder_6,
    .Gride_Felder_7 {
        width: 150px;
        font-size: 0.9em;
    }

    .event_grid_buch_btn_1,
    .event_grid_buch_btn_2 {
        width: 80px;
        font-size: 0.9em;
        padding: 5px;
    }
}