/* Eventbooking Eventübersicht - Begin */
.flex-container {
    width: 100vw;
    flex-wrap: wrap;
}

.flex-item {
    width: 30%;
    margin: 2% 0 2% 0;
}

.control-label label {
    display: -webkit-flex;
}

#eb-location-wrap {
    padding-left: 53px;
}

#eb-events .uk-card-title a {
    color: #903!important;
    font-size: 20px!important;
}
#eb-events .uk-card-title {
    line-height: 0.9!important;
    margin-top: 8px!important;
}
#eb-events .uk-card .uk-card-header {
    line-height: 1.1!important;
}

/* Responsive Anpassungen - Beginn */
@media (max-width: 480px) {
    .flex-item {
        width: 70%;
        margin: auto;
    }
}

@media (max-width: 768px) {
    .flex-item {
        width: 80%;
        margin: auto;
    }

    .eb-search-container {
        flex-direction: column;
    }

    #module-402 {
        position: relative;
    }

    #ebm-upcoming-events-description {
        position: relative;
        margin-top: -4%;
    }
}

@media (max-width: 1024px) {
    .flex-item {
        width: 80%;
        margin: auto;
    }

    .uk-card {
        margin-top: 5%;
    }
}

/* Responsive Anpassungen - Ende */
/* Eventbooking Eventübersicht - Ende */

/* Eventbooking - Event Detail Page */

#eb-event-page .eb-page-heading {
    color: #903;
}

/* Event Detail img with text */
.event-image-right {
    box-sizing: content-box;
    width: 50%;
    float: right;
    height: auto;
    padding-left: 10px;
    margin-top: 5px;
}

.event-image-left {
    width: 50%;
    height: auto;
}

.event-description-right {
    width: 45%;
}

.eb-event-info {
    margin-top: 30px;
}

/* Speaker */
.eb-speaker {
    display: flex;
    margin-top: 10px;
}

.eb-speaker-name {
    margin-top: 65px;
}

.eb-speaker-avatar {
    flex-basis: 120px;
}

.eb-speaker-details {
    padding-left: 10px;
}

.eb-plugin-speakers {
    display: none;
}

/* Module Einführungsseminare */
@media (min-width: 769px)  and (max-width: 959px) {
    #ebm-upcoming-events-description {
        position: absolute;
        top: 2%;
    }
}
@media (min-width: 960px) and (max-width: 1250px)   {
    #ebm-upcoming-events-description {
        position: absolute;
        top: 3%;
    }
}
@media (min-width: 1251px) {
    #ebm-upcoming-events-description {
        position: absolute;
        top: 7%;
    }
}

