/**
 * Globals
 **/
/*
 * Teaser
*/
/**
 * Button
**/
/**
 * Events
 **/
/**
 * Multidownload
 **/
/* colors */
/* fonts */
/* has to be declared as 'semi-bold' */
/* icons */
/* others */
/**
 * Basic border
 **/
/**
 * Fonts
 **/
/**
 * Colors
 **/
/**
 * Layout Gaps
 **/
/**
 * Breakpoints
 */
/**
 * Hyphens
 */
/**
 * Download Icon Desktop
 */
/**
 * Download Icon Mobile
 */
/* --- EVENTS --- */
@media all and (max-width: 992px) {
  .tx-ep-events-wrapper.pin .categories {
    display: none;
  }
}
@media all and (max-width: 992px) {
  .tx-ep-events-element .day {
    font-size: 22px !important;
    padding-top: 3px !important;
  }
  .tx-ep-events-element .date {
    font-size: 22px !important;
  }
  .tx-ep-events-element .day-date-comma {
    font-size: 22px !important;
    padding-top: 3px !important;
  }
  .tx-ep-events-element .name h2 {
    font-size: 22px !important;
    line-height: 34px !important;
  }
  .tx-ep-events-element .from,
  .tx-ep-events-element .to,
  .tx-ep-events-element .str,
  .tx-ep-events-element .strnr,
  .tx-ep-events-element .place {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .tx-ep-events-element .zip {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .tx-ep-events-element .categories {
    top: 20px !important;
    left: 20px !important;
    font-size: 12px !important;
    line-height: 17px;
  }
  .tx-ep-events-element.tx-ep-events-highlight-1:hover .pin,
  .tx-ep-events-element.tx-ep-events-highlight-1:active .pin {
    background-color: #F6F6F3 !important;
  }
}
@media all and (max-width: 480px) {
  .tx-ep-events-element .tx-ep-events-wrapper {
    padding: 20px !important;
    padding-bottom: 20px !important;
  }
  .tx-ep-events-element .tx-ep-events-wrapper .name h2:hover,
  .tx-ep-events-element .tx-ep-events-wrapper .name h2:active {
    color: #E3E2DF;
    text-decoration: none;
  }
  .tx-ep-events-element .tx-ep-events-wrapper.pin {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .tx-ep-events-element .tx-ep-events-wrapper.pin .name h2:hover,
  .tx-ep-events-element .tx-ep-events-wrapper.pin .name h2:active {
    color: #87888a !important;
    text-decoration: none;
  }
}
.tx-ep-events-element.tx-ep-events-highlight-0 .tx-ep-events-wrapper:hover,
.tx-ep-events-element.tx-ep-events-highlight-1 .tx-ep-events-wrapper.pin:hover,
.tx-ep-events-element.tx-ep-events-highlight-0 .tx-ep-events-wrapper:active,
.tx-ep-events-element.tx-ep-events-highlight-1 .tx-ep-events-wrapper.pin:active {
  background-color: #EDECEA;
}
@media all and (max-width: 992px) {
  .tx-ep-events-element .name h2:hover,
  .tx-ep-events-element .name h2:active {
    color: #87888a;
    text-decoration: none;
  }
  .tx-ep-events-element .tx-ep-events-wrapper {
    padding: 20px !important;
    padding-bottom: 20px !important;
  }
}
/* styling for events without link */
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .tx-ep-events-wrapper:not(.pin).event-no-link:hover {
  background-color: #FF7F00;
}
.tx-ep-events-element.tx-ep-events-highlight-0 .tx-ep-events-wrapper.event-no-link:hover {
  background-color: #F6F6F3;
}
.frame-event .tx-ep-events-element .tx-ep-events-wrapper.event-no-link {
  cursor: default;
}
/* beginning clean up */
.frame-event {
  overflow: hidden;
}
@media all and (max-width: 992px) {
  .frame-event .swiper-slide .tx-ep-events-element {
    padding-left: 0;
    padding-right: 0;
  }
}
@media all and (max-width: 992px) {
  .frame-event {
    padding-right: 0;
    margin-right: 0;
    padding-left: 0;
    margin-left: 0;
  }
}
.frame-event .tx-ep-events > .row {
  margin-top: -12px;
}
.frame-event .tx-ep-events .more {
  margin-top: 20px;
  float: right;
}
@media all and (max-width: 480px) {
  .frame-event .tx-ep-events .more {
    float: none;
    margin: 14px 20px 20px 20px;
  }
}
.frame-event .tx-ep-events-element {
  padding-top: 20px;
}
@media all and (max-width: 768px) {
  .frame-event .tx-ep-events-element {
    padding-top: 0;
  }
}
.frame-event .tx-ep-events-element.event-pinned-no-image .tx-ep-events-wrapper.pin {
  border-right: 6px solid #FF7F00 !important;
}
@media all and (max-width: 992px) {
  .frame-event .tx-ep-events-element.event-pinned {
    min-height: 420px;
  }
  .frame-event .tx-ep-events-element.event-pinned .tx-ep-events-wrapper .day-date-wrapper {
    margin-top: 10px !important;
  }
}
.frame-event .tx-ep-events-element .tx-ep-events-wrapper {
  width: 100%;
  height: 100%;
  min-height: 420px;
  display: block;
  background: #F6F6F3;
  padding: 40px;
  position: relative;
  transition: 0.5s;
  cursor: pointer;
  overflow: hidden;
}
@media all and (max-width: 1300px) and (min-width: 992px) {
  .frame-event .tx-ep-events-element .tx-ep-events-wrapper {
    min-height: 500px !important;
  }
}
@media all and (max-width: 992px) {
  .frame-event .tx-ep-events-element .tx-ep-events-wrapper {
    min-height: 100%;
  }
}
.frame-event .tx-ep-events-element .tx-ep-events-wrapper.pin {
  border-top: 6px solid #FF7F00;
  border-right: none;
  border-bottom: 6px solid #FF7F00;
  border-left: 6px solid #FF7F00;
  background-color: #F6F6F3;
}
@media all and (max-width: 992px) {
  .frame-event .tx-ep-events-element .tx-ep-events-wrapper.pin {
    border-top: none;
    border-right: 6px solid #FF7F00;
  }
}
.frame-event .tx-ep-events-element .tx-ep-events-wrapper .name {
  margin-top: 0px;
  margin-bottom: 0px;
}
.frame-event .tx-ep-events-element .tx-ep-events-wrapper .name h2 {
  font-weight: 700 !important;
  padding-bottom: 20px !important;
  font-size: 26px !important;
  line-height: 36px !important;
  margin-bottom: 0px !important;
}
@media all and (max-width: 992px) {
  .frame-event .tx-ep-events-element .tx-ep-events-wrapper .name h2 {
    font-size: 22px !important;
    line-height: 30px !important;
    padding-bottom: 40px !important;
  }
}
.frame-event .tx-ep-events-element .tx-ep-events-wrapper.noEvents {
  pointer-events: none;
}
.frame-event .tx-ep-events-element .tx-ep-events-wrapper-image {
  border-top: 6px solid #FF7F00;
  border-right: 6px solid #FF7F00;
  border-bottom: 6px solid #FF7F00;
  border-left: none;
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
}
.frame-event .tx-ep-events-element .tx-ep-events-wrapper-image .focuspoint {
  height: 100%;
}
@media all and (max-width: 992px) {
  .frame-event .tx-ep-events-element .tx-ep-events-wrapper-image {
    border-top: 6px solid #FF7F00;
    border-right: 6px solid #FF7F00;
    border-bottom: none;
    border-left: 6px solid #FF7F00;
    height: 185px;
  }
}
.frame-event .tx-ep-events-element .desc {
  display: none;
}
.frame-event .tx-ep-events-element .day-date-wrapper {
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 80px;
}
@media all and (max-width: 1280px) {
  .frame-event .tx-ep-events-element .day-date-wrapper {
    flex-direction: row;
  }
}
@media all and (max-width: 992px) {
  .frame-event .tx-ep-events-element .day-date-wrapper {
    margin-top: 40px !important;
    align-items: flex-end;
  }
}
.frame-event .tx-ep-events-element .day-date-wrapper > div {
  font-size: 26px;
  line-height: 36px;
}
.frame-event .tx-ep-events-element .day-date-wrapper .day {
  font-size: 26px;
}
.frame-event .tx-ep-events-element .day-date-wrapper .day-date-comma {
  display: block;
}
@media all and (max-width: 1280px) {
  .frame-event .tx-ep-events-element .day-date-wrapper .day-date-comma {
    display: block;
  }
}
.frame-event .tx-ep-events-element .day-date-wrapper .date {
  font-size: 26px;
  font-weight: 26px;
}
.frame-event .tx-ep-events-element .day-date-wrapper .day-date-comma {
  margin-right: 5px;
}
.frame-event .tx-ep-events-element .categories {
  position: absolute;
  top: inherit;
  left: 40px;
  right: inherit;
  padding: 5px 27px;
  border-radius: 8px;
  background-color: #FF7F00;
  color: white;
}
.frame-event .tx-ep-events-element .categories.ep-event-category-29 {
  background-color: black !important;
  color: white !important;
}
@media all and (max-width: 992px) {
  .frame-event .tx-ep-events-element .categories {
    left: 40px;
    right: inherit;
  }
}
@media all and (max-width: 768px) {
  .frame-event .tx-ep-events-element .categories {
    padding: 5px 9px;
  }
}
.frame-event .tx-ep-events-element .categories.ep-event-category-21 {
  background-color: #323434;
  color: #FFFFFF;
}
.frame-event .tx-ep-events-element .categories.ep-event-category-5 {
  background-color: #FF7F00;
  color: white;
}
.frame-event .tx-ep-events-element .categories > span:after {
  content: ', ';
  display: inline-block;
  margin-right: 6px;
}
.frame-event .tx-ep-events-element .categories > span:last-child:after {
  content: '';
  display: none;
}
.frame-event .tx-ep-events-element .from {
  display: inline-block;
}
.frame-event .tx-ep-events-element .from:after {
  content: ' - ';
  display: inline-block;
}
.frame-event .tx-ep-events-element .to,
.frame-event .tx-ep-events-element .str,
.frame-event .tx-ep-events-element .strnr,
.frame-event .tx-ep-events-element .place {
  display: inline-block;
}
.frame-event .tx-ep-events-element .strnr:after,
.frame-event .tx-ep-events-element .to:after {
  content: ' | ';
  display: inline-block;
}
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .tx-ep-events-wrapper:not(.pin) {
  background-color: #FF7F00;
}
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .tx-ep-events-wrapper:not(.pin):hover,
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .tx-ep-events-wrapper:not(.pin):active {
  background-color: #E87401;
}
@media all and (max-width: 480px) {
  .frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .tx-ep-events-wrapper:not(.pin):hover,
  .frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .tx-ep-events-wrapper:not(.pin):active {
    background-color: #FF7F00;
  }
}
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .tx-ep-events-wrapper:not(.pin) .from,
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .tx-ep-events-wrapper:not(.pin) .to,
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .tx-ep-events-wrapper:not(.pin) .str,
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .tx-ep-events-wrapper:not(.pin) .strnr,
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .tx-ep-events-wrapper:not(.pin) .place,
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .tx-ep-events-wrapper:not(.pin) .zip {
  color: white;
}
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .tx-ep-events-wrapper:not(.pin) .day-date-wrapper {
  color: white;
}
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .tx-ep-events-wrapper:not(.pin) .name h2 {
  color: white;
}
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .tx-ep-events-wrapper:not(.pin) .categories {
  background-color: #FFFFFF;
  color: #272727;
}
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .pin .day-date-wrapper {
  color: black;
}
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .pin .from,
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .pin .to,
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .pin .str,
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .pin .strnr,
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .pin .place {
  color: black;
}
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .pin .name h2 {
  color: black;
}
.frame-event .tx-ep-events-element.tx-ep-events-highlight-1 .pin .categories {
  background-color: #FF7F00;
  color: white;
}
@media all and (max-width: 768px) {
  .frame-event .tx-ep-events-element:not(:last-child) {
    padding-bottom: 20px;
  }
}
.tx-ep-events-highlight-1:hover .tx-ep-events-wrapper.pin,
.tx-ep-events-highlight-1:active .tx-ep-events-wrapper.pin {
  background-color: #EDECEA !important;
}
.tx-ep-events-highlight-1:hover img,
.tx-ep-events-highlight-1:active img {
  transform: scale(1.2);
  cursor: pointer;
}
.tx-ep-events-highlight-1 img {
  transition: transform 200ms linear, -webkit-transform 200ms linear;
}
/*
** --- clean up --- **
*/
.tx-ep-events-element .tx-ep-events-wrapper .link {
  position: absolute;
  bottom: 40px;
  transition: transform 200ms linear, -webkit-transform 200ms linear;
  /* todo: for all browsers */
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
@media all and (max-width: 992px) {
  .tx-ep-events-element .tx-ep-events-wrapper .link {
    position: relative;
    bottom: 0px;
    margin-top: 15px;
  }
}
/*
** less mixins **
*/
/*# sourceMappingURL=events.css.map */