/**
 * Breakpoint mixin. Example use:
 * @include bp($breakpoint-tablet) {
 *    // content;
 * };
 *
 * @author Kim-Christian Meyer <kim.meyer@palasthotel.de>
 */
/**
 * Hide elements on certain breakpoint.
 *
 * The idea is to have classes which can be attached in sitebuilding or in templates,
 * without the need to write additional css.
 *
 * Of course, this also provides a mixin, so it can be invoked at will.
 *
 * Future improvements: Instead of display none, maybe hide it visually.
 *
 * @author Arne Seemann <arne.seemann@palasthotel.de>
 */
/**
 * Breakpoint mixin. Example use:
 * @include bp($breakpoint-tablet) {
 *    // content;
 * };
 *
 * @author Kim-Christian Meyer <kim.meyer@palasthotel.de>
 */
@media all and (min-width: 0) and (max-width: 760px) {
  .hide-on-mobile {
    display: none;
  }
}

@media all and (min-width: 760px) {
  .only-on-mobile {
    display: none;
  }
}

/**
 * Hide an element in the most unobstrusive way,
 * while keeping it accessible and SEO-friendly
 * 
 * Originally investigated by Jonathan Snook:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * Now part of the HTML5 Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/fea7f22aef9146a1effc469c3371fbc2a75e0049/src/css/main.css#L119
 * 
 * @author Arne Seemann <arne.seemann@palasthotel.de>
 */
.event--title--wrapper {
  line-height: 2.6875rem;
}

.event--title--wrapper a {
  text-decoration: none;
}

.event--title--wrapper .event--title {
  margin: .75rem 0 .1rem;
}

.field--teaser-text {
  margin-top: 1rem;
  font-size: 0.9375rem;
}

.field--teaser-text p {
  margin: 0;
}

.field--coop-partner h5 {
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 15px 0;
}

.field--coop-partner h5 + .coop-partner {
  margin-top: 0;
}

.coop-partner {
  display: inline-block;
  margin: 0 3.5rem 2rem 0;
  vertical-align: top;
}

.coop-partner:last-child {
  margin-right: 0;
}

.coop-partner img {
  max-height: 100px;
}

