/* Desktop- und Tablet-Darstellung */
@media only screen and (min-width: 768px) {
    .eoeventscontainer .mobile-view {
        display: none;
    }
    .eoeventscontainer table {
        width: 100%;
        border-collapse: collapse;
    }
    .eoeventscontainer table td, .eoeventscontainer table th {
        padding: 10px;
        border: 1px solid #ddd;
            vertical-align: middle;
    }
    .eoeventscontainer table th {
        background-color: #f4f4f4;
            vertical-align: middle;
    }
    .eoeventscontainer .badge-cell {
        position: relative;
        padding-right: 50px;
    }
    .eoeventscontainer .tablebadge {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        padding-top: 5px;
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 5px;
        border-radius: 5px;
        color: white;
        font-weight: bold;
        background-color: #5bc0de;
        text-align: center;
    }
}

/* Mobile Darstellung */
@media only screen and (max-width: 767px) {
    .eoeventscontainer .table-view {
        display: none;
    }
    .eoeventscontainer .mobile-view {
        display: block;
    }
    .eoeventscontainer .mobile-view .event-item {
        padding-top: 25px;
        padding-bottom: 25px;
        border-bottom: 3px solid #A02032;
    }
    .eoeventscontainer .mobile-view .event-item h3 {
        font-weight: bold;
    }
    .eoeventscontainer .mobile-view .event-item .event-detail {
        margin-bottom: 5px;
    }
    .eoeventscontainer .mobile-badge {
        padding: 5px;
        border-radius: 5px;
        margin-top: 10px;
        text-align: center;
    }
}