/* https://www.emailonacid.com/blog/article/email-development/emailology_media_queries_demystified_min-width_and_max-width/ */
/*$color-main-blue: #1c3a75;*/
/*$color-main-blue: #1e4280;*/
/* 660px */
/**
 * Custom calendar skin.
 *
 * Add this to a library in your module or theme.
 *
 * @code
 * mycalendarskin:
 *   version: VERSION
 *   css:
 *    component:
 *      # Weight not necessary but it makes sure this
 *      # stylesheet is loaded after defaults.
 *      css/calendar-view.gin.css: { weight: 1 }
 * @endcode
 *
 * Create your own template views-view-calendar.html.twig
 * and attach your library.
 *
 * @code
 * {% extends "views-view-calendar.html.twig" %}
 * {% block libraries %}
 *   {{ attach_library ('mytheme/mycalendarskin') }}
 * {% endblock %}
 * @endcode
 */
body pre.sf-dump {
  z-index: unset; }

.calendar-view-table {
  --calendar-view-columns: 7;
  --calendar-view-color-white: #fff;
  --calendar-view-color-light: #f4f4f4;
  --calendar-view-color-grey: #ccc;
  --calendar-view-color-gray: #555;
  --calendar-view-color-evil: #666;
  --calendar-view-color-dark: #333;
  width: 100%;
  border-spacing: 0; }

.calendar-view-table .views-field-field-teaser-image {
  margin-left: 130px; }

.calendar-view-table .views-field-field-teaser-image img {
  vertical-align: middle; }

.calendar-view-table ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #FFE819; }

.calendar-view-table caption {
  display: none; }
.calendar-view-table li {
  margin: 0;
  padding: 0;
  line-height: unset;
  position: relative;
  display: flex;
  overflow: hidden; }
.calendar-view-table li:first-child .event-conditions {
  top: 120px; }
.calendar-view-table .event-conditions {
  top: 12px;
  font-family: "BreuerText";
  text-transform: uppercase;
  font-weight: normal;
  /*border: 1px dashed gray;*/
  font-size: 13px;
  position: absolute;
  top: 0;
  width: 132px;
  color: #1E427F; }
  .calendar-view-table .event-conditions .event-conditions-items {
    padding: 0 1em; }
    .calendar-view-table .event-conditions .event-conditions-items .views-field-field-time {
      font-size: 38px;
      text-align: center; }
    .calendar-view-table .event-conditions .event-conditions-items .views-field-field-venue {
      font-weight: bold;
      line-height: 1em; }
    .calendar-view-table .event-conditions .event-conditions-items .views-field-field-prices {
      margin-top: 0px;
      line-height: 1em; }
      .calendar-view-table .event-conditions .event-conditions-items .views-field-field-prices .paragraph--type--event-price {
        margin-top: 0.2em; }
        .calendar-view-table .event-conditions .event-conditions-items .views-field-field-prices .paragraph--type--event-price .field--name-field-value {
          font-weight: bold; }

.views-field-field-prices .field--name-field-name {
  display: inline; }

.views-field-field-prices .field--name-field-name:after {
  content: ':'; }

.views-field-field-prices .field--name-field-value {
  display: inline; }

.calendar-view-table .event-info {
  flex-grow: 1; }

.calendar-view-table .event-info-items {
  background-color: #f8f8f8;
  display: flex;
  flex-direction: column;
  height: 100%; }

.calendar-view-table .event-info-items .views-field-field-genre {
  margin: 1rem 1rem 0 1rem;
  font-family: "BreuerText";
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em; }

.calendar-view-table .event-info-items .views-field-title {
  margin: 1rem 1rem 0 1rem;
  font-size: 1.4em;
  text-transform: uppercase; }

.calendar-view-table .event-info-items .views-field-title a {
  text-decoration: none;
  line-height: 1.05em;
  display: block; }

.calendar-view-table .event-info-items .views-field-field-subtitle {
  flex: 1;
  margin: 1rem 1rem 0 1rem;
  font-size: 0.8em; }

/* obsolete */
.calendar-view-table .event-info-items .event-links {
  /*border: 1px dashed gray;*/ }

.calendar-view-table .calendar-view-day {
  margin-bottom: 32px; }

.calendar-view-table time.calendar-view-day__number {
  position: absolute;
  width: 130px;
  display: flex;
  flex-direction: column;
  /*border: 1px dashed gray;*/
  align-items: center;
  font-family: "BreuerText";
  text-transform: uppercase;
  font-weight: bold;
  background-color: #f8f8f8;
  color: #1E427F;
  padding: 0.2em 0; }

/* Bild 364 x 364 */
.calendar-view-table time.calendar-view-day__number .day-number {
  font-size: 64px;
  line-height: 60px; }

.calendar-view-table tr, .calendar-view-table td {
  padding: 0;
  margin: 0;
  border: none; }

.calendar-view-table .sold-out, .calendar-view-table .canceled {
  width: 100%;
  height: 100%;
  background-color: #BABABA;
  font-family: "BreuerText";
  text-transform: uppercase;
  font-weight: bold;
  color: #1E427F;
  text-align: center;
  line-height: 2em; }

.calendar-view-table .buy-tickets a {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "BreuerText";
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  background-color: #FFE819;
  color: #1E427F;
  text-align: center;
  line-height: 2em; }

.calendar-view-table_ .buy-tickets a::before {
  content: url("../images/events/ticket.svg");
  position: absolute; }

.ufaicon {
  display: inline-block;
  height: 25px;
  width: 25px;
  background-repeat: no-repeat;
  vertical-align: middle; }

.ufaicon-ticket {
  content: '';
  background-image: url("../images/events/ticket.svg");
  background-size: 20px 25px; }

/*# sourceMappingURL=calendar.desktop.css.map */