.event-grid .ereignis-event-main-box img {
	height: 270px;
	object-fit: cover;
	width: 100%;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -moz-transition: all 1s ease;
}
.event-grid .ereignis-event-main-box::before{
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: -moz-linear-gradient(to bottom, rgba(31,31,31,0) 0%,rgb(31, 31, 31) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(31,31,31,0) 0%,rgb(31, 31, 31) 100%);
    background: linear-gradient(to bottom, rgba(31,31,31,0) 0%,rgb(31, 31, 31) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0017363a', endColorstr='#9917363a',GradientType=0 );
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.event-grid .ereignis-event-main-box:hover::before {
    opacity: 1;
    z-index: 2;
}
.event-grid .ereignis-event-main-box:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.event-grid .ereignis-event-main-box {
	margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.event-grid .ereignis-event-main-box .event-content {
	position: absolute;
	bottom: 20px;
	left: 30px;
	padding-right: 30px;
    z-index: 3;
}

.event-grid .ereignis-event-main-box .event-title {
	color: var(--color-theme-white);
}

.event-grid .ereignis-event-main-box .event-title:hover{
    color: var(--color-theme-primary);
}

.event-grid .ereignis-event-main-box::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}
.ereignis-event-main-box .event-date-time {
    color: var(--global-font-color);
    text-transform: uppercase;
    margin: 0 !important;
    font-family: var(--highlight-font-family);
    letter-spacing: var(--font-letter-spacing-h6);
    font-weight: var(--font-weight-regular);
}

/* responsive */

@media (max-width : 767px){

    .event-grid .ereignis-event-main-box img{
        height: auto;
    }

}