.single-event .event-location  {
    margin-top:  3rem;
}
.single-event .event-location .event-details .event-details-group  {
    display:  flex;
    align-items:  center;
    margin-bottom:  0.5rem;
}
.single-event .event-location .event-details .event-details-icon  {
    margin-right:  0.8rem;
    width:  20px;
    height:  20px;
}
.single-event .event-location .event-details .event-details-text  {
    margin:  0;
}

/* COVER INTRO */

.cover-intro {
    position: relative;
    isolation: isolate;
}

.cover-intro::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.7) 0%,
        rgba(0, 0, 0, 0.3) 55%,
        rgba(0, 0, 0, 0) 100%
    );
}


.intro-info {

}

.event-date, .event-time {
    font-size: 1.5em;
    margin-top: 0.2em;
}

.event-date > svg, .event-time > svg {
    margin-right: 10px;
}

.event-date, .event-time, h1 {
    text-shadow: rgba(0,0,0,0.7) 0px 0px 50px;
}
	
/* --- RELATED EVENTS --- */
	

.related-events  {
    margin-top:  5rem;
}
.related-events .past-event  {
    opacity:  0.6;
    transition:  all 0.3s ease;
}
.related-events .past-event:hover  {
    opacity:  1;
}
.related-events .related-events-container  {
    justify-content:  space-between;
    align-items:  flex-end;
    gap: 18px;
}
.related-events h2.wp-block-heading  {
    margin-bottom:  1.5rem;
}
.related-events .related-event-info  {
    margin:  0.5rem 0 0.3rem;
}
.related-events .related-event-info.related-event-image  {
    border-radius:  5px;
    overflow:  hidden;
}
.related-events .related-event-info.related-event-image img  {
    border-radius:  5px;
}
.related-events .related-event-title h3  {
    margin:  0;
}
.related-events .related-event-image img  {
    max-width:  100%;
    height:  auto;
}
.related-events .related-event-date  {
    display:  flex;
    align-items:  center;
    opacity:  0.67;
}
.related-events .related-event-date svg  {
    margin-right:  0.5rem;
}
.related-events .related-event-date p  {
    margin:  0;
}
.related-events .related-event-title a  {
    color:  var(--wp--preset--color--dark);
    text-decoration: none;
}
.related-events .related-event  {
    max-width:  300px;
}

@media (min-width:689.1px)  {
    .related-events .related-event  {
        max-width:  600px;
        width: calc(50% - 9px);
    }    
}

@media (max-width:689px)  {
    .related-events .related-events-container  {
		flex-direction:  column-reverse;
		align-items:  flex-start;
	}
}

/* alle data cards */


.all-event-dates {
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-size: 0.6em;
}

.all-event-dates-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.all-event-dates-card {
    display: flex;
    flex-direction: row;
    gap: 6px;
    padding: 6px 10px 10px 10px;
    border: 2px solid currentColor;
    border-radius: 12px;
    color: inherit;
    background: transparent;
    width: calc(50% - 6px);
}

@media (max-width:689px)  {
    .all-event-dates-card {
        width: 100%;
    }
}

.all-event-dates-card .event-date,
.all-event-dates-card .event-time {
    display: flex;
    align-items: center;
}

.all-event-dates-card .event-time {
    margin-left: auto;
    padding-left: 25px;
}

.all-event-dates-card svg {
    flex-shrink: 0;
}

.all-event-dates-card.is-current {
    color: black;
    background: var(--wp--preset--color--primary);
    border-color: black;
}

a.all-event-dates-card {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

a.all-event-dates-card:hover {
    color: black;
    background: var(--wp--preset--color--primary);
    border-color: black;
}

span.very-long-title {
	font-size: 0.7em;
	line-height: 0.7em !important;
}