/*
	Theme Name: Event
	Author: Xeno Suter
	Version: 1.0
*/
/* ==========================================================================
   Events
   ========================================================================== */
.event__status {
  padding-left: 20px;
  position: relative;
}
.event__status:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  border-radius: 7px;
  width: 14px;
  height: 14px;
}
.event__status--available {
  color: #05bf31;
}
.event__status--available:before {
  background-color: #05bf31;
}
.event__status--full {
  color: #ff0000;
}
.event__status--full:before {
  background-color: #ff0000;
}
.event__filter {
  display: none;
}
.event__filter .button {
  width: 100%;
  display: block;
  /*height: 31px;*/
  line-height: 22px;
  margin-top: 19px;
}
.event__filter__wrapper {
  border-bottom: 2px solid #f1f1f1;
  margin-bottom: 40px;
  padding-bottom: 15px;
}
.event__filter__wrapper .open {
  display: none;
}
.event__filter__wrapper.show .event__filter {
  padding-top: 16px;
}
.event__filter__wrapper.show .event__filter,
.event__filter__wrapper.show .open {
  display: block;
}
.event__filter__wrapper.show .closed {
  display: none;
}
.event__filter__reset {
  padding-top: 25px;
  padding-bottom: 10px;
}
.event__filter__title {
  margin-bottom: 7px;
  margin-top: 10px;
  display: block;
  color: #c00a27;
}
.event__filter__toggler {
  text-align: right;
}
.event__filter__toggler:hover {
  cursor: pointer;
}
.event__list__content {
  padding-left: 0 !important;
  list-style: none;
}
.event__list__header .sort {
  color: #a3a3a3;
  position: relative;
}
.event__list__header .sort:hover {
  color: #000;
}
.event__list__header .sort:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 8px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #c00a27;
}
.event__list__header .sort--active:after {
  border-bottom: 4px solid #c00a27;
  border-top: 0;
}
.event__list__item {
  margin-bottom: 30px;
}
.event__list__item h3 {
  margin-bottom: 0;
}
.event__detail .section {
  margin-bottom: 40px;
}
.event__detail .section--small {
  margin-bottom: 15px;
}

.backtooverview--event {
  display: flex;
  justify-content: space-between;
}
.backtooverview--event-form {
  display: flex;
  align-items: center;
  padding-top: 25px;
}
.backtooverview-print {
  padding-left: 22px;
  position: relative;
}
.backtooverview-print:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  background-image: url("data:image/svg+xml,%3Csvg id='iconfinder_ic_local_print_shop_48px_352513' xmlns='http://www.w3.org/2000/svg' width='19.969' height='19.969' viewBox='0 0 19.969 19.969'%3E %3Cpath id='Pfad_486' data-name='Pfad 486' d='M18.145,10.16H6.5a2.5,2.5,0,0,0-2.5,2.5v4.992H7.328v3.328h9.985V17.649h3.328V12.656A2.5,2.5,0,0,0,18.145,10.16Zm-2.5,9.153H8.992v-4.16h6.656Zm2.5-5.824a.832.832,0,1,1,.832-.832A.829.829,0,0,1,18.145,13.488ZM17.313,6H7.328V9.328h9.985Z' transform='translate(-2.336 -3.504)' fill='%23c00a27'/%3E %3Cpath id='Pfad_487' data-name='Pfad 487' d='M0,0H19.969V19.969H0Z' fill='none'/%3E %3C/svg%3E ");
  background-size: 18px;
  width: 17px;
  height: 17px;
}

@media screen and (min-width: 1200px) {
  .event__list__item {
    margin-bottom: 2px;
  }
  .event__list__item h3 {
    margin-bottom: 5px;
  }
  .event__filter__title {
    margin-top: 0;
  }
  .event__filter__reset {
    padding-top: 15px;
  }
  .event__filter .button {
    margin-top: 0;
  }
}
/* ==========================================================================
   Information Popup
   ========================================================================== */