.coop-partner figcaption {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.coop-partner a {
  text-decoration: none;
}

.field--series > div {
  display: inline-block;
}

.field--city > div {
  display: inline-block;
}

.event--subtitle {
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: normal;
  margin-bottom: 1rem;
}

.event--subtitle:empty {
  display: none;
}

@media all and (min-width: 768px) {
  .event--subtitle {
    font-size: 1.375rem;
  }
}

.event--meta {
  line-height: 1.3;
}

.event--meta .field--event_type {
  color: #91c800;
  font-weight: 700;
  margin-right: 0.5rem;
  font-size: 22px;
}

.event--meta .field--date {
  font-weight: 700;
  margin-top: 0;
}

.event--content p, .event--content ul, .event--content ol {
  font-size: 18px;
  line-height: 1.6;
}

.event--body img {
  max-width: 100%;
}

.event--header,
.event--footer,
.event--content {
  max-width: 1100px;
  margin: 0 auto;
}

.event--wrapper {
  border-top: 1px solid #D9D9D9;
}

.event--wrapper .field--date, .event--wrapper .field--additional-dates dd {
  font-weight: normal;
  line-height: 1.6;
  margin: 0;
}

@media all and (min-width: 768px) {
  .event--wrapper .field--date, .event--wrapper .field--additional-dates dd {
    margin: 20px 0;
  }
}

.event--wrapper .field--date a, .event--wrapper .field--additional-dates dd a {
  font-size: 18px;
  text-decoration: none;
  color: #999;
  font-style: italic;
  display: none;
}

@media all and (min-width: 768px) {
  .event--wrapper .field--date a, .event--wrapper .field--additional-dates dd a {
    display: block;
  }
}

.event--wrapper .field--date .field--date_time_hyphen, .event--wrapper .field--additional-dates dd .field--date_time_hyphen {
  display: inline;
}

.event--wrapper .field--date dd, .event--wrapper .field--additional-dates dd dd {
  margin-left: 0;
}

.event--wrapper .field--date dd span, .event--wrapper .field--additional-dates dd dd span {
  font-size: 18px;
}

@media all and (min-width: 768px) {
  .event--wrapper .field--date dd span, .event--wrapper .field--additional-dates dd dd span {
    display: block;
    font-size: 22px;
  }
}

.event--wrapper .field--date dd .field--date_date:after, .event--wrapper .field--additional-dates dd dd .field--date_date:after {
  content: ", ";
}

.event--wrapper .field--date dd .field--date_date.day-only:after, .event--wrapper .field--additional-dates dd dd .field--date_date.day-only:after {
  content: "";
}

@media all and (min-width: 768px) {
  .event--wrapper .field--date dd .field--date_date, .event--wrapper .field--additional-dates dd dd .field--date_date {
    font-weight: bold;
    margin-bottom: -6px;
  }
  .event--wrapper .field--date dd .field--date_date:after, .event--wrapper .field--additional-dates dd dd .field--date_date:after {
    content: "";
  }
}

.event--wrapper .field--location dt {
  margin-top: 25px;
}

.event--wrapper .field--location dt:first-child {
  margin-top: 0;
}

.event--wrapper .event--format {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: bolder;
  line-height: 1.4;
  margin-bottom: .5rem;
  color: #91c800;
  font-size: 17px;
}

.event--wrapper .column {
  float: none;
}

.event--wrapper .column:first-child {
  padding-right: 0;
  width: 100%;
}

@media all and (min-width: 760px) {
  .event--wrapper .column:first-child {
    padding-right: 20px;
    width: 68%;
  }
}

@media all and (min-width: 1024px) {
  .event--wrapper .column:first-child {
    padding-right: 40px;
  }
}

.event--wrapper .column:last-child {
  padding-left: 0;
  width: 100%;
}

@media all and (min-width: 760px) {
  .event--wrapper .column:last-child {
    padding-left: 20px;
    width: 32%;
  }
}

@media all and (min-width: 1024px) {
  .event--wrapper .column:last-child {
    padding-left: 40px;
  }
}

.event--wrapper .column.wrapper-event--info {
  border-top: 1px solid black;
  padding-top: 20px;
}

@media all and (min-width: 760px) {
  .event--wrapper .column.wrapper-event--info {
    border-top: none;
    padding-top: 0;
  }
}

.event--wrapper .event--header {
  border-top: none;
  border-bottom: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

@media all and (min-width: 760px) {
  .event--wrapper .event--header {
    border-bottom: 1px solid #D9D9D9;
  }
  .event--wrapper .event--header .column:last-child {
    position: relative;
  }
}

.event--wrapper .event--header .hide-on-mobile {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

.event--wrapper .event--header .event--format {
  margin-bottom: 0;
}

.event--wrapper .event--header .event--call-to-actions {
  color: #444;
  display: none;
  margin-bottom: 1em;
  min-height: 50px;
  min-width: 200px;
  padding-left: 40px;
}

.event--wrapper .event--header .event--call-to-actions .button {
  -webkit-appearance: none;
  display: inline-block;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  min-height: 2.875rem;
  line-height: 2.575rem;
  padding: 0.25rem 1.5rem 0;
  text-decoration: none;
  font-size: 18px;
  background: #91c800;
  border: 0 solid #79a934;
  color: white;
}

.event--wrapper .event--header .event--call-to-actions .button.waiting-list {
  -webkit-appearance: none;
  display: inline-block;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  min-height: 2.875rem;
  line-height: 2.575rem;
  padding: 0.25rem 1.5rem 0;
  text-decoration: none;
  font-size: 18px;
  background: #fd7232;
  color: white;
}

.event--wrapper .event--header .event--call-to-actions .button.booked {
  -webkit-appearance: none;
  display: inline-block;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  min-height: 2.875rem;
  line-height: 2.575rem;
  padding: 0.25rem 1.5rem 0;
  text-decoration: none;
  font-size: 18px;
  background: #D9D9D9;
  color: #444;
}

@media all and (min-width: 760px) {
  .event--wrapper .event--header .event--call-to-actions {
    display: block;
  }
}

.event--wrapper .event--content {
  font-size: 18px;
  /*.column:last-child {
        display: none;
    }

    @include breakpoint($breakpoint-tablet) {
      .column:last-child {
        display: block;
      }
      .column:first-child {
        .event--info {
          display: none;
        }
        .field--location {
          display: none;
        }
      }
    }
    }*/
}

@media all and (min-width: 760px) {
  .event--wrapper .event--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 34px;
  }
}

.event--wrapper .event--content h1 {
  font-size: 30px;
  margin-bottom: .5rem;
  margin-top: .5rem;
}

.event--wrapper .event--content p {
  font-size: 18px;
}

.event--wrapper .event--content img {
  max-width: 100%;
}

.event--wrapper .event--content .event--call-to-actions {
  display: block;
  position: relative;
  margin-bottom: 20px;
}

.event--wrapper .event--content .event--call-to-actions .button {
  -webkit-appearance: none;
  display: inline-block;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  min-height: 2.875rem;
  line-height: 2.575rem;
  padding: 0.25rem 1.5rem 0;
  text-decoration: none;
  font-size: 18px;
  background: #D9D9D9;
  color: #444;
  text-align: center;
  width: 100%;
  font-weight: normal;
  margin: 10px 0 20px 0;
}

@media all and (min-width: 760px) {
  .event--wrapper .event--content .event--call-to-actions:not(.event--files) {
    display: none;
  }
}

.event--wrapper .event--content .event--info,
.event--wrapper .event--content .field--location,
.event--wrapper .event--content .field--organizer,
.event--wrapper .event--content .field--timezone {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-size: 18px;
  margin: 0 0 25px 0;
  line-height: 1.4;
}

.event--wrapper .event--content .event--info dt,
.event--wrapper .event--content .field--location dt,
.event--wrapper .event--content .field--organizer dt,
.event--wrapper .event--content .field--timezone dt {
  font-weight: 800;
}

.event--wrapper .event--content .event--info dd,
.event--wrapper .event--content .field--location dd,
.event--wrapper .event--content .field--organizer dd,
.event--wrapper .event--content .field--timezone dd {
  margin-left: 0;
}

.event--wrapper .event--content .event--info .field--date_date:after,
.event--wrapper .event--content .field--location .field--date_date:after,
.event--wrapper .event--content .field--organizer .field--date_date:after,
.event--wrapper .event--content .field--timezone .field--date_date:after {
  content: ', ';
}

.event--wrapper .event--content .event--info .field--date_time,
.event--wrapper .event--content .field--location .field--date_time,
.event--wrapper .event--content .field--organizer .field--date_time,
.event--wrapper .event--content .field--timezone .field--date_time {
  display: block;
}

.event--wrapper .event--content .field--organizer dt:not(:first-child) {
  margin-top: 25px;
}

.event--wrapper .event--content .field--location address {
  font-style: normal;
}

.event--wrapper .event--content .event--info > dl:first-child {
  margin-top: 0;
}

.event--wrapper .event--content .event--info .field--additional-dates dd,
.event--wrapper .event--content .event--info .event--further-dates dd {
  margin: 0;
  margin-bottom: 10px;
}

.event--wrapper .event--content .event--info .field--additional-dates dd .field--date_time_hyphen:after,
.event--wrapper .event--content .event--info .event--further-dates dd .field--date_time_hyphen:after {
  content: "\A";
  white-space: pre;
}

.event--wrapper .event--content .event--info .field--additional-dates ~ .event--further-dates {
  margin-top: -8px;
}

.event--wrapper .event--content .event--info .field--additional-dates ~ .event--further-dates dt {
  display: none;
}

.event--wrapper .event--content .event--info .event--further-dates dd {
  margin-bottom: 7px;
}

.event--wrapper .event--content .event--info .event--further-dates dd .field--date_time, .event--wrapper .event--content .event--info .event--further-dates dd .field--date_date:after {
  display: none;
}

.event--wrapper .event--content .event--info .field--attachments dd {
  margin-bottom: 5px;
}

.event--wrapper .event--content .event--info .field--attachments .field--attachments-link {
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.event--wrapper .event--content .event--info .field--attachments .field--attachments-link .field--attachments-descriptions {
  width: 100%;
  margin: auto;
}

.event--wrapper .event--content .event--info .field--attachments .field--attachments-link svg {
  float: none;
  margin-right: 5px;
  width: 18px;
}

.event--wrapper .event--content .event--info .field--attachments .field--attachments-link svg path {
  fill: #7c7c7c;
}

.event--wrapper .event--footer {
  margin-top: 0;
  clear: both;
}

@media all and (min-width: 760px) {
  .event--wrapper .event--footer {
    padding-top: 52px;
  }
}

.event--wrapper .event--title {
  margin-bottom: .2rem;
  text-align: left;
}

.event--wrapper .event--subtitle {
  margin-top: .1rem;
  text-align: left;
  margin-bottom: 2.2rem;
  font-size: 22px;
}

.event--wrapper .event--meta {
  font-size: 1.125rem;
}

@media all and (min-width: 1220px) {
  .event--wrapper .event--meta {
    font-size: 1.25rem;
  }
}

.event--wrapper .event--info-box {
  max-width: 980px;
  margin: 44px auto;
  padding: 11px;
  background-color: #f1f1f1;
  line-height: 1.3;
}

@media all and (min-width: 760px) {
  .event--wrapper .event--info-box {
    padding: 44px;
    line-height: 1.45;
  }
}

.event--wrapper .event--info-box .field--city {
  font-weight: bold;
}

.event--wrapper .event--info-box .infos {
  overflow: auto;
}

.event--wrapper .event--info-box .infos .column {
  margin-top: 1rem;
}

@media all and (min-width: 760px) {
  .event--wrapper .event--info-box .infos .column {
    margin-top: 0;
    width: 48%;
    float: left;
    margin-right: 2%;
  }
  .event--wrapper .event--info-box .infos .column:nth-child(2n+2) {
    margin-right: 0;
  }
}

.event--wrapper .event--info-box dl {
  margin: 0 0 0.7rem;
  overflow: visible;
  padding-left: 2rem;
}

.event--wrapper .event--info-box dl:last-child {
  margin-bottom: 0;
}

.event--wrapper .event--info-box dl dt {
  font-size: 0.8125rem;
}

.event--wrapper .event--info-box dl dd {
  font-size: 1.0125rem;
  margin-left: 0;
}

.event--wrapper .event--info-box dl dd .download-ical {
  display: none;
}

@media all and (min-width: 760px) {
  .event--wrapper .event--info-box dl dd .download-ical {
    display: block;
  }
}

.event--wrapper .event--info-box dl dd .download-ical, .event--wrapper .event--info-box dl dd .livestream-link {
  display: block;
  font-weight: bold;
  text-decoration: none;
}

.event--wrapper .event--info-box dl dd .livestream-link {
  font-weight: normal;
  margin-left: 4px;
}

.event--wrapper .event--info-box dl svg {
  float: left;
  margin-left: -2rem;
  margin-top: 0;
}

@media all and (min-width: 760px) {
  .event--wrapper .event--info-box dl svg {
    margin-top: 0.25rem;
  }
}

.event--wrapper .event--info-box .event--call-to-actions {
  text-align: left;
  margin-left: 2rem;
}

.event--wrapper .event--files {
  overflow: auto;
  max-width: 980px;
  margin: 44px auto;
  padding: 11px;
  background-color: #f1f1f1;
  line-height: 1.3;
}

.event--wrapper .event--files .event--files__title {
  font-size: 18px;
  font-weight: 700;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  padding-left: 1.25rem;
}

.event--wrapper .event--files ul {
  padding-left: 1.25rem;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
}

.event--wrapper .event--files .event--files__item {
  list-style: none;
  padding: 5px 0;
}

.event--wrapper .event--files .event--files__item a {
  text-decoration: none;
}

.event--wrapper .event--files .event--files__item svg {
  position: relative;
  top: 5px;
  margin-right: 6px;
}

.event--wrapper .event--files .button,
.event--wrapper .event--files .button-transparent {
  margin: 4px 4px 12px 0;
  padding-top: .125rem;
}

@media screen and (max-width: 760px) {
  .event--wrapper .event--files .button,
.event--wrapper .event--files .button-transparent {
    width: 100%;
    text-align: center;
  }
}

.event--wrapper .coop-partners {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.event--wrapper .coop-partners .coop-partner--logo {
  margin: 0 20px 0 0;
}

.event--wrapper .coop-partners .coop-partner--logo .coop-partner--logo_img {
  width: auto;
  max-height: 90px;
}

.event--wrapper .field--spoken-language {
  margin: 0;
}

.event--wrapper .field--event-links {
  border: none;
  text-decoration: underline;
  padding: 0;
}

.coop-partner--textlink,
.event--directions-link,
.field--event-trainer a {
  text-decoration: none;
  border-bottom: 1px solid #7c7c7c;
}

.coop-partner--textlink:hover,
.event--directions-link:hover,
.field--event-trainer a:hover {
  border-bottom: 1px solid #333;
}

.event--image {
  margin: 0 -10px;
  margin-bottom: 25px;
}

@media all and (min-width: 1100px) and (max-width: 1220px) {
  .event--image {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: auto;
  }
}

@media all and (min-width: 1220px) {
  .event--image {
    height: auto;
    margin-left: -60px;
    width: calc(100% + 120px);
  }
}

.event--image img {
  display: block;
  height: auto;
  max-width: 1220px;
  padding: 0;
  width: 100%;
}

.event--image-caption {
  font-size: 14px;
  line-height: 1.31;
  color: #999;
  margin: 10px;
  text-align: right;
  font-style: italic;
}

.event--image-caption a {
  color: #999;
}

.event--image-caption img {
  display: none;
  margin: 0 0.375rem;
}

.event--hairline {
  border-bottom: 1px solid #91c800;
}

.event--website-link {
  display: block;
  font-size: 12px;
  margin-top: 2px;
}

.event--body .views-element-container {
  overflow: hidden;
}

.field--terms-and-conditions {
  margin-bottom: 30px !important;
}

.field--date.exhibition .field--date_date, .field--date.exhibition .field--date_time_with_day {
  display: inline;
  font-weight: 700;
}

.field--date .field--date_date.day-only {
  display: inline;
}
/*# sourceMappingURL=event.css.map */