.event-overview {
  grid-template-columns: 1fr;
  grid-template-rows: min-content 1fr;
}
.event-overview > .grid {
  width: 100%;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  gap: clamp(
    calc(var(--padding-standard) * 1),
    3dvw,
    calc(var(--padding-standard) * 2)
  );
}
.event-overview .event-logo {
  height: 20rem;
  width: 20rem;
}
.event-overview svg,
.event-overview img {
  height: 20rem;
  filter: var(--drop-shadow-event-overview-logo);
  object-fit: contain;
}
.event-overview .content-box {
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
}
.event-overview svg.new,
.event-overview img.new {
  position: absolute;
  height: clamp(3rem, 8dvw, 4rem);
  right: calc(var(--padding-standard) * 2);
  top: calc(var(--padding-standard) * 3);
}
.event-overview .content-box > div {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.event-overview .content-box > div h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  text-wrap: nowrap;
  gap: var(--padding-standard);
  font-size: clamp(
    calc(var(--text-font-size-small) * 1.6),
    5dvw,
    calc(var(--text-font-size-large) * 1)
  );
}
.event-overview .content-box > div h3 strong > span.thin {
  font-weight: 400;
  color: var(--text-color);
}
.event-overview .content-box > div h4 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  text-wrap: nowrap;
  gap: 0.5ch;
  font-size: clamp(
    calc(var(--text-font-size-small) * 1.2),
    3.4dvw,
    calc(var(--text-font-size-medium) * 1)
  );
  margin-block-end: calc(var(--padding-standard) * 1.4);
}
.event-overview .content-box > div h4 svg {
  height: var(--text-font-size-medium);
  width: var(--text-font-size-medium);
}
.event-overview .content-box > div p {
  /* text-align: justify;
  text-justify: inter-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-wrap: normal;
  overflow-wrap: normal;
  word-break: normal;
  text-align-last: left; */
  font-size: clamp(
    calc(var(--text-font-size-small) * 1.2),
    3.4dvw,
    calc(var(--text-font-size-medium) * 1)
  );
}
.event-overview .category {
  min-width: 0;
  width: 100%;
  display: grid;
  place-items: center;
  background-image: var(--gradient-main);
  box-shadow: var(--bg-box-shadow-dim);
  border-radius: var(--radius-corner);
  padding-block-start: calc(var(--padding-standard) * 0.6);
  padding-block-end: calc(var(--padding-standard) * 1.4);
  color: var(--bg-color-accent);
  font-weight: 600;
  font-size: clamp(
    calc(var(--text-font-size-small) * 1),
    3dvw,
    calc(var(--text-font-size-large) * 1)
  );
  position: relative;
}

.event-overview .category::after {
  content: "";
  width: 90%;
  height: 0.2rem;
  border-radius: var(--radius-round);
  position: absolute;
  left: 5%;
  background-image: var(--gradient-accent);
  overflow: hidden;
  bottom: 0.4rem;
}

.event-overview .category::after {
  content: "";
  width: 90%;
  height: 0.2rem;
  border-radius: var(--radius-round);
  position: absolute;
  left: 5%;
  background-image: var(--gradient-accent);
  overflow: hidden;
  bottom: 0.4rem;
}
.event-overview .category:focus-within::after {
  animation: glow 1s infinite;
}
@media (hover: hover) {
  .event-overview .category:hover::after {
    animation: glow 1s infinite;
  }
}