.hoou-event-cards-wrapper{
    padding:3px;
}

body .hoou-event-cards-wrapper .hoou-course-content-block {
    max-width: 768px;
}

@media screen and (max-width: 1300px) {

    .hoou-event-cards-wrapper .hoou-course-image-block{
        padding:0;
    }

    .hoou-event-cards-wrapper .hoou-course-card{
        margin: 0 0;
    }

}

@media screen and (min-width: 769px) {
    body:not(.menuVisible) {
        .hoou-event-cards-wrapper .hoou-course-cards {
            display: flex;
            margin: 10px 0 10px 10px;
        }
    
        .hoou-event-cards-wrapper .hoou-course-card {
            display: flex;
        }
    
        .hoou-event-cards-wrapper .hoou-course-content-block {
            margin: 30px 0;
        }
    
        .hoou-event-cards-wrapper div.hoou-course-image-block {
            margin: 30px;
            padding: 0;
            width: 500px;
        }
    
        .hoou-event-cards-wrapper .hoou-course-image-block img {
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            border-radius: 5px;
            margin: 0 0 auto 0; /*Ohne auto sind die Bildecken nicht rund*/
        }

        .hoou-event-cards-wrapper .hoou-course-content-block {
            width: 100%;
            height: 100%;
            padding-left: 0;
        }
    
        .hoou-event-cards-wrapper .hoou-course-content-block > div {
            padding-left: 0;
        }
    
        .hoou-event-cards-wrapper .hoou-course-card-header {
            padding-top: 0;
        }
    }
}

@media screen and (min-width: 1100px) {

    .hoou-event-cards-wrapper .hoou-course-cards {
        display: flex;
        margin: 10px 0px 10px 10px;
    }

    .hoou-event-cards-wrapper .hoou-course-card {
        display: flex;
    }

    .hoou-event-cards-wrapper .hoou-course-content-block {
        margin: 30px 0;
    }

    .hoou-event-cards-wrapper div.hoou-course-image-block {
        margin: 30px;
        padding: 0;
        width: 500px;
    }

    .hoou-event-cards-wrapper .hoou-course-image-block img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        border-radius: 5px;
        margin: 0 0 auto 0; /*Ohne auto sind die Bildecken nicht rund*/
    }

    .hoou-event-cards-wrapper .hoou-course-content-block {
        width: 100%;
        height: 100%;
        padding-left: 0;
    }

    .hoou-event-cards-wrapper .hoou-course-content-block > div {
        padding-left: 0;
    }

    .hoou-event-cards-wrapper .hoou-course-card-header {
        padding-top: 0;
    }
}

.hoou-event-cards-wrapper .hoou-course-title {

    margin-top: 13px !important;
}

.hoou-event-cards-wrapper .hoou-course-card-body, .hoou-event-cards-wrapper .hoou-course-card-body p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

.hoou-event-cards-wrapper .hoou-course-card-outlink {
    justify-content: left;
}