/* CSS Styles */

article.category-events.event section.cts_breadcrumb .btn-secondary,
article.category-events-fr.event section.cts_breadcrumb .btn-secondary{
  background-color: var(--EventsLila);
}
article.event section.hero_2 {
	height: 40vh;
}


article.event section.hero_2 .event_details {
  color: var(--EventsLila);
}

article.event section.js_swiper .location_container h4 {
  color: var(--Rot) !important;
}

article.event section.gallery_slider .swiper-slide,
article.event section.gallery_slider .img_wrapper .item img {
  height: 600px;
  width: auto;
}

article.event section.details .links_container a.link_area {
  color: var(--Schwarz);
  margin-right: 15px;
  font-size: 16px;
}

article.event section.details .links_container a.link_area svg {
  left: 10px;
  position: relative;
}

article.event section.details .links_container a.link_area:hover {
  color: var(--EventsLila) !important;
}

article.event section.details .links_container a.link_area:hover svg {
  transform: translateX(5px);
}

article.event section.details .links_container a.link_area:hover svg path {
  fill: var(--EventsLila);
}

article.event section.location .card_frame {
  box-shadow: var(--BoxShadowDefault);
  -webkit-transition: var(--Transition);
  -o-transition: var(--Transition);
  transition: var(--Transition);
}

article.event section.location .card_frame:hover {
  box-shadow: var(--BoxShadowDefaultHover);
}

article.event section.location .card_frame .content_frame {
  padding: 30px;
}

@media (min-width: 768px) {
  article.event section.details div.description p {
    font-size: 21px;
  }
}

@media (min-width: 1200px) {
  article.event section.details div.description p {
    font-size: clamp(23px, 1.5vw, 28px);
    margin-bottom: 18px;
  }
}