.overview-event-grid {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.25rem, 2vw, 1rem);
  justify-content: flex-start;
}

.overview-event-grid article {
  flex: 1 1 calc(33.333% - 0.666rem);
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .overview-event-grid article {
    flex: 1 1 calc(50% - 2rem);
  }
}

@media (max-width: 600px) {
  .overview-event-grid article {
    flex: 1 1 100%;
  }
}

.overview-event {
  display: flex;
  flex-wrap: wrap;
}

.overview-event-image,
.overview-event-content {
  flex: 1 1 45%;
  min-width: 0;
}
.overview-event-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.overview-event-image {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.event-bg {
  position: absolute;
  inset: 0;
  width: 120%;
  height: 120%;
  transform: translate(-10%, -10%);
  object-fit: cover;
  filter: blur(8px) brightness(0.5);
  z-index: 0;
  background-color:#000;
}

.event-img {
  position: relative;
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: 100%;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.overview-event-categories {
  margin-top: auto;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-size: 0.8rem;
  font-weight: 300;
  padding: 0.5rem 0 0 0;
}


.overview-event-link,
.overview-event-ticket a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; left: 0;
  z-index: 2;
}

.overview-event-ticket {
  position: absolute;
  bottom: 64px;
  right: 64px;
  z-index: 3;
}

@media (max-width: 768px) {
  .overview-event {
    flex-direction: column;
  }

  .overview-event-image {
    width: 100%;
    height: auto;
    min-height: unset;
    aspect-ratio: unset;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .overview-event-content {
    flex: 1 1 auto;
    padding: 1rem 0;
  }
}
/* Wenn nur 1 Kachel im Grid ist */
.overview-event-grid article {
  flex: 1 1 calc(33.333% - 1rem);
  max-width: calc(33.333% - 1rem);
}
@media (max-width: 1024px) {
  .overview-event-grid article {
    flex: 1 1 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
}
@media (max-width: 600px) {
  .overview-event-grid article {
    flex: 1 1 100%;
    max-width: 100%;
  }
}





.clear:after {
	content: "";
	display: table;
	clear: both;
	}

.wrap {
	width: 100%;
	float: left;
	clear: both;
	}
	
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
.col-s-1000, .col-m-1000, .col-l-1000,
.col-s-050, .col-m-050, .col-l-050,
.col-s-100, .col-m-100, .col-l-100,
.col-s-150, .col-m-150, .col-l-150,
.col-s-200, .col-m-200, .col-l-200,
.col-s-250, .col-m-250, .col-l-250,
.col-s-300, .col-m-300, .col-l-300,
.col-s-350, .col-m-350, .col-l-350,
.col-s-400, .col-m-400, .col-l-400,
.col-s-450, .col-m-450, .col-l-450,
.col-s-500, .col-m-500, .col-l-500,
.col-s-550, .col-m-550, .col-l-550,
.col-s-550, .col-m-550, .col-l-550,
.col-s-600, .col-m-600, .col-l-600,
.col-s-650, .col-m-650, .col-l-650,
.col-s-700, .col-m-700, .col-l-700,
.col-s-750, .col-m-750, .col-l-750,
.col-s-800, .col-m-800, .col-l-800,
.col-s-850, .col-m-850, .col-l-850,
.col-s-900, .col-m-900, .col-l-900,
.col-s-950, .col-m-950, .col-l-950,
.col-s-958, .col-m-958, .col-l-958,
.col-s-916, .col-m-816, .col-l-916,
.col-s-833, .col-m-833, .col-l-833,
.col-s-666, .col-m-666, .col-l-666,
.col-s-583, .col-m-583, .col-l-583,
.col-s-416, .col-m-416, .col-l-416,
.col-s-333, .col-m-333, .col-l-333,
.col-s-166, .col-m-166, .col-l-166,
.col-s-083, .col-m-083, .col-l-083,
.col-s-041, .col-m-041, .col-l-041 {
	position: relative;
	padding-right: 2.5%;
	float: left;
	padding-left: 2.5%;
	/*overflow:hidden;*/
	min-height:1px;
	}

	
	/*** BOX WIDTH SIZE S ***/	
	.col-s-050 { width: 5%; }
	.col-s-100 { width: 10%; }
	.col-s-150 { width: 15%; }
	.col-s-200 { width: 20%; }
	.col-s-250 { width: 25%; }
	.col-s-300 { width: 30%; }
	.col-s-350 { width: 35%; }
	.col-s-400 { width: 40%; }
	.col-s-450 { width: 45%; }
	.col-s-500 { width: 50%; }
	.col-s-550 { width: 55%; }
	.col-s-600 { width: 60%; }
	.col-s-650 { width: 65%; }
	.col-s-700 { width: 70%; }
	.col-s-750 { width: 75%; }
	.col-s-800 { width: 80%; }
	.col-s-850 { width: 85%; }
	.col-s-900 { width: 90%; }
	.col-s-950 { width: 95%; }
	.col-s-1000 { width: 100%; }
	.col-s-958 { width: 95.83333% }
	.col-s-916 { width: 91.66666% }
	.col-s-833 { width: 83.33333%; }
	.col-s-666 { width: 66.66666%; }
	.col-s-583 { width: 58.33333% }
	.col-s-416 { width: 41.66666% }
	.col-s-333 { width: 33.33333%; }
	.col-s-166 { width: 16.66666%; }
	.col-s-083 { width: 8.33333% }
	.col-s-041 { width: 4.16666% }

	/*** BOX EXTRUSION SIZE S ***/
	.col-ex-s-050 { margin-left: 5%; }
	.col-ex-s-100 { margin-left: 10%; }
	.col-ex-s-150 { margin-left: 15%; }
	.col-ex-s-200 { margin-left: 20%; }
	.col-ex-s-250 { margin-left: 25%; }
	.col-ex-s-300 { margin-left: 30%; }
	.col-ex-s-350 { margin-left: 35%; }
	.col-ex-s-400 { margin-left: 40%; }
	.col-ex-s-450 { margin-left: 45%; }
	.col-ex-s-500 { margin-left: 50%; }
	.col-ex-s-550 { margin-left: 55%; }
	.col-ex-s-600 { margin-left: 60%; }
	.col-ex-s-650 { margin-left: 65%; }
	.col-ex-s-700 { margin-left: 70%; }
	.col-ex-s-750 { margin-left: 75%; }
	.col-ex-s-800 { margin-left: 80%; }
	.col-ex-s-850 { margin-left: 85%; }
	.col-ex-s-900 { margin-left: 90%; }
	.col-ex-s-950 { margin-left: 95%; }
	.col-ex-s-958 { margin-left: 95.83333% }
	.col-ex-s-916 { margin-left: 91.66666% }
	.col-ex-s-833 { margin-left: 83.33333%; }
	.col-ex-s-666 { margin-left: 66.66666%; }
	.col-ex-s-583 { margin-left: 58.33333% }
	.col-ex-s-416 { margin-left: 41.66666% }
	.col-ex-s-333 { margin-left: 33.33333%; }
	.col-ex-s-166 { margin-left: 16.66666%; }
	.col-ex-s-083 { margin-left: 8.33333% }
	.col-ex-s-041 { margin-left: 4.16666% }

	@media (min-width: 800px) {
		/*** BOX WIDTH SIZE M ***/	
		.col-m-050 { width: 5%; }
		.col-m-100 { width: 10%; }
		.col-m-150 { width: 15%; }
		.col-m-200 { width: 20%; }
		.col-m-250 { width: 25%; }
		.col-m-300 { width: 30%; }
		.col-m-350 { width: 35%; }
		.col-m-400 { width: 40%; }
		.col-m-450 { width: 45%; }
		.col-m-500 { width: 50%; }
		.col-m-550 { width: 55%; }
		.col-m-600 { width: 60%; }
		.col-m-650 { width: 65%; }
		.col-m-700 { width: 70%; }
		.col-m-750 { width: 75%; }
		.col-m-800 { width: 80%; }
		.col-m-850 { width: 85%; }
		.col-m-900 { width: 90%; }
		.col-m-950 { width: 95%; }
		.col-m-1000 { width: 100%; }		
		.col-m-958 { width: 95.83333% }
		.col-m-816 { width: 91.66666% }
		.col-m-833 { width: 83.33333%; }
		.col-m-666 { width: 66.66666%; }
		.col-m-583 { width: 58.33333% }
		.col-m-416 { width: 41.66666% }
		.col-m-333 { width: 33.33333%; }
		.col-m-166 { width: 16.66666%; }
		.col-m-083 { width: 8.33333% }
		.col-m-041 { width: 4.16666% }

		/*** BOX EXTRUSION SIZE M***/
		.col-ex-m-050 { margin-left: 5%; }
		.col-ex-m-100 { margin-left: 10%; }
		.col-ex-m-150 { margin-left: 15%; }
		.col-ex-m-200 { margin-left: 20%; }
		.col-ex-m-250 { margin-left: 25%; }
		.col-ex-m-300 { margin-left: 30%; }
		.col-ex-m-350 { margin-left: 35%; }
		.col-ex-m-400 { margin-left: 40%; }
		.col-ex-m-450 { margin-left: 45%; }
		.col-ex-m-500 { margin-left: 50%; }
		.col-ex-m-550 { margin-left: 55%; }
		.col-ex-m-600 { margin-left: 60%; }
		.col-ex-m-650 { margin-left: 65%; }
		.col-ex-m-700 { margin-left: 70%; }
		.col-ex-m-750 { margin-left: 75%; }
		.col-ex-m-800 { margin-left: 80%; }
		.col-ex-m-850 { margin-left: 85%; }
		.col-ex-m-900 { margin-left: 90%; }
		.col-ex-m-950 { margin-left: 95%; }
		.col-ex-m-958 { margin-left: 95.83333% }
		.col-ex-m-816 { margin-left: 91.66666% }
		.col-ex-m-833 { margin-left: 83.33333%; }
		.col-ex-m-666 { margin-left: 66.66666%; }
		.col-ex-m-583 { margin-left: 58.33333% }
		.col-ex-m-416 { margin-left: 41.66666% }
		.col-ex-m-333 { margin-left: 33.33333%; }
		.col-ex-m-166 { margin-left: 16.66666%; }
		.col-ex-m-083 { margin-left: 8.33333% }
		.col-ex-m-041 { margin-left: 4.16666% }
		}

	@media (min-width: 1600px) {
		/*** BOX WIDTH SIZE L ***/	
		.col-l-050 { width: 5%; }
		.col-l-100 { width: 10%; }
		.col-l-150 { width: 15%; }
		.col-l-200 { width: 20%; }
		.col-l-250 { width: 25%; }
		.col-l-300 { width: 30%; }
		.col-l-350 { width: 35%; }
		.col-l-400 { width: 40%; }
		.col-l-450 { width: 45%; }
		.col-l-500 { width: 50%; }
		.col-l-550 { width: 55%; }
		.col-l-600 { width: 60%; }
		.col-l-650 { width: 65%; }
		.col-l-700 { width: 70%; }
		.col-l-750 { width: 75%; }
		.col-l-800 { width: 80%; }
		.col-l-850 { width: 85%; }
		.col-l-900 { width: 90%; }
		.col-l-950 { width: 95%; }
		.col-l-1000 { width: 100%; }		
		.col-l-958 { width: 95.83333% }
		.col-l-916 { width: 91.66666% }
		.col-l-833 { width: 83.33333%; }
		.col-l-666 { width: 66.66666%; }
		.col-l-583 { width: 58.33333% }
		.col-l-416 { width: 41.66666% }
		.col-l-333 { width: 33.33333%; }
		.col-l-166 { width: 16.66666%; }
		.col-l-083 { width: 8.33333% }
		.col-l-041 { width: 4.16666% }

		/*** BOX EXTRUSION SIZE L***/
		.col-ex-l-050 { margin-left: 5%; }
		.col-ex-l-100 { margin-left: 10%; }
		.col-ex-l-150 { margin-left: 15%; }
		.col-ex-l-200 { margin-left: 20%; }
		.col-ex-l-250 { margin-left: 25%; }
		.col-ex-l-300 { margin-left: 30%; }
		.col-ex-l-350 { margin-left: 35%; }
		.col-ex-l-400 { margin-left: 40%; }
		.col-ex-l-450 { margin-left: 45%; }
		.col-ex-l-500 { margin-left: 50%; }
		.col-ex-l-550 { margin-left: 55%; }
		.col-ex-l-600 { margin-left: 60%; }
		.col-ex-l-650 { margin-left: 65%; }
		.col-ex-l-700 { margin-left: 70%; }
		.col-ex-l-750 { margin-left: 75%; }
		.col-ex-l-800 { margin-left: 80%; }
		.col-ex-l-850 { margin-left: 85%; }
		.col-ex-l-900 { margin-left: 90%; }
		.col-ex-l-950 { margin-left: 95%; }
		.col-ex-l-958 { margin-left: 95.83333% }
		.col-ex-l-916 { margin-left: 91.66666% }
		.col-ex-l-833 { margin-left: 83.33333%; }
		.col-ex-l-666 { margin-left: 66.66666%; }
		.col-ex-l-583 { margin-left: 58.33333% }
		.col-ex-l-416 { margin-left: 41.66666% }
		.col-ex-l-333 { margin-left: 33.33333%; }
		.col-ex-l-166 { margin-left: 16.66666%; }
		.col-ex-l-083 { margin-left: 8.33333% }
		.col-ex-l-041 { margin-left: 4.16666% }
		}

	/*** BOX ALIGN ***/
	.col-right {
		float:right;	
		}
		
/*** Padding OFF ***/		
.col-off {
	padding-left:0;
	padding-right:0;
	}

		
/*** HIDDEN COLS ***/

	@media (max-width: 800px) {
		.hidden-s {
			display:none !important;
			}
		}
			
	@media (max-width: 1599px) {
		.hidden-m {
			display:none !important;
			}
		}
		
	@media (min-width: 1600px) {	
		.hidden-l {
			display:none;
			}
		}