.info-icon {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 12px;
}
.info-icon:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11'%3E %3Cg id='Gruppe_28' data-name='Gruppe 28' transform='translate(4686 116)'%3E %3Ccircle id='Ellipse_4' data-name='Ellipse 4' cx='5.5' cy='5.5' r='5.5' transform='translate(-4686 -116)' fill='%23c00a27'/%3E %3Cpath id='Pfad_488' data-name='Pfad 488' d='M1.265-4.653.518-4.819l.1-.479,1.528-.107V-.645l.747.166L2.793,0H.615l-.1-.479.747-.166ZM1.035-6.841a.8.8,0,0,1,.144-.476.41.41,0,0,1,.334-.2.8.8,0,0,1,.476.142.413.413,0,0,1,.2.342.789.789,0,0,1-.144.474.411.411,0,0,1-.334.2A.8.8,0,0,1,1.235-6.5.408.408,0,0,1,1.035-6.841Z' transform='translate(-4682 -107)' fill='%23fff'/%3E %3C/g%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 16px;
  margin-left: 5px;
  display: block;
  height: 16px;
}
.info-icon__content {
  display: none;
  position: absolute;
  left: 13px;
  top: 6px;
  border: 1px solid #707070;
  padding: 5px 15px;
  box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.4);
  background-color: #fff;
  pointer-events: none;
}
.info-icon:hover .info-icon__content {
  display: block;
  width: max-content;
  z-index: 20;
  pointer-events: auto;
}

/* ==========================================================================
   helper
   ========================================================================== */
/* list */
.list-unstyled {
  padding-left: 0 !important;
  list-style: none;
}

.text-red {
  color: #c00a27;
}
.text-red a {
  text-decoration: underline;
}
.text-red a:hover {
  text-decoration: none;
}

.overview__wrapper .overview__list__item {
  /*margin-bottom: 30px;*/
	margin-bottom: 16px;
}
.overview__wrapper .overview__list__item p {
  margin-bottom: 6px;
}

.gray-box {
  background-color: #f5f5f5;
  padding: 25px;
  margin-bottom: 40px;
}

/* ==========================================================================
   from
   ========================================================================== */
.event-form input,
.event-form select,
.event-form textarea {
  background: #fff;
  border: 1px solid #b2b2b2;
  border-radius: 0;
  box-sizing: border-box;
  padding: 5px;
  width: 100%;
  display: block;
  overflow: visible;
  font-family: inherit;
  height: 33px;
  outline: none;
  background-image: none;
}
.event-form input:disabled,
.event-form select:disabled,
.event-form textarea:disabled {
  background: #e9ecef;
}
.event-form .textarea {
  min-height: 120px;
  height: auto;
}
.event-form .datepickerEvent {
  margin-bottom: 0;
}
.event-form .datepickerEvent .datepickerEventBox,
.event-form .datepickerEvent .datepickerEventBeginElement, .event-form .datepickerEvent .datepickerEventEndElement {
  display: block;
}
.event-form .datepickerEvent .datepickerButton {
  right: 0;
  pointer-events: none;
}
.event-form .custom-checkbox {
  display: flex;
}
.event-form .custom-checkbox label {
  padding-left: 10px;
  margin-top: 0 !important;
}
.event-form .custom-checkbox input {
  height: 13px;
  margin-top: 4px;
  width: 13px;
}
.event-form .form-group {
  margin-bottom: 5px;
}
.event-form .form-group label {
  margin-top: 6px;
  display: block;
}
.event-form--invitation .button {
  margin-right: 15px;
  margin-top: 8px;
}
.event-form--invitation .form-group label {
  margin-bottom: 6px;
}
.event-form .add-person {
  margin-bottom: 35px;
  display: inline-block;
}
.event-form .add-person:hover {
  cursor: pointer;
}
.event-form .copy-emails {
  padding-left: 22px;
  margin-bottom: 15px;
}
.event-form .event-person {
  margin-bottom: 55px;
}
.event-form .event-person__title {
  margin-bottom: 15px;
}
.event-form .event-person:last-of-type {
  margin-bottom: 30px;
}

#js-default-person {
  display: none;
}

/* ==========================================================================
   collapse
   ========================================================================== */
.collapse__header {
  position: relative;
  padding-right: 30px;
  margin-bottom: 8px;
}
.collapse__header:hover {
  cursor: pointer;
}
.collapse__header:after {
  content: "+";
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 18px;
  line-height: 1;
}
.collapse__content {
  display: none;
  margin-bottom: 25px;
}
.collapse.show .collapse__content {
  display: block;
}
.collapse.show .collapse__header:after {
  content: "-";
}

/* ==========================================================================
   cta register - event
   ========================================================================== */
.mobile-event-cta {
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: -20px;
  margin-left: -20px;
  padding: 12px 20px;
  box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.4);
  z-index: 200;
  background-color: #f5f5f5;
}
.mobile-event-cta__content {
  display: flex;
  align-items: center;
}
.mobile-event-cta__content .button {
  margin-right: 13px;
}

.event-cta__content {
  display: flex;
  align-items: center;
}
.event-cta__content .button {
  margin-right: 13px;
}

.main-wrapper--event-cta {
  padding-bottom: 0;
}

@media screen and (min-width: 768px) {
  .mobile-event-cta {
    display: none;
  }

  .event-cta__content .button {
    margin-right: 30px;
  }
}