.eventinfo__inner {
    max-width: 800px;
}

.eventinfo__inner .event {
    display: grid;
    padding: 2rem 1.2rem;
    margin: 0;
}

.eventinfo__inner .event__image {
    max-width: 160px;
    margin-bottom: 2rem;
    grid-row: 1;
}

.eventinfo__inner .event__image img {
    max-height: 70px;
}

.eventinfo .event__link,
.eventinfo .event__scoringformat,
.eventinfo .event__blockingtime,
.eventinfo .event__organizer,
.eventinfo .event__price,
.eventinfo .event__participants,
.eventinfo .event__registrationdeadline,
.eventinfo .event__starttime {
    font-size: var(--f-size-s-1);
}

.eventinfo .event__description {
    margin-top: 1rem;
}

.eventinfo .event__name {
    font-weight: var(--f-weight-b);
}

.eventinfo dd {
    margin: 0;
}


@media (min-width: 640px) {
    .eventinfo__inner .event {
        grid-template-columns: 1fr max-content;
    }

    .eventinfo.-additional .event,
    .eventinfo.-cio .event {
        grid-template-columns: 1fr;
    }

    .eventinfo__inner .event__info {
        grid-column: 1;
        grid-row: 2;
    }

    .eventinfo.-additional .event__info,
    .eventinfo.-cio .event__info {
        grid-column: auto;
        grid-row: auto;
    }

    .eventinfo__inner .event__links {
        grid-column: 1;
        grid-row: 3;
    }

    .eventinfo__inner .event__image {
        max-height: 120px;
        margin-bottom: 0;
        margin-left: 2rem;
        grid-column: 2;
        grid-row: span 2;
    }

    .eventinfo__inner .event__image img {
        width: 100%;
        max-height: 100px;
    }
}
@media (min-width: 720px) {
    .fancybox__content .eventinfo__date {
        padding: 0.6rem 2rem;
    }
    .eventinfo__inner .eventinfo__inner .event {
        padding: 2rem;
    }
}